:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg: #0f172a;--bg-subtle: #1e293b;--panel: #1e293b;--panel-hover: #334155;--panel-elevated: #334155;--panel-glass: #1e293b;--header-glass: rgba(15, 23, 42, .96);--text: #ffffff;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--primary: #3b82f6;--primary-hover: #2563eb;--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--primary-subtle: rgba(59, 130, 246, .2);--accent: #10b981;--accent-subtle: rgba(16, 185, 129, .2);--profit: #22c55e;--profit-bg: rgba(34, 197, 94, .2);--profit-border: rgba(34, 197, 94, .4);--loss: #f43f5e;--loss-bg: rgba(244, 63, 94, .2);--loss-border: rgba(244, 63, 94, .4);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .2);--warning-border: rgba(245, 158, 11, .4);--info: #06b6d4;--info-bg: rgba(6, 182, 212, .2);--info-border: rgba(6, 182, 212, .4);--border: rgba(255, 255, 255, .18);--border-light: rgba(255, 255, 255, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--glow-primary: 0 0 20px rgba(59, 130, 246, .35)}[data-theme=light]{--bg: #f8fafc;--bg-subtle: #f1f5f9;--panel: #ffffff;--panel-hover: #f1f5f9;--panel-elevated: #ffffff;--panel-glass: #ffffff;--header-glass: rgba(255, 255, 255, .96);--text: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-gradient: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);--primary-subtle: rgba(37, 99, 235, .1);--accent: #059669;--accent-subtle: rgba(5, 150, 105, .1);--profit: #15803d;--profit-bg: #dcfce7;--profit-border: #86efac;--loss: #b91c1c;--loss-bg: #fee2e2;--loss-border: #fca5a5;--warning: #b45309;--warning-bg: #fef3c7;--warning-border: #fcd34d;--info: #0369a1;--info-bg: #e0f2fe;--info-border: #7dd3fc;--border: #cbd5e1;--border-light: #94a3b8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .12);--glow-primary: 0 0 20px rgba(37, 99, 235, .2)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh;line-height:1.5;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.font-mono{font-family:var(--font-mono)!important}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:radial-gradient(circle at top right,rgba(59,130,246,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(99,102,241,.03),transparent 40%),var(--bg)}.app-main{padding:24px 28px;max-width:1600px;width:100%;margin:0 auto;flex:1}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow-md);position:relative;transition:border-color .2s ease,box-shadow .2s ease}.panel:hover{border-color:var(--border-light)}.glass-card{background:var(--panel-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);transition:all .2s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-light)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-light)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-accent, var(--primary));opacity:.8}.kpi-content{display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase}.kpi-value{font-size:26px;font-weight:700;color:var(--text);font-family:var(--font-mono);letter-spacing:-.02em;display:flex;align-items:baseline;gap:6px}.kpi-subtext{font-size:12px;color:var(--text-muted)}.kpi-icon-wrap{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--primary-subtle);color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.badge-emerald,.badge-profit{color:var(--profit);background:var(--profit-bg);border-color:var(--profit-border)}.badge-rose,.badge-loss{color:var(--loss);background:var(--loss-bg);border-color:var(--loss-border)}.badge-amber,.badge-warning{color:var(--warning);background:var(--warning-bg);border-color:var(--warning-border)}.badge-blue,.badge-info{color:var(--primary);background:var(--primary-subtle);border-color:#3b82f640}.badge-purple{color:#a855f7;background:#a855f71f;border-color:#a855f740}.badge-neutral{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border)}.ticker-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-weight:700;font-size:13px;padding:4px 10px;border-radius:6px;background:var(--primary-subtle);color:var(--primary);border:1px solid rgba(59,130,246,.3);cursor:pointer;text-decoration:none;transition:all .15s ease}[data-theme=light] .ticker-badge{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.ticker-badge:hover{background:var(--primary);color:#fff!important;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.modern-table-container{border-radius:12px;border:1px solid var(--border);overflow:hidden;background:var(--panel)}.modern-table{width:100%;border-collapse:separate;border-spacing:0}.modern-table th{background:var(--bg-subtle)!important;color:var(--text-secondary)!important;font-size:12px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:12px 14px!important;border-bottom:1px solid var(--border)!important;white-space:nowrap}.modern-table td{padding:12px 14px!important;border-bottom:1px solid var(--border)!important;font-size:13.5px!important;color:var(--text)!important;transition:background-color .15s ease}.modern-table tbody tr:hover td{background:#ffffff05!important}[data-theme=light] .modern-table tbody tr:hover td{background:#00000005!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(.16,1,.3,1) forwards}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--profit);position:relative;display:inline-block}.pulse-dot:after{content:"";position:absolute;top:-2px;left:-2px;width:12px;height:12px;border-radius:50%;background:var(--profit);opacity:.5;animation:pulseRing 1.5s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulseRing{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.2);opacity:0}}.MuiDataGrid-root{color:var(--text)!important;border:1px solid var(--border)!important;background-color:var(--panel)!important;font-family:var(--font-sans)!important}.MuiDataGrid-columnHeaders{background-color:var(--bg-subtle)!important;color:var(--text)!important;font-weight:800!important;border-bottom:2px solid var(--border-light)!important}.MuiDataGrid-columnHeaderTitle{color:var(--text)!important;font-weight:800!important;letter-spacing:.04em!important;font-size:12.5px!important}.MuiDataGrid-cell{color:var(--text)!important;border-bottom:1px solid var(--border)!important;font-size:13.5px!important}.MuiDataGrid-row:hover{background-color:var(--panel-hover)!important}.MuiDataGrid-footerContainer{background-color:var(--bg-subtle)!important;color:var(--text)!important;border-top:1px solid var(--border)!important}.MuiTablePagination-root{color:var(--text)!important}.MuiTablePagination-selectLabel,.MuiTablePagination-displayedRows{color:var(--text-secondary)!important;font-weight:600!important}.MuiDataGrid-toolbarContainer{padding:8px 16px!important;background-color:var(--bg-subtle)!important;border-bottom:1px solid var(--border)!important;gap:8px!important}.MuiDataGrid-toolbarContainer .MuiButton-root{color:var(--primary)!important;font-weight:700!important;font-size:13px!important}.MuiDataGrid-menuList{background-color:var(--panel)!important;color:var(--text)!important}
