*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:#070d17;color:#e6edf7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}button{cursor:pointer}.terminal{min-height:100vh;background:#070d17}.topbar{padding:18px 22px 12px;border-bottom:1px solid #202c40;background:#0b1220}.instrument-row{display:flex;align-items:center;gap:10px}.instrument-select{min-width:180px;padding:9px 12px;border:1px solid #31425e;border-radius:7px;background:#111b2b;color:#f3f6fa;font-weight:600}.nav-button{width:40px;height:38px;border:1px solid #31425e;border-radius:7px;background:#111b2b;color:#dce6f3;font-size:18px}.nav-button:hover,.control:hover,.realtime-button:hover{background:#18253a}.status{margin-left:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.status-online{color:#7ee2a8;background:#29b3651f}.status-offline{color:#ff9696;background:#dc46461f}.quote-row{display:flex;flex-wrap:wrap;gap:26px;margin-top:16px}.quote{display:flex;flex-direction:column;gap:3px}.quote span{color:#738198;font-size:11px;letter-spacing:.08em}.quote strong{font-size:17px;font-weight:600}.quote.symbol{margin-left:auto}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:10px 20px;border-bottom:1px solid #202c40;background:#0b1220}.control-group{display:flex;align-items:center;gap:5px}.control-label{margin-right:5px;color:#76869e;font-size:12px}.control,.realtime-button{padding:7px 10px;border:1px solid #2d3c55;border-radius:6px;background:#101a29;color:#aebbd0}.control.active{border-color:#4579d8;background:#1b345e;color:#f0f6ff}.realtime-button{margin-left:auto}.chart-section{position:relative;height:calc(100vh - 205px);min-height:520px}.chart{width:100%;height:100%}.overlay{position:absolute;z-index:10;top:12px;left:50%;transform:translate(-50%);padding:7px 13px;border:1px solid #32435d;border-radius:6px;background:#0a121fe6;color:#b9c6d9;font-size:13px}.error{position:absolute;z-index:11;top:12px;left:12px;padding:8px 12px;border:1px solid #713d46;border-radius:6px;background:#311820;color:#ffb8c1}.footer{padding:8px 20px 12px;color:#627187;background:#070d17;font-size:11px;text-align:right}.footer a{color:#718bac;text-decoration:none}.footer a:hover{text-decoration:underline}@media(max-width:720px){.topbar{padding:12px}.quote-row{gap:16px}.quote.symbol{width:100%;margin-left:0}.controls{padding:8px 10px;gap:10px}.control-group{flex-wrap:wrap}.control-label{width:100%}.realtime-button{width:100%;margin-left:0}.chart-section{height:65vh;min-height:420px}.footer{text-align:center}}