:root {--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-card: #ffffff;--text-primary: #2d3748;--text-secondary: #718096;--text-muted: #a0aec0;--border-color: #e2e8f0;--input-bg: #f7fafc;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);--shadow-lg: 0 12px 30px rgba(0, 0, 0, 0.15);}body.dark .agents-page-wrapper, body[data-theme="dark"] .agents-page-wrapper {--bg-primary: #1a1d2e;--bg-secondary: #252a41;--bg-card: #2d3548;--text-primary: #ffffff;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: #374151;--input-bg: #2d3548;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);--shadow-lg: 0 12px 30px rgba(0, 0, 0, 0.5);}.agents-page-wrapper {background: var(--bg-primary);min-height: 100vh;padding-bottom: 60px;}.agents-hero-section {background: var(--bg-primary);padding: 60px 0 30px;color: var(--text-primary);}.hero-content {max-width: 900px;margin: 0 auto;}.hero-title {font-size: 2.5rem;font-weight: 700;margin-bottom: 15px;letter-spacing: -0.5px;color: var(--text-primary);margin-top: 50px;}.hero-subtitle {font-size: 1rem;font-weight: 300;line-height: 1.6;margin-bottom: 40px;color: var(--text-secondary);}.filters-card-wrapper {max-width: 1200px;margin: 0 auto;}.filters-card-minimal {background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 20px;box-shadow: var(--shadow-sm);}.filters-form {width: 100%;}.filters-row-inline {display: flex;gap: 15px;align-items: center;width: 100%;}.filter-item {flex: 1;min-width: 0;}.filter-item-btn {flex-shrink: 0;}.filter-select {background: var(--input-bg);border: 1px solid var(--border-color);color: var(--text-primary);border-radius: 8px;padding: 12px 16px;font-size: 0.95rem;transition: all 0.3s ease;width: 100%;}.filter-select:focus {border-color: #6366f1;outline: none;box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);}.search-btn-inline {background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);border: none;color: white;padding: 12px 30px;border-radius: 8px;font-weight: 600;font-size: 0.95rem;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);white-space: nowrap;display: flex;align-items: center;gap: 8px;height: 45px;}.search-btn-inline:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);}.search-btn-inline i {font-size: 0.9rem;}.agents-page-wrapper .select2-container--default .select2-selection--single {background: var(--input-bg);border: 1px solid #6366f1;border-radius: 8px;height: 45px;padding: 8px 16px;transition: all 0.3s ease;box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);}.agents-page-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {color: var(--text-primary);line-height: 27px;}.agents-page-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {height: 43px;}.agents-page-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: var(--text-muted) transparent transparent transparent;}.agents-page-wrapper .select2-dropdown {background: var(--bg-card);border: 1px solid #6366f1;border-radius: 8px;box-shadow: var(--shadow-lg);}.agents-page-wrapper .select2-container--default .select2-results__option {color: var(--text-primary);}.agents-page-wrapper .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background: #6366f1;color: white;}.agents-page-wrapper .select2-container--default .select2-search--dropdown .select2-search__field {background: var(--input-bg);border: 1px solid var(--border-color);color: var(--text-primary);}.agents-page-wrapper .select2-container--default.select2-container--focus .select2-selection--single, .agents-page-wrapper .select2-container--default.select2-container--open .select2-selection--single {border-color: #6366f1;box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);}.agents-container {max-width: 1200px;margin: 0 auto;padding: 0 20px;margin-top: 30px;}.agents-grid {margin-top: 0;}.agent-card {background: var(--bg-card);border-radius: 16px;overflow: hidden;transition: all 0.3s ease;border: 1px solid var(--border-color);height: 100%;display: flex;flex-direction: column;box-shadow: var(--shadow-sm);}.agent-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-lg);border-color: #6366f1;}.agent-card-image {width: 100%;height: 200px;background: #E8E4F3;overflow: hidden;}.agent-card-image svg {width: 100%;height: 100%;}.agent-card-body {padding: 25px;flex: 1;display: flex;flex-direction: column;gap: 15px;}.agent-business-name {font-size: 1.25rem;font-weight: 700;color: var(--text-primary);margin: 0 0 10px 0;line-height: 1.3;}.agent-info-item {display: flex;align-items: flex-start;gap: 12px;margin-bottom: 8px;}.info-icon {font-size: 1rem;color: var(--text-muted);margin-top: 2px;min-width: 16px;}.info-text {font-size: 0.9rem;color: var(--text-secondary);line-height: 1.5;}.btn-get-direction {background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);border: none;color: white;padding: 12px 24px;border-radius: 8px;font-weight: 600;font-size: 0.95rem;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: auto;box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);}.btn-get-direction:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);}.btn-get-direction i {font-size: 0.875rem;}.pagination-wrapper {margin-top: 60px;margin-bottom: 40px;}.pagination-container {display: flex;align-items: center;justify-content: center;gap: 20px;}.pagination-btn {background: var(--bg-card);border: 1px solid var(--border-color);color: var(--text-primary);width: 40px;height: 40px;border-radius: 8px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;text-decoration: none;}.pagination-btn:hover:not(:disabled) {background: var(--bg-secondary);border-color: #6366f1;color: #6366f1;}.pagination-btn:disabled {opacity: 0.5;cursor: not-allowed;}.pagination-info {color: var(--text-primary);font-size: 0.95rem;min-width: 120px;text-align: center;}.empty-state {background: var(--bg-card);border-radius: 16px;border: 1px solid var(--border-color);padding: 80px 40px;text-align: center;box-shadow: var(--shadow-sm);}.empty-state-content {max-width: 500px;margin: 0 auto;}.empty-state-icon {width: 100px;height: 100px;background: var(--bg-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 30px;font-size: 3rem;color: var(--text-muted);}.empty-state-title {font-size: 1.75rem;font-weight: 700;color: var(--text-primary);margin-bottom: 15px;}.empty-state-message {font-size: 1.05rem;color: var(--text-secondary);line-height: 1.6;margin-bottom: 30px;}.btn-primary-custom {background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);border: none;color: white;padding: 14px 35px;border-radius: 10px;font-weight: 600;box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);display: inline-flex;align-items: center;gap: 10px;text-decoration: none;transition: all 0.3s ease;}.btn-primary-custom:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);color: white;}@media (max-width: 992px) {.filters-row-inline {flex-wrap: wrap;}.filter-item {flex: 1 1 calc(50% - 10px);min-width: calc(50% - 10px);}.filter-item-btn {flex: 1 1 100%;width: 100%;}.search-btn-inline {width: 100%;justify-content: center;}}@media (max-width: 768px) {.hero-title {font-size: 1.75rem;}.hero-subtitle {font-size: 0.9rem;}.filters-card-minimal {padding: 15px;}.filters-row-inline {gap: 12px;}.agent-card-body {padding: 20px;}.agent-business-name {font-size: 1.1rem;}.info-text {font-size: 0.85rem;}.pagination-container {gap: 10px;}.pagination-info {font-size: 0.85rem;min-width: 100px;}}@media (max-width: 576px) {.agents-hero-section {padding: 40px 0 25px;}.agents-container {margin-top: 20px;}.hero-title {font-size: 1.5rem;}.filters-row-inline {flex-direction: column;gap: 12px;}.filter-item {flex: 1 1 100%;width: 100%;min-width: 100%;}.filter-item-btn {width: 100%;}.search-btn-inline {width: 100%;}.agent-card-image {height: 160px;}.empty-state {padding: 60px 20px;}.empty-state-icon {width: 80px;height: 80px;font-size: 2rem;}.empty-state-title {font-size: 1.5rem;}.empty-state-message {font-size: 0.95rem;}}