@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;600;700&family=Syne:wght@400;600;700;800&display=swap";:root{--bg: #060910;--surface: #0d1520;--surface2: #111d2e;--border: #1e3a5f;--border2: #0f2a45;--accent: #00d4ff;--profit: #00e676;--loss: #ff3d57;--warning: #ffd600;--text: #e8f4fd;--text2: #7ca5c8;--text3: #4a7a9b;--mono: "JetBrains Mono", monospace;--display: "Syne", sans-serif;--radius: 6px;--radius-lg: 10px;--sidebar-w: 240px;--header-h: 56px;--bottom-nav: 64px;--accent-rgb: 0,212,255;--profit-rgb: 0,230,118;--loss-rgb: 255,61,87;--warning-rgb: 255,214,0;--white-rgb: 255,255,255;--black-rgb: 0,0,0;--accent-5: var(--accent-5);--accent-6: var(--accent-6);--accent-8: var(--accent-8);--accent-10: var(--accent-10);--accent-12: var(--accent-12);--accent-15: var(--accent-15);--accent-20: var(--accent-20);--accent-25: var(--accent-25);--accent-30: var(--accent-30);--accent-40: var(--accent-40);--profit-8: var(--profit-8);--profit-10: var(--profit-10);--profit-13: var(--profit-13);--profit-15: var(--profit-15);--profit-20: var(--profit-20);--profit-25: var(--profit-25);--profit-30: var(--profit-30);--profit-40: var(--profit-40);--loss-8: var(--loss-8);--loss-10: var(--loss-10);--loss-13: var(--loss-13);--loss-15: var(--loss-15);--loss-20: var(--loss-20);--loss-25: var(--loss-25);--loss-30: var(--loss-30);--loss-35: var(--loss-35);--warning-6: var(--warning-6);--warning-8: var(--warning-8);--warning-20: var(--warning-20);--overlay-2: var(--overlay-2);--overlay-3: var(--overlay-3);--overlay-4: var(--overlay-4);--overlay-5: var(--overlay-5);--overlay-6: var(--overlay-6);--overlay-8: var(--overlay-8);--overlay-10: var(--overlay-10);--overlay-12: var(--overlay-12);--overlay-15: var(--overlay-15);--overlay-20: var(--overlay-20);--scrim-4: var(--scrim-4);--scrim-5: var(--scrim-5);--scrim-8: var(--scrim-8);--scrim-85: var(--scrim-85);--scrim-9: var(--scrim-9)}.light{--bg: #f0f4f8;--surface: #ffffff;--surface2: #e8eef5;--border: #c5d5e8;--border2: #dce8f5;--accent: #0066aa;--profit: #006644;--loss: #cc2200;--warning: #996600;--text: #0a1628;--text2: #1e4060;--text3: #3a5a7a;--accent-rgb: 0,119,170;--profit-rgb: 0,135,90;--loss-rgb: 211,47,47;--white-rgb: 0,0,0;--overlay-2: rgba(0,0,0,.02);--overlay-3: rgba(0,0,0,.03);--overlay-4: rgba(0,0,0,.04);--overlay-5: rgba(0,0,0,.05);--overlay-6: rgba(0,0,0,.06);--overlay-8: rgba(0,0,0,.08);--overlay-10: rgba(0,0,0,.1);--overlay-12: rgba(0,0,0,.12);--overlay-15: rgba(0,0,0,.15);--overlay-20: rgba(0,0,0,.2);--scrim-4: var(--scrim-4);--scrim-5: var(--scrim-5);--scrim-8: var(--scrim-8);--scrim-85: var(--scrim-85);--scrim-9: var(--scrim-9);--accent-5: rgba(0,119,170,.05);--accent-8: rgba(0,119,170,.08);--accent-10: rgba(0,119,170,.1);--accent-15: rgba(0,119,170,.15);--accent-20: rgba(0,119,170,.2);--accent-25: rgba(0,119,170,.25);--accent-30: rgba(0,119,170,.3);--profit-8: rgba(0,135,90,.08);--profit-10: rgba(0,135,90,.1);--profit-15: rgba(0,135,90,.15);--profit-20: rgba(0,135,90,.2);--profit-25: rgba(0,135,90,.25);--profit-30: rgba(0,135,90,.3);--loss-8: rgba(211,47,47,.08);--loss-10: rgba(211,47,47,.1);--loss-15: rgba(211,47,47,.15);--loss-20: rgba(211,47,47,.2);--loss-25: rgba(211,47,47,.25);--loss-30: rgba(211,47,47,.3);--warning-6: rgba(184,134,11,.06);--warning-8: rgba(184,134,11,.08);--warning-20: rgba(184,134,11,.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:var(--mono);line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.font-display{font-family:var(--display)}.font-mono{font-family:var(--mono)}.text-profit{color:var(--profit)}.text-loss{color:var(--loss)}.text-warning{color:var(--warning)}.text-accent{color:var(--accent)}.text-muted{color:var(--text2)}.text-dim{color:var(--text3)}.card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg)}.card-accent{border-color:var(--accent-25)}.card-profit{border-color:var(--profit-25)}.card-loss{border-color:var(--loss-25)}.grid-bg{background-image:linear-gradient(rgba(0,212,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.025) 1px,transparent 1px);background-size:40px 40px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.badge-paper{background:var(--accent-12);color:var(--accent);border:1px solid var(--accent-30)}.badge-live{background:#ff3d571f;color:var(--loss);border:1px solid var(--loss-30);animation:pulse-live 2s infinite}.badge-profit{background:#00e6761f;color:var(--profit);border:1px solid var(--profit-30)}.badge-loss{background:#ff3d571f;color:var(--loss);border:1px solid var(--loss-30)}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.6}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:1px;cursor:pointer;border:1px solid var(--border);transition:all .15s;white-space:nowrap;text-decoration:none;background:var(--surface2);color:var(--text)}.btn:not(:disabled):hover{background:var(--border2);color:var(--text)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-12);border-color:var(--accent-40);color:var(--accent)}.btn-primary:not(:disabled):hover{background:var(--accent-20)}.btn-profit{background:var(--profit-8);border-color:var(--profit-40);color:var(--profit)}.btn-profit:not(:disabled):hover{background:var(--profit-20)}.btn-loss{background:var(--loss-8);border-color:var(--loss-25);color:var(--loss)}.btn-loss:not(:disabled):hover{background:var(--loss-20)}.btn-ghost{background:transparent;border-color:var(--border2);color:var(--text2)}.btn-ghost:not(:disabled):hover{border-color:var(--border);color:var(--text)}.input{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:var(--mono);font-size:13px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text3)}.input-label{display:block;font-size:10px;letter-spacing:2px;color:var(--text3);text-transform:uppercase;margin-bottom:6px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{padding:10px 12px;text-align:left;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border2);white-space:nowrap}.data-table td{padding:11px 12px;border-bottom:1px solid rgba(30,58,95,.4);color:var(--text2);white-space:nowrap}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--overlay-2)}.section-title{font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);padding-bottom:10px;border-bottom:1px solid var(--border2);margin-bottom:20px}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:fadeIn .25s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:767px){.sidebar{display:none!important}.main-content{margin-left:0!important;padding-bottom:var(--bottom-nav)!important}}@media(min-width:768px){.bottom-nav{display:none!important}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.flex-1{flex:1}.min-w-0{min-width:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.text-sm{font-size:12px}.text-xs{font-size:10px}.hidden{display:none}.block{display:block}