/* Import a modern font like 'Poppins' from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    background-color: #F3F4F6; /* light gray background */
    color: #374151; /* dark gray text */
}

/* Custom styles for gradient text */
.gradient-text {
    background: linear-gradient(to right, #3B82F6, #8B5CF6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-emphasis-color: transparent;
}

/* Base card style */
.card {
    background-color: white;
    border-radius: 1rem; /* rounded-xl for more pronounced corners */
    padding: 1.5rem; /* p-6 */
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.07), 0 4px 6px -4px rgb(0 0 0 / 0.07);
}

/* Gradient classes for stat cards */
.stat-card-blue {
    background: linear-gradient(to right, #60A5FA, #3B82F6);
}
.stat-card-green {
    background: linear-gradient(to right, #4ADE80, #10B981);
}
.stat-card-purple {
    background: linear-gradient(to right, #A78BFA, #8B5CF6);
}
.stat-card-orange {
    background: linear-gradient(to right, #FBBF24, #F97316);
}

/* Styles for the sub-navigation panel */
.sub-nav-link {
    display: block;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    font-weight: 500;
    color: #4B5563; /* gray-600 */
    transition: all 0.2s ease-in-out;
}
.sub-nav-link:hover {
    background-color: #F3F4F6; /* gray-100 */
    color: #1F2937; /* gray-800 */
}
.sub-nav-link.active {
    background-color: #8B5CF6; /* purple-500 */
    color: white;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}