:root{color-scheme:dark;--bg: #0b0f14;--panel: #111823;--border: #1f2937;--text: #e5e7eb;--muted: #94a3b8;--accent: #38bdf8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,PingFang SC,Microsoft YaHei,sans-serif}.topbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.brand{font-weight:700;font-size:16px}.brand span{color:var(--muted);font-weight:400;margin-left:4px}.nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:6px}.nav a.router-link-active,.nav a:hover{color:var(--text);background:#1b2534}.user{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px}.role{border:1px solid var(--border);border-radius:4px;padding:0 6px;font-size:12px}.container{max-width:1000px;margin:0 auto;padding:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px}.login{max-width:380px;margin:60px auto;text-align:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.metric{display:flex;flex-direction:column;gap:4px;margin:0}.metric .label{color:var(--muted);font-size:12px}.metric strong{font-size:20px}input,select,button{background:#0f1622;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px}input{flex:1;min-width:180px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.link{background:none;border:none;color:var(--accent);padding:0}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500;font-size:12px}a{color:var(--accent);text-decoration:none}.muted{color:var(--muted)}.small{font-size:12px}.alert{background:#3b1d1d;border:1px solid #7f1d1d;color:#fecaca;padding:10px 12px;border-radius:8px;margin-bottom:16px}.tag{border-radius:4px;padding:0 6px;font-size:12px;border:1px solid var(--border)}.tag.derived{color:#fbbf24;border-color:#92400e}.tag.ok,.tag.done{color:#4ade80;border-color:#166534}.tag.running{color:#38bdf8;border-color:#075985}.tag.failed{color:#f87171;border-color:#7f1d1d}.chart{height:300px;margin:12px 0 20px}h1,h2,h3{margin:0 0 12px;font-weight:600}h2{font-size:16px}h3{font-size:14px;color:var(--muted);margin-top:16px}@media (max-width: 640px){.topbar{padding:10px 12px}.container{padding:12px}.nav{order:3;width:100%;overflow-x:auto}.cards{grid-template-columns:repeat(2,1fr)}table{font-size:13px}}