@import "https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=SF+Pro+Text:wght@300;400;500;600;700&display=swap";:root{--primary:#007aff;--primary-dark:#0056cc;--primary-light:#4da6ff;--secondary:#5856d6;--accent:#ff9500;--success:#34c759;--warning:#ff9500;--error:#ff3b30;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-tertiary:#a1a1a6;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--font-display:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-text:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--transition-fast:.15s ease-out;--transition-normal:.25s ease-out;--transition-slow:.35s ease-out}body{font-family:var(--font-text);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px;line-height:1.5;overflow-x:hidden}img{max-width:100%;height:auto;display:block}p,span,div,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}.app{background-color:var(--bg-secondary);min-height:100vh}html{scroll-behavior:smooth}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.container{max-width:1200px;padding:0 var(--space-4);width:100%;margin:0 auto}@media (max-width:640px){.container{padding:0 var(--space-3)}}@media (max-width:480px){.container{padding:0 var(--space-2)}h1{line-height:1.3;font-size:1.5rem!important}h2{line-height:1.4;font-size:1.25rem!important}h3{line-height:1.4;font-size:1.125rem!important}h4{line-height:1.5;font-size:1rem!important}h5{line-height:1.5;font-size:.9375rem!important}h6{line-height:1.5;font-size:.875rem!important}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hidden{display:none}.btn{padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;box-sizing:border-box;border:none;justify-content:center;align-items:center;min-height:44px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}@media (max-width:640px){.btn{padding:var(--space-3)var(--space-4);min-height:44px;font-size:.875rem}}@media (max-width:480px){.btn{padding:var(--space-2)var(--space-3);min-height:40px;font-size:.8125rem}}.btn:before{content:"";width:100%;height:100%;transition:left var(--transition-normal);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-secondary{background:var(--white);color:var(--text-primary);border:1px solid var(--gray-300);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--text-primary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--gray-100);border-color:var(--gray-200)}.form-input{width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:var(--white);box-sizing:border-box;font-size:.875rem}@media (max-width:640px){.form-input{padding:var(--space-3)var(--space-3);font-size:16px}}.card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:640px){html,body{width:100%;overflow-x:hidden}}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex{display:flex}.md\:hidden{display:none}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:.6s ease-out fadeInUp}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-slide-in-right{animation:.5s ease-out slideInRight}.toast{font-family:var(--font-text)!important}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}div[class*=toast]{font-family:var(--font-text)!important}div[class*=ToastContainer]{z-index:10000}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.dark-mode{--bg-primary:#1d1d1f;--bg-secondary:#121212;--bg-tertiary:#0a0a0a;--text-primary:#fff;--text-secondary:#a1a1a6;--text-tertiary:#86868b;--gray-50:#1f2937;--gray-100:#374151;--gray-200:#4b5563;--gray-300:#6b7280;--gray-400:#9ca3af;--gray-500:#d1d5db;--gray-600:#e5e7eb;--gray-700:#f3f4f6;--gray-800:#f9fafb;--gray-900:#fff;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #00000080;--shadow-2xl:0 25px 50px -12px #000000b3}.dark-mode body{color:#fff;background-color:#121212}.dark-mode html,.dark-mode #root,.dark-mode .app{background-color:#121212}.dark-mode .card{background:#1d1d1f;border-color:#374151}.dark-mode .card:hover{box-shadow:0 10px 25px #00000080}.dark-mode .btn-ghost{color:#fff}.dark-mode .btn-ghost:hover{background:#374151;border-color:#4b5563}.dark-mode div[class*=toast]{color:#fff!important;background:#1d1d1f!important;border-color:#374151!important;box-shadow:0 25px 50px -12px #000000b3!important}.dark-mode div[class*=toast][class*=success]{border-color:#34c759!important;box-shadow:0 25px 50px -12px #34c75966!important}.dark-mode div[class*=toast][class*=error]{border-color:#ff3b30!important;box-shadow:0 25px 50px -12px #ff3b3066!important}#root{text-align:left;width:100%;min-height:100vh;margin:0;padding:0}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.dark-mode #root{background:#121212}.dark-mode .app{background-color:#121212}.dark-mode .read-the-docs{color:#a1a1a6}.dark-mode .toast{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--gray-200)!important;box-shadow:var(--shadow-2xl)!important}.dark-mode .toast.success{border:1px solid var(--success)!important;box-shadow:0 25px 50px -12px #34c75940!important}.dark-mode .toast.error{border:1px solid var(--error)!important;box-shadow:0 25px 50px -12px #ff3b3040!important}.sidebar{border-right:1px solid var(--gray-200);z-index:1001;-webkit-overflow-scrolling:touch;flex-direction:column;width:100%;max-width:260px;height:100vh;display:flex;position:relative;overflow:hidden auto;background:var(--white)!important}.sidebar-close-btn{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);z-index:1002;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:1rem;right:1rem}.sidebar-close-btn:hover{background:var(--gray-50);border-color:var(--gray-300);box-shadow:var(--shadow-md);transform:scale(1.05)}.sidebar-close-btn:active{transform:scale(.95)}.sidebar-close-btn svg{width:20px;height:20px;color:var(--text-primary)}.sidebar-header{border-bottom:1px solid var(--gray-200);z-index:10;justify-content:center;align-items:center;min-height:100px;padding:1.5rem 1.25rem;display:flex;position:relative;top:0;background:var(--gray-50)!important}.sidebar-logo{z-index:1;justify-content:center;align-items:center;width:100%;text-decoration:none;display:flex;position:relative;background:0 0!important}.sidebar-logo-img{object-fit:contain;z-index:2;width:auto;max-width:100%;height:70px;display:block;position:relative}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;min-height:0;padding:1rem .75rem;display:flex;overflow-y:auto}.sidebar-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-item:hover{background:var(--gray-100);color:var(--text-primary)}.sidebar-item.active{background:var(--primary);color:var(--white);font-weight:600}.sidebar-item.active .sidebar-icon{color:var(--white)}.sidebar-icon{width:20px;height:20px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-label{white-space:nowrap;flex:1}.sidebar-login-btn{color:var(--primary);border-top:1px solid var(--gray-200);background:0 0;margin-top:1rem;padding-top:1rem;font-weight:500}.sidebar-login-btn:hover{background:var(--gray-100);color:var(--primary-dark)}.sidebar-login-btn .sidebar-icon{color:var(--primary)}.sidebar-login-btn:hover .sidebar-icon{color:var(--primary-dark)}.sidebar-login-btn.active{color:var(--primary);background:0 0}.sidebar-logout-btn{color:var(--primary);border-top:1px solid var(--gray-200);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;margin-top:1rem;padding-top:1rem;font-weight:500}.sidebar-logout-btn:hover{background:var(--gray-100);color:var(--primary-dark)}.sidebar-logout-btn .sidebar-icon{color:var(--primary)}.sidebar-logout-btn:hover .sidebar-icon{color:var(--primary-dark)}@media (max-width:1399px){.sidebar{max-width:200px}}@media (min-width:1024px){.sidebar{z-index:1001;position:relative}.sidebar-header{border-bottom:1px solid var(--gray-200)!important;height:auto!important;min-height:100px!important;margin:0!important;padding:1.5rem 1.25rem!important;display:flex!important;overflow:visible!important}.sidebar-close-btn{display:none!important}.sidebar-nav{padding-top:1rem}}@media (max-width:1023px){.sidebar-close-btn{display:flex}}@media (max-width:1024px){.sidebar{height:100vh;transition:transform var(--transition-normal);box-shadow:var(--shadow-2xl);background:var(--white);-webkit-overflow-scrolling:touch;position:fixed;top:0;left:0;overflow:hidden auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}@media (max-width:768px){.sidebar{width:240px}.sidebar-header{padding:1.25rem 1rem}.sidebar-logo-img{height:60px}.sidebar-nav{padding:.75rem .5rem}.sidebar-item{padding:.625rem .875rem;font-size:.875rem}.sidebar-icon{width:18px;height:18px}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.dark-mode .sidebar{border-right-color:#374151;background:#1d1d1f!important}.dark-mode .sidebar-header{border-bottom-color:#374151;background:#121212!important}.dark-mode .sidebar-item{color:#a1a1a6}.dark-mode .sidebar-item:hover{color:#fff;background:#374151}.dark-mode .sidebar-item.active{color:#fff;background:#007aff}.dark-mode .sidebar-item.active .sidebar-icon{color:#fff}.dark-mode .sidebar-login-btn{color:#007aff;border-top-color:#374151}.dark-mode .sidebar-login-btn:hover{color:#4da6ff;background:#374151}.dark-mode .sidebar-logout-btn{color:#007aff;border-top-color:#374151}.dark-mode .sidebar-logout-btn:hover{color:#4da6ff;background:#374151}.dark-mode .sidebar-logout-btn .sidebar-icon{color:#007aff}.dark-mode .sidebar-logout-btn:hover .sidebar-icon{color:#4da6ff}.dark-mode .sidebar-close-btn{background:#1d1d1f;border-color:#374151}.dark-mode .sidebar-close-btn:hover{background:#374151;border-color:#4b5563}.dark-mode .sidebar-close-btn svg{color:#fff}.dark-mode .sidebar::-webkit-scrollbar-thumb{background:#4b5563}.dark-mode .sidebar::-webkit-scrollbar-thumb:hover{background:#6b7280}.billboards-container{flex-direction:column;gap:1.5rem;margin-top:0;padding-top:0;display:flex}.billboard{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:box-shadow var(--transition-fast);flex-shrink:0;padding:1.5rem}.billboard:hover{box-shadow:var(--shadow-md)}.billboard-image-container{border-radius:var(--radius-md);width:100%;margin-bottom:1rem;overflow:hidden}.billboard-image{object-fit:cover;width:100%;height:auto;display:block}.billboard-content{text-align:left}.billboard-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.billboard-description-wrapper{margin-bottom:1rem}.billboard-description{color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:.875rem;line-height:1.5}.billboard-toggle-description{color:var(--primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;margin-top:.5rem;padding:.25rem 0;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-block}.billboard-toggle-description:hover{color:var(--primary-dark);text-decoration:underline}.billboard-toggle-description:focus{outline:none;text-decoration:underline}.billboard-link{color:var(--primary);transition:color var(--transition-fast);margin-top:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.billboard-link:hover{color:var(--primary-dark)}.billboard-placeholder{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:2rem 1rem;display:flex}.billboard-placeholder svg{opacity:.5;width:48px;height:48px;margin-bottom:.75rem}.billboard-placeholder p{color:var(--text-tertiary);font-size:.875rem}.billboard-loading .billboard-placeholder{min-height:150px}.billboard-empty .billboard-placeholder{min-height:100px}@media (max-width:1024px){.billboards-container{max-height:none;overflow-y:visible}.billboard{margin-bottom:1rem;padding:1rem}.billboard-placeholder{min-height:120px;padding:1.5rem 1rem}.billboard-placeholder svg{width:40px;height:40px}}.dark-mode .billboard{background:#1d1d1f;border-color:#374151}.dark-mode .billboard:hover{box-shadow:0 10px 25px #00000080}.dark-mode .billboard-title{color:#fff}.dark-mode .billboard-description{color:#a1a1a6}.dark-mode .billboard-placeholder{color:#6b7280}.dark-mode .billboard-placeholder svg{opacity:.3}.dark-mode .billboard-placeholder p{color:#6b7280}.footer{background:var(--gray-900);color:var(--white);position:relative;overflow:hidden}.footer:before{content:"";background:radial-gradient(circle at 20% 20%,#007aff1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#5856d61a 0%,#0000 50%);position:absolute;inset:0}.footer-container{max-width:1200px;padding:var(--space-20)var(--space-4);z-index:1;margin:0 auto;position:relative}.footer-content{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:1fr;display:grid}.footer-brand{grid-column:1/-1}.footer-logo{margin-bottom:var(--space-6);align-items:center;display:flex}.footer-logo-img{object-fit:contain;width:auto;height:5rem}.footer-description{color:var(--gray-300);margin-bottom:var(--space-6);max-width:28rem;font-size:1rem;line-height:1.6}.social-links{gap:var(--space-4);display:flex}.social-link{color:var(--gray-400);transition:all var(--transition-fast);padding:var(--space-2);border-radius:var(--radius-lg)}.social-link:hover{color:var(--white);background:#ffffff1a;transform:translateY(-2px)}.social-icon{width:1.5rem;height:1.5rem}.footer-section{flex-direction:column;display:flex}.footer-title{font-family:var(--font-display);color:var(--gray-300);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-size:1rem;font-weight:600}.footer-links{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer-link{color:var(--gray-400);transition:all var(--transition-fast);padding:var(--space-1)0;font-size:.875rem;text-decoration:none}.footer-link:hover{color:var(--white);transform:translate(4px)}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:var(--space-8)}.footer-bottom-content{gap:var(--space-4);text-align:center;flex-direction:column;align-items:center;display:flex}.footer-copyright{color:var(--gray-400);font-size:.875rem}.footer-legal{align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.footer-legal-separator{color:var(--gray-500);font-size:.875rem}.footer-legal-link{color:var(--gray-400);transition:all var(--transition-fast);font-size:.875rem;text-decoration:none}.footer-legal-link:hover{color:var(--white)}@media (min-width:1400px){.footer-content{gap:var(--space-12);grid-template-columns:2fr 1fr 1fr}.footer-brand{grid-column:auto}}@media (min-width:1200px) and (max-width:1399px){.footer-content{gap:var(--space-12);grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:auto}}@media (min-width:992px) and (max-width:1199px){.footer-content{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:991px){.footer-content{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr}.footer-brand{grid-column:1/-1}.footer-container{padding:20px}.footer-logo,.footer-description{margin-bottom:var(--space-4)}}@media (min-width:640px){.footer-bottom-content{text-align:left;flex-direction:row;justify-content:space-between}}.dark-mode .footer{background:#1f2937}.dark-mode .footer-description{color:#9ca3af}.dark-mode .footer-title{color:#d1d5db}.dark-mode .footer-link{color:#9ca3af}.dark-mode .footer-link:hover{color:#fff}.dark-mode .footer-bottom{border-top-color:#374151}.dark-mode .footer-copyright{color:#9ca3af}.dark-mode .footer-legal-separator{color:#6b7280}.dark-mode .footer-legal-link{color:#9ca3af}.dark-mode .footer-legal-link:hover{color:#fff}.dark-mode .social-link{color:#9ca3af}.dark-mode .social-link:hover{color:#fff;background:#ffffff1a}.theme-toggle{background:var(--bg-primary);width:48px;height:48px;color:var(--text-primary);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-normal);border:none;border:1px solid var(--gray-200);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.theme-toggle:hover{box-shadow:var(--shadow-2xl);background:var(--primary);color:var(--white);border-color:var(--primary);transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{width:20px;height:20px;transition:transform var(--transition-normal)}.theme-toggle:hover svg{transform:rotate(15deg)}@media (min-width:1024px){.theme-toggle{z-index:1000;box-shadow:var(--shadow-lg);position:fixed;top:1.5rem;right:1.5rem}.header-actions .theme-toggle{position:fixed;top:1.5rem;right:1.5rem}}@media (max-width:640px){.theme-toggle{width:40px;height:40px}.theme-toggle svg{width:18px;height:18px}}.dark-mode .theme-toggle{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .theme-toggle:hover{color:#fff;background:#007aff;border-color:#007aff}.dark-mode .theme-toggle svg,.dark-mode .theme-toggle:hover svg{color:#fff}.layout-header{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:1000;height:auto;min-height:0;display:block;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}@media (min-width:1024px){.layout-header{visibility:hidden!important;border:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;display:none!important;overflow:hidden!important}}.header-container{box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:100%;padding:1rem 1.5rem;display:flex;overflow:visible}.header-sidebar-toggle{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.header-sidebar-toggle:hover{background:var(--gray-50);border-color:var(--gray-300);transform:scale(1.05)}.header-sidebar-toggle:active{transform:scale(.95)}.header-sidebar-toggle svg{width:20px;height:20px;color:var(--text-primary)}.header-logo{transition:transform var(--transition-fast);flex:1;justify-content:center;align-items:center;min-width:100px;text-decoration:none;overflow:visible;visibility:visible!important;display:flex!important}.header-logo:hover{transform:scale(1.02)}.header-logo-img{object-fit:contain;flex-shrink:0;width:auto;min-width:60px;max-width:100%;height:3.5rem;visibility:visible!important;opacity:1!important;display:block!important}.header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.header-billboard-toggle{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex}.header-billboard-toggle:hover{background:var(--gray-50);border-color:var(--gray-300);transform:scale(1.05)}.header-billboard-toggle:active{transform:scale(.95)}.header-billboard-toggle svg{width:20px;height:20px;color:var(--text-primary)}.header-actions .theme-toggle{border-radius:var(--radius-md);width:40px;height:40px;box-shadow:var(--shadow-sm);position:relative;top:0;right:0}.header-actions .theme-toggle:hover{transform:scale(1.05)}@media (max-width:1024px){.header-container{padding:.875rem 1rem}.header-logo{min-width:100px;visibility:visible!important;display:flex!important}.header-logo-img{height:3rem;visibility:visible!important;opacity:1!important;display:block!important}.header-sidebar-toggle,.header-billboard-toggle,.header-actions .theme-toggle{width:36px;height:36px}.header-sidebar-toggle svg,.header-billboard-toggle svg{width:18px;height:18px}}@media (max-width:768px){.header-container{gap:.75rem;padding:.75rem .875rem}.header-logo{min-width:80px;visibility:visible!important;display:flex!important}.header-logo-img{height:2.5rem;visibility:visible!important;opacity:1!important;display:block!important}.header-sidebar-toggle,.header-billboard-toggle,.header-actions .theme-toggle{width:36px;height:36px}.header-actions{gap:.5rem}}@media (min-width:1025px){.header-sidebar-toggle{display:none}}.dark-mode .layout-header{background:#1d1d1f;border-bottom-color:#374151}.dark-mode .header-sidebar-toggle,.dark-mode .header-billboard-toggle{background:#1d1d1f;border-color:#374151}.dark-mode .header-sidebar-toggle:hover,.dark-mode .header-billboard-toggle:hover{background:#374151;border-color:#4b5563}.dark-mode .header-sidebar-toggle svg,.dark-mode .header-billboard-toggle svg{color:#fff}.layout{background:var(--bg-secondary);grid-template-columns:260px 1fr;display:grid}.layout-main{flex:1;grid-template-rows:auto 1fr;grid-template-columns:1fr 300px;width:100%;min-height:100vh;display:grid;position:relative}.layout-header{grid-area:1/1/auto/-1;height:auto}@media (min-width:1024px){.layout-main{grid-template-rows:1fr}.layout-header{height:0;min-height:0;margin:0;padding:0;display:none;overflow:hidden}}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;display:none;position:fixed;inset:0}.layout-content-wrapper{box-sizing:border-box;flex:1;grid-area:2/1;width:100%;height:100vh;margin:0 auto;display:flex;overflow:hidden}@media (min-width:1024px){.layout-content-wrapper{grid-row:1;height:100vh}}.layout-content{flex:1;width:100%;min-width:0;height:100vh;overflow:hidden auto}.layout-billboard{width:100%;max-width:300px;height:calc(100vh - var(--header-height,73px));background:var(--bg-secondary);border-left:1px solid var(--gray-200);box-sizing:border-box;z-index:100;transition:transform var(--transition-normal);top:var(--header-height,73px);grid-area:1/2/-1;align-self:start;padding:1.5rem;position:sticky;overflow-y:auto}@media (min-width:1024px){.layout-billboard{grid-row:1;height:100vh;top:0}}.billboard-toggle{display:none}.billboard-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;display:none;position:fixed;inset:0}.billboard-close{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast);z-index:101;justify-content:center;align-items:center;width:36px;height:36px;padding:.5rem;display:none;position:absolute;top:1rem;right:1rem}.billboard-close:hover{background:var(--gray-100);transform:scale(1.1)}.billboard-close svg{width:20px;height:20px;color:var(--text-primary)}.layout-billboard::-webkit-scrollbar{width:4px}.layout-billboard::-webkit-scrollbar-track{background:0 0}.layout-billboard::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:2px}.layout-billboard::-webkit-scrollbar-thumb:hover{background:#60a5fa}.layout-billboard{scrollbar-width:thin;scrollbar-color:#93c5fd transparent}.layout-billboard-left{order:1}.layout-billboard-right{order:3}.layout-content{order:2}@media (max-width:1399px){.layout-billboard{max-width:253px;padding:0 15px 20px}.layout-main{grid-template-columns:1fr 253px}.layout{grid-template-columns:200px 1fr}}@media (max-width:1024px){.layout,.layout-main{padding:0;display:block}.layout-main{flex-direction:column;margin-left:0;display:flex}.sidebar-overlay,.billboard-overlay{display:block}.billboard-close{display:flex}.layout-content-wrapper{height:calc(100vh - var(--header-height,73px));min-height:calc(100vh - var(--header-height,73px));flex-direction:column;overflow:hidden}.layout-content{height:100%;overflow:hidden auto}.layout-billboard{width:280px;max-width:85vw;height:100vh;padding:0 1rem 1rem;padding-top:calc(var(--header-height,73px) + .5rem);border-left:1px solid var(--gray-200);z-index:100;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 12px #0000001a}.layout-billboard.open{transform:translate(0)}}@media (max-width:768px){.layout-content-wrapper,.layout-content{padding:0}}@media (max-width:480px){.layout-content-wrapper,.layout-content{padding:0}.layout-billboard{padding:0 .75rem .75rem;padding-top:calc(var(--header-height,73px) + .25rem)}}.desktop-theme-toggle{display:none}@media (min-width:1024px){.desktop-theme-toggle{z-index:1001;display:block;position:fixed;top:1.5rem;right:1.5rem}}@media (max-width:1024px){.sidebar{box-shadow:var(--shadow-xl);position:absolute;top:0;left:0}.desktop-theme-toggle{display:none}}.dark-mode .layout,.dark-mode .layout-main,.dark-mode .layout-content-wrapper{background:#121212}.dark-mode .layout-billboard{background:#1d1d1f;border-left-color:#374151}.dark-mode .sidebar-toggle{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .sidebar-toggle:hover{background:#374151}.dark-mode .sidebar-toggle svg{color:#fff}.dark-mode .billboard-toggle{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .billboard-toggle:hover{background:#374151}.dark-mode .billboard-toggle svg{color:#fff}.dark-mode .billboard-close{background:#1d1d1f;border-color:#374151}.dark-mode .billboard-close:hover{background:#374151}.dark-mode .billboard-close svg{color:#fff}.dark-mode .sidebar-overlay,.dark-mode .billboard-overlay{background:#000000b3}.home-page{background:var(--bg-secondary);width:100%;min-height:100vh}.home-container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.home-hero{background:var(--white);padding:4rem 0 5rem;position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background:linear-gradient(135deg,#3b82f608 0%,#8b5cf608 100%);position:absolute;inset:0}.hero-wrapper{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-content{text-align:left;z-index:2;flex-direction:column;align-items:flex-start;gap:2rem;display:flex}.hero-image-container{border-radius:var(--radius-xl);width:100%;height:500px;box-shadow:var(--shadow-xl);z-index:1;position:relative;overflow:hidden}.hero-background-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-main-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.hero-description{color:var(--text-secondary);max-width:600px;margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-hero{border-radius:var(--radius-lg);transition:all var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-hero-primary{background:var(--primary);color:var(--white);border-color:var(--primary)}.btn-hero-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-hero-outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn-hero-outline:hover{background:var(--primary);color:var(--white);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero-stats-row{border-top:1px solid var(--gray-200);flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:2rem;padding-top:2rem;display:flex}.hero-stat-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.stat-value{color:var(--primary);font-size:2rem;font-weight:700;font-family:var(--font-display)}.stat-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.home-section{background:var(--white);padding:4rem 0}.home-section:nth-child(2n){background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:3rem}.section-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.75rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:700}.section-description{color:var(--text-secondary);margin:0;font-size:1.125rem}.home-draw-section{background:var(--bg-secondary)}.home-draw-section .home-container{max-width:100%;padding:0 1.5rem}.draw-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-300);width:100%;max-width:100%;color:var(--text-primary);background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 50%,#a5b4fc 100%);margin:0;padding:2rem}.draw-header{border-bottom:none;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:0;display:flex}.draw-icon{background:var(--white);border-radius:var(--radius-lg);width:56px;height:56px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.draw-icon svg{width:28px;height:28px;color:var(--primary)}.draw-info{flex:1}.draw-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.draw-name{color:var(--text-secondary);margin:0;font-size:.9375rem}.draw-timer-wrapper{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.draw-timer-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.draw-timer{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.timer-box{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);text-align:center;min-width:80px;box-shadow:var(--shadow-sm);flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}.timer-value{font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700;line-height:1;color:var(--primary)!important}.timer-label{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500;color:var(--text-secondary)!important}.btn-draw{background:var(--primary);color:var(--white);border-radius:var(--radius-lg);transition:all var(--transition-fast);padding:.875rem 2rem;font-weight:600;text-decoration:none;display:inline-block}.btn-draw:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.home-categories-section{background:var(--white)}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.category-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;text-decoration:none;display:flex}.category-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.category-icon{border-radius:var(--radius-lg);width:64px;height:64px;transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.category-card:hover .category-icon{transform:scale(1.1)}.category-emoji{font-size:2rem;line-height:1}.category-name{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.home-listings-section{background:var(--bg-secondary)}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.listing-image-wrapper{background:var(--bg-secondary);width:100%;height:240px;position:relative;overflow:hidden}.listing-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.listing-badges{flex-wrap:wrap;gap:.5rem;display:flex;position:absolute;top:.75rem;left:.75rem}.listing-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);color:var(--text-primary);text-transform:capitalize;background:#fffffff2;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.listing-price-badge{background:var(--primary);color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.5rem 1rem;font-size:1.125rem;font-weight:700;position:absolute;bottom:.75rem;right:.75rem}.listing-info{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem;display:flex}.listing-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.125rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.listing-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.listing-meta{color:var(--text-tertiary);border-top:1px solid var(--gray-200);align-items:center;gap:1rem;margin-top:auto;padding-top:.75rem;font-size:.8125rem;display:flex}.listing-location,.listing-time{align-items:center;gap:.25rem;display:flex}.section-cta{text-align:center}.btn-view-all{background:var(--primary);color:var(--white);border-radius:var(--radius-lg);transition:all var(--transition-fast);padding:.875rem 2.5rem;font-weight:600;text-decoration:none;display:inline-block}.btn-view-all:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.home-how-it-works{background:var(--white)}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1100px;margin:0 auto;display:grid}.step-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast);padding:2rem;position:relative}.step-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.step-number{background:var(--primary);width:2.5rem;height:2.5rem;color:var(--white);border-radius:var(--radius-full);box-shadow:var(--shadow-md);justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex;position:absolute;top:-1rem;left:50%;transform:translate(-50%)}.step-icon{background:var(--bg-secondary);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:64px;height:64px;margin:1rem auto 1.5rem;display:flex}.step-icon svg{width:32px;height:32px;color:var(--primary)}.step-text{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.6}@media (max-width:1399px){.hero-main-title{margin-bottom:0;font-size:40px;line-height:50px}.hero-content{gap:10px}.hero-description{font-size:18px;line-height:30px}.hero-actions{justify-content:left}}@media (max-width:1199px){.hero-wrapper{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.home-hero{padding:20px 15px}.hero-wrapper{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-content{text-align:center;align-items:center}.hero-image-container{order:-1;height:400px}.hero-stats-row{gap:2rem}.home-section{padding:3rem 0}.categories-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}}@media (max-width:768px){.home-container{padding:0 1rem}.home-hero{padding:1rem 0 3rem}.hero-wrapper{gap:1.5rem}.hero-image-container{height:300px}.hero-main-title{font-size:1.75rem}.hero-description{font-size:.9375rem}.hero-actions{flex-direction:column;width:100%}.btn-hero{width:100%}.hero-stats-row{gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem}.stat-value{font-size:1.375rem}.home-section{padding:2.5rem 0}.section-title{font-size:1.5rem}.section-description{font-size:.9375rem}.draw-card{padding:1.5rem}.draw-timer{gap:.75rem}.timer-box{min-width:70px;padding:.75rem 1rem}.timer-value{font-size:1.5rem}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.category-card{padding:1.25rem .75rem}.category-icon{width:56px;height:56px}.category-emoji{font-size:1.75rem}.category-name{font-size:.875rem}.listings-grid{grid-template-columns:1fr;gap:1.25rem}.listing-image-wrapper{height:200px}.steps-grid{grid-template-columns:1fr;gap:1.5rem}.step-card{padding:1.5rem}}@media (max-width:480px){.home-container{padding:0 .75rem}.home-hero{padding:.75rem 0 2rem}.hero-wrapper{gap:1rem}.hero-content{gap:.75rem}.hero-image-container{height:220px}.hero-main-title{font-size:1.25rem;line-height:1.3}.hero-description{font-size:.875rem;line-height:1.5}.hero-actions{gap:.75rem}.btn-hero{padding:.75rem 1.5rem;font-size:.875rem}.hero-stats-row{gap:1rem;margin-top:1rem;padding-top:1rem}.stat-value{font-size:1.125rem}.stat-label{font-size:.75rem}.home-section{padding:1.5rem 0}.section-title{margin-bottom:.75rem;font-size:1.25rem}.section-description{margin-bottom:1.25rem;font-size:.875rem}.draw-card{padding:1rem}.draw-title{font-size:1rem}.draw-timer{gap:.5rem}.timer-box{min-width:60px;padding:.5rem .75rem}.timer-value{font-size:1.125rem}.timer-label{font-size:.625rem}.categories-grid{gap:.75rem}.category-card{padding:1rem .5rem}.category-icon{width:48px;height:48px}.category-emoji{font-size:1.5rem}.category-name{font-size:.75rem}.listings-grid{gap:1rem}.listing-card{padding:.75rem}.listing-image-wrapper{height:180px}.listing-title{font-size:.875rem}.listing-price{font-size:.9375rem}.listing-location{font-size:.75rem}.steps-grid{gap:1rem}.step-card{padding:1rem}.step-icon{width:48px;height:48px;margin:.75rem auto 1rem}.step-icon svg{width:24px;height:24px}.step-title{margin-bottom:.375rem;font-size:.9375rem}.step-text{font-size:.8125rem}}.dark-mode .home-page{background:#121212}.dark-mode .home-hero{background:#1d1d1f}.dark-mode .hero-main-title{color:#fff}.dark-mode .hero-description{color:#a1a1a6}.dark-mode .home-section{background:#1d1d1f}.dark-mode .home-section:nth-child(2n){background:#121212}.dark-mode .section-description{color:#a1a1a6}.dark-mode .draw-card{color:#fff;background:linear-gradient(135deg,#3b82f640 0%,#6366f140 50%,#8b5cf640 100%);border-color:#374151}.dark-mode .draw-title{color:#fff}.dark-mode .draw-name,.dark-mode .draw-timer-label{color:#a1a1a6}.dark-mode .timer-box{background:#1d1d1f;border-color:#374151}.dark-mode .timer-value{color:#007aff!important}.dark-mode .category-card{background:#1d1d1f;border-color:#374151}.dark-mode .category-card:hover{background:#374151;border-color:#007aff}.dark-mode .step-card{background:#1d1d1f;border-color:#374151}.dark-mode .step-card:hover{border-color:#007aff}.dark-mode .stat-text{color:#a1a1a6}.dark-mode .hero-stats-row{border-top-color:#374151}.dark-mode .home-hero:before{background:linear-gradient(135deg,#3b82f61a 0%,#8b5cf61a 100%)}.dark-mode .btn-hero-primary{color:#fff;background:#007aff}.dark-mode .btn-hero-primary:hover{background:#0056cc}.dark-mode .btn-hero-outline{color:#007aff;border-color:#007aff}.dark-mode .btn-hero-outline:hover,.dark-mode .btn-draw{color:#fff;background:#007aff}.dark-mode .btn-draw:hover{background:#0056cc}.dark-mode .btn-view-all{color:#fff;background:#007aff}.dark-mode .btn-view-all:hover{background:#0056cc}.dark-mode .listing-price-badge{color:#fff;background:#007aff}.dark-mode .draw-icon{background:#1d1d1f}.dark-mode .draw-icon svg{color:#007aff}.auth-layout{background:#fff;min-height:100vh;display:flex;overflow:hidden}.auth-left{flex:1;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;overflow-y:auto}.auth-form-wrapper{flex-direction:column;gap:2rem;width:100%;max-width:480px;display:flex}.auth-logo-link{cursor:pointer;justify-content:center;align-self:flex-start;align-items:center;margin-bottom:1rem;text-decoration:none;transition:transform .2s;display:inline-flex}.auth-logo-link:hover{transform:scale(1.05)}.auth-logo-img{object-fit:contain;width:auto;height:3.5rem}.auth-right{background:#f8fafc;flex:1;justify-content:stretch;align-items:stretch;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-image{object-fit:cover;object-position:center;width:100%;height:100%}@media (max-width:1024px){.auth-right{display:none}.auth-left{flex:1;padding:1.5rem}.auth-form-wrapper{max-width:100%}}@media (max-width:768px){.auth-layout{flex-direction:column}.auth-left{min-height:auto;padding:1.5rem 1rem}.auth-logo-img{height:3rem}.auth-form-wrapper{gap:1.5rem;max-width:100%}}@media (max-width:480px){.auth-left{padding:1rem .75rem}.auth-logo-img{height:2.5rem}.auth-form-wrapper{gap:1.25rem}}@media (max-width:360px){.auth-left{padding:.75rem .5rem}.auth-logo-img{height:2rem}}.dark-mode .auth-layout,.dark-mode .auth-left{background:#1d1d1f}.dark-mode .auth-right{background:#121212}.form-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.checkbox-group{align-items:center;gap:.5rem;display:flex}.checkbox{width:1.25rem;height:1.25rem;color:var(--primary,#007aff);cursor:pointer;border:2px solid #d1d5db;border-radius:.25rem}.checkbox-label{color:var(--text-primary,#1a1a1a);cursor:pointer;font-size:.875rem}.forgot-password{color:var(--primary,#007aff);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--primary-dark,#0051d5)}@keyframes spin{to{transform:rotate(360deg)}}.verification-prompt{text-align:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:.5rem;margin-bottom:1.25rem;padding:1rem}@media (max-width:768px){.auth-title{font-size:1.75rem}.auth-subtitle{font-size:.9375rem}.auth-header{margin-bottom:1.5rem}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width:480px){.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}.auth-form{gap:1.25rem}.auth-header{margin-bottom:1.25rem}.form-input,.submit-button{padding:.625rem .875rem;font-size:.9375rem}.form-options{gap:.625rem}}@media (max-width:360px){.auth-title{font-size:1.25rem}.auth-form{gap:1rem}.form-group{gap:.375rem}}.dark-mode .checkbox{background:#1d1d1f;border-color:#374151}.dark-mode .checkbox-label{color:#fff}.dark-mode .forgot-password{color:#007aff}.dark-mode .forgot-password:hover{color:#4da6ff}.dark-mode .login-footer-text{color:#a1a1a6}.dark-mode .login-link{color:#007aff}.dark-mode .login-link:hover{color:#4da6ff}.dark-mode .verification-prompt{color:#fff;background:#fbbf2433;border-color:#ff9500}.dark-mode .login-page,.dark-mode .auth-container{background:#121212}.dark-mode .form-group{background:0 0}.dark-mode .form-options,.dark-mode .checkbox-group{background:#121212}.dark-mode .checkbox:checked{background-color:#007aff;border-color:#007aff}.dark-mode .submit-button:disabled{color:#6b7280;background:#4b5563}.dark-mode .error-icon{color:#ff3b30}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth)var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth)var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth)var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth)var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.auth-link{color:var(--primary,#007aff);font-weight:600;text-decoration:none;transition:color .2s}.auth-link:hover{color:var(--primary-dark,#0051d5);text-decoration:underline}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.error-icon{flex-shrink:0;width:1rem;height:1rem}.form-row{grid-template-columns:1fr;gap:1rem;display:grid}.terms-agreement-wrapper{align-items:flex-start;gap:.75rem;width:100%;margin:0;padding:0;display:flex}.terms-checkbox{width:1.25rem;min-width:1.25rem;height:1.25rem;color:var(--primary,#007aff);cursor:pointer;appearance:none;background-color:#fff;border:2px solid #d1d5db;border-radius:.25rem;flex-shrink:0;margin:.125rem 0 0;padding:0;position:relative}.terms-checkbox:checked{background-color:var(--primary,#007aff);border-color:var(--primary,#007aff)}.terms-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:.375rem;height:.625rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(45deg)}.terms-checkbox:focus{outline:2px solid var(--primary,#007aff);outline-offset:2px}.terms-label{color:var(--text-primary,#1a1a1a);cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;margin:0;padding:0;font-size:.875rem;line-height:1.5;display:inline-block}.terms-link{color:var(--primary,#007aff);white-space:nowrap;font-weight:500;text-decoration:none;transition:color .2s;display:inline}.terms-link:hover{color:var(--primary-dark,#0051d5);text-decoration:underline}.submit-button{background:var(--primary,#007aff);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.phone-input-wrapper{width:100%;display:flex}.phone-input-wrapper .PhoneInputInput{box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-left:none;border-radius:0 .5rem .5rem 0;flex:1;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.phone-input-wrapper .PhoneInputCountry{background:#fff;border:2px solid #e5e7eb;border-right:none;border-radius:.5rem 0 0 .5rem;align-items:center;padding:0 .5rem;display:flex}.phone-input-wrapper .PhoneInputCountrySelect{cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.875rem}@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr}}@media (max-width:768px){.auth-title{font-size:1.75rem}.auth-subtitle{font-size:.9375rem}.auth-header{margin-bottom:1.5rem}.terms-agreement-wrapper{gap:.625rem}.terms-label{font-size:.8125rem}}@media (max-width:480px){.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}.auth-form{gap:1.25rem}.form-row{grid-template-columns:1fr;gap:.875rem}.auth-header{margin-bottom:1.25rem}.terms-checkbox{width:1.125rem;min-width:1.125rem;height:1.125rem;margin-top:.125rem}.terms-checkbox:checked:after{width:.3125rem;height:.5rem}.terms-label{font-size:.75rem;line-height:1.5}.terms-link{white-space:normal}.terms-agreement-wrapper{gap:.625rem}.form-input,.phone-input-wrapper .PhoneInputInput{padding:.625rem .875rem;font-size:.9375rem}.phone-input-wrapper .PhoneInputCountry{padding:0 .375rem}.submit-button{padding:.625rem .875rem;font-size:.9375rem}}@media (max-width:360px){.auth-title{font-size:1.25rem}.auth-form{gap:1rem}.form-group{gap:.375rem}}.dark-mode .auth-content{background:#1d1d1f}.dark-mode .auth-title{color:#fff}.dark-mode .auth-subtitle{color:#a1a1a6}.dark-mode .terms-checkbox{background-color:#1d1d1f;border-color:#374151}.dark-mode .terms-checkbox:checked{background-color:#007aff;border-color:#007aff}.dark-mode .terms-label{color:#fff}.dark-mode .terms-link{color:#007aff}.dark-mode .terms-link:hover{color:#4da6ff}.dark-mode .register-page,.dark-mode .auth-container,.dark-mode .form-row{background:#121212}.dark-mode .btn-primary:disabled{color:#6b7280;background:#4b5563}.dark-mode .button-spinner circle{stroke:#007aff}.browse-feed{background:var(--bg-secondary);min-height:100vh;padding-bottom:calc(var(--space-8) + 80px)}@media (max-width:768px){.browse-feed{padding-bottom:calc(var(--space-8) + 150px)}}.browse-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:var(--space-6)var(--space-4)}.header-content{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:1200px;margin:0 auto;display:flex}.header-title-section{flex:1}.filter-toggle-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-size:.875rem;font-weight:600;display:flex;position:relative}.filter-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.filter-toggle-btn svg{width:1.25rem;height:1.25rem}.filter-badge{background:var(--primary);border-radius:var(--radius-full);border:2px solid var(--white);width:8px;height:8px;position:absolute;top:-4px;right:-4px}.page-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-1);font-size:2rem;font-weight:700}.filter-sidebar-overlay{z-index:1001;background:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}.filter-sidebar{background:var(--white);z-index:1002;flex-direction:column;width:100%;max-width:400px;animation:.3s ease-out slideInLeft;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:2px 0 10px #0000001a}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.filter-sidebar-header{padding:var(--space-6)var(--space-5);border-bottom:1px solid var(--gray-200);background:var(--white);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.filter-sidebar-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.filter-sidebar-close{border-radius:var(--radius-full);background:var(--bg-secondary);cursor:pointer;width:2.5rem;height:2.5rem;transition:all var(--transition-fast);color:var(--text-secondary);border:none;justify-content:center;align-items:center;display:flex}.filter-sidebar-close:hover{background:var(--gray-200);color:var(--text-primary)}.filter-sidebar-close svg{width:1.25rem;height:1.25rem}.filter-sidebar-content{padding:var(--space-5);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.filter-sidebar-content .filter-group{gap:var(--space-3);flex-direction:column;display:flex}.filter-group{gap:var(--space-2);flex-direction:column;display:flex}.filter-label{color:var(--text-primary);align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:.875rem;font-weight:600;display:flex}.filter-icon{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.filter-input,.filter-select{padding:var(--space-3)var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--white);color:var(--text-primary);transition:all var(--transition-fast);width:100%;font-size:.875rem}.filter-input::placeholder{color:var(--text-tertiary)}.filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-10);background-size:16px}.filter-input:focus,.filter-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007aff1a}.price-range{grid-column:span 2}.price-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.price-sign{left:var(--space-3);color:var(--text-secondary);z-index:1;pointer-events:none;font-weight:600;position:absolute}.price-input-wrapper .price-input{flex:1;padding-left:1.75rem}.price-separator{color:var(--text-secondary);flex-shrink:0;font-size:.875rem;font-weight:500}.filter-actions{padding-top:var(--space-2);border-top:1px solid var(--gray-200);justify-content:flex-end;align-items:center;display:flex}.clear-filters-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);color:var(--text-secondary);border:1px solid var(--gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;font-size:.875rem;font-weight:600;display:flex}.clear-filters-btn:hover{background:var(--gray-100);border-color:var(--gray-400);color:var(--text-primary)}.filter-sidebar-actions{padding:var(--space-4)var(--space-5);border-top:1px solid var(--gray-200);background:var(--white);gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.filter-sidebar-actions .clear-filters-btn{justify-content:center;width:100%}.filter-sidebar-actions .clear-filters-btn:hover{background:var(--error);border-color:var(--error);color:var(--white)}.filter-sidebar-actions .clear-filters-btn svg{width:1rem;height:1rem}.filter-input,.filter-select{width:100%}.results-info{max-width:1200px;padding:var(--space-4);margin:0 auto}.results-count{color:var(--text-secondary);margin:0;font-size:.875rem}.listings-container{max-width:1200px;padding:var(--space-4);margin:0 auto}.listings-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.listing-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-normal);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.listing-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.listing-image-container{aspect-ratio:4/3;background:var(--gray-100);width:100%;position:relative;overflow:hidden}.listing-image-container img,.listing-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform var(--transition-normal);display:block}.listing-card:hover .listing-image{transform:scale(1.05)}.card-image-counter{bottom:var(--space-2);right:var(--space-2);color:var(--white);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#000000b3;font-size:.75rem;font-weight:600;position:absolute}.listing-badges{top:var(--space-3);left:var(--space-3);gap:var(--space-2);z-index:2;flex-direction:column;display:flex;position:absolute}.badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;font-size:.75rem;font-weight:600}.badge.condition{color:var(--primary)}.badge.category{color:var(--secondary)}.my-listing-badge{top:var(--space-2);right:var(--space-2);z-index:4;color:var(--white);padding:var(--space-1)var(--space-2);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3b82f6e6;font-size:.65rem;font-weight:600;position:absolute;box-shadow:0 1px 4px #0003}.my-listing-badge span{display:inline-block}.favorite-heart-btn{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-full);cursor:pointer;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex;position:absolute;box-shadow:0 2px 8px #0000001a}.favorite-heart-btn svg{width:20px;height:20px;color:var(--text-secondary);transition:all .2s}.favorite-heart-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.favorite-heart-btn:hover svg{color:#ef4444}.favorite-heart-btn.favorited svg{color:#ef4444;fill:#ef4444}.favorite-heart-btn.favorited:hover{background:#ef4444;transform:scale(1.1);box-shadow:0 4px 12px #ef44444d}.favorite-heart-btn.favorited:hover svg{color:var(--white);fill:var(--white)}.listing-price-overlay{bottom:var(--space-3);right:var(--space-3);z-index:2;position:absolute}.price-tag{color:var(--white);padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;font-size:1.125rem;font-weight:700}.listing-content{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.listing-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.125rem;font-weight:600;display:-webkit-box;overflow:hidden}.listing-location{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.875rem;display:flex}.location-icon{flex-shrink:0;width:16px;height:16px}.posted-time{margin-left:auto}.listing-description{color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;word-wrap:break-word;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.listing-footer{padding-top:var(--space-2);border-top:1px solid var(--gray-200)}.seller-info-mini{align-items:center;gap:var(--space-2);display:flex}.seller-avatar-mini{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--gray-200);width:32px;height:32px}.seller-details-mini{flex-direction:column;gap:2px;display:flex}.seller-name-mini{color:var(--text-primary);font-size:.875rem;font-weight:600}.seller-rating-mini{color:var(--text-secondary);font-size:.75rem}.no-results{text-align:center;padding:var(--space-16)var(--space-4)}.no-results-icon{margin-bottom:var(--space-4);font-size:4rem}.no-results h3{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:600}.no-results p{color:var(--text-secondary);margin-bottom:var(--space-6)}.loading-state,.error-state{padding:var(--space-12)var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-icon{margin-bottom:var(--space-4);font-size:3rem}.pagination{justify-content:center;align-items:center;gap:var(--space-2);max-width:1200px;padding:var(--space-8)var(--space-4);margin:0 auto;display:flex}.pagination-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:600;display:flex}.pagination-btn:hover:not(:disabled){background:var(--primary);color:var(--white);border-color:var(--primary)}.pagination-btn svg{width:16px;height:16px}.pagination-numbers{align-items:center;gap:var(--space-1);display:flex}.pagination-number{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.pagination-number:hover{background:var(--gray-100);border-color:var(--primary)}.pagination-number.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.pagination-ellipsis{padding:0 var(--space-2);color:var(--text-secondary)}@media (max-width:1024px){.filter-sidebar{max-width:380px}.listings-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.browse-header{padding:var(--space-4)var(--space-3)}.header-content{gap:var(--space-3);flex-wrap:wrap}.page-title{font-size:1.5rem}.filter-toggle-btn{padding:var(--space-2)var(--space-3);font-size:.8rem}.filters-grid{gap:var(--space-3);grid-template-columns:1fr}.price-range{grid-column:span 1}.price-inputs{gap:var(--space-2);flex-direction:row}.price-separator{font-size:.75rem}.filter-actions{padding-top:var(--space-3)}.listings-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pagination{padding:var(--space-4)var(--space-2);flex-wrap:wrap}.pagination-numbers{width:100%;margin-bottom:var(--space-4);order:-1;justify-content:center}.results-info,.listings-container{padding:var(--space-3)}}@media (max-width:480px){.browse-header{padding:var(--space-3)var(--space-2)}.page-title{font-size:1.25rem}.page-subtitle{font-size:.875rem}.filter-toggle-btn{padding:var(--space-2);font-size:.75rem}.filter-toggle-btn span{display:none}.listings-grid{gap:var(--space-4);grid-template-columns:1fr}.listing-card{border-radius:var(--radius-xl)}.listing-content{padding:var(--space-3)}.listing-title{font-size:1rem}.pagination{padding:var(--space-3)var(--space-2)}.pagination-btn{padding:var(--space-2)var(--space-3);font-size:.8rem}.pagination-number{width:36px;height:36px;font-size:.75rem}.my-listing-badge{padding:var(--space-1)var(--space-2);font-size:.6rem}}.selected-filters-bar{background:var(--white);border-top:1px solid var(--gray-200);z-index:100;padding:var(--space-3)var(--space-4);animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000d}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.selected-filters-content{align-items:center;gap:var(--space-4);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.selected-filters-label{align-items:center;gap:var(--space-2);color:var(--text-primary);flex-shrink:0;font-size:.875rem;font-weight:600;display:flex}.selected-filters-label svg{width:1.125rem;height:1.125rem;color:var(--primary)}.selected-filters-chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;display:flex}.filter-chip{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-secondary);border:1px solid var(--gray-200);border-radius:var(--radius-full);transition:all var(--transition-fast);font-size:.875rem;display:flex}.filter-chip:hover{background:var(--gray-100);border-color:var(--primary)}.filter-chip-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.filter-chip-value{color:var(--text-primary);font-weight:500}.filter-chip-remove{border-radius:var(--radius-full);cursor:pointer;width:1.25rem;height:1.25rem;transition:all var(--transition-fast);margin-left:var(--space-1);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.filter-chip-remove:hover{background:var(--gray-200);transform:scale(1.1)}.filter-chip-remove svg{width:.875rem;height:.875rem;color:var(--text-secondary)}.filter-chip-remove:hover svg{color:var(--error)}.clear-all-filters-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--white);border:1px solid var(--error);border-radius:var(--radius-lg);color:var(--error);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;font-size:.875rem;font-weight:600;display:flex}.clear-all-filters-btn:hover{background:var(--error);color:var(--white);transform:translateY(-1px);box-shadow:0 4px 8px #ef444433}.clear-all-filters-btn svg{width:1rem;height:1rem}@media (max-width:768px){.selected-filters-bar{padding:var(--space-2)var(--space-3);z-index:100;max-height:calc(100vh - 70px);bottom:70px;overflow-y:auto}.selected-filters-content{gap:var(--space-2)}.selected-filters-label{width:100%;margin-bottom:var(--space-2);font-size:.8125rem}.selected-filters-chips{width:100%;max-height:200px;padding-bottom:var(--space-2);overflow-y:auto}.filter-chip{padding:var(--space-1)var(--space-2);font-size:.75rem}.clear-all-filters-btn{width:100%;margin-top:var(--space-2);padding:var(--space-2)var(--space-3);justify-content:center;font-size:.8125rem}}.dark-mode .browse-feed{background:#121212}.dark-mode .browse-header{background:#1d1d1f;border-bottom-color:#374151}.dark-mode .filter-toggle-btn{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .filter-toggle-btn:hover{background:#374151;border-color:#007aff}.dark-mode .listing-location,.dark-mode .listing-time{color:#6b7280}.dark-mode .listing-badge{color:#fff;background:#1d1d1ff2}.dark-mode .favorite-heart-btn{background:#1d1d1ff2}.dark-mode .favorite-heart-btn:hover,.dark-mode .filter-sidebar{background:#1d1d1f}.filter-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;align-items:flex-end;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;inset:0;z-index:1100!important}.filter-container{background:var(--white);border-radius:var(--radius-2xl)var(--radius-2xl)0 0;flex-direction:column;width:100%;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;z-index:1101!important}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.filter-header{padding:var(--space-4)var(--space-4)var(--space-3);border-bottom:1px solid var(--gray-200);background:var(--white);z-index:10;position:sticky;top:0}.filter-header-content{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.filter-close{border-radius:var(--radius-full);background:var(--gray-100);cursor:pointer;width:2.5rem;height:2.5rem;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.filter-close:hover{background:var(--gray-200);transform:scale(1.05)}.filter-close svg{width:1.25rem;height:1.25rem;color:var(--text-secondary)}.filter-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.filter-clear{color:var(--primary);cursor:pointer;padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:0 0;border:none;font-size:.875rem;font-weight:600}.filter-clear:hover{background:#007aff1a}.active-filters-count{color:var(--text-secondary);font-size:.875rem;font-weight:500}.filter-content{padding:var(--space-6)var(--space-4);flex:1;overflow-y:auto}.filter-section{margin-bottom:var(--space-8)}.filter-section:last-child{margin-bottom:0}.filter-section-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-4);font-size:1.125rem;font-weight:600}.categories-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.category-chip{align-items:center;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-xl);background:var(--white);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.category-chip:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-chip.active{border-color:var(--primary);box-shadow:var(--shadow-lg);background:#007aff0d;transform:translateY(-2px)}.category-chip.active:before{content:"";z-index:0;background:linear-gradient(135deg,#007aff1a,#5856d61a);position:absolute;inset:0}.category-icon-wrapper{border-radius:var(--radius-lg);width:2.5rem;height:2.5rem;margin-bottom:var(--space-2);z-index:1;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.category-chip.category-blue .category-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#2563eb)}.category-chip.category-pink .category-icon-wrapper{background:linear-gradient(135deg,#ec4899,#db2777)}.category-chip.category-green .category-icon-wrapper{background:linear-gradient(135deg,#22c55e,#16a34a)}.category-chip.category-gray .category-icon-wrapper{background:linear-gradient(135deg,#6b7280,#4b5563)}.category-chip.category-orange .category-icon-wrapper{background:linear-gradient(135deg,#f97316,#ea580c)}.category-chip.category-purple .category-icon-wrapper{background:linear-gradient(135deg,#a855f7,#9333ea)}.category-chip.category-yellow .category-icon-wrapper{background:linear-gradient(135deg,#eab308,#ca8a04)}.category-chip.category-indigo .category-icon-wrapper{background:linear-gradient(135deg,#6366f1,#4f46e5)}.category-icon-wrapper svg{width:1.25rem;height:1.25rem;color:var(--white)}.price-range-container{gap:var(--space-4);flex-direction:column;display:flex}.price-inputs{align-items:center;gap:var(--space-4);display:flex}.price-input-group{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.price-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.price-input{width:100%;padding:var(--space-3);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-fast);font-size:1rem;font-weight:600}.price-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007aff1a}.price-separator{color:var(--text-secondary);margin-top:1.5rem;font-weight:600}.price-slider-container{align-items:center;height:2rem;display:flex;position:relative}.price-slider{background:var(--gray-200);border-radius:var(--radius-full);appearance:none;outline:none;width:100%;height:4px;position:absolute}.price-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);border-radius:var(--radius-full);cursor:pointer;width:1.5rem;height:1.5rem;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.price-slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.price-slider::-moz-range-thumb{background:var(--primary);border-radius:var(--radius-full);cursor:pointer;width:1.5rem;height:1.5rem;box-shadow:var(--shadow-md);border:none}.location-filter-fields{gap:var(--space-4);flex-direction:column;display:flex}.location-filter-field{gap:var(--space-2);flex-direction:column;display:flex}.location-filter-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.location-filter-input{width:100%;padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:var(--white);font-size:1rem}.location-filter-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007aff1a}.condition-options{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.condition-option{align-items:center;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-xl);background:var(--white);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.condition-option:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.condition-option.active{border-color:var(--primary);box-shadow:var(--shadow-lg);background:#007aff0d;transform:translateY(-2px)}.condition-icon-wrapper{border-radius:var(--radius-lg);width:2rem;height:2rem;margin-bottom:var(--space-2);transition:all var(--transition-fast);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);justify-content:center;align-items:center;display:flex}.condition-option.active .condition-icon-wrapper{background:linear-gradient(135deg,var(--primary),var(--secondary))}.condition-icon-wrapper svg{width:1rem;height:1rem;color:var(--primary);transition:color var(--transition-fast)}.condition-option.active .condition-icon-wrapper svg{color:var(--white)}.condition-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.sort-options{gap:var(--space-2);flex-direction:column;display:flex}.sort-option{padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-xl);background:var(--white);cursor:pointer;transition:all var(--transition-fast);text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.sort-option:hover{border-color:var(--gray-300);transform:translateY(-1px)}.sort-option.active{border-color:var(--primary);background:#007aff0d}.sort-option-name{color:var(--text-primary);font-weight:500}.sort-check{width:1.25rem;height:1.25rem;color:var(--primary)}.filter-footer{padding:var(--space-4);border-top:1px solid var(--gray-200);background:var(--white);gap:var(--space-3);z-index:10;display:flex;position:sticky;bottom:0}.filter-footer .btn{padding:var(--space-4);flex:1;font-size:1rem;font-weight:600;position:relative}.filter-count-badge{background:var(--accent);color:var(--white);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-.5rem;right:-.5rem}@media (min-width:768px){.filter-overlay{justify-content:center;align-items:center}.filter-container{border-radius:var(--radius-2xl);max-width:500px;max-height:80vh;box-shadow:var(--shadow-2xl)}.categories-grid{grid-template-columns:repeat(2,1fr)}.condition-options{grid-template-columns:repeat(4,1fr)}.price-inputs{flex-direction:row;align-items:end}.price-separator{margin-top:0}}@media (min-width:1024px){.filter-container{max-width:600px}.filter-content{padding:var(--space-8)var(--space-6)}.category-chip{padding:var(--space-5)}.category-icon{font-size:2.5rem}}@media (min-width:1199px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1299px){.categories-grid{grid-template-columns:repeat(4,1fr)}}@keyframes chipBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.price-inputs{flex-direction:row;align-items:end}.price-separator{margin-top:0}@media (min-width:1024px){.filter-container{max-width:600px}.filter-content{padding:var(--space-8)var(--space-6)}.category-chip{padding:var(--space-5)}.category-icon{font-size:2.5rem}}.category-chip.active,.condition-option.active{animation:.3s ease-out chipBounce}.filter-content.loading{opacity:.6;pointer-events:none}.filter-content::-webkit-scrollbar{width:4px}.filter-content::-webkit-scrollbar-track{background:var(--gray-100)}.filter-content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.filter-content::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.dark-mode .filter-overlay{background:#000000b3}.dark-mode .filter-sidebar{background:#1d1d1f}.dark-mode .filter-sidebar-header{background:#1d1d1f;border-bottom-color:#374151}.dark-mode .filter-sidebar-title{color:#fff}.dark-mode .filter-sidebar-close{color:#fff;background:#121212}.dark-mode .filter-sidebar-close:hover{background:#374151}.dark-mode .filter-group-label{color:#fff}.dark-mode .filter-input,.dark-mode .filter-select{color:#fff;background:#121212;border-color:#374151}.dark-mode .filter-input:focus,.dark-mode .filter-select:focus{background:#1d1d1f;border-color:#007aff}.dark-mode .apply-filters-btn{color:#fff;background:#007aff}.dark-mode .apply-filters-btn:hover{background:#0056cc}.dark-mode .clear-filters-btn{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .clear-filters-btn:hover{background:#374151;border-color:#007aff}.create-listing{background:var(--bg-secondary);box-sizing:border-box;width:100%;max-width:100%;min-height:100vh;overflow-x:hidden}.progress-step.active,.progress-step.completed{opacity:1}.form-container{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto}.form-input{width:100%;padding:var(--space-3);border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:var(--white);box-sizing:border-box;max-width:100%;font-size:1rem}.form-textarea{width:100%;padding:var(--space-3);border:2px solid var(--gray-200);border-radius:var(--radius-lg);resize:vertical;min-height:100px;transition:all var(--transition-fast);background:var(--white);box-sizing:border-box;max-width:100%;font-family:inherit;font-size:1rem}.price-symbol{left:var(--space-4);color:var(--text-secondary);z-index:1;pointer-events:none;font-weight:600;position:absolute}.price-input-container .price-input{padding-left:2.5rem}.category-grid{gap:var(--space-3);box-sizing:border-box;grid-template-columns:repeat(2,1fr);width:100%;max-width:100%;display:grid}.condition-options{gap:var(--space-3);flex-direction:column;align-items:flex-start;width:100%;display:flex}.condition-option{padding:var(--space-3);border:2px solid var(--gray-200);border-radius:var(--radius-xl);background:var(--white);cursor:pointer;transition:all var(--transition-fast);text-align:center;justify-content:center;align-items:center;width:100%;display:flex}.condition-info{text-align:center;flex:1}.condition-name{color:var(--text-primary);margin-bottom:var(--space-1);text-align:center;font-weight:600}.condition-description{color:var(--text-secondary);text-align:center;font-size:.875rem}.location-fields{gap:var(--space-4);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;display:flex}.photo-upload{gap:var(--space-4);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;display:flex}.photo-grid{gap:var(--space-4);box-sizing:border-box;grid-template-columns:repeat(2,1fr);width:100%;max-width:100%;display:grid}.checkbox-group{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.checkbox-label{align-items:center;gap:var(--space-3);cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;justify-content:flex-start;font-size:1rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:1.25rem;height:1.25rem;accent-color:var(--primary);flex-shrink:0}.checkbox-label.inline-checkbox{align-items:center;gap:var(--space-2);justify-content:flex-start;margin-bottom:0;display:flex}.checkbox-label.inline-checkbox span{font-weight:500;display:inline}.giveaway-details,.special-details{margin-top:var(--space-2);padding:var(--space-2);background:var(--bg-secondary);border-left:3px solid var(--primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;line-height:1.5}@media (max-width:767px){.progress-container{padding:var(--space-3)var(--space-2);overflow-x:hidden}.progress-steps{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray-300)transparent;padding-bottom:var(--space-2);margin-left:calc(-1*var(--space-2));margin-right:calc(-1*var(--space-2));padding-left:var(--space-2);padding-right:var(--space-2);overflow:auto hidden}.progress-steps::-webkit-scrollbar{height:4px}.progress-steps::-webkit-scrollbar-track{background:0 0}.progress-steps::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.progress-steps::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.progress-step{flex:none;min-width:180px;max-width:200px}.step-info{flex:0 auto;min-width:0}.step-title,.step-description{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (max-width:480px){.listing-header{padding:var(--space-3)var(--space-2)}.listing-title{font-size:1.5rem}.listing-subtitle{font-size:.875rem}.listing-form{padding:var(--space-3)var(--space-2)}.step-header{padding:var(--space-4)var(--space-3)var(--space-3)}.step-header .step-title{font-size:1.25rem}.step-header .step-description{font-size:.875rem}.form-fields{padding:var(--space-3)var(--space-2)}.form-group{margin-bottom:var(--space-4)}.form-label{margin-bottom:var(--space-2);font-size:.8125rem}.form-input,.form-textarea{padding:var(--space-3);font-size:.9375rem}.form-textarea{min-height:100px}.category-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.category-option{padding:var(--space-3)}.category-icon{font-size:1.5rem}.category-name{font-size:.75rem}.condition-option{padding:var(--space-3)}.condition-name{font-size:.875rem}.condition-description{font-size:.75rem}.photo-grid{gap:var(--space-3);grid-template-columns:1fr}.contact-option{padding:var(--space-3);text-align:center;flex-direction:column}.contact-icon{width:1.5rem;height:1.5rem}.contact-name{font-size:.875rem}.contact-description{font-size:.75rem}.form-navigation{gap:var(--space-2);padding:var(--space-3);margin-top:var(--space-4);flex-direction:column}.form-navigation .btn{width:100%;min-width:auto;padding:var(--space-2)var(--space-3);justify-content:center}.navigation-spacer{display:none}.price-input-container .price-input{padding-left:2rem}.price-symbol{left:var(--space-3)}.location-fields{gap:var(--space-3)}.photo-tips{padding:var(--space-3)}.tips-title{font-size:.8125rem}.tips-list li{padding-left:var(--space-3);font-size:.8125rem}.giveaway-details,.special-details{padding:var(--space-2);font-size:.8125rem}.checkbox-label{font-size:.875rem}.error-message{font-size:.8125rem}}@media (min-width:481px) and (max-width:640px){.listing-header{padding:var(--space-4)var(--space-3)}.listing-title{font-size:1.75rem}.listing-form{padding:var(--space-4)var(--space-3)}.step-header{padding:var(--space-4)var(--space-4)var(--space-3)}.step-header .step-title{font-size:1.5rem}.form-fields{padding:var(--space-3)var(--space-3)}.category-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(2,1fr)}.form-navigation{padding:var(--space-4);margin-top:var(--space-5)}.form-navigation .btn{min-width:100px;padding:var(--space-2)var(--space-4)}.location-fields{gap:var(--space-3)}.photo-tips{padding:var(--space-3)}}@media (min-width:641px) and (max-width:767px){.listing-header{padding:var(--space-4)var(--space-4)}.listing-form{padding:var(--space-5)var(--space-4)}.step-header{padding:var(--space-5)var(--space-5)var(--space-4)}.form-fields{padding:var(--space-5)var(--space-5)}.category-grid{grid-template-columns:repeat(3,1fr)}.photo-grid{grid-template-columns:repeat(2,1fr)}.contact-options{flex-direction:column}.form-navigation{padding:var(--space-4);margin-top:var(--space-5)}}@media (min-width:768px){.listing-header,.progress-container{padding:var(--space-5)var(--space-5)}.listing-form{padding:var(--space-6)var(--space-5)}.category-grid{grid-template-columns:repeat(4,1fr)}.photo-grid{grid-template-columns:repeat(3,1fr)}.contact-options{flex-direction:row}.contact-option{flex:1}}@media (min-width:1024px){.listing-header,.progress-container{padding:var(--space-6)var(--space-6)}.listing-form{padding:var(--space-8)var(--space-6)}.form-fields{padding:var(--space-6)var(--space-6)}.step-header{padding:var(--space-6)var(--space-6)var(--space-5)}.category-grid,.photo-grid{grid-template-columns:repeat(4,1fr)}}@keyframes stepSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.dark-mode .create-listing-page{background:#121212}.dark-mode .section-title,.dark-mode .form-label{color:#fff}.dark-mode .create-listing{background:#121212}.dark-mode .listing-header{background:#1d1d1f;border-bottom-color:#374151}.dark-mode .listing-subtitle{color:#a1a1a6}.dark-mode .progress-container{background:#1d1d1f;border-bottom-color:#374151}.dark-mode .progress-step{color:#a1a1a6}.dark-mode .progress-step.active{color:#fff}.dark-mode .progress-step.active .step-number{color:#fff;background:#007aff}.dark-mode .progress-step.completed .step-number{color:#fff;background:#34c759}.dark-mode .step-description{color:#a1a1a6}.dark-mode .progress-bar{background:#374151}.dark-mode .progress-fill{background:linear-gradient(90deg,#007aff,#5856d6)}.dark-mode .listing-form{background:#121212}.dark-mode .form-step{background:#1d1d1f;border-color:#374151}.dark-mode .step-header{background:#121212;border-bottom-color:#374151}.dark-mode .step-header .step-title{color:#fff}.dark-mode .step-header .step-description{color:#a1a1a6}.dark-mode .form-fields{background:#1d1d1f}.dark-mode .form-input:disabled,.dark-mode .form-input[readonly]{color:#6b7280;background:#1d1d1f}.dark-mode .form-input.error,.dark-mode .form-textarea.error{border-color:#ff3b30}.dark-mode .error-message{color:#ff3b30}.dark-mode .price-symbol{color:#a1a1a6}.dark-mode .category-option{background:#121212;border-color:#374151}.dark-mode .category-name{color:#fff}.dark-mode .condition-option{color:#fff;background:#121212;border-color:#374151}.dark-mode .condition-option:hover{background:#1d1d1f;border-color:#4b5563}.dark-mode .condition-option.active{background:#007aff33;border-color:#007aff}.dark-mode .condition-name{color:#fff}.dark-mode .condition-description{color:#a1a1a6}.dark-mode .location-field-label{color:#fff}.dark-mode .photo-preview{background:#1d1d1f;border:1px solid #374151}.dark-mode .photo-order-badge{color:#fff;background:#000c}.dark-mode .photo-move-btn{color:#fff;background:#1d1d1ff2;border:1px solid #374151}.dark-mode .photo-move-btn:hover:not(:disabled){color:#fff;background:#007aff}.dark-mode .photo-move-btn:disabled{color:#6b7280;background:#1d1d1f80}.dark-mode .photo-remove-btn{color:#fff;background:#ff3b30e6}.dark-mode .photo-remove-btn:hover{background:#ff3b30}.dark-mode .photo-upload-area{background:#1d1d1f;border-color:#374151}.dark-mode .photo-upload-area:hover{background:#121212;border-color:#007aff}.dark-mode .photo-upload-text{color:#fff}.dark-mode .photo-upload-hint{color:#a1a1a6}.dark-mode .form-navigation{background:#1d1d1f;border-top-color:#374151}.dark-mode .form-navigation .btn{color:#fff;background:#007aff}.dark-mode .form-navigation .btn:hover{background:#0056cc}.dark-mode .form-navigation .btn-secondary{color:#fff;background:#374151}.dark-mode .form-navigation .btn-secondary:hover{background:#4b5563}.dark-mode .giveaway-details,.dark-mode .special-details{color:#a1a1a6;background:#121212;border-left-color:#007aff}.dark-mode .photo-tips{background:#1d1d1f;border-color:#374151}.dark-mode .tips-title{color:#fff}.dark-mode .tips-list li{color:#a1a1a6}.dark-mode .photo-upload-btn{background:#1d1d1f;border-color:#374151}.dark-mode .photo-upload-btn:hover{background:#007aff1a;border-color:#007aff}.dark-mode .upload-content{color:#a1a1a6}.dark-mode .upload-text{color:#fff}.create-listing{background:var(--bg-secondary);min-height:100vh}.listing-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:var(--space-6)var(--space-4);z-index:10;position:sticky;top:0}.listing-header-content{max-width:800px;margin:0 auto}.listing-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-2);font-size:2rem;font-weight:700}.listing-subtitle{color:var(--text-secondary);font-size:1rem}.progress-container{background:var(--white);border-bottom:1px solid var(--gray-200);padding:var(--space-6)var(--space-4)}.progress-steps{gap:var(--space-4);max-width:800px;margin:0 auto;margin-bottom:var(--space-4);display:flex}.progress-step{align-items:center;gap:var(--space-3);opacity:.5;transition:all var(--transition-normal);flex:1;min-width:0;display:flex}.progress-step.active,.progress-step.completed{opacity:1}.step-number{border-radius:var(--radius-full);background:var(--gray-200);width:2.5rem;height:2.5rem;color:var(--text-secondary);transition:all var(--transition-normal);justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.progress-step.active .step-number{background:var(--primary);color:var(--white)}.progress-step.completed .step-number{background:var(--success);color:var(--white)}.step-number svg{width:1rem;height:1rem}.step-info{flex:1}.step-description{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.progress-bar{background:var(--gray-200);border-radius:var(--radius-full);height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);height:100%;transition:width .3s}.listing-form{padding:var(--space-8)var(--space-4)}.form-container{max-width:800px;margin:0 auto}.form-step{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden}.step-header{padding:var(--space-8)var(--space-6)var(--space-6);border-bottom:1px solid var(--gray-200);background:var(--bg-secondary)}.step-header .step-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700}.step-header .step-description{color:var(--text-secondary);font-size:1rem;line-height:1.6}.form-fields{padding:var(--space-8)var(--space-6)}.form-group:last-child{margin-bottom:0}.form-label{color:var(--text-primary);margin-bottom:var(--space-3);font-size:.875rem;font-weight:600;display:block}.form-input{width:100%;padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:var(--white);font-size:1rem}.form-input:disabled,.form-input[readonly]{background-color:var(--gray-100);cursor:not-allowed;opacity:.7}.form-input:disabled:focus,.form-input[readonly]:focus{border-color:var(--gray-200);box-shadow:none}.form-input.error{border-color:var(--error);box-shadow:0 0 0 3px #ff3b301a}.form-textarea{width:100%;padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);resize:vertical;min-height:120px;transition:all var(--transition-fast);background:var(--white);font-family:inherit;font-size:1rem}.form-textarea.error{border-color:var(--error);box-shadow:0 0 0 3px #ff3b301a}.error-message{color:var(--error);margin-top:var(--space-2);font-size:.875rem;font-weight:500;display:block}.price-input-container{align-items:center;display:flex;position:relative}.price-symbol{left:var(--space-4);color:var(--text-secondary);z-index:1;font-weight:600;position:absolute}.price-input{padding-left:2rem}.category-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.category-option{align-items:center;gap:var(--space-3);padding:var(--space-5);border:2px solid var(--gray-200);border-radius:var(--radius-xl);background:var(--white);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.category-option:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-option.active{border-color:var(--primary);box-shadow:var(--shadow-lg);background:#007aff0d;transform:translateY(-2px)}.category-option.active:before{content:"";z-index:0;background:linear-gradient(135deg,#007aff1a,#5856d61a);position:absolute;inset:0}.category-icon{z-index:1;font-size:2rem;position:relative}.category-name{color:var(--text-primary);z-index:1;font-size:.875rem;font-weight:600;position:relative}.category-blue.active{background:#3b82f61a;border-color:#3b82f6}.category-pink.active{background:#ec48991a;border-color:#ec4899}.category-green.active{background:#10b9811a;border-color:#10b981}.category-gray.active{background:#6b72801a;border-color:#6b7280}.category-orange.active{background:#f59e0b1a;border-color:#f59e0b}.category-purple.active{background:#8b5cf61a;border-color:#8b5cf6}.category-yellow.active{background:#eab3081a;border-color:#eab308}.category-indigo.active{background:#6366f11a;border-color:#6366f1}.condition-options{gap:var(--space-3);flex-direction:column;display:flex}.condition-option{padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-xl);background:var(--white);cursor:pointer;transition:all var(--transition-fast);text-align:left;align-items:center;width:100%;display:flex}.condition-option:hover{border-color:var(--gray-300);transform:translateY(-1px)}.condition-option.active{border-color:var(--primary);background:#007aff0d}.condition-info{flex:1}.condition-name{color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.condition-description{color:var(--text-secondary);font-size:.875rem}.location-fields{gap:var(--space-4);flex-direction:column;display:flex}.location-field{gap:var(--space-2);flex-direction:column;display:flex}.location-field-label{color:var(--text-primary);margin-bottom:var(--space-1);font-size:.875rem;font-weight:600}.photo-upload{gap:var(--space-6);flex-direction:column;display:flex}.photo-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.photo-preview{aspect-ratio:1;border-radius:var(--radius-xl);background:var(--gray-100);transition:transform .2s;position:relative;overflow:hidden}.photo-preview:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.preview-image{object-fit:cover;width:100%;height:100%}.photo-order-badge{top:var(--space-2);left:var(--space-2);width:1.75rem;height:1.75rem;color:var(--white);border-radius:var(--radius-full);z-index:2;background:#000000b3;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute}.photo-controls{bottom:var(--space-2);gap:var(--space-1);z-index:3;display:flex;position:absolute;left:50%;transform:translate(-50%)}.photo-move-btn{width:2rem;height:2rem;color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;background:#fffffff2;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 8px #0003}.photo-move-btn:hover:not(:disabled){background:var(--primary);color:var(--white);transform:scale(1.1);box-shadow:0 4px 12px #007aff66}.photo-move-btn:disabled{opacity:.4;cursor:not-allowed;background:#fff9}.photo-move-btn svg{width:1rem;height:1rem}.remove-photo{top:var(--space-2);right:var(--space-2);width:2rem;height:2rem;color:var(--white);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);z-index:2;background:#000000b3;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.remove-photo:hover{background:var(--error);transform:scale(1.1)}.remove-photo svg{width:1rem;height:1rem}.photo-upload-btn{aspect-ratio:1;border:2px dashed var(--gray-300);border-radius:var(--radius-xl);background:var(--gray-50);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.photo-upload-btn:hover{border-color:var(--primary);background:#007aff0d;transform:scale(1.02)}.photo-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.upload-content{align-items:center;gap:var(--space-2);color:var(--text-secondary);flex-direction:column;display:flex}.upload-icon{width:2rem;height:2rem}.upload-text{font-size:.875rem;font-weight:600}.photo-tips{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--gray-200)}.tips-title{color:var(--text-primary);margin-bottom:var(--space-3);font-size:.875rem;font-weight:600}.tips-list{margin:0;padding:0;list-style:none}.tips-list li{color:var(--text-secondary);margin-bottom:var(--space-2);padding-left:var(--space-4);font-size:.875rem;position:relative}.tips-list li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:0}.contact-options{gap:var(--space-3);flex-direction:column;display:flex}.contact-option{align-items:center;gap:var(--space-4);padding:var(--space-5);border:2px solid var(--gray-200);border-radius:var(--radius-xl);background:var(--white);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;display:flex}.contact-option:hover{border-color:var(--gray-300);transform:translateY(-1px)}.contact-option.active{border-color:var(--primary);background:#007aff0d}.contact-option.error{border-color:var(--error);box-shadow:0 0 0 3px #ff3b301a}.contact-icon{width:2rem;height:2rem;color:var(--text-secondary);flex-shrink:0}.contact-info{flex:1}.contact-name{color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.contact-description{color:var(--text-secondary);font-size:.875rem}.form-help{color:var(--text-tertiary);margin-top:var(--space-2);font-size:.875rem}@media (max-width:767px){.progress-container{padding:var(--space-4)var(--space-2);overflow-x:hidden}.progress-steps{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray-300)transparent;padding-bottom:var(--space-2);margin-left:calc(-1*var(--space-2));margin-right:calc(-1*var(--space-2));padding-left:var(--space-2);padding-right:var(--space-2);overflow:auto hidden}.progress-steps::-webkit-scrollbar{height:4px}.progress-steps::-webkit-scrollbar-track{background:0 0}.progress-steps::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.progress-steps::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.progress-step{flex:none;min-width:180px;max-width:200px}.step-info{flex:0 auto;min-width:0}.step-title,.step-description{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.form-navigation{align-items:center;gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-6);background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);display:flex}.navigation-spacer{flex:1}.form-navigation .btn{min-width:120px;padding:var(--space-4)var(--space-6);font-weight:600}.loading-container{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:50vh;display:flex}.loading-spinner{border:3px solid var(--gray-200);border-top:3px solid var(--primary);border-radius:50%;width:2rem;height:2rem;animation:1s linear infinite spin}.loading-container p{color:var(--text-secondary);font-size:.875rem}@media (min-width:768px){.listing-header,.progress-container{padding:var(--space-8)var(--space-6)}.listing-form{padding:var(--space-10)var(--space-6)}.category-grid{grid-template-columns:repeat(4,1fr)}.photo-grid{grid-template-columns:repeat(3,1fr)}.contact-option{flex:1}}@media (min-width:1024px){.listing-header,.progress-container{padding:var(--space-10)var(--space-8)}.listing-form{padding:var(--space-12)var(--space-8)}.form-fields{padding:var(--space-10)var(--space-8)}.step-header{padding:var(--space-10)var(--space-8)var(--space-8)}.category-grid,.photo-grid{grid-template-columns:repeat(4,1fr)}}.form-step{animation:.4s ease-out stepSlideIn}.form-step.loading{opacity:.6;pointer-events:none}.form-step.success{border-color:var(--success);background:#34c7590d}@media (min-width:1199px){.contact-options{flex-direction:row}}.dark-mode .edit-listing-page{background:#121212}.dark-mode .form-section{background:#1d1d1f;border-color:#374151}.dark-mode .section-title,.dark-mode .form-label{color:#fff}.dark-mode .form-input,.dark-mode .form-textarea,.dark-mode .form-select{color:#fff;background:#121212;border-color:#374151}.dark-mode .form-input:focus,.dark-mode .form-textarea:focus,.dark-mode .form-select:focus{background:#1d1d1f;border-color:#007aff}.dark-mode .category-option{color:#fff;border-color:#374151}.dark-mode .category-option:hover{background:#374151;border-color:#007aff}.dark-mode .category-option.active{background:#007aff33;border-color:#007aff}.dark-mode .contact-info{background:0 0}.dark-mode .contact-name{color:#fff}.dark-mode .contact-description{color:#a1a1a6}.dark-mode .contact-option{background:#121212;border-color:#374151}.dark-mode .contact-option:hover{background:#1d1d1f;border-color:#4b5563}.dark-mode .contact-option.active{background:#007aff33;border-color:#007aff}.dark-mode .contact-icon{color:#a1a1a6}.loading-state,.error-state{min-height:60vh;padding:var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-state p,.error-state p{color:var(--text-secondary);margin-top:var(--space-2)}.error-state h3{color:var(--text-primary);margin-bottom:var(--space-2)}.listing-detail-page{background:var(--bg-secondary);min-height:100vh;padding-top:var(--navbar-height)}.listing-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:var(--space-4);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.back-button{border-radius:var(--radius-full);background:var(--white);border:1px solid var(--gray-200);cursor:pointer;width:2.5rem;height:2.5rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.back-button:hover{background:var(--primary);color:var(--white);border-color:var(--primary);transform:scale(1.05)}.back-button svg{width:1.25rem;height:1.25rem}.header-actions{gap:var(--space-2);display:flex}.header-action-btn{border-radius:var(--radius-full);background:var(--white);border:1px solid var(--gray-200);cursor:pointer;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.header-action-btn svg{width:20px;height:20px;color:var(--text-secondary);transition:all .2s}.header-action-btn:not(.favorited):hover{background:var(--white);border-color:#ef4444;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.header-action-btn:not(.favorited):hover svg{color:#ef4444}.header-action-btn.favorited svg{color:#ef4444;fill:#ef4444}.header-action-btn.favorited:hover{background:#ef4444;border-color:#ef4444;transform:scale(1.1);box-shadow:0 4px 12px #ef44444d}.header-action-btn.favorited:hover svg{color:var(--white);fill:var(--white)}.listing-main-content{max-width:1200px;padding:0 var(--space-4)var(--space-8);gap:var(--space-8);flex-direction:column;margin:0 auto;display:flex}.image-section{position:relative}.main-image-container{border-radius:var(--radius-2xl);width:100%;height:50vh;min-height:300px;max-height:600px;box-shadow:var(--shadow-lg);background:var(--gray-100);position:relative;overflow:hidden}.main-image{object-fit:cover;object-position:center;background:var(--gray-100);width:100%;height:100%;display:block}.image-nav-btn{border-radius:var(--radius-full);border:2px solid var(--gray-200);cursor:pointer;width:3rem;height:3rem;transition:all var(--transition-fast);box-shadow:var(--shadow-lg);z-index:10;background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-nav-btn:hover{background:var(--white);border-color:var(--primary);transform:translateY(-50%)scale(1.1)}.image-nav-btn-left{left:var(--space-4)}.image-nav-btn-right{right:var(--space-4)}.image-nav-btn svg{width:1.5rem;height:1.5rem;color:var(--text-primary)}.image-counter{bottom:var(--space-4);color:var(--white);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#000000b3;font-size:.875rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.image-overlay{padding:var(--space-4);background:linear-gradient(#0000001a 0%,#0000 30% 70%,#0000004d 100%);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.image-counter{color:var(--white);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;align-self:flex-start;font-size:.875rem;font-weight:600}.image-badges{gap:var(--space-2);flex-wrap:wrap;align-self:flex-start;display:flex}.thumbnail-container{gap:var(--space-3);margin-top:var(--space-4);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.thumbnail{border-radius:var(--radius-lg);cursor:pointer;width:4rem;height:4rem;transition:all var(--transition-fast);border:2px solid #0000;flex-shrink:0;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail:hover{transform:scale(1.05)}.content-section{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.price-title-section{margin-bottom:var(--space-8)}.price-info{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.savings-badge{background:linear-gradient(135deg,var(--success),#2fb344);color:var(--white);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.listing-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-4);font-size:1.75rem;font-weight:700;line-height:1.3}.listing-meta{gap:var(--space-6);flex-wrap:wrap;display:flex}.description-section,.specifications-section,.tags-section,.seller-section{margin-bottom:var(--space-8)}.description-text{color:var(--text-secondary);font-size:1rem;line-height:1.6}.specs-grid{gap:var(--space-3);display:grid}.spec-item{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;display:flex}.spec-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.spec-value{color:var(--text-secondary);font-size:.875rem}.tags-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{background:var(--gray-100);color:var(--text-secondary);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.seller-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--gray-100);display:flex}.seller-avatar{border-radius:var(--radius-full);flex-shrink:0;width:4rem;height:4rem;position:relative;overflow:hidden}.verified-badge{background:var(--success);border-radius:var(--radius-full);border:2px solid var(--white);justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;position:absolute;bottom:-2px;right:-2px}.verified-badge svg{width:.75rem;height:.75rem;color:var(--white)}.seller-info{flex:1;min-width:0}.seller-name{color:var(--text-primary);margin-bottom:var(--space-2);word-wrap:break-word;font-size:1rem;font-weight:600}.seller-rating{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.seller-details{align-items:center;gap:var(--space-2);color:var(--text-secondary);flex-wrap:wrap;font-size:.875rem;display:flex}.seller-details span{white-space:nowrap}.action-buttons{gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.own-listing-message{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-6);background:var(--gray-100);border-radius:var(--radius-lg);color:var(--text-secondary);width:100%;margin-top:var(--space-8);font-weight:500;display:flex}.own-listing-message svg{width:1.5rem;height:1.5rem;color:var(--success)}.own-listing-message span{font-size:1rem}.btn{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-xl);border:none;font-size:.875rem;font-weight:600;display:flex}.btn-large{height:3rem;padding:0 var(--space-6);flex:1;min-width:200px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);box-shadow:var(--shadow-lg)}.btn-primary:hover{box-shadow:var(--shadow-xl);background:linear-gradient(135deg,#1d4ed8,#7c3aed);transform:translateY(-1px)}.btn-secondary:hover{background:var(--gray-100);border-color:var(--primary);color:var(--primary)}.contact-modal-overlay{z-index:30;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.contact-modal{background:var(--white);border-radius:var(--radius-2xl);width:100%;max-width:400px;max-height:80vh;box-shadow:var(--shadow-2xl);overflow:hidden}.modal-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.25rem;font-weight:600}.close-modal-btn{border-radius:var(--radius-full);background:var(--gray-100);cursor:pointer;width:2rem;height:2rem;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.close-modal-btn:hover{background:var(--gray-200)}.close-modal-btn svg{width:1rem;height:1rem;color:var(--text-secondary)}.contact-details{padding:var(--space-6)}.contact-item{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-3);display:flex}.contact-item:last-child{margin-bottom:0}.contact-item svg{width:1.25rem;height:1.25rem;color:var(--primary)}.contact-item span{color:var(--text-primary);font-weight:500}@media (min-width:768px){.listing-main-content{padding:0 var(--space-8)var(--space-12)}.main-image-container{height:60vh;min-height:400px}.listing-title{font-size:2.25rem}.current-price{font-size:3rem}.content-section{padding:var(--space-12)}.action-buttons{flex-wrap:nowrap}.btn-large{flex:1}}@media (min-width:1024px){.listing-main-content{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:start;display:grid}.image-section{top:var(--space-6);position:sticky}.main-image-container{height:70vh;min-height:500px}.content-section{padding:var(--space-8)}.listing-title{font-size:2.5rem}.current-price{font-size:3.5rem}}@media (max-width:640px){.listing-main-content{padding:0 var(--space-3)var(--space-6)}.content-section{padding:var(--space-6)}.price-info{align-items:flex-start;gap:var(--space-2);flex-direction:column}.current-price{font-size:2rem}.listing-title{font-size:1.5rem}.listing-meta{gap:var(--space-3);flex-direction:column}.seller-card{text-align:center;flex-direction:column;align-items:center}.seller-info{text-align:center;width:100%}.seller-rating{justify-content:center}.seller-details{justify-content:center;gap:var(--space-1);flex-direction:column}.action-buttons{flex-direction:column}.btn-large{min-width:auto}}.dark-mode .listing-detail-page,.dark-mode .listing-detail-container{background:#121212}.dark-mode .listing-header{background:#1d1d1f;border-color:#374151}.dark-mode .listing-description{color:#fff}.dark-mode .listing-info-card{background:#1d1d1f;border-color:#374151}.dark-mode .contact-button{color:#fff;background:#007aff}.dark-mode .contact-button:hover{background:#0056cc}.dark-mode .favorite-button{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .favorite-button:hover{background:#374151;border-color:#007aff}.dark-mode .favorite-button.favorited{color:#fff;background:#ff3b30;border-color:#ff3b30}.dark-mode .back-button svg,.dark-mode .back-button:hover svg{color:#fff;stroke:#fff}.dark-mode .header-action-btn{background:#1d1d1f;border-color:#374151}.dark-mode .header-action-btn svg{color:#fff}.dark-mode .header-action-btn:hover{background:#374151;border-color:#007aff}.dark-mode .header-action-btn:not(.favorited):hover svg{color:#ff3b30}.dark-mode .info-section{background:0 0}.dark-mode .listing-header-info{color:#fff}.dark-mode .price-section .price{color:#007aff}.dark-mode .description-text,.dark-mode .meta-item{color:#a1a1a6}.dark-mode .seller-section{background:0 0}.dark-mode .seller-card{background:#1d1d1f;border-color:#374151}.dark-mode .seller-details,.dark-mode .seller-details span{color:#a1a1a6}.dark-mode .action-buttons .btn-primary{color:#fff;background:linear-gradient(135deg,#007aff,#5856d6)}.dark-mode .action-buttons .btn-primary:hover{background:linear-gradient(135deg,#0056cc,#4a4ab8)}.dark-mode .own-listing-message{color:#a1a1a6;background:#1d1d1f;border:1px solid #374151}.dark-mode .own-listing-message svg{color:#34c759}.dark-mode .contact-modal{background:#1d1d1f;border:1px solid #374151}.dark-mode .close-modal-btn{color:#fff;background:#121212}.dark-mode .close-modal-btn:hover{background:#374151}.dark-mode .close-modal-btn svg{color:#fff}.dark-mode .contact-item{background:#121212;border:1px solid #374151}.dark-mode .contact-item span{color:#fff}.dark-mode .contact-item svg{color:#007aff}.dark-mode .image-nav-btn{background:#1d1d1fe6;border-color:#374151}.dark-mode .image-nav-btn:hover{background:#1d1d1f;border-color:#007aff}.dark-mode .image-nav-btn svg{color:#fff}.dark-mode .thumbnail{border-color:#374151}.dark-mode .thumbnail.active{border-color:#007aff}.dark-mode .listing-main-content{background:0 0}.my-listings{background:var(--bg-secondary);min-height:100vh;padding:var(--space-6)var(--space-4)}.listings-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.header-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.listings-header .btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);white-space:nowrap;font-weight:600;display:flex}.listings-header .btn svg{width:1.25rem;height:1.25rem}@media (max-width:1499px){.listings-header{flex-direction:column;align-items:flex-start}.header-content{margin:0}}@media (max-width:640px){.header-content{align-items:center}.my-listings{padding:var(--space-4)var(--space-3)}.listings-header{align-items:center;gap:var(--space-3);flex-direction:column}.page-title{font-size:1.5rem}.listings-header .btn{justify-content:center;width:100%}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.stats-grid .stat-card:last-child{grid-column:1/-1}.stat-card{padding:var(--space-4)}.stat-number{font-size:1.5rem}.filter-tabs{gap:var(--space-1)}.filter-tab{padding:var(--space-2)var(--space-3);font-size:.8rem}.listing-card{border-radius:var(--radius-xl)}.card-content{padding:var(--space-4)}.card-title{font-size:1rem}.current-price{font-size:1.125rem}.listing-actions{gap:var(--space-1);flex-wrap:wrap}.action-btn{width:2rem;height:2rem}.status-toggle-overlay{bottom:var(--space-2);left:var(--space-2);padding:var(--space-1)var(--space-2)}.toggle-text{font-size:.65rem}}.stat-icon{border-radius:var(--radius-full);background:var(--primary);flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.stat-icon svg{width:1.5rem;height:1.5rem;color:var(--white)}.stat-icon.success svg{color:var(--white)}.stat-icon.primary{background:var(--primary)}.stat-icon.primary svg{color:var(--white)}.stat-icon.warning{background:#ff95001a}.stat-icon.warning svg{color:var(--warning)}.listings-grid{gap:var(--space-6);grid-template-columns:1fr;min-height:400px;display:grid}.listing-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all var(--transition-normal);overflow:hidden}.listing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.listing-card:hover .card-image img{transform:scale(1.05)}.listing-card:hover .card-image-nav-btn{opacity:1}.card-image-counter{bottom:var(--space-4);color:var(--white);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#000000b3;font-size:.875rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.badge.condition.success{color:var(--white);background:#34c759e6}.badge.condition.primary{color:var(--white);background:#007affe6}.badge.condition.gray{color:var(--white);background:#6b7280e6}.status-toggle-overlay{bottom:var(--space-3);left:var(--space-3);border-radius:var(--radius-lg);padding:var(--space-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fffffff2;border:1px solid #fff3;position:absolute}.toggle-label{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--text-primary);font-size:.75rem;font-weight:500;display:flex}.status-checkbox{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer}.toggle-text{white-space:nowrap;font-size:.7rem;font-weight:600}.listing-actions{top:var(--space-3);right:var(--space-3);gap:var(--space-2);display:flex;position:absolute}.action-btn{border-radius:var(--radius-full);cursor:pointer;width:2.5rem;height:2.5rem;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;justify-content:center;align-items:center;display:flex}.action-btn:hover{background:var(--white);transform:scale(1.1)}.view-btn:hover svg,.edit-btn:hover svg{color:var(--primary)}.listing-content,.card-content{padding:var(--space-6)}.listing-header,.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.listing-title,.card-title{font-family:var(--font-display);color:var(--text-primary);flex:1;font-size:1.125rem;font-weight:600;line-height:1.3;text-decoration:none}.listing-price,.price-info{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.listing-meta,.card-meta{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.listing-stats{gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex}.stat{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.875rem;display:flex}.stat svg{width:1rem;height:1rem;color:var(--text-tertiary)}.listing-actions-bottom{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-start;display:flex}.listing-actions-bottom .btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:.875rem;font-weight:500;display:flex}.listing-actions-bottom .btn svg{width:1rem;height:1rem}.empty-state{text-align:center;padding:var(--space-16)var(--space-8);background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:50vh;display:flex}.empty-icon{width:80px;height:80px;margin:0 auto var(--space-6);color:#9ca3af;justify-content:center;align-items:center;display:flex}.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:400px;margin-left:auto;margin-right:auto}@media (min-width:1199px){.stats-grid{grid-template-columns:repeat(3,1fr)}.filter-tabs{justify-content:center}}@media (min-width:768px){.listings-grid{grid-template-columns:repeat(2,1fr)}.my-listings{padding:var(--space-8)var(--space-6)}.page-title{font-size:2.5rem}.card-image{aspect-ratio:4/3;flex-shrink:0;width:200px;height:auto}.listing-content,.card-content{flex-direction:column;flex:1;justify-content:space-between;display:flex}.listing-meta,.card-meta{gap:var(--space-4);flex-direction:row}.listing-stats{margin-bottom:0}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:640px){.delete-modal-overlay{padding:var(--space-2);z-index:50}.delete-modal{max-width:100%;margin:var(--space-2);width:calc(100% - var(--space-4))}.modal-header{padding:var(--space-6)var(--space-4)var(--space-3)}.modal-icon{width:3rem;height:3rem;margin-bottom:var(--space-3)}.modal-icon svg{width:1.5rem;height:1.5rem}.modal-title{margin-bottom:var(--space-2);font-size:1.25rem}.modal-message{font-size:.8rem}.modal-actions{gap:var(--space-2);padding:var(--space-3)var(--space-4)var(--space-4);flex-direction:column}.modal-actions .btn{width:100%;padding:var(--space-4);font-size:1rem}}@media (min-width:641px){.delete-modal{width:90%;max-width:600px}.modal-header{padding:var(--space-8)var(--space-8)var(--space-4)}.modal-actions{padding:var(--space-4)var(--space-8)var(--space-8)}}@media (min-width:1024px){.my-listings{padding:var(--space-12)var(--space-8)}.listing-card{flex-direction:column}.card-image{aspect-ratio:4/3;width:100%}.listing-content{flex:1}.listing-stats{margin-bottom:var(--space-6)}}.dark-mode .my-listings-page{background:#121212}.dark-mode .listings-header{background:#1d1d1f;border-color:#374151}.dark-mode .listing-card{background:#1d1d1f;border-color:#374151}.dark-mode .listing-card:hover{border-color:#4b5563}.dark-mode .listing-desc{color:#a1a1a6}.dark-mode .listing-meta{color:#6b7280}.dark-mode .card-image-nav-btn{background:#1d1d1ff2!important}.dark-mode .card-image-nav-btn:hover{background:#1d1d1f!important}.dark-mode .image-counter{color:#fff;background:#000000b3}.dark-mode .action-button{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .action-button:hover{background:#374151;border-color:#007aff}.dark-mode .delete-button{color:#ff3b30;background:#ef444433;border-color:#ff3b30}.dark-mode .delete-button:hover{background:#ef44444d}.dark-mode .my-listings{background:#121212!important}.dark-mode .listings-header{background:0 0}.dark-mode .stat-card{border-color:#374151;background:#1d1d1f!important}.dark-mode .listing-card{border-color:#374151;background:#1d1d1f!important}.dark-mode .card-title,.dark-mode .current-price{color:#fff}.dark-mode .card-meta,.dark-mode .meta-item{color:#a1a1a6}.dark-mode .listing-stats{background:#121212;border-color:#374151}.dark-mode .stat{color:#a1a1a6}.dark-mode .stat svg{color:#6b7280}.dark-mode .action-btn{border-color:#fff3;background:#1d1d1ff2!important}.dark-mode .action-btn:hover{border-color:#007aff;background:#1d1d1f!important}.dark-mode .action-btn svg{color:#fff}.dark-mode .view-btn:hover svg,.dark-mode .edit-btn:hover svg{color:#007aff}.dark-mode .delete-btn:hover svg{color:#ff3b30}.dark-mode .status-toggle-overlay{border-color:#fff3;background:#1d1d1ff2!important}.dark-mode .toggle-label,.dark-mode .toggle-text{color:#fff}.dark-mode .delete-modal-overlay{background:#000c}.dark-mode .delete-modal{border-color:#374151;background:#1d1d1f!important}.dark-mode .modal-header{background:#1d1d1f}.dark-mode .modal-message{color:#a1a1a6}.dark-mode .modal-message strong{color:#fff}.dark-mode .modal-actions{background:#1d1d1f}:root{--primary:#007aff;--primary-dark:#0056cc;--primary-light:#e3f2fd;--success:#34c759;--error:#ff3b30;--warning:#ff9500;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--bg-primary:#fff;--bg-secondary:#f9fafb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;--font-display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-display);background:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.messages-app{background:var(--bg-secondary);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.mobile-header{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--white);border-bottom:1px solid var(--gray-200);z-index:100;min-height:60px;display:flex;position:sticky;top:0}.mobile-header .mobile-title{text-align:center;flex:1}.back-button-mobile{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.back-button-mobile:hover{background:var(--gray-100);color:var(--primary)}.menu-toggle{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:background-color var(--transition-fast);background:0 0;border:none}.menu-toggle:hover{background:var(--gray-100)}.mobile-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.desktop-header{align-items:center;gap:var(--space-4);padding:var(--space-6)var(--space-4);background:var(--white);border-bottom:1px solid var(--gray-200);z-index:100;display:flex;position:sticky;top:0}.desktop-header>div:not(.header-actions){flex:1;min-width:0}.header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.back-button-desktop{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.back-button-desktop:hover{background:var(--gray-100);color:var(--primary)}.header-actions{align-items:center;gap:var(--space-3);display:flex}.unread-badge{background:var(--error);color:var(--white);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);text-align:center;min-width:1.5rem;font-size:.75rem;font-weight:600}.messages-container{box-sizing:border-box;flex:1;width:100%;min-width:0;height:calc(100vh - 60px);display:flex;position:relative;overflow:hidden}.sidebar-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.conversations-sidebar{background:var(--white);border-right:1px solid var(--gray-200);height:100%;transition:transform var(--transition-normal);z-index:60;flex-direction:column;display:flex;overflow:hidden}@media (max-width:767px){.conversations-sidebar{z-index:60;width:320px;max-width:85vw;height:100vh;box-shadow:var(--shadow-lg);position:fixed;top:0;left:0}.conversations-sidebar.closed{transform:translate(-100%)}.conversations-sidebar.open{transform:translate(0)}}@media (min-width:768px){.conversations-sidebar{flex-shrink:0;width:380px;min-width:320px;max-width:450px;position:relative;transform:none!important}.conversations-sidebar.closed{border-right:none;width:0;min-width:0;max-width:0;overflow:hidden}}.sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--gray-200);background:var(--white);z-index:10;position:sticky;top:0}.search-container{align-items:center;display:flex;position:relative}.search-icon{left:var(--space-3);width:1.25rem;height:1.25rem;color:var(--text-tertiary);z-index:1;position:absolute}.search-input{width:100%;padding:var(--space-3)var(--space-3)var(--space-3)2.75rem;border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--white);transition:all var(--transition-fast);font-size:.875rem}.search-input:focus{border-color:var(--primary);background:var(--white);outline:none;box-shadow:0 0 0 3px #007aff1a}.search-input:hover{border-color:var(--gray-300)}.conversation-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-2);display:flex;position:relative}.conversation-item.active{background:var(--primary-light);border:1px solid var(--primary)}.conversation-avatar{flex-shrink:0;position:relative}.conversation-avatar img{border-radius:var(--radius-full);object-fit:cover;background:var(--gray-100);width:3rem;height:3rem;display:block}.online-indicator{background:var(--success);border:2px solid var(--white);border-radius:var(--radius-full);width:.75rem;height:.75rem;position:absolute;bottom:0;right:0}.conversation-content{flex:1;min-width:0}.conversation-delete-btn:disabled{opacity:.5;cursor:not-allowed}.conversation-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:.9375rem;font-weight:600;overflow:hidden}.conversation-time{color:var(--text-secondary);white-space:nowrap;margin-left:var(--space-2);flex-shrink:0;font-size:.8125rem;font-weight:500}.conversation-listing{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-2);background:var(--gray-50);border-radius:var(--radius-md);display:flex}.listing-thumbnail{border-radius:var(--radius-sm);object-fit:cover;background:var(--gray-100);flex-shrink:0;width:2rem;height:2rem;display:block}.listing-info{flex:1;min-width:0}.listing-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.listing-price{color:var(--primary);font-size:.75rem;font-weight:600}.listing-status{padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:.625rem;font-weight:600}.listing-status.active{background:var(--success);color:var(--white)}.listing-status.sold{background:var(--gray-300);color:var(--text-secondary)}.conversation-message{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.message-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.875rem;overflow:hidden}.message-preview.unread{color:var(--text-primary);font-weight:600}.unread-count{background:var(--error);color:var(--white);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);text-align:center;flex-shrink:0;min-width:1.25rem;font-size:.75rem;font-weight:600}.empty-conversations{padding:var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-conversations p{color:var(--text-secondary);font-size:.875rem}.chat-interface{background:var(--white);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.chat-header{padding:var(--space-4);border-bottom:1px solid var(--gray-200);align-items:center;gap:var(--space-4);background:var(--white);z-index:5;min-height:80px;display:flex;position:sticky;top:0}.chat-user-info{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.back-button{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:background-color var(--transition-fast);background:0 0;border:none;flex-shrink:0}.back-button:hover{background:var(--gray-100)}.chat-avatar{flex-shrink:0;position:relative}.chat-avatar img{border-radius:var(--radius-full);object-fit:cover;background:var(--gray-100);width:2.5rem;height:2.5rem;display:block}.chat-details{flex:1;min-width:0}.chat-name{color:var(--text-primary);margin:0 0 var(--space-1)0;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.chat-listing-info{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--gray-50);border-radius:var(--radius-md);flex-shrink:0;display:flex}.chat-listing-image{border-radius:var(--radius-sm);object-fit:cover;background:var(--gray-100);flex-shrink:0;width:2rem;height:2rem;display:block}.chat-listing-details{min-width:0}.chat-listing-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.chat-listing-price{color:var(--primary);font-size:.75rem;font-weight:600}.chat-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.chat-action-btn{border-radius:var(--radius-full);background:var(--gray-100);cursor:pointer;width:2rem;height:2rem;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.chat-action-btn:hover{background:var(--gray-200)}.chat-action-btn svg{width:1rem;height:1rem;color:var(--text-secondary)}.messages-area{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.message{margin-bottom:var(--space-2);animation:.3s ease-out messageSlideIn;display:flex}.message-bubble{max-width:70%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-xl);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;position:relative}.message.me .message-bubble{border-bottom-right-radius:var(--radius-sm);color:#fff!important;background:#007aff!important}.message.other .message-bubble{border-bottom-left-radius:var(--radius-sm);color:#000!important;background:#f1f1f1!important}.message-text{margin:0 0 var(--space-1)0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;color:inherit;font-size:.875rem;line-height:1.5}.message-time{color:inherit;font-size:.75rem;display:block}.message-input-container{padding:var(--space-4);border-top:1px solid var(--gray-200);background:var(--white);box-sizing:border-box;flex-shrink:0;width:100%;min-width:0}.message-input-wrapper{align-items:flex-end;gap:var(--space-3);background:var(--gray-50);border-radius:var(--radius-xl);padding:var(--space-2)var(--space-3);border:1px solid var(--gray-200);transition:all var(--transition-fast);box-sizing:border-box;width:100%;min-width:0;display:flex}.message-input-wrapper:focus-within{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px #007aff1a}.message-input{resize:none;word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;width:100%;height:auto;min-height:24px;max-height:150px;font-family:inherit;font-size:.875rem;line-height:1.5;overflow-y:auto}.message-input::placeholder{color:var(--text-tertiary)}.send-button{border-radius:var(--radius-full);cursor:pointer;width:2rem;height:2rem;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;color:#fff!important;background:#007aff!important}.send-button:hover:not(:disabled){transform:scale(1.05);background:#0056cc!important}.send-button:disabled{cursor:not-allowed;opacity:.6;background:silver!important}.send-button svg{width:1rem;height:1rem;color:var(--white)}.no-conversation-selected{text-align:center;padding:var(--space-8);color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.no-conversation-selected h3{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.25rem;font-weight:600}.no-conversation-selected p{max-width:300px;font-size:.875rem}@media (max-width:480px){.mobile-header{padding:var(--space-3)}.mobile-title{font-size:1.125rem}.conversations-sidebar{width:100vw;max-width:100vw}.conversation-item{padding:var(--space-3)}.conversation-avatar img{width:2.5rem;height:2.5rem}.conversation-listing{gap:var(--space-1);flex-wrap:wrap}.listing-thumbnail{width:1.5rem;height:1.5rem}.listing-title,.listing-price{font-size:.625rem}.message-bubble{max-width:85%}.chat-header{padding:var(--space-3);gap:var(--space-2);flex-wrap:wrap}.messages-list,.message-input-container{padding:var(--space-3)}}@media (min-width:481px) and (max-width:767px){.conversations-sidebar{width:350px;max-width:80vw}}@media (min-width:768px) and (max-width:1023px){.desktop-header{padding:var(--space-5)var(--space-6)}.conversations-sidebar{width:350px;min-width:300px;max-width:400px}.messages-list,.message-input-container,.chat-header{padding:var(--space-5)}}@media (min-width:1024px){.desktop-header{padding:var(--space-6)var(--space-8)}.conversations-sidebar{width:400px;min-width:350px;max-width:450px}.messages-list,.message-input-container,.chat-header{padding:var(--space-6)}}@media (min-width:1440px){.conversations-sidebar{width:450px;min-width:400px;max-width:500px}.messages-list,.message-input-container,.chat-header{padding:var(--space-8)}}.conversations-list::-webkit-scrollbar{width:8px}.messages-list::-webkit-scrollbar{width:8px}.conversations-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}.messages-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}.conversations-list::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full);border:1px solid var(--gray-200)}.messages-list::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full);border:1px solid var(--gray-200)}.conversations-list::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.messages-list::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.conversations-list::-webkit-scrollbar-thumb:active{background:var(--gray-600)}.messages-list::-webkit-scrollbar-thumb:active{background:var(--gray-600)}.conversations-list,.messages-list{scrollbar-width:thin;scrollbar-color:var(--gray-400)var(--gray-100)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}.conversation-item:focus,.menu-toggle:focus,.back-button:focus,.chat-action-btn:focus,.send-button:focus{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast:high){:root{--gray-200:#000;--gray-300:#000;--gray-400:#000;--gray-500:#000}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.messages-app{height:auto;overflow:visible}.mobile-header,.desktop-header,.message-input-container,.chat-actions{display:none}.conversations-sidebar{width:auto;height:auto;position:static;transform:none}.messages-container{flex-direction:column;height:auto}}.messages-loading{padding:var(--space-8);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.messages-loading .spinner{margin-bottom:var(--space-4)}.no-messages{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.dark-mode .messages-page,.dark-mode .messages-container{background:#121212}.dark-mode .conversations-list{background:#1d1d1f;border-right-color:#374151}.dark-mode .conversation-item{border-bottom-color:#374151}.dark-mode .conversation-item:hover,.dark-mode .conversation-item.active{background:#374151}.dark-mode .conversation-name{color:#fff}.dark-mode .conversation-last-message{color:#a1a1a6}.dark-mode .conversation-time{color:#6b7280}.dark-mode .chat-header{background:#1d1d1f;border-bottom-color:#374151}.dark-mode .chat-header-name{color:#fff}.dark-mode .chat-messages{background:#121212}.dark-mode .message.other .message-bubble{color:#fff!important;background:#374151!important}.dark-mode .message.other .message-bubble .message-text{color:#fff!important}.dark-mode .message.other .message-bubble .message-time{color:#fff9!important}.dark-mode .message-input-container{background:#1d1d1f;border-top-color:#374151}.dark-mode .message-input-wrapper{background:#121212;border-color:#374151}.dark-mode .message-input-wrapper:focus-within{background:#1d1d1f;border-color:#007aff}.dark-mode .message-input{color:#fff}.dark-mode .message-input::placeholder{color:#6b7280}.dark-mode .send-button{color:#fff!important;background:#007aff!important}.dark-mode .send-button:hover:not(:disabled){background:#0056cc!important}.dark-mode .send-button:disabled{background:#4b5563!important}.dark-mode .back-button-mobile,.dark-mode .back-button-desktop{color:#fff!important}.dark-mode .back-button-mobile:hover,.dark-mode .back-button-desktop:hover{color:#007aff!important;background:#374151!important}.dark-mode .back-button-mobile svg,.dark-mode .back-button-desktop svg{color:#fff;stroke:#fff}.dark-mode .back-button-mobile:hover svg,.dark-mode .back-button-desktop:hover svg{color:#007aff;stroke:#007aff}.dark-mode .mobile-header{background:#1d1d1f;border-bottom-color:#374151}.dark-mode .mobile-title,.dark-mode .menu-toggle{color:#fff}.dark-mode .menu-toggle:hover{background:#374151}.dark-mode .menu-toggle svg{color:#fff;stroke:#fff}.dark-mode .desktop-header{background:#1d1d1f;border-bottom-color:#374151}.dark-mode .messages-app{background:#121212}.dark-mode .conversations-sidebar{background:#1d1d1f;border-right-color:#374151}.dark-mode .sidebar-header{background:#1d1d1f;border-bottom-color:#374151}.dark-mode .search-input::placeholder,.dark-mode .search-icon{color:#6b7280}.dark-mode .chat-interface{background:#121212}.dark-mode .chat-name{color:#fff}.dark-mode .chat-status{color:#a1a1a6}.dark-mode .messages-area,.dark-mode .messages-list{background:#121212}.dark-mode .no-messages{color:#a1a1a6}.dark-mode .no-conversation-selected{color:#a1a1a6;background:#121212}.dark-mode .no-conversation-selected h3{color:#fff}.dark-mode .no-conversation-selected p,.dark-mode .empty-conversations,.dark-mode .empty-conversations p,.dark-mode .messages-loading,.dark-mode .message-preview{color:#a1a1a6}.dark-mode .message-preview.unread{color:#fff}.user-profile{background:var(--bg-secondary);min-height:100vh;padding:var(--space-6)var(--space-4)}.profile-header{margin-bottom:var(--space-6)}.page-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.2}.profile-tabs{gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:2px solid var(--gray-200);padding-bottom:0;display:flex}.tab-button{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;font-size:.9375rem;font-weight:500;display:flex;position:relative}.tab-button svg{width:18px;height:18px}.tab-button:hover{color:var(--text-primary);background:var(--gray-50)}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab-button.active:hover{background:0 0}.edit-actions{gap:var(--space-2);display:flex}.btn-secondary:hover{background:var(--gray-200);border-color:var(--gray-300)}.profile-content{gap:var(--space-8);flex-direction:column;display:flex}.profile-card{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100)}.profile-avatar-section{text-align:center;align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.avatar-container{border:4px solid var(--white);width:8rem;height:8rem;box-shadow:var(--shadow-lg);border-radius:50%;position:relative;overflow:hidden}.profile-avatar{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.avatar-overlay{opacity:0;width:100%;height:100%;transition:all var(--transition-fast);cursor:pointer;background:#0009;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar-container:hover .avatar-overlay{opacity:1}.avatar-upload{display:none}.avatar-upload-btn{align-items:center;gap:var(--space-1);color:var(--white);cursor:pointer;flex-direction:column;font-size:.75rem;font-weight:600;display:flex}.avatar-upload-btn svg{width:1.5rem;height:1.5rem}.profile-info{gap:var(--space-2);flex-direction:column;display:flex}.profile-name{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.profile-rating{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.rating-number{color:var(--text-primary);font-weight:600}.rating-count{color:var(--text-secondary);font-size:.875rem}.profile-meta{gap:var(--space-1);color:var(--text-secondary);flex-direction:column;font-size:.875rem;display:flex}.meta-item{justify-content:center;align-items:center;display:flex}.profile-details{gap:var(--space-8);flex-direction:column;display:flex}.details-section{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100)}.section-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-6);font-size:1.25rem;font-weight:600}.section-header-with-action{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.section-header-with-action .section-title{margin-bottom:var(--space-2)}.section-description{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.6}.settings-content{gap:var(--space-6);flex-direction:column;max-width:100%;display:flex}.settings-panel{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100)}.settings-section{width:100%}.settings-section .section-header{margin-bottom:var(--space-6)}.settings-section .section-title{margin-bottom:var(--space-2);font-size:1.5rem}.theme-toggle-section{gap:var(--space-3);margin-top:var(--space-2);display:flex}.theme-option{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--white);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);flex-direction:column;flex:1;font-size:.875rem;font-weight:500;display:flex}.theme-option:hover:not(:disabled){border-color:var(--primary);background:var(--gray-50)}.theme-option.active{border-color:var(--primary);color:var(--primary);background:#007aff1a}.theme-option:disabled{opacity:.6;cursor:not-allowed}.theme-option svg{stroke-width:2px;width:32px;height:32px}.toggle-switch{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.toggle-input{display:none}.toggle-label{background:var(--gray-300);cursor:pointer;width:48px;height:24px;transition:background var(--transition-fast);border-radius:12px;flex-shrink:0;position:relative}.toggle-input:checked+.toggle-label{background:var(--primary)}.toggle-slider{background:var(--white);width:20px;height:20px;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.toggle-input:checked+.toggle-label .toggle-slider{transform:translate(24px)}.toggle-text{color:var(--text-primary);font-size:.875rem;font-weight:500}.toggle-label:disabled{opacity:.5;cursor:not-allowed}.password-form{gap:var(--space-6);flex-direction:column;display:flex}.password-toggle-btn{cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;font-size:18px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--text-primary)}.form-actions{margin-top:var(--space-4);justify-content:flex-end;display:flex}.form-grid{gap:var(--space-6);display:grid}.form-input{width:100%;padding:var(--space-3);border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:var(--white);font-size:1rem;font-family:var(--font-text)}.form-textarea{width:100%;padding:var(--space-3);border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:var(--white);font-size:1rem;font-family:var(--font-text);resize:vertical;min-height:100px}.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007aff1a}.form-display{padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg);color:var(--text-primary);align-items:center;min-height:44px;font-size:1rem;display:flex}.form-hint{color:var(--text-tertiary);margin-top:var(--space-1);font-size:.75rem}.message{padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-size:.875rem;font-weight:500}.message.success-message{color:var(--success);background:#34c7591a;border:1px solid #34c75933}.message.error-message{color:var(--error);background:#ef44441a;border:1px solid #ef444433}.message.success{color:var(--success);background:#34c7591a;border:1px solid #34c75933}.message.error{color:var(--error);background:#ef44441a;border:1px solid #ef444433}.bio-display{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;line-height:1.6}@media (max-width:480px){.page-title{font-size:1.25rem;line-height:1.1}}@media (min-width:481px) and (max-width:640px){.page-title{font-size:1.375rem;line-height:1.15}}@media (min-width:641px) and (max-width:767px){.page-title{font-size:1.5rem;line-height:1.2}}@media (min-width:768px) and (max-width:1023px){.page-title{font-size:1.75rem;line-height:1.25}}@media (min-width:640px){.user-profile{padding:var(--space-8)var(--space-6)}.page-title{font-size:2rem;line-height:1.3}.profile-avatar-section{text-align:left;flex-direction:row;align-items:flex-start}.profile-info{align-items:flex-start}.profile-meta{gap:var(--space-4);flex-direction:row}.meta-item{justify-content:flex-start}.form-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.user-profile{padding:var(--space-12)var(--space-8)}.page-title{font-size:2.25rem;line-height:1.3}.profile-content{gap:var(--space-8);grid-template-columns:1fr;align-items:start;display:grid}.form-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1400px){.page-title{font-size:2.5rem;line-height:1.35}}.phone-input-wrapper{width:100%}.phone-input-wrapper .PhoneInputInput{width:100%;padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:var(--white);font-size:1rem;font-family:var(--font-text)}.phone-input-wrapper .PhoneInputInput:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #6366f11a}.phone-input-wrapper .PhoneInputInput:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.phone-input-wrapper .PhoneInputCountry{padding:0 var(--space-2);border:2px solid var(--gray-200);border-radius:var(--radius-lg)0 0 var(--radius-lg);background:var(--white);border-right:none}.phone-input-wrapper .PhoneInputCountryIcon{border-radius:2px;box-shadow:0 0 0 1px #0000001a}.phone-input-wrapper .PhoneInputCountrySelect{padding:var(--space-1);cursor:pointer;background:0 0;border:none;font-size:.875rem}.phone-input-wrapper .PhoneInputCountrySelectArrow{opacity:.5}.social-links-section{margin-top:var(--space-4)}.social-links-info{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);color:var(--text-secondary);margin-bottom:var(--space-4);border:1px solid var(--gray-200);font-size:.875rem;display:flex}.social-links-info svg{color:var(--primary);flex-shrink:0}.social-links-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.social-link-item{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.social-link-item:hover{background:var(--primary);color:var(--white);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #007aff33}.social-link-item .social-icon{flex-shrink:0;width:20px;height:20px}.social-link-item:hover .social-icon{color:var(--white)}.no-social-links{text-align:center;padding:var(--space-6);color:var(--text-secondary);background:var(--gray-50);border-radius:var(--radius-lg);border:1px dashed var(--gray-300);grid-column:1/-1;font-size:.875rem}.dark-mode .profile-page,.dark-mode .profile-container{background:#121212}.dark-mode .profile-header{background:#1d1d1f;border-color:#374151}.dark-mode .profile-name{color:#fff}.dark-mode .profile-email,.dark-mode .profile-phone,.dark-mode .profile-location{color:#a1a1a6}.dark-mode .profile-card{background:#1d1d1f;border-color:#374151}.dark-mode .info-label{color:#a1a1a6}.dark-mode .info-value{color:#fff}.dark-mode .edit-button{color:#fff;background:#007aff}.dark-mode .edit-button:hover{background:#0056cc}.dark-mode .form-input,.dark-mode .form-textarea{color:#fff;background:#121212;border-color:#374151}.dark-mode .form-input:focus,.dark-mode .form-textarea:focus{background:#1d1d1f;border-color:#007aff}.dark-mode .form-input::placeholder,.dark-mode .form-textarea::placeholder{color:#6b7280}.dark-mode .image-overlay{background:#00000080}.dark-mode .user-profile,.dark-mode .profile-content{background:#121212}.dark-mode .avatar-container{border-color:#1d1d1f}.dark-mode .profile-avatar{border-color:#0000}.dark-mode .profile-rating,.dark-mode .rating-number{color:#fff}.dark-mode .rating-count,.dark-mode .profile-meta{color:#a1a1a6}.dark-mode .details-section{background:#1d1d1f;border-color:#374151}.dark-mode .form-grid{border-color:#374151}.dark-mode .form-display,.dark-mode .bio-display{color:#fff;background:#121212;border-color:#374151}.dark-mode .phone-input-wrapper .PhoneInputInput{color:#fff;background:#121212;border-color:#374151}.dark-mode .phone-input-wrapper .PhoneInputInput:focus{background:#1d1d1f;border-color:#007aff}.dark-mode .phone-input-wrapper .PhoneInputInput:disabled{color:#6b7280;background:#1d1d1f}.dark-mode .phone-input-wrapper .PhoneInputCountry{background:#121212;border-color:#374151}.dark-mode .phone-input-wrapper .PhoneInputCountrySelect{color:#fff}.dark-mode .phone-input-wrapper .PhoneInputCountrySelectArrow{color:#a1a1a6}.dark-mode .social-links-info{color:#a1a1a6;background:#1d1d1f;border-color:#374151}.dark-mode .social-links-info svg{color:#007aff}.dark-mode .social-link-item{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .social-link-item:hover{color:#fff;background:#007aff;border-color:#007aff}.dark-mode .social-link-item .social-icon{color:#a1a1a6}.dark-mode .social-link-item:hover .social-icon{color:#fff}.dark-mode .no-social-links{color:#a1a1a6;background:#1d1d1f;border-color:#374151}.dark-mode .profile-tabs{border-bottom-color:#374151}.dark-mode .tab-button{color:#a1a1a6}.dark-mode .tab-button:hover{color:#fff;background:#1d1d1f}.dark-mode .settings-panel{background:#1d1d1f;border-color:#374151}.dark-mode .settings-section .section-title{color:#fff}.dark-mode .settings-section .section-description{color:#a1a1a6}.dark-mode .theme-option{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .theme-option:hover:not(:disabled){background:#2d2d2f;border-color:#007aff}.dark-mode .theme-option.active{color:#007aff;background:#007aff33;border-color:#007aff}.dark-mode .toggle-label{background:#374151}.dark-mode .toggle-input:checked+.toggle-label{background:#007aff}.dark-mode .toggle-text{color:#fff}.dark-mode .form-hint{color:#6b7280}.dark-mode .password-toggle-btn{color:#a1a1a6}.dark-mode .password-toggle-btn:hover,.dark-mode .section-header-with-action .section-title{color:#fff}.dark-mode .section-header-with-action .section-description{color:#a1a1a6}.dark-mode .message.success-message,.dark-mode .message.success{color:#34c759;background:#34c75933;border-color:#34c7594d}.dark-mode .message.error-message,.dark-mode .message.error{color:#ff3b30;background:#ef444433;border-color:#ef44444d}.loading-state{padding:var(--space-12)var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.favorites{background:var(--bg-secondary);min-height:100vh;padding:var(--space-6)var(--space-4)}.favorites-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.header-actions{gap:var(--space-3);align-items:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:none;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:var(--white)}.btn svg{width:1rem;height:1rem}.filter-tabs{gap:var(--space-2);padding:var(--space-2)0;margin-bottom:var(--space-8);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-4);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;font-size:.875rem;font-weight:500;display:flex}.tab-count{color:inherit;padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);background:#fff3;font-size:.75rem;font-weight:600}.filter-tab.active .tab-count{background:#ffffff4d}.favorites-grid{gap:var(--space-6);display:grid}.favorite-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all var(--transition-fast);overflow:hidden}.favorite-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-fast);display:block}.favorite-card:hover .card-image img{transform:scale(1.05)}.favorite-card:hover .card-image-nav-btn{opacity:1}.card-badges{top:var(--space-3);left:var(--space-3);gap:var(--space-2);z-index:10;flex-direction:column;display:flex;position:absolute}.badge{padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:.7rem;font-weight:600;overflow:hidden}.badge.condition{color:var(--white);background:#34c759e6}.badge.category{color:var(--white);background:#0009}.remove-favorite-btn{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-full);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fffffff2;border:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex;position:absolute;box-shadow:0 2px 8px #0000001a}.remove-favorite-btn svg{color:#ef4444;fill:#ef4444;width:20px;height:20px;transition:all .2s}.remove-favorite-btn:hover{background:#ef4444;transform:scale(1.1);box-shadow:0 4px 12px #ef44444d}.remove-favorite-btn:hover svg{color:var(--white);fill:var(--white)}.card-content{padding:var(--space-6)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.card-title{font-family:var(--font-display);color:var(--text-primary);flex:1;font-size:1.125rem;font-weight:600;line-height:1.3;text-decoration:none}.card-title:hover{color:var(--primary)}.price-info{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.current-price{color:var(--text-primary);font-size:1.25rem;font-weight:700;font-family:var(--font-display)}.original-price{color:var(--text-tertiary);font-size:.875rem;text-decoration:line-through}.card-meta{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.meta-item svg{width:1rem;height:1rem;color:var(--text-tertiary)}.seller-info{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex}.seller-avatar{border-radius:var(--radius-full);flex-shrink:0;width:2.5rem;height:2.5rem;overflow:hidden}.seller-details{flex:1}.seller-name{color:var(--text-primary);margin-bottom:var(--space-1);font-size:.875rem;font-weight:600}.seller-rating{align-items:center;gap:var(--space-1);display:flex}.rating-stars{color:var(--accent);font-size:.75rem}.rating-number{color:var(--text-secondary);font-size:.75rem;font-weight:600}.card-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.card-actions .btn{padding:var(--space-3)var(--space-4);font-size:.875rem}.empty-state{text-align:center;padding:var(--space-16)var(--space-8);background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100)}.empty-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-3);font-size:1.5rem;font-weight:600}.empty-description{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:400px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6}@media (max-width:480px){.favorites{padding:var(--space-4)var(--space-3)}.favorites-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.page-title{font-size:1.5rem}.page-subtitle{font-size:.875rem}.header-actions .btn{justify-content:center;width:100%}.filter-tabs{gap:var(--space-1);padding:var(--space-1)0}.filter-tab{padding:var(--space-2)var(--space-3);font-size:.8rem}.favorite-card{border-radius:var(--radius-xl)}.card-content{padding:var(--space-4)}.card-title{font-size:1rem}.current-price{font-size:1.125rem}.card-actions{flex-direction:column}.card-actions .btn{width:100%}}@media (min-width:640px){.favorites{padding:var(--space-8)var(--space-6)}.page-title{font-size:2.5rem}.filter-tabs{justify-content:center}.favorites-grid{grid-template-columns:repeat(1,1fr)}.card-header{flex-direction:row;align-items:flex-start}.card-meta{gap:var(--space-4);flex-direction:row}}@media (min-width:1024px){.favorites{padding:var(--space-12)var(--space-8)}.favorites-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1400px){.favorites-grid{grid-template-columns:repeat(3,1fr)}}.dark-mode .favorites{background:#121212!important}.dark-mode .favorites-header{background:0 0}.dark-mode .filter-tab{color:#a1a1a6;border-color:#374151;background:#1d1d1f!important}.dark-mode .filter-tab:hover{color:#fff;border-color:#4b5563;background:#374151!important}.dark-mode .filter-tab.active{color:#fff;border-color:#007aff;background:#007aff!important}.dark-mode .tab-count{background:#fff3}.dark-mode .filter-tab.active .tab-count{background:#ffffff4d}.dark-mode .favorite-card{border-color:#374151;background:#1d1d1f!important}.dark-mode .favorite-card:hover{border-color:#4b5563;box-shadow:0 4px 12px #0000004d}.dark-mode .card-title:hover{color:#007aff}.dark-mode .original-price{color:#6b7280}.dark-mode .card-meta,.dark-mode .meta-item{color:#a1a1a6}.dark-mode .meta-item svg{color:#6b7280}.dark-mode .card-image-nav-btn{border-color:#374151;background:#1d1d1ff2!important}.dark-mode .card-image-nav-btn:hover{border-color:#007aff;background:#1d1d1f!important}.dark-mode .remove-favorite-btn{border-color:#fff3;background:#1d1d1ff2!important}.dark-mode .remove-favorite-btn:hover{box-shadow:0 4px 12px #ff3b3066;background:#ff3b30!important}.dark-mode .remove-favorite-btn svg{color:#ff3b30;fill:#ff3b30}.dark-mode .remove-favorite-btn:hover svg{color:#fff;fill:#fff}.dark-mode .badge.category{color:#fff;background:#000000b3}.dark-mode .seller-info{background:#121212;border-color:#374151}.dark-mode .seller-name{color:#fff}.dark-mode .rating-number{color:#a1a1a6}.dark-mode .card-actions .btn-primary{color:#fff;background:#007aff}.dark-mode .card-actions .btn-primary:hover{background:#0056cc}.dark-mode .card-actions .btn-outline{color:#007aff;border-color:#007aff}.dark-mode .card-actions .btn-outline:hover{color:#fff;background:#007aff}.dark-mode .empty-title{color:#fff}.dark-mode .empty-description{color:#a1a1a6}.dark-mode .loading-state{background:#121212}.privacy-policy-page{background:var(--bg-secondary);min-height:100vh;padding:var(--space-8)var(--space-4)}.privacy-container{max-width:900px;margin:0 auto}.privacy-header{margin-bottom:var(--space-8);text-align:center}.privacy-content{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100)}.privacy-section{margin-bottom:var(--space-8)}.privacy-section:last-child{margin-bottom:0}.privacy-section p{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:1rem;line-height:1.8}.privacy-section ul{margin:var(--space-4)0;padding-left:var(--space-6);color:var(--text-secondary);line-height:1.8}.privacy-section li{margin-bottom:var(--space-2)}.privacy-section strong{color:var(--text-primary);font-weight:600}@media (max-width:768px){.page-title{font-size:2rem}.privacy-content{padding:var(--space-6)}.section-title{font-size:1.5rem}}.dark-mode .privacy-policy-page,.dark-mode .privacy-container{background:#121212}.dark-mode .privacy-content{background:#1d1d1f;border-color:#374151}.dark-mode .privacy-title,.dark-mode .privacy-section h2,.dark-mode .privacy-section h3{color:#fff}.dark-mode .privacy-section p,.dark-mode .privacy-section ul,.dark-mode .privacy-section ol{color:#a1a1a6}.terms-page{background:var(--bg-secondary);min-height:100vh;padding:var(--space-8)var(--space-4)}.terms-container{max-width:900px;margin:0 auto}.terms-header{margin-bottom:var(--space-8);text-align:center}.back-link{align-items:center;gap:var(--space-2);color:var(--primary-500);margin-bottom:var(--space-6);transition:all var(--transition-fast);font-size:.875rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--primary-600);transform:translate(-4px)}.back-link svg{width:20px;height:20px}.terms-content{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100)}.terms-section{margin-bottom:var(--space-8)}.terms-section:last-child{margin-bottom:0}.section-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-4);margin-top:var(--space-6);font-size:1.75rem;font-weight:700}.section-title:first-child{margin-top:0}.subsection-title{color:var(--text-primary);margin-top:var(--space-4);margin-bottom:var(--space-2);font-size:1.25rem;font-weight:600}.terms-section p{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:1rem;line-height:1.8}.terms-section ul{margin:var(--space-4)0;padding-left:var(--space-6);color:var(--text-secondary);line-height:1.8}.terms-section li{margin-bottom:var(--space-2)}.terms-section strong{color:var(--text-primary);font-weight:600}.contact-info{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);margin:0}.contact-info p{margin-bottom:var(--space-2)}@media (max-width:768px){.page-title{font-size:2rem}.terms-content{padding:var(--space-6)}.section-title{font-size:1.5rem}}.dark-mode .terms-page,.dark-mode .terms-container{background:#121212}.dark-mode .terms-content{background:#1d1d1f;border-color:#374151}.dark-mode .terms-title,.dark-mode .terms-section h2,.dark-mode .terms-section h3{color:#fff}.dark-mode .terms-section p,.dark-mode .terms-section ul,.dark-mode .terms-section ol{color:#a1a1a6}.dark-mode .contact-info{background:#1d1d1f;border-color:#374151}.dark-mode .contact-info p{color:#a1a1a6}.dark-mode .contact-info strong{color:#fff}.verification-content{text-align:center;width:100%}.verification-status{flex-direction:column;align-items:center;display:flex}.status-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.status-icon.verifying{color:#0284c7;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%)}.status-icon.success{color:#059669;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);animation:.4s ease-out scaleIn}.status-icon.error{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);animation:.4s ease-out scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.status-icon svg{width:40px;height:40px}.spinner{border:4px solid #0284c733;border-top-color:#0284c7;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.status-title{font-family:var(--font-display,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);color:var(--text-primary,#1a1a1a);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.status-message{color:#64748b;margin-bottom:.5rem;font-size:.9375rem;line-height:1.6}.status-submessage{color:#94a3b8;margin-top:.75rem;font-size:.875rem;font-style:italic}.resend-section{border-top:1px solid #e2e8f0;width:100%;margin-top:1.5rem;padding-top:1.25rem}.resend-text{color:#64748b;margin-bottom:1rem;font-size:.875rem}.action-links{border-top:1px solid #e2e8f0;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.action-link{color:var(--primary,#007aff);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s}.action-link:hover{color:var(--primary-dark,#0051d5);background:#f1f5f9;text-decoration:none}@media (max-width:768px){.status-icon{width:72px;height:72px;margin-bottom:1.25rem}.status-icon svg,.spinner{width:36px;height:36px}.status-title{font-size:1.5rem}.status-message{font-size:.875rem}}@media (max-width:480px){.verification-content{padding:0}.status-icon{width:64px;height:64px;margin-bottom:1rem}.status-icon svg,.spinner{width:32px;height:32px}.status-title{font-size:1.25rem}.status-message{font-size:.8125rem}.resend-button{padding:.625rem 1rem;font-size:.875rem}.action-links{flex-direction:column;gap:.5rem}.action-link{text-align:center;width:100%;padding:.625rem;font-size:.8125rem}}@media (max-width:360px){.status-title{font-size:1.125rem}.status-message{font-size:.75rem}}.dark-mode .verification-page,.dark-mode .verification-container{background:#121212}.dark-mode .verification-card{background:#1d1d1f;border-color:#374151}.dark-mode .verification-title{color:#fff}.dark-mode .verification-message{color:#a1a1a6}.dark-mode .verification-button{color:#fff;background:#007aff}.dark-mode .verification-button:hover{background:#0056cc}.pending-content{text-align:center;width:100%}.pending-icon{color:#0284c7;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:flex}.pending-icon svg{width:36px;height:36px}.pending-header{margin-bottom:1rem}.pending-title{font-family:var(--font-display,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);color:var(--text-primary,#1a1a1a);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.pending-message{color:#64748b;font-size:.9375rem;line-height:1.5}.email-display{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.pending-email{color:#0f172a;word-break:break-all;margin:0;font-size:.9375rem;font-weight:600}.instructions-section{margin-bottom:1.25rem}.pending-instructions{color:#64748b;margin:0;font-size:.875rem;line-height:1.6}.success-message{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.success-message svg{flex-shrink:0;width:18px;height:18px}.pending-actions{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.resend-button{background:linear-gradient(135deg,var(--primary,#007aff)0%,#0284c7 100%);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.resend-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark,#0051d5)0%,#0369a1 100%);transform:translateY(-1px);box-shadow:0 4px 8px #007aff4d}.resend-button:active:not(:disabled){transform:translateY(0)}.resend-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.resend-button svg{flex-shrink:0;width:18px;height:18px}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}.login-link{color:var(--primary,#007aff);font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.pending-help{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.help-title{color:var(--text-primary,#1a1a1a);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.help-list{margin:0;padding:0;list-style:none}.help-list li{color:#64748b;margin-bottom:.5rem;padding-left:1rem;font-size:.8125rem;line-height:1.5;position:relative}.help-list li:last-child{margin-bottom:0}.help-list li:before{content:"•";color:var(--primary,#007aff);font-size:1.25rem;font-weight:700;line-height:1;position:absolute;left:.25rem}@media (max-width:768px){.pending-icon{width:64px;height:64px;margin-bottom:1.25rem}.pending-icon svg{width:32px;height:32px}.pending-title{font-size:1.5rem}.pending-message{font-size:.875rem}}@media (max-width:480px){.pending-content{padding:0}.pending-icon{width:56px;height:56px;margin-bottom:1rem}.pending-icon svg{width:28px;height:28px}.pending-title{font-size:1.25rem}.pending-message{font-size:.8125rem}.pending-email{font-size:.875rem}.pending-instructions{font-size:.8125rem}.resend-button{padding:.625rem 1rem;font-size:.875rem}.help-title{font-size:.8125rem}.help-list li{font-size:.75rem}}@media (max-width:360px){.pending-title{font-size:1.125rem}.pending-message{font-size:.75rem}}.dark-mode .pending-page,.dark-mode .pending-container{background:#121212}.dark-mode .pending-card{background:#1d1d1f;border-color:#374151}.dark-mode .pending-title{color:#fff}.dark-mode .pending-message{color:#a1a1a6}.dark-mode .resend-button{color:#fff;background:#007aff}.dark-mode .resend-button:hover{background:#0056cc}.success-message strong{color:var(--text-primary,#1a1a1a);font-weight:600}@media (max-width:768px){.auth-title{font-size:1.75rem}.auth-subtitle{font-size:.9375rem}.auth-header{margin-bottom:1.5rem}}@media (max-width:480px){.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}.auth-form{gap:1.25rem}.auth-header{margin-bottom:1.25rem}.form-input,.submit-button{padding:.625rem .875rem;font-size:.9375rem}.success-message h3{font-size:1.25rem}}@media (max-width:360px){.auth-title{font-size:1.25rem}.auth-form{gap:1rem}.form-group{gap:.375rem}}.dark-mode .forgot-password-page,.dark-mode .forgot-password-container{background:#121212}.dark-mode .forgot-password-card{background:#1d1d1f;border-color:#374151}.dark-mode .forgot-password-title{color:#fff}.dark-mode .forgot-password-message{color:#a1a1a6}.auth-content{width:100%}.auth-header{text-align:left;margin-bottom:2rem}.auth-title{font-family:var(--font-display,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);letter-spacing:-.02em;color:var(--text-primary,#1a1a1a);margin-bottom:.5rem;font-size:2rem;font-weight:700}.auth-subtitle{color:var(--text-secondary,#6b7280);margin:0;font-size:1rem}.auth-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-primary,#1a1a1a);font-size:.875rem;font-weight:600}.form-input{box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--primary,#007aff);outline:none;box-shadow:0 0 0 3px #007aff1a}.form-input::placeholder{color:#9ca3af}.submit-button{background:var(--primary,#007aff);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.submit-button:hover:not(:disabled){background:var(--primary-dark,#0051d5);transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.submit-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:1.5rem}.login-footer-text{color:var(--text-secondary,#6b7280);margin:0;font-size:.875rem}.login-link{color:var(--primary,#007aff);font-weight:600;text-decoration:none;transition:color .2s}.login-link:hover{color:var(--primary-dark,#0051d5);text-decoration:underline}.success-message{text-align:center;flex-direction:column;align-items:stretch;width:100%;padding:1rem;display:flex}.success-icon{color:#10b981;width:3rem;height:3rem;margin:0 auto 1rem;display:block}.success-message h3{font-family:var(--font-display,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);color:var(--text-primary,#1a1a1a);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.success-message p{color:var(--text-secondary,#6b7280);margin-bottom:.5rem;line-height:1.6}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;margin:0 auto;animation:1s linear infinite spin}@media (max-width:768px){.auth-title{font-size:1.75rem}.auth-subtitle{font-size:.9375rem}.auth-header{margin-bottom:1.5rem}}@media (max-width:480px){.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}.auth-form{gap:1.25rem}.auth-header{margin-bottom:1.25rem}.form-input,.submit-button{padding:.625rem .875rem;font-size:.9375rem}.success-message h3{font-size:1.25rem}}@media (max-width:360px){.auth-title{font-size:1.25rem}.auth-form{gap:1rem}.form-group{gap:.375rem}}.dark-mode .reset-password-page,.dark-mode .reset-password-container{background:#121212}.dark-mode .reset-password-card{background:#1d1d1f;border-color:#374151}.dark-mode .reset-password-title{color:#fff}.dark-mode .reset-password-message{color:#a1a1a6}.dark-mode .form-label{color:#fff}.dark-mode .form-input{color:#fff;background:#121212;border-color:#374151}.dark-mode .form-input:focus{background:#1d1d1f;border-color:#007aff}.dark-mode .form-input::placeholder{color:#6b7280}.dark-mode .error-message{color:#ff3b30;background:#ef444433;border-color:#ff3b30}.dark-mode .submit-button{color:#fff;background:#007aff}.dark-mode .submit-button:hover:not(:disabled){background:#0056cc}.admin-content-wrapper{gap:var(--space-6);flex-direction:column;display:flex}.admin-header-actions{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.admin-header-actions .btn,.admin-table-controls .btn{align-items:center;gap:.5rem;display:inline-flex;font-weight:500!important}.admin-header-actions .btn svg,.admin-table-controls .btn svg{flex-shrink:0;width:16px;height:16px}.filter-controls{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.delete-confirmation-toast{flex-direction:column;gap:20px;padding:24px;display:flex}.delete-confirmation-header{align-items:flex-start;gap:16px;display:flex}.delete-confirmation-icon{background:#fef2f2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.delete-confirmation-icon svg{stroke:#f44336;stroke-width:2.5px;width:24px;height:24px}.delete-confirmation-content{flex-direction:column;flex:1;gap:8px;display:flex}.delete-confirmation-title{color:#111827;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.delete-confirmation-message{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.delete-confirmation-actions{justify-content:flex-end;gap:12px;padding-top:4px;display:flex}.delete-confirmation-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:100px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.delete-confirmation-btn.cancel-btn{color:#374151;background:#f9fafb;border:1px solid #e5e7eb}.delete-confirmation-btn.cancel-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.delete-confirmation-btn.cancel-btn:active{transform:translateY(0)}.delete-confirmation-btn.confirm-btn{color:#fff;background:#f44336;box-shadow:0 2px 4px #f4433633}.delete-confirmation-btn.confirm-btn:hover{background:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 8px #f443364d}.delete-confirmation-btn.confirm-btn:active{transform:translateY(0);box-shadow:0 2px 4px #f4433633}.admin-dashboard{gap:var(--space-6);flex-direction:column;display:flex}.stat-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);align-items:center;gap:var(--space-5);border:1px solid var(--gray-200);transition:all var(--transition-normal);display:flex;box-shadow:0 2px 8px #00000014}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.stat-icon.users{background:#e0f2fe}.stat-icon.users svg{color:#2196f3;stroke:#2196f3;stroke-width:2px;width:28px;height:28px}.stat-icon.listings{background:#e8f5e9}.stat-icon.listings svg{color:#4caf50;stroke:#4caf50;stroke-width:2px;width:28px;height:28px}.stat-icon.verified{background:#fff3e0}.stat-icon.verified svg{color:#ff9800;stroke:#ff9800;stroke-width:2px;width:28px;height:28px}.stat-icon.recent{background:#f5f5f5}.stat-icon.recent svg{color:#9e9e9e;stroke:#9e9e9e;stroke-width:2px;width:28px;height:28px}.stat-icon.blocked{background:#ffebee}.stat-icon.blocked svg{color:#f44336;stroke:#f44336;stroke-width:2px;width:28px;height:28px}.stat-value{color:var(--text-primary);margin:0 0 var(--space-1)0;font-size:2.25rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);margin:0 0 var(--space-3)0;font-size:.875rem;font-weight:500}.stat-details{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.stat-positive,.stat-negative,.stat-neutral,.stat-info{padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.stat-positive{color:var(--success);background:#34c7591a}.stat-negative{color:var(--error);background:#ff3b301a}.stat-neutral{color:var(--gray-600);background:#6b72801a}.stat-info{color:var(--primary);background:#007aff1a}.stat-subtext{color:var(--text-tertiary);margin:var(--space-3)0 0 0;font-size:.8125rem;font-weight:400}.quick-actions{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.section-title{color:var(--text-primary);margin:0 0 var(--space-6)0;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.actions-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.action-card{text-align:center;padding:var(--space-6);border-radius:var(--radius-lg);border:2px solid var(--gray-200);background:var(--gray-50);color:var(--text-primary);transition:all var(--transition-normal);flex-direction:column;align-items:center;text-decoration:none;display:flex}.action-card:hover{border-color:var(--primary);background:var(--white);box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-icon{margin-bottom:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--gray-200);width:56px;height:56px;padding:var(--space-3);transition:all var(--transition-normal);justify-content:center;align-items:center;font-size:3rem;display:flex}.action-icon svg{width:24px;height:24px;color:var(--primary);stroke:var(--primary);stroke-width:2px}.action-icon.listings-icon{background:#34c7591a;border-color:#34c75933}.action-icon.listings-icon svg{color:#34c759;stroke:#34c759}.action-icon.users-icon{background:#007aff1a;border-color:#007aff33}.action-icon.users-icon svg{color:#007aff;stroke:#007aff}.action-card:hover .action-icon{transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.action-card:hover .action-icon.listings-icon{background:#34c75926;border-color:#34c759}.action-card:hover .action-icon.users-icon{background:#007aff26;border-color:#007aff}.action-card h3{margin:0 0 var(--space-2)0;color:var(--text-primary);font-size:1rem;font-weight:600}.action-card p{color:var(--text-secondary);margin:0;font-size:.875rem}.admin-loading-state,.admin-error-state{padding:var(--space-12);background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;display:flex}.admin-loading-state p,.admin-error-state p{margin-top:var(--space-4);color:var(--text-secondary)}.admin-table-container{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-md);overflow:hidden}.admin-table-header{padding:var(--space-6)var(--space-6);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--white);flex-wrap:wrap;display:flex}.admin-table-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.admin-table-controls{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{left:var(--space-3);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none;z-index:1;transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.search-input{padding:var(--space-3)var(--space-4);padding-left:calc(var(--space-3) + 18px + var(--space-2));border:1px solid var(--gray-300);border-radius:var(--radius-lg);min-width:280px;transition:all var(--transition-fast);background:var(--white);font-size:.875rem}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007aff1a}.search-input:focus+.search-icon{color:var(--primary)}.filter-select-wrapper{align-items:center;display:flex;position:relative}.filter-icon{left:var(--space-3);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none;z-index:1;transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.filter-select{padding:var(--space-3)var(--space-4);padding-left:var(--space-10);padding-right:var(--space-10);border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--white);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;background-size:16px;min-width:160px;font-size:.875rem}.filter-select:hover{border-color:var(--gray-400)}.filter-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007aff1a}.filter-select:focus~.filter-icon,.filter-select-wrapper:focus-within .filter-icon{color:var(--primary)}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:linear-gradient(to bottom,var(--gray-50),var(--white));border-bottom:2px solid var(--gray-200)}.admin-table th{padding:var(--space-5)var(--space-6);text-align:left;color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px;font-size:.8125rem;font-weight:600;font-family:var(--font-display)}.admin-table td{padding:var(--space-5)var(--space-6);border-bottom:1px solid var(--gray-100);color:var(--text-primary);vertical-align:middle;font-size:.9375rem}.admin-table tbody tr{transition:all var(--transition-fast);border-left:3px solid #0000}.admin-table tbody tr:hover{background:var(--gray-50);border-left-color:var(--primary);transform:translate(2px)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table td>div{gap:var(--space-1);flex-direction:column;display:flex}.admin-table td:last-child{text-align:center;white-space:nowrap;width:auto;min-width:180px;padding:var(--space-4)}.admin-table td:last-child>div{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:nowrap;flex-direction:row!important;display:flex!important}.admin-table td:last-child .action-buttons-icon{justify-content:center;align-items:center;gap:var(--space-2);flex-flow:row;width:100%;display:flex}.action-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.action-buttons-icon{gap:var(--space-2);white-space:nowrap;flex-flow:row;justify-content:center;align-items:center;width:100%;display:flex}.icon-btn{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn.chat-btn{color:var(--primary);border-color:var(--primary-light);background:var(--primary-light)}.icon-btn.chat-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}.icon-btn:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.icon-btn:active:not(:disabled){box-shadow:none;transform:translateY(0)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.view-btn{color:var(--text-primary)}.icon-btn.view-btn:hover:not(:disabled){color:var(--primary);background:#007aff14;border-color:#007aff33}.icon-btn.edit-btn{color:var(--text-primary)}.icon-btn.edit-btn:hover:not(:disabled){color:var(--primary);background:#007aff14;border-color:#007aff33}.icon-btn.delete-btn{color:var(--text-secondary)}.icon-btn.delete-btn:hover:not(:disabled){color:var(--error);background:#ff3b3014;border-color:#ff3b3033}.icon-btn.block-btn{color:var(--text-secondary)}.icon-btn.block-btn:hover:not(:disabled){color:var(--warning);background:#ff950014;border-color:#ff950033}.icon-btn.unblock-btn{color:var(--text-secondary)}.icon-btn.unblock-btn:hover:not(:disabled){color:var(--success);background:#34c75914;border-color:#34c75933}.protected-badge{width:32px;height:32px;color:var(--text-tertiary);opacity:.4;justify-content:center;align-items:center;display:inline-flex}.btn-sm{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);min-height:auto;font-size:.75rem}.btn-danger{background:var(--error);color:var(--white)}.btn-danger:hover{box-shadow:var(--shadow-md);background:#e6352a;transform:translateY(-1px)}.btn-warning{background:var(--warning);color:var(--white)}.btn-warning:hover{box-shadow:var(--shadow-md);background:#e68800;transform:translateY(-1px)}.btn-success{background:var(--success);color:var(--white)}.btn-success:hover{box-shadow:var(--shadow-md);background:#2ab34a;transform:translateY(-1px)}.status-badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);text-transform:capitalize;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.sold{color:var(--gray-600);background:#8e8e931a}.status-badge.blocked{color:var(--error);background:#ff3b301a}.created-by-badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);text-transform:capitalize;white-space:nowrap;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.created-by-badge.admin-created{color:#007aff;background:#007aff1a;border:1px solid #007aff33}.created-by-badge.user-created{color:#34c759;background:#34c7591a;border:1px solid #34c75933}.created-by-badge svg{flex-shrink:0}.pagination{padding:var(--space-4)var(--space-6);border-top:1px solid var(--gray-200);background:var(--gray-50);justify-content:space-between;align-items:center;display:flex}.pagination-info{color:var(--text-secondary);font-size:.875rem}.pagination-controls{gap:var(--space-2);display:flex}.pagination-btn{padding:var(--space-2)var(--space-4);border:1px solid var(--gray-300);background:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);font-size:.875rem}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.empty-state{padding:var(--space-12);text-align:center;color:var(--text-secondary)}.empty-state-icon{margin-bottom:var(--space-4);opacity:.4;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:4rem;display:flex}.empty-state-icon svg{color:currentColor;stroke:currentColor;width:64px;height:64px}.empty-state h3{color:var(--text-primary);margin:0 0 var(--space-2)0;font-size:1.125rem;font-weight:600}.empty-state p{margin:0;font-size:.875rem}.listing-image-cell{width:80px;height:80px;padding:var(--space-2);justify-content:center;align-items:center;display:flex}.listing-image-cell.clickable{cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast);position:relative}.listing-image-cell.clickable:hover{background:var(--bg-secondary);transform:scale(1.05)}.listing-image-cell.clickable:hover .listing-thumbnail{box-shadow:0 4px 12px #00000026}.listing-image-cell.clickable:hover .listing-placeholder{color:var(--primary);transform:scale(1.1)}.listing-thumbnail{object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--gray-200);width:80px;height:80px;transition:all var(--transition-fast)}.listing-placeholder{background:var(--gray-100);border-radius:var(--radius-lg);border:1px solid var(--gray-200);width:80px;height:80px;color:var(--text-tertiary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.admin-listing-detail{max-width:1400px;margin:0 auto;padding:0}.detail-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:2px solid var(--gray-200);display:flex}.detail-header .detail-title{flex:1}.back-button{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 2px 4px #0000000d}.back-button:hover{background:var(--primary);border-color:var(--primary);color:var(--white);transform:translate(-2px);box-shadow:0 4px 12px #007aff4d}.back-button:active{transform:translate(-1px)}.back-button svg{transition:transform var(--transition-fast)}.back-button:hover svg{transform:translate(-2px)}.detail-title{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:2.25rem;font-weight:700;line-height:1.2}.detail-content{gap:var(--space-8);grid-template-columns:1fr 420px;align-items:start;display:grid}.detail-main{gap:var(--space-6);flex-direction:column;display:flex}.detail-images{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--gray-200);transition:box-shadow var(--transition-normal);box-shadow:0 4px 6px #0000000d}.detail-images:hover{box-shadow:0 10px 25px #00000014}.main-image-wrapper{aspect-ratio:1;width:100%;margin-bottom:var(--space-5);position:relative}.main-image{border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--gray-100)0%,var(--gray-50)100%);width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.main-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.main-image:hover img{transform:scale(1.05)}.image-nav-btn{border-radius:var(--radius-full);border:1px solid var(--gray-200);cursor:pointer;width:48px;height:48px;transition:all var(--transition-fast);z-index:10;color:var(--text-primary);background:#fffffff2;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.image-nav-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--white);transform:translateY(-50%)scale(1.1);box-shadow:0 4px 12px #007aff4d}.image-nav-btn.prev-btn{left:var(--space-4)}.image-nav-btn.next-btn{right:var(--space-4)}.image-counter{bottom:var(--space-4);right:var(--space-4);color:var(--white);padding:var(--space-2)var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;width:50px;font-size:.75rem;font-weight:600;position:absolute}.image-placeholder{width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;font-size:1rem;display:flex}.image-placeholder svg{opacity:.3;width:48px;height:48px}.image-thumbnails{gap:var(--space-3);flex-wrap:wrap;display:flex}.thumbnail{border-radius:var(--radius-lg);cursor:pointer;background:var(--gray-100);width:90px;height:90px;transition:all var(--transition-fast);border:3px solid #0000;padding:0;overflow:hidden;box-shadow:0 2px 4px #0000000d}.thumbnail:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 8px #007aff33}.thumbnail.active{border-color:var(--primary);box-shadow:0 0 0 3px #007aff1a}.thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-fast)}.thumbnail:hover img{transform:scale(1.1)}.detail-info{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--gray-200);box-shadow:0 4px 6px #0000000d}.info-section{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-200)}.info-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-section h2{color:var(--text-primary);margin:0 0 var(--space-5)0;letter-spacing:-.01em;align-items:center;gap:var(--space-2);font-size:1.5rem;font-weight:700;display:flex}.info-section h2:before{content:"";background:var(--primary);border-radius:var(--radius-full);width:4px;height:24px}.info-section p{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.7}.info-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.info-item{gap:var(--space-2);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;display:flex}.info-item:hover{background:var(--gray-50);transform:translateY(-2px)}.info-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;font-size:.75rem;font-weight:600}.info-value{color:var(--text-primary);font-size:1rem;font-weight:600}.info-item.price-item{background:linear-gradient(135deg,#007aff1a 0%,#007aff0d 100%);border:1px solid #007aff33}.info-item.price-item:hover{background:linear-gradient(135deg,#007aff26 0%,#007aff14 100%);border-color:#007aff4d}.price-value{color:var(--primary);font-size:1.5rem;font-weight:700}.detail-sidebar{gap:var(--space-6);flex-direction:column;display:flex;position:sticky;top:100px}.sidebar-card{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--gray-200);transition:all var(--transition-normal);box-shadow:0 4px 6px #0000000d}.sidebar-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.sidebar-card h3{color:var(--text-primary);margin:0 0 var(--space-5)0;letter-spacing:-.01em;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:2px solid var(--gray-200);font-size:1.125rem;font-weight:700;display:flex}.seller-info{align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.seller-info:hover{background:var(--bg-secondary)}.seller-avatar{border-radius:var(--radius-full);border:3px solid var(--gray-200);width:64px;height:64px;transition:all var(--transition-fast);flex-shrink:0;overflow:hidden}.seller-info:hover .seller-avatar{border-color:var(--primary);transform:scale(1.05)}.seller-avatar img{object-fit:cover;width:100%;height:100%}.seller-details{flex:1;min-width:0}.seller-name{color:var(--text-primary);margin-bottom:var(--space-1);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.seller-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.stat-item{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.stat-item:hover{background:var(--gray-100);transform:translate(4px)}.audit-log-list{gap:var(--space-4);flex-direction:column;display:flex}.audit-log-item{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border-left:3px solid var(--gray-300);transition:all var(--transition-fast)}.audit-log-item:hover{background:var(--gray-50);border-left-color:var(--primary)}.audit-log-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.audit-action{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.audit-action-created{color:#065f46;background:#d1fae5}.audit-action-updated{color:#1e40af;background:#dbeafe}.audit-action-deleted{color:#991b1b;background:#fee2e2}.audit-time{color:var(--text-secondary);font-size:.75rem;font-weight:500}.audit-admin{color:var(--text-primary);margin-bottom:var(--space-2);font-size:.875rem;font-weight:500}.audit-notes{color:var(--text-secondary);margin-top:var(--space-2);padding:var(--space-2);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-200);font-size:.875rem;line-height:1.5}.audit-changes{margin-top:var(--space-2)}.audit-changes details{font-size:.875rem}.audit-changes summary{color:var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.audit-changes summary:hover{color:var(--primary-dark)}.audit-changes pre{margin:0;padding:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.5}@media (max-width:1024px){.detail-content{grid-template-columns:1fr}.detail-sidebar{position:static}.detail-title{font-size:1.75rem}}@media (max-width:768px){.detail-header{margin-bottom:var(--space-6)}.detail-title{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.thumbnail{width:70px;height:70px}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.actions-grid{grid-template-columns:1fr}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--space-4)}.stat-value{font-size:2rem}.admin-table-header{align-items:stretch;gap:var(--space-3);flex-direction:column}.admin-table-title{font-size:1.25rem}.admin-table-controls{flex-direction:column;width:100%}.search-input-wrapper,.filter-select-wrapper{width:100%}.search-input{width:100%;min-width:auto}.filter-select{width:100%}.admin-table{font-size:.8125rem}.admin-table th,.admin-table td{padding:var(--space-2)var(--space-3);font-size:.8125rem}.admin-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.listing-image-cell{width:60px;height:60px}.action-buttons-icon{gap:var(--space-1)}.pagination{gap:var(--space-3);padding:var(--space-3);flex-direction:column;align-items:stretch}.pagination-info{text-align:center;font-size:.8125rem}.pagination-controls{flex-wrap:wrap;justify-content:center}.quick-actions{padding:var(--space-4)}.section-title{font-size:1.125rem}}@media (max-width:640px){.stat-icon{width:50px;height:50px}.stat-icon svg{width:24px;height:24px}.stat-value{font-size:1.75rem}.admin-table th,.admin-table td{padding:var(--space-2);font-size:.75rem}.admin-table th:nth-child(n+5),.admin-table td:nth-child(n+5){display:none}.listing-thumbnail{display:block}.pagination-btn{padding:var(--space-1)var(--space-2);font-size:.8125rem}}@media (max-width:480px){.stat-card{padding:var(--space-3);gap:var(--space-3)}.stat-icon{width:45px;height:45px}.stat-value{font-size:1.5rem}.admin-table-header{padding:var(--space-3)}.admin-table-title{font-size:1.125rem}}.listings-charts{margin-bottom:var(--space-6)}.chart-row{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(450px,1fr));display:grid}.chart-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.chart-header{margin-bottom:var(--space-5)}.chart-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:1rem;font-weight:600}.portfolio-summary{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.summary-box{background:var(--bg-secondary);padding:var(--space-3);border-radius:var(--radius-md);gap:var(--space-1);flex-direction:column;display:flex}.summary-box.highlight{color:#fff;background:#007aff}.summary-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.summary-box.highlight .summary-label{color:#fffc}.summary-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.summary-box.highlight .summary-value{color:#fff}.donut-chart-container{margin:var(--space-4)0;justify-content:center;align-items:center;height:200px;display:flex;position:relative}.donut-center-text{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.donut-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.donut-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.category-legend{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.legend-row{padding:var(--space-2)0;justify-content:space-between;align-items:center;display:flex}.legend-left{align-items:center;gap:var(--space-2);display:flex}.legend-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.legend-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.legend-percentage{color:var(--text-secondary);font-size:.875rem;font-weight:600}@media (max-width:1200px){.chart-row{grid-template-columns:1fr}}@media (max-width:768px){.listings-charts{margin-bottom:var(--space-4)}.chart-row{gap:var(--space-4)}.chart-card{padding:var(--space-4)}.chart-header{margin-bottom:var(--space-3)}.chart-title{font-size:.875rem}.portfolio-summary{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:1fr}.summary-box{padding:var(--space-2)}.summary-label{font-size:.6875rem}.summary-value{font-size:.8125rem}.donut-chart-container{height:180px;margin:var(--space-3)0}.donut-value{font-size:1.125rem}.category-legend{gap:var(--space-1)}.legend-row{padding:var(--space-1)0}.legend-name,.legend-percentage{font-size:.8125rem}}@media (max-width:640px){.chart-card{padding:var(--space-3)}.chart-title{font-size:.8125rem}.portfolio-summary{gap:var(--space-1)}.summary-box{padding:var(--space-2)var(--space-1)}.donut-chart-container{height:150px}.donut-value{font-size:1rem}.donut-label{font-size:.6875rem}.category-legend{font-size:.75rem}}@media (max-width:480px){.chart-card{padding:var(--space-2)}.donut-chart-container{height:120px}.donut-value{font-size:.875rem}}.admin-profile-page{gap:var(--space-6);flex-direction:column;display:flex}.profile-header-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);margin-bottom:var(--space-2);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.profile-header-background{background:var(--primary);z-index:0;height:140px;position:absolute;top:0;left:0;right:0}.profile-header-content{z-index:1;padding:var(--space-8);align-items:flex-start;gap:var(--space-8);flex-direction:row;margin-top:60px;display:flex;position:relative}@media (min-width:769px){.profile-header-content{padding:var(--space-8)var(--space-8)var(--space-8)}}@media (max-width:768px){.profile-header-content{justify-content:center}}.profile-avatar-container{flex-direction:column;flex-shrink:0;align-items:flex-start;display:flex;position:relative}.profile-avatar-large{border-radius:var(--radius-full);border:5px solid var(--white);background:var(--white);width:140px;height:140px;margin-bottom:var(--space-4);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001f}.profile-avatar-large img{object-fit:cover;border-radius:var(--radius-full);width:100%;height:100%;display:block}.avatar-status-indicator{border:3px solid var(--white);z-index:2;background:#4caf50;border-radius:50%;width:24px;height:24px;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #0003}.avatar-upload-overlay{border-radius:var(--radius-full);z-index:3;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar-upload-spinner{border:3px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.profile-photo-section{flex-direction:column;width:100%;max-width:100%;display:flex}.photo-section-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-200)}.photo-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.9375rem;font-weight:600}.profile-photo-actions{gap:var(--space-4);flex-direction:row;width:100%;display:flex}.photo-action-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-5);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);letter-spacing:.01em;border:1px solid #0000;flex:1;min-height:48px;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.photo-action-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.photo-action-btn.primary{background:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:0 2px 4px #007aff33}.photo-action-btn.primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #007aff4d}.photo-action-btn.primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #007aff33}.photo-action-btn.danger{background:var(--white);color:#f44336;border-color:#e0e0e0;box-shadow:0 1px 3px #00000014}.photo-action-btn.danger:hover:not(:disabled){color:#d32f2f;background:#fff5f5;border-color:#f44336;transform:translateY(-1px);box-shadow:0 2px 6px #f4433626}.photo-action-btn.danger:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #00000014}.photo-action-btn svg{stroke:currentColor;stroke-width:2.5px;flex-shrink:0;width:18px;height:18px}.profile-header-info{width:100%;padding-top:var(--space-4);padding-bottom:var(--space-4);text-align:left}.profile-name{color:var(--text-primary);margin:0 0 var(--space-3);letter-spacing:-.02em;font-size:2rem;font-weight:700}.profile-meta{justify-content:flex-start;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.role-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);color:var(--primary);border-radius:var(--radius-full);background:#007aff1a;font-size:.875rem;font-weight:600;display:inline-flex}.role-badge svg{stroke:currentColor;stroke-width:2.5px;width:16px;height:16px}.profile-divider{color:var(--text-secondary);font-size:1.25rem}.profile-email{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.9375rem;display:inline-flex}.profile-email svg{stroke:currentColor;stroke-width:2px;width:18px;height:18px}.profile-content-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.profile-info-card,.profile-status-card,.profile-stats-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--gray-200);transition:all var(--transition-normal);box-shadow:0 2px 8px #0000000f}.profile-info-card:hover,.profile-status-card:hover,.profile-stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--gray-100);display:flex}.card-header-icon{border-radius:var(--radius-lg);background:var(--primary);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.card-header-icon svg{width:20px;height:20px;stroke:var(--white);stroke-width:2.5px}.card-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:600}.info-list{gap:var(--space-4);flex-direction:column;display:flex}.info-row{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);transition:background-color var(--transition-fast);display:flex}.info-row:hover{background:var(--bg-secondary)}.info-icon{border-radius:var(--radius-lg);background:#f3f4f6;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.info-icon svg{width:20px;height:20px;stroke:var(--text-secondary);stroke-width:2px}.info-content{flex:1;min-width:0}.info-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1);font-size:.8125rem;font-weight:600}.info-value{color:var(--text-primary);word-break:break-word;font-size:.9375rem;font-weight:500}.status-list{gap:var(--space-4);flex-direction:column;display:flex}.status-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);transition:background-color var(--transition-fast);display:flex}.status-item:hover{background:var(--bg-secondary)}.status-icon-wrapper{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.status-icon-wrapper.active{background:#e8f5e9}.status-icon-wrapper.active svg{stroke:#4caf50;stroke-width:2.5px}.status-icon-wrapper.verified{background:#e3f2fd}.status-icon-wrapper.verified svg{stroke:#2196f3;stroke-width:2.5px}.status-icon-wrapper.unverified{background:#fff3e0}.status-icon-wrapper.unverified svg{stroke:#ff9800;stroke-width:2.5px}.status-content{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.status-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem;font-weight:600}.status-badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);width:fit-content;font-size:.8125rem;font-weight:600;display:inline-block}.status-badge.verified{color:#2196f3;background:#e3f2fd}.status-badge.unverified{color:#ff9800;background:#fff3e0}.stats-list{gap:var(--space-4);flex-direction:column;display:flex}.stat-item{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);transition:background-color var(--transition-fast);display:flex}.stat-item:hover{background:var(--bg-secondary)}.stat-icon-wrapper{border-radius:var(--radius-lg);background:var(--primary);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrapper svg{width:24px;height:24px;stroke:var(--white);stroke-width:2px}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2);font-size:.8125rem;font-weight:600}.stat-value{color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.4}.admin-settings-page{gap:var(--space-6);flex-direction:column;display:flex}.settings-header-section{margin-bottom:var(--space-2)}.settings-main-title{color:var(--text-primary);margin:0 0 var(--space-2);letter-spacing:-.02em;font-size:1.875rem;font-weight:700}.settings-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.settings-sections{gap:var(--space-6);flex-direction:column;display:flex}.settings-section-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--gray-200);box-shadow:0 2px 8px #00000014}.settings-section-header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-200);display:flex}.settings-section-header .section-icon{border-radius:var(--radius-lg);background:var(--primary);width:48px;height:48px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-section-header .section-icon svg{stroke:currentColor;width:24px;height:24px}.settings-section-header .section-title{color:var(--text-primary);margin:0 0 var(--space-1);font-size:1.25rem;font-weight:600}.settings-section-header .section-description{color:var(--text-secondary);margin:0;font-size:.875rem}.settings-form{gap:var(--space-5);flex-direction:column;display:flex}.settings-form .form-group{gap:var(--space-2);flex-direction:column;display:flex}.settings-form .form-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.settings-form .form-input{width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--text-primary);background:var(--white);transition:all var(--transition-fast);font-size:1rem}.settings-form .form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007aff1a}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:48px}.password-toggle{right:var(--space-3);cursor:pointer;padding:var(--space-1);color:var(--text-secondary);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.password-toggle:hover{color:var(--text-primary)}.settings-form .form-hint{color:var(--text-secondary);font-size:.875rem}.settings-form .message{padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500}.settings-form .message.success{color:#4caf50;background:#e8f5e9;border:1px solid #4caf50}.settings-form .message.error{color:#f44336;background:#ffebee;border:1px solid #f44336}.settings-form .form-actions{margin-top:var(--space-2)}.settings-form .btn{padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:var(--space-2);border:none;justify-content:center;font-size:1rem;font-weight:600;display:inline-flex}.settings-form .btn-primary{background:var(--primary);color:var(--white)}.settings-form .btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.settings-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.settings-form .spinner{width:16px;height:16px;animation:.8s linear infinite spin}@media (max-width:768px){.profile-header-content{text-align:center;padding:var(--space-6);flex-direction:column;align-items:center;margin-top:40px}.profile-header-info{text-align:center}.profile-meta{justify-content:center}.profile-avatar-container{align-items:center}.profile-avatar-large{width:120px;height:120px}.profile-name{font-size:1.5rem}.profile-content-grid{grid-template-columns:1fr}.info-row,.status-item,.stat-item{flex-direction:column;align-items:flex-start}.info-icon,.status-icon-wrapper,.stat-icon-wrapper{width:36px;height:36px}.settings-section-header{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.profile-header-background{height:120px}.profile-header-content{padding:var(--space-4);margin-top:30px}.profile-avatar-large{border-width:3px;width:100px;height:100px}.avatar-upload-button{width:32px;height:32px;bottom:-6px;right:-6px}.avatar-upload-button svg{width:16px;height:16px}.profile-name{font-size:1.25rem}.profile-info-card,.profile-status-card,.profile-stats-card{padding:var(--space-4)}.profile-photo-section{max-width:100%}.profile-photo-actions{flex-direction:column}.photo-action-btn{width:100%}.profile-avatar-large{margin-bottom:var(--space-3)}}.admin-messages-container{background:var(--bg-primary);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.admin-messages-header{padding:var(--space-5);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;display:flex}.admin-messages-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.admin-messages-header p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.admin-messages-layout{flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.admin-conversations-sidebar{border-right:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;width:350px;min-width:280px;max-width:400px;height:100%;min-height:0;display:flex;overflow:hidden}.conversations-search{padding:var(--space-4);border-bottom:1px solid var(--border-color);align-items:center;gap:var(--space-2);background:var(--bg-primary);display:flex}.conversations-search .search-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.conversations-search input{border:1px solid var(--border-color);padding:var(--space-2)var(--space-3);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;flex:1;font-size:.875rem}.conversations-search input:focus{border-color:var(--primary-color);outline:none}.conversations-selection-controls{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--bg-secondary);flex-wrap:wrap;display:flex}.select-all-label{align-items:center!important;gap:var(--space-2)!important;cursor:pointer!important;color:var(--text-primary)!important;margin:0!important;font-size:.875rem!important;display:flex!important}.select-all-label input[type=checkbox]{cursor:pointer!important;width:18px!important;height:18px!important;margin:0!important}.btn-danger{color:#fff!important;padding:var(--space-2)var(--space-3)!important;cursor:pointer!important;background:#ff3b30!important;border:none!important;border-radius:6px!important;font-size:.875rem!important;font-weight:500!important;transition:background-color .2s!important}.btn-danger:hover:not(:disabled){background:#d32f2f!important}.btn-sm{padding:var(--space-1)var(--space-2)!important;font-size:.8125rem!important}.conversations-list{padding:var(--space-2);-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:0 0}.conversations-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.conversation-item{align-items:center;gap:var(--space-2);padding:var(--space-3);cursor:pointer;margin-bottom:var(--space-2);border-radius:8px;transition:all .2s;display:flex;position:relative}.conversation-item:hover{background:var(--bg-hover)}.conversation-item.active{background:var(--primary-color-light)}.conversation-item.checked{background:#007aff1a;border:1px solid #007aff4d}.conversation-checkbox{cursor:pointer!important;pointer-events:auto!important;flex-shrink:0!important;width:18px!important;height:18px!important;margin:0!important}.conversation-avatar{border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.conversation-avatar img{object-fit:cover;width:100%;height:100%}.conversation-content{flex:1;min-width:0;position:relative}.conversation-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.conversation-header h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:.9375rem;font-weight:600;overflow:hidden}.conversation-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.conversation-delete-btn{padding:var(--space-1);cursor:pointer;color:var(--text-secondary);opacity:0;pointer-events:auto;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.conversation-item:hover .conversation-delete-btn{opacity:1}.conversation-delete-btn:hover{color:#ff3b30;background:#ff3b301a}.conversation-time{color:var(--text-secondary);white-space:nowrap;font-size:.75rem}.conversation-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;overflow:hidden}.unread-badge{background:var(--primary-color);color:#fff;text-align:center;border-radius:10px;min-width:20px;padding:2px 6px;font-size:.75rem;font-weight:600;position:absolute;top:0;right:0}.admin-chat-interface{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.chat-header{padding:var(--space-4);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;min-height:80px;display:flex}.chat-user-info{align-items:center;gap:var(--space-3);display:flex}.chat-avatar{border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.chat-avatar img{object-fit:cover;width:100%;height:100%}.chat-details h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.chat-status{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.messages-area{background:var(--bg-primary);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.messages-list{padding:var(--space-4);gap:var(--space-3);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:0 0}.messages-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.messages-list::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.message{width:100%;display:flex}.message.me{justify-content:flex-end}.message.other{justify-content:flex-start}.message-bubble{max-width:70%;padding:var(--space-3)var(--space-4);border-radius:12px;box-shadow:0 1px 2px #0000001a}.message.me .message-bubble{color:#fff!important;background:#007aff!important}.message.me .message-bubble .message-text{color:#fff!important}.message.me .message-bubble .message-time{color:#fffc!important}.message.other .message-bubble{color:#000!important;background:#f1f1f1!important}.message.other .message-bubble .message-text{color:#000!important}.message.other .message-bubble .message-time{color:#0009!important}.message-text{margin:0 0 var(--space-1)0;word-wrap:break-word;white-space:pre-wrap;color:inherit;font-size:.9375rem;line-height:1.5}.message-time{text-align:right;color:inherit;font-size:.75rem;display:block}.message-input-container{padding:var(--space-4);border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.message-input-wrapper{gap:var(--space-2);align-items:flex-end;display:flex}.message-input{border:1px solid var(--border-color);padding:var(--space-3);background:var(--bg-primary);color:var(--text-primary);resize:none;word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word;border-radius:12px;flex:1;min-height:44px;max-height:150px;font-family:inherit;font-size:.9375rem;overflow-y:auto}.message-input::-webkit-scrollbar{width:4px}.message-input::-webkit-scrollbar-track{background:0 0}.message-input::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.message-input:focus{border-color:var(--primary-color);outline:none}.send-button{cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .2s;display:flex;color:#fff!important;background:#007aff!important}.send-button:hover:not(:disabled){background:#0056cc!important}.send-button:disabled{opacity:.6;cursor:not-allowed;background:silver!important}.send-button:not(:disabled){background:#007aff!important}.send-button svg{width:20px;height:20px}.no-conversation-selected{padding:var(--space-6);text-align:center;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.no-conversation-icon{margin-bottom:var(--space-4);font-size:4rem}.no-conversation-selected h3{margin:0 0 var(--space-2)0;color:var(--text-primary);font-size:1.25rem}.no-conversation-selected p{max-width:400px;margin:0;font-size:.9375rem}.loading-state,.empty-state{padding:var(--space-6);text-align:center;color:var(--text-secondary)}.empty-icon{margin-bottom:var(--space-3);font-size:3rem}.admin-bulk-modal{flex-direction:column;width:90%;max-width:600px;max-height:90vh;display:flex}.admin-bulk-modal .modal-body{padding:var(--space-5);flex:1;overflow-y:auto}.admin-bulk-modal .form-group{margin-bottom:var(--space-4)}.admin-bulk-modal .form-group label{margin-bottom:var(--space-2);color:var(--text-primary);font-weight:500;display:block}.send-to-all-label{align-items:center!important;gap:var(--space-2)!important;cursor:pointer!important;padding:var(--space-2)0!important;width:auto!important;max-width:fit-content!important;display:flex!important}.send-to-all-label input[type=checkbox]{cursor:pointer!important;flex-shrink:0!important;width:18px!important;height:18px!important;margin:0!important}.send-to-all-label span{color:var(--text-primary);white-space:nowrap;font-size:.9375rem}.send-to-all-help-text{line-height:1.5;margin-top:var(--space-2)!important;color:var(--text-secondary)!important;margin-bottom:0!important;font-size:.875rem!important}.users-selection-list{border:1px solid var(--border-color);max-height:400px;padding:var(--space-2);background:var(--bg-primary);border-radius:8px;overflow-y:auto}.user-selection-item{align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;margin-bottom:var(--space-1);-webkit-user-select:none;user-select:none;border-radius:8px;transition:background-color .2s;display:flex;position:relative}.user-selection-item:hover{background:var(--bg-hover)}.user-selection-item.selected{background:var(--primary-color-light)}.user-selection-item input[type=checkbox]{cursor:pointer;pointer-events:auto;z-index:10;flex-shrink:0;width:18px;height:18px;margin:0;position:relative}.user-selection-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.user-selection-avatar img{object-fit:cover;width:100%;height:100%}.user-selection-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-selection-name{color:var(--text-primary);font-size:.9375rem;font-weight:500}.user-selection-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}@media (max-width:1024px){.admin-messages-layout{flex-direction:column;height:calc(100vh - 200px);min-height:0}.admin-conversations-sidebar{border-right:none;border-bottom:1px solid var(--border-color);flex-shrink:0;width:100%;min-height:200px;max-height:40vh}.admin-chat-interface{flex:1;width:100%;height:auto;min-height:0}}@media (max-width:768px){.admin-messages-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.admin-messages-header{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border-color);flex-direction:column;flex-shrink:0}.admin-messages-header h2{font-size:1.25rem}.admin-messages-header p{font-size:.8125rem}.admin-messages-header .btn{width:100%;padding:var(--space-2)var(--space-3);justify-content:center;font-size:.875rem}.admin-messages-layout{flex-direction:column;flex:1;min-height:0;overflow:hidden}.admin-conversations-sidebar{border-right:none;border-bottom:1px solid var(--border-color);flex-shrink:0;width:100%;min-height:200px;max-height:40vh}.conversations-selection-controls{padding:var(--space-2)var(--space-3);flex-direction:column;flex-shrink:0;align-items:stretch}.conversations-selection-controls .btn-danger{width:100%;padding:var(--space-2);font-size:.8125rem}.conversation-item{padding:var(--space-2)var(--space-3)}.conversation-avatar{width:40px;height:40px}.conversation-delete-btn{opacity:1}.admin-chat-interface{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-header{padding:var(--space-3);flex-shrink:0;min-height:70px}.chat-header h3{font-size:.9375rem}.chat-status{font-size:.8125rem}.chat-avatar{width:40px;height:40px}.messages-area{flex:1;min-height:0;overflow:hidden}.messages-list{padding:var(--space-3)}.message-bubble{max-width:85%;padding:var(--space-2)var(--space-3);font-size:.875rem}.message-input-container{padding:var(--space-3);flex-shrink:0}.message-input{padding:var(--space-2)var(--space-3);min-height:40px;font-size:.875rem}.send-button{width:40px;min-width:40px;height:40px}.admin-bulk-modal{width:95%;max-height:95vh;padding:var(--space-4)}.users-selection-list{-webkit-overflow-scrolling:touch;max-height:50vh;overflow-y:auto}}@media (max-width:640px){.admin-info{gap:var(--space-2)}.admin-chat-icon-btn{padding:var(--space-1)}.admin-chat-icon-btn svg{width:18px;height:18px}.admin-chat-badge{min-width:16px;padding:1px 5px;font-size:.65rem;top:-2px;right:-2px}.admin-messages-header{padding:var(--space-3)}.admin-messages-header h2{font-size:1.25rem}.admin-messages-header p{font-size:.875rem}.admin-messages-layout{height:calc(100vh - 140px)}.admin-conversations-sidebar{min-height:180px;max-height:30vh}.conversations-search{padding:var(--space-3);flex-shrink:0}.conversations-selection-controls{padding:var(--space-2)var(--space-3);flex-shrink:0}.select-all-label{font-size:.8125rem!important}.conversation-item{gap:var(--space-2)}.conversation-checkbox{width:16px!important;height:16px!important}.conversation-avatar{width:36px;height:36px}.conversation-header h3{font-size:.875rem}.conversation-preview{font-size:.8125rem}.conversation-time{font-size:.75rem}.admin-chat-interface{flex:1;min-height:0}.messages-area{padding:var(--space-2)}.message-bubble{max-width:85%;padding:var(--space-2)var(--space-3);font-size:.875rem}.admin-chat-input-area{padding:var(--space-2)}.admin-chat-input-area textarea{padding:var(--space-2);font-size:.875rem}.admin-chat-input-area .btn{padding:var(--space-2)var(--space-3);font-size:.875rem}}@media (max-width:480px){.admin-messages-container{flex-direction:column;height:100vh;padding:0;display:flex;overflow:hidden}.admin-messages-header{padding:var(--space-2)var(--space-3);flex-shrink:0}.admin-messages-header h2{font-size:1.125rem}.admin-messages-header p{font-size:.75rem}.admin-messages-layout{flex:1;min-height:0;overflow:hidden}.admin-conversations-sidebar{min-height:180px;max-height:35vh}.conversations-search{padding:var(--space-2)var(--space-3)}.conversations-selection-controls{padding:var(--space-2)}.admin-chat-interface{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-header{padding:var(--space-2)var(--space-3);min-height:60px}.chat-header h3{font-size:.875rem}.chat-status{font-size:.75rem}.chat-avatar{width:36px;height:36px}.messages-area{flex:1;min-height:0;overflow:hidden}.messages-list{padding:var(--space-2)}.message-bubble{max-width:90%;padding:var(--space-2);font-size:.8125rem}.message-text{font-size:.8125rem}.message-time{font-size:.6875rem}.message-input-container{padding:var(--space-2)}.message-input{padding:var(--space-2);min-height:36px;max-height:120px;font-size:.8125rem}.send-button{width:36px;min-width:36px;height:36px}.admin-bulk-modal{width:98%;padding:var(--space-3);max-height:90vh}.users-selection-list{-webkit-overflow-scrolling:touch;max-height:40vh;overflow-y:auto}}.admin-billboards{padding:var(--space-6)}.admin-section-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.admin-section-header>div{flex:1}.admin-section-header h2{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700}.admin-section-header p{color:var(--text-secondary);margin:0;font-size:.9375rem}.admin-error-message{border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);background:#fef2f2;border:1px solid #fecaca;display:flex}.admin-error-message p{color:#dc2626;margin:0}.admin-error-message button{padding:var(--space-2)var(--space-4);color:var(--white);border-radius:var(--radius-md);cursor:pointer;background:#dc2626;border:none;font-weight:500}.billboards-list{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.billboard-form-container{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.form-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.form-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.btn-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:2rem;display:flex}.btn-close:hover{background:var(--gray-100);color:var(--text-primary)}.billboard-form-inline{gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gray-200);flex-direction:column;display:flex}.billboard-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.billboard-card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.billboard-card-header h3{color:var(--text-primary);margin:0 0 var(--space-1)0;font-size:1.125rem;font-weight:600}.billboard-order{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.status-badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;font-size:.75rem;font-weight:600}.status-badge.active{color:#065f46;background:#d1fae5}.status-badge.inactive{color:#991b1b;background:#fee2e2}.billboard-preview{margin-bottom:var(--space-4)}.billboard-preview img{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:200px;margin-bottom:var(--space-3)}.billboard-placeholder{background:var(--bg-secondary);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:200px;color:var(--text-tertiary);margin-bottom:var(--space-3);flex-direction:column;display:flex}.billboard-placeholder svg{width:48px;height:48px}.billboard-preview-content{padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md)}.billboard-preview-content h4{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1rem;font-weight:600}.billboard-preview-content p{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.875rem}.billboard-preview-content a{color:var(--primary);font-size:.875rem;font-weight:500;text-decoration:none}.billboard-actions{gap:var(--space-3);display:flex}.btn-edit,.btn-delete,.btn-save,.btn-cancel{padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500}.btn-edit,.btn-save{background:var(--primary);color:var(--white)}.btn-edit:hover,.btn-save:hover{background:var(--primary-dark)}.btn-delete{color:var(--white);background:#dc2626}.btn-delete:hover{background:#b91c1c}.btn-cancel{background:var(--gray-200);color:var(--text-primary)}.btn-cancel:hover{background:var(--gray-300)}.billboard-form{gap:var(--space-4);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-group input[type=text],.form-group input[type=url],.form-group textarea{padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-family:inherit;font-size:.9375rem}.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007aff1a}.form-group input[type=file]{padding:var(--space-2)}.checkbox-group label{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}.image-preview{margin-top:var(--space-2)}.image-preview img{border-radius:var(--radius-md);border:1px solid var(--gray-200);width:100%;max-width:300px;height:auto}.image-preview p{color:var(--text-secondary);margin-top:var(--space-1);font-size:.75rem}.form-actions{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--gray-200);justify-content:flex-end;display:flex}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:var(--space-12)var(--space-6);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl)}.empty-state svg{width:64px;height:64px;color:var(--text-tertiary);margin-bottom:var(--space-4)}.empty-state h3{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.25rem;font-weight:600}.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-6)}@media (max-width:1024px){.billboards-list{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-billboards{padding:var(--space-4)}.admin-section-header{flex-direction:column}.billboard-form-container{padding:var(--space-4)}.billboards-list{gap:var(--space-4);grid-template-columns:1fr}}.dark-mode .stat-card:hover{box-shadow:0 4px 12px #0000004d}.dark-mode .admin-card,.dark-mode .admin-table{background:#1d1d1f;border-color:#374151}.dark-mode .admin-table th{color:#fff;background:#121212;border-color:#374151}.dark-mode .admin-table td{color:#fff;border-color:#374151}.dark-mode .admin-table tr:hover{background:#374151}.dark-mode .btn-primary{color:#fff;background:#007aff}.dark-mode .btn-primary:hover:not(:disabled){background:#0056cc}.dark-mode .btn-secondary{color:#fff;background:#374151;border-color:#4b5563}.dark-mode .btn-secondary:hover{background:#4b5563;border-color:#6b7280}.dark-mode .btn-danger{color:#fff;background:#ff3b30}.dark-mode .btn-danger:hover{background:#d32f2f}.dark-mode .btn-outline{color:#007aff;background:0 0;border-color:#007aff}.dark-mode .btn-outline:hover{color:#fff;background:#007aff}.dark-mode .admin-input,.dark-mode .admin-select,.dark-mode .admin-textarea{color:#fff;background:#121212;border-color:#374151}.dark-mode .admin-input:focus,.dark-mode .admin-select:focus,.dark-mode .admin-textarea:focus{background:#1d1d1f;border-color:#007aff}.dark-mode .admin-input::placeholder,.dark-mode .admin-textarea::placeholder{color:#6b7280}.dark-mode .admin-label{color:#fff}.dark-mode .badge-success{color:#34c759;background:#34c75933}.dark-mode .badge-warning{color:#ff9500;background:#ff950033}.dark-mode .badge-danger{color:#ff3b30;background:#ff3b3033}.dark-mode .badge-info{color:#007aff;background:#007aff33}.dark-mode .delete-confirmation-icon{background:#ff3b3033}.dark-mode .delete-confirmation-title{color:#fff}.dark-mode .delete-confirmation-message{color:#a1a1a6}.dark-mode .delete-confirmation-btn.cancel-btn{color:#fff;background:#374151;border-color:#4b5563}.dark-mode .delete-confirmation-btn.cancel-btn:hover{background:#4b5563;border-color:#6b7280}.dark-mode .text-primary{color:#fff}.dark-mode .text-secondary{color:#a1a1a6}.dark-mode .text-tertiary{color:#6b7280}.dark-mode a{color:#007aff}.dark-mode a:hover{color:#4da6ff}.dark-mode .empty-state{color:#a1a1a6}.dark-mode .empty-state-title{color:#fff}.dark-mode .pagination{background:#1d1d1f;border-color:#374151}.dark-mode .pagination-button{color:#fff;background:#121212;border-color:#374151}.dark-mode .pagination-button:hover:not(:disabled){background:#374151;border-color:#007aff}.dark-mode .pagination-button.active{color:#fff;background:#007aff;border-color:#007aff}.dark-mode .filter-select{color:#fff;background:#121212;border-color:#374151}.dark-mode .filter-select:focus{background:#1d1d1f;border-color:#007aff}.dark-mode .tooltip{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .dropdown-menu{background:#1d1d1f;border-color:#374151}.dark-mode .tab-button{color:#a1a1a6;border-bottom-color:#374151}.dark-mode .tab-button.active{color:#007aff;border-bottom-color:#007aff}.dark-mode .tab-button:hover{color:#fff}.dark-mode .alert{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .alert-success{color:#34c759;background:#34c75933;border-color:#34c759}.dark-mode .alert-error{color:#ff3b30;background:#ff3b3033;border-color:#ff3b30}.dark-mode .alert-warning{color:#ff9500;background:#ff950033;border-color:#ff9500}.dark-mode .alert-info{color:#007aff;background:#007aff33;border-color:#007aff}.dark-mode .stat-card[style*=background],.dark-mode .stat-card[style*=backgroundColor],.dark-mode [style*="background: white"],.dark-mode [style*="background: 'white'"],.dark-mode [style*="background: #fff"],.dark-mode [style*="background: #FFF"],.dark-mode [style*="background-color: white"],.dark-mode [style*="background-color: #fff"],.dark-mode [style*="background-color: #FFF"],.dark-mode [style*="backgroundColor: 'white'"],.dark-mode [style*="backgroundColor: '#fff'"],.dark-mode [style*="backgroundColor: white"],.dark-mode [style*="backgroundColor: '#FFF'"]{background:#1d1d1f!important;border-color:#374151!important}.dark-mode [style*="backgroundColor: '#fff'"],.dark-mode [style*="backgroundColor: '#FFF'"],.dark-mode [style*="backgroundColor: '#ffffff'"]{background:#1d1d1f!important}.dark-mode [style*="color: '#1f2937'"],.dark-mode [style*="color: #1f2937"],.dark-mode [style*="color: '#111827'"],.dark-mode [style*="color: #111827"]{color:#fff!important}.dark-mode [style*="color: '#6b7280'"],.dark-mode [style*="color: #6b7280"]{color:#a1a1a6!important}.dark-mode [style*="border: '1px solid #e5e7eb'"],.dark-mode [style*="border: 1px solid #e5e7eb"],.dark-mode [style*="borderColor: '#e5e7eb'"],.dark-mode [style*="borderColor: #e5e7eb"]{border-color:#374151!important}.dark-mode .stat-card[style]{background:#1d1d1f!important;border-color:#374151!important}.dark-mode .stat-card[style]>div>div[style*="color: '#1f2937'"],.dark-mode .stat-card[style]>div>div[style*="color: #1f2937"]{color:#fff!important}.dark-mode .stat-card[style]>div>div[style*="color: '#6b7280'"],.dark-mode .stat-card[style]>div>div[style*="color: #6b7280"]{color:#a1a1a6!important}.dark-mode button[style*="backgroundColor: 'white'"],.dark-mode button[style*="backgroundColor: white"],.dark-mode button[style*="background: 'white'"],.dark-mode button[style*="background: white"]{background:#1d1d1f!important;border-color:#374151!important}.dark-mode button[style*="border: '2px solid"]{border-color:#374151!important}.dark-mode [style*="background: white"][style*=borderRadius],.dark-mode [style*="backgroundColor: '#fff'"][style*=borderRadius]{background:#1d1d1f!important;border-color:#374151!important}.dark-mode [style*="backgroundColor: '#fff'"],.dark-mode [style*="backgroundColor: '#FFF'"],.dark-mode [style*="backgroundColor: '#ffffff'"],.dark-mode [style*="backgroundColor: #fff"],.dark-mode [style*="backgroundColor: #FFF"],.dark-mode [style*="backgroundColor: #ffffff"]{color:#fff!important;background:#1d1d1f!important}.dark-mode .recharts-tooltip-wrapper{background-color:#1d1d1f!important;border-color:#374151!important}.dark-mode .recharts-tooltip-wrapper *,.dark-mode .stat-card[style*="background: 'white'"]>div>div[style*="color: '#1f2937'"],.dark-mode .stat-card[style*="background: white"]>div>div[style*="color: #1f2937"],.dark-mode .stat-card[style*="background: 'white'"]>div>div[style*="color: '#6b7280'"],.dark-mode .stat-card[style*="background: white"]>div>div[style*="color: #6b7280"]{color:#fff!important}.dark-mode .stat-card[style*="background: 'white'"]>div>div[style*="color: '#6b7280'"],.dark-mode .stat-card[style*="background: white"]>div>div[style*="color: #6b7280"]{color:#a1a1a6!important}.dark-mode .admin-table thead{border-bottom-color:#374151;background:linear-gradient(#121212,#1d1d1f)!important}.dark-mode .admin-table th{color:#fff;border-color:#374151;background:#121212!important}.dark-mode .admin-table td{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .admin-table tbody tr{background:#1d1d1f;border-color:#374151}.dark-mode .admin-table tbody tr:hover{background:#374151}.dark-mode .admin-table tbody tr:last-child td{border-bottom-color:#374151}.dark-mode .action-buttons-icon{color:#a1a1a6}.dark-mode .action-buttons-icon:hover{color:#007aff;background:#374151}.dark-mode .icon-btn{color:#fff!important;background:#1d1d1f!important;border-color:#374151!important}.dark-mode .icon-btn svg{color:#fff!important;stroke:#fff!important;fill:none!important}.dark-mode .icon-btn:hover:not(:disabled){color:#fff!important;background:#374151!important;border-color:#4b5563!important}.dark-mode .icon-btn:hover:not(:disabled) svg{color:#fff!important;stroke:#fff!important}.dark-mode .icon-btn.view-btn{color:#fff!important;background:#1d1d1f!important;border-color:#374151!important}.dark-mode .icon-btn.view-btn svg{color:#fff!important;stroke:#fff!important}.dark-mode .icon-btn.view-btn:hover:not(:disabled){color:#007aff!important;background:#007aff1a!important;border-color:#007aff!important}.dark-mode .icon-btn.view-btn:hover:not(:disabled) svg{color:#007aff!important;stroke:#007aff!important}.dark-mode .icon-btn.edit-btn{color:#fff!important;background:#1d1d1f!important;border-color:#374151!important}.dark-mode .icon-btn.edit-btn svg{color:#fff!important;stroke:#fff!important}.dark-mode .icon-btn.edit-btn:hover:not(:disabled){color:#007aff!important;background:#007aff1a!important;border-color:#007aff!important}.dark-mode .icon-btn.edit-btn:hover:not(:disabled) svg{color:#007aff!important;stroke:#007aff!important}.dark-mode .icon-btn.delete-btn{color:#fff!important;background:#1d1d1f!important;border-color:#374151!important}.dark-mode .icon-btn.delete-btn svg{color:#fff!important;stroke:#fff!important}.dark-mode .icon-btn.delete-btn:hover:not(:disabled){color:#ff3b30!important;background:#ff3b301a!important;border-color:#ff3b30!important}.dark-mode .icon-btn.delete-btn:hover:not(:disabled) svg{color:#ff3b30!important;stroke:#ff3b30!important}.dark-mode .icon-btn.block-btn{color:#fff!important;background:#1d1d1f!important;border-color:#374151!important}.dark-mode .icon-btn.block-btn svg{color:#fff!important;stroke:#fff!important}.dark-mode .icon-btn.block-btn:hover:not(:disabled){color:#ff9500!important;background:#ff95001a!important;border-color:#ff9500!important}.dark-mode .icon-btn.block-btn:hover:not(:disabled) svg{color:#ff9500!important;stroke:#ff9500!important}.dark-mode .icon-btn.unblock-btn{color:#fff!important;background:#1d1d1f!important;border-color:#374151!important}.dark-mode .icon-btn.unblock-btn svg{color:#fff!important;stroke:#fff!important}.dark-mode .icon-btn.unblock-btn:hover:not(:disabled){color:#34c759!important;background:#34c7591a!important;border-color:#34c759!important}.dark-mode .icon-btn.unblock-btn:hover:not(:disabled) svg{color:#34c759!important;stroke:#34c759!important}.dark-mode .icon-btn.chat-btn{color:#007aff!important;background:#007aff1a!important;border-color:#007aff!important}.dark-mode .icon-btn.chat-btn svg{color:#007aff!important;stroke:#007aff!important}.dark-mode .icon-btn.chat-btn:hover:not(:disabled){color:#fff!important;background:#007aff!important;border-color:#007aff!important}.dark-mode .icon-btn.chat-btn:hover:not(:disabled) svg{color:#fff!important;stroke:#fff!important}.dark-mode .action-buttons-icon svg,.dark-mode .admin-table td svg{color:#fff!important;stroke:#fff!important;fill:none!important}.dark-mode .action-buttons-icon button:hover svg,.dark-mode .icon-btn[style*=color] svg{color:inherit!important;stroke:inherit!important}.dark-mode .icon-btn[style*="color: '#10b981'"],.dark-mode .icon-btn[style*="color: #10b981"]{color:#10b981!important;background:#10b9811a!important;border-color:#10b981!important}.dark-mode .icon-btn[style*="color: '#10b981'"] svg,.dark-mode .icon-btn[style*="color: #10b981"] svg{color:#10b981!important;stroke:#10b981!important}.dark-mode .icon-btn[style*="color: '#10b981'"]:hover:not(:disabled),.dark-mode .icon-btn[style*="color: #10b981"]:hover:not(:disabled){background:#10b98133!important;border-color:#10b981!important}.dark-mode .icon-btn[style*="color: '#ef4444'"],.dark-mode .icon-btn[style*="color: #ef4444"]{color:#ef4444!important;background:#ef44441a!important;border-color:#ef4444!important}.dark-mode .icon-btn[style*="color: '#ef4444'"] svg,.dark-mode .icon-btn[style*="color: #ef4444"] svg{color:#ef4444!important;stroke:#ef4444!important}.dark-mode .icon-btn[style*="color: '#ef4444'"]:hover:not(:disabled),.dark-mode .icon-btn[style*="color: #ef4444"]:hover:not(:disabled){background:#ef444433!important;border-color:#ef4444!important}.dark-mode .admin-table td .action-buttons-icon .icon-btn svg,.dark-mode .admin-table td .action-buttons-icon button svg{opacity:1!important;visibility:visible!important;display:block!important}.dark-mode .admin-table td:last-child svg,.dark-mode .admin-table .action-buttons-icon svg{color:#fff!important;stroke:#fff!important;fill:none!important}.dark-mode .admin-table td:last-child button,.dark-mode .admin-table td:last-child .icon-btn{background:#1d1d1f!important;border-color:#374151!important}.dark-mode .admin-table td:last-child button svg,.dark-mode .admin-table td:last-child .icon-btn svg{color:#fff!important;stroke:#fff!important}.dark-mode .admin-content-wrapper,.dark-mode body,.dark-mode html{background:#121212}.dark-mode .admin-panel *{--white:#1d1d1f}.dark-mode .admin-panel [class*=card],.dark-mode .admin-panel [class*=Card]{background:#1d1d1f!important;border-color:#374151!important}.dark-mode .quick-actions{background:#1d1d1f;border-color:#374151}.dark-mode .action-card{background:#121212;border-color:#374151}.dark-mode .action-card:hover{background:#1d1d1f;border-color:#007aff}.dark-mode .action-card h3{color:#fff}.dark-mode .action-card p{color:#a1a1a6}.dark-mode .action-icon,.dark-mode .admin-loading-state,.dark-mode .admin-error-state{background:#1d1d1f;border-color:#374151}.dark-mode .admin-loading-state p,.dark-mode .admin-error-state p{color:#a1a1a6}.dark-mode .admin-table-container{background:#1d1d1f;border-color:#374151}.dark-mode .admin-table-header{background:#121212;border-bottom-color:#374151}.dark-mode .admin-table-title{color:#fff}.dark-mode .search-input{color:#fff;background:#121212;border-color:#374151}.dark-mode .search-input:focus{background:#1d1d1f;border-color:#007aff}.dark-mode .search-icon{color:#6b7280}.dark-mode .admin-table-row{border-color:#374151}.dark-mode .admin-table-row:hover{background:#374151}.dark-mode .admin-table-cell{color:#fff;border-color:#374151}.dark-mode .admin-panel-card,.dark-mode .admin-section-card{background:#1d1d1f;border-color:#374151}.dark-mode .form-group-wrapper{background:#1d1d1f}.dark-mode .status-badge{color:#fff;background:#374151}.dark-mode .status-badge.approved{color:#34c759;background:#34c75933}.dark-mode .status-badge.pending{color:#ff9500;background:#ff950033}.dark-mode .status-badge.rejected{color:#ff3b30;background:#ff3b3033}.dark-mode .user-card{background:#1d1d1f;border-color:#374151}.dark-mode .user-card:hover{background:#374151}.dark-mode .listing-card-admin{background:#1d1d1f;border-color:#374151}.dark-mode .listing-card-admin:hover{background:#374151;border-color:#4b5563}.dark-mode .image-container,.dark-mode .image-preview{background:#121212;border-color:#374151}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6{color:#fff}.dark-mode p{color:#a1a1a6}.dark-mode .input-group{background:#121212}.dark-mode .input-group input,.dark-mode .input-group select,.dark-mode .input-group textarea,.dark-mode select{color:#fff;background:#121212;border-color:#374151}.dark-mode select option{color:#fff;background:#1d1d1f}.dark-mode input[type=checkbox],.dark-mode input[type=radio]{accent-color:#007aff}.dark-mode hr,.dark-mode .divider{border-color:#374151}.dark-mode [style*=linear-gradient]{background:linear-gradient(#1d1d1f 0%,#121212 100%)!important}.dark-mode .stat-icon.users{background:#2196f333}.dark-mode .stat-icon.listings{background:#4caf5033}.dark-mode .stat-icon.verified{background:#ff980033}.dark-mode .stat-icon.recent{background:#9e9e9e33}.dark-mode .stat-icon.blocked{background:#f4433633}.dark-mode .info-box,.dark-mode .info-banner{color:#fff;background:#121212;border-color:#374151}.dark-mode .card-action-btn{color:#fff;background:#374151;border-color:#4b5563}.dark-mode .card-action-btn:hover{background:#4b5563;border-color:#007aff}.dark-mode .empty-message{color:#a1a1a6}.dark-mode *{--white:#1d1d1f}.dark-mode [style*="background: linear-gradient(to bottom"]{background:linear-gradient(#121212,#1d1d1f)!important}.dark-mode .back-button{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .back-button:hover{color:#fff;background:#007aff;border-color:#007aff}.dark-mode .back-button svg,.dark-mode .back-button:hover svg{color:#fff;stroke:#fff}.modal-overlay{z-index:2000;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow-y:auto}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:2rem;display:flex}.modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.modal-form{padding:var(--space-6)}.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--text-primary);margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-sizing:border-box;font-family:inherit;font-size:.875rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007aff1a}.form-group input:disabled,.form-group select:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.form-group textarea{resize:vertical;min-height:100px}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-help-text{color:var(--text-secondary);margin-top:var(--space-1);font-size:.75rem}.form-section-divider{margin:var(--space-6)0;border-top:1px solid var(--gray-200)}.form-section-header{margin-bottom:var(--space-4)}.form-section-header h3{color:var(--text-primary);margin:0 0 var(--space-2)0;font-size:1.125rem;font-weight:600}.modal-actions{gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--gray-200);justify-content:flex-end;display:flex}.modal-footer{gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--gray-200);justify-content:flex-end;display:flex}.modal-content.large{max-width:800px}.modal-content h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.participants-stats{gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-item{gap:var(--space-1);flex-direction:column;display:flex}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.participants-list{gap:var(--space-3);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.participant-item{padding:var(--space-4);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.participant-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #007aff1a}.participant-info{flex:1}.participant-name{color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.participant-email{color:var(--text-secondary);font-size:.875rem}.participant-tickets{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.ticket-count{color:var(--primary);font-size:1.25rem;font-weight:700}.ticket-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.info-text{padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.6}.manual-selection{gap:var(--space-3);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);flex-direction:column;display:flex}.manual-selection label{color:var(--text-primary);font-size:.875rem;font-weight:600}.manual-selection .admin-select{width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--white);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.manual-selection .admin-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007aff1a}.text-muted{color:var(--text-secondary);text-align:center;padding:var(--space-8)}.winner-info{color:var(--primary);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);background:#007aff1a;font-weight:600;display:inline-block}.winner-selection-info{margin-bottom:var(--space-6)}.info-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);color:var(--text-primary);background:#007aff0d;border:1px solid #007aff33;display:flex}.info-card svg{color:var(--primary);flex-shrink:0;margin-top:2px}.info-card strong{margin-bottom:var(--space-1);color:var(--text-primary);display:block}.winner-selection-options{margin-bottom:var(--space-6);justify-content:center;display:flex}.btn-large{padding:var(--space-4)var(--space-6);align-items:center;gap:var(--space-2);font-size:1rem;font-weight:600;display:flex}.section-divider{text-align:center;margin:var(--space-6)0;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;align-items:center;font-size:.875rem;font-weight:600;display:flex}.section-divider:before,.section-divider:after{content:"";border-bottom:1px solid var(--gray-200);flex:1}.section-divider span{padding:0 var(--space-4)}.participants-selection-list{gap:var(--space-3);max-height:400px;margin-bottom:var(--space-6);flex-direction:column;display:flex;overflow-y:auto}.participant-selection-item{padding:var(--space-4);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex;position:relative}.participant-selection-item:hover{border-color:var(--primary);background:#007aff05;transform:translateY(-2px);box-shadow:0 4px 12px #007aff1a}.participant-selection-item.selected{border-color:var(--primary);background:#007aff14;box-shadow:0 0 0 3px #007aff1a}.participant-selection-info{align-items:center;gap:var(--space-3);flex:1;display:flex}.participant-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:700;display:flex}.participant-details{flex:1;min-width:0}.participant-ticket-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--gray-100);border-radius:var(--radius-md);color:var(--text-primary);margin-right:var(--space-3);font-size:.875rem;font-weight:600;display:flex}.participant-ticket-badge svg{color:var(--primary)}.selected-indicator{top:var(--space-2);right:var(--space-2);background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute}.manual-selection-actions{padding-top:var(--space-4);border-top:1px solid var(--gray-200);justify-content:center;display:flex}.empty-winner-state{text-align:center;padding:var(--space-8)}.empty-winner-state svg{color:var(--text-tertiary);margin:0 auto var(--space-4)}.empty-winner-state h3{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.25rem;font-weight:600}.empty-winner-state p{color:var(--text-secondary)}.button-spinner{width:14px;height:14px;animation:1s linear infinite spin}.button-spinner circle{stroke:currentColor}@media (max-width:640px){.modal-content{max-width:100%;margin:var(--space-4);max-height:calc(100vh - 32px)}.modal-header,.modal-form{padding:var(--space-4)}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.dark-mode .modal-content{background:#1d1d1f;border-color:#374151}.dark-mode .modal-title{color:#fff}.dark-mode .modal-close:hover{color:#fff;background:#374151}.dark-mode .modal-body{color:#fff}.dark-mode .modal-form{background:#1d1d1f}.dark-mode .form-group label{color:#fff}.dark-mode .form-group input,.dark-mode .form-group textarea,.dark-mode .form-group select{color:#fff;background:#121212;border-color:#374151}.dark-mode .form-group input:focus,.dark-mode .form-group textarea:focus,.dark-mode .form-group select:focus{background:#1d1d1f;border-color:#007aff}.dark-mode .form-group input:disabled,.dark-mode .form-group select:disabled{color:#6b7280;background:#1d1d1f}.dark-mode .form-help-text{color:#a1a1a6}.dark-mode .modal-actions,.dark-mode .modal-footer{border-top-color:#374151}.dark-mode .modal-content h2{color:#fff}.dark-mode .participants-stats{background:#121212;border-color:#374151}.dark-mode .stat-value{color:#fff}.dark-mode .participant-item{background:#121212;border-color:#374151}.dark-mode .participant-item:hover{background:#1d1d1f;border-color:#007aff}.dark-mode .participant-name{color:#fff}.dark-mode .participant-email{color:#a1a1a6}.dark-mode .ticket-count{color:#007aff}.dark-mode .ticket-label{color:#a1a1a6}.dark-mode .info-text{color:#a1a1a6;background:#121212;border-color:#374151}.dark-mode .manual-selection{background:#121212;border-color:#374151}.dark-mode .manual-selection label{color:#fff}.dark-mode .manual-selection .admin-select{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .manual-selection .admin-select:focus{background:#121212;border-color:#007aff}.dark-mode .text-muted{color:#a1a1a6}.dark-mode .winner-info{color:#007aff;background:#007aff33}.dark-mode .info-card{color:#fff;background:#007aff1a;border-color:#007aff4d}.dark-mode .info-card strong{color:#fff}.dark-mode .section-divider{color:#a1a1a6}.dark-mode .section-divider:before,.dark-mode .section-divider:after{border-bottom-color:#374151}.dark-mode .participant-selection-item{background:#121212;border-color:#374151}.dark-mode .participant-selection-item:hover{background:#1d1d1f;border-color:#007aff}.dark-mode .participant-selection-item.selected{background:#007aff33;border-color:#007aff}.dark-mode .participant-ticket-badge{color:#fff;background:#374151}.dark-mode .selected-indicator{color:#fff;background:#007aff}.dark-mode .manual-selection-actions{border-top-color:#374151}.dark-mode .empty-winner-state h3{color:#fff}.dark-mode .empty-winner-state p{color:#a1a1a6}.dark-mode .empty-winner-state svg{color:#6b7280}.dark-mode .form-section-divider{border-top-color:#374151}.dark-mode .form-section-header h3{color:#fff}.admin-panel{background-color:var(--bg-secondary);width:100%;min-height:100vh;display:flex;overflow-x:hidden}@media (max-width:768px){.admin-panel{width:100%;margin:0;padding:0}}.admin-sidebar{z-index:1000;width:260px;height:100vh;transition:transform var(--transition-normal),width var(--transition-normal);background:linear-gradient(#1e293b 0%,#0f172a 100%);border-right:1px solid #ffffff1a;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:2px 0 10px #0000001a}.admin-sidebar.closed{width:80px}.admin-sidebar.closed .nav-label{display:none}@media (min-width:601px){.admin-sidebar,.admin-sidebar.always-open{width:260px!important;transform:translate(0)!important}.admin-sidebar.always-open .nav-label{display:block!important}.admin-sidebar.always-open.closed{width:260px!important;transform:translate(0)!important}.admin-sidebar.always-open.closed .nav-label{display:block!important}.admin-main,.admin-sidebar.always-open~.admin-main,.admin-sidebar.always-open.closed~.admin-main,.admin-sidebar.open~.admin-main,.admin-sidebar.closed~.admin-main{width:calc(100% - 260px)!important;margin-left:260px!important}}.sidebar-header{padding:var(--space-5)var(--space-4);border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;min-height:80px;display:flex;background:0 0!important}.sidebar-logo{padding:0 var(--space-5);transition:opacity var(--transition-fast);flex:1;justify-content:flex-start;align-items:center;display:flex}.sidebar-logo:hover{opacity:.8}.sidebar-logo:active{opacity:.6}.sidebar-logo .logo-img{object-fit:contain;width:48px;height:48px}.sidebar-toggle{display:none}.sidebar-nav{padding:var(--space-4)var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden auto}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-4);border-radius:var(--radius-lg);color:#ffffffb3;cursor:pointer;transition:all var(--transition-fast);text-align:left;white-space:nowrap;width:100%;min-width:0;margin:0 var(--space-1)var(--space-1);box-sizing:border-box;background:0 0;border:none;font-size:.9375rem;font-weight:500;display:flex}.nav-item:hover{color:var(--white);background:#ffffff1a}.nav-item.active{background:var(--primary);color:var(--white);box-shadow:0 4px 12px #007aff4d}.nav-item.active:hover{background:var(--primary-dark)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:1.25rem;display:flex}.nav-icon svg{color:currentColor;stroke:currentColor;stroke-width:2px;width:100%;height:100%}.nav-label{text-overflow:ellipsis;flex:1;min-width:0;display:block;overflow:hidden}.sidebar-footer{padding:var(--space-4)var(--space-3);border-top:1px solid #ffffff1a;flex-shrink:0;margin-top:auto}.logout-btn{color:#ffffffb3;margin:0 var(--space-2);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.logout-btn:hover{color:#ff3b30;background:#ff3b3026;transform:translate(-2px)}.logout-btn:active{transform:translate(0)}.logout-btn .nav-icon svg{stroke-width:2.5px}.admin-main{transition:margin-left var(--transition-normal);flex-direction:column;flex:1;width:calc(100% - 260px);min-width:0;margin-left:260px;display:flex;overflow-x:hidden}.admin-sidebar.closed~.admin-main{width:calc(100% - 80px);margin-left:80px}@media (max-width:600px){.admin-sidebar{z-index:1000;position:fixed;transform:translate(-100%);width:240px!important}.admin-sidebar.open{transform:translate(0);width:240px!important}.admin-sidebar.closed{transform:translate(-100%);width:240px!important}.admin-sidebar.always-open{width:240px!important}.admin-sidebar.always-open .nav-label{display:block!important}.admin-main,.admin-sidebar.open~.admin-main,.admin-sidebar.closed~.admin-main,.admin-sidebar.always-open~.admin-main{width:100%!important;margin-left:0!important}}.admin-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:var(--space-5)var(--space-8);align-items:center;gap:var(--space-4);z-index:100;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.mobile-menu-toggle{cursor:pointer;padding:var(--space-2);color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;display:none}.mobile-menu-toggle svg{color:currentColor;stroke:currentColor;width:24px;height:24px}.header-content{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;display:flex}.header-title-section{gap:var(--space-1);flex-direction:column;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin:0;font-size:.875rem;font-weight:400}.admin-info{align-items:center;gap:var(--space-3);display:flex;position:relative}.admin-chat-icon-btn{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.admin-chat-icon-btn:hover{background:var(--gray-100);color:var(--primary)}.admin-chat-badge{color:#fff;text-align:center;border:2px solid var(--white);background:#ff3b30;border-radius:10px;min-width:18px;padding:2px 6px;font-size:.7rem;font-weight:600;line-height:1.2;position:absolute;top:-4px;right:-4px}.admin-name{color:var(--text-primary);font-size:.9375rem;font-weight:500}.admin-avatar-wrapper{position:relative}.admin-avatar-btn{cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.admin-avatar-btn:hover{transform:scale(1.05)}.admin-avatar-btn:active{transform:scale(.95)}.admin-avatar{border-radius:var(--radius-full);border:2px solid var(--gray-200);width:40px;height:40px;transition:border-color var(--transition-fast);overflow:hidden}.admin-avatar-btn:hover .admin-avatar{border-color:var(--primary)}.admin-avatar img{object-fit:cover;width:100%;height:100%}.dropdown-overlay{z-index:998;background:0 0;position:fixed;inset:0}.admin-dropdown{top:calc(100% + var(--space-2));background:var(--white);border-radius:var(--radius-lg);z-index:999;border:1px solid var(--gray-200);min-width:200px;animation:.2s ease-out dropdownFadeIn;position:absolute;right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);cursor:pointer;color:var(--text-primary);transition:background-color var(--transition-fast);text-align:left;background:0 0;border:none;font-size:.9375rem;display:flex}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item svg{stroke:currentColor;stroke-width:2px;flex-shrink:0;width:18px;height:18px}.dropdown-item.logout{color:#ff3b30}.dropdown-item.logout:hover{background:#ff3b301a}.dropdown-divider{background:var(--gray-200);height:1px;margin:var(--space-1)0}.admin-content{padding:var(--space-8);background:var(--bg-secondary);flex:1;overflow-y:auto}.admin-loading{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.mobile-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:768px){.admin-sidebar{width:240px!important}.admin-main,.admin-sidebar.open~.admin-main,.admin-sidebar.closed~.admin-main,.admin-sidebar.always-open~.admin-main{width:100%!important;margin-left:0!important}.mobile-menu-toggle,.mobile-overlay{display:block}.admin-header{padding:var(--space-3)var(--space-4)}.admin-content{padding:var(--space-4)}.page-title{font-size:1.25rem}}@media (max-width:600px){.admin-sidebar{width:240px!important}.admin-sidebar.open{transform:translate(0);width:240px!important}.admin-sidebar.closed{transform:translate(-100%);width:240px!important}.nav-item{padding:var(--space-3)var(--space-4);justify-content:flex-start}.nav-label{display:block!important}.sidebar-logo{padding:0 var(--space-4);justify-content:flex-start}.sidebar-logo .logo-img{width:40px;height:40px}.sidebar-header{padding:var(--space-4);justify-content:flex-start}.admin-main,.admin-sidebar.open~.admin-main,.admin-sidebar.always-open.open~.admin-main,.admin-sidebar.closed~.admin-main,.admin-sidebar.always-open.closed~.admin-main{width:100%!important;margin-left:0!important}.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{transform:translate(-100%)}.admin-sidebar.always-open.open{transform:translate(0)}.admin-sidebar.always-open.closed{transform:translate(-100%)}.mobile-menu-toggle,.mobile-overlay{display:block}}@media (max-width:640px){.admin-content{padding:var(--space-3)}.header-content{align-items:flex-start;gap:var(--space-2);flex-direction:column}.admin-info{justify-content:space-between;width:100%}.admin-name{display:none}.admin-avatar{width:32px;height:32px}.page-title{font-size:1.125rem}}@media (max-width:480px){.admin-content,.admin-header{padding:var(--space-2)}.page-title{font-size:1rem}.admin-sidebar{width:220px!important}.nav-item{padding:var(--space-3)var(--space-3);font-size:.875rem}.nav-icon{width:1.25rem;height:1.25rem}.sidebar-header{padding:var(--space-3)}}@media (max-width:360px){.admin-sidebar{width:200px!important}.page-title{font-size:.9375rem}.nav-item{padding:var(--space-2)var(--space-3);font-size:.8125rem}}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-content::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:var(--gray-100)}.admin-content::-webkit-scrollbar-track{background:var(--gray-100)}.admin-sidebar::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.admin-content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.admin-content::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.dark-mode .admin-panel{background-color:#121212}.dark-mode .admin-sidebar{background:linear-gradient(#1d1d1f 0%,#121212 100%);border-right-color:#374151}.dark-mode .sidebar-header{border-bottom-color:#374151}.dark-mode .nav-item{color:#a1a1a6}.dark-mode .nav-item:hover{color:#fff;background:#ffffff1a}.dark-mode .nav-item.active{color:#fff;background:#007aff}.dark-mode .nav-item.active:hover{background:#0056cc}.dark-mode .sidebar-footer{border-top-color:#374151}.dark-mode .logout-btn{color:#a1a1a6}.dark-mode .logout-btn:hover{color:#ff3b30;background:#ff3b3033}.dark-mode .admin-main{background:#121212}.dark-mode .admin-header{background:#1d1d1f;border-bottom-color:#374151}.dark-mode .mobile-menu-toggle,.dark-mode .page-title{color:#fff}.dark-mode .page-subtitle,.dark-mode .admin-chat-icon-btn{color:#a1a1a6}.dark-mode .admin-chat-icon-btn:hover{color:#007aff;background:#374151}.dark-mode .admin-name{color:#fff}.dark-mode .admin-avatar{border-color:#374151}.dark-mode .admin-avatar-btn:hover .admin-avatar{border-color:#007aff}.dark-mode .admin-dropdown{background:#1d1d1f;border-color:#374151;box-shadow:0 4px 20px #00000080}.dark-mode .dropdown-item{color:#fff}.dark-mode .dropdown-item:hover{background:#374151}.dark-mode .dropdown-item.logout{color:#ff3b30}.dark-mode .dropdown-item.logout:hover{background:#ff3b3033}.dark-mode .dropdown-divider{background:#374151}.dark-mode .admin-content,.dark-mode .admin-loading{background:#121212}.dark-mode .mobile-overlay{background:#000000b3}.dark-mode .admin-sidebar::-webkit-scrollbar-track{background:#1d1d1f}.dark-mode .admin-content::-webkit-scrollbar-track{background:#1d1d1f}.dark-mode .admin-sidebar::-webkit-scrollbar-thumb{background:#4b5563}.dark-mode .admin-content::-webkit-scrollbar-thumb{background:#4b5563}.dark-mode .admin-sidebar::-webkit-scrollbar-thumb:hover{background:#6b7280}.dark-mode .admin-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.dark-mode .admin-panel,.dark-mode .admin-panel *{--white:#1d1d1f;--bg-secondary:#121212}.dark-mode .admin-panel>*{background:#121212}.dark-mode .admin-panel [class*=white],.dark-mode .admin-panel [class*=White]{background:#1d1d1f!important}.wallet-page{max-width:1200px;min-height:calc(100vh - 200px);margin:0 auto;padding:2rem 1rem}.wallet-container{flex-direction:column;gap:2rem;display:flex}.wallet-header{text-align:center}.wallet-balance-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:1rem;align-items:center;gap:2rem;padding:2.5rem;display:flex;box-shadow:0 10px 25px #667eea4d}.balance-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.balance-icon svg{width:40px;height:40px}.balance-content{flex:1}.balance-label{opacity:.9;margin-bottom:.5rem;font-size:1rem}.balance-amount{font-size:3.5rem;font-weight:700;line-height:1}.daily-claim-section{margin-top:1rem}.daily-claim-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000001a}.claim-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.claim-header h2{color:#1f2937;font-size:1.5rem;font-weight:600}.claim-amount{color:#10b981;font-size:1.25rem;font-weight:600}.claim-description{color:#6b7280;margin-bottom:1.5rem}.cooldown-info{color:#92400e;background:#fef3c7;border-radius:.5rem;align-items:center;gap:.5rem;padding:1rem;display:flex}.cooldown-info svg{width:20px;height:20px}.claim-btn{justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1.1rem;display:flex}.claim-btn:disabled{opacity:.6;cursor:not-allowed}.wallet-actions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.action-link{color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.action-link:hover{color:#667eea;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.action-link svg{width:24px;height:24px}@media (max-width:768px){.wallet-balance-card{text-align:center;flex-direction:column;padding:2rem}.balance-amount{font-size:2.5rem}.wallet-actions{grid-template-columns:1fr}}.dark-mode .wallet-page{background:#121212}.dark-mode .wallet-balance-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.dark-mode .daily-claim-card{background:#1d1d1f;border-color:#374151}.dark-mode .claim-header h2{color:#fff}.dark-mode .claim-amount{color:#34c759}.dark-mode .claim-description{color:#a1a1a6}.dark-mode .cooldown-info{color:#ff9500;background:#fbbf2433}.dark-mode .action-link{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .action-link:hover{color:#667eea;background:#374151;border-color:#667eea}.transactions-page{max-width:1200px;min-height:calc(100vh - 200px);margin:0 auto;padding:2rem 1rem}.transactions-container{flex-direction:column;gap:2rem;display:flex}.transactions-header{text-align:center}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.filter-tab{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.filter-tab:hover{color:#667eea;border-color:#667eea}.filter-tab.active{color:#fff;background:#667eea;border-color:#667eea}.transactions-list{flex-direction:column;gap:1rem;display:flex}.transaction-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;align-items:center;gap:1rem;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.transaction-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.transaction-icon{color:#667eea;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.transaction-icon svg{width:24px;height:24px}.transaction-details{flex:1;min-width:0}.transaction-description{color:#1f2937;margin-bottom:.5rem;font-weight:600}.transaction-meta{color:#6b7280;gap:1rem;font-size:.875rem;display:flex}.transaction-type{text-transform:capitalize}.transaction-amount{white-space:nowrap;font-size:1.25rem;font-weight:700}.transaction-amount.success{color:#10b981}.transaction-amount.danger{color:#ef4444}.transaction-amount.neutral{color:#6b7280}.empty-state{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:4rem 2rem}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.pagination-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.pagination-btn:hover:not(:disabled){color:#667eea;border-color:#667eea}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#6b7280;font-weight:500}@media (max-width:768px){.transaction-item{flex-wrap:wrap}.transaction-amount{text-align:right;width:100%}.filter-tabs{justify-content:flex-start;padding-bottom:.5rem;overflow-x:auto}}.dark-mode .transactions-page{background:#121212}.dark-mode .transactions-header{background:#1d1d1f;border-color:#374151}.dark-mode .transaction-card{background:#1d1d1f;border-color:#374151}.dark-mode .transaction-card:hover{border-color:#4b5563}.dark-mode .transaction-type{color:#fff}.dark-mode .transaction-amount{color:#007aff}.dark-mode .transaction-date,.dark-mode .transaction-description{color:#a1a1a6}.dark-mode .transaction-status{color:#34c759}.dark-mode .transaction-status.pending{color:#ff9500}.dark-mode .transaction-status.failed{color:#ff3b30}.dark-mode .transactions-container,.dark-mode .transactions-list{background:#121212}.dark-mode .transaction-item{background:#1d1d1f;border-color:#374151}.dark-mode .transaction-item:hover{background:#374151;border-color:#4b5563}.dark-mode .transaction-icon{background:#121212;border-color:#374151}.dark-mode .transaction-icon svg{color:#007aff}.dark-mode .transaction-details{color:#fff}.dark-mode .transaction-meta{color:#a1a1a6}.dark-mode .transaction-amount.success{color:#34c759}.dark-mode .transaction-amount.danger{color:#ff3b30}.dark-mode .transaction-amount.neutral{color:#a1a1a6}.referrals-page{max-width:1200px;min-height:calc(100vh - 200px);margin:0 auto;padding:2rem 1rem}.referrals-container{flex-direction:column;gap:2rem;display:flex}.referrals-header{text-align:center}.referral-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;align-items:center;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 4px 6px #0000001a}.stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.stat-number{color:#1f2937;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;line-height:1}.stat-label{color:#6b7280;font-weight:500}.referral-code-section{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.referral-code-card,.referral-link-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000001a}.referral-code-card h2,.referral-link-card h2{color:#1f2937;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.referral-code-display{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.code-text{color:#667eea;text-align:center;letter-spacing:.1em;background:#f3f4f6;border-radius:.5rem;flex:1;padding:1rem;font-size:1.5rem;font-weight:700}.copy-btn{white-space:nowrap}.referral-description{color:#6b7280;line-height:1.6}.referral-link-display{gap:.5rem;display:flex}.referral-link-input{color:#6b7280;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;flex:1;padding:.75rem 1rem;font-size:.875rem}.referral-link-input:focus{border-color:#667eea;outline:none}.copy-link-btn{white-space:nowrap}.referral-rewards-section{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000001a}.referral-rewards-section h2{color:#1f2937;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.rewards-info{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.reward-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;gap:1rem;padding:1.5rem;display:flex}.reward-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.reward-icon svg{width:28px;height:28px}.reward-content h3{color:#1f2937;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.reward-content p{color:#6b7280}.referred-users-section,.referral-rewards-history{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000001a}.referred-users-section h2,.referral-rewards-history h2{color:#1f2937;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.referred-users-list,.rewards-list{flex-direction:column;gap:1rem;display:flex}.referred-user-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.25rem;font-weight:700;display:flex}.user-info{flex:1}.user-name{color:#1f2937;margin-bottom:.25rem;font-weight:600}.user-email{color:#6b7280;margin-bottom:.25rem;font-size:.875rem}.user-date{color:#9ca3af;font-size:.75rem}.reward-history-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;display:flex}.reward-icon-small{color:#10b981;background:#f0fdf4;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.reward-icon-small svg{width:20px;height:20px}.reward-details{flex:1}.reward-description{color:#1f2937;margin-bottom:.25rem;font-weight:600}.reward-date{color:#6b7280;font-size:.875rem}.reward-amount{color:#10b981;white-space:nowrap;font-size:1.25rem;font-weight:700}@media (max-width:768px){.referral-code-section{grid-template-columns:1fr}.referral-link-display{flex-direction:column}.copy-link-btn{width:100%}}.dark-mode .referrals-page{background:#121212}.dark-mode .referrals-header{background:#1d1d1f;border-color:#374151}.dark-mode .referral-card{background:#1d1d1f;border-color:#374151}.dark-mode .referral-card:hover{border-color:#4b5563}.dark-mode .referral-code{color:#007aff}.dark-mode .referral-stats{color:#fff}.dark-mode .referral-stat-label{color:#a1a1a6}.dark-mode .referral-stat-value{color:#fff}.dark-mode .copy-button{color:#fff;background:#007aff}.dark-mode .copy-button:hover{background:#0056cc}.giveaways-page{background:var(--bg-secondary);max-width:1400px;min-height:calc(100vh - 200px);margin:0 auto;padding:1.5rem 1rem}.giveaways-container{flex-direction:column;gap:2rem;display:flex}.giveaways-header{text-align:center;background:var(--white);border-radius:var(--radius-lg);color:var(--text-primary);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);margin-bottom:.5rem;padding:1.5rem 0}.page-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:400}.admin-actions{justify-content:flex-end;margin-bottom:1rem;display:flex}.giveaways-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.giveaway-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-fast);flex-direction:column;gap:0;padding:0;display:flex;position:relative;overflow:hidden}.giveaway-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-2px)}.giveaway-image-container{background:var(--bg-secondary);justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.giveaway-image{object-fit:cover;object-position:center;z-index:1;width:100%;height:100%;transition:transform .3s;position:relative}.giveaway-card:hover .giveaway-image{transform:scale(1.05)}.giveaway-image-container .card-image-nav-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;transform:translateY(-50%);z-index:20!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:#fff!important;border:2px solid #667eea!important;display:flex!important;box-shadow:0 4px 16px #667eea66!important}.giveaway-image-container .card-image-nav-btn:hover{transform:translateY(-50%)scale(1.15);background:#fff!important;border-color:#764ba2!important;box-shadow:0 6px 24px #667eea80!important}.giveaway-image-container .card-image-nav-btn:active{transform:translateY(-50%)scale(1.05)}.giveaway-image-container .card-image-nav-btn svg{pointer-events:none;stroke-width:3px;transition:color .2s;color:#667eea!important;width:20px!important;height:20px!important;display:block!important}.giveaway-image-container .card-image-nav-btn:hover svg{color:#764ba2!important}.giveaway-image-container .card-image-nav-left{left:16px!important}.giveaway-image-container .card-image-nav-right{right:16px!important}.giveaway-image-container .card-image-counter{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#000000bf;border:1px solid #ffffff1a;border-radius:20px;width:100px;padding:6px 16px;font-size:.8125rem;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003;z-index:20!important}.giveaway-card-content{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.giveaway-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.25rem;display:flex}.giveaway-title{color:var(--text-primary);letter-spacing:-.01em;flex:1;font-size:1.125rem;font-weight:600;line-height:1.4}.status-badge{border-radius:var(--radius-md);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.status-badge.active{background:var(--success);color:var(--white)}.status-badge.closed{background:var(--error);color:var(--white)}.status-badge.winner_declared{background:var(--primary);color:var(--white)}.giveaway-description{color:var(--text-secondary);flex:1;font-size:.875rem;line-height:1.6}.timer-section{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--gray-200);margin:.5rem 0;padding:1rem}.timer-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.timer-display{font-variant-numeric:tabular-nums;color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.timer-unit{background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--gray-200);text-align:center;min-width:2.5ch;padding:.375rem .625rem;font-size:1rem}.bonus-coins-note{color:#10b981;margin-top:.25rem;font-size:.875rem;font-weight:500}.giveaway-details{border-top:1px solid var(--gray-200);flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}.detail-item{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;display:flex}.detail-item:hover{background:var(--gray-100)}.detail-item svg{width:18px;height:18px;color:var(--primary);flex-shrink:0}.detail-item.user-tickets{color:var(--success);background:#10b9811a;border:1px solid #10b98133;font-weight:600}.detail-item.user-tickets:hover{background:#10b98126}.detail-item.user-tickets svg{color:var(--success)}.winner-info{border-radius:var(--radius-md);color:var(--primary);background:#3b82f61a;border:1px solid #3b82f633;padding:.75rem;font-size:.875rem;font-weight:600}.winner-name{color:var(--primary);font-weight:600}.purchase-btn{text-align:center;background:var(--primary);border-radius:var(--radius-md);width:100%;color:var(--white);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;display:flex}.purchase-btn:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.purchase-btn:active:not(:disabled){transform:translateY(0)}.purchase-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;animation:1s linear infinite spin}.spinner circle{stroke:currentColor}.empty-state{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;grid-column:1/-1;padding:4rem 2rem}.empty-icon{color:#9ca3af;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1rem;display:flex}.empty-state h3{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem}.empty-state p{color:#6b7280}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:1rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px #00000026}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:.5rem;transition:color .2s}.modal-close:hover{color:#1f2937}.modal-close svg{width:24px;height:24px}.modal-body{padding:1.5rem}.purchase-info{margin-bottom:1.5rem}.purchase-info h3{color:#1f2937;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.ticket-price{color:#6b7280;font-size:.875rem}.quantity-selector{margin-bottom:1.5rem}.quantity-selector label{color:#374151;margin-bottom:.75rem;font-weight:500;display:block}.quantity-controls{align-items:center;gap:1rem;display:flex}.quantity-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:.5rem;width:40px;height:40px;font-size:1.25rem;font-weight:600;transition:all .2s}.quantity-btn:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-input{text-align:center;color:#1f2937;border:2px solid #e5e7eb;border-radius:.5rem;flex:1;padding:.75rem;font-size:1.125rem;font-weight:600}.quantity-input:focus{border-color:#667eea;outline:none}.purchase-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.summary-row{justify-content:space-between;align-items:center;font-size:1.125rem;display:flex}.total-cost{color:#667eea;font-size:1.25rem;font-weight:700}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}.paused-badge,.cancelled-badge{text-align:center;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.paused-badge{color:#92400e;background:#fef3c7}.cancelled-badge{color:#991b1b;background:#fee2e2}.winner-animation-overlay{z-index:2000;background:#000c;justify-content:center;align-items:center;animation:.3s ease-in fadeIn;display:flex;position:fixed;inset:0}.winner-animation-content{text-align:center;background:#fff;border-radius:1.5rem;width:90%;max-width:500px;padding:3rem 2rem;animation:.5s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 25px 50px #0000004d}.confetti-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti{width:10px;height:10px;animation:3s linear forwards confettiFall;position:absolute;top:-10px}@keyframes confettiFall{to{opacity:0;transform:translateY(100vh)rotate(360deg)}}.winner-announcement{z-index:1;position:relative}.winner-icon{margin-bottom:1rem;font-size:5rem;animation:1s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.winner-title{color:#1f2937;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.winner-message{color:#6b7280;margin-bottom:2rem;font-size:1.25rem}.winner-details{background:#f9fafb;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.winner-details h3{color:#1f2937;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.winner-prize{color:#10b981;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.winner-tickets{color:#6b7280;font-size:1rem}@media (max-width:1024px){.giveaways-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}}@media (max-width:768px){.giveaways-page{padding:1rem .75rem}.giveaways-header{border-radius:var(--radius-md);padding:1.25rem 1rem}.page-title{font-size:1.75rem}.page-subtitle{font-size:.875rem}.giveaways-grid{grid-template-columns:1fr;gap:1.25rem}.giveaway-image-container{height:180px}.card-image-nav-btn{width:36px;height:36px}.card-image-nav-btn svg{width:16px;height:16px}.card-image-nav-left{left:10px}.card-image-nav-right{right:10px}.giveaway-card-content{padding:1rem}.giveaway-title{font-size:1rem}.timer-display{font-size:1.125rem}.timer-unit{padding:.25rem .5rem;font-size:.875rem}.modal-content{margin:1rem}.winner-animation-content{padding:2rem 1.5rem}.winner-title{font-size:2rem}.winner-icon{font-size:4rem}}.dark-mode .lucky-lot-page,.dark-mode .giveaway-container{background:#121212}.dark-mode .giveaway-card{background:#1d1d1f;border-color:#374151}.dark-mode .giveaway-title{color:#fff}.dark-mode .giveaway-description{color:#a1a1a6}.dark-mode .giveaway-image-container .card-image-nav-btn{background:#1d1d1f!important;border-color:#667eea!important}.dark-mode .giveaway-image-container .card-image-nav-btn:hover{background:#374151!important;border-color:#764ba2!important}.dark-mode .giveaway-image-container .card-image-nav-btn svg{color:#667eea!important}.dark-mode .giveaway-image-container .card-image-nav-btn:hover svg{color:#764ba2!important}.dark-mode .empty-state,.dark-mode .modal-content{background:#1d1d1f;border-color:#374151}.dark-mode .quantity-btn{color:#fff;background:#121212;border-color:#374151}.dark-mode .quantity-btn:hover:not(:disabled){background:#374151;border-color:#4b5563}.dark-mode .purchase-summary{background:#121212;border-color:#374151}.dark-mode .paused-badge{color:#ff9500;background:#fbbf2433}.dark-mode .cancelled-badge{color:#ff3b30;background:#ef444433}.dark-mode .giveaways-page{background:#121212!important}.dark-mode .giveaways-container{background:#121212}.dark-mode .giveaways-header{color:#fff;border-color:#374151;background:#1d1d1f!important}.dark-mode .giveaway-card{border-color:#374151;background:#1d1d1f!important}.dark-mode .giveaway-card:hover{border-color:#4b5563}.dark-mode .giveaway-card-content{background:#1d1d1f}.dark-mode .giveaway-image-container{background:#121212}.dark-mode .timer-section{background:#121212;border-color:#374151}.dark-mode .timer-label{color:#a1a1a6}.dark-mode .timer-display{color:#fff}.dark-mode .timer-unit{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .detail-item{color:#a1a1a6;background:#121212}.dark-mode .detail-item:hover{background:#1d1d1f}.dark-mode .detail-item svg{color:#007aff}.dark-mode .detail-item.user-tickets{color:#34c759;background:#34c75933;border-color:#34c7594d}.dark-mode .detail-item.user-tickets:hover{background:#34c7594d}.dark-mode .winner-info{color:#007aff;background:#007aff33;border-color:#007aff4d}.dark-mode .winner-name{color:#007aff}.dark-mode .empty-state{border-color:#374151;background:#1d1d1f!important}.dark-mode .empty-icon{color:#6b7280}.dark-mode .modal-overlay{background:#000c}.dark-mode .modal-content{border-color:#374151;background:#1d1d1f!important}.dark-mode .modal-header{border-bottom-color:#374151}.dark-mode .modal-header h2{color:#fff}.dark-mode .modal-close{color:#a1a1a6}.dark-mode .modal-close:hover{color:#fff}.dark-mode .modal-body{background:#1d1d1f}.dark-mode .purchase-info h3{color:#fff}.dark-mode .ticket-price{color:#a1a1a6}.dark-mode .bonus-coins-note{color:#34c759}.dark-mode .quantity-selector label{color:#fff}.dark-mode .quantity-input{color:#fff;background:#121212;border-color:#374151}.dark-mode .quantity-input:focus{background:#1d1d1f;border-color:#007aff}.dark-mode .purchase-summary{border-color:#374151;background:#121212!important}.dark-mode .summary-row{color:#fff}.dark-mode .total-cost{color:#667eea}.dark-mode .modal-footer{border-top-color:#374151}.dark-mode .loading-state{color:#a1a1a6;background:#121212}.dark-mode .winner-animation-content{background:#1d1d1f!important}.dark-mode .winner-title{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark-mode .winner-message{color:#a1a1a6}.dark-mode .winner-details{background:#121212!important}.dark-mode .winner-details h3{color:#fff}.dark-mode .winner-prize{color:#34c759}.dark-mode .winner-tickets{color:#a1a1a6}.dark-mode .giveaway-details{border-top-color:#374151}.dark-mode .admin-actions{background:0 0}.giveaway-submissions{background:var(--bg-secondary);min-height:100vh;padding:var(--space-6)var(--space-4)}.submissions-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.header-content{flex:1}.page-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em;font-size:2rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5}.submissions-header .btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);white-space:nowrap;font-weight:600;display:flex}.submissions-header .btn svg{width:1.25rem;height:1.25rem}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-5);align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-normal);display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),var(--secondary));width:3rem;height:3rem;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-icon svg{width:1.5rem;height:1.5rem}.stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-content{flex:1}.stat-number{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-1);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.filter-tabs{gap:var(--space-2);margin-bottom:var(--space-8);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.filter-tab{background:var(--white);border:1px solid var(--gray-200);color:var(--text-secondary);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;font-size:.875rem;font-weight:500}.filter-tab:hover{background:var(--gray-50);border-color:var(--gray-300)}.filter-tab.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.listings-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}.loading-state{padding:var(--space-12)var(--space-4);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;width:100%;min-height:50vh;display:flex}.loading-spinner{border:4px solid var(--gray-200);border-top:4px solid var(--primary);width:3rem;height:3rem;margin-bottom:var(--space-4);border-radius:50%;animation:1s linear infinite spin}.loading-state p{color:var(--text-secondary);margin-top:var(--space-2)}.empty-state{padding:var(--space-12)var(--space-4);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;width:100%;min-height:50vh;display:flex}.empty-icon{border-radius:var(--radius-full);background:var(--gray-100);width:5rem;height:5rem;color:var(--text-secondary);margin-bottom:var(--space-6);justify-content:center;align-items:center;display:flex}.empty-icon svg{width:2.5rem;height:2.5rem}.empty-state h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:700}.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:1rem}.submission-card{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.submission-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-image{aspect-ratio:16/9;background:var(--gray-100);width:100%;position:relative;overflow:hidden}.listing-actions{top:var(--space-3);right:var(--space-3);gap:var(--space-2);z-index:20;pointer-events:auto;display:flex;position:absolute}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.submission-card:hover .card-image img{transform:scale(1.05)}.card-image-nav-btn{border-radius:var(--radius-full);border:2px solid var(--gray-200);cursor:pointer;width:2.5rem;height:2.5rem;transition:all var(--transition-fast);box-shadow:var(--shadow-md);z-index:5;opacity:0;background:#fffffff2;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.submission-card:hover .card-image-nav-btn{opacity:1}.card-image-nav-btn:hover{background:var(--white);border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-50%)scale(1.1)}.card-image-nav-left{left:var(--space-2)}.card-image-nav-right{right:var(--space-2)}.card-image-nav-btn svg{width:1.25rem;height:1.25rem;color:var(--text-primary)}.card-image-counter{bottom:var(--space-3);color:var(--white);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;z-index:5;white-space:nowrap;background:#000000b3;width:100px;font-size:.75rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.card-badges{top:var(--space-3);left:var(--space-3);right:var(--space-3);gap:var(--space-2);z-index:5;pointer-events:none;flex-wrap:wrap;display:flex;position:absolute}.badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);align-items:center;gap:var(--space-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);background:#fffffff2;font-size:.75rem;font-weight:600;display:inline-flex}.badge.status{-webkit-backdrop-filter:none;backdrop-filter:none}.badge-icon{align-items:center;width:1rem;height:1rem;display:flex}.badge-icon svg{width:100%;height:100%}.badge.status.success{color:#fff;background:var(--success,#10b981)}.badge.status.success .badge-icon svg{stroke:#fff}.badge.status.error{color:#fff;background:var(--error,#ef4444)}.badge.status.error .badge-icon svg{stroke:#fff}.badge.status.primary{color:#fff;background:var(--primary)}.badge.status.primary .badge-icon svg{stroke:#fff}.badge.status.warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.badge.status.warning .badge-icon svg{stroke:#fff}.badge.category{color:var(--text-primary);text-transform:capitalize;background:#fffffff2}.card-content{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.card-title{font-family:var(--font-display);color:var(--text-primary);flex:1;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.price-info{flex-shrink:0}.current-price{font-family:var(--font-display);color:var(--primary);font-size:1.5rem;font-weight:700}.card-description{color:var(--text-secondary);margin-bottom:var(--space-4);flex:1;font-size:.9375rem;line-height:1.6}.card-meta{gap:var(--space-2);margin-bottom:var(--space-4);padding-top:var(--space-4);flex-direction:column;display:flex}.meta-item{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.875rem;display:flex}.meta-item svg{flex-shrink:0;width:1rem;height:1rem}.giveaway-info{padding-top:var(--space-4);border-top:1px solid var(--gray-200);margin-top:auto}.giveaway-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);color:var(--primary);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);font-size:.875rem;font-weight:600;display:inline-flex}.giveaway-badge svg{width:1rem;height:1rem}@media (max-width:640px){.giveaway-submissions{padding:var(--space-4)var(--space-3)}.submissions-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.submissions-header .btn{justify-content:center;width:100%}.stats-grid{gap:var(--space-3);grid-template-columns:1fr}.stat-card{padding:var(--space-4)}.stat-icon{width:2.5rem;height:2.5rem}.stat-icon svg{width:1.25rem;height:1.25rem}.stat-number{font-size:1.5rem}.filter-tabs{gap:var(--space-1)}.filter-tab{padding:var(--space-2)var(--space-3);font-size:.8rem}.listings-grid{gap:var(--space-4)}.card-content{padding:var(--space-4)}.card-title{font-size:1.125rem}.current-price{font-size:1.25rem}}@media (min-width:768px){.giveaway-submissions{padding:var(--space-8)var(--space-6)}.listings-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media (min-width:1399px){.listings-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.giveaway-submissions{padding:var(--space-10)var(--space-8)}.page-title{font-size:2.5rem}}.action-btn{border-radius:var(--radius-full);cursor:pointer;width:2.5rem;height:2.5rem;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;z-index:21;background:#ffffffe6;border:1px solid #fff3;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 2px 8px #00000026}.action-btn:hover{background:var(--white);transform:scale(1.1);box-shadow:0 4px 12px #0003}.action-btn svg{width:1.25rem;height:1.25rem;color:var(--text-primary);transition:all var(--transition-fast)}.edit-btn:hover svg{color:var(--primary)}.edit-btn:hover{background:#3b82f61a;border-color:#3b82f64d}.delete-btn:hover svg{color:var(--error)}.delete-btn:hover{background:#ef44441a;border-color:#ef44444d}.delete-modal-overlay{z-index:30;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-modal{background:var(--white);border-radius:var(--radius-2xl);width:100%;max-width:500px;max-height:80vh;box-shadow:var(--shadow-2xl);animation:.3s ease-out modalSlideIn;overflow:hidden}.modal-header{padding:var(--space-8)var(--space-6)var(--space-4);text-align:center}.modal-icon{border-radius:var(--radius-full);width:4rem;height:4rem;margin:0 auto var(--space-4);background:#ef44441a;justify-content:center;align-items:center;display:flex}.modal-icon svg{width:2rem;height:2rem;color:var(--error)}.modal-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-3);font-size:1.5rem;font-weight:600}.modal-message{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.modal-message strong{color:var(--text-primary);font-weight:600}.modal-actions{gap:var(--space-3);padding:var(--space-4)var(--space-6)var(--space-6);display:flex}.modal-actions .btn{padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex:1;font-size:.875rem;font-weight:600}.btn-danger{background:var(--error);color:var(--white);border:none}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-secondary)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.delete-modal-overlay{padding:var(--space-2);z-index:50}.delete-modal{max-width:100%;margin:var(--space-2);width:calc(100% - var(--space-4))}.modal-header{padding:var(--space-6)var(--space-4)var(--space-3)}.modal-icon{width:3rem;height:3rem;margin-bottom:var(--space-3)}.modal-icon svg{width:1.5rem;height:1.5rem}.modal-title{font-size:1.25rem}.modal-actions{padding:var(--space-3)var(--space-4)var(--space-4);flex-direction:column}.modal-actions .btn{width:100%}}@media (min-width:641px) and (max-width:1023px){.delete-modal{width:90%;max-width:600px}.modal-header{padding:var(--space-8)var(--space-8)var(--space-4)}.modal-actions{padding:var(--space-4)var(--space-8)var(--space-8)}}.dark-mode .giveaway-submissions-page,.dark-mode .giveaway-submissions{background:#121212}.dark-mode .submissions-header{background:0 0;border-color:#374151}.dark-mode .stat-card{background:#1d1d1f;border-color:#374151}.dark-mode .stat-card:hover{background:#1d1d1f;border-color:#4b5563}.dark-mode .stat-number{color:#fff}.dark-mode .stat-label{color:#a1a1a6}.dark-mode .filter-tab{color:#a1a1a6;background:#1d1d1f;border-color:#374151}.dark-mode .filter-tab:hover{background:#374151;border-color:#4b5563}.dark-mode .filter-tab.active{color:#fff;background:#007aff;border-color:#007aff}.dark-mode .loading-state p{color:#a1a1a6}.dark-mode .loading-spinner{border-color:#007aff #374151 #374151}.dark-mode .empty-icon{color:#a1a1a6;background:#1d1d1f}.dark-mode .empty-state h3{color:#fff}.dark-mode .empty-state p{color:#a1a1a6}.dark-mode .submission-card{background:#1d1d1f;border-color:#374151}.dark-mode .submission-card:hover{background:#1d1d1f;border-color:#4b5563}.dark-mode .card-image{background:#121212}.dark-mode .card-image-nav-btn{background:#1d1d1ff2;border-color:#374151}.dark-mode .card-image-nav-btn:hover{background:#1d1d1f;border-color:#007aff}.dark-mode .card-image-nav-btn svg{color:#fff}.dark-mode .card-image-counter{color:#fff;background:#000c}.dark-mode .badge,.dark-mode .badge.category{color:#fff;background:#1d1d1ff2}.dark-mode .card-content{background:#1d1d1f}.dark-mode .card-title{color:#fff}.dark-mode .current-price{color:#007aff}.dark-mode .card-description{color:#a1a1a6}.dark-mode .card-meta{border-top-color:#374151}.dark-mode .meta-item,.dark-mode .meta-item svg{color:#a1a1a6}.dark-mode .giveaway-info{border-top-color:#374151}.dark-mode .giveaway-badge{color:#007aff;background:#007aff33}.dark-mode .submission-title{color:#fff}.dark-mode .submission-details{color:#a1a1a6}.dark-mode .submission-status{color:#34c759}.dark-mode .submission-status.pending{color:#ff9500}.dark-mode .submission-status.rejected{color:#ff3b30}.info-page{background:var(--bg-secondary);min-height:100vh;padding:2rem 0}.info-container{max-width:900px;margin:0 auto;padding:0 1.5rem}.info-header{text-align:center;margin-bottom:3rem}.page-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:1.125rem}.info-content{flex-direction:column;display:flex}.info-section{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem}.section-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.section-text{color:var(--text-secondary);font-size:1rem;line-height:1.7}.info-steps{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.info-step{align-items:flex-start;gap:1.5rem;display:flex}.step-number{border-radius:var(--radius-full);background:var(--primary);width:48px;height:48px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.step-content{flex:1}.step-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.step-text{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.info-features{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.info-feature{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-md);padding:1.5rem}.info-feature svg{width:48px;height:48px;color:var(--primary);margin-bottom:1rem}.info-feature h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.info-feature p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}@media (max-width:768px){.info-page{padding:1rem 0}.info-container{padding:0 1rem}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.info-section{padding:1.5rem}.section-title{font-size:1.25rem}.info-steps{gap:1.25rem}.info-step{gap:1rem}.step-number{width:40px;height:40px;font-size:1.125rem}.info-features{grid-template-columns:1fr;gap:1rem}.info-feature{padding:1.25rem}}.dark-mode .info-page{background:#121212!important}.dark-mode .info-container{background:#121212}.dark-mode .info-header{background:0 0}.dark-mode .page-title{color:#fff}.dark-mode .page-subtitle{color:#a1a1a6}.dark-mode .info-content{background:0 0}.dark-mode .info-section{border-color:#374151;box-shadow:0 1px 3px #0000004d;background:#1d1d1f!important}.dark-mode .section-title{color:#fff}.dark-mode .section-text{color:#a1a1a6}.dark-mode .info-steps,.dark-mode .info-step{background:0 0}.dark-mode .step-number{color:#fff;background:#007aff}.dark-mode .step-title{color:#fff}.dark-mode .step-text{color:#a1a1a6}.dark-mode .info-features{background:0 0}.dark-mode .info-feature{border:1px solid #374151;box-shadow:0 1px 3px #0000004d;background:#1d1d1f!important}.dark-mode .info-feature:hover{border-color:#4b5563;box-shadow:0 4px 6px #0006}.dark-mode .info-feature svg{color:#007aff}.dark-mode .info-feature h3{color:#fff}.dark-mode .info-feature p{color:#a1a1a6}.wall-page{max-width:800px;padding:var(--space-6)var(--space-4);margin:0 auto}.wall-header{margin-bottom:var(--space-8);text-align:center}.wall-header .page-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:2rem;font-weight:700}.wall-header .page-subtitle{color:var(--text-secondary);font-size:1rem}.wall-loading{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:400px;display:flex}.wall-loading .loading-spinner{border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.wall-empty{text-align:center;padding:var(--space-16)var(--space-4);color:var(--text-secondary)}.wall-empty svg{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--gray-400)}.wall-empty h3{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:600}.wall-empty p{color:var(--text-secondary);font-size:1rem}.wall-posts{gap:var(--space-6);flex-direction:column;display:flex}.wall-post{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow .2s}.wall-post:hover{box-shadow:0 4px 12px #0000001a}.post-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.post-author{align-items:center;gap:var(--space-3);display:flex}.author-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:48px;height:48px}.author-info{flex-direction:column;display:flex}.author-name{color:var(--text-primary);font-size:1rem;font-weight:600}.post-time{color:var(--text-secondary);font-size:.875rem}.post-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius);font-size:.875rem;font-weight:600;display:flex}.winner-badge{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.winner-badge svg{width:16px;height:16px}.post-content{margin-bottom:var(--space-4)}.post-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.25rem;font-weight:600}.post-text{color:var(--text-secondary);margin-bottom:var(--space-3);font-size:1rem;line-height:1.6}.post-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2)var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius);display:flex}.meta-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.meta-value{color:var(--text-primary);font-size:.875rem}.post-listing-info{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius);margin-bottom:var(--space-3)}.listing-title{color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.listing-price{color:var(--primary);margin-bottom:var(--space-3);font-size:1.25rem;font-weight:700}.view-listing-btn{padding:var(--space-2)var(--space-4);background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;font-weight:600;transition:background .2s}.view-listing-btn:hover{background:var(--primary-dark)}.post-image-container{margin-top:var(--space-4);border-radius:var(--radius);overflow:hidden}.post-image{object-fit:cover;width:100%;max-height:500px;display:block}.post-actions{align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color);display:flex}.action-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;background:0 0;font-size:.875rem;transition:all .2s;display:flex}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.action-btn svg{width:20px;height:20px}.like-btn.liked{color:var(--primary);border-color:var(--primary)}.like-btn.liked svg{fill:var(--primary)}.post-comments{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.comments-list{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.comment-item{gap:var(--space-3);display:flex}.comment-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.comment-content{flex:1}.comment-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.comment-author{color:var(--text-primary);font-size:.875rem;font-weight:600}.comment-time{color:var(--text-secondary);font-size:.75rem}.comment-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.no-comments{text-align:center;padding:var(--space-4);color:var(--text-secondary);font-size:.875rem}.comment-form{gap:var(--space-2);align-items:center;display:flex}.comment-input{padding:var(--space-2)var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);background:var(--bg-primary);flex:1;font-size:.875rem}.comment-input:focus{border-color:var(--primary);outline:none}.comment-submit-btn{padding:var(--space-2)var(--space-3);background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.comment-submit-btn:hover:not(:disabled){background:var(--primary-dark)}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comment-submit-btn svg{width:18px;height:18px}.loading-spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.comment-login-prompt{text-align:center;padding:var(--space-4)}.login-to-comment-btn{padding:var(--space-2)var(--space-4);background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;font-weight:600;transition:background .2s}.login-to-comment-btn:hover{background:var(--primary-dark)}.load-more-container{text-align:center;margin-top:var(--space-6)}.load-more-btn{padding:var(--space-3)var(--space-6);background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;font-weight:600;transition:background .2s}.load-more-btn:hover:not(:disabled){background:var(--primary-dark)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.wall-page{padding:var(--space-4)var(--space-3)}.wall-header .page-title{font-size:1.5rem}.wall-post{padding:var(--space-4)}.post-title{font-size:1.125rem}.post-image{max-height:300px}}.dark-mode .wall-header .page-title{color:#fff}.dark-mode .wall-header .page-subtitle{color:#9ca3af}.dark-mode .wall-loading .loading-spinner{border-color:#007aff #374151 #374151}.dark-mode .wall-empty svg{color:#4b5563}.dark-mode .wall-empty h3{color:#fff}.dark-mode .wall-empty p{color:#9ca3af}.dark-mode .wall-post{background:#1d1d1f;border-color:#374151}.dark-mode .wall-post:hover{box-shadow:0 4px 12px #0000004d}.dark-mode .author-avatar{border-color:#374151}.dark-mode .author-name{color:#fff}.dark-mode .post-time{color:#9ca3af}.dark-mode .post-title{color:#fff}.dark-mode .post-text{color:#9ca3af}.dark-mode .post-meta{background:#2a2a2d}.dark-mode .meta-label{color:#9ca3af}.dark-mode .meta-value{color:#fff}.dark-mode .post-listing-info{background:#2a2a2d}.dark-mode .listing-title{color:#fff}.dark-mode .listing-price{color:#007aff}.dark-mode .view-listing-btn{color:#fff;background:#007aff}.dark-mode .view-listing-btn:hover{background:#0056cc}.dark-mode .post-actions{border-top-color:#374151}.dark-mode .action-btn{color:#9ca3af;border-color:#374151}.dark-mode .action-btn:hover{color:#fff;background:#2a2a2d}.dark-mode .like-btn.liked{color:#007aff;border-color:#007aff}.dark-mode .like-btn.liked svg{fill:#007aff}.dark-mode .post-comments{border-top-color:#374151}.dark-mode .comment-author{color:#fff}.dark-mode .comment-time,.dark-mode .comment-text,.dark-mode .no-comments{color:#9ca3af}.dark-mode .comment-input{color:#fff;background:#1d1d1f;border-color:#374151}.dark-mode .comment-input:focus{border-color:#007aff}.dark-mode .comment-submit-btn{color:#fff;background:#007aff}.dark-mode .comment-submit-btn:hover:not(:disabled){background:#0056cc}.dark-mode .login-to-comment-btn{color:#fff;background:#007aff}.dark-mode .login-to-comment-btn:hover{background:#0056cc}.dark-mode .load-more-btn{color:#fff;background:#007aff}.dark-mode .load-more-btn:hover:not(:disabled){background:#0056cc}.not-found-page{min-height:calc(100vh - 200px);padding:var(--space-4);background:var(--bg-secondary);justify-content:center;align-items:center;display:flex}.not-found-container{text-align:center;width:100%;max-width:500px}.not-found-icon{color:var(--primary);margin-bottom:var(--space-6);justify-content:center;animation:3s ease-in-out infinite float;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.not-found-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:6rem;font-weight:700;line-height:1}.not-found-subtitle{color:var(--text-primary);margin-bottom:var(--space-4);font-size:2rem;font-weight:600}.not-found-description{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:1.125rem;line-height:1.6}.not-found-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.btn{padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:none;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}.btn-secondary{background:var(--gray-200);color:var(--text-primary)}.btn-secondary:hover{background:var(--gray-300);transform:translateY(-2px)}@media (max-width:768px){.not-found-title{font-size:4rem}.not-found-subtitle{font-size:1.5rem}.not-found-description{font-size:1rem}.not-found-actions{flex-direction:column}}@media (max-width:480px){.not-found-title{font-size:3rem}.not-found-icon,.not-found-icon svg{width:80px;height:80px}.btn{width:100%}}.dark-mode .not-found-page,.dark-mode .not-found-container{background:#121212}.dark-mode .not-found-content{background:#1d1d1f;border-color:#374151}.dark-mode .not-found-title{color:#fff}.dark-mode .not-found-message{color:#a1a1a6}.dark-mode .home-link{color:#fff;background:#007aff}.dark-mode .home-link:hover{background:#0056cc}