@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}*,*: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:#00d4ff40}.card-profit{border-color:#00e67640}.card-loss{border-color:#ff3d5740}.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:#00d4ff1f;color:var(--accent);border:1px solid rgba(0,212,255,.3)}.badge-live{background:#ff3d571f;color:var(--loss);border:1px solid rgba(255,61,87,.3);animation:pulse-live 2s infinite}.badge-profit{background:#00e6761f;color:var(--profit);border:1px solid rgba(0,230,118,.3)}.badge-loss{background:#ff3d571f;color:var(--loss);border:1px solid rgba(255,61,87,.3)}@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 transparent;transition:all .15s;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#00d4ff1f;border-color:#00d4ff66;color:var(--accent)}.btn-primary:not(:disabled):hover{background:#00d4ff33}.btn-profit{background:#00e6761f;border-color:#00e67666;color:var(--profit)}.btn-profit:not(:disabled):hover{background:#00e67633}.btn-loss{background:#ff3d571f;border-color:#ff3d5766;color:var(--loss)}.btn-loss:not(:disabled):hover{background:#ff3d5733}.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:#ffffff05}.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;transform:translateY(6px)}to{opacity:1;transform:none}}@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}