:root{--db-bg: #000000;--db-bg2: #0A0A0A;--db-bg3: #111111;--db-bg4: #1A1A1A;--db-border: #2A2A2A;--db-border2: #333333;--db-text: #FFFFFF;--db-text2: #CCCCCC;--db-text3: #888888;--db-lime: #BFF549;--db-lime-dim: rgba(191, 245, 73, .1);--db-green: #10B981;--db-green-dim: rgba(16, 185, 129, .12);--db-green-bright: #34D399;--db-red: #EF4444;--db-red-dim: rgba(239, 68, 68, .12);--db-red-bright: #F87171;--db-blue: #3B82F6;--db-blue-dim: rgba(59, 130, 246, .12);--db-amber: #F59E0B;--db-amber-dim: rgba(245, 158, 11, .12);--db-purple: #A78BFA;--db-purple-dim: rgba(167, 139, 250, .12);--db-font-mono: "JetBrains Mono", "Courier New", Courier, monospace;--db-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--db-radius: 12px;--db-radius-sm: 8px;--db-shadow: 0 1px 4px rgba(0,0,0,.3), 0 0 0 1px rgba(255,255,255,.04)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--db-bg);color:var(--db-text);font-family:var(--db-font);font-size:13px;min-height:100vh}#login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at center top,rgba(191,245,73,.04) 0%,transparent 60%)}.login-back-link{display:inline-block;margin-bottom:20px;color:var(--db-lime);text-decoration:none;font-size:13px;font-weight:600;padding:6px 14px;border-radius:var(--db-radius-sm);border:1px solid rgba(191,245,73,.25);background:#bff5490f;transition:all .2s}.login-back-link:hover{background:#bff5491f;border-color:#bff54980}.login-brand{text-align:center;margin-bottom:28px}.brand-icon{width:54px;height:54px;background:linear-gradient(135deg,var(--db-lime),#A8D93E);border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 24px #bff54940}.brand-icon svg{width:28px;height:28px;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand-name{font-size:22px;font-weight:700;color:var(--db-text)}.brand-name em{color:var(--db-lime);font-style:normal}.brand-tag{font-size:12px;color:var(--db-text3);margin-top:3px}.login-box{background:var(--db-bg2);border:1px solid var(--db-border);border-radius:14px;padding:30px 32px;width:100%;max-width:460px;box-shadow:0 4px 32px #0006}.login-title{font-size:16px;font-weight:600;margin-bottom:2px;color:var(--db-text)}.login-sub{font-size:12px;color:var(--db-text3);margin-bottom:22px}.form-group{margin-bottom:13px}.form-group label{display:block;font-size:11px;color:var(--db-text3);font-weight:600;letter-spacing:.4px;text-transform:uppercase;margin-bottom:5px}.form-group input{width:100%;background:var(--db-bg3);border:1.5px solid var(--db-border);color:var(--db-text);padding:9px 12px;border-radius:var(--db-radius-sm);font-size:13px;font-family:var(--db-font-mono);outline:none;transition:border .2s,box-shadow .2s}.form-group input:focus{border-color:var(--db-lime);box-shadow:0 0 0 3px #bff54926}.form-group input::placeholder{color:var(--db-text3)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.db-btn{width:100%;padding:10px;border-radius:var(--db-radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s;font-family:var(--db-font)}.db-btn:active{transform:scale(.98)}.db-btn-primary{background:var(--db-lime);color:#000;margin-bottom:10px;box-shadow:0 2px 12px #bff54940}.db-btn-primary:hover{background:#a8d93e}.db-btn-mock{background:var(--db-bg3);color:var(--db-text2);border:1.5px solid var(--db-border)}.db-btn-mock:hover{background:var(--db-bg4);border-color:var(--db-border2)}.login-note{margin-top:16px;padding:10px 12px;background:var(--db-amber-dim);border:1px solid rgba(245,158,11,.2);border-radius:var(--db-radius-sm);font-size:11px;color:var(--db-amber);line-height:1.7}.login-note code{background:#f59e0b26;padding:1px 5px;border-radius:3px;font-family:var(--db-font-mono)}.login-err{margin-top:10px;padding:8px 12px;background:var(--db-red-dim);border:1px solid rgba(239,68,68,.2);border-radius:var(--db-radius-sm);font-size:11px;color:var(--db-red-bright);display:none}.login-spinner{display:none;text-align:center;padding:10px;color:var(--db-text3);font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--db-border2);border-top-color:var(--db-lime);border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:6px}.divider{height:1px;background:var(--db-border);margin:14px 0}#dashboard-screen{display:none}.top-bar{background:var(--db-bg2);border-bottom:1px solid var(--db-border);padding:0 20px;display:flex;align-items:stretch;justify-content:space-between;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.brand-strip{display:flex;align-items:center;gap:10px;padding:10px 20px 10px 0;border-right:1px solid var(--db-border);margin-right:20px}.brand-strip-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--db-lime),#A8D93E);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-strip-icon svg{width:18px;height:18px;fill:none;stroke:#000;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.brand-strip-name{font-size:13px;font-weight:700;color:var(--db-text);line-height:1.3}.brand-strip-name em{color:var(--db-lime);font-style:normal}.brand-strip-sub{font-size:10px;color:var(--db-text3);font-family:var(--db-font-mono)}.hdr-center{display:flex;align-items:center;gap:10px;padding:10px 0}.index-pill{background:var(--db-bg3);border:1px solid var(--db-border);border-radius:5px;padding:2px 8px;font-size:10px;font-family:var(--db-font-mono);color:var(--db-lime);font-weight:600;letter-spacing:1px}.spot-price{font-family:var(--db-font-mono);font-size:22px;font-weight:700;color:var(--db-text);letter-spacing:-.5px}.spot-chg{font-family:var(--db-font-mono);font-size:11px;padding:3px 8px;border-radius:5px;font-weight:600}.chg-pos{background:var(--db-green-dim);color:var(--db-green-bright)}.chg-neg{background:var(--db-red-dim);color:var(--db-red-bright)}.hdr-right{display:flex;align-items:center;gap:6px;padding:10px 0}.db-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-family:var(--db-font-mono);padding:3px 7px;border-radius:4px;font-weight:600}.badge-live{background:var(--db-green-dim);color:var(--db-green);border:1px solid rgba(16,185,129,.25)}.badge-ws{background:var(--db-blue-dim);color:var(--db-blue);border:1px solid rgba(59,130,246,.2)}.badge-rest{background:var(--db-amber-dim);color:var(--db-amber);border:1px solid rgba(245,158,11,.2)}.badge-mock{background:var(--db-purple-dim);color:var(--db-purple);border:1px solid rgba(167,139,250,.2)}.badge-err{background:var(--db-red-dim);color:var(--db-red);border:1px solid rgba(239,68,68,.2)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1.2s step-end infinite;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.clock{font-family:var(--db-font-mono);font-size:11px;color:var(--db-text2);background:var(--db-bg3);padding:3px 9px;border-radius:5px;border:1px solid var(--db-border)}.home-btn{background:var(--db-bg3);border:1.5px solid var(--db-border);color:var(--db-text2);padding:3px 10px;border-radius:5px;cursor:pointer;font-size:11px;font-family:var(--db-font-mono);transition:all .15s;text-decoration:none}.home-btn:hover{color:var(--db-lime);border-color:#bff54966;background:var(--db-lime-dim)}.logout-btn{background:var(--db-bg3);border:1.5px solid var(--db-border);color:var(--db-text2);padding:3px 10px;border-radius:5px;cursor:pointer;font-size:11px;font-family:var(--db-font-mono);transition:all .15s}.logout-btn:hover{color:var(--db-red);border-color:#ef444466;background:var(--db-red-dim)}.main{padding:12px 20px;display:flex;flex-direction:column;gap:10px}.metric-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mcard{background:var(--db-bg2);border:1px solid var(--db-border);border-radius:var(--db-radius-sm);padding:10px 14px;position:relative;overflow:hidden;box-shadow:var(--db-shadow)}.mcard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.mcard.call:before{background:var(--db-red)}.mcard.put:before{background:var(--db-green)}.mcard.pcr:before{background:var(--db-lime)}.mcard.pain:before{background:var(--db-amber)}.mcard.tps:before{background:var(--db-purple)}.mcard-lbl{font-size:10px;color:var(--db-text3);letter-spacing:.5px;text-transform:uppercase;font-weight:600;margin-bottom:4px}.mcard-val{font-size:20px;font-weight:700;font-family:var(--db-font-mono);line-height:1.1}.mcard-sub{font-size:10px;color:var(--db-text3);margin-top:4px;font-family:var(--db-font-mono)}.val-red{color:var(--db-red)}.val-green{color:var(--db-green)}.val-lime{color:var(--db-lime)}.val-amber{color:var(--db-amber)}.val-purple{color:var(--db-purple)}.mid-row{display:grid;grid-template-columns:420px 1fr;gap:10px}.panel{background:var(--db-bg2);border:1px solid var(--db-border);border-radius:var(--db-radius-sm);overflow:hidden;box-shadow:var(--db-shadow)}.panel-hdr{padding:8px 12px;border-bottom:1px solid var(--db-border);display:flex;align-items:center;justify-content:space-between;background:var(--db-bg3)}.panel-title{font-size:11px;font-weight:700;color:var(--db-text2);letter-spacing:.5px;text-transform:uppercase}.panel-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--db-text3);font-family:var(--db-font-mono)}.tick-scroll{height:280px;overflow-y:auto}.tick-scroll::-webkit-scrollbar{width:4px}.tick-scroll::-webkit-scrollbar-thumb{background:var(--db-border2);border-radius:2px}table{width:100%;border-collapse:collapse}thead th{padding:5px 10px;text-align:left;font-size:10px;font-weight:700;color:var(--db-text3);background:var(--db-bg3);border-bottom:1px solid var(--db-border);white-space:nowrap;position:sticky;top:0;z-index:1;text-transform:uppercase;letter-spacing:.4px}tbody tr{border-bottom:1px solid var(--db-bg3)}tbody tr:hover{background:var(--db-bg3)}tbody td{padding:4px 10px;font-family:var(--db-font-mono);font-size:11px;white-space:nowrap;color:var(--db-text)}.tick-new{animation:tf .4s ease-out}@keyframes tf{0%{background:#bff5490f}to{background:transparent}}.td-time{color:var(--db-text3)}.td-price{font-weight:600}.td-pos{color:var(--db-green-bright)}.td-neg{color:var(--db-red-bright)}.side-buy{color:var(--db-green);background:var(--db-green-dim);padding:1px 6px;border-radius:3px;font-size:10px;font-weight:700}.side-sell{color:var(--db-red);background:var(--db-red-dim);padding:1px 6px;border-radius:3px;font-size:10px;font-weight:700}.oi-hdr-row{display:flex;padding:4px 10px;font-size:9px;color:var(--db-text3);font-family:var(--db-font-mono);border-bottom:1px solid var(--db-border);background:var(--db-bg3);font-weight:600;text-transform:uppercase}.oi-scroll{height:280px;overflow-y:auto;padding:2px 0}.oi-scroll::-webkit-scrollbar{width:4px}.oi-scroll::-webkit-scrollbar-thumb{background:var(--db-border2)}.oi-row{display:flex;align-items:center;padding:3px 10px;gap:5px;border-bottom:1px solid var(--db-bg3)}.oi-row:hover{background:var(--db-bg3)}.oi-call-side{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:5px}.oi-put-side{flex:1;display:flex;align-items:center;gap:5px}.oi-bar-wrap-c{width:100px;display:flex;justify-content:flex-end}.oi-bar-wrap-p{width:100px}.oi-bar-c{height:10px;background:linear-gradient(90deg,rgba(239,68,68,.2),var(--db-red));border-radius:2px 0 0 2px;transition:width .5s;min-width:2px}.oi-bar-p{height:10px;background:linear-gradient(90deg,var(--db-green),rgba(16,185,129,.15));border-radius:0 2px 2px 0;transition:width .5s;min-width:2px}.oi-num{font-family:var(--db-font-mono);font-size:10px;color:var(--db-text2);min-width:46px;white-space:nowrap}.oi-num-r{text-align:right}.oi-chg{font-size:9px;font-family:var(--db-font-mono);min-width:34px;text-align:right}.oi-strike{min-width:52px;text-align:center;font-family:var(--db-font-mono);font-size:11px;font-weight:700;color:var(--db-text2);padding:2px 3px;border-radius:4px;border:1px solid transparent}.atm{color:var(--db-lime)!important;background:var(--db-lime-dim);border-color:#bff54940!important}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chart-body{padding:10px 12px 8px}.legend{display:flex;gap:14px;margin-bottom:8px;font-size:10px;color:var(--db-text2);font-family:var(--db-font-mono);font-weight:600}.leg{display:flex;align-items:center;gap:4px}.leg-box{width:10px;height:10px;border-radius:2px}.bot-bar{background:var(--db-bg2);border-top:1px solid var(--db-border);padding:6px 20px;display:flex;align-items:center;justify-content:space-between;font-family:var(--db-font-mono);font-size:10px;color:var(--db-text3)}.bot-bar b{color:var(--db-text2)}.conn-log{position:fixed;bottom:32px;right:20px;width:340px;background:var(--db-bg2);border:1px solid var(--db-border);border-radius:var(--db-radius-sm);padding:10px 12px;max-height:160px;overflow-y:auto;z-index:200;display:none;box-shadow:0 4px 24px #0006}.conn-log-title{font-size:10px;font-weight:700;color:var(--db-text2);font-family:var(--db-font-mono);letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.log-line{font-size:10px;font-family:var(--db-font-mono);padding:2px 0;border-bottom:1px solid var(--db-bg3)}.log-ok{color:var(--db-green)}.log-err{color:var(--db-red)}.log-info{color:var(--db-blue)}.log-warn{color:var(--db-amber)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--db-bg3)}::-webkit-scrollbar-thumb{background:var(--db-border2);border-radius:3px}@media(max-width:1100px){.metric-row{grid-template-columns:repeat(3,1fr)}.mid-row,.chart-row{grid-template-columns:1fr}}@media(max-width:768px){.metric-row{grid-template-columns:repeat(2,1fr)}.top-bar{flex-wrap:wrap;gap:6px;padding:8px 12px}.brand-strip{border-right:none;margin-right:0;padding-right:0}.hdr-center{width:100%;justify-content:center}.hdr-right{width:100%;justify-content:center;flex-wrap:wrap}.main{padding:8px 10px}.conn-log{width:calc(100% - 20px);left:10px;right:10px}}