:root{--bg: #0a0e14;--bg-2: #0f141d;--panel: #131a24;--panel-2: #18212e;--line: #1f2a38;--line-bright: #2c3a4d;--text: #d6e0ec;--text-dim: #6b7d93;--text-faint: #45566b;--long: #1fd39a;--short: #ff4d6a;--accent: #4fb0ff;--amber: #ffb347;--storm: #7c5cff;--mono: "JetBrains Mono", ui-monospace, monospace;--display: "Archivo", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(124,92,255,.1),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(79,176,255,.08),transparent 55%),var(--bg);color:var(--text);font-family:var(--mono);font-size:13px;-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px);opacity:.5}.mono{font-family:var(--mono)}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.long{color:var(--long)}.short{color:var(--short)}.up:before{content:"▲ "}.down:before{content:"▼ "}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(124,92,255,.05),transparent);position:relative;z-index:2}.brand{font-family:var(--display);font-weight:900;font-size:26px;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.brand .bolt{color:var(--storm);filter:drop-shadow(0 0 8px rgba(124,92,255,.6))}.brand .sub{font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;align-self:flex-end;padding-bottom:4px}.topbar-right{display:flex;align-items:center;gap:18px;font-size:11px}.badge{padding:4px 10px;border:1px solid var(--line-bright);border-radius:3px;text-transform:uppercase;letter-spacing:1px;font-size:10px}.badge.paper{color:var(--amber);border-color:#ffb34766;background:#ffb3470f}.badge.live{color:var(--short);border-color:#ff4d6a80;background:#ff4d6a14}.badge.testnet{color:var(--accent);border-color:#4fb0ff66}.logout{background:none;border:none;color:var(--text-dim);cursor:pointer;font-family:var(--mono)}.logout:hover{color:var(--short)}.shell{position:relative;z-index:2;padding:22px 28px 60px;max-width:1500px;margin:0 auto;overflow-x:hidden}.tabs{display:flex;gap:4px;margin-bottom:22px;border-bottom:1px solid var(--line)}.tab{padding:10px 22px;background:none;border:none;cursor:pointer;color:var(--text-dim);font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid transparent;position:relative;top:1px}.tab.active{color:var(--text);border-bottom-color:var(--storm)}.tab .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:8px;background:var(--text-faint)}.tab .dot.on{background:var(--long);box-shadow:0 0 8px var(--long)}.grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}@media (max-width: 1100px){.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-2,.cols-3{grid-template-columns:minmax(0,1fr)}}.card{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:6px;padding:18px;min-width:0}.card h3{font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.stat .label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim)}.stat .value{font-size:28px;font-weight:700;margin-top:6px}.stat .value.display{font-family:var(--display)}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}button.btn{font-family:var(--mono);font-size:12px;padding:9px 18px;border-radius:4px;border:1px solid var(--line-bright);background:var(--panel-2);color:var(--text);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s}button.btn:hover{border-color:var(--accent)}button.btn.go{border-color:#1fd39a80;color:var(--long)}button.btn.go:hover{background:#1fd39a1a}button.btn.stop{border-color:#ff4d6a80;color:var(--short)}button.btn.stop:hover{background:#ff4d6a1a}button.btn:disabled{opacity:.4;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.field input{background:var(--bg);border:1px solid var(--line-bright);color:var(--text);padding:9px 11px;border-radius:4px;font-family:var(--mono);font-size:13px;width:100%}.field input:focus{outline:none;border-color:var(--accent)}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--text-dim);font-weight:500;text-transform:uppercase;font-size:10px;letter-spacing:1px;padding:8px 10px;border-bottom:1px solid var(--line)}td{padding:9px 10px;border-bottom:1px solid var(--line)}tr:hover td{background:#ffffff04}.pill{padding:2px 8px;border-radius:3px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.pill.long{background:#1fd39a1f;color:var(--long)}.pill.short{background:#ff4d6a1f;color:var(--short)}.lens-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}.lens-row .name{width:90px;font-size:11px;color:var(--text-dim);text-transform:capitalize}.lens-bar{flex:1;height:6px;background:var(--bg);border-radius:3px;overflow:hidden;position:relative}.lens-bar i{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--line-bright)}.lens-fill{position:absolute;top:0;bottom:0}.lens-score{width:38px;text-align:right;font-size:11px}.score-ring{font-family:var(--display);font-weight:900;font-size:40px}.login-wrap{min-height:100vh;display:grid;place-items:center;position:relative;z-index:2}.login-card{width:360px;background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:10px;padding:36px 32px;box-shadow:0 30px 80px #00000080}.login-card .brand{justify-content:center;margin-bottom:6px}.login-card .tagline{text-align:center;color:var(--text-dim);font-size:11px;letter-spacing:1px;margin-bottom:28px}.login-card .field{margin-bottom:16px}.login-card button.btn{width:100%;padding:12px;border-color:var(--storm);color:#fff;background:linear-gradient(90deg,#7c5cff40,#4fb0ff26)}.err{color:var(--short);font-size:11px;text-align:center;margin-top:10px;min-height:14px}.feed{max-height:320px;overflow-y:auto;font-size:11px}.feed-line{padding:5px 0;border-bottom:1px solid var(--line);display:flex;gap:10px}.feed-line .t{color:var(--text-faint);white-space:nowrap}.feed-line .k{color:var(--accent);width:130px}.empty{color:var(--text-faint);text-align:center;padding:26px;font-size:11px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-bright);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.mode-toggle{display:inline-flex;gap:4px;padding:4px;background:var(--panel-2);border:1px solid rgba(255,255,255,.06);border-radius:10px;width:fit-content}.mode-btn{font-family:var(--mono);font-size:12px;letter-spacing:.5px;padding:8px 18px;border:none;border-radius:7px;background:transparent;color:var(--text-dim);cursor:pointer;transition:all .15s}.mode-btn:hover{color:var(--text)}.mode-btn.active{background:var(--accent);color:#06121f;font-weight:600;box-shadow:0 2px 10px #4fb0ff4d}.table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:920px}.table-scroll::-webkit-scrollbar{height:8px}.table-scroll::-webkit-scrollbar-track{background:var(--panel-2);border-radius:4px}.table-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff47}.positions-table th,.positions-table td,.nowrap{white-space:nowrap}
