@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg: #0b0e13;--panel: #11151c;--panel-2: #161b24;--border: #232a36;--text: #e7ecf3;--text-dim: #8a94a6;--accent: #3fb6a8;--up: #3ecf8e;--down: #f2545b;--amber: #e0a53a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}.mono{font-family:IBM Plex Mono,monospace}.app{display:grid;grid-template-columns:260px 1fr;grid-template-rows:56px 1fr;height:100vh;overflow:hidden}.topbar{grid-column:1 / 3;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);background:var(--panel)}.brand{font-weight:700;letter-spacing:.2px;font-size:15px}.brand span{color:var(--accent)}.clock{font-family:IBM Plex Mono,monospace;color:var(--text-dim);font-size:13px}.topbar-right{display:flex;align-items:center;gap:12px}.user-chip{font-size:12px;color:var(--text-dim)}.logout-btn{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer}.logout-btn:hover{border-color:var(--down);color:var(--down)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:360px;max-width:calc(100vw - 32px);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px 24px;display:flex;flex-direction:column;gap:12px}.login-sub{margin:0 0 8px;color:var(--text-dim);font-size:13px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-dim)}.login-card input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}.login-card button{margin-top:8px;background:var(--accent);color:#081014;border:0;border-radius:8px;padding:10px 12px;font-weight:600;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.login-error{color:var(--down);font-size:12px}.sidebar{border-right:1px solid var(--border);background:var(--panel);overflow-y:auto;padding:12px;min-height:0}.sidebar h3{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin:12px 4px 8px}.symbol-search{width:100%;padding:8px 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px}.symbol-item{padding:7px 10px;border-radius:6px;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:12.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.symbol-item:hover{background:var(--panel-2);color:var(--text)}.symbol-item.active{background:#3fb6a824;color:var(--accent)}.symbol-item.atm{border:1px solid rgba(63,182,168,.35)}.index-filter{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.index-filter button{background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:7px 8px;font-size:11px;font-weight:700;letter-spacing:.4px;cursor:pointer}.index-filter button.active{color:var(--text);border-color:var(--accent);background:#3fb6a824}.atm-card{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.atm-row{display:flex;justify-content:space-between;gap:8px;color:var(--text-dim);font-size:11px}.atm-ce{color:var(--accent)}.atm-jump{margin-top:4px;background:#3fb6a81f;border:1px solid var(--accent);color:var(--accent);border-radius:6px;padding:6px 8px;font-size:11px;font-weight:600;cursor:pointer}.main{position:relative;min-height:0;overflow-y:scroll;overflow-x:hidden;padding:20px 28px 20px 20px;display:flex;flex-direction:column;gap:16px;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#3fb6a8 #161b24}.main::-webkit-scrollbar{width:12px}.main::-webkit-scrollbar-track{background:#161b24;border-radius:6px}.main::-webkit-scrollbar-thumb{background:#3fb6a8;border-radius:6px;border:2px solid #161b24}.summary-row{display:flex;gap:12px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 18px;flex:1}.stat-card .label{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.stat-card .value{font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:600;margin-top:4px}.tabs{display:flex;gap:8px}.tabs button{background:var(--panel);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.tabs button.active{color:var(--text);border-color:var(--accent);background:#3fb6a81f}.tab-count{margin-left:8px;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--text-dim)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;flex-shrink:0}.chart-panel{min-height:0}.chart-tab{display:flex;flex-direction:column;gap:16px;padding-bottom:32px}.below-chart{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.3fr);gap:16px;align-items:stretch}.vp-panel,.signals-panel{min-height:260px;display:flex;flex-direction:column}.scroll-hint{position:sticky;bottom:16px;align-self:flex-end;width:40px;height:40px;border-radius:50%;border:1px solid var(--accent);background:#11151c;color:var(--accent);font-size:18px;font-weight:700;cursor:pointer;z-index:8;box-shadow:0 0 0 1px #232a36}.table-scroll{overflow:auto;max-height:320px;flex:1;scrollbar-width:auto;scrollbar-color:#3fb6a8 #161b24}.table-scroll::-webkit-scrollbar{width:10px;height:10px}.table-scroll::-webkit-scrollbar-thumb{background:#3fb6a8;border-radius:6px}.panel-header{padding:12px 16px;border-bottom:1px solid var(--border);font-weight:600;font-size:13px;display:flex;justify-content:space-between;align-items:center}.chart-symbol{font-family:IBM Plex Mono,monospace;color:var(--accent)}table{width:100%;border-collapse:collapse;font-size:12.5px}th,td{padding:9px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--text-dim);font-weight:500;text-transform:uppercase;font-size:10.5px;letter-spacing:.4px}tbody tr{cursor:pointer}tbody tr:hover{background:var(--panel-2)}td.mono,th.mono{font-family:IBM Plex Mono,monospace}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.3px}.badge.OPEN{background:#e0a53a26;color:var(--amber)}.badge.TARGET{background:#3ecf8e26;color:var(--up)}.badge.STOPLOSS{background:#f2545b26;color:var(--down)}.badge.EOD{background:#8a94a626;color:var(--text-dim)}.empty-state{padding:24px;text-align:center;color:var(--text-dim)}.session-banner{padding:10px 16px;color:var(--amber);font-size:13px}.chart-box{position:relative;padding:0 0 22px;height:442px;width:100%;overflow:visible}.chart-canvas{width:100%;height:420px}.chart-time-label{position:absolute;bottom:2px;left:50%;transform:translate(-50%);background:#232a36;color:var(--text);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;pointer-events:none;z-index:5;white-space:nowrap}.oi-panel{min-height:0}.oi-chart-box{padding:0;height:180px;width:100%}.oi-chart-canvas{width:100%;height:180px}.oi-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--text-dim);font-size:11px}.prev-oi-tag,.oi-tag{padding:2px 8px;border-radius:999px;font-family:IBM Plex Mono,monospace}.prev-oi-tag{background:#8a94a626;color:var(--text-dim)}.oi-tag{background:#3fb6a826;color:var(--accent)}.oi-up,.oi-down{font-family:IBM Plex Mono,monospace;font-weight:600}.oi-up{color:var(--up)}.oi-down{color:var(--down)}.chart-legend{display:flex;gap:10px;font-size:11px;color:var(--text-dim)}.chart-legend .lg:before{content:"";display:inline-block;width:10px;height:2px;margin-right:5px;vertical-align:middle}.chart-legend .vwap:before{background:#e0a53a}.chart-legend .sha:before{background:#7aa2ff}.chart-legend .bb:before{background:#8a94a6}.chart-legend .lvl:before{background:#3fb6a8}.chart-legend .poc:before{background:#c084fc}.chart-legend .vol:before{background:#3ecf8e}.chart-legend .trade:before{background:#e0a53a}.reset-chart{margin-left:8px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer}.reset-chart:hover{border-color:var(--accent);color:var(--accent)}.level-strip{display:flex;flex-wrap:wrap;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border);color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-size:11px}.profile-meta{display:flex;gap:8px;align-items:center;color:var(--text-dim);font-size:11px}.poc-tag,.prev-poc-tag{padding:2px 8px;border-radius:999px;font-family:IBM Plex Mono,monospace}.poc-tag{background:#c084fc26;color:#c084fc}.prev-poc-tag{background:#8a94a626;color:var(--text-dim)}.vp-wrap{padding:10px 16px 14px;height:260px;overflow-y:scroll;flex:1;scrollbar-width:auto;scrollbar-color:#3fb6a8 #161b24}.vp-wrap::-webkit-scrollbar{width:10px}.vp-wrap::-webkit-scrollbar-thumb{background:#3fb6a8;border-radius:6px}.vp-row{display:grid;grid-template-columns:70px 1fr 80px;gap:10px;align-items:center;margin:4px 0}.vp-price,.vp-vol{font-size:11px;color:var(--text-dim)}.vp-vol{text-align:right}.vp-bar-track{height:12px;background:#1a2029;border-radius:4px;overflow:hidden}.vp-bar{height:100%;background:#3fb6a8;border-radius:4px}.vp-row.poc .vp-bar{background:#c084fc}.vp-row.poc .vp-price,.vp-row.poc .vp-vol{color:#c084fc}@media (max-width: 1200px){.below-chart{grid-template-columns:1fr}}