:root{color-scheme:dark;--bg:#090d0e;--panel:#111819;--line:#233032;--muted:#849091;--mint:#83f7c5;--text:#ecf7f3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#173129 0,transparent 28%),var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}aside{border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;background:#0a1011}.brand{font-size:20px;font-weight:800;margin:0 8px 38px}.brand i{background:var(--mint);color:#07100d;border-radius:7px;padding:8px;margin-right:9px;font-style:normal}nav{display:grid;grid-gap:5px;gap:5px}nav button{padding:11px 14px;color:#9eaaaa;border:0;border-radius:8px;background:transparent;text-align:left;font:inherit;font-weight:700}nav button.active{background:#19342c;color:var(--mint);font-weight:800}.operator{margin-top:auto;border-top:1px solid var(--line);padding:20px 6px 0;display:flex;gap:11px}.event>span,.operator>span{display:grid;place-items:center;background:#28493f;color:var(--mint);border-radius:50%;width:36px;height:36px;font-weight:800}.event small,.job small,.operator small,.row small{display:block;color:var(--muted);margin-top:4px}main{padding:40px 4vw;max-width:1500px;width:100%}.panelhead,header{display:flex;justify-content:space-between;align-items:flex-start}header small{letter-spacing:2px;color:var(--mint);font-weight:800}h1{font-size:34px;margin:10px 0 5px}p{color:var(--muted);margin:0}.actions{display:flex;gap:10px}button{padding:11px 16px;border:1px solid var(--line);border-radius:8px;background:#121a1b;color:var(--text);font-weight:700}button:disabled{opacity:.55}.primary{background:var(--mint);color:#07110d}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin:30px 0}.metrics article,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#131b1c,#0f1516);border-radius:12px;padding:20px}.metrics small{display:block;color:var(--muted)}.metrics strong{font-size:29px;display:inline-block;margin-top:15px}.metrics em{float:right;margin-top:23px;color:var(--mint);font-style:normal}.grid{display:grid;grid-template-columns:1.55fr 1fr;grid-gap:16px;gap:16px;margin:16px 0}.grid>.panel:only-child{grid-column:1/-1}h2{margin:0 0 6px;font-size:17px}.panelhead>a,.panelhead>b,.row em{color:var(--mint);font-size:12px;font-style:normal}.rows{margin-top:16px}.row,.rows{display:grid}.row{grid-template-columns:1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.row:first-child{border-top:1px solid var(--line)}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:12px;vertical-align:top}th{color:var(--mint);font-size:12px}td{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}pre,td{color:#d9e7e2}pre{white-space:pre-wrap;background:#080d0e;border:1px solid var(--line);border-radius:8px;padding:14px;overflow:auto}.chart{height:210px;margin-top:18px;background:linear-gradient(#83f7c51c 1px,transparent 0);background-size:100% 52px;position:relative;overflow:hidden}.line{position:absolute;width:110%;height:90px;top:65px;border-top:3px solid var(--mint);border-radius:50%;transform:rotate(-4deg);filter:drop-shadow(0 0 6px #83f7c5)}.chartlabels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.event,.job{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.thumb{width:45px;height:45px;background:#203a33;border-radius:8px;display:grid;place-items:center;color:var(--mint)}.progress{height:4px;background:#263234;margin-top:10px;border-radius:3px}.progress i{display:block;background:var(--mint);height:100%;border-radius:3px}.health>div:not(.panelhead){display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.health i{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 7px var(--mint)}.workspace-note{margin-top:22px}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}header{gap:20px;flex-direction:column}}.center,.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login section{width:min(430px,100%);padding:42px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#131b1c,#0d1314);box-shadow:0 25px 80px #0008}.login .brand{margin:0 0 42px}.login>section>small{color:var(--mint);font-weight:800;letter-spacing:2px}.login h1{font-size:36px;margin-top:12px}.login form{display:grid;grid-gap:18px;gap:18px;margin-top:32px}.login label{display:grid;grid-gap:8px;gap:8px;font-weight:700}.login input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:#080d0e;color:var(--text);outline:none}.login input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #83f7c520}.login button{margin-top:5px}.login footer{margin-top:30px;color:var(--muted);font-size:12px;line-height:1.6}.formerror{padding:11px;border:1px solid #7c3434;background:#3b1717;border-radius:7px;color:#ffc4c4}.center{align-content:center;text-align:center}.spinner{width:34px;height:34px;border:3px solid #294039;border-top:3px solid var(--mint);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.upload form{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.upload label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-weight:700}.upload input,.upload textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:8px;background:#080d0e;color:var(--text);font:inherit;outline:none}.upload textarea{resize:vertical}.upload input:focus,.upload textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #83f7c520}.formnote{padding:11px;border:1px solid #315246;background:#10241f;border-radius:7px;color:#c8ffea}.upload button{justify-self:start}