:root{--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-primary: #0a0e17;--bg-surface: #111827;--bg-card: #161f30;--bg-card-hover: #1c273c;--bg-input: #0e1422;--bg-glass: rgba(17, 24, 39, .85);--border-subtle: #1f293d;--border-focus: #4f46e5;--border-glass: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #090d16;--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: rgba(79, 70, 229, .15);--accent-gold: #f59e0b;--accent-emerald: #10b981;--accent-rose: #f43f5e;--accent-cyan: #06b6d4;--whatsapp-green: #25d366;--whatsapp-hover: #20ba5a;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-glow: 0 0 25px rgba(79, 70, 229, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-primary);letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-primary{background:var(--primary-light);color:#818cf8;border:1px solid rgba(79,70,229,.3)}.badge-moq{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-stock{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-low-stock{background:#f43f5e1f;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.badge-spec{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-subtle)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:center;-webkit-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,#4f46e5,#3730a3);color:#fff;box-shadow:0 4px 14px #4f46e559}.btn-primary:hover{background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 6px 20px #4f46e580;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-whatsapp{background:#25d366;color:#0b2212;font-weight:700;box-shadow:0 4px 14px #25d3664d}.btn-whatsapp:hover{background:#2ee071;box-shadow:0 6px 20px #25d36673;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:var(--radius-sm)}.btn-lg{padding:14px 24px;font-size:1rem;border-radius:var(--radius-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .25s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.container{max-width:1320px;margin:0 auto;padding:0 20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070dd1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.modal-content{animation:modalPop .22s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.btn-emerald{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;box-shadow:0 4px 14px #10b98159}.btn-emerald:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #10b98180;transform:translateY(-1px)}@media print{body{background:#fff!important;color:#000!important}body *{visibility:hidden!important}.proforma-modal-sheet,.proforma-modal-sheet *{visibility:visible!important}.proforma-modal-sheet{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;color:#000!important;background:#fff!important}.no-print{display:none!important}}.navbar{position:sticky;top:0;z-index:50;min-height:64px;height:auto;background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:center;width:100%}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;gap:12px;box-sizing:border-box}.navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;cursor:pointer}.brand-logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary) 0%,#7c3aed 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.15rem;box-shadow:0 4px 12px #4f46e566;flex-shrink:0}.brand-info{display:flex;flex-direction:column}.brand-title{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;color:var(--text-primary);line-height:1.2}.brand-subtitle{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:var(--accent-gold);text-transform:uppercase}.desktop-only-nav{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.nav-link-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;font-size:.82rem;font-weight:600;color:var(--text-secondary, #94a3b8);background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.nav-link-btn:hover{color:#fff;background:#ffffff0f}.nav-link-btn.active{color:#fff;background:#4f46e533;border-color:#4f46e566}.navbar-search-inline{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px 12px;gap:8px;flex:1;max-width:360px}.navbar-search-inline input{background:transparent;border:none;outline:none;font-size:.85rem;width:100%;color:var(--text-primary)}.navbar-chat-trigger{background:linear-gradient(135deg,#10b98126,#4f46e526);border:1px solid rgba(16,185,129,.35);color:#6ee7b7;padding:7px 14px;border-radius:8px;font-size:.82rem;font-weight:700;display:flex;align-items:center;gap:7px;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.navbar-chat-trigger:hover{background:linear-gradient(135deg,#10b98140,#4f46e540);border-color:#10b98199}.nav-badge-count{background:#10b981;color:#000;font-size:.7rem;padding:2px 6px;border-radius:99px;font-weight:800}.mobile-menu-toggle{display:none}.mobile-category-quick-bar{display:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 12px 8px;gap:6px;background:#0a0e17fa;border-top:1px solid rgba(255,255,255,.05);white-space:nowrap}.mobile-category-quick-bar::-webkit-scrollbar{display:none}.mobile-quick-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:99px;font-size:.75rem;font-weight:600;background:#ffffff0f;color:#94a3b8;border:1px solid rgba(255,255,255,.1);cursor:pointer;flex-shrink:0}.mobile-quick-chip.active{background:var(--primary, #4f46e5);color:#fff;border-color:var(--primary, #4f46e5)}.category-bar{padding:12px 0;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);width:100%;overflow:hidden}.category-scroll{display:flex;align-items:center;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0;flex-wrap:nowrap}.category-scroll::-webkit-scrollbar{display:none}.category-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.85rem;font-weight:600;white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast);cursor:pointer}.category-pill:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--text-muted)}.category-pill.active{background:var(--primary-light);color:#a5b4fc;border-color:var(--primary);box-shadow:0 0 12px #4f46e533}.hero-banner{padding:36px 0 20px;position:relative}.hero-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-surface) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.hero-text h1{font-size:2rem;font-weight:800;margin-bottom:8px}.hero-text p{color:var(--text-secondary);font-size:.95rem;max-width:650px}.hero-features{display:flex;gap:24px;margin-top:18px;flex-wrap:wrap}.hero-feature-item{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.hero-feature-item svg{color:var(--accent-emerald)}.catalog-section{padding:24px 0 60px}.catalog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.catalog-search-box{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 14px;gap:10px;width:320px}.catalog-search-box input{background:transparent;border:none;outline:none;font-size:.9rem;width:100%}.product-grid.grid-1{display:flex;flex-direction:column;gap:16px;width:100%}.product-grid.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:26px}.product-grid.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:24px}.product-grid.grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.product-grid.grid-5{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.product-grid.grid-6{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}.product-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-normal);position:relative}.product-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-lg),0 0 15px #4f46e526}.product-card.hover-lift_glow:hover,.product-row-matrix.hover-lift_glow:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000080,0 0 25px #4f46e547}.product-card.hover-scale_zoom:hover{transform:scale(1.025);box-shadow:0 16px 36px #00000073}.product-card.hover-neon_pulse:hover{transform:translateY(-4px);box-shadow:0 0 30px #06b6d473,0 10px 25px #0009;border-color:#06b6d4}.product-card.hover-subtle_border:hover{transform:translateY(-2px);border-color:var(--primary)}.product-card.hover-editorial_fade:hover{transform:translateY(-5px);box-shadow:0 20px 45px #000000a6}.product-card.card-style-modern-glass{background:#161f30b3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 25px #00000059;border-radius:16px}.product-card.card-style-modern-glass:hover{border-color:var(--primary, #4f46e5);box-shadow:0 14px 35px #00000073,0 0 25px #4f46e540}.product-card.card-style-luxury-editorial{background:linear-gradient(180deg,#121824,#0a0e17);border:1px solid rgba(245,158,11,.25);box-shadow:0 12px 30px #00000080;border-radius:12px}.product-card.card-style-luxury-editorial .product-image-wrap{aspect-ratio:3 / 4!important}.product-card.card-style-luxury-editorial:hover{border-color:#f59e0b;box-shadow:0 18px 40px #0009,0 0 30px #f59e0b40}.product-card.card-style-luxury-editorial .product-title{font-family:Playfair Display,Georgia,serif;font-weight:700;letter-spacing:.02em;color:#fff}.product-card.card-style-luxury-editorial .price-value{color:#fcd34d!important;font-family:var(--font-mono)}.product-card.card-style-trade-matrix-compact{background:#0d1527;border:1.5px solid #1e2c4a;border-radius:8px;box-shadow:0 6px 16px #0006}.product-card.card-style-trade-matrix-compact .product-image-wrap{aspect-ratio:1 / 1!important}.product-card.card-style-trade-matrix-compact:hover{border-color:#38bdf8;box-shadow:0 10px 24px #0000008c,0 0 20px #38bdf833}.product-card.card-style-trade-matrix-compact .product-card-body{padding:12px!important}.product-card.card-style-trade-matrix-compact .product-title{font-size:.88rem!important;line-height:1.25!important;margin-bottom:6px!important}.card-tier-matrix-preview{background:#0f172acc;border:1px solid rgba(56,189,248,.25);border-radius:6px;padding:6px 8px;margin:6px 0;font-size:.72rem;display:flex;justify-content:space-between;align-items:center}.product-card.card-style-cyber-neon-dark{background:#060911;border:1px solid rgba(6,182,212,.35);box-shadow:0 0 20px #06b6d426;border-radius:16px}.product-card.card-style-cyber-neon-dark:hover{border-color:#06b6d4;box-shadow:0 0 35px #06b6d466,0 14px 30px #000c}.product-card.card-style-cyber-neon-dark .product-title{color:#f8fafc;font-weight:800}.product-card.card-style-cyber-neon-dark .price-value{color:#38bdf8!important;font-family:var(--font-mono);text-shadow:0 0 10px rgba(56,189,248,.5)}.product-card.card-style-marketplace-prominent{background:#111a2e;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #00000059;border-radius:12px}.product-card.card-style-marketplace-prominent:hover{border-color:#10b981;box-shadow:0 14px 32px #00000080,0 0 22px #10b98140}.product-card.card-style-marketplace-prominent .price-value{color:#10b981!important;font-size:1.35rem!important;font-weight:800!important}.market-mrp-strikethrough{font-size:.75rem;color:var(--text-muted);text-decoration:line-through;margin-left:6px}.market-hub-tag{font-size:.68rem;color:#6ee7b7;background:#10b9811f;border:1px solid rgba(16,185,129,.25);padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;margin-top:4px}.product-card.card-style-masonry-lookbook{background:#0f1626;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0006}.product-card.card-style-masonry-lookbook:hover{border-color:#818cf8;box-shadow:0 16px 40px #0009,0 0 26px #818cf84d}.product-card.card-style-masonry-lookbook .product-image-wrap{aspect-ratio:4 / 5!important}.product-card.card-style-horizontal-strip-matrix{flex-direction:row!important;align-items:stretch!important;border-radius:12px;background:#0f172a;border:1px solid var(--border-subtle);width:100%}.product-card.card-style-horizontal-strip-matrix .product-image-wrap{width:180px!important;aspect-ratio:1 / 1!important;flex-shrink:0!important}.product-card.card-style-horizontal-strip-matrix .product-card-body{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}.product-card.card-style-horizontal-strip-matrix:hover{border-color:var(--primary);box-shadow:0 10px 30px #00000073}.product-card.card-style-minimal-clean,.product-card.card-style-clean-border{background:var(--bg-card);border:1.5px solid var(--border-subtle);box-shadow:0 4px 14px #0000001f;border-radius:14px}.product-card.card-style-minimal-clean:hover,.product-card.card-style-clean-border:hover{border-color:var(--primary, #4f46e5);box-shadow:0 10px 25px #00000040}.product-card.card-style-luxury-cut-corner,.product-card.card-style-luxury-bevel{background:linear-gradient(135deg,#141c2e,#0a0f1d);border:1px solid rgba(245,158,11,.4);box-shadow:0 12px 30px #00000080;clip-path:polygon(14px 0%,calc(100% - 14px) 0%,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0% calc(100% - 14px),0% 14px);position:relative}.product-card.card-style-luxury-cut-corner:hover,.product-card.card-style-luxury-bevel:hover{border-color:#f59e0b;box-shadow:0 0 25px #f59e0b59}.product-card.card-style-capsule-rounded{background:#161f30cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1.5px solid rgba(56,189,248,.25);border-radius:28px!important;overflow:hidden}.product-card.card-style-capsule-rounded .product-image-wrap{border-radius:24px 24px 0 0}.product-card.card-style-capsule-rounded:hover{border-color:#38bdf8;box-shadow:0 14px 35px #00000080,0 0 25px #38bdf840}.product-card.card-style-circle-story{background:#0f172ad9;border:1px solid rgba(255,255,255,.1);border-radius:20px;text-align:center;padding-top:16px}.product-card.card-style-circle-story .product-image-wrap{width:140px!important;height:140px!important;border-radius:50%!important;margin:0 auto 12px;border:3px solid rgba(79,70,229,.6);box-shadow:0 0 18px #4f46e559;overflow:hidden}.product-card.card-style-circle-story .product-card-body{align-items:center;text-align:center}.product-card.card-style-circle-story:hover .product-image-wrap{border-color:#38bdf8;box-shadow:0 0 25px #38bdf880}.product-image-wrap{position:relative;width:100%;aspect-ratio:4 / 4.5;background:var(--bg-primary);overflow:hidden}.product-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.product-card:hover .product-image-wrap img{transform:scale(1.05)}.card-floating-actions{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;z-index:4;opacity:0;transform:translate(8px);transition:all .25s cubic-bezier(.16,1,.3,1)}.product-card:hover .card-floating-actions{opacity:1;transform:translate(0)}.floating-action-btn{width:32px;height:32px;border-radius:50%;background:#0f172ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0006}.floating-action-btn:hover{background:var(--primary, #4f46e5);border-color:#fff;transform:scale(1.1)}.card-swatch-bar{position:absolute;bottom:8px;left:8px;right:8px;display:flex;align-items:center;gap:6px;background:#0a0e17d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.12);opacity:0;transform:translateY(6px);transition:all .25s;z-index:3}.product-card:hover .card-swatch-bar{opacity:1;transform:translateY(0)}.swatch-thumb-chip{width:24px;height:24px;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.25);cursor:pointer;transition:all .15s;flex-shrink:0}.swatch-thumb-chip.active{border:2px solid var(--primary, #4f46e5);transform:scale(1.1)}.swatch-thumb-chip img{width:100%;height:100%;object-fit:cover}.swatch-overflow-tag{font-size:.65rem;color:#94a3b8;font-weight:700;margin-left:auto}.card-swatch-dots{display:flex;align-items:center;gap:5px;margin-top:6px}.swatch-dot{width:10px;height:10px;border-radius:50%;background:#ffffff40;border:1px solid rgba(255,255,255,.4);cursor:pointer;transition:all .15s}.swatch-dot.active,.swatch-dot:hover{background:var(--primary, #4f46e5);transform:scale(1.25)}.swatch-more{font-size:.68rem;color:#94a3b8;margin-left:2px}.card-image-counter{position:absolute;bottom:6px;right:6px;background:#000000b3;color:#fff;font-size:.62rem;padding:1px 5px;border-radius:4px;font-weight:700}.product-card-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;z-index:2}.badge-verified{background:#38bdf8f2;color:#031738;font-weight:800;font-size:.66rem;padding:2px 7px;border-radius:6px}.badge-verified-mill{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.4);font-size:.66rem;padding:2px 7px;border-radius:6px}.badge-savings-chip{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.4);font-size:.66rem;padding:2px 7px;border-radius:6px}.badge-discount{background:#10b981f2;color:#022c22;font-weight:800;font-size:.66rem;padding:2px 7px;border-radius:6px}.product-card-body{padding:16px;display:flex;flex-direction:column;flex:1}.product-category-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:6px}.product-title{font-size:1.02rem;font-weight:700;line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-primary, #fff)}.product-specs-compact{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-secondary);margin-bottom:12px}.product-price-section{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-subtle);display:flex;align-items:flex-end;justify-content:space-between}.price-block{display:flex;flex-direction:column}.price-label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--accent-gold, #f59e0b);letter-spacing:.05em}.price-value{font-size:1.35rem;font-weight:800;color:#fff;font-family:var(--font-mono)}.product-card-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.quickview-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070ed1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:modalFadeIn .25s ease-out}.quickview-modal-content{background:var(--bg-surface, #0f172a);border:1px solid var(--border-subtle, #1e293b);border-radius:20px;width:100%;max-width:860px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 60px #000000bf,0 0 35px #4f46e533;padding:28px;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.quickview-close-btn{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:5}.quickview-close-btn:hover{background:#ef4444d9;transform:rotate(90deg)}.quickview-grid{display:grid;grid-template-columns:360px 1fr;gap:28px}.quickview-gallery-col{display:flex;flex-direction:column;gap:12px}.quickview-main-image-wrap{width:100%;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.1)}.quickview-main-image-wrap img{width:100%;height:100%;object-fit:cover}.quickview-thumbs-row{display:flex;gap:8px;overflow-x:auto}.quickview-thumb-item{width:60px;height:60px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;flex-shrink:0;opacity:.7;transition:all .2s}.quickview-thumb-item.active,.quickview-thumb-item:hover{border-color:var(--primary, #4f46e5);opacity:1;transform:scale(1.05)}.quickview-thumb-item img{width:100%;height:100%;object-fit:cover}.quickview-details-col{display:flex;flex-direction:column;gap:14px}.quickview-title{font-size:1.35rem;font-weight:800;color:#fff;margin:0;line-height:1.3}.quickview-price-banner{background:#161f30cc;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.quickview-rate-val{font-size:1.6rem;font-weight:800;color:#6ee7b7;font-family:var(--font-mono)}.quickview-specs-box{background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.spec-row{display:flex;justify-content:space-between;font-size:.82rem}.spec-label{color:var(--text-secondary, #94a3b8)}.spec-value{color:#fff;font-weight:600}.quickview-tier-calc{background:#0a0e17b3;border:1px solid rgba(79,70,229,.25);border-radius:12px;padding:14px}.tier-chips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.tier-chip{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;text-align:center;cursor:pointer;transition:all .2s}.tier-chip.active{background:#4f46e52e;border-color:var(--primary, #4f46e5);box-shadow:0 0 14px #4f46e54d}.tier-qty{font-size:.72rem;color:#94a3b8;font-weight:700}.tier-price{font-size:.95rem;font-weight:800;color:#fff;font-family:var(--font-mono);margin-top:2px}.order-summary-pill{display:flex;justify-content:space-between;align-items:center;background:#10b9811a;border:1px solid rgba(16,185,129,.3);padding:8px 12px;border-radius:8px;font-size:.84rem;color:#fff}.quickview-actions-row{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.quickview-grid{grid-template-columns:1fr;gap:18px}}.product-list-container{display:flex;flex-direction:column;gap:12px}.product-row-matrix{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px 20px;display:grid;grid-template-columns:80px 1.5fr 140px 120px 180px;align-items:center;gap:20px;cursor:pointer;transition:all var(--transition-fast)}.product-row-matrix:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translate(4px)}.row-thumb-wrap{width:76px;height:76px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-primary)}.row-thumb-wrap img{width:100%;height:100%;object-fit:cover}.row-title{font-size:1rem;font-weight:700;margin-bottom:4px}.row-specs{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-secondary)}.row-actions-col{display:flex;gap:8px}.product-detail-page{padding:32px 0 80px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.85rem;font-weight:600;margin-bottom:24px;transition:color var(--transition-fast)}.back-link:hover{color:#fff}.product-detail-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:48px}.gallery-container{display:flex;flex-direction:column;gap:16px;position:sticky;top:90px}.main-image-display{width:100%;aspect-ratio:1 / 1;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.main-image-display img{width:100%;height:100%;object-fit:cover}.thumbnail-row{display:flex;gap:12px;overflow-x:auto}.thumb-btn{width:76px;height:76px;border-radius:var(--radius-sm);border:2px solid var(--border-subtle);overflow:hidden;flex-shrink:0;transition:all var(--transition-fast)}.thumb-btn.active{border-color:var(--primary);box-shadow:0 0 10px #4f46e580}.thumb-btn img{width:100%;height:100%;object-fit:cover}.detail-info-card{display:flex;flex-direction:column;gap:20px}.detail-header h1{font-size:2rem;font-weight:800;line-height:1.25;margin-bottom:12px}.detail-meta-tags{display:flex;gap:10px;flex-wrap:wrap}.wholesale-pricing-box{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-surface) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.pricing-stat-item{display:flex;flex-direction:column}.pricing-stat-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.pricing-stat-value{font-size:1.5rem;font-weight:800;color:#fff;font-family:var(--font-mono)}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.spec-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 16px}.spec-item-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:2px}.spec-item-val{font-size:.95rem;font-weight:700;color:var(--text-primary)}.variant-matrix-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.matrix-title{font-size:1.05rem;font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.matrix-table{width:100%;border-collapse:collapse;font-size:.85rem}.matrix-table th{text-align:left;padding:10px 12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:.72rem;border-bottom:1px solid var(--border-subtle)}.matrix-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-secondary)}.color-dot-wrap{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.color-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.action-cta-bar{display:flex;gap:16px;padding-top:12px}.action-cta-bar .btn{flex:1}.vexro-footer{background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:56px 0 28px;margin-top:auto}.footer-grid{display:grid;grid-template-columns:1.3fr 1.1fr 1fr 1.1fr;gap:36px;margin-bottom:48px}.footer-col{display:flex;flex-direction:column}.footer-col-title{font-size:.95rem;font-weight:700;margin-bottom:18px;color:var(--text-primary);letter-spacing:.02em}.footer-logo-wrap{display:flex;align-items:center;gap:12px;margin-bottom:14px}.footer-logo-img{max-height:48px;margin-bottom:14px;object-fit:contain}.footer-brand-title{font-size:1.25rem;font-weight:800;color:var(--text-primary)}.footer-brand-subtitle{font-size:.68rem;font-weight:700;color:var(--accent-gold);text-transform:uppercase}.footer-about-text{font-size:.82rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.footer-gst-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary)}.footer-contact-list{display:flex;flex-direction:column;gap:14px}.footer-contact-item{display:flex;gap:12px;font-size:.82rem;color:var(--text-secondary);line-height:1.45}.contact-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-link-btn{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-secondary);transition:color var(--transition-fast);text-align:left}.footer-link-btn:hover{color:var(--text-primary)}.footer-bottom-bar{padding-top:24px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap;gap:12px}.theme-manager-page{background:var(--bg-primary);min-height:calc(100vh - 70px)}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}.toast-success-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:var(--radius-full);color:#34d399;font-size:.85rem;font-weight:600;animation:fadeIn .2s ease-out}.theme-tabs-bar{display:flex;gap:10px;margin-bottom:24px;border-bottom:1px solid var(--border-subtle);padding-bottom:12px;overflow-x:auto}.theme-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.88rem;font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.theme-tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #4f46e559}.settings-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-md)}.card-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.grid-mode-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.grid-mode-card{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;transition:all var(--transition-fast)}.grid-mode-card:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.grid-mode-card.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 16px #4f46e540}.grid-mode-card strong{font-size:.92rem;margin-top:10px;color:var(--text-primary)}.grid-mode-card p{font-size:.75rem;color:var(--text-secondary);margin-top:4px;line-height:1.35}.grid-icon-preview{display:flex;gap:4px;height:24px;width:100%}.grid-icon-preview span{flex:1;background:var(--border-subtle);border-radius:3px}.grid-mode-card.active .grid-icon-preview span{background:var(--primary)}.list-matrix-icon{flex-direction:column;gap:4px}.list-row{width:100%;height:9px;background:var(--border-subtle);border-radius:2px}.grid-mode-card.active .list-row{background:var(--primary)}.themes-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.theme-card{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column}.theme-card:hover{border-color:var(--primary);transform:translateY(-3px)}.theme-card.active{border-color:var(--primary);box-shadow:0 0 20px #4f46e559}.theme-color-preview{display:flex;height:36px}.theme-color-preview span{flex:1}.theme-card-body{padding:16px;display:flex;flex-direction:column;flex:1}.theme-meta-pills{display:flex;gap:12px;padding:8px 0;border-top:1px solid var(--border-subtle);margin-top:auto}.form-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.82rem;font-weight:700;color:var(--text-primary)}.form-group input[type=text],.form-group input[type=email],.form-group textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;font-size:.88rem;outline:none;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}.logo-uploader-box{display:flex;align-items:center;gap:18px;background:var(--bg-input);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);padding:16px}.uploaded-logo-preview{max-height:52px;max-width:140px;object-fit:contain;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px}.logo-placeholder-box{font-size:.8rem;color:var(--text-muted)}.bulk-offer-banner{background:linear-gradient(135deg,#f59e0b26,#e11d481a);border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-md);padding:14px 18px;display:flex;align-items:center;gap:14px;margin-bottom:8px;box-shadow:0 4px 15px #f59e0b14}.offer-tag-badge{background:#f59e0b;color:#000;font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:4px;letter-spacing:.05em;white-space:nowrap}.offer-banner-text{font-size:.85rem;font-weight:600;color:#fef08a;line-height:1.4}.desc-box-modern-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 20px;line-height:1.6;color:var(--text-secondary)}.desc-box-bordered-clean{background:transparent;border:2px solid var(--border-subtle);border-radius:var(--radius-sm);padding:18px;line-height:1.65;color:var(--text-primary)}.desc-box-dark-gradient{background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-primary) 100%);border-left:4px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:16px 20px;line-height:1.6;color:var(--text-secondary)}.desc-box-accordion-tabs{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.shipping-assurance-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.shipping-assurance-row{display:flex;align-items:center;gap:12px;font-size:.82rem;color:var(--text-secondary)}.chat-cta-wrapper{position:relative;display:flex;flex-direction:column;gap:8px;flex:1}.chat-blinking-popup{position:absolute;top:-34px;left:0;background:#f59e0b;color:#000;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:99px;display:flex;align-items:center;gap:5px;box-shadow:0 4px 12px #f59e0b66;animation:blinkPopup 1.8s infinite ease-in-out;white-space:nowrap;pointer-events:none;z-index:5}@keyframes blinkPopup{0%,to{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.85;transform:translateY(-3px) scale(1.04)}}.chat-btn-pulse-glow{background:var(--primary)!important;box-shadow:0 0 #4f46e5b3;animation:pulseGlow 2s infinite cubic-bezier(.66,0,0,1)}@keyframes pulseGlow{0%{box-shadow:0 0 #4f46e5b3}70%{box-shadow:0 0 0 14px #4f46e500}to{box-shadow:0 0 #4f46e500}}.chat-btn-whatsapp-green{background:linear-gradient(135deg,#25d366,#128c7e)!important;color:#fff!important;border:none!important;box-shadow:0 4px 16px #25d36666!important}.chat-btn-luxury-gold{background:linear-gradient(135deg,#f59e0b,#b45309)!important;color:#000!important;font-weight:800!important;border:none!important}.service-badges-section{display:flex;flex-direction:column;gap:12px;margin-top:10px}.service-badges-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.service-badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.service-badge-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;display:flex;align-items:center;gap:12px;transition:all var(--transition-fast)}.service-badge-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.service-badge-icon{font-size:1.35rem;width:38px;height:38px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-badge-content{display:flex;flex-direction:column}.service-badge-name{font-size:.85rem;font-weight:700;color:var(--text-primary);line-height:1.3}.service-badge-desc{font-size:.72rem;color:var(--text-secondary);margin-top:2px;line-height:1.3}.top-announcement-bar{font-size:.78rem;font-weight:600;padding:7px 0;position:relative;z-index:60;overflow:hidden}.announcement-inner{display:flex;align-items:center;gap:14px}.announcement-tag{background:#ffffff38;color:#fff;font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:5px;letter-spacing:.06em;white-space:nowrap}.announcement-marquee{flex:1;overflow:hidden;white-space:nowrap}.marquee-content{display:inline-block;animation:marqueeRun 25s linear infinite;font-weight:600}.marquee-separator{margin:0 16px;opacity:.6}@keyframes marqueeRun{0%{transform:translate(0)}to{transform:translate(-50%)}}.announcement-close-btn{background:transparent;border:none;cursor:pointer;opacity:.8;display:flex;align-items:center;padding:2px;transition:opacity var(--transition-fast)}.announcement-close-btn:hover{opacity:1}.volume-tier-section{display:flex;flex-direction:column;gap:8px;margin-top:6px}.volume-tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.volume-tier-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:3px;transition:all var(--transition-fast);position:relative;overflow:hidden}.volume-tier-card:hover{border-color:var(--primary);transform:translateY(-2px)}.volume-tier-card.highlight{border-color:var(--accent-gold);background:linear-gradient(180deg,rgba(245,158,11,.08) 0%,var(--bg-card) 100%)}.tier-qty-badge{font-size:.72rem;color:var(--text-secondary);font-weight:600}.tier-rate-value{font-size:1.15rem;font-weight:800;color:var(--text-primary)}.tier-save-tag{font-size:.65rem;font-weight:800;color:var(--accent-emerald);letter-spacing:.04em}.profit-calculator-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 20px;display:flex;flex-direction:column;gap:12px}.profit-calc-header{display:flex;justify-content:space-between;align-items:center}.profit-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--bg-surface);border-radius:var(--radius-sm);padding:12px 14px;border:1px solid var(--border-subtle)}.profit-metric-item{display:flex;flex-direction:column;gap:2px}.profit-metric-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.profit-metric-val{font-size:1.15rem;font-weight:800;font-family:monospace}.secondary-actions-bar{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.group-hero-banner{background:linear-gradient(135deg,#4f46e526,#f59e0b1a);border:1px solid rgba(79,70,229,.35);border-radius:var(--radius-lg);padding:36px 32px;margin-bottom:24px;position:relative;overflow:hidden}.hero-badge-pill{display:inline-flex;align-items:center;gap:6px;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:var(--accent-gold);padding:4px 12px;border-radius:99px;font-size:.76rem;font-weight:800;letter-spacing:.05em;margin-bottom:12px}.group-hero-banner h1{font-size:2rem;font-weight:800;margin-bottom:8px}.group-hero-banner p{color:var(--text-secondary);font-size:.95rem;max-width:720px;line-height:1.5}.group-perks-row{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.perk-pill{background:var(--bg-card);border:1px solid var(--border-subtle);padding:6px 14px;border-radius:99px;font-size:.78rem;font-weight:600;display:flex;align-items:center;gap:8px}.pool-filter-tabs{display:flex;gap:8px;background:var(--bg-card);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.pool-filter-btn{background:transparent;border:none;color:var(--text-muted);padding:8px 16px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.pool-filter-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.group-pools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.group-pool-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.group-pool-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 12px 28px #0006}.pool-card-media{height:220px;position:relative;overflow:hidden;background:var(--bg-surface)}.pool-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.group-pool-card:hover .pool-card-media img{transform:scale(1.05)}.pool-media-overlay{position:absolute;top:12px;right:12px}.pool-timer-badge{background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(245,158,11,.5);color:var(--accent-gold);padding:4px 10px;border-radius:99px;font-size:.75rem;font-weight:800;display:flex;align-items:center;gap:6px;font-family:monospace}.pool-card-body{padding:20px;display:flex;flex-direction:column;flex:1;gap:12px}.pool-card-title{font-size:1.05rem;font-weight:700;line-height:1.3;color:var(--text-primary)}.pool-card-rate{font-size:1.25rem;font-weight:800;color:var(--accent-gold);white-space:nowrap}.pool-card-rate small{font-size:.75rem;color:var(--text-muted);font-weight:400}.pool-card-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.4}.pool-sizes-row{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.size-chips-list{display:flex;gap:8px}.size-slot-chip{flex:1;padding:6px 8px;border-radius:6px;display:flex;flex-direction:column;align-items:center;font-size:.75rem}.size-slot-chip.open{background:#f59e0b1f;border:1px dashed var(--accent-gold);color:var(--accent-gold)}.size-slot-chip.claimed{background:#10b9811f;border:1px solid var(--accent-emerald);color:var(--accent-emerald)}.pool-progress-section{display:flex;flex-direction:column;gap:4px}.progress-labels-row{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.pool-progress-track{height:6px;background:var(--bg-surface);border-radius:99px;overflow:hidden;border:1px solid var(--border-subtle)}.pool-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--accent-gold) 100%);border-radius:99px;transition:width .4s ease}.group-detail-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:36px;align-items:start}.group-media-card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);background:var(--bg-card);max-height:480px}.group-detail-img{width:100%;height:100%;object-fit:cover;display:block}.countdown-box{border-radius:var(--radius-md);padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.countdown-box.active{background:linear-gradient(135deg,#f59e0b1f,#4f46e51a);border:1px solid rgba(245,158,11,.4)}.countdown-digits{display:flex;align-items:center;gap:6px;font-family:monospace;margin-top:2px}.digit-unit{font-size:1.2rem;color:#fff}.digit-unit small{font-size:.65rem;color:var(--text-muted);margin-left:2px}.digit-colon{color:var(--accent-gold);font-weight:800}.size-slot-matrix-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:10px}.slot-cards-list{display:flex;flex-direction:column;gap:8px}.slot-card-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--transition-fast)}.slot-card-item.available:hover{border-color:var(--primary);transform:translate(4px)}.slot-card-item.selected{border-color:var(--accent-gold);background:#f59e0b14}.slot-card-item.claimed{opacity:.85;cursor:default}.slot-size-badge{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--accent-gold);font-size:.95rem;font-weight:800;width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center}.mobile-nav-toggle-wrap{display:none;align-items:center;gap:8px}.mobile-hamburger-btn{background:var(--surface);border:1px solid var(--border);color:#fff;padding:7px 10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mobile-header-chat-btn{position:relative;background:#38bdf826;border:1px solid rgba(56,189,248,.35);color:#38bdf8;padding:7px 10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-chat-dot{position:absolute;top:-4px;right:-4px;background:#f43f5e;color:#fff;font-size:.62rem;font-weight:800;border-radius:9999px;padding:1px 5px;min-width:16px;text-align:center}.mobile-search-row{display:none;padding:8px 12px 10px;background:#0f172af2;border-bottom:1px solid var(--border)}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99998;animation:fadeIn .25s ease}.mobile-nav-drawer{position:fixed;top:0;right:0;bottom:0;width:84vw;max-width:320px;background:#0f172a;border-left:1px solid var(--border);z-index:99999;display:flex;flex-direction:column;box-shadow:-8px 0 25px #0009;animation:slideInRight .28s cubic-bezier(.4,0,.2,1)}.mobile-drawer-header{padding:18px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#1e293b80}.mobile-drawer-close{background:#ffffff14;border:1px solid var(--border);color:var(--text-muted);width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-drawer-body{padding:16px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1}.drawer-section-title{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:8px 8px 4px}.mobile-drawer-link{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#1e293b59;border:1px solid var(--border);border-radius:10px;color:#fff;text-decoration:none;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%;text-align:left}.mobile-drawer-link:hover,.mobile-drawer-link.active{background:#4f46e533;border-color:var(--primary);color:#fff}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:62px;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:9999;justify-content:space-around;align-items:center;padding:0 8px}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;color:var(--text-muted);font-size:.68rem;font-weight:600;text-decoration:none;cursor:pointer;padding:6px 0;transition:color .2s}.mobile-nav-item.active{color:var(--primary);font-weight:800}.mobile-nav-badge{position:absolute;top:-4px;right:-8px;background:#f43f5e;color:#fff;font-size:.58rem;font-weight:800;border-radius:9999px;padding:1px 5px;min-width:14px;text-align:center}.mobile-hot-dot{position:absolute;top:0;right:-2px;width:6px;height:6px;background:#f59e0b;border-radius:50%}html,body{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}.container{width:100%;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;box-sizing:border-box}@media (max-width: 1024px){.product-detail-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px}.specs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.desktop-only-nav,.desktop-only-search{display:none!important}.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#fff;padding:7px;border-radius:8px;cursor:pointer}.mobile-category-quick-bar{display:flex!important}.product-detail-layout,.group-detail-layout{grid-template-columns:1fr;gap:20px}.detail-media-card{position:static}}@media (max-width: 768px){.navbar{min-height:56px;height:auto}.navbar-container{padding:8px 12px;gap:8px}.navbar-center-slot{display:none!important}.brand-title{font-size:1.12rem!important}.brand-subtitle,.chat-trigger-label{display:none!important}.navbar-chat-trigger{padding:7px 10px!important}.mobile-menu-toggle,.mobile-bottom-nav{display:flex!important}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.product-card{border-radius:10px!important}.product-card .card-image-wrap{height:170px!important}.product-card-body{padding:10px!important}.product-card .product-title{font-size:.84rem!important;line-height:1.25!important}.product-card .price-row{margin-top:6px!important}.product-card .price-main{font-size:1.05rem!important}.category-scroll,.hubs-grid-container{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:8px!important;padding-bottom:4px!important;flex-wrap:nowrap!important}.category-scroll::-webkit-scrollbar,.hubs-grid-container::-webkit-scrollbar{display:none!important}.hub-card-item{min-width:175px!important;flex-shrink:0!important}.product-detail-page{padding:8px 0 130px!important}.product-detail-layout{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important}.detail-media-card{position:static!important;width:100%!important;max-width:100%!important}.main-image-viewport{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:1 / 1!important;max-height:480px!important;border-radius:12px!important;overflow:hidden!important;background:#0f172a!important;border:1px solid var(--border-subtle)!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}.main-image-viewport img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.detail-thumbnails-row{display:flex!important;gap:6px!important;margin-top:8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:4px!important;flex-wrap:nowrap!important}.detail-thumbnails-row::-webkit-scrollbar{display:none!important}.thumb-btn{width:54px!important;height:54px!important;border-radius:8px!important;flex-shrink:0!important}.detail-info-card{width:100%!important;max-width:100%!important;gap:14px!important}.detail-header h1{font-size:1.35rem!important;line-height:1.3!important;margin-bottom:8px!important;word-break:break-word!important}.wholesale-pricing-box{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:12px 14px!important;border-radius:12px!important;width:100%!important}.pricing-stat-item{padding:4px 0!important}.pricing-stat-value{font-size:1.35rem!important}.volume-tier-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important;width:100%!important}.volume-tier-card{padding:10px 8px!important;border-radius:8px!important;text-align:center!important}.volume-tier-card .tier-qty-badge{font-size:.72rem!important}.volume-tier-card .tier-rate-value{font-size:1.15rem!important}.profit-calculator-card{padding:14px!important;border-radius:12px!important;width:100%!important}.profit-metrics-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important}.profit-metric-item{padding:8px 4px!important;text-align:center!important}.profit-metric-label{font-size:.65rem!important}.profit-metric-val{font-size:.95rem!important}.specs-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}.spec-item{padding:10px 12px!important}.spec-item-val{font-size:.85rem!important}.action-cta-bar{display:none!important}.product-mobile-sticky-bar{display:flex!important;position:fixed!important;bottom:56px!important;left:0!important;right:0!important;background:#0b141afa!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border-top:1px solid rgba(255,255,255,.12)!important;padding:8px 12px!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;z-index:90!important;box-shadow:0 -8px 24px #0009!important}.sticky-bar-price-info{display:flex!important;flex-direction:column!important;flex-shrink:0!important}.sticky-price-main{font-size:1.15rem!important;font-weight:800!important;color:var(--accent-gold, #f59e0b)!important;font-family:var(--font-mono, monospace)!important;line-height:1.1!important}.sticky-per-pc{font-size:.68rem!important;color:var(--text-muted, #94a3b8)!important;font-weight:500!important}.sticky-moq-text{font-size:.68rem!important;color:#6ee7b7!important;font-weight:700!important}.sticky-bar-btn-group{display:flex!important;align-items:center!important;gap:6px!important;flex:1!important;justify-content:flex-end!important}.sticky-wa-btn{background:#25d366!important;color:#fff!important;font-size:.76rem!important;font-weight:700!important;padding:8px 12px!important;border-radius:8px!important;display:flex!important;align-items:center!important;gap:4px!important;text-decoration:none!important;flex-shrink:0!important}.sticky-chat-btn{background:linear-gradient(135deg,#4f46e5,#4338ca)!important;color:#fff!important;font-size:.78rem!important;font-weight:800!important;padding:8px 14px!important;border-radius:8px!important;display:flex!important;align-items:center!important;gap:5px!important;border:none!important;cursor:pointer!important;box-shadow:0 4px 14px #4f46e566!important;white-space:nowrap!important}.app-root{padding-bottom:64px!important}}@media (min-width: 769px){.product-mobile-sticky-bar{display:none!important}}@media (max-width: 480px){.container{padding-left:10px!important;padding-right:10px!important}.brand-title{font-size:1.02rem!important}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.product-card .card-image-wrap{height:150px!important}.product-card .product-title{font-size:.78rem!important}.product-card .price-main{font-size:.98rem!important}.specs-grid{grid-template-columns:1fr!important}.profit-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}.profit-metric-item{padding:6px 2px!important}.profit-metric-val{font-size:.82rem!important}.service-badges-grid,.footer-grid{grid-template-columns:1fr!important}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}@media (max-width: 340px){.product-grid,.wholesale-pricing-box,.volume-tier-grid{grid-template-columns:1fr!important}.profit-metrics-grid{grid-template-columns:1fr 1fr!important}}.chat-fab-trigger{position:fixed;bottom:28px;right:28px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:12px 22px;border-radius:var(--radius-full);display:flex;align-items:center;gap:10px;font-weight:700;font-size:.9rem;box-shadow:0 8px 24px #25d36673;border:1px solid rgba(255,255,255,.2);z-index:45;cursor:pointer;transition:all var(--transition-normal)}.chat-fab-trigger:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 12px 30px #25d36699}.chat-fab-badge{background:#fff;color:#128c7e;font-size:.72rem;font-weight:800;padding:1px 7px;border-radius:99px}.chat-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.chat-drawer-panel{width:440px;max-width:100%;height:100%;background:#0b141a;border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;box-shadow:-10px 0 35px #0009;animation:slideInRight .25s cubic-bezier(.16,1,.3,1);position:relative}.chat-drawer-header{background:#1f2c34;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.chat-header-user{display:flex;align-items:center;gap:12px}.chat-avatar{width:40px;height:40px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;position:relative}.online-indicator-dot{position:absolute;bottom:0;right:0;width:11px;height:11px;border-radius:50%;background:#25d366;border:2px solid #1f2c34}.chat-header-info h4{font-size:.95rem;font-weight:700;color:#e9edef;line-height:1.2}.chat-status-text{font-size:.72rem;color:#25d366;display:flex;align-items:center;gap:5px}.chat-action-btn{background:transparent;color:#8696a0;border:none;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s}.chat-action-btn:hover{background:#ffffff1a;color:#e9edef}.chat-product-banner{background:#111b21;padding:10px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.banner-product-thumb{width:48px;height:48px;border-radius:6px;object-fit:cover;background:#000}.banner-product-name{font-size:.85rem;font-weight:700;color:#e9edef;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.banner-product-meta{font-size:.75rem;color:#8696a0;margin-top:2px;display:flex;gap:8px}.chat-threads-bar{display:flex;gap:8px;padding:8px 14px;background:#111b21;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.05)}.thread-chip{padding:4px 10px;border-radius:99px;background:#1f2c34;color:#8696a0;border:1px solid transparent;font-size:.72rem;white-space:nowrap;cursor:pointer}.thread-chip.active{background:#00a884;color:#fff}.chat-messages-container{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background-color:#0b141a;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px}.chat-system-notice{margin:4px auto 10px;padding:6px 14px;background:#182229;border-radius:8px;font-size:.72rem;color:#ffd279;display:inline-flex;align-items:center;gap:6px;text-align:center;max-width:90%}.chat-bubble-row{display:flex;width:100%}.msg-outgoing{justify-content:flex-end}.msg-incoming{justify-content:flex-start}.chat-bubble{max-width:82%;padding:8px 12px;border-radius:8px;font-size:.85rem;line-height:1.4;position:relative;word-break:break-word}.bubble-me{background:#005c4b;color:#e9edef;border-top-right-radius:2px}.bubble-other{background:#202c33;color:#e9edef;border-top-left-radius:2px}.bubble-sender-name{font-size:.7rem;font-weight:700;color:#53bdeb;margin-bottom:2px}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.bubble-time{font-size:.65rem;color:#ffffff8c}.double-check.read{color:#53bdeb}.single-check{color:#fff6}.chat-attached-image{max-width:100%;max-height:220px;border-radius:6px;margin-top:6px;cursor:pointer;object-fit:cover}.quick-chips-wrapper{display:flex;gap:8px;padding:8px 14px;background:#111b21;overflow-x:auto;border-top:1px solid rgba(255,255,255,.05)}.quick-chip-btn{padding:6px 12px;background:#1f2c34;border:1px solid rgba(255,255,255,.1);border-radius:99px;color:#00a884;font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s}.quick-chip-btn:hover{background:#00a884;color:#fff}.chat-input-bar{background:#202c33;padding:10px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0}.chat-btn-icon{background:transparent;border:none;color:#8696a0;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center}.chat-btn-icon:hover{color:#e9edef}.chat-text-input{flex:1;background:#2a3942;border:none;border-radius:8px;padding:10px 14px;color:#e9edef;font-size:.88rem;outline:none}.chat-text-input::placeholder{color:#8696a0}.chat-send-btn{background:#00a884!important;color:#fff;border-radius:50%!important;width:40px;height:40px;padding:0!important;display:flex;align-items:center;justify-content:center}.chat-send-btn:hover{background:#029070!important}.attachment-preview-bar{background:#182229;padding:8px 14px;display:flex;align-items:center;gap:10px;font-size:.78rem;color:#8696a0}.attachment-preview-bar img{width:32px;height:32px;border-radius:4px;object-fit:cover}.remove-preview-btn{margin-left:auto;background:transparent;border:none;color:#f43f5e;cursor:pointer}.bubble-quote{background:linear-gradient(135deg,#1c1d21,#15181e)!important;border:1px solid rgba(245,158,11,.45)!important;box-shadow:0 4px 18px #0006!important;max-width:320px}.quotation-card-content{display:flex;flex-direction:column;gap:8px;font-size:.82rem}.quote-card-header{display:flex;align-items:center;gap:8px;color:var(--accent-gold);font-size:.78rem;font-weight:800;letter-spacing:.05em;border-bottom:1px solid rgba(245,158,11,.2);padding-bottom:6px}.quote-details-list{display:flex;flex-direction:column;gap:4px}.quote-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#cbd5e1}.quote-row.quote-total{border-top:1px dashed rgba(255,255,255,.15);padding-top:6px;margin-top:2px}.quote-footer-note{font-size:.68rem;color:var(--accent-emerald);font-weight:600}.typing-bubble{display:inline-flex!important;align-items:center!important;padding:8px 14px!important}.typing-dots{display:inline-flex;gap:3px}.typing-dots span{width:5px;height:5px;background:#8696a0;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.chat-fab-trigger{bottom:20px!important;right:20px!important;padding:10px 18px!important;font-size:.84rem!important}.chat-drawer-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0b141a!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:99999!important;width:100%!important;height:100vh!important;height:100dvh!important}.chat-drawer-panel,.chat-drawer-container,.chat-drawer{width:100%!important;max-width:100%!important;height:100vh!important;height:100dvh!important;border-left:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0b141a!important}.chat-drawer-header{padding:10px 14px!important;background:#1f2c34!important;position:sticky!important;top:0!important;z-index:20!important}.chat-mobile-back-btn{display:flex!important;align-items:center;justify-content:center;background:transparent;border:none;color:#e9edef;cursor:pointer;padding:6px;margin-right:6px}.chat-messages-container{flex:1!important;min-height:0!important;padding:12px 10px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.chat-bubble{max-width:88%!important;font-size:.86rem!important;padding:8px 12px!important}.quick-chips-wrapper{padding:6px 10px!important;background:#111b21!important}.quick-chip-btn{font-size:.74rem!important;padding:5px 11px!important}.chat-input-bar{position:sticky!important;bottom:0!important;background:#202c33!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;z-index:30!important;display:flex!important;align-items:center!important;gap:8px!important}.chat-text-input{font-size:16px!important;padding:10px 14px!important;border-radius:20px!important}.chat-send-btn{width:42px!important;height:42px!important;flex-shrink:0!important;border-radius:50%!important}}@media (min-width: 769px){.chat-mobile-back-btn{display:none!important}}.admin-layout{height:calc(100vh - 70px);display:grid;grid-template-columns:340px 1fr 340px;background:var(--bg-primary);overflow:hidden}.admin-layout.no-details{grid-template-columns:360px 1fr}.admin-sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%}.admin-sidebar-header{padding:18px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:14px}.admin-sidebar-title{display:flex;align-items:center;justify-content:space-between}.admin-sidebar-title h2{font-size:1.15rem;font-weight:800}.admin-search-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 12px;display:flex;align-items:center;gap:8px}.admin-search-input input{background:transparent;border:none;outline:none;font-size:.85rem;width:100%}.admin-filter-tabs{display:flex;gap:6px;padding:0 18px 14px;border-bottom:1px solid var(--border-subtle);overflow-x:auto}.filter-tab{padding:6px 12px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);white-space:nowrap;transition:all var(--transition-fast)}.filter-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.conversation-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.conversation-card{padding:14px;border-radius:var(--radius-md);border:1px solid transparent;display:flex;gap:12px;cursor:pointer;transition:all var(--transition-fast);background:transparent}.conversation-card:hover{background:var(--bg-card)}.conversation-card.active{background:var(--bg-card-hover);border-color:#4f46e566}.conv-avatar-wrap{position:relative;flex-shrink:0}.conv-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.conv-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.conv-top-row{display:flex;align-items:center;justify-content:space-between}.conv-customer-name{font-size:.9rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-time{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.conv-company-name{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-product-badge{font-size:.72rem;color:#a5b4fc;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-last-msg-preview{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-unread-pill{background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;border-radius:var(--radius-full);padding:2px 6px;align-self:flex-start}.admin-chat-main{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);border-right:1px solid var(--border-subtle)}.admin-chat-header{padding:16px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.admin-header-left{display:flex;align-items:center;gap:14px}.admin-header-title h3{font-size:1.05rem;font-weight:800}.admin-header-title p{font-size:.78rem;color:var(--text-muted)}.admin-header-actions{display:flex;align-items:center;gap:12px}.select-assignment{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px 12px;font-size:.82rem;color:var(--text-primary)}.status-badge-toggle{padding:6px 12px;border-radius:var(--radius-md);font-size:.78rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:opacity .2s}.status-badge-toggle.active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-badge-toggle.pending{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-badge-toggle.resolved{background:#64748b33;color:#cbd5e1;border:1px solid var(--border-subtle)}.quick-replies-toolbar{padding:10px 20px;background:var(--bg-surface);border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:8px;overflow-x:auto}.quick-reply-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;white-space:nowrap}.quick-reply-btn{padding:5px 12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:.76rem;color:var(--text-secondary);white-space:nowrap;transition:all var(--transition-fast)}.quick-reply-btn:hover{background:var(--primary-light);color:#a5b4fc;border-color:var(--primary)}.admin-context-panel{background:var(--bg-surface);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px;gap:20px}.context-section-title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px}.buyer-profile-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:10px}.buyer-profile-item{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--text-secondary)}.buyer-profile-item svg{color:var(--text-muted)}.product-context-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.product-context-card img{width:100%;height:160px;object-fit:cover}.product-context-details{padding:14px;display:flex;flex-direction:column;gap:8px}@media (max-width: 1100px){.admin-layout{grid-template-columns:300px 1fr}.admin-context-panel{display:none}}@media (max-width: 768px){.admin-layout{grid-template-columns:1fr!important;height:100vh!important;height:100dvh!important;position:relative!important}.admin-layout.mobile-show-list .admin-sidebar{display:flex!important;width:100%!important;height:100%!important;position:relative!important}.admin-layout.mobile-show-list .admin-chat-main,.admin-layout.mobile-show-active-chat .admin-sidebar{display:none!important}.admin-layout.mobile-show-active-chat .admin-chat-main{display:flex!important;width:100%!important;height:100%!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:100!important;background:#0b141a!important}.admin-context-panel{display:none!important}.admin-chat-header{padding:10px 14px!important;position:sticky!important;top:0!important;z-index:20!important}.chat-composer-bar{position:sticky!important;bottom:0!important;background:var(--bg-surface)!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;z-index:20!important}.chat-composer-bar input{font-size:16px!important}}.chat-messages-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px;background-color:#0b141a;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px}.message-item{display:flex;flex-direction:column;width:100%}.message-item.staff-outgoing{align-items:flex-end}.message-item.buyer-incoming{align-items:flex-start}.message-sender-name{font-size:.72rem;font-weight:700;color:#53bdeb;margin-bottom:3px;padding:0 4px}.message-bubble{max-width:78%;padding:10px 14px;border-radius:10px;font-size:.88rem;line-height:1.45;position:relative;word-break:break-word;box-shadow:0 2px 6px #00000059}.message-item.staff-outgoing .message-bubble{background:#005c4b;color:#e9edef;border-top-right-radius:2px;border:1px solid rgba(0,168,132,.25)}.message-item.buyer-incoming .message-bubble{background:#202c33;color:#e9edef;border-top-left-radius:2px;border:1px solid rgba(255,255,255,.06)}.message-product-embed{display:flex;align-items:center;gap:12px;background:#00000059;padding:8px 12px;border-radius:8px;margin-bottom:8px;border-left:3px solid var(--accent-gold)}.embed-thumb{width:46px;height:46px;border-radius:6px;object-fit:cover}.embed-info{display:flex;flex-direction:column;gap:2px}.message-image-attachment{margin-top:6px}.message-image-attachment img{max-width:100%;max-height:240px;border-radius:8px;cursor:pointer;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:.68rem;color:#fff9;margin-top:5px}.chat-composer{padding:12px 18px;background:#1f2c34;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.composer-btn-attach{background:transparent;border:none;color:#8696a0;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.composer-btn-attach:hover{color:#e9edef;background:#ffffff14}.chat-input-wrapper{flex:1;background:#2a3942;border-radius:8px;display:flex;align-items:center;padding:2px 10px}.chat-input-wrapper input{width:100%;background:transparent;border:none;outline:none;padding:10px 4px;color:#e9edef;font-size:.9rem}.chat-input-wrapper input::placeholder{color:#8696a0}.composer-btn-send{background:#00a884;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .1s}.composer-btn-send:hover:not(:disabled){background:#029070;transform:scale(1.05)}.composer-btn-send:disabled{opacity:.4;cursor:not-allowed}.typing-indicator{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#8696a0;background:#202c33;padding:6px 12px;border-radius:8px;align-self:flex-start}.typing-dot{width:5px;height:5px;background:#8696a0;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(2){animation-delay:-.32s}.typing-dot:nth-child(3){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}