:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef7f3;--bg-strong:#d8efe6;--panel:#fff;--panel-soft:#f7fbf9;--ink:#0f241f;--muted:#60776f;--line:#cfe0da;--teal:#0f766e;--green:#15803d;--blue:#2563eb;--amber:#b45309;--red:#be123c;--shadow:0 24px 70px #0f241f24}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071815;--bg-strong:#0b2622;--panel:#0f201d;--panel-soft:#132a26;--ink:#e8f5f1;--muted:#9fb8b0;--line:#29463f;--teal:#5eead4;--green:#4ade80;--blue:#60a5fa;--amber:#f59e0b;--red:#fb7185;--shadow:0 24px 70px #00000061}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);letter-spacing:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;position:relative}:root[data-theme=dark] body{background:var(--bg)}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}.dashboard-shell{z-index:1;min-height:100vh;padding:28px clamp(18px,3vw,44px) 40px;position:relative}.dashboard-header,.control-band,.chart-panel,.login-panel,.error-banner,.summary-strip{max-width:1380px;margin-inline:auto}.dashboard-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.brand-row,.brand-lock{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:#0f766e;border-radius:8px;place-items:center;width:56px;height:56px;display:grid;position:relative;box-shadow:0 14px 28px #0f766e2e}.brand-chart-svg{z-index:1;width:38px;height:38px;position:relative}.brand-bar{fill:#ffffff61}.brand-trend{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.4px}.brand-axis{fill:none;stroke:#ffffff8c;stroke-linecap:round;stroke-width:2.4px}.eyebrow{color:var(--teal);text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}h1,h2,p{margin:0}h1{font-size:clamp(1.9rem,3vw,3rem);line-height:1.05}h2{font-size:clamp(1.25rem,1.8vw,1.85rem)}.header-actions{align-items:center;gap:10px;display:flex}.ghost-button,.icon-button,.theme-toggle,.login-form button{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;min-height:44px;display:inline-flex}.ghost-button{color:var(--ink);background:#ffffffb8;padding:0 14px;font-weight:800}.theme-toggle{color:var(--ink);background:#ffffffb8;padding:0 14px;font-weight:900}.icon-button{color:#fff;background:#0f241f;justify-content:center;width:44px;padding:0}:root[data-theme=dark] .ghost-button,:root[data-theme=dark] .theme-toggle{background:#0f201dc7}:root[data-theme=dark] .icon-button{color:#071815;background:#d9fff5}.control-band{box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #cfe0daf5;border-radius:8px;grid-template-columns:minmax(240px,.78fr) minmax(440px,1.6fr) minmax(230px,.8fr);gap:18px;margin-bottom:16px;padding:16px;display:grid}:root[data-theme=dark] .control-band{background:#0f201ddb;border-color:#29463ff0}.control-group>span,.product-select>span{color:var(--muted);text-transform:uppercase;align-items:center;gap:7px;margin-bottom:8px;font-size:.78rem;font-weight:900;display:flex}.segmented-control{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;display:grid}.segmented-control button{color:var(--muted);background:0 0;border:0;border-radius:6px;min-height:40px;font-weight:900}.segmented-control button.active{color:#fff;background:#0f766e;box-shadow:0 10px 18px #0f766e2e}.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.metric-option{background:var(--panel-soft);border:1px solid var(--line);color:var(--ink);text-align:left;border-radius:8px;justify-items:start;gap:4px;min-height:86px;padding:10px;display:grid}.metric-option svg{color:var(--teal)}.metric-option strong{font-size:.88rem;line-height:1.15}.metric-option small{color:var(--muted);font-size:.72rem;line-height:1.2}.metric-option.active{background:#ecfdf5;border-color:#16a34a;box-shadow:inset 0 -3px #16a34a}:root[data-theme=dark] .metric-option.active{background:#14532d70;border-color:#4ade80;box-shadow:inset 0 -3px #4ade80}.product-combobox{position:relative}.product-search-field{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:0 10px 0 12px;display:flex}.product-search-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e21}.product-search-field input{color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;outline:0;width:100%;min-width:0;font-weight:900}.product-search-field input::placeholder{color:var(--muted);font-weight:800}.product-search-icon,.product-chevron{color:var(--muted);flex:none}.product-clear{color:var(--teal);background:#0f766e1a;border:1px solid #0f766e2e;border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.product-results{background:var(--panel);border:1px solid var(--line);z-index:20;border-radius:8px;gap:4px;max-height:320px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 44px #0f241f2e}.product-result{color:var(--ink);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:8px 10px;display:flex}.product-result span{text-overflow:ellipsis;overflow:hidden}.product-result:hover,.product-result.active{color:#065f46;background:#ecfdf5}.product-result svg{color:var(--green);flex:none}.product-empty{color:var(--muted);padding:12px 10px;font-size:.9rem;font-weight:800}:root[data-theme=dark] .product-search-field:focus-within{box-shadow:0 0 0 3px #5eead421}:root[data-theme=dark] .product-clear{background:#5eead41f;border-color:#5eead42e}:root[data-theme=dark] .product-results{box-shadow:0 18px 44px #00000057}:root[data-theme=dark] .product-result:hover,:root[data-theme=dark] .product-result.active{color:#d1fae5;background:#14532d70}.product-select .product-chevron{pointer-events:none}.summary-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.summary-tile{border:1px solid var(--line);background:#ffffffc7;border-radius:8px;min-height:92px;padding:14px}:root[data-theme=dark] .summary-tile{background:#0f201dd1}.summary-tile span{color:var(--muted);text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:900;display:block}.summary-tile strong{align-items:baseline;gap:6px;font-size:clamp(1.55rem,2.1vw,2.3rem);line-height:1;display:flex}.summary-tile small{color:var(--muted);font-size:.9rem}.tone-good strong{color:var(--green)}.tone-warn strong{color:var(--amber)}.tone-danger strong{color:var(--red)}.chart-panel{background:linear-gradient(180deg, #fffffff2, #f7fbf9f2), var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;min-height:520px;padding:18px}:root[data-theme=dark] .chart-panel{background:linear-gradient(180deg, #0f201df5, #0c1917f5), var(--panel)}.chart-heading{justify-content:space-between;align-items:start;gap:14px;margin-bottom:12px;display:flex}.active-filter{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.active-filter span{color:#075985;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:900}:root[data-theme=dark] .active-filter span{color:#bae6fd;background:#082f49c7;border-color:#0e7490b8}.chart-wrap{min-height:410px;overflow-x:auto}.chart-wrap svg{width:100%;min-width:760px;display:block}.grid-line{stroke:#d9e7e1;stroke-width:1px}:root[data-theme=dark] .grid-line{stroke:#28443d}.zero-line{stroke:#94a3b8;stroke-width:1.5px}.axis-label,.x-label{fill:#536861;font-variant-numeric:tabular-nums;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:14px;font-weight:650}:root[data-theme=dark] .axis-label,:root[data-theme=dark] .x-label{fill:#a8c1ba}.chart-line{fill:none;stroke:url(#salesLine);stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.chart-dot{fill:#fff;stroke:#0f766e;stroke-width:4px;transition:r .12s,stroke-width .12s}.chart-dot.active{stroke:#16a34a;stroke-width:5px}:root[data-theme=dark] .chart-dot{fill:#071815;stroke:#5eead4}.chart-hit-area{cursor:pointer;fill:#0000;outline:none}.chart-hit-area:focus-visible{stroke:#0f766e6b;stroke-width:2px}.chart-tooltip-guide{stroke:#0f766e42;stroke-dasharray:5 7;stroke-width:2px}.chart-tooltip-box{fill:#0f241ff2;filter:drop-shadow(0 18px 28px #0f241f38);stroke:#5eead447;stroke-width:1px}.chart-tooltip-kicker{fill:#a7f3d0;font-size:13px;font-weight:900}.chart-tooltip-value{fill:#fff;font-variant-numeric:tabular-nums;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:24px;font-weight:900}.chart-tooltip-meta{fill:#cbd5e1;font-size:12px;font-weight:800}:root[data-theme=dark] .chart-tooltip-box{fill:#081211f5;filter:drop-shadow(0 18px 28px #0000005c)}.empty-chart,.error-banner{text-align:center;place-items:center;min-height:360px;display:grid}.empty-chart{color:var(--muted)}.empty-chart svg{color:var(--teal);margin-bottom:10px}.error-banner{color:var(--red);background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;gap:6px;min-height:auto;margin-bottom:16px;padding:16px}:root[data-theme=dark] .error-banner{background:#4c0519b3;border-color:#fb718573}.login-shell{z-index:1;align-items:center;min-height:100vh;padding:22px;display:grid;position:relative}.login-theme-action{position:fixed;top:22px;right:22px}.login-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px;width:100%;max-width:460px;padding:24px}:root[data-theme=dark] .login-panel{background:#0f201de6}.brand-lock{margin-bottom:22px}.brand-lock p{color:var(--teal);text-transform:uppercase;margin-bottom:3px;font-size:.82rem;font-weight:900}.brand-lock h1{font-size:2rem}.login-form{gap:14px;display:grid}.login-form label>span{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:.82rem;font-weight:900;display:block}.password-field{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;min-height:50px;padding:0 12px;display:flex}.password-field svg{color:var(--teal)}.password-field input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0}.login-form button{color:#fff;background:#0f766e;border-color:#0f766e;justify-content:center;font-weight:900}.login-form button:disabled{cursor:not-allowed;opacity:.55}.form-error{color:var(--red);background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:10px 12px;font-size:.9rem}@media (max-width:1120px){.control-band{grid-template-columns:1fr}.metric-grid,.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.dashboard-header,.chart-heading{flex-direction:column;align-items:stretch}.header-actions{justify-content:space-between}.metric-grid,.summary-strip{grid-template-columns:1fr}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr))}}