:root{--so-surface:#f6f7f8;--so-card:#fff;--so-border:#e8eaed;--so-border-subtle:#eceef0;--so-border-inner:#f2f3f5;--so-ink:#14171a;--so-slate-700:#3a414a;--so-slate-500:#5c6470;--so-slate-400:#646b76;--so-slate-300:#6d747f;--so-accent:#ef7e00;--so-accent-strong:#ad5a00;--so-accent-hover:#9a5100;--so-accent-tint-100:#fff1e3;--so-accent-tint-50:#fffaf3;--so-accent-border:#ffd9ad;--so-nav-active-bg:#fff4e8;--so-blue-fg:#175cd3;--so-blue-bg:#eff4ff;--so-green-fg:#067647;--so-green-bg:#ecfdf3;--so-red-fg:#c92a1e;--so-red-bg:#fef3f2;--so-amber-fg:#8f5a00;--so-amber-bg:#fef7e6;--so-grey-fg:#5c6470;--so-grey-bg:#f2f3f5;--so-radius-sm:6px;--so-radius-md:8px;--so-radius-control:9px;--so-radius-card:12px;--so-radius-pill:999px;--so-shadow-card:0 1px 2px #1018280f;--so-shadow-raised:0 8px 24px #1018281f;--so-font-ui:"Geist", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--so-font-mono:"Geist Mono", ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--so-sidebar-width:248px;--so-topbar-height:60px;--so-content-max:1140px;--so-focus:2px solid var(--so-accent)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--so-font-ui);color:var(--so-ink);background:var(--so-surface);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:13.5px;line-height:1.5}:focus-visible{outline:var(--so-focus);outline-offset:2px}a{color:inherit;text-decoration:none}.mono{font-family:var(--so-font-mono)}.muted{color:var(--so-slate-500)}.sub-metric{color:var(--so-slate-500);justify-content:space-between;align-items:center;gap:12px;padding:4px 0;font-size:12.5px;display:flex}.sub-metric+.sub-metric{border-top:1px solid var(--so-border-inner)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{grid-template-columns:var(--so-sidebar-width) 1fr;background:var(--so-surface);min-height:100vh;display:grid}.sidebar{background:var(--so-card);border-right:1px solid var(--so-border);flex-direction:column;gap:18px;height:100vh;padding:16px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:11px;padding:4px 6px;display:flex}.logoMark{border-radius:var(--so-radius-md);background:var(--so-accent-strong);color:#fff;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.brandName{color:var(--so-ink);font-size:15px;font-weight:700;line-height:1.1}.brandSub{color:var(--so-slate-400);font-size:11.5px}.variantPill{border-radius:var(--so-radius-md);background:var(--so-accent-tint-100);color:var(--so-accent-hover);align-items:center;gap:8px;margin:0 4px;padding:8px 12px;font-size:12.5px;font-weight:600;display:flex}.variantPill .dot{background:var(--so-accent);border-radius:50%;width:8px;height:8px}.navGroupLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--so-slate-400);margin-bottom:6px;padding:0 8px;font-size:10.5px;font-weight:600}.navList{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.navItem{border-radius:var(--so-radius-md);color:#4a515b;cursor:pointer;align-items:center;gap:11px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.navItem:hover{background:var(--so-border-inner)}.navItemActive{color:var(--so-accent-hover);background:var(--so-nav-active-bg);font-weight:600}.navIcon{color:#7a828d;text-align:center;flex:none;width:18px}.navItemActive .navIcon{color:var(--so-accent)}.navLabel{flex:auto}.navCount{border-radius:var(--so-radius-pill);color:var(--so-slate-400);background:#eef0f2;padding:1px 7px;font-size:11px;font-weight:600}.navItemActive .navCount{color:var(--so-accent-hover);background:#ffe3c2}.spacer{flex:auto}.userBlock{border-top:1px solid var(--so-border-subtle);align-items:center;gap:10px;padding:8px 6px;display:flex}.avatar{background:var(--so-accent-tint-100);width:30px;height:30px;color:var(--so-accent-hover);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.main{flex-direction:column;min-width:0;display:flex}.header{min-height:var(--so-topbar-height);background:var(--so-card);border-bottom:1px solid var(--so-border);z-index:20;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.headerRight{align-items:center;gap:12px;min-width:0;display:flex}.content{width:100%;max-width:calc(var(--so-content-max) + 48px);flex:auto;margin:0 auto;padding:28px 24px}.footer{border-top:1px solid var(--so-border);color:var(--so-slate-400);justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;font-size:12px;display:flex}.statusDot{align-items:center;gap:7px;display:inline-flex}.statusDot .dot{border-radius:50%;width:8px;height:8px}.crumbs{align-items:center;gap:8px;font-size:13px;display:flex}.crumb{color:var(--so-slate-400);font-weight:500}.crumbCurrent{color:var(--so-ink);font-weight:600}.crumbSep{color:var(--so-slate-300)}.page{flex-direction:column;gap:20px;display:flex}.pageHead{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pageTitle{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.pageSubtitle{color:var(--so-slate-500);margin:4px 0 0;font-size:14px}.grid-kpis{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-overview{grid-template-columns:.95fr 1.55fr;gap:16px;display:grid}.grid-detail{grid-template-columns:1.55fr 1fr;gap:16px;display:grid}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card{background:var(--so-card);border:1px solid var(--so-border);border-radius:var(--so-radius-card);box-shadow:var(--so-shadow-card)}.cardHeader{border-bottom:1px solid var(--so-border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.cardTitle{margin:0;font-size:14px;font-weight:600}.cardBody{padding:16px}.cardBodyFlush{padding:0}.badge{border-radius:var(--so-radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:2px 9px;font-size:12px;font-weight:600;line-height:1.6;display:inline-flex}.badge-blue{color:var(--so-blue-fg);background:var(--so-blue-bg)}.badge-green{color:var(--so-green-fg);background:var(--so-green-bg)}.badge-red{color:var(--so-red-fg);background:var(--so-red-bg)}.badge-amber{color:var(--so-amber-fg);background:var(--so-amber-bg)}.badge-orange{color:var(--so-accent-hover);background:var(--so-accent-tint-100)}.badge-grey{color:var(--so-grey-fg);background:var(--so-grey-bg)}.btn{border-radius:var(--so-radius-control);cursor:pointer;background:var(--so-card);color:var(--so-ink);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--so-accent-strong);color:#fff}.btn-primary:hover{background:var(--so-accent-hover)}.btn-secondary{background:var(--so-card);border-color:var(--so-border);color:var(--so-slate-700)}.btn-secondary:hover{background:var(--so-border-inner)}.btn-ghost{color:var(--so-slate-700);background:0 0}.btn-ghost:hover{background:var(--so-border-inner)}.btn-danger{background:var(--so-card);color:var(--so-red-fg);border-color:#f2b8b1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:5px 10px;font-size:12px}.field{flex-direction:column;gap:5px;display:flex}.fieldLabel{color:var(--so-slate-500);font-size:11.5px;font-weight:600}.input,.select{border-radius:var(--so-radius-control);border:1px solid var(--so-border);background:var(--so-card);height:36px;color:var(--so-ink);min-width:0;padding:0 10px;font-family:inherit;font-size:13px}.search{align-items:center;display:flex;position:relative}.searchInput{border-radius:var(--so-radius-control);border:1px solid var(--so-border);background:var(--so-card);width:100%;height:38px;padding:0 12px 0 34px;font-family:inherit;font-size:13px}.searchIcon{color:var(--so-slate-400);position:absolute;left:11px}.topbarSearch{width:320px;min-width:0;max-width:38vw}.kpi{padding:16px}.kpiTop{justify-content:space-between;align-items:center;display:flex}.kpiLabel{color:var(--so-slate-500);font-size:12.5px;font-weight:500}.kpiIcon{border-radius:var(--so-radius-md);background:var(--so-accent-tint-100);width:30px;height:30px;color:var(--so-accent-hover);justify-content:center;align-items:center;display:inline-flex}.kpiValue{letter-spacing:-.02em;margin-top:10px;font-size:26px;font-weight:700}.trendChip{align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:600;display:inline-flex}.trend-up{color:var(--so-green-fg)}.trend-down{color:var(--so-red-fg)}.trend-flat{color:var(--so-slate-500)}.statTile{border:1px solid var(--so-border);border-radius:var(--so-radius-md);background:var(--so-card);padding:14px}.statLabel{color:var(--so-slate-500);font-size:11.5px;font-weight:600}.statValue{margin-top:4px;font-size:20px;font-weight:700}.bar{border-radius:var(--so-radius-pill);background:var(--so-border-inner);height:6px;margin-top:8px;overflow:hidden}.barFill{background:var(--so-accent);height:100%}.tableWrap{width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:12.5px}.table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--so-slate-400);border-bottom:1px solid var(--so-border);background:var(--so-card);white-space:nowrap;padding:10px 12px;font-size:10.5px;font-weight:600;position:sticky;top:0}.table th.sortable{cursor:pointer}.table td{border-bottom:1px solid var(--so-border-subtle);vertical-align:middle;padding:10px 12px}.table tbody tr:hover{background:var(--so-border-inner)}.table tr.selected{background:var(--so-accent-tint-50)}.cellTitle{color:var(--so-ink);font-weight:600}.cellSub{color:var(--so-slate-400);font-size:11px}.riskCell{align-items:center;gap:8px;display:flex}.riskBar{border-radius:var(--so-radius-pill);background:var(--so-border-inner);width:54px;height:6px;overflow:hidden}.riskBarFill{height:100%}.linkAccent{color:var(--so-accent-hover);font-weight:600}.selectionBar{background:var(--so-accent-tint-50);border-bottom:1px solid var(--so-accent-border);align-items:center;gap:16px;padding:10px 16px;font-size:12.5px;display:flex}.tableToolbar{border-bottom:1px solid var(--so-border-subtle);color:var(--so-slate-500);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12.5px;display:flex}.pager{color:var(--so-slate-500);align-items:center;gap:10px;padding:12px 16px;font-size:12.5px;display:flex}.filterBar{grid-template-columns:1.6fr repeat(5,1fr) auto;align-items:end;gap:12px;display:grid}.chip{border-radius:var(--so-radius-sm);background:var(--so-border-inner);color:var(--so-slate-700);font-family:var(--so-font-mono);align-items:center;padding:2px 8px;font-size:11px;display:inline-flex}.chipRow{flex-wrap:wrap;gap:6px;display:flex}.aiCard{border:1px solid var(--so-accent-border);background:var(--so-accent-tint-50);border-radius:var(--so-radius-card);padding:16px}.aiTag{text-transform:uppercase;letter-spacing:.05em;color:var(--so-accent-hover);background:var(--so-accent-tint-100);border-radius:var(--so-radius-pill);padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-block}.callout{border-radius:var(--so-radius-md);padding:12px 14px;font-size:13px}.callout-red{background:var(--so-red-bg);color:var(--so-red-fg)}.callout-amber{background:var(--so-amber-bg);color:var(--so-amber-fg)}.timeline{flex-direction:column;gap:2px;display:flex}.timelineItem{grid-template-columns:16px 1fr;gap:10px;padding:8px 0;display:grid}.timelineDot{background:var(--so-accent);border-radius:50%;width:10px;height:10px;margin-top:4px}.timelineLabel{font-size:12.5px;font-weight:600}.timelineMeta{color:var(--so-slate-400);font-size:11px}.list{flex-direction:column;display:flex}.listRow{border-bottom:1px solid var(--so-border-subtle);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.listRow:last-child{border-bottom:none}.sevBars{flex-direction:column;gap:12px;display:flex}.sevBarRow{grid-template-columns:70px 1fr 42px;align-items:center;gap:10px;font-size:12px;display:grid}.sevBarTrack{border-radius:var(--so-radius-pill);background:var(--so-border-inner);height:10px;overflow:hidden}.sevBarFill{height:100%}.variantBars{align-items:flex-end;gap:18px;height:120px;display:flex}.variantBarGroup{flex:1;align-items:flex-end;gap:6px;height:100%;display:flex}.variantBar{background:var(--so-border);border-radius:4px 4px 0 0;flex:1;min-height:4px}.variantBar.current{background:var(--so-accent)}.skeleton{border-radius:var(--so-radius-sm);background:linear-gradient(90deg,#eef0f2,#f6f7f8,#eef0f2) 0 0/200% 100%;height:14px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.emptyState,.errorState{text-align:center;color:var(--so-slate-500);padding:40px 16px}.errorState .code{font-family:var(--so-font-mono);color:var(--so-slate-400);margin-top:6px;font-size:11px}.banner{border-radius:var(--so-radius-md);border:1px solid var(--so-border);align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.banner-error{background:var(--so-red-bg);color:var(--so-red-fg);border-color:#f2b8b1}.banner-ok{background:var(--so-green-bg);color:var(--so-green-fg);border-color:#b8e6cd}.spinnerRow{color:var(--so-slate-500);align-items:center;gap:10px;padding:24px;font-size:13px;display:flex}.spinner{border:2px solid var(--so-border);border-top-color:var(--so-accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toggle{border-radius:var(--so-radius-pill);background:var(--so-border);cursor:pointer;border:none;width:40px;height:22px;position:relative}.toggle[aria-checked=true]{background:var(--so-accent)}.toggleKnob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:2px;left:2px}.toggle[aria-checked=true] .toggleKnob{left:20px}.diffChanged{background:var(--so-accent-tint-50)}.delta-good{color:var(--so-green-fg)}.delta-bad{color:var(--so-red-fg)}.delta-neutral{color:var(--so-blue-fg)}.delta-no-change{color:var(--so-slate-400)}.metricsTable td.currentCol{background:var(--so-accent-tint-50)}.metricsTable td.best{color:var(--so-green-fg);font-weight:700}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.kv{grid-template-columns:160px 1fr;gap:6px 12px;font-size:12.5px;display:grid}.kv dt{color:var(--so-slate-500)}.kv dd{font-family:var(--so-font-mono);margin:0}.logLine{border-bottom:1px solid var(--so-border-inner);font-family:var(--so-font-mono);grid-template-columns:150px 60px 1fr;gap:10px;padding:6px 0;font-size:11.5px;display:grid}@media (max-width:1080px){.grid-kpis{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-overview,.grid-detail,.grid-3{grid-template-columns:1fr}.filterBar{grid-template-columns:1fr 1fr}}@media (max-width:1024px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--so-border);flex-direction:row;align-items:center;gap:14px;height:auto;padding:8px 16px;position:static;overflow-x:auto}.navGroupLabel,.variantPill,.userBlock,.spacer{display:none}.navList{flex-direction:row;gap:4px}.navItem{white-space:nowrap}}@media (max-width:640px){.grid-kpis{grid-template-columns:1fr}.topbarSearch{display:none}}.menuWrap{position:relative}.bell{display:inline-flex;position:relative}.bellDot{background:var(--so-red-fg);border:2px solid var(--so-card);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.menu{background:var(--so-card);border:1px solid var(--so-border);border-radius:var(--so-radius-md);width:320px;box-shadow:var(--so-shadow-raised);z-index:40;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.menuHead{border-bottom:1px solid var(--so-border-subtle);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.menuCount{color:var(--so-accent-hover);font-size:11px;font-weight:600}.menuEmpty{color:var(--so-slate-500);margin:0;padding:16px 14px;font-size:13px}.menuList{max-height:320px;overflow-y:auto}.menuRow{border-bottom:1px solid var(--so-border-subtle);align-items:center;gap:10px;padding:10px 14px;display:flex}.menuRow:hover{background:var(--so-border-inner)}.menuDot{border-radius:50%;flex:none;width:9px;height:9px}.menuRowText{flex-direction:column;flex:auto;min-width:0;display:flex}.menuTitle{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.menuMeta{color:var(--so-slate-400);font-size:11px}.menuRisk{color:var(--so-slate-700);font-size:12px;font-weight:700}.menuFoot{border-top:1px solid var(--so-border-subtle);padding:10px 14px}.modalOverlay{z-index:60;background:#10182859;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modalCard{background:var(--so-card);border-radius:var(--so-radius-card);width:480px;max-width:100%;box-shadow:var(--so-shadow-raised);overflow:hidden}.modalHead{border-bottom:1px solid var(--so-border-subtle);padding:16px 18px}.modalBody{flex-direction:column;gap:14px;padding:18px;display:flex}.modalFoot{border-top:1px solid var(--so-border-subtle);justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}