@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--bg-base:#eff3fa;--bg-surface:#fff;--bg-elevated:#f7fafd;--bg-input:#f1f5f9;--border:#dde5ef;--border-soft:#e8eef6;--border-focus:#2563eb59;--border-hover:#2563eb33;--text-main:#0a1628;--text-sub:#2d4163;--text-muted:#64748b;--text-faint:#94a3b8;--accent-blue:#2563eb;--accent-blue-soft:#2563eb14;--accent-purple:#7c3aed;--brand-gradient:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--accent-green:#059669;--accent-green-soft:#05966914;--accent-green-mid:#05966926;--accent-red:#dc2626;--accent-red-soft:#dc262614;--accent-red-mid:#dc262626;--accent-amber:#d97706;--accent-amber-soft:#d9770614;--shadow-xs:0 1px 2px #0a16280a;--shadow-sm:0 1px 4px #0a16280f, 0 1px 2px #0a16280a;--shadow-md:0 4px 16px #0a162812, 0 2px 4px #0a16280d;--shadow-lg:0 12px 32px #0a162817, 0 4px 8px #0a16280f;--shadow-xl:0 24px 48px #0a16281c, 0 8px 16px #0a162812;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-head:"Outfit", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:9999px;--bg-card:var(--bg-surface);--bg-dark:var(--bg-elevated);--border-light:var(--border-soft);--text-secondary:var(--text-muted);--accent-orange:var(--accent-amber);--shadow-glow:0 4px 20px #2563eb1f;--backdrop-blur:blur(12px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#2563eb0d 0%,#0000 55%),radial-gradient(at 100% 100%,#7c3aed0a 0%,#0000 55%),radial-gradient(circle,#2563eb08 1px,#0000 1px);background-size:auto,auto,28px 28px;min-height:100vh;transition:background-color .8s;overflow-x:hidden}body.market-offline{filter:grayscale(12%)brightness(97%);background-image:repeating-linear-gradient(45deg,#0000,#0000 60px,#94a3b806 60px 120px),radial-gradient(at 0 0,#64748b0a 0%,#0000 55%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);letter-spacing:-.02em;color:var(--text-main);font-weight:700;line-height:1.2}.container{width:100%;max-width:1600px;margin:0 auto;padding:2rem;position:relative}.grid-dashboard{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.grid-dashboard{grid-template-columns:2fr 1fr}}.glass-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:box-shadow .25s,border-color .25s,transform .2s;position:relative;overflow:hidden}.glass-panel:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(135deg,#fff9 0%,#fff0 60%);position:absolute;inset:0}.glass-panel>*{z-index:1;position:relative}.glass-panel:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.site-header{justify-content:space-between;align-items:center;display:flex}.text-gradient{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--text-muted)}.text-success{color:var(--accent-green)}.text-danger{color:var(--accent-red)}.price-value{font-family:var(--font-mono);letter-spacing:-.02em;font-weight:700}.ticker-chip{font-family:var(--font-mono);letter-spacing:.02em;border-radius:4px;align-items:center;padding:2px 7px;font-size:.7rem;font-weight:600;display:inline-flex}.badge{border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:.2rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-success{background:var(--accent-green-mid);color:var(--accent-green);border:1px solid #05966940}.badge-danger{background:var(--accent-red-mid);color:var(--accent-red);border:1px solid #dc262640}.badge-info{background:var(--accent-blue-soft);color:var(--accent-blue);border:1px solid #2563eb33}.badge-amber{background:var(--accent-amber-soft);color:var(--accent-amber);border:1px solid #d9770633}.table-container{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--border-soft);background:var(--bg-elevated);white-space:nowrap;padding:.85rem 1rem;font-size:.68rem;font-weight:700}td{border-bottom:1px solid var(--border-soft);color:var(--text-sub);padding:.9rem 1rem;font-size:.85rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-elevated)}.nav-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);justify-content:center;align-items:center;padding:.3rem;transition:all .2s;display:flex}.nav-btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-focus);color:var(--text-main);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.btn-primary{background:var(--brand-gradient);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;border:none;padding:.6rem 1.4rem;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #2563eb40}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb59}.chart-timeframe-controls{background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border);gap:.2rem;padding:.2rem;display:flex}.tf-btn{color:var(--text-muted);cursor:pointer;font-size:.7rem;font-weight:700;font-family:var(--font-body);background:0 0;border:none;border-radius:6px;padding:.25rem .7rem;transition:all .2s}.tf-btn:hover{color:var(--text-main);background:#0000000a}.tf-btn.active{background:var(--bg-surface);color:var(--accent-blue);box-shadow:var(--shadow-xs);border:1px solid var(--border)}.log-carousel{flex:1;position:relative}.log-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;height:100%;display:flex;overflow:hidden}.log-card-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-soft);color:var(--text-muted);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;font-size:.73rem;display:flex}.log-card-body{flex:1;max-height:500px;padding:1.25rem;font-size:.875rem;line-height:1.65;overflow-y:auto}.log-card-footer{background:var(--bg-elevated);border-top:1px dashed var(--border-soft);padding:.9rem 1.25rem}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin:.9rem 0 .45rem;font-size:.95rem}.markdown-content p{color:var(--text-muted);margin-bottom:.7rem;line-height:1.7}.markdown-content ul,.markdown-content ol{margin-bottom:.9rem;margin-left:1.25rem}.markdown-content li{color:var(--text-muted);margin-bottom:.35rem}.markdown-content strong{color:var(--text-main);font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#0a162859;justify-content:center;align-items:flex-start;padding:5rem 1.5rem 1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);padding:2rem}.modal-header{margin-bottom:1.25rem}.modal-footer{border-top:1px solid var(--border-soft);padding-top:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-live{0%,to{box-shadow:0 0 #05966980}50%{box-shadow:0 0 0 5px #05966900}}@keyframes slideInRight{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-scale-in{animation:.2s ease-out forwards scaleIn}.animate-spin{animation:1s linear infinite spin}.pulse-live{animation:2s ease-in-out infinite pulse-live}.stagger-1{opacity:0;animation:.4s 80ms forwards fadeIn}.stagger-2{opacity:0;animation:.4s .16s forwards fadeIn}.stagger-3{opacity:0;animation:.4s .24s forwards fadeIn}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.6rem;width:320px;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast-notification{pointer-events:auto;background:var(--bg-surface);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-xl);box-sizing:border-box;align-items:center;gap:.75rem;padding:.85rem 1.15rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex}.toast-success{border:1px solid #05966940;border-left:4px solid var(--accent-green)}.toast-error{border:1px solid #dc262640;border-left:4px solid var(--accent-red)}.toast-info{border:1px solid var(--border);border-left:4px solid var(--accent-blue)}@media (max-width:640px){.container{padding:.5rem .75rem .75rem;position:relative}.site-header{border-bottom:1px solid var(--border-soft)!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:.4rem!important;margin-bottom:1rem!important;padding-bottom:.75rem!important;display:flex!important}.site-header h1{gap:.45rem!important;margin:0!important;font-size:1.4rem!important}.site-header p{margin-top:.12rem!important;font-size:.7rem!important}.top-status-bar{z-index:10!important;width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;flex-direction:row!important;gap:.6rem!important;margin-bottom:1.25rem!important;padding:0!important;display:flex!important;position:static!important}.top-status-bar>div:first-child{border-radius:var(--radius-pill)!important;box-shadow:var(--shadow-xs)!important;z-index:50!important;padding:.3rem .65rem!important;position:absolute!important;top:1rem!important;right:.75rem!important}.top-status-bar button{border-radius:var(--radius-sm)!important;flex:1!important;justify-content:center!important;height:40px!important;margin:0!important;padding:.5rem .75rem!important;font-size:.7rem!important}.metric-tiles-grid{grid-template-columns:1fr!important;gap:.75rem!important;width:100%!important;margin-bottom:1.25rem!important;display:grid!important}.metric-tiles-grid .glass-panel{padding:.95rem!important}.grid-dashboard{flex-direction:column!important;gap:.9rem!important;display:flex!important}.glass-panel{box-sizing:border-box!important;width:100%!important;min-width:0!important}.grid-dashboard-left,.grid-dashboard-right{display:contents!important}.quick-order-desk{order:1!important;padding:.9rem!important}.active-positions-panel{order:2!important}.pending-orders-panel{order:3!important}.performance-curve-panel{order:4!important;height:260px!important}.daily-performance-panel{order:5!important}.ai-reasoning-panel{order:6!important}.quick-order-desk h3{margin-bottom:.75rem!important;font-size:.75rem!important}.glass-panel h3{font-size:.8rem!important}.glass-panel table{font-size:.7rem!important}.glass-panel th,.glass-panel td{padding:.5rem .4rem!important;font-size:.68rem!important}.toast-container{width:auto!important;inset:auto .75rem 1rem!important;transform:none!important}.toast-notification{width:100%!important;min-width:0!important;max-width:none!important;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeInUp!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}