:root{--accent: #5CB335;--accent-hover: #4A9B2A;--navy: #0F1B2D;--bg: #FFFFFF;--bg-subtle: #F4F7FA;--surface: #FFFFFF;--surface-muted: #EEF2F6;--text: #2C3E50;--text-strong: #0F1B2D;--muted: #5A6B7D;--border: rgba(15, 27, 45, .1);--border-accent: rgba(92, 179, 53, .25);--shadow: 0 4px 24px rgba(15, 27, 45, .08);--shadow-lg: 0 20px 48px rgba(15, 27, 45, .12);--glow: rgba(92, 179, 53, .08);--amber: var(--accent);--amber-hot: var(--accent-hover);--steel: var(--bg);--steel-mid: var(--surface);--steel-light: var(--surface-muted);--rust: var(--accent);--cream: var(--bg-subtle);--white: #FFFFFF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Barlow,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.12}#root{width:100%;max-width:none;margin:0;text-align:initial;border:none;min-height:100svh;display:block}nav.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:72px;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:0 1px #0f1b2d0a}.logo{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:28px;letter-spacing:.04em;color:var(--text-strong)}.logo span{color:var(--accent)}footer .logo{color:var(--white)}nav.landing-nav .nav-logo{display:flex;align-items:center;text-decoration:none;line-height:0}nav.landing-nav .nav-logo .logo-img{height:48px;width:auto;display:block;object-fit:contain}.nav-links{display:flex;gap:36px;list-style:none}.nav-links a{font-family:Barlow,sans-serif;font-weight:500;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-cta{display:flex;gap:12px;align-items:center}.btn{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;padding:10px 24px;border-radius:4px;cursor:pointer;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px;border:none}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text-strong)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 24px #5cb33559}.btn-ghost{background:transparent;color:var(--text-strong);border:1.5px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:120px 5% 80px;overflow:hidden;background:var(--bg)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 60% 40%,rgba(92,179,53,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 90% 80%,rgba(15,27,45,.04) 0%,transparent 50%),linear-gradient(180deg,var(--bg) 0%,var(--bg-subtle) 100%)}.hero-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(15,27,45,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,27,45,.04) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}.hero-inner{position:relative;max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#5cb3351a;border:1px solid var(--border-accent);border-radius:2px;padding:6px 14px;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin-bottom:24px}.hero-badge:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.hero-title{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(52px,7vw,88px);line-height:.92;letter-spacing:-.01em;color:var(--text-strong);text-transform:uppercase;margin-bottom:28px}.hero-title .accent{color:var(--accent)}.hero-title .line2{-webkit-text-stroke:1.5px rgba(15,27,45,.2);color:transparent}.hero-sub{font-size:17px;font-weight:300;line-height:1.7;color:var(--muted);max-width:480px;margin-bottom:40px}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.hero-actions .btn-primary{font-size:16px;padding:14px 32px}.hero-visual{position:relative}.dashboard-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg);transform:perspective(1000px) rotateY(-5deg) rotateX(3deg);transition:transform .6s ease}.dashboard-card:hover{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.card-header{background:var(--surface-muted);padding:14px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.card-dots{display:flex;gap:6px}.card-dots span{width:10px;height:10px;border-radius:50%}.card-dots span:nth-child(1){background:#ff5f57}.card-dots span:nth-child(2){background:#febc2e}.card-dots span:nth-child(3){background:#28c840}.card-title-text{font-family:Space Mono,monospace;font-size:11px;color:var(--muted);margin-left:auto}.card-body{padding:20px}.listing-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border);animation:slide-in .5s ease forwards;opacity:0}.listing-item:nth-child(1){animation-delay:.3s}.listing-item:nth-child(2){animation-delay:.5s}.listing-item:nth-child(3){animation-delay:.7s}.listing-item:nth-child(4){animation-delay:.9s}.listing-item:last-child{border-bottom:none}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.listing-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.listing-info{flex:1}.listing-name{font-size:13px;font-weight:600;color:var(--text-strong)}.listing-detail{font-size:11px;color:var(--muted);margin-top:2px}.listing-price{text-align:right}.price-val{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:16px;color:var(--accent)}.price-badge{font-size:10px;background:#5cb33526;color:var(--accent-hover);padding:2px 6px;border-radius:3px;margin-top:3px;display:inline-block}.card-chart{margin-top:16px;padding:16px;background:var(--surface-muted);border-radius:8px;border:1px solid var(--border)}.chart-label{font-size:11px;color:var(--muted);margin-bottom:12px;font-family:Space Mono,monospace}.chart-bars{display:flex;gap:4px;align-items:flex-end;height:48px}.bar{flex:1;background:var(--border);border-radius:2px 2px 0 0;position:relative;overflow:hidden}.bar:after{content:"";position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--accent),var(--accent-hover));border-radius:2px 2px 0 0;animation:grow-bar 1s ease forwards;animation-delay:var(--delay, 0s);height:0}@keyframes grow-bar{to{height:var(--h, 50%)}}.floating-tag{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--text-strong);font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow);animation:float 4s ease-in-out infinite}.floating-tag.t1{top:-20px;right:-20px;animation-delay:0s}.floating-tag.t2{bottom:80px;left:-30px;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tag-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.problem{padding:100px 5%;background:var(--bg-subtle);position:relative;overflow:hidden}.problem:before{content:"PROBLEM";position:absolute;top:40px;right:-20px;font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:160px;color:#0f1b2d08;letter-spacing:-.02em;pointer-events:none;text-transform:uppercase}.section-inner{max-width:1200px;margin:0 auto}.section-tag{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-tag:before{content:"";width:28px;height:1.5px;background:var(--accent)}.section-title{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(36px,5vw,60px);text-transform:uppercase;color:var(--text-strong);line-height:1;margin-bottom:20px}.section-title .dim{color:var(--muted)}.section-desc{font-size:17px;color:var(--muted);line-height:1.7;max-width:560px;margin-bottom:60px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-radius:12px}.problem-card{background:var(--surface);padding:40px 32px;position:relative;overflow:hidden;transition:all .3s;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.problem-card:hover{background:var(--surface);box-shadow:var(--shadow-lg);border-color:var(--border-accent)}.problem-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.problem-card:hover:before{transform:scaleX(1)}.p-icon{font-size:36px;margin-bottom:20px;display:block}.p-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:22px;text-transform:uppercase;color:var(--text-strong);margin-bottom:12px;letter-spacing:.02em}.p-desc{font-size:14px;color:var(--muted);line-height:1.7}.how{padding:100px 5%;position:relative;overflow:hidden;background:var(--bg)}.steps-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:60px}.steps-list{display:flex;flex-direction:column;gap:0}.step{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:all .3s;position:relative}.step:last-child{border-bottom:none}.step.active .step-num{background:var(--accent);color:var(--white)}.step.active .step-title{color:var(--accent)}.step:hover .step-num{background:#5cb33526}.step-num{width:44px;height:44px;border-radius:8px;background:var(--surface-muted);display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:20px;color:var(--muted);flex-shrink:0;transition:all .3s}.step-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:22px;text-transform:uppercase;color:var(--text-strong);margin-bottom:6px;transition:color .3s}.step-desc{font-size:14px;color:var(--muted);line-height:1.6}.steps-visual{position:relative}.phone-mock{background:var(--surface);border:2px solid var(--border);border-radius:32px;padding:20px;box-shadow:var(--shadow-lg);max-width:300px;margin:0 auto}.phone-notch{width:80px;height:6px;background:var(--border);border-radius:3px;margin:0 auto 20px}.app-screen{display:flex;flex-direction:column;gap:12px}.app-header{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:20px;color:var(--text-strong);padding-bottom:12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.app-header-badge{font-size:10px;background:#5cb33526;color:var(--accent);padding:3px 8px;border-radius:20px;font-family:Barlow,sans-serif;font-weight:600}.app-filter{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.filter-chip.active{background:var(--accent);color:var(--white)}.filter-chip:not(.active){background:var(--surface-muted);color:var(--muted)}.app-listing{background:var(--surface-muted);border-radius:10px;padding:14px;border:1px solid var(--border)}.app-listing-name{font-size:13px;font-weight:600;color:var(--text-strong)}.app-listing-meta{display:flex;justify-content:space-between;margin-top:8px;align-items:center}.app-listing-qty{font-size:11px;color:var(--muted)}.app-listing-price{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:18px;color:var(--accent)}.categories{padding:100px 5%;background:var(--bg-subtle)}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:60px}.cat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 24px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;text-decoration:none;box-shadow:var(--shadow)}.cat-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-accent)}.cat-card:hover .cat-arrow{transform:translate(3px,-3px);color:var(--accent)}.cat-card:before{content:"";position:absolute;bottom:0;left:0;right:0;top:0;background:radial-gradient(ellipse at bottom left,rgba(92,179,53,.06) 0%,transparent 60%);opacity:0;transition:opacity .3s}.cat-card:hover:before{opacity:1}.cat-emoji{font-size:32px;margin-bottom:16px;display:block}.cat-name{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:20px;text-transform:uppercase;color:var(--text-strong);margin-bottom:6px}.cat-count{font-size:13px;color:var(--muted)}.cat-arrow{position:absolute;top:24px;right:24px;font-size:18px;color:var(--muted);transition:all .3s}.features{padding:100px 5%;background:var(--bg)}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:60px}.feature-list{display:flex;flex-direction:column;gap:24px}.feat-item{display:flex;gap:20px;padding:24px;background:var(--surface);border-radius:10px;border:1px solid var(--border);transition:all .3s;box-shadow:var(--shadow)}.feat-item:hover{border-color:var(--border-accent);background:var(--surface);box-shadow:var(--shadow-lg)}.feat-icon{width:48px;height:48px;background:#5cb3351a;border:1px solid var(--border-accent);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.feat-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:18px;text-transform:uppercase;color:var(--text-strong);margin-bottom:6px}.feat-desc{font-size:14px;color:var(--muted);line-height:1.6}.features-right{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 24px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.metric-box.highlight{background:var(--accent);border-color:var(--accent)}.metric-box.highlight .metric-num,.metric-box.highlight .metric-label{color:var(--white)}.metric-box.span2{grid-column:span 2}.metric-num{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:48px;line-height:1;color:var(--text-strong)}.metric-num span{color:var(--accent)}.metric-box.highlight .metric-num span{color:var(--white)}.metric-label{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5}.testimonials{padding:100px 5%;background:var(--bg-subtle)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}.testi-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;transition:all .3s;box-shadow:var(--shadow)}.testi-card:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.testi-card.featured{border-color:var(--border-accent);background:var(--surface);box-shadow:var(--shadow-lg)}.testi-quote{font-size:32px;color:var(--accent);font-family:Barlow Condensed,sans-serif;font-weight:900;line-height:1;margin-bottom:16px}.testi-text{font-size:15px;color:var(--text);line-height:1.7;margin-bottom:24px}.testi-author{display:flex;align-items:center;gap:14px}.testi-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;font-family:Barlow Condensed,sans-serif;flex-shrink:0}.testi-name{font-size:14px;font-weight:600;color:var(--text-strong)}.testi-role{font-size:12px;color:var(--muted);margin-top:2px}.stars{color:var(--accent);font-size:12px;letter-spacing:2px;margin-bottom:16px}.cta-section{padding:100px 5%;position:relative;overflow:hidden;background:var(--bg)}.cta-inner{max-width:1200px;margin:0 auto;background:var(--surface);border:1px solid var(--border-accent);border-radius:20px;padding:80px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;box-shadow:var(--shadow-lg)}.cta-inner:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(92,179,53,.1) 0%,transparent 70%);pointer-events:none}.cta-title{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(36px,4vw,56px);text-transform:uppercase;color:var(--text-strong);line-height:1;margin-bottom:16px}.cta-title span{color:var(--accent)}.cta-sub{font-size:16px;color:var(--muted);max-width:480px;line-height:1.7}.cta-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.cta-actions .btn{width:200px;justify-content:center;font-size:16px;padding:16px 32px}.store-badge{display:flex;align-items:center;gap:10px;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;padding:10px 20px;width:200px;text-decoration:none;transition:all .2s}.store-badge:hover{border-color:var(--accent);background:var(--bg-subtle)}.store-badge-icon{font-size:22px}.store-badge-text{font-size:11px;color:var(--muted)}.store-badge-name{font-size:14px;font-weight:600;color:var(--text-strong)}footer{background:var(--navy);border-top:1px solid rgba(255,255,255,.08);padding:60px 5% 40px}.footer-inner{max-width:1200px;margin:0 auto 50px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}.footer-brand .logo{font-size:32px}.footer-tagline{font-size:14px;color:#ffffffa6;line-height:1.7;margin-top:12px;max-width:280px}.footer-col-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.06em;color:var(--white);margin-bottom:20px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:14px;color:#ffffffa6;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:30px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.footer-copy{font-size:13px;color:#ffffff8c}.footer-made{font-family:Space Mono,monospace;font-size:11px;color:#ffffff8c}.footer-made span{color:var(--accent)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.hamburger{display:none;min-width:44px;padding:10px 14px}.hamburger-icon{font-size:18px;line-height:1}.landing-mobile-menu{display:none}.landing-mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;border:none;background:#0f1b2d73;opacity:0;pointer-events:none;transition:opacity .2s ease}.landing-mobile-menu-panel{position:fixed;top:72px;right:0;bottom:0;z-index:101;width:min(320px,88vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);padding:1.25rem 1rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;transform:translate(100%);transition:transform .25s ease;overflow-y:auto}.landing-mobile-menu-links{list-style:none;display:flex;flex-direction:column;gap:.25rem}.landing-mobile-menu-links a{display:block;padding:.85rem .75rem;border-radius:8px;color:var(--text-strong);text-decoration:none;font-weight:600;font-size:15px;letter-spacing:.04em;text-transform:uppercase;transition:background .15s,color .15s}.landing-mobile-menu-links a:hover{background:var(--bg-subtle);color:var(--accent)}.landing-mobile-menu-cta{display:flex;flex-direction:column;gap:.65rem;margin-top:auto}.landing-mobile-menu.is-open .landing-mobile-menu-backdrop{opacity:1;pointer-events:auto}.landing-mobile-menu.is-open .landing-mobile-menu-panel{transform:translate(0)}.nav-user{display:inline-flex;align-items:center;gap:10px;max-width:180px}.nav-user-avatar,.nav-user-initial{width:32px;height:32px;border-radius:50%;flex-shrink:0}.nav-user-avatar{object-fit:cover}.nav-user-initial{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-muted);color:var(--text-strong);font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:14px}.nav-user-email{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-page{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:48px 5%;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(92,179,53,.1) 0%,transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-subtle) 100%)}.auth-shell{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:28px}.auth-logo{line-height:0}.auth-logo .logo-img{height:52px;width:auto}.auth-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);padding:32px}.auth-callback-card{text-align:center;color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;padding:4px;background:var(--surface-muted);border-radius:6px}.auth-tab{border:none;background:transparent;color:var(--muted);font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:10px 12px;border-radius:4px;cursor:pointer;transition:all .2s}.auth-tab.active{background:var(--surface);color:var(--text-strong);box-shadow:var(--shadow)}.auth-header{margin-bottom:24px}.auth-step-badge{display:inline-block;align-self:flex-start;margin-bottom:16px;padding:6px 12px;border-radius:4px;background:#5cb3351f;color:var(--accent-hover);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-header h1{font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:800;color:var(--text-strong);margin-bottom:8px}.auth-header p{font-size:15px;color:var(--muted);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-label{font-size:13px;font-weight:600;color:var(--text-strong)}.auth-input{width:100%;border:1.5px solid var(--border);border-radius:4px;padding:12px 14px;font-family:Barlow,sans-serif;font-size:15px;color:var(--text-strong);background:var(--bg);transition:border-color .2s,box-shadow .2s}.auth-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.auth-phone-field{display:flex;align-items:center;width:100%;border:1.5px solid var(--border);border-radius:4px;background:var(--bg);overflow:hidden;transition:border-color .2s,box-shadow .2s}.auth-phone-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.auth-country-code{flex-shrink:0;padding:12px 0 12px 14px;font-family:Barlow,sans-serif;font-size:15px;font-weight:600;color:var(--text-strong)}.auth-phone-divider{width:1px;height:22px;margin:0 10px;background:var(--border);flex-shrink:0}.auth-phone-input{border:none!important;box-shadow:none!important;padding-left:0;border-radius:0}.auth-phone-input:focus{border:none!important;box-shadow:none!important}.auth-alt-method{display:block;width:100%;text-align:center;margin-top:16px}.auth-otp-input{letter-spacing:.35em;text-align:center;font-family:Space Mono,monospace;font-size:20px}.auth-submit,.auth-google-btn{width:100%;justify-content:center;margin-top:8px}.auth-google-btn{margin-bottom:0}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-error{color:#c0392b;font-size:14px}.auth-info{color:var(--accent-hover);font-size:14px}.auth-email-hint{font-size:14px;color:var(--muted)}.auth-switch{margin-top:24px;text-align:center;font-size:14px;color:var(--muted)}.auth-link-btn{border:none;background:none;padding:0;color:var(--accent);font-family:inherit;font-size:inherit;font-weight:600;cursor:pointer}.auth-link-btn:hover{color:var(--accent-hover);text-decoration:underline}@media(max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:60px}.hero-visual{display:none}.cat-grid{grid-template-columns:repeat(2,1fr)}.features-grid,.steps-layout{grid-template-columns:1fr}}@media(max-width:768px){.nav-links,.nav-cta{display:none}.hamburger{display:inline-flex;align-items:center;justify-content:center}.landing-mobile-menu{display:block}.problem-grid,.testimonial-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:40px}.cta-inner{grid-template-columns:1fr;text-align:center}.cta-actions{align-items:center}.cat-grid{grid-template-columns:repeat(2,1fr)}.features-right{grid-template-columns:1fr}.metric-box.span2{grid-column:span 1}.footer-bottom{flex-direction:column;gap:10px;text-align:center}}.app-loading{min-height:100svh;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle)}.app-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:app-spin .8s linear infinite}@keyframes app-spin{to{transform:rotate(360deg)}}.app-shell{min-height:100svh;display:grid;grid-template-columns:260px minmax(0,1fr);background:var(--bg-subtle)}.app-sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem 1rem;position:sticky;top:0;height:100svh;grid-column:1;grid-row:1}.app-sidebar-logo{display:block;line-height:0;padding:0 .25rem;text-decoration:none}.app-sidebar-logo img{height:40px;width:auto;display:block;object-fit:contain}.app-sidebar-nav{display:flex;flex-direction:column;gap:.35rem;margin-top:2rem;flex:1;position:static;top:auto;left:auto;right:auto;width:100%;height:auto;z-index:auto;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none;box-shadow:none;justify-content:flex-start;align-items:stretch}.app-nav-link{display:flex;align-items:center;gap:.65rem;padding:.75rem .9rem;border-radius:10px;color:var(--muted);font-weight:600;font-size:.95rem;text-decoration:none;transition:background .15s,color .15s;width:100%;border:1px solid transparent}.app-nav-link:hover{background:var(--bg-subtle);color:var(--text-strong)}.app-nav-link.active{background:#5cb3351f;color:var(--accent);border:1px solid var(--border-accent)}.app-nav-label-with-badge{display:inline-flex;align-items:center;gap:.45rem}.app-nav-badge{min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.68rem;font-weight:700;line-height:1.25rem;text-align:center}.msg-toast{position:fixed;right:1rem;bottom:calc(1rem + var(--keyboard-inset, 0px));z-index:140;display:flex;align-items:stretch;gap:.25rem;width:min(360px,calc(100vw - 2rem));background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 36px #0f1b2d2e;overflow:hidden;animation:msg-toast-in .22s ease-out}.msg-toast-body{flex:1;border:none;background:transparent;text-align:left;padding:.85rem .9rem;cursor:pointer;display:flex;flex-direction:column;gap:.15rem}.msg-toast-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.msg-toast-title{font-size:.95rem;font-weight:700;color:var(--text-strong)}.msg-toast-preview{font-size:.85rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-toast-close{border:none;background:transparent;color:var(--muted);font-size:1.35rem;line-height:1;padding:.65rem .8rem;cursor:pointer}.msg-toast-close:hover{color:var(--text-strong)}@keyframes msg-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.msg-toast{bottom:calc(4.5rem + var(--keyboard-inset, 0px));left:1rem;right:1rem;width:auto}}.app-sidebar-cta{margin-top:auto;padding-top:1rem}.app-main{display:flex;flex-direction:column;min-width:0;grid-column:2;grid-row:1}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-topbar-title{font-size:1.1rem;font-weight:800;color:var(--text-strong)}.app-topbar-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto}.app-sidebar-role-switch{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.role-switch-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;border-radius:10px;border:1.5px solid var(--border-accent);background:#5cb33514;color:var(--accent);font-weight:700;font-size:.85rem;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;font-family:Barlow Condensed,sans-serif}.role-switch-btn:hover:not(:disabled){background:#5cb33529;border-color:var(--accent)}.role-switch-btn:disabled{opacity:.65;cursor:wait}.role-switch-btn-icon{font-size:1rem;line-height:1}.role-switch-btn-compact{width:auto;padding:.5rem .75rem;font-size:.72rem;white-space:nowrap;flex-shrink:0}.role-switch-btn-compact .role-switch-btn-text{display:inline}.app-nav-link-switch{border:none;background:#5cb3351f;color:var(--accent);font-weight:800;cursor:pointer;font-family:inherit}.app-nav-link-switch:disabled{opacity:.65;cursor:wait}.app-topbar-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.app-topbar-name{display:none}}.app-topbar-user{display:flex;align-items:center;gap:.65rem;color:var(--muted);font-size:.9rem;font-weight:600}.app-topbar-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-muted);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-strong);font-size:.85rem;overflow:hidden}.app-topbar-avatar img{width:100%;height:100%;object-fit:cover}.app-content{flex:1;padding:1.5rem;max-width:1200px;width:100%;margin:0 auto}.app-bottom-nav{display:none;position:static;top:auto;left:auto;right:auto;width:auto;height:auto;z-index:auto;padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;box-shadow:none;justify-content:flex-start}.dash-hero{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:1.25rem}.dash-role-badge{display:inline-block;background:#5cb3351f;color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.08em;padding:.25rem .65rem;border-radius:999px;border:1px solid var(--border-accent);margin-bottom:.5rem}.dash-hero h1{font-size:1.75rem;font-weight:800;color:var(--text-strong);margin-bottom:.35rem}.dash-hero p{color:var(--muted);line-height:1.5}.dash-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}.dash-stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem}.dash-stat-value{font-size:1.75rem;font-weight:800;color:var(--text-strong)}.dash-stat-label{color:var(--muted);font-size:.85rem;font-weight:600}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem}.dash-section-title{font-size:1.1rem;font-weight:800;color:var(--text-strong);margin-bottom:.75rem}.dash-error{color:#c0392b;font-size:.9rem;margin:.5rem 0}.dash-success{color:var(--accent);font-size:.9rem;font-weight:600;margin:.5rem 0}.buyer-home-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.buyer-home-header-text{min-width:0}.buyer-home-header h2{font-size:1.5rem;font-weight:800;color:var(--text-strong);margin:0}.buyer-home-header p{color:var(--muted);font-size:.9rem;margin:.15rem 0 0}.buyer-location-trigger{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .85rem .5rem .55rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-strong);cursor:pointer;max-width:100%;box-shadow:0 1px 2px #0f1b2d0d;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.buyer-location-trigger:hover{border-color:var(--accent);box-shadow:0 4px 12px #5cb33526;transform:translateY(-1px)}.buyer-location-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.buyer-location-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#5cb3351f;color:var(--accent);flex-shrink:0}.buyer-location-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:.1rem}.buyer-location-label{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1}.buyer-location-value{font-size:.88rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.buyer-location-chevron{display:inline-flex;align-items:center;color:var(--muted);flex-shrink:0;transition:transform .15s ease}.buyer-location-trigger:hover .buyer-location-chevron{transform:translateY(1px);color:var(--accent)}@media(max-width:768px){.buyer-home-header{flex-direction:column;align-items:stretch;gap:.75rem}.buyer-location-trigger{width:100%;justify-content:flex-start}.buyer-location-value{max-width:none}.buyer-location-chevron{margin-left:auto}}.location-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b2d80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:1rem;animation:location-backdrop-in .18s ease}@keyframes location-backdrop-in{0%{opacity:0}to{opacity:1}}.location-modal{width:min(440px,100%);max-height:85vh;overflow:hidden;display:flex;flex-direction:column;gap:.75rem;background:var(--surface);border-radius:18px;padding:1.15rem 1.25rem 1.25rem;box-shadow:0 24px 60px #0f1b2d40;animation:location-modal-in .22s ease}@keyframes location-modal-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:769px){.location-modal-backdrop{align-items:center}}.location-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.location-modal-header h3{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-strong)}.location-modal-close{width:32px;height:32px;border:none;border-radius:50%;background:var(--bg-subtle, #eef2f6);color:var(--text-strong);font-size:1.35rem;line-height:1;cursor:pointer;transition:background .15s ease}.location-modal-close:hover{background:var(--border)}.location-modal-current{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.85rem;color:var(--muted);font-weight:600}.location-clear-btn{border:none;background:none;color:#c0392b;font-size:.85rem;font-weight:700;cursor:pointer;padding:0}.location-gps-btn{width:100%;border:none;border-radius:12px;background:var(--accent);color:#fff;font-size:.95rem;font-weight:700;padding:.85rem 1rem;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.location-gps-btn:hover:not(:disabled){background:var(--accent-hover, #4a9b2a);box-shadow:0 4px 14px #5cb3354d}.location-gps-btn:disabled{opacity:.7;cursor:wait}.location-profile-btn{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);padding:.75rem .9rem;cursor:pointer;text-align:left}.location-profile-btn:hover{border-color:var(--accent)}.location-profile-label{font-size:.7rem;font-weight:600;color:var(--muted)}.location-profile-value{font-size:.9rem;font-weight:700;color:var(--text-strong)}.location-modal-error{margin:0;color:#c0392b;font-size:.85rem;line-height:1.35}.location-search-box input{width:100%;padding:.7rem .85rem;border:1.5px solid var(--border);border-radius:12px;font-size:.9rem;background:var(--surface);color:var(--text-strong)}.location-search-box input:focus{outline:none;border-color:var(--accent)}.location-city-list{overflow-y:auto;max-height:280px;display:flex;flex-direction:column}.location-city-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;border:none;border-bottom:1px solid var(--border);background:transparent;border-radius:8px;padding:.75rem .5rem;text-align:left;font-size:.9rem;font-weight:600;color:var(--text-strong);cursor:pointer;transition:background .12s ease}.location-city-row:hover{background:var(--bg-subtle, #f4f7fa)}.location-city-row:last-child{border-bottom:none}.location-city-row.selected{color:var(--accent)}.location-city-state{color:var(--muted);font-weight:500}.location-city-check{color:var(--accent);font-weight:700}.location-city-empty{margin:.75rem 0;text-align:center;color:var(--muted);font-size:.85rem}.buyer-search-wrap{position:relative;display:flex;align-items:center;margin-bottom:1rem}.buyer-search-icon{position:absolute;left:.9rem;display:inline-flex;color:var(--muted);pointer-events:none}.buyer-search{width:100%;padding:.85rem 2.5rem .85rem 2.6rem;border:1.5px solid var(--border);border-radius:10px;font-size:1rem;background:var(--surface);color:var(--text-strong)}.buyer-search::-webkit-search-cancel-button{display:none}.buyer-search:focus{outline:none;border-color:var(--accent)}.buyer-search-clear{position:absolute;right:.55rem;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:999px;background:transparent;color:var(--muted);font-size:1.25rem;line-height:1;cursor:pointer}.buyer-search-clear:hover{background:var(--bg-subtle, #f4f7fa);color:var(--text-strong)}.buyer-search-status{margin:0;font-size:.85rem;color:var(--muted);display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;min-width:0}.buyer-search-updating{color:var(--accent);font-weight:600}.buyer-search-status-clear{border:none;background:none;padding:0;margin-left:.25rem;color:var(--accent);font-size:.85rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.product-grid.is-updating{opacity:.72;transition:opacity .15s ease}.category-carousel{display:flex;gap:.5rem;overflow-x:auto;padding:.15rem .15rem .65rem;margin-bottom:1rem;scrollbar-width:none}.category-carousel::-webkit-scrollbar{display:none}.category-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .9rem .4rem .45rem;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-strong);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.category-chip-all{padding:.5rem 1.1rem}.category-chip-cat{background:var(--cat-bg, var(--surface));border-color:color-mix(in srgb,var(--cat-color, var(--accent)) 30%,transparent);color:color-mix(in srgb,var(--cat-color, #1c2a3a) 75%,#0f1b2d)}.category-chip:hover{border-color:var(--cat-color, var(--accent));box-shadow:0 4px 12px #0f1b2d14;transform:translateY(-1px)}.category-chip:focus-visible{outline:2px solid var(--cat-color, var(--accent));outline-offset:2px}.category-chip-icon{color:var(--accent)}.category-chip.active .category-chip-icon{color:#fff}.category-icon-picker{display:flex;flex-wrap:wrap;gap:.5rem}.category-icon-option{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--bg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent)}.category-icon-option.active{background:var(--accent);border-color:var(--accent);color:#fff}.category-icon-option.active ion-icon{color:#fff}.category-tile-icon ion-icon{color:var(--accent)}.category-chip.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 6px 16px #0f1b2d2e}.category-chip-cat.active{background:var(--cat-color, var(--accent));border-color:var(--cat-color, var(--accent));color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--cat-color, var(--accent)) 35%,transparent)}.category-chip-cat.active .category-chip-thumb{background:#ffffffe6}.category-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem}.category-picker-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem .85rem;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-strong);font-size:.85rem;font-weight:600;cursor:pointer;text-align:left}.category-picker-chip-icon{color:var(--accent);flex-shrink:0}.category-picker-chip.active{background:#5cb33514;border-color:var(--accent);color:var(--accent)}.category-picker-chip.active .category-picker-chip-icon{color:var(--accent)}.filter-section{margin-bottom:1rem}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem}.filter-header h3{font-size:1.1rem;font-weight:800;color:var(--text-strong)}.filter-header span{color:var(--muted);font-size:.85rem;font-weight:600}.filter-chips{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.filter-chip{flex-shrink:0;padding:.45rem .9rem;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-strong);font-size:.85rem;font-weight:600;cursor:pointer}.filter-chip.active{background:var(--navy);border-color:var(--navy);color:#fff}.filter-chip:disabled{opacity:.45;cursor:not-allowed}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.product-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-align:left;transition:box-shadow .15s}.product-card:hover{box-shadow:var(--shadow)}.product-card-main{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:left;color:inherit;font:inherit}.product-card-save{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;border:0;border-radius:999px;background:var(--surface);color:var(--text-strong);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px #0f1b2d1f}.product-card-save svg{width:16px;height:16px}.product-card-save.is-saved,.product-card-save:hover{color:var(--accent);background:#5cb33529}.product-card-image{position:relative;height:140px;background:var(--surface-muted)}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card-location{position:absolute;left:8px;bottom:8px;background:var(--surface);border:1px solid var(--border-accent);border-radius:999px;padding:.2rem .5rem;font-size:.65rem;font-weight:700;color:var(--accent)}.product-card-body{padding:.75rem}.product-card-title{font-size:.9rem;font-weight:700;color:var(--text-strong);line-height:1.3;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-category{font-size:.75rem;color:var(--muted);margin-top:.15rem}.product-card-price{font-size:.95rem;font-weight:800;color:var(--text-strong);margin-top:.35rem}.product-card-seller{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.75rem;color:var(--muted);font-weight:600}.product-card-seller-avatar{width:22px;height:22px;border-radius:50%;background:var(--surface-muted);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.65rem;color:var(--text-strong)}.categories-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem;padding:0 .15rem}.category-list-card{position:relative;display:flex;flex-direction:row;align-items:center;gap:.85rem;width:100%;padding:.9rem 1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface);cursor:pointer;text-align:left;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.category-list-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cat-bg, rgba(92, 179, 53, .12));opacity:0;transition:opacity .18s ease;pointer-events:none}.category-list-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f1b2d1a;border-color:var(--cat-color, var(--accent))}.category-list-card:hover:before{opacity:.5}.category-list-card:focus-visible{outline:2px solid var(--cat-color, var(--accent));outline-offset:2px}.category-list-card:hover .category-list-card-icon{transform:scale(1.05)}.category-list-card:hover .category-list-card-arrow{color:var(--cat-color, var(--accent));transform:translate(2px)}.category-list-card-icon{position:relative;z-index:1;flex-shrink:0;width:64px;height:64px;border-radius:14px;background:var(--cat-bg, #eef2f6);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:.55rem;transition:transform .18s ease}.category-list-card-image{width:100%;height:100%;object-fit:contain}.category-image{display:block;object-fit:contain}.category-chip-thumb{width:30px;height:30px;border-radius:8px;background:var(--cat-bg, #eef2f6);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;padding:3px;transition:background .16s ease}.category-chip-image{width:100%;height:100%;object-fit:contain}.category-picker-chip-thumb{width:32px;height:32px;border-radius:8px;background:#eef2f6;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;padding:3px}.category-picker-chip-image{width:100%;height:100%;object-fit:contain}.category-picker-chip.active .category-picker-chip-thumb{background:#e8f5e3}.category-list-card-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.category-list-card-name{font-weight:700;color:var(--text-strong);font-size:.95rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-list-card-count{font-size:.78rem;color:var(--muted);font-weight:500}.category-list-card-arrow{position:relative;z-index:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:color .18s ease,transform .18s ease}.category-list-card-top,.category-list-card-chevron{display:none}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.category-tile{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem;cursor:pointer;text-align:left;transition:box-shadow .15s}.category-tile:hover{box-shadow:var(--shadow)}.category-tile-icon{width:48px;height:48px;border-radius:14px;background:#5cb3351f;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.5rem}.category-tile-name{font-weight:800;color:var(--text-strong);font-size:.95rem;line-height:1.3}.category-tile-count{color:var(--muted);font-size:.75rem;font-weight:600;margin-top:.25rem}.detail-page{padding-top:.5rem;max-width:1100px}.detail-top-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.detail-back{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent);font-weight:700;text-decoration:none;margin-bottom:0;background:none;border:none;cursor:pointer;font-size:.95rem;padding:.35rem 0}.detail-save-btn{display:inline-flex;align-items:center;gap:.4rem;border:0;border-radius:999px;padding:.5rem .9rem;background:var(--surface-muted);color:var(--text-strong);font-size:.875rem;font-weight:700;cursor:pointer}.detail-save-btn svg{width:16px;height:16px}.detail-save-btn.is-saved,.detail-save-btn:hover{color:var(--accent);background:#5cb33524}.detail-save-btn:disabled{opacity:.7;cursor:wait}.detail-hero{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:.5rem}.detail-hero-side{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.detail-gallery{min-width:0}.detail-gallery>img{width:100%;max-height:280px;object-fit:cover;display:block;border-radius:12px;background:var(--surface-muted)}.detail-gallery-fallback{height:240px;display:flex;align-items:center;justify-content:center;background:var(--surface-muted);color:var(--muted);font-weight:600;border-radius:12px}.detail-thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.detail-thumb{width:64px;height:64px;padding:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;background:var(--surface)}.detail-thumb img{width:100%;height:100%;object-fit:cover;display:block}.detail-thumb.is-active{border:2px solid var(--accent)}.detail-summary{padding:0}.detail-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.detail-chip{padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;background:#5cb3351f;color:var(--accent)}.detail-chip.muted{background:var(--surface-muted);color:var(--muted)}.detail-title{font-size:1.5rem;font-weight:800;color:var(--text-strong);line-height:1.25;margin-bottom:.5rem;letter-spacing:-.02em}.detail-price-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.detail-price{font-size:1.75rem;font-weight:800;color:var(--accent)}.detail-price-type{background:#5cb3351f;border-radius:8px;padding:.3rem .65rem;font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.detail-stat-label{font-size:.65rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.detail-stat-value{font-size:.95rem;font-weight:700;color:var(--text-strong);margin-top:.15rem}.detail-seller-block{padding-top:1.25rem;border-top:1px solid var(--border)}.detail-seller-block h3{font-size:1.1rem;font-weight:800;color:var(--text-strong);margin-bottom:.25rem}.detail-seller-block .inquiry-cta{margin-top:1rem}.detail-section{padding:1.25rem 0;margin-bottom:0;border-top:1px solid var(--border);background:transparent}.detail-section h3{font-size:1.1rem;font-weight:800;color:var(--text-strong);margin-bottom:.25rem}.detail-section-sub{color:var(--muted);font-size:.85rem;margin-bottom:.75rem}.detail-seller{display:flex;align-items:center;gap:.75rem}.detail-seller-avatar{width:44px;height:44px;border-radius:50%;background:var(--surface-muted);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:var(--text-strong)}.detail-seller-name{font-weight:800;color:var(--text-strong)}.detail-seller-email{color:var(--muted);font-size:.85rem}.detail-body{color:var(--text-strong);line-height:1.6}.detail-attrs{display:grid;grid-template-columns:1fr}.detail-attr-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.detail-attrs .detail-attr-row:last-child{border-bottom:none}.detail-attr-key{flex:1;font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding-top:.15rem}.detail-attr-value{flex:1.2;font-weight:700;color:var(--text-strong);text-align:right;line-height:1.4}.detail-browse-link{margin-top:1.25rem}@media(min-width:900px){.detail-hero{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start;gap:2rem;margin-bottom:.75rem}.detail-hero-side{position:sticky;top:5.5rem}.detail-gallery>img{max-height:420px}.detail-gallery-fallback{height:320px}.detail-title{font-size:1.65rem}.detail-attrs{grid-template-columns:1fr 1fr;column-gap:2rem}.detail-attrs .detail-attr-row:nth-last-child(-n+2){border-bottom:none}}@media(max-width:899px){.detail-hero{grid-template-columns:1fr}.detail-gallery>img{max-height:280px}}.listing-row{display:flex;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.75rem;cursor:pointer;margin-bottom:.65rem;text-align:left;width:100%;transition:box-shadow .15s}.listing-row:hover{box-shadow:var(--shadow)}.listing-row-image{width:84px;height:84px;border-radius:10px;object-fit:cover;background:var(--surface-muted);flex-shrink:0}.listing-row-info{flex:1;min-width:0}.listing-row-top{display:flex;align-items:flex-start;gap:.5rem}.listing-row-title{flex:1;font-weight:700;color:var(--text-strong);font-size:.95rem;line-height:1.3}.listing-condition{font-size:.6rem;font-weight:700;text-transform:uppercase;color:var(--muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;padding:.2rem .5rem;white-space:nowrap}.listing-row-meta{color:var(--muted);font-size:.75rem;margin-top:.25rem}.listing-row-price{color:var(--accent);font-weight:700;font-size:.85rem;margin-top:.35rem}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--muted)}.empty-state h3{color:var(--text-strong);font-weight:800;margin-bottom:.35rem}.form-section{margin-bottom:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.form-section:first-child{border-top:none;padding-top:0}.form-section h4{font-size:1.1rem;font-weight:800;color:var(--text-strong);margin-bottom:.25rem}.form-section p{color:var(--muted);font-size:.85rem;margin-bottom:.75rem}.form-field{margin-bottom:.85rem}.form-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong);margin-bottom:.35rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem .9rem;border:1.5px solid var(--border);border-radius:10px;font-size:.95rem;color:var(--text-strong);background:var(--bg);font-family:inherit}.form-textarea{min-height:100px;resize:vertical}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-chips{display:flex;flex-wrap:wrap;gap:.5rem}.form-chip{padding:.45rem .85rem;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer}.form-chip.active{border-color:var(--accent);background:#5cb3351f;color:var(--accent);font-weight:700}.form-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-subtle);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:.85rem}.attribute-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:14px;margin-bottom:.65rem;overflow:hidden}.attribute-header{display:flex;align-items:center;gap:.65rem;padding:.65rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.attribute-badge{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem}.attribute-fields{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:.75rem}.image-upload-grid{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:.85rem}.image-preview-wrap{position:relative;width:96px;height:96px;border-radius:10px;overflow:hidden}.image-preview-wrap img{width:100%;height:100%;object-fit:cover}.image-remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:1rem;line-height:1}.image-add-btn{width:96px;height:96px;border-radius:10px;border:1.5px dashed var(--border);background:var(--bg);color:var(--accent);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.role-select-page{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--bg-subtle)}.role-select-shell{max-width:520px;width:100%}.role-select-shell h1{font-size:1.75rem;font-weight:800;color:var(--text-strong);margin:1.5rem 0 .35rem}.role-select-shell>p{color:var(--muted);margin-bottom:1.5rem;line-height:1.5}.role-select-shell .auth-step-badge{margin-top:1.25rem;margin-bottom:0}.role-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-bottom:.75rem;cursor:pointer;text-align:left;width:100%;transition:border-color .15s,box-shadow .15s}.role-card:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow)}.role-card:disabled{opacity:.7;cursor:wait}.role-card-badge{display:inline-block;background:#5cb3351f;color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.06em;padding:.2rem .55rem;border-radius:999px;margin-bottom:.5rem}.role-card h2{font-size:1.15rem;font-weight:800;color:var(--text-strong);margin-bottom:.35rem}.role-card p{color:var(--muted);font-size:.9rem;line-height:1.45}.profile-account{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-bottom:1rem}.profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--surface-muted);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;color:var(--text-strong);overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:1.1rem;font-weight:800;color:var(--text-strong)}.profile-email{color:var(--muted);font-size:.9rem}.profile-actions{margin-top:1rem}.btn-block{width:100%;margin-bottom:.65rem}.refresh-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}@media(max-width:768px){.app-shell{grid-template-columns:1fr;padding-bottom:72px}.app-sidebar,.app-sidebar-role-switch{display:none}.app-main{grid-column:1}.app-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;height:auto;background:var(--surface);border-top:1px solid var(--border);border-bottom:none;padding:.5rem;z-index:20;justify-content:space-around;align-items:center}.app-bottom-nav .app-nav-link{flex-direction:column;gap:.2rem;padding:.5rem;font-size:.7rem;border:none;background:none}.app-bottom-nav .app-nav-link.active{background:none;border:none}.app-bottom-nav .app-nav-link-switch{background:#5cb3351f;border:1px solid var(--border-accent);border-radius:10px}.app-content{padding:1rem}.form-row,.attribute-fields{grid-template-columns:1fr}.dash-stats{grid-template-columns:1fr 1fr}}.inquiry-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;margin-bottom:0}.inquiry-cta-icon{font-size:1.05rem;line-height:1}.inquiry-own-note{margin-top:1rem;margin-bottom:0;font-style:italic}.inquiry-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:inquiry-fade .18s ease}@media(min-width:640px){.inquiry-overlay{align-items:center}}@keyframes inquiry-fade{0%{opacity:0}to{opacity:1}}.inquiry-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;padding:0;cursor:pointer;background:#0f1b2d73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.inquiry-sheet{position:relative;z-index:1;width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:20px 20px 0 0;padding:1.5rem;box-shadow:0 -8px 40px #0f1b2d2e;animation:inquiry-slide .22s ease}@media(min-width:640px){.inquiry-sheet{border-radius:20px;margin:1rem}}@keyframes inquiry-slide{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}.inquiry-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.inquiry-title{font-size:1.25rem;font-weight:800;color:var(--text-strong);margin-bottom:.25rem}.inquiry-subtitle{color:var(--muted);font-size:.9rem;line-height:1.45}.inquiry-close{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg-subtle);color:var(--muted);font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.inquiry-close:hover{color:var(--text-strong);background:var(--surface-muted)}.inquiry-textarea{margin-bottom:.75rem}.inquiry-actions{display:flex;gap:.75rem}.inquiry-actions .btn{flex:1;margin-bottom:0}.messages-head{margin-bottom:1.25rem}.messages-head-title{font-size:1.5rem;font-weight:800;color:var(--text-strong)}.messages-head-sub{color:var(--muted);font-size:.9rem;margin-top:.15rem}.conversation-list{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.conversation-row{display:flex;align-items:center;gap:.85rem;width:100%;padding:.9rem 1rem;background:var(--surface);border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:background .15s}.conversation-row:last-child{border-bottom:none}.conversation-row:hover{background:var(--bg-subtle)}.conversation-thumb{flex-shrink:0;width:52px;height:52px;border-radius:12px;overflow:hidden;background:var(--surface-muted);display:flex;align-items:center;justify-content:center}.conversation-thumb img{width:100%;height:100%;object-fit:cover}.conversation-thumb-fallback{font-weight:800;color:var(--text-strong);font-size:1.1rem}.conversation-body{flex:1;min-width:0}.conversation-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.conversation-name{font-weight:700;color:var(--text-strong);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{flex-shrink:0;color:var(--muted);font-size:.75rem;font-weight:600}.conversation-preview{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem;margin-top:.2rem}.conversation-preview-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-preview-you{color:var(--text);font-weight:600}.conversation-unread{flex-shrink:0;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.68rem;font-weight:700;line-height:1.25rem;text-align:center}.chat-panel{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;height:calc(100svh - 210px - var(--keyboard-inset, 0px));min-height:420px}.chat-header{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.chat-header-avatar{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--surface-muted);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-strong);overflow:hidden}.chat-header-avatar img{width:100%;height:100%;object-fit:cover}.chat-header-info{flex:1;min-width:0}.chat-header-name{font-weight:800;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-product{display:block;color:var(--accent);font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-product:hover{text-decoration:underline}.chat-header-thumb{flex-shrink:0;width:42px;height:42px;border-radius:10px;overflow:hidden;background:var(--surface-muted)}.chat-header-thumb img{width:100%;height:100%;object-fit:cover}.chat-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.35rem;background:var(--bg-subtle)}.chat-empty{margin:auto;color:var(--muted);font-size:.9rem}.chat-date-sep{display:flex;justify-content:center;margin:.75rem 0}.chat-date-sep span{background:#0f1b2d0f;color:var(--muted);font-size:.72rem;font-weight:700;padding:.25rem .75rem;border-radius:999px}.chat-bubble-row{display:flex;justify-content:flex-start}.chat-bubble-row.mine{justify-content:flex-end}.chat-bubble-row.grouped{margin-top:-.2rem}.chat-bubble{max-width:78%;background:var(--surface);border:1px solid var(--border);border-radius:14px 14px 14px 4px;padding:.55rem .75rem .4rem;box-shadow:0 1px 2px #0f1b2d0d}.chat-bubble.mine{background:var(--accent);border-color:var(--accent);border-radius:14px 14px 4px}.chat-bubble-text{color:var(--text-strong);font-size:.92rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.chat-bubble.mine .chat-bubble-text{color:#fff}.chat-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:.2rem;margin-top:.15rem}.chat-bubble-time{font-size:.65rem;color:var(--muted);line-height:1}.chat-bubble.mine .chat-bubble-time{color:#fffc}.chat-bubble--receipt{cursor:default;user-select:none;-webkit-user-select:none}.chat-receipt{display:inline-flex;align-items:center;line-height:0;flex-shrink:0}.chat-info-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:flex;align-items:flex-end;justify-content:center;background:#0f1b2d73;padding:1rem}.chat-info-sheet{width:min(420px,100%);background:var(--surface);border-radius:16px 16px 12px 12px;padding:.75rem 1.1rem 1rem;box-shadow:0 12px 40px #0f1b2d33}.chat-info-handle{width:36px;height:4px;border-radius:999px;background:#0f1b2d26;margin:0 auto .75rem}.chat-info-title{margin:0 0 .85rem;font-size:1.05rem;font-weight:600;color:var(--text-strong)}.chat-info-preview{margin-left:auto;max-width:85%;background:var(--accent);border-radius:14px 14px 4px;padding:.55rem .75rem .4rem;margin-bottom:1rem}.chat-info-preview-text{margin:0;color:#fff;font-size:.92rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.chat-info-preview-meta{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-top:.2rem;color:#fffc;font-size:.65rem}.chat-info-receipts{background:var(--bg-subtle, #f4f7fa);border-radius:12px;padding:0 .85rem}.chat-info-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 0;font-size:.88rem;color:var(--text-strong);border-bottom:1px solid var(--border)}.chat-info-row:last-child{border-bottom:none}.chat-info-row-label{display:inline-flex;align-items:center;gap:.45rem;font-weight:500}.chat-info-waiting{color:var(--muted);font-style:italic}.chat-info-close{display:block;width:100%;margin-top:.9rem;border:none;background:transparent;color:var(--accent);font-size:.95rem;font-weight:600;padding:.65rem;cursor:pointer}.chat-info-close:hover{opacity:.85}@media(min-width:768px){.chat-info-backdrop{align-items:center}.chat-info-sheet{border-radius:16px}}.chat-bubble-image{display:block;border:none;padding:0;border-radius:10px;overflow:hidden;margin-bottom:.35rem;background:transparent;cursor:zoom-in}.chat-bubble-image img{display:block;max-width:240px;max-height:240px;width:100%;object-fit:cover}.chat-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:1rem;animation:inquiry-fade .18s ease}.chat-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;padding:0;cursor:pointer;background:#080e18e0}.chat-lightbox-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:min(100%,960px);height:min(100%,90vh);max-height:90vh}.chat-lightbox-image{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 16px 48px #00000059;-webkit-user-select:none;user-select:none}.chat-lightbox-close{position:absolute;top:-.25rem;right:-.25rem;z-index:2;width:40px;height:40px;border:none;border-radius:999px;background:#ffffff24;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-lightbox-close:hover{background:#ffffff3d}.chat-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border:none;border-radius:999px;background:#ffffff24;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-lightbox-nav:hover{background:#ffffff3d}.chat-lightbox-prev{left:.25rem}.chat-lightbox-next{right:.25rem}.chat-lightbox-counter{position:absolute;bottom:-.25rem;left:50%;transform:translate(-50%);padding:.35rem .75rem;border-radius:999px;background:#0000008c;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.02em}@media(max-width:640px){.chat-lightbox{padding:.75rem}.chat-lightbox-close{top:.5rem;right:.5rem}.chat-lightbox-prev{left:.5rem}.chat-lightbox-next{right:.5rem}.chat-lightbox-counter{bottom:.75rem}}.chat-bubble-file{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;border-radius:10px;background:#0f1b2d0f;text-decoration:none;color:var(--text-strong);margin-bottom:.35rem;font-size:.85rem;font-weight:600}.chat-bubble.mine .chat-bubble-file{background:#fff3;color:#fff}.chat-bubble-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.chat-error{margin:0;padding:.5rem 1rem}.chat-composer{display:flex;flex-direction:column;gap:.65rem;padding:.75rem;border-top:1px solid var(--border);background:var(--surface)}.chat-composer-row{display:flex;align-items:center;gap:.5rem}.chat-attach-preview{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.15rem}.chat-attach-preview-item{position:relative;flex:0 0 auto;width:72px;height:72px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--bg-subtle)}.chat-attach-preview-item img{width:100%;height:100%;object-fit:cover;display:block}.chat-attach-preview-file{width:100%;height:100%;padding:.45rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;text-align:center;font-size:.65rem;line-height:1.2;color:var(--text-muted);word-break:break-word}.chat-attach-preview-file span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-attach-preview-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:999px;background:#0f172abf;color:#fff;font-size:.95rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-attach-preview-remove:disabled{opacity:.5;cursor:not-allowed}.chat-file-input{display:none}.chat-attach-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg-subtle);cursor:pointer;font-size:1.05rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.chat-attach-btn:hover:not(:disabled){background:var(--surface-muted)}.chat-attach-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input{flex:1;min-width:0;padding:.7rem 1rem;border:1.5px solid var(--border);border-radius:999px;font-size:.95rem;font-family:inherit;color:var(--text-strong);background:var(--bg)}.chat-input:focus{outline:none;border-color:var(--accent)}.chat-send-btn{flex-shrink:0;padding:.7rem 1.25rem;border-radius:999px;border:none;background:var(--accent);color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .15s,opacity .15s}.chat-send-btn:hover:not(:disabled){background:var(--accent-hover)}.chat-send-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:768px){.chat-panel{height:calc(100svh - 200px - var(--keyboard-inset, 0px));min-height:0}.chat-composer{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}}.sa-page{padding:1.5rem;max-width:1200px}.sa-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.sa-columns{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}@media(min-width:960px){.sa-columns{grid-template-columns:1fr 1fr}}.sa-panel{padding:1rem}.sa-panel-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.sa-panel-header h2{margin:0;font-size:1.05rem}.sa-panel-header a{color:var(--accent);font-weight:600;font-size:.9rem;text-decoration:none}.sa-toolbar{display:flex;gap:.75rem;margin-bottom:1rem;align-items:center}.sa-toolbar .auth-input{flex:1;margin:0}.sa-table-wrap{overflow-x:auto}.sa-table{width:100%;border-collapse:collapse;font-size:.9rem}.sa-table th,.sa-table td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}.sa-table th{color:var(--muted);font-weight:600;white-space:nowrap}.sa-badge{display:inline-block;margin-left:.4rem;padding:.1rem .45rem;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.sa-badge-danger{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.sa-badge-ok{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.sa-cell-stack{display:flex;flex-direction:column;gap:.15rem}.sa-muted{color:var(--muted);font-size:.8rem}.sa-action-btn{padding:.35rem .7rem;font-size:.85rem}.sa-danger-btn{color:#b91c1c;border-color:#fecaca}.sa-pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.sa-sidebar-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.sa-sidebar-email{margin:0;font-size:.8rem;color:var(--muted);word-break:break-all}.sa-logout-btn{width:100%}.sa-invite-form{margin-bottom:1rem}.sa-invite-form .sa-toolbar{margin-bottom:0}.sa-chats-layout{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:1100px){.sa-chats-layout{grid-template-columns:1.4fr 1fr;align-items:start}}.sa-actions-stack{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.sa-preview{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-row-active td{background:var(--bg-subtle)}.sa-thread-panel{min-height:320px;position:sticky;top:1rem}.sa-thread-meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem;font-size:.85rem}.sa-thread-messages{display:flex;flex-direction:column;gap:.75rem;max-height:70vh;overflow-y:auto;margin-top:.75rem;padding-right:.25rem}.sa-thread-message{border:1px solid var(--border);border-radius:.65rem;padding:.65rem .75rem;background:var(--bg-subtle)}.sa-thread-message p{margin:.35rem 0 0;white-space:pre-wrap;word-break:break-word}.sa-thread-message-header{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;flex-wrap:wrap}.sa-thread-image{display:block;margin-top:.5rem;max-width:100%;max-height:220px;border-radius:.5rem;object-fit:cover}.sa-thread-file{display:inline-block;margin-top:.5rem;color:var(--accent);font-weight:600;font-size:.9rem}