:root{font-family:"Segoe UI",Arial,sans-serif;color:#172033;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}a{color:#1769aa;text-decoration:none}header{height:64px;background:#172b3a;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1280px)/2));position:sticky;top:0;z-index:2;box-shadow:0 2px 8px #0002}.brand{color:white;font-size:20px;font-weight:700}button{border:0;border-radius:7px;padding:10px 15px;background:#14735b;color:white;cursor:pointer;font-weight:600}button:disabled{opacity:.5}#sync-status{font-size:12px;text-transform:uppercase;margin-right:8px}main{max-width:1280px;margin:22px auto;padding:0 18px}.cards{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px}.card,.filters,.property,.detail{background:white;border:1px solid #e0e5eb;border-radius:10px}.card{padding:14px;min-height:76px}.card small,.detail-grid small{display:block;color:#6b7280;margin-bottom:7px}.card strong{font-size:17px}.filters{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;padding:15px;margin:16px 0;align-items:end}.filters label{min-width:0}.filters label span{display:block;color:#5e6875;font-size:12px;margin:0 0 5px 2px}.filters input,.filters select{width:100%;min-width:0;padding:10px;border:1px solid #cbd4de;border-radius:7px;background:white}.filters>a{padding:10px 4px}.list{display:grid;gap:10px}.property{display:grid;grid-template-columns:200px minmax(0,1fr);gap:17px;padding:11px;color:inherit;transition:border-color .12s,box-shadow .12s}.property:hover{border-color:#71a896;box-shadow:0 3px 12px #17203312}.property-copy{min-width:0}.property h3{margin:2px 0 9px;font-size:18px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.property b{color:#c04818;font-size:20px}.property p{margin:8px 0 0;color:#687386}.facts{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:10px;color:#3f4b59}.facts span+span{position:relative}.facts span+span:before{content:"•";position:absolute;left:-11px;color:#a0a8b1}.thumb{height:132px;background:#e9edf1;display:grid;place-items:center;overflow:hidden;border-radius:8px;color:#858f99}.thumb img{width:100%;height:100%;object-fit:cover}.placeholder{font-size:13px}nav{display:flex;gap:7px;justify-content:center;margin:22px}nav a{background:white;padding:7px 11px;border-radius:5px}nav .active{background:#14735b;color:white}.detail{padding:24px;margin-top:14px}.detail-hero{display:flex;justify-content:space-between;gap:28px;border-bottom:1px solid #e6e9ed;padding-bottom:20px}.detail-hero h1{max-width:820px;margin:0 0 12px;line-height:1.3}.hero-facts{min-width:230px;display:grid;gap:6px;align-content:start;color:#596573}.hero-facts strong{color:#c04818;font-size:25px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#dff4e7;color:#17643a;font-weight:700}.badge.warning{background:#fff0d6;color:#985b00}.detail-actions{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.detail-actions h2,.detail-actions form{margin:0}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gallery a:first-child{grid-column:span 2;grid-row:span 2}.gallery img{width:100%;height:240px;object-fit:cover;border-radius:8px;display:block;background:#eef1f3}.gallery a:first-child img{height:490px}.gallery-empty{grid-column:1/-1;padding:70px;text-align:center;background:#edf1f3;color:#818b95;border-radius:8px}.description-section{margin:28px 0;padding-top:4px}.description{line-height:1.7;color:#374151}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px}.detail-grid>div{padding:12px;background:#f6f8fa;border-radius:7px;overflow-wrap:anywhere}@media(max-width:1050px){.cards{grid-template-columns:repeat(4,1fr)}.filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){header{padding:0 14px}main{padding:0 10px}.cards{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.property{grid-template-columns:115px minmax(0,1fr);gap:11px}.thumb{height:105px}.detail{padding:15px}.detail-hero{display:block}.hero-facts{margin-top:15px}.gallery{grid-template-columns:1fr 1fr}.gallery a:first-child{grid-column:span 2;grid-row:auto}.gallery img,.gallery a:first-child img{height:180px}.detail-grid{grid-template-columns:1fr 1fr}}