:root{--bg:#0b1018;--panel:#141c28;--line:#273448;--text:#f4f7fb;--muted:#98a7bb;--orange:#ff6b21;--green:#2bd576}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1280px)/2));background:#0e151f}.brand{font-weight:900;font-size:23px;letter-spacing:-1px}.brand span,.eyebrow{color:var(--orange)}nav{display:flex;gap:25px;align-items:center}a{color:#cbd5e1;text-decoration:none}main{max-width:1280px;margin:auto;padding:36px 24px 80px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.hero h1{font-size:42px;margin:3px 0}.hero p{color:var(--muted)}.eyebrow{font-weight:800;font-size:12px;letter-spacing:2px;margin:0}.health{display:flex;flex-direction:column;background:#10241a;border:1px solid #1f6b43;padding:14px 20px;border-radius:12px}.health b{color:var(--green)}.health span,.muted{color:var(--muted);font-size:13px}.section-head{margin:38px 0 14px}.section-head h2{margin:2px 0;font-size:27px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}article,.login-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.card-head{display:flex;justify-content:space-between;align-items:center}h3{margin:0 0 15px}.pill{padding:4px 9px;border-radius:20px;font-size:12px}.pill.on{background:#113b26;color:#55e994}.pill.off{background:#3b1d21;color:#ff929a}label{display:block;color:#b9c6d6;font-size:13px;margin:11px 0}input,select,textarea{display:block;width:100%;margin-top:5px;background:#0c131d;border:1px solid #344359;color:white;border-radius:8px;padding:10px}textarea{min-height:72px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}button{border:0;border-radius:8px;background:var(--orange);color:white;font-weight:700;padding:10px 14px;cursor:pointer;width:100%}.secondary{background:#263448}code{display:block;overflow:auto;background:#0b1119;padding:10px;border-radius:7px;color:#a7d8ff;font-size:11px;margin-top:12px}.actions{display:flex;gap:8px;margin-top:8px}.actions form,.actions button{flex:1}.alert,.notice{padding:12px;border-radius:8px}.alert{background:#55232a}.notice{background:#153d29}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 32px));padding:34px}.login-card h1{margin-top:25px}footer{text-align:center;color:var(--muted);padding:25px;border-top:1px solid var(--line)}.meter-modal{position:fixed;inset:0;background:#05080dcc;z-index:100;display:grid;place-items:center;padding:20px}.meter-modal[hidden]{display:none}.meter-panel{background:#111923;border:1px solid #35445a;border-radius:18px;padding:24px;width:min(1080px,100%);box-shadow:0 30px 90px #000}.meter-title{display:flex;justify-content:space-between;align-items:center}.meter-title h2{margin:3px 0}.close-meter{width:auto;background:#8f2929}.meters{display:flex;justify-content:center;gap:18px;margin:20px 0}.meter-unit{flex:1;text-align:center}.meter-unit canvas{width:100%;height:auto;display:block}.meter-unit b{letter-spacing:2px;color:#c7d1dd}.meter-status{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;color:#bac5d2}.meter-status .live{color:var(--green)}.meter-status .silent{color:#ff6b6b}@media(max-width:650px){nav span{display:none}.hero{display:block}.health{margin-top:20px}.hero h1{font-size:34px}.meters{display:block}.meter-unit{margin-bottom:12px}.meter-panel{padding:15px}.meter-status{font-size:12px;gap:8px}.meter-title{align-items:start}}