.dark,:root,[data-theme=dark]{--bg:#0B1117;--bg-page:#0B1117;--bg-subtle:#070B0F;--bg-canvas:#0E1620;--surface:#111822;--surface-card:#111822;--surface-soft:#17212D;--surface-elevated:#1B2735;--surface-hover:#202D3E;--border:rgba(255,255,255,0.08);--border-hover:rgba(255,255,255,0.16);--border-strong:#0284C7;--border-subtle:rgba(255,255,255,0.05);--text:#F1F5F9;--text-primary:#F8FAFC;--text-secondary:#94A3B8;--text-muted:#64748B;--text-inverse:#0B1117;--text-accent:#38BDF8;--primary:#0284C7;--primary-hover:#0369A1;--primary-soft:rgba(2,132,199,0.15);--accent:#0EA5E9;--gold:#D4AF37;--gold-soft:rgba(212,175,55,0.12);--ruby:#E11D48;--danger:#EF4444;--danger-bg:rgba(239,68,68,0.1);--danger-border:rgba(239,68,68,0.25);--button-primary-bg:#0284C7;--button-primary-text:#FFFFFF;--button-secondary-bg:#17212D;--button-secondary-text:#F1F5F9;--button-ghost-text:#94A3B8;--shadow-card:0 1px 3px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.15);--shadow-elevated:0 10px 25px -5px rgba(0,0,0,0.4),0 8px 10px -6px rgba(0,0,0,0.3);--radius-lg:12px;--radius-md:9px;--radius-sm:6px;--radius-pill:9999px;--bg-base:var(--bg);--bg-deep:var(--bg-subtle);--panel-glass:var(--surface);--panel-glass-hover:var(--surface-hover);--panel-card:var(--surface-card);--panel-card-solid:var(--surface);--glass-border:var(--border);--glass-border-hover:var(--border-hover);--glass-border-focus:var(--border-strong);--glass-highlight:inset 0 1px 0 rgba(255,255,255,0.06);--glass-shadow:var(--shadow-card);--glass-glow-teal:0 0 18px rgba(2,132,199,0.15);--glass-glow-petrol:0 0 18px rgba(2,132,199,0.12);--text-dim:var(--text-secondary);--muted:var(--text-muted);--muted-light:#94A3B8;--petrol:#111822;--petrol-deep:#0B1117;--slate-teal:#64748B;--slate-teal-light:#94A3B8;--teal-accent:#0284C7;--teal-bright:#38BDF8;--teal-glow:rgba(2,132,199,0.25);--charcoal:#0B1117;--card-bg:var(--surface);--line:var(--border);--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif}.light,[data-theme=light]{--bg:#F8FAFC;--bg-page:#F8FAFC;--bg-subtle:#F1F5F9;--bg-canvas:#E2E8F0;--surface:#FFFFFF;--surface-card:#FFFFFF;--surface-soft:#F1F5F9;--surface-elevated:#FFFFFF;--surface-hover:#F8FAFC;--border:#E2E8F0;--border-hover:#CBD5E1;--border-strong:#0284C7;--border-subtle:#F1F5F9;--text:#0F172A;--text-primary:#0F172A;--text-secondary:#64748B;--text-muted:#94A3B8;--text-inverse:#FFFFFF;--text-accent:#0284C7;--primary:#0284C7;--primary-hover:#0369A1;--primary-soft:rgba(2,132,199,0.08);--accent:#0284C7;--gold:#B45309;--gold-soft:#FEF3C7;--ruby:#E11D48;--danger:#DC2626;--danger-bg:rgba(220,38,38,0.06);--danger-border:rgba(220,38,38,0.2);--button-primary-bg:#0284C7;--button-primary-text:#FFFFFF;--button-secondary-bg:#F1F5F9;--button-secondary-text:#0F172A;--button-ghost-text:#64748B;--shadow-card:0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.03);--shadow-elevated:0 10px 25px -5px rgba(0,0,0,0.08),0 8px 10px -6px rgba(0,0,0,0.04);--bg-base:var(--bg);--bg-deep:var(--bg-subtle);--panel-glass:#FFFFFF;--panel-glass-hover:#F8FAFC;--panel-card:var(--surface-card);--panel-card-solid:var(--surface);--glass-border:var(--border);--glass-border-hover:var(--border-hover);--glass-border-focus:var(--primary);--glass-highlight:inset 0 1px 0 rgba(255,255,255,0.8);--glass-shadow:var(--shadow-card);--glass-glow-teal:0 0 12px rgba(2,132,199,0.08);--glass-glow-petrol:0 0 12px rgba(2,132,199,0.06);--text-dim:var(--text-secondary);--muted:var(--text-muted);--muted-light:#64748B;--petrol:#0F172A;--petrol-deep:#F8FAFC;--slate-teal:#64748B;--slate-teal-light:#94A3B8;--teal-accent:#0284C7;--teal-bright:#0284C7;--teal-glow:rgba(2,132,199,0.15);--charcoal:#0F172A;--card-bg:var(--surface);--line:var(--border);--palette-sage:#B8CFDF;--palette-mint:#D1EAE2;--palette-blush:#FCE8E2;--palette-coral:#F7C6B8;--palette-taupe:#D5E3EE;--palette-linen:#F4F8FC}.dark,.dark body,[data-theme=dark],[data-theme=dark] body{background-color:#011425;background-image:radial-gradient(circle at 14% 12%,rgba(31,73,89,.35) 0,transparent 50%),radial-gradient(circle at 86% 16%,rgba(92,124,137,.22) 0,transparent 45%),radial-gradient(circle at 50% 88%,rgba(61,143,168,.15) 0,transparent 55%),linear-gradient(180deg,#021a30,#000a14);color:#ffffff}.light,.light body,[data-theme=light],[data-theme=light] body{background-color:#EEF5FA;background-image:radial-gradient(circle at 14% 12%,rgba(8,126,164,.04) 0,transparent 48%),radial-gradient(circle at 86% 16%,rgba(14,165,198,.04) 0,transparent 42%),radial-gradient(circle at 50% 88%,rgba(201,154,40,.03) 0,transparent 52%),linear-gradient(180deg,#F4F8FC,#EEF5FA);color:#17344A}[data-theme=light] .home-page{background:var(--bg-page);color:#17344A}[data-theme=light] .home-nav{background:rgba(244,248,252,.95)!important;border-bottom:1px solid #d5e3ee!important}[data-theme=light] .home-brand span,[data-theme=light] .home-copy h1{color:#17344A!important}[data-theme=light] .home-copy h1 span{color:#087EA4!important}[data-theme=light] .home-copy>p{color:#526B7F!important}[data-theme=light] .pillar-item{background:#F8FBFE!important;border:1px solid #d5e3ee!important;box-shadow:0 4px 16px rgba(23,52,74,.04)!important}[data-theme=light] .pillar-item:hover{background:#FFFFFF!important;border-color:#B8CFDF!important}[data-theme=light] .pillar-item strong{color:#087EA4!important}[data-theme=light] .pillar-item strong:after{color:#71879A!important}[data-theme=light] .pillar-item span{color:#526B7F!important}[data-theme=light] .home-flow{background:#F8FBFE!important;border:1px solid #d5e3ee!important;box-shadow:0 8px 24px rgba(23,52,74,.05)!important}[data-theme=light] .flow-step span{color:#17344A!important}[data-theme=light] .flow-arrow{color:#087EA4!important}[data-theme=light] .home-proof{background:#EDF4FA!important;border-top:1px solid #d5e3ee!important}[data-theme=light] .home-proof strong{color:#17344A!important}[data-theme=light] .home-proof span{color:#526B7F!important}[data-theme=light] .home-templates-section{background:#EEF5FA}[data-theme=light] .home-templates-header h2{color:#17344A!important}[data-theme=light] .home-templates-header p{color:#526B7F!important}[data-theme=light] .template-card{background:#F8FBFE!important;border:1px solid #d5e3ee!important;box-shadow:0 4px 16px rgba(23,52,74,.04)!important}[data-theme=light] .template-card:hover{background:#FFFFFF!important;border-color:#B8CFDF!important;box-shadow:0 10px 28px rgba(23,52,74,.08)!important}[data-theme=light] .template-card-header h3{color:#17344A!important}[data-theme=light] .template-tagline{color:#526B7F!important}[data-theme=light] .template-stock-preview{background:#EDF4FA!important;border:1px solid #d5e3ee!important}[data-theme=light] .template-stock-label{color:#087EA4!important}[data-theme=light] .stock-tag{background:transparent!important;color:#526B7F!important}[data-theme=light] .stock-tag-text strong{color:#17344A!important}[data-theme=light] .template-cred-hint{color:#71879A!important}[data-theme=light] .template-cred-hint code{background:#E2ECF4!important;color:#087EA4!important}[data-theme=light] .app-header,[data-theme=light] .topbar{background:rgba(244,248,252,.95)!important;border-bottom:1px solid #d5e3ee!important}[data-theme=light] .visual-brand,[data-theme=light] .visual-brand .brand-name,[data-theme=light] .visual-title-row h1,[data-theme=light] .viz-header-mat-pill,[data-theme=light] .viz-placement-title{color:#17344A!important}[data-theme=light] .viz-header-mat-pill:hover{color:#087EA4!important}[data-theme=light] .business-pill{background:#F8FBFE!important;border:1px solid #d5e3ee!important}[data-theme=light] .business-pill-label{color:#17344A!important}[data-theme=light] .mobile-drawer,[data-theme=light] .sidebar{background:rgba(248,251,254,.96)!important;border-right:1px solid #d5e3ee!important}[data-theme=light] .mobile-drawer-brand strong{color:#17344A!important}[data-theme=light] .mobile-drawer-link,[data-theme=light] .nav a,[data-theme=light] .nav-link{color:#526B7F!important}[data-theme=light] .mobile-drawer-link:hover,[data-theme=light] .nav a:hover,[data-theme=light] .nav-link:hover{color:#17344A!important;background:#EDF4FA!important}[data-theme=light] .mobile-drawer-link.active,[data-theme=light] .nav a.active,[data-theme=light] .nav-link.active{color:#087EA4!important;background:#DDF3FA!important;border-color:rgba(8,126,164,.25)!important}[data-theme=light] .page-head h1{color:#17344A!important}[data-theme=light] .page-head p{color:#526B7F!important}[data-theme=light] .stat{background:#F8FBFE!important;border:1px solid #d5e3ee!important;box-shadow:0 4px 16px rgba(23,52,74,.04)!important}[data-theme=light] .stat strong{color:#17344A!important}[data-theme=light] .stat span{color:#526B7F!important}[data-theme=light] .stat small{color:#71879A!important}[data-theme=light] .modal,[data-theme=light] .modal-card{background:#FFFFFF!important;border:1px solid #d5e3ee!important;color:#17344A!important;box-shadow:0 24px 64px rgba(23,52,74,.12)!important}[data-theme=light] .modal-backdrop,[data-theme=light] .modal-overlay{background:rgba(23,52,74,.45)!important}[data-theme=light] .upload{background:#EDF4FA!important;border-color:#D5E3EE!important}[data-theme=light] .upload:hover{background:#E2ECF4!important;border-color:#087EA4!important}[data-theme=light] .input,[data-theme=light] .select,[data-theme=light] .textarea{background:#FFFFFF!important;border:1px solid #d5e3ee!important;color:#17344A!important}[data-theme=light] .category-select option,[data-theme=light] .select option,[data-theme=light] .visual-model-picker option,[data-theme=light] select option{color:#17344A!important}[data-theme=light] .comm-filter-group .input,[data-theme=light] .comm-filter-group .select{background:#FFFFFF!important;border-color:#D5E3EE!important;color:#17344A!important}[data-theme=light] .customer-product-body h2{color:#17344A!important}[data-theme=light] .customer-product-body p{color:#526B7F!important}[data-theme=light] .customer-cta h2,[data-theme=light] .request-heading h2,[data-theme=light] .request-upload span{color:#17344A!important}[data-theme=light] .showcase-image{border:1px solid rgba(82,107,127,.18)!important;box-shadow:0 12px 32px rgba(23,52,74,.12)!important}[data-theme=light] .mobile-feature-summary{color:#526B7F!important}[data-theme=light] .mobile-feature-summary .summary-dot{color:#087EA4!important}[data-theme=light] .catalogue-brand-text strong,[data-theme=light] .catalogue-hero-title,[data-theme=light] .catalogue-intro h1,[data-theme=light] .directory-brand-info strong,[data-theme=light] .directory-business strong,[data-theme=light] .directory-card-body h2,[data-theme=light] .directory-hero h1,[data-theme=light] .directory-list-header h2,[data-theme=light] .list-mode-header h3,[data-theme=light] .list-mode-price,[data-theme=light] .visual-heading h1{color:#17344A!important}[data-theme=light] .visual-heading h1 span{color:#087EA4!important}[data-theme=light] .visual-heading p{color:#526B7F!important}[data-theme=light] .viz-stepper{background:#F8FBFE!important;border-color:#D5E3EE!important}[data-theme=light] .viz-step-item{color:#526B7F!important}[data-theme=light] .viz-step-item:hover{color:#17344A!important;background:#EDF4FA!important}[data-theme=light] .viz-step-item.is-active{color:#087EA4!important;background:#DDF3FA!important;border:1px solid rgba(8,126,164,.35)!important}[data-theme=light] .viz-step-item.is-completed{color:#0f766e!important}[data-theme=light] .viz-step-num{background:#EDF4FA!important;color:#526B7F!important}[data-theme=light] .viz-step-item.is-active .viz-step-num{background:#087EA4!important;color:#FFFFFF!important}[data-theme=light] .viz-step-item.is-completed .viz-step-num{background:#0f766e!important;color:#FFFFFF!important}[data-theme=light] .viz-step-divider{background:#D5E3EE!important}[data-theme=light] .viz-step1-card{background:#F8FBFE!important;border-color:#D5E3EE!important}[data-theme=light] .viz-step1-title{color:#17344A!important}[data-theme=light] .viz-step1-sub{color:#526B7F!important}[data-theme=light] .viz-placement-mat-name{color:#17344A!important}[data-theme=light] .viz-mat-selector-btn{background:#FFFFFF!important;border-color:#D5E3EE!important}[data-theme=light] .viz-mat-selector-btn:hover{background:#EDF4FA!important;border-color:#B8CFDF!important}[data-theme=light] .viz-mat-selector-name{color:#17344A!important}[data-theme=light] .viz-mat-selector-count{color:#526B7F!important}[data-theme=light] .viz-mat-card{background:#F8FBFE!important;border-color:#D5E3EE!important}[data-theme=light] .viz-mat-card:hover{background:#FFFFFF!important;border-color:#B8CFDF!important}[data-theme=light] .viz-mat-card.is-selected{border-color:#087EA4!important;background:#FFFFFF!important}[data-theme=light] .viz-mat-card-name,[data-theme=light] .viz-mat-details strong{color:#17344A!important}[data-theme=light] .viz-canvas-viewport{background:#EDF4FA!important;border-color:#D5E3EE!important}[data-theme=light] .mobile-drawer-close,[data-theme=light] .mobile-menu-toggle,[data-theme=light] .nav-drawer-close,[data-theme=light] .nav-drawer-x-btn{color:#17344A!important}[data-theme=light] .step-indicator{background:#EDF4FA!important;border-color:#D5E3EE!important}[data-theme=light] .step-indicator-list{background:#F8FBFE!important;border-color:#D5E3EE!important}[data-theme=light] .step-indicator-item{color:#526B7F!important}[data-theme=light] .step-indicator-item.is-active{color:#087EA4!important;background:#DDF3FA!important}[data-theme=light] .visual-steps{background:#F8FBFE!important;border-color:#D5E3EE!important}[data-theme=light] .visual-steps span{color:#526B7F!important}[data-theme=light] .visual-steps span.active{color:#087EA4!important;background:#DDF3FA!important}[data-theme=light] .directory-pill{background:#EDF4FA!important;border-color:#D5E3EE!important;color:#17344A!important}[data-theme=light] .btn-specs-toggle{color:#526B7F!important}[data-theme=light] .btn-specs-toggle:hover{color:#17344A!important}[data-theme=light] .fidelity-toggle-btn{color:#526B7F!important}[data-theme=light] .fidelity-toggle-btn:hover{color:#17344A!important;background:#EDF4FA!important}[data-theme=light] .sticky-clear-btn{background:#EDF4FA!important;border-color:#D5E3EE!important;color:#526B7F!important}[data-theme=light] .sticky-clear-btn:hover{background:#FFFFFF!important;color:#17344A!important}[data-theme=light] .accordion-head strong,[data-theme=light] .quote-lines strong,[data-theme=light] .render-history-head strong,[data-theme=light] .render-history-item,[data-theme=light] .request-filter-bar strong,[data-theme=light] .room-dropzone strong,[data-theme=light] .section-title h2,[data-theme=light] .stock-copy strong,[data-theme=light] .trust-item strong,[data-theme=light] .visual-mode-note strong,[data-theme=light] .visual-toolbar strong{color:#17344A!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#163047}[data-theme=light] p{color:#526B7F}[data-theme=light] .muted,[data-theme=light] div.muted,[data-theme=light] p.muted,[data-theme=light] small,[data-theme=light] span.muted{color:#71879A}[data-theme=light] .eyebrow{color:#087EA4}[data-theme=light] .card{background:#F8FBFE;border-color:#D5E3EE;box-shadow:0 4px 20px rgba(22,48,71,.05),inset 0 1px 0 rgba(255,255,255,.85)}[data-theme=light] .card h1,[data-theme=light] .card h2,[data-theme=light] .card h3{color:#163047}[data-theme=light] .btn{background:#FFFFFF;border-color:#D5E3EE;color:#163047;box-shadow:0 2px 6px rgba(22,48,71,.04)}[data-theme=light] .btn:hover{background:#EDF4FA;border-color:#B8CFDF;color:#163047}[data-theme=light] .btn.primary{background:linear-gradient(135deg,#087EA4,#066888)!important;color:#FFFFFF!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 4px 14px rgba(8,126,164,.25)!important}[data-theme=light] .btn.primary *{color:#FFFFFF!important}[data-theme=light] .btn.primary:hover{background:linear-gradient(135deg,#066888,#05546e)!important;box-shadow:0 6px 20px rgba(8,126,164,.35)!important;color:#FFFFFF!important}[data-theme=light] .btn.primary:disabled,[data-theme=light] .btn:disabled,[data-theme=light] button:disabled{background:#E7F0F7!important;color:#71879A!important;border-color:#D5E3EE!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.75!important}[data-theme=light] .btn:disabled *{color:#71879A!important}[data-theme=light] .glass-btn{background:rgba(248,251,254,.9);border-color:#D5E3EE;color:#163047}[data-theme=light] .glass-btn:hover{background:#FFFFFF;border-color:#B8CFDF;color:#163047}[data-theme=light] .input,[data-theme=light] .select,[data-theme=light] .textarea{background:#FFFFFF;border-color:#D5E3EE;color:#163047;box-shadow:inset 0 1px 2px rgba(22,48,71,.03)}[data-theme=light] .input:focus,[data-theme=light] .select:focus,[data-theme=light] .textarea:focus{background:#FFFFFF;border-color:#087EA4;box-shadow:0 0 0 3px rgba(8,126,164,.15)}[data-theme=light] .input::placeholder,[data-theme=light] .textarea::placeholder{color:#71879A}.category-select option,.select option,.visual-model-picker option,select option{background:#082133;color:#ffffff}[data-theme=light] .category-select option,[data-theme=light] .select option,[data-theme=light] .visual-model-picker option,[data-theme=light] select option{background:#FFFFFF!important;color:#163047!important}[data-theme=light] .app-header,[data-theme=light] .home-nav,[data-theme=light] .topbar,[data-theme=light] .visual-topbar{background:rgba(244,248,252,.95);border-bottom-color:#D5E3EE;box-shadow:0 2px 10px rgba(22,48,71,.03)}[data-theme=light] .home-brand span,[data-theme=light] .topbar .brand span,[data-theme=light] .visual-brand,[data-theme=light] .visual-brand .brand-name{color:#163047}[data-theme=light] .business-pill{background:#F8FBFE;border-color:#D5E3EE;color:#163047;box-shadow:0 2px 6px rgba(22,48,71,.04)}[data-theme=light] .business-pill-label{color:#163047}[data-theme=light] .mobile-drawer,[data-theme=light] .sidebar{background:rgba(248,251,254,.96);border-right-color:#D5E3EE}[data-theme=light] .mobile-drawer-brand strong{color:#163047}[data-theme=light] .mobile-drawer-link,[data-theme=light] .nav a,[data-theme=light] .nav-link{color:#526B7F}[data-theme=light] .mobile-drawer-link:hover,[data-theme=light] .nav a:hover,[data-theme=light] .nav-link:hover{color:#163047;background:#EDF4FA}[data-theme=light] .mobile-drawer-link.active,[data-theme=light] .nav a.active,[data-theme=light] .nav-link.active{color:#087EA4;background:#DDF3FA;border-color:rgba(8,126,164,.25);font-weight:700;box-shadow:0 2px 8px rgba(8,126,164,.08)}[data-theme=light] .nav a.active .nav-icon,[data-theme=light] .nav a.active .nav-label{color:#087EA4}[data-theme=light] .table th{color:#526B7F;border-bottom-color:#D5E3EE}[data-theme=light] .table td{border-bottom-color:rgba(213,227,238,.7);color:#163047}[data-theme=light] .table tr:hover td{background:rgba(8,126,164,.03)}[data-theme=light] .modal,[data-theme=light] .modal-card{background:#FFFFFF;border-color:#D5E3EE;box-shadow:0 24px 64px rgba(22,48,71,.12);color:#163047}[data-theme=light] .modal-overlay{background-color:rgba(22,48,71,.45)}[data-theme=light] .directory-pill,[data-theme=light] .pill,[data-theme=light] .stock-tag{background:#DDF3FA;border-color:rgba(8,126,164,.25);color:#087EA4;font-weight:600}[data-theme=light] .placement-chip{background:#FEF3C7;border-color:#FCD34D;color:#92400E}[data-theme=light] .view-switch{background:#EDF4FA;border-color:#D5E3EE;color:#526B7F}[data-theme=light] .view-switch.active{background:#087EA4;color:#FFFFFF;border-color:#087EA4}[data-theme=light] .toast{background:#163047;color:#FFFFFF;box-shadow:0 10px 30px rgba(22,48,71,.2)}[data-theme=light] .catalogue-directory,[data-theme=light] .catalogue-page,[data-theme=light] .visual-page{background:#F4F8FC;color:#163047}[data-theme=light] .catalogue-head,[data-theme=light] .directory-head{border-bottom-color:#D5E3EE}[data-theme=light] .catalogue-nav-back,[data-theme=light] .visual-nav-back{background:#FFFFFF;border-color:#D5E3EE;color:#163047}[data-theme=light] .catalogue-nav-back:hover,[data-theme=light] .visual-nav-back:hover{background:#EDF4FA;border-color:#B8CFDF;color:#163047}[data-theme=light] .catalogue-brand-text strong,[data-theme=light] .directory-brand-info strong,[data-theme=light] .directory-business strong{color:#163047}[data-theme=light] .catalogue-brand-text small,[data-theme=light] .directory-brand-info small,[data-theme=light] .directory-business small{color:#526B7F}[data-theme=light] .lang-switcher{background:#EDF4FA;border-color:#D5E3EE}[data-theme=light] .lang-btn{color:#526B7F}[data-theme=light] .lang-btn.active{color:#FFFFFF;background:#087EA4}[data-theme=light] .catalogue-intro h1,[data-theme=light] .directory-hero h1,[data-theme=light] .directory-hero-bar h1{color:#163047}[data-theme=light] .catalogue-intro p,[data-theme=light] .directory-hero-bar p{color:#526B7F}[data-theme=light] .catalogue-hero-card,[data-theme=light] .directory-hero-card{background:#F8FBFE!important;border:1px solid #d5e3ee!important;box-shadow:0 8px 24px rgba(22,48,71,.05)!important}[data-theme=light] .directory-hero-bar{border-top:1px solid #d5e3ee;background:#F8FBFE}[data-theme=light] .catalogue-hero-badge,[data-theme=light] .directory-hero-eyebrow{background:#DDF3FA!important;color:#087EA4!important;border:1px solid rgba(8,126,164,.3)!important}[data-theme=light] .catalogue-card,[data-theme=light] .customer-product,[data-theme=light] .directory-card,[data-theme=light] .pillar-item,[data-theme=light] .stock-thumb-card,[data-theme=light] .template-card{background:#F8FBFE;border-color:#D5E3EE;box-shadow:0 4px 16px rgba(22,48,71,.04)}[data-theme=light] .catalogue-card:hover,[data-theme=light] .customer-product:hover,[data-theme=light] .directory-card:hover,[data-theme=light] .pillar-item:hover,[data-theme=light] .stock-thumb-card:hover,[data-theme=light] .template-card:hover{background:#FFFFFF;border-color:#B8CFDF;box-shadow:0 10px 28px rgba(22,48,71,.08)}[data-theme=light] .catalogue-card h3,[data-theme=light] .customer-product-body h2,[data-theme=light] .customer-product-body strong,[data-theme=light] .directory-card h2,[data-theme=light] .directory-card h3,[data-theme=light] .directory-card strong,[data-theme=light] .pillar-item strong,[data-theme=light] .product-spec-row strong,[data-theme=light] .stock-thumb-title-row strong,[data-theme=light] .template-card h3,[data-theme=light] .template-card-header h3{color:#163047}[data-theme=light] .customer-product-body p,[data-theme=light] .customer-product-meta,[data-theme=light] .directory-card p,[data-theme=light] .product-spec-row,[data-theme=light] .template-tagline{color:#526B7F}[data-theme=light] .customer-product-price{color:#163047;font-weight:700}[data-theme=light] .customer-product-sku{color:#087EA4}[data-theme=light] .list-mode-row{background:#F8FBFE!important;border:1px solid #d5e3ee!important;box-shadow:0 2px 8px rgba(22,48,71,.03)!important}[data-theme=light] .list-mode-row:hover{background:#FFFFFF!important;border-color:#B8CFDF!important}[data-theme=light] .list-mode-row.is-active{background:#DDF3FA!important;border:1.5px solid #087ea4!important}[data-theme=light] .select-indicator{background:#FFFFFF;border-color:#D5E3EE;color:#163047}[data-theme=light] .customer-cta{background:#F8FBFE!important;border:1px solid #d5e3ee!important;box-shadow:0 10px 30px rgba(22,48,71,.05)!important}[data-theme=light] .customer-cta.has-selection{border-color:#087EA4!important;box-shadow:0 12px 36px rgba(8,126,164,.12)!important}[data-theme=light] .customer-cta h2{color:#163047!important}[data-theme=light] .customer-cta p{color:#526B7F!important}[data-theme=light] .customer-cta .eyebrow{color:#087EA4!important;font-weight:750!important}[data-theme=light] .customer-request-panel{background:#F8FBFE!important;border-color:#D5E3EE!important;box-shadow:0 12px 36px rgba(22,48,71,.06)!important}[data-theme=light] .request-heading h2{color:#163047!important}[data-theme=light] .request-heading p{color:#526B7F!important}[data-theme=light] .request-upload{background:#EDF4FA!important;border-color:#D5E3EE!important}[data-theme=light] .request-upload span{color:#163047!important}[data-theme=light] .request-upload small{color:#71879A!important}[data-theme=light] .btn-whatsapp-header,[data-theme=light] .hero-whatsapp-btn{background:rgba(16,185,129,.12)!important;border:1px solid rgba(16,185,129,.35)!important;color:#0d7a57!important;font-weight:700!important}[data-theme=light] .btn-whatsapp-header:hover,[data-theme=light] .hero-whatsapp-btn:hover{background:rgba(16,185,129,.2)!important;border-color:#10b981!important}[data-theme=light] .search-input-wrap{background:#FFFFFF!important;border-color:#D5E3EE!important}[data-theme=light] .search-input{color:#163047!important}[data-theme=light] .search-icon{color:#71879A!important}[data-theme=light] .category-filter-btn,[data-theme=light] .view-toggle-btn{background:#FFFFFF!important;border-color:#D5E3EE!important;color:#526B7F!important}[data-theme=light] .category-filter-btn.active,[data-theme=light] .view-toggle-btn.active{background:#087EA4!important;border-color:#087EA4!important;color:#FFFFFF!important}[data-theme=light] .directory-view-toggle{background:#EDF4FA!important;border-color:#D5E3EE!important}[data-theme=light] .directory-view-btn{color:#526B7F!important}[data-theme=light] .directory-view-btn.active{background:#087EA4!important;color:#FFFFFF!important}[data-theme=light] .stat{background:#F8FBFE;border-color:#D5E3EE}[data-theme=light] .stat span,[data-theme=light] .stat strong{color:#163047}[data-theme=light] .stat small{color:#71879A}[data-theme=light] .request-filter-bar{background:#F8FBFE!important;border:1px solid #d5e3ee!important;box-shadow:0 4px 16px rgba(22,48,71,.04)!important}[data-theme=light] .request-filter-bar strong{color:#163047!important}[data-theme=light] .request-filter-bar span{color:#526B7F!important}[data-theme=light] .request-filters button{background:#EDF4FA!important;border-color:#D5E3EE!important;color:#526B7F!important;font-weight:600!important}[data-theme=light] .request-filters button:hover{background:#FFFFFF!important;border-color:#B8CFDF!important;color:#163047!important}[data-theme=light] .request-filters button.is-active{background:#087EA4!important;border-color:#087EA4!important;color:#FFFFFF!important;box-shadow:0 2px 8px rgba(8,126,164,.25)!important}[data-theme=light] .request-admin-card,[data-theme=light] .selection-card,[data-theme=light] .stage-card{background:#F8FBFE!important;border-color:#D5E3EE!important;box-shadow:0 4px 16px rgba(22,48,71,.04)!important}[data-theme=light] .request-admin-top h3,[data-theme=light] .request-admin-top>strong,[data-theme=light] .section-title h2,[data-theme=light] .stage-card-head strong{color:#163047!important}[data-theme=light] .stage-card-head span{color:#526B7F!important}[data-theme=light] .stage-card.is-current{border-color:#087EA4!important;box-shadow:0 0 0 2px rgba(8,126,164,.2)!important}[data-theme=light] .request-item-card{background:#EDF4FA!important;border:1px solid #d5e3ee!important}[data-theme=light] .request-item-card strong{color:#163047!important}[data-theme=light] .comm-tabs{background:#EDF4FA!important;border-color:#D5E3EE!important}[data-theme=light] .comm-tab-btn{color:#526B7F!important}[data-theme=light] .comm-tab-btn.is-active{background:#FFFFFF!important;color:#163047!important;box-shadow:0 2px 6px rgba(22,48,71,.06)!important}[data-theme=light] .comm-filter-group .input,[data-theme=light] .comm-filter-group .select,[data-theme=light] .comm-filter-group input,[data-theme=light] .comm-filter-group select{background:#FFFFFF!important;border-color:#D5E3EE!important;color:#163047!important}[data-theme=light] .render-history-item{background:#EDF4FA!important;border-color:#D5E3EE!important;color:#163047!important}[data-theme=light] .render-history-item:hover{background:#FFFFFF!important;border-color:#B8CFDF!important}[data-theme=light] .render-history-item.is-current{border-color:#087EA4!important;background:#DDF3FA!important}[data-theme=light] .preview-sample-product-card{background:#FFFFFF!important;box-shadow:0 4px 16px rgba(22,48,71,.06)!important}[data-theme=light] .preview-sample-product-card .sample-card-title{color:#163047!important}[data-theme=light] .preview-sample-product-card .sample-card-specs{color:#526B7F!important}[data-theme=light] .preview-channels-card{background:#FFFFFF!important;border:1px solid #d5e3ee!important;box-shadow:0 4px 16px rgba(22,48,71,.04)!important}[data-theme=light] .preview-channels-card .channels-title{color:#087EA4!important}[data-theme=light] .preview-channels-card .channels-list,[data-theme=light] .preview-channels-card .channels-list strong{color:#163047!important}[data-theme=light] .preview-tip-card{background:#DDF3FA!important;border-color:rgba(8,126,164,.3)!important;color:#087EA4!important}[data-theme=light] .preview-tip-card strong{color:#163047!important}[data-theme=light] .viz-stepper{background:#F8FBFE;border-color:#D5E3EE;box-shadow:0 2px 10px rgba(22,48,71,.04)}[data-theme=light] .viz-step-item{color:#526B7F;background:transparent}[data-theme=light] .viz-step-item:hover{color:#163047;background:#EDF4FA}[data-theme=light] .viz-step-item.is-active{color:#087EA4;background:#DDF3FA;border:1px solid rgba(8,126,164,.35);font-weight:600}[data-theme=light] .viz-step-item.is-completed{color:#0f766e}[data-theme=light] .viz-step-num{background:#EDF4FA;color:#526B7F}[data-theme=light] .viz-step-item.is-active .viz-step-num{background:#087EA4;color:#FFFFFF}[data-theme=light] .viz-step-item.is-completed .viz-step-num{background:#0f766e;color:#FFFFFF}[data-theme=light] .viz-step-divider{background:#D5E3EE}[data-theme=light] .viz-step1-card{background:#F8FBFE;border-color:#D5E3EE;box-shadow:0 16px 36px rgba(22,48,71,.08)}[data-theme=light] .viz-step1-title{color:#163047}[data-theme=light] .viz-step1-sub{color:#526B7F}[data-theme=light] .viz-step1-dropzone{border-color:#B8CFDF;background:radial-gradient(circle at 50% 45%,rgba(8,126,164,.04) 0,transparent 70%)}[data-theme=light] .viz-step1-dropzone:hover{border-color:#087EA4;background:radial-gradient(circle at 50% 45%,rgba(8,126,164,.08) 0,transparent 70%)}[data-theme=light] .viz-step1-dropzone .drop-icon{border-color:#D5E3EE;color:#087EA4;background:#EDF4FA;box-shadow:0 0 20px rgba(8,126,164,.1)}[data-theme=light] .viz-step1-separator{color:#71879A}[data-theme=light] .viz-step1-separator:after,[data-theme=light] .viz-step1-separator:before{background:#D5E3EE}[data-theme=light] .viz-step1-sample-btn{background:#FFFFFF;border-color:#D5E3EE;color:#163047}[data-theme=light] .viz-step1-sample-btn:hover{background:#EDF4FA;border-color:#B8CFDF}[data-theme=light] .viz-step1-note{color:#71879A}[data-theme=light] .viz-selection-bar{background:#F8FBFE;border-color:#D5E3EE;box-shadow:0 4px 16px rgba(22,48,71,.04)}[data-theme=light] .viz-selection-title{color:#163047}[data-theme=light] .viz-selection-sub{color:#526B7F}[data-theme=light] .viz-mat-chip{background:#FFFFFF;border-color:#D5E3EE;color:#163047}[data-theme=light] .viz-mat-chip.mat-01{border-color:#FCD34D;background:#FEF3C7;color:#92400E}[data-theme=light] .viz-mat-chip.mat-02{border-color:#A5F3FC;background:#CFFAFE;color:#155E75}[data-theme=light] .viz-mat-chip.mat-03{border-color:#DDD6FE;background:#EDE9FE;color:#5B21B6}[data-theme=light] .viz-mat-chip.mat-04{border-color:#A7F3D0;background:#D1FAE5;color:#065F46}[data-theme=light] .viz-mat-chip.mat-05{border-color:#FBCFE8;background:#FCE7F3;color:#9D174D}[data-theme=light] .viz-mat-chip-name{color:#163047}[data-theme=light] .viz-mat-empty-chip{background:#EDF4FA;border:1px dashed #b8cfdf;color:#71879A}[data-theme=light] .viz-mat-card{background:#F8FBFE;border-color:#D5E3EE;box-shadow:0 2px 8px rgba(22,48,71,.04)}[data-theme=light] .viz-mat-card:hover{background:#FFFFFF;border-color:#B8CFDF;box-shadow:0 6px 16px rgba(22,48,71,.08)}[data-theme=light] .viz-mat-card.is-selected{border-color:#087EA4;background:#FFFFFF;box-shadow:0 0 0 1px #087EA4,0 6px 20px rgba(8,126,164,.12)}[data-theme=light] .viz-mat-card-name,[data-theme=light] .viz-mat-details strong{color:#163047}[data-theme=light] .viz-mat-card-code{color:#71879A}[data-theme=light] .viz-mat-card-cat{color:#087EA4}[data-theme=light] .viz-mat-card-price{color:#163047}[data-theme=light] .viz-placement-header{background:#F8FBFE;border-color:#D5E3EE}[data-theme=light] .viz-placement-mat-name{color:#163047}[data-theme=light] .viz-placement-counter{color:#087EA4}[data-theme=light] .viz-placement-instruction{color:#526B7F}[data-theme=light] .viz-canvas-viewport{background:#EDF4FA;border-color:#D5E3EE}[data-theme=light] .viz-zoom-hud{background:rgba(22,48,71,.8);color:#FFFFFF;border:1px solid rgba(255,255,255,.15)}[data-theme=light] .viz-mini-reset{background:rgba(255,255,255,.95);border-color:#D5E3EE;color:#163047;box-shadow:0 2px 8px rgba(22,48,71,.1)}[data-theme=light] .viz-mini-reset:hover{background:#FFFFFF;border-color:#087EA4;color:#087EA4}[data-theme=light] .stage-action-pill{background:rgba(255,255,255,.92);border-color:#D5E3EE;color:#163047;box-shadow:0 4px 12px rgba(22,48,71,.08)}[data-theme=light] .stage-action-pill:hover{background:#FFFFFF;border-color:#087EA4;color:#087EA4}[data-theme=light] .stage-action-pill.remove{background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.25);color:#DC2626}[data-theme=light] .stage-action-pill.remove:hover{background:rgba(220,38,38,.15);border-color:rgba(220,38,38,.5);color:#B91C1C}[data-theme=light] .viz-mat-selector-btn{background:#FFFFFF;border-color:#D5E3EE}[data-theme=light] .viz-mat-selector-btn:hover{background:#EDF4FA;border-color:#B8CFDF}[data-theme=light] .viz-mat-selector-name{color:#163047}[data-theme=light] .viz-mat-selector-count{color:#526B7F}[data-theme=light] .viz-mat-selector-btn.mat-01.is-active{background:#FEF3C7;border:1.5px solid #f59e0b;box-shadow:0 0 12px rgba(245,158,11,.2)}[data-theme=light] .viz-mat-selector-btn.mat-01.is-active .viz-mat-selector-name{color:#92400E}[data-theme=light] .viz-mat-selector-btn.mat-01.is-active .viz-mat-selector-count{color:#B45309}[data-theme=light] .viz-mat-selector-btn.mat-02.is-active{background:#CFFAFE;border:1.5px solid #06b6d4;box-shadow:0 0 12px rgba(6,182,212,.2)}[data-theme=light] .viz-mat-selector-btn.mat-02.is-active .viz-mat-selector-name{color:#155E75}[data-theme=light] .viz-mat-selector-btn.mat-02.is-active .viz-mat-selector-count{color:#0E7490}[data-theme=light] .viz-mat-switcher{background:#F8FBFE;border-color:#D5E3EE}[data-theme=light] .compare-stage{background:#EDF4FA!important;border-color:#D5E3EE!important;box-shadow:inset 0 2px 10px rgba(22,48,71,.05)!important}[data-theme=light] .quote-lines{background:#F8FBFE!important;border-color:#D5E3EE!important}[data-theme=light] .quote-lines strong{color:#163047!important}[data-theme=light] .quote-lines span{color:#526B7F!important}[data-theme=light] .accordion-head strong{color:#163047!important}[data-theme=light] .accordion-head,[data-theme=light] .viz-result-accordions{border-color:#D5E3EE!important}[data-theme=light] .fidelity-toggle-btn{color:#526B7F}[data-theme=light] .fidelity-toggle-btn:hover{color:#163047;background:#EDF4FA}[data-theme=light] .fidelity-content{background:#EDF4FA;border-color:#D5E3EE;color:#526B7F}[data-theme=light] .visual-guarantee-banner{background:#DDF3FA!important;border:1px solid rgba(8,126,164,.3)!important}[data-theme=light] .visual-guarantee-banner strong{color:#087EA4!important}[data-theme=light] .visual-guarantee-banner .guarantee-desc{color:#526B7F!important}[data-theme=light] .stock-card{background:#F8FBFE;border-color:#D5E3EE}[data-theme=light] .stock-card:hover{background:#FFFFFF;border-color:#B8CFDF}[data-theme=light] .stock-card strong{color:#163047}[data-theme=light] .stock-card.is-selected{border-color:#087EA4;box-shadow:0 0 0 1px #087EA4,0 6px 20px rgba(8,126,164,.15)}[data-theme=light] .stock-option{background:#FFFFFF!important;border-color:#D5E3EE!important;color:#163047!important}[data-theme=light] .stock-option:hover{background:#EDF4FA!important;border-color:#B8CFDF!important}[data-theme=light] .stock-option.is-selected{background:#DDF3FA!important;border-color:#087EA4!important}[data-theme=light] .stock-calc-item{background:#FFFFFF!important;border:1px solid #d5e3ee!important;box-shadow:0 2px 8px rgba(22,48,71,.04)!important}[data-theme=light] .stock-calc-item strong{color:#163047!important}[data-theme=light] .stock-calc-item span{color:#526B7F!important}[data-theme=light] .stock-calc-rec{background:#EDF4FA!important;border:1px solid #d5e3ee!important}[data-theme=light] .stock-calc-rec strong{color:#087EA4!important}[data-theme=light] .selected-chips button{background:#FFFFFF!important;border-color:#D5E3EE!important;color:#163047!important}[data-theme=light] .selected-chips button:hover{background:#EDF4FA!important;border-color:#B8CFDF!important}[data-theme=light] .visual-action-render{background:linear-gradient(135deg,#087EA4,#066888)!important;color:#FFFFFF!important}[data-theme=light] .pro-upgrade-btn{background:#DDF3FA;border-color:#087EA4;color:#087EA4}[data-theme=light] .pro-lock-card{background:#FFFFFF!important;border-color:#D5E3EE!important;color:#163047!important}[data-theme=light] ::-webkit-scrollbar-track{background:rgba(22,48,71,.04)}[data-theme=light] ::-webkit-scrollbar-thumb{background:rgba(8,126,164,.25);border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:rgba(8,126,164,.45)}.theme-toggle-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;min-height:34px;border-radius:999px;font-size:12.5px;font-weight:650;border:1px solid var(--glass-border);background:rgba(31,73,89,.25);color:var(--text);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px rgba(0,0,0,.2),var(--glass-highlight);transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.theme-toggle-btn.icon-only{width:34px;height:34px;min-width:34px;min-height:34px;padding:0;justify-content:center;border-radius:9px}[data-theme=light] .theme-toggle-btn{background:#FFFFFF;border-color:#D5E3EE;color:#163047;box-shadow:0 2px 8px rgba(60,68,66,.06)}.theme-toggle-btn:hover{transform:translateY(-1px);border-color:var(--glass-border-hover)}.theme-toggle-btn:hover .theme-icon-svg{transform:rotate(15deg) scale(1.12)}.theme-toggle-btn:active{transform:scale(.94)}.theme-toggle-indicator{display:inline-flex;align-items:center;justify-content:center;line-height:1}.theme-icon-svg{display:block;transition:transform .25s cubic-bezier(.16,1,.3,1),color .2s ease;flex-shrink:0}.theme-icon-svg.sun-icon{color:#f59e0b;filter:drop-shadow(0 0 3px rgba(245,158,11,.45))}.theme-icon-svg.moon-icon{color:#38bdf8;filter:drop-shadow(0 0 3px rgba(56,189,248,.45))}.theme-toggle-text{letter-spacing:-.01em}.theme-segmented-control{display:inline-flex;background:rgba(0,10,20,.4);border:1px solid var(--glass-border);border-radius:12px;padding:3px;gap:3px}[data-theme=light] .theme-segmented-control{background:#EDF4FA;border-color:#D5E3EE}.theme-segment{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;border-radius:9px;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:all .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-segment.is-active{background:rgba(31,73,89,.65);color:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,.25);font-weight:700}[data-theme=light] .theme-segment.is-active{background:#FFFFFF;color:#087EA4;box-shadow:0 2px 6px rgba(0,0,0,.08);font-weight:700}.theme-segment:hover:not(.is-active){color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth;text-rendering:optimizeLegibility}body,html{margin:0;padding:0;min-height:100%;background:var(--bg-base);background-image:radial-gradient(circle at 14% 12%,rgba(31,73,89,.35) 0,transparent 50%),radial-gradient(circle at 86% 16%,rgba(92,124,137,.22) 0,transparent 45%),radial-gradient(circle at 50% 88%,rgba(61,143,168,.15) 0,transparent 55%),linear-gradient(180deg,#021a30,#000a14);background-attachment:fixed;color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}.card,.customer-product,.directory-card,.glass-card,.product-card,.stage-card{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.catalogue-grid .customer-product,.directory-grid .directory-card{content-visibility:auto;contain-intrinsic-size:0 360px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background:rgba(92,124,137,.35);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(104,180,206,.55)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.card,.glass-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:var(--radius-lg,12px)}.card{padding:24px;transition:border-color .18s ease,box-shadow .18s ease}.card:hover{border-color:var(--border-hover)}.card h2{font-size:18px;font-weight:650;letter-spacing:-.015em;margin:0 0 8px}.card h2,.card h3{color:var(--text-primary)}.card h3{font-size:15.5px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;min-height:38px;border-radius:var(--radius-md,9px);font-weight:550;font-size:13px;line-height:1;background:var(--surface-soft);border:1px solid var(--border);box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .15s ease;text-decoration:none;cursor:pointer;white-space:nowrap}.btn,.btn:hover{color:var(--text-primary)}.btn:hover{background:var(--surface-elevated);border-color:var(--border-hover)}.btn:active{transform:scale(.99)}.btn.primary{background:var(--button-primary-bg,#0284C7);color:#ffffff;border:1px solid transparent;box-shadow:0 1px 3px rgba(0,0,0,.2);font-weight:600}.btn.primary:hover{background:var(--primary-hover,#0369A1);box-shadow:0 2px 8px rgba(2,132,199,.28)}.btn.blue{background:var(--surface-soft);color:var(--text-primary);border:1px solid var(--border)}.btn.blue:hover{background:var(--surface-elevated);border-color:var(--border-hover)}.btn.glass-btn{background:var(--surface-soft);border:1px solid var(--border);color:var(--button-secondary-text,var(--text-primary))}.btn.glass-btn:hover{background:var(--surface-elevated);border-color:var(--border-hover)}.btn.danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-border)}.btn.danger:hover{background:rgba(239,68,68,.18);border-color:var(--danger)}.btn.small{min-height:30px;padding:5px 11px;font-size:12px;border-radius:var(--radius-sm,7px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.field{display:flex;flex-direction:column;gap:5px;justify-content:flex-start}.field label{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:-.01em}.field small{font-size:11.5px;color:var(--text-muted);line-height:1.4}.input,.select,.textarea{width:100%;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-primary);border-radius:var(--radius-md,9px);padding:8px 12px;font-size:13.5px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;box-sizing:border-box}.input,.select{height:38px;line-height:20px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary,#0284C7);background:var(--surface);box-shadow:0 0 0 3px rgba(2,132,199,.18)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.textarea{min-height:96px;resize:vertical;line-height:1.5;padding:10px 12px}.select{cursor:pointer}.select option{background:#021a30;color:#fff}.phone-input-group{display:grid;grid-template-columns:110px 1fr;grid-gap:8px;gap:8px;width:100%}.phone-country-select{padding:0 8px!important;font-size:12.5px!important;text-overflow:ellipsis}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px 20px;gap:18px 20px;align-items:start}.form-grid .full{grid-column:1/-1}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(31,73,89,.25);border:1px solid rgba(92,124,137,.35);font-weight:600;color:#d6e8ef;letter-spacing:-.01em}.pill,.placement-chip{display:inline-flex;font-size:11.5px}.placement-chip{padding:4px 9px;border-radius:999px;background:rgba(31,73,89,.22);border:1px solid rgba(92,124,137,.3);font-weight:550;color:#bad4df;white-space:nowrap}.eyebrow{font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--teal-bright);font-weight:800}.dot,.live-dot,.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--teal-bright);box-shadow:0 0 10px var(--teal-glow)}.muted{color:var(--muted)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:64px;border-bottom:1px solid var(--glass-border);justify-content:space-between;padding:0 32px;background:rgba(1,20,37,.85);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);position:-webkit-sticky;position:sticky;top:0;z-index:40}.brand,.topbar{display:flex;align-items:center}.brand{gap:8px;font-weight:800;font-size:15.5px;letter-spacing:-.025em;color:var(--text-primary);text-decoration:none}.brand img,.brand-logo{width:28px;height:28px;aspect-ratio:1/1;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.topbar-actions{display:flex;align-items:center;gap:8px}.business-pill{display:inline-flex;align-items:center;gap:7px;padding:0 12px;height:32px;border-radius:9px;background:rgba(31,73,89,.3);border:1px solid rgba(92,124,137,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 1px rgba(255,255,255,.15)}.business-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--teal-bright);box-shadow:0 0 8px var(--teal-glow);flex-shrink:0}.business-pill-label{font-size:12px;color:var(--text-primary);line-height:1}.business-pill-label,.plan-badge{font-weight:650;letter-spacing:-.01em;white-space:nowrap}.plan-badge{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:28px;border-radius:8px;font-size:11.5px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:all .2s ease}.plan-badge.badge-trial-active{background:rgba(31,73,89,.4);border:1px solid rgba(8,126,164,.4);color:#38BDF8}.plan-badge.badge-trial-active .plan-badge-dot{width:6px;height:6px;border-radius:50%;background:#38BDF8;box-shadow:0 0 8px rgba(56,189,248,.6)}.plan-badge.badge-trial-expired{background:rgba(185,28,28,.2);border:1px solid rgba(239,68,68,.4);color:#F87171}.plan-badge.badge-trial-expired .plan-badge-dot{width:6px;height:6px;border-radius:50%;background:#EF4444;box-shadow:0 0 8px rgba(239,68,68,.6)}.plan-badge.badge-unverified{background:rgba(217,119,6,.2);border:1px solid rgba(245,158,11,.4);color:#FBBF24}.plan-badge.badge-unverified .plan-badge-dot{width:6px;height:6px;border-radius:50%;background:#F59E0B;box-shadow:0 0 8px rgba(245,158,11,.6)}.plan-badge.badge-pro{background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.4);color:#F6D06F}.plan-badge.badge-pro .plan-badge-dot{width:6px;height:6px;border-radius:50%;background:#D4AF37;box-shadow:0 0 8px rgba(212,175,55,.6)}.plan-badge.small-badge{height:22px;padding:0 6px;font-size:10px;border-radius:6px}.logout-form{margin:0;display:flex;align-items:center}.logout-btn{height:32px!important;min-height:32px!important;padding:0 11px!important;font-size:12px!important;font-weight:600;border-radius:9px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}.logout-btn .logout-icon{flex-shrink:0;opacity:.85;transition:transform .2s ease,opacity .2s ease}.logout-btn:hover .logout-icon{opacity:1;transform:translateX(1px)}.layout{display:flex;flex-direction:row;min-height:calc(100vh - 60px);width:100%;min-width:0;flex:1 1 auto;position:relative}.layout-expanded.sidebar,.layout.layout-expanded .desktop-sidebar,.sidebar.is-expanded{width:220px;flex-shrink:0}.layout-collapsed.sidebar,.layout.layout-collapsed .desktop-sidebar,.sidebar.is-collapsed{width:76px;flex-shrink:0}.sidebar{border-right:1px solid var(--border);padding:16px 8px;background:var(--bg);display:flex;flex-direction:column;transition:width .2s cubic-bezier(.16,1,.3,1),padding .2s ease;position:-webkit-sticky;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;overflow-x:hidden}.sidebar.is-collapsed{width:76px;padding:16px 8px;align-items:center}.sidebar.is-expanded{width:220px;padding:16px 12px}.nav{display:flex;flex-direction:column;gap:6px;width:100%}.nav-group{margin-bottom:8px;width:100%}.nav-group-title{letter-spacing:.06em;color:var(--text-muted);padding:6px 10px;margin:0}.nav-group-divider{height:1px;background:var(--border);margin:8px 4px}.nav-group-items{display:flex;flex-direction:column;gap:2px;width:100%}.nav a,.nav-link{color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none;padding:8px 10px;border-radius:var(--radius-sm,7px);font-size:13px;font-weight:500;display:flex;gap:10px;align-items:center;transition:all .12s ease;border:1px solid transparent;width:100%;position:relative}.is-collapsed .nav-link{justify-content:center;padding:10px;height:40px;width:44px;margin:0 auto}.nav a:hover,.nav-link:hover{color:var(--text);background:var(--surface-soft);border-color:transparent;transform:none}.nav a.active,.nav-link.active{color:var(--text);background:var(--surface-secondary);border-color:var(--border);font-weight:600}.is-collapsed .nav-link.active{border-left:3px solid var(--primary);border-radius:4px}.sidebar-bottom-actions{margin-top:auto;padding-top:12px;width:100%;display:flex;justify-content:center}.sidebar-toggle-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.sidebar-toggle-btn:hover{color:var(--text);background:var(--surface-soft);border-color:var(--border-hover)}.main{flex:1 1;min-width:0;padding:28px 36px 64px;max-width:1400px;width:100%;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:28px}.page-head h1{font-size:24px;line-height:1.2;font-weight:700;margin:4px 0 6px;letter-spacing:-.02em;color:var(--text-primary)}.page-head p{margin:0;color:var(--text-secondary);max-width:680px;font-size:13.5px;line-height:1.5}.page-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.grid{display:grid;grid-gap:24px;gap:24px}.grid-2{grid-template-columns:1fr 1.6fr}.grid-3,.stat-row{grid-template-columns:repeat(3,1fr)}.stat-row{display:grid;grid-gap:20px;gap:20px}.stat{padding:22px 24px;border:1px solid var(--glass-border);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:var(--glass-shadow),var(--glass-highlight);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between}.stat,.stat div{display:flex;flex-direction:column}.stat div{gap:3px}.stat span{font-size:13.5px;font-weight:650;color:var(--muted-light);display:block}.stat small{font-size:11.5px;color:var(--muted);display:block}.stat strong{font-size:36px;font-weight:800;letter-spacing:-.03em;display:block;margin-top:8px;color:var(--text-primary)}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:16px 14px;border-bottom:1px solid var(--glass-border);font-size:13.5px}.table th{color:#8fa2b2;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:750}.table tbody tr{transition:background .16s ease}.table tbody tr:hover{background:rgba(255,255,255,.03)}.product-admin-cell{gap:14px;min-width:220px}.admin-thumb{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex:none}.admin-thumb.tiny{width:38px;height:38px;border-radius:9px}.admin-thumb img{width:100%;height:100%;object-fit:cover}.thumb-placeholder{color:#6f8294;font-size:16px}.stock-table-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px;color:var(--muted-light);font-size:12.5px;font-weight:550}.catalogue-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.catalogue-card,.catalogue-list-card{position:relative;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.card-delete-corner-btn,.collection-delete-btn{position:absolute;top:10px;right:10px;z-index:15;width:28px;height:28px;border-radius:50%;background:rgba(15,23,42,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.85);display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;font-family:inherit;cursor:pointer;padding:0;transition:all .18s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-delete-corner-btn:after,.collection-delete-btn:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px}.card-delete-corner-btn:hover,.collection-delete-btn:hover{background:rgba(220,38,38,.85);color:#ffffff;border-color:rgba(239,68,68,.9);transform:scale(1.08);box-shadow:0 2px 8px rgba(220,38,38,.35)}[data-theme=light] .card-delete-corner-btn,[data-theme=light] .collection-delete-btn{background:rgba(241,245,249,.85);border-color:rgba(0,0,0,.15);color:#475569}[data-theme=light] .card-delete-corner-btn:hover,[data-theme=light] .collection-delete-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5;box-shadow:0 2px 8px rgba(220,38,38,.15)}.catalogue-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.catalogue-card h3{font-size:16px;font-weight:600;margin:4px 0 6px;letter-spacing:-.01em;color:var(--text)}.catalogue-card p{font-size:13px;color:var(--text-muted);line-height:1.45;margin:0}.catalogue-products-mini{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 14px}.catalogue-products-mini span{font-size:11px;padding:3px 8px;border-radius:var(--radius-pill);background:var(--surface-secondary);border:1px solid var(--border);color:var(--text-muted)}.catalogue-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:auto}.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,12,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:grid;place-items:center;padding:24px;z-index:100}.modal{width:min(760px,100%);max-height:90vh;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);padding:24px 28px}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.modal-head h2{font-size:24px;font-weight:750;margin:6px 0;letter-spacing:-.02em}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid var(--glass-border)}.upload{display:grid;place-items:center;grid-gap:10px;gap:10px;border:1px dashed rgba(255,255,255,.22);border-radius:18px;min-height:180px;background:rgba(4,12,22,.4);overflow:hidden;position:relative;padding:20px;text-align:center;transition:border-color .2s ease,background .2s ease}.upload:hover{border-color:rgba(90,200,250,.5);background:rgba(6,17,30,.5)}.upload img{max-width:100%;max-height:180px;object-fit:contain;border-radius:12px}.checkrow{display:flex;align-items:center;gap:11px;color:#e0ecf6;font-size:13.5px;cursor:pointer}.checkrow input{width:18px;height:18px;accent-color:var(--teal-accent);cursor:pointer}.checkrow small{display:block;color:var(--muted);font-size:11.5px;margin-top:3px;line-height:1.4}.catalogue-stock-picker{display:grid;grid-gap:8px;gap:8px;max-height:360px;overflow-y:auto;padding:2px}.catalogue-pick{padding:10px 14px!important;border:1px solid var(--glass-border);border-radius:14px;background:rgba(255,255,255,.025);transition:all .16s ease}.catalogue-pick:hover{background:rgba(255,255,255,.05);border-color:var(--glass-border-hover)}.catalogue-pick.is-picked{border-color:rgba(104,180,206,.6);background:rgba(31,73,89,.22)}.brand-identity-card,.brand-identity-center{display:flex;flex-direction:column}.brand-identity-center{align-items:center;justify-content:center;text-align:center;margin:auto 0;padding:24px 0 12px}.brand-identity-center .logo-preview{width:170px;height:170px;border-radius:24px;display:grid;place-items:center;background:rgba(1,20,37,.65);border:1.5px dashed var(--glass-border);overflow:hidden;margin:0 auto 20px;box-shadow:0 16px 40px rgba(0,0,0,.4),var(--glass-highlight)}.brand-identity-center .logo-preview img{max-width:82%;max-height:82%;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}.brand-identity-center .tiny-copy{margin-top:14px;font-size:12px;max-width:290px;line-height:1.5;color:var(--muted-light)}.logo-preview{width:160px;height:160px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.03);border:1px dashed var(--glass-border);overflow:hidden;margin-bottom:14px}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.toast{position:fixed;right:28px;bottom:28px;padding:14px 20px;border:1px solid var(--glass-border-hover);background:rgba(1,20,37,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;font-weight:600;font-size:13.5px;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5),var(--glass-highlight);z-index:200;animation:toastIn .25s cubic-bezier(.16,1,.3,1)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.empty{padding:54px 24px;text-align:center;border:1px dashed var(--glass-border);border-radius:20px;color:var(--muted-light);font-size:14px}.login-page{min-height:100vh;padding:64px 32px;display:grid;place-items:center;position:relative}.login-layout{width:min(1140px,100%);display:grid;grid-template-columns:1.1fr 500px;grid-gap:72px;gap:72px;align-items:center}.login-copy h1{font-size:clamp(48px,6vw,76px);letter-spacing:-.05em;line-height:.98;margin:14px 0 20px;font-weight:850;color:var(--text-primary)}.login-copy h1 span{color:var(--teal-bright)}.login-copy>p{font-size:16px;line-height:1.7;color:var(--text-dim);max-width:540px}.login-features{display:grid;grid-gap:18px;gap:18px;margin-top:36px}.login-features div{padding-left:20px;border-left:2px solid rgba(104,180,206,.55);display:grid;grid-gap:4px;gap:4px}.login-features strong{font-size:15px;color:var(--text-primary)}.login-features span{font-size:13.5px;color:var(--muted-light);line-height:1.5}.login-card{padding:38px 36px}.login-card h2{font-size:28px;font-weight:750;margin:8px 0 6px}.login-card .muted{font-size:13.5px}.login-submit{width:100%;min-height:48px;font-size:14.5px;margin-top:6px}.login-secondary{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:14px}.login-secondary .btn{text-align:center;font-size:13px}.demo-note{margin-top:24px;padding:14px 16px;border:1px solid var(--glass-border);border-radius:14px;background:rgba(255,255,255,.03);display:grid;grid-gap:4px;gap:4px;font-size:12px;color:var(--muted-light)}.hero{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:60px 24px}.home-page{min-height:100vh;position:relative;overflow:hidden;background:var(--bg-base)}.home-nav{position:relative;z-index:10;height:64px;justify-content:space-between;padding:0 clamp(16px,4vw,72px);border-bottom:1px solid var(--glass-border);background:rgba(1,20,37,.88);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.home-nav,.home-nav-actions{display:flex;align-items:center;flex-wrap:nowrap}.home-brand,.home-nav-actions{gap:8px;flex-shrink:0}.home-brand{display:inline-flex;align-items:center;text-decoration:none}.home-brand img,.home-brand-logo{width:28px;height:28px;aspect-ratio:1/1;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.home-footer{margin-top:48px;padding:36px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.home-footer-brand{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:750;color:var(--text-primary);text-decoration:none}.home-footer-brand img{width:22px;height:22px;aspect-ratio:1/1;object-fit:contain}.home-footer-copy{margin:0;font-size:12.5px;color:var(--text-secondary)}.home-brand span{font-size:16px;font-weight:800;letter-spacing:-.025em;color:var(--text-primary)}.home-hero{position:relative;z-index:1;max-width:1320px;margin:0 auto;min-height:calc(100vh - 80px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;grid-gap:64px;gap:64px;padding:64px 36px 90px}.home-copy h1,.home-title{font-size:clamp(32px,3.4vw,48px);line-height:1.15;letter-spacing:-.028em;margin:12px 0 16px;font-weight:750;color:var(--text-primary)}.home-copy h1 span,.home-title .title-accent{color:var(--text-accent)}.home-title .title-lead{display:inline}.desktop-hero-sub,.home-title .title-accent{display:block}.mobile-feature-summary,.mobile-hero-sub,.mobile-only-br{display:none!important}.desktop-only-eyebrow{display:inline-block}.desktop-only-caption{display:flex}.desktop-only-action{display:inline-flex}.desktop-hero-sub,.home-copy>p{max-width:540px;font-size:15px;line-height:1.65;color:var(--text-secondary);margin:0}.home-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.home-actions .btn{padding:11px 22px;font-size:13.5px;min-height:44px;font-weight:650;border-radius:12px}.home-actions .home-primary-cta{padding:12px 28px;font-size:14px;min-height:46px;font-weight:700;border-radius:12px;box-shadow:0 4px 20px rgba(56,189,248,.25);transition:transform .15s ease,box-shadow .15s ease}.home-actions .home-primary-cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(56,189,248,.35)}.home-pillars{display:flex;flex-direction:column;gap:8px;margin-top:28px;max-width:560px;width:100%}.pillar-item{display:flex;align-items:baseline;gap:10px;padding:10px 16px;border-radius:12px;background:rgba(31,73,89,.22);border:1px solid rgba(92,124,137,.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 16px rgba(0,0,0,.2),var(--glass-highlight);transition:transform .18s ease,border-color .18s ease,background .18s ease}.pillar-item:hover{background:rgba(31,73,89,.35);border-color:rgba(104,180,206,.5);transform:translateX(4px)}.pillar-item strong{font-size:13.5px;font-weight:800;color:var(--teal-bright);letter-spacing:-.01em;min-width:76px;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.pillar-item strong:after{content:"—";color:var(--muted-light);font-weight:400}.pillar-item span{font-size:13px;color:var(--text-dim);line-height:1.5}.home-flow{justify-content:space-between;gap:12px;margin-top:40px;padding:16px 22px;border-radius:20px;background:linear-gradient(135deg,rgba(31,73,89,.38),rgba(1,20,37,.75));border:1px solid rgba(104,180,206,.38);box-shadow:0 16px 40px rgba(0,0,0,.4),var(--glass-highlight),0 0 30px rgba(61,143,168,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-width:620px;width:100%}.flow-step,.home-flow{display:flex;align-items:center}.flow-step{gap:10px}.flow-step b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--teal-bright) 0,var(--petrol) 100%);color:#ffffff;font-size:12px;font-weight:850;letter-spacing:.02em;box-shadow:0 4px 14px rgba(61,143,168,.45)}.flow-step span{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.flow-arrow{font-style:normal;color:var(--teal-bright);font-size:16px;font-weight:750;opacity:.7}.showcase-image{width:100%;max-width:520px;aspect-ratio:1/1;height:auto;border-radius:28px;border:1px solid rgba(255,255,255,.2);background-image:linear-gradient(180deg,rgba(3,9,14,.04) 40%,rgba(3,9,14,.85)),url(/assets/showroom-banner.jpg);background-size:cover;background-position:50%;box-shadow:0 35px 110px rgba(0,0,0,.6),var(--glass-highlight);position:relative;overflow:hidden;transform:rotate(.75deg);transition:transform .3s ease}.showcase-img-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.showcase-overlay-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,9,14,0) 25%,rgba(3,9,14,.45) 60%,rgba(3,9,14,.92));z-index:1;pointer-events:none}.desktop-only-pillars{display:flex}.mobile-only-pillars{display:none}.showcase-image:hover{transform:rotate(0deg) scale(1.01)}.showcase-badge{position:absolute;top:22px;left:22px;z-index:3;padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(1,20,37,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:12px;font-weight:750;color:#fff}.showcase-caption{position:absolute;left:24px;right:24px;bottom:24px;z-index:3;display:grid;grid-gap:6px;gap:6px;padding:16px 20px;border-radius:16px;background:rgba(2,14,26,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12)}.showcase-caption strong{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.showcase-caption span{font-size:13.5px;line-height:1.45;color:#d1dce5;font-weight:450;text-shadow:0 1px 4px rgba(0,0,0,.4)}.showcase-floating{position:absolute;left:20px;bottom:20px;padding:13px 18px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(1,20,37,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:13px;color:#c2d2e0;box-shadow:0 20px 55px rgba(0,0,0,.5)}.showcase-floating b{color:#fff;margin-left:8px}.home-proof{position:relative;z-index:2;justify-content:space-between;gap:24px;padding:22px clamp(24px,5vw,72px);border-top:1px solid var(--glass-border);background:rgba(1,16,30,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.home-proof,.home-proof div{display:flex;align-items:center}.home-proof div{gap:14px;flex-wrap:wrap}.home-proof strong{font-size:13px;color:var(--text-primary)}.home-proof span{font-size:12px;color:var(--text-secondary)}.text-link{color:var(--teal-bright);font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:transform .16s ease}.text-link:hover{transform:translateX(3px)}.catalogue-page{position:relative;min-height:100vh;width:100%;min-width:0;box-sizing:border-box;background:var(--bg-base);color:var(--text);padding:0 36px 60px}.catalogue-head{min-height:72px;height:auto;padding:12px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);max-width:1240px;margin:0 auto;gap:12px}.catalogue-head-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 auto}.catalogue-nav-back{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#e2e8f0;font-size:12.5px;font-weight:600;text-decoration:none;flex-shrink:0;transition:all .2s ease}.catalogue-nav-back:hover{background:rgba(255,255,255,.16);color:var(--text-primary);border-color:rgba(255,255,255,.3)}.catalogue-brand{display:flex;align-items:center;gap:10px;min-width:0}.catalogue-logo{width:40px;height:40px;border:1px solid var(--glass-border);display:grid;place-items:center}.catalogue-brand-text{min-width:0}.catalogue-brand-text strong{font-size:14px;font-weight:750;color:var(--text-primary)}.catalogue-brand-text small,.catalogue-brand-text strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalogue-brand-text small{color:var(--muted-light);font-size:11px;margin-top:1px}.catalogue-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.lang-switcher{display:flex;background:rgba(0,0,0,.45);border-radius:9px;padding:2px;border:1px solid rgba(255,255,255,.12)}.lang-btn{padding:3px 8px;font-size:11px;font-weight:600;border-radius:7px;border:none;cursor:pointer;color:#94a3b8;transition:all .15s ease}.lang-btn.active{color:#fff}.btn-whatsapp-header{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:9px;font-size:11.5px;font-weight:600;background:rgba(16,185,129,.16);color:#34d399;border:1px solid rgba(16,185,129,.35);text-decoration:none;white-space:nowrap;transition:all .2s ease}.btn-whatsapp-header:hover{background:rgba(16,185,129,.26);border-color:rgba(16,185,129,.55)}.nav-drawer-trigger{display:none;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:10px;color:var(--text,#f8fafc);cursor:pointer;flex-shrink:0;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-drawer-trigger:active,.nav-drawer-trigger:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);transform:scale(.96)}.drawer-chevron-icon{font-size:22px;line-height:1;font-weight:700;color:var(--teal-bright,#38bdf8)}.nav-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1200;opacity:0;pointer-events:none;transition:opacity .28s ease}.nav-drawer-overlay.is-open{opacity:1;pointer-events:auto}.nav-drawer{position:fixed;top:0;left:0;bottom:0;width:290px;max-width:84vw;background:var(--bg-card,#09121d);border-right:1px solid rgba(255,255,255,.12);z-index:1250;transform:translateX(-100%);transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;box-shadow:12px 0 45px rgba(0,0,0,.7);box-sizing:border-box}.nav-drawer.is-open{transform:translateX(0)}.nav-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2)}.nav-drawer-close{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-primary);font-size:15px;font-weight:700;cursor:pointer;padding:0;text-align:left;min-width:0;overflow:hidden}.close-chevron{font-size:24px;line-height:1;font-weight:700;color:var(--teal-bright,#38bdf8)}.drawer-biz-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-drawer-x-btn{width:32px;height:32px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:14px;cursor:pointer;flex-shrink:0;transition:all .15s ease}.nav-drawer-x-btn:hover{background:rgba(255,255,255,.12);color:var(--text-primary)}.nav-drawer-content{flex:1 1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:20px}.nav-drawer-section{display:flex;flex-direction:column;gap:6px}.nav-drawer-section-title{font-size:10.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#64748b);padding:0 4px 4px}.nav-drawer-links{display:flex;flex-direction:column;gap:4px}.nav-drawer-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text,#f1f5f9);text-decoration:none;font-size:13.5px;font-weight:600;background:transparent;border:none;width:100%;box-sizing:border-box;cursor:pointer;transition:background .15s ease}.nav-drawer-link:active,.nav-drawer-link:hover{background:rgba(255,255,255,.08);color:#ffffff}.nav-link-icon{font-size:15px;line-height:1}.nav-link-text{flex:1 1}.nav-link-badge{font-size:10.5px;font-weight:700;background:rgba(16,185,129,.2);color:#34d399;padding:2px 7px;border-radius:999px;border:1px solid rgba(16,185,129,.35)}.nav-drawer-pref-row{display:flex;align-items:center;justify-content:space-between;padding:6px 4px;gap:8px;flex-wrap:wrap}.pref-label{font-size:12.5px;color:var(--muted-light,#94a3b8);font-weight:550}.nav-drawer-lang-pills{display:flex;gap:4px}.drawer-lang-btn{padding:4px 10px;font-size:12px;font-weight:650;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--muted-light,#94a3b8);cursor:pointer;transition:all .15s ease}.drawer-lang-btn.is-active{background:var(--teal-bright,#10b981);color:#ffffff;border-color:var(--teal-bright,#10b981)}.nav-drawer-whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:10px;background:rgba(16,185,129,.15);color:#34d399;font-weight:650;font-size:13.5px;text-decoration:none;border:1px solid rgba(16,185,129,.35);box-sizing:border-box;width:100%;transition:all .15s ease}.nav-drawer-whatsapp-btn:hover{background:rgba(16,185,129,.25);border-color:rgba(16,185,129,.5)}.nav-drawer-footer{padding:14px 18px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.15)}.nav-drawer-powered{font-size:11.5px;color:var(--muted,#64748b)}.product-specs-toggle-wrap{margin-top:8px}.btn-specs-toggle{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:650;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:var(--muted-light,#94a3b8);cursor:pointer;transition:all .15s ease}.btn-specs-toggle:hover{background:rgba(255,255,255,.12);color:var(--text-primary);border-color:rgba(255,255,255,.25)}.product-specs-drawer{margin-top:6px;padding:8px 10px;border-radius:8px;background:rgba(3,10,18,.6);border:1px solid rgba(255,255,255,.08);font-size:11.5px;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 10px;gap:4px 10px}.product-specs-drawer div{display:flex;gap:4px;align-items:baseline}.product-specs-drawer span{color:var(--muted,#64748b);font-size:10.5px;text-transform:uppercase}.product-specs-drawer strong{color:var(--text,#e2e8f0);font-weight:600;font-size:11.5px}.fidelity-toggle-btn{font-weight:600;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:var(--muted-light,#cbd5e1)}.fidelity-toggle-btn:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.fidelity-content{padding:10px 14px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.22);font-size:12px;color:var(--text-dim,#94a3b8)}.upload-cta-pill{margin-top:8px;font-weight:650;pointer-events:none}.catalogue-hero-card{margin:18px auto 22px;max-width:1240px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);background:var(--surface)}.catalogue-hero-banner{position:relative;width:100%;height:clamp(180px,26vw,320px);overflow:hidden;background:linear-gradient(135deg,var(--brand-color,#1F4959) 0,var(--accent-color,#5C7C89) 100%)}.catalogue-hero-banner img{width:100%;height:100%;object-fit:cover;display:block}.catalogue-hero-gradient-bar{width:100%;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-color,#1F4959) 0,var(--accent-color,#5C7C89) 100%);color:#ffffff;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.catalogue-hero-content{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:var(--surface);border-top:1px solid var(--border)}.catalogue-hero-text{max-width:720px}.catalogue-hero-badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--primary);background:rgba(2,132,199,.1);border:1px solid rgba(2,132,199,.25);padding:2px 8px;border-radius:var(--radius-pill);margin-bottom:8px}.catalogue-hero-title{font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:700;color:var(--text);line-height:1.25;margin:0 0 6px;letter-spacing:-.015em}.catalogue-hero-desc{font-size:14px;color:var(--text-muted);margin:0;line-height:1.5}.catalogue-hero-actions{gap:10px}.catalogue-hero-actions,.catalogue-toolbar{display:flex;flex-wrap:wrap;align-items:center}.catalogue-toolbar{margin:18px auto 16px;max-width:1240px;justify-content:space-between;gap:12px}.catalogue-toolbar-search-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-input-wrap{position:relative;display:flex;align-items:center}.search-input-wrap .search-icon{position:absolute;left:10px;font-size:12px;color:#94a3b8;pointer-events:none}.search-input-wrap .search-input{width:220px;height:38px;padding-left:30px;padding-right:28px;font-size:13px;border-radius:10px}.search-input-wrap .clear-search-btn{position:absolute;right:8px;background:none;border:none;color:#94a3b8;cursor:pointer;font-size:12px;padding:2px 4px}.category-select{height:38px;font-size:13px;padding:0 10px;border-radius:10px}.catalogue-toolbar-meta-row{display:flex;align-items:center;gap:12px}.products-count-badge{font-size:13px;color:var(--muted)}.view-mode-toggle{display:flex;background:rgba(255,255,255,.06);border-radius:10px;padding:3px;border:1px solid rgba(255,255,255,.1)}.view-toggle-btn{padding:4px 10px;font-size:12px;font-weight:600;border-radius:7px;border:none;cursor:pointer;background:transparent;color:#94a3b8;display:flex;align-items:center;gap:4px;transition:all .15s ease}.view-toggle-btn.active{background:#334155;color:#fff}.catalogue-intro{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:56px 0 36px}.catalogue-intro h1{font-size:clamp(36px,4vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:8px 0 12px;color:var(--text-primary)}.catalogue-intro p{font-size:14.5px;color:var(--text-dim);line-height:1.6;margin:0;max-width:640px}.intro-actions .btn{padding:13px 22px;font-size:14px}.customer-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.customer-product{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}.customer-product:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.customer-product.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(2,132,199,.25)}.customer-product-image{height:230px;width:100%;border:0;padding:0;background:#021a30;position:relative;display:block;overflow:hidden;cursor:pointer}.customer-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.customer-product:hover .customer-product-image img{transform:scale(1.04)}.select-indicator{position:absolute;top:12px;right:12px;padding:6px 14px;min-height:32px;border-radius:999px;background:rgba(1,20,37,.88);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:12px;font-weight:700;color:#e9f2f7;z-index:5;transition:all .2s ease}.is-selected .select-indicator,.select-indicator.is-active{background:var(--brand-color,#10b981)!important;color:#ffffff!important;border-color:transparent!important;box-shadow:0 4px 14px rgba(16,185,129,.45)!important}.select-indicator-inline{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:700;color:var(--text-dim,#e2e8f0);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.select-indicator-inline.is-active{background:var(--brand-color,#10b981)!important;color:#ffffff!important;border-color:transparent!important;box-shadow:0 4px 12px rgba(16,185,129,.35)!important}.catalogue-list-container{width:100%;max-width:1240px;margin:12px auto 24px;display:flex;flex-direction:column;gap:12px}.list-mode-row{display:flex;align-items:center;gap:18px;padding:14px 20px;border-radius:18px;background:linear-gradient(145deg,rgba(31,73,89,.22),rgba(1,20,37,.88));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;text-align:left;box-sizing:border-box}.list-mode-row:hover{transform:translateY(-2px);border-color:rgba(104,180,206,.55);box-shadow:0 14px 36px rgba(0,0,0,.45),0 0 20px rgba(61,143,168,.2)}.list-mode-row.is-active{border-color:var(--page-brand,#10b981)!important;box-shadow:0 0 0 1.5px var(--page-brand,#10b981),0 14px 36px var(--page-glow,rgba(16,185,129,.25))!important;background:linear-gradient(145deg,rgba(31,73,89,.35),rgba(1,20,37,.95))!important}.list-mode-thumb{width:84px!important;height:84px!important;min-width:84px!important;max-width:84px!important;min-height:84px!important;max-height:84px!important;border-radius:14px;overflow:hidden;background:#021a30;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;flex-shrink:0!important;position:relative}.list-mode-thumb img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;display:block!important;border-radius:13px;transition:transform .3s ease}.list-mode-row:hover .list-mode-thumb img{transform:scale(1.05)}.list-mode-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.list-mode-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.list-mode-header h3{font-size:16px;font-weight:750;color:var(--text-primary);margin:0;letter-spacing:-.01em}.product-type-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--page-brand,#38bdf8);background:rgba(56,189,248,.1);padding:2px 8px;border-radius:6px;border:1px solid rgba(56,189,248,.2);white-space:nowrap}.list-mode-action{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;flex-shrink:0;margin-left:auto;text-align:right}.list-mode-price{font-size:17px;font-weight:800;color:var(--text-primary);white-space:nowrap;letter-spacing:-.01em}.list-mode-unit{font-size:12px;font-weight:500;color:var(--muted,#94a3b8)}[data-theme=light] .list-mode-row{background:#ffffff!important;border:1px solid rgba(213,204,191,.85)!important;box-shadow:0 4px 16px rgba(60,68,66,.05)!important}[data-theme=light] .list-mode-row:hover{background:#f7f6f3!important;border-color:#97b3ae!important;box-shadow:0 8px 24px rgba(60,68,66,.09)!important}[data-theme=light] .list-mode-row.is-active{background:#f0f7f5!important;border-color:var(--page-brand,#10b981)!important;box-shadow:0 0 0 1.5px var(--page-brand,#10b981),0 8px 24px rgba(16,185,129,.15)!important}[data-theme=light] .list-mode-thumb{background:#f1ede6!important;border-color:rgba(213,204,191,.9)!important}[data-theme=light] .list-mode-header h3,[data-theme=light] .list-mode-price{color:#1b2724!important}[data-theme=light] .list-mode-unit{color:#71827e!important}[data-theme=light] .select-indicator-inline{background:#eef3f1!important;border-color:rgba(213,204,191,.9)!important;color:#2b3a36!important}[data-theme=light] .select-indicator-inline.is-active{background:var(--page-brand,#10b981)!important;color:#ffffff!important;border-color:transparent!important}@media (max-width:640px){.list-mode-row{display:grid!important;grid-template-columns:82px 1fr!important;grid-template-rows:auto auto!important;grid-template-areas:"thumb info" "thumb action"!important;grid-gap:4px 12px!important;gap:4px 12px!important;padding:12px!important;border-radius:16px!important;align-items:start!important}.list-mode-thumb{grid-area:thumb!important;width:82px!important;height:82px!important;min-width:82px!important;max-width:82px!important;min-height:82px!important;max-height:82px!important;border-radius:12px!important;align-self:start!important;flex-shrink:0!important}.list-mode-thumb img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;display:block!important;border-radius:11px!important}.list-mode-info{grid-area:info!important;min-width:0!important;gap:3px!important}.list-mode-header{gap:6px!important}.list-mode-header h3{font-size:14.5px!important;line-height:1.3!important}.product-type-label{font-size:10px!important;padding:1.5px 6px!important}.list-mode-row .product-desc-clamp{font-size:12px!important;margin-bottom:4px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.list-mode-action{grid-area:action!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin-left:0!important;padding-top:4px!important;gap:8px!important}.list-mode-price{font-size:14.5px!important}.list-mode-unit{font-size:11px!important}.select-indicator-inline{padding:4px 12px!important;font-size:11px!important;min-height:28px!important}}@media (max-width:360px){.list-mode-row{grid-template-columns:68px 1fr!important;gap:4px 10px!important;padding:10px!important}.list-mode-thumb{width:68px!important;height:68px!important;min-width:68px!important;max-width:68px!important;min-height:68px!important;max-height:68px!important;border-radius:10px!important}.list-mode-thumb img{border-radius:9px!important}.list-mode-header h3,.list-mode-price{font-size:13.5px!important}}.product-desc-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--muted-light);line-height:1.5;margin:0 0 12px}.lang-select-mobile{display:none;height:36px;padding:0 8px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:var(--text,#fff);font-size:12px;font-weight:700;cursor:pointer}.show-on-mobile{display:none}.catalogue-sticky-action-bar{position:fixed;bottom:clamp(14px,3vh,24px);left:50%;transform:translateX(-50%);z-index:999;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;max-height:64px;padding:8px 16px;width:calc(100% - 24px);max-width:480px;background:rgba(15,23,42,.96);border:1.5px solid rgba(16,185,129,.5);box-shadow:0 16px 40px rgba(0,0,0,.7),0 0 24px rgba(16,185,129,.25);border-radius:999px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-sizing:border-box}.sticky-bar-count{gap:6px;font-size:13.5px;font-weight:700;color:#6ee7b7;white-space:nowrap}.sticky-bar-actions,.sticky-bar-count{display:flex;align-items:center;flex-shrink:0}.sticky-bar-actions{gap:8px}.sticky-action-btn{margin:0!important;min-height:42px!important;padding:0 16px!important;border-radius:999px!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important;flex-shrink:0!important}.sticky-clear-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:14px;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.sticky-clear-btn:hover{background:rgba(255,255,255,.16);color:var(--text-primary)}.customer-product-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1 1}.product-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--text-muted);font-size:12px;font-weight:500}.customer-product-body h2{font-size:16px;font-weight:600;margin:8px 0 4px;letter-spacing:-.01em;color:var(--text)}.customer-product-body p{font-size:13px;color:var(--text-muted);line-height:1.45;min-height:36px;margin:0 0 12px;flex:1 1}.customer-cta{max-width:1240px;margin:28px auto 0;padding:20px 24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;gap:24px}.customer-cta.has-selection{border-color:rgba(104,180,206,.5);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 25px rgba(61,143,168,.2)}.customer-cta h2{font-size:20px;font-weight:750;margin:6px 0 4px;color:var(--text-primary)}.customer-cta p{font-size:13px;color:var(--muted-light);margin:0}.customer-request-panel{max-width:1240px;margin:20px auto 0;padding:30px;border:1px solid rgba(255,185,78,.3);border-radius:22px;background:linear-gradient(135deg,rgba(30,36,36,.92),rgba(10,20,30,.9));box-shadow:var(--glass-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.request-heading{display:flex;justify-content:space-between;gap:20px}.request-heading h2{font-size:24px;font-weight:750;margin:6px 0;color:var(--text-primary)}.request-heading p{font-size:13px;color:var(--muted-light);margin:0}.request-number{font-size:36px;font-weight:850;color:rgba(255,185,78,.5)}.request-form-grid{display:grid;grid-template-columns:280px 1fr;grid-gap:18px;gap:18px;margin-top:22px}.request-upload{border:1px dashed rgba(255,255,255,.22);border-radius:16px;min-height:180px;display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;text-align:center;position:relative;overflow:hidden;background:rgba(0,0,0,.2);cursor:pointer;padding:16px}.request-upload span{font-size:13px;font-weight:650;color:var(--text-primary)}.request-upload small{font-size:11.5px;color:var(--muted-light)}.request-compose{display:grid;grid-gap:12px;gap:12px}.request-compose .textarea{min-height:110px;font-size:13.5px}.request-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.request-actions{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.request-error{border:1px solid var(--danger-border);border-radius:12px;background:var(--danger-bg);color:#ffb4a8}.request-error,.request-success{padding:11px 14px;font-size:13px}.request-success{border:1px solid rgba(184,255,59,.35);border-radius:12px;background:rgba(184,255,59,.08);color:#dcffab}.catalogue-footer{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;padding:32px 0 0;color:var(--muted);font-size:12px}.catalogue-footer strong{color:var(--text-dim)}.visual-page{min-height:100vh;background:var(--bg-base)}.visual-page,.visual-topbar{width:100%;min-width:0;position:relative;box-sizing:border-box}.visual-topbar{z-index:10;min-height:56px;height:56px;padding:0 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);background:rgba(4,11,20,.78);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);gap:16px}.visual-topbar-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto;overflow:hidden}.visual-nav-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;height:34px;border-radius:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#e2e8f0;font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.visual-nav-back:hover{background:rgba(255,255,255,.16);color:var(--text-primary);border-color:rgba(255,255,255,.3)}.visual-nav-back .back-arrow{font-size:16px;line-height:1}.visual-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.visual-brand,.visual-brand .brand-name{color:var(--text-primary);min-width:0;flex:1 1 auto;overflow:hidden}.visual-brand .brand-name{font-size:14px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;line-height:1.2}.visual-topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.business-logo-img,.business-only-brand img,.directory-brand img,.home-brand img,.visual-brand img{width:36px;height:36px;max-width:36px;max-height:36px;object-fit:contain;background:rgba(245,248,250,.94);border-radius:9px;padding:3px;box-shadow:0 6px 20px rgba(0,0,0,.2);flex-shrink:0}.visual-shell{width:100%;min-width:0;box-sizing:border-box;position:relative;z-index:1;max-width:1380px;margin:0 auto;padding:36px 32px 64px}.visual-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.visual-heading h1{font-size:clamp(32px,3.8vw,42px);letter-spacing:-.04em;line-height:1.05;font-weight:850;margin:8px 0;color:var(--text-primary)}.visual-heading h1 span{color:var(--teal-bright)}.visual-heading p{font-size:13.5px;color:var(--text-dim);max-width:680px;line-height:1.6;margin:0}.visual-steps{display:flex;gap:8px;padding:6px 8px;border:1px solid var(--glass-border);border-radius:14px;background:rgba(1,20,37,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.visual-steps,.visual-steps span{align-items:center;white-space:nowrap}.visual-steps span{font-size:12px;font-weight:600;color:var(--muted);padding:6px 10px;border-radius:9px;display:inline-flex;gap:6px;flex-shrink:0}.visual-steps span.active{color:var(--text-primary);background:rgba(61,143,168,.22)}.visual-steps span.done{color:var(--text-dim)}.visual-steps b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.1);font-size:11px}.visual-steps .active b,.visual-steps .done b{background:var(--teal-accent);color:#ffffff;font-weight:800}.step-indicator{display:inline-flex;align-items:center;max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;flex-shrink:0}.step-indicator::-webkit-scrollbar{display:none}.step-indicator-list{display:inline-flex;align-items:center;gap:4px;list-style:none;margin:0;padding:4px 8px;background:rgba(1,20,37,.75);border:1px solid var(--glass-border);border-radius:9999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap;flex-shrink:0}[data-theme=light] .step-indicator-list{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.08)}.step-indicator-item{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:9999px;font-size:11.5px;font-weight:600;color:var(--muted);white-space:nowrap;flex-shrink:0}.step-indicator-item.is-active{color:var(--text-primary);background:rgba(61,143,168,.25)}[data-theme=light] .step-indicator-item.is-active{color:#0f172a;background:rgba(31,73,89,.12)}.step-indicator-item.is-complete{color:var(--teal-bright,#34d399)}.step-badge{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.1);font-size:10.5px;font-weight:700;flex-shrink:0}.step-indicator-item.is-active .step-badge{background:var(--teal-accent,#10b981);color:#fff}.step-indicator-item.is-complete .step-badge{background:rgba(16,185,129,.2);color:var(--teal-bright,#34d399)}.step-separator{display:inline-block;width:10px;height:1px;background:var(--glass-border);margin-left:2px;flex-shrink:0}.visual-workspace{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 370px;grid-gap:20px;gap:20px;align-items:start}.visual-main-card{min-width:0;width:100%;padding:18px}.visual-toolbar{min-width:0;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:4px 6px 14px}.visual-toolbar .actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.visual-toolbar .actions .btn,.visual-toolbar .actions .file-btn{height:34px;min-height:34px;padding:0 12px;font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.visual-action-render{font-weight:700;letter-spacing:.02em}.visual-model-picker{height:34px;min-height:34px;padding:0 10px;font-size:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#e2e8f0;cursor:pointer;outline:none;transition:all .2s ease}.visual-model-picker:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.visual-toolbar strong{display:block;font-size:14px;font-weight:700;color:var(--text-primary)}.visual-toolbar span{display:block;font-size:12px;color:var(--muted-light);margin-top:3px}.compare-stage{height:610px;overflow:hidden;border-radius:18px;background:#021a30;border:1px solid var(--glass-border);box-shadow:inset 0 2px 10px rgba(0,0,0,.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.compare-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-dropzone{position:absolute;inset:18px;border:2px dashed rgba(104,180,206,.45);border-radius:16px;display:grid;place-items:center;align-content:center;grid-gap:12px;gap:12px;background:radial-gradient(circle at 50% 45%,rgba(31,73,89,.25) 0,transparent 60%);cursor:pointer;transition:all .2s ease;overflow:hidden}.room-dropzone:hover{border-color:rgba(104,180,206,.8);background:radial-gradient(circle at 50% 45%,rgba(31,73,89,.4) 0,transparent 60%)}.file-btn input[type=file],.request-upload input[type=file],.room-dropzone input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:5}.room-dropzone .drop-icon{width:52px;height:52px;border:1px solid rgba(104,180,206,.5);border-radius:50%;display:grid;place-items:center;color:var(--teal-bright);font-size:28px;background:rgba(31,73,89,.4);box-shadow:0 0 22px rgba(61,143,168,.3)}.room-dropzone strong{font-size:16px;font-weight:700;color:var(--text-primary)}.room-dropzone small{font-size:12px;color:var(--muted-light)}.compare-label{position:absolute;top:16px;padding:6px 12px;border-radius:8px;background:rgba(1,20,37,.85);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:11px;letter-spacing:.08em;font-weight:800;color:#fff;z-index:5}.compare-label.before{left:16px}.compare-label.after{right:16px}.compare-divider{position:absolute;top:0;bottom:0;width:3px;background:#fff;transform:translateX(-1.5px);box-shadow:0 0 20px rgba(255,255,255,.4);cursor:ew-resize;z-index:6;touch-action:none}.compare-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#011425;font-weight:900;font-size:18px;box-shadow:0 8px 30px rgba(0,0,0,.5);border:3px solid var(--teal-bright);transition:transform .16s ease}.compare-divider:hover span{transform:translate(-50%,-50%) scale(1.08)}.slider-track{display:grid;grid-template-columns:70px 1fr 60px;align-items:center;grid-gap:12px;gap:12px;padding:12px 6px 2px}.slider-track span{font-size:11px;font-weight:750;letter-spacing:.06em;color:var(--muted-light)}.slider-track input{width:100%;height:6px;accent-color:var(--teal-bright);cursor:ew-resize}.rendering-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;align-content:center;grid-gap:10px;gap:10px;background:rgba(1,20,37,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.rendering-overlay strong{font-size:16px;font-weight:750;color:#fff}.rendering-overlay span{font-size:12.5px;color:var(--text-dim)}.render-orb{width:50px;height:50px;border-radius:50%;border:3px solid rgba(104,180,206,.2);border-top:3px solid var(--teal-bright);animation:spin 1s linear infinite;box-shadow:0 0 35px rgba(61,143,168,.35)}@keyframes spin{to{transform:rotate(1turn)}}.render-progress{display:flex;gap:6px}.render-progress i{width:6px;height:6px;border-radius:50%;background:var(--teal-bright);animation:pulse .9s ease-in-out infinite}.render-progress i:nth-child(2){animation-delay:.15s}.render-progress i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.visual-progress-box{width:100%;max-width:320px;margin-top:16px;display:flex;flex-direction:column;gap:8px}.visual-progress-bar{width:100%;height:8px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;border:1px solid rgba(104,180,206,.35);box-shadow:inset 0 1px 3px rgba(0,0,0,.5)}.visual-progress-fill{height:100%;background:linear-gradient(90deg,#3d8fa8,#68b4ce 50%,#a2dcf0);border-radius:999px;transition:width .25s ease;box-shadow:0 0 12px rgba(104,180,206,.6)}.visual-progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted-light)}.visual-progress-meta strong{color:var(--teal-bright);font-weight:800}.render-history{margin:0 2px 14px;padding:12px 14px;border:1px solid var(--glass-border);border-radius:16px;background:rgba(255,255,255,.03)}.render-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.render-history-head>div:first-child{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.render-history-head strong{font-size:13.5px;font-weight:700;color:var(--text-primary)}.render-history-head span{font-size:12px;color:var(--muted-light)}.text-button{border:0;background:none;color:var(--muted-light);font-size:11.5px;font-weight:600;padding:4px 8px;border-radius:6px;cursor:pointer}.text-button:hover{color:var(--text-primary);background:rgba(255,255,255,.08)}.render-history-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.render-history-item{min-width:110px;width:110px;border:1px solid var(--glass-border);background:rgba(1,20,37,.85);border-radius:12px;padding:5px;text-align:left;color:var(--text-primary);cursor:pointer;transition:all .18s ease}.render-history-item:hover{transform:translateY(-2px);border-color:rgba(104,180,206,.55)}.render-history-item.is-current{border-color:rgba(104,180,206,.8);background:rgba(31,73,89,.3)}.render-history-item img{display:block;width:100%;height:62px;object-fit:cover;border-radius:8px}.render-history-item span{display:grid;grid-gap:2px;gap:2px;padding:6px 4px 2px}.render-history-item b{font-size:11px;font-weight:700}.render-history-item small{font-size:10px;color:var(--muted-light)}.render-history-empty{display:flex;align-items:center;gap:8px;padding:8px 4px;color:var(--muted);font-size:12px}.render-history-empty span{width:32px;height:24px;display:grid;place-items:center;border:1px dashed var(--glass-border);border-radius:6px;font-size:10px}.visual-sidebar{min-width:0;width:100%;display:grid;grid-gap:16px;gap:16px}.selection-card{padding:22px}.section-title{display:flex;justify-content:space-between;align-items:flex-start}.section-title h2{font-size:20px;font-weight:750;margin:6px 0 0;color:var(--text-primary)}.count-badge{min-width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(31,73,89,.35);color:var(--teal-bright);font-size:12.5px;font-weight:800}.micro-copy{font-size:12px;color:var(--muted-light);line-height:1.5;margin:8px 0 16px}.stock-list{display:grid;grid-gap:8px;gap:8px;max-height:350px;overflow-y:auto;padding-right:4px}.stock-option{width:100%;display:grid;grid-template-columns:48px 1fr 28px;grid-gap:12px;gap:12px;align-items:center;text-align:left;padding:10px;border:1px solid var(--glass-border);border-radius:14px;background:rgba(255,255,255,.025);color:#eef4f8;transition:all .18s ease;cursor:pointer}.stock-option:hover{background:rgba(92,124,137,.12);border-color:var(--glass-border-hover)}.stock-option.is-selected{background:rgba(31,73,89,.25);border-color:rgba(104,180,206,.65)}.stock-image{width:48px;height:48px;border-radius:10px;overflow:hidden;background:#021a30;border:1px solid var(--glass-border);display:grid;place-items:center;color:#537584}.stock-image img{width:100%;height:100%;object-fit:cover}.stock-copy{min-width:0}.stock-copy strong{display:block;font-size:13.5px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-copy small{display:block;font-size:11.5px;color:var(--muted-light);line-height:1.4;margin-top:3px}.stock-check{width:26px;height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;color:var(--muted);font-size:14px}.stock-check.checked{background:var(--teal-accent);border-color:var(--teal-accent);color:#ffffff;font-weight:900}.quote-only-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(31,73,89,.25);border:1px solid rgba(92,124,137,.35);font-size:11.5px;color:#bad4df;line-height:1.4}.selected-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.selected-chips button{border:1px solid rgba(104,180,206,.35);background:rgba(31,73,89,.25);color:#e1f1f7;border-radius:999px;padding:5px 9px;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center}.selected-chips span{margin-left:6px;color:var(--teal-bright)}.visual-generate{width:100%;margin-top:14px;min-height:46px;font-size:14px}.accordion-card{padding:0;overflow:hidden}.accordion-head{width:100%;border:0;background:transparent;color:var(--text);display:flex;justify-content:space-between;align-items:center;text-align:left;padding:18px 20px;cursor:pointer;transition:background .16s ease}.accordion-head:hover{background:rgba(255,255,255,.03)}.accordion-head>span{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.accordion-head .eyebrow{margin:0;font-size:11px}.accordion-head strong{font-size:15.5px;font-weight:750;color:var(--text-primary);letter-spacing:-.015em;line-height:1.3}.accordion-head>b{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--glass-border);border-radius:8px;color:#b9c7d3;font-size:18px;font-weight:500}.accordion-card.is-open .accordion-head>b{color:var(--teal-bright);border-color:rgba(104,180,206,.5);background:rgba(31,73,89,.25)}.accordion-body{padding:0 20px 20px;border-top:1px solid var(--glass-border)}.quote-lines{display:grid;grid-gap:0;gap:0}.quote-lines>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.quote-lines span{font-size:13px;color:var(--text-dim)}.quote-lines span small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.quote-lines strong{font-size:13.5px;font-weight:700;color:var(--text-primary);white-space:nowrap}.quote-empty{font-size:12.5px;color:var(--muted);padding:10px 0}.quote-total{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.quote-total span{font-size:13px;font-weight:600;color:var(--muted-light)}.quote-total strong{font-size:24px;font-weight:850;color:var(--teal-bright);letter-spacing:-.03em}.quote-modal-total{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 18px;border-radius:14px;background:rgba(31,73,89,.25);border:1px solid rgba(104,180,206,.35)}.quote-modal-total span{font-size:13px;font-weight:600;color:#badcf6}.quote-modal-total strong{font-size:26px;font-weight:850;color:var(--teal-bright)}.quote-summary{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.quote-summary span{font-size:12px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--glass-border);color:#c5d6e4}.visual-footer-row{margin-top:22px;align-items:center;gap:18px;padding:16px 8px;border-top:1px solid var(--glass-border)}.trust-item{display:flex;align-items:center;gap:10px}.trust-item>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(31,73,89,.3);color:var(--teal-bright);font-size:14px}.trust-item strong{display:block;font-size:12.5px;font-weight:700;color:var(--text-primary)}.trust-item small{display:block;font-size:11px;color:var(--muted);margin-top:1px}.catalogue-directory{min-height:100vh;width:100%;min-width:0;box-sizing:border-box;position:relative;background:var(--bg-base);color:var(--text);padding:0 36px 60px}.directory-head{height:80px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto}.business-logo-fallback{border-radius:12px;display:inline-flex;font-size:18px;font-weight:800;color:#ffffff;text-transform:uppercase;letter-spacing:.02em;background:var(--brand-gradient,linear-gradient(135deg,#1F4959 0,#5C7C89 100%));border:1px solid rgba(255,255,255,.22);box-shadow:0 4px 14px rgba(0,0,0,.25);-webkit-user-select:none;-moz-user-select:none;user-select:none}.business-logo-fallback,.catalogue-logo{width:42px;height:42px;min-width:42px;min-height:42px;align-items:center;justify-content:center;flex-shrink:0}.catalogue-logo{border-radius:12px;overflow:hidden;display:flex;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.catalogue-logo img{width:100%;height:100%;object-fit:contain;border-radius:10px}.directory-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.directory-brand img{width:42px;height:42px;min-width:42px;min-height:42px;border-radius:12px;object-fit:contain;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}.directory-brand-info{display:flex;flex-direction:column}.directory-brand-info strong{font-size:17px;font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.01em}.directory-brand-info small{font-size:11.5px;color:var(--muted-light,#94a3b8);line-height:1.2;margin-top:2px}.directory-business{display:flex;align-items:center;gap:12px}.directory-business-logo{width:42px;height:42px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);display:grid;place-items:center}.directory-business-logo img{width:100%;height:100%;object-fit:contain}.directory-business strong{display:block;font-size:13.5px;font-weight:700;color:var(--text-primary)}.directory-business small{display:block;font-size:11px;color:var(--muted-light)}.directory-hero{padding:56px 0 36px;max-width:1240px;margin:0 auto}.directory-hero h1{font-size:clamp(24px,5.5vw,48px);font-weight:850;letter-spacing:-.03em;line-height:1.15;margin:10px 0 14px;color:var(--text-primary);word-break:break-word;overflow-wrap:break-word}.directory-hero p{max-width:700px;font-size:15px;line-height:1.65;color:var(--text-dim);margin:0}.directory-count{display:inline-flex;margin-top:18px;padding:7px 14px;border:1px solid var(--glass-border);border-radius:999px;font-size:12.5px;font-weight:600;color:#c5d6e4;background:rgba(255,255,255,.04)}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px;max-width:1240px;margin:0 auto}.directory-card{border:1px solid var(--glass-border);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(31,73,89,.3),rgba(1,20,37,.9));box-shadow:var(--glass-shadow),var(--glass-highlight);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;display:flex;flex-direction:column}.directory-card:hover{transform:translateY(-4px);border-color:rgba(104,180,206,.55);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 25px rgba(61,143,168,.25)}.directory-card-media{height:200px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:2px;gap:2px;background:#021a30;position:relative;overflow:hidden}.directory-card-media>div{overflow:hidden;background:#0c2b3e}.directory-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.directory-card:hover .directory-card-media img{transform:scale(1.04)}.directory-pill{position:absolute;right:12px;top:12px;padding:6px 10px;border-radius:999px;background:rgba(1,20,37,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:11px;font-weight:700;border:1px solid var(--glass-border);color:var(--text-primary)}.directory-card-body{padding:22px;display:flex;flex-direction:column;flex:1 1}.directory-card-body h2{font-size:21px;font-weight:750;letter-spacing:-.02em;margin:6px 0 8px;color:var(--text-primary)}.directory-card-body p{font-size:13px;color:var(--muted-light);line-height:1.55;min-height:38px;margin:0;flex:1 1}.directory-product-list{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.directory-product-list span{font-size:11.5px;padding:4px 9px;border:1px solid var(--glass-border);border-radius:999px;color:#b8cad8;background:rgba(255,255,255,.03)}.directory-toolbar{margin:24px auto 18px;justify-content:space-between;align-items:center;flex-wrap:wrap}.directory-list,.directory-toolbar{max-width:1240px;display:flex;gap:14px}.directory-list{flex-direction:column;margin:0 auto}.directory-list-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-radius:20px;background:linear-gradient(145deg,rgba(31,73,89,.25),rgba(1,20,37,.9));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .2s ease}.directory-list-card:hover{transform:translateY(-2px);border-color:rgba(104,180,206,.55);box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 20px rgba(61,143,168,.2)}.directory-list-left{display:flex;align-items:flex-start;gap:18px;flex:1 1;min-width:0}.directory-list-thumb{width:76px!important;height:76px!important;min-width:76px!important;max-width:76px!important;min-height:76px!important;max-height:76px!important;border-radius:16px;overflow:hidden;background:#021a30;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;flex-shrink:0!important}.directory-list-thumb img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;display:block!important}.directory-list-info{flex:1 1;min-width:0}.directory-list-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.directory-list-header h2{font-size:18px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.01em}.directory-list-desc{font-size:13px;color:var(--muted-light);line-height:1.4;margin:0 0 8px}.directory-list-right{display:flex;align-items:center;gap:14px;flex-shrink:0}@media (max-width:768px){.directory-list-card{flex-direction:column;align-items:stretch;gap:14px;padding:14px 16px}.directory-list-left{gap:14px}.directory-list-thumb{width:68px!important;height:68px!important;min-width:68px!important;max-width:68px!important;min-height:68px!important;max-height:68px!important;border-radius:12px!important}.directory-list-header h2{font-size:16px}.directory-list-right{justify-content:space-between}}@media (max-width:360px){.directory-list-thumb{width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important;max-height:58px!important;border-radius:10px!important}}.directory-footer{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;padding-top:32px;color:var(--muted);font-size:12px}.preview-notice{position:relative;z-index:5;max-width:1240px;margin:14px auto 0;padding:10px 16px;border:1px solid rgba(104,180,206,.35);border-radius:12px;background:rgba(31,73,89,.2);color:#c7e5ef;font-size:12px;font-weight:600;text-align:center}.request-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:18px 22px;border:1px solid var(--glass-border);border-radius:18px;background:linear-gradient(145deg,rgba(31,73,89,.2),rgba(1,20,37,.8));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.request-filter-bar>div:first-child{display:flex;flex-direction:column;gap:4px}.request-filter-bar strong{font-size:15px;font-weight:750;color:var(--text-primary);line-height:1.3}.request-filter-bar span{font-size:12.5px;color:var(--muted-light);line-height:1.4}.request-filters{display:flex;gap:6px;flex-wrap:wrap}.request-filters button{border:1px solid var(--glass-border);background:rgba(255,255,255,.04);color:var(--muted-light);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:600;cursor:pointer;transition:all .16s ease}.request-filters button:hover{background:rgba(92,124,137,.2);color:var(--text-primary)}.request-filters button.is-active{color:#fff;border-color:rgba(104,180,206,.7);background:rgba(31,73,89,.35);box-shadow:0 0 15px rgba(61,143,168,.3)}.request-admin-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.request-admin-top h3{font-size:18px;font-weight:750;margin:8px 0 4px;word-break:break-word;overflow-wrap:break-word}.request-admin-top>strong{font-size:18px;font-weight:800;color:var(--teal-bright)}.request-item-pills{margin-top:12px}.custom-request-admin{margin-top:16px;padding:14px 16px;border:1px solid rgba(255,185,78,.25);border-radius:14px;background:rgba(255,185,78,.06)}.request-admin-image{max-width:100%;max-height:160px;object-fit:cover;border-radius:10px;margin-top:10px;border:1px solid var(--glass-border)}.request-admin-controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--glass-border)}.request-admin-controls label{display:grid;grid-gap:6px;gap:6px;min-width:130px;flex:1 1 130px}@media (max-width:520px){.request-admin-controls{flex-direction:column;align-items:stretch;gap:10px}.request-admin-controls label{min-width:0;width:100%;flex:1 1 auto}.request-admin-controls .btn{width:100%;text-align:center;justify-content:center}.request-admin-top{flex-direction:column;gap:8px}}.request-admin-controls label>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-light);font-weight:800}.topbar-left{display:flex;align-items:center;gap:12px}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:rgba(31,73,89,.3);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;padding:0;transition:all .18s ease}.mobile-menu-toggle:hover{background:rgba(43,98,119,.45);border-color:var(--glass-border-hover)}.mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(0,8,16,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;animation:drawerFadeIn .22s ease forwards}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);background:rgba(1,20,37,.97);backdrop-filter:blur(32px) saturate(190%);-webkit-backdrop-filter:blur(32px) saturate(190%);border-right:1px solid var(--glass-border);z-index:101;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .26s cubic-bezier(.16,1,.3,1);box-shadow:12px 0 50px rgba(0,0,0,.7);visibility:hidden;pointer-events:none}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}@media (min-width:1025px){.mobile-drawer,.mobile-drawer-backdrop,.mobile-menu-toggle{display:none!important}}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;border-bottom:1px solid var(--glass-border)}.mobile-drawer-brand{display:flex;align-items:center;gap:10px}.mobile-drawer-brand strong{display:block;font-size:15px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.mobile-drawer-brand small{display:block;font-size:11.5px;color:var(--muted-light);line-height:1.2}.mobile-drawer-close{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid var(--glass-border);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .15s ease}.mobile-drawer-close:hover{background:rgba(255,255,255,.16)}.mobile-drawer-nav{display:flex;flex-direction:column;gap:6px;padding:18px 14px;flex:1 1;overflow-y:auto}.mobile-drawer-link{display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;font-size:14px;font-weight:600;color:var(--muted-light);text-decoration:none;position:relative;transition:all .18s ease;border:1px solid transparent}.mobile-drawer-link .drawer-icon{font-size:16px}.mobile-drawer-link .drawer-label{flex:1 1}.mobile-drawer-link:hover{color:var(--text-primary);background:rgba(92,124,137,.15);border-color:rgba(92,124,137,.25)}.mobile-drawer-link.active{color:var(--text-accent);background:linear-gradient(135deg,rgba(61,143,168,.28),rgba(31,73,89,.45));border-color:rgba(104,180,206,.6);box-shadow:0 4px 16px rgba(0,0,0,.3)}.drawer-active-indicator{width:7px;height:7px;border-radius:50%;background:var(--teal-bright);box-shadow:0 0 8px var(--teal-glow)}.mobile-drawer-footer{padding:16px;border-top:1px solid var(--glass-border);background:rgba(0,10,20,.4)}@media (max-width:1024px){.mobile-menu-toggle{display:inline-flex}.desktop-sidebar{display:none!important}.layout,.layout.layout-collapsed,.layout.layout-expanded{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;min-height:auto}.main{flex:1 1 100%!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:22px 18px 56px}.grid-2,.hero-inner{grid-template-columns:1fr}.visual-workspace{display:flex;flex-direction:column;gap:20px}.catalogue-grid,.customer-grid,.directory-grid,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{grid-template-columns:1fr;gap:28px;padding:36px 20px 56px;text-align:center}.home-copy{display:flex;flex-direction:column;align-items:center;text-align:center}.home-actions,.home-showcase{justify-content:center}.home-showcase{display:flex;width:100%}.showcase-image{max-width:480px;width:100%;aspect-ratio:1/1;height:auto;transform:none!important}.desktop-only-pillars{display:none!important}.mobile-only-pillars{display:grid!important;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;width:100%;max-width:520px;margin:18px auto 0}}@media (max-width:768px){body,html{width:100%;max-width:100%}.catalogue-directory,.catalogue-page,.login-page,.main,.shell,.visual-shell{width:100%;max-width:100%;min-width:0}.topbar{padding:0 14px;height:54px;min-height:54px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;position:-webkit-sticky;position:sticky;top:0;z-index:40;width:100%;min-width:0}.brand{gap:6px;font-size:14.5px;flex-shrink:0}.brand img,.brand-logo{width:24px;height:24px}.topbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.business-pill{height:30px;padding:0 8px;max-width:130px;border-radius:8px;gap:5px}.business-pill-label{font-size:11px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;font-size:11px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.logout-btn .logout-label{display:none!important}.theme-toggle-btn.icon-only{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:8px!important}.home-nav{padding:0 12px;height:54px;min-height:54px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}.home-brand{gap:6px;flex-shrink:0}.home-brand img,.home-brand-logo{width:24px;height:24px;aspect-ratio:1/1;object-fit:contain}.home-brand span{font-size:14.5px;font-weight:800}.home-nav-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;flex-shrink:0}.home-nav-actions .btn{min-height:30px!important;height:30px!important;font-size:11.5px!important;border-radius:8px!important;white-space:nowrap;flex-shrink:0}.home-login-btn{padding:0 9px!important}.home-signup-btn{padding:0 11px!important}.mobile-only-br{display:inline!important}.desktop-hero-sub,.desktop-only-action,.desktop-only-caption,.desktop-only-eyebrow,.desktop-only-pillars,.mobile-only-pillars{display:none!important}.mobile-hero-sub{display:block!important;font-size:14.5px!important;line-height:1.5!important;color:var(--text-secondary)!important;max-width:320px!important;margin:0 auto!important}.mobile-feature-summary{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:22px auto 0!important;font-size:11px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--text-secondary)!important}.mobile-feature-summary .summary-dot{color:var(--teal-bright)!important;font-size:9px!important;opacity:.85}.home-hero{display:flex!important;flex-direction:column!important;align-items:center!important;padding:16px 16px 44px!important;gap:0!important;text-align:center!important;min-height:auto!important}.home-showcase{order:1!important;width:100%!important;max-width:390px!important;margin:0 auto 22px!important;display:flex!important;justify-content:center!important}.showcase-image{width:100%!important;max-width:380px!important;aspect-ratio:16/11!important;max-height:240px!important;height:auto!important;border-radius:18px!important;transform:none!important;background-size:cover;background-position:50%;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 12px 36px rgba(0,0,0,.35),var(--glass-highlight)!important;overflow:hidden!important}.showcase-badge{top:10px!important;left:10px!important;padding:4px 10px!important;font-size:11px!important;border-radius:999px!important;letter-spacing:.04em!important;font-weight:700!important}.home-copy{order:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;width:100%!important;max-width:440px!important;margin:0 auto!important}.home-copy h1,.home-title{margin:0 0 10px!important}.home-title .title-lead{color:var(--text-primary)!important}.home-title .title-accent,.home-title .title-lead{display:block!important;font-size:clamp(23px,6.2vw,27px)!important;line-height:1.18!important;font-weight:750!important;letter-spacing:-.025em!important}.home-title .title-accent{color:var(--text-accent)!important;margin-top:3px!important}.home-actions{display:flex!important;flex-direction:column!important;gap:10px!important;margin:20px auto 0!important}.home-actions,.home-actions .btn{align-items:center!important;justify-content:center!important;width:100%!important;max-width:320px!important}.home-actions .btn{height:46px!important;min-height:46px!important;padding:0 16px!important;font-size:14px!important;font-weight:650!important;border-radius:12px!important;display:inline-flex!important;text-align:center!important}.catalogue-page{padding-left:12px;padding-right:12px;padding-bottom:80px}.catalogue-head{min-height:56px!important;height:auto!important;padding:8px 6px!important;justify-content:space-between!important;flex-wrap:nowrap!important}.catalogue-head,.catalogue-head-left{display:flex!important;align-items:center!important;gap:8px!important}.catalogue-head-left{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}.nav-drawer-trigger{display:inline-flex!important}.catalogue-nav-back{padding:6px 10px!important;font-size:13px!important;min-height:36px!important;gap:4px!important;border-radius:8px!important;flex-shrink:0!important}.catalogue-brand{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}.catalogue-logo{width:32px!important;height:32px!important;border-radius:8px!important;flex:0 0 32px!important}.catalogue-brand-text{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}.catalogue-brand-text strong{font-size:15px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;width:100%!important}.catalogue-brand-text small{display:none!important}.directory-head{height:auto!important;flex-wrap:nowrap!important}.directory-head-left{gap:8px!important;min-width:0!important;flex:1 1 auto!important}.directory-brand,.directory-head-left{display:flex!important;align-items:center!important;overflow:hidden!important}.directory-brand .business-logo-fallback,.directory-brand img{width:32px!important;height:32px!important;border-radius:8px!important;flex:0 0 32px!important}.directory-brand-info{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}.directory-brand-info strong{font-size:15px!important;width:100%!important}.catalogue-meta{display:flex!important;align-items:center!important;gap:6px!important;flex-shrink:0!important}.show-on-mobile{display:inline-flex!important}.btn-whatsapp-header{min-height:36px!important;padding:6px 10px!important;font-size:13px!important}.hide-on-mobile,.whatsapp-label{display:none!important}.catalogue-hero-card{margin:12px auto 16px!important;border-radius:18px!important}.catalogue-hero-banner{height:clamp(130px,28vw,180px)!important}.catalogue-hero-content{padding:16px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.catalogue-hero-badge{font-size:11px!important;font-weight:700!important}.catalogue-hero-title{font-size:clamp(1.4rem,4.5vw,1.85rem)!important;line-height:1.25!important;margin-bottom:6px!important}.catalogue-hero-desc{font-size:13px!important;line-height:1.5!important}.catalogue-hero-actions{width:100%!important;display:flex!important;flex-direction:column!important}.catalogue-hero-actions .btn{width:100%!important;min-height:44px!important;justify-content:center!important;font-size:14px!important;font-weight:700!important}.catalogue-toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin:14px 0!important}.catalogue-toolbar-search-row{width:100%!important;display:flex!important;gap:8px!important}.search-input-wrap{flex:1 1 auto!important;min-width:0!important}.search-input-wrap .search-input{width:100%!important;height:42px!important}.category-select{max-width:140px!important;height:42px!important;font-size:13px!important;padding:0 8px!important}.catalogue-toolbar-meta-row{width:100%!important;justify-content:space-between!important}.products-count-badge{font-size:12.5px!important}.view-toggle-btn{padding:6px 10px!important;font-size:12px!important}.customer-grid{grid-template-columns:1fr!important;gap:16px!important}.customer-product{border-radius:18px!important}.customer-product-image{height:190px!important}.customer-product-body{padding:16px!important}.customer-product-body h2{font-size:17px!important;margin:8px 0 6px!important}.product-desc-clamp{font-size:13px!important;line-height:1.45!important}.product-topline{font-size:12px!important}.customer-cta{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:18px!important}.customer-cta .actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;grid-gap:10px!important;gap:10px!important}.customer-cta .actions .btn{width:100%!important;min-height:44px!important}.directory-head{min-height:56px!important;padding:8px 6px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.directory-brand{gap:8px!important;min-width:0!important;flex:1 1 auto!important}.directory-brand-info strong{font-size:14px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:clamp(100px,35vw,240px)!important;display:block!important}.directory-brand-info small{display:none!important}.directory-grid{grid-template-columns:1fr!important;gap:16px!important}.visual-shell{padding-left:12px;padding-right:12px;padding-bottom:40px}.visual-topbar{min-height:52px;height:52px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;box-sizing:border-box}.visual-topbar-left{gap:8px;min-width:0;flex:1 1 auto;overflow:hidden}.visual-nav-back{padding:0;width:32px;height:32px;min-width:32px;justify-content:center;border-radius:8px;flex-shrink:0}.visual-nav-back .back-label,.visual-nav-back .back-label-desktop,.visual-nav-back .back-label-mobile,.visual-nav-back .visual-nav-back-label{display:none}.visual-nav-back .back-arrow{font-size:18px}.visual-brand{gap:8px;min-width:0;flex:1 1 auto;overflow:hidden}.visual-brand .business-logo-fallback,.visual-brand img{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:7px;font-size:12px;flex-shrink:0}.visual-brand .brand-name{font-size:13.5px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto;line-height:1.2;display:block}.visual-topbar-right{gap:6px;flex-shrink:0}.visual-heading{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:16px!important}.visual-heading h1{font-size:22px!important;margin:4px 0 6px!important}.visual-heading p{font-size:12.5px!important}.visual-steps{display:flex!important;flex-direction:row!important;gap:6px!important;overflow-x:auto!important;width:100%!important;scrollbar-width:none!important;padding-bottom:2px!important}.visual-steps span{padding:4px 10px!important;font-size:11px!important;border-radius:999px!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:5px!important;flex-shrink:0!important}.visual-workspace{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:100%!important;gap:16px!important;box-sizing:border-box!important}.visual-main-card{padding:14px!important;border-radius:18px!important}.compare-stage,.visual-main-card{width:100%!important;min-width:100%!important;max-width:100%!important;display:block!important;box-sizing:border-box!important}.compare-stage{height:clamp(280px,75vw,420px)!important;border-radius:14px!important;position:relative!important;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.compare-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.compare-divider{touch-action:none}.room-dropzone{inset:6px!important;border-radius:12px!important;padding:16px!important;gap:8px!important}.room-dropzone .drop-icon{width:44px!important;height:44px!important;font-size:22px!important}.room-dropzone strong{font-size:13.5px!important}.room-dropzone small{font-size:11px!important}.visual-sidebar{display:flex!important;flex-direction:column!important;gap:14px!important}.selection-card,.visual-sidebar{width:100%!important;min-width:100%!important;max-width:100%!important;box-sizing:border-box!important}.selection-card{padding:16px 14px!important;border-radius:18px!important}.selection-card .section-title h2{font-size:16px!important}.visual-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:10px}.visual-generate{width:100%;min-height:46px;font-size:14px}.stock-list{display:flex;flex-direction:column;gap:8px}.stock-image{width:46px;height:46px;border-radius:10px}.visual-footer-row{flex-direction:column;align-items:stretch;gap:12px}.trust-item{width:100%}.login-page{padding:32px 14px 48px;min-height:100vh;display:flex;align-items:center;justify-content:center}.login-layout{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:440px!important;margin:0 auto!important;gap:20px!important}.login-copy{text-align:center}.login-copy h1{font-size:26px!important;margin:4px 0 8px!important}.login-copy>p{font-size:13px!important;margin:0 auto;max-width:340px}.login-features{display:none!important}.login-card{padding:22px 18px!important;width:100%!important;border-radius:18px!important}.login-card h2{font-size:20px!important}.login-secondary{grid-template-columns:1fr!important;gap:8px!important}.login-secondary .btn{width:100%!important;white-space:normal!important;word-break:break-word!important}.hero{padding:24px 12px 48px!important;min-width:0!important}.hero,.signup-card{width:100%!important;box-sizing:border-box!important}.signup-card{padding:24px 16px!important}.main{padding-left:12px;padding-right:12px;padding-bottom:40px}.page-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:18px}.page-head h1{font-size:24px;margin:4px 0 6px;letter-spacing:-.025em}.page-head p{font-size:13px}.page-head-actions{width:100%;display:flex;flex-direction:column;gap:8px;align-items:stretch}.page-head-actions .btn{width:100%;min-height:42px;font-size:13px;justify-content:center}.stat-row{grid-template-columns:1fr;gap:10px}.stat{padding:16px 18px;border-radius:16px;display:flex;align-items:center;justify-content:space-between}.stat span{font-size:12.5px}.stat strong{font-size:26px;margin-top:0}.stat small{display:none}.grid-2{grid-template-columns:1fr;gap:14px}.card{padding:18px 16px;border-radius:18px}.card h2{font-size:18px}.card h3{font-size:16px}.directory-grid,.form-grid,.request-fields,.request-form-grid{grid-template-columns:1fr;gap:14px}.stock-admin-card{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px}.stock-admin-card .table,.table-scroll .table{min-width:580px}.modal{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;box-sizing:border-box!important;margin:10px auto!important;max-height:88vh;padding:18px 14px!important;border-radius:18px!important;overflow-y:auto}.modal-actions{flex-direction:column;gap:8px}.modal-actions .btn{width:100%;min-height:44px}}@media (max-width:480px){.home-actions{gap:8px}.home-actions .btn{flex:1 1 130px;padding:8px 12px;font-size:12.5px;min-height:38px;max-width:100%}.mobile-only-pillars{grid-template-columns:1fr!important;gap:6px}.mobile-only-pillars .pillar-item{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;padding:8px 12px;gap:8px}.mobile-only-pillars .pillar-item strong{min-width:65px;font-size:12px;text-align:left}.mobile-only-pillars .pillar-item span{font-size:11px;text-align:left}.showcase-image{max-width:340px;border-radius:16px}.showcase-caption{left:10px;right:10px;bottom:10px;padding:6px 10px}.showcase-caption strong{font-size:12px}.showcase-caption span{font-size:10px}.visual-topbar{padding:0 8px;gap:6px;height:48px;min-height:48px}.visual-brand,.visual-topbar-left{gap:6px;min-width:0;flex:1 1 auto;overflow:hidden}.visual-brand .business-logo-fallback,.visual-brand img{width:26px;height:26px;min-width:26px;min-height:26px;border-radius:6px;font-size:11px;flex-shrink:0}.visual-brand .brand-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto;display:block}.visual-business{gap:4px!important;max-width:54vw!important;overflow:hidden!important}.visual-business .btn{padding:0 7px!important;font-size:10px!important}.visual-shell{padding:18px 10px 32px!important}.visual-main-card{padding:10px!important}.visual-toolbar{padding:2px 2px 10px!important}.visual-toolbar .actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;width:100%!important}.visual-toolbar .actions .btn,.visual-toolbar .actions .file-btn{flex:0 1 auto!important;width:auto!important;min-width:0!important;padding:0 10px!important;height:32px!important;min-height:32px!important;font-size:11.5px!important;white-space:nowrap!important}.visual-model-picker{height:32px!important;min-height:32px!important;padding:0 8px!important;font-size:11px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;color:#cbd5e1!important}.compare-stage{width:100%!important;height:min(72vw,300px)!important;min-height:220px!important}.selection-card,.visual-sidebar{min-width:0!important;width:100%!important}body,html{font-size:13px}.topbar{padding:0 10px;height:50px;min-height:50px}.brand{gap:5px;font-size:13.5px}.brand img,.brand-logo{width:22px;height:22px}.home-nav{padding:0 10px;height:50px;min-height:50px}.home-brand{gap:5px}.home-brand span{font-size:13.5px}.home-brand img,.home-brand-logo{width:22px;height:22px}.home-nav-actions{gap:4px}.home-nav-actions .btn{height:28px!important;min-height:28px!important;font-size:11px!important;border-radius:7px!important}.home-login-btn{padding:0 7px!important}.home-signup-btn{padding:0 9px!important}.theme-toggle-btn.icon-only{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:7px!important}.business-pill{padding:0 6px;height:28px;max-width:90px;border-radius:7px;gap:4px}.business-pill-label{font-size:10.5px;max-width:65px}.logout-btn{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;font-size:10.5px!important;border-radius:7px!important}.stat-row{grid-template-columns:repeat(2,1fr);gap:8px}.stat{padding:12px}.stat strong{font-size:20px}.compare-stage{height:250px!important}.compare-divider span{width:32px;height:32px;font-size:13px}.stock-option{grid-template-columns:40px 1fr 24px;gap:8px;padding:8px}.stock-image{width:40px;height:40px}}.visual-mode-note{display:flex;align-items:flex-start;gap:10px;margin:12px 0 14px;padding:10px 12px;border:1px solid rgba(104,180,206,.24);border-radius:12px;background:rgba(104,180,206,.06)}.visual-mode-icon{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:7px;background:rgba(104,180,206,.16);color:var(--teal-bright);font-size:12px;font-weight:900}.visual-mode-note strong{color:var(--text-primary);font-size:12px;line-height:1.3;display:block}.visual-mode-note small{margin-top:2px;color:var(--muted-light);font-size:10.5px;line-height:1.4;display:block}.stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;padding:16px;border-top:1px solid var(--glass-border)}.stage-card{min-width:0;border:1px solid var(--glass-border);border-radius:14px;background:rgba(255,255,255,.035);overflow:hidden;cursor:pointer}.stage-card.is-current{border-color:rgba(120,210,235,.55);box-shadow:0 0 0 1px rgba(120,210,235,.12)}.stage-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:11px 12px}.stage-card-head div{display:grid;grid-gap:3px;gap:3px;min-width:0}.stage-card-head span{font-size:9px;letter-spacing:.12em;color:var(--muted)}.stage-card-head strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-card-head em{font-style:normal;font-size:9px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted)}.stage-card-head em.ready{color:#d9e7ff}.stage-card-head em.approved{color:#b8f2ce;background:rgba(65,180,110,.12)}.stage-card>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#111}.stage-empty{display:grid;place-items:center;min-height:130px;padding:16px;text-align:center;font-size:11px;color:var(--muted);background:rgba(0,0,0,.12)}.stage-card-actions{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border-top:1px solid var(--glass-border)}.stage-card-actions .btn{flex:1 1;min-width:48px}.visual-footer-row{display:flex;justify-content:space-between;gap:16px;padding:12px 4px;font-size:11px;color:var(--muted)}@media(max-width:1024px){.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.stage-grid{grid-template-columns:1fr;padding:10px}.visual-footer-row{flex-direction:column;gap:5px}.stage-card>img{aspect-ratio:16/9}}.quote-page{min-height:100vh;padding:40px 20px;background:var(--bg);display:grid;place-items:start center}.quote-sheet{width:min(900px,100%);background:#fff;color:#18232a;padding:44px;border-radius:18px;box-shadow:0 20px 80px rgba(0,0,0,.25)}.quote-customer,.quote-sheet footer,.quote-sheet-head{display:flex;justify-content:space-between;gap:24px}.quote-sheet-head{border-bottom:1px solid #dfe5e8;padding-bottom:24px}.quote-sheet-head h1{margin:5px 0;font-size:30px}.quote-customer small,.quote-sheet-head p,.quote-sheet-head small{color:#68747b}.quote-sheet-head>div:last-child{text-align:right;display:grid;align-content:start;grid-gap:5px;gap:5px}.quote-customer{padding:24px 0}.quote-customer>div{display:grid;grid-gap:4px;gap:4px}.quote-customer span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7b878d}.quote-sheet table{width:100%;border-collapse:collapse}.quote-sheet td,.quote-sheet th{padding:12px 8px;border-bottom:1px solid #e6ebed;text-align:left}.quote-sheet td:last-child,.quote-sheet th:last-child{text-align:right}.quote-sheet tfoot th{font-size:16px;border-bottom:0;padding-top:18px}.quote-notes{margin-top:28px;padding:16px;background:#f5f7f8;border-radius:10px}.quote-notes p{white-space:pre-wrap}.quote-sheet footer{margin-top:30px;align-items:center;font-size:12px;color:#68747b}.quote-sheet footer .btn{color:#fff}@media(max-width:600px){.quote-sheet{padding:22px}.quote-customer,.quote-sheet footer,.quote-sheet-head{flex-direction:column}.quote-sheet-head>div:last-child{text-align:left}.quote-sheet{overflow:auto}}@media print{.quote-page{padding:0;background:#fff}.quote-sheet{box-shadow:none;border-radius:0;width:100%;padding:0}.quote-sheet footer .btn{display:none}}.project-requirements{margin-top:16px;padding:16px;border:1px solid var(--border,rgba(255,255,255,.12));border-radius:14px;background:var(--surface,rgba(255,255,255,.03))}.project-requirements h3{margin:4px 0 2px}.requirement-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(150px,220px);grid-gap:10px;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--border,rgba(255,255,255,.08))}.requirement-row>div:first-child{min-width:0}.requirement-row small{display:block;margin-top:3px;opacity:.7}.quantity-editor{display:flex;align-items:center;gap:5px}.quantity-editor button{width:36px;height:36px;border:1px solid var(--border,rgba(255,255,255,.12));border-radius:9px;background:transparent;color:inherit;cursor:pointer}.quantity-editor .input{width:70px;text-align:center}.power-editor{display:grid;grid-template-columns:auto 1fr;grid-gap:6px;gap:6px;align-items:center}.power-editor label{font-size:12px;opacity:.7}.power-editor .input{grid-column:1/-1}@media (max-width:700px){.requirement-row{grid-template-columns:1fr}.quantity-editor{justify-content:flex-start}.power-editor{grid-template-columns:1fr}}.back-to-top{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:999;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--glass-border);border-radius:50%;background:rgba(1,20,37,.9);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.35);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,border-color .2s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{border-color:var(--glass-border-hover)}@media (max-width:768px){.home-hero{display:flex!important;flex-direction:column!important}}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px}.view-switcher{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--glass-border);border-radius:11px;background:rgba(1,20,37,.72);flex:0 0 auto}.view-switch{min-height:32px;padding:5px 9px;border:0;border-radius:8px;background:transparent;color:var(--muted-light);font:inherit;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.view-switch.active{color:#fff;background:rgba(104,180,206,.18);box-shadow:inset 0 0 0 1px rgba(104,180,206,.25)}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll .table{min-width:760px;width:max-content}.stock-thumb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.stock-thumb-card{min-width:0;overflow:hidden;border:1px solid var(--glass-border);border-radius:16px;background:rgba(1,20,37,.58)}.stock-thumb-media{aspect-ratio:4/3;background:rgba(255,255,255,.035);overflow:hidden}.stock-thumb-media img{width:100%;height:100%;object-fit:cover;display:block}.stock-thumb-body{min-width:0;padding:12px;display:grid;grid-gap:6px;gap:6px}.stock-thumb-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.stock-thumb-title-row strong{min-width:0;overflow-wrap:anywhere}.stock-thumb-body>.muted{overflow-wrap:anywhere}.stock-thumb-body .actions{margin-top:4px;display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.stock-thumb-body .actions .btn{width:100%;min-width:0}.catalogue-grid.is-list-view{grid-template-columns:1fr}.catalogue-grid.is-list-view .catalogue-card{display:grid;grid-template-columns:auto minmax(130px,.3fr) 1.5fr auto;align-items:center;grid-gap:16px;gap:16px}.catalogue-grid.is-list-view .catalogue-card-top{margin:0}.catalogue-grid.is-list-view .catalogue-card-info{min-width:0}.catalogue-grid.is-list-view .catalogue-card h3,.catalogue-grid.is-list-view .catalogue-card p,.catalogue-grid.is-list-view .catalogue-products-mini{margin:0}.catalogue-grid.is-list-view .catalogue-actions{justify-content:flex-end}.catalogue-list-view{display:flex;flex-direction:column;gap:14px}.catalogue-list-card{display:flex;align-items:center;gap:20px;padding:16px 20px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.catalogue-list-card:hover{border-color:var(--glass-border-hover)}.catalogue-list-thumb{width:90px!important;height:78px!important;min-width:90px!important;max-width:90px!important;min-height:78px!important;max-height:78px!important;border-radius:10px;overflow:hidden;position:relative;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;flex-shrink:0!important}.catalogue-list-thumb img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;display:block!important}.catalogue-list-thumb-placeholder{font-size:24px;color:var(--muted);display:flex;align-items:center;justify-content:center}.catalogue-list-thumb-count{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:5px;letter-spacing:.02em;pointer-events:none}.catalogue-list-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:5px}.catalogue-list-top{display:flex;align-items:center;gap:10px}.catalogue-list-title{margin:0;font-size:16px;font-weight:700;color:var(--text);line-height:1.3}.catalogue-list-desc{margin:0;font-size:13px;color:var(--muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalogue-list-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}[data-theme=light] .catalogue-list-card{background:#F8FBFE;border-color:#D5E3EE}[data-theme=light] .catalogue-list-title{color:#163047}[data-theme=light] .catalogue-list-thumb{background:#f4efe6;border-color:rgba(213,204,191,.85)}.catalogue-list-thumb-strip{display:flex;align-items:center;gap:6px;flex-shrink:0}.catalogue-mini-thumb{width:44px;height:44px;min-width:44px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;transition:transform .15s ease,border-color .15s ease}.catalogue-mini-thumb:hover{transform:scale(1.08);border-color:var(--glass-border-hover)}.catalogue-mini-thumb img{width:100%;height:100%;object-fit:cover;display:block}.catalogue-mini-thumb .thumb-placeholder{color:var(--muted);font-size:14px}.product-admin-cell{display:flex;align-items:center;gap:12px}.admin-thumb{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;flex-shrink:0!important}.admin-thumb img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;display:block!important}.admin-thumb .thumb-placeholder{color:var(--muted);font-size:14px;font-weight:700}@media (max-width:900px){.stock-thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-grid.is-list-view .catalogue-card{grid-template-columns:1fr}.catalogue-grid.is-list-view .catalogue-actions{justify-content:flex-start}.catalogue-list-card{display:grid;grid-template-columns:80px 1fr;grid-gap:14px;gap:14px;align-items:start;padding:14px 16px}.catalogue-list-thumb{width:80px!important;height:80px!important;min-width:80px!important;max-width:80px!important;min-height:80px!important;max-height:80px!important;flex-shrink:0!important}.catalogue-list-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.catalogue-list-actions .btn{flex:1 1 auto;text-align:center;justify-content:center}}@media (max-width:768px){.section-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.section-toolbar .view-switcher{width:100%}.section-toolbar .view-switch{flex:1 1}.stock-table-head{align-items:flex-start;flex-direction:column;gap:9px}.stock-table-head .view-switcher{width:100%}.stock-table-head .view-switch{flex:1 1}.stock-thumb-grid{grid-template-columns:1fr 1fr;gap:10px}.stock-thumb-card{border-radius:14px}.stock-thumb-body{padding:10px}.stock-thumb-title-row{display:block}.stock-thumb-title-row .pill{display:inline-flex;margin-top:5px}.table-scroll{margin:0 -2px;width:calc(100% + 4px)}.table-scroll .table{min-width:780px}.brand-identity-center{padding:18px 0 8px}.brand-identity-center .logo-preview{width:140px;height:140px;margin-bottom:14px}.brand-identity-center .tiny-copy{max-width:100%;padding:0 10px}.brand-identity-card .upload-error{display:block;max-width:100%;overflow-wrap:anywhere}.brand-identity-card .btn,.card>.card{max-width:100%}.profile-form .phone-input-group{grid-template-columns:1fr}.profile-form .phone-country-select{min-height:42px}}@media (max-width:520px){.stock-thumb-grid{grid-template-columns:1fr}.catalogue-grid,.customer-grid,.directory-grid{grid-template-columns:1fr!important}.directory-card{width:100%}.directory-card-media{height:190px}.catalogue-card{padding:16px}.catalogue-card h3{font-size:18px}.catalogue-card .actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.catalogue-card .actions .btn{width:100%;min-width:0}.catalogue-grid.is-list-view .catalogue-card .actions{grid-template-columns:1fr}.brand-identity-center .logo-preview{width:124px;height:124px}.catalogue-list-card{grid-template-columns:68px 1fr;gap:12px;padding:12px}.catalogue-list-thumb{width:68px!important;height:68px!important;min-width:68px!important;max-width:68px!important;min-height:68px!important;max-height:68px!important;border-radius:8px;flex-shrink:0!important}.catalogue-list-title{font-size:14.5px}.catalogue-list-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;font-size:12px}.catalogue-list-actions{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px;gap:6px}.catalogue-list-actions .btn{min-height:32px;font-size:12px;padding:0 8px}}.catalogue-card-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr);grid-gap:2px;gap:2px;height:170px;margin:-24px -24px 18px;overflow:hidden;background:#021a30}.catalogue-card-media>div{min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.035)}.catalogue-card-media img{width:100%;height:100%;object-fit:cover;display:block}.catalogue-card-media>span{grid-column:1/-1;grid-row:1/-1;display:grid;place-items:center}.catalogue-grid.is-list-view .catalogue-card-media{display:none}@media (max-width:520px){.catalogue-card-media{height:150px;margin:-16px -16px 14px}}.overview-dashboard{display:grid;grid-gap:20px;gap:20px}.overview-main-grid{align-items:stretch}.overview-card{min-width:0}.overview-card h2{margin:7px 0 8px;font-size:21px;letter-spacing:-.02em}.overview-card p{max-width:680px;line-height:1.6}.overview-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.overview-steps{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.overview-steps>div{display:flex;gap:11px;align-items:flex-start;min-width:0;padding:10px 0;border-bottom:1px solid var(--glass-border)}.overview-steps>div:last-child{border-bottom:0}.overview-steps b{flex:0 0 30px;font-size:11px;color:var(--teal-bright);padding-top:2px}.overview-steps span{min-width:0;display:grid;grid-gap:2px;gap:2px}.overview-steps small,.overview-steps strong{overflow-wrap:anywhere}.overview-steps small{color:var(--muted);line-height:1.4}.overview-note{display:flex;justify-content:space-between;align-items:center;gap:18px}.overview-note>div{min-width:0}.overview-note p{margin:6px 0 0}@media (max-width:768px){.overview-dashboard{gap:14px}.overview-actions{display:grid;grid-template-columns:1fr}.overview-actions .btn{width:100%}.overview-note{flex-direction:column;align-items:stretch}.overview-note .btn{width:100%;justify-content:center}}.comm-section{display:flex;flex-direction:column;gap:24px}.comm-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:20px 24px;background:var(--panel-glass);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.comm-header-info{display:flex;flex-direction:column;gap:4px;max-width:650px}.comm-header-title{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:800;color:var(--text)}.comm-header-sub{margin:0;font-size:12.5px;line-height:1.5;color:var(--muted-light)}.comm-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.comm-tabs{display:inline-flex;background:rgba(0,8,16,.45);padding:4px;border-radius:12px;border:1px solid var(--glass-border);gap:4px}.comm-tab-btn{background:transparent;border:none;color:var(--muted-light);font-size:12.5px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.comm-tab-btn:hover{color:var(--text);background:rgba(255,255,255,.05)}.comm-tab-btn.is-active{background:linear-gradient(135deg,var(--teal-accent) 0,var(--petrol) 100%);color:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,.25)}.comm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:18px;gap:18px}.comm-stat-card{background:var(--panel-glass);border:1px solid var(--glass-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:135px;box-shadow:0 4px 20px rgba(0,0,0,.15);transition:transform .2s ease,border-color .2s ease}.comm-stat-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}.comm-stat-top{display:flex;justify-content:space-between;align-items:center}.comm-stat-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-bright)}.comm-stat-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.06);color:var(--muted-light);letter-spacing:.04em}.comm-stat-value-row{display:flex;align-items:baseline;gap:6px;margin:10px 0 6px}.comm-stat-value{font-size:32px;font-weight:900;line-height:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.comm-stat-unit{font-size:13px;color:var(--muted);font-weight:500}.comm-stat-desc{font-size:11.5px;color:var(--muted-light);line-height:1.4;margin:0}.comm-progress-track{width:100%;height:6px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin:8px 0 4px}.comm-progress-fill{height:100%;border-radius:999px;transition:width .4s ease}.comm-filter-bar{justify-content:space-between;gap:12px;padding:14px 18px;background:var(--panel-glass);border:1px solid var(--glass-border);border-radius:14px}.comm-filter-bar,.comm-filter-title{display:flex;align-items:center;flex-wrap:wrap}.comm-filter-title{gap:10px}.comm-filter-group{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.comm-filter-group .select,.comm-filter-group select{width:190px!important;padding:0 32px 0 12px!important;flex-shrink:0}.comm-filter-group .input,.comm-filter-group .select,.comm-filter-group input,.comm-filter-group select{height:38px!important;line-height:normal!important;font-size:13px!important;color:var(--text-primary);background-color:rgba(1,20,37,.85)!important;border-radius:10px!important;box-sizing:border-box!important}.comm-filter-group .input,.comm-filter-group input{width:220px!important;padding:0 12px!important}.comm-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:20px;gap:20px}.comm-customer-card{background:var(--panel-glass);border:1px solid var(--glass-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;transition:border-color .2s ease,transform .2s ease}.comm-customer-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}.comm-customer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.comm-customer-name{font-size:16px;font-weight:700;margin:0;color:var(--text)}.comm-customer-company{font-size:12px;color:var(--muted);margin:2px 0 0}.comm-customer-meta{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted-light)}.comm-customer-meta-item{display:flex;align-items:center;gap:8px}.comm-customer-counts{display:flex;gap:8px;margin-top:4px}.comm-count-badge{font-size:11px;padding:3px 10px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text-dim)}.comm-card-actions{display:flex;gap:8px;padding-top:14px;border-top:1px solid var(--glass-border)}.comm-card-actions .btn{flex:1 1;justify-content:center;font-size:12.5px;padding:7px 12px}.comm-brand-layout{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:28px;gap:28px;align-items:start}@media (max-width:1080px){.comm-brand-layout{grid-template-columns:1fr}}.comm-preview-sticky{position:-webkit-sticky;position:sticky;top:24px}.comm-preview-hero{position:relative;border-radius:20px;overflow:hidden;min-height:220px;display:flex;align-items:center;background-size:cover;background-position:50%;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 40px -15px rgba(0,0,0,.6)}.comm-preview-overlay{position:absolute;inset:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.comm-preview-content{position:relative;z-index:2;padding:28px 24px;max-width:540px}.comm-color-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.comm-color-swatch-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:10px;background:var(--panel-glass);border:1px solid var(--glass-border);cursor:pointer;font-size:12px;color:var(--text-dim);transition:all .2s ease}.comm-color-swatch-btn:hover{border-color:var(--teal-bright)}.comm-color-swatch-btn.is-selected{border-color:var(--teal-bright);box-shadow:0 0 12px var(--teal-glow);color:var(--text);background:rgba(31,73,89,.35)}.comm-color-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}@media (max-width:768px){.comm-header{flex-direction:column;align-items:stretch}.comm-header-actions{justify-content:flex-start}.comm-tabs{width:100%;overflow-x:auto}.comm-tab-btn{flex:1 1;text-align:center}.comm-filter-bar{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.comm-filter-title{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:8px}.comm-filter-group{display:flex;flex-direction:column;width:100%;gap:10px}.comm-filter-group .input,.comm-filter-group .select,.comm-filter-group input,.comm-filter-group select{width:100%!important;height:42px!important;font-size:13.5px!important}}.catalogue-directory,.catalogue-page{--page-brand:var(--brand-color,#1F4959);--page-accent:var(--accent-color,#5C7C89);--page-gradient:var(--brand-gradient,linear-gradient(135deg,var(--page-brand) 0%,var(--page-accent) 100%));--page-glow:var(--brand-glow,rgba(31,73,89,0.45))}.catalogue-directory .btn.primary,.catalogue-page .btn.primary{background:var(--page-gradient)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 4px 18px var(--page-glow),inset 0 1px 0 rgba(255,255,255,.3)!important;color:#ffffff!important}.catalogue-directory .btn.primary:hover,.catalogue-page .btn.primary:hover{filter:brightness(1.12);box-shadow:0 6px 24px var(--page-glow),inset 0 1px 0 rgba(255,255,255,.45)!important;transform:translateY(-1px)}.catalogue-page .customer-product.is-selected{border-color:var(--page-brand)!important;box-shadow:0 0 0 1.5px var(--page-brand),0 20px 50px rgba(0,0,0,.6),0 0 32px var(--page-glow)!important}.catalogue-page .is-selected .select-indicator{background:var(--page-brand)!important;color:#ffffff!important;border-color:rgba(255,255,255,.35)!important;box-shadow:0 4px 14px var(--page-glow)!important}.catalogue-page .customer-cta.has-selection{border-color:var(--page-brand)!important;box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 35px var(--page-glow)!important}.catalogue-page .list-mode-row.is-active{border-color:var(--page-brand)!important;box-shadow:0 0 0 1.5px var(--page-brand),0 8px 24px var(--page-glow)!important}.catalogue-directory.theme-minimal,.catalogue-page.theme-minimal{background:#020a13}.catalogue-directory.theme-minimal .directory-card,.catalogue-page.theme-minimal .customer-product{border-radius:12px;background:rgba(15,23,42,.65);border:1px solid rgba(255,255,255,.12)}.catalogue-page.theme-minimal .btn{border-radius:8px}.catalogue-directory.theme-monochrome,.catalogue-page.theme-monochrome{background:#090e14}.catalogue-page.theme-monochrome .customer-product{background:rgba(18,24,32,.9);border-color:rgba(255,255,255,.08)}.pro-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fbbf24;background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(217,119,6,.1));border:1px solid rgba(245,158,11,.4);border-radius:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}.pro-badge:hover{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(217,119,6,.2));border-color:#fbbf24;box-shadow:0 0 10px rgba(245,158,11,.35);transform:translateY(-.5px)}.pro-badge.micro{font-size:8.5px;padding:1px 4px;border-radius:4px;gap:2px}.pro-badge.pill{border-radius:999px;padding:3px 9px}.pro-badge-icon{font-size:10px;line-height:1}.pro-locked-feature-card{position:relative;overflow:hidden}.pro-locked-feature-card:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-color:transparent rgba(245,158,11,.35) transparent transparent;border-style:solid;border-width:0 38px 38px 0;pointer-events:none}.pro-locked-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:linear-gradient(90deg,rgba(245,158,11,.12),rgba(15,23,42,.6));border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-bottom:16px}.pro-locked-banner strong{color:#fbbf24;font-size:13px}.pro-locked-banner p{margin:2px 0 0;font-size:11.5px;color:#94a3b8}.pro-locked-banner button{background:#f59e0b;color:#0f172a;font-weight:700;font-size:11.5px;padding:6px 14px;border-radius:8px;border:none;cursor:pointer;white-space:nowrap;transition:all .15s ease}.pro-locked-banner button:hover{background:#fbbf24;box-shadow:0 0 12px rgba(245,158,11,.4)}.home-templates-section{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:40px 36px 100px;scroll-margin-top:80px}.home-templates-header{text-align:center;max-width:700px;margin:0 auto 48px}.home-templates-header h2{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.025em;color:var(--text-primary);margin:10px 0 12px}.home-templates-header p{font-size:15.5px;line-height:1.6;color:var(--muted-light);margin:0}.home-templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-gap:32px;gap:32px;max-width:1200px;margin:0 auto}.template-card{position:relative;border-radius:24px;background:rgba(14,27,43,.72);border:1px solid rgba(104,180,206,.28);box-shadow:0 20px 50px rgba(0,0,0,.45),var(--glass-highlight);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.template-card:hover{transform:translateY(-4px);border-color:rgba(104,180,206,.55);box-shadow:0 28px 60px rgba(0,0,0,.55),0 0 35px rgba(61,143,168,.25)}.template-card-featured{border-color:rgba(104,180,206,.48);box-shadow:0 24px 55px rgba(0,0,0,.5),0 0 30px rgba(61,143,168,.18)}.template-card-media{position:relative;width:100%;height:240px;overflow:hidden;background:#030a10;display:block;text-decoration:none;cursor:pointer}.template-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.template-card:hover .template-card-img{transform:scale(1.04)}.template-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,16,.1),rgba(3,10,16,.85));pointer-events:none}.template-card-badges{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:8px;z-index:2;flex-wrap:wrap}.template-badge{font-size:11.5px;font-weight:750;letter-spacing:.02em;padding:5px 12px;border-radius:999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.template-badge-primary{background:rgba(3,169,244,.85);color:#ffffff;box-shadow:0 2px 10px rgba(3,169,244,.4)}.template-badge-secondary{background:rgba(1,20,37,.82);color:var(--teal-bright);border:1px solid rgba(104,180,206,.35)}.template-card-body{padding:24px;display:flex;flex-direction:column;flex-grow:1;gap:18px}.template-card-header h3{font-size:20px;font-weight:750;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.015em}.template-tagline{font-size:13.5px;line-height:1.5;color:var(--text-dim);margin:0}.template-stock-preview{background:rgba(4,18,31,.6);border:1px solid rgba(92,124,137,.25);border-radius:14px;padding:14px 16px}.template-stock-label{font-size:11.5px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:var(--teal-bright);margin-bottom:10px}.template-stock-tags{display:flex;flex-direction:column;gap:8px}.stock-tag{display:flex;align-items:center;gap:10px;font-size:13px;color:#e2e8f0}.stock-tag-icon{font-size:16px;line-height:1;flex-shrink:0}.stock-tag-text{line-height:1.4}.stock-tag-text strong{color:var(--text-primary);font-weight:650}.template-card-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px}.template-login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;font-size:13.5px;font-weight:700;border-radius:12px;text-decoration:none;transition:all .2s ease;white-space:normal;text-align:center;line-height:1.35;box-sizing:border-box}.btn-arrow{transition:transform .2s ease}.template-login-btn:hover .btn-arrow{transform:translateX(4px)}.template-cred-hint{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--muted-light);flex-wrap:wrap}.template-cred-hint code{font-size:11px;background:rgba(255,255,255,.08);padding:2px 6px;border-radius:4px;color:var(--teal-bright)}.cred-divider{opacity:.5}@media (max-width:768px){.home-templates-section{padding:30px 18px 60px}.home-templates-grid{grid-template-columns:1fr}.template-card-media{height:200px}}.lang-selector-wrap{position:relative;display:inline-flex;align-items:center}.lang-selector-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;min-height:38px;border-radius:9999px;border:1px solid var(--glass-border);background:var(--panel-glass);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.lang-selector-trigger.is-open,.lang-selector-trigger:hover{border-color:var(--glass-border-hover);background:var(--panel-glass-hover);box-shadow:0 4px 16px rgba(0,0,0,.25)}.lang-globe-icon{font-size:14px;line-height:1}.lang-code-text{font-size:13px;font-weight:650;letter-spacing:.02em}.lang-chevron-icon{font-size:10px;opacity:.7;transition:transform .2s ease}.lang-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;padding:6px;background:var(--panel-card-solid,#082133);border:1px solid var(--glass-border-hover);border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3);z-index:1000;display:flex;flex-direction:column;gap:2px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-dim);font-size:13px;cursor:pointer;transition:all .15s ease;text-align:left}.lang-dropdown-item:hover{background:rgba(255,255,255,.08);color:var(--text)}.lang-dropdown-item.is-selected{background:rgba(104,180,206,.15);color:var(--teal-bright,#68b4ce);font-weight:600}.lang-item-native{font-weight:600}.lang-item-full{font-size:11px;opacity:.7;margin-left:8px}.lang-item-check{font-size:12px;color:var(--teal-bright,#68b4ce)}.lang-selector-wrap.is-drawer{position:relative}.lang-selector-wrap.is-drawer .lang-dropdown-menu{top:auto;bottom:calc(100% + 6px);right:0;z-index:1400}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon-btn--sm{width:32px;height:32px;font-size:14px}.icon-btn--md{width:40px;height:40px;font-size:16px}.icon-btn--lg{width:48px;height:48px;font-size:20px}.icon-btn--ghost:hover{background:rgba(255,255,255,.08)}.icon-btn--outline{border-color:var(--glass-border);background:var(--panel-glass)}.icon-btn--outline.is-active,.icon-btn--outline:hover{border-color:var(--glass-border-hover);background:var(--panel-glass-hover)}.icon-btn--filled{background:rgba(255,255,255,.08)}.icon-btn--filled.is-active,.icon-btn--filled:hover{background:rgba(255,255,255,.16)}.icon-btn.is-active{color:var(--teal-bright,#68b4ce);border-color:var(--teal-bright,#68b4ce)}.icon-btn__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9999px;background:var(--teal-bright,#68b4ce);color:#011425;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.4)}.action-menu-group{display:inline-flex;align-items:center;gap:4px}.action-menu-primary-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;border-radius:10px;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-menu-trigger-wrap{position:relative;display:inline-flex}.action-menu-trigger-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--glass-border);background:var(--panel-glass);color:var(--text-dim);font-size:16px;line-height:1;cursor:pointer;transition:all .2s ease}.action-menu-trigger-btn.is-open,.action-menu-trigger-btn:hover{border-color:var(--glass-border-hover);background:var(--panel-glass-hover);color:var(--text)}.action-menu-dropdown{position:absolute;top:calc(100% + 4px);min-width:160px;padding:6px;background:var(--panel-card-solid,#082133);border:1px solid var(--glass-border-hover);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.6),0 2px 8px rgba(0,0,0,.3);z-index:1000;display:flex;flex-direction:column;gap:2px;animation:dropdownFadeIn .15s ease}.action-menu-dropdown.align-right{right:0}.action-menu-dropdown.align-left{left:0}.action-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-dim);font-size:13px;cursor:pointer;transition:all .15s ease;text-decoration:none;text-align:left;box-sizing:border-box}.action-menu-item:hover{background:rgba(255,255,255,.08);color:var(--text)}.action-menu-item.is-danger{color:var(--danger,#ff6b6b)}.action-menu-item.is-danger:hover{background:var(--danger-bg,rgba(255,107,107,.12));color:var(--danger,#ff6b6b)}.action-menu-divider{height:1px;background:var(--glass-border);margin:4px 0}.filter-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.filter-drawer-overlay.is-open{opacity:1;visibility:visible}.filter-drawer-sheet{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:var(--panel-card-solid,#082133);border-top:1px solid var(--glass-border-hover);border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.6);z-index:9999;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.filter-drawer-sheet.is-open{transform:translateY(0)}.filter-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--glass-border)}.filter-drawer-title{font-size:16px;font-weight:700;color:var(--text);margin:0}.filter-drawer-count{font-size:12px;color:var(--muted-light);margin-left:8px}.filter-drawer-close-btn{background:transparent;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:8px}.filter-drawer-body{padding:20px;overflow-y:auto}.filter-options-grid{display:flex;flex-wrap:wrap;gap:10px}.filter-option-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--glass-border);background:var(--panel-glass);color:var(--text-dim);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-option-pill:hover{border-color:var(--glass-border-hover);color:var(--text)}.filter-option-pill.is-selected{background:rgba(104,180,206,.2);border-color:var(--teal-bright,#68b4ce);color:var(--teal-bright,#68b4ce);box-shadow:0 0 15px rgba(104,180,206,.25)}.filter-drawer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--glass-border);background:rgba(0,0,0,.2)}.filter-apply-btn,.filter-clear-btn{flex:1 1;padding:10px 16px;font-weight:700;font-size:14px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell,.app-shell-body{width:100%;min-width:0;box-sizing:border-box}.app-shell-body{flex:1 1}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:var(--panel-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);box-sizing:border-box;width:100%}.app-header-left,.app-header-right{display:flex;align-items:center;gap:12px}.app-header-drawer-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--glass-border);background:var(--panel-glass);color:var(--text);font-size:22px;font-weight:700;cursor:pointer;transition:all .2s ease;flex-shrink:0}.app-header-drawer-toggle:hover{border-color:var(--glass-border-hover);background:var(--panel-glass-hover)}.app-header-back-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid var(--glass-border);background:var(--panel-glass);color:var(--text-dim);font-size:13px;font-weight:600;text-decoration:none;transition:all .2s ease}.app-header-back-link:hover{border-color:var(--glass-border-hover);color:var(--text);background:var(--panel-glass-hover)}.app-header-brand{display:flex;align-items:center;gap:10px}.app-header-logo{width:32px;height:32px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);flex-shrink:0}.app-header-logo img{width:100%;height:100%;object-fit:cover}.app-header-logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:800;font-size:14px}.app-header-title-wrap{display:flex;align-items:center;gap:6px}.app-header-biz-name{font-size:14.5px;font-weight:700;color:var(--text);white-space:nowrap}.app-header-catalogue-crumb{display:inline-flex;align-items:center;gap:6px}.crumb-sep{opacity:.4;font-weight:400}.crumb-name{color:var(--text-dim);font-size:13.5px;font-weight:500}.app-header-wa-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;min-height:38px;border-radius:9999px;border:1px solid rgba(16,185,129,.35);background:rgba(16,185,129,.15);color:#34d399;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s ease}.app-header-wa-btn:hover{background:rgba(16,185,129,.25);border-color:rgba(16,185,129,.6);box-shadow:0 0 16px rgba(16,185,129,.25)}@media (max-width:768px){.app-header{padding:8px 12px;min-height:52px}.app-header-drawer-toggle{display:inline-flex}.app-header-wa-btn{padding:6px 10px;min-width:38px;justify-content:center}.show-on-mobile{display:inline-flex!important}.hide-on-mobile{display:none!important}}.compare-stage{position:relative}.compare-stage-floating-actions{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px;z-index:25}.stage-action-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;min-height:34px;border-radius:9999px;background:rgba(15,23,42,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);color:#f8fafc;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.35);transition:all .2s ease;position:relative;overflow:hidden;white-space:nowrap}.stage-action-pill:hover{background:rgba(15,23,42,.95);border-color:rgba(255,255,255,.4);transform:translateY(-1px)}.stage-action-pill.remove{padding:6px 11px;color:#f87171;background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.35)}.stage-action-pill.remove:hover{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.6)}.visual-fidelity-disclosure{margin-bottom:12px}.fidelity-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--muted-light,#94a3b8);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.fidelity-toggle-btn:hover{color:var(--text,#f8fafc);background:rgba(255,255,255,.05)}.fidelity-content{margin-top:6px;padding:8px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:11.5px;color:var(--muted-light,#94a3b8);line-height:1.5;max-width:520px}.fidelity-content p{margin:0}.visual-heading-compact{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.visual-title-row{display:flex;flex-direction:column;gap:3px}.visual-title-row h1{font-size:26px;letter-spacing:-.03em;line-height:1.15;font-weight:750;margin:0;color:var(--text-primary)}[data-theme=light] .visual-title-row h1{color:#163047}.visual-title-row p{font-size:13px;color:var(--text-dim,#94a3b8);margin:0;line-height:1.4}[data-theme=light] .visual-title-row p{color:#526B7F}.visual-steps-compact{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--glass-border);border-radius:999px;background:rgba(1,20,37,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:12.5px;color:var(--muted,#94a3b8);white-space:nowrap}[data-theme=light] .visual-steps-compact{background:#F8FBFE;border-color:#D5E3EE;color:#526B7F;box-shadow:0 1px 4px rgba(0,0,0,.04)}.visual-steps-compact span{font-weight:600;display:inline-flex;align-items:center;gap:4px}.visual-steps-compact span.active{color:#38bdf8;font-weight:700}[data-theme=light] .visual-steps-compact span.active{color:#087EA4}.visual-steps-compact span.done{color:#34d399}[data-theme=light] .visual-steps-compact span.done{color:#0f766e}.visual-steps-compact .step-separator{color:rgba(255,255,255,.25);font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=light] .visual-steps-compact .step-separator{color:rgba(0,0,0,.2)}.visual-toolbar-note{display:inline-block;font-size:12px;color:var(--muted-light,#94a3b8);margin-left:10px;font-weight:500}[data-theme=light] .visual-toolbar-note{color:#526B7F}.step-txt-short{display:none!important}.step-txt-full,.step-txt-short{font-weight:inherit}@media (max-width:768px){.visual-heading-compact{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:14px}.visual-title-row h1{font-size:20px}.visual-steps-compact{font-size:11px;padding:4px 10px;gap:6px;overflow-x:auto;max-width:100%;scrollbar-width:none}}@media (max-width:640px){.visual-topbar .lang-selector-trigger{padding:4px 8px;min-height:32px;height:32px;font-size:12px;gap:4px}.visual-topbar .theme-toggle-btn{width:32px;height:32px;min-width:32px;min-height:32px;padding:0}}@media (max-width:480px){.step-txt-full{display:none!important}.step-txt-short{display:inline!important}.visual-steps-compact{font-size:11px;padding:3px 8px;gap:4px}}@media (max-width:360px){.visual-topbar .lang-selector-trigger{padding:2px 6px;min-height:28px;height:28px;font-size:11px;gap:2px}.visual-topbar .lang-globe-icon{display:none}.visual-topbar .theme-toggle-btn{width:28px;height:28px;min-width:28px;min-height:28px}}.viz-stepper{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:rgba(15,23,42,.65);border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:20px;overflow-x:auto;box-sizing:border-box}.viz-step-item{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted-light,#94a3b8);background:transparent;border:none;cursor:pointer;white-space:nowrap;transition:all .2s ease}.viz-step-item.is-active{background:rgba(104,180,206,.15);color:var(--teal-bright,#68b4ce)}.viz-step-item.is-done{color:#10b981}.viz-step-num{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:rgba(255,255,255,.08);color:inherit}.viz-step-item.is-active .viz-step-num{background:var(--teal-bright,#68b4ce);color:#020b14}.viz-step-item.is-done .viz-step-num{background:#10b981;color:#020b14}.viz-step-divider{width:16px;height:1px;background:rgba(255,255,255,.12)}@media (max-width:640px){.viz-stepper{justify-content:flex-start;padding:8px 10px;margin-bottom:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.viz-stepper::-webkit-scrollbar{display:none}.viz-step-item{font-size:11.5px;padding:4px 8px;gap:6px}.viz-step-num{width:18px;height:18px;font-size:10px}.viz-step-divider{width:10px}}.viz-step1-wrap{justify-content:center;padding:32px 16px}.viz-step1-card,.viz-step1-wrap{display:flex;align-items:center;width:100%;box-sizing:border-box}.viz-step1-card{max-width:500px;background:rgba(15,23,42,.65);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px 24px;flex-direction:column;text-align:center;gap:16px;box-shadow:0 16px 36px rgba(0,0,0,.35)}.viz-step1-head{display:flex;flex-direction:column;align-items:center;gap:6px}.viz-step1-title{font-size:20px;font-weight:750;color:var(--text-primary)}.viz-step1-sub{font-size:13.5px;color:var(--muted-light,#94a3b8);margin:0}.viz-step1-dropzone{position:relative;width:100%;border:2px dashed rgba(104,180,206,.45);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 20px;background:radial-gradient(circle at 50% 45%,rgba(31,73,89,.25) 0,transparent 70%);cursor:pointer;transition:all .2s ease;box-sizing:border-box}.viz-step1-dropzone:hover{border-color:rgba(104,180,206,.85);background:radial-gradient(circle at 50% 45%,rgba(31,73,89,.4) 0,transparent 70%)}.viz-step1-dropzone .drop-icon{width:48px;height:48px;border:1px solid rgba(104,180,206,.5);border-radius:50%;display:grid;place-items:center;color:var(--teal-bright,#68b4ce);font-size:24px;background:rgba(31,73,89,.4);box-shadow:0 0 20px rgba(61,143,168,.3)}.viz-step1-note{font-size:11.5px;color:var(--muted,#64748b)}@media (max-width:480px){.viz-step1-wrap{padding:16px 4px}.viz-step1-card{padding:22px 14px;border-radius:16px}.viz-step1-dropzone{padding:22px 12px}}.viz-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:rgba(15,23,42,.7);border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:16px;box-sizing:border-box}.viz-chips-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.viz-mat-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#f1f5f9}.viz-mat-chip .chip-badge{font-size:9.5px;font-weight:800;padding:1px 5px;border-radius:4px;background:rgba(255,255,255,.15)}.viz-mat-chip .chip-del{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:0 2px;font-size:13px;line-height:1}.viz-mat-chip .chip-del:hover{color:#ef4444}@media (max-width:640px){.viz-selection-bar{gap:12px}.viz-chips-wrap,.viz-selection-bar{flex-direction:column;align-items:stretch}}.viz-workspace-container{display:flex;flex-direction:column;gap:14px}.viz-placement-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px}.viz-placement-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.viz-placement-title{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--text-primary);text-transform:uppercase}.viz-mat-pill-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.viz-header-mat-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viz-header-mat-pill:hover{background:rgba(255,255,255,.1);color:var(--text-primary);border-color:rgba(255,255,255,.25)}.viz-header-mat-pill .viz-mat-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8}.viz-header-mat-pill.mat-01 .viz-mat-dot{background:#f59e0b}.viz-header-mat-pill.mat-02 .viz-mat-dot{background:#06b6d4}.viz-header-mat-pill.mat-03 .viz-mat-dot{background:#8b5cf6}.viz-header-mat-pill.mat-04 .viz-mat-dot{background:#10b981}.viz-header-mat-pill.mat-05 .viz-mat-dot{background:#ec4899}.viz-header-mat-pill.mat-01.is-active{background:rgba(245,158,11,.2);border-color:#f59e0b;color:#fef08a;box-shadow:0 0 12px rgba(245,158,11,.3)}.viz-header-mat-pill.mat-02.is-active{background:rgba(6,182,212,.2);border-color:#06b6d4;color:#cffafe;box-shadow:0 0 12px rgba(6,182,212,.3)}.viz-header-mat-pill.mat-03.is-active{background:rgba(139,92,246,.2);border-color:#8b5cf6;color:#ede9fe;box-shadow:0 0 12px rgba(139,92,246,.3)}.viz-header-mat-pill.mat-04.is-active{background:rgba(16,185,129,.2);border-color:#10b981;color:#d1fae5;box-shadow:0 0 12px rgba(16,185,129,.3)}.viz-header-mat-pill.mat-05.is-active{background:rgba(236,72,153,.2);border-color:#ec4899;color:#fce7f3;box-shadow:0 0 12px rgba(236,72,153,.3)}.viz-header-mat-pill .viz-mat-counter{font-size:11px;opacity:.9;padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.3)}.viz-placement-instruction{font-size:11.5px;color:var(--muted-light,#94a3b8)}@media (max-width:640px){.viz-placement-header{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 10px}.viz-placement-instruction{font-size:11px}}.viz-canvas-viewport{position:relative;width:100%;height:min(72vh,680px);min-height:380px;background:#020b14;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px rgba(0,0,0,.4);cursor:crosshair;touch-action:pan-y}.viz-canvas-viewport.is-zoomed{cursor:-webkit-grab;cursor:grab}.viz-canvas-viewport.is-panning{cursor:-webkit-grabbing;cursor:grabbing}.viz-zoomed-canvas{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:auto;will-change:transform}.viz-room-bg-image,.viz-zoomed-canvas{-webkit-user-select:none;-moz-user-select:none;user-select:none}.viz-room-bg-image{max-width:100%;max-height:100%;object-fit:contain;display:block;pointer-events:none}.viz-anchor-overlay{overflow:visible;cursor:crosshair;touch-action:none;z-index:5}.viz-anchor-overlay,.viz-mini-reset{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viz-mini-reset{top:14px;right:14px;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;height:28px;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:rgba(10,15,28,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#e2e8f0;font-size:11px;font-weight:600;letter-spacing:.3px;cursor:pointer;z-index:35;box-shadow:0 4px 16px rgba(0,0,0,.4);transition:all .15s ease}.viz-mini-reset:hover{background:rgba(255,255,255,.16);color:var(--text-accent);border-color:rgba(255,255,255,.35);transform:translateY(-1px)}.viz-mini-reset:active{transform:translateY(0)}.viz-zoom-hud{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(10,15,28,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#f1f5f9;font-size:12px;font-weight:700;letter-spacing:.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:5px 12px;border-radius:20px;z-index:35;pointer-events:none;box-shadow:0 4px 18px rgba(0,0,0,.45);animation:vizHudFade 1.2s cubic-bezier(.2,.9,.4,1) forwards}@keyframes vizHudFade{0%{opacity:0;transform:translate(-50%,8px) scale(.96)}15%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-4px) scale(.98)}}@media (max-width:640px){.viz-canvas-viewport{height:min(54vh,420px);min-height:260px;border-radius:12px}.viz-mini-reset{top:10px;right:10px;height:26px;padding:4px 9px;font-size:10px}.viz-zoom-hud{bottom:12px;font-size:11px;padding:4px 10px}}:root{--viz-pin-size:22px;--viz-pin-font:10px}@media (max-width:768px){:root{--viz-pin-size:20px;--viz-pin-font:9.5px}}@media (max-width:480px){:root{--viz-pin-size:18px;--viz-pin-font:9px}}.viz-anchor-pin{transform:translate(-50%,-50%);width:var(--viz-pin-size);height:var(--viz-pin-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--viz-pin-font);font-weight:800;color:#ffffff;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10;transition:transform .12s ease,box-shadow .15s ease;border:1.5px solid rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.3)}.viz-anchor-pin,.viz-anchor-pin:after{position:absolute;cursor:-webkit-grab;cursor:grab;touch-action:none}.viz-anchor-pin:after{content:"";inset:-13px;border-radius:50%}.viz-anchor-pin:hover{transform:translate(-50%,-50%) scale(1.12);z-index:20}.viz-anchor-pin.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;transform:translate(-50%,-50%) scale(1.18);z-index:30;box-shadow:0 4px 16px rgba(0,0,0,.6),0 0 0 2px rgba(255,255,255,.8)}.viz-anchor-pin.mat-01{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 8px rgba(245,158,11,.5),0 2px 6px rgba(0,0,0,.4)}.viz-anchor-pin.mat-02{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 0 8px rgba(6,182,212,.5),0 2px 6px rgba(0,0,0,.4)}.viz-anchor-pin.mat-03{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 0 8px rgba(139,92,246,.5),0 2px 6px rgba(0,0,0,.4)}.viz-anchor-pin.mat-04{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 8px rgba(16,185,129,.5),0 2px 6px rgba(0,0,0,.4)}.viz-anchor-pin.mat-05{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 0 8px rgba(236,72,153,.5),0 2px 6px rgba(0,0,0,.4)}.viz-anchor-del{position:absolute;top:-5px;right:-5px;width:14px;height:14px;border-radius:50%;background:#ef4444;color:#ffffff;border:1px solid #ffffff;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;cursor:pointer;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:25}.viz-anchor-pin:focus-within .viz-anchor-del,.viz-anchor-pin:hover .viz-anchor-del{opacity:1}@media (hover:none) and (pointer:coarse){.viz-anchor-del{opacity:.9;width:16px;height:16px;top:-6px;right:-6px;font-size:8.5px}}.viz-mat-selector-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.viz-mat-selector-btn{display:inline-flex;align-items:center;gap:9px;padding:5px 12px 5px 6px;background:rgba(15,23,42,.7);border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;transition:all .18s ease;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viz-mat-selector-btn:hover{background:rgba(30,41,59,.85);border-color:rgba(255,255,255,.22)}.viz-mat-selector-thumb{object-fit:cover;background:#0f172a}.viz-mat-selector-thumb,.viz-mat-selector-thumb-placeholder{width:32px;height:32px;border-radius:6px;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.viz-mat-selector-thumb-placeholder{background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#94a3b8}.viz-mat-selector-info{display:flex;flex-direction:column;min-width:0}.viz-mat-selector-name{font-size:12.5px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px;line-height:1.25}.viz-mat-selector-count{font-size:10.5px;font-weight:500;color:#94a3b8;line-height:1.2}.viz-mat-selector-btn.mat-01.is-active{background:rgba(245,158,11,.2);border:1.5px solid #f59e0b;box-shadow:0 0 16px rgba(245,158,11,.25)}.viz-mat-selector-btn.mat-01.is-active .viz-mat-selector-name{color:#fef08a}.viz-mat-selector-btn.mat-01.is-active .viz-mat-selector-count{color:#fbbf24}.viz-mat-selector-btn.mat-02.is-active{background:rgba(6,182,212,.2);border:1.5px solid #06b6d4;box-shadow:0 0 16px rgba(6,182,212,.25)}.viz-mat-selector-btn.mat-02.is-active .viz-mat-selector-name{color:#cffafe}.viz-mat-selector-btn.mat-02.is-active .viz-mat-selector-count{color:#38bdf8}.viz-mat-selector-btn.mat-03.is-active{background:rgba(139,92,246,.2);border:1.5px solid #8b5cf6;box-shadow:0 0 16px rgba(139,92,246,.25)}.viz-mat-selector-btn.mat-03.is-active .viz-mat-selector-name{color:#ede9fe}.viz-mat-selector-btn.mat-03.is-active .viz-mat-selector-count{color:#c084fc}.viz-mat-selector-btn.mat-04.is-active{background:rgba(16,185,129,.2);border:1.5px solid #10b981;box-shadow:0 0 16px rgba(16,185,129,.25)}.viz-mat-selector-btn.mat-04.is-active .viz-mat-selector-name{color:#d1fae5}.viz-mat-selector-btn.mat-04.is-active .viz-mat-selector-count{color:#34d399}.viz-mat-selector-btn.mat-05.is-active{background:rgba(236,72,153,.2);border:1.5px solid #ec4899;box-shadow:0 0 16px rgba(236,72,153,.25)}.viz-mat-selector-btn.mat-05.is-active .viz-mat-selector-name{color:#fce7f3}.viz-mat-selector-btn.mat-05.is-active .viz-mat-selector-count{color:#f472b6}@media (max-width:640px){.viz-mat-selector-group{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;padding-bottom:2px}.viz-mat-selector-group::-webkit-scrollbar{display:none}.viz-mat-selector-btn{flex-shrink:0;padding:4px 8px 4px 5px;gap:7px}.viz-mat-selector-thumb,.viz-mat-selector-thumb-placeholder{width:30px;height:30px;border-radius:5px}.viz-mat-selector-name{font-size:11.5px;max-width:105px}.viz-mat-selector-count{font-size:10px}}.viz-mat-switcher{justify-content:space-between;gap:10px;padding:8px 12px;background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.08);border-radius:12px}.viz-mat-switcher,.viz-mat-switcher-tabs{display:flex;align-items:center;flex-wrap:wrap}.viz-mat-switcher-tabs{gap:8px}.viz-mat-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;transition:all .2s ease}.viz-mat-tab-btn:hover{background:rgba(255,255,255,.09);color:#e2e8f0}.viz-mat-tab-btn.mat-01.is-active{background:rgba(245,158,11,.2);border:1px solid #f59e0b;color:#fef08a;box-shadow:0 0 16px rgba(245,158,11,.3)}.viz-mat-tab-btn.mat-02.is-active{background:rgba(6,182,212,.2);border:1px solid #06b6d4;color:#cffafe;box-shadow:0 0 16px rgba(6,182,212,.3)}.viz-mat-tab-btn.mat-03.is-active{background:rgba(139,92,246,.2);border:1px solid #8b5cf6;color:#ede9fe;box-shadow:0 0 16px rgba(139,92,246,.3)}.viz-mat-tab-btn.mat-04.is-active{background:rgba(16,185,129,.2);border:1px solid #10b981;color:#d1fae5;box-shadow:0 0 16px rgba(16,185,129,.3)}.viz-mat-tab-btn.mat-05.is-active{background:rgba(236,72,153,.2);border:1px solid #ec4899;color:#fce7f3;box-shadow:0 0 16px rgba(236,72,153,.3)}.viz-mat-tab-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8}.viz-mat-tab-btn.mat-01 .viz-mat-tab-dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.viz-mat-tab-btn.mat-02 .viz-mat-tab-dot{background:#06b6d4;box-shadow:0 0 6px #06b6d4}.viz-mat-tab-btn.mat-03 .viz-mat-tab-dot{background:#8b5cf6;box-shadow:0 0 6px #8b5cf6}.viz-mat-tab-btn.mat-04 .viz-mat-tab-dot{background:#10b981;box-shadow:0 0 6px #10b981}.viz-mat-tab-btn.mat-05 .viz-mat-tab-dot{background:#ec4899;box-shadow:0 0 6px #ec4899}.viz-mat-tab-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.viz-mat-tab-name{max-width:105px}}.viz-tab-counter{font-size:11px;padding:2px 6px;border-radius:9999px;background:rgba(0,0,0,.25)}.viz-mat-switcher-actions{display:flex;align-items:center;gap:8px}.viz-placement-actions{justify-content:space-between;gap:12px;margin-top:4px}.viz-placement-actions,.viz-render-cta-wrap{display:flex;align-items:center;flex-wrap:wrap}.viz-render-cta-wrap{gap:10px}@media (max-width:640px){.viz-placement-actions{flex-direction:column-reverse;align-items:stretch;gap:10px}.viz-placement-actions button{width:100%;justify-content:center}.viz-render-cta-wrap{flex-direction:column;width:100%}.viz-render-cta-wrap button{width:100%}}.viz-step-result{display:flex;flex-direction:column;gap:14px}.viz-result-toolbar{justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.viz-result-actions,.viz-result-toolbar{display:flex;align-items:center;flex-wrap:wrap}.viz-result-actions{gap:10px;margin-top:14px}@media (max-width:640px){.viz-result-actions{flex-direction:column;align-items:stretch}.viz-result-actions a,.viz-result-actions button{width:100%;justify-content:center}}.viz-materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.viz-mat-card{position:relative;cursor:pointer;border-radius:12px;overflow:hidden;padding:10px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}.viz-mat-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06)}.viz-mat-card.is-selected{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}.viz-mat-card.mat-card-selected-mat-01{border:2px solid #f59e0b!important;box-shadow:0 0 16px rgba(245,158,11,.25)!important}.viz-mat-card.mat-card-selected-mat-02{border:2px solid #06b6d4!important;box-shadow:0 0 16px rgba(6,182,212,.25)!important}.viz-mat-card.mat-card-selected-mat-03{border:2px solid #8b5cf6!important;box-shadow:0 0 16px rgba(139,92,246,.25)!important}.viz-mat-card.mat-card-selected-mat-04{border:2px solid #10b981!important;box-shadow:0 0 16px rgba(16,185,129,.25)!important}.viz-mat-card.mat-card-selected-mat-05{border:2px solid #ec4899!important;box-shadow:0 0 16px rgba(236,72,153,.25)!important}.viz-mat-thumb-wrap{width:100%;height:105px;border-radius:8px;overflow:hidden;background:#08111d;margin-bottom:8px;flex-shrink:0}.viz-mat-thumb{width:100%;height:100%;object-fit:cover;display:block}.mat-selection-badge{position:absolute;top:8px;right:8px;padding:2px 6px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.5px;z-index:10}.mat-selection-badge.mat-01{background:#f59e0b;color:#78350f}.mat-selection-badge.mat-02{background:#06b6d4;color:#164e63}.mat-selection-badge.mat-03{background:#8b5cf6;color:#3b0764}.mat-selection-badge.mat-04{background:#10b981;color:#064e3b}.mat-selection-badge.mat-05{background:#ec4899;color:#701a75}@media (max-width:640px){.viz-materials-grid{grid-template-columns:1fr;gap:8px}.viz-mat-card{flex-direction:row;align-items:center;gap:10px;padding:8px 10px}.viz-mat-thumb-wrap{width:68px;height:68px;margin-bottom:0}}.nav-group{margin-bottom:18px}.nav-group:last-child{margin-bottom:0}.nav-group-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 14px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-group-items{display:grid;grid-gap:3px;gap:3px}.nav-icon-svg{flex-shrink:0;opacity:.85;transition:opacity .15s ease,transform .15s ease}.nav-link:hover .nav-icon-svg{opacity:1;transform:translateX(1px)}.nav-active-pip{width:5px;height:5px;border-radius:50%;background:var(--teal-bright);box-shadow:0 0 6px var(--teal-glow);margin-left:auto}.drawer-nav-group{margin-bottom:18px}.drawer-group-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 16px 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drawer-icon-svg{flex-shrink:0;opacity:.85}.profile-modern-container{display:grid;grid-gap:24px;gap:24px;max-width:1080px;margin:0 auto;padding-bottom:84px}.profile-identity-hero{display:flex;align-items:center;gap:20px;padding:18px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.profile-identity-avatar-wrap{width:64px;height:64px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:var(--surface-secondary);flex-shrink:0;display:grid;place-items:center}.profile-identity-avatar-img{width:100%;height:100%;object-fit:contain;display:block}.profile-identity-avatar-placeholder{color:var(--muted);display:grid;place-items:center}.profile-identity-meta{flex:1 1;min-width:0}.profile-identity-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-identity-name{font-size:19px;font-weight:600;color:var(--text);margin:0;letter-spacing:-.01em}.profile-identity-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);background:rgba(2,132,199,.12);color:#38bdf8;border:1px solid rgba(2,132,199,.25)}.profile-identity-tagline{font-size:13px;color:var(--text-muted);margin:4px 0 8px;line-height:1.45}.profile-identity-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-identity-hint{font-size:11.5px;color:var(--text-muted)}.brand-studio-controls-card,.profile-sections-stack{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.brand-studio-section-block,.profile-section{padding:22px 26px;border-bottom:1px solid var(--border);background:transparent}.brand-studio-section-block:last-child,.profile-section:last-child{border-bottom:none}.profile-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;flex-wrap:wrap}.profile-section-title-wrap{display:flex;align-items:flex-start;gap:10px;flex:1 1;min-width:240px}.profile-section-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.profile-section-title{font-size:15px;font-weight:600;color:var(--text);margin:0 0 2px;letter-spacing:-.01em}.profile-section-sub{font-size:12.5px;color:var(--text-muted);margin:0;line-height:1.45}.profile-form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px 18px;gap:14px 18px}.profile-form-grid .full{grid-column:1/-1}.profile-preset-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.profile-capabilities-list{display:flex;flex-direction:column;gap:8px}.profile-capability-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--border-subtle);gap:14px;transition:background .15s ease,border-color .15s ease}.profile-capability-row:hover{background:rgba(255,255,255,.04);border-color:var(--border)}.profile-capability-info{flex:1 1}.profile-capability-label-wrap{display:flex;align-items:center;gap:8px}.profile-capability-label-wrap strong{font-size:13.5px;color:var(--text-primary)}.profile-capability-desc{display:block;font-size:12px;color:var(--text-secondary);margin-top:2px}.profile-ai-status-pill{padding:6px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--border);font-size:12px;display:flex;align-items:center;gap:6px}.profile-puter-box{padding-top:14px;border-top:1px solid var(--border)}.sticky-save-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;background:rgba(11,17,23,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);box-shadow:0 -4px 20px rgba(0,0,0,.25);padding:10px 24px;animation:saveBarSlideUp .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes saveBarSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.sticky-save-content{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.sticky-save-status{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.status-saving{color:var(--primary);display:flex;align-items:center;gap:8px}.status-saved{color:#10b981}.status-error,.status-saved{display:flex;align-items:center;gap:6px;font-weight:600}.status-error{color:#ef4444}.status-idle{color:var(--text-muted)}.spinner-pip{width:8px;height:8px;border-radius:50%;border:2px solid var(--primary);border-top:2px solid transparent;animation:spinnerRotate .6s linear infinite;display:inline-block}@keyframes spinnerRotate{to{transform:rotate(1turn)}}.sticky-save-actions{display:flex;align-items:center;gap:10px}@media (min-width:1025px){.sticky-save-bar{left:76px;transition:left .2s cubic-bezier(.16,1,.3,1)}.shell-expanded .sticky-save-bar{left:220px}}@media (max-width:1024px){.sticky-save-bar{left:0}}@media (max-width:768px){.profile-identity-hero{flex-direction:column;text-align:center;padding:20px 16px;gap:14px}.profile-identity-actions,.profile-identity-title-row{justify-content:center}.profile-form-grid{grid-template-columns:1fr;gap:12px}.profile-section{padding:18px 16px}.sticky-save-content{flex-direction:column;align-items:stretch;gap:10px}.sticky-save-status{justify-content:center;font-size:12px}.sticky-save-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.sticky-save-actions .btn{justify-content:center;min-height:42px}}@media (max-width:480px){.profile-modern-container{gap:14px}.profile-identity-name{font-size:18px}.profile-capability-row{flex-direction:column;align-items:stretch;gap:10px}.profile-capability-row .btn{width:100%;justify-content:center}.sticky-save-actions{grid-template-columns:1fr}}[data-theme=light] .brand-studio-controls-card,[data-theme=light] .profile-identity-hero,[data-theme=light] .profile-sections-stack{background:var(--surface);border-color:var(--border);box-shadow:0 1px 3px rgba(15,23,42,.05)}[data-theme=light] .brand-studio-section-block,[data-theme=light] .profile-section{background:transparent;border-bottom-color:var(--border)}[data-theme=light] .profile-identity-avatar-wrap{background:var(--surface-secondary);border-color:var(--border)}[data-theme=light] .profile-capability-row{background:rgba(15,23,42,.02);border-color:var(--border)}[data-theme=light] .profile-capability-row:hover{background:rgba(15,23,42,.04)}[data-theme=light] .sticky-save-bar{background:rgba(255,255,255,.94);border-color:var(--border);box-shadow:0 -4px 20px rgba(15,23,42,.08)}.cockpit-container{display:flex;flex-direction:column;gap:20px;width:100%}.cockpit-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:4px 0 8px}.cockpit-header-meta{display:flex;flex-direction:column;gap:4px}.cockpit-greeting-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cockpit-title{font-size:clamp(18px,4.5vw,24px);font-weight:700;color:var(--text);letter-spacing:-.025em;margin:0;line-height:1.25;word-break:break-word;overflow-wrap:break-word}.cockpit-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:9999px;background:rgba(2,132,199,.12);color:var(--primary);border:1px solid rgba(2,132,199,.25);letter-spacing:.02em}.cockpit-subtitle{font-size:13.5px;color:var(--muted);margin:0;line-height:1.4}.cockpit-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cockpit-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,10px);padding:16px 20px;grid-gap:20px;gap:20px}.cockpit-kpi-item{display:flex;flex-direction:column;gap:3px}.cockpit-kpi-label{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.cockpit-kpi-val-row{display:flex;align-items:baseline;gap:6px}.cockpit-kpi-val{font-size:26px;font-weight:750;color:var(--text);letter-spacing:-.03em;line-height:1.1}.cockpit-kpi-unit{font-weight:500}.cockpit-kpi-sub,.cockpit-kpi-unit{font-size:12px;color:var(--muted)}.cockpit-kpi-divider{display:none}.cockpit-workspace-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.cockpit-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,10px);display:flex;flex-direction:column;overflow:hidden}.cockpit-panel-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cockpit-panel-title{font-size:15px;font-weight:650;color:var(--text);margin:0 0 2px;letter-spacing:-.015em}.cockpit-panel-sub{font-size:12px;color:var(--muted)}.cockpit-panel-link{font-size:12.5px;font-weight:600;color:var(--primary);text-decoration:none;white-space:nowrap;transition:opacity .15s ease}.cockpit-panel-link:hover{opacity:.8}.cockpit-catalogues-feed,.cockpit-inquiries-feed{padding:8px 20px;min-height:260px;display:flex;flex-direction:column}.cockpit-catalogue-list,.cockpit-inquiry-list{display:flex;flex-direction:column}.cockpit-inquiry-row{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;gap:14px}.cockpit-inquiry-row:last-child{border-bottom:none}.cockpit-inquiry-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.cockpit-inquiry-top{display:flex;align-items:center;gap:8px}.cockpit-inquiry-customer{font-size:13.5px;color:var(--text);font-weight:600}.cockpit-inquiry-customer,.cockpit-inquiry-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cockpit-inquiry-desc{font-size:12px;color:var(--muted)}.cockpit-inquiry-date{font-size:11.5px;color:var(--muted);white-space:nowrap;flex-shrink:0}.cockpit-catalogue-row{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;gap:14px}.cockpit-catalogue-row:last-child{border-bottom:none}.cockpit-catalogue-thumbs{display:flex;gap:4px;flex-shrink:0}.cockpit-cat-thumb{width:38px;height:38px;border-radius:6px;overflow:hidden;background:var(--surface-secondary,#131c28);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.cockpit-cat-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cockpit-cat-thumb.empty{color:var(--muted);font-size:12px}.cockpit-catalogue-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.cockpit-catalogue-name{font-size:13.5px;color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cockpit-catalogue-meta{font-size:12px;color:var(--muted)}.cockpit-catalogue-actions{flex-shrink:0}.cockpit-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 16px;gap:8px;margin:auto;max-width:360px}.cockpit-empty-icon{color:var(--muted);opacity:.6;margin-bottom:2px}.cockpit-empty-state h4{font-size:14.5px;font-weight:600;color:var(--text);margin:0}.cockpit-empty-state p{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0 0 8px}.cockpit-pipeline-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,10px);padding:16px 20px;display:flex;flex-direction:column;gap:12px}.cockpit-pipeline-header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.cockpit-pipeline-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--primary);text-transform:uppercase}.cockpit-pipeline-header h4{font-size:14.5px;font-weight:650;color:var(--text);margin:0}.cockpit-system-strip{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-radius:var(--radius-md,10px);background:rgba(2,132,199,.05);border:1px solid rgba(2,132,199,.18);gap:16px;flex-wrap:wrap}.cockpit-system-info{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text)}.cockpit-system-icon{font-size:20px;flex-shrink:0}.cockpit-system-text{display:block;font-size:12px;color:var(--muted);margin-top:2px}.stock-admin-workspace{gap:16px}.guardian-workspace,.stock-admin-workspace{display:flex;flex-direction:column;width:100%}.guardian-workspace{gap:20px}.guardian-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:4px 0 8px}.guardian-title{font-size:clamp(18px,4.5vw,24px);font-weight:700;color:var(--text);letter-spacing:-.025em;margin:0;line-height:1.25;word-break:break-word;overflow-wrap:break-word}.guardian-subtitle{font-size:13.5px;color:var(--muted);margin:3px 0 0}.guardian-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.guardian-toast-msg{font-size:12px;font-weight:600;color:var(--success,#10b981)}.guardian-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.guardian-stat-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,10px);padding:16px 18px;display:flex;flex-direction:column;gap:4px}.guardian-stat-label{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.guardian-stat-val-row{display:flex;align-items:baseline;gap:6px}.guardian-stat-val{font-size:26px;font-weight:750;color:var(--text);letter-spacing:-.02em;line-height:1.1}.guardian-stat-unit{font-weight:500}.guardian-stat-sub,.guardian-stat-unit{font-size:12px;color:var(--muted)}.guardian-attention-box{background:rgba(234,179,8,.06);border:1px solid rgba(234,179,8,.28);border-radius:var(--radius-md,10px);padding:16px 20px;display:flex;flex-direction:column;gap:14px}.guardian-attention-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.guardian-attention-title-wrap{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text)}.guardian-attention-badge{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:rgba(234,179,8,.2);color:#facc15}.guardian-issues-list{display:flex;flex-direction:column;gap:10px}.guardian-issue-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.07);border-radius:8px;flex-wrap:wrap;gap:12px}.guardian-issue-info{display:flex;flex-direction:column;gap:3px}.guardian-issue-meta{display:flex;align-items:center;gap:8px}.guardian-issue-title{font-size:13.5px;color:var(--text)}.guardian-issue-code{font-size:11px;color:var(--muted);font-family:monospace}.guardian-issue-desc{font-size:12px;color:var(--muted);margin:0}.guardian-healthy-row{display:flex;align-items:center;gap:14px;padding:16px 20px;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-md,10px)}.guardian-healthy-icon{font-size:20px;color:#34d399;flex-shrink:0}.guardian-healthy-row strong{font-size:13.5px;color:#34d399;display:block}.guardian-healthy-desc{font-size:12px;color:var(--muted);margin:2px 0 0}.guardian-events-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,10px);overflow:hidden;display:flex;flex-direction:column}.guardian-events-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.guardian-events-title{font-size:15px;font-weight:650;color:var(--text);margin:0 0 2px}.guardian-events-sub{font-size:12px;color:var(--muted)}.guardian-events-actions{display:flex;gap:8px}.guardian-events-empty{padding:32px 20px;text-align:center;font-size:13px;color:var(--muted);margin:0}.guardian-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.guardian-table{width:100%;min-width:620px;border-collapse:collapse;font-size:12.5px}.guardian-table th{padding:9px 16px;color:var(--muted);font-size:10.5px;text-transform:uppercase;font-weight:650;letter-spacing:.04em;border-bottom:1px solid var(--border);text-align:left;background:rgba(255,255,255,.02)}.guardian-table td{padding:9px 16px;border-bottom:1px solid rgba(255,255,255,.04);height:38px;vertical-align:middle}.guardian-cell-time{color:var(--muted);font-family:monospace;font-size:11.5px;white-space:nowrap}.guardian-cell-subsystem{color:var(--text-dim,#cbd5e1);font-weight:600;font-size:12px}.guardian-cell-title{color:var(--text)}.guardian-cell-actor{color:var(--muted);font-family:monospace;font-size:11.5px}.guardian-cell-action{color:var(--text-dim,#cbd5e1);font-size:12px}.guardian-error-card,.guardian-loading-card{padding:48px 24px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,10px)}.guardian-loading-pulse{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--primary);animation:pulse 1.5s infinite}@media (min-width:1025px){.profile-two-column-layout{display:grid;grid-template-columns:320px 1fr;grid-gap:32px;gap:32px;align-items:start}.profile-left-rail{position:-webkit-sticky;position:sticky;top:84px;display:flex;flex-direction:column;gap:16px}.profile-jump-nav{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md,10px);padding:10px}.profile-jump-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;text-decoration:none;font-size:12.5px;font-weight:550;color:var(--muted);transition:all .15s ease}.profile-jump-link:hover{color:var(--text);background:rgba(255,255,255,.05)}.profile-jump-num{font-family:monospace;font-size:10.5px;color:var(--primary);opacity:.8}.profile-jump-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width:1024px){.profile-two-column-layout{display:flex;flex-direction:column;gap:20px}.profile-left-rail{display:flex;flex-direction:column;gap:14px}.profile-jump-nav{display:none}.cockpit-workspace-grid{grid-template-columns:1fr}.cockpit-kpi-strip,.guardian-stats-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cockpit-kpi-strip,.guardian-stats-strip{grid-template-columns:1fr}}[data-theme=light] .cockpit-kpi-strip,[data-theme=light] .cockpit-panel,[data-theme=light] .guardian-events-panel,[data-theme=light] .guardian-stat-item,[data-theme=light] .profile-jump-nav{background:var(--surface);border-color:var(--border);box-shadow:0 1px 3px rgba(15,23,42,.04)}[data-theme=light] .cockpit-system-strip{background:rgba(2,132,199,.04);border-color:rgba(2,132,199,.16)}[data-theme=light] .guardian-issue-row{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.08)}[data-theme=light] .cockpit-catalogue-row,[data-theme=light] .cockpit-inquiry-row,[data-theme=light] .guardian-table td{border-bottom-color:rgba(0,0,0,.06)}[data-theme=light] .guardian-table th{background:rgba(0,0,0,.02)}