:root{--bg:#0b1020;--bg-elev:#141b30;--bg-elev-2:#1c2540;--border:#2a3352;--text:#e8ecf6;--text-dim:#9aa6c4;--brand:#4f8cff;--brand-2:#6ee7d0;--green:#35c46b;--yellow:#f5b544;--red:#f0556a;--shadow:0 10px 30px #00000059;--radius:14px}@media (prefers-color-scheme:light){:root{--bg:#f4f6fb;--bg-elev:#fff;--bg-elev-2:#eef2fb;--border:#dde3f0;--text:#16203a;--text-dim:#5a688c;--shadow:0 10px 30px #141e3c1a}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Segoe UI,Assistant,system-ui,-apple-system,Arial,sans-serif}a{color:inherit;text-decoration:none}.app{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-elev);border-inline-end:1px solid var(--border);height:100vh;padding:22px 16px;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;margin-bottom:4px;font-size:20px;font-weight:800;display:flex}.brand .dot{background:linear-gradient(135deg, var(--brand), var(--brand-2));width:12px;height:12px;box-shadow:0 0 14px var(--brand);border-radius:50%}.brand small{color:var(--text-dim);font-size:12px;font-weight:500;display:block}.nav{flex-direction:column;gap:4px;margin-top:22px;display:flex}.nav a{color:var(--text-dim);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav a:hover{background:var(--bg-elev-2);color:var(--text)}.nav a.active{color:var(--text);background:linear-gradient(135deg,#4f8cff2e,#6ee7d01f)}.main{max-width:1200px;padding:30px 34px}.page-title{margin:0 0 4px;font-size:26px;font-weight:800}.page-sub{color:var(--text-dim);margin:0 0 26px}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card h3{margin:0 0 6px;font-size:16px}.card .summary{color:var(--text-dim);font-size:13.5px;line-height:1.55}.tag{letter-spacing:.3px;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.tag.api{color:#7fb0ff;background:#4f8cff29}.tag.ui{color:#6ee7d0;background:#6ee7d029}.tag.job{color:#f5b544;background:#f5b54429}.tag.tool{color:#c88cff;background:#c88cff29}.chip{background:var(--bg-elev-2);color:var(--text-dim);border:1px solid var(--border);border-radius:8px;margin:2px 4px 2px 0;padding:2px 8px;font-size:11px;display:inline-block}.btn{appearance:none;border:1px solid var(--border);cursor:pointer;background:var(--bg-elev-2);color:var(--text);border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:700;transition:transform 50ms,background .15s}.btn:hover{background:var(--border)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg, var(--brand), #3f74e0);color:#fff;border-color:#0000}.btn.danger{color:#ff8090;background:#f0556a29;border-color:#f0556a4d}.btn:disabled{opacity:.5;cursor:not-allowed}select,input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:9px 12px;font-family:inherit;font-size:14px}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:start;border-bottom:1px solid var(--border);padding:10px 12px}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.progress{background:var(--bg-elev-2);border-radius:999px;height:10px;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--brand), var(--brand-2));height:100%;transition:width .4s;display:block}.status-pill{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.status-pill.running{color:#35c46b;background:#35c46b29}.status-pill.paused{color:#f5b544;background:#f5b54429}.status-pill.done{color:#7fb0ff;background:#4f8cff29}.status-pill.error{color:#ff8090;background:#f0556a29}.status-pill.idle{background:var(--bg-elev-2);color:var(--text-dim)}.kv{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.kv b{color:var(--text)}.endpoint{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12.5px}.method{background:var(--bg-elev-2);border-radius:6px;margin-inline-end:8px;padding:2px 7px;font-size:11px;font-weight:800}.banner{color:#f5b544;background:#f5b5441a;border:1px solid #f5b5444d;border-radius:12px;margin-bottom:18px;padding:12px 16px;font-size:13px}.maps-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}@media (max-width:860px){.app,.maps-grid{grid-template-columns:1fr}.sidebar{border-inline-end:none;border-bottom:1px solid var(--border);height:auto;position:static}.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}.main{padding:20px 16px}}