:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:#fff;--surface-soft:#f8fafc;--border:#d8dde6;--border-strong:#aeb7c4;--text-muted:#5f6977;--text-soft:#7d8795;--ink:#171717;--green:#168a54;--amber:#b77910;--rose:#c24163;--teal:#0f8c88;--cyan:#047b9b;--blue:#3467c7;--violet:#7c4cc2;--shadow:0 18px 44px #2d37481f;background:#f4f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;padding:14px}.topbar,.hero-panel,.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.brand-block,.topbar-actions,.panel-title,.member-cell,.radar-state,.entrypoint,.legend-dot{align-items:center;display:flex}.brand-block{gap:12px;min-width:0}.brand-mark{color:#fff;background:#171717;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.eyebrow{color:var(--teal);text-transform:uppercase;margin:0 0 2px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.3rem,2vw,1.9rem);line-height:1.1}h2{margin-bottom:0;font-size:1rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.icon-button{border:1px solid var(--border-strong);background:var(--surface-soft);min-height:36px;color:var(--ink);border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.icon-button svg,.panel-icon svg,.radar-state svg,.entrypoint svg,.empty-entrypoints svg,.topology-node svg{flex:none;width:18px;height:18px}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.hero-panel{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(280px,440px);gap:16px;min-height:160px;padding:18px;display:grid;overflow:hidden}.hero-summary h2{max-width:860px;font-size:clamp(1.55rem,3vw,2.6rem);line-height:1.08}.hero-radar{align-items:stretch;display:flex}.metric-row{grid-template-columns:repeat(4,minmax(140px,1fr));gap:8px;margin-top:22px;display:grid}.metric{border:1px solid var(--border);background:var(--surface-soft);border-left-width:5px;border-radius:8px;min-height:76px;padding:10px}.metric span{color:var(--text-muted);text-transform:uppercase;font-size:.8rem;font-weight:700;display:block}.metric strong{margin-top:6px;font-size:1.2rem;display:block}.metric-neutral{border-left-color:var(--blue)}.metric-green{border-left-color:var(--green)}.metric-amber{border-left-color:var(--amber)}.metric-rose{border-left-color:var(--rose)}.panel{min-width:0;padding:12px}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-title{gap:8px;min-width:0}.panel-icon{border:1px solid var(--border);background:var(--surface-soft);width:34px;height:34px;color:var(--blue);border-radius:8px;place-items:center;display:grid}.panel-meta{border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:800}.table-wrap{overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;width:100%}th:first-child,td:first-child{width:20%}th:nth-child(2),td:nth-child(2){width:26%}th:nth-child(3),td:nth-child(3){width:12%}th:nth-child(4),td:nth-child(4){width:20%}th:nth-child(5),td:nth-child(5){width:10%}th:nth-child(6),td:nth-child(6){width:12%}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:10px 8px}th{color:var(--text-muted);text-transform:uppercase;font-size:.76rem;font-weight:800}td{color:#20242a;font-size:.9rem}.member-cell{gap:9px}.member-cell strong,.member-cell span{display:block}.member-cell span{color:var(--text-muted);font-size:.78rem}.accent-dot{border-radius:999px;flex:none;width:10px;height:34px}.accent-teal{background:var(--teal)}.accent-cyan{background:var(--cyan)}.accent-amber{background:var(--amber)}.accent-violet{background:var(--violet)}.accent-rose{background:var(--rose)}.accent-blue{background:var(--blue)}.accent-green{background:var(--green)}code{color:#303743;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;background:#f7f9fb;border:1px solid #dfe4ec;border-radius:6px;max-width:100%;padding:3px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;display:inline-block;overflow:hidden}.status-badge,.mode-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.78rem;font-weight:800;display:inline-flex}.status-badge span{border-radius:999px;width:8px;height:8px}.status-active{color:#0f6841;background:#e9f8f0}.status-active span{background:var(--green)}.status-planned{color:#815207;background:#fff6df}.status-planned span{background:var(--amber)}.status-legacy,.status-inactive,.status-unknown{color:#98324e;background:#f7e9ef}.status-legacy span,.status-inactive span,.status-unknown span{background:var(--rose)}.mode-pill{border:1px solid var(--border);color:#354052;background:#f5f7fb}.radar-state{color:#0f6841;background:#f0fbf5;border:1px solid #bcdccc;border-radius:8px;align-items:flex-start;gap:10px;width:100%;padding:12px}.radar-state-gap{color:#98324e;background:#fff3f6;border-color:#f0c6d2}.radar-state strong,.radar-state span,.radar-state small{display:block}.radar-state span,.radar-state small{color:#4f5967;overflow-wrap:anywhere;margin-top:4px}.contract-list{gap:8px;display:grid}.contract-row{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex}.contract-row strong,.contract-row span{display:block}.contract-row span{color:var(--text-muted);font-size:.78rem}.endpoint-strip{gap:4px;display:flex}.endpoint{border-radius:6px;place-items:center;width:22px;height:22px;font-size:.7rem;font-weight:900;display:grid}.endpoint-required{color:#0f6841;background:#ddf6ec}.endpoint-push-compatible{color:#254f9e;background:#e8eefc}.endpoint-optional{color:#6a3aa7;background:#f2e9fb}.contract-legend{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin-top:12px;font-size:.78rem;font-weight:700;display:flex}.legend-dot{gap:5px}.legend-dot .endpoint{width:12px;height:12px}.topology{grid-template-columns:210px minmax(0,1fr);align-items:center;gap:16px;min-height:260px;display:grid}.control-node,.topology-node{text-align:center;place-items:center;display:grid}.control-node{background:#fff;border:2px solid #171717;border-radius:8px;min-height:190px}.control-node svg{width:34px;height:34px;margin-bottom:10px}.control-node span,.topology-node span{color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.member-nodes{grid-template-columns:repeat(4,minmax(92px,1fr));gap:8px;display:grid}.topology-node{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;min-height:96px}.node-active{background:#f0fbf5;border-color:#9cd2b8}.node-planned{background:#fff9eb;border-color:#edcd87}.node-unknown,.node-legacy,.node-inactive{background:#fff5f7;border-color:#e7b4c3}.entrypoint-list{gap:8px;display:grid}.entrypoint{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;justify-content:space-between;gap:12px;padding:10px;text-decoration:none}.entrypoint strong,.entrypoint small{display:block}.entrypoint small{color:var(--text-muted);overflow-wrap:anywhere}.empty-entrypoints{border:1px dashed var(--border-strong);color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:12px;display:flex}.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.ops-path{border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px}.ops-path span{color:var(--text-muted);margin-bottom:4px;font-size:.78rem;font-weight:800;display:block}@media (width<=1180px){.span-4,.span-5,.span-7,.span-8{grid-column:1/-1}.metric-row{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (width<=760px){.app-shell{padding:8px}.topbar,.hero-panel{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions,.icon-button{width:100%}.icon-button{justify-content:center}.hero-panel{display:block}.hero-radar{margin-top:14px}.metric-row,.topology,.ops-grid{grid-template-columns:1fr}.member-nodes{grid-template-columns:repeat(2,minmax(112px,1fr))}code{max-width:76vw}table{min-width:820px}}#root{min-height:100vh}