@tailwind base;
@tailwind components;
@tailwind utilities;


.dashboard-container {
    --shadow-color: rgba(0, 0, 0, 0.1);
}

.tab-btn {
    @apply px-4 py-2 font-medium text-gray-600 dark:text-gray-300 border-b-2 border-transparent hover:text-blue-600 transition;
}
.active-tab {
    @apply border-blue-500 text-blue-600 font-bold;
}
.btn-primary {
    @apply px-4 py-2 bg-blue-600 text-white rounded-lg shadow hover:bg-blue-700 transition;
}
.btn-glass {
    @apply px-4 py-2 bg-white/20 backdrop-blur-md rounded-lg shadow-md hover:bg-white/30 transition;
}
.badge {
    @apply px-2 py-1 rounded-full text-xs font-bold;
}
.badge-success {
    @apply bg-green-100 text-green-700;
}
.badge-warning {
    @apply bg-yellow-100 text-yellow-700;
}
.alert-success {
    @apply bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded-lg;
}