```css /* Tailwind base */ @tailwind base; @tailwind components; @tailwind utilities; /* Custom styles */ .sidebar { transition: all 0.3s ease; } .card-hover:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .active-nav-item { background: rgba(124, 58, 237, 0.1); border-left: 4px solid #7c3aed; } .app-card { transition: all 0.2s ease; } .app-card:hover { transform: translateY(-3px); } .login-glass { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); } .gradient-bg { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } .file-upload { border: 2px dashed #d1d5db; transition: all 0.3s; } .file-upload:hover { border-color: #7c3aed; background-color: rgba(124, 58, 237, 0.05); } .table-row:hover { background-color: rgba(124, 58, 237, 0.05); } .user-status-active { background-color: #10b9811a; color: #10b981; } .user-status-inactive { background-color: #ef44441a; color: #ef4444; } .user-status-pending { background-color: #f59e0b1a; color: #f59e0b; } ```