:root{--bg:#0b1118;--panel:#111a24;--panel2:#17222f;--line:#273547;--text:#eef4f8;--muted:#8ea1b5;--accent:#f5b51b;--ok:#62c370;--bad:#f05d5e}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;border-bottom:1px solid var(--line);background:#0d141d}.brand,.login-brand,.userbox{display:flex;align-items:center;gap:12px}.brand b,.login-brand b{letter-spacing:.12em}.brand small,.login-brand small,.userbox small{display:block;color:var(--muted);font-size:12px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--accent);color:#111;font-size:24px;font-weight:900}.userbox{text-align:right}.userbox button,#logoutBtn{background:transparent;color:var(--text);border:1px solid var(--line);padding:9px 12px;border-radius:9px;cursor:pointer}.page{width:min(1500px,calc(100% - 32px));margin:auto;padding:28px 0 48px}.heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em}h1{margin:6px 0 4px;font-size:clamp(28px,4vw,44px)}p{color:var(--muted);margin:0}.selectors{display:flex;gap:10px}.selectors label{font-size:12px;color:var(--muted)}select{display:block;margin-top:5px;min-width:220px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px}.meta,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.meta article,.cards article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.meta span,.cards span{display:block;color:var(--muted);font-size:12px}.meta strong{display:block;margin-top:6px;font-size:18px}.cards strong{display:inline-block;margin-top:10px;font-size:clamp(42px,6vw,76px);line-height:1}.cards small{font-size:18px;color:var(--muted);margin-left:6px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel.wide{grid-column:1/-1}.panel-title{font-weight:700;margin-bottom:8px}.chart{height:330px}.login-page{display:grid;place-items:center;min-height:100vh;padding:22px}.login-shell{width:min(430px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.login-shell h1{font-size:34px;margin-top:28px}.login-shell p{margin-bottom:24px}.login-shell label{display:block;color:var(--muted);font-size:13px;margin-top:14px}.login-shell input{display:block;width:100%;margin-top:6px;padding:12px;background:#0d141d;color:var(--text);border:1px solid var(--line);border-radius:9px}.login-shell button{width:100%;margin-top:20px;padding:12px;border:0;border-radius:9px;background:var(--accent);color:#111;font-weight:800;cursor:pointer}.error{color:#ff8787;margin-top:12px;min-height:20px;font-size:13px}.status-online{color:var(--ok)}.status-offline{color:var(--bad)}@media(max-width:800px){.topbar,.heading{align-items:flex-start;flex-direction:column}.userbox{text-align:left}.selectors{width:100%;flex-direction:column}.selectors label,select{width:100%}.meta,.cards,.chart-grid{grid-template-columns:1fr}.panel.wide{grid-column:auto}.chart{height:280px}}