:root{--text:#4b5265;--text-h:#10131c;--bg:#f4f6fb;--surface:#fff;--border:#e2e6f0;--accent:#2f6fed;--accent-hover:#2559c4;--accent-bg:#2f6fed1a;--danger:#d64545;--danger-bg:#d645451a;--success:#1f9d55;--success-bg:#1f9d551a;--warn:#b98900;--warn-bg:#b989001f;--sidebar-bg:#10131c;--sidebar-text:#b6bdd1;--shadow:0 1px 2px #10131c0a, 0 8px 24px #10131c0f;--sans:"Segoe UI", system-ui, Roboto, sans-serif;--chart-blue:#2f6fed;--chart-aqua:#1baf7a;--chart-yellow:#eda100;--chart-track:#e2e6f0;font:15px/1.5 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#b3b9c8;--text-h:#f2f4f9;--bg:#0d0f16;--surface:#161923;--border:#262b3a;--accent:#6d9bff;--accent-hover:#8bb0ff;--accent-bg:#6d9bff24;--sidebar-bg:#0a0c12;--sidebar-text:#9aa1b5;--shadow:0 1px 2px #0000004d, 0 8px 24px #0006;--chart-blue:#3987e5;--chart-aqua:#199e70;--chart-yellow:#c98500;--chart-track:#262b3a}}:root[data-theme=white]{--text:#b7c0d0;--text-h:#fff;--bg:#212a44;--surface:#2b3554;--border:#ffffff21;--accent:#0ea5e9;--accent-hover:#38bdf8;--accent-bg:#0ea5e91f;--brand-orange:#c76f47;--brand-orange-bg:#c76f471a;--danger:#c76f47;--danger-bg:#c76f471a;--success:#10b981;--success-bg:#10b9811a;--warn:#d9a441;--warn-bg:#d9a4411f;--sidebar-bg:#1a2338;--sidebar-text:#98a1b3;--shadow:0 1px 2px #00000040, 0 8px 24px #00000059;--chart-blue:#0ea5e9;--chart-aqua:#10b981;--chart-yellow:#c76f47;--chart-track:#ffffff14}:root[data-theme=blue]{--text:#b7c2d9;--text-h:#eef2fa;--bg:#0f1420;--surface:#161e2e;--border:#28304a;--accent:#3987e5;--accent-hover:#5a9ceb;--accent-bg:#3987e529;--sidebar-bg:#0a0e18;--sidebar-text:#9aa8c4;--shadow:0 1px 2px #0000004d, 0 8px 24px #0006;--chart-blue:#3987e5;--chart-aqua:#199e70;--chart-yellow:#c98500;--chart-track:#28304a}*{box-sizing:border-box}body{margin:0}h1{color:var(--text-h);margin:0 0 4px;font-size:26px;font-weight:600}h2.section-title{color:var(--text-h);margin:28px 0 12px;font-size:16px;font-weight:600}.subtitle{color:var(--text);margin-bottom:20px}.shell{z-index:0;min-height:100vh;display:flex;position:relative}[data-theme=white] .shell:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(640px 640px at 92% -5%,#0ea5e924,#0000 65%),radial-gradient(480px 480px at 4% 96%,#c76f471a,#0000 65%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='1'%3E%3Cpath d='M0 36 H54 L72 54 H140 L158 36 H220'/%3E%3Cpath d='M0 112 H30 L48 130 V182 L66 200 H220'/%3E%3Cpath d='M18 0 V26 L36 44 V96'/%3E%3Cpath d='M182 0 V44 L200 62 V220'/%3E%3Cpath d='M0 168 H26 L44 150 H92 L110 168 H220'/%3E%3Cpath d='M128 0 L146 18 V72 L164 90 H220'/%3E%3C/g%3E%3Cg fill='rgba(255,255,255,0.07)'%3E%3Ccircle cx='54' cy='36' r='2.5'/%3E%3Ccircle cx='158' cy='36' r='2.5'/%3E%3Ccircle cx='48' cy='130' r='2.5'/%3E%3Ccircle cx='200' cy='62' r='2.5'/%3E%3Ccircle cx='110' cy='168' r='2.5'/%3E%3Ccircle cx='164' cy='90' r='2.5'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat,repeat;position:fixed;inset:0}.sidebar{background:linear-gradient(190deg, var(--sidebar-bg) 0%, #171b28 100%);width:248px;color:var(--sidebar-text);border-right:1px solid #ffffff0a;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:32px;padding:0 4px;display:flex}.brand-text{flex-direction:column;gap:1px;line-height:1.2;display:flex}.brand-title{color:#fff;letter-spacing:-.01em;font-size:19px;font-weight:700}.brand-title .accent{color:var(--accent)}.brand-tagline{color:var(--accent);font-size:12px;font-weight:600}.brand-badge{width:32px;height:32px;color:var(--accent);box-shadow:0 0 16px -2px var(--accent-bg);background:#1e293b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.sidebar nav{flex-direction:column;gap:3px;display:flex}.nav-link{color:var(--sidebar-text);border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-icon{text-align:center;opacity:.85;width:20px;font-size:13px}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{background:var(--accent);color:#fff;box-shadow:0 4px 14px #2f6fed59}.sidebar-footer{color:#565c70;margin-top:auto;padding:0 4px;font-size:11px}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex}.topbar-user{align-items:center;gap:12px;display:flex}.topbar-name{color:var(--text-h);font-size:13.5px;font-weight:600}.role-chip{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.role-admin{background:var(--accent-bg);color:var(--accent)}.role-salesperson{background:var(--success-bg);color:var(--success)}.role-sales_manager{background:var(--warn-bg);color:var(--warn)}.role-director{color:#9b59d9;background:#9b59d924}.role-viewer{background:var(--border);color:var(--text)}.content{flex:1;width:100%;max-width:1360px;padding:32px 44px 60px}@media (width<=860px){.shell{flex-direction:column}.sidebar{flex-flow:wrap;align-items:center;gap:12px;width:100%;height:auto;padding:14px 16px;position:static}.brand{margin-bottom:0}.sidebar nav{flex-flow:wrap;gap:4px}.sidebar-footer{display:none}.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:56px;padding:0 16px}.content{padding:20px 16px 40px}}@media (width<=480px){.topbar-name{display:none}}.content:has(>.new-request-layout){max-width:none}.page{flex-direction:column;display:flex}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:24px}.table-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}[data-theme=white] .card,[data-theme=white] .table-card{box-shadow:var(--shadow), 0 0 30px -12px #0ea5e91f;border-color:#0ea5e92e}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}table.table-wide{table-layout:fixed;width:auto;min-width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:12px 16px}.col-sku{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.col-actions{white-space:nowrap;gap:6px;display:flex}th{color:var(--text);text-transform:uppercase;letter-spacing:.04em;background:var(--bg);font-size:12px;font-weight:600}tr:last-child td{border-bottom:none}.empty-row{text-align:center;color:var(--text);padding:32px}.empty-card{text-align:center;color:var(--text)}.muted{color:var(--text);opacity:.75;font-size:12.5px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;max-width:720px;display:grid}.field{flex-direction:column;gap:6px;display:flex;position:relative}.field label{color:var(--text-h);font-size:12.5px;font-weight:600}.field input,.field select{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:9px;padding:10px 12px;font-family:inherit;font-size:14px}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:-1px}.span-2{grid-column:span 2}.new-request-layout{flex-direction:column;display:flex}.new-request-main{flex-direction:column;width:100%;min-width:0;max-width:760px;margin:0 auto;display:flex}.distributor-checklist{border:1px solid var(--border);border-radius:9px;flex-direction:column;gap:8px;max-height:220px;padding:10px 12px;display:flex;overflow-y:auto}.distributor-checkbox{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.distributor-checkbox.no-email{color:var(--text-l)}.add-to-order-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.new-request-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-ghost{border-color:var(--border);color:var(--text-l);background:0 0}.btn-ghost:hover{background:var(--bg)}.assistant-fab{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;cursor:pointer;z-index:30;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .18s,box-shadow .18s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 24px -6px #2f6fed8c}.assistant-fab:hover{transform:translateY(-2px);box-shadow:0 14px 28px -6px #2f6fed99}.assistant-fab svg{width:24px;height:24px}.assistant-float-panel{z-index:29;width:400px;max-width:calc(100vw - 48px);height:min(600px,100vh - 140px);animation:.18s assistant-float-in;position:fixed;bottom:92px;right:24px}.assistant-float-panel .assistant-panel{border:1px solid var(--border);border-radius:16px;width:100%;height:100%;min-height:0;position:static;box-shadow:0 20px 48px -12px #10131c59}@keyframes assistant-float-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.assistant-float-panel{width:auto;max-width:none;left:12px;right:12px}.assistant-fab{bottom:16px;right:16px}}.new-customer-form{background:var(--bg);border:1px dashed var(--border);border-radius:12px;padding:16px}.new-customer-form .form-grid{max-width:none}.new-customer-actions{align-items:center;gap:16px;display:flex}.segment-picker{gap:6px;display:flex}.segment-pill{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px}.segment-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.new-request-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;width:100%;max-width:480px;max-height:85vh;padding:24px;overflow-y:auto}.pricing-request-row{align-items:center;gap:8px;margin-top:8px;display:flex}.pricing-request-row input[type=text]{flex:1}.pricing-request-row input[type=number]{width:80px}.dropdown{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);z-index:10;border-radius:10px;max-height:260px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.dropdown-item{border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;width:100%;color:var(--text-h);background:0 0;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;font-size:13.5px;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--accent-bg)}.sku-summary{background:var(--accent-bg);color:var(--text-h);border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13.5px}.sku-summary-right{align-items:center;gap:12px;display:flex}.unit-price-tag{background:var(--surface);border:1px solid var(--accent);color:var(--accent);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-block}.suggestion-field{display:flex}.suggestion-box{border-radius:10px;padding:12px 14px;font-size:13.5px;font-weight:500}.suggestion-idle{background:var(--bg);color:var(--text);border:1px dashed var(--border)}.suggestion-ok{background:var(--success-bg);color:var(--success)}.suggestion-warn{background:var(--warn-bg);color:var(--warn)}.error-box{background:var(--danger-bg);color:var(--danger);border-radius:10px;padding:10px 14px;font-size:13px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;border-radius:9px;padding:11px 18px;font-size:14px;font-weight:600}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.login-form .btn-primary{background:linear-gradient(90deg,#2f6fed,#7a5cff);border-color:#0000;box-shadow:0 8px 18px #2f6fed59}.login-form .btn-primary:hover{background:linear-gradient(90deg,#2559c4,#6a4bee)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-microsoft{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.btn-microsoft:hover{background:var(--surface-hover,#00000008)}.auth-divider{color:var(--text-muted);align-items:center;gap:10px;margin:16px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-sm{border:1px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;border-radius:7px;padding:6px 12px;font-size:12.5px;font-weight:600}.btn-sm-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-sm-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-sm:disabled{opacity:.4;cursor:not-allowed}.result-card{flex-direction:column;gap:10px;max-width:440px;margin-bottom:20px;display:flex}.result-row{border-bottom:1px solid var(--border);justify-content:space-between;padding-bottom:8px;font-size:13.5px;display:flex}.result-row:last-child{border-bottom:none}.result-row strong{color:var(--text-h)}.hint{color:var(--text);background:var(--bg);border-radius:8px;padding:10px 12px;font-size:13px}.approval-card{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.approval-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.approval-header-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.approval-figures{gap:28px;display:flex}.approval-figures>div{flex-direction:column;gap:2px;display:flex}.approval-figures strong{color:var(--text-h);font-size:15px}.shortfall{color:var(--danger)}.approval-actions{align-items:center;gap:8px;display:flex}.approval-actions input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:7px;width:140px;padding:7px 10px;font-size:13px}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-auto_approved,.badge-approved,.badge-accepted,.badge-provisioned{background:var(--success-bg);color:var(--success)}.badge-pending_approval,.badge-pending,.badge-countered{background:var(--warn-bg);color:var(--warn)}.badge-rejected,.badge-declined{background:var(--danger-bg);color:var(--danger)}.login-shell{background:radial-gradient(circle at 12% 15%, #2f6fed4d, transparent 42%), radial-gradient(circle at 88% 20%, #c05eff3d, transparent 45%), radial-gradient(circle at 25% 90%, #1f9d5529, transparent 40%), radial-gradient(circle at 85% 85%, #ff9f1c2e, transparent 42%), linear-gradient(160deg, #eef2ff 0%, var(--bg) 55%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}@media (prefers-color-scheme:dark){.login-shell{background:radial-gradient(circle at 12% 15%, #6d9bff38, transparent 42%), radial-gradient(circle at 88% 20%, #c05eff2e, transparent 45%), radial-gradient(circle at 25% 90%, #1f9d5524, transparent 40%), radial-gradient(circle at 85% 85%, #ff9f1c1f, transparent 42%), linear-gradient(160deg, #12131c 0%, var(--bg) 55%)}}[data-theme=white] .login-shell{background-image:radial-gradient(640px 640px at 88% 8%, #0ea5e929, transparent 65%), radial-gradient(480px 480px at 8% 92%, #c76f471f, transparent 65%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'%3E%3Cpath d='M0 36 H54 L72 54 H140 L158 36 H220'/%3E%3Cpath d='M0 112 H30 L48 130 V182 L66 200 H220'/%3E%3Cpath d='M18 0 V26 L36 44 V96'/%3E%3Cpath d='M182 0 V44 L200 62 V220'/%3E%3Cpath d='M0 168 H26 L44 150 H92 L110 168 H220'/%3E%3Cpath d='M128 0 L146 18 V72 L164 90 H220'/%3E%3C/g%3E%3Cg fill='rgba(255,255,255,0.08)'%3E%3Ccircle cx='54' cy='36' r='2.5'/%3E%3Ccircle cx='158' cy='36' r='2.5'/%3E%3Ccircle cx='48' cy='130' r='2.5'/%3E%3Ccircle cx='200' cy='62' r='2.5'/%3E%3Ccircle cx='110' cy='168' r='2.5'/%3E%3Ccircle cx='164' cy='90' r='2.5'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(160deg, #161f36 0%, var(--bg) 55%);background-repeat:no-repeat,no-repeat,repeat,no-repeat}.login-wrap{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:100%;max-width:460px;padding:10px 44px 44px;position:relative;overflow:hidden;box-shadow:0 1px 2px #10131c0d,0 20px 40px -12px #2f6fed40}@media (width<=480px){.login-card{padding:10px 24px 32px}}.login-card:before{content:"";background:linear-gradient(90deg,#2f6fed,#c05eff 45%,#ff9f1c 100%);height:6px;margin:0 -44px 30px;display:block}.login-brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.login-brand-text{flex-direction:column;gap:1px;line-height:1.2;display:flex}.login-brand .brand-title{color:var(--text-h)}.login-title{margin:0 0 4px;font-size:27px}.login-form{flex-direction:column;gap:18px;margin-top:24px;display:flex}.login-form .field label{font-size:13.5px}.login-form .field input,.login-form .field select{padding:12px 14px;font-size:15px}.login-card .btn{padding:13px 18px;font-size:15px}.login-links{border-top:1px solid var(--border);justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;display:flex}.login-links .link-btn{font-size:12.5px}.success-box{background:var(--success-bg);color:var(--success);border-radius:10px;padding:10px 14px;font-size:13px}.login-side{flex-direction:column;gap:12px;width:300px;padding-top:4px;display:flex}.login-side-title{color:var(--text-h);font-size:14px;font-weight:700}.login-side-sub{color:var(--text);margin-bottom:6px;font-size:12.5px}.quick-login-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);box-shadow:var(--shadow);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.quick-login-card:nth-child(2){border-left-color:var(--success)}.quick-login-card:nth-child(3){border-left-color:var(--warn)}.quick-login-card:hover{border-color:var(--border);transform:translateY(-2px);box-shadow:0 12px 24px -8px #2f6fed59}.quick-login-card:first-child:hover{border-left-color:var(--accent);box-shadow:0 12px 24px -8px #2f6fed59}.quick-login-card:nth-child(2):hover{border-left-color:var(--success);box-shadow:0 12px 24px -8px #1f9d554d}.quick-login-card:nth-child(3):hover{border-left-color:var(--warn);box-shadow:0 12px 24px -8px #b989004d}.quick-login-card-active{background:var(--accent-bg);transform:translateY(-2px)}.quick-login-card:disabled{opacity:.6;cursor:not-allowed;transform:none}.quick-login-tagline{color:var(--text);font-size:12.5px}.quick-login-creds{color:var(--text);opacity:.7;font-family:ui-monospace,Consolas,monospace;font-size:11.5px}.quick-login-status{color:var(--accent);font-size:11.5px;font-weight:600}.quote-card{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.quote-card-header{justify-content:space-between;align-items:flex-start;display:flex}.quote-card-price{flex-direction:column;gap:2px;display:flex}.quote-price-value{color:var(--text-h);font-size:22px;font-weight:700}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.stat-tile-label{color:var(--text);font-size:12.5px;font-weight:500}.stat-tile-value{color:var(--text-h);font-variant-numeric:proportional-nums;font-size:26px;font-weight:700}.stat-tile-value.stat-good{color:var(--success)}.stat-tile-value.stat-warning{color:var(--warn)}.stat-tile-value.stat-critical{color:var(--danger)}.chart-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chart-card{flex-direction:column;gap:4px;display:flex}.chart-title{color:var(--text-h);margin-bottom:14px;font-size:14px;font-weight:600}.chart-empty{color:var(--text);padding:20px 0;font-size:13px}.bar-rows{flex-direction:column;gap:14px;display:flex}.bar-row{grid-template-columns:108px 1fr 64px;align-items:center;gap:10px;display:grid}.bar-row-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.bar-track{background:var(--chart-track);border-radius:4px;height:16px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .4s}.bar-row-value{color:var(--text-h);text-align:right;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}@media (width<=900px){.stat-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}}.chat-page-header{justify-content:space-between;align-items:flex-start;gap:16px;max-width:720px;display:flex}.chat-card{flex-direction:column;max-width:720px;height:560px;padding:0;display:flex}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.chat-empty{margin:auto 0}.chat-suggestions{flex-direction:column;gap:8px;display:flex}.chat-suggestion{text-align:left;background:var(--bg);border:1px solid var(--border);color:var(--text-h);cursor:pointer;box-sizing:border-box;white-space:normal;overflow-wrap:break-word;border-radius:10px;width:100%;padding:10px 14px;font-size:13px;line-height:1.4}.chat-suggestion:hover{border-color:var(--accent)}.chat-bubble{white-space:pre-wrap;border-radius:14px;max-width:80%;padding:10px 14px;font-size:13.5px;line-height:1.5}.chat-bubble-user{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble-assistant{background:var(--bg);color:var(--text-h);border-bottom-left-radius:4px;align-self:flex-start}.chat-typing{color:var(--text);font-style:italic}.chat-sku-list{flex-direction:column;align-self:flex-start;gap:8px;max-width:80%;margin-top:8px;display:flex}.chat-sku-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.chat-sku-card-info{min-width:0}.chat-sku-card-title{color:var(--text-h);font-size:13px;font-weight:600}.chat-sku-add-btn{white-space:nowrap;flex-shrink:0;text-decoration:none}.chat-input-row{border-top:1px solid var(--border);gap:8px;padding:14px 16px;display:flex}.chat-input-row input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:9px;flex:1;padding:10px 12px;font-size:14px}.chat-input-row input:focus{outline:2px solid var(--accent);outline-offset:-1px}.assistant-panel{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:calc(100vh - 120px);min-height:480px;padding:0;display:flex;position:sticky;top:24px}.assistant-panel-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.assistant-panel-header h2{margin:0;font-size:16px}.assistant-panel-hint{margin:4px 0 0;padding:0 20px}.assistant-panel-messages{padding:16px 16px 0}.assistant-panel-messages .chat-bubble,.assistant-panel-messages .chat-sku-list{max-width:100%}.assistant-panel-messages .chat-sku-card{flex-wrap:wrap}.auth-hero{--sage:#7fb88a;--mono:"Cascadia Code", "SF Mono", "SFMono-Regular", Consolas, monospace;--copper:#2dd4bf;--hero-bg:#14161a;--hero-surface:#1a1c21;--hero-surface-2:#14161a;--hero-pill-bg:#232630;--hero-text:#f2f1ee;--hero-text-strong:#fff;--hero-text-soft:#d4d5d3;--muted:#9a9c9f;--hero-muted-2:#6b6d70;--hero-placeholder:#5c5e61;--hero-border:#ffffff1a;--hero-border-soft:#ffffff0f;--hero-border-strong:#ffffff29;--hero-border-hover:#ffffff4d;--hero-shadow:#0000008c;--hero-btn-text:#1a1206;--hero-ms-btn-bg:#ffffffeb;--hero-success:var(--sage);--hero-success-bg:#7fb88a24;--hero-danger:#f0a99c;--hero-danger-bg:#e05a4a24;background:var(--hero-bg);height:100vh;color:var(--hero-text);flex-direction:column;display:flex;overflow-y:auto}.auth-hero-signin{overflow:hidden}.auth-hero{background:radial-gradient(700px 700px at 78% 45%, #0ea5e970, transparent 65%), radial-gradient(520px 520px at 8% 75%, #c76f4752, transparent 65%), radial-gradient(420px 420px at 20% 10%, #7a4fe042, transparent 60%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.10)' stroke-width='1'%3E%3Cpath d='M0 36 H54 L72 54 H140 L158 36 H220'/%3E%3Cpath d='M0 112 H30 L48 130 V182 L66 200 H220'/%3E%3Cpath d='M18 0 V26 L36 44 V96'/%3E%3Cpath d='M182 0 V44 L200 62 V220'/%3E%3Cpath d='M0 168 H26 L44 150 H92 L110 168 H220'/%3E%3Cpath d='M128 0 L146 18 V72 L164 90 H220'/%3E%3Cpath d='M0 200 L20 220'/%3E%3C/g%3E%3Cg fill='rgba(255,255,255,0.14)'%3E%3Ccircle cx='54' cy='36' r='2.5'/%3E%3Ccircle cx='158' cy='36' r='2.5'/%3E%3Ccircle cx='48' cy='130' r='2.5'/%3E%3Ccircle cx='36' cy='44' r='2.5'/%3E%3Ccircle cx='200' cy='62' r='2.5'/%3E%3Ccircle cx='44' cy='150' r='2.5'/%3E%3Ccircle cx='110' cy='168' r='2.5'/%3E%3Ccircle cx='146' cy='18' r='2.5'/%3E%3Ccircle cx='164' cy='90' r='2.5'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(45deg, #ffffff0d 1px, transparent 1px), linear-gradient(-45deg, #ffffff0d 1px, transparent 1px), var(--hero-bg);background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,220px 220px,48px 48px,48px 48px,auto}.auth-hero[data-theme=white]{--copper:#c76f47;--accent-blue:#0ea5e9;--hero-bg:#212a44;--hero-surface:#26304abf;--hero-surface-2:#212a44ad;--hero-pill-bg:#364066;--hero-text:#b7c0d0;--hero-text-strong:#fff;--hero-text-soft:#cfd6e6;--muted:#8b95a5;--hero-muted-2:#6f7891;--hero-placeholder:#545d70;--hero-border:#ffffff1a;--hero-border-soft:#ffffff12;--hero-border-strong:#ffffff29;--hero-border-hover:#ffffff4d;--hero-shadow:#00000080;--hero-btn-text:#fff;--hero-ms-btn-bg:#1c2536;--hero-success:#10b981;--hero-success-bg:#10b9811a;--hero-danger:#c76f47;--hero-danger-bg:#c76f471a}.auth-hero[data-theme=blue]{--copper:#3987e5;--hero-bg:#0f1420;--hero-surface:#161e2e;--hero-surface-2:#10151f;--hero-pill-bg:#1c2536;--hero-text:#eef2fa;--hero-text-strong:#fff;--hero-text-soft:#cfd6e6;--muted:#8b93a8;--hero-muted-2:#67718a;--hero-placeholder:#545d70;--hero-btn-text:#071021;--hero-ms-btn-bg:#1c2536}.auth-hero-theme-toggle{background:var(--hero-surface-2);border:1px solid var(--hero-border-soft);border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.auth-hero-theme-option{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.auth-hero-theme-option:hover{color:var(--hero-text)}.auth-hero-theme-option.active{background:var(--copper);color:var(--hero-btn-text)}.auth-hero-theme-option svg{width:16px;height:16px}.auth-hero-nav{border-bottom:1px solid var(--hero-border-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 48px;display:flex}.auth-hero-brand-group{align-items:center;gap:18px;display:flex}.auth-hero-brand{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.auth-hero-home-btn{border:1px solid var(--hero-border-strong);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:7px 14px;font-size:12.5px;font-weight:600}.auth-hero-home-btn:hover{color:var(--hero-text-strong);border-color:var(--hero-border-hover)}.auth-hero-brand-stack{flex-direction:column;gap:1px;line-height:1.2;display:flex}.auth-hero-brand-name{color:var(--hero-text-strong);font-size:18px;font-weight:700;line-height:1}.auth-hero-brand-tagline{color:var(--accent-blue);font-size:12px;font-weight:400}.auth-hero-brand-name .accent{color:var(--copper)}.auth-hero-badge{width:32px;height:32px;color:var(--accent-blue);background:#1e293b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex;box-shadow:0 0 16px -2px #0ea5e980}.auth-hero-nav-links{color:var(--hero-text-soft);gap:36px;font-size:15.5px;font-weight:500;display:flex}.auth-hero-nav-links span{cursor:pointer;padding:4px 0;transition:color .18s;position:relative}.auth-hero-nav-links span:after{content:"";background:var(--copper);border-radius:2px;height:2px;transition:right .22s;position:absolute;bottom:0;left:0;right:100%}.auth-hero-nav-links span:hover{color:var(--hero-text-strong)}.auth-hero-nav-links span:hover:after{right:0}.auth-hero-nav-actions{gap:10px;display:flex}.auth-hero-nav-btn{border:1px solid var(--hero-border-strong);color:var(--hero-text);cursor:pointer;background:0 0;border-radius:8px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.auth-hero-nav-btn:not(.auth-hero-nav-btn-primary):hover{background:var(--hero-surface-2);border-color:var(--hero-border-hover)}.auth-hero-nav-btn-primary{color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:#0000;border-radius:999px;padding:11px 26px;font-size:14.5px;box-shadow:0 4px 15px #0ea5e94d,0 0 24px -4px #0ea5e98c}.auth-hero-nav-btn-primary:hover{background:linear-gradient(135deg,#2f6ff0,#22b3f7);transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e980,0 0 32px -2px #0ea5e9bf}.auth-hero-nav-btn-primary:active{transform:translateY(0);box-shadow:0 4px 15px #0ea5e959}.auth-hero-body{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:clamp(24px,4vw,72px);width:100%;padding:clamp(16px,3vh,48px) clamp(24px,5vw,64px);display:flex;position:relative;overflow:hidden}.auth-hero-body:before{content:"";pointer-events:none;border:1.5px solid #ffffff24;border-radius:8px;width:46px;height:46px;position:absolute;bottom:8%;right:4%;transform:rotate(45deg)}.auth-hero-body:after{content:"10101\a 0x2F6F\a #0ea5e9\a 11010\a c76f47";white-space:pre-line;font-family:var(--mono);letter-spacing:.04em;color:#ffffff14;pointer-events:none;font-size:11px;line-height:1.9;position:absolute;top:12%;right:1.5%}@media (width<=1200px){.auth-hero-body:before,.auth-hero-body:after{display:none}}.auth-hero-left{flex:260px;max-width:640px;position:relative}.auth-hero-headline{color:#fff;margin:0 0 clamp(10px,2vh,22px);font-family:-apple-system,Segoe UI,sans-serif;font-size:clamp(30px,4vw + 2vh,58px);font-weight:800;line-height:1.15}.auth-hero-headline .accent{color:var(--copper)}.auth-hero-sub{color:var(--muted);max-width:480px;margin:0 0 clamp(14px,2.5vh,32px);font-size:16.5px;line-height:1.65}.auth-hero-cta-row{gap:12px;display:flex}.auth-hero-cta-row .auth-hero-nav-btn{padding:15px 30px;font-size:15.5px}.auth-hero-form-page{justify-content:center;align-items:stretch;height:calc(100vh - 77px);display:flex;overflow:hidden}.auth-hero-form-panel{background:#211530;flex:1.1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.auth-hero-form-panel-img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=900px){.auth-hero-form-panel{display:none}.auth-hero-signin{height:auto;min-height:100vh;overflow:visible}.auth-hero-form-page{height:auto;min-height:calc(100vh - 77px);overflow:visible}}.auth-hero-form-card{background:#14163f;border-left:1px solid #ffffff1a;flex-direction:column;flex:1;justify-content:center;width:100%;max-width:440px;padding:26px 48px 28px;display:flex}@media (width<=900px){.auth-hero-form-card{border:1px solid var(--hero-border);border-radius:16px;max-width:440px;margin:56px auto 80px;padding:26px 28px 28px}}.auth-hero-form-card .login-title{color:#fff;margin:0 0 4px;font-size:21px}.auth-hero-form-card .subtitle{color:#ffffffad;margin:0 0 18px;font-size:13.5px}.auth-hero-form-card .field label{color:#ffffffd9}.auth-hero-form-card .field input,.auth-hero-form-card .field select{color:#fff;background:#ffffff0f;border:1px solid #ffffff2e}.auth-hero-form-card .field input::placeholder{color:#fff6}.auth-hero-form-card .btn{color:#fff;background:#ffffff14;border:1px solid #fff3}.auth-hero-form-card .btn-primary{color:#fff;background:linear-gradient(135deg,#3987e5 0%,#1461d1 100%);border-color:#0000;border-radius:999px;transition:filter .18s,transform .18s,box-shadow .18s;box-shadow:0 8px 20px -6px #1461d180}.auth-hero-form-card .btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 26px -6px #1461d199}.auth-hero-form-card .btn-microsoft{color:#1a1a1a;background:#fff;border:1px solid #fff3}.auth-hero-form-card .auth-divider{color:#ffffff73}.auth-hero-form-card .auth-divider:before,.auth-hero-form-card .auth-divider:after{background:#ffffff2e}.auth-hero-form-card .login-links{border-top:1px solid #ffffff1f}.auth-hero-form-card .link-btn{color:#6fb1f2}.auth-hero-form-card .segment-pill{color:#fffc;background:0 0;border-color:#fff3}.auth-hero-form-card .segment-pill.active{color:#fff;background:linear-gradient(135deg,#3987e5 0%,#1461d1 100%);border-color:#0000}.auth-hero-form-card .error-box{background:var(--hero-danger-bg);color:var(--hero-danger)}.auth-hero-form-card .success-box{background:var(--hero-success-bg);color:var(--hero-success)}.auth-hero-mockup{background:var(--hero-surface);border:1px solid var(--hero-border-soft);max-width:860px;box-shadow:0 24px 48px -16px var(--hero-shadow), 0 0 0 1px #fff9 inset, 0 8px 40px -6px color-mix(in srgb, var(--copper) 35%, transparent);border-radius:20px;flex:320px;padding:clamp(18px,3vh,34px) clamp(20px,3vw,38px) clamp(20px,3vh,40px)}.auth-hero[data-theme=white] .auth-hero-mockup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2a3552c7;border-color:#4b70c3b3;box-shadow:0 0 60px #0ea5e947,0 0 120px -20px #0ea5e97a,inset 0 0 24px #0ea5e91a}.auth-hero-mockup-header{letter-spacing:.02em;color:var(--muted);font-size:14px;font-family:var(--mono);align-items:center;gap:10px;margin-bottom:clamp(14px,2.5vh,30px);display:flex}.auth-hero-mockup-dot{background:var(--copper);border-radius:50%;flex-shrink:0;width:9px;height:9px}.auth-hero-mockup-meta{color:var(--hero-muted-2);margin-left:auto}.auth-hero-mockup-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:clamp(12px,2vh,24px);display:grid}.auth-hero-stat{background:var(--hero-surface-2);border:1px solid var(--hero-border-soft);border-radius:12px;padding:clamp(12px,2vh,20px) 22px;position:relative}.auth-hero-stat-blue{border-color:#0ea5e980;box-shadow:inset 0 0 15px #0ea5e91a}.auth-hero-stat-orange{border-color:#c76f4780;box-shadow:inset 0 0 15px #c76f471a}.auth-hero-stat-label{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.auth-hero-stat-tag{color:var(--hero-muted-2);font-size:9.5px;font-weight:600}.auth-hero-stat-value{color:var(--hero-text-strong);font-size:30px;font-weight:700}.auth-hero-stat-value.accent{color:var(--copper)}.auth-hero-mockup-panel{background:var(--hero-surface-2);border:1px solid var(--hero-border-soft);border-radius:14px;margin-bottom:clamp(12px,2vh,24px);padding:clamp(14px,2.5vh,24px) 26px}.auth-hero-mockup-panel-header{font-family:var(--mono);letter-spacing:.03em;color:var(--muted);justify-content:space-between;margin-bottom:clamp(8px,1.5vh,18px);font-size:12.5px;display:flex}.auth-hero-chart-panel{padding-bottom:clamp(10px,2vh,20px)}.auth-hero-chart-canvas{width:100%;height:clamp(90px,16vh,160px);position:relative}.auth-hero-donut-panel{margin-bottom:34px;position:relative}.auth-hero-donut-row{align-items:center;gap:28px;display:flex}.auth-hero-donut{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:116px;height:116px;display:flex}.auth-hero-donut-center{background:var(--hero-surface-2);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.auth-hero-donut-number{color:var(--hero-text-strong);font-size:22px;font-weight:700}.auth-hero-donut-caption{font-family:var(--mono);letter-spacing:.05em;color:var(--muted);margin-top:2px;font-size:9px}.auth-hero-donut-legend{flex-direction:column;flex:1;gap:12px;display:flex}.auth-hero-donut-legend-row{align-items:center;gap:10px;display:flex}.auth-hero-donut-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.auth-hero-donut-legend-label{color:var(--hero-text-soft);font-size:13.5px}.auth-hero-donut-legend-value{font-family:var(--mono);color:var(--hero-text-strong);margin-left:auto;font-size:13px;font-weight:600}.auth-hero-floating-pill{background:var(--hero-pill-bg);border:1px solid var(--hero-border);text-align:center;box-shadow:0 10px 24px -8px var(--hero-shadow);white-space:nowrap;border-radius:10px;padding:10px 20px;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.auth-hero-floating-pill-title{color:var(--hero-text-strong);font-size:12.5px;font-weight:700}.auth-hero-floating-pill-sub{font-family:var(--mono);color:var(--muted);margin-top:2px;font-size:10px}.auth-hero-alerts-row{border-top:1px solid #ffffff0d;gap:24px;margin-top:clamp(8px,1.5vh,18px);padding-top:clamp(10px,1.5vh,20px);display:flex}.auth-hero-alert-item{flex:1;gap:10px;display:flex}.auth-hero-alert-badge{height:fit-content;font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:12px;flex-shrink:0;padding:3px 9px;font-size:10.5px;font-weight:600}.auth-hero-alert-ok{color:var(--hero-success);border-color:var(--hero-success);background:var(--hero-success-bg)}.auth-hero-alert-warn{color:var(--copper);border-color:var(--copper);background:#c76f471a}.auth-hero-alert-text{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.auth-hero-nav-blue{--hero-text-strong:#fff;--hero-text:#8b95a5;--muted:#8b95a5;--hero-border-strong:#ffffff2e;--hero-border-hover:#ffffff52;--hero-surface-2:#ffffff0f;--copper:#c76f47;background:0 0;border-bottom:none}.auth-hero-nav-btn-pill{border-radius:999px}@media (width<=900px){.auth-hero-nav{padding:14px 20px}.auth-hero-nav-links{display:none}.auth-hero-headline{font-size:38px}.auth-hero-sub{font-size:14.5px}.auth-hero-mockup{padding:20px 18px 22px}.auth-hero-mockup-stats{gap:10px}.auth-hero-stat{padding:12px 14px}.auth-hero-stat-value{font-size:19px}.auth-hero-chart-canvas{height:160px}}@media (width<=640px){.auth-hero-body{flex-direction:column;padding:40px 24px 60px}.auth-hero-left,.auth-hero-mockup{width:100%;max-width:100%}.auth-hero-headline{font-size:32px}.auth-hero-mockup{padding:24px 20px 28px}.auth-hero-mockup-stats{grid-template-columns:1fr 1fr}.auth-hero-stat-value{font-size:24px}.auth-hero-chart-canvas{height:200px}.auth-hero-alerts-row{flex-direction:column}}@media (width<=480px){.auth-hero-brand-tagline{display:none}.auth-hero-headline{font-size:26px}.auth-hero-mockup-stats{grid-template-columns:1fr}.auth-hero-cta-row .auth-hero-nav-btn{text-align:center;width:100%}.auth-hero-form-card{padding:26px 20px 28px}}