@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
[x-cloak] { display: none !important; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.status-pending { background-color: #fef3c7; color: #92400e; }
.status-approved { background-color: #d1fae5; color: #065f46; }
.status-rejected { background-color: #fee2e2; color: #991b1b; }
.fade-enter { animation: fadeIn .2s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
.sidebar-gradient { background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%); }
.btn-primary { background: linear-gradient(to right, #2563eb, #4f46e5); color: #fff; }
.btn-primary:hover { background: linear-gradient(to right, #1d4ed8, #4338ca); }
.nav-section-label {
  padding: 0.375rem 1rem;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #94a3b8;
}