:root{--bg:#0a0d14;--bg-2:#0e131c;--panel:#121826;--panel-2:#161d2e;--border:#1e2740;--text:#e6ebf5;--muted:#8792ab;--accent:#6d5cf5;--accent-2:#4b8bf4;--green:#35c48a;--amber:#e5a94e;--red:#e5626c;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;font-weight:700;font-size:16px}.brand .dot{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.nav a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;color:var(--muted);font-weight:500}.nav a:hover{background:var(--panel);color:var(--text)}.nav a.active{background:var(--panel-2);color:var(--text)}.nav .ico{width:16px;text-align:center;opacity:.8}.sidebar .spacer{flex:1 1}.user{display:flex;align-items:center;gap:10px;padding:8px;border-top:1px solid var(--border);margin-top:8px;color:var(--muted)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--panel-2);display:grid;place-items:center;font-size:12px;color:var(--text)}.main{padding:22px 28px;overflow:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.topbar h1{font-size:20px;margin:0}.sub{color:var(--muted);font-size:13px}.grid{display:grid;grid-gap:14px;gap:14px}.cards{grid-template-columns:repeat(4,1fr)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card .k{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.card .v{font-size:26px;font-weight:700;margin-top:6px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel .head{padding:13px 16px;border-bottom:1px solid var(--border);font-weight:600;display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:11px 16px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.03em}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--panel-2)}.mono,td.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.completed{color:var(--green);background:rgba(53,196,138,.1)}.pill.queued,.pill.running{color:var(--amber);background:rgba(229,169,78,.1)}.pill.failed{color:var(--red);background:rgba(229,98,108,.1)}.pill.cancelled{color:var(--muted);background:rgba(135,146,171,.1)}.btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;padding:8px 15px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer}.btn.ghost{background:var(--panel-2);color:var(--text)}.btn.ghost,.log{border:1px solid var(--border)}.log{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:var(--bg-2);border-radius:8px;padding:12px 14px}.log .row{display:flex;gap:12px;padding:2px 0}.log .ts{color:var(--muted)}.log .lvl-info{color:var(--accent-2)}.log .lvl-warn{color:var(--amber)}.log .lvl-error{color:var(--red)}.empty{color:var(--muted);padding:30px;text-align:center}.two{grid-template-columns:1fr 340px;grid-gap:14px;gap:14px}.kv,.two{display:grid}.kv{grid-template-columns:130px 1fr;grid-gap:6px 12px;gap:6px 12px}.kv .k{color:var(--muted)}.banner{background:rgba(229,169,78,.08);border:1px solid rgba(229,169,78,.25);color:var(--amber);padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}