:root{color-scheme:light;--bg: #eef3fb;--surface: rgba(255, 255, 255, .84);--surface-strong: rgba(255, 255, 255, .97);--surface-soft: rgba(244, 248, 255, .94);--text: #22314a;--muted: #6b7994;--line: rgba(122, 147, 184, .16);--blue: #2b73da;--blue-deep: #1b4f9f;--blue-soft: #e7effb;--shadow: 0 26px 70px rgba(46, 72, 118, .14);font-family:Aptos,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(96,143,229,.15),transparent 30%),radial-gradient(circle at right center,rgba(240,183,91,.11),transparent 24%),linear-gradient(180deg,#f2f6fd,#e9eff9);color:var(--text)}button,input,select{font:inherit}.page-shell{min-height:100vh;padding:24px;position:relative}.ambient{position:absolute;border-radius:999px;filter:blur(40px);opacity:.5}.ambient-one{width:260px;height:260px;top:60px;left:8%;background:#387aea2e}.ambient-two{width:320px;height:320px;right:4%;bottom:10%;background:#ecaa3f2e}.app-frame{position:relative;z-index:1;margin:0 auto;max-width:1540px;background:#ffffff7a;border:1px solid rgba(255,255,255,.6);border-radius:28px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow);overflow:hidden}.topbar{display:grid;grid-template-columns:280px 1fr 56px;align-items:center;gap:18px;padding:14px 24px;background:#ffffff8f;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px}.brand-mark{background:var(--blue-deep);color:#fff;padding:8px 10px;border-radius:4px;font-size:20px;letter-spacing:.03em}.brand-copy,.page-title,.section-heading,.metric-value{letter-spacing:-.03em}.topnav{display:flex;flex-wrap:wrap;gap:10px}.nav-chip,.ghost-chip,.rail-icon,.rail-button,.primary-button,.secondary-button{border:0;cursor:pointer}.nav-chip,.ghost-chip,.fake-input,.rail-icon,.rail-button{background:#f2f6fcf2;color:var(--muted);border:1px solid rgba(144,165,198,.15);border-radius:10px}.nav-chip{padding:10px 16px;font-weight:600}.nav-chip.active,.ghost-chip.active,.rail-icon.active{background:linear-gradient(180deg,#377cdf,#2a69c1);color:#fff;box-shadow:0 16px 30px #2a69c138}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f3f6fcf2;color:var(--blue-deep)}.workspace{display:grid;grid-template-columns:12px 1fr;min-height:calc(100vh - 112px)}.left-rail{padding:32px 0 0;display:flex;flex-direction:column;gap:18px;align-items:center}.rail-button,.rail-icon{width:8px;height:36px;border-radius:999px;background:#849fc447;color:transparent}.rail-button{display:none}.rail-icon.active{box-shadow:none}.content{padding:24px 26px 28px}.page-title{font-size:23px;font-weight:700;margin-bottom:14px}.grid{display:grid;gap:18px}.executive-grid,.explorer-grid{grid-template-columns:minmax(0,1fr) minmax(290px,.38fr)}.executive-grid>.metric-row{grid-column:1 / -1}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:var(--surface);border-radius:20px;border:1px solid rgba(255,255,255,.7);padding:20px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:inset 0 1px #ffffffbf,0 14px 34px #5069910f}.metric-card{min-height:104px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:14px}.metric-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,#f0f5fd,#e3ebf8);color:var(--blue-deep);font-weight:800;box-shadow:inset 0 1px #fffc}.metric-copy{min-width:0}.metric-label{color:var(--muted);font-size:14px;margin-bottom:4px}.metric-value{font-size:clamp(22px,2.1vw,36px);font-weight:700;line-height:1.05}.metric-unit{font-size:.48em;color:#7a92b7;font-weight:700}.wide{min-height:340px}.section-heading{font-size:16px;font-weight:700;margin-bottom:4px}.section-heading.small{font-size:15px}.section-subheading{color:var(--muted);font-size:13px;line-height:1.45}.chart-card-header{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:18px}.chart-badge{position:absolute;top:8px;right:8px;padding:6px 10px;border-radius:999px;background:#e7effbf5;color:var(--muted);font-size:12px;font-weight:700}.chart-shell{position:relative;display:grid;gap:12px;padding:10px 12px 12px;border-radius:18px;background:linear-gradient(180deg,#f6faffe0,#ffffff94),radial-gradient(circle at top right,rgba(92,150,233,.08),transparent 36%)}.chart-shell.compact{gap:8px}.chart-svg{width:100%;height:auto;overflow:visible}.chart-grid-line{stroke:#8fa5c738;stroke-width:1}.chart-grid-line.vertical{stroke-dasharray:3 5}.chart-axis-line{stroke:#738aaf4d;stroke-width:1.2}.chart-axis-label{fill:#73839f;font-size:11px;font-weight:600;text-anchor:end}.chart-axis-label.centered{text-anchor:middle}.chart-bar{filter:drop-shadow(0 12px 20px rgba(35,92,170,.16))}.chart-cumulative-line,.chart-trend-line{stroke:#2b73da;stroke-linecap:round;stroke-linejoin:round}.chart-cumulative-line{stroke-width:3}.chart-cumulative-dot,.chart-trend-dot{fill:#fff;stroke:#2b73da}.chart-cumulative-dot{stroke-width:2.5}.chart-trend-line{stroke-width:4}.chart-trend-dot{stroke-width:3}.chart-legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.legend-item{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:8px 12px;border-radius:999px;background:#f1f6fdf0;color:#4f607d;font-size:12px;font-weight:700}.legend-item.subtle{background:#ffffffbd;color:var(--muted)}.legend-swatch{width:12px;height:12px;border-radius:999px;flex:0 0 auto}.legend-swatch.bars{background:linear-gradient(180deg,#4f95ef,#2468ba);box-shadow:0 4px 10px #235caa33}.legend-swatch.trend{background:#2b73da;box-shadow:0 0 0 3px #2b73da29}.chart-callout-line{stroke:#2b73da57;stroke-width:2;stroke-dasharray:4 4}.chart-callout-box{fill:#fffffff2;stroke:#7f97bd29;stroke-width:1;filter:drop-shadow(0 16px 22px rgba(54,84,130,.14))}.chart-callout-value,.chart-callout-meta{text-anchor:middle}.chart-callout-value{fill:var(--text);font-size:12px;font-weight:800}.chart-callout-meta{fill:#6d7e9d;font-size:10px;font-weight:700}.bar-chart-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px}.bar-chart-item{display:grid;gap:4px;text-align:center;color:var(--muted);font-size:12px}.bar-chart-item strong{color:var(--text);font-size:12px}.bar-chart-item.is-peak{padding:8px 6px;border-radius:12px;background:#e9f1fceb}.insight-stack{display:grid;gap:18px;align-content:start}.insight-panel{padding-bottom:18px;border-bottom:1px solid rgba(139,162,198,.16)}.insight-panel:last-of-type{padding-bottom:0;border-bottom:0}.bullet-list{margin:0;padding-left:18px;display:grid;gap:9px;color:var(--muted);line-height:1.45}.primary-button{background:linear-gradient(180deg,#2f7ce0,#205db1);color:#fff;border-radius:12px;padding:14px 18px;box-shadow:0 18px 26px #2d6fc533;font-weight:700}.secondary-button{border:1px solid rgba(132,156,192,.2);border-radius:12px;padding:14px 18px;background:#f2f6fceb;color:var(--muted);font-weight:700}.primary-button.narrow{width:120px}.button-row{display:grid;grid-template-columns:1fr auto;gap:10px}.line-area{opacity:1}.chart-labels{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:10px;color:var(--muted);font-size:12px}.chart-labels.modern{padding-inline:44px 18px}.full-width{grid-column:1 / -1}.status-card{max-width:720px}.filters-panel{display:grid;gap:14px;align-content:start}.field{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:600}.option-list{font-size:12px;color:var(--muted);line-height:1.5}.fake-input{padding:14px 16px}.control-input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(144,165,198,.18);background:#f2f6fcf2;color:var(--text);outline:none;box-shadow:inset 0 1px #ffffffbf}.fake-input.compact{min-width:90px;display:inline-flex;align-items:center;justify-content:center}.selection-pill,.empty-state{border-radius:12px;background:#f2f6fce6;color:var(--muted)}.selection-pill{padding:12px 14px;font-size:13px;font-weight:600}.empty-state{margin-top:18px;padding:22px;text-align:center}.chart-bubble{opacity:.9;stroke:#fffffff2;stroke-width:2}.chart-quadrant{opacity:.55}.quadrant-calm{fill:#f9c26514}.quadrant-critical{fill:#db4e5617}.quadrant-noisy{fill:#6eabea14}.quadrant-watch{fill:#4476cc0f}.chart-mid-line{stroke:#5874a047;stroke-width:1.2;stroke-dasharray:6 6}.chart-quadrant-label{fill:#7d8ca7;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.scatter-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700;padding-inline:46px 18px}.heatmap-grid{display:grid;gap:8px;padding:10px 12px 12px;border-radius:18px;background:linear-gradient(180deg,#f7faffe6,#ffffff9e),radial-gradient(circle at top left,rgba(84,146,230,.08),transparent 34%)}.heatmap-legend{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;flex-wrap:wrap}.heatmap-scale{flex:1;min-height:10px;border-radius:999px;background:linear-gradient(90deg,#eef3fb,#f4cb75 40%,#eb8a4c 68%,#cb4661)}.heatmap-summary{padding:8px 12px;border-radius:999px;background:#ffffffc2;color:#566784;font-weight:700}.heatmap-header,.heatmap-row{display:grid;gap:6px;align-items:center}.heatmap-header strong,.heatmap-row strong{font-size:12px}.heatmap-header{padding-bottom:4px;color:#61728e}.heatmap-row strong{color:var(--text)}.heat-cell{min-height:46px;border-radius:8px;display:grid;place-items:center;padding:6px;font-size:11px;font-weight:700;text-align:center;box-shadow:inset 0 1px #ffffff8c;border:1px solid rgba(255,255,255,.5)}.cases-table{display:grid;gap:10px;margin-top:18px}.case-row{display:grid;grid-template-columns:minmax(240px,2fr) 1fr 1fr 100px 120px;gap:12px;align-items:center;padding:14px;border-radius:14px;border:1px solid rgba(145,170,210,.14);background:#ffffff9e;color:var(--muted)}.table-header{background:#ecf2fceb;color:#60728f;font-size:12px;font-weight:700}.case-row strong{display:block;color:var(--text);margin-bottom:4px}.case-row span{font-size:12px}.severity-badge{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800}.severity-high{background:#dc4d4d1f;color:#b93a3a}.severity-medium{background:#eaa64229;color:#a56609}.severity-low{background:#397edb1f;color:#215eaa}.impact-value{color:var(--text);font-weight:700}.top-driver-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) 160px;gap:12px;align-items:center;padding:14px;border-radius:14px;border:1px solid rgba(145,170,210,.14);background:#ffffff9e;color:var(--muted)}.copilot-grid,.triage-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.34fr)}.conversation-card,.inbox-list,.email-body{display:grid;gap:16px;align-content:start}.composer{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:14px;border:1px solid rgba(145,170,210,.18);background:var(--surface-strong);color:var(--muted)}.composer.hero{font-size:18px}.composer button{width:44px;border-radius:12px;background:linear-gradient(180deg,#2f7ce0,#205db1);color:#fff}.prompt-row,.tab-strip,.toolbar{display:flex;gap:10px;flex-wrap:wrap}.ghost-chip{padding:10px 14px}.copilot-answer{border-radius:18px;border:1px solid rgba(145,170,210,.18);padding:18px;background:#ffffff9e}.paragraph{margin:0;color:var(--muted);line-height:1.6}.message-list{display:grid;gap:10px}.message-item{padding:14px;border-radius:16px;border:1px solid rgba(145,170,210,.16);background:#ffffff8a}.message-item.selected{background:#dbe8fccc}.message-subject{font-weight:600;margin-bottom:6px}.message-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px}.attachment{display:inline-flex;padding:10px 14px;border-radius:12px;background:#f2f6fcf2;color:var(--muted)}@media (max-width: 1180px){.metric-row,.executive-grid,.explorer-grid,.copilot-grid,.triage-grid,.topbar,.workspace{grid-template-columns:1fr}.left-rail{flex-direction:row;justify-content:center;padding:10px 0 0}.heatmap-header,.heatmap-row,.case-row,.top-driver-row{grid-template-columns:1fr}.chart-legend{flex-direction:column;align-items:stretch}}@media (max-width: 720px){.page-shell{padding:12px}.content{padding:16px}.metric-row{grid-template-columns:1fr 1fr}.button-row{grid-template-columns:1fr}.chart-shell,.heatmap-grid{padding-inline:8px}.chart-labels.modern,.scatter-caption{padding-inline:12px}}