@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";.admin-layout{color:#1f2937;z-index:10000;background-color:#f8fafc;width:100vw;height:100vh;font-family:Source Sans Pro,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.admin-sidebar{color:#fff;z-index:20;background-color:#111827;flex-direction:column;width:260px;display:flex;box-shadow:4px 0 10px #0000000d}.admin-sidebar-header{border-bottom:1px solid #ffffff0d;align-items:center;height:80px;padding:0 24px;display:flex}.admin-logo{color:#fff;align-items:center;gap:12px;font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700;display:flex}.admin-logo-icon{color:#fff;background:#10b981;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex}.admin-sidebar-nav{flex:1;padding:24px 16px;overflow-y:auto}.admin-nav-group{margin-bottom:24px}.admin-nav-group-title{text-transform:uppercase;letter-spacing:1px;color:#6b7280;margin-bottom:12px;padding-left:12px;font-size:.75rem;font-weight:700}.admin-nav-item{color:#9ca3af;cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.admin-nav-item:hover{color:#fff;background:#ffffff0d}.admin-nav-item.active{color:#10b981;background:#10b9811a}.admin-sidebar-footer{border-top:1px solid #ffffff0d;padding:20px 16px}.admin-profile{align-items:center;gap:12px;display:flex}.admin-avatar{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.admin-profile-info{flex:1}.admin-profile-name{margin-bottom:2px;font-size:.95rem;font-weight:600}.admin-profile-role{color:#6b7280;font-size:.75rem}.admin-main-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.admin-topbar{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:80px;padding:0 32px;display:flex}.admin-search-wrapper{color:#6b7280;background:#f3f4f6;border-radius:20px;align-items:center;width:320px;padding:10px 16px;display:flex}.admin-search-input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;margin-left:10px;font-family:inherit;font-size:.95rem}.admin-topbar-actions{align-items:center;gap:20px;display:flex}.admin-topbar-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex;position:relative}.admin-topbar-btn:hover{color:#1f2937;background:#f3f4f6}.notification-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:10px}.admin-action-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-weight:600;transition:background .2s;display:flex}.admin-action-btn:hover{background:#059669}.admin-content{flex:1;padding:32px;overflow-y:auto}.admin-page-header{margin-bottom:24px}.admin-page-title{color:#111827;margin-bottom:4px;font-size:1.8rem;font-weight:700}.admin-page-subtitle{color:#6b7280;font-size:.95rem}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px;display:grid}.admin-card{background:#fff;border:1px solid #0000000d;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.admin-stat-card{flex-direction:column;display:flex}.admin-stat-header{color:#6b7280;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.95rem;font-weight:600;display:flex}.admin-stat-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.icon-emerald{color:#10b981;background:#10b9811a}.icon-blue{color:#3b82f6;background:#3b82f61a}.icon-orange{color:#f97316;background:#f973161a}.icon-purple{color:#8b5cf6;background:#8b5cf61a}.admin-stat-value{color:#111827;margin-bottom:8px;font-size:2rem;font-weight:700}.admin-stat-trend{align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-text{color:#9ca3af;font-weight:400}.admin-chart-row{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px;display:grid}.admin-card-title{color:#111827;margin-bottom:4px;font-size:1.1rem;font-weight:700}.admin-card-subtitle{color:#6b7280;margin-bottom:20px;font-size:.85rem}.chart-filters{background:#f3f4f6;border-radius:8px;gap:8px;padding:4px;display:flex}.chart-filter-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.chart-filter-btn.active{color:#111827;background:#fff;box-shadow:0 1px 3px #0000001a}.admin-table-container{margin-top:20px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{color:#6b7280;text-transform:uppercase;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:.85rem;font-weight:600}.admin-table td{color:#1f2937;vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:16px}.admin-table tr:last-child td{border-bottom:none}.admin-badge{border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-success{color:#10b981;background:#10b9811a}.badge-warning{color:#f59e0b;background:#f59e0b1a}.badge-danger{color:#ef4444;background:#ef44441a}.admin-logout-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.admin-logout-btn:hover{color:#ef4444;background:#ef44441a}.admin-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.admin-input-group{margin-bottom:16px}.admin-input-group label{color:#4b5563;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.admin-input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 14px;font-size:.95rem;transition:all .2s}.admin-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.admin-form-actions{gap:12px;margin-top:24px;display:flex}.admin-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.admin-btn-primary{color:#fff;background:#10b981}.admin-btn-primary:hover{background:#059669}.admin-btn-outline{color:#4b5563;background:0 0;border:1px solid #d1d5db}.admin-btn-outline:hover{color:#1f2937;background:#f3f4f6}.admin-btn-danger{color:#ef4444;background:0 0;border:1px solid #ef4444}.admin-btn-danger:hover{background:#fef2f2}.admin-legend-list{margin-top:20px;list-style:none}.admin-legend-item{color:#4b5563;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;display:flex}.admin-legend-label{align-items:center;gap:8px;display:flex}.admin-legend-dot{border-radius:50%;width:10px;height:10px}@media (width<=1024px){.admin-chart-row,.admin-form-grid{grid-template-columns:1fr}}@media (width<=768px){.admin-layout{flex-direction:column;height:auto;position:relative;overflow:auto}.admin-sidebar{z-index:20;width:100%;height:auto;position:relative;box-shadow:0 4px 10px #0000001a}.admin-sidebar-nav{gap:20px;padding:16px;display:flex;overflow-x:auto}.admin-nav-group{align-items:center;gap:10px;margin-bottom:0;display:flex}.admin-nav-group-title{margin-bottom:0;margin-right:10px;padding-left:0}.admin-nav-item{white-space:nowrap;margin-bottom:0}.admin-sidebar-footer{display:none}.admin-main-wrapper{overflow:visible}.admin-content{padding:16px}.admin-page-title{font-size:1.5rem}.admin-stats-grid{grid-template-columns:1fr}.admin-table-container{border-radius:8px;box-shadow:0 0 0 1px #e5e7eb}}@media (width<=480px){.admin-stat-value{font-size:1.6rem}.admin-card,.admin-chart-row>div{padding:16px}}.dark-footer{color:#fff;background-color:#0d111b;margin-top:50px;padding:60px 0 40px;position:relative}.dark-footer-container{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.footer-col{flex:1;min-width:200px}.footer-logo-col{flex-direction:column;justify-content:flex-start;align-items:center;min-width:250px;display:flex}.footer-logo{text-align:center}.footer-logo h2{letter-spacing:2px;color:#fff;text-transform:uppercase;margin-top:0;margin-bottom:5px;font-size:1.8rem}.footer-logo p{letter-spacing:4px;color:#a0a0a0;text-transform:uppercase;font-size:.8rem}.footer-heading{letter-spacing:1.5px;text-transform:uppercase;color:#fff;border-bottom:1px solid #ffffff1a;margin-top:0;margin-bottom:20px;padding-bottom:15px;font-size:.85rem;font-weight:600}.footer-list{margin:0 0 20px;padding:0;list-style:none}.footer-list li{color:#e5e7eb;margin-bottom:12px;font-size:.9rem}.footer-list li a{color:#e5e7eb;text-decoration:none;transition:color .2s}.footer-list li a:hover{color:#8aaae5}.footer-socials{gap:12px;display:flex}.social-icon{color:#8aaae5;border:1px solid #8aaae5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{color:#0d111b;background-color:#8aaae5}.newsletter-form{flex-direction:column;display:flex}.newsletter-form label{color:#e5e7eb;margin-bottom:10px;font-size:.85rem}.newsletter-form input{color:#fff;background:0 0;border:1px solid #fff3;outline:none;padding:8px 12px;font-size:.9rem;transition:border-color .3s}.newsletter-form input:focus{border-color:#b5803d}.submit-btn{color:#fff;cursor:pointer;background-color:#b5803d;border:none;padding:8px 24px;font-size:.9rem;transition:background-color .3s}.submit-btn:hover{background-color:#cda863}.scroll-to-top{color:#8aaae5;cursor:pointer;background-color:#1a2035;border:none;border-radius:20px 6px 6px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;bottom:20px;right:20px}.scroll-to-top:hover{background-color:#232a42;transform:translateY(-3px)}.payment-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.payment-card{background:#fff;border-radius:4px;justify-content:center;align-items:center;width:100%;height:38px;transition:transform .2s;display:flex;box-shadow:0 1px 3px #0003}.payment-card:hover{transform:translateY(-2px)}@media (width<=768px){.dark-footer{padding:40px 0 20px}.dark-footer-container{flex-direction:column;align-items:flex-start;gap:30px}.footer-col{width:100%}.footer-logo-col{align-items:center;width:100%;margin-bottom:10px}}.floating-contact{z-index:9999;flex-direction:column;gap:15px;display:flex;position:fixed;bottom:80px;right:20px}.contact-btn{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;text-decoration:none;transition:transform .3s;display:flex;position:relative;box-shadow:0 4px 10px #0000004d}.contact-btn:hover{transform:scale(1.1)}.contact-btn:before{content:"";opacity:.5;z-index:-1;border:2px solid;border-radius:50%;animation:2s linear infinite contactPulse;position:absolute;inset:-6px}.contact-btn.zalo{background-color:#08f}.contact-btn.zalo:before{border-color:#08f}.contact-btn.whatsapp{background-color:#25d366}.contact-btn.whatsapp:before{border-color:#25d366}.contact-btn.messenger{background-color:#0084ff}.contact-btn.messenger:before{border-color:#0084ff}.contact-btn.phone{background-color:red}.contact-btn.phone:before{border-color:red}@keyframes contactPulse{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.navbar{z-index:1000;background:0 0;border-bottom:1px solid #0000;height:80px;transition:all .4s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:var(--glass-bg-transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.nav-container{justify-content:space-between;align-items:center;max-width:100%;height:100%;margin:0 auto;padding:0 40px;display:flex}.nav-left{align-items:center;gap:10px;display:flex}.nav-logo-icon{object-fit:cover;width:50px;height:50px}.nav-logo{color:var(--accent-teal);font-size:1.5rem;font-weight:700}.nav-center{gap:30px;display:flex}.nav-right{align-items:center;gap:15px;display:flex}.nav-outline-btn{white-space:nowrap;border:2px solid var(--text-primary);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:20px;padding:6px 16px;font-size:.9rem;font-weight:600;transition:all .3s}.navbar:not(.scrolled) .nav-outline-btn{color:#fff;border-color:#fff}.nav-outline-btn:hover{background:var(--text-primary);color:var(--bg-primary)}.navbar:not(.scrolled) .nav-outline-btn:hover{color:var(--text-primary);background:#fff}.nav-link{color:var(--text-primary);font-family:Source Sans Pro,sans-serif;font-weight:600;transition:all .3s}.navbar:not(.scrolled) .nav-link,.navbar:not(.scrolled) .theme-toggle,.navbar:not(.scrolled) .nav-logo{color:#fff}.navbar:not(.scrolled) .nav-logo-icon{filter:drop-shadow(0 1px 3px #0009)}.nav-link:hover{color:var(--accent-orange)}.theme-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:1.2rem;transition:background-color .3s;display:flex}.theme-toggle:hover{background-color:var(--glass-border)}.mobile-menu-btn,.mobile-menu-overlay{display:none}.back-to-top{background-color:var(--accent-orange);color:#fff;cursor:pointer;z-index:1000;opacity:0;visibility:hidden;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px);box-shadow:0 4px 15px #f9731666}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background-color:var(--accent-orange-hover);transform:translateY(-5px)}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.badge-success{background:var(--accent-teal);color:#fff}.badge-warning{background:var(--warning);color:#fff}.badge-danger{background:var(--danger);color:#fff}.footer{border-top:1px solid var(--glass-border);background:var(--bg-secondary);margin-top:auto;padding:20px}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}.footer-info{color:var(--text-secondary);font-size:.9rem}.footer-payment{align-items:center;gap:15px;display:flex}@media (width<=768px){.nav-container{padding:0 15px}.nav-center,.nav-search-btn{display:none}.mobile-menu-btn{display:flex}.hide-on-mobile{display:none!important}.mobile-menu-overlay{background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);z-index:999;flex-direction:column;width:100%;padding:20px;display:flex;position:fixed;top:80px;left:0;box-shadow:0 10px 15px #0000001a}.mobile-menu-overlay .nav-link{border-bottom:1px solid var(--glass-border);text-align:center;width:100%;padding:15px 0}.nav-logo{white-space:normal;max-width:180px;font-size:1.1rem;line-height:1.2}.nav-logo-icon{width:40px;height:40px}.nav-right{gap:8px}.theme-toggle{padding:6px;font-size:.85rem!important}.footer-container{text-align:center;flex-direction:column;justify-content:center}}:root{--bg-primary:#f4f7fc;--bg-secondary:#fff;--text-primary:#1f2937;--text-secondary:#4b5563;--accent-teal:#8aaae5;--accent-orange:#8aaae5;--accent-orange-hover:#6d93d8;--glass-bg:#fffc;--glass-bg-transparent:#ffffffd9;--glass-border:#8aaae54d;--success:#2d99ae;--danger:#ef4444;--warning:#f59e0b}[data-theme=dark]{--bg-primary:#111827;--bg-secondary:#1f2937;--text-primary:#f9fafb;--text-secondary:#9ca3af;--accent-teal:#2dd4bf;--accent-orange:#fb923c;--accent-orange-hover:#f97316;--glass-bg:#1f2937;--glass-bg-transparent:#1f2937b3;--glass-border:#374151}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Source Sans Pro,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}body:after{content:"";opacity:.07;z-index:-2;pointer-events:none;background-image:url(/pattern.png);background-repeat:repeat;background-size:400px;width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6,.section-title,.hero-title,.footer-heading,.footer-logo h2,.nav-logo{font-family:Playfair Display,serif;font-weight:700}body:before{content:"";background-color:var(--bg-secondary);z-index:-1;pointer-events:none;width:100%;max-width:1200px;height:100vh;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 40px #00000005}@media (width<=1200px){body:after{display:none}}a{color:inherit;text-decoration:none}.glass{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{cursor:pointer;text-align:center;border:none;border-radius:6px;outline:none;padding:10px 24px;font-family:Quicksand,sans-serif;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background:var(--accent-orange);color:#fff}.btn-primary:hover{background:var(--accent-orange-hover)}.btn-teal{background:var(--accent-teal);color:#fff}.btn-teal:hover{filter:brightness(.9)}.btn-outline{border:1px solid var(--glass-border);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--bg-primary)}.input-field{border:1px solid var(--glass-border);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:12px 16px;font-family:Quicksand,sans-serif;transition:all .3s}.input-field:focus{border-color:var(--accent-teal);box-shadow:0 0 0 2px #217e7a33}.fade-in{animation:.5s ease-in-out fadeIn}.slide-up{animation:.6s cubic-bezier(.16,1,.3,1) slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;color:#fff;background-color:#0000;background-image:linear-gradient(#000000a6,#000c),url(/background-home.jpg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:0;flex-direction:column;justify-content:center;align-items:center;height:100vh;min-height:600px;margin:0;padding:0 20px;display:flex;position:relative}.hero-title{max-width:600px;margin-bottom:10px;font-size:clamp(2rem,6vw,3.5rem);font-weight:700;line-height:1.2}.hero-subtitle{opacity:1;font-size:1.1rem}.search-bar-container{z-index:10;width:95%;max-width:1100px;position:absolute;bottom:-45px;left:50%;transform:translate(-50%)}.search-bar{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;align-items:center;padding:24px;display:flex;box-shadow:0 20px 40px #0000001a}.search-bar-left{border-right:1px solid #0000000d;flex:1;align-items:flex-end;gap:15px;padding-right:20px;display:flex}.search-bar-right{align-items:center;gap:15px;min-width:220px;padding-left:20px;display:flex}.trust-block{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.trust-block-icon{color:#22c55e;font-size:1.8rem}.trust-block-text{font-size:.9rem;font-weight:600;line-height:1.3}.search-field{text-align:left;flex:1}.search-field label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.search-input-wrap{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:8px;align-items:center;padding:12px 16px;transition:all .3s;display:flex}.search-input-wrap:hover{background:var(--bg-secondary);border-color:var(--accent-teal)}.search-input-wrap:focus-within{border-color:var(--accent-orange);background:var(--bg-secondary);box-shadow:0 0 0 3px #0c577633}.search-input-wrap input,.search-input-wrap select{width:100%;color:var(--text-primary);appearance:none;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.95rem}.search-input-wrap input[type=date]{appearance:auto}.amenity-card{text-align:center;background:var(--bg-secondary);border:1px solid var(--glass-border);cursor:pointer;border-radius:16px;padding:30px 20px;transition:all .4s;box-shadow:0 4px 6px -1px #0000000d}.amenity-card:hover{border-color:var(--accent-teal);background:var(--bg-primary);transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.amenity-icon{color:var(--accent-orange);margin-bottom:20px;font-size:2.5rem;transition:color .4s,transform .4s}.amenity-card:hover .amenity-icon{color:var(--accent-teal);transform:scale(1.1)}.amenity-title{color:var(--text-primary);margin-bottom:10px;font-size:1.2rem;font-weight:700}.amenity-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.room-card.image-centric{cursor:pointer;background:#000;border:none;border-radius:16px;flex-direction:column;justify-content:flex-end;height:400px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000001a}.room-card.image-centric .room-card-bg-img{object-fit:cover;z-index:0;opacity:.8;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0}.room-card.image-centric:hover .room-card-bg-img{opacity:1;transform:scale(1.1)}.room-badge{color:#fff;z-index:2;text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:700;position:absolute;top:15px;left:15px}.new-badge{background:var(--accent-orange)}.discount-badge{background:var(--accent-teal)}.room-card-base-info{z-index:2;color:#fff;background:linear-gradient(#0000,#000000e6);width:100%;padding:20px;transition:transform .4s,opacity .4s;position:relative}.room-card-base-info h3{margin-bottom:5px;font-size:1.5rem}.room-type-label{background:#fff3;border-radius:4px;padding:3px 8px;font-size:.9rem}.room-card-hover-content{-webkit-backdrop-filter:blur(4px);z-index:3;opacity:0;pointer-events:none;background:#000000a6;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:30px 20px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;top:0;left:0;transform:translateY(20px)}.room-card.image-centric:hover .room-card-hover-content{opacity:1;pointer-events:auto;transform:translateY(0)}.room-card.image-centric:hover .room-card-base-info{opacity:0;transform:translateY(20px)}.hover-details{transition:transform .4s;transform:translateY(-10px)}.room-card.image-centric:hover .hover-details{transform:translateY(0)}.hover-action{justify-content:space-between;align-items:center;display:flex}.book-now-btn{color:var(--text-primary);background:#fff;border-radius:20px;padding:10px 24px;font-weight:600}.book-now-btn:hover{background:var(--accent-orange);color:#fff}.rooms-section{padding:80px 0 40px}@media (width<=768px){.hero{border-radius:0;height:auto;min-height:550px;margin:0;padding:100px 20px 60px}.search-bar-container{width:100%;margin-top:30px;padding:0 15px;position:relative;bottom:0;left:0;transform:none}.search-bar{flex-direction:column;align-items:stretch;gap:15px}.search-bar-left{border-bottom:1px solid #0000000d;border-right:none;flex-direction:column;align-items:stretch;padding-bottom:15px;padding-right:0}.search-bar-right{justify-content:center;min-width:auto;padding-left:0}.search-bar .btn{height:48px!important}.rooms-section{padding:40px 0}}.marquee-container{white-space:nowrap;width:100%;padding:20px 0;position:relative;overflow:hidden}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:100px;height:100%;position:absolute;top:0}.marquee-container:before{background:linear-gradient(to right, var(--bg-primary), transparent);left:0}.marquee-container:after{background:linear-gradient(to left, var(--bg-primary), transparent);right:0}.marquee-track{gap:20px;padding-left:20px;animation:30s linear infinite scroll;display:inline-flex}.marquee-track:hover{animation-play-state:paused}.marquee-item{cursor:pointer;border-radius:12px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000001a}.marquee-item:hover{transform:scale(1.03)}.marquee-img{object-fit:cover;width:320px;height:220px;display:block}.marquee-label{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(#0000,#000c);padding:15px;font-size:1.1rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 10px))}}.section-divider{margin:60px 0;box-shadow:inset 0 4px 6px -4px #0000000d,inset 0 -4px 6px -4px #0000000d}.section-title-wrap{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.section-title{color:var(--accent-teal);text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:10px;font-size:2.2rem;font-weight:700}.title-underline{background-color:var(--accent-orange);border-radius:2px;width:60px;height:4px}.intro-text{max-width:800px;color:var(--text-secondary);text-align:justify;margin:0 auto 50px;font-size:1.15rem;line-height:1.8}.map-container-wrapper{background-color:var(--bg-secondary);border-top:1px solid var(--glass-border);margin-top:60px;padding:60px 0}.map-card{border:8px solid var(--glass-bg);border-radius:16px;width:80%;height:500px;margin:0 auto;overflow:hidden;box-shadow:0 20px 40px #0000001a}@media (width<=768px){.map-card{width:95%;height:400px}.section-title{font-size:1.6rem}.intro-text{text-align:left;padding:0 15px;font-size:1.05rem}}.booking-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.booking-modal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;width:100%;max-width:520px;max-height:90vh;padding:30px;animation:.35s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 60px #0000004d}.booking-modal-close{background:var(--bg-primary);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.booking-modal-close:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:rotate(90deg)}.booking-modal-header{margin-bottom:24px}.booking-modal-room-info{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:12px;align-items:center;gap:16px;padding:14px;display:flex}.booking-modal-room-img{object-fit:cover;border-radius:8px;width:80px;height:60px}.booking-modal-title{color:var(--text-primary);margin-bottom:20px;font-size:1.3rem;font-weight:700}.booking-form{flex-direction:column;gap:16px;display:flex}.booking-form-group{flex-direction:column;gap:6px;display:flex}.booking-form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.booking-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.booking-submit-btn{text-transform:uppercase;letter-spacing:.5px;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;font-size:1.05rem;font-weight:700;transition:all .3s;display:flex;background:linear-gradient(135deg, var(--accent-orange), var(--accent-orange-hover))!important;padding:14px!important}.booking-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f9731666}.booking-submit-btn:disabled{opacity:.7;cursor:not-allowed}.booking-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.booking-success{text-align:center;padding:10px 0}.booking-success-icon{color:var(--success);margin-bottom:12px;font-size:3.5rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) successPop}@keyframes successPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.booking-success h2{color:var(--text-primary);margin-bottom:4px;font-size:1.5rem}.booking-success-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem}.booking-success-details{background:var(--bg-primary);border:1px solid var(--glass-border);text-align:left;border-radius:12px;padding:16px}.booking-detail-row{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.booking-detail-row:last-child{border-bottom:none}.booking-detail-label{color:var(--text-secondary);font-size:.9rem}.booking-detail-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.booking-code-highlight{background:linear-gradient(135deg, var(--accent-teal), #34d399);letter-spacing:2px;border-radius:6px;padding:4px 14px;font-family:monospace;font-size:1rem;color:#fff!important}.admin-image-upload-area{border:2px dashed var(--glass-border);text-align:center;cursor:pointer;background:var(--bg-primary);border-radius:12px;padding:30px;transition:all .3s}.admin-image-upload-area:hover{border-color:var(--accent-orange);background:#f973160d}.admin-image-preview{object-fit:cover;border-radius:8px;width:100%;max-height:200px;margin-top:10px}@media (width<=480px){.booking-modal{max-height:95vh;padding:20px}.booking-form-row{grid-template-columns:1fr}.booking-modal-room-info{text-align:center;flex-direction:column}}.goog-te-banner-frame,iframe.goog-te-banner-frame,.skiptranslate>iframe,.VIpgJd-Zvi9od-aZ2wEe-wOHMyf.VIpgJd-Zvi9od-aZ2wEe-wOHMyf-ti6hGc{display:none!important}body{position:static!important;top:0!important}.goog-tooltip,.goog-tooltip:hover{display:none!important}.goog-text-highlight{box-shadow:none!important;background-color:#0000!important;border:none!important}#google_translate_element{display:none!important}.room-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000008}.room-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.room-card-img-wrapper{height:220px;color:var(--text-secondary);background:#f3f4f6;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:relative;overflow:hidden}.room-card-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.room-card:hover .room-card-img-wrapper img{transform:scale(1.05)}.room-card-overlay{z-index:20;color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.room-card-overlay.locked{background:#ef444499}.room-card-overlay.holding{background:#f59e0b99}.room-card-overlay.cleaning{background:#10b98199}.room-card-overlay-title{text-transform:uppercase;text-shadow:0 2px 4px #0000004d;margin-bottom:8px;font-size:1.5rem;font-weight:700}.room-card-overlay-subtitle{text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px #0000004d;font-size:.9rem}.room-card-content{flex-direction:column;flex:1;padding:24px;display:flex}.room-card-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1.25rem;font-weight:700;display:flex}.room-card-capacity{color:var(--text-secondary);background:var(--bg-primary);border-radius:8px;align-items:center;gap:6px;width:fit-content;margin-bottom:16px;padding:6px 12px;font-size:.9rem;font-weight:500;display:inline-flex}.room-card-amenities{color:var(--text-secondary);flex-wrap:wrap;gap:12px;margin-bottom:24px;font-size:.85rem;display:flex}.room-card-amenity{background:#00000005;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex}[data-theme=dark] .room-card-amenity{background:#ffffff0d}.room-card-footer{border-top:1px dashed var(--glass-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.room-card-price{flex-direction:column;display:flex}.room-card-price-amount{color:var(--accent-orange);font-size:1.35rem;font-weight:700}.room-card-price-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.reviews-carousel::-webkit-scrollbar{display:none}.reviews-carousel{-ms-overflow-style:none;scrollbar-width:none}
