:root,[data-theme=dark]{--bg-primary:#14181C;--bg-surface:#1C2228;--bg-elevated:#1E242C;--bg-hover:#262C35;--border:#1C2228;--border-secondary:#262C35;--border-subtle:#262C35;--text-primary:#E6EDF3;--text-secondary:#9DA7B3;--text-muted:#6E7681;--accent: #365594;--accent-secondary: #9FD7FF;--accent-hover: #3366CC;--accent-subtle:rgba(41,98,255,.12);--accent-gold: #F0B90B;--color-positive:#00AA76;--color-negative:#FF4143;--color-warning: #F0B90B;--color-info: #3366CC;--font-sans: "Trebuchet MS", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", "Consolas", "Courier New", monospace;--sidebar-w: 220px;--topbar-h: 48px;--container-max: 1600px;--mobile-nav-h: 60px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .12s ease;--transition-normal: .2s ease;--z-sidebar: 100;--z-topbar: 90;--z-dropdown:200;--z-toast: 999;--z-overlay: 199;color-scheme:dark}[data-theme=light]{--bg-primary:#FFFFFF;--bg-surface:#F2F5F7;--bg-elevated:#EDF1F5;--bg-hover:#E6EBF2;--border:#E1E6EC;--border-secondary:#DDE0E4;--border-subtle:#F0F3F6;--text-primary:#232A31;--text-secondary:#4b525a;--text-muted:#6E7781;--accent: #b0c9f3;--accent-secondary: #1967D2;--accent-hover: #8cb1f0;--accent-subtle: rgba(41,98,255,.08);--accent-gold: #B8860B;--color-positive:#00AA76;--color-negative:#FF4143;--color-warning: #F0B90B;--color-info: #3366CC;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"kern" 1}input,button,select,textarea{font-family:inherit;font-variant-numeric:tabular-nums}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border);position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:var(--z-sidebar)}.main-content{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;display:flex;align-items:center;padding:0 var(--space-lg);gap:var(--space-md);z-index:var(--z-topbar)}.topbar-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted)}.topbar-breadcrumb .separator{color:var(--text-muted);font-size:.7rem}.topbar-breadcrumb .current{color:var(--text-primary);font-weight:600}.page-content{padding:var(--space-lg);flex:1;max-width:var(--container-max)}.divider{height:1px;background:var(--border-secondary);margin:var(--space-lg) 0;border:none}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.card-sm{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-md)}.metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md)}.metric-label{font-size:.7rem;color:var(--text-secondary);margin-bottom:var(--space-xs);letter-spacing:.04em;text-transform:uppercase}.metric-value{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;font-family:var(--font-sans)}.metric-delta{font-size:.72rem;margin-top:2px;font-family:var(--font-mono)}.badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:10px;font-size:.7rem;font-weight:600;background:var(--bg-elevated);color:var(--text-secondary);font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;cursor:pointer;border:none;white-space:nowrap;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--text-primary)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-secondary)}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-sm{padding:4px 10px;font-size:.78rem}.data-table{width:100%;border-collapse:collapse;font-size:.8rem}.data-table th{text-align:left;color:var(--text-muted);font-size:.7rem;font-weight:500;padding:8px 10px;border-bottom:1px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;-webkit-user-select:none;user-select:none}.data-table td{padding:7px 10px;border-bottom:1px solid var(--border-subtle);font-family:var(--font-sans)}.data-table td[style*=right]{font-family:var(--font-mono)}.data-table tr:hover td{background:var(--bg-elevated)}.data-table tbody tr{transition:background var(--transition-fast)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:7px 10px;font-size:.82rem;outline:none;transition:border-color var(--transition-fast)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-subtle)}.input::placeholder{color:var(--text-muted)}input[type=date].input{font-family:var(--font-mono);font-size:.78rem}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;margin:1px 8px;color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.84rem;cursor:pointer;transition:all var(--transition-fast);border-left:2px solid transparent}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background:var(--accent-subtle);color:var(--accent-secondary);font-weight:600;border-left-color:var(--accent)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.toast{position:fixed;bottom:24px;right:24px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 20px;font-size:.82rem;z-index:var(--z-toast);box-shadow:0 4px 12px #0000004d}.grid-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-5col{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.watchlist-card{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:16px;align-items:center}.watchlist-actions{display:contents}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:var(--z-overlay);opacity:0;transition:opacity .25s ease}.sidebar-overlay.open{opacity:1}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.3rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);line-height:1}.mobile-menu-btn:hover{background:var(--bg-elevated)}.mobile-bottom-nav{display:none}@media (max-width: 1024px){.grid-metrics,.grid-5col{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.sidebar{display:flex!important;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:200;width:260px}.sidebar.drawer-open{transform:translate(0)}.sidebar-overlay{display:block;pointer-events:none}.sidebar-overlay.open{pointer-events:auto}.main-content{margin-left:0;padding-bottom:calc(var(--mobile-nav-h) + 8px)}.topbar{padding:0 12px;height:48px;gap:8px}.mobile-menu-btn{display:flex;align-items:center}.page-content{padding:var(--space-md) 12px}.grid-metrics,.grid-5col{grid-template-columns:repeat(2,1fr);gap:8px}.grid-2col{grid-template-columns:1fr;gap:12px}.page-content [style*="grid-template-columns: repeat(4"],.page-content [style*="grid-template-columns: repeat(5"]{grid-template-columns:repeat(2,1fr)!important}.page-content [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.page-content [style*="grid-template-columns: 2fr 2fr 1fr 1fr"]{grid-template-columns:1fr 1fr!important}.watchlist-card{grid-template-columns:1fr 1fr!important;gap:10px}.watchlist-actions{display:flex;gap:8px;grid-column:1 / -1}.watchlist-actions .btn{flex:1;justify-content:center}.card{padding:var(--space-md);border-radius:var(--radius-sm)}.metric-card{padding:12px}.metric-value{font-size:1.1rem}.btn-sm{min-height:36px;padding:6px 12px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-h);background:var(--bg-surface);border-top:1px solid var(--border);z-index:150;align-items:center;justify-content:space-around;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:var(--radius-md);color:var(--text-muted);font-size:.6rem;font-weight:500;cursor:pointer;transition:color var(--transition-fast);background:none;border:none;min-width:0;flex:1;text-decoration:none}.mobile-nav-item .nav-icon{font-size:1.1rem;line-height:1}.mobile-nav-item.active{color:var(--accent-secondary)}.toast{bottom:calc(var(--mobile-nav-h) + 16px);right:12px;left:12px}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:6px 8px}.topbar-breadcrumb{display:none}}@media (max-width: 480px){.grid-metrics,.grid-5col{grid-template-columns:1fr 1fr;gap:6px}.metric-value{font-size:1rem}.metric-label{font-size:.65rem}.page-content{padding:10px 8px}.topbar{padding:0 10px}}