/* Responsive Design */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .header-container {
        padding: 0;
    }

    .main-content {
        padding: 1.5rem;
    }

    .welcome-banner h2 {
        font-size: 1.875rem;
    }

    .welcome-banner p {
        font-size: 1rem;
    }
}

/* Mobile (< 768px) */
@media (max-width: 768px) {
    .header {
        padding: 1rem;
    }

    .header-container {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .logo {
        justify-content: center;
    }

    .header-actions {
        justify-content: center;
    }

    .nav-tabs {
        padding: 0 1rem;
    }

    .nav-container {
        justify-content: center;
        gap: 1rem;
    }

    .nav-tab {
        padding: 0.875rem 1rem;
        font-size: 0.9rem;
    }

    .main-content {
        padding: 1rem;
    }

    .content-section {
        padding: 1.5rem;
    }

    .welcome-banner {
        padding: 2rem 1.5rem;
    }

    .welcome-banner h2 {
        font-size: 1.5rem;
    }

    .welcome-banner p {
        font-size: 0.9rem;
    }

    .section-title {
        font-size: 1.5rem;
    }

    .filter-section {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-buttons {
        justify-content: center;
    }

    .btn {
        font-size: 0.85rem;
        padding: 0.5rem 0.875rem;
    }
}

/* Small Mobile (< 480px) */
@media (max-width: 480px) {
    .logo-text h1 {
        font-size: 1.25rem;
    }

    .logo-text p {
        font-size: 0.7rem;
    }

    .logo-icon {
        font-size: 1.5rem;
    }

    .header-actions {
        flex-direction: column;
        width: 100%;
    }

    .btn {
        width: 100%;
        justify-content: center;
    }

    .nav-container {
        gap: 0.5rem;
    }

    .nav-tab {
        padding: 0.75rem 0.75rem;
        font-size: 0.85rem;
    }

    .welcome-banner h2 {
        font-size: 1.25rem;
    }

    .welcome-banner p {
        font-size: 0.85rem;
    }
}