:root{--bg: #e9edf3;--surface: #f8fafc;--surface-2: #eef2f8;--text: #10263e;--muted: #5c6f82;--line: #cad5e3;--ok: #0e9f61;--warn: #e09f21;--bad: #ca4050}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Noto Sans,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 20% -20%,#d6e4f7,transparent 65%),radial-gradient(800px 500px at 120% 0%,#d9f0ea,transparent 70%),var(--bg)}.page{min-height:100vh;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.topbar h1{margin:0;font-size:24px}.topbar p{margin:4px 0 0;color:var(--muted)}.status{padding:8px 12px;border-radius:999px;font-weight:600;font-size:13px}.status.on{background:#d7f4e7;color:#0e7a4b}.status.off{background:#f8dce1;color:#9e2c3d}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px}.chart-card,.panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}.chart{width:100%;height:calc(100vh - 140px);min-height:460px}.panel{padding:12px;overflow:auto}.panel h2{margin:0 0 8px;font-size:18px}.panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.panel li{display:grid;grid-template-columns:52px 52px 1fr auto;align-items:center;gap:8px;padding:8px;background:#ffffffa8;border-radius:10px;border:1px solid #dbe4ef;font-size:12px}.pill{display:inline-flex;justify-content:center;border-radius:999px;font-weight:600;background:#e4ebf7;color:#1d3b57;padding:4px 6px}.dir{font-weight:700}.dir.bull{color:var(--ok)}.dir.bear{color:var(--bad)}@media(max-width:980px){.layout{grid-template-columns:1fr}.chart{height:62vh;min-height:380px}}