@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Syne:wght@400;600;700;800&display=swap";:root{--bg: #0a0d12;--surface: #111520;--surface2: #161c28;--border: #1e2d42;--border2: #0f1e30;--accent: #00c896;--profit: #00e676;--loss: #ff3d57;--warning: #ffd600;--danger: #ff4d6d;--text: #e8f4fd;--text2: #7ca5c8;--text3: #4a7a9b;--card-bg: var(--surface);--input-bg: var(--bg);--mono: "JetBrains Mono", monospace;--display: "Syne", sans-serif;--radius: 6px;--radius-lg: 10px;--sidebar-w: 220px;--header-h: 50px;--accent-rgb: 0,200,150;--profit-rgb: 0,230,118;--loss-rgb: 255,61,87;--warning-rgb: 255,214,0;--white-rgb: 255,255,255;--accent-5: rgba(0,200,150,.05);--accent-6: rgba(0,200,150,.06);--accent-8: rgba(0,200,150,.08);--accent-10: rgba(0,200,150,.1);--accent-12: rgba(0,200,150,.12);--accent-15: rgba(0,200,150,.15);--accent-20: rgba(0,200,150,.2);--accent-25: rgba(0,200,150,.25);--accent-30: rgba(0,200,150,.3);--accent-40: rgba(0,200,150,.4);--profit-8: rgba(0,230,118,.08);--profit-10: rgba(0,230,118,.1);--profit-13: rgba(0,230,118,.13);--profit-15: rgba(0,230,118,.15);--profit-20: rgba(0,230,118,.2);--profit-25: rgba(0,230,118,.25);--profit-30: rgba(0,230,118,.3);--profit-40: rgba(0,230,118,.4);--loss-8: rgba(255,61,87,.08);--loss-10: rgba(255,61,87,.1);--loss-13: rgba(255,61,87,.13);--loss-15: rgba(255,61,87,.15);--loss-20: rgba(255,61,87,.2);--loss-25: rgba(255,61,87,.25);--loss-30: rgba(255,61,87,.3);--loss-35: rgba(255,61,87,.35);--warning-6: rgba(255,214,0,.06);--warning-8: rgba(255,214,0,.08);--warning-20: rgba(255,214,0,.2);--overlay-2: rgba(255,255,255,.02);--overlay-3: rgba(255,255,255,.03);--overlay-4: rgba(255,255,255,.04);--overlay-5: rgba(255,255,255,.05);--overlay-6: rgba(255,255,255,.06);--overlay-8: rgba(255,255,255,.08);--overlay-10: rgba(255,255,255,.1);--overlay-12: rgba(255,255,255,.12);--overlay-15: rgba(255,255,255,.15);--overlay-20: rgba(255,255,255,.2);--scrim-4: rgba(0,0,0,.4);--scrim-5: rgba(0,0,0,.5);--scrim-8: rgba(0,0,0,.8);--scrim-85: rgba(0,0,0,.85);--scrim-9: rgba(0,0,0,.9)}html.light{--bg: #f0f4f8;--surface: #ffffff;--surface2: #e8eef5;--border: #c5d5e8;--border2: #dce8f5;--accent: #009e78;--profit: #006644;--loss: #cc2200;--warning: #996600;--text: #0a1628;--text2: #1e4060;--text3: #3a5a7a;--card-bg: #ffffff;--input-bg: #f0f4f8;--accent-rgb: 0,158,120;--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: rgba(0,0,0,.4);--scrim-5: rgba(0,0,0,.5);--scrim-8: rgba(0,0,0,.8);--scrim-85: rgba(0,0,0,.85);--scrim-9: rgba(0,0,0,.9);--accent-5: rgba(0,158,120,.05);--accent-6: rgba(0,158,120,.06);--accent-8: rgba(0,158,120,.08);--accent-10: rgba(0,158,120,.1);--accent-12: rgba(0,158,120,.12);--accent-15: rgba(0,158,120,.15);--accent-20: rgba(0,158,120,.2);--accent-25: rgba(0,158,120,.25);--accent-30: rgba(0,158,120,.3);--accent-40: rgba(0,158,120,.4);--profit-8: rgba(0,135,90,.08);--profit-10: rgba(0,135,90,.1);--profit-13: rgba(0,135,90,.13);--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);--profit-40: rgba(0,135,90,.4);--loss-8: rgba(211,47,47,.08);--loss-10: rgba(211,47,47,.1);--loss-13: rgba(211,47,47,.13);--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);--loss-35: rgba(211,47,47,.35);--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);font-size:13px;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}input,select,textarea,button{font-family:inherit;outline:none}input:focus,select:focus{border-color:var(--accent)!important}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.font-display{font-family:var(--display)!important}.font-mono{font-family:var(--mono)!important}.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)}.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}.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;font-family:var(--mono)}.badge-paper{background:var(--accent-12);color:var(--accent);border:1px solid var(--accent-30)}.badge-live{background:var(--loss-10);color:var(--loss);border:1px solid var(--loss-30);animation:pulse-live 2s infinite}.badge-profit{background:var(--profit-10);color:var(--profit);border:1px solid var(--profit-30)}.badge-loss{background:var(--loss-10);color:var(--loss);border:1px solid var(--loss-30)}.badge-warn{background:var(--warning-8);color:var(--warning);border:1px solid var(--warning-20)}@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:.5px;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-sm{padding:5px 12px;font-size:11px}.btn-primary{background:var(--accent-12);border-color:var(--accent-40);color:var(--accent)}.btn-primary:not(:disabled):hover{background:var(--accent-20)}.btn-solid{background:var(--accent);border-color:var(--accent);color:#0a0d12;font-weight:700}.btn-solid:not(:disabled):hover{opacity:.9}.btn-profit{background:var(--profit-8);border-color:var(--profit-30);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-warn{background:var(--warning-8);border-color:var(--warning-20);color:var(--warning)}.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:8px 12px;background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:var(--mono);font-size:12px;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:5px;font-family:var(--mono)}.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;font-family:var(--mono)}.data-table td{padding:10px 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)}.grid-bg{background-image:linear-gradient(var(--accent-5) 1px,transparent 1px),linear-gradient(90deg,var(--accent-5) 1px,transparent 1px);background-size:40px 40px}.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}}@keyframes spin{to{transform:rotate(360deg)}}.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}@media(max-width:767px){.sidebar{display:none!important}.main-content{margin-left:0!important;padding-bottom:72px!important}}@media(min-width:768px){.bottom-nav{display:none!important}}