:root {
  --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --secondary-gradient: linear-gradient(135deg, #e6e9f0 0%, #eef1f5 100%);
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.gradient-background {
  background: var(--primary-gradient);
  min-height: 100vh;
}

.glass-effect {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
}

.navbar-glass {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.card-hover { transition: all 0.3s ease; }
.card-hover:hover { transform: translateY(-5px); box-shadow: 0 12px 40px rgba(31,38,135,0.2); }

.stat-card {
  background: rgba(255,255,255,0.95);
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 8px 32px rgba(31,38,135,0.1);
  border: 1px solid rgba(255,255,255,0.3);
}

.gradient-text {
  background: var(--primary-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.custom-scrollbar::-webkit-scrollbar { width:6px; height:6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: rgba(255,255,255,0.1); }
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(102,126,234,0.5); border-radius:3px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(102,126,234,0.8); }

@keyframes fadeIn { from { opacity:0; transform:translateY(-10px);} to { opacity:1; transform:none; } }
.animate-fade-in { animation: fadeIn 0.3s ease-out forwards; }
.animate-fadeIn { animation: fadeIn 0.5s ease-out; }

.blur-backdrop { backdrop-filter: blur(8px); background: rgba(255,255,255,0.8); }

.table-container { border-radius:16px; overflow:hidden; box-shadow: 0 4px 20px rgba(31,38,135,0.1); }
.table-row-hover:hover { background: rgba(102,126,234,0.05); }

.button-gradient { background: var(--primary-gradient); transition: opacity 0.3s ease; }
.button-gradient:hover { opacity: 0.9; }

.modal-content { max-height: 90vh; overflow-y: auto; }

/* Small helpers used on multiple pages */
.center-max { max-width: 1000px; margin-left: auto; margin-right: auto; }

/* Keep any extra page-specific overrides in this file if needed */