/* style.css */
body {
    font-family: 'Poppins', sans-serif;
    background-color: #f8f9fa;
}

/* Sidebar */
.sidebar {
    height: 100vh;
    background: #ffffff;
    z-index: 100;
}

.sidebar .nav-link {
    color: #333;
    padding: 12px 20px;
    border-radius: 8px;
    margin: 4px 10px;
}

.sidebar .nav-link:hover, .sidebar .nav-link.active {
    background-color: #0d6efd;
    color: white;
}

/* Gradients pour les KPIs */
.kpi-card {
    transition: transform 0.2s;
    border-radius: 15px;
}

.kpi-card:hover {
    transform: translateY(-5px);
}

.bg-gradient-blue { background: linear-gradient(45deg, #4e73df, #224abe); }
.bg-gradient-purple { background: linear-gradient(45deg, #6f42c1, #a06ee1); }
.bg-gradient-green { background: linear-gradient(45deg, #1cc88a, #13855c); }
.bg-gradient-orange { background: linear-gradient(45deg, #f6c23e, #f4b619); }

.card {
    border-radius: 12px;
    border: none;
}

.card-header {
    border-bottom: 1px solid #edf2f9;
}

.main-content {
    background-color: #f4f7fc;
    min-height: 100vh;
}