:root{--color-primary:#0066cc;--color-primary-dark:#0052a3;--color-primary-light:#e6f2ff;--color-secondary:#6c757d;--color-success:#28a745;--color-danger:#dc3545;--color-warning:#ffc107;--color-info:#17a2b8;--color-text-primary:#1a1a1a;--color-text-secondary:#666666;--color-text-muted:#999999;--color-text-light:#ffffff;--color-bg-primary:#ffffff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#e9ecef;--color-bg-hover:#f0f0f0;--color-border:#dee2e6;--color-border-light:#e9ecef;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.15);--shadow-hover:0 8px 16px rgba(0, 102, 204, 0.2);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease}.property-listing-container{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl);max-width:1400px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.filters-sidebar{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);height:fit-content;position:sticky;top:80px;overflow-y:auto;max-height:calc(100vh - 100px)}.filters-sidebar::-webkit-scrollbar{width:6px}.filters-sidebar::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}.filters-sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.filters-sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.filters-header h2{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.btn-text{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);transition:color var(--transition-fast)}.btn-text:hover{color:var(--color-primary-dark);text-decoration:underline}.filter-group{margin-bottom:var(--spacing-lg)}.filter-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.filter-label .icon{flex-shrink:0;color:var(--color-secondary)}.filter-input,.filter-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.filter-input::placeholder{color:var(--color-text-muted)}.filter-range{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-input-half{flex:1}.range-separator{color:var(--color-text-muted);font-weight:500}.filter-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-radio{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.filter-radio:hover{background-color:var(--color-bg-hover)}.filter-radio input[type="radio"]{margin:0;cursor:pointer}.filter-radio span{font-size:var(--font-size-sm);color:var(--color-text-primary)}.filter-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-pill{display:inline-block;cursor:pointer}.filter-pill input{display:none}.filter-pill span{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-primary);color:var(--color-text-secondary);transition:all var(--transition-fast)}.filter-pill input:checked+span{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-light)}.filter-pill:hover span{border-color:var(--color-primary)}.filter-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;cursor:pointer}.filter-checkbox input[type="checkbox"]{margin:0;cursor:pointer;width:18px;height:18px}.filter-checkbox span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.filter-actions{margin-top:var(--spacing-xl)}.btn-block{width:100%}.property-listing-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.results-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.results-info{flex:1}.results-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.results-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.results-controls{display:flex;align-items:center;gap:var(--spacing-lg)}.sort-control{display:flex;align-items:center;gap:var(--spacing-sm)}.sort-control label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.sort-select{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast)}.sort-select:hover{border-color:var(--color-primary)}.sort-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.view-toggle{display:flex;gap:var(--spacing-xs);background:var(--color-bg-secondary);padding:var(--spacing-xs);border-radius:var(--radius-md)}.view-btn{padding:var(--spacing-sm);background:#fff0;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.view-btn:hover{background:var(--color-bg-primary);color:var(--color-primary)}.view-btn.active{background:var(--color-primary);color:var(--color-text-light)}.view-btn svg{display:block;stroke-width:2}.active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.active-filters-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.filter-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.filter-tag-remove{padding:0;margin-left:var(--spacing-xs);background:none;border:none;color:var(--color-primary);font-size:18px;line-height:1;cursor:pointer;transition:color var(--transition-fast)}.filter-tag-remove:hover{color:var(--color-danger)}.property-grid{display:grid;gap:var(--spacing-lg);transition:opacity var(--transition-base)}.property-grid.view-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.property-grid.view-list{grid-template-columns:1fr}.property-grid.is-loading{opacity:.5;pointer-events:none}.property-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.property-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.property-card-image{position:relative;overflow:hidden;aspect-ratio:16 / 10}.property-image-link{display:block;width:100%;height:100%}.property-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.property-card:hover .property-image{transform:scale(1.05)}.property-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-bg-secondary);color:var(--color-text-muted)}.property-image-placeholder svg{margin-bottom:var(--spacing-sm)}.property-image-placeholder span{font-size:var(--font-size-sm);font-weight:500}.property-badges{position:absolute;top:var(--spacing-md);left:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);flex-wrap:nowrap;justify-content:space-between;align-items:center}.property-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(8px)}.property-badge.badge-sale{background:rgb(40 167 69 / .9);color:var(--color-text-light)}.property-badge.badge-rent{background:rgb(0 102 204 / .9);color:var(--color-text-light)}.property-badge.badge-sold{background:rgb(108 117 125 / .9);color:var(--color-text-light)}.property-badge.badge-negotiable{background:rgb(255 193 7 / .9);color:var(--color-text-primary)}.property-favorite{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .9);backdrop-filter:blur(8px);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.property-favorite:hover{background:var(--color-primary);transform:scale(1.1)}.property-favorite:hover .favorite-icon{stroke:#fff}.property-favorite.is-favorite .favorite-icon{fill:var(--color-danger);stroke:var(--color-danger)}.favorite-icon{transition:all var(--transition-fast)}.property-card-content{padding:var(--spacing-lg)}.property-tags{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.property-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-sm);text-transform:capitalize}.property-card-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:700;line-height:1.3}.property-card-title a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.property-card-title a:hover{color:var(--color-primary)}.property-location{display:flex;align-items:center;gap:var(--spacing-xs);margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.location-icon{flex-shrink:0}.property-specs{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-md)}.property-spec{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.spec-icon{flex-shrink:0;color:var(--color-primary)}.property-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.property-price-wrapper{display:flex;align-items:baseline;gap:var(--spacing-xs)}.property-price{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);white-space:nowrap}.property-price-period{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.btn-view-details{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);background:var(--color-primary-light);border:none;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.btn-view-details:hover{background:var(--color-primary);color:var(--color-text-light)}.btn-view-details svg{transition:transform var(--transition-fast)}.btn-view-details:hover svg{transform:translateX(2px)}.no-results{grid-column:1 / -1;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg)}.no-results-icon{margin:0 auto var(--spacing-lg);color:var(--color-text-muted)}.no-results h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-2xl);color:var(--color-text-primary)}.no-results p{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.pagination-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-light)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.pagination-number:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.pagination-number.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-light)}.pagination-ellipsis{padding:0 var(--spacing-xs);color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--color-primary);color:var(--color-text-light)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-secondary);color:var(--color-text-light)}.btn-secondary:hover{background:#5a6268}@media (max-width:1024px){.property-listing-container{grid-template-columns:240px 1fr;gap:var(--spacing-lg)}.property-grid.view-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.results-toolbar{flex-direction:column;align-items:stretch}.results-controls{flex-wrap:wrap}}@media (max-width:768px){.property-listing-container{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-sm)}.filters-sidebar{position:static;max-height:none;margin-bottom:var(--spacing-md)}.property-grid.view-grid{grid-template-columns:1fr}.results-toolbar{padding:var(--spacing-md)}.results-title{font-size:var(--font-size-xl)}.results-controls{flex-direction:column;gap:var(--spacing-md)}.sort-control{width:100%}.sort-select{flex:1}.property-card-footer{flex-direction:column;align-items:stretch}.btn-view-details{justify-content:center}.pagination{flex-wrap:wrap;padding:var(--spacing-md)}.pagination-btn{flex:1}}@media (max-width:480px){.filters-header h2{font-size:var(--font-size-lg)}.filter-pills{gap:var(--spacing-xs)}.filter-pill span{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.property-specs{gap:var(--spacing-sm)}.property-price{font-size:var(--font-size-lg)}.pagination-numbers{flex-wrap:wrap}}