.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{color-scheme:dark;--bg: #0f1218;--bg-elevated: #171b24;--border: #2a3140;--border-light: #222833;--text: #e8ecf4;--text-muted: #9aa3b5;--text-dim: #6b7385;--accent: #3d8bfd;--ok: #3ecf8e;--warning: #e6b84d;--error: #f07178;--font: "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,#1a2438 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#152028 0%,transparent 50%),var(--bg);color:var(--text);line-height:1.45}button,input,select{font:inherit}button{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.45rem .85rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.55;cursor:wait}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}input,select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.55rem .8rem;width:100%}a{color:var(--accent)}.muted{color:var(--text-muted)}.error{color:var(--error)}.app-shell{width:100vw;height:100vh;max-width:1920px;max-height:1080px;margin:0 auto;padding:.85rem 1.25rem 1rem;display:flex;flex-direction:column;gap:.65rem;overflow:hidden;position:relative}.app-shell.dimmed>:not(.session-overlay){filter:brightness(.45);pointer-events:none}.app-header{display:flex;flex-wrap:nowrap;align-items:center;gap:1rem;flex-shrink:0;padding-bottom:.55rem;border-bottom:1px solid var(--border)}.header-brand{min-width:0;flex:1}.app-header h1{margin:0;font-size:1.45rem;font-weight:650;letter-spacing:-.02em}.header-sub{font-size:.78rem;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-clock{font-family:var(--mono);font-size:1.65rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;flex-shrink:0}.severity-badge{font-size:.78rem;font-weight:750;letter-spacing:.08em;padding:.4rem .85rem;border-radius:6px;border:1px solid var(--border);flex-shrink:0}.severity-ok{color:var(--ok);border-color:#3ecf8e73;background:#3ecf8e1a}.severity-degraded{color:var(--warning);border-color:#e6b84d80;background:#e6b84d1f}.severity-critical{color:var(--error);border-color:#f071788c;background:#f0717824;animation:pulse-critical 1.6s ease-in-out infinite}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.72}}.header-meta{display:flex;flex-wrap:nowrap;align-items:center;gap:.65rem;font-size:.9rem;color:var(--text-muted);flex-shrink:0}.header-meta select{width:auto;min-width:180px;padding:.4rem .65rem}.noc-grid{flex:1;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1.35fr) minmax(0,.85fr);gap:.65rem}.noc-mid{min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(260px,.7fr);gap:.65rem}.alert-strip{display:flex;flex-wrap:wrap;gap:.45rem;flex-shrink:0}.alert-chip{font-size:.78rem;font-weight:600;padding:.3rem .65rem;border-radius:6px;border:1px solid var(--border)}.alert-warn{color:var(--warning);border-color:#e6b84d73;background:#e6b84d1a}.alert-critical{color:var(--error);border-color:#f0717880;background:#f071781f}.kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;flex-shrink:0}.kpi-tile{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:.55rem .75rem .45rem;display:flex;flex-direction:column;gap:.15rem;min-width:0}.kpi-label{font-size:.7rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.kpi-value{font-size:1.55rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:-.02em}.kpi-value.tone-ok{color:var(--text)}.kpi-value.tone-warn{color:var(--warning)}.kpi-value.tone-error{color:var(--error)}.kpi-value.tone-muted{color:var(--text-dim)}.sparkline{margin-top:.15rem;align-self:flex-start}.sparkline-spacer{height:28px}.card{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:.7rem .85rem;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card h2{margin:0 0 .45rem;font-size:.95rem;font-weight:650;flex-shrink:0}.card-chart{overflow:hidden}.chart-host{flex:1;min-height:0;width:100%}.chart-empty{margin:.5rem 0 0;font-size:.85rem}.card-status-stack{overflow:auto}.card-sales{overflow:hidden}.sales-scroll{flex:1;min-height:0;overflow:auto}.health-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem 0;border-bottom:1px solid var(--border-light);font-size:.92rem}.health-row.compact{padding:.28rem 0;font-size:.82rem}.health-row:last-child{border-bottom:none}.health-row .label{color:var(--text-muted)}.health-row .value{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.health-row .value.ok,.health-row .ok{color:var(--text)}.health-row .value.warn,.health-row .warn{color:var(--warning)}.health-row .value.error,.health-row .error{color:var(--error)}.health-row .value.muted,.health-row .muted{color:var(--text-dim)}.section-label{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:.55rem 0 .15rem}.section-label:first-of-type{margin-top:0}.status-err{margin:.2rem 0;font-size:.75rem}.status-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.status-actions button{font-size:.75rem;padding:.3rem .55rem}.login-page{width:100vw;height:100vh;max-width:1920px;max-height:1080px;margin:0 auto;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(420px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:2rem}.login-card h1{margin:0 0 .35rem;font-size:1.5rem}.login-card p{margin:0 0 1.25rem;color:var(--text-muted);font-size:1rem}.login-card label{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:.35rem}.login-card .field{margin-bottom:.9rem}.login-card button{width:100%;margin-top:.35rem}.sales-table{width:100%;border-collapse:collapse;font-size:.88rem}.sales-table th,.sales-table td{text-align:left;padding:.35rem .45rem;border-bottom:1px solid var(--border-light)}.sales-table th{color:var(--text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0;background:var(--bg-elevated);z-index:1}.sales-table td.num{font-variant-numeric:tabular-nums;font-weight:600}.refresh-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:.35rem;animation:pulse-live 2s ease-in-out infinite}.refresh-dot.stale{background:var(--warning);animation:none}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.45}}.session-overlay{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:#05070b8c;pointer-events:auto;filter:none!important}.session-overlay-card{width:min(440px,90%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:2rem;text-align:center}.session-overlay-card h2{margin:0 0 .5rem;font-size:1.6rem}.session-overlay-card p{margin:0 0 1.25rem}.session-overlay-card button{min-width:160px}.uplot{font-family:var(--font)}.u-legend{font-size:.72rem;color:var(--text-muted)}.u-legend .u-value{font-variant-numeric:tabular-nums}@media(min-width:1921px),(min-height:1081px){body{display:grid;place-items:center;background:#05070b}.app-shell,.login-page{width:1920px;height:1080px;max-width:1920px;max-height:1080px;box-shadow:0 0 0 1px var(--border)}}