:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#1a2035;--bg-card-hover:#1f2847;--bg-elevated:#232d45;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-blue:#3b82f6;--accent-blue-dim:rgba(59,130,246,.15);--accent-green:#22c55e;--accent-green-dim:rgba(34,197,94,.12);--accent-red:#ef4444;--accent-red-dim:rgba(239,68,68,.12);--accent-amber:#f59e0b;--accent-amber-dim:rgba(245,158,11,.12);--accent-purple:#a78bfa;--border:rgba(148,163,184,.08);--border-light:rgba(148,163,184,.12);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-card:0 1px 3px rgba(0,0,0,.3),0 0 0 1px var(--border);--shadow-elevated:0 8px 32px rgba(0,0,0,.4);--font-sans:"DM Sans",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:15px;-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}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease-out both}[data-theme=light]{--bg-primary:#f0f4f8;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-elevated:#eef2f7;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border:rgba(15,23,42,.07);--border-light:rgba(15,23,42,.1);--shadow-card:0 1px 3px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04);--shadow-elevated:0 8px 32px rgba(0,0,0,.1)}[data-theme=light] .skeleton{background:linear-gradient(90deg,#dde3ec 25%,#edf2f7 50%,#dde3ec 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.theme-transitioning,.theme-transitioning *,.theme-transitioning :after,.theme-transitioning :before{transition:background-color .25s ease,border-color .25s ease,color .2s ease,box-shadow .25s ease!important}[data-theme=dark] .topbar{background:linear-gradient(135deg,#111827,#161f35)!important}[data-theme=light] .topbar{background:linear-gradient(135deg,#fff,#f8fafc)!important}.theme-btn-el:hover{background:var(--bg-primary)!important;transform:rotate(20deg) scale(1.1)}.theme-btn-el{transition:background .15s,transform .2s ease!important}.section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px 0}html{scroll-behavior:smooth}.logo-dot-el{animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{box-shadow:0 0 8px var(--accent-green)}50%{box-shadow:0 0 20px var(--accent-green),0 0 40px rgba(34,197,94,.25)}}.emp-card{transition:background .15s,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s!important}.emp-card:hover{background:var(--bg-card-hover)!important;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 0 1px var(--border-light)!important}.stat-card{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 1px var(--border-light)}.back-btn-el:hover,.nav-btn-el:hover{background:var(--bg-primary)!important;color:var(--text-primary)!important}.download-btn-el{transition:background .15s,color .15s,border-color .15s!important}.download-btn-el:hover{border-color:var(--accent-blue)!important}.download-btn-el:hover,.quick-btn-el:hover{background:var(--accent-blue)!important;color:#fff!important}.hoverable-row{transition:background .12s;cursor:pointer}.hoverable-row:hover{background:var(--bg-elevated)!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@media (max-width:1024px){.stats-row{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.section-header{padding:16px 20px 0!important;gap:6px!important}.section-header,.topbar{flex-wrap:wrap!important}.topbar{padding:14px 20px!important;gap:8px!important}.top-actions{gap:6px!important;justify-content:flex-start!important;flex-wrap:wrap!important;width:100%!important;margin-top:4px}.stats-row{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.stats-row,.tab-row{padding:16px 20px 0!important}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;padding:12px 20px 20px!important;gap:10px!important}.charts-row{flex-direction:column!important;padding:16px 20px 0!important}.chart-card-wide{flex:1 1!important}.split-container{flex-direction:column!important;padding:16px 20px 32px!important}.split-column{min-width:unset!important;flex:none!important;width:100%!important}.profile-card{margin:16px 20px!important;padding:20px!important}.mini-stats{margin-left:0!important;width:100%!important;justify-content:space-between!important}.table-container{margin-left:20px!important;margin-right:20px!important}.loading-pad{padding:20px!important}}@media (max-width:480px){.section-header{padding:12px 16px 0!important}.topbar{padding:12px 16px!important;gap:6px!important}.topbar-logo{font-size:17px!important}.topbar-subtitle{display:none!important}.stats-row{grid-template-columns:repeat(2,1fr)!important;padding:12px 16px 0!important;gap:8px!important}.stat-card{padding:12px 14px!important;gap:10px!important}.tab-row{padding:12px 16px 0!important}.card-grid{grid-template-columns:1fr!important;padding:10px 16px 20px!important;gap:8px!important}.charts-row{padding:12px 16px 0!important}.profile-card{margin:12px 16px!important;padding:14px!important;flex-direction:column!important;align-items:center!important;text-align:center!important}.mini-stats{margin-left:0!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important}.table-container{margin:0 16px 24px!important}.modal{width:min(calc(100vw - 32px),380px)!important;padding:20px 18px!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.loading-pad{padding:16px!important}}