
:root{--ink:#153e37;--green:#24594b;--lime:#d7eeac;--paper:#f7f8f3;--line:#dde4da}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:11px 17px;background:white;color:var(--ink)}button:hover{background:#edf3e7}button.primary{background:var(--green);color:white;border-color:var(--green)}a{color:inherit}header{padding:20px 5%;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:white}header strong{font-size:25px;letter-spacing:-1px;margin-right:auto}header strong span{font-weight:400}.demo{background:var(--ink);color:#fff;text-align:center;padding:8px;font-size:12px;letter-spacing:.3px}nav{display:flex;gap:7px;flex-wrap:wrap}nav button.active{background:var(--lime)}main{max-width:1160px;margin:auto;padding:45px 24px}h1{font-size:clamp(35px,5vw,66px);letter-spacing:-2.5px;line-height:1.08;margin:16px 0 24px}h2{font-size:28px;letter-spacing:-.8px}h3{margin-top:0}p{color:#577066}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:25px 0 65px}.hero p{font-size:19px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:25px}.scene{background:#e5ecdf;padding:34px;border-radius:35% 35% 16px 16px}.scene .card{box-shadow:0 20px 40px #163e3710;transform:rotate(-2deg)}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.badge{display:inline-block;background:#edf3e7;color:#355947;padding:4px 10px;border-radius:20px;font-size:12px}.warn{background:#fff2d6;color:#795e1c}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.two{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.price{font-size:44px;letter-spacing:-2px}.featured{border:2px solid var(--green)}small,.muted{color:#65776e}.notice{background:#edf2e8;border-radius:10px;padding:15px;margin:20px 0}.top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.top h2{margin:5px 0}.progress{background:#e7eddf;height:8px;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:#6f9650}.stat{font-size:34px;font-weight:650}.section{margin-top:38px}label{display:block;margin:15px 0 5px}input,select{padding:12px;border:1px solid #bac9bf;border-radius:8px;width:100%;background:white;color:var(--ink)}input[type=checkbox]{width:auto;accent-color:var(--green)}.check{display:flex;align-items:center;gap:14px}.check input{width:20px;height:20px}footer{max-width:1160px;margin:30px auto;padding:24px;border-top:1px solid var(--line);font-size:13px;color:#65776e}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 22px;border-radius:10px;z-index:5;max-width:90vw}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-width:500px;width:90%}dialog::backdrop{background:#163e3766}.actions{display:flex;gap:10px;flex-wrap:wrap}.appnav{margin-bottom:30px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c3a735;outline-offset:3px}ul{padding-left:20px}li{margin:9px 0}.full{width:100%}@media(max-width:760px){header{padding:16px;gap:10px;flex-wrap:wrap}header strong{font-size:22px}header nav{width:100%}.hero,.two,.grid{grid-template-columns:1fr}.hero{gap:22px;padding-top:0}.scene{padding:22px}main{padding:25px 17px}h1{letter-spacing:-1.5px}.top{align-items:flex-start;flex-wrap:wrap}.row{flex-wrap:wrap}.appnav{flex-wrap:nowrap;overflow:auto}.appnav button{white-space:nowrap}.scene .card{transform:none}}

.error{background:#ffe9e4;color:#8a291d;padding:15px;border-radius:10px}.success{background:#e3efda;padding:15px;border-radius:10px}.layout{max-width:1100px;margin:auto}a.button{display:inline-block;padding:10px 16px;text-decoration:none;border:1px solid var(--line);border-radius:8px;background:white}.inline{display:inline-block;margin:0}.inline button{padding:6px 12px}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}textarea{width:100%;min-height:90px;font:inherit;border:1px solid var(--line);border-radius:8px;padding:10px}.form-card{max-width:520px;margin:30px auto}.small{font-size:13px}.danger{color:#9c3528}.checklabel{display:flex;gap:10px;align-items:flex-start}input[type=checkbox]{margin-top:6px}.form-actions{margin-top:20px}.tablewrap{overflow:auto}header form{margin:0}h1.portal{font-size:40px}nav a{white-space:nowrap}.pill{background:#d7eeac;padding:4px 10px;border-radius:20px}pre{white-space:pre-wrap}
.property-photo{width:100%;height:240px;object-fit:contain;border-radius:12px;background:#edf2e8}.photo-empty{height:180px;display:grid;place-items:center;background:#edf2e8;border-radius:12px;margin-bottom:16px}figure.card{margin:0}header{flex-wrap:wrap}header nav{font-size:14px}.actions form{margin:0}
