:root{color-scheme:dark;--bg:#0b1118;--panel:#111a24;--panel2:#151f2a;--line:#24313d;--text:#eff5fa;--muted:#93a4b2;--green:#56d69b;--orange:#ffbd66;--red:#ff727b;--blue:#8bbcff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% -15%,#1a3041 0,transparent 48%),var(--bg);color:var(--text);min-height:100vh}.shell{max-width:860px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom))}.topbar,.brand,.welcome-row,.metric-head,.section-heading,footer{display:flex;align-items:center;justify-content:space-between}.topbar{margin-bottom:34px}.brand{justify-content:flex-start;gap:12px}.brand img{width:42px;height:42px}.brand strong,.brand span{display:block}.brand strong{font-size:16px;letter-spacing:.01em}.brand span{margin-top:3px;color:var(--muted);font-size:12px}.icon-button,.refresh{border:1px solid var(--line);background:#111a24;color:var(--text);border-radius:12px;padding:10px 13px;font:inherit}.icon-button{font-size:13px}.welcome-row{align-items:flex-end;margin-bottom:18px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.14em;color:#8ba1b2}.welcome-row h1,.login-card h1{font-size:26px;letter-spacing:-.04em;margin:5px 0 0}.refresh{white-space:nowrap;font-size:13px}.refresh span{font-size:19px;vertical-align:-1px;margin-right:3px}.health-card,.metric-card,.section-card,.login-card{background:linear-gradient(145deg,rgba(21,31,42,.96),rgba(15,23,32,.96));border:1px solid var(--line);border-radius:18px}.health-card{display:flex;align-items:center;gap:13px;padding:16px 17px;margin-bottom:13px}.health-dot{width:11px;height:11px;flex:0 0 auto;border-radius:50%;background:var(--muted);box-shadow:0 0 16px currentColor}.health-copy strong,.health-copy span{display:block}.health-copy strong{font-size:14px}.health-copy span{font-size:12px;color:var(--muted);margin-top:4px}.health-card.normal .health-dot{background:var(--green);color:var(--green)}.health-card.warning .health-dot{background:var(--orange);color:var(--orange)}.health-card.critical .health-dot{background:var(--red);color:var(--red)}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card{padding:15px;min-height:158px}.metric-head{justify-content:flex-start;gap:9px}.metric-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#1c2c3a;color:var(--blue);font-size:10px;font-weight:800}.metric-icon.memory{color:#ceabff;background:#2a2340}.metric-icon.graphics{color:#8de1cf;background:#1c3834}.metric-icon.agent{color:var(--green);background:#1a382f;font-size:15px}.metric-label{font-size:12px;color:var(--muted)}.metric-value{display:block;font-size:29px;letter-spacing:-.05em;margin-top:11px;font-variant-numeric:tabular-nums}.metric-detail{font-size:12px;color:#c5d1d9;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.bar{height:5px;background:#26333d;border-radius:8px;overflow:hidden;margin-top:9px}.bar i{display:block;height:100%;width:0;background:var(--green);border-radius:8px;transition:width .3s,background .3s}.bar i.warning{background:var(--orange)}.bar i.critical{background:var(--red)}.section-card{margin-top:13px;padding:17px}.section-heading{margin-bottom:10px}.section-heading h2{font-size:17px;margin:4px 0 0;letter-spacing:-.02em}.disk-row{padding:12px 0;border-top:1px solid #24313d}.disk-row:first-child{border-top:0}.disk-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px}.disk-meta span:last-child{color:#c2d0da;font-variant-numeric:tabular-nums}.disk-row .bar{margin-top:9px}.issues-card{border-color:#68433d}.issues-card ul{padding-left:18px;margin:12px 0 0;color:#f4c2b3;font-size:13px;line-height:1.65}footer{gap:8px;color:#718391;font-size:10px;padding:18px 3px}.login-card{max-width:430px;margin:12vh auto 0;padding:24px}.login-card>p{color:var(--muted);font-size:13px;line-height:1.5}.login-card form{display:grid;gap:9px;margin-top:21px}.login-card label{font-size:12px;color:#c6d3dc}.login-card input{width:100%;border:1px solid #354552;background:#0c141c;color:var(--text);border-radius:11px;padding:13px;font:inherit;outline:none}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #8bbcff22}.primary{border:0;border-radius:11px;background:#c7e2ff;color:#0a1520;padding:13px;font:700 14px inherit;margin-top:6px}.error{color:var(--red)!important;min-height:18px;margin-bottom:0}.hidden{display:none!important}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#253542;border:1px solid #3c5261;padding:11px 15px;border-radius:12px;font-size:12px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.loading{opacity:.6}@media(min-width:700px){.shell{padding-top:36px}.topbar{margin-bottom:42px}.metric-card{padding:19px;min-height:174px}.metric-value{font-size:34px}}@media(max-width:370px){.shell{padding-left:13px;padding-right:13px}.metric-card{padding:12px}.welcome-row h1{font-size:23px}.refresh{padding:9px;font-size:12px}}