:root{color-scheme:dark;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#e7f2ff;background:radial-gradient(circle at 10% 10%,rgba(0,255,170,.1),transparent 25%),radial-gradient(circle at 90% 20%,rgba(90,120,255,.1),transparent 28%),linear-gradient(180deg,#070a11,#0a0f19,#090d16)}.layout{padding:1rem;max-width:1600px;margin:0 auto}header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.7rem}header h1{margin:0;letter-spacing:.2px;text-shadow:0 0 18px rgba(0,255,170,.15)}.hud-title{margin:0 0 .2rem;color:#7cfad4;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.controls select,.logout-btn{border:1px solid #2b4359;border-radius:9px;background:#0d1421;color:#ddedff;padding:.45rem .62rem}.logout-btn{cursor:pointer}.logout-btn:hover{border-color:#47e0b8;color:#fff}.ws-badge{border-radius:999px;padding:.22rem .62rem;font-size:.78rem;border:1px solid #2d3f56;background:#0d1523}.ws-open{color:#4be191}.ws-connecting{color:#ffc766}.ws-closed,.ws-error{color:#ff7878}.error-banner{margin-top:.75rem;border:1px solid #7a1f2a;background:#34131a;color:#ffd6dc;border-radius:8px;padding:.55rem .7rem}.kpis{margin-top:1rem;display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:.55rem}.kpis>div,.panel{background:linear-gradient(160deg,#0b111eeb,#0f1826e0);border:1px solid #1f3146;border-radius:12px;padding:.82rem;box-shadow:inset 0 1px #b7ebff0a,0 7px 28px #00000047;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel-grid{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.78rem}.panel-full{grid-column:1 / -1}.panel h3{margin:0 0 .55rem;color:#d8edff}.export-panel,.grafana-panel{margin-top:1rem}.panel-note{margin:0 0 .55rem;color:#9eb4cb;font-size:.85rem}.grafana-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.range-select{display:flex;align-items:center;gap:.42rem;font-size:.85rem;color:#bad2e7}.range-select select{background:#0f1726;color:#f0f4f8;border:1px solid #2b3e56;border-radius:6px;padding:.32rem .45rem}.grafana-frame,.grafana-frame-sm{width:100%;border:1px solid #2a3e55;border-radius:10px;background:#0d1523}.grafana-frame{min-height:380px}.grafana-frame-sm{min-height:360px}.export-controls{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:.62rem;align-items:end}.export-controls label{display:grid;gap:.25rem;font-size:.85rem;color:#bbd2e8}.export-controls input,.export-controls select,.export-controls button{background:#0d1423;color:#e8f3ff;border:1px solid #2b3f57;border-radius:7px;padding:.45rem .52rem}.export-controls button{cursor:pointer;font-weight:600}.export-controls button:hover{border-color:#49dbb4}.scroll{max-height:340px;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.86rem}.data-table th,.data-table td{text-align:left;padding:.38rem .24rem;border-bottom:1px solid #1a283b}.signal-table-wrap{overflow-x:auto}.signal-table td,.signal-table th{white-space:nowrap}.data-table th{position:sticky;top:0;background:#101828;z-index:1;color:#a9c9e6}.side-buy{color:#45d483;font-weight:600}.side-sell{color:#ff6b6b;font-weight:600}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-shell{width:min(460px,100%);border:1px solid #24435f;border-radius:14px;background:linear-gradient(145deg,#0b101cf5,#0e1928f2);padding:1.2rem 1rem;box-shadow:0 20px 70px #0000006b}.login-tag{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.12em;color:#75ffd5;font-size:.74rem}.login-sub{color:#a8c0d6;margin:.35rem 0 1rem}.login-form{display:grid;gap:.7rem}.login-form label{display:grid;gap:.3rem;color:#c5dbef;font-size:.9rem}.login-form input,.login-form button{border:1px solid #2b4661;border-radius:8px;padding:.62rem;background:#0d1523;color:#eaf6ff}.login-form button{cursor:pointer;font-weight:700;letter-spacing:.02em}.login-form button:hover{border-color:#4be1ba}@media(max-width:980px){.kpis{grid-template-columns:repeat(2,minmax(120px,1fr))}.panel-grid{grid-template-columns:1fr}.panel-full{grid-column:auto}.grafana-header{flex-direction:column;align-items:flex-start}.export-controls{grid-template-columns:1fr 1fr}}@media(max-width:640px){.layout{padding:.72rem}header{flex-direction:column;align-items:flex-start}header h1{font-size:1.2rem}.controls{width:100%}.controls select,.logout-btn{flex:1;min-width:110px}.kpis,.export-controls{grid-template-columns:1fr}.grafana-frame,.grafana-frame-sm{min-height:320px}}