/* Background bleu de nuit dégradé */
body {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #7e22ce 100%) !important;
    background-attachment: fixed !important;
    min-height: 100vh;
}

.wrapper {
    background: transparent !important;
}

/* Ajustement pour les cartes */
.content-wrapper {
    background: rgba(255, 255, 255, 0.95) !important;
}

/* Sidebar avec transparence */
.main-sidebar {
    background: rgba(30, 60, 114, 0.95) !important;
}

/* Navbar avec background bleu de nuit */
.main-header.navbar {
    background: linear-gradient(90deg, #1e3c72 0%, #2a5298 50%, #7e22ce 100%) !important;
    border-bottom: none !important;
}

.main-header.navbar .nav-link {
    color: #ffffff !important;
}

.main-header.navbar .nav-link:hover {
    color: #e0e0e0 !important;
}

/* Login page background */
.login-page, .register-page {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #7e22ce 100%) !important;
    background-attachment: fixed !important;
}

.login-box, .register-box {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}