.housing-page{-webkit-overflow-scrolling:touch;background-color:#fff;min-height:100vh;padding:40px;overflow-y:auto}.housing-header{justify-content:center;align-items:center;gap:30px;margin-bottom:50px;display:flex}.housing-header h1{white-space:nowrap;margin:0;font-size:32px;font-weight:700}.header-line{background-color:#000;flex:1;height:2px}.city-search-container{justify-content:center;margin-bottom:30px;display:flex}.search-wrapper{width:100%;max-width:600px;position:relative}.city-search-input{border:2px solid #ddd;border-radius:50px;outline:none;width:100%;padding:15px 15px 15px 45px;font-size:16px;transition:all .3s;box-shadow:0 4px 12px #0000000d}.city-search-input:focus{border-color:#000;box-shadow:0 4px 20px #0000001a}.search-icon{color:#888;font-size:18px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.suggestions-dropdown{z-index:100;background-color:#fff;border:1px solid #ddd;border-radius:0 0 16px 16px;max-height:300px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.suggestion-item{cursor:pointer;color:#333;border-bottom:1px solid #f0f0f0;padding:12px 20px;font-size:14px;transition:background .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{color:#06c;background-color:#f5f9ff}.controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:12px 0;display:flex}.controls-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.controls-right{align-items:center;display:flex}.control-btn{color:#004d00;cursor:pointer;background:#fff;border:1.5px solid #004d00;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.control-btn:hover{background:#f0fdf4}.control-btn svg{flex-shrink:0}.sort-wrapper{align-items:center;gap:8px;display:flex;position:relative}.sort-indicator{color:#555;white-space:nowrap;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;align-items:center;padding:6px 14px;font-size:13px;display:inline-flex}.sort-dropdown{z-index:200;background:#fff;border:1px solid #e0e0e0;border-radius:10px;min-width:200px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.sort-dropdown button{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;width:100%;padding:11px 16px;font-size:14px;transition:background .15s;display:block}.sort-dropdown button:hover{background:#f5f5f5}.sort-dropdown button.active{color:#004d00;background:#f0fdf4;font-weight:600}.view-toggle-outlined{border:1.5px solid #004d00;border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.toggle-opt{color:#004d00;cursor:pointer;background:#fff;border:none;align-items:center;gap:5px;padding:7px 14px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.toggle-opt.active{color:#fff;background:#004d00}.toggle-opt:hover:not(.active){background:#f0fdf4}.toggle-divider{color:#004d00;-webkit-user-select:none;user-select:none;padding:0 2px;font-size:14px}.filter-modal-overlay{z-index:2000;background:#00000073;justify-content:center;align-items:center;animation:.2s fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.filter-modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:580px;max-height:85vh;animation:.25s slideUpModal;display:flex;box-shadow:0 20px 60px #0003}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.filter-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.filter-modal-header h2{color:#222;margin:0;font-size:20px;font-weight:700}.modal-close-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#222;background:#f0f0f0}.filter-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.filter-section{margin-bottom:22px}.filter-section:last-child{margin-bottom:0}.filter-section h4{color:#333;margin:0 0 10px;font-size:15px;font-weight:600}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{color:#444;cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:24px;padding:8px 18px;font-size:14px;transition:all .2s}.filter-chip:hover{color:#004d00;border-color:#004d00}.filter-chip.active{color:#fff;background:#004d00;border-color:#004d00}.filter-chip.sm{padding:5px 14px;font-size:13px}.sub-filter-group{background:#f8faf8;border:1px solid #e0e8e0;border-radius:10px;flex-direction:column;gap:12px;margin-top:12px;padding:14px 16px;animation:.2s subFilterSlideDown;display:flex}@keyframes subFilterSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.sub-filter label{color:#555;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.distance-from-pin{color:#004d00;align-items:center;margin-top:4px;font-size:12px;font-weight:600;display:flex}.price-inputs-modal{align-items:center;gap:10px;display:flex}.price-inputs-modal input{background:#fafafa;border:1.5px solid #ddd;border-radius:8px;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.price-inputs-modal input:focus{background:#fff;border-color:#004d00;outline:none}.price-dash{color:#999;font-size:18px}.filter-error{color:#e74c3c;margin:5px 0 0;font-size:12px}.date-inputs-modal{gap:16px;display:flex}.date-field{flex-direction:column;flex:1;gap:4px;display:flex}.date-field label{color:#777;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.date-field input{background:#fafafa;border:1.5px solid #ddd;border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .2s}.date-field input:focus{background:#fff;border-color:#004d00;outline:none}.filter-modal-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.clear-all-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:underline;transition:color .2s}.clear-all-btn:hover{color:#222}.show-results-btn{color:#fff;cursor:pointer;background:#004d00;border:none;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:background .2s}.show-results-btn:hover{background:#003d00}.error-input{border-color:#e74c3c!important}.properties-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:50px;display:grid}.property-card{cursor:pointer;background-color:#e8e8e8;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.property-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px #0000001a}.property-image{width:100%;height:200px;overflow:hidden}.property-image img{object-fit:cover;width:100%;height:100%}.property-info{padding:16px}.property-info h3{color:#000;margin:0 0 6px;font-size:16px;font-weight:600}.location{color:#666;margin:3px 0;font-size:13px}.dates{color:#333;margin:4px 0;font-size:13px}.price{color:#333;margin:4px 0;font-size:15px;font-weight:600}.bedrooms{color:#333;margin:4px 0;font-size:13px}.amenities{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.amenity-badge{color:#447747;background-color:#d4f0d4;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.posted-by{color:#666;align-items:center;gap:6px;margin:8px 0 0;font-size:12px;font-style:italic;display:flex}.poster-avatar-sm{object-fit:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px}.poster-initial-sm{color:#fff;background:#2d6a4f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-style:normal;font-weight:600;display:flex}.no-results{text-align:center;color:#999;grid-column:1/-1;padding:40px;font-size:18px}@media (max-width:1024px){.properties-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width:768px){.properties-grid{grid-template-columns:repeat(2,1fr);gap:15px}.housing-header{flex-direction:column;gap:15px}.housing-page{padding:20px}.filter-options{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.properties-grid{grid-template-columns:1fr}.housing-header h1{font-size:24px}.housing-page{padding:15px}}.map-toggle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.map-toggle-btn:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.property-detail-modal{z-index:900;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.property-detail-content{background:#fff;border-radius:12px;width:100%;max-width:600px;animation:.3s ease-in-out slideUp;position:relative;overflow:hidden;box-shadow:0 15px 50px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.property-detail-content .close-btn{color:#2d3436;cursor:pointer;z-index:10;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.property-detail-content .close-btn:hover{color:#fff;background:#ff6b6b}.detail-image{width:100%;height:300px;overflow:hidden}.detail-image img{object-fit:cover;width:100%;height:100%}.detail-info{padding:30px}.detail-info h2{color:#2d3436;margin:0 0 10px;font-size:26px}.detail-city{color:#636e72;margin:0 0 15px;font-size:14px}.detail-price{color:#27ae60;margin:0 0 10px;font-size:28px;font-weight:700}.detail-price span{color:#636e72;font-size:16px;font-weight:400}.detail-bedrooms,.detail-dates{color:#636e72;margin:0 0 10px;font-size:14px}.detail-posted{color:#636e72;margin:0 0 20px;font-size:13px}.detail-amenities{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.detail-amenities .badge{color:#27ae60;background:#e8f8f5;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500}.contact-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06c,#0052a3);border:none;border-radius:6px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .3s}.contact-btn:hover{background:linear-gradient(135deg,#0052a3,#003d7a);transform:translateY(-2px);box-shadow:0 4px 15px #0066cc4d}.range-slider-container{align-items:center;width:200px;height:40px;display:flex;position:relative}.range-slider-container input[type=range]{appearance:none;pointer-events:none;background-color:#0000;outline:none;width:100%;margin:0;position:absolute;top:0;bottom:0}.range-slider-container .slider{width:100%;position:relative}.range-slider-container .slider__track{z-index:1;background-color:#e0e0e0;border-radius:3px;width:100%;height:6px;position:absolute}.range-slider-container .slider__range{z-index:2;background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:3px;height:6px;transition:background .2s;position:absolute}.thumb::-webkit-slider-thumb{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;pointer-events:auto;z-index:5;background-color:#fff;border:2px solid #27ae60;border-radius:50%;width:20px;height:20px;margin-top:-7px;transition:transform .1s,box-shadow .1s,border-color .1s;box-shadow:0 2px 5px #00000026}.thumb::-moz-range-thumb{-webkit-tap-highlight-color:transparent;cursor:pointer;pointer-events:auto;z-index:5;background-color:#fff;border:2px solid #27ae60;border-radius:50%;width:20px;height:20px;transition:transform .1s,box-shadow .1s,border-color .1s;transform:translateY(2px);box-shadow:0 2px 5px #00000026}.thumb::-webkit-slider-thumb:hover{border-color:#2ecc71;transform:scale(1.1);box-shadow:0 3px 8px #27ae604d}.thumb::-webkit-slider-thumb:active{background-color:#f9f9f9;transform:scale(.95)}.thumb-left{z-index:3}.thumb-right{z-index:4}.range-slider-container input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;height:6px}.range-slider-container input[type=range]::-moz-range-track{-moz-appearance:none;height:6px}.view-toggles{background-color:#004d00;border:none;border-radius:6px;align-items:center;margin-left:auto;padding:6px 10px;display:flex;overflow:hidden}.toggle-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;outline:none;padding:8px 12px;font-size:16px;font-weight:500;line-height:normal;transition:all .2s}.toggle-btn:hover{color:#fff}.toggle-btn.active{color:#fff;background:0 0;font-weight:700}.toggle-separator{color:#fff6;-webkit-user-select:none;user-select:none;margin:0 2px;font-size:18px;line-height:normal}.map-column{border:1px solid #ddd;border-radius:12px;flex:1;height:100%;min-height:0;position:relative;overflow:hidden}.content-container.split-view{align-items:stretch;gap:16px;height:calc(100vh - 160px);margin-bottom:0;display:flex;overflow:visible}.properties-grid.list-column{-webkit-overflow-scrolling:touch;flex-direction:column;flex:0 0 440px;gap:15px;width:440px;max-height:100%;margin-bottom:0;padding-right:10px;display:flex;overflow-y:auto}.property-card.horizontal{flex-direction:row;flex-shrink:0;height:260px;min-height:260px;max-height:260px;display:flex}.property-card.horizontal .property-image{flex:0 0 200px;width:200px;height:100%}.property-card.horizontal .property-info{flex-direction:column;flex:1;justify-content:flex-start;padding:12px 15px;display:flex;overflow:hidden}.property-card.horizontal h3{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;overflow:hidden}.property-card.horizontal .amenities{display:none}.property-card.horizontal .view-posting-btn{flex-shrink:0;margin-top:auto;margin-bottom:0}@media (max-width:1200px){.properties-grid.list-column{flex:0 0 450px;width:450px}.property-card.horizontal .property-image{flex:0 0 160px;width:160px}}@media (max-width:900px){.content-container.split-view{flex-direction:column;height:auto;overflow:visible}.properties-grid.list-column{flex:none;order:2;width:100%;max-height:none;overflow-y:visible}.map-column{order:1;height:400px;min-height:400px}}@media (max-width:768px){.housing-page{padding:20px 15px}.housing-header{gap:15px;margin-bottom:30px}.housing-header h1{font-size:26px}.city-search-input{padding:12px 12px 12px 40px;font-size:15px}.search-icon{font-size:16px}.filters-section{gap:12px;padding:15px}.filter-row{flex-direction:column;align-items:stretch;gap:10px}.primary-row,.specs-row{border-bottom:none;padding-bottom:0}.controls-row{flex-direction:column;gap:10px}.price-slider-group{flex-direction:column;gap:10px;padding:10px 15px}.date-group{flex-direction:column;gap:6px;width:100%}.date-group input{width:100%}.sort-group{flex-direction:column;gap:8px;width:100%}.sort-select,.filter-select{width:100%;min-width:auto}.properties-grid{grid-template-columns:1fr;gap:15px}.property-card{max-width:100%}.property-card.horizontal{flex-direction:column;height:auto;min-height:auto}.property-card.horizontal .property-image{flex:none;width:100%;height:200px}.property-card.horizontal .property-info{padding:15px}.property-card.horizontal h3{white-space:normal}.property-card.horizontal .amenities{display:flex}.view-toggle{padding:10px 20px}.map-column{min-height:350px}}@media (max-width:480px){.housing-page{padding:15px 10px}.housing-header{flex-direction:column;gap:10px;margin-bottom:20px}.housing-header h1{font-size:22px}.header-line{width:100%;height:1px}.city-search-input{padding:10px 10px 10px 38px;font-size:14px}.filters-section{border-radius:8px;padding:12px}.property-card{border-radius:12px}.property-image{height:180px}.property-info{padding:12px}.property-info h3{font-size:16px}.property-price{font-size:18px}.property-meta{font-size:13px}.amenities{flex-wrap:wrap;gap:6px}.amenity-badge{padding:4px 8px;font-size:11px}.view-toggle{padding:8px 16px;font-size:14px}.map-column{border-radius:8px;min-height:300px}}.view-posting-btn{color:#fff;cursor:pointer;background:#004d00;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s,transform .1s;display:flex}.view-posting-btn:hover{background:#060;transform:translateY(-1px)}.view-posting-btn:active{transform:translateY(0)}.view-posting-btn svg{transition:transform .2s}.view-posting-btn:hover svg{transform:translate(3px)}.card-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.edit-listing-btn{color:#1a7a3a;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#f0fdf4,#e6f7ed);border:1px solid #b7e4c7;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;margin-left:auto;padding:5px 14px;font-size:12px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 1px 3px #004d0014}.edit-listing-btn:hover{color:#065f26;background:linear-gradient(135deg,#d1fae5,#bbf7d0);border-color:#34d399;transform:translateY(-1px);box-shadow:0 3px 8px #004d0026}.edit-listing-btn:active{transform:translateY(0);box-shadow:0 1px 2px #004d001a}.edit-listing-btn svg{opacity:.85;width:12px;height:12px}