*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#17211d;background:#f6f8f7;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav{z-index:30;background:#fff;border-bottom:1px solid #e5ebe7;align-items:center;gap:28px;height:72px;padding:0 5%;display:flex;position:sticky;top:0}.brand{align-items:center;gap:9px;margin-right:auto;display:flex}.brand-mark{color:#159957;font-size:34px}.brand b{font-size:20px}.brand b span{color:#159957}.brand small{color:#69736e;font-size:10px;display:block}.navlinks{gap:24px;font-size:14px;display:flex}.navlinks a:hover{color:#159957}.btn{color:#fff;cursor:pointer;background:#159957;border:0;border-radius:7px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;display:inline-flex}.btn.secondary{color:#159957;background:#fff;border:1px solid #159957}.container{max-width:1180px;margin:auto;padding:0 20px}.hero{color:#fff;background:linear-gradient(90deg,#10261ed9,#10261e66),url(https://images.unsplash.com/photo-1613490493576-7fde63acd811?auto=format&fit=crop&w=1800&q=80) 50%/cover;align-items:center;min-height:520px;display:flex}.hero h1{margin:8px 0 16px;font-size:52px;line-height:1.08}.hero h1 span{color:#46d487}.hero p{max-width:570px;font-size:18px;line-height:1.5}.search{background:#fff;border-radius:10px;grid-template-columns:1fr 1fr 1fr 1fr 120px;gap:8px;max-width:1050px;margin-top:28px;padding:10px;display:grid}.search select,.search input,.form input,.form select,.form textarea{background:#fff;border:1px solid #dce4df;border-radius:7px;width:100%;padding:13px}.section{padding:55px 0}.eyebrow{letter-spacing:2px;color:#159957;font-size:11px;font-weight:800}.section h2{margin:5px 0 25px;font-size:30px}.grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.card{background:#fff;border:1px solid #e4eae7;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000a}.cardimg{background-position:50%;background-size:cover;height:190px;position:relative}.badge{color:#fff;background:#159957;border-radius:5px;padding:6px 8px;font-size:10px;font-weight:800;position:absolute;top:12px;left:12px}.cardbody{padding:14px}.price{color:#159957;font-weight:800}.card h3{margin:7px 0;font-size:16px}.muted{color:#68736e;font-size:13px}.facts{color:#68736e;border-top:1px solid #edf0ee;gap:12px;margin-top:12px;padding-top:11px;font-size:12px;display:flex}.categories{background:#fff;border:1px solid #e3e9e6;border-radius:10px;grid-template-columns:repeat(4,1fr);display:grid}.cat{border-right:1px solid #eee;gap:12px;padding:25px;display:flex}.cat:last-child{border:0}.cat strong{color:#159957;font-size:28px}.cat small{color:#78817d;margin-top:4px;display:block}.page{min-height:70vh;padding:50px 0}.filters{background:#fff;border:1px solid #e3e9e6;border-radius:10px;grid-template-columns:2fr repeat(4,1fr) 110px;gap:8px;margin:25px 0;padding:12px;display:grid}.results{color:#65706b;justify-content:space-between;margin-bottom:15px;display:flex}.detailgrid{grid-template-columns:1.25fr 1fr;gap:30px;display:grid}.detailphoto{background:50%/cover;border-radius:12px;height:510px}.box{background:#fff;border:1px solid #e3e9e6;border-radius:10px;padding:24px}.form{background:#fff;border:1px solid #e3e9e6;border-radius:12px;max-width:900px;margin:auto;padding:30px}.formgrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form label{margin-bottom:18px;font-size:13px;font-weight:700;display:block}.form input,.form select,.form textarea{font:inherit;margin-top:7px}.form textarea{resize:vertical}.auth{max-width:480px;margin:70px auto}.notice{color:#0d7540;background:#eaf7ef;border-radius:7px;margin:12px 0;padding:12px}.error{color:#a12626;background:#fff0f0}.dashboard{grid-template-columns:220px 1fr;gap:25px;display:grid}.side{color:#fff;background:#073b2a;border-radius:10px;height:max-content;padding:20px}.side a{color:#d7e7df;border-radius:6px;padding:12px;display:block}.side a:hover{background:#155740}.statgrid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.stat{background:#fff;border:1px solid #e4eae7;border-radius:10px;padding:20px}.stat b{font-size:28px}.table{border-collapse:collapse;background:#fff;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #edf0ee;padding:13px;font-size:13px}.mapbox{background:#dfe9e4 url(https://tile.openstreetmap.org/8/150/145.png) 50%/cover;border-radius:12px;height:480px;position:relative;overflow:hidden}.pin{color:#fff;background:#159957;border-radius:20px;padding:7px 9px;font-size:11px;font-weight:700;position:absolute}.footer{color:#d8e6df;background:#073b2a;margin-top:50px;padding:35px 5%}.footer p{color:#b8cdc4;font-size:13px}.mobile{display:none}@media (max-width:850px){.navlinks{display:none}.mobile{display:block}.hero h1{font-size:39px}.search,.filters{grid-template-columns:1fr}.grid,.categories{grid-template-columns:1fr 1fr}.cat:nth-child(2){border-right:0}.detailgrid,.dashboard,.formgrid{grid-template-columns:1fr}.statgrid{grid-template-columns:1fr 1fr}}@media (max-width:500px){.grid,.categories,.statgrid{grid-template-columns:1fr}.cat{border-bottom:1px solid #eee;border-right:0}}
