@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-deep:#08090d;--bg-base:#0e1016;--bg-surface:#14171f;--bg-elevated:#1b1e27;--bg-hover:#22262f;--accent:#00eaff;--accent-dim:#1295a1;--accent-glow:#00eaff26;--green:#18dc7a;--green-dim:#1f7a4d;--green-glow:#18dc7a1f;--red:#e83030;--red-dim:#8f2424;--red-glow:#e830301f;--yellow:#f9c31f;--yellow-dim:#98781b;--purple:#9952e0;--blue:#257bf4;--text-primary:#f2f2f2;--text-secondary:#a6a6a6;--text-muted:#666;--border:#1f222e;--border-bright:#2d3243;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-sans:"Inter",-apple-system,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--shadow-card:0 2px 12px #0006,0 0 1px #0009;--shadow-glow-cyan:0 0 20px var(--accent-glow),0 0 60px var(--accent-glow);--shadow-glow-green:0 0 20px var(--green-glow),0 0 60px var(--green-glow)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{grid-template-rows:56px 1fr;grid-template-columns:240px 1fr;height:100vh;display:grid;overflow:hidden}.app-header{padding:0 var(--space-lg);background:var(--bg-base);border-bottom:1px solid var(--border);z-index:100;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.app-sidebar{background:var(--bg-base);border-right:1px solid var(--border);padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex;overflow-y:auto}.app-main{background:var(--bg-deep);padding:var(--space-md);overflow-y:auto}.logo{align-items:center;gap:var(--space-sm);letter-spacing:-.5px;font-size:18px;font-weight:800;display:flex}.logo-icon{background:linear-gradient(135deg,var(--accent),var(--green));width:32px;height:32px;color:var(--bg-deep);border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:flex}.status-badge{font-size:12px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.status-badge.live{background:var(--green-glow);color:var(--green);border:1px solid var(--green-dim)}.status-badge.paper{color:var(--yellow);border:1px solid var(--yellow-dim);background:#f9c31f1a}.status-badge.halted{background:var(--red-glow);color:var(--red);border:1px solid var(--red-dim);animation:2s infinite pulse-red}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 var(--red-glow)}50%{box-shadow:0 0 12px 4px var(--red-glow)}}.status-dot{border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-dot}.status-dot.live{background:var(--green)}.status-dot.paper{background:var(--yellow)}.status-dot.halted{background:var(--red)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.nav-item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-glow);color:var(--accent);border:1px solid #00eaff33}.nav-item .icon{text-align:center;width:18px;font-size:15px}.nav-section-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:var(--space-md)var(--space-sm)var(--space-xs);font-size:10px;font-weight:700}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-card)}.card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.card-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:13px;font-weight:700}.metrics-row{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--accent);opacity:.4;height:2px;position:absolute;top:0;left:0;right:0}.metric-card.positive:before{background:var(--green);opacity:.6}.metric-card.negative:before{background:var(--red);opacity:.6}.metric-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--space-xs);font-size:11px;font-weight:600}.metric-value{font-size:28px;font-weight:800;font-family:var(--font-mono);letter-spacing:-1px}.metric-value.positive{color:var(--green)}.metric-value.negative{color:var(--red)}.metric-value.neutral{color:var(--text-primary)}.metric-change{margin-top:var(--space-xs);font-size:12px;font-weight:600;font-family:var(--font-mono);align-items:center;gap:4px;display:inline-flex}.metric-change.up{color:var(--green)}.metric-change.down{color:var(--red)}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-surface);padding:10px 12px;font-size:10px;font-weight:700;position:sticky;top:0}.data-table tbody td{border-bottom:1px solid var(--border);font-family:var(--font-mono);padding:10px 12px;font-size:12px}.data-table tbody tr:hover{background:var(--bg-hover)}.btn{align-items:center;gap:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-elevated);color:var(--text-primary);padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--border-bright)}.btn-primary{background:var(--accent);color:var(--bg-deep);border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.15)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover{filter:brightness(1.15)}.btn-sm{padding:5px 10px;font-size:11px}.btn-lg{padding:12px 24px;font-size:15px}.kill-switch{background:var(--bg-surface);border:1px solid var(--red-dim);border-radius:var(--radius-sm);color:var(--red);text-transform:uppercase;letter-spacing:1px;cursor:pointer;padding:6px 14px;font-size:11px;font-weight:700;transition:all .2s}.kill-switch:hover{background:var(--red);color:#fff;box-shadow:0 0 20px var(--red-glow)}.grid-2{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-md);grid-template-columns:1fr 1fr 1fr;display:grid}.grid-dashboard{gap:var(--space-md);grid-template-rows:auto 1fr;grid-template-columns:2fr 1fr;height:calc(100vh - 88px);display:grid}.chart-container{width:100%;height:100%;min-height:320px;position:relative}.trade-feed{max-height:400px;overflow-y:auto}.trade-item{gap:var(--space-sm);border-bottom:1px solid var(--border);font-size:12px;font-family:var(--font-mono);grid-template-columns:auto 1fr auto auto;align-items:center;padding:8px 12px;display:grid}.trade-side-buy{color:var(--green);font-weight:700}.trade-side-sell{color:var(--red);font-weight:700}.risk-gauge{background:var(--bg-hover);width:100%;height:8px;margin:var(--space-sm)0;border-radius:4px;overflow:hidden}.risk-gauge-fill{border-radius:4px;height:100%;transition:width .5s,background .5s}.risk-gauge-fill.low{background:var(--green)}.risk-gauge-fill.medium{background:var(--yellow)}.risk-gauge-fill.high{background:var(--red)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.3s forwards fade-in}.terminal{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);font-family:var(--font-mono);max-height:300px;font-size:12px;line-height:1.6;overflow-y:auto}.terminal-line{gap:var(--space-sm);display:flex}.terminal-time{color:var(--text-muted)}.terminal-info{color:var(--accent)}.terminal-warn{color:var(--yellow)}.terminal-error{color:var(--red)}.terminal-success{color:var(--green)}.strategy-cards{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.strategy-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);cursor:pointer;transition:all .2s}.strategy-card:hover{border-color:var(--accent-dim);box-shadow:var(--shadow-glow-cyan);transform:translateY(-2px)}.strategy-card.active{border-color:var(--accent);background:var(--accent-glow)}.strategy-name{margin-bottom:var(--space-xs);font-size:15px;font-weight:700}.strategy-desc{color:var(--text-secondary);font-size:12px;line-height:1.5}@media (max-width:1024px){.app-layout{grid-template-columns:1fr}.app-sidebar{display:none}.grid-2{grid-template-columns:1fr}.metrics-row{grid-template-columns:repeat(2,1fr)}}