@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-primary-glow:#2563eb4d;--color-bg-primary:#0b1120;--color-bg-secondary:#111827;--color-bg-card:#1e293b;--color-bg-card-hover:#263450;--color-bg-hover:#334155;--color-bg-input:#1a2332;--color-bg-modal:#0b1120d9;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0f172a;--color-border:#1e293b;--color-border-light:#334155;--color-border-focus:#3b82f6;--color-success:#22c55e;--color-success-light:#4ade80;--color-success-bg:#22c55e1f;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1f;--color-danger:#ef4444;--color-danger-light:#f87171;--color-danger-bg:#ef44441f;--glass-bg:#1e293b99;--glass-border:#94a3b81a;--glass-shadow:0 8px 32px #0000004d;--glass-blur:blur(16px);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--sidebar-collapsed:72px;--navbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}.font-mono{font-family:var(--font-mono)}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-danger)!important}.text-muted{color:var(--color-text-muted)!important}.text-secondary{color:var(--color-text-secondary)!important}.price-up{color:var(--color-success);font-family:var(--font-mono)}.price-down{color:var(--color-danger);font-family:var(--font-mono)}.price-neutral{color:var(--color-text-secondary);font-family:var(--font-mono)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--transition-base)}.glass-card:hover{border-color:#94a3b833;transform:translateY(-1px);box-shadow:0 12px 40px #0006}.gradient-primary{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 50%, #6366f1 100%)}.gradient-success{background:linear-gradient(135deg, #059669 0%, var(--color-success) 100%)}.gradient-danger{background:linear-gradient(135deg, #dc2626 0%, var(--color-danger) 100%)}.gradient-dark{background:linear-gradient(135deg,#0b1120 0%,#1a1a2e 50%,#16213e 100%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--color-primary-glow)}50%{box-shadow:0 0 40px var(--color-primary-glow)}}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-slide-in-left{animation:.3s ease-out slideInLeft}.animate-slide-in-right{animation:.3s ease-out slideInRight}.animate-slide-in-up{animation:.4s ease-out slideInUp}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-scale-in{animation:.2s ease-out scaleIn}.app-layout{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-width);padding-top:var(--navbar-height);transition:margin-left var(--transition-base);flex:1;min-width:0}.app-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.page-container{padding:var(--space-lg) var(--space-xl);max-width:1600px;margin:0 auto;animation:.4s ease-out fadeIn}.page-header{margin-bottom:var(--space-xl)}.page-title{margin-bottom:var(--space-xs);font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--color-text-muted);font-size:.9rem}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.app-main{margin-left:0}.page-container{padding:var(--space-md)}}