:root{--bg: #0b0f19;--panel: #11182a;--panel-2: #0f1422;--text: #e7ecf7;--muted: #96a2bf;--line: #23304a;--accent: #2f6cff;--ok: #19c37d;--warn: #ffb020;--err: #ff5d5d}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(1200px 700px at 20% -10%,#15213f 0%,var(--bg) 55%);color:var(--text);font-family:Inter,Segoe UI,sans-serif}.app-root{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);background:var(--panel-2);padding:16px}.sidebar h2{margin:0 0 6px;font-size:20px}.section-list{display:grid;gap:8px;margin-top:14px}.section-list button{border:1px solid var(--line);background:transparent;color:var(--text);padding:9px 10px;text-align:left;border-radius:10px;cursor:pointer}.section-list button.active,.section-list button:hover{border-color:#3d5c9f;background:#172340}.main{padding:16px;display:grid;gap:14px}.topbar{display:grid;grid-template-columns:1fr 230px 120px;gap:10px}input,select,textarea,button{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--panel);color:var(--text)}button{cursor:pointer}button:hover{border-color:#4062a7}button:disabled{opacity:.55;cursor:default}.payload-row textarea{width:100%}.card{background:linear-gradient(180deg,#111a2e,#0f1728);border:1px solid var(--line);border-radius:14px;padding:14px}.card h3{margin:0 0 10px}.card h4{margin:12px 0 8px}.card pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:12px;background:#0a1020;padding:10px;border-radius:10px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.list-item{border:1px solid var(--line);background:#0d1527;border-radius:10px;padding:10px;margin-bottom:8px}.list-item p{margin:6px 0 0}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.badge{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;padding:2px 10px;border:1px solid var(--line)}.badge-online,.badge-ok{background:#19c37d24;color:#8cf0c6}.badge-offline,.badge-error{background:#ff5d5d26;color:#ff9d9d}.badge-degraded,.badge-warning{background:#ffb02024;color:#ffd58a}.badge-placeholder,.badge-unknown{background:#8292b929;color:#bec9e3}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.service-item{border:1px solid var(--line);border-radius:10px;padding:10px;background:#0d1527}.error{border:1px solid #833;background:#78191938;color:#ffb2b2;padding:10px;border-radius:10px}.muted{color:var(--muted);font-size:13px}@media (max-width: 980px){.app-root{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.topbar,.grid{grid-template-columns:1fr}}