*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--accent:#0f766e;--accent-soft:#ecfeff;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--red-500:#ef4444;--green-500:#22c55e}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-900);line-height:1.5;background:#f8fafc}.header{background:#fff;border-bottom:1px solid var(--gray-200);padding:1rem 2rem}.nav{width:100%}.nav,.nav-left{display:flex;align-items:center;gap:1rem}.nav-left{min-width:0}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none}.nav-links{display:flex;gap:1.5rem;margin-left:auto}.nav-links a{color:var(--gray-700);text-decoration:none}.nav-links a:hover{color:var(--primary)}.nav-links a.nav-link-active{color:var(--primary);font-weight:600}.topbar-search{position:relative;flex:0 1 520px;width:min(520px,46vw);max-width:520px}.topbar-search input{width:100%;height:2.5rem;padding:0 .85rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:1rem;background:#fff}.topbar-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.topbar-search-menu{position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:60;border:1px solid var(--gray-300);border-radius:.5rem;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12);overflow:hidden}.topbar-search-status{padding:.65rem .85rem;color:var(--gray-500);font-size:.9rem}.topbar-search-item{width:100%;text-align:left;border:none;border-bottom:1px solid var(--gray-200);background:#fff;color:var(--gray-700);padding:.65rem .85rem;font-size:.95rem;cursor:pointer}.topbar-search-item:last-child{border-bottom:none}.topbar-search-item:hover{background:var(--accent-soft);color:var(--accent)}.main{max-width:1200px;margin:0 auto;padding:2rem}.btn{display:inline-block;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;text-decoration:none;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-danger{background:var(--red-500);color:#fff}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500;color:var(--gray-700)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.property-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.property-card{border:1px solid var(--gray-200);border-radius:.5rem;overflow:hidden;background:#fff;transition:box-shadow .2s}.property-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.property-card-image{position:relative;width:100%;height:200px;background:var(--gray-100)}.property-card-content{padding:1rem}.property-card h3{margin-bottom:.5rem}.property-card h3 a{color:var(--gray-900);text-decoration:none}.property-card h3 a:hover{color:var(--primary)}.property-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.badge-available{background:#dcfce7;color:#166534}.badge-pending{background:#fef3c7;color:#92400e}.badge-sold{background:#fee2e2;color:#991b1b}.search-bar-container{margin-bottom:2rem}.search-bar{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.search-bar input,.search-bar select{height:2.5rem;padding:0 .8rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:.95rem;line-height:1;background:#fff}.search-bar input{flex:1 1;min-width:200px}.search-bar select{padding-right:2rem}.search-bar-right{display:inline-flex;align-items:center}.filter-control-active{border-color:var(--accent);background:var(--accent-soft)}.listing-dropdown{position:relative}.listing-dropdown-trigger{display:inline-flex;align-items:center;gap:.35rem;height:2.5rem;padding:0 .8rem;border:1px solid var(--gray-300);border-radius:.5rem;background:#fff;color:var(--gray-700);font-size:.95rem;line-height:1;cursor:pointer}.listing-dropdown-trigger:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.listing-dropdown-value{color:var(--gray-700);font-weight:500}.listing-dropdown-menu{position:absolute;top:calc(100% + .4rem);left:0;min-width:180px;z-index:40;border:1px solid var(--gray-300);border-radius:.5rem;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12);overflow:hidden}.listing-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;border:none;border-bottom:1px solid var(--gray-200);background:#fff;color:var(--gray-700);padding:.6rem .8rem;cursor:pointer;font-size:.95rem}.listing-dropdown-item:last-child{border-bottom:none}.listing-dropdown-item:hover{background:var(--gray-100)}.listing-dropdown-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.listing-dropdown-selected{border:1px solid var(--accent);border-radius:999px;padding:.1rem .45rem;font-size:.75rem;color:var(--accent);background:#fff}.layout-trigger{display:inline-flex;align-items:center;gap:.45rem}.layout-mode-icon{width:1rem;height:1rem;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.price-dropdown{position:relative}.price-dropdown-trigger{display:inline-flex;align-items:center;height:2.5rem;padding:0 .8rem;border:1px solid var(--gray-300);border-radius:.5rem;background:#fff;color:var(--gray-700);font-size:.95rem;line-height:1;cursor:pointer}.price-dropdown-trigger:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.price-dropdown-value{color:var(--gray-700);font-weight:500}.price-dropdown-menu{position:absolute;top:calc(100% + .4rem);left:0;min-width:360px;z-index:40;border:1px solid var(--gray-300);border-radius:.5rem;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12);overflow:visible}.price-filter{border:none;border-radius:0;padding:.75rem 1rem;background:#fff;overflow:visible}.price-filter-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.price-filter-label{font-weight:600;color:var(--gray-700)}.price-filter-values{display:flex;align-items:center;gap:.375rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.price-filter-value{font-weight:500;color:var(--gray-900)}.price-filter-separator{color:var(--gray-500)}.price-slider-wrapper{position:relative;height:2rem;margin:0 .5rem .625rem;overflow:visible}.price-slider-range,.price-slider-track{position:absolute;top:50%;transform:translateY(-50%);height:.375rem;border-radius:999px}.price-slider-track{left:0;right:0;background:var(--gray-200);z-index:1}.price-slider-range{background:var(--primary);z-index:2}.price-slider-handle{position:absolute;top:50%;width:1rem;height:1rem;border-radius:50%;background:#fff;border:2px solid var(--primary);box-shadow:0 1px 2px rgba(0,0,0,.2);transform:translate(-50%,-50%);pointer-events:none;z-index:6}.price-slider-handle-min{border-color:var(--accent)}.price-slider-input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;background:transparent;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.price-slider-input-min{z-index:7}.price-slider-input-max{z-index:8}.price-slider-input::-webkit-slider-runnable-track{height:.375rem;background:transparent}.price-slider-input::-moz-range-track{height:.375rem;background:transparent;border:none}.price-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:50%;border:none;background:transparent;box-shadow:none;cursor:pointer;pointer-events:auto}.price-slider-input::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;border:none;background:transparent;box-shadow:none;cursor:pointer;pointer-events:all}.price-slider-input:focus{outline:none}.price-slider-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--primary-dark);outline-offset:2px}.price-slider-input:focus-visible::-moz-range-thumb{outline:2px solid var(--primary-dark);outline-offset:2px}.price-input-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:.5rem;gap:.5rem}.price-text-input{width:100%;padding:.5rem .625rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:.95rem;background:#fff}.price-text-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.price-menu-actions{display:flex;justify-content:flex-end;margin-top:.75rem}@media (max-width:768px){.header{padding:.75rem 1rem}.nav,.nav-left{flex-wrap:wrap}.nav-left{width:100%;gap:.75rem}.topbar-search{order:2;flex:1 0 100%;max-width:100%;width:100%}.nav-links{gap:1rem}.nav-links,.search-bar-right{margin-left:0}.listing-dropdown-menu,.price-dropdown-menu{left:0;right:0;min-width:100%}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{font-size:1.75rem}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.pagination button{padding:.5rem 1rem;border:1px solid var(--gray-300);background:#fff;cursor:pointer;border-radius:.375rem}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.error{background:#fee2e2;color:#991b1b;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.loading{text-align:center;padding:2rem;color:var(--gray-500)}@media (max-width:768px){.main{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header h1{font-size:1.5rem}.btn{padding:.625rem 1rem;font-size:.875rem}.form-row,.property-grid{grid-template-columns:1fr}}.view-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.view-toggle .btn{display:flex;align-items:center;gap:.5rem}.view-toggle .btn.active{background:var(--primary);color:#fff}.map-container{height:600px;width:100%;border-radius:.5rem;overflow:hidden;border:1px solid var(--gray-200);position:relative}.map-error,.map-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--gray-500)}.map-error{color:var(--red-500)}.map-no-coords,.map-partial-coords{bottom:1rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff}.map-loading-overlay,.map-no-coords,.map-partial-coords{position:absolute;padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;z-index:1000}.map-loading-overlay{top:.5rem;right:.5rem;background:hsla(0,0%,100%,.9);color:var(--gray-700);box-shadow:0 2px 4px rgba(0,0,0,.1)}.price-marker{background:#fff;border:2px solid;border-radius:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;transition:transform .1s,box-shadow .1s}.price-marker:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1}.price-marker-sale{border-color:#059669;color:#065f46;background:#d1fae5}.price-marker-rent{border-color:#d97706;color:#92400e;background:#fef3c7}.search-target-marker{position:relative;width:22px;height:22px;border-radius:50% 50% 50% 0;background:var(--primary);border:2px solid #fff;transform:rotate(-45deg);box-shadow:0 4px 10px rgba(0,0,0,.3)}.search-target-marker-dot{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}.map-popup h4{margin:0 0 .5rem;font-size:1rem}.map-popup h4 a{color:var(--primary);text-decoration:none}.map-popup h4 a:hover{text-decoration:underline}.map-popup-price{font-weight:700;color:var(--primary);margin:0 0 .25rem}.map-popup-address{color:var(--gray-500);font-size:.875rem;margin:0 0 .25rem}.map-popup-details{font-size:.875rem;color:var(--gray-700);margin:0 0 .5rem}.map-popup-badge{display:inline-block;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.properties-page-split{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.properties-page-map{width:100vw;margin:-2rem calc(50% - 50vw)}.map-fullscreen-mode{position:relative;height:calc(100dvh - 92px)}.map-fullscreen-mode .map-container{height:100%;border-radius:0;border-left:none;border-right:none}.map-overlay-controls{position:absolute;top:2rem;left:50%;width:min(1200px,calc(100vw - 4rem));transform:translateX(-50%);z-index:1100;pointer-events:none}.map-overlay-controls>*{pointer-events:auto}.split-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100vh - 110px)}.split-left-panel{padding:0 1.5rem 1.5rem 2rem;overflow-y:auto;max-height:calc(100vh - 110px)}.split-left-panel .property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-right-panel{position:-webkit-sticky;position:sticky;top:0;height:calc(100vh - 110px)}.split-right-panel .map-container{height:100%;border-radius:0;border-top:none;border-right:none;border-bottom:none}.split-view{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;min-height:600px}.split-list{overflow-y:auto;max-height:600px}.split-list .property-grid{grid-template-columns:1fr}.split-map{position:-webkit-sticky;position:sticky;top:1rem;height:600px}.split-map .map-container{height:100%}@media (max-width:1024px){.properties-page-map,.properties-page-split{width:auto;margin-left:0;margin-right:0}.map-fullscreen-mode{height:calc(100dvh - 120px)}.map-overlay-controls{left:50%;width:calc(100vw - 1.5rem);transform:translateX(-50%);top:.75rem}.split-shell{grid-template-columns:1fr;min-height:auto;gap:1rem}.split-left-panel{padding:0;max-height:none;overflow:visible}.split-left-panel .property-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.split-right-panel{position:relative;height:400px}.split-right-panel .map-container{border-radius:.5rem;border:1px solid var(--gray-200)}.split-view{grid-template-columns:1fr}.split-list{max-height:none;order:2}.split-map{position:relative;height:400px;order:1}}