/* Modern Admin Styles */
:root {
    --primary: #4f46e5;
    --primary-hover: #4338ca;
    --bg-gray: #f9fafb;
    --text-dark: #111827;
    --text-muted: #6b7280;
    --white: #ffffff;
    --border: #e5e7eb;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--text-dark);
    margin: 0;
    line-height: 1.5;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* We'll use Tailwind CDN in the base.html for the core layout, 
   but adding some specific overrides here if needed */

.transition {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #bbb;
}