*{box-sizing:border-box}body{color:#172033;background:#f7faf7;margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button,.button{cursor:pointer;color:inherit;background:#fff;border:1px solid #dfe8df;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;text-decoration:none;display:inline-flex}button:disabled{opacity:.6;cursor:not-allowed}.green,.searchbar button{color:#fff;background:#17823b;border-color:#17823b}.green:hover{background:#136a30}.iconBtn{padding:6px 10px;font-size:12px}.deleteBtn{top:8px;color:#c33;position:absolute;inset-inline-end:8px}.header{z-index:10;background:#fff;border-bottom:1px solid #e8eee8;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;font-size:28px;display:flex}.logo div{flex-direction:column;display:flex}.logo b{font-size:20px}.logo small{color:#16833b;font-size:12px}nav{gap:8px;display:flex}nav .active{color:#fff;background:#17823b;border-color:#17823b}.langs{align-items:center;gap:4px;display:flex}.langs button{padding:8px 10px}.langs .active{color:#fff;background:#17823b}.container{max-width:1180px;margin:auto;padding:24px}.hero{color:#fff;background:linear-gradient(90deg,#003c14bf,#00000026),url(https://images.unsplash.com/photo-1493589976221-c2357c31ad77?auto=format&fit=crop&w=1600&q=80) 50%/cover;border-radius:28px;min-height:300px;padding:48px}.hero h1{font-size:42px}.hero p{font-size:20px}.searchbar{color:#172033;background:#fff;border-radius:20px;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:10px;padding:12px;display:grid;box-shadow:0 12px 32px #0002}.searchbar label{color:#667;flex-direction:column;font-size:12px;display:flex}.searchbar input{background:#f5f7f5;border:0;border-radius:12px;padding:12px}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card,.side,.main,.mapBox,.stat,.package,.res{background:#fff;border:1px solid #e8eee8;border-radius:22px;box-shadow:0 8px 26px #093b1610}.card{padding:14px;position:relative}.card img{object-fit:cover;border-radius:16px;width:100%;height:170px}.badge{top:24px;color:#fff;background:#17823b;border-radius:999px;padding:6px 12px;font-size:13px;position:absolute;inset-inline-start:24px}.badge.quiet{background:#4da36b}.badge.discount{background:#f59e0b}.badge.closed{background:#888}.card p{color:#667;align-items:center;gap:6px;display:flex}.rating{color:#f59e0b}.row{gap:8px;margin-top:14px;display:flex}.row a,.row button{flex:1}.fakeMap{background:linear-gradient(135deg,#e5f5e8,#dbeafe);border-radius:22px;height:300px;position:relative;overflow:hidden}.fakeMap span{background:#fff;border-radius:50%;padding:6px;font-size:30px;position:absolute;box-shadow:0 6px 16px #0002}.details{grid-template-columns:280px 1fr;gap:20px;display:grid}.side{height:max-content;padding:20px}.side a,.side button{width:100%;margin-top:10px}.big{margin:24px 0;font-size:36px}.main{padding:20px}.cover{object-fit:cover;border-radius:22px;width:100%;height:320px}.packages,.status,.stats,.quick{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.package,.stat{padding:18px;position:relative}.booking{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.booking input,.booking select{border:1px solid #dfe8df;border-radius:14px;padding:14px}.price{background:#f3faf4;border-radius:14px;grid-column:1/-1;padding:16px}.wide{grid-column:1/-1}.phone{background:#fff;max-width:430px;min-height:100vh;margin:auto;padding:22px 18px 100px}.phoneHero{color:#fff;background:linear-gradient(90deg,#005a1ed9,#0000001a),url(https://images.unsplash.com/photo-1621763668206-b9a47fc8727a?auto=format&fit=crop&w=900&q=80) 50%/cover;border-radius:28px;padding:24px}.phoneHero button{color:#17823b;background:#fff;border-color:#fff;margin-top:12px}.phone .stats{grid-template-columns:repeat(2,1fr)}.phone .packages{grid-template-columns:1fr}.stat b{color:#17823b;font-size:32px;display:block}.stat span{color:#667}.quick{grid-template-columns:repeat(4,1fr);overflow:auto}.quick button{flex-direction:column;min-width:90px;height:92px;font-size:12px}.res{grid-template-columns:1fr auto auto auto auto;align-items:center;gap:8px;margin-bottom:10px;padding:14px;display:grid}.res span{color:#667}.res em{background:#eef;border-radius:999px;padding:4px 10px;font-size:12px;font-style:normal}.res em.confirmed{color:#166534;background:#dcfce7}.res em.pending{color:#854d0e;background:#fef9c3}.res em.cancelled{color:#991b1b;background:#fee2e2}.bottom{color:#17823b;background:#fff;border-radius:28px 28px 0 0;justify-content:space-around;width:100%;max-width:430px;padding:18px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 30px #0002}@media (width>=900px){.phone{background:0 0;max-width:1180px;min-height:auto;padding:24px}.phoneHero{flex-direction:column;justify-content:flex-end;min-height:200px;display:flex}.phone .stats{grid-template-columns:repeat(4,1fr)}.phone .packages{grid-template-columns:repeat(3,1fr)}.quick{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.bottom{display:none}}.loginPage{justify-content:center;display:flex}.loginCard{background:#fff;border-radius:22px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:28px;display:flex;box-shadow:0 8px 26px #093b1610}.loginCard label{color:#667;flex-direction:column;gap:6px;font-size:13px;display:flex}.loginCard input{border:1px solid #dfe8df;border-radius:12px;padding:12px}.loginCard .hint{color:#667;text-align:center;font-size:12px}.modalBack{z-index:50;background:#0007;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:90%;max-width:420px;max-height:90vh;padding:0;overflow:auto}.modal header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:18px;display:flex}.modal header h3{margin:0}.modalBody{flex-direction:column;gap:10px;padding:18px;display:flex}.modalBody input,.modalBody select{border:1px solid #dfe8df;border-radius:12px;padding:12px}.modalBody label{color:#667;flex-direction:column;gap:4px;font-size:13px;display:flex}.tabs{gap:8px;margin:16px 0;display:flex}.tabs .active{color:#fff;background:#17823b;border-color:#17823b}.userTable{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 8px 26px #093b1610}.userTable th,.userTable td{text-align:start;border-bottom:1px solid #eee;padding:10px 14px}.userTable th{background:#f3faf4}.muted{color:#888;text-align:center;padding:20px}.ok{color:#166534;background:#dcfce7;border-radius:12px;padding:10px}.err{color:#991b1b;background:#fee2e2;border-radius:12px;padding:10px}@media (width<=800px){.header{flex-wrap:wrap;gap:10px;height:auto;padding:12px}.logo b{font-size:16px}nav{order:3;width:100%;overflow:auto}.container{padding:14px}.hero{padding:28px 18px}.hero h1{font-size:28px}.searchbar,.grid,.details,.packages,.status,.stats,.booking{grid-template-columns:1fr}.cover{height:220px}.side{order:2}}