:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7edf4;background:#071019;--panel:#0c1823;--line:#1c3040;--muted:#8094a7;--text:#e7edf4;--accent:#39d98a;--danger:#ff647c;--warning:#ffc857}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -20%,#163247 0,transparent 38%),#071019;color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;border-right:1px solid var(--line);background:rgba(7,16,25,.95);padding:28px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;border:1px solid #345064;border-radius:12px;display:grid;place-items:center;font-weight:800;letter-spacing:-1px;background:#0d1f2b}.brand strong{font-size:13px;letter-spacing:.12em;display:block}.brand small{font-size:9px;letter-spacing:.18em;color:var(--muted)}nav{margin-top:38px;display:grid;gap:7px}.nav-link{padding:11px 13px;border-radius:10px;color:#a6b6c5}.nav-link:hover{background:#102431;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0}.user-name{font-weight:700}.muted{color:var(--muted);font-size:13px}.link-button{border:0;background:transparent;color:#9bb1c3;padding:10px 0;cursor:pointer}.main{margin-left:250px;padding:32px 38px 60px;max-width:1500px}.topbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#6f8aa0}.topbar h1{font-size:28px;margin:5px 0 0}.live-dot{font-size:11px;letter-spacing:.15em;color:#a8c4b7;display:flex;gap:8px;align-items:center}.live-dot span{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px var(--accent)}.grid{display:grid;gap:14px}.health-grid{grid-template-columns:repeat(4,1fr)}.metrics-grid{grid-template-columns:repeat(4,1fr);margin-top:14px}.card,.metric{background:linear-gradient(180deg,rgba(16,34,47,.92),rgba(11,25,36,.92));border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.health-card{display:flex;justify-content:space-between;align-items:center}.metric span{font-size:12px;color:var(--muted)}.metric strong{font-size:30px;display:block;margin-top:5px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.card h2,.card h3{margin:0 0 5px;font-size:17px}.list{display:grid;gap:8px}.row,.approval{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 2px;border-bottom:1px solid #162b3a}.row:last-child{border-bottom:0}.row strong,.approval strong{display:block;font-size:14px}.row small,.approval small{display:block;color:var(--muted);margin-top:4px}.status{font-size:10px;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;gap:7px;align-items:center;color:#9fb1c1;white-space:nowrap}.status i{width:7px;height:7px;border-radius:50%;background:#607386}.status.online i,.status.active i,.status.completed i,.status.approved i{background:var(--accent)}.status.running i,.status.queued i,.status.waiting_approval i,.status.pending i{background:var(--warning)}.status.failed i,.status.rejected i,.status.degraded i,.status.offline i{background:var(--danger)}.form-stack{display:grid;gap:14px}.form-stack label{display:grid;gap:6px;font-size:12px;color:#9eb0bf}.form-stack input,.form-stack textarea,.form-stack select{width:100%;background:#08141e;border:1px solid #233a4a;color:#eef6fc;border-radius:10px;padding:11px 12px;outline:none}.form-stack textarea{resize:vertical}.primary,.button,button{border:1px solid #2a4659;background:#102536;color:#dceaf4;border-radius:10px;padding:10px 14px;cursor:pointer}.primary{background:#1d8059;border-color:#27946a;color:white;font-weight:700}.button.small{padding:7px 10px;font-size:12px}.actions{display:flex;gap:8px;justify-content:flex-end}.alert{padding:12px 14px;border-radius:10px}.error{background:#321721;color:#ffb3c0;border:1px solid #683044}.hidden{display:none}.timeline{display:grid;gap:0}.timeline-item{display:flex;gap:13px;position:relative;padding:0 0 20px}.timeline-item:before{content:"";position:absolute;width:1px;background:#234154;left:4px;top:12px;bottom:-2px}.timeline-item:last-child:before{display:none}.timeline-item>i{width:9px;height:9px;background:#42ca8b;border-radius:50%;margin-top:5px;z-index:1}.timeline-item strong{display:block;font-size:13px}.timeline-item small{display:block;color:var(--muted);margin-top:4px}.login-body{display:grid;place-items:center}.login-card{width:min(430px,calc(100vw - 32px));background:#0b1924;border:1px solid #1e3545;border-radius:20px;padding:30px;box-shadow:0 25px 80px rgba(0,0,0,.35)}.login-brand{margin-bottom:32px}.login-card h1{font-size:23px;margin-bottom:6px}.login-card .form-stack{margin-top:24px}dialog{background:#0c1823;color:#e7edf4;border:1px solid #294456;border-radius:16px;padding:24px;min-width:min(440px,90vw)}dialog::backdrop{background:rgba(0,0,0,.65)}@media(max-width:900px){.sidebar{position:static;width:auto;height:auto;padding:18px}.sidebar nav{display:flex;overflow:auto;margin-top:16px}.sidebar-foot{display:none}.main{margin-left:0;padding:22px 16px}.health-grid,.metrics-grid,.split{grid-template-columns:1fr 1fr}.topbar{align-items:center}}@media(max-width:600px){.health-grid,.metrics-grid,.split{grid-template-columns:1fr}.topbar h1{font-size:23px}.main{padding-top:18px}.brand strong{font-size:12px}}
.agent-block{padding:12px 0;border-bottom:1px solid #162b3a}.agent-block:last-child{border-bottom:0}.version-list{margin-top:10px;padding:8px 12px;background:#08141e;border:1px solid #172e3d;border-radius:12px}.version-list .row{padding:9px 0}.agent-block>.actions{margin:8px 0 0}.agent-block>.actions button{padding:7px 10px;font-size:12px}
