:root{--bg:#f6f7f9;--surface:#fff;--text:#1c2128;--muted:#59636e;--border:#d8dee4;--accent:#1f6feb;--ok:#1a7f37;--warning:#9a6700;--critical:#cf222e;--unknown:#6e40c9;--ok-bg:#dafbe1;--warning-bg:#fff8c5;--critical-bg:#ffebe9;--unknown-bg:#ecdcff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1117;--surface:#161b22;--text:#e6edf3;--muted:#8b949e;--border:#30363d;--accent:#58a6ff;--ok:#3fb950;--warning:#d29922;--critical:#f85149;--unknown:#bc8cff;--ok-bg:#12261e;--warning-bg:#2d2408;--critical-bg:#3a1214;--unknown-bg:#271b3a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d1117;--surface:#161b22;--text:#e6edf3;--muted:#8b949e;--border:#30363d;--accent:#58a6ff;--ok:#3fb950;--warning:#d29922;--critical:#f85149;--unknown:#bc8cff;--ok-bg:#12261e;--warning-bg:#2d2408;--critical-bg:#3a1214;--unknown-bg:#271b3a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}nav.side{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:16px;display:flex}nav.side .brand{align-items:center;gap:8px;margin-bottom:12px;font-size:18px;font-weight:700;display:flex}nav.side a{color:var(--text);border-radius:6px;padding:8px 10px}nav.side a.active,nav.side a:hover{background:var(--bg);text-decoration:none}nav.side .spacer{flex:1}nav.side .who{color:var(--muted);padding:8px 10px;font-size:13px}main{min-width:0;padding:20px 24px}h1{margin:0 0 16px;font-size:22px}h2{margin:24px 0 8px;font-size:17px}h3{margin:0 0 8px;font-size:15px}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.card .big{font-size:26px;font-weight:600}.muted{color:var(--muted)}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}th{color:var(--muted);background:var(--bg);cursor:default;font-size:13px;font-weight:600}th.sortable{cursor:pointer}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:color-mix(in srgb, var(--accent) 6%, transparent)}td.mono,.mono{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.badge{border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.ok{color:var(--ok);background:var(--ok-bg)}.badge.warning{color:var(--warning);background:var(--warning-bg)}.badge.critical{color:var(--critical);background:var(--critical-bg)}.badge.unknown{color:var(--unknown);background:var(--unknown-bg)}.badge.neutral{color:var(--muted);background:var(--bg);border:1px solid var(--border)}.dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.dot.up{background:var(--ok)}.dot.down{background:var(--critical)}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}input,select,button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 10px}button{cursor:pointer;background:var(--accent);color:#fff;border-color:var(--accent)}button.secondary{background:var(--surface);color:var(--text)}button.danger{background:var(--critical);border-color:var(--critical)}button:disabled{opacity:.5;cursor:default}button.small{padding:3px 8px;font-size:13px}.form{flex-direction:column;gap:8px;max-width:480px;display:flex}.form label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.form label.inline{color:var(--text);flex-direction:row;align-items:center}.form .actions{gap:8px;display:flex}.notice{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 12px}.notice.error{color:var(--critical);background:var(--critical-bg);border-color:#0000}.detail{background:var(--bg);border-radius:6px;margin:4px 0;padding:10px 12px}.kv{grid-template-columns:max-content 1fr;gap:4px 16px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.history{gap:2px;display:inline-flex}.history i{border-radius:2px;width:8px;height:14px;display:inline-block}.history i.ok{background:var(--ok)}.history i.warning{background:var(--warning)}.history i.critical{background:var(--critical)}.history i.unknown{background:var(--unknown)}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.login{max-width:380px;margin:10vh auto}.icon{color:var(--muted);background:0 0;border:none;padding:4px}@media (width<=800px){.layout{grid-template-columns:1fr}nav.side{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap}nav.side .brand{width:100%;margin-bottom:4px}nav.side .spacer,nav.side .who{display:none}main{padding:12px}table{display:block;overflow-x:auto}}