/* Modules Listing Page Specific Styles */

.page-header {
    background: linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-white) 100%);
    padding: var(--spacing-8) 0 var(--spacing-12);
}

.page-header h1 {
    margin-bottom: var(--spacing-4);
}

.page-description {
    font-size: var(--font-size-lg);
    color: var(--color-gray);
    max-width: 700px;
    margin: 0;
}

.filter-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-8);
    padding-bottom: var(--spacing-4);
    border-bottom: 1px solid var(--color-gray-lighter);
}

.filter-count {
    font-size: var(--font-size-sm);
    color: var(--color-gray);
}

.filter-sort select {
    padding: var(--spacing-2) var(--spacing-4);
    font-size: var(--font-size-sm);
    border: 1px solid var(--color-gray-lighter);
    border-radius: var(--radius-md);
    background-color: var(--color-white);
    min-width: 180px;
}