:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e7e7e7;background-color:#131722}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{max-width:960px;margin:0 auto;padding:2rem 1.5rem}header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.5rem}header h1{font-size:1.5rem;margin:0}.chart{width:100%;height:420px;border:1px solid #2a2e39;border-radius:8px}.section{font-size:1.05rem;font-weight:600;margin:2rem 0 .75rem}.labels{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:.6rem}.label{display:flex;flex-direction:column;gap:.1rem}.label-name{font-size:.72rem;letter-spacing:.03em;opacity:.85}.label-value{font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums}.quotes{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.quotes th,.quotes td{text-align:right;padding:.5rem .75rem;border-bottom:1px solid #2a2e39}.quotes th{font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;opacity:.7;font-weight:600}.quotes th:first-child,.quotes td.sym{text-align:left}.quotes td.sym{font-weight:600}.quotes .up{color:#26a69a}.quotes .down{color:#ef5350}.status{color:#888;padding:1rem 0}.status.error{color:#ef5350}header select{background:#1c2030;color:#e7e7e7;border:1px solid #2a2e39;border-radius:6px;padding:.35rem .6rem;font-size:.9rem}.refresh{margin-left:auto;background:#1f6feb;color:#fff;border:none;border-radius:6px;padding:.4rem .9rem;cursor:pointer;font-size:.85rem}.refresh:disabled{opacity:.6;cursor:default}.meta{color:#777;font-size:.8rem;margin-bottom:.75rem}.live-badge{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;color:#26a69a;font-size:.85rem;font-weight:600;letter-spacing:.02em}.live-badge .dot{width:8px;height:8px;border-radius:50%;background:#26a69a;box-shadow:0 0 #26a69a99;animation:live-pulse 2s ease-out infinite}.live-badge .dot.busy{animation-duration:.8s}@keyframes live-pulse{0%{box-shadow:0 0 #26a69a99}70%{box-shadow:0 0 0 6px #26a69a00}to{box-shadow:0 0 #26a69a00}}.ib-health{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;letter-spacing:.02em;padding:.25rem .6rem;border-radius:999px;border:1px solid currentColor;white-space:pre-line;cursor:help}.ib-health .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.ib-health.ok{color:#26a69a}.ib-health.degraded{color:#e3a008}.ib-health.down{color:#ef5350}.health-checked{font-size:.75rem;color:#8a93a3;letter-spacing:.02em;cursor:help}.logout{background:transparent;color:#888;border:1px solid #2a2e39;border-radius:6px;padding:.4rem .8rem;cursor:pointer;font-size:.85rem}.logout:hover{color:#e7e7e7;border-color:#3a3f4b}.login{max-width:320px;margin:15vh auto 0;display:flex;flex-direction:column;gap:.75rem}.login h1{font-size:1.5rem;margin:0 0 .5rem;text-align:center}.login input{padding:.6rem .75rem;border-radius:6px;border:1px solid #2a2e39;background:#1c2030;color:#e7e7e7;font-size:1rem}.login button{padding:.6rem .75rem;border-radius:6px;border:none;background:#4caf50;color:#0b160c;font-weight:600;font-size:1rem;cursor:pointer}.login button:disabled{opacity:.6;cursor:default}