@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #080a11;--bg-card: #0d101a;--bg-card-hover: #11141f;--border: #1c2030;--text: #e8eaf2;--text-dim: #8a8fa3;--green: #34d399;--amber: #fbbf24;--red: #f87171;--unknown: #6b7280;--accent: #818cf8;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;font-size:15px}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer;background:var(--accent);color:#0b0d16;border:0;border-radius:8px;padding:9px 16px;font-weight:600}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 12px}.shell{max-width:1180px;margin:0 auto;padding:0 20px 60px}.topbar{display:flex;align-items:center;gap:14px;padding:16px 0;margin-bottom:18px;border-bottom:1px solid var(--border)}.topbar .brand{font-weight:700;letter-spacing:.02em}.topbar .spacer{flex:1}.topbar .at{color:var(--text-dim);font-family:var(--mono);font-size:12px}.topbar nav a{margin-right:14px;color:var(--text-dim)}.topbar nav a.active{color:var(--text)}.banner{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;margin-bottom:20px;border:1px solid var(--border);background:var(--bg-card);font-weight:600}.banner.red{border-color:var(--red)}.banner.amber{border-color:var(--amber)}.banner .stale{color:var(--amber);font-weight:400;font-size:13px}.pill{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}.pill.green{background:var(--green)}.pill.amber{background:var(--amber)}.pill.red{background:var(--red)}.pill.unknown{background:var(--unknown)}.pill.red{border-radius:3px}.pill.amber{border-radius:3px;transform:rotate(45deg)}.pill.unknown{background:transparent;border:2px solid var(--unknown)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:28px}.tile{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.tile .label{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:8px}.tile .value{font-family:var(--mono);font-size:22px;margin-top:8px}.section{margin-bottom:30px}.section h2{font-size:16px;margin:0 0 10px;display:flex;align-items:center;gap:10px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px}.card+.card{margin-top:12px}.card h3{margin:0 0 10px;font-size:13px;color:var(--text-dim);font-weight:500}.empty{color:var(--text-dim);font-size:13px;padding:12px 0}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;color:var(--text-dim);font-weight:500;padding:6px 10px;border-bottom:1px solid var(--border)}table.data td{padding:7px 10px;border-bottom:1px solid var(--border);font-family:var(--mono)}table.data tr:last-child td{border-bottom:0}.alert-row{display:flex;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.alert-row:last-child{border-bottom:0}.alert-row .when{color:var(--text-dim);font-family:var(--mono);font-size:12px;flex:none}.alert-row .resolved{color:var(--text-dim)}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:340px;display:flex;flex-direction:column;gap:12px}.login-card h1{font-size:18px;margin:0}.login-card .error{color:var(--red);font-size:13px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:end}.filters label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-dim)}
