:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7f8;color:#172026;font-synthesis:none;text-rendering:geometricPrecision;--bg: #f4f7f8;--surface: #ffffff;--surface-2: #eef4f4;--text: #172026;--muted: #66747c;--border: #d7e1e3;--border-strong: #b9c8cc;--teal: #0f766e;--teal-soft: #dff5f1;--amber: #b26a00;--amber-soft: #fff0d2;--blue: #2368a2;--blue-soft: #e1effa;--green: #14714f;--green-soft: #def4e9;--red: #b42318;--red-soft: #fde4e1;--slate: #52606a;--slate-soft: #edf1f3;--shadow: 0 16px 36px rgba(31, 45, 51, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button{font:inherit}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.appShell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;border-right:1px solid var(--border);background:#fbfcfc;display:flex;flex-direction:column;gap:24px}.brandBlock{display:flex;align-items:center;gap:12px}.brandMark{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:#fff;background:#12343b;font-weight:800}.brandName{font-size:18px;line-height:1.1;font-weight:780}.brandUrl{margin-top:3px;font-size:12px;color:var(--muted)}.navStack{display:grid;gap:6px}.navItem{border:0;background:transparent;color:#41515a;height:38px;border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;font-size:14px;font-weight:650}.navItem.active,.navItem:hover{background:var(--surface-2);color:var(--text)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebarFooter{margin-top:auto;display:grid;gap:8px}.smallLabel{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0;font-weight:760}.envPill{border:1px solid var(--border);border-radius:8px;background:var(--surface);height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:700}.dot{width:8px;height:8px;border-radius:999px;display:inline-block}.workspace{padding:26px;display:grid;gap:20px}.topbar{min-height:72px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.12;font-weight:780}.topbar p{margin-top:8px;color:var(--muted);font-size:14px}.topActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.metricGrid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}.metricCard,.panel,.tableBand{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.metricCard{min-height:132px;padding:16px;display:grid;align-content:space-between;gap:12px}.metricTop{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;font-weight:760;text-transform:uppercase;letter-spacing:0}.metricCard strong{display:block;font-size:24px;line-height:1}.metricCard p{color:var(--muted);font-size:13px;line-height:1.4}.contentGrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.8fr);gap:20px;align-items:start}.panel,.tableBand{padding:18px}.panelHeader,.tableToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.panelHeader h2{font-size:16px;line-height:1.2;font-weight:760}.panelHeader span{color:var(--muted);font-size:12px;font-weight:700}.routeMap{margin-top:24px;display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:10px}.routeStep{position:relative;display:grid;align-content:start;gap:10px;min-height:118px}.routeNode{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--border)}.routeConnector{position:absolute;left:52px;right:-4px;top:22px;height:1px;background:var(--border-strong)}.routeLabel{font-size:13px;font-weight:760}.routeState{margin-top:4px;color:var(--muted);font-size:12px}.gateList{margin-top:16px;display:grid;gap:10px}.gateRow,.varRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.gateRow span{color:#3c4b53;font-size:12px;font-weight:760}.profileVars{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);display:grid;gap:8px}.varRow code{color:var(--muted);font-size:11px}.varRow strong{font-size:12px}.statusBadge{min-height:26px;display:inline-flex;align-items:center;border-radius:8px;padding:0 9px;font-size:12px;font-weight:760;border:1px solid transparent;white-space:nowrap}.statusDot{width:9px;height:9px;border-radius:50%}.green{color:var(--green);background:var(--green-soft);border-color:#afdcc7}.amber{color:var(--amber);background:var(--amber-soft);border-color:#f3d191}.blue{color:var(--blue);background:var(--blue-soft);border-color:#bdd9ee}.slate{color:var(--slate);background:var(--slate-soft);border-color:var(--border)}.red{color:var(--red);background:var(--red-soft);border-color:#f3b8b2}.tableBand{display:grid;gap:14px}.segmented{height:36px;display:flex;align-items:center;gap:4px;padding:3px;background:var(--surface-2);border-radius:8px;border:1px solid var(--border)}.segmented button{height:28px;border:0;border-radius:6px;background:transparent;color:#52606a;padding:0 10px;font-size:12px;font-weight:760;cursor:pointer}.segmented button.selected{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #1f2d331a}.tableWrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{border-bottom:1px solid var(--border);text-align:left;padding:11px 10px;font-size:13px;vertical-align:middle}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:0;font-weight:780}td{color:#2f3d45}tbody tr:last-child td{border-bottom:0}@media(max-width:1100px){.appShell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding:18px 12px}.brandBlock{justify-content:center}.brandBlock>div:not(.brandMark),.navItem span,.sidebarFooter{display:none}.navItem{justify-content:center;padding:0}.metricGrid{grid-template-columns:repeat(2,minmax(160px,1fr))}.contentGrid{grid-template-columns:1fr}.routeMap{grid-template-columns:repeat(3,minmax(120px,1fr))}.routeConnector{display:none}}@media(max-width:720px){.appShell{display:block}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr;gap:12px;overflow-x:auto}.brandBlock>div:not(.brandMark),.navItem span{display:block}.navStack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.navItem{min-width:0;padding:0 10px;justify-content:flex-start}.workspace{padding:18px}.topbar,.tableToolbar{display:grid}h1{font-size:23px}.metricGrid,.routeMap{grid-template-columns:1fr}.metricCard{min-height:112px}.segmented{overflow-x:auto;justify-content:flex-start}}