:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#0f172a;--accent-bg:#0f172a0f;--accent-border:#0f172a33;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#64748b;--accent-bg:#64748b26;--accent-border:#64748b59;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.landing-root{text-align:left;border-inline:none;width:100%;max-width:100%}.lp-container{box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto;padding:0 32px}@media (width<=768px){.lp-container{padding:0 20px}}.lp-nav{z-index:100;background:#fff;border-bottom:2px solid #e2e8f0;position:sticky;top:0}.lp-nav-inner{justify-content:space-between;align-items:center;gap:32px;height:60px;display:flex}.lp-logo{color:#0f172a;letter-spacing:-.6px;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.lp-logo-mark{background:#0f172a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.lp-logo-mark svg{stroke:#fff;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.lp-nav-links{gap:28px;margin:0;padding:0;list-style:none;display:flex}.lp-nav-links a{color:#64748b;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s}.lp-nav-links a:hover{color:#0f172a}.lp-nav-cta{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:none;border-radius:6px;padding:9px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s}.lp-nav-cta:hover{background:#1e293b}@media (width<=640px){.lp-nav-links{display:none}}.lp-hero{background:#fff;border-bottom:2px solid #e2e8f0;padding:64px 0;overflow:hidden}.lp-hero-inner{grid-template-columns:5fr 7fr;align-items:end;gap:56px;display:grid}@media (width<=900px){.lp-hero-inner{grid-template-columns:1fr;gap:48px}}.lp-hero h1{color:#0f172a;letter-spacing:-2px;margin:0 0 22px;font-size:54px;font-weight:800;line-height:1.06}.lp-hero h1 span{color:#059669}.lp-hero-badge{color:#059669;letter-spacing:.03em;background:#ecfdf5;border:1px solid #05966940;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}@media (width<=1024px){.lp-hero h1{font-size:40px}}@media (width<=640px){.lp-hero h1{letter-spacing:-1.2px;font-size:32px}}.lp-hero-sub{color:#475569;max-width:460px;margin:0 0 36px;font-size:17px;line-height:1.65}.lp-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.lp-btn-primary{color:#fff;cursor:pointer;background:#0f172a;border:2px solid #0f172a;border-radius:6px;align-items:center;gap:8px;padding:12px 26px;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.lp-btn-primary:hover{background:#1e293b;border-color:#1e293b}.lp-btn-outline{color:#0f172a;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:6px;align-items:center;gap:8px;padding:12px 26px;font-size:16px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.lp-btn-outline:hover{color:#0f172a;border-color:#0f172a}.lp-mockup{align-self:end;min-width:0;position:relative}.lp-mockup-window{background:#0f172a;border:2px solid #1e293b;border-bottom:none;border-radius:10px 10px 0 0;width:100%;overflow:hidden;box-shadow:0 -12px 48px #0f172a33,0 0 0 1px #ffffff0a}.lp-mockup-bar{background:#0a0f1a;border-bottom:1px solid #1e293b;align-items:center;gap:6px;padding:10px 16px;display:flex}.lp-mockup-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.lp-dot-red{background:#ff5f57}.lp-dot-yellow{background:#febc2e}.lp-dot-green{background:#28c840}.lp-mockup-title{color:#475569;letter-spacing:.02em;margin-left:8px;font-size:11px}.lp-mockup-body{flex-direction:row;height:360px;display:flex;overflow:hidden}.lp-mock-sidebar{background:#0a0f1a;border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;gap:2px;width:130px;padding:10px 8px;display:flex}.lp-mock-logo-row{border-bottom:1px solid #1e293b;align-items:center;gap:7px;margin-bottom:6px;padding:6px 6px 12px;display:flex}.lp-mock-logo-mark{background:#059669;border-radius:4px;flex-shrink:0;width:18px;height:18px}.lp-mock-logo-text{color:#fff;font-size:11px;font-weight:700}.lp-mock-nav-item{color:#ffffff59;border-radius:4px;padding:6px 8px;font-size:10px;font-weight:500}.lp-mock-nav-item.active{color:#ffffffe6;background:#ffffff12}.lp-mock-main{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow:hidden}.lp-mock-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.lp-mock-stat-card{background:#1e293b;border:1px solid #334155;border-radius:6px;padding:10px 11px}.lp-mock-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:8px;font-weight:700}.lp-mock-stat-val{color:#f1f5f9;letter-spacing:-.5px;margin-bottom:3px;font-size:14px;font-weight:800;line-height:1}.lp-mock-stat-delta{font-size:9px;font-weight:600}.lp-mock-stat-delta.pos{color:#34d399}.lp-mock-stat-delta.neg{color:#f87171}.lp-mock-stat-delta.neu{color:#94a3b8}.lp-mock-panels{flex:1;grid-template-columns:1fr 1fr;gap:8px;min-height:0;display:grid}.lp-mock-panel{background:#1e293b;border:1px solid #334155;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.lp-mock-panel-head{color:#cbd5e1;border-bottom:1px solid #334155;align-items:center;gap:6px;padding:8px 12px;font-size:10px;font-weight:700;display:flex}.lp-mock-panel-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.lp-mock-panel-dot.red{background:#ef4444}.lp-mock-panel-dot.green{background:#059669}.lp-mock-panel-link{color:#059669;margin-left:auto;font-size:9px;font-weight:600}.lp-mock-ls-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:6px;padding:7px 12px;font-size:10px;display:flex}.lp-mock-ls-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.lp-mock-ls-name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.lp-mock-ls-sup{color:#475569;font-size:8px}.lp-mock-ls-qty{font-size:12px;font-weight:800}.lp-mock-ls-qty.red{color:#f87171}.lp-mock-ls-sep{color:#475569;font-size:9px}.lp-mock-reorder{color:#059669;white-space:nowrap;background:#0596691a;border:1px solid #0596694d;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:8px;font-weight:700}.lp-mock-orders-head{color:#475569;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #334155;grid-template-columns:55px 1fr 65px 65px;padding:5px 12px;font-size:8px;font-weight:700;display:grid}.lp-mock-order-row{border-bottom:1px solid #ffffff0a;grid-template-columns:55px 1fr 65px 65px;align-items:center;padding:6px 12px;font-size:10px;display:grid}.lp-mock-order-ref{color:#059669;font-family:monospace;font-size:9px;font-weight:700}.lp-mock-order-cust{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;padding-right:4px;font-weight:500;overflow:hidden}.lp-mock-order-total{color:#f1f5f9;font-size:9px;font-weight:700}.lp-mock-status{text-align:center;border-radius:3px;padding:2px 5px;font-size:8px;font-weight:700;display:inline-block}.mock-ok{color:#34d399;background:#05966926}.mock-warn{color:#fbbf24;background:#f59e0b26}.mock-info{color:#60a5fa;background:#2563eb26}@media (width<=900px){.lp-mockup{display:none}}.lp-stats{background:#0f172a;padding:64px 0}.lp-stats-inner{background:#ffffff0f;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:2px;display:grid;overflow:hidden}.lp-stat{text-align:center;background:#0f172a;padding:36px 32px;transition:background .15s}.lp-stat:hover{background:#1e293b}.lp-stat-num{letter-spacing:-2.5px;color:#fff;margin-bottom:8px;font-size:52px;font-weight:800;line-height:1}.lp-stat-label{color:#fff;letter-spacing:-.2px;margin-bottom:4px;font-size:15px;font-weight:700}.lp-stat-sub{color:#94a3b8;font-size:13px;line-height:1.5}@media (width<=640px){.lp-stats-inner{grid-template-columns:1fr;gap:2px}}.lp-features{background:#fff;padding:96px 0}.lp-section-label{letter-spacing:.12em;text-transform:uppercase;color:#0f172a;margin-bottom:10px;font-size:12px;font-weight:700}.lp-section-title{color:#0f172a;letter-spacing:-1.2px;margin:0 0 14px;font-size:38px;font-weight:800;line-height:1.1}@media (width<=768px){.lp-section-title{font-size:28px}}.lp-section-sub{color:#64748b;max-width:520px;margin-bottom:56px;font-size:17px;line-height:1.65}.lp-feature-grid{background:#e2e8f0;border:2px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=900px){.lp-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.lp-feature-grid{grid-template-columns:1fr}}.lp-feature-card{background:#fff;padding:28px;transition:background .15s}.lp-feature-card:hover{background:#f8fafc}.lp-feature-icon{background:#0f172a;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;display:flex}.lp-feature-icon svg{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.lp-feature-card h3{color:#0f172a;letter-spacing:-.2px;margin:0 0 8px;font-size:16px;font-weight:700}.lp-feature-card p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.lp-highlights{background:#f8fafc;border-top:2px solid #e2e8f0;border-bottom:2px solid #e2e8f0;padding:96px 0}.lp-highlight-list{flex-direction:column;gap:80px;display:flex}.lp-highlight{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.lp-highlight.reverse{direction:rtl}.lp-highlight.reverse>*{direction:ltr}@media (width<=768px){.lp-highlight,.lp-highlight.reverse{direction:ltr;grid-template-columns:1fr;gap:32px}}.lp-highlight-text h2{color:#0f172a;letter-spacing:-1px;margin:0 0 16px;font-size:32px;font-weight:800;line-height:1.2}@media (width<=768px){.lp-highlight-text h2{font-size:24px}}.lp-highlight-text p{color:#64748b;margin:0 0 24px;font-size:16px;line-height:1.7}.lp-checklist{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lp-checklist li{color:#334155;align-items:flex-start;gap:10px;font-size:15px;font-weight:500;line-height:1.5;display:flex}.lp-check{color:#fff;background:#0f172a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;font-size:11px;font-weight:800;display:flex}.lp-highlight-visual{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:28px;box-shadow:0 4px 24px #0000000f}.lp-visual-heading{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.lp-visual-heading:after{content:"";background:#e2e8f0;flex:1;height:1px}.lp-invoice-mock{flex-direction:column;gap:12px;display:flex}.lp-invoice-header{justify-content:space-between;align-items:flex-start;display:flex}.lp-invoice-brand{color:#0f172a;letter-spacing:-.5px;font-size:18px;font-weight:800}.lp-invoice-num{color:#64748b;font-size:13px}.lp-invoice-divider{background:#e2e8f0;height:2px}.lp-invoice-line{color:#475569;justify-content:space-between;padding:3px 0;font-size:14px;display:flex}.lp-invoice-total{color:#0f172a;border-top:2px solid #0f172a;justify-content:space-between;padding-top:10px;font-size:16px;font-weight:800;display:flex}.lp-invoice-payment{color:#0f172a;background:#f8fafc;border:2px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.lp-paid-stamp{color:#0f172a;letter-spacing:.15em;border:3px solid #0f172a;border-radius:4px;align-self:flex-end;padding:4px 14px;font-size:16px;font-weight:900;display:inline-block;transform:rotate(-8deg)}.lp-alert-list{flex-direction:column;gap:8px;display:flex}.lp-alert-row{border:2px solid #e2e8f0;border-radius:6px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;transition:border-color .15s;display:flex}.lp-alert-row:hover{border-color:#0f172a}.lp-alert-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.lp-alert-dot.red{background:#ef4444}.lp-alert-dot.amber{background:#f59e0b}.lp-alert-dot.green{background:#0f172a}.lp-alert-name{color:#0f172a;flex:1;font-weight:600}.lp-alert-qty{color:#64748b;font-size:13px}.lp-alert-action{color:#0f172a;cursor:pointer;white-space:nowrap;font-size:12px;font-weight:700}.lp-role-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lp-role-card{border:2px solid #e2e8f0;border-radius:6px;padding:12px 14px}.lp-role-name{color:#0f172a;margin-bottom:4px;font-size:13px;font-weight:700}.lp-role-perms{color:#64748b;font-size:12px;line-height:1.5}.lp-pricing{background:#fff;border-top:2px solid #e2e8f0;padding:96px 0}.lp-pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}@media (width<=900px){.lp-pricing-grid{grid-template-columns:1fr;max-width:420px}}.lp-pricing-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:0;padding:32px 28px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.lp-pricing-card:hover{border-color:#0f172a;box-shadow:0 4px 24px #0f172a0f}.lp-pricing-card.featured{border-color:#0f172a;box-shadow:0 8px 32px #0f172a14}.lp-pricing-badge{color:#fff;white-space:nowrap;letter-spacing:.04em;background:#0f172a;border-radius:20px;padding:4px 16px;font-size:12px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.lp-pricing-tier{letter-spacing:.1em;text-transform:uppercase;color:#0f172a;margin-bottom:10px;font-size:12px;font-weight:700}.lp-pricing-price{color:#0f172a;letter-spacing:-2px;margin-bottom:12px;font-size:48px;font-weight:800;line-height:1}.lp-pricing-price span{color:#64748b;letter-spacing:0;font-size:16px;font-weight:500}.lp-pricing-desc{color:#64748b;border-bottom:1px solid #e2e8f0;margin:0 0 24px;padding-bottom:24px;font-size:14px;line-height:1.6}.lp-pricing-features{flex-direction:column;flex:1;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.lp-pricing-features li{color:#334155;align-items:flex-start;gap:10px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.lp-pricing-cta{text-align:center;border-radius:6px;padding:12px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:all .15s;display:block}.lp-pricing-cta.primary{color:#fff;background:#0f172a;border:2px solid #0f172a}.lp-pricing-cta.primary:hover{background:#1e293b;border-color:#1e293b}.lp-pricing-cta.outline{color:#0f172a;background:#fff;border:2px solid #cbd5e1}.lp-pricing-cta.outline:hover{color:#0f172a;border-color:#0f172a}.lp-pricing-note{text-align:center;color:#94a3b8;margin:0;font-size:13px}.lp-cta{text-align:center;background:#0f172a;padding:100px 0}.lp-cta h2{color:#fff;letter-spacing:-1.5px;margin:0 0 14px;font-size:44px;font-weight:800}@media (width<=768px){.lp-cta h2{font-size:30px}}.lp-cta p{color:#94a3b8;margin-bottom:40px;font-size:17px}.lp-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lp-btn-cta-primary{color:#0f172a;cursor:pointer;background:#fff;border:2px solid #fff;border-radius:6px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.lp-btn-cta-primary:hover{color:#0f172a;background:#e2e8f0;border-color:#e2e8f0}.lp-btn-cta-outline{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:6px;align-items:center;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:border-color .15s;display:inline-flex}.lp-btn-cta-outline:hover{border-color:#fff9}.lp-footer{background:#fff;border-top:2px solid #e2e8f0;padding:40px 0}.lp-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.lp-footer-logo{color:#0f172a;letter-spacing:-.5px;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.lp-footer-links{gap:24px;margin:0;padding:0;list-style:none;display:flex}.lp-footer-links a{color:#64748b;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.lp-footer-links a:hover{color:#0f172a}.lp-footer-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.lp-footer-copy{color:#94a3b8;font-size:13px}.lp-footer-brand{color:#cbd5e1;font-size:12px;font-weight:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:root{--sidebar-w:240px;--topbar-h:60px;--bg:#f8fafb;--surface:#fff;--border:#e5e7eb;--border-light:#f3f4f6;--sidebar-bg:#0f172a;--sidebar-text:#ffffff8c;--sidebar-active-bg:#ffffff14;--sidebar-active-text:#fff;--sidebar-hover-bg:#ffffff0d;--green:#059669;--green-light:#ecfdf5;--green-mid:#d1fae5;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--blue:#2563eb;--blue-light:#eff6ff;--orange:#d97706;--orange-light:#fffbeb;--red:#dc2626;--red-light:#fef2f2;--radius:8px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}.im-shell{background:var(--bg);width:100%;height:100vh;display:flex;overflow:hidden}.im-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.im-content{flex:1;padding:24px;overflow-y:auto}.im-sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);flex-direction:column;flex-shrink:0;height:100vh;display:flex;overflow:hidden auto}.im-sidebar-logo{height:var(--topbar-h);border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:10px;padding:0 20px;display:flex}.im-logo-mark{background:var(--green);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.im-logo-text{color:#fff;letter-spacing:-.3px;font-size:15px;font-weight:700}.im-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex}.im-nav-item{width:100%;color:var(--sidebar-text);text-align:left;cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.im-nav-item:hover{background:var(--sidebar-hover-bg);color:#ffffffd9}.im-nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.im-nav-icon{opacity:.7;flex-shrink:0;align-items:center;display:flex}.im-nav-item.active .im-nav-icon,.im-nav-item:hover .im-nav-icon{opacity:1}.im-nav-label{flex:1}.im-nav-chevron{opacity:.4;align-items:center;transition:transform .15s;display:flex}.im-nav-chevron.open{opacity:.6;transform:rotate(90deg)}.im-nav-children{flex-direction:column;gap:1px;padding:2px 0 4px 38px;display:flex}.im-nav-child{width:100%;color:var(--sidebar-text);text-align:left;border-radius:5px;padding:7px 12px;font-size:13px;font-weight:400;transition:background .12s,color .12s}.im-nav-child:hover{background:var(--sidebar-hover-bg);color:#ffffffd9}.im-nav-child.active{color:#6ee7b7;background:#05966933;font-weight:500}.im-sidebar-bottom{border-top:1px solid #ffffff0f;flex-shrink:0;padding:14px}.im-sidebar-plan{background:#ffffff0a;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;display:flex}.im-plan-badge{letter-spacing:.06em;text-transform:uppercase;color:#6ee7b7;background:#05966940;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.im-plan-text{color:#ffffff59;font-size:12px}.im-help-link{width:100%;color:var(--sidebar-text);text-align:left;cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.im-help-link:hover{background:var(--sidebar-hover-bg);color:#ffffffd9}.im-help-link .im-nav-icon{opacity:.7}.im-help-link:hover .im-nav-icon{opacity:1}.im-topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.im-page-title{color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:700}.im-topbar-right{align-items:center;gap:12px;display:flex}.im-company-name{color:var(--text-secondary);font-size:13px;font-weight:600}.im-avatar{background:var(--green);color:#fff;letter-spacing:.04em;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.im-dashboard{flex-direction:column;gap:20px;max-width:1200px;display:flex}.im-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1100px){.im-stats-grid{grid-template-columns:repeat(2,1fr)}}.im-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.im-stat-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.im-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.im-stat-icon{border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.im-stat-icon.green{background:var(--green-light);color:var(--green)}.im-stat-icon.blue{background:var(--blue-light);color:var(--blue)}.im-stat-icon.orange{background:var(--orange-light);color:var(--orange)}.im-stat-icon.red{background:var(--red-light);color:var(--red)}.im-stat-value{color:var(--text-primary);letter-spacing:-1px;margin-bottom:6px;font-size:26px;font-weight:800;line-height:1}.im-stat-delta{font-size:12px;font-weight:600}.im-stat-delta.positive{color:var(--green)}.im-stat-delta.negative{color:var(--red)}.im-stat-delta.neutral{color:var(--text-muted)}.im-stat-sub{color:var(--text-muted);font-weight:400}.im-dash-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.im-dash-grid{grid-template-columns:1fr}}.im-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.im-panel-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.im-panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.im-panel-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.im-panel-dot.red{background:var(--red)}.im-panel-dot.green{background:var(--green)}.im-panel-dot.blue{background:var(--blue)}.im-panel-link{color:var(--green);font-size:12px;font-weight:600;transition:opacity .12s}.im-panel-link:hover{opacity:.7}.im-panel-body{padding:8px 0}.im-low-row{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:11px 20px;transition:background .1s;display:flex}.im-low-row:last-child{border-bottom:none}.im-low-row:hover{background:var(--bg)}.im-low-info{flex:1;min-width:0}.im-low-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.im-low-supplier{color:var(--text-muted);margin-top:1px;font-size:11px}.im-low-qty{flex-shrink:0;align-items:baseline;gap:2px;display:flex}.im-qty-current{color:var(--red);font-size:15px;font-weight:800}.im-qty-sep{color:var(--text-muted);font-size:11px}.im-qty-min{color:var(--text-muted);font-size:12px}.im-reorder-btn{color:var(--green);border:1px solid var(--green-mid);background:var(--green-light);white-space:nowrap;border-radius:4px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700;transition:all .12s}.im-reorder-btn:hover{background:var(--green);color:#fff;border-color:var(--green)}.im-table-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-light);grid-template-columns:90px 1fr 100px 90px;padding:8px 20px;font-size:11px;font-weight:700;display:grid}.im-table-row{border-bottom:1px solid var(--border-light);grid-template-columns:90px 1fr 100px 90px;align-items:center;padding:11px 20px;font-size:13px;transition:background .1s;display:grid}.im-table-row:last-child{border-bottom:none}.im-table-row:hover{background:var(--bg)}.im-order-ref{color:var(--text-secondary);font-family:DM Mono,monospace;font-size:12px;font-weight:600}.im-order-customer{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;padding-right:12px;font-weight:500;overflow:hidden}.im-order-total{color:var(--text-primary);font-size:13px;font-weight:700}.im-status-badge{text-align:center;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.im-status-badge.ok{background:var(--green-light);color:var(--green)}.im-status-badge.warn{background:var(--orange-light);color:var(--orange)}.im-status-badge.info{background:var(--blue-light);color:var(--blue)}.im-status-badge.out{background:var(--red-light);color:var(--red)}.im-status-badge.low{background:var(--orange-light);color:var(--orange)}.im-status-badge.blue{color:#2563eb;background:#eff6ff}.im-status-badge.muted{background:var(--bg);color:var(--text-muted)}.im-panel-tabs{gap:4px;display:flex}.im-tab{color:var(--text-muted);border-radius:5px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .12s}.im-tab:hover{background:var(--bg);color:var(--text-secondary)}.im-tab.active{background:var(--green-light);color:var(--green)}.im-fin-grid{grid-template-columns:repeat(3,1fr);gap:0;padding:4px 0 8px;display:grid}@media (width<=900px){.im-fin-grid{grid-template-columns:repeat(2,1fr)}}.im-fin-item{border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:16px 20px}.im-fin-item:nth-child(3),.im-fin-item:nth-child(6){border-right:none}.im-fin-item:nth-child(4),.im-fin-item:nth-child(5),.im-fin-item:nth-child(6){border-bottom:none}.im-fin-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:600}.im-fin-value{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:3px;font-size:20px;font-weight:800}.im-fin-note{font-size:12px;font-weight:600}.im-fin-note.positive{color:var(--green)}.im-fin-note.negative{color:var(--red)}.im-fin-note.neutral{color:var(--text-muted)}.im-products{flex-direction:column;gap:16px;max-width:1200px;display:flex}.im-prod-stats{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:0;padding:16px 24px;display:flex}.im-prod-stat{flex-direction:column;gap:2px;padding:0 24px;display:flex}.im-prod-stat:first-child{padding-left:0}.im-prod-stat-val{color:var(--text-primary);letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1}.im-prod-stat-val.red{color:var(--red)}.im-prod-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.im-prod-stat-div{background:var(--border);flex-shrink:0;width:1px;height:32px}.im-add-btn{background:var(--green);color:#fff;white-space:nowrap;border-radius:6px;margin-left:auto;padding:9px 18px;font-size:13px;font-weight:700;transition:background .12s}.im-add-btn:hover{background:#047857}.im-prod-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.im-search-wrap{flex:1;min-width:200px;max-width:320px;position:relative}.im-search-icon{color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.im-search{border:1px solid var(--border);width:100%;color:var(--text-primary);background:var(--surface);border-radius:6px;outline:none;padding:8px 12px 8px 32px;font-family:inherit;font-size:13px;transition:border-color .12s}.im-search:focus{border-color:var(--green)}.im-search::placeholder{color:var(--text-muted)}.im-cat-tabs{background:var(--surface);border:1px solid var(--border);border-radius:6px;gap:4px;padding:3px;display:flex}.im-cat-tab{color:var(--text-muted);border-radius:4px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .12s}.im-cat-tab:hover{color:var(--text-secondary);background:var(--bg)}.im-cat-tab.active{background:var(--green);color:#fff}.im-prod-table-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-light);background:var(--bg);grid-template-columns:2fr 1.1fr .9fr 1.1fr .8fr .8fr .7fr 1fr 70px;padding:10px 20px;font-size:11px;font-weight:700;display:grid}.im-prod-row{border-bottom:1px solid var(--border-light);cursor:pointer;grid-template-columns:2fr 1.1fr .9fr 1.1fr .8fr .8fr .7fr 1fr 70px;align-items:center;padding:12px 20px;font-size:13px;transition:background .1s;display:grid}.im-prod-row:last-child{border-bottom:none}.im-prod-row:hover{background:#f0fdf4}.im-prod-row.selected{border-left:3px solid var(--green);background:#f0fdf4}.im-prod-name-cell{flex-direction:column;gap:2px;min-width:0;display:flex}.im-prod-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.im-prod-supplier{color:var(--text-muted);font-size:11px}.im-prod-sku{color:var(--text-secondary);font-family:DM Mono,monospace;font-size:11px;font-weight:500}.im-prod-cat{color:var(--text-secondary);font-size:12px;font-weight:500}.im-prod-cost{color:var(--text-secondary);font-size:13px;font-weight:500}.im-prod-price{color:var(--text-primary);font-size:13px;font-weight:600}.im-prod-stock-cell{align-items:center;gap:6px;display:flex}.im-prod-stock-num{color:var(--text-primary);min-width:24px;font-size:15px;font-weight:800}.im-prod-stock-num.red{color:var(--red)}.im-stock-bar-wrap{background:var(--border-light);border-radius:2px;flex:1;max-width:40px;height:4px;overflow:hidden}.im-stock-bar{border-radius:2px;height:100%;transition:width .3s}.im-reorder-point{color:var(--text-muted);font-size:10px}.im-prod-margin{border-radius:4px;padding:3px 7px;font-size:12px;font-weight:700;display:inline-block}.im-prod-margin.good{background:var(--green-light);color:var(--green)}.im-prod-margin.ok{color:#854d0e;background:#fef9c3}.im-prod-actions{justify-content:flex-end;gap:4px;display:flex}.im-action-btn{width:28px;height:28px;color:var(--text-muted);border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;transition:all .12s;display:flex}.im-action-btn:hover{background:var(--bg);border-color:var(--border);color:var(--text-primary)}.im-action-btn.reorder:hover{background:var(--green-light);border-color:var(--green-mid);color:var(--green)}.im-empty{text-align:center;color:var(--text-muted);padding:40px;font-size:13px}.im-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.im-modal{background:var(--surface);border-radius:12px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.im-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.im-modal-header h3{color:var(--text-primary);font-size:15px;font-weight:700}.im-modal-close{color:var(--text-muted);border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .12s;display:flex}.im-modal-close:hover{background:var(--bg);color:var(--text-primary)}.im-modal-body{flex:1;padding:24px;overflow-y:auto}.im-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.im-field{flex-direction:column;gap:6px;display:flex}.im-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.im-field input,.im-field select{border:1px solid var(--border);color:var(--text-primary);background:#fff;border-radius:6px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .12s}.im-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:36px}.im-field input:focus,.im-field select:focus{border-color:var(--green)}.im-new-cat-row{align-items:center;gap:6px;display:flex}.im-new-cat-input{border:1px solid var(--green);color:var(--text-primary);background:#fff;border-radius:6px;outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:13px}.im-new-cat-confirm{background:var(--green);color:#fff;white-space:nowrap;border-radius:6px;padding:9px 14px;font-size:12px;font-weight:700;transition:background .12s}.im-new-cat-confirm:hover{background:#047857}.im-new-cat-cancel{width:32px;height:36px;color:var(--text-muted);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:all .12s;display:flex}.im-new-cat-cancel:hover{background:var(--bg);color:var(--text-primary)}.im-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.im-btn-primary{background:var(--green);color:#fff;border-radius:6px;padding:9px 20px;font-size:13px;font-weight:700;transition:background .12s}.im-btn-primary:hover{background:#047857}.im-btn-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .12s}.im-btn-secondary:hover{background:var(--bg);border-color:var(--text-muted)}.im-orders-page{flex-direction:column;gap:16px;max-width:1200px;display:flex}.im-order-table-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-light);background:var(--bg);grid-template-columns:100px 1.4fr 100px 100px 80px 100px 90px 100px 70px;padding:10px 20px;font-size:11px;font-weight:700;display:grid}.im-order-row{border-bottom:1px solid var(--border-light);cursor:pointer;grid-template-columns:100px 1.4fr 100px 100px 80px 100px 90px 100px 70px;align-items:center;padding:13px 20px;font-size:13px;transition:background .1s;display:grid}.im-order-row:hover{background:#f0fdf4}.im-order-row.expanded{border-left:3px solid var(--green);background:#f0fdf4}.im-order-id{color:var(--green);font-family:DM Mono,monospace;font-size:12px;font-weight:700}.im-order-cust{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;padding-right:12px;font-weight:600;overflow:hidden}.im-order-date{color:var(--text-secondary);font-family:DM Mono,monospace;font-size:12px}.im-order-items-count{color:var(--text-muted);font-size:12px}.im-order-total-val{color:var(--text-primary);font-size:13px;font-weight:700}.im-order-detail{border-bottom:1px solid var(--border-light);border-left:3px solid var(--green);background:#f8fafb;padding:16px 20px 16px 24px}.im-order-detail-head{border-bottom:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;gap:16px;padding-bottom:8px;font-size:11px;font-weight:700;display:flex}.im-order-detail-head span,.im-order-detail-row span{flex:1}.im-order-detail-row{border-bottom:1px solid var(--border-light);align-items:center;gap:16px;padding:9px 0;font-size:13px;display:flex}.im-order-detail-row:last-of-type{border-bottom:none}.im-detail-name{color:var(--text-primary);font-weight:500}.im-detail-sku{color:var(--text-muted);font-family:DM Mono,monospace;font-size:11px}.im-detail-qty{color:var(--text-secondary);font-weight:600}.im-detail-price{color:var(--text-secondary)}.im-detail-total{color:var(--text-primary);font-weight:700}.im-order-detail-footer{border-top:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:4px;padding:12px 0 10px;font-size:13px;font-weight:600;display:flex}.im-detail-grand{color:var(--text-primary);font-size:16px;font-weight:800}.im-order-detail-actions{border-top:1px solid var(--border-light);gap:8px;padding-top:12px;display:flex}.im-order-items-section{border:1px solid var(--border);border-radius:8px;margin-top:20px;overflow:hidden}.im-order-items-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;font-weight:700}.im-order-items-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);gap:10px;padding:8px 14px;font-size:11px;font-weight:700;display:flex}.im-order-item-row{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:10px 14px;display:flex}.im-add-line-btn{width:100%;color:var(--green);text-align:left;background:#fff;padding:10px 14px;font-size:13px;font-weight:600;transition:background .12s;display:block}.im-add-line-btn:hover{background:var(--green-light)}.ls-stock-pct,.ls-days-left{color:#9ca3af;font-family:DM Mono,monospace;font-size:10px}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes supSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=900px){.rpt-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.rpt-charts-row{grid-template-columns:1fr}}@media (width<=1000px){.rpt-bottom-row{grid-template-columns:1fr}}.rpt-top-units,.rpt-top-avg{text-align:right;color:#6b7280;flex:1;font-size:12px}.im-placeholder{height:60vh;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.im-placeholder-icon{background:var(--bg);border:1px solid var(--border);width:56px;height:56px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.im-placeholder h2{color:var(--text-secondary);font-size:18px;font-weight:700}.im-placeholder p{color:var(--text-muted);font-size:14px}.po-page{flex-direction:column;gap:16px;max-width:1200px;display:flex}.po-stat-bar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:0;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000014}.po-stat{flex-direction:column;gap:2px;padding:0 24px;display:flex}.po-stat:first-child{padding-left:0}.po-stat-val{color:#111827;letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1}.po-stat-val.po-orange{color:#d97706}.po-stat-val.po-muted{color:#9ca3af}.po-stat-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.po-stat-div{background:#e5e7eb;flex-shrink:0;width:1px;height:32px}.po-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#059669;border:none;border-radius:6px;margin-left:auto;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .12s}.po-add-btn:hover{background:#047857}.po-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.po-search-wrap{flex:1;min-width:200px;max-width:320px;position:relative}.po-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.po-search{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;width:100%;padding:8px 12px 8px 32px;font-family:inherit;font-size:13px;transition:border-color .12s}.po-search:focus{border-color:#059669}.po-search::placeholder{color:#9ca3af}.po-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:6px;gap:4px;padding:3px;display:flex}.po-tab{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s}.po-tab:hover{color:#6b7280;background:#f8fafb}.po-tab.active{color:#fff;background:#059669}.po-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}.po-table-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;background:#f8fafb;border-bottom:1px solid #f3f4f6;grid-template-columns:100px 1.2fr 100px 130px 80px 110px 90px 100px 90px;padding:10px 20px;font-size:11px;font-weight:700;display:grid}.po-row{cursor:pointer;border-bottom:1px solid #f3f4f6;grid-template-columns:100px 1.2fr 100px 130px 80px 110px 90px 100px 90px;align-items:center;padding:13px 20px;font-size:13px;transition:background .1s;display:grid}.po-row:last-child{border-bottom:none}.po-row:hover{background:#f0fdf4}.po-row.expanded{background:#f0fdf4;border-left:3px solid #059669}.po-id{color:#059669;font-family:DM Mono,monospace;font-size:12px;font-weight:700}.po-supplier{color:#111827;white-space:nowrap;text-overflow:ellipsis;padding-right:12px;font-weight:600;overflow:hidden}.po-date{color:#6b7280;font-family:DM Mono,monospace;font-size:12px}.po-item-count{color:#9ca3af;font-size:12px}.po-total{color:#111827;font-size:13px;font-weight:700}.po-badge{text-align:center;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.po-draft{color:#6b7280;background:#f3f4f6}.po-sent{color:#2563eb;background:#eff6ff}.po-partial{color:#d97706;background:#fffbeb}.po-received{color:#059669;background:#ecfdf5}.po-cancelled{color:#dc2626;background:#fef2f2}.po-pay-paid{color:#059669;background:#ecfdf5}.po-pay-unpaid{color:#d97706;background:#fffbeb}.po-actions{justify-content:flex-end;gap:4px;display:flex}.po-action-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;transition:all .12s;display:flex}.po-action-btn:hover{color:#111827;background:#f8fafb;border-color:#e5e7eb}.po-receive-btn:hover{color:#059669;background:#ecfdf5;border-color:#d1fae5}.po-empty{text-align:center;color:#9ca3af;padding:40px;font-size:13px}.po-detail{background:#f8fafb;border-bottom:1px solid #f3f4f6;border-left:3px solid #059669;padding:16px 20px 16px 24px}.po-detail-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e5e7eb;gap:16px;padding-bottom:8px;font-size:11px;font-weight:700;display:flex}.po-detail-head span,.po-detail-row span{flex:1}.po-detail-col-lg{flex:2!important}.po-detail-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;padding:9px 0;font-size:13px;display:flex}.po-detail-row:last-of-type{border-bottom:none}.po-detail-name{color:#111827;font-weight:500}.po-detail-sku{color:#9ca3af;font-family:DM Mono,monospace;font-size:11px}.po-detail-qty{color:#6b7280;font-weight:600}.po-detail-price{color:#6b7280}.po-detail-total{color:#111827;font-weight:700}.po-detail-footer{color:#6b7280;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 0 10px;font-size:13px;font-weight:600;display:flex}.po-detail-grand{color:#111827;font-size:16px;font-weight:800}.po-detail-actions{border-top:1px solid #f3f4f6;gap:8px;padding-top:12px;display:flex}.po-btn-primary{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .12s}.po-btn-primary:hover{background:#047857}.po-btn-outline{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.po-btn-outline:hover{color:#059669;background:#f0fdf4;border-color:#059669}.po-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.po-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.po-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.po-modal-header h3{color:#111827;font-size:15px;font-weight:700}.po-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:14px;transition:all .12s;display:flex}.po-modal-close:hover{color:#111827;background:#f3f4f6}.po-modal-body{flex:1;padding:24px;overflow-y:auto}.po-form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.po-field{flex-direction:column;gap:5px;display:flex}.po-field-full{grid-column:1/-1}.po-field label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.po-field input,.po-field select,.po-textarea{color:#111827;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .12s}.po-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:36px}.po-field input:focus,.po-field select:focus,.po-textarea:focus{border-color:#059669}.po-textarea{resize:vertical;min-height:60px}.po-items-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.po-items-label{text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;background:#f8fafb;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:11px;font-weight:700}.po-items-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:8px 14px;font-size:11px;font-weight:700;display:flex}.po-item-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:10px 14px;display:flex}.po-item-row:last-of-type{border-bottom:none}.po-col-product{flex:2}.po-col-sku{flex:0 0 110px}.po-col-qty{flex:0 0 65px}.po-col-cost{flex:0 0 90px}.po-col-total{flex:0 0 80px}.po-col-del{flex:0 0 28px}.po-item-row .po-col-product,.po-item-row .po-col-qty,.po-item-row .po-col-cost{color:#111827;appearance:none;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:5px;outline:none;min-width:0;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .12s}.po-item-row input.po-col-qty{width:65px}.po-item-row input.po-col-cost{width:90px}select.po-col-product{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;padding-right:32px}.po-item-row .po-col-product:focus,.po-item-row .po-col-qty:focus,.po-item-row .po-col-cost:focus{border-color:#059669}.po-sku-label{color:#9ca3af;align-items:center;font-family:DM Mono,monospace;font-size:11px;display:flex}.po-line-total{color:#111827;align-items:center;font-size:13px;font-weight:700;display:flex}.po-del-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:all .12s;display:flex}.po-del-btn:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#fecaca}.po-del-btn:disabled{opacity:.3;cursor:default}.po-add-line{color:#059669;text-align:left;cursor:pointer;background:#fff;border:none;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s;display:block}.po-add-line:hover{background:#ecfdf5}.po-modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.po-footer-total{color:#6b7280;font-size:13px}.po-footer-total strong{color:#111827;margin-left:4px;font-size:16px;font-weight:800}.po-footer-actions{gap:8px;display:flex}.sm-page{flex-direction:column;gap:16px;max-width:1300px;display:flex}.sm-stat-bar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:0;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000014}.sm-stat{flex-direction:column;gap:2px;padding:0 24px;display:flex}.sm-stat:first-child{padding-left:0}.sm-stat-val{color:#111827;letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1}.sm-stat-val.sm-green{color:#059669}.sm-stat-val.sm-red{color:#dc2626}.sm-stat-val.sm-orange{color:#d97706}.sm-stat-val.sm-blue{color:#2563eb}.sm-stat-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.sm-stat-div{background:#e5e7eb;flex-shrink:0;width:1px;height:32px}.sm-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#059669;border:none;border-radius:6px;margin-left:auto;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .12s}.sm-add-btn:hover{background:#047857}.sm-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sm-search-wrap{flex:1;min-width:200px;max-width:300px;position:relative}.sm-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sm-search{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;width:100%;padding:8px 12px 8px 32px;font-family:inherit;font-size:13px;transition:border-color .12s}.sm-search:focus{border-color:#059669}.sm-search::placeholder{color:#9ca3af}.sm-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.sm-tab{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s}.sm-tab:hover{color:#6b7280;background:#f8fafb}.sm-tab.active{color:#fff;background:#059669}.sm-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:auto hidden;box-shadow:0 1px 3px #00000014}.sm-table-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;background:#f8fafb;border-bottom:1px solid #f3f4f6;grid-template-columns:90px 130px 1.4fr 110px 70px 70px 70px 90px 100px 1fr;min-width:1000px;padding:10px 20px;font-size:11px;font-weight:700;display:grid}.sm-row{border-bottom:1px solid #f3f4f6;grid-template-columns:90px 130px 1.4fr 110px 70px 70px 70px 90px 100px 1fr;align-items:center;min-width:1000px;padding:12px 20px;font-size:13px;transition:background .1s;display:grid}.sm-row:last-child{border-bottom:none}.sm-row:hover{background:#f9fafb}.sm-id{color:#9ca3af;font-family:DM Mono,monospace;font-size:11px}.sm-date{color:#6b7280;font-family:DM Mono,monospace;font-size:11px}.sm-product-cell{flex-direction:column;gap:1px;min-width:0;padding-right:12px;display:flex}.sm-product-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sm-product-sku{color:#9ca3af;font-family:DM Mono,monospace;font-size:10px}.sm-type-badge{white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.sm-type-icon{font-size:10px;font-weight:900}.mt-sale{color:#dc2626;background:#fef2f2}.mt-receive{color:#059669;background:#ecfdf5}.mt-adjust{color:#2563eb;background:#eff6ff}.mt-damage{color:#d97706;background:#fffbeb}.mt-theft{color:#7c3aed;background:#f5f3ff}.mt-return{color:#059669;background:#ecfdf5}.sm-qty{font-family:DM Mono,monospace;font-size:14px;font-weight:800}.sm-qty-pos{color:#059669}.sm-qty-neg{color:#dc2626}.sm-stock-num{color:#374151;font-family:DM Mono,monospace;font-size:13px;font-weight:600}.sm-stock-num.sm-low{color:#dc2626}.sm-ref{color:#059669;font-family:DM Mono,monospace;font-size:11px;font-weight:600}.sm-user{color:#6b7280;font-size:12px;font-weight:500}.sm-notes{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sm-empty{text-align:center;color:#9ca3af;padding:40px;font-size:13px}.sm-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sm-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.sm-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sm-modal-header h3{color:#111827;font-size:15px;font-weight:700}.sm-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:14px;transition:all .12s;display:flex}.sm-modal-close:hover{color:#111827;background:#f3f4f6}.sm-modal-body{flex:1;padding:24px;overflow-y:auto}.sm-type-selector{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.sm-type-pill{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.sm-type-pill:hover{color:#059669;border-color:#059669}.sm-type-pill.active{color:#fff}.sm-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sm-field{flex-direction:column;gap:5px;display:flex}.sm-field-full{grid-column:1/-1}.sm-field label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.sm-field input,.sm-field select{color:#111827;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .12s}.sm-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:36px}.sm-field input:focus,.sm-field select:focus{border-color:#059669}.sm-textarea{color:#111827;resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;min-height:72px;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .12s}.sm-textarea:focus{border-color:#059669}.sm-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;align-items:flex-start;gap:8px;margin-top:16px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.sm-warning svg{color:#d97706;flex-shrink:0;margin-top:1px}.sm-modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.sm-btn-primary{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:background .12s}.sm-btn-primary:hover{background:#047857}.sm-btn-outline{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.sm-btn-outline:hover{color:#059669;background:#f0fdf4;border-color:#059669}.ls-page{flex-direction:column;gap:20px;max-width:1200px;display:flex}.ls-stat-bar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:0;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000014}.ls-stat{flex-direction:column;gap:2px;padding:0 24px;display:flex}.ls-stat:first-child{padding-left:0}.ls-stat-val{color:#111827;letter-spacing:-1px;font-size:28px;font-weight:800;line-height:1}.ls-stat-val.ls-red{color:#dc2626}.ls-stat-val.ls-orange{color:#d97706}.ls-stat-val.ls-yellow{color:#f59e0b}.ls-stat-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.ls-stat-div{background:#e5e7eb;flex-shrink:0;width:1px;height:32px}.ls-select-all-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e5e7eb;border-radius:6px;margin-left:auto;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s}.ls-select-all-btn:hover{color:#111827;border-color:#9ca3af}.ls-bulk-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:none;border-radius:6px;margin-left:8px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .12s}.ls-bulk-btn:hover{background:#1e293b}.ls-section{flex-direction:column;gap:10px;display:flex}.ls-section-header{align-items:center;gap:10px;display:flex}.ls-section-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ls-dot-critical{background:#dc2626}.ls-dot-low{background:#d97706}.ls-dot-warning{background:#f59e0b}.ls-section-title{color:#111827;font-size:14px;font-weight:700}.ls-section-desc{color:#9ca3af;font-size:11px;font-weight:400}.ls-section-count{color:#9ca3af;margin-left:auto;font-size:12px;font-weight:500}.ls-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}.ls-table-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;background:#f8fafb;border-bottom:1px solid #f3f4f6;grid-template-columns:36px 1.8fr .8fr 1.1fr 1fr .7fr .8fr .8fr .9fr 90px;align-items:center;padding:10px 20px;font-size:11px;font-weight:700;display:grid}.ls-row{border-bottom:1px solid #f3f4f6;grid-template-columns:36px 1.8fr .8fr 1.1fr 1fr .7fr .8fr .8fr .9fr 90px;align-items:center;padding:13px 20px;font-size:13px;transition:background .1s;display:grid}.ls-row:last-child{border-bottom:none}.ls-row:hover{background:#fffbeb}.ls-row.ls-selected{background:#fef9c3}.ls-check-col{justify-content:center;align-items:center;display:flex}.ls-checkbox{cursor:pointer;accent-color:#059669;width:15px;height:15px}.ls-product-cell{flex-direction:column;gap:2px;min-width:0;padding-right:12px;display:flex}.ls-product-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ls-product-sku{color:#9ca3af;font-family:DM Mono,monospace;font-size:10px}.ls-category{color:#6b7280;font-size:12px;font-weight:500}.ls-stock-cell{flex-direction:column;gap:4px;display:flex}.ls-stock-numbers{align-items:baseline;gap:2px;display:flex}.ls-stock-current{font-family:DM Mono,monospace;font-size:18px;font-weight:800;line-height:1}.ls-sev-critical{color:#dc2626}.ls-sev-low{color:#d97706}.ls-sev-warning{color:#f59e0b}.ls-stock-sep{color:#9ca3af;margin:0 1px;font-size:11px}.ls-stock-reorder{color:#9ca3af;font-size:12px}.ls-bar-wrap{background:#f3f4f6;border-radius:2px;width:100%;max-width:80px;height:4px;overflow:hidden}.ls-bar-fill{border-radius:2px;height:100%;transition:width .3s}.ls-stock-pct,.ls-days-left{color:#9ca3af;font-family:DM Mono,monospace;font-size:10px}.ls-supplier{color:#374151;font-size:12px;font-weight:500}.ls-lead-cell{flex-direction:column;gap:1px;display:flex}.ls-lead-days{color:#111827;font-family:DM Mono,monospace;font-size:13px;font-weight:700}.ls-est-arrival{color:#9ca3af;font-size:10px}.ls-reorder-qty{color:#374151;font-size:12px;font-weight:600}.ls-est-cost{color:#111827;font-size:13px;font-weight:700}.ls-last-ordered{color:#9ca3af;font-family:DM Mono,monospace;font-size:11px}.ls-row-actions{justify-content:flex-end;display:flex}.ls-reorder-btn{color:#059669;cursor:pointer;white-space:nowrap;background:#ecfdf5;border:1px solid #d1fae5;border-radius:5px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .12s}.ls-reorder-btn:hover{color:#fff;background:#059669;border-color:#059669}.ls-all-good{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 24px;display:flex}.ls-all-good-icon{color:#059669;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:8px;font-size:24px;display:flex}.ls-all-good h2{color:#374151;font-size:18px;font-weight:700}.ls-all-good p{color:#9ca3af;font-size:14px}.ls-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ls-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.ls-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ls-modal-header h3{color:#111827;font-size:14px;font-weight:700}.ls-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:14px;transition:all .12s;display:flex}.ls-modal-close:hover{color:#111827;background:#f3f4f6}.ls-modal-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.ls-order-item{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.ls-order-item-info{border-bottom:1px solid #f3f4f6;flex-direction:column;gap:2px;padding-bottom:10px;display:flex}.ls-order-item-name{color:#111827;font-size:14px;font-weight:700}.ls-order-item-sku{color:#9ca3af;font-family:DM Mono,monospace;font-size:11px}.ls-order-item-fields{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:10px;display:grid}.ls-order-field{flex-direction:column;gap:5px;display:flex}.ls-order-field label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.ls-order-field input,.ls-order-field select{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:5px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .12s}.ls-order-field input:focus,.ls-order-field select:focus{border-color:#059669}.ls-order-est{color:#6b7280;white-space:nowrap;padding-bottom:2px;font-size:12px}.ls-order-est strong{color:#111827;font-size:14px;font-weight:800}.ls-modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.ls-btn-primary{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:background .12s}.ls-btn-primary:hover{background:#047857}.ls-btn-outline{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.ls-btn-outline:hover{color:#059669;background:#f0fdf4;border-color:#059669}.inv-page{flex-direction:column;gap:16px;max-width:1200px;display:flex}.inv-stat-bar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:0;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000014}.inv-stat{flex-direction:column;gap:2px;padding:0 24px;display:flex}.inv-stat:first-child{padding-left:0}.inv-stat-val{color:#111827;letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1}.inv-stat-val.inv-green{color:#059669}.inv-stat-val.inv-orange{color:#d97706}.inv-stat-val.inv-red{color:#dc2626}.inv-stat-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.inv-stat-div{background:#e5e7eb;flex-shrink:0;width:1px;height:32px}.inv-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.inv-search-wrap{flex:1;min-width:200px;max-width:320px;position:relative}.inv-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.inv-search{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;width:100%;padding:8px 12px 8px 32px;font-family:inherit;font-size:13px;transition:border-color .12s}.inv-search:focus{border-color:#059669}.inv-search::placeholder{color:#9ca3af}.inv-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:6px;gap:4px;padding:3px;display:flex}.inv-tab{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s}.inv-tab:hover{color:#6b7280;background:#f8fafb}.inv-tab.active{color:#fff;background:#059669}.inv-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}.inv-table-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;background:#f8fafb;border-bottom:1px solid #f3f4f6;grid-template-columns:110px 1.3fr 90px 95px 95px 90px 80px 100px 90px 110px;padding:10px 20px;font-size:11px;font-weight:700;display:grid}.inv-row{cursor:pointer;border-bottom:1px solid #f3f4f6;grid-template-columns:110px 1.3fr 90px 95px 95px 90px 80px 100px 90px 110px;align-items:center;padding:13px 20px;font-size:13px;transition:background .1s;display:grid}.inv-row:last-child{border-bottom:none}.inv-row:hover{background:#f0fdf4}.inv-id{color:#059669;font-family:DM Mono,monospace;font-size:11px;font-weight:700}.inv-customer{color:#111827;white-space:nowrap;text-overflow:ellipsis;padding-right:12px;font-weight:600;overflow:hidden}.inv-orderref{color:#9ca3af;font-family:DM Mono,monospace;font-size:11px}.inv-date{color:#6b7280;font-family:DM Mono,monospace;font-size:11px}.inv-date-overdue{color:#dc2626;font-weight:700}.inv-amount{color:#374151;font-size:13px;font-weight:500}.inv-tax-amt{color:#9ca3af;font-size:12px}.inv-total-amt{color:#111827;font-size:13px;font-weight:700}.inv-status-badge{text-align:center;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.inv-paid{color:#059669;background:#ecfdf5}.inv-unpaid{color:#d97706;background:#fffbeb}.inv-overdue{color:#dc2626;background:#fef2f2}.inv-row-actions{justify-content:flex-end;gap:3px;display:flex}.inv-action-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:27px;height:27px;transition:all .12s;display:flex}.inv-action-btn:hover{color:#374151;background:#f8fafb;border-color:#e5e7eb}.inv-mark-paid:hover{color:#059669;background:#ecfdf5;border-color:#d1fae5}.inv-empty{text-align:center;color:#9ca3af;padding:40px;font-size:13px}.inv-preview-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.inv-preview{background:#f1f5f9;border-radius:12px;flex-direction:column;width:100%;max-width:720px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000040}.inv-preview-topbar{background:#0f172a;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.inv-preview-label{color:#ffffff80;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:12px;font-weight:600}.inv-preview-actions{align-items:center;gap:8px;display:flex}.inv-action-pill{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:5px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s}.inv-action-pill:hover{color:#fff;background:#ffffff1f}.inv-action-pill.inv-action-primary{color:#fff;background:#059669;border-color:#059669}.inv-action-pill.inv-action-primary:hover{background:#047857}.inv-preview-close{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:4px;font-family:inherit;font-size:14px;transition:all .12s;display:flex}.inv-preview-close:hover{color:#fff;background:#ffffff1a}.inv-doc{background:#fff;border-radius:8px;flex:1;margin:16px;padding:40px;position:relative;overflow-y:auto;box-shadow:0 2px 8px #00000014}.inv-doc-header{border-bottom:2px solid #111827;justify-content:space-between;align-items:flex-start;margin-bottom:36px;padding-bottom:24px;display:flex}.inv-doc-logo{align-items:center;gap:10px;margin-bottom:8px;display:flex}.inv-doc-biz-name{color:#111827;font-size:16px;font-weight:700}.inv-doc-biz-details{color:#6b7280;font-size:12px;line-height:1.7}.inv-doc-title-block{text-align:right}.inv-doc-title{color:#111827;letter-spacing:.08em;margin:0 0 6px;font-size:36px;font-weight:800;line-height:1}.inv-doc-number{color:#6b7280;font-family:DM Mono,monospace;font-size:13px}.inv-doc-meta{justify-content:space-between;margin-bottom:32px;display:flex}.inv-doc-meta-label{text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;margin-bottom:8px;font-size:10px;font-weight:700}.inv-doc-cust-name{color:#111827;margin-bottom:4px;font-size:15px;font-weight:700}.inv-doc-cust-detail{color:#6b7280;font-size:12px;line-height:1.7}.inv-doc-details{text-align:right}.inv-doc-detail-row{justify-content:flex-end;align-items:center;gap:20px;margin-bottom:6px;display:flex}.inv-doc-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.inv-doc-detail-val{color:#374151;text-align:right;min-width:110px;font-family:DM Mono,monospace;font-size:12px;font-weight:600}.inv-doc-table{border-collapse:collapse;width:100%;margin-bottom:24px}.inv-doc-table thead tr{color:#fff;background:#111827}.inv-doc-table th{text-transform:uppercase;letter-spacing:.08em;padding:10px 14px;font-size:11px;font-weight:600}.inv-doc-table tbody tr{border-bottom:1px solid #f3f4f6}.inv-doc-table tbody tr:last-child{border-bottom:none}.inv-doc-table td{color:#374151;padding:12px 14px;font-size:13px}.inv-doc-item-name{color:#111827;font-weight:500}.inv-doc-center{text-align:center;color:#6b7280}.inv-doc-right{text-align:right;color:#111827;font-weight:600}.inv-doc-totals{flex-direction:column;align-items:flex-end;gap:0;margin-bottom:32px;display:flex}.inv-doc-total-row{color:#6b7280;border-bottom:1px solid #f3f4f6;justify-content:space-between;width:240px;padding:6px 0;font-size:13px;display:flex}.inv-doc-grand{color:#111827;border-top:2px solid #111827;border-bottom:none;margin-top:4px;padding-top:10px;font-size:15px;font-weight:800}.inv-doc-payment{background:#f8fafb;border-radius:6px;margin-bottom:20px;padding:16px 20px}.inv-doc-payment-title{text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;margin-bottom:10px;font-size:10px;font-weight:700}.inv-doc-payment-grid{flex-direction:column;gap:5px;display:flex}.inv-doc-pay-row{gap:16px;font-size:12px;display:flex}.inv-doc-pay-row span:first-child{color:#9ca3af;min-width:80px;font-weight:500}.inv-doc-pay-row span:last-child{color:#374151;font-weight:600}.inv-doc-notes{border-top:1px solid #f3f4f6;padding-top:16px}.inv-doc-notes-label{text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;margin-bottom:6px;font-size:10px;font-weight:700}.inv-doc-notes-text{color:#6b7280;font-size:12px;line-height:1.6}.inv-paid-stamp{color:#059669;letter-spacing:.2em;opacity:.3;pointer-events:none;border:4px solid #059669;border-radius:4px;padding:8px 20px;font-size:28px;font-weight:800;position:absolute;top:60px;right:40px;transform:rotate(-15deg)}.cust-page{flex-direction:column;gap:16px;max-width:1200px;display:flex}.cust-stat-bar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:0;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000014}.cust-stat{flex-direction:column;gap:2px;padding:0 20px;display:flex}.cust-stat:first-child{padding-left:0}.cust-stat-val{color:#111827;letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1}.cust-stat-val.cust-green{color:#059669}.cust-stat-val.cust-red{color:#dc2626}.cust-stat-val.cust-orange{color:#d97706}.cust-stat-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.cust-stat-div{background:#e5e7eb;flex-shrink:0;width:1px;height:32px}.cust-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#059669;border:none;border-radius:6px;margin-left:auto;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .12s}.cust-add-btn:hover{background:#047857}.cust-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cust-search-wrap{flex:1;min-width:200px;max-width:320px;position:relative}.cust-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.cust-search{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;width:100%;padding:8px 12px 8px 32px;font-family:inherit;font-size:13px;transition:border-color .12s}.cust-search:focus{border-color:#059669}.cust-search::placeholder{color:#9ca3af}.cust-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:6px;gap:4px;padding:3px;display:flex}.cust-tab{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s}.cust-tab:hover{color:#6b7280;background:#f8fafb}.cust-tab.active{color:#fff;background:#059669}.cust-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}.cust-table-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;background:#f8fafb;border-bottom:1px solid #f3f4f6;grid-template-columns:1.5fr 1fr 120px 80px 120px 110px 70px 95px 90px 70px;padding:10px 20px;font-size:11px;font-weight:700;display:grid}.cust-row{cursor:pointer;border-bottom:1px solid #f3f4f6;grid-template-columns:1.5fr 1fr 120px 80px 120px 110px 70px 95px 90px 70px;align-items:center;padding:13px 20px;font-size:13px;transition:background .1s;display:grid}.cust-row:last-child{border-bottom:none}.cust-row:hover{background:#f0fdf4}.cust-name-cell{flex-direction:column;gap:2px;min-width:0;padding-right:12px;display:flex}.cust-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.cust-tax{color:#9ca3af;font-family:DM Mono,monospace;font-size:10px}.cust-contact{color:#374151;font-size:12px;font-weight:500}.cust-phone{color:#6b7280;font-family:DM Mono,monospace;font-size:11px}.cust-terms{color:#374151;font-size:12px;font-weight:600}.cust-credit-cell{flex-direction:column;gap:4px;display:flex}.cust-credit-limit{color:#111827;font-size:13px;font-weight:600}.cust-mini-bar{background:#f3f4f6;border-radius:2px;width:80px;height:3px;overflow:hidden}.cust-mini-fill{border-radius:2px;height:100%;transition:width .3s}.cust-outstanding{font-size:13px;font-weight:700}.cust-outstanding.cust-red{color:#dc2626}.cust-outstanding.cust-muted{color:#9ca3af;font-weight:400}.cust-order-count{color:#374151;font-size:13px;font-weight:600}.cust-last-order{color:#9ca3af;font-family:DM Mono,monospace;font-size:11px}.cust-status-badge{text-align:center;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.cust-active{color:#059669;background:#ecfdf5}.cust-overdue{color:#dc2626;background:#fef2f2}.cust-inactive{color:#9ca3af;background:#f3f4f6}.cust-row-actions{justify-content:flex-end;gap:4px;display:flex}.cust-action-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .12s;display:flex}.cust-action-btn:hover{color:#374151;background:#f8fafb;border-color:#e5e7eb}.cust-empty{text-align:center;color:#9ca3af;padding:40px;font-size:13px}.cust-detail-overlay{z-index:1000;background:#0006;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.cust-detail-panel{background:#fff;flex-direction:column;width:480px;max-width:100%;animation:.2s slideIn;display:flex;overflow:hidden;box-shadow:-8px 0 40px #00000026}.cust-detail-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.cust-detail-name{color:#111827;margin-bottom:6px;font-size:17px;font-weight:800}.cust-detail-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:inherit;font-size:14px;transition:all .12s;display:flex}.cust-detail-close:hover{color:#111827;background:#f3f4f6}.cust-detail-body{flex:1;padding:0;overflow-y:auto}.cust-detail-section{border-bottom:1px solid #f3f4f6;padding:20px 24px}.cust-detail-section:last-child{border-bottom:none}.cust-detail-section-title{text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;margin-bottom:14px;font-size:11px;font-weight:700}.cust-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cust-info-item{flex-direction:column;gap:3px;display:flex}.cust-info-label{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;font-size:10px;font-weight:700}.cust-info-val{color:#111827;font-size:13px;font-weight:500}.cust-mono{font-family:DM Mono,monospace;font-size:12px}.cust-fin-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.cust-fin-card{background:#f8fafb;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px}.cust-fin-val{color:#111827;margin-bottom:3px;font-size:18px;font-weight:800}.cust-fin-val.cust-green{color:#059669}.cust-fin-val.cust-red{color:#dc2626}.cust-fin-lbl{color:#9ca3af;font-size:11px;font-weight:500}.cust-credit-bar-labels{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.cust-credit-label{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;font-size:11px;font-weight:700}.cust-credit-amounts{color:#6b7280;align-items:center;gap:4px;font-size:12px;display:flex}.cust-credit-amounts .cust-red{color:#dc2626;font-weight:700}.cust-credit-sep{color:#d1d5db}.cust-credit-pct{color:#9ca3af;font-size:11px}.cust-credit-track{background:#f3f4f6;border-radius:3px;width:100%;height:6px;overflow:hidden}.cust-credit-fill{border-radius:3px;height:100%;transition:width .3s}.cust-orders-list{flex-direction:column;gap:0;display:flex}.cust-order-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:9px 0;font-size:13px;display:flex}.cust-order-row:last-child{border-bottom:none}.cust-order-id{color:#059669;flex:1;font-family:DM Mono,monospace;font-size:12px;font-weight:700}.cust-order-date{color:#9ca3af;font-family:DM Mono,monospace;font-size:11px}.cust-order-total{color:#111827;text-align:right;min-width:90px;font-weight:700}.cust-order-badge{white-space:nowrap;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:700}.cust-badge-paid{color:#059669;background:#ecfdf5}.cust-badge-unpaid{color:#d97706;background:#fffbeb}.cust-notes-text{color:#6b7280;font-size:13px;line-height:1.6}.cust-detail-footer{border-top:1px solid #e5e7eb;flex-shrink:0;gap:10px;padding:16px 24px;display:flex}.cust-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cust-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:540px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.cust-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cust-modal-header h3{color:#111827;font-size:15px;font-weight:700}.cust-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:14px;transition:all .12s;display:flex}.cust-modal-close:hover{color:#111827;background:#f3f4f6}.cust-modal-body{flex:1;padding:24px;overflow-y:auto}.cust-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cust-field{flex-direction:column;gap:5px;display:flex}.cust-field-full{grid-column:1/-1}.cust-field label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.cust-field input,.cust-field select{color:#111827;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .12s}.cust-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:36px}.cust-field input:focus,.cust-field select:focus{border-color:#059669}.cust-modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.cust-btn-primary{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;flex:1;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:background .12s}.cust-btn-primary:hover{background:#047857}.cust-btn-outline{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.cust-btn-outline:hover{color:#059669;background:#f0fdf4;border-color:#059669}.sup-page{flex-direction:column;gap:16px;max-width:1200px;display:flex}.sup-stat-bar{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:0;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000014}.sup-stat{flex-direction:column;gap:2px;padding:0 24px;display:flex}.sup-stat:first-child{padding-left:0}.sup-stat-val{color:#111827;letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1}.sup-stat-val.sup-orange{color:#d97706}.sup-stat-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.sup-stat-div{background:#e5e7eb;flex-shrink:0;width:1px;height:32px}.sup-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#059669;border:none;border-radius:6px;margin-left:auto;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .12s}.sup-add-btn:hover{background:#047857}.sup-filters{align-items:center;gap:12px;display:flex}.sup-search-wrap{flex:1;min-width:200px;max-width:320px;position:relative}.sup-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sup-search{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;width:100%;padding:8px 12px 8px 32px;font-family:inherit;font-size:13px;transition:border-color .12s}.sup-search:focus{border-color:#059669}.sup-search::placeholder{color:#9ca3af}.sup-cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.sup-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:14px;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000f}.sup-card:hover{border-color:#059669;box-shadow:0 4px 16px #0596691a}.sup-card-header{align-items:center;gap:12px;display:flex}.sup-card-avatar{color:#fff;letter-spacing:.04em;background:#0f172a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:flex}.sup-card-title{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sup-card-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.sup-stars{flex-shrink:0;gap:1px;display:flex}.sup-star{color:#e5e7eb;font-size:13px;line-height:1}.sup-star-filled{color:#f59e0b}.sup-card-contact{flex-direction:column;gap:2px;display:flex}.sup-card-person{color:#374151;font-size:13px;font-weight:500}.sup-card-phone{color:#9ca3af;font-family:DM Mono,monospace;font-size:11px}.sup-card-stats{background:#f8fafb;border:1px solid #e5e7eb;border-radius:7px;grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.sup-card-stat{text-align:center;border-right:1px solid #e5e7eb;flex-direction:column;align-items:center;padding:10px 8px;display:flex}.sup-card-stat:last-child{border-right:none}.sup-card-stat-val{color:#111827;margin-bottom:3px;font-size:14px;font-weight:800;line-height:1}.sup-card-stat-val.sup-orange{color:#d97706}.sup-card-stat-lbl{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:600}.sup-card-products{flex-wrap:wrap;gap:5px;display:flex}.sup-mini-tag{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.sup-mini-tag.sup-more{color:#059669;background:#ecfdf5;border-color:#d1fae5}.sup-card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.sup-card-last{color:#9ca3af;font-family:DM Mono,monospace;font-size:11px}.sup-card-po-btn{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #d1fae5;border-radius:5px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .12s}.sup-card-po-btn:hover{color:#fff;background:#059669;border-color:#059669}.sup-status-badge{border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.sup-active{color:#059669;background:#ecfdf5}.sup-inactive{color:#9ca3af;background:#f3f4f6}.sup-paused{color:#d97706;background:#fffbeb}.sup-empty{text-align:center;color:#9ca3af;padding:60px;font-size:13px}.sup-detail-overlay{z-index:1000;background:#0006;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.sup-detail-panel{background:#fff;flex-direction:column;width:480px;max-width:100%;animation:.2s supSlideIn;display:flex;overflow:hidden;box-shadow:-8px 0 40px #00000026}.sup-detail-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.sup-detail-name{color:#111827;margin-bottom:8px;font-size:17px;font-weight:800}.sup-detail-sub{align-items:center;gap:10px;display:flex}.sup-detail-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;font-family:inherit;font-size:14px;transition:all .12s;display:flex}.sup-detail-close:hover{color:#111827;background:#f3f4f6}.sup-detail-body{flex:1;overflow-y:auto}.sup-detail-section{border-bottom:1px solid #f3f4f6;padding:20px 24px}.sup-detail-section:last-child{border-bottom:none}.sup-section-title{text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;margin-bottom:14px;font-size:11px;font-weight:700}.sup-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sup-info-item{flex-direction:column;gap:3px;display:flex}.sup-info-label{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;font-size:10px;font-weight:700}.sup-info-val{color:#111827;font-size:13px;font-weight:500}.sup-mono{font-family:DM Mono,monospace;font-size:12px}.sup-fin-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sup-fin-card{background:#f8fafb;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px}.sup-fin-val{color:#111827;margin-bottom:3px;font-size:18px;font-weight:800}.sup-fin-val.sup-green{color:#059669}.sup-fin-val.sup-orange{color:#d97706}.sup-fin-lbl{color:#9ca3af;font-size:11px;font-weight:500}.sup-products-list{flex-wrap:wrap;gap:6px;display:flex}.sup-product-tag{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:500}.sup-po-list{flex-direction:column;gap:0;display:flex}.sup-po-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.sup-po-row:last-child{border-bottom:none}.sup-po-id{color:#059669;flex:1;font-family:DM Mono,monospace;font-size:12px;font-weight:700}.sup-po-date{color:#9ca3af;font-family:DM Mono,monospace;font-size:11px}.sup-po-total{color:#111827;text-align:right;min-width:80px;font-weight:700}.sup-po-badge{white-space:nowrap;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:700}.sup-po-sent{color:#2563eb;background:#eff6ff}.sup-po-partial{color:#d97706;background:#fffbeb}.sup-po-received{color:#059669;background:#ecfdf5}.sup-po-draft{color:#9ca3af;background:#f3f4f6}.sup-notes-text{color:#6b7280;font-size:13px;line-height:1.6}.sup-detail-footer{border-top:1px solid #e5e7eb;flex-shrink:0;gap:10px;padding:16px 24px;display:flex}.sup-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sup-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:540px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.sup-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sup-modal-header h3{color:#111827;font-size:15px;font-weight:700}.sup-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:14px;transition:all .12s;display:flex}.sup-modal-close:hover{color:#111827;background:#f3f4f6}.sup-modal-body{flex:1;padding:24px;overflow-y:auto}.sup-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sup-field{flex-direction:column;gap:5px;display:flex}.sup-field-full{grid-column:1/-1}.sup-field label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.sup-field input,.sup-field select{color:#111827;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .12s}.sup-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:36px}.sup-field input:focus,.sup-field select:focus{border-color:#059669}.sup-modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.sup-btn-primary{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;flex:1;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:background .12s}.sup-btn-primary:hover{background:#047857}.sup-btn-outline{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.sup-btn-outline:hover{color:#059669;background:#f0fdf4;border-color:#059669}.rpt-page{flex-direction:column;gap:20px;max-width:1200px;display:flex}.rpt-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.rpt-title{color:#111827;margin-bottom:3px;font-size:18px;font-weight:800}.rpt-sub{color:#9ca3af;font-size:13px}.rpt-period-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:7px;gap:4px;padding:3px;display:flex}.rpt-period-tab{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s}.rpt-period-tab:hover{color:#6b7280;background:#f8fafb}.rpt-period-tab.active{color:#fff;background:#0f172a}.rpt-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.rpt-kpi-grid{grid-template-columns:repeat(2,1fr)}}.rpt-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.rpt-kpi-card:before{content:"";background:#e5e7eb;height:3px;position:absolute;top:0;left:0;right:0}.rpt-kpi-primary:before{background:#0f172a}.rpt-kpi-green:before{background:#059669}.rpt-kpi-label{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin-bottom:8px;font-size:11px;font-weight:700}.rpt-kpi-val{color:#111827;letter-spacing:-1px;margin-bottom:6px;font-size:28px;font-weight:800;line-height:1}.rpt-kpi-delta{font-size:12px;font-weight:600}.rpt-pos{color:#059669}.rpt-neg{color:#dc2626}.rpt-neutral{color:#9ca3af}.rpt-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000f}.rpt-panel-header{justify-content:space-between;align-items:center;display:flex}.rpt-panel-title{color:#111827;font-size:13px;font-weight:700}.rpt-panel-legend{align-items:center;gap:8px;display:flex}.rpt-legend-dot{border-radius:50%;width:8px;height:8px}.rpt-legend-label{color:#9ca3af;font-size:11px;font-weight:500}.rpt-export-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:5px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s}.rpt-export-btn:hover{color:#059669;background:#f0fdf4;border-color:#059669}.rpt-charts-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.rpt-charts-row{grid-template-columns:1fr}}.rpt-dual-bar-chart{align-items:flex-end;gap:6px;height:240px;padding-bottom:20px;display:flex;position:relative}.rpt-dual-col{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.rpt-dual-bars{flex:1;align-items:flex-end;gap:2px;width:100%;display:flex}.rpt-dual-bar{border-radius:3px 3px 0 0;flex:1;min-height:3px;transition:height .3s}.rpt-rev-bar{opacity:.85;background:#059669}.rpt-cog-bar{background:#e5e7eb}.rpt-line-chart{flex-direction:column;display:flex;position:relative}.rpt-line-svg{flex:1;width:100%;overflow:visible}.rpt-line-labels{justify-content:space-between;margin-top:6px;display:flex}.rpt-line-label{color:#9ca3af;font-family:DM Mono,monospace;font-size:10px}.rpt-trend-footer{border-top:1px solid #f3f4f6;align-items:baseline;gap:10px;padding-top:8px;display:flex}.rpt-trend-val{color:#111827;letter-spacing:-.5px;font-size:18px;font-weight:800}.rpt-trend-delta{font-size:12px;font-weight:600}.rpt-bar-chart{align-items:flex-end;gap:6px;padding-bottom:20px;display:flex}.rpt-bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.rpt-bar{border-radius:3px 3px 0 0;width:100%;min-height:4px;transition:height .3s}.rpt-bar-label{color:#9ca3af;font-family:DM Mono,monospace;font-size:10px}.rpt-bottom-row{grid-template-columns:1fr 1fr auto;align-items:start;gap:16px;display:grid}@media (width<=1000px){.rpt-bottom-row{grid-template-columns:1fr}}.rpt-panel-narrow{min-width:220px}.rpt-top-table-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #f3f4f6;gap:12px;padding:0 0 8px;font-size:10px;font-weight:700;display:flex}.rpt-top-table-head span:first-child{flex:2}.rpt-top-table-head span{text-align:right;flex:1}.rpt-top-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.rpt-top-row:last-child{border-bottom:none}.rpt-top-name-cell{flex:2;align-items:center;gap:8px;min-width:0;display:flex}.rpt-rank{color:#9ca3af;min-width:20px;font-family:DM Mono,monospace;font-size:10px;font-weight:700}.rpt-top-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.rpt-top-cust-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rpt-cust-bar{background:#f3f4f6;border-radius:2px;width:100%;height:3px;overflow:hidden}.rpt-cust-fill{background:#059669;border-radius:2px;height:100%}.rpt-top-rev{text-align:right;color:#111827;flex:1;font-size:12px;font-weight:700}.rpt-top-units,.rpt-top-avg{text-align:right;color:#6b7280;flex:1;font-size:12px}.rpt-top-margin{text-align:right;text-align:center;border-radius:4px;flex:1;padding:2px 6px;font-size:12px;font-weight:700}.rpt-margin-good{color:#059669;background:#ecfdf5}.rpt-margin-ok{color:#d97706;background:#fffbeb}.rpt-share-cell{flex:1;align-items:center;gap:6px;display:flex}.rpt-share-bar{background:#f3f4f6;border-radius:2px;flex:1;height:4px;overflow:hidden}.rpt-share-fill{background:#059669;border-radius:2px;height:100%}.rpt-share-pct{color:#9ca3af;white-space:nowrap;font-size:10px}.rpt-donut-wrap{flex-direction:column;align-items:center;gap:16px;display:flex}.rpt-donut-svg{width:120px;height:120px}.rpt-donut-legend{flex-direction:column;gap:8px;width:100%;display:flex}.rpt-donut-item{align-items:center;gap:8px;font-size:12px;display:flex}.rpt-donut-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.rpt-donut-name{color:#374151;flex:1;font-weight:500}.rpt-donut-pct{color:#111827;font-weight:700}.set-page{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:0;max-width:1100px;min-height:600px;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000014}.set-sidebar{background:#f8fafb;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:2px;width:220px;padding:16px 10px;display:flex}.set-nav-item{color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .12s;display:flex}.set-nav-item:hover{color:#059669;background:#f0fdf4}.set-nav-item.active{color:#059669;background:#ecfdf5;font-weight:600}.set-content{flex:1;min-width:0;overflow-y:auto}.set-section-body{padding:28px 32px}.set-section-header-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.set-section-title{color:#111827;margin-bottom:4px;font-size:15px;font-weight:800}.set-section-desc{color:#9ca3af;margin-bottom:20px;font-size:13px;line-height:1.5}.set-subsection-title{color:#374151;margin-bottom:4px;font-size:13px;font-weight:700}.set-subsection-desc{color:#9ca3af;margin-bottom:14px;font-size:12px}.set-subsection-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.set-divider{background:#f3f4f6;height:1px;margin:24px 0}.set-form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:4px;display:grid}.set-field{flex-direction:column;gap:5px;display:flex}.set-field-full{grid-column:1/-1}.set-field label{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.set-field input,.set-field select{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .12s}.set-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:36px}.set-field input:focus,.set-field select:focus{border-color:#059669}.set-textarea{color:#111827;resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .12s}.set-textarea:focus{border-color:#059669}.set-actions{justify-content:flex-end;margin-top:20px;display:flex}.set-roles-grid{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.set-role-chip{letter-spacing:.04em;border-radius:5px;padding:4px 10px;font-size:11px;font-weight:700}.set-users-table{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:4px;overflow:hidden}.set-users-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;background:#f8fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:1.5fr 1.5fr 100px 100px 80px auto;padding:10px 16px;font-size:10px;font-weight:700;display:grid}.set-user-row{border-bottom:1px solid #f3f4f6;grid-template-columns:1.5fr 1.5fr 100px 100px 80px auto;align-items:center;padding:12px 16px;font-size:13px;display:grid}.set-user-row:last-child{border-bottom:none}.set-user-name-cell{align-items:center;gap:10px;display:flex}.set-user-avatar{color:#fff;background:#0f172a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:flex}.set-user-name{color:#111827;font-size:13px;font-weight:600}.set-user-email{color:#6b7280;font-size:12px}.set-role-badge{text-align:center;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.set-user-login{color:#9ca3af;font-family:DM Mono,monospace;font-size:11px}.set-user-status{font-size:12px;font-weight:600}.set-status-active{color:#059669}.set-status-inactive{color:#9ca3af}.set-user-actions{gap:4px;display:flex}.set-user-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .12s}.set-user-btn:hover{color:#059669;background:#f0fdf4;border-color:#059669}.set-user-btn-danger:hover{color:#dc2626!important;background:#fef2f2!important;border-color:#dc2626!important}.set-permissions-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.set-perm-head,.set-perm-row{grid-template-columns:1.5fr repeat(5,1fr);align-items:center;padding:10px 16px;font-size:12px;display:grid}.set-perm-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;background:#f8fafb;border-bottom:1px solid #e5e7eb;font-size:10px;font-weight:700}.set-perm-row{border-bottom:1px solid #f3f4f6}.set-perm-row:last-child{border-bottom:none}.set-perm-feature{color:#374151;font-weight:500}.set-perm-role{text-align:center}.set-perm-yes{color:#059669;font-size:14px;font-weight:800}.set-perm-no{color:#d1d5db;font-size:14px}.set-plan-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:12px;max-width:400px;margin-bottom:4px;padding:24px}.set-plan-badge{letter-spacing:.12em;text-transform:uppercase;color:#6ee7b7;margin-bottom:8px;font-size:10px;font-weight:700}.set-plan-name{color:#fff;margin-bottom:4px;font-size:24px;font-weight:800}.set-plan-price{color:#fff;letter-spacing:-1px;margin-bottom:20px;font-size:36px;font-weight:800;line-height:1}.set-plan-price span{color:#ffffff80;font-size:16px;font-weight:400}.set-plan-features{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.set-plan-feat{color:#ffffffb3;align-items:center;gap:8px;font-size:13px;display:flex}.set-feat-check{color:#6ee7b7;font-weight:700}.set-plan-actions{gap:8px;display:flex}.set-billing-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.set-billing-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;background:#f8fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:110px 1fr 90px 80px 60px;padding:10px 16px;font-size:10px;font-weight:700;display:grid}.set-billing-row{border-bottom:1px solid #f3f4f6;grid-template-columns:110px 1fr 90px 80px 60px;align-items:center;padding:12px 16px;font-size:13px;display:grid}.set-billing-row:last-child{border-bottom:none}.set-billing-date{color:#6b7280;font-family:DM Mono,monospace;font-size:11px}.set-billing-desc{color:#374151;font-weight:500}.set-billing-amount{color:#111827;font-weight:700}.set-billing-status{color:#059669;font-size:11px;font-weight:700}.set-download-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .12s}.set-download-btn:hover{color:#059669;border-color:#059669}.set-toggle-list{flex-direction:column;gap:0;margin-bottom:4px;display:flex}.set-toggle-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.set-toggle-row:last-child{border-bottom:none}.set-toggle-label{color:#374151;font-size:13px;font-weight:500}.set-toggle{cursor:pointer;background:#e5e7eb;border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.set-toggle-on{background:#059669}.set-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.set-toggle-on .set-toggle-thumb{left:21px}.set-alert-group{margin-bottom:20px}.set-alert-group-title{color:#374151;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e5e7eb;margin-bottom:4px;padding:0 0 8px;font-size:12px;font-weight:700}.set-alert-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.set-alert-row:last-child{border-bottom:none}.set-alert-info{flex-direction:column;gap:2px;display:flex}.set-alert-label{color:#111827;font-size:13px;font-weight:600}.set-alert-sub{color:#9ca3af;font-size:12px}.set-alert-channels{flex-shrink:0}.set-api-table{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:4px;overflow:hidden}.set-api-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;padding:14px 16px;display:flex}.set-api-row:last-of-type{border-bottom:none}.set-api-info{flex-direction:column;flex:1;gap:3px;display:flex}.set-api-name{color:#111827;font-size:13px;font-weight:700}.set-api-key{color:#9ca3af;font-family:DM Mono,monospace;font-size:11px}.set-api-meta{flex-shrink:0;gap:16px;display:flex}.set-api-meta-item{color:#9ca3af;white-space:nowrap;font-size:11px}.set-api-actions{flex-shrink:0;gap:4px;display:flex}.set-add-key-btn{color:#059669;text-align:left;cursor:pointer;background:#f8fafb;border:none;width:100%;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s;display:block}.set-add-key-btn:hover{background:#ecfdf5}.set-webhook-table{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:4px;overflow:hidden}.set-webhook-row{align-items:center;gap:16px;padding:14px 16px;display:flex}.set-webhook-info{flex-direction:column;flex:1;gap:6px;display:flex}.set-webhook-url{color:#374151;font-family:DM Mono,monospace;font-size:12px;font-weight:600}.set-webhook-events{flex-wrap:wrap;gap:5px;display:flex}.set-event-tag{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600}.set-webhook-status{flex-shrink:0;font-size:11px;font-weight:700}.set-wh-active{color:#059669}.set-events-grid{flex-wrap:wrap;gap:6px;display:flex}.set-btn-primary{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:background .12s}.set-btn-primary:hover{background:#047857}.set-btn-outline{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.set-btn-outline:hover{color:#059669;background:#f0fdf4;border-color:#059669}.set-btn-danger{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.set-btn-danger:hover{background:#fef2f2}.set-btn-sm{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:5px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .12s}.set-btn-sm:hover{color:#059669;border-color:#059669}.set-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.set-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:440px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.set-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.set-modal-header h3{color:#111827;font-size:15px;font-weight:700}.set-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:14px;transition:all .12s;display:flex}.set-modal-close:hover{color:#111827;background:#f3f4f6}.set-modal-body{padding:24px}.set-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}