.job-list-page[data-v-098a1dcf]{min-height:100vh;padding:var(--spacing-lg) 0 var(--spacing-4xl)}.filter-bar[data-v-098a1dcf]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filter-left[data-v-098a1dcf]{display:flex;align-items:center;gap:var(--spacing-md);flex:1;overflow-x:auto}.filter-toggle[data-v-098a1dcf]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-light);border:1px solid var(--primary-color);color:var(--primary-color);border-radius:var(--radius-md);cursor:pointer;font-weight:500;white-space:nowrap;position:relative}.filter-toggle .badge[data-v-098a1dcf]{position:absolute;top:-4px;right:-4px;background:var(--danger-color);color:#fff;font-size:var(--font-xs);padding:2px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.quick-filters[data-v-098a1dcf]{display:flex;gap:var(--spacing-sm)}.quick-filter-btn[data-v-098a1dcf]{padding:var(--spacing-sm) var(--spacing-md);background:var(--gray-100);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all .3s}.quick-filter-btn[data-v-098a1dcf]:hover{background:var(--gray-200)}.quick-filter-btn.active[data-v-098a1dcf]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.sort-dropdown-wrapper[data-v-098a1dcf]{position:relative;z-index:101}.sort-trigger[data-v-098a1dcf]{display:flex;align-items:center;gap:var(--spacing-xs);background:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-sm);color:var(--text-color);transition:all .3s}.sort-trigger[data-v-098a1dcf]:hover{background:var(--hover-bg)}.sort-arrow[data-v-098a1dcf]{transition:transform .3s;color:var(--text-muted)}.sort-arrow.rotate[data-v-098a1dcf]{transform:rotate(180deg)}.sort-menu[data-v-098a1dcf]{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:140px;padding:var(--spacing-sm);z-index:102}.sort-item[data-v-098a1dcf]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-color);transition:all .3s;border:none;background:none;width:100%;text-align:left}.sort-item[data-v-098a1dcf]:hover{background:var(--hover-bg);color:var(--primary-color)}.sort-item.active[data-v-098a1dcf]{color:var(--primary-color)}.check-icon[data-v-098a1dcf]{color:var(--primary-color);flex-shrink:0}.dropdown-wrapper[data-v-098a1dcf]{position:relative;z-index:101}.filters-dropdown[data-v-098a1dcf]{position:absolute;top:8px;left:0;right:0;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:80vh}.dropdown-mask[data-v-098a1dcf]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;background:transparent}.filter-body[data-v-098a1dcf]{padding:20px;overflow-y:auto;flex:1}.filters-dropdown .filter-actions[data-v-098a1dcf]{padding:12px 16px;border-top:1px solid var(--border-light);background:var(--gray-50);border-radius:0 0 var(--radius-lg) var(--radius-lg);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.fade-enter-active[data-v-098a1dcf],.fade-leave-active[data-v-098a1dcf]{transition:all .3s ease}.fade-enter-from[data-v-098a1dcf],.fade-leave-to[data-v-098a1dcf]{opacity:0;transform:translateY(-10px)}.filter-group[data-v-098a1dcf]{margin-bottom:var(--spacing-lg)}.filter-group[data-v-098a1dcf]:last-of-type{margin-bottom:0}.filter-title[data-v-098a1dcf]{font-size:var(--font-sm);font-weight:600;color:var(--heading-color);margin-bottom:var(--spacing-md)}.filter-options[data-v-098a1dcf]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-option[data-v-098a1dcf]{padding:var(--spacing-sm) var(--spacing-md);background:var(--gray-100);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s;font-size:var(--font-sm)}.filter-option[data-v-098a1dcf]:hover{background:var(--gray-200)}.filter-option.active[data-v-098a1dcf]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-actions[data-v-098a1dcf]{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.filter-actions .btn[data-v-098a1dcf]{flex:1}.applied-filters[data-v-098a1dcf]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-label[data-v-098a1dcf]{font-size:var(--font-sm);color:var(--text-muted);white-space:nowrap}.filter-tags[data-v-098a1dcf]{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;flex:1}.filter-tag[data-v-098a1dcf]{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px var(--spacing-sm);background:var(--primary-light);color:var(--primary-color);border-radius:var(--radius-md);font-size:var(--font-sm)}.filter-tag .remove-btn[data-v-098a1dcf]{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:18px;line-height:1;padding:0;margin-left:4px}.clear-all-btn[data-v-098a1dcf]{background:none;border:none;color:var(--danger-color);cursor:pointer;font-size:var(--font-sm);white-space:nowrap}.jobs-container[data-v-098a1dcf]{min-height:400px}.loading-state[data-v-098a1dcf],.empty-state[data-v-098a1dcf]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-lg);color:var(--text-muted)}.loading-spinner[data-v-098a1dcf]{width:40px;height:40px;border:3px solid var(--gray-300);border-top-color:var(--primary-color);border-radius:50%;animation:spin-098a1dcf .8s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin-098a1dcf{to{transform:rotate(360deg)}}.empty-state p[data-v-098a1dcf]{margin:var(--spacing-md) 0}.jobs-grid[data-v-098a1dcf]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.load-more[data-v-098a1dcf],.no-more[data-v-098a1dcf]{text-align:center;margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0}.no-more span[data-v-098a1dcf]{color:var(--text-muted);font-size:var(--font-sm)}@media (max-width: 768px){.filter-bar[data-v-098a1dcf]{flex-direction:column;align-items:stretch}.filter-left[data-v-098a1dcf]{flex-wrap:wrap}.quick-filters[data-v-098a1dcf]{display:none}.filter-right[data-v-098a1dcf],.filter-right .sort-select[data-v-098a1dcf]{width:100%}.jobs-grid[data-v-098a1dcf]{grid-template-columns:1fr;gap:var(--spacing-md)}.applied-filters[data-v-098a1dcf]{flex-direction:column;align-items:stretch}.filter-label[data-v-098a1dcf]{width:100%}.mobile-search-bar[data-v-098a1dcf]{margin-bottom:var(--spacing-md)}.search-input-wrapper[data-v-098a1dcf]{background:#fff;border-radius:var(--radius-lg);padding:8px 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--border-color)}.search-input-wrapper input[data-v-098a1dcf]{border:none;outline:none;width:100%;font-size:14px;background:transparent}.search-icon[data-v-098a1dcf]{color:var(--text-muted)}.mobile-filter-bar[data-v-098a1dcf]{display:flex;background:#fff;border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-md);border-radius:var(--radius-lg);overflow:hidden}.mobile-filter-item[data-v-098a1dcf]{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 0;font-size:14px;color:var(--text-secondary)}.mobile-filter-item span.active[data-v-098a1dcf]{color:var(--primary-color);font-weight:500}.mobile-filter-item svg.rotate[data-v-098a1dcf]{transform:rotate(180deg);transition:transform .3s}.sort-sheet-overlay[data-v-098a1dcf]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1100;display:flex;flex-direction:column;justify-content:flex-start;padding-top:150px;justify-content:flex-end}.sort-sheet[data-v-098a1dcf]{background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.sort-option[data-v-098a1dcf]{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);font-size:15px}.sort-option.active[data-v-098a1dcf]{color:var(--primary-color);font-weight:500}}