:root{--primary:#0aa1eb;--primary-dark:#087db7;--ink:#0b2840;--muted:#627383;--line:#dce8ef;--soft:#f3f9fc;--white:#fff;--danger:#c0392b;--shadow:0 14px 40px rgba(12,67,99,.12);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{border:0;border-radius:12px;background:var(--primary);color:#fff;padding:.82rem 1.15rem;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.button:hover,button:hover{transform:translateY(-1px);background:var(--primary-dark)}input,select,textarea{width:100%;border:1px solid #cbdce6;border-radius:12px;padding:.8rem .9rem;background:#fff;color:var(--ink)}textarea{min-height:100px;resize:vertical}label{display:grid;gap:.35rem;font-size:.86rem;font-weight:700}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,5vw,5rem);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:50}.brand{display:flex;align-items:center;gap:.7rem;font-size:1.2rem;font-weight:900}.brand img{width:45px;height:45px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:1.3rem;font-weight:650}.topbar nav a.active{color:var(--primary)}.pill{background:var(--primary);color:#fff!important;padding:.55rem .9rem;border-radius:999px}.menu-btn{display:none;background:transparent;color:var(--ink);font-size:1.5rem;padding:.4rem}.flash{position:fixed;top:88px;right:20px;z-index:100;background:#e8fff4;border:1px solid #a8e4c6;padding:.8rem 1rem;border-radius:12px;box-shadow:var(--shadow);max-width:420px}.flash.danger{background:#fff0ee;border-color:#f3b8af}.flash.warning{background:#fff8df;border-color:#ebd889}.hero{min-height:650px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:4rem;padding:70px clamp(1rem,7vw,7rem);background:radial-gradient(circle at 85% 15%,rgba(10,161,235,.2),transparent 32%),linear-gradient(180deg,#fff,#f6fbfe)}.hero h1,.page-title h1{font-size:clamp(2.5rem,6vw,5.4rem);line-height:1.02;margin:.3rem 0 1.2rem;letter-spacing:-.055em;max-width:900px}.hero p{font-size:1.15rem;color:var(--muted);max-width:700px}.eyebrow{display:inline-block;color:var(--primary-dark);font-size:.77rem;letter-spacing:.16em;font-weight:900}.hero-search{display:grid;grid-template-columns:1.4fr .8fr auto;gap:.6rem;margin:2rem 0}.hero-stats{display:flex;gap:2.2rem;flex-wrap:wrap;color:var(--muted)}.hero-stats span{display:grid}.hero-stats b{color:var(--ink);font-size:1.3rem}.phone-mock{width:310px;min-height:500px;margin:auto;padding:22px;border:11px solid var(--ink);border-radius:42px;background:#fff;box-shadow:0 35px 70px rgba(0,0,0,.22);transform:rotate(2deg);display:flex;flex-direction:column;gap:14px}.phone-head{font-weight:900;border-bottom:1px solid var(--line);padding-bottom:12px}.mock-card{border:1px solid var(--line);border-radius:16px;padding:22px 14px;display:flex;justify-content:space-between;background:var(--soft)}.phone-mock button{margin-top:auto}.section{padding:80px clamp(1rem,7vw,7rem)}.section.soft{background:var(--soft)}.section-head{text-align:center;margin-bottom:2.5rem}.section-head h2{font-size:clamp(2rem,4vw,3.4rem);margin:.35rem 0;letter-spacing:-.04em}.section-head.split{display:flex;justify-content:space-between;text-align:left;align-items:end}.text-link{color:var(--primary-dark);font-weight:800}.categories,.three-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.categories a{border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem;display:grid;gap:.35rem;font-size:2rem;transition:.2s}.categories a:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--primary)}.categories b{font-size:1.05rem}.categories small{font-size:.85rem;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.listing-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;transition:.2s}.listing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.listing-image{height:190px;background:linear-gradient(135deg,#d7f3ff,#effbff);display:flex;align-items:center;justify-content:center;font-size:4.5rem;position:relative}.listing-image em{position:absolute;top:12px;left:12px;background:var(--primary);color:#fff;padding:.35rem .6rem;border-radius:999px;font-size:.7rem;font-style:normal;font-weight:800}.listing-body{padding:1.2rem}.listing-body small{color:var(--primary-dark);font-weight:750}.listing-body h3{margin:.35rem 0;font-size:1.15rem}.listing-body p{color:var(--muted);font-size:.9rem;min-height:68px}.listing-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:.8rem}.stretched{position:absolute;inset:0}.cta{margin:60px clamp(1rem,7vw,7rem);padding:55px;border-radius:30px;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:2rem}.cta h2{font-size:clamp(2rem,4vw,3.3rem);margin:.3rem 0}.cta p{max-width:700px}.button.light{background:#fff;color:var(--primary-dark);white-space:nowrap}.page-title{padding:70px clamp(1rem,7vw,7rem) 45px;background:linear-gradient(180deg,#f4fbff,#fff)}.page-title h1{font-size:clamp(2.5rem,5vw,4.7rem)}.page-title p{font-size:1.12rem;color:var(--muted);max-width:800px}.explore-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 310px;gap:1.3rem;padding:0 clamp(1rem,4vw,4rem) 80px}.filters{position:sticky;top:96px;align-self:start;border:1px solid var(--line);padding:1rem;border-radius:var(--radius)}.filters form{display:grid;gap:1rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.results-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.explore-layout .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ghost{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important}.map-panel{position:sticky;top:96px;align-self:start}.map-demo{height:620px;border-radius:var(--radius);background:linear-gradient(45deg,#eaf3f7 25%,transparent 25%),linear-gradient(-45deg,#eaf3f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eaf3f7 75%),linear-gradient(-45deg,transparent 75%,#eaf3f7 75%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative;overflow:hidden}.map-demo>span{font-size:4rem}.map-demo small{max-width:220px;color:var(--muted)}.map-demo i{position:absolute;color:#ec5c2a;font-size:2rem;font-style:normal}.vendor-hero{display:grid;grid-template-columns:380px 1fr;gap:3rem;align-items:center;padding:55px clamp(1rem,7vw,7rem);background:var(--soft)}.vendor-photo{height:300px;border-radius:28px;background:linear-gradient(135deg,#d3f2ff,#fff);display:grid;place-items:center;font-size:8rem}.vendor-hero h1{font-size:clamp(2.3rem,5vw,4.5rem);margin:.3rem 0;letter-spacing:-.045em}.tags{display:flex;gap:.6rem;flex-wrap:wrap}.tags span,.status{background:#e7f7ff;color:#087db7;padding:.32rem .58rem;border-radius:999px;font-size:.75rem;font-weight:800}.vendor-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:2.5rem;padding:50px clamp(1rem,7vw,7rem)}.tabs{display:flex;gap:1.5rem;border-bottom:1px solid var(--line);padding-bottom:1rem;overflow:auto}.tabs a{font-weight:750}.vendor-content article{padding:2rem 0;border-bottom:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.feature-grid div{display:grid;border:1px solid var(--line);padding:1rem;border-radius:14px}.feature-grid span{color:var(--muted)}.price-row{display:flex;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--line)}.mini-map{height:180px;background:var(--soft);border-radius:16px;display:grid;place-items:center;font-size:1.4rem}.mini-map small{display:block}.review{border:1px solid var(--line);padding:1rem;border-radius:16px}.booking-box{position:sticky;top:100px;align-self:start;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);display:grid;gap:1rem}.booking-box form{display:grid;gap:.9rem}.booking-box h2{font-size:2rem;margin:0}.booking-box h2 small{font-size:.8rem;color:var(--muted)}.inline{display:block!important}.whatsapp{background:#20b85a;color:#fff;padding:.8rem;border-radius:12px;text-align:center;font-weight:800}.auth-wrap{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr}.auth-side{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;padding:10vw 8vw}.auth-side img{width:100px;background:#fff;border-radius:20px}.auth-side h1{font-size:clamp(2.6rem,5vw,5rem);line-height:1;margin:1rem 0}.auth-card{align-self:center;justify-self:center;width:min(440px,90%);display:grid;gap:1rem;border:1px solid var(--line);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow)}.demo-creds{display:grid;gap:.35rem;background:var(--soft);padding:1rem;border-radius:12px}.demo-creds code{font-size:.75rem}.dashboard-head{padding:50px clamp(1rem,5vw,5rem);background:var(--soft);display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard-head h1{font-size:clamp(2.2rem,5vw,4rem);margin:.2rem 0}.dashboard-head p{color:var(--muted)}.health{color:#168f4d;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:2rem;padding:35px clamp(1rem,5vw,5rem) 80px}.dash-nav{display:flex;flex-direction:column;gap:.35rem}.dash-nav a{padding:.8rem;border-radius:10px}.dash-nav a.active{background:#e6f7ff;color:var(--primary-dark);font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.2rem}.metrics>div{border:1px solid var(--line);border-radius:16px;padding:1.2rem;display:grid;background:#fff}.metrics span{color:var(--muted);font-size:.85rem}.metrics b{font-size:1.8rem}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;margin-bottom:1.2rem}.panel-head{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:.85rem;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.75rem;text-transform:uppercase;color:var(--muted)}td small{display:block;color:var(--muted)}.link-btn{background:transparent!important;color:var(--primary-dark)!important;padding:.3rem!important}.inline-form{display:flex;gap:.8rem;align-items:end}.inline-form.wrap{flex-wrap:wrap}.inline-form input{min-width:140px}.note{background:#fff8df;border:1px solid #eedc95;padding:1rem;border-radius:12px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.package-grid>div{border:1px solid var(--line);border-radius:16px;padding:1.2rem}.package-grid h3{font-size:2rem;margin:.5rem 0}.package-grid small{font-size:.8rem}.cards.compact{grid-template-columns:repeat(3,1fr)}.modal{position:fixed;inset:0;background:rgba(2,22,35,.65);display:none;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal.open{display:flex}.modal-card{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:var(--radius);padding:1.6rem;position:relative}.modal-close{position:absolute;right:14px;top:12px;background:transparent!important;color:var(--ink)!important;font-size:1.6rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid .full{grid-column:1/-1}.check{display:flex;align-items:center;gap:.5rem}.check input{width:auto}.three-pillars{grid-template-columns:repeat(3,1fr)}.three-pillars>div{border:1px solid var(--line);padding:2rem;border-radius:var(--radius)}.three-pillars b{font-size:3rem;color:var(--primary)}.contact-card{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;border:1px solid var(--line);padding:2rem;border-radius:var(--radius)}.contact-card form{display:grid;gap:1rem}.empty{padding:2rem;text-align:center;border:1px dashed var(--line);border-radius:16px}footer{padding:55px clamp(1rem,7vw,7rem);background:var(--ink);color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}footer>div{display:flex;flex-direction:column;gap:.45rem}footer img{width:65px;background:#fff;border-radius:14px}footer p{color:#bfd0db;max-width:380px}
@media(max-width:1100px){.explore-layout{grid-template-columns:230px 1fr}.map-panel{display:none}.cards{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.topbar{height:66px}.menu-btn{display:block}.topbar nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:1rem;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.topbar nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:45px}.phone-mock{display:none}.hero-search{grid-template-columns:1fr}.hero-stats{gap:1rem}.categories,.cards,.three-pillars{grid-template-columns:1fr 1fr}.cta{margin:30px 1rem;padding:30px;flex-direction:column;align-items:flex-start}.explore-layout{grid-template-columns:1fr}.filters{position:static}.explore-layout .cards{grid-template-columns:1fr 1fr}.vendor-hero{grid-template-columns:1fr}.vendor-photo{height:230px}.vendor-layout{grid-template-columns:1fr}.booking-box{position:static}.auth-wrap{grid-template-columns:1fr}.auth-side{padding:3rem 1.2rem}.dashboard-head{align-items:flex-start;flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.dash-nav{flex-direction:row;overflow:auto}.package-grid{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr}.cards.compact{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hero h1,.page-title h1{font-size:2.6rem}.section{padding:55px 1rem}.categories,.cards,.three-pillars,.explore-layout .cards,.cards.compact{grid-template-columns:1fr}.section-head.split{align-items:flex-start;flex-direction:column}.feature-grid,.form-grid,.two{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.metrics{grid-template-columns:1fr 1fr}.inline-form{align-items:stretch;flex-direction:column}.vendor-hero,.vendor-layout,.dashboard-grid{padding-left:1rem;padding-right:1rem}footer{grid-template-columns:1fr}.auth-card{padding:1.2rem}}

/* Homestay & Resort module */
.categories{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stay-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin:.7rem 0}.stay-meta span{background:#edf8fd;color:var(--primary-dark);border-radius:999px;padding:.25rem .48rem;font-size:.68rem;font-weight:800}.stay-filter-group{display:grid;gap:.8rem;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:.85rem}.stay-filter-group>b{color:var(--primary-dark);font-size:.82rem}.amenity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.amenity-grid span{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:.75rem;font-weight:700}.stay-rules{margin-top:1rem;border-left:4px solid var(--primary);background:var(--soft);padding:1rem;border-radius:0 12px 12px 0}.stay-rules p{margin:.4rem 0 0}.stay-fields{border:1px solid var(--line);background:var(--soft);border-radius:16px;padding:1rem}.stay-fields h3{margin:.1rem 0 1rem}.stay-fields[hidden],.stay-filter-group[hidden]{display:none!important}
@media(max-width:800px){.amenity-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.amenity-grid{grid-template-columns:1fr}}


/* Live map and nearby-search additions */
.hero-search{grid-template-columns:1.4fr .8fr auto auto}.hero-search .location-status{grid-column:1/-1}.near-me{white-space:nowrap}.location-status{color:var(--muted);font-weight:600;line-height:1.35}.locate-button{width:100%}.results-bar>div{display:grid}.results-bar small{color:var(--muted)}.distance-badge{display:inline-flex;align-items:center;gap:.3rem;background:#eff9ff;color:var(--primary-dark);border:1px solid #ccecff;padding:.36rem .58rem;border-radius:999px;font-size:.78rem;font-weight:800;margin:.15rem 0 .75rem}.leaflet-map{width:100%;background:#eaf3f7;z-index:1}.explore-map{height:620px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.single-map{height:320px;border-radius:18px;overflow:hidden;border:1px solid var(--line);margin-top:1rem}.map-note{font-size:.78rem;color:var(--muted);margin:.55rem .2rem}.directions-link{display:inline-block;margin-top:.8rem;color:var(--primary-dark);font-weight:800}.location-fields{border:1px solid var(--line);border-radius:16px;padding:1rem;background:var(--soft)}.location-fields h3{margin:0}.location-fields p{margin:.25rem 0 1rem;color:var(--muted);font-size:.86rem}.location-picker{height:300px;border-radius:14px;overflow:hidden;margin-top:.8rem;border:1px solid var(--line)}.account-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:1.3rem;max-width:1000px;margin:auto}.account-form{display:grid;gap:1rem}.leaflet-popup-content a{color:var(--primary-dark);font-weight:800}.leaflet-control-attribution{font-size:10px}
@media(max-width:1050px){.hero-search{grid-template-columns:1fr 1fr}.hero-search button{width:100%}.hero-search .location-status{grid-column:1/-1}.explore-map{height:420px}}
@media(max-width:720px){.hero-search{grid-template-columns:1fr}.hero-search .location-status{grid-column:auto}.single-map{height:260px}.location-picker{height:240px}.account-grid{grid-template-columns:1fr}.distance-badge{margin-bottom:.6rem}}