:root { color-scheme: light dark; --fg: #1d1d1f; --bg: #fafafa; --muted: #6b7280; --border: #d4d4d8; --accent: #2563eb; --ok: #15803d; --bad: #b91c1c; --warn: #b45309; }
@media (prefers-color-scheme: dark) { :root { --fg: #e5e7eb; --bg: #111113; --muted: #9ca3af; --border: #3f3f46; --accent: #60a5fa; --ok: #4ade80; --bad: #f87171; --warn: #fbbf24; } }
* { box-sizing: border-box; }
body { margin: 0; font: 15px/1.5 system-ui, sans-serif; color: var(--fg); background: var(--bg); }
header { display: flex; gap: 1rem; align-items: center; padding: .75rem 1.5rem; border-bottom: 1px solid var(--border); }
header nav { display: flex; gap: 1rem; flex: 1; }
main { max-width: 1100px; margin: 0 auto; padding: 1.5rem; }
a { color: var(--accent); }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: .5rem; border-bottom: 1px solid var(--border); vertical-align: top; }
input, select, textarea, button { font: inherit; padding: .4rem .6rem; border: 1px solid var(--border); border-radius: 6px; background: transparent; color: inherit; }
textarea { width: 100%; font-family: ui-monospace, monospace; }
button { cursor: pointer; background: var(--accent); color: #fff; border: none; }
button.danger { background: var(--bad); }
form.inline { display: inline; }
label { display: block; margin: .75rem 0 .25rem; font-weight: 600; }
label.check { font-weight: normal; margin: .25rem 0; }
.error { color: var(--bad); }
.muted { color: var(--muted); }
.badge { display: inline-block; padding: 0 .5rem; border-radius: 999px; font-size: .85em; border: 1px solid currentColor; }
.badge.success, .badge.online { color: var(--ok); }
.badge.failed, .badge.lost, .badge.offline { color: var(--bad); }
.badge.running { color: var(--accent); }
.badge.cancelled { color: var(--warn); }
.log { background: #0b0b0c; color: #e5e7eb; padding: 1rem; border-radius: 8px; overflow-x: auto; font: 13px/1.45 ui-monospace, monospace; }
.log span { display: block; min-height: 1.45em; white-space: pre-wrap; }
.log .stderr { color: #fca5a5; }
.log .system { color: #93c5fd; }
pre.box { padding: 1rem; border: 1px solid var(--border); border-radius: 8px; overflow-x: auto; }