:root{--bg:#07101d;--panel:#0d1928;--line:#1e3043;--text:#f2f6fa;--muted:#8ea1b5;--teal:#31d6b1;--amber:#f4bb5f;--red:#fb7185}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% -10%,#123350 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;display:grid;grid-template-columns:260px 1fr;min-height:100vh}.auth-screen{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:radial-gradient(circle at 75% 10%,#16425b,transparent 30%),#06101d}.auth-screen.visible{display:grid}.auth-card{width:min(440px,100%);padding:38px;border:1px solid #254158;border-radius:18px;background:linear-gradient(145deg,#0e2031,#091625);box-shadow:0 30px 90px #0008}.auth-card .mark{margin-bottom:28px}.auth-card h1{font-size:30px;margin:6px 0 10px}.auth-card>p{line-height:1.6}.auth-card label{display:block;margin:28px 0 8px;color:#b8c6d3;font-size:12px;font-weight:700}.auth-card input{width:100%;padding:13px 14px;border:1px solid #29475f;border-radius:9px;outline:none;background:#07131f;color:white;font:inherit}.auth-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #31d6b11f}.auth-card button{width:100%;margin-top:12px;padding:13px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--teal),#188ba2);color:#031d1a;font-weight:800;cursor:pointer}.auth-card small{display:block;margin-top:20px;text-align:center;color:#64798c}.auth-error{min-height:20px;margin-top:8px!important;color:var(--red)!important;font-size:12px}.brand{display:flex;gap:12px;align-items:center}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:11px;margin-top:3px}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--teal),#1b7694);font-weight:800;color:#042016}aside{position:sticky;top:0;height:100vh;padding:30px 22px;border-right:1px solid var(--line);background:#081421cc;backdrop-filter:blur(20px);display:flex;flex-direction:column}nav{display:grid;gap:7px;margin-top:60px}nav a{color:var(--muted);text-decoration:none;padding:11px 14px;border-radius:9px;font-size:14px}nav a:hover,nav a.active{color:white;background:#132437}.secure{margin-top:auto;color:var(--teal);font-size:12px;padding:14px;border:1px solid #1c4d48;border-radius:10px;background:#0c2727}.secure small{display:block;color:var(--muted);margin:6px 0 0 14px}.secure button{margin:10px 0 0 14px;padding:0;border:0;background:none;color:#7890a3;font-size:10px;cursor:pointer}.secure button:hover{color:white}main{padding:46px clamp(24px,5vw,72px);max-width:1600px;width:100%;margin:auto}header,.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}h1{font-size:40px;margin:3px 0 7px;letter-spacing:-1.5px}h2{margin:3px 0;font-size:23px}p{color:var(--muted);margin:0}.eyebrow{color:var(--teal);font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700}.status,.pill{display:inline-flex;gap:8px;align-items:center;text-transform:capitalize;border:1px solid #27665a;border-radius:999px;padding:9px 14px;color:var(--teal);font-size:12px;background:#0a2926}.status i{width:7px;height:7px;background:currentColor;border-radius:50%;box-shadow:0 0 12px currentColor}.warning{color:var(--amber)!important;border-color:#6d5530!important}.critical,.unhealthy,.exited{color:var(--red)!important;border-color:#6f3440!important}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:42px 0 60px}.metric,.system,.table-wrap,#alert-list{background:linear-gradient(145deg,#0e1c2c,#0b1624);border:1px solid var(--line);border-radius:14px}.metric{padding:20px}.metric label{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:25px;margin:14px 0 4px}.meter{height:4px;background:#1a2a3a;border-radius:3px;margin-top:14px;overflow:hidden}.meter span{display:block;height:100%;background:var(--teal)}section{margin-bottom:58px}.section-title{margin-bottom:18px}.section-title>span{color:var(--muted);font-size:12px}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.system{padding:22px}.system-top{display:flex;justify-content:space-between;gap:8px}.system h3{margin:2px 0 7px}.system p{font-size:13px;min-height:40px}.system .facts{display:flex;gap:22px;border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.facts small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.system button{width:100%;margin-top:18px;background:#14283b;color:white;border:1px solid #28435a;padding:10px;border-radius:8px;cursor:pointer}.system button:hover{border-color:var(--teal)}#alert-list{overflow:hidden}.alert{display:flex;gap:13px;padding:15px 18px;border-bottom:1px solid var(--line)}.alert:last-child{border:0}.alert strong{display:block;font-size:13px}.alert span{color:var(--muted);font-size:12px}.ok{padding:22px;color:var(--teal)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}th,td{padding:15px 18px;border-bottom:1px solid var(--line)}tr:last-child td{border:0}.container-name strong,.container-name small{display:block}.container-name small{color:var(--muted);margin-top:4px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.pill{padding:5px 9px;font-size:10px}dialog{width:min(720px,90vw);border:1px solid #294259;border-radius:16px;background:#0b1725;color:white;padding:30px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#030911c7;backdrop-filter:blur(4px)}.close{position:absolute;right:16px;top:12px;border:0;background:none;color:#9aabbd;font-size:28px;cursor:pointer}.diag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.diag-item{padding:14px;border:1px solid var(--line);border-radius:9px}.diag-item small{display:block;color:var(--muted);margin-bottom:8px}.diag-containers{margin-top:18px}.diag-containers div{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}@media(max-width:900px){body{display:block}aside{height:auto;position:static;padding:16px 22px;flex-direction:row;align-items:center}nav,.secure{display:none}main{padding:30px 18px}.metrics{grid-template-columns:1fr 1fr}.system-grid{grid-template-columns:1fr}header{align-items:flex-start}h1{font-size:32px}}@media(max-width:500px){.metrics{grid-template-columns:1fr}.auth-card{padding:28px 22px}header{display:block}.status{margin-top:18px}}