:root{--brand-primary: #0f172a;--brand-accent: #2563eb}body{background-color:#f8fafc;-webkit-font-smoothing:antialiased}.nav-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:.75rem;transition:all .2s;font-size:.875rem;color:#94a3b8}.nav-btn:hover{background-color:#ffffff1a;color:#fff}.nav-btn.active{background-color:var(--brand-accent);color:#fff;font-weight:700;box-shadow:0 4px 6px -1px #2563eb66}.animate-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-bar{transition:height 1s ease-out}.scrollbar-hide::-webkit-scrollbar{display:none}.card{background:#fff;border:1px solid #f1f5f9;border-radius:2rem;padding:2rem;box-shadow:0 1px 3px #00000005}.btn-primary{background-color:var(--brand-accent);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1.5rem;border-radius:1rem;font-size:.75rem;transition:all .2s;box-shadow:0 10px 15px -3px #2563eb33}.btn-primary:hover{filter:brightness(110%);transform:translateY(-1px)}