:root{--bg: #f6f7f9;--panel: #ffffff;--panel-2: #fbfbfd;--panel-3: #f3f4f7;--ink: #1a1d23;--ink-2: #5b6472;--muted: #8b94a3;--line: #e6e8ec;--line-2: #eef0f3;--brand: #4f46e5;--brand-soft: #eef0fe;--brand-ink: #3730a3;--accent: #0ea5a4;--accent-soft: #e6f7f7;--ok: #16a34a;--ok-soft: #e8f6ed;--warn: #d97706;--warn-soft: #fdf3e3;--crit: #dc2626;--crit-soft: #fdecec;--info: #2563eb;--info-soft: #eaf1fe;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--shadow-lg: 0 10px 30px -12px rgba(16, 24, 40, .22), 0 2px 8px rgba(16, 24, 40, .06);--radius: 10px;--radius-sm: 7px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:13.5px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.num{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:236px 1fr;grid-template-rows:52px 1fr;height:100vh}.app.nav-collapsed{grid-template-columns:60px 1fr}.topbar{grid-column:1 / 3;display:flex;align-items:center;gap:12px;padding:0 18px;background:var(--panel);border-bottom:1px solid var(--line);z-index:20}.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.01em}.brand-mark{width:24px;height:24px;border-radius:7px;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.brand .ver{font-size:11px;color:var(--muted);font-weight:500}.crumbs{color:var(--muted);font-size:12.5px;margin-left:6px}.crumbs b{color:var(--ink-2);font-weight:600}.topbar .spacer{flex:1}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:10px 10px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.nav-section{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 10px 6px;font-weight:700}.nav-collapsed .nav-section{opacity:0;height:8px;margin:8px 0 0;overflow:hidden}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--ink-2);cursor:pointer;font-weight:500;border:none;background:none;width:100%;text-align:left;position:relative}.nav-item:hover{background:var(--panel-2);color:var(--ink)}.nav-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav-item .ic{width:18px;display:inline-flex;align-items:center;justify-content:center;flex:none}.nav-collapsed .nav-label{display:none}.nav-item .count{margin-left:auto;font-size:10.5px;font-weight:700;color:var(--muted);background:var(--panel-3);border-radius:20px;padding:1px 7px;min-width:20px;text-align:center}.nav-item.active .count{background:#fff;color:var(--brand)}.nav-item .count.hot{background:var(--crit-soft);color:var(--crit)}.nav-collapsed .nav-item .count{display:none}.nav-item .foryou{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto;flex:none}.nav-collapse{margin-top:auto;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--muted);background:none;border:none;cursor:pointer}.nav-collapse:hover{background:var(--panel-2);color:var(--ink)}.main{overflow:auto;padding:20px 24px 56px}.page-head{margin-bottom:16px;display:flex;align-items:flex-start;gap:16px}.page-head .ph-text{flex:1;min-width:0}.page-head h1{font-size:19px;margin:0 0 3px;letter-spacing:-.02em}.page-head .sub{color:var(--ink-2);font-size:13px;max-width:78ch;line-height:1.5}.page-head .ph-actions{display:flex;gap:8px;align-items:center;flex:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card>.hd{padding:11px 14px;border-bottom:1px solid var(--line-2);display:flex;align-items:center;gap:8px}.card>.hd h3{margin:0;font-size:13.5px;font-weight:650}.card>.hd .eyebrow{margin-left:auto;font-size:11.5px;color:var(--muted)}.card>.body{padding:14px}.card.flush>.body{padding:0}.grid{display:grid;gap:14px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.auto-fit{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media (max-width: 1100px){.cols-4,.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.ink2{color:var(--ink-2)}.right{text-align:right}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:13px 14px;box-shadow:var(--shadow);position:relative}.stat .label{font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.02em;display:flex;align-items:center;gap:5px}.stat .value{font-size:23px;font-weight:700;letter-spacing:-.03em;margin-top:5px;line-height:1.15}.stat .value.sm{font-size:19px}.stat .foot{font-size:11.5px;color:var(--ink-2);margin-top:4px;display:flex;align-items:center;gap:5px}.stat .foot .delta{font-weight:650}.delta.up{color:var(--ok)}.delta.down{color:var(--crit)}.delta.flat{color:var(--muted)}.explain-btn{border:none;background:none;padding:0;margin:0;cursor:pointer;color:var(--muted);opacity:.55;display:inline-flex;align-items:center;border-radius:4px;transition:opacity .12s,color .12s}.explain-btn:hover{opacity:1;color:var(--brand)}.explain-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px;opacity:1}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182847;z-index:60;animation:fade .14s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,92vw);background:var(--panel);border-left:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:61;display:flex;flex-direction:column;animation:slide .18s cubic-bezier(.2,.8,.3,1)}.drawer.wide{width:min(760px,96vw)}@keyframes slide{0%{transform:translate(18px);opacity:.6}to{transform:none;opacity:1}}.drawer-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:10px}.drawer-head h3{margin:0;font-size:14.5px;letter-spacing:-.01em}.drawer-head .dh-sub{font-size:12px;color:var(--muted);margin-top:2px}.drawer-close{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--muted);padding:3px;border-radius:6px;flex:none}.drawer-close:hover{background:var(--panel-3);color:var(--ink)}.drawer-body{padding:16px;overflow-y:auto;flex:1}.drawer-section-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700;margin:18px 0 7px}.drawer-section-label:first-child{margin-top:0}.drawer-text{margin:0 0 10px;line-height:1.55;color:var(--ink-2);font-size:13px}.drawer-text strong{color:var(--ink);font-weight:620}.kv{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:6px 14px;font-size:12.5px}.kv dt{color:var(--muted)}.kv dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums}.chip{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:650;background:var(--panel-3);color:var(--ink-2);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.chip.brand{background:var(--brand-soft);color:var(--brand)}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.crit{background:var(--crit-soft);color:var(--crit)}.chip.info{background:var(--info-soft);color:var(--info)}.chip.accent{background:var(--accent-soft);color:var(--accent)}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.sev{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:capitalize}.sev .bar{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.sev-critical{color:var(--crit)}.sev-high{color:var(--warn)}.sev-medium{color:var(--info)}.sev-low{color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel);cursor:pointer;font-weight:600;font-size:12.5px;color:var(--ink-2);white-space:nowrap}.btn:hover{background:var(--panel-2);color:var(--ink);border-color:#d9dce2}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:#4338ca;border-color:#4338ca}.btn.danger{background:var(--panel);border-color:var(--crit-soft);color:var(--crit)}.btn.danger:hover{background:var(--crit-soft)}.btn.sm{padding:4px 9px;font-size:11.5px;border-radius:7px}.btn:disabled{opacity:.5;cursor:not-allowed}.seg{display:inline-flex;background:var(--panel-3);border-radius:8px;padding:2px;gap:2px}.seg button{border:none;background:none;padding:5px 11px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;color:var(--ink-2)}.seg button.on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.dt{display:flex;flex-direction:column}.dt-toolbar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line-2)}.dt-search{display:flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:5px 9px;color:var(--muted);flex:1;max-width:320px}.dt-search input{border:none;background:none;outline:none;font-size:12.5px;width:100%;color:var(--ink)}.dt-count{font-size:11.5px;color:var(--muted);margin-left:auto}.dt-scroll{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:12.5px}table.tbl th{text-align:left;font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:9px 12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel-2);z-index:1;white-space:nowrap}table.tbl td{padding:9px 12px;border-bottom:1px solid var(--line-2);vertical-align:middle}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl tbody tr.clickable{cursor:pointer}table.tbl tbody tr.clickable:hover{background:var(--panel-2)}td.drill{width:30px;text-align:right;color:var(--line-2)}tr.clickable:hover td.drill,tr.open-row td.drill{color:var(--brand)}table.tbl tr.open-row{background:var(--brand-soft)!important}table.tbl td.num,table.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.dt-expand td{background:var(--panel-2);padding:0}.dt-expand-inner{padding:16px 18px;border-bottom:1px solid var(--line)}.dt-expand-inner table.tbl th{background:transparent;font-size:10px}.dt-expand-inner .card{box-shadow:none}.dt-more{border:none;border-top:1px solid var(--line-2);background:var(--panel-2);padding:9px;cursor:pointer;font-size:12px;color:var(--brand);font-weight:600;width:100%}.dt-more:hover{background:var(--brand-soft)}.caret{color:var(--muted)}.opp{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:13px 14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;position:relative}.opp:hover{border-color:#d3d6de;box-shadow:var(--shadow-lg)}.opp .opp-top{display:flex;align-items:center;gap:8px}.opp .opp-title{font-weight:650;font-size:13px}.opp .opp-value{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.opp .opp-head{font-size:12.5px;color:var(--ink-2);line-height:1.5}.opp .opp-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}.trace{display:flex;flex-direction:column}.trace-step{display:grid;grid-template-columns:26px 1fr;gap:10px;position:relative;padding-bottom:14px}.trace-step:last-child{padding-bottom:0}.trace-step:before{content:"";position:absolute;left:12px;top:22px;bottom:0;width:1px;background:var(--line)}.trace-step:last-child:before{display:none}.trace-dot{width:24px;height:24px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;border:1px solid #dcdcfb;z-index:1}.trace-dot.done{background:var(--ok-soft);color:var(--ok);border-color:#cdead8}.trace-body{min-width:0;padding-top:2px}.trace-label{font-weight:650;font-size:12.5px}.trace-detail{font-size:12.5px;color:var(--ink-2);line-height:1.55;margin-top:2px}.trace-metrics{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.metric-pill{font-size:11px;background:var(--panel-3);border-radius:6px;padding:2px 7px;color:var(--ink-2);font-variant-numeric:tabular-nums}.metric-pill b{color:var(--ink);font-weight:650}.trace-source{font-size:10.5px;color:var(--muted);margin-top:5px;font-family:ui-monospace,Menlo,monospace}.opt{border:1px solid var(--line);border-radius:var(--radius);padding:12px 13px;background:var(--panel);display:flex;flex-direction:column;gap:8px;position:relative}.opt.chosen{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.opt.infeasible{opacity:.62;background:var(--panel-2)}.opt-top{display:flex;align-items:baseline;gap:8px}.opt-label{font-weight:650;font-size:13px}.opt-net{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.opt-net.pos{color:var(--ok)}.opt-net.neg{color:var(--crit)}.opt-badge{position:absolute;top:-9px;left:12px;background:var(--brand);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.03em}.bd{display:flex;flex-direction:column;gap:3px;font-size:12px}.bd-row{display:flex;align-items:center;gap:8px}.bd-row .bd-label{color:var(--ink-2)}.bd-row .bd-val{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}.bd-row .bd-val.pos{color:var(--ok)}.bd-row .bd-val.neg{color:var(--crit)}.constraint-list{display:flex;flex-direction:column;gap:4px;font-size:12px}.constraint{display:flex;gap:7px;align-items:flex-start;line-height:1.45}.constraint .ic{flex:none;margin-top:1px}.constraint.bind{color:var(--warn)}.constraint.sat{color:var(--ink-2)}.constraint.bind .ic{color:var(--warn)}.constraint.sat .ic{color:var(--ok)}.empty{padding:34px 18px;text-align:center;color:var(--muted);font-size:13px}.loader{display:flex;align-items:center;justify-content:center;padding:34px;color:var(--muted);gap:9px;font-size:12.5px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.err{padding:14px;background:var(--crit-soft);color:var(--crit);border-radius:var(--radius);font-size:12.5px}.bar-track{height:6px;background:var(--panel-3);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:var(--brand);border-radius:4px}.bar-fill.ok{background:var(--ok)}.bar-fill.warn{background:var(--warn)}.bar-fill.crit{background:var(--crit)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:14px}.tabs button{border:none;background:none;padding:8px 13px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}.tabs button:hover:not(.on){color:var(--ink)}.persona{display:flex;align-items:center;gap:8px;padding:4px 9px 4px 5px;border-radius:999px;border:1px solid var(--line);background:var(--panel);cursor:pointer}.persona:hover{border-color:#d3d6de}.persona .av{width:24px;height:24px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10.5px;flex:none}.persona .pn{font-size:12px;font-weight:650;line-height:1.15}.persona .pr{font-size:10.5px;color:var(--muted);line-height:1.15}.persona-menu{position:absolute;top:46px;right:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:50;width:280px;overflow:hidden}.persona-menu button{display:flex;gap:9px;align-items:center;width:100%;padding:9px 12px;border:none;background:none;cursor:pointer;text-align:left;border-bottom:1px solid var(--line-2)}.persona-menu button:last-child{border-bottom:none}.persona-menu button:hover{background:var(--panel-2)}.persona-menu button.on{background:var(--brand-soft)}.node-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.node-tile{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 11px;background:var(--panel)}.node-tile .nt-name{font-weight:650;font-size:12.5px}.node-tile .nt-sub{font-size:11px;color:var(--muted);margin-bottom:7px}.node-tile .nt-val{font-size:15px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.callout{border:1px solid #dcdcfb;background:var(--brand-soft);padding:10px 13px;border-radius:var(--radius-sm);font-size:12.5px;line-height:1.55;color:var(--brand-ink)}.callout.warn{border-color:#f3ddb4;background:var(--warn-soft);color:#92400e}.callout.ok{border-color:#cdead8;background:var(--ok-soft);color:#14532d}