@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap";:root{--bg: #F8FAFC;--card-bg: #FFFFFF;--text: #0F172A;--text-muted: #64748B;--text-subtle: #94A3B8;--border: #E2E8F0;--border-light: #F1F5F9;--border-focus: #38BDF8;--primary: #0284C7;--primary-hover: #0369A1;--primary-dark: #075985;--primary-light: #E0F2FE;--primary-glow: rgba(2, 132, 199, .15);--primary-gradient: linear-gradient(135deg, #0284C7 0%, #0369A1 100%);--danger: #EF4444;--danger-light: #FEE2E2;--success: #10B981;--success-light: #ECFDF5;--amber: #F59E0B;--amber-light: #FEF3C7;--cyan: #06B6D4;--cyan-light: #ECFEFF;--sidebar-bg: #0B132B;--sidebar-card: #141E38;--sidebar-border: #1E293B;--sidebar-text: #94A3B8;--sidebar-active: #38BDF8;--radius: 14px;--radius-lg: 20px;--radius-sm: 8px;--radius-full: 9999px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Consolas, monospace;--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .04), 0 1px 2px -1px rgba(15, 23, 42, .03);--shadow: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-md: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .03);--shadow-lg: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .04);--shadow-card: 0 0 0 1px rgba(15, 23, 42, .05), 0 2px 8px -2px rgba(15, 23, 42, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background-color:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;min-height:100vh;width:100%;overflow-x:clip}.sidebar{width:280px;background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;padding:1.5rem 1.25rem;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;height:100vh;border-right:1px solid var(--sidebar-border);z-index:50;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.brand{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:#fff;margin-bottom:2rem;padding:.25rem .5rem}.brand-logo-glow{width:42px;height:42px;border-radius:12px;background:#0284c71f;display:flex;align-items:center;justify-content:center;border:1px solid rgba(56,189,248,.25);box-shadow:0 0 16px #0284c740}.brand img{width:28px;height:28px;object-fit:contain}.brand-titles{display:flex;flex-direction:column}.brand-name{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.2}.brand-sub{font-size:.72rem;font-weight:600;color:#38bdf8;letter-spacing:.04em;text-transform:uppercase}.side-nav{display:flex;flex-direction:column;gap:.35rem;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;color:var(--sidebar-text);text-decoration:none;border-radius:var(--radius-sm);font-weight:500;font-size:.95rem;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;background:transparent;border:none;cursor:pointer;text-align:left}.nav-item:hover{background-color:#ffffff14;color:#f8fafc}.nav-item.active{background:var(--primary-gradient);color:#fff;font-weight:600;box-shadow:0 4px 14px #0284c766}.nav-badge{margin-left:auto;background-color:var(--danger);color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .55rem;border-radius:var(--radius-full);box-shadow:0 2px 6px #ef444459}.side-bottom{display:flex;flex-direction:column;gap:.85rem;padding-top:1.25rem;border-top:1px solid var(--sidebar-border)}.side-profile{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;padding:.65rem .75rem;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:background .15s}.side-profile:hover{background:#ffffff14}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#38bdf8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.side-profile-text{display:flex;flex-direction:column;min-width:0}.side-profile-text strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f8fafc}.side-profile-text small{color:var(--sidebar-text);font-size:.75rem}.side-bottom .logout{color:#f87171;padding:.65rem .85rem;border-radius:var(--radius-sm)}.side-bottom .logout:hover{background:#ef44441f;color:#fca5a5}.lang-switch{display:flex;background:#ffffff0f;border-radius:var(--radius-sm);padding:2px}.lang-switch button{flex:1;border:none;background:transparent;color:var(--sidebar-text);padding:.4rem;font-size:.8rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s}.lang-switch button.on{background:#38bdf8;color:#0f172a;box-shadow:0 1px 3px #0003}.main{flex:1;padding:1.5rem 2rem;margin-left:280px;min-width:0;width:calc(100% - 280px);box-sizing:border-box}.page{display:flex;flex-direction:column;gap:1.75rem}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.page-header h1{font-size:1.65rem;font-weight:800;letter-spacing:-.02em}.card{background:var(--card-bg);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-card);transition:box-shadow .2s,border-color .2s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:all .15s ease;font-size:.95rem;line-height:1.2}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 2px 6px #0284c740}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 4px 12px #0284c759;transform:translateY(-1px)}.btn-light{background:#f1f5f9;color:#334155;border-color:#e2e8f0}.btn-light:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.btn-outline{border-color:var(--border);background:#fff;color:var(--text)}.btn-outline:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-telegram{background:linear-gradient(135deg,#229ed9,#08c);color:#fff;box-shadow:0 2px 8px #0088cc4d}.btn-telegram:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #08c6}.btn-sm{padding:.4rem .85rem;font-size:.85rem}.btn-lg{padding:.85rem 1.75rem;font-size:1.05rem}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.icon-btn{background:transparent;border:none;cursor:pointer;padding:.4rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.icon-btn:hover{background:#f1f5f9;color:var(--text)}.icon-btn-xs{background:transparent;border:none;cursor:pointer;padding:2px;color:var(--text-muted)}.link-btn{background:transparent;border:none;color:var(--primary);cursor:pointer;font-weight:600;padding:0;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}.link-btn:hover{color:var(--primary-hover);text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-dot-icon{font-size:.75rem;line-height:1}.badge-green{background:var(--success-light);color:#047857;border:1px solid #A7F3D0}.badge-red{background:var(--danger-light);color:#b91c1c;border:1px solid #FECACA}.badge-blue{background:var(--primary-light);color:#0369a1;border:1px solid #BAE6FD}.badge-amber{background:var(--amber-light);color:#b45309;border:1px solid #FDE68A}.badge-muted{background:#f1f5f9;color:#475569;border:1px solid #E2E8F0}.sku-badge{font-family:var(--font-mono);font-size:.75rem;font-weight:600;background:#f1f5f9;color:#334155;padding:.15rem .5rem;border-radius:6px;border:1px solid #E2E8F0;display:inline-block}.prow-tag{font-size:.75rem;font-weight:600;color:#475569;background:#f8fafc;padding:.15rem .45rem;border-radius:4px}.muted{color:var(--text-muted)}.strong{font-weight:600}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)!important}.center{text-align:center}.right{text-align:right}.field{display:flex;flex-direction:column;gap:.4rem;width:100%}.field-label{font-size:.85rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:.35rem}.field input,.field select,.field textarea{width:100%;padding:.7rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;background:#fff;color:var(--text);outline:none;transition:all .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-error{display:flex;align-items:center;gap:.5rem;background:#fef2f2;border:1px solid #FCA5A5;color:#b91c1c;padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.85rem}.stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;overflow:hidden;box-shadow:var(--shadow-sm)}.stepper button{border:none;background:#f8fafc;color:var(--text);width:34px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.stepper button:hover:not(:disabled){background:#e2e8f0}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper input{width:44px;height:36px;border:none;border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);text-align:center;font-weight:700;font-size:.95rem;outline:none;background:#fff}.seg{display:inline-flex;background:#f1f5f9;border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px}.seg button{border:none;background:transparent;padding:.35rem .65rem;font-size:.8rem;font-weight:600;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all .15s}.seg button.on{background:#fff;color:var(--primary-hover);box-shadow:0 1px 3px #0000001a;font-weight:700}.atc{display:flex;align-items:center;gap:.65rem}.atc-btn{position:relative;white-space:nowrap}.atc-btn.atc-in-cart{background:#059669;border-color:#059669}.atc-btn.atc-in-cart:hover{background:#047857;border-color:#047857}.atc-btn.atc-in-cart .atc-incart{background:#fff;color:#059669}.atc-incart{background:#fff;color:var(--primary);font-size:.75rem;font-weight:800;padding:.1rem .45rem;border-radius:var(--radius-full);box-shadow:0 1px 3px #00000026}.atc-del-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #FECACA;color:#dc2626;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.atc-del-btn:hover{background:#fee2e2;border-color:#f87171;color:#b91c1c;transform:scale(1.05)}.login-screen{display:flex;min-height:100vh;width:100%}.login-hero{flex:1.2;background:radial-gradient(circle at 20% 20%,#172554,#0b132b 60%,#030712);color:#fff;display:flex;align-items:center;justify-content:center;padding:4rem;position:relative;overflow:hidden}.login-hero:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(2,132,199,.15) 0%,transparent 70%);top:-100px;left:-100px;border-radius:50%}.login-hero-content{max-width:520px;display:flex;flex-direction:column;gap:2.25rem;position:relative;z-index:10}.login-hero-brand{display:flex;align-items:center;gap:1.15rem}.hero-logo-glow{width:64px;height:64px;border-radius:18px;background:#0284c726;border:1px solid rgba(56,189,248,.3);box-shadow:0 0 24px #0284c766;display:flex;align-items:center;justify-content:center}.hero-logo{width:44px;height:44px;object-fit:contain}.hero-brand-name{font-size:1.85rem;font-weight:800;letter-spacing:-.02em}.hero-badge{font-size:.8rem;font-weight:600;background:#38bdf826;color:#38bdf8;padding:.2rem .65rem;border-radius:var(--radius-full);border:1px solid rgba(56,189,248,.3);display:inline-block;margin-top:.25rem}.hero-heading{font-size:1.4rem;font-weight:600;line-height:1.4;color:#e2e8f0}.hero-features{display:flex;flex-direction:column;gap:1.25rem}.hero-feature-item{display:flex;align-items:flex-start;gap:1rem}.feature-icon-box{width:40px;height:40px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#38bdf8;flex-shrink:0}.hero-feature-item strong{font-size:.98rem;color:#fff;display:block;margin-bottom:.2rem}.hero-feature-item p{font-size:.88rem;color:#94a3b8;line-height:1.4}.hero-footer-note{display:flex;align-items:center;gap:.65rem;font-size:.82rem;color:#64748b;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.login-panel{flex:1;background:#fff;display:flex;flex-direction:column;padding:2.5rem 3.5rem;position:relative;justify-content:center}.login-top-bar{position:absolute;top:2rem;right:2.5rem}.login-card-wrapper{max-width:420px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.75rem}.login-mobile-header{display:none;align-items:center;gap:.75rem;margin-bottom:.5rem}.login-mobile-header .mobile-logo{width:36px;height:36px}.login-header h3{font-size:1.65rem;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-bottom:.35rem}.login-form{display:flex;flex-direction:column;gap:1.35rem}.phone-input-wrap{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:#f8fafc;transition:all .15s;overflow:hidden}.phone-input-wrap:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-glow)}.phone-prefix{padding:0 .85rem;font-weight:700;color:#334155;background:#f1f5f9;border-right:1px solid var(--border);line-height:44px}.phone-input-wrap input{flex:1;border:none;background:transparent;padding:.75rem .85rem;font-size:1.05rem;font-weight:600;letter-spacing:.02em;outline:none}.bot-guide-card{background:#f0f9ff;border:1px solid #BAE6FD;border-radius:var(--radius);padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.65rem}.bot-guide-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#229ed9,#08c);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0088cc4d}.bot-guide-card h4{font-size:1.1rem;font-weight:700;color:#0369a1}.bot-guide-card p{font-size:.88rem;color:#334155;line-height:1.45}.code-dest-box{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;font-size:.95rem}.code-sent-badge{display:flex;align-items:center;gap:.35rem;color:#059669;font-size:.8rem;font-weight:600}.code-input{text-align:center;font-family:var(--font-mono);font-size:1.75rem;font-weight:800;letter-spacing:.5rem;padding:.85rem!important;color:#0f172a}.login-links-row{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.bot-direct-link{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#0284c7;font-size:.88rem;font-weight:600;text-decoration:none;margin-top:.5rem}.bot-direct-link:hover{text-decoration:underline}.center-link{margin:0 auto}.home-hero-card{background:linear-gradient(135deg,#0b132b,#1e293b);color:#fff;border-radius:var(--radius-lg);padding:2.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.75rem;box-shadow:0 10px 25px -5px #0b132b40;position:relative;overflow:hidden}.home-hero-card:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(56,189,248,.12) 0%,transparent 70%);right:-50px;top:-100px;border-radius:50%}.home-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.5rem}.home-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff14;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;color:#38bdf8;width:fit-content;margin-bottom:.25rem}.live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.home-hero-card h1{font-size:1.85rem;font-weight:800;letter-spacing:-.02em}.home-hero-sub{color:#94a3b8;font-size:.95rem}.home-hero-actions{display:flex;gap:.85rem;position:relative;z-index:2}.home-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem}.kpi-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem 1.25rem;display:flex;align-items:center;gap:1.15rem;text-decoration:none;color:inherit;box-shadow:var(--shadow-card);transition:all .2s cubic-bezier(.4,0,.2,1)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.kpi-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-blue{background:#e0f2fe;color:#0284c7}.kpi-amber{background:#fef3c7;color:#d97706}.kpi-emerald{background:#dcfce7;color:#059669}.kpi-cyan{background:#ecfeff;color:#0891b2}.kpi-data{flex:1;min-width:0}.kpi-label{font-size:.82rem;font-weight:600;color:var(--text-muted);display:block}.kpi-val{font-size:1.35rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.kpi-val small{font-size:.82rem;font-weight:500;color:var(--text-muted)}.kpi-val-text{font-size:1rem;font-weight:700;color:#0284c7}.kpi-arrow{color:var(--text-subtle);transition:transform .15s}.kpi-card:hover .kpi-arrow{transform:translate(3px);color:var(--primary)}.home-section{display:flex;flex-direction:column;gap:1rem}.section-head{display:flex;align-items:center;justify-content:space-between}.section-title-wrap{display:flex;align-items:center;gap:.65rem}.section-title-wrap h2{font-size:1.25rem;font-weight:800;letter-spacing:-.01em}.section-icon-accent{color:var(--primary)}.section-icon-amber{color:var(--amber)}.carousel{display:flex;gap:1.25rem;overflow-x:auto;padding-bottom:.75rem;scroll-snap-type:x mandatory}.carousel .product-card{flex:0 0 260px;scroll-snap-align:start}.products-layout{display:flex;gap:1.75rem;align-items:flex-start}.products-sidebar{width:250px;flex-shrink:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-card);position:sticky;top:1.5rem;display:flex;flex-direction:column;gap:1rem}.cat-header h3{font-size:1rem;font-weight:800;letter-spacing:-.01em}.cat-search{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 .65rem}.cat-search-icon{color:var(--text-subtle)}.cat-search input{flex:1;border:none;background:transparent;padding:.55rem 0;font-size:.85rem;outline:none}.cat-list{display:flex;flex-direction:column;gap:.25rem;max-height:540px;overflow-y:auto;padding-right:2px}.cat-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;text-align:left;font-size:.9rem;color:#334155;font-weight:500;transition:all .15s}.cat-item:hover{background:#f1f5f9;color:var(--text)}.cat-item.active{background:var(--primary-light);color:var(--primary-hover);font-weight:700}.cat-name-flex{display:flex;align-items:center;gap:.45rem}.cat-count{font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-full);background:#f1f5f9;color:var(--text-muted)}.cat-count-amber{background:#fef3c7;color:#b45309}.cat-item.active .cat-count{background:#bae6fd;color:#0369a1}.cat-group-section{display:flex;flex-direction:column;margin-top:.6rem}.cat-group-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#64748b;padding:.4rem .6rem .25rem;border-bottom:1px solid #E2E8F0;margin-bottom:.3rem}.cat-item-sub{padding-left:1.25rem!important;position:relative}.cat-item-sub:before{content:"•";position:absolute;left:.55rem;color:#94a3b8;font-size:1.1rem;line-height:1}.products-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.25rem}.products-topbar{display:flex;gap:.75rem;align-items:center;width:100%;box-sizing:border-box;min-width:0}.search-box{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.65rem;background:#fff;border:1px solid var(--border);padding:0 .85rem;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-box input{flex:1;min-width:0;width:100%;border:none;padding:.75rem 0;font-size:.92rem;outline:none;background:transparent}.products-topbar-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.sort-box{flex-shrink:0}.sort-box select{padding:.72rem .85rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;font-size:.88rem;font-weight:600;outline:none;cursor:pointer;box-shadow:var(--shadow-sm)}.view-mode-toggle{display:flex;background:#f1f5f9;border:1px solid var(--border);border-radius:var(--radius);padding:2px;flex-shrink:0}.view-mode-toggle button{border:none;background:transparent;padding:.55rem .65rem;border-radius:8px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .15s}.view-mode-toggle button.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #0000001a}.products-filters{display:flex;flex-direction:column;gap:.65rem;width:100%;box-sizing:border-box}.brand-chips{display:flex;flex-wrap:wrap;gap:.45rem;width:100%}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:var(--radius-full);border:1px solid var(--border);background:#fff;color:#334155;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.chip:hover{background:#f8fafc;border-color:#94a3b8}.chip.active{background:var(--primary-light);border-color:#38bdf8;color:#0369a1;font-weight:700}.chip-count{font-size:.75rem;opacity:.7}.filter-toggles{display:flex;gap:1.25rem;align-items:center}.products-header-bar{display:flex;align-items:center;justify-content:space-between}.products-count{font-size:.9rem;color:var(--text-muted)}.prow-list{display:flex;flex-direction:column;gap:.75rem}.prow{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.15rem 1.35rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);cursor:pointer;transition:all .15s ease;width:100%;box-sizing:border-box}.prow:hover{border-color:#cbd5e1;box-shadow:var(--shadow);transform:translateY(-1px)}.prow-left{display:flex;align-items:center;gap:1.15rem;flex:1 1 auto;min-width:0}.prow-img-wrap{position:relative;width:76px;height:76px;flex-shrink:0;background:#f8fafc;border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.prow-img{width:68px;height:68px;object-fit:contain}.prow-ribbon{position:absolute;top:-4px;left:-4px;background:#f59e0b;color:#fff;font-size:.65rem;font-weight:800;padding:.1rem .4rem;border-radius:4px;box-shadow:0 1px 3px #f59e0b66}.prow-info{display:flex;flex-direction:column;gap:.45rem;min-width:0;flex:1 1 auto}.prow-name{font-weight:700;font-size:1.05rem;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;margin:0}.prow-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.8rem}.prow-right{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.prow-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:0 .25rem;white-space:nowrap;min-width:120px}.price{font-weight:800;font-size:1.25rem;color:#0f172a;letter-spacing:-.01em;line-height:1.2}.price-ask{color:var(--primary);font-size:1rem}.prow-box-info{font-size:.75rem;margin-top:.15rem;color:var(--text-muted)}.prow-actions{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}@media (max-width: 1180px){.products-layout{gap:1.15rem}.products-sidebar{width:220px;padding:1rem}.products-topbar{flex-wrap:wrap;gap:.65rem}.search-box{flex:1 1 100%;width:100%}.products-topbar-actions{width:100%;display:flex;justify-content:space-between}.sort-box{flex:1}.sort-box select{width:100%}.prow{flex-direction:column;align-items:stretch;gap:.85rem;padding:1rem 1.15rem}.prow-left{width:100%}.prow-right{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--border-light);padding-top:.75rem;gap:1rem}.prow-price{align-items:flex-start;text-align:left;min-width:auto;padding:0}}.pgrid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.product-card{display:flex;flex-direction:column;padding:1.15rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);cursor:pointer;transition:all .2s ease}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.product-card-media{position:relative;width:100%;height:170px;background:#f8fafc;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;overflow:hidden;border:1px solid var(--border-light)}.product-card-media img{width:130px;height:130px;object-fit:contain;transition:transform .2s}.product-card:hover .product-card-media img{transform:scale(1.05)}.product-card-body{flex:1;display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.product-card-title{font-size:.98rem;font-weight:700;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-cat{font-size:.78rem}.product-card-price{margin-top:auto;display:flex;align-items:baseline;gap:.35rem}.box-hint{font-size:.75rem}.product-card-actions{padding-top:.75rem;border-top:1px solid var(--border-light)}.product-card-actions .atc{width:100%;justify-content:space-between}.cart-page-header{display:flex;align-items:center;justify-content:space-between}.cart-layout{display:flex;gap:1.75rem;align-items:flex-start}.cart-items-card{flex:1;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.cart-table th{background:#f8fafc;padding:.85rem 1.25rem;font-weight:600;font-size:.85rem;color:#475569;border-bottom:1px solid var(--border)}.cart-table td{padding:1.15rem 1.25rem;border-bottom:1px solid var(--border-light);vertical-align:middle}.cart-item-info{display:flex;align-items:center;gap:1rem}.cart-thumb{width:52px;height:52px;object-fit:contain;background:#f8fafc;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:4px}.cart-item-title{font-size:.98rem;font-weight:700;display:block;margin-bottom:.25rem}.cart-item-sub{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.cart-unit-price{font-weight:700;font-size:1rem}.box-note{font-size:.75rem}.cart-qty-ctrl{display:flex;flex-direction:column;gap:.35rem}.cart-summary-panel{width:360px;flex-shrink:0;position:sticky;top:1.5rem}.cart-summary-card{display:flex;flex-direction:column;gap:1.25rem}.cart-summary-card h3{font-size:1.25rem;font-weight:800}.summary-rows{display:flex;flex-direction:column;gap:.75rem}.summary-row{display:flex;align-items:center;justify-content:space-between;font-size:.95rem}.summary-divider{height:1px;background:var(--border);margin:.25rem 0}.summary-grand{font-size:1.15rem;font-weight:800}.summary-total-sum{color:var(--primary);font-size:1.4rem}.cart-comment-sec{display:flex;flex-direction:column;gap:.4rem}.cart-textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;outline:none;resize:vertical;background:#f8fafc}.cart-textarea:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.cart-actions-stack{display:flex;flex-direction:column;gap:.65rem}.order-warning-box{display:flex;align-items:center;gap:.5rem;background:#fef3c7;color:#b45309;border:1px solid #FDE68A;border-radius:var(--radius-sm);padding:.75rem;font-size:.85rem}.orders-table th{background:#f8fafc;padding:.85rem 1rem;font-weight:600;font-size:.85rem;color:#475569}.orders-table td{padding:1rem;border-bottom:1px solid var(--border-light)}.order-number-link{color:var(--primary);text-decoration:none;font-family:var(--font-mono);font-size:.95rem}.order-number-link:hover{text-decoration:underline}.order-detail-head{display:flex;flex-direction:column;gap:.75rem}.back-link{font-size:.9rem;margin-bottom:.25rem}.order-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.order-head-actions{display:flex;align-items:center;gap:.85rem}.timeline-card{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.timeline-title{font-size:1.1rem;font-weight:700}.timeline-track{display:flex;align-items:center;justify-content:space-between;position:relative}.timeline-step{display:flex;flex-direction:column;align-items:center;gap:.65rem;position:relative;flex:1;text-align:center}.timeline-node{width:36px;height:36px;border-radius:50%;background:#f1f5f9;color:#64748b;border:2px solid #E2E8F0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;z-index:2;transition:all .2s}.timeline-step.done .timeline-node{background:var(--primary);border-color:var(--primary);color:#fff}.timeline-step.current .timeline-node{background:#fff;border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.timeline-connector{position:absolute;top:18px;left:50%;width:100%;height:2px;background:#e2e8f0;z-index:1}.timeline-step.done .timeline-connector{background:var(--primary)}.step-name{font-size:.82rem;font-weight:600;color:#475569}.timeline-step.current .step-name{color:var(--primary-hover);font-weight:700}.order-alert-ready{display:flex;align-items:center;gap:1rem;background:#ecfdf5;border:1px solid #A7F3D0;border-radius:var(--radius-sm);padding:1rem 1.25rem;color:#065f46}.order-alert-ready strong{font-size:1rem}.order-alert-ready p{font-size:.88rem;margin-top:.15rem}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table th{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem;font-weight:600;color:var(--text-muted)}.table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-light);font-size:.92rem}.clickable-row{cursor:pointer;transition:background .15s}.clickable-row:hover{background:#f8fafc}.table-thumb{border-radius:6px;border:1px solid var(--border-light);object-fit:contain;background:#f8fafc}.table-item-name{color:var(--text);font-size:.95rem}.form-grid{display:flex;flex-direction:column;gap:1.15rem;width:100%}.form-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 768px){.form-row-2,.form-row-3,.form-row-4{grid-template-columns:1fr;gap:.85rem}}.quote-builder-page{max-width:100%;margin:0}.qb-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(460px,540px);gap:1.75rem;align-items:flex-start}.qb-form{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.qb-head{display:flex;align-items:center;justify-content:space-between}.qb-head h2{font-size:1.6rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.qb-section{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.qb-section h3{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0}.template-swatches{display:flex;gap:.75rem;margin-top:.5rem}.swatch{width:38px;height:38px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.swatch:hover{transform:scale(1.1)}.swatch.active{border-color:#0f172a;transform:scale(1.18);box-shadow:0 0 0 2px #fff inset,0 4px 10px #00000026}.swatch-green{background:#16a34a}.swatch-blue{background:#2563eb}.swatch-amber{background:#d97706}.swatch-red{background:#dc2626}.swatch-white{background:#f8fafc;border:2px solid #CBD5E1}.swatch-cctv{background:#1e293b}.qb-markup-box{display:flex;align-items:center;gap:.65rem;background:#f1f5f9;padding:.35rem .85rem;border-radius:20px;border:1px solid var(--border)}.qb-markup-label{font-size:.85rem;font-weight:600;color:#475569}.qb-markup-control{display:flex;align-items:center;background:#fff;border:1px solid #CBD5E1;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.qb-input-sm{width:58px;border:none;padding:.35rem .5rem;font-size:.92rem;font-weight:700;text-align:right;outline:none;color:#0f172a}.qb-markup-unit{padding:0 .45rem;font-size:.85rem;font-weight:700;color:#64748b;background:#f8fafc;border-left:1px solid #E2E8F0;line-height:2}.qb-search-wrap{position:relative;width:100%;z-index:40}.qb-search-bar{display:flex;align-items:center;gap:.75rem;background:#f8fafc;border:2px solid #E2E8F0;border-radius:var(--radius);padding:.6rem 1rem;transition:all .2s}.qb-search-bar:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.qb-search-icon{color:#64748b;flex-shrink:0}.qb-search-input{flex:1;border:none;outline:none;background:transparent;font-size:.95rem;font-weight:500;color:#0f172a}.qb-search-input::placeholder{color:#94a3b8}.qb-search-clear{background:#e2e8f0;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;color:#64748b;transition:background .15s}.qb-search-clear:hover{background:#cbd5e1;color:#0f172a}.qb-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:var(--radius);border:1px solid #CBD5E1;box-shadow:0 14px 35px #0f172a26;max-height:400px;display:flex;flex-direction:column;overflow:hidden;z-index:100}.qb-search-results-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:#f1f5f9;border-bottom:1px solid #E2E8F0;font-size:.8rem;font-weight:700;color:#475569}.qb-close-results{background:transparent;border:none;font-size:.8rem;color:#64748b;cursor:pointer;font-weight:600}.qb-close-results:hover{color:#dc2626}.qb-results-list{overflow-y:auto;max-height:350px}.qb-result-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #F1F5F9;cursor:pointer;transition:background .15s}.qb-result-item:last-child{border-bottom:none}.qb-result-item:hover{background:#f8fafc}.qb-result-img-wrap{width:52px;height:52px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:3px}.qb-result-img{width:100%;height:100%;object-fit:contain}.qb-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.qb-result-title{font-size:.95rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qb-result-meta{display:flex;align-items:center;gap:.5rem;font-size:.78rem}.qb-cat-text{color:#64748b;font-size:.78rem}.qb-result-action{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.qb-result-price{font-size:1.05rem;font-weight:800;color:var(--primary)}.qb-add-btn{font-size:.75rem;font-weight:700;padding:.25rem .7rem;background:var(--primary-light);color:var(--primary);border-radius:12px;transition:all .15s}.qb-result-item:hover .qb-add-btn{background:var(--primary);color:#fff}.qb-item-buttons{display:flex;gap:.75rem;align-items:center}.qb-table-wrap{border:1px solid #E2E8F0;border-radius:var(--radius);background:#fff;overflow-x:auto}.qb-table{margin:0;width:100%;border-collapse:separate;border-spacing:0}.qb-table th{background:#f8fafc;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:#64748b;padding:.75rem .85rem;border-bottom:2px solid #E2E8F0}.qb-table td{padding:.65rem .85rem;border-bottom:1px solid #F1F5F9;vertical-align:middle}.qb-table tr:last-child td{border-bottom:none}.qb-col-img{width:54px;padding:.4rem!important;text-align:center}.qb-item-img-box{width:44px;height:44px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto;padding:2px}.qb-item-thumb{width:100%;height:100%;object-fit:contain}.qb-table-input{width:100%;padding:.5rem .65rem;border:1px solid #CBD5E1;border-radius:6px;font-size:.9rem;font-weight:500;color:#1e293b;background:#fff;outline:none;transition:all .15s ease}.qb-table-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#fff}.qb-table-input.text-center{text-align:center}.qb-table-input.text-right{text-align:right}.qb-row-del{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s;margin:0 auto}.qb-row-del:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.qb-empty-row{text-align:center;padding:2.5rem 1rem!important;color:#94a3b8;font-size:.92rem;font-style:italic}.qb-subtotal-row{display:flex;justify-content:flex-end;align-items:center;gap:.85rem;padding-top:.5rem;font-size:1rem}.qb-subtotal-row strong{font-size:1.2rem;color:#0f172a}.quick-service-chips{display:flex;flex-wrap:wrap;gap:.5rem}.qb-service-chip{padding:.45rem .9rem;font-size:.85rem;font-weight:600;border-radius:20px;border:1px solid #E2E8F0;background:#f8fafc;color:#334155;cursor:pointer;transition:all .15s}.qb-service-chip:hover{background:var(--primary-light);border-color:#93c5fd;color:var(--primary)}.qb-archive-calc-card{border-left:4px solid #0284C7}.qb-archive-head{display:flex;align-items:baseline;gap:.65rem}.qb-archive-head h3{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0}.qb-archive-sub{font-size:.85rem;color:#64748b}.qb-calc-cam-list{display:flex;flex-direction:column;gap:.65rem;background:#f8fafc;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid #E2E8F0}.qb-calc-cam-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9rem}.qb-calc-cam-name{font-weight:700;color:#1e293b;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qb-calc-cam-mp{color:#64748b;font-size:.82rem;font-weight:600;background:#e2e8f0;padding:.15rem .45rem;border-radius:4px}.qb-calc-cam-qty{color:#334155;font-size:.85rem;font-weight:700}.qb-calc-cam-count-ctrl{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#475569}.qb-calc-input-xs{width:52px;padding:.25rem .4rem;border:1px solid #CBD5E1;border-radius:4px;text-align:center;font-weight:700}.qb-calc-bitrate-box{display:flex;align-items:center;background:#fff;border:1px solid #CBD5E1;border-radius:6px;overflow:hidden;padding:0 .45rem;gap:.35rem;font-size:.82rem;color:#64748b}.qb-calc-bitrate-input{width:44px;border:none;padding:.35rem .2rem;font-weight:700;text-align:right;outline:none;font-size:.9rem;color:#0f172a}.qb-calc-params-grid{display:grid;grid-template-columns:180px 1fr;gap:1.25rem;align-items:flex-start}@media (max-width: 640px){.qb-calc-params-grid{grid-template-columns:1fr}}.qb-calc-param-group{display:flex;flex-direction:column;gap:.45rem}.qb-calc-param-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.qb-calc-days-input{width:100%;padding:.55rem .75rem;border:1px solid #CBD5E1;border-radius:8px;font-size:.95rem;font-weight:600;outline:none;background:#fff}.qb-calc-days-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.qb-calc-pills{display:flex;flex-wrap:wrap;gap:.45rem}.qb-calc-pill{padding:.4rem .85rem;border-radius:20px;border:1px solid #CBD5E1;background:#fff;color:#334155;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.qb-calc-pill:hover{border-color:#94a3b8;background:#f8fafc}.qb-calc-pill.active{background:#fef2f2;border-color:#dc2626;color:#dc2626;font-weight:700}.qb-calc-pill-sync{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:600}.qb-calc-pill-sync:hover{background:#dbeafe}.qb-calc-disk-control-card{background:#f8fafc;border:1px solid #E2E8F0;border-radius:var(--radius-sm);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem}.qb-calc-disk-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.qb-calc-disk-quote-tag{font-size:.78rem;font-weight:700;color:#16a34a;background:#dcfce7;padding:.15rem .5rem;border-radius:4px}.qb-calc-disk-control-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.qb-calc-disk-input-wrap{display:flex;align-items:center;background:#fff;border:1px solid #CBD5E1;border-radius:6px;overflow:hidden;width:90px}.qb-calc-disk-input-wrap:focus-within{border-color:#0284c7;box-shadow:0 0 0 2px #0284c726}.qb-calc-disk-input{width:100%;border:none;padding:.4rem .5rem;font-size:.95rem;font-weight:700;outline:none;text-align:right;color:#0f172a}.qb-calc-disk-unit{padding:0 .5rem;font-size:.8rem;font-weight:700;color:#64748b;background:#f1f5f9;border-left:1px solid #E2E8F0;line-height:2}.qb-calc-result-card{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid #CBD5E1;border-radius:var(--radius);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.85rem}.qb-calc-result-head{display:flex;align-items:center;gap:1.5rem}@media (max-width: 640px){.qb-calc-result-head{flex-direction:column;align-items:flex-start;gap:1rem}.qb-calc-divider-v{display:none}}.qb-calc-main-stat{flex:1 1 auto;display:flex;flex-direction:column;gap:.25rem}.qb-calc-result-days{font-size:2.2rem;font-weight:800;color:#0f172a;line-height:1.1;display:flex;align-items:baseline;gap:.4rem}.qb-calc-days-unit{font-size:1.1rem;font-weight:800;color:#dc2626;letter-spacing:.03em}.qb-calc-divider-v{width:1px;align-self:stretch;background:#cbd5e1}.qb-calc-sec-stat{flex:0 0 auto;display:flex;flex-direction:column;gap:.15rem;text-align:right}@media (max-width: 640px){.qb-calc-sec-stat{text-align:left}}.qb-calc-sec-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.03em}.qb-calc-sec-tb{font-size:1.4rem;font-weight:800;color:#2563eb}.qb-calc-sec-sub{font-size:.75rem;color:#64748b}.qb-calc-meta-bar{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;background:#fff;border:1px solid #E2E8F0;border-radius:6px;padding:.5rem .85rem;font-size:.82rem;color:#334155}.qb-calc-meta-bar strong{color:#0f172a}.qb-calc-result-sub{font-size:.88rem;color:#475569;line-height:1.35}.qb-calc-disk-status{font-size:.88rem;font-weight:700;color:#16a34a}.qb-calc-disk-status.warning{color:#d97706}.qb-calc-nvr-status{font-size:.82rem;color:#64748b}.qb-calc-checkbox-label{display:flex;align-items:center;gap:.65rem;font-size:.9rem;font-weight:600;color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:.25rem}.qb-calc-checkbox-label input{width:18px;height:18px;accent-color:#0284C7;cursor:pointer}.qb-discount-section{border-left:4px solid #10B981}.qb-discount-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media (max-width: 640px){.qb-discount-grid{grid-template-columns:1fr}}.qb-discount-col{display:flex;flex-direction:column;gap:.4rem}.qb-discount-input-wrap{display:flex;align-items:center;background:#fff;border:1px solid #CBD5E1;border-radius:var(--radius-sm);overflow:hidden;transition:all .15s}.qb-discount-input-wrap:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.qb-discount-input{flex:1;padding:.6rem .85rem;border:none;font-size:1.05rem;font-weight:700;color:#0f172a;outline:none;width:100%}.qb-discount-unit{padding:0 .85rem;font-size:.9rem;font-weight:700;color:#64748b;background:#f8fafc;border-left:1px solid #E2E8F0;line-height:2.4;white-space:nowrap}.qb-discount-chips{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.qb-discount-chips-label{font-size:.82rem;color:#64748b;font-weight:600}.qb-discount-summary-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;background:#ecfdf5;border:1px solid #A7F3D0;border-radius:var(--radius-sm);padding:.85rem 1.25rem;font-size:.92rem}.doc-old-price{text-decoration:line-through;color:#94a3b8;font-weight:500;margin-left:.35rem}.qb-bar-discount-note{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.qb-bar-discount-badge{background:#fee2e2;color:#dc2626;font-weight:700;padding:.1rem .45rem;border-radius:4px;font-size:.75rem}.doc-archive-box{background:#f8fafc;border:1px dashed #CBD5E1;border-radius:6px;padding:.85rem 1.15rem;display:flex;flex-direction:column;gap:.35rem}.doc-archive-title{font-size:.9rem;font-weight:700}.doc-archive-desc{font-size:.85rem;color:#334155;line-height:1.4}.doc-total-calc-breakdown{display:flex;flex-direction:column;gap:.45rem;width:100%}.doc-total-sub-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.doc-discount-row{color:#dc2626;font-weight:600;border-bottom:1px dashed #E2E8F0;padding-bottom:.45rem}.doc-total-final-row{display:flex;justify-content:space-between;align-items:center;padding-top:.25rem}.qb-preview{position:sticky;top:1rem;height:calc(100vh - 6.5rem);display:flex;flex-direction:column;gap:.75rem;min-width:0;z-index:20}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;background:#fff;padding:.6rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.preview-header-title{display:flex;align-items:center;gap:.5rem}.preview-header h4{font-size:.95rem;font-weight:700;color:#0f172a;margin:0}.preview-badge{font-size:.7rem;font-weight:700;background:var(--primary-light);color:var(--primary);padding:.15rem .45rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.preview-toolbar{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.preview-zoom-group{display:flex;align-items:center;background:#f1f5f9;border-radius:6px;padding:2px;gap:2px}.btn-zoom{border:none;background:transparent;padding:.2rem .5rem;font-size:.75rem;font-weight:600;color:#64748b;border-radius:4px;cursor:pointer;transition:all .15s}.btn-zoom.active,.btn-zoom:hover{background:#fff;color:var(--primary);box-shadow:0 1px 2px #0000000d}.btn-zoom-icon{border:none;background:transparent;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#64748b;border-radius:4px;cursor:pointer;transition:all .15s}.btn-zoom-icon:hover{background:#fff;color:#0f172a}.btn-fullscreen-preview{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);background:#fff;padding:.25rem .6rem;font-size:.75rem;font-weight:600;color:#334155;border-radius:6px;cursor:pointer;transition:all .15s}.btn-fullscreen-preview:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.preview-scale-wrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;border-radius:12px;box-shadow:var(--shadow-lg);background:#242933;padding:1.25rem .75rem;display:flex;flex-direction:column;align-items:center;border:1px solid #1E293B}.preview-doc-scaler{width:760px;flex-shrink:0;transform-origin:top center;transition:zoom .12s ease-out}.preview-scale-wrapper .quote-doc{box-shadow:0 12px 36px #00000080}.qb-bottom-bar{position:sticky;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -4px 15px #0000000f;z-index:50;margin:1.5rem -2rem -2rem}.qb-bar-total{display:flex;align-items:center;gap:.75rem;font-size:1.1rem}.qb-bar-total strong{font-size:1.5rem;color:var(--primary)}.qb-bar-buttons{display:flex;align-items:center;gap:1rem}@media (max-width: 992px){.qb-layout{grid-template-columns:1fr}.qb-preview{position:static;height:auto}.preview-scale-wrapper{max-height:700px}}@media (max-width: 768px){.qb-bottom-bar{margin:1rem -1rem -1rem;padding:.75rem 1rem;flex-direction:column;gap:.75rem;align-items:stretch}.qb-bar-buttons{width:100%}.qb-bar-buttons .btn{flex:1}}.quote-doc{background:#fff;width:100%;max-width:800px;margin:0 auto;padding:2.25rem 2.5rem;box-shadow:0 10px 25px #00000014;border-radius:8px;font-size:.88rem;line-height:1.45;position:relative;display:flex;flex-direction:column;gap:1.5rem;color:#1e293b;box-sizing:border-box}.doc-accent-bar{position:absolute;top:0;left:0;right:0;height:6px;border-top-left-radius:8px;border-top-right-radius:8px}.doc-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #E2E8F0;padding-bottom:1.25rem}.doc-brand{display:flex;align-items:center;gap:1rem}.doc-logo{width:50px;height:50px;object-fit:contain}.doc-company-name{font-size:1.2rem;font-weight:800;color:#0f172a}.doc-company-sub{font-size:.82rem;color:#64748b}.doc-meta{text-align:right;display:flex;flex-direction:column;gap:.2rem}.doc-title{font-size:1.3rem;font-weight:800;letter-spacing:.02em;margin-bottom:.25rem}.doc-meta-row{display:flex;gap:.5rem;justify-content:flex-end;font-size:.82rem}.doc-customer-card{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:.85rem 1.1rem}.doc-section-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:.4rem}.doc-customer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.doc-customer-grid small{display:block;font-size:.72rem;color:#64748b}.doc-about{display:flex;flex-direction:column;gap:.3rem}.doc-about-title{font-size:1.1rem;font-weight:700}.doc-about-sub{font-weight:600;color:#475569}.doc-about-intro{color:#334155}.doc-table-sec{display:flex;flex-direction:column;gap:.45rem}.doc-table-title{font-size:.95rem;font-weight:700}.doc-table{width:100%;border-collapse:collapse;table-layout:auto}.doc-table th{color:#fff;padding:.6rem .65rem;font-size:.8rem;font-weight:600;border:none}.doc-table td{padding:.6rem .65rem;border-bottom:1px solid #E2E8F0;font-size:.82rem;vertical-align:middle}.doc-th-num,.doc-td-num{width:32px;text-align:center!important;padding-left:.25rem!important;padding-right:.25rem!important}.doc-th-unit,.doc-td-unit,.doc-th-qty,.doc-td-qty{width:48px;text-align:center!important}.doc-th-price,.doc-td-price{width:90px;text-align:right!important;white-space:nowrap}.doc-th-sum,.doc-td-sum{width:100px;text-align:right!important;white-space:nowrap}.doc-th-name,.doc-td-name{min-width:160px;text-align:left!important}.doc-item-cell{display:flex;align-items:center;gap:.6rem;min-width:0}.doc-item-img{width:30px;height:30px;object-fit:contain;flex-shrink:0;border-radius:4px;background:#f8fafc;border:1px solid #e2e8f0}.doc-item-title{min-width:0;word-break:break-word;line-height:1.35;color:#0f172a}.doc-total-box{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem;padding:1rem 1.5rem;background:#f8fafc;border-left:4px solid var(--doc-accent);border-radius:4px}.doc-total-label{font-size:1.1rem;font-weight:800}.doc-total-amount{font-size:1.5rem;font-weight:800}.doc-terms ul{padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.doc-footer{display:flex;align-items:flex-end;justify-content:space-between;padding-top:1.5rem;border-top:1px solid #E2E8F0}.doc-sign-block{display:flex;flex-direction:column;gap:.5rem}.doc-exec-details{font-size:.85rem;line-height:1.4}.doc-sign-line{margin-top:.75rem}.doc-sign-label{font-size:.8rem;color:#64748b;margin-bottom:.25rem}.doc-stamp-img{max-width:110px;max-height:70px;object-fit:contain}.doc-qr-box{display:flex;flex-direction:column;align-items:center;gap:.35rem}.doc-qr-box small{font-size:.72rem;color:#64748b}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-content{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:540px;width:100%;max-height:90vh;overflow-y:auto;position:relative;display:flex;flex-direction:column}.modal-content.wide{max-width:760px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.2rem;font-weight:700}.modal-body{padding:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.pmodal{display:flex;gap:2rem}.pmodal-img{width:280px;height:280px;background:#f8fafc;border:1px solid var(--border-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:1rem}.pmodal-img img{max-width:100%;max-height:100%;object-fit:contain}.pmodal-info{flex:1;display:flex;flex-direction:column;gap:1rem}.pmodal-info h2{font-size:1.35rem;font-weight:800}.pmodal-price .price{font-size:1.5rem}.dl{display:grid;grid-template-columns:120px 1fr;gap:.5rem;font-size:.9rem}.dl dt{color:var(--text-muted)}.dl dd{font-weight:600}.pmodal-desc{background:#f8fafc;padding:1rem;border-radius:var(--radius-sm);font-size:.88rem;border:1px solid var(--border-light)}.pmodal-desc h4{margin-bottom:.35rem}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.banner{padding:1rem 1.25rem;border-radius:var(--radius);display:flex;align-items:center;gap:1rem}.banner-warn{background:#fef3c7;border:1px solid #FDE68A;color:#92400e}.mobile-top,.bottom-nav{display:none}@media (max-width: 1180px){.main{padding:1.75rem 2rem}.products-layout{gap:1.25rem}.products-sidebar{width:240px}}@media (max-width: 1024px){.login-hero{display:none}.login-mobile-header{display:flex}.login-panel{padding:2.5rem 1.5rem}}@media (max-width: 900px){.app{flex-direction:column;width:100%}.sidebar{display:none!important}.mobile-top{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#0b132b;color:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid var(--sidebar-border)}.main{margin-left:0!important;width:100%!important;max-width:100%!important;padding:1rem 1rem calc(5.5rem + env(safe-area-inset-bottom,0px));box-sizing:border-box}.mobile-top .brand{margin-bottom:0;padding:0}.mobile-top .brand img{width:32px;height:32px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0b132b;border-top:1px solid var(--sidebar-border);padding:.5rem .25rem calc(.5rem + env(safe-area-inset-bottom,0px));justify-content:space-around;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bn-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-decoration:none;color:#94a3b8;font-size:.72rem;padding:.25rem .5rem;border-radius:8px;position:relative;transition:color .15s}.bn-item.active{color:#38bdf8;font-weight:700}.bn-icon{position:relative;display:flex;align-items:center;justify-content:center}.bn-icon .nav-badge{position:absolute;top:-6px;right:-10px;font-size:.65rem;padding:.1rem .35rem}.products-layout{flex-direction:column;gap:1rem}.products-sidebar{width:100%;position:static;padding:.85rem 1rem;gap:.75rem}.cat-header{display:flex;align-items:center;justify-content:space-between}.cat-list{display:flex;flex-direction:row;overflow-x:auto;max-height:none;gap:.5rem;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}.cat-item{flex-shrink:0;padding:.45rem .85rem;background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-full);white-space:nowrap;gap:.5rem}.cat-item.active{background:var(--primary-light);border-color:#38bdf8}.cart-layout{flex-direction:column;gap:1.25rem}.cart-summary-panel{width:100%;position:static}.pmodal{flex-direction:column;align-items:center}}@media (max-width: 768px){.page{gap:1.25rem}.products-topbar{flex-wrap:wrap;gap:.65rem}.search-box{width:100%;flex:1 1 100%}.products-topbar-actions{width:100%;display:flex;justify-content:space-between;gap:.5rem}.sort-box{flex:1}.sort-box select{width:100%}.view-mode-toggle{flex-shrink:0}.products-filters{flex-direction:column;align-items:stretch;gap:.75rem}.brand-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.chip{flex-shrink:0}.filter-toggles{justify-content:space-between;width:100%}.prow{flex-direction:column;align-items:stretch;gap:.85rem;padding:.9rem}.prow-left{width:100%;gap:.75rem}.prow-img-wrap{width:58px;height:58px}.prow-img{width:50px;height:50px}.prow-info{flex:1;min-width:0}.prow-name{font-size:.92rem;line-height:1.3}.prow-right{width:100%;flex-direction:column;align-items:stretch;gap:.75rem;border-top:1px dashed var(--border-light);padding-top:.75rem}.prow-price{width:100%;flex-direction:row;align-items:baseline;justify-content:space-between;text-align:left;padding:0}.prow-price .price{font-size:1.1rem}.prow-actions{width:100%}.prow-actions .atc{width:100%;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.prow-actions .atc-btn{flex:1 1 auto;justify-content:center}.prow-actions .atc-del-btn{height:38px}.home-hero-card{padding:1.5rem 1.25rem;gap:1.25rem}.home-hero-card h1{font-size:1.35rem}.home-hero-actions{width:100%;flex-direction:column;gap:.65rem}.home-hero-actions .btn{width:100%}.home-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.kpi-card{padding:.85rem;gap:.65rem}.kpi-icon-wrap{width:38px;height:38px}.kpi-val{font-size:1.1rem}.cart-table th,.cart-table td{padding:.75rem .5rem}.cart-thumb{width:42px;height:42px}.cart-item-title{font-size:.88rem}.cart-qty-ctrl{transform:scale(.92);transform-origin:left}.pmodal-img{width:100%;height:200px}}@media (max-width: 600px){.pgrid-list{grid-template-columns:1fr;gap:1rem}.carousel .product-card{flex:0 0 210px}.timeline-track{flex-direction:column;align-items:flex-start;gap:1.25rem;padding-left:.5rem}.timeline-step{flex-direction:row;align-items:center;gap:1rem;text-align:left;width:100%}.timeline-connector{top:36px;left:17px;width:2px;height:calc(100% + 1.25rem)}.timeline-step:last-child .timeline-connector{display:none}.home-kpi-grid{grid-template-columns:1fr 1fr}}.quote-fullscreen-modal{background:#f8fafc;width:95vw;max-width:960px;height:94vh;border-radius:14px;box-shadow:0 25px 50px -12px #0006;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .2s ease-out}.quote-fullscreen-bar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;background:#fff;border-bottom:1px solid var(--border);gap:1rem}.quote-fullscreen-title{display:flex;align-items:center;gap:.65rem}.quote-fullscreen-title strong{font-size:1.05rem;color:#0f172a}.quote-fullscreen-title span{font-size:.82rem;color:#64748b}.quote-fullscreen-actions{display:flex;align-items:center;gap:.75rem}.quote-fullscreen-content{flex:1;overflow-y:auto;background:#334155;padding:2rem 1rem;display:flex;justify-content:center;align-items:flex-start}@media print{body *{visibility:hidden}.quote-doc,.quote-doc *{visibility:visible}.quote-doc{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0!important}.no-print,.sidebar,.app-header,.qb-form,.qb-bottom-bar,.preview-header,.quote-fullscreen-bar{display:none!important}}