:root{color-scheme:dark;--bg:#0c111b;--panel:#151d2b;--line:#2b3950;--text:#e8edf5;--muted:#9aabc1;--accent:#69d7ba;--warn:#f6c453;--danger:#ff6b78}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,sans-serif}header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:1.2rem;padding:.8rem 1.2rem;background:#101725;border-bottom:1px solid var(--line)}header nav{display:flex;flex:1;gap:.9rem;overflow:auto}a{color:var(--accent);text-decoration:none}.brand{font-weight:800;color:var(--text);white-space:nowrap}button{border:0;border-radius:.45rem;background:var(--accent);color:#07110f;padding:.65rem .9rem;font-weight:700;cursor:pointer}.link-button{background:transparent;color:var(--muted);padding:.2rem}main{max-width:1440px;margin:auto;padding:1.2rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;margin:1rem 0}.cards article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:.7rem;padding:1rem}.cards span{display:block;color:var(--muted)}.cards strong{font-size:1.5rem}.status{display:inline-block;border-radius:2rem;padding:.25rem .7rem;background:var(--warn);color:#161000}.status.running{background:var(--accent)}.status.degraded,.critical{background:var(--danger)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:.7rem}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{text-align:left;vertical-align:top;padding:.65rem;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted)}label{display:grid;gap:.3rem;margin:.8rem 0;color:var(--muted)}input{width:100%;max-width:34rem;border:1px solid var(--line);border-radius:.4rem;background:#0d1421;color:var(--text);padding:.65rem}.login{display:grid;min-height:100vh;place-items:center}.login main{width:min(26rem,100%)}.alert{padding:.7rem;border-radius:.4rem}.settings{max-width:40rem}dl{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem}dt{color:var(--muted)}footer{padding:2rem;text-align:center;color:var(--muted)}code{white-space:pre-wrap}@media(max-width:780px){header{align-items:flex-start;flex-wrap:wrap}header nav{order:3;width:100%}main{padding:.8rem}}