body {
    background-color: #2a374f !important; /* Deep black */
    color: #0a7676 !important; /* Soft white text */
    
}

/* Fix cards that still have white backgrounds */
.glassmorphic-card {
    background: rgba(40, 40, 40, 0.3) !important;
    backdrop-filter: blur(10px);
    border-radius: 12px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-in-out;
}

    .glassmorphic-card:hover {
        background: rgba(0, 0, 0, 0.5) !important;
        box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.5);
    }

/* Ensure buttons blend properly */
.btn {
    color: white !important;
    background-color: #0a7676 !important;
    border: none !important;
}

    .btn:hover {
        background-color: #48a9a0 !important;
    }

/* Fix modals appearing with white backgrounds */
.modal-content {
    background: rgba(40, 40, 40, 0.3) !important;
    color: white !important;
}

.modal-header, .modal-footer {
    background: rgba(30, 30, 30, 0.5) !important;
}

.modal-title {
    color: white !important;
}

.container {
    padding: -20px;
}

.headertext {
    margin-top: -20px !important;
    text-align: center !important;
    font-family: Arial;
}

.AppCustomColor {
    color: #0a7676 !important; /* Soft white text */
  
}

.bar {
    background-color: #0a7676 !important; /* Soft white text */
    color: black !important;
}