:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#0a0f18;color:#eef3fb}*{box-sizing:border-box}body{margin:0;min-width:1100px;background:radial-gradient(circle at 18% 0,#18284c 0,transparent 34%),#0a0f18}button,select{font:inherit}main{width:min(1500px,calc(100% - 56px));margin:auto;padding:36px 0 80px}.top{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.badge{display:inline-block;font-size:11px;color:#7d98cb;letter-spacing:.14em;font-weight:650}.top h1{margin:8px 0 6px;font-size:32px;letter-spacing:-.02em}.top p{margin:0;color:#8c9ab0;font-size:14px}button,select{border:1px solid #2d3a50;border-radius:9px;color:#dce7fa;background:#151e2c;padding:9px 13px;cursor:pointer}button:hover,select:hover{border-color:#3d4f6c;background:#1a2436}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.metrics article,.panel{border:1px solid #202b3d;border-radius:16px;background:#0f1622eb;box-shadow:0 20px 50px #0003}.metrics article{display:flex;flex-direction:column;padding:22px}.metrics span,small{color:#8492a8;font-size:13px}.metrics strong{margin:8px 0 0;font-size:36px;letter-spacing:-.03em}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.panel{padding:20px}.panel.wide{min-height:340px}.panel h2{margin:0 0 10px;font-size:15px;font-weight:650}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}.panel-title h2{margin:0}.chart{width:100%;height:290px}.devices{margin-top:16px}.table-wrap{overflow:auto;max-height:520px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid #202a3a}th{position:sticky;top:0;background:#111a28;color:#8695aa;font-weight:600}tbody tr{cursor:pointer}tbody tr:hover{background:#172338}.state{padding:30px;border:1px solid #26344a;border-radius:14px;color:#aeb9cc}.error{color:#ff9696}.drawer{position:fixed;z-index:4;inset:30px 30px 30px auto;width:min(680px,70vw);overflow:auto;padding:26px;background:#101827;border:1px solid #34445f;border-radius:18px;box-shadow:0 30px 100px #000}.drawer-close{float:right}.drawer h2{margin:0 0 8px;font-size:20px}.drawer h3{margin:24px 0 8px;font-size:14px;color:#cbd8ec}.device-facts{display:grid;gap:0;margin:18px 0 0}.device-facts div{display:grid;grid-template-columns:88px minmax(0,1fr);padding:9px 0;border-bottom:1px solid #202a3a;font-size:13px}.device-facts dt{color:#8492a8}.device-facts dd{margin:0;overflow-wrap:anywhere;color:#dce7fa}.device-chart{width:100%;height:290px}.device-tools{max-height:300px}