:root{--bg:#f7f8f6;--fg:#10201f;--card:#fff;--muted:#66716f;--primary:#0f766e;--primary2:#115e59;--border:#e5e5df;--soft:#eef5f3;--danger:#b91c1c;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{max-width:1180px;margin:auto;padding:0 18px}.header{position:sticky;top:0;z-index:40;background:rgba(247,248,246,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav{height:70px;display:flex;align-items:center;gap:20px}.logo{height:42px;width:auto;max-width:180px;object-fit:contain}.navlinks{display:flex;gap:18px;margin-left:auto;align-items:center}.navlinks a{font-size:14px;color:#354240}.navlinks a:hover{color:var(--primary)}.btn{border:1px solid transparent;background:var(--primary);color:#fff;border-radius:11px;padding:11px 15px;font-weight:600}.btn:hover{background:var(--primary2)}.btn.outline{background:#fff;color:var(--fg);border-color:var(--border)}.btn.ghost{background:transparent;color:var(--fg)}.hero{padding:58px 0 42px;background:radial-gradient(circle at 15% 15%,#dff2ed 0,transparent 32%),linear-gradient(135deg,#f7f8f6,#eef5f3)}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.02;letter-spacing:-.045em;margin:12px 0}.hero p{font-size:18px;color:var(--muted);max-width:620px}.pill{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:12px;font-weight:700;color:var(--primary)}.searchbox{display:flex;gap:8px;max-width:720px;margin-top:24px}.input,.select,.textarea{width:100%;border:1px solid var(--border);background:#fff;border-radius:11px;padding:11px 12px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e18}.section{padding:38px 0}.sectionhead{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:17px}.section h2{margin:0;font-size:24px;letter-spacing:-.025em}.muted{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.property-img{aspect-ratio:4/3;background:#e8ecea;position:relative}.property-img img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#7b8784;font-size:30px}.cardbody{padding:14px}.badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}.badge{font-size:11px;padding:5px 8px;border-radius:999px;background:#eef1f0;color:#485350;font-weight:700}.badge.primary{background:#e1f2ef;color:var(--primary2)}.badge.success{background:#e8f6ed;color:#176b39}.price{font-weight:800;font-size:19px;color:var(--primary)}.title{font-weight:700;margin:6px 0;line-height:1.3}.meta{font-size:12px;color:var(--muted)}.area{display:inline-block;background:#fff;border:1px solid var(--border);border-radius:12px;padding:13px 14px}.area:hover{border-color:#b9d5d0}.actions{display:flex;gap:8px;flex-wrap:wrap}.detail{padding:24px 0 80px}.gallery{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#e8ecea}.gallery img{width:100%;height:100%;object-fit:cover}.thumbs{display:flex;gap:8px;overflow:auto;margin-top:9px}.thumbs img{width:82px;height:62px;object-fit:cover;border-radius:9px;border:2px solid transparent}.thumbs img.active{border-color:var(--primary)}.twocol{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:22px}.stickycard{position:sticky;top:90px;padding:18px;border:1px solid var(--border);background:#fff;border-radius:16px}.specgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.spec{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center}.formbox{max-width:680px;margin:35px auto;background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:13px}.field label{display:block;font-size:13px;font-weight:650;margin-bottom:6px}.checkgrid{display:flex;gap:8px;flex-wrap:wrap}.check{border:1px solid var(--border);background:#fff;padding:9px 11px;border-radius:10px;font-size:13px}.check.active{border-color:var(--primary);background:var(--soft);color:var(--primary2)}.filters{display:grid;grid-template-columns:260px 1fr;gap:20px}.filterbox{background:#fff;border:1px solid var(--border);border-radius:16px;padding:15px;align-self:start;position:sticky;top:90px}.footer{margin-top:50px;border-top:1px solid var(--border);padding:30px 0 70px;color:var(--muted)}.bottomnav{display:none}.modal{position:fixed;inset:0;background:#0006;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modalbox{background:#fff;width:min(520px,100%);border-radius:18px;padding:20px;max-height:90vh;overflow:auto}.tablewrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:11px;border-bottom:1px solid var(--border);text-align:left;font-size:13px}.adminnav{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kpi{background:#fff;border:1px solid var(--border);border-radius:14px;padding:15px}.kpi b{font-size:24px}.notice{padding:12px;border-radius:11px;background:#eef5f3;color:#24534f;font-size:13px}.error{padding:12px;border-radius:11px;background:#fef2f2;color:var(--danger);font-size:13px}.hidden{display:none!important}@media(max-width:900px){.navlinks{display:none}.grid,.grid4{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}.filterbox{position:static}.filters{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--border);height:58px;justify-content:space-around}.bottomnav a{font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:center;flex:1}.bottomnav a.active{color:var(--primary);font-weight:700}.formrow{grid-template-columns:1fr}.hero{padding-top:38px}.searchbox{flex-direction:column}}@media(max-width:560px){.grid,.grid4{grid-template-columns:1fr 1fr;gap:10px}.container{padding:0 13px}.cardbody{padding:10px}.title{font-size:13px}.price{font-size:16px}.hero h1{font-size:42px}.section{padding:28px 0}.specgrid{grid-template-columns:1fr 1fr}.twocol{gap:15px}.logo{max-width:150px}}
