:root{--ink:#17324d;--brand:#087f8c;--accent:#e84855;--bg:#f2f7f8;--paper:#fff;--line:#d8e5e8;--muted:#657687}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,"Segoe UI",sans-serif;line-height:1.8}main{max-width:980px;margin:30px auto;padding:16px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 30px #17324d12;margin-bottom:16px}.login{max-width:420px;margin:10vh auto}.login h1{color:var(--brand)}label{display:block;margin:12px 0}input{display:block;width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;font:inherit;direction:ltr}button{border:0;border-radius:10px;padding:10px 18px;background:var(--brand);color:#fff;font:inherit;cursor:pointer}.secondary{background:#647586}header{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pulse{text-align:center}.pulse strong{display:block;font-size:5rem;line-height:1.2;color:var(--accent)}.pulse em{display:block;color:var(--muted);font-style:normal}.stats dl{display:flex;justify-content:space-around;text-align:center}.stats dd{margin:0;font-size:1.8rem;font-weight:bold}.stats dt,#connection{color:var(--muted)}canvas{width:100%;height:280px}#logs{max-height:260px;overflow:auto}.log{padding:8px;border-bottom:1px solid var(--line)}.error{color:#b42331}@media(max-width:650px){.grid{grid-template-columns:1fr}.pulse strong{font-size:4rem}}