body {
    background-color: black;
    color: rgb(250, 250, 249);
}



@media (max-width: 850px), (max-device-width: 850px) {
    body {
        font-size: 1.4rem !important;
    }

    h1 {
        font-size: 1,6rem !important;
        text-align: center;
    }

    h2, h3, h4, h5, h6 {
        font-size: 1.2rem !important;
    }

    p {
        font-size: 1rem !important;
        text-align: center;
        line-height: 1.3;
    }

    .employee-card h3 {
        font-size: 1rem !important;
        text-align: center;
    }

    .employee-stat-label {
        font-size: 1rem !important;
    }

    .employee-stat-value {
        font-size: 1.4rem !important;
        font-weight: bold;
    }

    .stat-card .value {
        font-size: 1,4rem !important;
    }

    .stat-card .subtitle {
        font-size: 1.3rem !important;
    }

    .action-btn h5 {
        font-size: 1.3rem !important;
    }

    .btn {
        font-size: 1.4rem !important;
        padding: 1rem 1.8rem !important;
    }

    .form-control {
        font-size: 1.4rem !important;
        padding: 1rem !important;
    }

    .table th, .table td {
        font-size: 1.4rem !important;
        padding: 1rem !important;
    }

    .modal-title {
        font-size: 1.4rem !important;
    }

    .card-title {
        font-size: 1.4rem !important;
    }

    .mobile-menu-toggle {
        font-size: 2.5rem !important;
        padding: 1rem !important;
    }

    .action-btn h5{
        font-size: 1.5rem !important;
    }

    /* Additional mobile improvements */
    .card {
        margin-bottom: 1rem !important;
    }

    .card-body {
        padding: 1.5rem !important;
    }

    .badge {
        font: size 1.3rem !important;
        padding: 0.5rem 0.8rem !important;
    }

    .alert {
        font-size: 1.8rem !important;
        padding: 1rem !important;
    }

    /* Login and Registration Forms - Zoom only, no layout changes */
    .card h1 {
        font-size: 2.2rem !important;
    }

    .form-label {
        font-size: 1.6rem !important;
        font-weight: 600 !important;
    }

    .form-control {
        font-size: 1.8rem !important;
        padding: 0.8rem !important;
    }

    .btn {
        font-size: 1.8rem !important;
        padding: 0.8rem 1.5rem !important;
    }

    /* Registration specific - Zoom only */
    .registration-header h1 {
        font-size: 2.8rem !important;
    }

    .registration-header p {
        font-size: 1.6rem !important;
    }

    .form-group label {
        font-size: 1.7rem !important;
    }

    .checkbox-group label {
        font-size: 1.4rem !important;
    }

    .btn-register {
        font-size: 1.6rem !important;
        padding: 1rem !important;
    }

    /* Dashboard improvements for readability */
    .dashboard-container {
        padding: 1rem !important;
    }

    .stats-card {
        margin-bottom: 1rem !important;
    }

    .stats-card .card-title {
        font-size: 1.6rem !important;
        font-weight: 600 !important;
    }

    .stats-card .card-text {
        font-size: 2rem !important;
        font-weight: bold !important;
    }

    .package-button {
        font-size: 1.7rem !important;
        padding: 1rem !important;
        margin: 0.5rem !important;
    }

    /* Appointments and Revenue sections */
    .appointments-section,
    .revenue-section {
        width: 100% !important;
        margin: 1rem 0 !important;
    }

    .appointments-section h3,
    .revenue-section h3 {
        font-size: 18rem !important;
        text-align: center !important;
        margin-bottom: 1rem !important;
    }

    .table th,
    .table td {
        font-size: 1.6rem !important;
        padding: 0.8rem !important;
        text-align: center !important;
    }

    /* Modal improvements */
    .modal-content {
        font-size: 1.8rem !important;
    }

    .modal-title {
        font-size: 1.8rem !important;
    }
}