:root{--bg:#070a09;--p:#0b100e;--line:#26332c;--fg:#b8d6c4;--hot:#7dffae;--dim:#587062}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#102019 0,#070a09 35%);color:var(--fg);font:13px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}header{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 18px;background:#080d0b;position:sticky;top:0;z-index:5}header b{font-size:22px;color:var(--hot)}header span{color:var(--dim)}header i{margin-left:auto;color:var(--hot);font-style:normal}a{color:var(--fg);text-decoration:none}.shell{display:grid;grid-template-columns:180px 1fr;min-height:calc(100vh - 52px)}nav{border-right:1px solid var(--line);padding:12px 8px;background:#080c0a}nav button{width:100%;background:none;border:0;border-left:2px solid transparent;color:var(--dim);padding:12px;text-align:left;font:inherit;cursor:pointer}nav button:hover,nav button.active{color:var(--hot);border-color:var(--hot);background:#0d1511}main#view{padding:14px}.tab{display:none}.tab.active{display:block}.grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px}.panel{border:1px solid var(--line);background:linear-gradient(180deg,#0c120f,#090d0b);padding:14px;box-shadow:inset 0 0 30px #0005;min-width:0}.wide{grid-column:span 2}.panel h1,.panel h2{margin:0 0 12px;color:var(--dim);font-size:12px;font-weight:500;border-bottom:1px solid #1b2721;padding-bottom:8px}.panel h2 strong{float:right;color:var(--hot);font-size:17px}.big{font-size:38px;color:var(--hot)}.meter{height:13px;border:1px solid var(--line);padding:2px}.meter span{display:block;height:100%;width:0;background:var(--hot);box-shadow:0 0 9px #7dffae66}.stat{font-size:20px;margin:10px 0}.stat b{color:var(--hot)}canvas{width:100%;height:110px;border-bottom:1px solid #1a2a22}.cores{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:10px}.core{border:1px solid var(--line);padding:5px;color:var(--dim);min-width:0}.core b{display:block;color:var(--hot);font-size:16px}.detail{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.row{display:grid;grid-template-columns:70px 1.3fr 1fr 90px 90px;gap:8px;padding:7px;border-bottom:1px solid #16211c;white-space:nowrap;overflow:hidden}.row.head{color:var(--dim);position:sticky;top:52px;background:#0b100e}.row span{overflow:hidden;text-overflow:ellipsis}input{width:100%;background:#060a08;border:1px solid var(--line);color:var(--hot);padding:10px;font:inherit;margin-bottom:10px}label{display:block;margin:12px 0;color:var(--dim)}label input{margin-top:5px}button{background:#0c1712;border:1px solid #315341;color:var(--hot);padding:10px 15px;font:inherit}.auth{min-height:100vh;display:grid;place-items:center}.auth .panel{width:min(440px,92vw)}.err{color:#ff8b8b}.ok{color:var(--hot)}@media(max-width:900px){.shell{grid-template-columns:1fr}nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}nav button{width:auto;min-width:max-content}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.cores{grid-template-columns:repeat(4,1fr)}}

/* Load severity colors: green -> yellow -> orange -> red */
.load-low{color:#55e77a!important}.load-medium{color:#f0d84f!important}.load-high{color:#ff9d3d!important}.load-critical{color:#ff5151!important}
.meter span.load-low{background:#55e77a;box-shadow:0 0 9px #55e77a66}.meter span.load-medium{background:#f0d84f;box-shadow:0 0 9px #f0d84f66}.meter span.load-high{background:#ff9d3d;box-shadow:0 0 9px #ff9d3d66}.meter span.load-critical{background:#ff5151;box-shadow:0 0 9px #ff515166}
.core.load-low{border-color:#244b30}.core.load-medium{border-color:#514a25}.core.load-high{border-color:#593a24}.core.load-critical{border-color:#5c2929}.core.load-low b{color:#55e77a}.core.load-medium b{color:#f0d84f}.core.load-high b{color:#ff9d3d}.core.load-critical b{color:#ff5151}