@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap'); :root { --asgard-dark: #064e3b; --asgard-lime: #10b981; } body { font-family: 'Plus Jakarta Sans', sans-serif; } .nav-link { @apply transition-all duration-300 flex items-center gap-4 p-4 rounded-2xl text-slate-400 text-sm tracking-tight; } .nav-link.active { background: #f0fdf4; color: var(--asgard-dark); @apply shadow-sm border border-emerald-50; } .nav-link:hover:not(.active) { @apply bg-slate-50 text-emerald-600 translate-x-2; } .sidebar { background: white; border-right: 1px solid #f1f5f9; } input:focus, select:focus { @apply shadow-lg shadow-emerald-50; }