:root{--bg:#f5f7fa;--bg-strong:#e8edf3;--ink:#151922;--muted:#5e6877;--line:#d1d9e3;--panel:#fffffff0;--panel-solid:#fff;--accent:#006b5f;--accent-ink:#004f47;--warn:#9a6200;--bad:#b42318;--good:#067647;--shadow:0 14px 36px #15192214}*{box-sizing:border-box}html{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-strong) 100%);min-height:100%;color:var(--ink)}body{min-height:100vh;margin:0;font-family:Atkinson Hyperlegible,Aptos,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button:disabled,select:disabled{cursor:not-allowed;opacity:.65}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;flex-direction:column;gap:28px;height:100vh;padding:28px;display:flex;position:sticky;top:0}.brand-block h1,.topbar h2,.panel h3{letter-spacing:0;margin:0}.brand-block h1{font-size:2rem;line-height:1.05}.brand-block p:not(.eyebrow){color:var(--muted);margin:14px 0 0;line-height:1.55}.eyebrow{color:var(--accent-ink);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.74rem;font-weight:850}.nav-list{gap:8px;display:grid}.nav-link{color:var(--muted);border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:800;display:flex}.nav-link:hover,.nav-link.active{color:var(--accent-ink);background:#0c6b6317;border-color:#0c6b6347}.sidebar-footer{border:1px solid var(--line);background:#ffffffb3;border-radius:8px;align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer small{color:var(--muted);overflow-wrap:anywhere;margin-top:2px}.status-dot{border-radius:999px;flex:none;width:14px;height:14px}.status-dot.ok{background:var(--good);box-shadow:0 0 0 7px #16715e24}.status-dot.warn{background:var(--warn);box-shadow:0 0 0 7px #a35b1624}.workspace{width:min(1220px,100%);padding:28px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.topbar h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.05}.topbar-meta{color:var(--muted);margin:10px 0 0;font-size:.9rem}.topbar-actions{align-items:center;gap:12px;display:flex}.auto-refresh{border:1px solid var(--line);color:var(--muted);background:#ffffffc2;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:.9rem;font-weight:800;display:inline-flex}.auto-refresh input{width:16px;height:16px;accent-color:var(--accent)}.button{background:var(--accent);color:var(--panel-solid);cursor:pointer;border:0;border-radius:8px;padding:12px 18px;font-weight:850}.stack,.card-grid{gap:16px;display:grid}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.metric-card,.error-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:22px}.metric-card{min-height:130px}.metric-card span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:850;display:block}.metric-card strong{overflow-wrap:anywhere;margin-top:18px;font-size:1.2rem;line-height:1.35;display:block}.metric-card small{color:var(--muted);overflow-wrap:anywhere;margin-top:12px;line-height:1.45;display:block}.metric-card.good{border-color:#16715e59}.metric-card.warn{border-color:#a35b1661}.split{grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);align-items:start;gap:22px;display:grid}.muted{color:var(--muted);line-height:1.65}.panel-heading{justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex}.record-list,.component-list,.check-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.record-list li,.component-list li,.check-list li{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.record-list strong,.record-list span,.component-list strong,.component-list small,.check-list strong,.check-list small{overflow-wrap:anywhere}.record-list span,.component-list small,.check-list small{color:var(--muted);text-align:right;font-size:.9rem}.component-list li{justify-content:start}.component-list small,.check-list small{text-align:left;margin-top:2px;display:block}.check-list li{justify-content:start}.state-badge{text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;min-width:78px;padding:6px 10px;font-size:.76rem;font-weight:850;display:inline-flex}.state-good{color:var(--good);background:#16715e1f}.state-warn{color:var(--warn);background:#a35b161f}.state-bad{color:var(--bad);background:#a12f2f1f}.table-wrap{overflow-x:auto}.mini-metrics{flex-wrap:wrap;gap:10px;margin:-4px 0 16px;display:flex}.mini-metrics span{border:1px solid var(--line);color:var(--muted);background:#ffffffb8;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.86rem;font-weight:800;display:inline-flex}.mini-metrics strong{color:var(--ink)}table{border-collapse:collapse;width:100%;min-width:920px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:13px 12px}th{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.76rem}td{overflow-wrap:anywhere}.field{gap:8px;display:grid}.field span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:850}.field.compact{min-width:220px}select,input[type=text],textarea{border:1px solid var(--line);background:var(--panel-solid);width:100%;color:var(--ink);border-radius:8px;padding:11px 12px}textarea{resize:vertical}td small{color:var(--muted);margin-top:4px;display:block}.control-plane-shell .form-panel{align-content:start;display:grid}.table-action{white-space:nowrap;border-radius:6px;padding:8px 12px}.form-grid{gap:16px;display:grid}.toggle-row{align-items:center;gap:10px;font-weight:800;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}.form-actions{align-items:center;gap:14px;margin-top:18px;display:flex}.notice-row{color:var(--muted);background:#0c6b6312;border:1px solid #0c6b6338;border-radius:8px;gap:6px;margin-top:16px;padding:13px 14px;line-height:1.55;display:grid}.notice-row strong{color:var(--accent-ink)}.save-message{color:var(--good);font-weight:800}.json-block,.command-card code,.metadata-details pre{color:var(--ink);background:#17120c14;border-radius:8px;padding:16px;font-size:.88rem;line-height:1.55;display:block;overflow-x:auto}.command-card{gap:10px;display:grid}.metadata-details summary{cursor:pointer;color:var(--accent-ink);font-weight:850}.metadata-details pre{white-space:pre-wrap;max-width:360px;margin:10px 0 0}.error-panel{background:#fff0e8e6;border-color:#a12f2f57;gap:6px;margin-bottom:16px;display:grid}.error-panel span{color:var(--bad);overflow-wrap:anywhere}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.two,.card-grid.three,.card-grid.four,.split{grid-template-columns:1fr}}@media (max-width:640px){.workspace,.sidebar{padding:18px}.topbar,.topbar-actions,.panel-heading,.form-actions{flex-direction:column;align-items:stretch}.nav-list{grid-template-columns:1fr 1fr}.record-list li{flex-direction:column;align-items:flex-start}.record-list span{text-align:left}}