:root{color-scheme:dark light;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #07111d;--bg-soft: rgba(10, 21, 38, .82);--panel: rgba(9, 20, 36, .82);--panel-border: rgba(154, 187, 255, .14);--text: #eef4ff;--muted: #8fa3bf;--accent: #68a7ff;--accent-2: #3ddc97;--surface-elevated: rgba(14, 28, 49, .85);--surface-strong: rgba(14, 28, 49, .76);--surface-selected: rgba(104, 167, 255, .18);--surface-selected-border: rgba(104, 167, 255, .34);--chip-bg: rgba(14, 28, 49, .76);--input-border: rgba(154, 187, 255, .16);--danger: #ff637d;--warning: #ffb84d;--shadow: 0 22px 80px rgba(1, 5, 12, .45)}:root[data-theme=light]{--bg: #edf4fb;--bg-soft: rgba(255, 255, 255, .88);--panel: rgba(255, 255, 255, .9);--panel-border: rgba(70, 112, 191, .16);--text: #102033;--muted: #5a6f89;--accent: #2f7ae5;--accent-2: #10b981;--surface-elevated: rgba(243, 248, 255, .98);--surface-strong: rgba(255, 255, 255, .96);--surface-selected: rgba(47, 122, 229, .12);--surface-selected-border: rgba(47, 122, 229, .3);--chip-bg: rgba(244, 248, 255, .98);--input-border: rgba(95, 133, 203, .26);--shadow: 0 20px 64px rgba(122, 146, 178, .2)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(104,167,255,.22),transparent 34%),radial-gradient(circle at bottom right,rgba(61,220,151,.16),transparent 24%),linear-gradient(180deg,#05101d,#091a2d 45%,#050d18);color:var(--text)}:root[data-theme=light] body{background:radial-gradient(circle at top left,rgba(104,167,255,.2),transparent 34%),radial-gradient(circle at bottom right,rgba(61,220,151,.12),transparent 24%),linear-gradient(180deg,#edf4ff,#f7fbff 48%,#edf4ff)}button,input,select{font:inherit}.app-shell{position:relative;width:min(1440px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px;overflow-x:clip}.ambient{position:fixed;inset:auto;width:18rem;height:18rem;border-radius:50%;filter:blur(28px);pointer-events:none;opacity:.42}.ambient-one{top:4rem;right:5%;background:#68a7ff33}.ambient-two{bottom:4rem;left:5%;background:#3ddc9729}.shell-header,.dashboard-controls,.metric-grid,.chart-layout,.activity-feed{position:relative;z-index:1}.shell-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.header-copy{min-width:0}.header-topline{display:flex;align-items:center;min-height:50px}.eyebrow{margin:0 0 10px;color:#6fcbff;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em}h1,h2,p{margin:0}h1{font-size:clamp(2rem,5vw,3.8rem);line-height:.98;letter-spacing:-.05em;max-width:12ch}.subtitle{margin-top:14px;max-width:58ch;color:var(--muted);line-height:1.6}.header-status{display:flex;flex-direction:column;align-items:flex-end;min-width:220px;gap:10px;padding-top:2px}.header-actions{display:flex;justify-content:flex-end;width:100%}.status-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;border:1px solid var(--panel-border);background:var(--chip-bg);font-weight:600}.status-chip[data-tone=live]{color:#9dffd1}.status-chip[data-tone=muted]{color:#cad7eb}.status-chip[data-tone=warning]{color:#ffd59d}.status-chip[data-tone=danger]{color:#ffadbc}:root[data-theme=light] .status-chip[data-tone=live]{color:#0d8b59}:root[data-theme=light] .status-chip[data-tone=muted]{color:#4c617a}:root[data-theme=light] .status-chip[data-tone=warning]{color:#b36a00}:root[data-theme=light] .status-chip[data-tone=danger]{color:#c73958}.status-dot{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 18px currentColor}.last-updated{color:var(--muted);font-size:.95rem;text-align:right}.theme-button{display:inline-flex;width:52px;min-height:52px;align-items:center;justify-content:center;border-radius:18px;border:1px solid var(--panel-border);background:var(--surface-strong);color:var(--text);padding:0;cursor:pointer;box-shadow:inset 0 1px #ffffff0f;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.theme-button svg{width:20px;height:20px}.theme-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #07112229,inset 0 1px #ffffff1a}.theme-button:focus-visible,.primary-button:focus-visible,.segmented button:focus-visible,select:focus-visible,input[type=search]:focus-visible{outline:2px solid rgba(104,167,255,.55);outline-offset:2px}:root[data-theme=light] .theme-button,:root[data-theme=light] .status-chip,:root[data-theme=light] .primary-button,:root[data-theme=light] .segmented button,:root[data-theme=light] select,:root[data-theme=light] input[type=search]{background:var(--surface-strong)}.panel{border:1px solid var(--panel-border);background:linear-gradient(180deg,#0a1424e6,#08121fcc);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:24px}:root[data-theme=light] .panel{background:linear-gradient(180deg,#fffffffa,#f2f8fff5)}.dashboard-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:18px;margin-bottom:24px}.control-group{display:flex;flex-direction:column;gap:10px}.group-label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.primary-button,.segmented button,select,input[type=search]{border-radius:14px;border:1px solid var(--input-border);background:var(--surface-elevated);color:var(--text)}.primary-button{min-height:46px;padding:0 14px;cursor:pointer}.segmented{display:flex;gap:8px;flex-wrap:wrap}.segmented button{min-height:40px;padding:0 12px;cursor:pointer;transition:.16s ease}.segmented button.active{background:var(--surface-selected);border-color:var(--surface-selected-border)}select,input[type=search]{min-height:46px;padding:0 14px;outline:none}input[type=search]::placeholder{color:var(--muted)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}:root[data-theme=light] select option{color:#102033;background:#f8fbff}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.toggle-grid label{display:inline-flex;align-items:center;gap:8px;color:#d9e5f7}:root[data-theme=light] .toggle-grid label{color:#35506f}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric-card{border:1px solid rgba(154,187,255,.12);border-radius:22px;padding:18px;background:#0a1424b8;box-shadow:var(--shadow)}:root[data-theme=light] .metric-card{background:linear-gradient(180deg,#fffffff7,#f2f8fff2);border-color:#5f85cb1f}.metric-card strong{display:block;font-size:clamp(1.5rem,2vw,2.2rem);margin:12px 0 8px}.metric-card p,.metric-head{color:var(--muted)}.metric-head{display:flex;justify-content:space-between;align-items:center}.metric-pulse{width:10px;height:10px;border-radius:50%;background:currentColor}.metric-card[data-tone=positive]{color:var(--accent-2)}.metric-card[data-tone=negative]{color:var(--danger)}.metric-card[data-tone=neutral]{color:#b9c8de}:root[data-theme=light] .metric-card[data-tone=neutral]{color:#4f6985}.chart-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(320px,1fr);gap:16px;margin-bottom:24px}.chart-layout>*,.chart-side,.chart-panel,.activity-feed,.feed-table,.panel-header,.dashboard-controls,.control-group{min-width:0}.chart-panel{padding:18px}.chart-panel--primary{min-height:430px}.chart-side{display:grid;gap:16px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.panel-header h2{font-size:1.2rem}.count-pill{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:#68a7ff1f;color:#d8e8ff;font-size:.9rem}:root[data-theme=light] .count-pill{color:#24528e;background:#2f7ae51f}.chart-frame,.mini-chart{height:100%;min-height:320px;width:100%;min-width:0;overflow:hidden}.mini-chart{min-height:250px}.loading-panel,.mini-loading-state{display:grid;place-items:center;width:100%;min-height:320px;border-radius:20px;border:1px solid rgba(154,187,255,.12);background:radial-gradient(circle at top,rgba(104,167,255,.12),transparent 40%),#0b1626a8;text-align:center}.mini-loading-state{min-height:250px;gap:10px;align-content:center}.loading-copy{max-width:32rem;padding:0 20px}.loading-kicker{display:inline-flex;margin-bottom:10px;color:#8fd6ff;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em}.loading-copy h3{margin:0 0 12px;font-size:clamp(1.25rem,2vw,1.7rem)}.loading-copy p,.mini-loading-state p{margin:0;color:var(--muted);line-height:1.6}.loading-bars{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:8px;width:min(360px,calc(100% - 48px));height:88px;margin-top:24px}.loading-bars span{border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,#8fd6fff2,#43a2ff4d);animation:loading-wave 1.35s ease-in-out infinite}.loading-bars span:nth-child(1){height:44%;animation-delay:0s}.loading-bars span:nth-child(2){height:80%;animation-delay:.08s}.loading-bars span:nth-child(3){height:58%;animation-delay:.16s}.loading-bars span:nth-child(4){height:92%;animation-delay:.24s}.loading-bars span:nth-child(5){height:66%;animation-delay:.32s}.loading-bars span:nth-child(6){height:52%;animation-delay:.4s}.mini-loading-dot{width:14px;height:14px;border-radius:50%;background:#8fd6ff;box-shadow:0 0 18px #8fd6ffd9;animation:pulse-dot 1.2s ease-in-out infinite}.insight-panel{padding:18px}.insight-list{display:grid;gap:12px}.insight-item{padding:14px 16px;border-radius:18px;border:1px solid rgba(154,187,255,.1);background:#101f368c}:root[data-theme=light] .insight-item{background:#f3f8ffe0;border-color:#5f85cb1f}.insight-item span,.insight-item p{color:var(--muted)}.insight-item strong{display:block;font-size:1.5rem;margin:8px 0}.insight-list--loading .insight-item--loading,.feed-row--loading{pointer-events:none}.skeleton-line,.skeleton-pill{position:relative;overflow:hidden;border-radius:999px;background:#8fa3bf29}.skeleton-line:after,.skeleton-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-line{display:block;width:100%;height:12px}.skeleton-line--short{width:42%}.skeleton-line--tiny{width:56%}.skeleton-line--value{width:34%;height:28px;margin:8px 0}.skeleton-pill{width:72px;height:28px}.activity-feed{padding:18px}.feed-table{display:grid;gap:10px;max-height:440px;overflow:auto}.feed-row{display:grid;grid-template-columns:.85fr .8fr 1fr 1fr 1.6fr .8fr;gap:12px;padding:14px 12px;border-radius:16px;background:#0f1c3080;align-items:center}.feed-table--loading{overflow:hidden}:root[data-theme=light] .feed-row{background:#f4f8fff2;color:#16314d}.feed-row--head{position:sticky;top:0;z-index:2;background:#081322fa;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}:root[data-theme=light] .feed-row--head{background:#eef5fffa}:root[data-theme=light] .loading-panel,:root[data-theme=light] .mini-loading-state{border-color:#5f85cb24;background:radial-gradient(circle at top,rgba(47,122,229,.1),transparent 42%),#f6faffeb}:root[data-theme=light] .loading-kicker{color:#2f7ae5}:root[data-theme=light] .loading-bars span{background:linear-gradient(180deg,#2f7ae5e6,#2f7ae53d)}:root[data-theme=light] .mini-loading-dot{background:#2f7ae5;box-shadow:0 0 18px #2f7ae552}:root[data-theme=light] .skeleton-line,:root[data-theme=light] .skeleton-pill{background:#5f85cb24}:root[data-theme=light] .skeleton-line:after,:root[data-theme=light] .skeleton-pill:after{background:linear-gradient(90deg,transparent,rgba(47,122,229,.14),transparent)}.severity-badge{display:inline-flex;padding:6px 10px;border-radius:999px;text-transform:capitalize}.severity-badge[data-severity=critical]{color:#fff0f3;background:#ff637d33}.severity-badge[data-severity=high]{color:#ffd8cf;background:#ff8a5b2e}.severity-badge[data-severity=medium]{color:#ffe8b5;background:#ffb84d2e}.severity-badge[data-severity=low]{color:#d8f7d8;background:#3ddc9729}.severity-badge[data-severity=info]{color:#d8e8ff;background:#68a7ff29}:root[data-theme=light] .severity-badge[data-severity=critical]{color:#a12a46;background:#ff637d24}:root[data-theme=light] .severity-badge[data-severity=high]{color:#ac4c1e;background:#ff8a5b24}:root[data-theme=light] .severity-badge[data-severity=medium]{color:#9e6a00;background:#ffb84d29}:root[data-theme=light] .severity-badge[data-severity=low]{color:#11734d;background:#3ddc9724}:root[data-theme=light] .severity-badge[data-severity=info]{color:#24528e;background:#2f7ae524}.error-banner,.empty-state{margin-bottom:18px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,99,125,.18);background:#4e0f1e7a;color:#ffbeca}.empty-state{margin-bottom:0;border-color:#9abbff1f;background:#0d1828ad;color:var(--muted)}:root[data-theme=light] .empty-state{border-color:#5f85cb1f;background:#f2f8ffeb}@media(max-width:1200px){.dashboard-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-layout{grid-template-columns:1fr}}@media(max-width:820px){.app-shell{width:min(1440px,calc(100% - 20px));padding-top:22px}.shell-header{flex-direction:column}.header-topline{min-height:auto}.header-status{width:100%;align-items:stretch}.header-actions{justify-content:flex-start}.dashboard-controls,.metric-grid{grid-template-columns:1fr}.chart-panel,.insight-panel,.activity-feed,.dashboard-controls{padding:16px}.chart-panel--primary{min-height:auto}.chart-frame{min-height:260px}.mini-chart{min-height:220px}.loading-panel{min-height:260px}.mini-loading-state{min-height:220px}.panel-header{flex-wrap:wrap;align-items:flex-start}.count-pill{width:fit-content}.feed-row{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-row--head{display:none}}@media(max-width:560px){.app-shell{width:calc(100% - 16px);padding-bottom:28px}.shell-header{gap:18px}.header-status{width:100%}.status-chip{width:100%;justify-content:center}.last-updated{text-align:left}.chart-panel,.insight-panel,.activity-feed,.dashboard-controls,.metric-card{border-radius:20px}.chart-frame{min-height:232px}.mini-chart{min-height:208px}.loading-panel{min-height:232px}.mini-loading-state{min-height:208px}}@keyframes loading-wave{0%,to{transform:scaleY(.82);opacity:.72}50%{transform:scaleY(1);opacity:1}}@keyframes pulse-dot{0%,to{transform:scale(.92);opacity:.72}50%{transform:scale(1);opacity:1}}@keyframes skeleton-shimmer{to{transform:translate(100%)}}