@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Sora:wght@600;700&display=swap";:root{--bg0: #0A0A0F;--bg1: #111118;--bg2: #16161F;--bg3: #1E1E2A;--border: #23232F;--border2: #2C2C3A;--text1: #F0F0F8;--text2: #9090A8;--text3: #5A5A72;--accent: #6C63FF;--accent-soft: rgba(108, 99, 255, .1);--accent-glow: rgba(108, 99, 255, .25);--profit: #00D68F;--profit-soft: rgba(0, 214, 143, .1);--loss: #FF4D6A;--loss-soft: rgba(255, 77, 106, .1);--warn: #F59E0B;--warn-soft: rgba(245, 158, 11, .1);--radius: 10px;--radius-sm: 6px}[data-theme=light]{--bg0: #F0F0F5;--bg1: #FFFFFF;--bg2: #F7F7FB;--bg3: #EBEBF3;--border: #E2E2EC;--border2: #D4D4E0;--text1: #0A0A1A;--text2: #6B6B88;--text3: #A0A0B8;--accent: #4F46E5;--accent-soft: rgba(79, 70, 229, .08);--accent-glow: rgba(79, 70, 229, .2);--profit: #059669;--profit-soft: rgba(5, 150, 105, .08);--loss: #DC2626;--loss-soft: rgba(220, 38, 38, .08);--warn: #D97706;--warn-soft: rgba(217, 119, 6, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg0);color:var(--text1);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}.font-display{font-family:Sora,sans-serif}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-base{font-size:13px}.text-lg{font-size:15px}.text-xl{font-size:18px}.text-2xl{font-size:22px;font-variant-numeric:tabular-nums}.text-3xl{font-size:28px;font-variant-numeric:tabular-nums}.text-primary{color:var(--text1)}.text-muted{color:var(--text2)}.text-faint{color:var(--text3)}.text-profit{color:var(--profit)}.text-loss{color:var(--loss)}.text-warn{color:var(--warn)}.text-accent{color:var(--accent)}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;background:var(--bg1);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg0)}.topbar{padding:14px 24px;background:var(--bg1);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.content{flex:1;overflow-y:auto;padding:20px 24px}.content::-webkit-scrollbar{width:3px}.content::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:12px;font-weight:600;color:var(--text1)}.card-action{font-size:11px;font-weight:500;color:var(--accent);cursor:pointer}.card-body{padding:14px 16px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3-1{display:grid;grid-template-columns:2fr 1fr;gap:12px}.metric-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.metric-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.metric-value{font-size:22px;font-weight:700;color:var(--text1);letter-spacing:-.5px;font-variant-numeric:tabular-nums;line-height:1}.metric-value.profit{color:var(--profit)}.metric-value.loss{color:var(--loss)}.metric-sub{font-size:10px;color:var(--text3);margin-top:6px}.table{width:100%;border-collapse:collapse;font-size:11px}.table th{padding:8px 12px;text-align:left;font-size:9px;font-weight:600;color:var(--text3);letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid var(--border)}.table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text1);font-weight:500;font-variant-numeric:tabular-nums}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg3)}.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.3px}.badge-long{background:var(--profit-soft);color:var(--profit)}.badge-short{background:var(--loss-soft);color:var(--loss)}.badge-active{background:var(--profit-soft);color:var(--profit)}.badge-paused{background:var(--warn-soft);color:var(--warn)}.badge-error{background:var(--loss-soft);color:var(--loss)}.btn{padding:7px 16px;border-radius:var(--radius-sm);border:none;font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .12s}.btn:hover{opacity:.85}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:transparent;border:1px solid var(--border2);color:var(--text2)}.btn-ghost:hover{background:var(--bg3);color:var(--text1)}.btn-danger{background:var(--loss);color:#fff}.btn-sm{padding:4px 10px;font-size:10px;border-radius:5px}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text2);transition:all .12s;margin-bottom:1px;position:relative}.nav-item:hover{background:var(--bg3);color:var(--text1)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--accent);border-radius:0 3px 3px 0}.status-pill{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:20px;font-size:11px;font-weight:600}.status-live{background:var(--profit-soft);color:var(--profit)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.toggle{position:relative;width:34px;height:18px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{display:block;width:34px;height:18px;background:var(--bg3);border-radius:9px;cursor:pointer;transition:background .2s;border:1px solid var(--border2)}.toggle input:checked+.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle-thumb{position:absolute;top:3px;left:3px;width:12px;height:12px;background:var(--text3);border-radius:50%;transition:transform .2s,background .2s;pointer-events:none}.toggle input:checked~.toggle-thumb{transform:translate(16px);background:#fff}.dd-bar{height:5px;background:var(--bg3);border-radius:3px;overflow:hidden}.dd-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .3s}.dd-fill.warn{background:var(--warn)}.dd-fill.danger{background:var(--loss)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);font-size:11px}.stat-row:last-child{border-bottom:none}.stat-key{color:var(--text2)}.stat-val{font-weight:600;color:var(--text1)}.input{width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--bg3);color:var(--text1);font-family:Inter,sans-serif;font-size:12px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text3)}.form-group{margin-bottom:14px}.form-label{display:block;font-size:11px;font-weight:600;color:var(--text2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.gap-3{gap:12px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.font-mono{font-family:Courier New,monospace}