@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=DM+Sans:wght@300;400;500;600;700&display=swap";:root{--primary-light: #BBE0EF;--primary-deep: #161E54;--primary-medium: #1E2A7A;--primary-muted: #2A3A8C;--muted: #4A5A9C;--black: #0a0a0c;--dark: #161E54;--dark2: #1E2A7A;--dark3: #2A3A8C;--white: #FFFFFF;--cream: #F0F8FF;--light-gray: #E3E3E3;--girls: #FF6B9D;--boys: #4A9EFF;--apt: #A78BFA;--family: #C5E0D3;--mixed: #C5D0E3;--gold: #F5B342;--success: #1346A0;--success-dark: #0A2A5E;--warning: #f59e0b;--warning-dark: #d97706;--danger: #ef4444;--danger-dark: #dc2626;--info: #3b82f6;--info-dark: #2563eb;--red: #CC0000;--red2: #e60000;--border: rgba(22, 30, 84, .2);--border-solid: rgba(22, 30, 84, .3);--border-red: rgba(204, 0, 0, .25);--nav-border: rgba(22, 30, 84, .1);--footer-border:rgba(255, 255, 255, .1);--nav-bg: #FFFFFF;--footer-bg: #161E54;--accent: #161E54;--accent-light: #2A3A8C;--gradient-1: linear-gradient(135deg, #161E54, #2A3A8C);--gradient-2: linear-gradient(135deg, #065F46, #10b981);--gradient-3: linear-gradient(135deg, #92400e, #f59e0b);--shadow-sm: 0 2px 8px rgba(22,30,84,.1);--shadow-md: 0 4px 16px rgba(22,30,84,.15);--shadow-lg: 0 8px 32px rgba(22,30,84,.2);--shadow-xl: 0 12px 48px rgba(22,30,84,.25);--shadow-glow: 0 0 20px rgba(22,30,84,.2);--shadow-glow-hover:0 0 30px rgba(22,30,84,.3);--radius: 14px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--primary-deep);overflow-x:hidden;min-height:100vh;line-height:1.6}::-webkit-scrollbar-track{background:var(--cream);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary-medium);border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--primary-muted)}h1,h2,h3,h4,h5,h6,.display{font-family:Cormorant Garamond,serif;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--primary-deep)}h1{font-size:clamp(2.5rem,8vw,4rem)}h2{font-size:clamp(2rem,6vw,3rem)}h3{font-size:clamp(1.5rem,4vw,2rem)}h4{font-size:clamp(1.25rem,3vw,1.5rem)}p,span,a,input,select,textarea,label,div{color:var(--primary-deep)}.search-text{color:#fff}.page{display:none;animation:fadeUp .6s cubic-bezier(.4,0,.2,1)}.page.active{display:block}.hidden{display:none!important}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mb-5{margin-bottom:5px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-15{gap:15px}.gap-20{gap:20px}.w-full{width:100%}.reveal{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s ease}.reveal.js-reveal-ready{opacity:0;transform:translateY(30px)}.reveal.visible{opacity:1!important;transform:translateY(0)!important}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg)}to{opacity:1;transform:rotate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #0a2a5e33}50%{box-shadow:0 0 40px #0a2a5e4d}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}nav{position:sticky;top:0;z-index:1000;overflow:visible!important;background:linear-gradient(135deg,var(--primary-deep) 0%,var(--primary-medium) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.12);padding:0 16px;height:70px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 24px #161e5459;width:100%}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto;cursor:pointer;transition:transform .2s;flex-shrink:0}.nav-brand:hover{transform:translateY(-1px)}.nav-brand:active{transform:translateY(0)}.nav-logo-box{width:44px;height:44px;background:linear-gradient(135deg,var(--primary-deep),var(--primary-muted));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:var(--white);font-family:Cormorant Garamond,serif;animation:glowPulse 3s ease-in-out infinite;box-shadow:var(--shadow-md);overflow:hidden;padding:2px}.nav-brand-text{display:flex;flex-direction:column;line-height:1.2}.nav-brand-text span:first-child{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700;color:var(--white);letter-spacing:-.5px;white-space:nowrap}.nav-brand-text span:last-child{font-size:11px;color:#ffffffa6;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:1px;flex-wrap:nowrap;overflow:visible!important}.nav-link{padding:7px 9px;border-radius:30px;color:#ffffffbf;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s;white-space:nowrap;border:none;background:none;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#161e541a;transform:translate(-50%,-50%);transition:width .4s,height .4s}.nav-link:hover:before{width:150%;height:150%}.nav-link:hover{color:var(--white);background:#ffffff1f}.nav-link.active{color:var(--white)!important;background:var(--gradient-1);border:1px solid rgba(255,255,255,.2)}.nav-actions{display:flex;align-items:center;gap:8px;margin-left:8px;flex-shrink:0}.nav-user{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:40px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.nav-user:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s}.nav-user:hover:before{transform:translate(100%)}.nav-user:hover{border-color:#fff6;background:#ffffff2e;transform:translateY(-1px);box-shadow:0 4px 20px #0003}.nav-user-avatar{width:32px;height:32px;background:var(--gradient-1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--white);box-shadow:var(--shadow-sm)}.nav-user span{font-size:13px;font-weight:500;color:var(--white);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer;padding:8px;background:none;border:none;z-index:1001;flex-shrink:0}.nav-hamburger span{display:block;width:24px;height:2px;background:var(--white);border-radius:4px;transition:all .3s}.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav-hamburger.active span:nth-child(2){opacity:0;transform:translate(-10px)}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:var(--white);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--nav-border);z-index:999;padding:20px;flex-direction:column;gap:8px;box-shadow:var(--shadow-lg);animation:slideDown .3s ease;max-height:calc(100vh - 70px);overflow-y:auto}.nav-mobile-menu.open{display:flex}.nav-mobile-link{padding:14px 20px;border-radius:12px;color:#161e54!important;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;border:none;background:none;text-align:left;width:100%;display:flex;align-items:center;gap:12px}.nav-mobile-link i{width:20px;font-size:16px;color:#161e54!important}.nav-mobile-link:hover{color:var(--white)!important;background:var(--gradient-1);padding-left:28px}.nav-mobile-link:hover i{color:var(--white)!important}.nav-mobile-menu{background:#fff!important}.quick-actions{display:flex;align-items:center;gap:6px;margin-left:8px;flex-shrink:0}.quick-action-btn{padding:6px 12px;border-radius:30px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:var(--white)!important;transition:all .3s;display:flex;align-items:center;gap:6px;white-space:nowrap}.quick-action-btn i{font-size:12px;color:var(--white)!important}.quick-action-btn,.quick-action-btn *{color:#fff!important}.quick-action-btn:hover{background:#fff3;border-color:#fff6;color:var(--white)!important;transform:translateY(-1px)}.quick-action-btn.primary{background:var(--gradient-1);color:var(--white)!important;border:none}.quick-action-btn.primary i{color:var(--white)!important}.quick-action-btn.primary:hover{box-shadow:0 4px 15px #161e544d;transform:translateY(-2px)}.nav-right-group{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.nav-logout-btn{padding:7px 14px;border-radius:30px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid rgba(255,255,255,.35);background:#161e5426;color:var(--white);transition:all .3s;display:flex;align-items:center;gap:6px;white-space:nowrap}.nav-logout-btn:hover{background:#161e544d;border-color:var(--primary-deep);color:var(--white);transform:translateY(-1px)}.nav-logout-btn i{color:#ef444499;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:12px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300%;height:300%}.btn:active{transform:scale(.95)}.btn-sm{padding:8px 20px;font-size:13px;border-radius:10px}.btn-lg{padding:16px 36px;font-size:16px;border-radius:14px}.btn-full{width:100%}.btn-primary{background:var(--gradient-1);color:var(--white);box-shadow:0 4px 15px #161e5433}.btn-primary:hover{box-shadow:0 6px 20px #161e544d;transform:translateY(-2px)}.btn-success{background:var(--gradient-2);color:var(--white);box-shadow:0 4px 15px #1e2a7a4d}.btn-success:hover{box-shadow:0 6px 20px #1e2a7a80;transform:translateY(-2px)}.btn-warning{background:var(--gradient-3);color:var(--white);box-shadow:0 4px 15px #1e2a7a4d}.btn-warning:hover{box-shadow:0 6px 20px #1e2a7a80;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--primary-medium),var(--primary-deep));color:var(--white);box-shadow:0 4px 15px #161e544d}.btn-danger:hover{box-shadow:0 6px 20px #161e5480;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--primary-deep);border:2px solid rgba(22,30,84,.2)}.btn-outline:hover{border-color:var(--primary-deep);color:var(--primary-deep);background:#161e540d;transform:translateY(-2px)}.btn-outline-primary{background:#ddeeff8c;color:var(--primary-deep);border:2px solid var(--primary-deep)}.btn-outline-primary:hover{background:#ddeeffbf;color:var(--primary-deep);transform:translateY(-2px);box-shadow:0 4px 15px #161e5426}.btn-outline-success{background:transparent;color:var(--success);border:2px solid var(--success)}.btn-outline-success:hover{background:var(--success);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 15px #1e2a7a4d}.btn-outline-danger{background:transparent;color:var(--danger);border:2px solid var(--danger)}.btn-outline-danger:hover{background:var(--danger);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 15px #161e544d}.btn-dark{background:#161e540d;color:var(--primary-deep);border:1px solid var(--border)}.btn-dark:hover{background:#161e541a;border-color:var(--primary-deep);color:var(--primary-deep);transform:translateY(-2px);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:30px;font-size:12px;font-weight:600;letter-spacing:.3px;transition:all .3s}.badge-girls{background:#ff6b9d26;color:var(--girls);border:1px solid rgba(255,107,157,.3)}.badge-girls i{color:var(--girls)}.badge-boys{background:#4a9eff26;color:var(--boys);border:1px solid rgba(74,158,255,.3)}.badge-boys i{color:var(--boys)}.badge-apt{background:#a78bfa26;color:var(--apt);border:1px solid rgba(167,139,250,.3)}.badge-apt i{color:var(--apt)}.badge-family{background:#34d39926;color:var(--family);border:1px solid rgba(52,211,153,.3)}.badge-family i{color:var(--family)}.badge-gold{background:#1e2a7a26;color:var(--gold);border:1px solid rgba(30,42,122,.3)}.badge-gold i{color:var(--gold)}.badge-mixed{background:#c5d0e340;color:var(--primary-muted);border:1px solid rgba(197,208,227,.5)}.tag{display:inline-flex;align-items:center;gap:4px;background:#161e5408;color:var(--primary-muted);padding:4px 10px;border-radius:20px;font-size:11px;border:1px solid var(--border);transition:all .2s}.tag:hover{background:#161e540d;color:var(--primary-deep);border-color:#161e544d}.tag i{color:var(--primary-deep)}.status-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.status-approved{background:#10b98126;color:var(--primary-deep);border:1px solid rgba(16,185,129,.3)}.status-rejected{background:#ef444426;color:var(--danger-dark);border:1px solid rgba(239,68,68,.3)}.status-left{background:#6b728026;color:var(--muted);border:1px solid rgba(107,114,128,.3)}.skeleton{background:linear-gradient(90deg,#161e540d 25%,#161e541a,#161e540d 75%);background-size:400px 100%;animation:shimmer 2s infinite;border-radius:8px}.loader{width:24px;height:24px;border:3px solid rgba(22,30,84,.1);border-top-color:var(--primary-deep);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.loader-lg{width:40px;height:40px;border-width:4px}.loader-sm{width:16px;height:16px;border-width:2px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:600;letter-spacing:.5px;color:var(--primary-muted);text-transform:uppercase;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;background:#161e5408;border:1px solid var(--border);color:var(--primary-deep);padding:14px 18px;border-radius:12px;font-family:DM Sans,sans-serif;font-size:15px;outline:none;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-deep);box-shadow:0 0 0 3px #161e541a;background:#161e5405}.form-group input::placeholder,.form-group textarea::placeholder{color:#161e544d;font-size:14px}.form-group select{color:var(--primary-deep);background:#161e5408}.form-group select option{background:var(--white);color:var(--primary-deep);padding:10px}.search-input option{background:var(--white);color:var(--primary-deep)}.price-inputs input{color:var(--primary-deep)}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input:invalid:not(:placeholder-shown){border-color:var(--danger);box-shadow:0 0 0 2px #161e541a}input:valid:not(:placeholder-shown){border-color:var(--success);box-shadow:0 0 0 2px #1e2a7a1a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:40px 60px}.modal-overlay.active{opacity:1;pointer-events:all}.modal{background:#ddeeffbf;border:1.5px solid var(--muted);border-radius:24px;width:100%;max-width:560px;max-height:calc(100vh - 80px);overflow-y:auto;padding:0 0 28px;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-xl),0 0 0 1px #161e5426;position:relative;animation:scaleIn .4s ease}.modal-overlay.active .modal{transform:scale(1) translateY(0)}.modal-wide{max-width:900px}.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#00000014;border:1.5px solid rgba(0,0,0,.15);color:var(--primary-deep)!important;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.modal-close:hover{background:var(--danger);color:var(--white);transform:rotate(90deg);border-color:var(--danger)}.modal h2{font-size:28px;margin-bottom:24px;text-align:center;color:var(--primary-deep);position:relative;padding-bottom:15px}.modal h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--gradient-1);border-radius:3px}#toast{position:fixed;bottom:30px;left:50%;z-index:9999;transform:translate(-50%) translateY(100px);background:var(--white);color:var(--primary-deep);padding:16px 28px;border-radius:50px;font-size:14px;font-weight:500;box-shadow:var(--shadow-xl);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:12px;max-width:90%;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#toast.show{transform:translate(-50%) translateY(0);opacity:1}#toast.success{border-left:4px solid var(--success);background:var(--white)}#toast.error{border-left:4px solid var(--danger);background:var(--white)}#toast.info{border-left:4px solid var(--info);background:var(--white)}#toast.warning{border-left:4px solid var(--warning);background:var(--white)}#toastMsg{flex:1;color:var(--primary-deep)}#toastIcon{color:var(--primary-deep)}.wishlist-float{position:fixed;bottom:100px;left:30px;z-index:900;width:60px;height:60px;background:var(--gradient-1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--white);box-shadow:var(--shadow-lg);cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(255,255,255,.2);animation:pulse 2s infinite}.wishlist-float:hover{transform:scale(1.15) rotate(5deg);box-shadow:var(--shadow-glow-hover);border-color:var(--gold);animation:none}.wishlist-float i{transition:transform .3s}.wishlist-float:hover i{transform:scale(1.1)}.wishlist-float .badge{position:absolute;top:-5px;right:-5px;background:var(--gold);color:var(--black);font-size:12px;font-weight:700;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--white)}.wa-float{position:fixed;bottom:30px;left:30px;z-index:900;width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--white);box-shadow:0 4px 20px #25d36666;cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:pulse 2s infinite}.wa-float:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 6px 30px #25d36699;animation:none}.wa-float i{transition:transform .3s}.wa-float:hover i{transform:scale(1.1)}.wishlist-item{display:flex;align-items:center;gap:15px;padding:15px;background:#161e5408;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;transition:all .3s}.wishlist-item:hover{border-color:var(--primary-deep);transform:translate(5px)}.wishlist-item img{width:60px;height:60px;object-fit:cover;border-radius:8px}.wishlist-item-info{flex:1}.wishlist-item-info h4{font-size:16px;margin-bottom:4px;color:var(--primary-deep)}.wishlist-item-info p{font-size:12px;color:var(--primary-muted);margin-bottom:2px}.wishlist-item-info .price{font-size:14px;font-weight:700;color:var(--primary-deep)}.wishlist-item-remove{width:32px;height:32px;border-radius:50%;background:#161e541a;border:1px solid rgba(22,30,84,.3);color:var(--danger);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.wishlist-item-remove:hover{background:var(--danger);color:var(--white);transform:scale(1.1)}.auth-tabs{display:flex;gap:0;background:#161e540d;border-radius:50px;margin-bottom:30px;padding:5px}.auth-tab{flex:1;padding:12px 16px;text-align:center;font-size:15px;font-weight:600;border:none;background:transparent;color:var(--primary-muted);cursor:pointer;border-radius:40px;transition:all .3s}.auth-tab.active{background:#ddeeff8c;color:var(--primary-deep);box-shadow:var(--shadow-md)}#confirmationModal .modal{max-width:500px;text-align:center}.success-animation{width:90px;height:90px;background:#1e2a7a1a;border:3px solid rgba(30,42,122,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:40px;color:var(--success);animation:scaleIn .5s ease,pulse 2s infinite}.confirm-bill-box{background:#161e5408;border:1px solid rgba(22,30,84,.1);border-radius:20px;padding:25px;margin-bottom:25px}.confirm-bill-box .total{font-family:Cormorant Garamond,serif;font-size:48px;font-weight:800;color:var(--primary-deep);line-height:1;margin:10px 0}.confirm-bill-box .breakdown{font-size:14px;color:var(--primary-muted)}.payment-proof-box{background:#1e2a7a0d;border:1px solid rgba(30,42,122,.25);border-radius:16px;padding:20px;margin-bottom:20px}.payment-proof-title{font-size:16px;font-weight:700;color:var(--gold);margin-bottom:10px;display:flex;align-items:center;gap:8px}.payment-proof-desc{font-size:14px;color:var(--primary-muted);line-height:1.6;margin-bottom:10px}.payment-proof-amount{font-family:Cormorant Garamond,serif;font-size:32px;font-weight:800;color:var(--primary-deep);margin:10px 0 5px}.payment-proof-sub{font-size:13px;color:var(--primary-muted)}.cafe-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.cafe-popup-overlay.active{opacity:1;pointer-events:all}.cafe-popup{background:var(--white);border:2px solid rgba(22,30,84,.2);border-radius:32px;max-width:500px;width:90%;padding:40px;position:relative;transform:scale(.8) translateY(30px);transition:transform .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #0003,0 0 0 1px #161e541a;text-align:center}.cafe-popup-overlay.active .cafe-popup{transform:scale(1) translateY(0)}.cafe-popup-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#161e540d;border:1px solid rgba(22,30,84,.1);color:var(--primary-muted);border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s}.cafe-popup-close:hover{background:var(--danger);color:var(--white);transform:rotate(90deg);border-color:var(--danger)}.cafe-popup-icon{width:100px;height:100px;background:#161e540d;border:2px solid rgba(22,30,84,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:48px;color:var(--primary-deep);animation:float 3s ease-in-out infinite}.cafe-popup h3{font-size:32px;font-weight:800;color:var(--primary-deep);margin-bottom:15px;font-family:Cormorant Garamond,serif}.cafe-popup p{color:var(--primary-muted);font-size:16px;line-height:1.7;margin-bottom:25px}.cafe-popup-features{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:25px 0;padding:20px;background:#161e5408;border:1px solid rgba(22,30,84,.1);border-radius:20px}.cafe-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--primary-muted)}.cafe-feature i{color:var(--primary-deep);font-size:18px}.cafe-popup-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.cafe-popup-buttons .btn{padding:14px 30px;font-size:15px}.cafe-popup-nothanks{color:var(--primary-muted);font-size:14px;text-decoration:none;display:inline-block;margin-top:15px;transition:color .3s}.cafe-popup-nothanks:hover{color:var(--primary-deep)}.password-field-wrap{position:relative;display:flex;align-items:center}.password-field-wrap input{flex:1;padding-right:44px!important}.eye-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--primary-muted);font-size:16px;padding:4px;transition:color .2s;line-height:1}.eye-toggle:hover{color:var(--primary-deep)}.custom-select-wrap{position:relative;display:flex;align-items:center;width:100%}.custom-select-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:32px!important;width:100%;cursor:pointer}.custom-select-arrow{position:absolute;right:10px;pointer-events:none;color:var(--primary-deep);font-size:12px;opacity:.7;transition:transform .2s}.custom-select-wrap:focus-within .custom-select-arrow{transform:rotate(180deg);opacity:1}.input-with-limit{position:relative;display:flex;flex-direction:column}.input-hint{font-size:11px;margin-top:4px;color:var(--primary-muted);min-height:16px;display:block}.hint-ok{color:var(--success)!important}.hint-warn{color:var(--gold)!important}.char-count{font-size:11px;margin-top:3px;color:var(--primary-muted);text-align:right}.wa-notify-box{background:linear-gradient(135deg,var(--cream) 0%,rgba(16,185,129,.08) 100%);border:2px solid #25D366;border-radius:16px;padding:18px 20px;margin-bottom:20px;box-shadow:0 4px 20px #1e2a7a1f}.wa-notify-label{font-size:13px;font-weight:700;color:var(--primary-medium);margin-bottom:14px;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:8px}.wa-notify-label i{font-size:18px;color:#25d366}.wa-drag-track{position:relative;background:#1e2a7a26;border:2px solid rgba(30,42,122,.3);border-radius:50px;height:52px;display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.wa-drag-thumb{position:absolute;left:4px;width:44px;height:44px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:22px;cursor:grab;box-shadow:0 4px 12px #1e2a7a66;z-index:2;touch-action:none}.wa-drag-thumb:active{cursor:grabbing}.wa-drag-text{width:100%;text-align:center;font-size:14px;font-weight:600;color:var(--primary-medium);pointer-events:none;padding-left:50px}#adminDetailsContent .reg-summary-box{margin-bottom:0}.role-select-btn{display:flex;align-items:center;gap:16px;background:var(--white);border:1.5px solid var(--border);border-radius:14px;padding:16px 18px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.role-select-btn:hover{border-color:var(--primary-deep);box-shadow:0 4px 16px #161e541a;transform:translateY(-1px)}.role-icon{width:44px;height:44px;border-radius:12px;background:#161e5414;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary-deep);flex-shrink:0}.role-icon--owner{background:#6366f11a;color:var(--info)}.role-icon--admin{background:#dc262614;color:var(--primary-medium)}.role-info{flex:1}.role-title{font-weight:700;font-size:14px;color:var(--primary-deep);margin-bottom:3px}.role-desc{font-size:12px;color:var(--primary-muted);line-height:1.4}.role-arrow{color:var(--primary-muted);font-size:13px;flex-shrink:0}.back-to-roles{background:none;border:none;cursor:pointer;color:var(--primary-muted);font-size:13px;padding:0;margin-bottom:16px;display:flex;align-items:center;gap:6px;transition:color .2s}.back-to-roles:hover{color:var(--primary-deep)}.listing-payment-step{background:linear-gradient(135deg,var(--cream) 0%,rgba(245,179,66,.15) 100%);border:2px solid var(--primary-medium);border-radius:16px;padding:28px 24px;margin-bottom:24px}.listing-payment-step h4{color:var(--primary-deep);font-size:18px;margin-bottom:6px;display:flex;align-items:center;gap:10px}.listing-payment-step .pay-amount{font-size:32px;font-weight:800;color:var(--warning-dark);margin:12px 0}.listing-payment-step .pay-desc{color:#78350f;font-size:13px;line-height:1.6;margin-bottom:16px}.listing-payment-step .pay-number{background:var(--white);border:1px solid var(--gold);border-radius:10px;padding:10px 16px;font-weight:700;color:var(--primary-deep);font-size:15px;margin-bottom:16px;display:inline-block}.modal-header{padding:20px 28px;border-bottom:1px solid rgba(22,30,84,.15);background:var(--gradient-1);border-radius:20px 20px 0 0;position:relative}.modal-header h2,.modal-header h3{color:var(--white);font-family:Cormorant Garamond,serif;font-weight:800}.modal-body{padding:24px 28px}.modal-header .modal-close{color:var(--primary-deep)!important;background:#0000001f!important;border-color:#0003!important}.modal-header .modal-close:hover{color:var(--white)!important;background:#0000004d!important}.listing-card{background:var(--light-gray);border:1.5px solid var(--muted);border-radius:24px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.34,1.3,.64,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;box-shadow:0 2px 10px #00000026}.listing-card:hover{transform:translateY(-12px);border-color:var(--muted);box-shadow:0 12px 40px #00000040,0 0 0 1px #161e544d}.listing-img{height:230px;overflow:hidden;position:relative;background:#161e540d}.listing-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.listing-card:hover .listing-img img{transform:scale(1.1)}.listing-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,transparent 50%,rgba(255,255,255,.3) 80%,rgba(255,255,255,.6) 100%);pointer-events:none}.listing-badges{position:absolute;top:15px;left:15px;display:flex;gap:8px;flex-wrap:wrap;z-index:5}.listing-actions{position:absolute;top:15px;right:15px;display:flex;gap:8px;z-index:5}.listing-heart{width:38px;height:38px;background:#ffffffe6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(22,30,84,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-deep);font-size:16px;transition:all .3s}.listing-heart:hover{background:var(--danger);border-color:var(--danger);transform:scale(1.1);color:var(--white)}.listing-heart.liked{background:var(--danger);border-color:var(--danger);color:var(--white);animation:pulse .3s}.listing-photo-count{position:absolute;bottom:15px;right:15px;background:#ffffffe6;color:var(--primary-deep);padding:4px 10px;border-radius:20px;font-size:12px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(22,30,84,.1);z-index:5;display:flex;align-items:center;gap:5px}.listing-photo-count i{color:var(--primary-deep);font-size:11px}.listing-body{padding:22px;background:var(--white)}.listing-name{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:800;margin-bottom:6px;line-height:1.3;color:var(--primary-deep);letter-spacing:-.3px}.listing-location{display:flex;align-items:center;gap:6px;color:var(--primary-muted);font-size:13px;margin-bottom:15px}.listing-location i{color:var(--primary-deep);font-size:12px}.listing-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.listing-footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid rgba(22,30,84,.1)}.listing-price{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:800;color:var(--primary-deep);line-height:1}.listing-price span{font-size:13px;color:var(--primary-muted);font-family:DM Sans,sans-serif;font-weight:400}.listing-rating{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--primary-muted)}.listing-rating i{color:var(--gold)}.listing-verified{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--success-dark);background:#1e2a7a14;padding:4px 10px;border-radius:30px;border:1px solid rgba(30,42,122,.2)}.listing-price-breakdown{background:#161e5408;border:1px solid rgba(22,30,84,.1);border-radius:12px;padding:12px;margin-bottom:15px}.listing-price-breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:4px 0}.listing-price-breakdown-row:not(:last-child){border-bottom:1px solid rgba(22,30,84,.1);margin-bottom:4px;padding-bottom:8px}.listing-price-breakdown-row span:first-child{color:var(--primary-muted)}.listing-price-breakdown-row span:last-child{color:var(--primary-deep);font-weight:600}.listing-price-breakdown-row.total{margin-top:5px;padding-top:5px;border-top:1px solid rgba(30,42,122,.3)}.listing-price-breakdown-row.total span:last-child{color:var(--gold);font-weight:800}.value-card{background:#ffffffe6;border:1px solid rgba(22,30,84,.1);border-radius:20px;padding:35px 25px;transition:all .4s;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-1);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.value-card:hover{border-color:#161e544d;transform:translateY(-8px);background:#fffffff2;box-shadow:var(--shadow-lg)}.value-card:hover:before{transform:scaleX(1)}.value-icon{width:60px;height:60px;background:#161e540d;border:1px solid rgba(22,30,84,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;transition:all .3s;color:var(--primary-deep)}.value-card:hover .value-icon{background:#161e541a;border-color:#161e544d;transform:scale(1.1) rotate(5deg)}.value-title{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700;margin-bottom:12px;color:var(--primary-deep)}.value-desc{font-size:14px;color:var(--primary-muted);line-height:1.7}.vstrip-card{background:#fffc;border:1px solid rgba(22,30,84,.1);border-radius:20px;padding:35px 20px;text-align:center;transition:all .4s;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.vstrip-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-1);transform:scaleX(0);transform-origin:left;transition:transform .4s}.vstrip-card:hover{border-color:#161e544d;transform:translateY(-10px);background:#fffffff2;box-shadow:var(--shadow-lg)}.vstrip-card:hover:before{transform:scaleX(1)}.vstrip-icon{width:70px;height:70px;background:#161e540d;border:1px solid rgba(22,30,84,.1);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px;transition:all .3s;color:var(--primary-deep)}.vstrip-card:hover .vstrip-icon{background:#161e541a;border-color:#161e544d;transform:scale(1.1) rotate(5deg)}.vstrip-icon i{transition:transform .3s;color:var(--primary-deep)}.vstrip-card:hover .vstrip-icon i{transform:scale(1.1)}.vstrip-num{font-family:Cormorant Garamond,serif;font-size:42px;font-weight:800;color:var(--primary-deep);line-height:1;margin-bottom:5px;transition:all .3s ease}.vstrip-label{font-size:14px;color:var(--primary-muted);font-weight:500}.stat-card{background:var(--light-gray);border:1.5px solid var(--muted);border-radius:20px;padding:28px;position:relative;overflow:hidden;transition:all .4s}.stat-card:hover{border-color:var(--primary-medium);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-1);transform:scaleY(0);transform-origin:top;transition:transform .4s}.stat-card:hover:before{transform:scaleY(1)}.stat-card .stat-num{font-family:Cormorant Garamond,serif;font-size:48px;font-weight:800;color:var(--primary-deep);line-height:1;margin-bottom:8px;transition:all .3s ease}.stat-card .stat-label{font-size:14px;color:var(--primary-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.stat-card .stat-icon{position:absolute;bottom:20px;right:20px;font-size:48px;opacity:.1;color:var(--primary-deep);transition:all .4s}.stat-card:hover .stat-icon{opacity:.2;transform:scale(1.2) rotate(10deg)}.team-card{background:var(--white);border:1px solid rgba(22,30,84,.1);border-radius:24px;overflow:hidden;text-align:center;transition:all .4s;position:relative}.team-card:hover{transform:translateY(-10px);border-color:var(--primary-deep);box-shadow:var(--shadow-xl),0 0 0 1px #161e5433}.team-photo{height:220px;background:linear-gradient(135deg,#161e540d,#161e541a);display:flex;align-items:center;justify-content:center;font-size:70px;position:relative;overflow:hidden;color:var(--primary-deep)}.team-photo:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 50%,rgba(255,255,255,.3) 100%)}.team-photo i{position:relative;z-index:2;transition:transform .3s}.team-card:hover .team-photo i{transform:scale(1.1);color:var(--primary-deep)}.team-body{padding:25px;background:var(--white)}.team-name{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:700;margin-bottom:5px;color:var(--primary-deep)}.team-role{font-size:13px;font-weight:600;color:var(--primary-deep);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.team-email{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--primary-muted);font-size:14px;margin-bottom:15px}.team-email a{color:var(--primary-muted);text-decoration:none;transition:color .3s}.team-email a:hover{color:var(--primary-deep)}.team-phone{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--primary-muted);font-size:14px;margin-bottom:15px}.team-phone a{color:var(--primary-muted);text-decoration:none;transition:color .3s}.team-phone a:hover{color:var(--primary-deep)}.team-social{display:flex;gap:12px;justify-content:center;margin-top:15px}.team-social a{width:40px;height:40px;background:#161e540d;border:1px solid rgba(22,30,84,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-muted);transition:all .3s}.team-social a:hover{background:var(--primary-deep);color:var(--white);border-color:var(--primary-deep);transform:translateY(-3px)}.qr-card{background:#fffc;border:1px solid rgba(22,30,84,.1);border-radius:24px;padding:35px 25px;transition:all .4s;cursor:pointer;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.qr-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-1);transform:scaleX(0);transform-origin:left;transition:transform .4s}.qr-card:hover{border-color:#161e544d;transform:translateY(-10px);background:#fffffff2;box-shadow:var(--shadow-xl)}.qr-card:hover:before{transform:scaleX(1)}.qr-icon{width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:25px;transition:all .3s}.qr-card:hover .qr-icon{transform:scale(1.1) rotate(5deg)}.qr-icon-girls{background:#ff6b9d1a;border:1px solid rgba(255,107,157,.3);color:var(--girls)}.qr-icon-boys{background:#4a9eff1a;border:1px solid rgba(74,158,255,.3);color:var(--boys)}.qr-icon-apt{background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);color:var(--apt)}.qr-card-title{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:700;color:var(--primary-deep);margin-bottom:12px}.qr-card-desc{font-size:14px;color:var(--primary-muted);line-height:1.7;margin-bottom:25px}.qr-card-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--primary-deep);text-decoration:none;transition:all .3s;position:relative}.qr-card-btn i{transition:transform .3s}.qr-card:hover .qr-card-btn{gap:15px;color:var(--primary-deep)}.qr-card:hover .qr-card-btn i{transform:translate(5px)}.wizard-steps{display:flex;align-items:center;margin-bottom:40px;overflow-x:auto;padding-bottom:10px}.step-circle{width:44px;height:44px;border-radius:50%;background:#161e540d;border:2px solid rgba(22,30,84,.1);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--primary-muted);flex-shrink:0;transition:all .3s;position:relative}.step-circle.active{background:#0a2a5e;border-color:#0a2a5e;color:#fff!important;box-shadow:0 0 20px #161e544d;transform:scale(1.1)}.step-circle.done{background:#065f46;border-color:#059669;color:#fff!important}.step-connector{flex:1;height:3px;background:#161e541a;min-width:30px;transition:background .3s;margin:0 10px}.step-connector.done{background:var(--primary-deep)}.resident-reg-steps{display:flex;align-items:center;margin-bottom:15px}.res-step-circle{width:40px;height:40px;border-radius:50%;background:#161e540d;border:2px solid rgba(22,30,84,.1);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--primary-muted);flex-shrink:0;transition:all .3s;position:relative}.res-step-circle.active{background:#0a2a5e;border-color:#0a2a5e;color:#fff!important;box-shadow:0 0 20px #161e544d;transform:scale(1.1)}.res-step-circle.done{background:#065f46;border-color:#059669;color:#fff!important}.res-step-conn{flex:1;height:3px;background:#161e541a;min-width:20px;transition:background .3s;margin:0 5px}.res-step-conn.done{background:var(--primary-deep)}.amenity-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.amenity-chip{padding:10px 20px;border-radius:40px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid rgba(22,30,84,.1);background:#fffc;color:var(--primary-muted);transition:all .3s;display:inline-flex;align-items:center;gap:8px}.amenity-chip i{font-size:14px;transition:transform .3s;color:var(--primary-deep)}.amenity-chip:hover,.amenity-chip.active{background:#161e541a;border-color:var(--primary-deep);color:var(--primary-deep);transform:translateY(-2px)}.amenity-chip:hover i,.amenity-chip.active i{transform:scale(1.2);color:var(--primary-deep)}.amenity-category{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary-muted);margin:20px 0 10px;padding-left:10px}.seating-checkbox-group{display:grid;grid-template-columns:1fr;gap:15px}.seating-row{display:flex;align-items:center;gap:15px;padding:15px;background:#fffc;border:1px solid rgba(22,30,84,.1);border-radius:14px;transition:all .3s;flex-wrap:wrap}.seating-row:hover{border-color:var(--primary-deep);background:var(--white)}.seating-row label{flex:1;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:12px;min-width:200px;color:var(--primary-deep)}.seating-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-deep);cursor:pointer}.seating-row-inputs{display:none;gap:12px;flex-wrap:wrap}.seating-row-inputs.show{display:flex}.seating-row-inputs input{width:120px;background:#fffc;border:1px solid rgba(22,30,84,.1);color:var(--primary-deep);padding:10px 12px;border-radius:10px;font-size:13px;outline:none;font-family:DM Sans,sans-serif;transition:all .3s}.seating-row-inputs input:focus{border-color:var(--primary-deep);box-shadow:0 0 0 3px #161e541a;background:var(--white)}.building-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:15px 0}.building-feature{display:flex;align-items:center;gap:8px;padding:12px;background:#fffc;border:1px solid rgba(22,30,84,.1);border-radius:10px;cursor:pointer;transition:all .3s}.building-feature:hover{border-color:var(--primary-deep);background:var(--white)}.building-feature input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-deep)}.building-feature span{font-size:14px;color:var(--primary-deep)}.building-feature i{color:var(--primary-deep);font-size:16px}.closing-time-selector{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.closing-time-btn{padding:10px 20px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;border:1.5px solid rgba(22,30,84,.1);background:#fffc;color:var(--primary-muted);transition:all .3s;min-width:80px}.closing-time-btn.active,.closing-time-btn:hover{border-color:var(--primary-deep);color:var(--primary-deep);background:var(--white);transform:translateY(-2px)}.drop-zone{border:2px dashed rgba(22,30,84,.1);border-radius:16px;padding:40px;text-align:center;color:var(--primary-muted);cursor:pointer;transition:all .3s;margin-top:15px;background:#ffffff80}.drop-zone:hover,.drop-zone.dragover{border-color:var(--primary-deep);background:#161e5405;transform:scale(1.02)}.drop-zone i{font-size:40px;color:var(--primary-deep);margin-bottom:15px;transition:transform .3s}.drop-zone:hover i{transform:translateY(-5px)}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:20px}.photo-preview-item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;box-shadow:var(--shadow-md);transition:transform .3s}.photo-preview-item:hover{transform:scale(1.05)}.photo-preview-item img{width:100%;height:100%;object-fit:cover}.remove-photo{position:absolute;top:5px;right:5px;width:24px;height:24px;background:#000000b3;border:none;color:var(--white);border-radius:50%;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;opacity:0}.photo-preview-item:hover .remove-photo{opacity:1}.remove-photo:hover{background:var(--danger);transform:scale(1.1)}.room-photo-section{background:#161e5408;border:1px solid rgba(22,30,84,.1);border-radius:16px;padding:20px;margin:20px 0}.room-photo-section h4{font-size:18px;margin-bottom:15px;color:var(--primary-deep)}.room-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.room-photo-card{background:#fffc;border:1px solid rgba(22,30,84,.1);border-radius:12px;padding:15px}.room-photo-card h5{font-size:15px;color:var(--primary-deep);margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid rgba(22,30,84,.1)}.room-photo-upload{border:2px dashed rgba(22,30,84,.1);border-radius:10px;padding:15px;text-align:center;cursor:pointer;transition:all .3s;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.room-photo-upload:hover{border-color:var(--primary-deep);background:#161e5405}.room-photo-upload i{font-size:24px;color:var(--primary-deep);margin-bottom:5px}.room-photo-upload span{font-size:11px;color:var(--primary-muted)}.room-photo-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.room-photo-preview-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden}.room-photo-preview-item img{width:100%;height:100%;object-fit:cover}.room-photo-preview-item .remove{position:absolute;top:2px;right:2px;width:18px;height:18px;background:#161e54cc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--white);cursor:pointer}.listings-table-wrap{background:var(--white);border:1px solid rgba(22,30,84,.1);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg)}.table-header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid rgba(22,30,84,.1);background:#fffc}.table-header h2{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:700;color:var(--primary-deep);margin:0}.table-actions{display:flex;gap:10px}table{width:100%;border-collapse:collapse}table th{padding:18px 20px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary-muted);border-bottom:1px solid rgba(22,30,84,.1);background:#161e5405}table td{padding:18px 20px;font-size:14px;border-bottom:1px solid rgba(22,30,84,.05);vertical-align:middle;color:var(--primary-deep)}table tr:last-child td{border-bottom:none}table tr:hover td{background:#161e5405}.admin-tab-bar{display:flex;gap:8px;margin-bottom:30px;background:var(--white);border:1px solid rgba(22,30,84,.1);border-radius:50px;padding:6px;max-width:600px}.admin-tab{flex:1;padding:12px 16px;text-align:center;font-size:14px;font-weight:600;border:none;background:transparent;color:var(--primary-muted);cursor:pointer;border-radius:40px;transition:all .3s}.admin-tab.active{background:var(--gradient-1);color:var(--white);box-shadow:var(--shadow-md)}.admin-action-btn{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s;margin:2px}.btn-approve{background:var(--success);color:#fff!important;border:1px solid var(--success)}.btn-approve:hover{background:var(--success-dark);color:#fff!important;border-color:var(--success-dark);transform:translateY(-2px)}.btn-reject{background:var(--danger);color:#fff!important;border:1px solid var(--danger)}.btn-reject:hover{background:var(--danger-dark, #b91c1c);color:#fff!important;border-color:var(--danger-dark, #b91c1c);transform:translateY(-2px)}.btn-view-sm{background:#161e541a;color:var(--primary-medium);border:1px solid rgba(22,30,84,.2)}.btn-view-sm:hover{background:var(--primary-medium);color:var(--white);border-color:var(--primary-medium);transform:translateY(-2px)}.btn-delete-sm{background:#161e541a;color:var(--danger);border:1px solid rgba(22,30,84,.3)}.btn-delete-sm:hover{background:var(--danger);color:var(--white);border-color:var(--danger);transform:translateY(-2px)}.btn-edit-sm{background:#1e2a7a1a;color:var(--gold);border:1px solid rgba(30,42,122,.3)}.btn-edit-sm:hover{background:var(--gold);color:var(--white);border-color:var(--gold);transform:translateY(-2px)}.seating-check-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:14px 16px;background:#fffc;border:1.5px solid rgba(22,30,84,.1);border-radius:12px;transition:all .25s;font-size:15px;font-weight:600;color:var(--primary-deep)}.seating-check-label:hover{border-color:var(--primary-deep);background:var(--white);box-shadow:0 2px 10px #161e5414}.seating-check-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-deep);cursor:pointer;flex-shrink:0}.seating-label-text{display:flex;align-items:center;gap:8px}.seating-label-text i{color:var(--primary-deep);font-size:16px;width:20px;text-align:center}.seat-price-detail{display:none;width:100%}.seat-price-detail.show{display:block}.seat-price-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seat-price-wrap input{width:100%;background:#ffffffe6;border:1.5px solid rgba(22,30,84,.15);color:var(--primary-deep);padding:11px 14px;border-radius:10px;font-size:14px;outline:none;font-family:DM Sans,sans-serif;transition:all .25s;box-sizing:border-box}.seat-price-wrap input:focus{border-color:var(--primary-deep);box-shadow:0 0 0 3px #161e5414;background:var(--white)}@media (max-width: 600px){.seat-price-wrap{grid-template-columns:1fr}}#addStep2A .seating-grid{display:flex;flex-direction:column;gap:12px}#addStep2A .seating-row{flex-direction:column;align-items:stretch;border-radius:14px;padding:0;background:transparent;border:none;gap:0}#addStep2A .seating-check-label{border-radius:12px;margin:0;transition:all .2s}#addStep2A .seating-row:has(input:checked)>.seating-check-label{background:var(--primary-deep);color:var(--white);border-color:var(--primary-deep);border-radius:12px 12px 0 0}#addStep2A .seating-row:has(input:checked)>.seating-check-label .seating-label-text i,#addStep2A .seating-row:has(input:checked)>.seating-check-label .seating-label-text{color:var(--white)}#addStep2A .seating-row:has(input:checked)>.seating-check-label input[type=checkbox]{accent-color:var(--white)}#addStep2A .seat-price-detail.show{display:block;animation:fadeSlideDown .2s ease}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}#addStep2A .apt-unit-detail-card{background:var(--white);border:1.5px solid rgba(22,30,84,.12);border-radius:0 0 12px 12px;border-top:none;padding:18px 18px 16px;box-sizing:border-box;width:100%;overflow:hidden}.apt-bed-table{border:1.5px solid rgba(22,30,84,.12);border-radius:10px;overflow:hidden;margin-bottom:14px}.apt-bed-table-header,.apt-bed-table-row{display:grid;grid-template-columns:150px 1fr 1fr 1fr 1.4fr;align-items:center;gap:0}.apt-bed-table-header{background:#161e5412;padding:9px 14px;border-bottom:1.5px solid rgba(22,30,84,.1)}.apt-bed-table-header span{font-size:11px;font-weight:700;color:var(--primary-deep);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:5px;padding:0 6px}.apt-bed-table-header span i{color:var(--gold);font-size:11px}.apt-bed-table-row{padding:8px 14px;gap:8px;background:var(--white);border-bottom:1px solid rgba(22,30,84,.06)}.apt-bed-table-row:last-child{border-bottom:none}.apt-bed-table-row-alt{background:#161e5405}.apt-bed-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--primary-deep);background:#161e540f;border-radius:7px;padding:6px 10px;white-space:nowrap}.apt-bed-label i{color:var(--gold);font-size:12px}.apt-tbl-input{padding:8px 10px;border:1.5px solid rgba(22,30,84,.15);border-radius:8px;font-size:13px;color:var(--primary-deep);background:var(--white);font-family:DM Sans,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.apt-tbl-input:focus{border-color:var(--primary-deep);box-shadow:0 0 0 3px #161e5414}.apt-tbl-price{border-color:#161e5440;font-weight:600}.apt-extra-row{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px;border-top:1.5px dashed rgba(22,30,84,.1)}@media (max-width: 860px){.apt-bed-table-header,.apt-bed-table-row{grid-template-columns:120px 1fr 1fr 1fr 1.2fr}}@media (max-width: 640px){.apt-bed-table{overflow-x:auto}.apt-bed-table-header,.apt-bed-table-row{grid-template-columns:110px 80px 80px 80px 110px;min-width:460px}.apt-extra-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.apt-extra-row{grid-template-columns:1fr}}.apt-unit-section-title{font-size:13px;font-weight:700;color:var(--primary-deep);margin:0 0 10px;display:flex;align-items:center;gap:7px}.apt-unit-section-title i{color:var(--gold);font-size:14px}.apt-bed-pills{display:flex;flex-wrap:wrap;gap:8px;background:#161e540a;border-radius:10px;padding:10px 14px;margin-bottom:16px}.apt-bed-pill{background:var(--white);border:1px solid rgba(22,30,84,.15);border-radius:8px;padding:5px 12px;font-size:13px;color:var(--primary-deep);display:flex;align-items:center;gap:5px}.apt-bed-pill i{color:var(--gold)}.apt-unit-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}@media (max-width: 700px){.apt-unit-fields{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.apt-unit-fields{grid-template-columns:1fr}}.apt-unit-field{flex:1 1 140px;min-width:130px;display:flex;flex-direction:column;gap:6px}.apt-unit-field label{font-size:11px;font-weight:700;color:var(--primary-muted);text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:4px}.apt-unit-field label i{color:var(--primary-deep);font-size:12px}.apt-unit-field input,.apt-unit-field select{padding:9px 12px;border:1.5px solid rgba(22,30,84,.15);border-radius:9px;font-size:13px;color:var(--primary-deep);background:#ffffffe6;font-family:DM Sans,sans-serif;outline:none;transition:all .2s;width:100%;box-sizing:border-box}.apt-unit-field input:focus,.apt-unit-field select:focus{border-color:var(--primary-deep);box-shadow:0 0 0 3px #161e5414;background:var(--white)}.apt-unit-pricing{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:14px;border-top:1.5px dashed rgba(22,30,84,.1)}.apt-unit-pricing input{padding:10px 14px;border:1.5px solid rgba(22,30,84,.15);border-radius:9px;font-size:14px;color:var(--primary-deep);background:#ffffffe6;font-family:DM Sans,sans-serif;outline:none;transition:all .2s;width:100%;box-sizing:border-box}.apt-unit-pricing input:focus{border-color:var(--primary-deep);box-shadow:0 0 0 3px #161e5414;background:var(--white)}@media (max-width: 480px){.apt-unit-pricing{grid-template-columns:1fr}}.hero{position:relative;min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:60px 24px 80px;background:var(--primary-light);margin-top:0}.hero-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://images.unsplash.com/photo-1631049307264-da0ec9d70304?w=1920&q=85) center/cover no-repeat;transform-origin:center;opacity:.6;z-index:1}.hero-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 65% at 50% 40%,#ebf5f680,#c8dce48c,#6fa5a699);z-index:2}.hero-bg-bottom{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(transparent,var(--cream));z-index:3}.hero-content{position:relative;z-index:4;max-width:1000px}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:#ffffffe6;border:1px solid var(--primary-deep);padding:8px 20px;border-radius:40px;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--primary-deep);margin-bottom:30px;animation:slideDown .6s ease .1s both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000000d}.hero-eyebrow i{animation:pulse 2s infinite;color:var(--primary-deep)}.hero-title{font-size:clamp(60px,10vw,110px);font-weight:800;line-height:1;margin-bottom:25px;animation:slideUp .6s ease .2s both;color:var(--primary-deep);text-shadow:0 2px 40px rgba(255,255,255,.5);letter-spacing:-2px}.hero-title .line1{display:block;font-size:clamp(40px,7vw,70px);color:var(--primary-deep)}.hero-title .line2{color:var(--primary-deep);display:block;font-size:clamp(50px,8vw,90px);text-shadow:0 0 30px rgba(22,30,84,.2);position:relative}.hero-title .line2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:150px;height:4px;background:var(--gradient-1);border-radius:4px;animation:pulse 3s infinite}.hero-subtitle{font-size:18px;color:var(--primary-muted);line-height:1.8;max-width:700px;margin:0 auto 40px;animation:slideUp .6s ease .3s both;font-weight:300;letter-spacing:.3px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:slideUp .6s ease .4s both}.hero-actions .btn{padding:16px 36px;font-size:16px;border-radius:40px}.hero-register-strip{margin-top:30px;display:flex;align-items:center;gap:15px;justify-content:center;flex-wrap:wrap;animation:slideUp .6s ease .5s both;background:#fffc;padding:15px 30px;border-radius:60px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(22,30,84,.1)}.hero-register-strip-label{font-size:14px;color:var(--primary-muted);letter-spacing:1px;text-transform:uppercase}.hero-register-strip .btn{padding:10px 25px;font-size:14px}.hero-stats{display:flex;gap:0;margin-top:50px;background:#ffffffe6;border:1px solid rgba(22,30,84,.1);border-radius:20px;overflow:hidden;animation:slideUp .6s ease .6s both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-stat{flex:1;padding:25px 20px;text-align:center;border-right:1px solid rgba(22,30,84,.1);transition:all .3s;position:relative;overflow:hidden}.hero-stat:last-child{border-right:none}.hero-stat:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(22,30,84,.05),transparent);transform:translate(-100%);transition:transform .4s}.hero-stat:hover:before{transform:translate(0)}.hero-stat:hover{background:#161e5405}.hero-stat-num{font-family:Cormorant Garamond,serif;font-size:42px;font-weight:800;color:var(--primary-deep);line-height:1;margin-bottom:5px;transition:all .3s ease}.hero-stat-label{font-size:13px;color:var(--primary-muted);text-transform:uppercase;letter-spacing:1px;font-weight:500}.marquee-wrap{background:#ffffffe6;border-top:1px solid rgba(22,30,84,.1);border-bottom:1px solid rgba(22,30,84,.1);padding:15px 0;overflow:hidden;position:relative}.marquee-wrap:before,.marquee-wrap:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.marquee-wrap:before{left:0;background:linear-gradient(90deg,var(--cream),transparent)}.marquee-wrap:after{right:0;background:linear-gradient(-90deg,var(--cream),transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 35s linear infinite}.marquee-item{white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:0 35px;color:var(--primary-muted);display:flex;align-items:center;gap:15px}.marquee-item i{color:var(--primary-deep);font-size:14px;opacity:.7}.marquee-item:after{content:"◆";font-size:8px;color:var(--primary-deep);opacity:.5;margin-left:15px}.marquee-item:last-child:after{display:none}.value-strip{background:#fffc;padding:70px 24px;border-bottom:1px solid rgba(22,30,84,.1);position:relative;overflow:hidden}.value-strip:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(22,30,84,.03) 0%,transparent 70%);animation:rotate 20s linear infinite}.value-strip-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2}.value-strip-title{text-align:center;font-size:clamp(32px,5vw,44px);font-weight:800;color:var(--primary-deep);margin-bottom:10px}.value-strip-sub{text-align:center;color:var(--primary-muted);font-size:16px;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.value-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.quick-reg-section{background:#ffffffe6;border-top:1px solid rgba(22,30,84,.1);border-bottom:1px solid rgba(22,30,84,.1);padding:80px 24px;position:relative;overflow:hidden}.quick-reg-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.03"><path d="M10 10 L90 10 L90 90 L10 90 Z" fill="none" stroke="%23161E54" stroke-width="1"/><circle cx="50" cy="50" r="30" fill="none" stroke="%23161E54" stroke-width="1"/></svg>') repeat;pointer-events:none}.quick-reg-inner{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:2}.quick-reg-title{font-size:clamp(36px,5vw,48px);font-weight:800;color:var(--primary-deep);margin-bottom:15px}.quick-reg-sub{color:var(--primary-muted);font-size:16px;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.quick-reg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}.why-section{background:#fffc;border-top:1px solid rgba(22,30,84,.1);position:relative;overflow:hidden}.why-room-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:url(https://images.unsplash.com/photo-1505693314120-0d443867891c?w=1400&q=80) center/cover no-repeat;opacity:.05;filter:brightness(1);transform:scale(1.1);animation:scaleIn 20s linear infinite alternate}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;max-width:1200px;margin:0 auto}.hero-search-outer{background:linear-gradient(180deg,var(--primary-light) 0%,var(--cream) 100%);padding:0 16px 48px;display:flex;justify-content:center}.hero-search-outer .search-bar-wrap{max-width:1280px;width:100%;margin:0 auto;box-shadow:0 12px 56px #161e542e;border-radius:24px;border:1.5px solid rgba(22,30,84,.13)}.hero-search-outer .search-type-tab{padding:18px 14px;font-size:14.5px}.hero-search-outer .search-main-row{padding:26px 22px;gap:0}.hero-search-outer .search-field-icon-box{min-height:86px;padding:16px 18px}.hero-search-outer .sfib-icon{width:52px;height:52px;font-size:18px;border-radius:14px}.hero-search-outer .search-field-label{font-size:11px;margin-bottom:6px}.hero-search-outer .search-field-input{font-size:16px}.hero-search-outer .search-btn-main-wrap{width:86px;height:86px;border-radius:18px;margin-left:16px}.hero-search-outer .search-btn-main{width:86px;height:86px;font-size:24px;border-radius:18px}.section{padding:80px 24px;position:relative;overflow:hidden}.section-content{position:relative;z-index:2;max-width:1400px;margin:0 auto}.section-title{font-size:clamp(36px,6vw,52px);font-weight:800;text-align:center;margin-bottom:10px;letter-spacing:-.5px;color:var(--primary-deep)}.section-sub{text-align:center;color:var(--primary-muted);font-size:16px;margin-bottom:20px;max-width:600px;margin-left:auto;margin-right:auto}.section-line{width:80px;height:4px;background:var(--gradient-1);margin:10px auto 40px;border-radius:4px;animation:pulse 3s infinite}#listingsSection{background:linear-gradient(135deg,var(--cream) 0%,var(--primary-light) 100%);position:relative;scroll-margin-top:80px}.search-bar-wrap{max-width:1100px;margin:0 auto 40px;background:var(--white);border:1px solid rgba(22,30,84,.12);border-radius:24px;box-shadow:0 8px 40px #161e5421,0 2px 8px #161e540f;position:relative;z-index:10;overflow:hidden}.search-type-tabs{display:flex;border-bottom:1px solid rgba(22,30,84,.08);background:#161e5405}.search-type-tab{flex:1;padding:14px 10px;font-size:13px;font-weight:600;letter-spacing:.4px;color:var(--primary-muted);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:7px}.search-type-tab:hover{color:var(--primary-deep);background:#161e5408}.search-type-tab.active{color:var(--primary-deep);border-bottom-color:var(--primary-deep);background:var(--white);font-weight:700}.search-main-row{display:flex;align-items:center;padding:14px 16px;gap:0}.search-field-block{flex:1;padding:0 6px;min-width:0}.search-field-block.search-field-location{flex:1.2}.search-field-block.search-field-budget{flex:1.5;min-width:190px}.search-field-icon-box{display:flex;align-items:center;gap:10px;background:#161e5408;border:1.5px solid rgba(22,30,84,.1);border-radius:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;min-height:58px;cursor:pointer}.search-field-icon-box:hover,.search-field-icon-box:focus-within{border-color:var(--primary-deep);box-shadow:0 0 0 3px #161e5412;background:var(--white)}.sfib-icon{width:38px;height:38px;border-radius:10px;background:var(--primary-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;color:var(--white);box-shadow:0 3px 8px #161e5440}.sfib-icon--red{background:var(--danger);box-shadow:0 3px 8px #ef44444d}.sfib-icon--blue{background:var(--info);box-shadow:0 3px 8px #2980b94d}.sfib-icon--green{background:var(--primary-muted);box-shadow:0 3px 8px #1a5cb84d}.sfib-content{flex:1;min-width:0}.search-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary-muted);margin-bottom:4px;display:block}.search-field-input{width:100%;background:transparent;border:none;color:var(--primary-deep);font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;outline:none;padding:0;-webkit-appearance:none;cursor:pointer;line-height:1.3}.search-field-input:focus{color:var(--primary-deep)}.search-field-input::placeholder{color:#161e544d;font-weight:400}.search-field-input option{color:var(--primary-deep);background:var(--white);font-weight:400}.search-budget-row{display:flex;align-items:center;gap:6px}.search-budget-input{flex:1 1 0;min-width:56px;width:0;font-variant-numeric:tabular-nums}.search-budget-sep{color:#161e544d;font-size:14px;font-weight:600;flex-shrink:0}.search-divider{width:1px;background:#161e541a;margin:8px 4px;align-self:stretch;flex-shrink:0}.search-btn-main-wrap{flex-shrink:0;margin-left:10px;align-self:center;display:flex;align-items:center;justify-content:center;background:var(--primary-deep);border-radius:14px;box-shadow:0 4px 16px #161e544d;width:58px;height:58px;transition:all .25s;overflow:hidden}.search-btn-main{flex-shrink:0;padding:0;width:58px;height:58px;background:transparent;color:var(--white);border:none;border-radius:14px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;white-space:nowrap;letter-spacing:.3px}.search-btn-main span{display:none}.search-btn-main-wrap:hover{background:var(--footer-bg);box-shadow:0 6px 24px #161e5466;transform:translateY(-1px)}.search-btn-main i{font-size:18px}.search-quick-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid rgba(22,30,84,.06);background:#161e5404}.search-quick-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--primary-muted);margin-right:4px;flex-shrink:0}.seater-checkbox{display:flex;align-items:center;gap:7px;background:#fffffff2;border:1.5px solid rgba(22,30,84,.18);border-radius:30px;padding:6px 14px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.seater-checkbox:hover{background:#161e540f;border-color:#161e5459}.seater-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid rgba(22,30,84,.4);border-radius:4px;background:var(--white);cursor:pointer;position:relative;flex-shrink:0;transition:all .2s}.seater-checkbox input[type=checkbox]:checked{background:var(--primary-deep);border-color:var(--primary-deep)}.seater-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:5px;height:9px;border:2px solid var(--white);border-top:none;border-left:none;transform:rotate(45deg)}.seater-checkbox span{font-size:12px;color:var(--primary-deep);font-weight:500}.seater-checkbox:has(input:checked){background:var(--primary-deep);border-color:var(--primary-deep)}.seater-checkbox:has(input:checked) span{color:var(--white)}.seater-checkbox:has(input:checked) input[type=checkbox]{border-color:#fff9}.search-clear-btn{margin-left:auto;padding:5px 14px;background:transparent;border:1.5px solid rgba(22,30,84,.15);border-radius:20px;font-size:12px;font-weight:600;color:var(--primary-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.search-clear-btn:hover{border-color:#161e5466;color:var(--primary-deep);background:#161e540a}.search-input{width:100%;background:#fffc;border:1px solid rgba(22,30,84,.1);color:var(--primary-deep);padding:12px 16px;border-radius:12px;font-family:DM Sans,sans-serif;font-size:14px;outline:none;transition:all .3s}.search-input:focus{border-color:var(--primary-deep);background:var(--white);box-shadow:0 0 0 3px #161e541a}.search-input::placeholder{color:#161e5433}.search-input option{color:var(--primary-deep);background:var(--white)}.filter-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:40px;width:100%;padding:0}.filter-tab{padding:8px 20px;border-radius:40px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid rgba(22,30,84,.1);background:#fff9;color:var(--primary-muted);transition:all .3s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin:2px}.filter-tab i{font-size:12px;color:var(--primary-deep)}.filter-tab.active,.filter-tab:hover{background:var(--gradient-1);border-color:var(--primary-deep);color:var(--white);box-shadow:0 4px 15px #161e5433;transform:translateY(-2px)}.filter-tab.active i,.filter-tab:hover i{color:var(--white)}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;max-width:1400px;margin:0 auto}.empty-state{text-align:center;padding:100px 24px;color:var(--primary-muted);grid-column:1/-1}.empty-state i{font-size:70px;margin-bottom:20px;opacity:.15;display:block;color:var(--primary-deep)}.empty-state h3{font-size:28px;color:var(--primary-deep);margin-bottom:10px}.empty-state p{color:var(--primary-muted);font-size:16px;max-width:400px;margin:0 auto}.empty-state a{color:var(--primary-deep);text-decoration:none;transition:color .2s}.empty-state a:hover{color:var(--primary-medium);text-decoration:underline}.detail-gallery{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-bottom:25px;border-radius:16px;overflow:hidden;height:350px}.detail-gallery-main{position:relative;overflow:hidden}.detail-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.detail-gallery-main:hover img{transform:scale(1.05)}.detail-gallery-side{display:grid;grid-template-rows:1fr 1fr;gap:10px}.detail-gallery-side-item{position:relative;overflow:hidden}.detail-gallery-side-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.detail-gallery-side-item:hover img{transform:scale(1.1)}.detail-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.detail-info-box{background:#fffc;border:1px solid rgba(22,30,84,.1);border-radius:14px;padding:18px 12px;text-align:center;transition:all .3s}.detail-info-box:hover{border-color:var(--primary-deep);transform:translateY(-3px);box-shadow:var(--shadow-md);background:var(--white)}.detail-info-box i{color:var(--primary-deep);font-size:20px;margin-bottom:8px;display:block}.detail-info-box strong{display:block;font-size:16px;color:var(--primary-deep);margin-bottom:4px}.detail-info-box span{font-size:12px;color:var(--primary-muted);text-transform:uppercase;letter-spacing:.5px}.detail-section{margin-bottom:25px}.detail-section h4{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700;margin-bottom:15px;color:var(--primary-deep);position:relative;padding-left:15px}.detail-section h4:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:25px;background:var(--gradient-1);border-radius:5px}.detail-amenities{display:flex;flex-wrap:wrap;gap:10px}.hostel-photo-type-header{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin:18px 0 10px;padding-bottom:8px;border-bottom:2px solid rgba(22,30,84,.1)}.hostel-photo-type-header i{color:var(--gold);font-size:16px}.hostel-photo-type-header span{font-family:Cormorant Garamond,serif;font-size:17px;font-weight:700;color:var(--primary-deep)}.apt-photo-type-header{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin:22px 0 12px;padding:12px 16px;background:#161e540a;border-radius:12px;border-left:4px solid var(--gold)}.apt-photo-type-header i{color:var(--gold);font-size:18px}.apt-photo-type-header span{font-family:Cormorant Garamond,serif;font-size:19px;font-weight:700;color:var(--primary-deep)}.apt-photo-room-label{grid-column:1 / -1;display:flex;align-items:center;gap:7px;margin:10px 0 6px}.apt-photo-room-label i{color:var(--primary-deep);font-size:13px}.apt-photo-room-label span{font-size:12px;font-weight:700;color:var(--primary-muted);text-transform:uppercase;letter-spacing:.5px}.detail-amenity{display:flex;align-items:center;gap:8px;background:#fffc;padding:10px 16px;border-radius:10px;font-size:14px;border:1px solid rgba(22,30,84,.1);transition:all .3s}.detail-amenity:hover{border-color:var(--primary-deep);background:var(--white);transform:translateY(-2px)}.detail-amenity i{color:var(--primary-deep);font-size:13px}.seating-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.seating-item{background:#fffc;border:1px solid rgba(22,30,84,.1);border-radius:14px;padding:18px;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.seating-item:hover{border-color:var(--primary-deep);transform:translateY(-3px);box-shadow:var(--shadow-md);background:var(--white)}.seating-label{font-size:15px;color:var(--primary-deep);font-weight:600;margin-bottom:4px}.seating-price{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700;color:var(--primary-deep)}.seating-avail{font-size:12px;color:var(--primary-muted)}.contact-box{background:#fffc;border:1px solid rgba(22,30,84,.1);border-radius:20px;padding:25px}.contact-box .owner-info{display:flex;align-items:center;gap:15px;margin-bottom:20px}.contact-box .owner-avatar{width:60px;height:60px;background:var(--gradient-1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--white);flex-shrink:0;box-shadow:var(--shadow-md)}.contact-box .owner-name{font-size:18px;font-weight:700;color:var(--primary-deep);margin-bottom:4px}.contact-box .owner-sub{font-size:14px;color:var(--primary-muted)}.contact-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.contact-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 10px;border-radius:14px;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:600;font-size:13px;transition:all .3s;text-decoration:none;position:relative;overflow:hidden}.contact-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.contact-btn:hover:before{width:300%;height:300%}.contact-btn-call{background:#161e541a;border:1px solid rgba(22,30,84,.2);color:var(--primary-deep)}.contact-btn-call i{color:var(--primary-deep)}.contact-btn-call:hover{background:var(--primary-deep);color:var(--white);border-color:var(--primary-deep);transform:translateY(-3px);box-shadow:0 4px 15px #161e544d}.contact-btn-call:hover i{color:var(--white)}.contact-btn-wa{background:#25d3661a;border:1px solid rgba(37,211,102,.25);color:#25d366}.contact-btn-wa i{color:#25d366}.contact-btn-wa:hover{background:var(--primary-deep);color:var(--white);border-color:var(--primary-deep);transform:translateY(-3px);box-shadow:0 4px 15px #1e2a7a4d}.contact-btn-wa:hover i{color:var(--white)}.contact-btn-email{background:#161e540d;border:1px solid rgba(22,30,84,.1);color:var(--primary-deep)}.contact-btn-email i{color:var(--primary-deep)}.contact-btn-email:hover{background:var(--primary-deep);color:var(--white);transform:translateY(-3px);box-shadow:0 4px 15px #161e544d}.contact-btn-email:hover i{color:var(--white)}.contact-btn i{font-size:22px;transition:transform .3s}.contact-btn:hover i{transform:scale(1.2)}.review-card{background:#fffc;border:1px solid rgba(22,30,84,.1);border-radius:16px;padding:20px;margin-bottom:15px;transition:all .3s}.review-card:hover{border-color:var(--primary-deep);transform:translate(5px);box-shadow:var(--shadow-md);background:var(--white)}.review-card .reviewer{font-weight:700;font-size:16px;color:var(--primary-deep);margin-bottom:6px}.review-card .review-text{color:var(--primary-muted);font-size:14px;line-height:1.7}.stars-display{display:flex;gap:3px;margin-bottom:8px}.stars-display i{color:var(--gold);font-size:13px}#starRating{display:flex;gap:10px;cursor:pointer;justify-content:center;padding:10px 0}#starRating span{font-size:40px;color:#161e5433;transition:all .2s;cursor:pointer}#starRating span:hover,#starRating span.active{color:var(--gold);transform:scale(1.2);text-shadow:0 0 20px rgba(30,42,122,.5)}.listing-urgency{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--danger),var(--gold));color:var(--white);font-size:11px;font-weight:700;padding:5px 10px;border-radius:20px;margin:6px 0;letter-spacing:.3px;animation:pulse 2s infinite}.listing-urgency-mild{background:linear-gradient(135deg,var(--success),var(--success))}.card-book-btn{display:block;width:100%;margin-top:14px;padding:11px 16px;background:var(--primary-deep);color:var(--white);border:none;border-radius:12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #161e5438}.card-book-btn:hover{background:var(--footer-bg);transform:translateY(-2px);box-shadow:0 6px 20px #161e5459}#searchKeyword{font-family:DM Sans,sans-serif;font-size:14px}#searchKeyword::placeholder{color:#161e544d;font-weight:400}.reg-page{min-height:100vh;background:var(--primary-light);display:flex;flex-direction:column}.reg-page-hero{background:url(https://images.unsplash.com/photo-1631049307264-da0ec9d70304?w=1920&q=85) center/cover no-repeat;position:relative;padding:80px 24px 60px;text-align:center}.reg-page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#bbe0efe6}.reg-page-hero>*{position:relative;z-index:2}.reg-page-content{max-width:800px;margin:0 auto;padding:50px 24px 80px;width:100%}.page-hostel-card{border:2px solid rgba(22,30,84,.1);border-radius:16px;padding:16px;cursor:pointer;transition:all .3s;background:#fffc;position:relative}.page-hostel-card:hover{border-color:var(--primary-deep);background:#fffffff2;transform:translateY(-2px)}.page-hostel-card.selected{border-color:var(--primary-deep);background:#fff;box-shadow:0 0 20px #161e541a}.price-option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:15px}.price-option{border:1.5px solid rgba(22,30,84,.1);border-radius:14px;padding:18px 12px;cursor:pointer;transition:all .3s;text-align:center;background:#fffc;position:relative;overflow:hidden}.price-option:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(22,30,84,.05),transparent);opacity:0;transition:opacity .3s}.price-option:hover:before{opacity:1}.price-option:hover,.price-option.selected{border-color:var(--primary-deep);background:var(--white);transform:translateY(-2px);box-shadow:0 4px 15px #161e541a}.price-option.selected{border-width:2px;border-color:var(--primary-deep);background:var(--white)}.price-option .po-type{font-size:14px;color:var(--primary-muted);margin-bottom:6px;font-weight:600}.price-option .po-price{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:800;color:var(--primary-deep);line-height:1;margin-bottom:4px}.price-option .po-price-label{font-size:12px;color:var(--primary-muted);font-weight:600;letter-spacing:.3px;margin-bottom:6px}.price-option .po-total{font-size:13px;color:var(--gold);font-weight:700;margin-top:6px;padding-top:6px;border-top:1px solid rgba(30,42,122,.2)}.price-option .po-avail{font-size:12px;color:var(--primary-muted);margin-top:5px}.total-price-calc{background:#161e5408;border:1px solid rgba(22,30,84,.1);border-radius:16px;padding:20px;margin-top:20px}.total-price-calc-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary-muted);margin-bottom:15px;display:flex;align-items:center;gap:8px}.total-price-calc-title i{color:var(--primary-deep);font-size:16px}.total-price-calc-row{display:flex;justify-content:space-between;font-size:14px;padding:8px 0}.total-price-calc-row:not(:last-child){border-bottom:1px solid rgba(22,30,84,.1)}.total-price-calc-row span:first-child{color:var(--primary-muted)}.total-price-calc-row span:last-child{color:var(--primary-deep);font-weight:600}.total-price-calc-total{display:flex;justify-content:space-between;padding-top:15px;border-top:2px solid rgba(22,30,84,.1);margin-top:10px}.total-price-calc-total span:first-child{font-size:14px;color:var(--primary-muted);font-weight:600}.total-price-calc-total span:last-child{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:800;color:var(--primary-deep)}.payment-methods{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.payment-method-btn{flex:1;min-width:120px;padding:16px 20px;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;border:2px solid rgba(22,30,84,.1);background:#fffc;color:var(--primary-muted);transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:8px}.payment-method-btn i{font-size:24px;color:var(--primary-muted)}.payment-method-btn.active,.payment-method-btn:hover{border-color:var(--primary-deep);color:var(--primary-deep);background:var(--white);transform:translateY(-2px);box-shadow:0 4px 15px #161e541a}.payment-method-btn.active i,.payment-method-btn:hover i{color:var(--primary-deep)}.payment-method-btn.cash.active,.payment-method-btn.cash:hover{border-color:var(--success);background:var(--white);color:var(--success)}.payment-method-btn.cash.active i,.payment-method-btn.cash:hover i{color:var(--success)}.payment-method-btn.online.active,.payment-method-btn.online:hover{border-color:var(--primary-deep);background:var(--white);color:var(--primary-deep)}.meal-options{display:flex;gap:15px;flex-wrap:wrap;margin:15px 0}.meal-option{flex:1;min-width:100px;padding:12px 15px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:2px solid rgba(22,30,84,.1);background:#fffc;color:var(--primary-muted);transition:all .3s;text-align:center}.meal-option.active,.meal-option:hover{border-color:var(--primary-deep);color:var(--primary-deep);background:var(--white)}.meal-option.mess{border-color:#1e2a7a4d;color:var(--gold)}.meal-option.mess.active,.meal-option.mess:hover{border-color:var(--gold);background:var(--white);color:var(--gold)}.reg-summary-box{background:#161e5408;border:1px solid rgba(22,30,84,.1);border-radius:16px;padding:22px}.reg-summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(22,30,84,.1)}.reg-summary-row:last-child{border-bottom:none}.reg-summary-row span:first-child{font-size:13px;color:var(--primary-muted)}.reg-summary-row span:last-child{font-size:14px;font-weight:600;color:var(--primary-deep)}.reg-summary-row.total{margin-top:10px;padding-top:15px;border-top:2px solid rgba(30,42,122,.3)}.reg-summary-row.total span:last-child{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:800;color:var(--primary-deep)}.apartment-specific{background:#161e5408;border:1px solid rgba(22,30,84,.1);border-radius:16px;padding:25px;margin:20px 0;display:none;animation:fadeIn .4s ease}.apartment-specific.show{display:block}.apartment-specific h4{font-size:18px;margin-bottom:20px;color:var(--primary-deep);font-weight:600;position:relative;padding-left:15px}.apartment-specific h4:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--gradient-1);border-radius:4px}.apartment-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px}.apartment-detail-field{display:flex;flex-direction:column;gap:8px}.apartment-detail-field label{font-size:12px;font-weight:600;color:var(--primary-muted);text-transform:uppercase;letter-spacing:.5px}.apartment-detail-field input,.apartment-detail-field select{width:100%;background:#fffc;border:1px solid rgba(22,30,84,.1);color:var(--primary-deep);padding:12px 16px;border-radius:10px;font-size:14px;transition:all .3s}.apartment-detail-field input:focus,.apartment-detail-field select:focus{border-color:var(--primary-deep);box-shadow:0 0 0 3px #161e541a;outline:none;background:var(--white)}.apartment-detail-field input[type=number]{-moz-appearance:textfield}.apartment-detail-field input[type=number]::-webkit-outer-spin-button,.apartment-detail-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.apartment-furnishing{margin:20px 0;padding:20px;background:#161e5405;border:1px solid rgba(22,30,84,.1);border-radius:12px}.furnishing-title{font-size:14px;font-weight:600;color:var(--primary-deep);margin-bottom:15px;display:flex;align-items:center;gap:8px}.furnishing-title i{color:var(--primary-deep)}.furnishing-options{display:flex;gap:20px;flex-wrap:wrap}.furnishing-option{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fffc;border:1px solid rgba(22,30,84,.1);border-radius:30px;cursor:pointer;transition:all .3s}.furnishing-option:hover{border-color:var(--primary-deep);background:var(--white)}.furnishing-option input[type=radio]{width:18px;height:18px;accent-color:var(--primary-deep)}.furnishing-option span{font-size:14px;color:var(--primary-deep)}.meal-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meal-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px 20px;border:2px solid rgba(22,30,84,.12);border-radius:14px;cursor:pointer;transition:all .25s;font-size:14px;font-weight:600;color:var(--primary-muted);background:#161e5405;text-align:center}.meal-option:hover{border-color:var(--primary-deep);color:var(--primary-deep);background:#161e540a}.meal-option.active,.meal-option.mess.active{border-color:var(--primary-deep);background:var(--primary-deep);color:var(--white)}.meal-option.mess{border-color:#1e2a7a4d;color:var(--success)}.meal-option.mess:hover{border-color:var(--success);background:#1e2a7a0f;color:var(--success)}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 0}.payment-method-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 16px;border:2px solid rgba(22,30,84,.12);border-radius:14px;cursor:pointer;transition:all .25s;font-size:14px;font-weight:700;color:var(--primary-muted);background:#161e5405;text-align:center}.payment-method-btn i{font-size:22px;margin-bottom:2px}.payment-method-btn:hover{border-color:var(--primary-deep);color:var(--primary-deep);background:#161e540a}.payment-method-btn.active{border-color:var(--primary-deep);background:var(--primary-deep);color:var(--white)}.payment-method-btn.online:hover,.payment-method-btn.online.active{border-color:var(--boys)}.payment-method-btn.online.active{background:var(--boys)}#pResPreferredStreet,#pResTypeFilter{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:32px!important;width:100%;cursor:pointer;background-color:var(--white);border:1.5px solid rgba(22,30,84,.15);border-radius:10px;padding:11px 14px;font-size:14px;color:var(--primary-deep)}.about-hero{padding:120px 24px 80px;text-align:center;background:linear-gradient(135deg,#0d1640,#161e54 60%,#1a2570)!important;position:relative;min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-hero:before{display:none!important}.about-hero>*{position:relative;z-index:2}.about-hero h1{font-size:clamp(48px,8vw,90px);font-weight:800;margin-bottom:20px;color:#fff!important;text-shadow:0 2px 30px rgba(0,0,0,.4)}.about-hero p{color:#ffffffe0!important;font-size:18px;max-width:700px;margin:0 auto;line-height:1.8}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;max-width:920px;margin:50px auto 0;justify-content:center}.contact-page{max-width:1200px;margin:0 auto;padding:100px 24px}.contact-hero{background:url(https://images.unsplash.com/photo-1493809842364-78817add7ffb?w=1600&q=80) center/cover no-repeat;padding:80px 24px;border-radius:30px;margin-bottom:50px;position:relative;text-align:center}.contact-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#bbe0efe6;border-radius:30px}.contact-hero>*{position:relative;z-index:2}.contact-hero h1{font-size:clamp(40px,6vw,70px);font-weight:800;color:var(--primary-deep);margin-bottom:15px}.contact-hero p{color:var(--primary-muted);font-size:18px;max-width:600px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px}.contact-info-cards{display:flex;flex-direction:column;gap:20px}.contact-info-card{background:var(--white);border:1px solid rgba(22,30,84,.1);border-radius:20px;padding:25px;display:flex;align-items:center;gap:20px;transition:all .4s;position:relative;overflow:hidden}.contact-info-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-1);transform:scaleY(0);transform-origin:top;transition:transform .4s}.contact-info-card:hover{border-color:var(--primary-deep);transform:translate(10px);box-shadow:var(--shadow-lg)}.contact-info-card:hover:before{transform:scaleY(1)}.contact-info-icon{width:60px;height:60px;background:#161e540d;border:1px solid rgba(22,30,84,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--primary-deep);flex-shrink:0;transition:all .3s}.contact-info-card:hover .contact-info-icon{background:#161e541a;border-color:#161e544d;transform:scale(1.1) rotate(5deg)}.contact-info-text strong{display:block;font-size:16px;color:var(--primary-deep);margin-bottom:5px}.contact-info-text span,.contact-info-text a{color:var(--primary-muted);font-size:15px;text-decoration:none;transition:color .3s}.contact-info-text a:hover{color:var(--primary-deep)}.contact-form-card{background:var(--white);border:1px solid rgba(22,30,84,.1);border-radius:24px;padding:40px;box-shadow:var(--shadow-lg)}.contact-form-card h2{font-family:Cormorant Garamond,serif;font-size:32px;font-weight:700;margin-bottom:30px;color:var(--primary-deep);position:relative;padding-bottom:15px}.contact-form-card h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--gradient-1);border-radius:4px}.dashboard-wrap{max-width:1300px;margin:0 auto;padding:50px 24px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:20px}.dashboard-header h1{font-size:42px;font-weight:800;color:var(--primary-deep);position:relative;padding-bottom:10px}.dashboard-header h1:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:var(--gradient-1);border-radius:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-bottom:40px}.status-approved{background:#065f461a!important;color:#065f46!important;border:1px solid rgba(6,95,70,.25)!important;font-weight:700!important}.status-pending{background:#b453091a!important;color:#92400e!important;border:1px solid rgba(180,83,9,.25)!important;font-weight:700!important}.status-rejected{background:#b91c1c1a!important;color:#991b1b!important;border:1px solid rgba(185,28,28,.25)!important;font-weight:700!important}.badge-family{background:#065f461f!important;color:#065f46!important;border:1px solid rgba(6,95,70,.25)!important}.hostel-card{transition:transform .22s ease,box-shadow .22s ease!important}.hostel-card:hover{transform:translateY(-7px)!important;box-shadow:0 18px 44px #161e542e!important}.stat-val{font-weight:900!important;color:var(--primary-deep)!important}.admin-table td,.listings-table td{color:var(--primary-deep)!important}.admin-table th,.listings-table th{color:#fff!important}input:focus,select:focus,textarea:focus{border-color:var(--primary-deep)!important;box-shadow:0 0 0 3px #161e541a!important;outline:none!important}.toast-msg{font-weight:600!important}#aboutPage .hero-eyebrow{color:#fff!important;background:#fff3!important;border-color:#fff6!important}#aboutPage .hero-eyebrow i,#aboutPage .about-hero h1{color:#fff!important}#aboutPage .about-hero p{color:#ffffffe6!important}footer{background:var(--footer-bg);border-top:2px solid var(--footer-border);padding:80px 24px 40px;position:relative;overflow:hidden}footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-1)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;max-width:1300px;margin:0 auto;position:relative;z-index:2}.footer-brand p{color:#ffffffb3;font-size:14px;line-height:1.8;margin-top:15px;max-width:300px}.footer-col h4{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:700;margin-bottom:20px;color:var(--white);position:relative;padding-bottom:10px}.footer-col h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--gradient-1);border-radius:3px}.footer-col a{display:block;color:#ffffffb3;font-size:14px;text-decoration:none;margin-bottom:12px;transition:all .3s;cursor:pointer}.footer-col a i{margin-right:8px;font-size:12px;transition:transform .3s;color:#ffffffb3}.footer-col a:hover{color:var(--white);transform:translate(5px)}.footer-col a:hover i{transform:translate(3px);color:var(--white)}.footer-bottom{border-top:2px solid var(--footer-border);padding-top:30px;margin-top:60px;max-width:1300px;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;position:relative;z-index:2}.footer-bottom p{color:#ffffffb3;font-size:13px}.footer-social{display:flex;gap:15px}.footer-social a{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);transition:all .3s}.footer-social a:hover{background:var(--primary-light);color:var(--primary-deep);border-color:var(--primary-light);transform:translateY(-3px)}.footer-accent-line{height:3px;background:linear-gradient(90deg,var(--primary-deep),var(--primary-muted),transparent);margin-bottom:0}@media (max-width: 1200px){.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:40px}.footer-brand{grid-column:1 / -1}.listings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.value-strip-grid,.quick-reg-cards{grid-template-columns:repeat(2,1fr)}.search-main-row{flex-wrap:wrap;gap:8px;padding:12px}.search-field-block{min-width:calc(50% - 12px);padding:0}.search-field-icon-box{padding:9px 12px;min-height:52px}.sfib-icon{width:34px;height:34px;font-size:13px}.search-divider{display:none}.search-btn-main-wrap{margin-left:0;margin-top:4px;width:58px;height:58px;align-self:flex-end}.search-btn-main{width:58px;height:58px}.detail-info-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:40px}.apartment-details-grid{grid-template-columns:1fr}.hero-title{font-size:clamp(50px,8vw,90px)}.hero-title .line2{font-size:clamp(45px,7vw,80px)}.listings-grid{grid-template-columns:repeat(2,1fr);gap:20px}.room-photo-grid,.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.hero-stats{flex-wrap:wrap}.hero-stat{min-width:50%;border-right:none}.hero-stat:nth-child(odd){border-right:1px solid rgba(22,30,84,.1)}.hero-stat:nth-child(1),.hero-stat:nth-child(2){border-bottom:1px solid rgba(22,30,84,.1)}.footer-grid{grid-template-columns:1fr 1fr}.apartment-features{grid-template-columns:repeat(2,1fr)}.search-type-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.search-type-tab{flex:0 0 auto;font-size:12px;padding:12px 14px}}@media (max-width: 768px){.quick-actions,.nav-links{display:none}.nav-hamburger{display:flex}nav{padding:0 16px}.nav-actions{margin-left:auto;gap:6px}.nav-brand-text span:first-child{font-size:16px}.nav-brand-text span:last-child{display:none}.nav-user span{display:none}.nav-user{padding:6px 8px}.hero{padding:50px 16px 60px;min-height:auto}.hero-title{font-size:clamp(36px,9vw,62px);letter-spacing:-1px}.hero-title .line1{font-size:clamp(28px,7vw,46px)}.hero-title .line2{font-size:clamp(36px,9vw,60px)}.hero-subtitle{font-size:15px;margin-bottom:28px;line-height:1.7}.hero-actions{flex-direction:column;align-items:center;gap:12px}.hero-actions .btn{width:100%;max-width:320px;padding:14px 28px;font-size:15px}.hero-register-strip{padding:12px 20px;gap:10px;margin-top:20px}.hero-register-strip-label{font-size:12px}.hero-register-strip .btn{width:100%;max-width:240px;font-size:13px}.hero-stats{flex-wrap:wrap;margin-top:30px;border-radius:16px}.hero-stat{min-width:50%;padding:18px 12px;border-right:none}.hero-stat:nth-child(odd){border-right:1px solid rgba(22,30,84,.1)}.hero-stat:nth-child(1),.hero-stat:nth-child(2){border-bottom:1px solid rgba(22,30,84,.1)}.hero-stat-num{font-size:32px}.hero-stat-label{font-size:11px}.hero-search-outer{padding:0 12px 30px}.hero-search-outer .search-bar-wrap{border-radius:16px;box-shadow:0 4px 24px #161e541f}.search-bar-wrap{border-radius:16px}.search-type-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--primary-medium) transparent;padding:8px 8px 10px;-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.search-type-tabs::-webkit-scrollbar{display:block;height:6px}.search-type-tabs::-webkit-scrollbar-track{background:#161e540d;border-radius:4px}.search-type-tabs::-webkit-scrollbar-thumb{background:var(--primary-medium);border-radius:4px}.search-type-tab{flex:0 0 auto;font-size:12px;padding:10px 14px}.search-main-row{flex-direction:column;padding:12px;gap:8px}.search-field-block{padding:0;min-width:100%}.search-field-block.search-field-location{flex:1}.search-field-block.search-field-budget{min-width:100%}.search-field-icon-box{padding:10px 13px;min-height:52px;border-radius:12px}.sfib-icon{width:34px;height:34px;font-size:13px;border-radius:8px}.sfib-content{flex:1}.search-field-label{font-size:10px;margin-bottom:2px}.search-field-input{font-size:14px}.search-divider{display:none}.search-budget-row{gap:4px}.search-budget-input{font-size:13px}.hero-search-outer .search-btn-main-wrap{width:100%;height:50px;border-radius:12px;margin:8px 0 0;align-self:stretch;display:flex;overflow:visible}.hero-search-outer .search-btn-main{flex:1;width:100%;height:50px;font-size:16px;border-radius:12px;gap:8px;justify-content:center}.hero-search-outer .search-btn-main span{display:inline-block}.value-strip{padding:50px 16px}.value-strip-title{font-size:clamp(26px,7vw,36px)}.value-strip-sub{font-size:14px;margin-bottom:30px}.value-strip-grid{grid-template-columns:repeat(2,1fr);gap:14px}.vstrip-card{padding:22px 16px}.vstrip-num{font-size:28px}.vstrip-label{font-size:12px}.quick-reg-section{padding:50px 16px}.quick-reg-title{font-size:clamp(26px,7vw,38px)}.quick-reg-sub{font-size:14px;margin-bottom:30px}.quick-reg-cards{grid-template-columns:1fr;gap:14px}.qr-card{padding:22px 18px}.listings-grid{grid-template-columns:1fr;gap:12px}.listing-card{border-radius:12px;display:flex;flex-direction:row;align-items:stretch;min-height:130px;height:auto;overflow:hidden}.listing-img{width:130px;flex-shrink:0;object-fit:cover}.listing-badges,.listing-actions{display:none}.listing-body{padding:12px!important;flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-width:0}.listing-name{font-size:16px;margin-bottom:4px;line-height:1.25;font-weight:700;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listing-location{font-size:12px;margin-bottom:6px;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-location i{font-size:11px}.listing-tags{display:none}.listing-desc-snippet,.listing-price-breakdown{display:none!important}.listing-footer{padding-top:0;border-top:none;margin-top:auto;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:0}.listing-price{font-size:17px}.listing-price span{font-size:10px}.listing-verified,.listing-rating{display:none}.listing-urgency{display:none!important}.card-book-btn{display:none}.filter-tabs{gap:4px;padding:0 4px 10px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary-medium) transparent;margin-bottom:24px;-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.filter-tabs::-webkit-scrollbar{height:6px;display:block}.filter-tabs::-webkit-scrollbar-track{background:#161e540d;border-radius:4px}.filter-tabs::-webkit-scrollbar-thumb{background:var(--primary-medium);border-radius:4px}.filter-tab{padding:8px 16px;font-size:12px;flex:0 0 auto}.section{padding:50px 16px}.section-title{font-size:clamp(26px,7vw,38px)}.detail-gallery{grid-template-columns:1fr;height:220px}.detail-gallery-side{display:none}.detail-info-grid{grid-template-columns:1fr 1fr}.contact-buttons,.form-row,.price-option-grid,.seating-grid{grid-template-columns:1fr}.dashboard-wrap{padding:24px 14px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:18px 14px}.stat-num{font-size:28px}.admin-tab-bar{flex-wrap:wrap;border-radius:16px}.admin-tab{font-size:12px;padding:10px 8px}table{font-size:12px}table th,table td{padding:10px 8px}.modal-overlay{padding:20px 16px}.modal{padding:22px 16px;border-radius:20px;max-width:96vw;max-height:calc(100vh - 40px)}.modal-wide{max-width:100%}.role-select-btn{padding:14px}.role-title{font-size:14px}.role-desc{font-size:12px}.auth-tabs{gap:4px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;text-align:center;gap:8px}.apartment-details-grid{grid-template-columns:1fr}.furnishing-options{flex-direction:column}.apartment-rooms-row,.apartment-preview-grid,.room-photo-grid,.team-grid{grid-template-columns:1fr}.wizard-steps{gap:4px}.step-circle{width:34px;height:34px;font-size:13px}.step-connector{flex:1;height:2px;min-width:12px}.listing-payment-step{padding:18px 14px}.pay-amount{font-size:28px}.pay-desc{font-size:13px}.building-features{grid-template-columns:1fr 1fr;gap:10px}.amenity-chips{gap:8px}.amenity-chip{padding:8px 12px;font-size:12px}}@media (max-width: 540px){.hero{padding:40px 14px 50px}.hero-eyebrow{font-size:11px;padding:7px 16px;margin-bottom:22px}.hero-title{font-size:clamp(32px,10vw,54px);margin-bottom:18px}.hero-title .line1{font-size:clamp(24px,8vw,38px)}.hero-title .line2{font-size:clamp(32px,10vw,52px)}.hero-subtitle{font-size:14px;margin-bottom:22px}.hero-stats{flex-direction:column;border-radius:14px;margin-top:24px}.hero-stat{min-width:100%;border-right:none!important;border-bottom:1px solid rgba(22,30,84,.1)!important;padding:14px 16px}.hero-stat:last-child{border-bottom:none!important}.hero-stat-num{font-size:28px}.search-type-tab{padding:9px 11px;font-size:11px}.search-field-icon-box{padding:9px 11px;min-height:48px}.sfib-icon{width:30px;height:30px;font-size:12px}.search-field-label{font-size:9px}.search-field-input{font-size:13px}.search-btn-main{height:46px;font-size:14px}.value-strip-grid{grid-template-columns:1fr;gap:12px}.vstrip-card{padding:18px 14px;display:flex;align-items:center;gap:14px;text-align:left}.vstrip-icon{flex-shrink:0;width:44px;height:44px}.vstrip-num{font-size:24px}.qr-card{padding:18px 16px}.qr-icon{width:48px;height:48px;font-size:20px}.qr-card-title{font-size:17px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px 14px}.section,.contact-page{padding:40px 14px}.filter-tabs{gap:6px}.filter-tab{padding:7px 14px;font-size:11px}.modal{padding:18px 14px}.modal h2{font-size:18px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:11px 14px}.btn-full{padding:13px;font-size:15px}.step-circle{width:30px;height:30px;font-size:11px}.wizard-step h3{font-size:18px}.wizard-step p.step-sub{font-size:13px}.listing-card{border-radius:10px}.listing-img{height:80px}.listing-name{font-size:10px}.listing-price,.listing-price strong{font-size:12px}.card-book-btn{font-size:8px;padding:5px 4px}.nav-actions .btn-sm{padding:7px 13px;font-size:12px}.nav-user{padding:6px 8px}.building-features{grid-template-columns:1fr}.seating-row{flex-direction:column;align-items:flex-start;gap:8px}.seating-row-inputs{flex-direction:column;gap:6px;width:100%}.seating-row-inputs input{width:100%}.amenity-chip{padding:7px 10px;font-size:11px}.search-bar-wrap{padding-bottom:14px}.hero-search-outer{padding:0 10px 24px}}@media (max-width: 400px){.hero-title{font-size:clamp(28px,11vw,44px)}.hero-title .line1{font-size:clamp(22px,9vw,34px)}.hero-title .line2{font-size:clamp(28px,11vw,42px)}.hero-subtitle{font-size:13px}nav{padding:0 12px}.nav-logo-box{width:36px;height:36px;font-size:16px}.nav-brand-text span:first-child{font-size:14px}.hero-eyebrow{font-size:10px;padding:6px 13px}.hero-register-strip{flex-direction:column;padding:12px 14px}.search-type-tab{padding:8px 10px;font-size:10px}.modal{padding:16px 12px}.role-icon{width:40px;height:40px;font-size:17px}.role-title{font-size:13px}.role-desc{font-size:11px}}@media (max-width: 360px){.nav-logo-box{width:34px;height:34px;font-size:15px}.nav-brand-text span:first-child{font-size:13px}}@media (min-width: 1024px) and (max-width: 1366px) and (min-height: 1024px){.hero{min-height:80vh}.hero-content{max-width:95%}.hero-title{font-size:clamp(55px,7vw,90px)}.hero-title .line1{font-size:clamp(45px,6vw,70px)}.hero-title .line2{font-size:clamp(55px,7vw,85px)}.hero-stats{margin-top:60px}.hero-stat{padding:25px 18px}.hero-stat-num{font-size:44px}.value-strip-grid,.quick-reg-cards,.listings-grid{gap:25px}.vstrip-card,.qr-card,.listing-card{padding:30px 20px}.footer-grid{grid-template-columns:repeat(4,1fr);gap:30px}.footer-brand{grid-column:auto}}@media (min-width: 768px) and (max-width: 1024px) and (min-height: 1024px){.hero{min-height:75vh}.hero-content{max-width:90%}.hero-title{font-size:clamp(50px,6vw,80px)}.hero-title .line1{font-size:clamp(40px,5vw,60px)}.hero-title .line2{font-size:clamp(50px,6vw,75px)}.hero-stats{margin-top:50px}.hero-stat{padding:20px 15px}.hero-stat-num{font-size:40px}.value-strip-grid,.quick-reg-cards,.listings-grid{gap:20px}.vstrip-card,.qr-card,.listing-card{padding:25px 18px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}.footer-brand{grid-column:1 / -1}}.cafes-page{padding:0 0 60px}.cafes-hero{text-align:center;padding:80px 20px 50px;background:linear-gradient(135deg,#161e540a,#1e2a7a0f);border-bottom:1px solid var(--border)}.cafes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;padding:40px;max-width:1400px;margin:0 auto}.cafe-card{background:var(--white);border:1.5px solid var(--border);border-radius:22px;overflow:hidden;transition:all .3s;position:relative;box-shadow:0 4px 24px #161e540f}.cafe-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #161e5424;border-color:#161e542e}.cafe-card-badge{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,var(--primary-medium),var(--primary-muted));color:var(--white);font-size:10px;font-weight:800;letter-spacing:1.5px;padding:5px 12px;border-radius:50px;text-transform:uppercase;z-index:2;box-shadow:0 2px 10px #1e2a7a66}.cafe-card-img-wrap{height:220px;overflow:hidden;position:relative}.cafe-card-img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.cafe-card:hover .cafe-card-img{transform:scale(1.05)}.cafe-card-body{padding:22px}.cafe-card-tag{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.cafe-card-name{font-family:Cormorant Garamond,serif;font-size:24px;font-weight:800;color:var(--primary-deep);margin-bottom:6px}.cafe-card-location{font-size:13px;color:var(--primary-muted);margin-bottom:12px;display:flex;align-items:center;gap:6px}.cafe-card-location i{color:var(--gold)}.cafe-card-desc{font-size:14px;color:var(--primary-muted);line-height:1.7;margin-bottom:14px}.cafe-card-pics{display:flex;gap:6px;margin-bottom:14px}.cafe-card-pics img{flex:1;height:70px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.cafe-card-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.cafe-card-features span{font-size:12px;color:var(--primary-deep);background:#161e540d;border:1px solid rgba(22,30,84,.1);border-radius:50px;padding:4px 12px;display:flex;align-items:center;gap:6px}.cafe-card-hours{font-size:12px;color:var(--primary-muted);margin-bottom:16px;display:flex;align-items:center;gap:6px}.cafe-voucher-btn{width:100%;padding:14px;font-size:15px;font-weight:700;border-radius:14px;background:linear-gradient(135deg,var(--primary-deep),var(--primary-deep));color:var(--white);border:none;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.cafe-voucher-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #161e5440}.cafe-read-more-btn{display:none}@media (max-width: 768px){.cafes-grid{grid-template-columns:1fr;padding:20px}.cafe-card-pics img{height:55px}.cafe-mobile-hidden{display:none!important}.cafe-read-more-btn{display:flex!important;width:100%;margin:8px 0 16px;font-size:14px;align-items:center;justify-content:center;gap:6px;border-radius:10px}.cafe-card-desc{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px!important}.cafe-card-img-wrap{height:180px}}.btn-define-rooms{background:#161e5412;color:var(--primary-deep);border:1.5px solid rgba(22,30,84,.2);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-define-rooms:hover{background:#161e541f;border-color:var(--primary-deep)}.seating-row-inputs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.room-floor-table-wrap{grid-column:1 / -1;width:100%;margin-top:4px}.room-choice-chip:hover{background:#161e540f!important;border-color:var(--primary-deep)!important;transform:translateY(-1px);box-shadow:0 3px 10px #161e541a}.cafe-wa-btn:hover{background:var(--primary-medium)!important;transform:translateY(-1px);box-shadow:0 4px 14px #25d3664d}.bingchunn-featured{border:2px solid rgba(22,30,84,.15)!important;background:var(--white)!important}.bingchunn-featured .cafe-card-name{color:var(--primary-deep);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.seating-row{display:flex;flex-direction:column;gap:6px}.seating-row>label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--primary-deep)}.seating-row-inputs.show{display:flex!important}table{width:100%;border-collapse:separate;border-spacing:0;font-family:DM Sans,sans-serif}table thead tr{background:linear-gradient(90deg,#161e540a,#161e5405)}table th{padding:14px 18px!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1.2px!important;color:var(--primary-deep)!important;border-bottom:2px solid rgba(22,30,84,.1)!important;background:#161e5408!important;white-space:nowrap}table td{padding:14px 18px!important;font-size:13.5px!important;border-bottom:1px solid rgba(22,30,84,.06)!important;vertical-align:middle!important;color:var(--primary-deep)!important;transition:background .15s}table tr:hover td{background:#161e5406!important}table tr:last-child td{border-bottom:none!important}table tbody tr:nth-child(2n) td{background:#161e5403}table tbody tr:nth-child(2n):hover td{background:#161e5408!important}.listings-table-wrap{border-radius:20px!important;overflow:hidden;box-shadow:0 4px 32px #161e5414,0 1px 4px #161e540f!important;border:1px solid rgba(22,30,84,.09)!important}.table-header{padding:22px 28px!important;background:linear-gradient(135deg,#161e5408,#161e5403)!important;border-bottom:1.5px solid rgba(22,30,84,.08)!important}.table-header h2{font-family:Playfair Display,serif!important;font-size:22px!important;font-weight:700!important;letter-spacing:-.3px}.hero-section{position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-60px;right:-60px;width:400px;height:400px;background:radial-gradient(circle,rgba(30,42,122,.08) 0%,transparent 70%);pointer-events:none;border-radius:50%}.hero-section:after{content:"";position:absolute;bottom:-80px;left:-60px;width:350px;height:350px;background:radial-gradient(circle,rgba(22,30,84,.06) 0%,transparent 70%);pointer-events:none;border-radius:50%}.hostel-card,.listing-card{transition:transform .3s ease,box-shadow .3s ease!important;border-radius:20px!important}.hostel-card:hover,.listing-card:hover{transform:translateY(-6px)!important;box-shadow:0 20px 48px #161e5421!important}.btn{font-family:DM Sans,sans-serif;font-weight:600;letter-spacing:.2px;border-radius:12px!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important}.btn-primary{background:#ddeeff8c!important;color:var(--primary-deep)!important;border:none!important;box-shadow:0 4px 16px #161e5426!important}.btn-primary:hover{background:#ddeeffbf!important;color:var(--primary-deep)!important;transform:translateY(-2px)!important;box-shadow:0 8px 28px #161e5433!important}.btn-outline{border:1.5px solid var(--primary-deep)!important;color:var(--primary-deep)!important;background:#ddeeff8c!important}.btn-outline:hover{background:#ddeeffbf!important;border-color:var(--primary-deep)!important;transform:translateY(-1px)}input,select,textarea{font-family:DM Sans,sans-serif!important;border-radius:12px!important;border:1.5px solid rgba(22,30,84,.2)!important;padding:12px 16px!important;font-size:14px!important;color:var(--primary-deep)!important;transition:border-color .2s,box-shadow .2s!important;background:#1e2a7a14!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--primary-medium)!important;box-shadow:0 0 0 3px #161e541f!important;background:var(--white)!important}label{font-family:DM Sans,sans-serif;font-size:13px!important;font-weight:600!important;color:var(--primary-deep)!important;letter-spacing:.2px;margin-bottom:6px!important;display:block}h1,h2,h3{font-family:Playfair Display,serif!important;font-weight:700!important;color:var(--primary-deep)!important;line-height:1.2!important}h1{font-size:clamp(28px,4vw,48px)!important}h2{font-size:clamp(22px,3vw,36px)!important}h3{font-size:clamp(18px,2.5vw,26px)!important}.modal h2{font-family:Playfair Display,serif!important;font-size:24px!important;font-weight:700!important;letter-spacing:-.2px}.modal{padding:28px 32px!important}.role-select-btn{display:flex!important;align-items:center!important;gap:16px!important;width:100%!important;padding:18px 20px!important;border-radius:16px!important;border:1.5px solid rgba(22,30,84,.12)!important;background:var(--white)!important;cursor:pointer!important;transition:all .25s ease!important;text-align:left!important;box-shadow:0 2px 10px #161e540d!important}.role-select-btn:hover{border-color:var(--primary-deep)!important;background:#161e5408!important;transform:translate(4px)!important;box-shadow:0 4px 20px #161e541a!important}.role-icon{width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(135deg,#161e5414,#161e540a)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;color:var(--primary-deep)!important;flex-shrink:0!important}.role-icon--owner{background:linear-gradient(135deg,#1e2a7a26,#1e2a7a14)!important;color:var(--primary-medium)!important}.role-icon--admin{background:linear-gradient(135deg,#dc26261a,#dc26260d)!important;color:var(--primary-medium)!important}.role-title{font-family:DM Sans,sans-serif!important;font-size:15px!important;font-weight:700!important;color:var(--primary-deep)!important}.role-arrow{margin-left:auto!important;color:#161e544d!important;font-size:13px!important}.cafes-hero h1{font-family:Playfair Display,serif!important;font-size:clamp(30px,5vw,52px)!important;font-weight:800!important;color:var(--primary-deep)!important;margin-bottom:14px!important}.cafes-hero p{font-family:DM Sans,sans-serif!important;font-size:16px!important;color:var(--primary-muted)!important;max-width:520px!important;margin:0 auto!important;line-height:1.7!important}.cafes-grid{gap:32px!important}.cafe-card-badge{font-family:DM Sans,sans-serif!important;font-size:9px!important;font-weight:800!important;letter-spacing:2px!important}.status-badge,[class*=status-]{font-family:DM Sans,sans-serif!important;font-size:11px!important;font-weight:700!important;border-radius:50px!important;padding:4px 12px!important;letter-spacing:.5px!important}.navbar{backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}.nav-link,.nav-cta{font-family:DM Sans,sans-serif!important;font-weight:600!important;font-size:13.5px!important}#toast{font-family:DM Sans,sans-serif!important;font-weight:600!important;border-radius:14px!important}.admin-tab{font-family:DM Sans,sans-serif!important;font-weight:600!important;font-size:13px!important;border-radius:40px!important}.admin-tab.active{font-weight:700!important}.value-card,.stat-card{border-radius:20px!important;transition:transform .3s ease,box-shadow .3s ease!important}.value-card:hover,.stat-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 40px #161e541f!important}.search-bar,.filter-bar,.filters-bar{border-radius:20px!important;box-shadow:0 4px 24px #161e5412!important}footer,.footer{font-family:DM Sans,sans-serif!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#161e540a;border-radius:10px}::-webkit-scrollbar-thumb{background:#161e542e;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#161e544d}.modal-wide table th{font-size:11px!important}.modal-wide table td{font-size:13px!important}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(22,30,84,.1),transparent);margin:48px 0}.page{animation:fadeSlideUp .3s ease both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 4px 16px #f59e0b59}50%{box-shadow:0 4px 28px #f59e0bb3,0 0 0 6px #f59e0b1f}}.bingchunn-featured,.cafe-card,.cafe-card-body,.cafe-popup{background:var(--white)!important;color:var(--primary-deep)!important}.bingchunn-featured *:not(.btn):not(.btn *):not(button),.cafe-card *:not(.btn):not(.btn *):not(button),.cafe-card-body *:not(.btn):not(.btn *):not(button),.cafe-popup *:not(.btn):not(.btn *):not(button){color:var(--primary-deep)}.bingchunn-featured .cafe-card-badge,.cafe-card-badge,.cafe-voucher-btn,.cafe-voucher-btn *{color:var(--white)!important}body,.dashboard-body,.main-content,.dash-section,.panel,.card,.stat-card,.value-card,.modal-content,.modal-body{background-color:var(--cream);color:var(--primary-deep)}.card,.stat-card,.value-card,.listing-card,.hostel-card,.table-wrap,.listings-table-wrap,.modal-content{background:var(--white)!important;color:var(--primary-deep)!important}.btn-primary,.btn-primary *,.btn-outline,.btn-outline *,.btn-outline-primary,.btn-outline-primary *{color:var(--primary-deep)!important}.btn-success,.btn-success *,.btn-warning,.btn-warning *,.btn-danger,.btn-danger *,.btn-dark,.btn-dark *{color:var(--white)!important}button[onclick*=loginModal],button[onclick*=loginModal] *{color:var(--primary-deep)!important}#payRentModal .modal-header h2,#payRentModal .modal-header h2 *,#resignModal .modal-header h2,#resignModal .modal-header h2 *{color:#fff!important}#payRentModal .modal-header .modal-close,#resignModal .modal-header .modal-close{color:#fff!important;background:#ffffff26!important;border-color:#ffffff4d!important}#payRentModal button,#payRentModal .btn,#payRentModal button i,#payRentModal .btn i{color:#fff!important}button[onclick="submitPayRent()"],button[onclick="submitPayRent()"] *,button[onclick="submitPayRent()"] i{color:#fff!important;background:linear-gradient(135deg,#0a2a5e,#1346a0)!important}button[onclick="submitResign()"]{background:#0a2342!important;color:#fff!important}button[onclick="submitResign()"] *{color:#fff!important}button[onclick="submitResign()"]:hover{background:#1346a0!important}button[onclick="goPayRentStep(2)"],button[onclick="goPayRentStep(2)"] *{color:#fff!important}#prPill1,#prPill2,#prPill3{font-weight:700!important}.team-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:24px!important;max-width:920px!important;margin:50px auto 0!important;justify-content:center!important}.listing-img img{background:#0a2a5e0d}.res-reg-card{background:#fff;border:1.5px solid rgba(10,42,94,.12);border-radius:14px;padding:16px;margin-bottom:12px}.res-reg-card .reg-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(10,42,94,.07);font-size:13px}.res-reg-card .reg-row:last-child{border-bottom:none}.res-reg-card .reg-label{color:var(--primary-muted);font-weight:600}.res-reg-card .reg-value{font-weight:700;color:var(--primary-deep);text-align:right;max-width:60%}.step-circle.active,.step-circle.done,.res-step-circle.active,.res-step-circle.done{color:#fff!important}.step-circle{color:var(--primary-muted, #6b7fa3)!important}#payRentModal .modal-header,#payRentModal .modal-header *,#payRentModal .modal-header h2,#payRentModal .modal-header h2 *{color:#fff!important}button[onclick="submitPayRent()"],button[onclick="submitPayRent()"] span,button[onclick="submitPayRent()"] i{color:#fff!important;background:linear-gradient(135deg,#0a2a5e,#1346a0)!important}button[onclick="goPayRentStep(2)"],button[onclick="goPayRentStep(2)"] *,button[onclick="goPayRentStep(3)"],button[onclick="goPayRentStep(3)"] *,#resignModal .modal-header,#resignModal .modal-header *,#resignModal .modal-header h2,#resignModal .modal-header h2 *{color:#fff!important}button[onclick="submitResign()"]{background:#0a2342!important;color:#fff!important;border:none!important}button[onclick="submitResign()"] span,button[onclick="submitResign()"] i{color:#fff!important}button[onclick="submitResign()"]:hover{background:#1a3a6e!important}button[onclick="submitHostel()"],button[onclick="submitHostel()"] *{color:#fff!important}.detail-gallery-side-item{cursor:pointer;overflow:hidden;border-radius:8px;transition:opacity .2s,transform .2s}.detail-gallery-side-item:hover{opacity:.85;transform:scale(1.02)}.detail-gallery-main img{transition:opacity .3s}.listing-img{background:linear-gradient(135deg,#0a2a5e0f,#1346a014);min-height:200px;display:flex;align-items:center;justify-content:center}.listing-img img{min-height:200px;background:#0a2a5e0a}.team-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;max-width:920px!important;justify-content:center!important}@media (max-width: 768px){nav,.navbar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.nav-logo-box{animation:none!important}.search-type-tabs,.filter-tabs{-webkit-mask-image:none!important;mask-image:none!important}.why-room-bg,.hero-bg-img,.listings-room-bg{animation:none!important}.listing-card,.listing-heart,.listing-photo-count,.value-card,.vstrip-card,.qr-card,.hero-eyebrow,.hero-register-strip,.hero-stats,.filter-tab,.nav-mobile-menu,#toast,.cafe-popup-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 480px) and (max-resolution: 2dppx){*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}html.no-backdrop-blur *,html.reduce-fx *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.reduce-fx .why-room-bg,html.reduce-fx .hero-bg-img,html.reduce-fx .listings-room-bg,html.reduce-fx .nav-logo-box{animation:none!important}.privacy-block{margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid var(--border)}.privacy-block:last-child{border-bottom:none;padding-bottom:0}.privacy-block-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.privacy-block-head i{width:38px;height:38px;flex-shrink:0;background:linear-gradient(135deg,#161e541a,#1a5cb814);color:var(--primary-deep);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px}.privacy-block-head h3{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:800;color:var(--primary-deep);margin:0}.privacy-p{font-size:14.5px;line-height:1.7;color:var(--primary-muted);margin:0 0 10px}.privacy-list{margin:0;padding-left:4px;list-style:none}.privacy-list li{font-size:14.5px;line-height:1.8;color:var(--primary-muted);padding-left:22px;position:relative}.privacy-list li:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--primary-deep);position:absolute;left:0;top:2px;font-size:11px;opacity:.65}@media (max-width: 640px){.privacy-block-head h3{font-size:18px}}