:root{--bg:#0a0a0e;--bg-elevated:#101014;--card-bg:#141418;--card-bg-hover:#1a1a1f;--surface:#1c1c22;--input-bg:#0e0e12;--border:#1f1f25;--border-hover:#32323a;--border-accent:rgba(99,102,241,0.15);--text:#f0f0f2;--text-secondary:#c8c8ce;--muted:#7e7e8a;--text-dim:#4a4a54;--primary:#6366f1;--primary-hover:#818cf8;--primary-muted:rgba(99,102,241,0.1);--primary-glow:rgba(99,102,241,0.25);--success:#22c55e;--success-muted:rgba(34,197,94,0.1);--warning:#f59e0b;--destructive:#ef4444;--destructive-muted:rgba(239,68,68,0.1);--shadow-sm:0 1px 2px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.15);--shadow-md:0 4px 12px rgba(0,0,0,0.35),0 1px 4px rgba(0,0,0,0.2);--radius:10px;--radius-sm:6px;--radius-lg:14px;--font-sans:"DM Sans",system-ui,sans-serif;--font-heading:"Space Grotesk","DM Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--ease-out:cubic-bezier(0.16,1,0.3,1);--duration-fast:0.15s;--duration-normal:0.25s}.dashboard-layout{display:flex;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans)}.dashboard-sidebar{width:240px;min-width:240px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-elevated) 0,var(--bg) 100%);backdrop-filter:blur(12px);border-right:1px solid var(--border);z-index:40}.dashboard-main{flex:1;min-width:0;padding:2rem;background:var(--bg)}.sidebar-brand{display:flex;align-items:center;gap:.625rem;padding:1.125rem 1.25rem;font-family:var(--font-heading);font-weight:700;font-size:1.05rem;color:var(--text);border-bottom:1px solid var(--border);letter-spacing:-.01em}.sidebar-brand-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary-glow),0 0 16px var(--primary-glow);flex-shrink:0}.sidebar-section-label{padding:1.25rem 1.25rem .5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-family:var(--font-mono)}.sidebar-nav{display:flex;flex-direction:column;gap:1px;padding:0 .5rem}.sidebar-nav a{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.875rem;color:var(--muted);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);border-left:2px solid transparent;position:relative}.sidebar-nav a:hover{color:var(--text-secondary);background:rgba(255,255,255,.03)}.sidebar-nav a.nav-active{color:var(--text);background:linear-gradient(135deg,var(--primary-muted) 0,rgba(99,102,241,.05) 100%);border-left-color:var(--primary);font-weight:500}.sidebar-nav a .nav-icon{width:18px;text-align:center;flex-shrink:0;font-size:.9rem}.sidebar-nav a .nav-badge{margin-left:auto;font-size:.625rem;font-weight:700;text-transform:uppercase;padding:.125rem .375rem;border-radius:999px;letter-spacing:.04em}.sidebar-nav a .nav-badge-hot{background:var(--destructive);color:#fff}.sidebar-nav a .nav-badge-new{background:var(--primary);color:#fff}.sidebar-logout{margin-top:auto;padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:var(--muted)}.sidebar-logout-user{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.sidebar-logout-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.8125rem;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.sidebar-logout-btn:hover{color:var(--destructive);background:var(--destructive-muted)}.sidebar-ticker{padding:.75rem 1.25rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.sidebar-ticker-item{display:flex;justify-content:space-between;align-items:center;font-size:.6875rem;font-family:var(--font-mono)}.sidebar-ticker-symbol{color:var(--muted);font-weight:500}.sidebar-ticker-price{color:var(--text-secondary)}.sidebar-ticker-up{color:var(--success)}.sidebar-ticker-down{color:var(--destructive)}.card{padding:1.25rem;background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out)}.card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md),0 0 0 1px var(--border-accent);transform:translateY(-2px) scale(1.005)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:.875rem}.stat-card{padding:1.125rem 1.25rem;background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-hover));opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.stat-card:hover:before{opacity:1}.stat-card-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-family:var(--font-mono);margin-bottom:.5rem}.stat-card-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2}.stat-card-sub{font-size:.75rem;color:var(--muted);margin-top:.25rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-family:var(--font-mono);text-align:left}.data-table td,.data-table th{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.data-table td{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:rgba(255,255,255,.015)}.data-table .text-right{text-align:right}.data-table .text-center{text-align:center}.badge{display:inline-flex;align-items:center;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;border-radius:999px;letter-spacing:.02em;white-space:nowrap;line-height:1.4}.badge-success{background:var(--success-muted);color:var(--success)}.badge-warning{background:rgba(245,158,11,.1);color:var(--warning)}.badge-primary{background:var(--primary-muted);color:var(--primary-hover)}.badge-danger{background:var(--destructive-muted);color:var(--destructive)}.badge-muted{background:rgba(126,126,138,.1);color:var(--muted)}.badge-new{background:var(--primary);color:#fff}.badge-hot{background:var(--destructive);color:#fff}.badge-role{padding:.25rem .625rem;font-size:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:600;font-family:var(--font-sans);border:none;cursor:pointer;text-decoration:none;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;line-height:1}.btn-sm{padding:.4375rem .875rem;font-size:.8125rem;border-radius:var(--radius)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,#7c3aed 100%);color:#fff;box-shadow:0 2px 8px var(--primary-glow),0 1px 3px rgba(0,0,0,.2)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--primary-glow),0 2px 6px rgba(0,0,0,.3);filter:brightness(1.1)}.btn-secondary{background:rgba(255,255,255,.04);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:rgba(255,255,255,.07);border-color:var(--border-hover);color:var(--text)}.btn-danger{background:linear-gradient(135deg,var(--destructive) 0,#dc2626 100%);color:#fff;box-shadow:0 2px 8px rgba(239,68,68,.2)}.btn-danger:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn-success{background:linear-gradient(135deg,var(--success) 0,#16a34a 100%);color:#fff;box-shadow:0 2px 8px rgba(34,197,94,.2)}.btn-success:hover{transform:translateY(-1px);filter:brightness(1.1)}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.filter-pill{padding:.5rem 1rem;border-radius:var(--radius);font-size:.8125rem;font-weight:500;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid var(--border);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-decoration:none}.filter-pill:hover{color:var(--text-secondary);background:rgba(255,255,255,.05);border-color:var(--border-hover)}.filter-pill.active{background:linear-gradient(135deg,var(--primary) 0,#7c3aed 100%);color:#fff;border-color:transparent;font-weight:600}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;flex-wrap:wrap;gap:1rem}.page-header h1{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text);margin:0;letter-spacing:-.02em}.page-header-sub{font-size:.875rem;color:var(--muted);margin-top:.25rem}.section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-family:var(--font-mono);margin-bottom:.75rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:1px dashed var(--border);border-radius:var(--radius-lg);background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,.008) 0,rgba(255,255,255,.008) 20px);text-align:center}.empty-state-icon{font-size:2rem;margin-bottom:.75rem;opacity:.5}.empty-state-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.375rem}.empty-state-text{font-size:.8125rem;color:var(--muted);max-width:320px}.overview-grid{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:start}.overview-main{min-width:0}.overview-aside{position:sticky;top:1rem;display:flex;flex-direction:column;gap:1rem}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.text-gradient{background:linear-gradient(135deg,var(--primary) 0,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,rgba(255,255,255,.05) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.section-divider{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-family:var(--font-mono)}.section-divider:after,.section-divider:before{content:"";flex:1;height:1px;background:var(--border)}.trend{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-family:var(--font-mono);font-weight:600}.trend-up{color:var(--success)}.trend-down{color:var(--destructive)}.input{width:100%;padding:.625rem .875rem;font-size:.875rem;font-family:var(--font-sans);color:var(--text);background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.input::placeholder{color:var(--text-dim)}.textarea{resize:vertical;min-height:100px}.input-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.375rem}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.tab{padding:.625rem 1rem;font-size:.8125rem;font-weight:500;color:var(--muted);border:none;background:none;cursor:pointer;position:relative;transition:color var(--duration-fast) var(--ease-out)}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text);font-weight:600}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary);border-radius:1px 1px 0 0}.progress-bar{height:6px;background:var(--surface);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--primary),var(--primary-hover));transition:width var(--duration-normal) var(--ease-out)}.toggle{width:36px;height:20px;background:var(--surface);border-radius:10px;cursor:pointer;position:relative;border:1px solid var(--border);transition:all var(--duration-fast) var(--ease-out)}.toggle.active{background:var(--primary);border-color:var(--primary)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform var(--duration-fast) var(--ease-out)}.toggle.active:after{transform:translateX(16px)}.tooltip{position:relative}.tooltip-text{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:.375rem .625rem;font-size:.6875rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);z-index:50}.tooltip:hover .tooltip-text{opacity:1}.demo-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--primary) 0,#7c3aed 100%);border-radius:var(--radius);font-size:.8125rem;font-weight:600;color:#fff;margin-bottom:1.5rem;letter-spacing:.02em}.demo-banner a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:700;opacity:.9;transition:opacity var(--duration-fast)}.demo-banner a:hover{opacity:1}.floating-cta{position:fixed;bottom:1.5rem;right:1.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0,#7c3aed 100%);color:#fff;font-size:.875rem;font-weight:700;border-radius:999px;text-decoration:none;box-shadow:0 4px 24px var(--primary-glow),0 2px 8px rgba(0,0,0,.4);z-index:100;transition:all var(--duration-normal) var(--ease-out);letter-spacing:.01em}.floating-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 32px var(--primary-glow),0 3px 12px rgba(0,0,0,.5)}.floating-cta-sub{font-size:.75rem;font-weight:500;opacity:.8}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes staggerFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-fade-in{animation:fadeUp .4s var(--ease-out) both}.reveal{animation:fadeUp .5s var(--ease-out) both}.reveal-scale{animation:scaleIn .4s var(--ease-out) both}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.stagger-grid>:first-child{animation:staggerFadeUp .4s var(--ease-out) .05s both}.stagger-grid>:nth-child(2){animation:staggerFadeUp .4s var(--ease-out) .1s both}.stagger-grid>:nth-child(3){animation:staggerFadeUp .4s var(--ease-out) .15s both}.stagger-grid>:nth-child(4){animation:staggerFadeUp .4s var(--ease-out) .2s both}.stagger-grid>:nth-child(5){animation:staggerFadeUp .4s var(--ease-out) .25s both}.stagger-grid>:nth-child(6){animation:staggerFadeUp .4s var(--ease-out) .3s both}.stagger-grid>:nth-child(7){animation:staggerFadeUp .4s var(--ease-out) .35s both}.stagger-grid>:nth-child(8){animation:staggerFadeUp .4s var(--ease-out) .4s both}.mobile-menu-btn{display:none;position:fixed;top:.75rem;left:.75rem;width:40px;height:40px;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1.25rem;cursor:pointer;z-index:60;transition:all var(--duration-fast) var(--ease-out)}.mobile-menu-btn:hover{background:var(--card-bg-hover);border-color:var(--border-hover)}.mobile-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:35;backdrop-filter:blur(2px)}@media (max-width:768px){.mobile-menu-btn{display:flex}.mobile-sidebar-overlay.open{display:block}.dashboard-sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);transition:transform var(--duration-normal) var(--ease-out);box-shadow:4px 0 24px rgba(0,0,0,.4)}.mobile-sidebar-open .dashboard-sidebar{transform:translateX(0)}.dashboard-main{padding:3.5rem 1.25rem 1.25rem}.overview-grid{grid-template-columns:1fr}.overview-aside{position:static}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.625rem}.page-header h1{font-size:1.25rem}.filter-bar{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.filter-pill{flex-shrink:0}.data-table td,.data-table th{padding:.5rem .625rem;font-size:.8125rem}.floating-cta{bottom:1rem;right:1rem;padding:.625rem 1.25rem;font-size:.8125rem}.demo-banner{font-size:.75rem;padding:.5rem 1rem}.content-grid{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-main{padding:3.5rem .875rem .875rem}.card{padding:1rem}.card,.stat-card{border-radius:var(--radius)}.stat-card{padding:.875rem 1rem}.stat-card-value{font-size:1.25rem}.stat-grid{grid-template-columns:1fr 1fr;gap:.5rem}.page-header{margin-bottom:1.25rem}.page-header h1{font-size:1.125rem}.btn{padding:.5rem 1rem;font-size:.8125rem}}