:root{color-scheme:light;--bg: #f4f7fb;--panel: #ffffff;--text: #162033;--muted: #627086;--line: #dde5f0;--accent: #1769e0;--accent-soft: #eef5ff;--good: #147d55;--bad: #b42318;--warn: #a15c07}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{cursor:pointer}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:#fffffff5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}h1{margin:0;font-size:24px}h2{margin:0;padding:14px 16px;border-bottom:1px solid var(--line);font-size:16px}main{display:grid;gap:20px;padding:24px 28px 40px}section{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.header-actions,.controls,.filters,.pagination,.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.button{display:inline-flex;height:36px;align-items:center;gap:8px;border:0;border-radius:6px;padding:0 13px;background:var(--accent);color:#fff;font-weight:700}.button.muted{border:1px solid var(--line);background:#fff;color:var(--text)}.button.danger{background:var(--bad)}.button:disabled,.actions button:disabled,.inline-action:disabled{cursor:not-allowed;opacity:.48}.admin-login{grid-auto-flow:column;align-items:center}.admin-login input{min-width:150px}.notice{border:1px solid #bed3f2;border-radius:8px;padding:10px 12px;background:#f2f7ff;color:#174f9d}.metrics{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px}.metric{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:16px}.metric svg{color:var(--accent)}.metric.good svg{color:var(--good)}.metric.bad svg{color:var(--bad)}.metric strong{font-size:28px;line-height:1}.metric span{grid-column:2;color:var(--muted);font-size:13px}.controls{padding:16px}label{display:grid;gap:6px;color:var(--muted);font-size:13px}input{min-width:180px;height:36px;border:1px solid var(--line);border-radius:6px;padding:0 10px;color:var(--text)}select{min-width:150px;height:36px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 10px;color:var(--text)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:12px 16px}.section-heading h2{border-bottom:0;padding:0}.section-heading label{grid-auto-flow:column;align-items:center}.api-call{display:flex;align-items:end;gap:10px;border-top:1px solid var(--line);padding:0 16px 16px}.api-call label{flex:1}.api-call input{width:100%;min-width:260px}pre{margin:0;min-height:96px;max-height:260px;overflow:auto;padding:16px;background:#111827;color:#e5e7eb;font-size:13px;line-height:1.55}.live-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;padding:16px;border-bottom:1px solid var(--line);background:#fbfdff}.live-grid div{display:grid;gap:5px}.live-grid span{color:var(--muted);font-size:12px}.live-grid strong{overflow-wrap:anywhere;font-size:14px}.table-wrap{overflow:auto}.table-wrap.tall{max-height:620px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;white-space:nowrap}th{position:sticky;top:0;z-index:1;background:#f9fbff;color:var(--muted)}.sort-button{display:inline-flex;min-height:28px;align-items:center;gap:6px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:var(--text);padding:4px 9px;font-weight:700}.sort-button.active,.sort-button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.status{display:inline-flex;min-width:62px;justify-content:center;border-radius:999px;padding:3px 8px;background:#edf2f7;color:var(--muted);font-weight:700}.status.alive,.status.idle{background:#eaf7f1;color:var(--good)}.status.dead,.status.error,.status.stopped{background:#fff1f0;color:var(--bad)}.status.risky,.status.running{background:#fff7e6;color:var(--warn)}.status.waiting{background:#eef5ff;color:var(--accent)}.actions{flex-wrap:nowrap}.actions button,.inline-action{display:inline-flex;height:28px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);padding:0 8px}.pagination{justify-content:flex-end;border-top:1px solid var(--line);padding:12px 16px;color:var(--muted)}.actions button:hover,.inline-action:hover{border-color:var(--accent);color:var(--accent)}.actions .danger-icon:hover{border-color:var(--bad);color:var(--bad)}.loading{color:var(--muted)}@media(max-width:820px){header{align-items:flex-start;flex-direction:column;padding:14px 16px}main{padding:18px 16px 32px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:22px}.live-grid{grid-template-columns:1fr}.section-heading,.api-call{align-items:stretch;flex-direction:column}.section-heading label{grid-auto-flow:row}}