src/App.css

```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;
}
```