@media (max-width: 768px) {
    .dashboard-grid,
    .provider-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .stats-row {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .form-grid,
    .profile-grid {
        grid-template-columns: 1fr;
    }

    .page-hero h1 {
        font-size: 1.5rem;
    }

    .services-grid {
        grid-template-columns: 1fr;
    }

    .cards-row {
        grid-template-columns: 1fr;
    }

    .chat-container {
        flex-direction: column;
    }

    .chat-sidebar {
        width: 100%;
        max-height: 200px;
        border-bottom: 1px solid #e5e7eb;
    }

    table,
    .table-wrap {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .modal-content {
        width: 95vw;
        margin: 20px auto;
    }

    .navbar nav {
        flex-wrap: wrap;
        gap: 4px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .stats-row {
        grid-template-columns: 1fr;
    }

    .hero-buttons {
        flex-direction: column;
    }

    .hero-buttons .btn {
        width: 100%;
    }
}