body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body.no-navbar{padding-top:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.about-hero,.booking-hero,.contact-hero,.gallery-hero,.hero,.my-bookings-hero,.oasis-hero,.oasis1-hero,.oasis2-hero{margin-top:0!important;padding-top:90px!important}.modal-content{animation:slideUp .3s ease;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:500px;width:90%}.signup-success-modal{max-width:400px}.modal-header{border-radius:16px 16px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h3{color:#1f2937}.modal-close{transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-footer{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;padding:20px 24px}.modal-actions{border-top:1px solid #e5e7eb;width:100%}.modal-action-btn{font-size:14px;padding:14px 0;text-align:center;transition:all .2s}.modal-action-btn.confirm{border-left:1px solid #e5e7eb;color:#3b82f6}.modal-action-btn.cancel{color:#6b7280}.modal-action-btn.confirm:hover{background:#eff6ff;color:#2563eb}.modal-action-btn.cancel:hover{background:#f3f4f6;color:#1f2937}.btn-primary,.btn-secondary{font-size:14px;padding:10px 20px}.btn-secondary{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#dc2626;border-radius:8px;padding:10px 20px}.btn-danger:hover{background:#b91c1c}.message-banner{border-radius:8px;font-size:14px;padding:12px;text-align:center}.message-banner.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message-banner.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.profile-avatar-section{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 10px #0000001a;display:flex;height:100px;justify-content:center;margin-bottom:12px;overflow:hidden;width:100px}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-icon{color:#fff;font-size:40px;font-weight:600}.avatar-upload-label{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#4b5563;cursor:pointer;display:inline-block;font-size:13px;padding:6px 16px}.avatar-upload-label:hover{background:#e5e7eb}.profile-info{margin-bottom:30px}.info-item{align-items:center;border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-label{color:#6b7280;font-size:14px}.info-value{color:#1f2937;font-size:14px;font-weight:500}.google-badge{background:#e8f0fe;border:1px solid #d2e3fc;border-radius:20px;color:#1a73e8;display:inline-block;font-size:12px;padding:4px 10px}.profile-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.edit-profile-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:14px;width:100%}.edit-profile-btn:hover{background:#2563eb}.logout-btn-modern{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:15px;padding:14px;width:100%}.logout-btn-modern:hover{background:#e5e7eb;color:#1f2937}.form-group label{color:#6b7280;font-size:13px;font-weight:500}.modern-input{background:#0000;border:none;border-bottom:1px solid #e5e7eb;font-size:15px;padding:10px 0;width:100%}.modern-input:focus{border-bottom-color:#3b82f6;outline:none}.edit-actions{margin-top:30px}.cancel-btn,.save-btn{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px}.cancel-btn{background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.save-btn{background:#3b82f6;border:none;color:#fff}.save-btn:hover{background:#2563eb}.success-icon{background:#10b981;height:70px;width:70px}.success-icon .checkmark{color:#fff;font-size:40px;font-weight:700}.success-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 10px;text-align:center}.success-message{color:#6b7280;font-size:.95rem;margin-bottom:20px;text-align:center}.success-note{background:#fef3c7;border-radius:8px;display:flex;gap:10px;margin-bottom:24px;padding:12px}.success-note p{color:#92400e;font-size:.85rem;margin:0}.confirm-modal{max-width:320px}.confirm-modal .modal-body{padding:16px 20px}.confirm-text{color:#4b5563;font-size:15px;margin:8px 0}@media (max-width:640px){.modal-content{max-height:95vh;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}.profile-avatar{height:80px;width:80px}.avatar-icon{font-size:32px}}.admin-layout{background:#f8fafc;display:flex;min-height:100vh}.mobile-overlay{background:#00000073;display:none;inset:0;position:fixed;z-index:99}.mobile-overlay.open{display:block}@media (min-width:769px){.mobile-overlay{display:none!important}}.admin-sidebar{box-shadow:2px 0 12px #0000000a;overflow:hidden;transition:width .25s ease,left .25s ease;width:260px}@media (min-width:769px){.admin-sidebar.closed{width:72px}.admin-sidebar.closed .logo-sub,.admin-sidebar.closed .logo-text,.admin-sidebar.closed .nav-label,.admin-sidebar.closed .sidebar-footer-actions,.admin-sidebar.closed .sidebar-user-info{display:none}.admin-sidebar.closed .logo-area{justify-content:center}.admin-sidebar.closed .sidebar-footer{align-items:center}}@media (max-width:768px){.admin-sidebar{left:-260px;width:260px!important}.admin-sidebar.open{left:0}.admin-sidebar.closed{left:-260px}.admin-sidebar.closed .logo-sub,.admin-sidebar.closed .logo-text,.admin-sidebar.closed .nav-label,.admin-sidebar.closed .sidebar-footer-actions,.admin-sidebar.closed .sidebar-user-info{display:block}}.sidebar-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;gap:8px;height:auto;justify-content:space-between;min-height:80px;padding:16px 14px}.logo-area{flex:1 1;gap:12px;min-width:0}.sidebar-logo{background:#f0f9ff;border-radius:12px;flex-shrink:0;height:48px;padding:4px;width:48px}.logo-text-wrapper{display:flex;flex-direction:column;line-height:1.2}.logo-text{color:#0c4a6e;font-size:1rem;font-weight:700;letter-spacing:-.3px}.logo-sub{color:#94a3b8;font-size:.65rem;font-weight:500;letter-spacing:2px;text-transform:uppercase}.sidebar-toggle{align-items:center;background:#f1f5f9;color:#64748b;display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;transition:all .2s;width:34px}.sidebar-toggle:hover{background:#e2e8f0}@media (min-width:769px){.admin-sidebar.closed .sidebar-toggle{margin:0 auto}}.sidebar-nav{gap:2px;overflow-y:auto;padding:12px 10px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{background:#0000;font-size:.875rem;padding:10px 14px;transition:all .15s;white-space:nowrap}.nav-item.active{background:#f0f9ff;font-weight:600}.nav-item.active:before{border-radius:0 3px 3px 0}.nav-icon{flex-shrink:0;font-size:1rem;min-width:20px}.admin-main{display:flex;flex-direction:column;margin-left:260px;transition:margin-left .25s ease,width .25s ease;width:calc(100% - 260px)}@media (min-width:769px){.admin-sidebar.closed~.admin-main{margin-left:72px;width:calc(100% - 72px)}}@media (max-width:768px){.admin-main{margin-left:0!important;width:100%!important}}.mobile-menu-toggle{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;font-size:18px;height:40px;justify-content:center;margin:16px 20px 0;transition:all .2s;width:40px}.mobile-menu-toggle:hover{background:#e2e8f0}@media (max-width:768px){.mobile-menu-toggle{display:flex}}.admin-content{flex:1 1;padding:28px 32px}@media (max-width:768px){.admin-content{padding:16px}}.sidebar-footer{background:#fff;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:14px 12px 18px}.sidebar-profile{align-items:center;display:flex;gap:12px;padding:4px 4px 8px}.sidebar-avatar{align-items:center;background:linear-gradient(135deg,#0284c7,#0369a1);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.sidebar-avatar img{height:100%;object-fit:cover;width:100%}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:#1e293b;font-size:.85rem;font-weight:600;margin:0}.sidebar-user-email,.sidebar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{color:#94a3b8;font-size:.72rem;margin:2px 0 0}.sidebar-footer-actions{display:flex;flex-direction:column;gap:2px}.sidebar-action-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:10px;padding:8px 12px;text-align:left;transition:all .15s;width:100%}.sidebar-action-btn i{font-size:.85rem;text-align:center;width:18px}.sidebar-action-btn:hover{background:#f1f5f9;color:#1e293b}.sidebar-action-btn.logout{color:#dc2626}.sidebar-action-btn.logout:hover{background:#fef2f2}.sidebar-footer-actions-collapsed{align-items:center;display:flex;flex-direction:column;gap:4px;padding-top:4px}.sidebar-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.95rem;height:36px;justify-content:center;transition:all .15s;width:36px}.sidebar-icon-btn:hover{background:#f1f5f9;color:#1e293b}.sidebar-icon-btn.logout{color:#dc2626}.sidebar-icon-btn.logout:hover{background:#fef2f2}.stats-grid{margin-bottom:28px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{padding:20px 24px}.stat-card:hover{box-shadow:0 6px 20px #0000000f;transform:translateY(-2px)}.stat-title{font-size:.8rem}.stat-value{font-size:1.75rem}.modal-overlay{background:#00000073;inset:0}.confirm-modal,.modal-container,.modal-content{position:relative;z-index:2147483647}.modal-container{animation:slideUp .25s ease;box-shadow:0 20px 60px #00000026;max-height:88vh;max-width:460px}.modal-header h3{font-size:1.1rem;font-weight:700}.modal-close{background:#f1f5f9;font-size:1rem;height:30px;transition:all .15s;width:30px}.modal-footer{border-radius:0 0 20px 20px;gap:10px}.form-group{margin-bottom:18px}.form-group label{color:#475569;font-size:.82rem}.edit-input{box-sizing:border-box;font-size:.875rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.edit-input.disabled{color:#94a3b8}.btn-primary,.btn-secondary{padding:9px 22px}.btn-secondary{transition:all .2s}.message-banner{font-size:.85rem;margin-bottom:16px;padding:10px 14px}.confirm-modal{max-width:380px}.confirm-icon{color:#f59e0b;font-size:44px;margin-bottom:12px;text-align:center}.confirm-text{color:#1e293b;font-size:1.05rem;font-weight:600;margin:0 0 6px}.confirm-subtext{color:#64748b;font-size:.85rem;margin:0;text-align:center}.modal-actions{border-top:1px solid #e2e8f0;display:flex}.modal-action-btn{background:#fff;border:none;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:14px;transition:background .15s}.modal-action-btn.cancel{border-right:1px solid #e2e8f0;color:#64748b}.modal-action-btn.cancel:hover{background:#f8fafc}.modal-action-btn.confirm{color:#dc2626}.modal-action-btn.confirm:hover{background:#fef2f2}.sidebar-profile-row{align-items:center;display:flex;gap:10px;padding:4px 4px 8px}.sidebar-profile-row .sidebar-user-name{flex:1 1;min-width:0}.sidebar-bell-wrapper{align-items:center;display:flex;flex-shrink:0}.sidebar-bell-collapsed .notification-bell-container,.sidebar-bell-wrapper .notification-bell-container{height:36px}.sidebar-bell-collapsed .notification-bell,.sidebar-bell-wrapper .notification-bell{font-size:20px;height:36px;padding:6px;width:36px}.sidebar-avatar-collapsed{margin-bottom:4px}@media (max-width:768px){.sidebar-profile-row .sidebar-user-name{max-width:150px}}.stat-card{border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;padding:24px}.stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-title{color:#6b7280;font-size:.85rem;letter-spacing:.3px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value{color:#1f2937;font-size:2rem;font-weight:600;line-height:1.2}.stat-trend{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:500;margin-top:8px;padding:4px 8px}.stat-trend.up{background-color:#d1fae5;color:#10b981}.stat-trend.down{background-color:#fee2e2;color:#ef4444}@media (max-width:1024px){.stat-card{padding:20px}.stat-title{font-size:.8rem}.stat-value{font-size:1.8rem}}@media (max-width:768px){.stat-card{border-radius:10px;padding:16px}.stat-title{font-size:.75rem}.stat-value{font-size:1.6rem}.stat-trend{font-size:.8rem}}@media (max-width:480px){.stat-card{border-radius:8px;padding:12px}.stat-title{font-size:.7rem;letter-spacing:.2px}.stat-value{font-size:1.4rem;margin-top:4px}.stat-trend{font-size:.75rem;margin-top:6px}}.message-modal{animation:slideUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 20px 40px #0003;max-width:450px;padding:32px;text-align:center;width:90%}.message-icon-wrapper{display:flex;justify-content:center;margin-bottom:20px}.message-icon{align-items:center;border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;width:80px}.message-icon.success{background:#d1fae5;color:#059669}.message-icon.error{background:#fee2e2;color:#dc2626}.message-icon.info{background:#e0e7ff;color:#4f46e5}.message-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 12px}.message-text{color:#64748b;font-size:.95rem;line-height:1.5;margin:0 0 24px}.message-modal-actions{display:flex;gap:12px;justify-content:center}.btn-primary{background:#3b82f6;border-radius:8px;font-size:1rem;padding:10px 32px;transition:all .2s}.btn-primary:hover{background:#2563eb}.pm-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 16px #0284c70f;margin-bottom:32px;overflow:hidden}.pm-live-badge{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:40px;color:#0284c7;display:inline-flex;font-size:.75rem;font-weight:600;gap:7px;letter-spacing:.02em;padding:5px 12px}.pm-live-dot{animation:pm-pulse 1.5s infinite;background:#0284c7;border-radius:50%;flex-shrink:0;height:7px;width:7px}@keyframes pm-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.pm-selector-header{padding:32px 32px 20px;text-align:center}.pm-selector-title-row{display:flex;justify-content:center;margin-bottom:16px}.pm-selector-heading{color:#1e293b;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.pm-selector-sub{color:#64748b;font-size:.9rem;margin:0}.pm-oasis-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:0 32px 32px}.pm-oasis-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;box-shadow:0 2px 8px #0000000a;cursor:pointer;overflow:hidden;padding:0;text-align:left;transition:all .22s ease}.pm-oasis-card:hover{border-color:#0284c7;box-shadow:0 12px 32px #0284c724;transform:translateY(-4px)}.pm-oasis-card-img-wrap{background:#e0f2fe;height:180px;overflow:hidden;position:relative;width:100%}.pm-oasis-card-img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.pm-oasis-card:hover .pm-oasis-card-img{transform:scale(1.05)}.pm-oasis-card-img-fallback{align-items:center;background:#e0f2fe;display:none;font-size:3rem;height:100%;justify-content:center;width:100%}.pm-oasis-card-overlay{left:12px;position:absolute;top:12px}.pm-oasis-card-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #0284c733;border-radius:40px;color:#0284c7;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:4px 12px;text-transform:uppercase}.pm-oasis-card-body{padding:18px 20px 20px}.pm-oasis-card-name{color:#1e293b;font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0 0 6px}.pm-oasis-card-desc{color:#64748b;font-size:.82rem;line-height:1.5;margin:0 0 14px}.pm-oasis-card-cta{align-items:center;color:#0284c7;display:flex;font-size:.83rem;font-weight:600;gap:6px}.pm-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:24px 28px 16px}.pm-header-left{display:flex;flex-direction:column;gap:6px}.pm-oasis-tag{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:40px;color:#0284c7;display:inline-flex;font-size:.78rem;font-weight:600;gap:8px;padding:4px 12px 4px 6px;width:-webkit-fit-content;width:fit-content}.pm-oasis-tag-img{border:1px solid #bae6fd;border-radius:50%;height:22px;object-fit:cover;width:22px}.pm-title{color:#1e293b;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0}.pm-header-right{align-items:center;display:flex;gap:10px}.pm-switch-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:40px;color:#64748b;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:6px;padding:7px 14px;transition:all .2s}.pm-switch-btn:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7}.pm-pool-hero{background:#e0f2fe;border-radius:16px;height:160px;margin:0 24px 20px;overflow:hidden;position:relative}.pm-pool-hero-img{display:block;height:100%;object-fit:cover;width:100%}.pm-pool-hero-overlay{align-items:flex-end;background:linear-gradient(90deg,#00000073 0,#0000001a 60%,#0000);display:flex;inset:0;padding:16px 20px;position:absolute}.pm-overall-status{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1.5px solid;border-radius:14px;display:inline-flex;gap:10px;padding:10px 16px}.pm-status-icon{font-size:1.1rem;font-weight:700;line-height:1}.pm-status-label{color:#94a3b8;display:block;font-size:.68rem;font-weight:600;letter-spacing:.06em;line-height:1;margin-bottom:2px;text-transform:uppercase}.pm-status-text{display:block;font-size:.9rem;font-weight:700;line-height:1.2}.pm-loading{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:10px;justify-content:center;padding:28px}.pm-loading-spinner{animation:pm-spin .7s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#0284c7;height:18px;width:18px}@keyframes pm-spin{to{transform:rotate(1turn)}}.pm-readings-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr);padding:0 24px 20px}.pm-reading-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:18px 16px;position:relative;transition:box-shadow .2s}.pm-reading-card:hover{box-shadow:0 4px 16px #0284c714}.pm-reading-icon{align-items:center;border-radius:11px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.pm-reading-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.pm-reading-label{color:#94a3b8;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.pm-reading-value{color:#1e293b;font-size:1.6rem;font-weight:700;line-height:1.1}.pm-reading-value--sm{font-size:1.15rem}.pm-reading-range{color:#94a3b8;font-size:.72rem}.pm-reading-status-dot{border-radius:50%;height:9px;position:absolute;right:14px;top:14px;width:9px}.pm-history-toggle{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin:0 24px;padding:12px 18px;text-align:left;transition:all .2s;width:calc(100% - 48px)}.pm-history-toggle.active,.pm-history-toggle:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7}.pm-history{border-top:1px solid #f1f5f9;margin-top:16px;padding:20px 24px 24px}.pm-history-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.pm-chart-type-group,.pm-filter-group{display:flex;flex-wrap:wrap;gap:6px}.pm-chart-type-btn,.pm-filter-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:40px;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .15s}.pm-chart-type-btn:hover,.pm-filter-btn:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7}.pm-filter-btn.active{background:#0284c7;border-color:#0284c7;color:#fff}.pm-no-data{align-items:center;border:1px dashed #e2e8f0;border-radius:16px;color:#94a3b8;flex-direction:column;font-size:.875rem;gap:10px;padding:40px}.pm-chart-wrap,.pm-no-data{background:#f8fafc;display:flex}.pm-chart-wrap{border:1px solid #e2e8f0;border-radius:16px;gap:0;height:200px;overflow:hidden;padding:20px 16px 36px 50px;position:relative}.pm-y-axis{bottom:36px;left:0;position:absolute;top:20px;width:46px}.pm-y-label{color:#94a3b8;font-size:.68rem;font-weight:500;position:absolute;right:8px;transform:translateY(50%);white-space:nowrap}.pm-chart-area{flex:1 1;height:100%;position:relative}.pm-grid-lines{inset:0;position:absolute}.pm-grid-line{background:#e2e8f0;height:1px;left:0;position:absolute;right:0}.pm-line-svg{width:100%}.pm-data-points,.pm-line-svg{height:calc(100% - 24px);inset:0;position:absolute}.pm-data-point{position:absolute;transform:translate(-50%,50%)}.pm-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #00000026;cursor:pointer;height:8px;transition:transform .15s;width:8px}.pm-data-point:hover .pm-dot{transform:scale(1.6)}.pm-tooltip{background:#1e293b;border-radius:8px;bottom:calc(100% + 8px);color:#fff;display:none;flex-direction:column;font-size:.72rem;gap:2px;left:50%;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.pm-tooltip strong{font-weight:700}.pm-tooltip span{opacity:.7}.pm-data-point:hover .pm-tooltip{display:flex}.pm-x-axis{height:24px;left:0;right:0}.pm-x-axis,.pm-x-label{bottom:0;position:absolute}.pm-x-label{color:#94a3b8;font-size:.65rem;transform:translateX(-50%);white-space:nowrap}@media (max-width:1024px){.pm-wrapper{border-radius:16px;margin-bottom:24px}.pm-selector-header{padding:24px 24px 16px}.pm-oasis-cards{gap:16px;grid-template-columns:1fr;padding:0 24px 24px}.pm-readings-grid{gap:12px;grid-template-columns:repeat(3,1fr);padding:0 24px 16px}.pm-reading-card{border-radius:12px;padding:14px 12px}.pm-reading-value{font-size:1.4rem}.pm-title{font-size:1.1rem}.pm-selector-heading{font-size:1.3rem}}@media (max-width:900px){.pm-readings-grid{grid-template-columns:repeat(2,1fr)}.pm-oasis-cards{gap:14px;grid-template-columns:1fr}.pm-oasis-card-img-wrap{height:160px}.pm-pool-hero{height:150px}.pm-header{flex-wrap:wrap}}@media (max-width:768px){.pm-wrapper{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px}.pm-selector-header{padding:20px 16px 12px}.pm-selector-heading{font-size:1.2rem}.pm-selector-sub{font-size:.8rem}.pm-oasis-cards{gap:12px;padding:0 16px 20px}.pm-oasis-card-body{padding:14px 16px 16px}.pm-oasis-card-name{font-size:.9rem}.pm-oasis-card-desc{font-size:.75rem}.pm-header{gap:8px;padding:16px 12px 10px}.pm-oasis-tag{font-size:.7rem;padding:3px 10px 3px 4px}.pm-oasis-tag-img{height:18px;width:18px}.pm-title{font-size:1rem}.pm-switch-btn{font-size:.75rem;padding:6px 12px}.pm-pool-hero{border-radius:12px;height:130px;margin:0 12px 16px}.pm-readings-grid{gap:10px;grid-template-columns:repeat(2,1fr);padding:0 12px 16px}.pm-reading-card{border-radius:12px;padding:12px 10px}.pm-reading-label{font-size:.65rem}.pm-reading-value{font-size:1.2rem}.pm-reading-icon{height:36px;width:36px}.pm-history-toggle{border-radius:10px;font-size:.8rem;margin:0 12px;padding:10px 14px;width:calc(100% - 24px)}.pm-history{margin-top:12px;padding:12px 12px 16px}.pm-history-controls{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:16px}.pm-chart-type-group,.pm-filter-group{display:flex;flex-wrap:wrap;gap:6px}.pm-chart-type-btn,.pm-filter-btn{flex:1 1;font-size:.75rem;min-width:auto;padding:5px 12px}.pm-line-chart-wrapper{min-height:280px}.pm-line-chart{height:200px}}@media (max-width:640px){.pm-selector-header{padding:16px 12px 12px}.pm-selector-heading{font-size:1.1rem}.pm-oasis-cards{gap:10px;padding:0 12px 16px}.pm-oasis-card-img-wrap{height:140px}.pm-header{padding:12px 10px 8px}.pm-pool-hero{height:120px;margin:0 10px 12px}.pm-readings-grid{grid-template-columns:repeat(2,1fr);padding:0 10px 12px}.pm-reading-card{padding:10px 8px}.pm-reading-value{font-size:1.1rem}.pm-history-toggle{margin:0 10px;width:calc(100% - 20px)}.pm-history{padding:10px 10px 12px}}@media (max-width:480px){.pm-wrapper{border-radius:10px;margin-bottom:12px}.pm-selector-header{padding:12px 10px 10px}.pm-selector-heading{font-size:1rem;margin-bottom:4px}.pm-selector-sub{font-size:.7rem}.pm-oasis-cards{gap:8px;padding:0 10px 12px}.pm-oasis-card{border-radius:12px}.pm-oasis-card-img-wrap{height:120px}.pm-oasis-card-body{padding:10px 12px 12px}.pm-oasis-card-name{font-size:.85rem}.pm-oasis-card-desc{font-size:.7rem;margin-bottom:8px}.pm-oasis-card-cta{font-size:.75rem}.pm-header{gap:6px;padding:10px 8px 6px}.pm-header-left{gap:4px}.pm-title{font-size:.9rem}.pm-switch-btn{font-size:.7rem;padding:5px 10px}.pm-pool-hero{border-radius:10px;height:100px;margin:0 8px 10px}.pm-readings-grid{gap:8px;grid-template-columns:1fr;padding:0 8px 10px}.pm-reading-card{border-radius:10px;padding:10px 8px}.pm-reading-label{font-size:.6rem}.pm-reading-value{font-size:1rem}.pm-reading-icon{height:32px;width:32px}.pm-history-toggle{margin:0 8px;padding:8px 12px;width:calc(100% - 16px)}.pm-history{padding:8px 8px 10px}.pm-history-controls{flex-direction:column;gap:8px}.pm-chart-type-btn,.pm-filter-btn{font-size:.7rem;padding:4px 10px}}@media (max-width:400px){.pm-readings-grid{grid-template-columns:1fr}.pm-selector-heading{font-size:.95rem}.pm-title{font-size:.85rem}.pm-oasis-tag{font-size:.65rem}}.sales-chart-container{margin-top:30px;padding:0;width:100%}.chart-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.chart-section-header h2{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.chart-section-header p{color:#666;font-size:14px;margin:5px 0 0}.chart-toggles{display:flex;gap:10px}.toggle-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.toggle-btn:hover{background:#f0f5ff;border-color:#06c;color:#06c}.toggle-btn.active{background:#06c;border-color:#06c;box-shadow:0 4px 12px #0066cc4d;color:#fff}.toggle-btn i{font-size:14px}.charts-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:25px}@media (max-width:1100px){.charts-grid{grid-template-columns:1fr}}.chart-card{border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.chart-card:hover{border-color:#e0e0e0;box-shadow:0 8px 24px #0000001f}.chart-header{gap:15px;justify-content:space-between;margin-bottom:15px}.chart-header,.chart-header h3{align-items:center;display:flex}.chart-header h3{color:#1a1a1a;font-size:18px;font-weight:600;gap:8px;margin:0}.chart-header i{color:#06c;font-size:16px}.chart-badge{background:linear-gradient(135deg,#06c,#0052a3);border-radius:20px;box-shadow:0 2px 8px #0066cc4d;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.chart-wrapper{align-items:center;display:flex;height:100%;justify-content:center;margin:15px 0;width:100%}.custom-tooltip{background:#fff;border:2px solid #06c;border-radius:8px;box-shadow:0 4px 12px #0066cc40;padding:12px 15px}.tooltip-header{border-bottom:1px solid #e0e0e0;color:#1a1a1a;font-size:13px;font-weight:600;margin:0 0 8px;padding-bottom:6px}.custom-tooltip p{color:#333;font-size:12px;margin:4px 0}.chart-stats{grid-gap:12px;border-top:1px solid #f0f0f0;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:15px;padding-top:15px}@media (max-width:600px){.chart-stats{grid-template-columns:1fr}}.stat-item{background:#f8f9fb;border-radius:8px;display:flex;flex-direction:column;padding:10px;text-align:center}.stat-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#06c;font-size:16px}.booking-trends-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:20px;padding:20px;transition:all .3s ease}.booking-trends-card:hover{border-color:#e0e0e0;box-shadow:0 8px 24px #0000001f}.booking-trends-card .chart-header{margin-bottom:20px}@media (max-width:1200px){.chart-section-header h2{font-size:20px}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.chart-section-header h2{font-size:18px}.chart-card{padding:18px}}@media (max-width:768px){.sales-chart-container{margin-top:20px}.chart-section-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.chart-section-header h2{font-size:1.1rem}.chart-section-header p{font-size:.8rem}.chart-toggles{flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.toggle-btn{font-size:.8rem;padding:6px 12px}.chart-card{border-radius:10px;padding:14px}.chart-header{flex-wrap:wrap;gap:8px;margin-bottom:12px}.chart-header h3{font-size:1rem}.chart-badge{font-size:11px;padding:3px 10px}.chart-stats{gap:10px;grid-template-columns:repeat(2,1fr);margin-top:12px;padding-top:12px}.stat-item{padding:8px}.stat-label{font-size:.75rem}.stat-value{font-size:1rem}.booking-trends-card{border-radius:10px;margin-top:16px;padding:14px}.custom-tooltip{padding:10px 12px}.tooltip-header{font-size:12px}.custom-tooltip p{font-size:11px}}@media (max-width:640px){.chart-section-header h2{font-size:1rem}.chart-toggles{gap:6px}.toggle-btn{flex:1 1;font-size:.75rem;padding:5px 10px}.chart-card{padding:12px}.chart-header h3{font-size:.95rem}.chart-stats{gap:8px;grid-template-columns:1fr}.stat-item{padding:6px}.stat-label{font-size:.7rem}}@media (max-width:480px){.sales-chart-container{margin-top:16px}.chart-section-header h2{font-size:.95rem}.chart-section-header p{font-size:.75rem}.chart-toggles{flex-wrap:wrap;gap:6px;width:100%}.toggle-btn{flex-basis:calc(50% - 3px);flex-grow:1;flex-shrink:1;font-size:.7rem;min-width:80px;padding:5px 8px}.toggle-btn i{display:none}.chart-card{border-radius:8px;padding:10px}.chart-header{flex-direction:column;gap:6px}.chart-header h3{font-size:.9rem}.chart-badge{align-self:flex-start;font-size:10px}.chart-stats{gap:6px;grid-template-columns:1fr;margin-top:10px;padding-top:10px}.stat-item{border-radius:6px;padding:5px}.stat-label{font-size:.65rem;margin-bottom:2px}.stat-value{font-size:.9rem}.booking-trends-card{margin-top:12px;padding:10px}.custom-tooltip{padding:8px 10px}.tooltip-header{font-size:11px;margin-bottom:6px}.custom-tooltip p{font-size:10px}}.booking-trends-card,.chart-card{animation:slideIn .4s ease forwards}.chart-card:nth-child(2){animation-delay:.1s}.bar-chart-card,.line-chart-card{background:#fff}.recharts-surface{background-color:initial!important}.recharts-cartesian-axis-tick{font-size:12px}.recharts-legend-wrapper{padding-top:20px!important}.chart-card .recharts-wrapper{outline:none}.chart-card .recharts-dot{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.chart-card .recharts-dot:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.chart-wrapper::-webkit-scrollbar{height:6px}.chart-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.chart-wrapper::-webkit-scrollbar-thumb{background:#06c;border-radius:10px}.chart-wrapper::-webkit-scrollbar-thumb:hover{background:#0052a3}.pool-monitoring-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:32px;padding:24px}@media (max-width:768px){.pool-monitoring-section{border-radius:12px;margin-bottom:16px;padding:16px}}.section-header{flex-wrap:wrap;gap:12px}.section-header h2{font-size:1.2rem}@media (max-width:768px){.section-header h2{font-size:1rem}}.live-indicator{align-items:center;color:#10b981;display:flex;font-size:.8rem;gap:8px}.live-dot{animation:pulse 1.5s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.current-readings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}@media (max-width:1024px){.current-readings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.current-readings-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.current-readings-grid{gap:10px;grid-template-columns:1fr}}.reading-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px}@media (max-width:768px){.reading-card{border-radius:12px;padding:16px}}.reading-card .reading-label{color:#64748b;display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}@media (max-width:768px){.reading-card .reading-label{font-size:.65rem}}.reading-card .reading-value{color:#1e293b;display:block;font-size:1.8rem;font-weight:700;margin-bottom:4px}@media (max-width:768px){.reading-card .reading-value{font-size:1.4rem}}@media (max-width:480px){.reading-card .reading-value{font-size:1.2rem}}.reading-card .reading-status{color:#64748b;display:block;font-size:.75rem}@media (max-width:768px){.reading-card .reading-status{font-size:.65rem}}.toggle-history-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:40px;color:#475569;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px;transition:all .3s ease;width:100%}.toggle-history-btn:hover{background:#f1f5f9;border-color:#0284c7;color:#0284c7}@media (max-width:768px){.toggle-history-btn{font-size:.8rem;padding:8px}}.history-filters{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 16px;transition:all .2s}.filter-btn:hover{border-color:#0284c7;color:#0284c7}.filter-btn.active{background:#0284c7;border-color:#0284c7;color:#fff}@media (max-width:768px){.filter-btn{font-size:.75rem;padding:5px 12px}}.stats-grid{margin-bottom:32px}@media (max-width:768px){.stats-grid{gap:12px;grid-template-columns:1fr;margin-bottom:16px}}.stat-icon{font-size:1.3rem}@media (max-width:768px){.stat-icon{font-size:1.1rem;height:40px;width:40px}}.stat-info h3{font-size:.75rem;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.stat-info h3{font-size:.7rem}}.stat-value{font-size:1.3rem}@media (max-width:768px){.stat-value{font-size:1.1rem}}@media (max-width:480px){.stat-value{font-size:1rem}}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}@media (max-width:1024px){.charts-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.charts-grid{gap:12px;grid-template-columns:1fr;margin-bottom:16px}}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px}@media (max-width:768px){.chart-card{border-radius:12px;padding:16px}}.chart-card h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 16px}@media (max-width:768px){.chart-card h3{font-size:.9rem;margin-bottom:12px}}.chart-container{min-height:250px}@media (max-width:768px){.chart-container{min-height:200px}}.bar-chart{align-items:flex-end;display:flex;gap:12px;height:200px;justify-content:space-around}@media (max-width:768px){.bar-chart{gap:8px;height:150px}}@media (max-width:480px){.bar-chart{height:120px}}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:0}.bar{background:#0284c7;border-radius:8px 8px 4px 4px;max-width:40px;min-height:4px;transition:height .3s ease;width:100%}@media (max-width:768px){.bar{max-width:30px}}.bar-label{color:#64748b;font-size:.7rem;margin-top:8px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (max-width:768px){.bar-label{font-size:.6rem;margin-top:4px}}.bar-value{color:#0284c7;font-size:.65rem;font-weight:600;margin-top:4px}@media (max-width:768px){.bar-value{font-size:.55rem;margin-top:2px}}.quick-stat-item{border-radius:20px}.quick-stat-item h4{font-size:.9rem}@media (max-width:768px){.quick-stat-item h4{font-size:.8rem;margin-bottom:12px;padding-bottom:8px}}.quick-stat-item li{font-size:.85rem}@media (max-width:768px){.quick-stat-item li{font-size:.8rem;padding:8px 0}.no-data{padding:24px}}.chart-selector{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}@media (max-width:768px){.chart-selector{gap:8px;margin:16px 0}}.chart-type-btn{background:#fff;border:1px solid #e2e8f0;border-radius:40px;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 20px;transition:all .3s ease}.chart-type-btn:hover{border-color:#0284c7;color:#0284c7}.chart-type-btn.active{background:#0284c7;border-color:#0284c7;color:#fff}@media (max-width:768px){.chart-type-btn{font-size:.8rem;padding:6px 14px}}.history-section{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.no-history{background:#f8fafc;border-radius:16px;color:#94a3b8;padding:40px;text-align:center}@media (max-width:768px){.no-history{border-radius:12px;padding:24px}}.pool-loading{color:#64748b;padding:40px;text-align:center}@media (max-width:768px){.pool-loading{padding:24px}}.line-chart-container{display:flex;gap:12px;margin-top:20px;min-height:350px}@media (max-width:768px){.line-chart-container{gap:8px;min-height:280px}}@media (max-width:480px){.line-chart-container{min-height:240px}}.y-axis{flex-shrink:0;position:relative;width:50px}@media (max-width:768px){.y-axis{width:40px}}@media (max-width:480px){.y-axis{width:35px}}.y-axis-label{color:#64748b;font-size:11px;font-weight:500;position:absolute;right:8px;transform:translateY(50%);white-space:nowrap}@media (max-width:768px){.y-axis-label{font-size:9px}}.y-axis-unit{color:#94a3b8;font-size:9px;margin-left:2px}@media (max-width:768px){.y-axis-unit{font-size:8px}}.line-chart{background:#f8fafc;border-radius:12px;flex:1 1;height:300px;overflow:visible;position:relative}@media (max-width:768px){.line-chart{border-radius:8px;height:250px}}@media (max-width:480px){.line-chart{height:200px}}.grid-lines{bottom:0;pointer-events:none;top:0}.grid-line,.grid-lines{left:0;position:absolute;right:0}.grid-line{border-top:1px dashed #e2e8f0}.line-path{height:100%;pointer-events:none;width:100%}.data-points,.line-path{left:0;position:absolute;top:0}.data-points{bottom:0;right:0}.data-point{cursor:pointer;position:absolute;transform:translate(-50%,50%)}@media (max-width:768px){.data-tooltip{font-size:9px;padding:3px 6px}.x-axis{bottom:-30px;height:30px}.x-axis-label{font-size:8px;transform:translateX(-50%) rotate(-45deg);transform-origin:left}}@media (max-width:480px){.x-axis-label{font-size:7px}}@media (max-width:768px){.section-title{font-size:.95rem;margin-bottom:16px}}@media (max-width:480px){.section-title{font-size:.85rem}.amount-loss,.amount-profit{font-size:.95rem}}@media (max-width:768px){.profit-margin{font-size:1rem}}@media (max-width:480px){.profit-margin{font-size:.95rem}}.data-point-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;height:10px;transition:transform .2s;width:10px}.data-point:hover .data-point-dot{transform:scale(1.5)}.data-tooltip{background:#1e293b;border-radius:6px;bottom:100%;color:#fff;font-size:10px;left:50%;margin-bottom:8px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:10}.data-point:hover .data-tooltip{opacity:1}.tooltip-value{font-weight:600;text-align:center}.tooltip-time{font-size:8px;margin-top:2px;opacity:.8;text-align:center}.x-axis{bottom:-25px;height:25px;left:0;position:absolute;right:0}.x-axis-label{color:#64748b;font-size:9px;position:absolute;transform:translateX(-50%);white-space:nowrap}@media (max-width:768px){.line-chart-container{min-height:280px}.line-chart{height:250px}.x-axis-label{font-size:8px;transform:translateX(-50%) rotate(-45deg);transform-origin:top left}.y-axis{width:40px}.y-axis-label{font-size:9px}.chart-selector{flex-wrap:wrap}.chart-type-btn{font-size:.75rem;padding:6px 14px}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.quick-stats{grid-template-columns:1fr}.current-readings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-page{padding:16px}.dashboard-header h1{font-size:1.5rem}.current-readings-grid,.stats-grid{grid-template-columns:1fr}.bar-chart{height:150px}.bar-label{font-size:.6rem}.history-filters{flex-wrap:wrap}}@media (max-width:480px){.section-header{align-items:flex-start;flex-direction:column;gap:12px}.reading-card .reading-value{font-size:1.3rem}}.section-title{font-size:1.1rem;letter-spacing:.5px;text-transform:uppercase}.profit-margin{font-size:1.05rem;font-weight:700}@media (max-width:1024px){.financial-row{grid-template-columns:1.5fr 1fr 1fr .8fr}.financial-cell{font-size:.9rem;padding:14px 16px}}@media (max-width:768px){.financial-row{border-bottom:2px solid #e2e8f0;grid-template-columns:1fr}.financial-row.header{display:none}.financial-cell{border-bottom:1px solid #f1f5f9;border-right:none;padding:12px 16px;position:relative}.financial-cell:before{color:#64748b;content:attr(data-label);font-size:.8rem;font-weight:600;left:16px;position:absolute}.financial-cell.label{color:#1e293b;font-weight:700;padding-top:16px}.financial-row.highlight{border-top:3px solid #10b981}}.management-page{margin:0;max-width:100%;padding:0 20px}.page-header h1{flex-shrink:0;font-size:1.5rem;font-weight:600}.page-header button{flex:0 0 auto;white-space:nowrap}.btn-primary{font-size:.8rem;gap:6px;transition:all .2s ease}.btn-primary,.btn-secondary{padding:8px 20px}.btn-outline{align-items:center;background:#0000;border-radius:40px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-outline:hover{background:#f0f9ff}.btn-outline:disabled{cursor:not-allowed;opacity:.5}.btn-view-payment{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:40px;color:#475569;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s ease}.btn-view-payment:hover{background:#f8fafc;border-color:#0284c7;color:#0284c7}.btn-cancel,.btn-complete{display:inline-flex;font-size:.75rem;gap:6px;padding:6px 14px}.btn-complete{align-items:center;background:#0000;border:1px solid #d1fae5;border-radius:40px;color:#10b981;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-complete:hover{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.btn-delete{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:40px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s ease}.btn-delete:hover{background:#fecaca;border-color:#dc2626}.btn-small{border:none;border-radius:20px;cursor:pointer;font-size:.7rem;font-weight:500;padding:4px 10px;transition:all .2s}.btn-remove{background:#fee2e2;color:#dc2626}.btn-remove:hover{background:#fecaca}.btn-add-staff{background:#e0f2fe;border-radius:20px;color:#0284c7;margin-top:4px;padding:6px;width:100%}.btn-add-staff:hover{background:#bae6fd}.inventory-category-card{margin-bottom:16px;overflow:hidden}.inventory-category-card-header{align-items:center;background:#f8fafc;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:16px 18px;text-align:left;width:100%}.inventory-category-card-header:hover{background:#f1f5f9}.inventory-category-card-header h3{color:#1e293b;font-size:1rem;margin:0 0 4px}.inventory-category-card-header span{color:#64748b;font-size:.85rem}.inventory-category-card-header i{color:#0284c7;font-size:.95rem}.inventory-category-card-body{padding:14px 16px 16px}.inventory-category-empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;padding:16px}.inventory-category-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.inventory-category-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a0a;color:#1e293b;cursor:pointer;display:flex;gap:12px;min-height:96px;padding:18px;position:relative;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.inventory-category-card--active,.inventory-category-card:hover{border-color:#0284c7;box-shadow:0 6px 16px #0284c724;transform:translateY(-2px)}.inventory-category-icon{font-size:1.8rem;line-height:1}.inventory-category-card-content{display:flex;flex:1 1;flex-direction:column;gap:5px}.inventory-category-card-content strong{font-size:1rem}.inventory-category-card-content span,.inventory-table-footer,.inventory-table-header span{color:#64748b;font-size:.82rem}.inventory-category-card>i{color:#0284c7}.inventory-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0f172a0a;overflow:hidden}.inventory-table-footer,.inventory-table-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:14px 18px}.inventory-table-header{border-bottom:1px solid #e2e8f0}.inventory-table-header h2{color:#1e293b;font-size:1.1rem;margin:0 0 4px}.inventory-table-footer{border-top:1px solid #e2e8f0;justify-content:flex-end}@media (max-width:768px){.inventory-category-cards{grid-template-columns:1fr}.inventory-table-header{align-items:stretch;flex-direction:column}}.filter-section{padding:16px 20px}.required-label{margin-bottom:10px}.filter-input{background:#fff;border:1px solid #e2e8f0;border-radius:40px;font-size:.85rem;padding:8px 16px}.filter-input:focus,.filter-select:focus{border-color:#0284c7;outline:none}.sort-button{background:#0000;border:none;color:#475569;cursor:pointer;font-size:.8rem;margin-left:8px}.sort-button:hover{color:#0284c7}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-items:center;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:900px}.stat-card{gap:12px;max-width:260px;transition:all .2s ease;width:100%}.stat-card:hover{border-color:#0284c7;box-shadow:0 4px 12px #00000014}.stat-icon{font-size:20px;height:48px;width:48px}.stat-icon.bookings{background:#fef3c7;color:#f59e0b}.stat-icon.rooms{background:#dbeafe;color:#0284c7}.stat-icon.sales{background:#dcfce7;color:#22c55e}.stat-icon.staff{background:#f3e8ff;color:#a855f7}.stat-content h3{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.3px;margin:0 0 4px;text-transform:uppercase}.stat-number{color:#1e293b;font-size:22px;margin:0 0 6px}.stat-breakdown{display:flex;flex-direction:column;font-size:.7rem;gap:3px}.stat-breakdown span{color:#64748b}.stat-breakdown .pending{color:#f59e0b}.stat-breakdown .confirmed{color:#3b82f6}.stat-breakdown .available,.stat-breakdown .completed{color:#10b981}.stat-breakdown .occupied{color:#3b82f6}.stat-label{color:#94a3b8;font-size:.75rem}.recent-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;padding:20px}.section-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.btn-view-all{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#0284c7;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-view-all:hover{background:#0284c7;border-color:#0284c7;color:#fff}.recent-table{overflow-x:auto}.recent-table table{border-collapse:collapse;font-size:.9rem;width:100%}.recent-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.recent-table th{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:12px;text-align:left;text-transform:uppercase}.recent-table td{border-bottom:1px solid #e2e8f0;color:#1e293b;padding:12px}.recent-table tbody tr:hover{background:#f8fafc}.status-badge{font-size:.75rem;text-transform:capitalize}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.confirmed{background:#dbeafe;color:#0c2d6b}.status-badge.completed{background:#dcfce7;color:#15803d}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.stats-row{grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-card{border-radius:20px}.stat-number{font-size:2rem}.status-badge{font-weight:500}.status-active{background:#d1fae5;color:#059669}.status-inactive{background:#fee2e2;color:#dc2626}.status-available{background:#10b981;color:#fff}.status-booked{background:#3b82f6;color:#fff}.status-maintenance{background:#ef4444;color:#fff}.bookings-table-container{border-radius:16px}.bookings-table td,.bookings-table th{padding:12px 16px}.staff-list{display:flex;flex-direction:column;gap:8px}.staff-item{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:.8rem;justify-content:space-between;padding:6px 10px}.sales-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;text-align:center}.summary-card h3{color:#64748b;font-size:.8rem;margin:0 0 8px}.summary-value{color:#0284c7;font-size:1.5rem;font-weight:700;margin:0}.sales-table-container{border-radius:20px;overflow-x:auto}.sales-table-container h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 20px}.sales-table{border-collapse:collapse;width:100%}.sales-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1e293b;font-weight:600;padding:12px;text-align:left}.sales-table td{border-bottom:1px solid #f1f5f9;color:#475569;padding:12px}.sales-table tr:hover td{background:#f8fafc}.data-table th{border-bottom:1px solid #e2e8f0}.data-table td,.data-table th{padding:12px 16px}.data-table .amount{color:#0284c7;font-weight:600}.permissions-grid{grid-gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px;padding:16px}.permission-checkbox{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:40px;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:all .2s ease}.permission-checkbox:hover{background:#f0f9ff;border-color:#0284c7}.checkbox-input{accent-color:#0284c7;cursor:pointer;height:16px;width:16px}.checkbox-label{color:#334155;font-weight:500}.permission-checkbox:has(.checkbox-input:checked){background:#f0f9ff;border-color:#0284c7}.permission-checkbox:has(.checkbox-input:checked) .checkbox-label{color:#0284c7}.payment-proof-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.payment-proof-display{align-items:center;display:flex;flex-direction:column;gap:12px}.payment-proof-image{border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;max-height:300px;max-width:100%}.payment-proof-image:hover{transform:scale(1.02)}.payment-proof-note{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:8px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center}.spinner{margin-bottom:16px}.filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:20px}.filters-grid{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.filter-group label{color:#64748b;font-size:.7rem;text-transform:uppercase}.filter-actions{display:flex;gap:12px}.report-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.report-header{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:12px}.report-header h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 4px}.report-date-range{color:#64748b;font-size:.75rem;margin:0}.quick-actions{margin-bottom:40px;margin-top:40px}.quick-actions h2{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 20px}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;font-weight:500;gap:12px;justify-content:center;padding:24px 16px;transition:all .2s ease}.action-btn:hover{background:#0284c7;border-color:#0284c7;box-shadow:0 4px 12px #0284c733;color:#fff;transform:translateY(-4px)}.action-btn i{font-size:28px}.action-btn span{line-height:1.3;text-align:center}.search-container{margin-bottom:24px}.search-wrapper{max-width:400px}.search-input{padding:10px 32px 10px 36px}.filters-section{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:16px}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.filter-group{gap:6px;min-width:180px}.filter-group label{font-size:12px}.filter-select{padding:8px 12px}.search-group{min-width:250px}.search-input{background:#fff}.btn-clear-filters{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.btn-clear-filters:hover{background:#e2e8f0;color:#1e293b}.stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.stat-card{border-radius:12px;box-shadow:0 1px 2px #0000000d;flex:1 1;padding:16px}.stat-card h3{font-size:14px;font-weight:500}.stat-number{font-size:28px}@media (max-width:768px){.filters-row{flex-direction:column}.filter-group{width:100%}.stats-row{flex-direction:column}}.date-range-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:20px}.quick-ranges{border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:20px}.quick-range-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:40px;color:#475569;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:all .2s}.quick-range-btn:hover{background:#0284c7;border-color:#0284c7;color:#fff}.date-range-picker{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.date-input-group{align-items:center;display:flex;gap:10px}.date-input-group label{color:#1e293b;font-size:13px;font-weight:600}.date-input{background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;padding:10px 14px;transition:all .2s}.date-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a;outline:none}.date-separator{color:#94a3b8;font-size:18px;font-weight:600}.stat-card{transition:all .2s}.stat-icon{background:#f0f9ff;border-radius:50%;font-size:24px;height:50px;width:50px}.stat-content{flex:1 1}.stat-title{color:#64748b;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.stat-value{font-size:28px}.stat-period{color:#94a3b8;font-size:11px;margin-top:6px}.sales-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:24px;padding:20px}.table-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.table-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.table-info{color:#64748b;font-size:13px}.table-responsive{overflow-x:auto}.data-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:13px;padding:14px 12px;text-align:left}.data-table td{border-bottom:1px solid #f1f5f9;color:#475569;font-size:14px;padding:12px}.data-table tr:hover td{background:#f8fafc}.booking-id{font-weight:600}.reference-code{font-family:monospace;font-size:12px;letter-spacing:1px}.amount{color:#10b981;font-weight:600}.no-data{color:#94a3b8;padding:40px}.no-data i{color:#cbd5e1;font-size:48px;margin-bottom:16px}.no-data p{font-size:14px;margin:0}.error-message{align-items:center;background:#fee2e2;border-radius:10px;color:#dc2626;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.loading-state{color:#94a3b8;padding:60px}.page-subtitle{color:#64748b;font-size:14px;margin-top:4px}@media (max-width:768px){.quick-ranges{justify-content:center}.date-range-picker{align-items:stretch;flex-direction:column}.date-separator,.stat-card{text-align:center}.stat-card{flex-direction:column}.stat-icon{margin:0 auto}}@media (max-width:1024px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header{gap:16px}.filter-section,.page-header{align-items:flex-start;flex-direction:column}.filters-grid{align-items:stretch}.filter-actions,.filters-grid{flex-direction:column}.btn-outline,.filter-input,.filter-select{width:100%}.sales-summary,.stats-row{grid-template-columns:1fr}.actions-cell{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.btn-cancel,.btn-complete,.btn-delete,.btn-view-payment{justify-content:center;width:auto}.permissions-grid{grid-template-columns:1fr}}@media (max-width:480px){.permissions-grid{grid-template-columns:1fr}.actions-cell{flex-direction:row;flex-wrap:wrap}.btn-cancel,.btn-complete,.btn-view-payment{font-size:.7rem;padding:4px 10px;width:auto}}.data-table thead th,.report-container .data-table th,.report-container .data-table thead th{background-color:#f3f4f6;color:#000!important;font-weight:600}.management-page .data-table th,.management-page .report-container th{color:#000!important}.data-table th{background-color:#f8fafc;color:#0f172a!important}.bookings-table th,.sales-table th{color:#000!important}.receptionist-dashboard .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:stretch;max-width:100%}.receptionist-dashboard .stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:16px;max-width:none;min-width:0;padding:20px;transition:all .3s ease}.receptionist-dashboard .stat-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-3px)}.receptionist-dashboard .stat-icon{border-radius:12px;font-size:1.5rem;height:56px;width:56px}.receptionist-dashboard .stat-icon.bookings{background:#fef3c7;color:#f59e0b}.receptionist-dashboard .stat-icon.rooms{background:#dbeafe;color:#3b82f6}.receptionist-dashboard .stat-icon.sales{background:#d1fae5;color:#10b981}.receptionist-dashboard .stat-content{flex:1 1;min-width:0}.receptionist-dashboard .stat-content h3{color:#64748b;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.receptionist-dashboard .stat-number{color:#1e293b;font-size:1.8rem;font-weight:700;margin:0;white-space:nowrap}.receptionist-dashboard .stat-breakdown{display:flex;flex-direction:column;font-size:.7rem;gap:3px}.receptionist-dashboard .stat-breakdown .pending{color:#f59e0b}.receptionist-dashboard .stat-breakdown .confirmed,.receptionist-dashboard .stat-breakdown .occupied{color:#3b82f6}.receptionist-dashboard .stat-breakdown .available,.receptionist-dashboard .stat-breakdown .completed{color:#10b981}.receptionist-dashboard .stat-label{color:#64748b;display:block;font-size:.7rem;white-space:nowrap}@media (max-width:768px){.receptionist-dashboard .stats-grid{grid-template-columns:1fr}.receptionist-dashboard .stat-card{border-radius:12px;gap:12px;max-width:none;padding:16px}.receptionist-dashboard .stat-icon{font-size:1.2rem;height:48px;width:48px}.receptionist-dashboard .stat-content h3{font-size:.75rem}.receptionist-dashboard .stat-number{font-size:1.4rem}}@media (max-width:480px){.receptionist-dashboard .stat-number{font-size:1.2rem}}.notification-bell-container{display:inline-flex}.notification-bell,.notification-bell-container{align-items:center;height:40px;position:relative}.notification-bell{background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px 12px;transition:all .3s ease;width:40px}.notification-bell:hover{color:#2563eb;transform:scale(1.15)}.notification-bell.has-unread{animation:bell-ring .6s ease-in-out;color:#dc3545}@keyframes bell-ring{0%,to{transform:rotate(0deg)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}.notification-badge{align-items:center;animation:pulse 2s infinite;background-color:#dc3545;border-radius:50%;box-shadow:0 2px 8px #dc35454d;color:#fff;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;width:28px}@keyframes pulse{0%,to{box-shadow:0 2px 8px #dc35454d}50%{box-shadow:0 2px 18px #dc354599}}.notification-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:8px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;margin-top:12px;max-height:600px;position:absolute;right:0;top:100%;width:420px;z-index:1000}.notification-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px}.notification-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.btn-mark-all-read{background:none;border:none;color:#0056b3;cursor:pointer;font-size:12px;padding:4px 8px;text-decoration:underline;transition:color .2s}.btn-mark-all-read:hover{color:#003d82}.notification-list{flex:1 1;max-height:400px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#555}.notification-list .empty-state{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.notification-list .empty-state i{font-size:48px;margin-bottom:16px;opacity:.5}.notification-list .loading{align-items:center;color:#666;display:flex;justify-content:center;padding:40px 20px}.notification-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;padding:12px 16px;transition:background-color .2s}.notification-item:hover{background-color:#f8f9fa}.notification-item.unread{background-color:#f0f7ff;border-left:4px solid #0056b3}.priority-indicator{border-radius:50%;flex-shrink:0;height:4px;margin-right:12px;margin-top:6px;width:4px}.notification-content{flex:1 1;min-width:0}.notification-title{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.notification-message{word-wrap:break-word;color:#666;font-size:13px;line-height:1.4;margin-bottom:6px;overflow-wrap:break-word}.notification-time{color:#999;font-size:11px}.notification-actions{display:flex;flex-shrink:0;gap:8px;margin-left:12px}.btn-icon{background:none;color:#999;font-size:14px;padding:4px 6px;transition:color .2s}.btn-icon:hover{color:#0056b3}.btn-icon.btn-delete:hover{color:#dc3545}.notification-footer{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #e0e0e0;padding:12px 16px;text-align:center}.view-all-link{color:#0056b3;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.view-all-link:hover{color:#003d82;text-decoration:underline}.view-all-link i{font-size:11px;margin-left:6px}@media (max-width:768px){.notification-dropdown{width:360px}}@media (max-width:480px){.notification-dropdown{right:-50vw;transform:translateX(50%);width:calc(100vw - 32px)}.notification-item{padding:10px 12px}.notification-content{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}.dashboard-page{background:#fff;margin:0 auto;max-width:1400px;padding:24px}@media (max-width:768px){.dashboard-page{padding:12px}}@media (max-width:480px){.dashboard-page{padding:8px}}.dashboard-header{margin-bottom:32px}.dashboard-header h1{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0 0 8px}.dashboard-header p{color:#64748b;font-size:.9rem;margin:0}@media (max-width:768px){.dashboard-header h1{font-size:1.5rem}.dashboard-header p{font-size:.8rem}}@media (max-width:480px){.dashboard-header h1{font-size:1.3rem}.dashboard-header p{font-size:.75rem}}.dashboard-loading{color:#64748b;padding:60px 20px;text-align:center}.error-container{background:#fff;border:1px solid #fee2e2;border-radius:12px;padding:40px;text-align:center}.error-container i{color:#ef4444;font-size:2.5rem;margin-bottom:16px}.error-container h3{color:#dc2626;margin-bottom:8px}.error-container p{color:#64748b;margin-bottom:16px}.retry-btn{background:#0284c7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 24px;transition:all .3s ease}.retry-btn:hover{background:#0369a1;transform:translateY(-2px)}.admin-sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:4px 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease,width .3s ease;width:250px;z-index:1000}.admin-sidebar.closed{width:70px}.admin-sidebar.closed .sidebar-header{padding:16px 10px}.sidebar-header{border-bottom:1px solid #e2e8f0;min-height:100px;padding:20px 16px}.logo-area,.sidebar-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.logo-area{gap:6px;width:100%}.sidebar-logo{height:70px;object-fit:contain;transition:all .3s ease;width:70px}.logo-text{color:#1e293b;font-size:14px;font-weight:600;letter-spacing:.5px;opacity:1;text-align:center;transition:all .3s ease}.admin-sidebar.closed .sidebar-logo{height:45px;width:45px}.admin-sidebar.closed .logo-text{height:0;margin:0;opacity:0;overflow:hidden}.admin-sidebar.closed .sidebar-header{min-height:70px;padding:12px 10px}.sidebar-toggle{background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:none;font-size:14px;padding:8px;transition:all .3s ease}.sidebar-toggle:hover{background:#f1f5f9;color:#1e293b}.admin-sidebar.closed .sidebar-toggle,.admin-sidebar.open .sidebar-toggle{display:block}.sidebar-nav{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px}.nav-item{align-items:center;background:none;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background:#f1f5f9;color:#1e293b}.nav-item.active{background:#e0f2fe;color:#0284c7}.nav-item.active:before{background:#0284c7;border-radius:0 4px 4px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon{font-size:18px;min-width:24px;text-align:center}.nav-label{transition:opacity .3s ease;white-space:nowrap}.admin-sidebar.closed .nav-label{opacity:0;overflow:hidden;width:0}@media (max-width:768px){.admin-sidebar{transform:translateX(-100%);width:280px!important}.admin-sidebar.open{transform:translateX(0)}.admin-sidebar.closed{transform:translateX(-100%);width:280px!important}.admin-sidebar.closed .sidebar-logo{height:60px!important;width:60px!important}.admin-sidebar.closed .logo-text{height:auto!important;opacity:1!important}.admin-sidebar.closed .nav-label{opacity:1!important;width:auto!important}.admin-sidebar.open .sidebar-toggle{display:block!important}.sidebar-header{min-height:90px!important;padding:16px!important}.logo-area{align-items:center!important;flex-direction:column!important}.sidebar-logo{height:60px!important;width:60px!important}.logo-text{font-size:14px!important}.mobile-overlay{background:#00000080;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:999}.mobile-overlay.open{opacity:1;pointer-events:all}}.admin-main{background:#f8fafc;flex:1 1;margin-left:250px;min-height:100vh;transition:margin-left .3s ease}.admin-sidebar.closed~.admin-main{margin-left:70px}@media (max-width:768px){.admin-main{margin-left:0!important}}.mobile-menu-toggle{background:none;border:none;border-radius:8px;color:#1e293b;cursor:pointer;display:none;font-size:20px;padding:8px;transition:all .3s ease}.mobile-menu-toggle:hover{background:#0000000d}@media (max-width:768px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}}.admin-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.header-title{flex:1 1;min-width:150px}.header-title h1{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0}.header-title p{color:#64748b;font-size:.85rem;margin:4px 0 0}.admin-profile{position:relative}.profile-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:4px 8px;transition:background .3s ease}.profile-btn:hover{background:#f1f5f9}.admin-name{color:#1e293b;font-size:.9rem;font-weight:500}.admin-avatar{align-items:center;background:linear-gradient(135deg,#0284c7,#0369a1);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:36px;justify-content:center;position:relative;width:36px}.admin-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-arrow{color:#94a3b8;font-size:10px;margin-left:4px}.admin-dropdown{animation:dropdownFade .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:200px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{border-radius:8px;color:#1e293b;gap:12px;padding:10px 14px;transition:all .2s ease}.dropdown-item:hover{background:#f1f5f9}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fee2e2}.dropdown-item i{font-size:.9rem;width:18px}.stats-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:32px;padding:24px}@media (max-width:768px){.stats-section{border-radius:12px;margin-bottom:16px;padding:16px}}.section-title{border-bottom:2px solid #e2e8f0;font-size:1.2rem;margin:0 0 20px;padding-bottom:12px}.section-title-row{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.section-title-row .section-title{border-bottom:0;flex:1 1;margin-bottom:0}.section-title-row .notification-bell-container{flex-shrink:0;margin-bottom:12px}@media (max-width:768px){.section-title{font-size:1rem;padding-bottom:8px}.section-title,.section-title-row{margin-bottom:16px}.section-title-row .notification-bell-container{margin-bottom:8px}}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:0}@media (max-width:1024px){.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid{gap:12px;grid-template-columns:1fr}}.stat-card{align-items:center;background:#fff;display:flex;gap:16px;padding:20px}.stat-card:hover{box-shadow:0 8px 25px #00000014}@media (max-width:768px){.stat-card{border-radius:12px;gap:12px;padding:16px}}.stat-icon{align-items:center;background:#e0f2fe;border-radius:12px;color:#0284c7;display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;width:56px}@media (max-width:768px){.stat-icon{font-size:1.2rem;height:48px;width:48px}}.stat-info{flex:1 1;min-width:0}.stat-info h3{color:#64748b;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}@media (max-width:768px){.stat-info h3{font-size:.75rem}}.stat-value{color:#1e293b;font-size:1.8rem;font-weight:700;margin:0}@media (max-width:768px){.stat-value{font-size:1.4rem}}@media (max-width:480px){.stat-value{font-size:1.2rem}}.financial-table{border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;margin-top:16px;overflow:hidden}@media (max-width:768px){.financial-table{border-radius:8px}}.financial-row{grid-gap:0;background:#fff;border-bottom:1px solid #e2e8f0;display:grid;gap:0;grid-template-columns:2fr 1.5fr 1.5fr 1fr}@media (max-width:1024px){.financial-row{grid-template-columns:1.5fr 1fr 1fr .8fr}}@media (max-width:768px){.financial-row{border-bottom:2px solid #e2e8f0;grid-template-columns:1fr}}.financial-row:last-child{border-bottom:none}.financial-row.header{background:#f8fafc;color:#475569;font-size:.85rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}@media (max-width:768px){.financial-row.header{display:none}}.financial-row.header .financial-cell{border-right:1px solid #e2e8f0;padding:16px}@media (max-width:768px){.financial-row.header .financial-cell{border-right:none}}.financial-row.header .financial-cell:last-child{border-right:none}.financial-row.highlight{background:linear-gradient(135deg,#f0fdf4,#f0fdf4);border-bottom:none;border-top:2px solid #10b981;font-weight:600}@media (max-width:768px){.financial-row.highlight{border-top:2px solid #10b981}}.financial-cell{align-items:center;border-right:1px solid #f1f5f9;display:flex;padding:18px 20px}@media (max-width:1024px){.financial-cell{font-size:.9rem;padding:16px}}@media (max-width:768px){.financial-cell{border-bottom:1px solid #f1f5f9;border-right:none;font-size:.85rem;padding:12px 16px}}@media (max-width:480px){.financial-cell{font-size:.8rem;padding:10px 12px}}.financial-cell:last-child{border-right:none;justify-content:flex-end}@media (max-width:768px){.financial-cell:last-child{border-bottom:1px solid #f1f5f9}}.financial-cell.label{color:#1e293b;font-weight:600}@media (max-width:768px){.financial-cell.label{font-weight:700;min-width:120px}}.financial-cell.text-right{font-family:Courier New,monospace;font-weight:500;justify-content:flex-end}.amount-positive{color:#10b981}.amount-negative{color:#ef4444}.amount-profit{color:#10b981;font-size:1.05rem;font-weight:700}@media (max-width:768px){.amount-profit{font-size:1rem}}.amount-loss{color:#ef4444;font-size:1.05rem;font-weight:700}@media (max-width:768px){.amount-loss{font-size:1rem}}.profit-margin{color:#10b981;font-weight:600}.quick-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:16px}@media (max-width:1024px){.quick-stats{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.quick-stats{gap:12px;grid-template-columns:1fr}}.quick-stat-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .3s ease}.quick-stat-item:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-3px)}@media (max-width:768px){.quick-stat-item{border-radius:12px;padding:16px}}.quick-stat-item h4{align-items:center;border-bottom:1px solid #e2e8f0;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.quick-stat-item h4 i{color:#0284c7}@media (max-width:768px){.quick-stat-item h4{font-size:.9rem;margin-bottom:12px;padding-bottom:8px}}.quick-stat-item ul{list-style:none;margin:0;padding:0}.quick-stat-item li{border-bottom:1px solid #f1f5f9;color:#475569;display:flex;font-size:.9rem;gap:8px;justify-content:space-between;padding:10px 0}@media (max-width:768px){.quick-stat-item li{font-size:.85rem;padding:8px 0}}.quick-stat-item li:last-child{border-bottom:none}.quick-stat-item li span:last-child{color:#1e293b;font-weight:600;text-align:right}.tasks-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.task-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .3s ease}.task-item:hover{border-color:#0284c7;box-shadow:0 4px 12px #00000014}@media (max-width:768px){.task-item{border-radius:8px;padding:12px}}.task-header{margin-bottom:12px}.task-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.task-title-section h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0}@media (max-width:768px){.task-title-section h4{font-size:.95rem}}.task-badges{display:flex;flex-wrap:wrap;gap:8px}.priority-badge,.status-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px}.task-details{flex-wrap:wrap;gap:16px;margin:12px 0}@media (max-width:768px){.task-details{gap:12px}}.task-detail-item{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:6px}.task-detail-item i{color:#0284c7;font-size:.9rem}.task-description{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.task-description p{color:#475569;font-size:.9rem;line-height:1.4;margin:0}.empty-state{color:#94a3b8;margin-top:20px}@media (max-width:768px){.empty-state{padding:40px 20px}.empty-state i{font-size:2.5rem}}.text-right{text-align:right}.text-center{text-align:center}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-container{animation:slideUp .3s ease-out;box-shadow:0 20px 60px #0000004d}.modal-header{padding:24px}.modal-header h3{font-size:1.3rem}.modal-close{border-radius:8px}@media (max-width:768px){.modal-container{border-radius:16px;max-width:95vw}.modal-body,.modal-header{padding:16px}.modal-footer{padding:12px 16px}}.profile-modal{max-width:500px}.profile-avatar{margin-bottom:24px;text-align:center}.profile-avatar img,.profile-avatar span{align-items:center;background:linear-gradient(135deg,#0284c7,#0369a1);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:600;height:100px;justify-content:center;margin:0 auto;width:100px}.profile-avatar img{object-fit:cover}.profile-info{margin-bottom:24px}.info-row{border-bottom:1px solid #e2e8f0;padding:16px 0}.info-row label{color:#64748b;display:block;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.info-row p{color:#1e293b;font-size:1rem;font-weight:500;margin:0}.edit-profile-inside-btn{align-items:center;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease;width:100%}.edit-profile-inside-btn:hover{box-shadow:0 8px 20px #0284c74d;transform:translateY(-2px)}@media (max-width:768px){.profile-modal{max-width:90vw}.profile-avatar img,.profile-avatar span{font-size:2rem;height:80px;width:80px}.profile-info{margin-bottom:16px}.info-row{padding:12px 0}.info-row label{font-size:.75rem;margin-bottom:4px}.info-row p{font-size:.9rem;overflow-wrap:break-word;word-break:break-word}.edit-profile-inside-btn{font-size:.9rem;padding:10px 14px}}@media (max-width:480px){.profile-modal{max-width:95vw}.profile-avatar img,.profile-avatar span{font-size:1.8rem;height:70px;margin-bottom:16px;width:70px}.profile-avatar{margin-bottom:16px}.profile-info{margin-bottom:12px}.info-row{padding:10px 0}.info-row label{font-size:.7rem;margin-bottom:2px}.info-row p{font-size:.85rem;line-height:1.4;overflow-wrap:break-word;word-break:break-word}.modal-header h3{font-size:1.1rem}.modal-body{padding:12px}.edit-profile-inside-btn{font-size:.85rem;padding:8px 12px}}.edit-modal{max-width:500px}.form-group:last-child{margin-bottom:0}.form-group label{font-size:.9rem}.edit-input{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:.95rem;padding:12px 14px;transition:all .2s ease;width:100%}.edit-input:focus{background:#f0f9ff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a;outline:none}.edit-input.disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.edit-input::placeholder{color:#94a3b8}.edit-input textarea{min-height:80px;resize:vertical}.message-banner{border-radius:10px;font-size:.9rem;font-weight:500;margin-bottom:20px;padding:12px 16px}.message-banner.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.message-banner.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 20px #0284c74d}@media print{.header-actions,.mobile-menu-btn,.sidebar-menu,.sidebar-overlay{display:none!important}.dashboard-main{margin:0;padding:0}.content-section,.stats-section{break-inside:avoid;page-break-inside:avoid}}.confirmation-modal-overlay{isolation:isolate;z-index:2147483647!important}.confirm-modal{max-width:400px;position:relative;z-index:2147483647}.confirm-text{color:#475569;font-size:1rem;margin:0;text-align:center}.tasks-page{background-color:#f5f7fa;min-height:100vh;padding:30px}.page-header h1{color:#1f2937;font-size:32px}.page-header p{color:#6b7280;font-size:14px}.filter-select{border:1px solid #d1d5db;color:#1f2937;font-weight:500;padding:10px 14px}.filter-select:hover{border-color:#9ca3af}.tasks-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.empty-state h2{color:#6b7280;font-size:20px}.task-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .2s ease}.task-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.task-card-header{border-bottom:1px solid #e5e7eb;padding-bottom:12px}.task-title-badge{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.task-title-badge h3{color:#1f2937;flex:1 1;font-size:16px;font-weight:600;margin:0}.badges{display:flex;gap:8px}.badge{border-radius:6px;color:#fff;font-size:11px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:4px 8px;white-space:nowrap}.status-badge{background-color:#2563eb}.priority-badge{background-color:#dc3545}.task-details{display:flex;flex-direction:column;gap:12px}.detail-item{font-size:14px}.detail-item i{color:#2563eb;flex-shrink:0;width:16px}.detail-item div{flex:1 1}.detail-item label{color:#1f2937;display:block;margin-bottom:2px}.detail-item span{color:#6b7280}.task-actions{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.btn-danger{background-color:#ef4444}.btn-danger:hover{background-color:#dc2626;transform:translateY(-1px)}.modal-overlay{background-color:#0f172a73}.modal-content{box-shadow:0 32px 72px #0f172a29}.modal-close{font-size:1.1rem}.modal-content h2{font-size:1.65rem;margin:0 0 28px}.modal-details{gap:26px}.details-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.detail-card{background:#f6f8fb;border:1px solid #e8edf3;border-radius:20px;gap:14px;min-height:100px;padding:22px}.detail-label{color:#6b7280;font-size:.72rem;letter-spacing:.12em}.detail-value{color:#111827;line-height:1.75}@media (max-width:760px){.details-grid{grid-template-columns:1fr}}.modal-details p{align-items:center;color:#374151;display:flex;font-size:.95rem;line-height:1.6;margin:0;padding:4px 0}.modal-details strong{color:#1f2937;display:inline-block;font-weight:600;min-width:110px}@media (max-width:768px){.tasks-page{padding:16px}.page-header h1{font-size:24px}.tasks-container{grid-template-columns:1fr}.modal-content{max-width:90%;padding:20px}}.notifications-page{padding:24px}.notifications-toolbar{display:flex;justify-content:flex-end;margin-bottom:20px}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-card{align-items:stretch;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0f172a0d;display:flex;gap:12px;padding:16px}.notification-card.unread{border-left:4px solid #0284c7}.notification-priority{border-radius:999px;min-height:100%;width:6px}.notification-card-content{flex:1 1}.notification-card-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.notification-card-top h3{color:#0f172a;font-size:1rem;margin:0 0 6px}.notification-card-top p{color:#475569;line-height:1.5;margin:0}.notification-time{color:#64748b;font-size:.8rem;white-space:nowrap}.notification-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}@media (max-width:768px){.notification-card-top{flex-direction:column}.notification-time{white-space:normal}}.inspections-page{background-color:#f5f7fa;min-height:100vh;padding:30px}.page-header{align-items:flex-start;gap:20px;margin-bottom:30px}.header-content h1{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 8px}.header-content p{color:#6b7280;font-size:14px;margin:0}.btn-lg{font-size:14px;padding:12px 20px;white-space:nowrap}.inspection-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:30px;padding:30px}.form-section{border-bottom:1px solid #e5e7eb}.form-section:last-of-type{border-bottom:none}.form-section h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-input.textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;resize:vertical}.form-actions{border-top:1px solid #e5e7eb}.btn-success{background-color:#10b981}.btn-success:hover{background-color:#059669;transform:translateY(-1px)}.btn{display:inline-flex;font-size:13px;font-weight:600;padding:10px 14px;transition:all .2s ease}.btn-primary{background-color:#2563eb}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-1px)}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563;transform:translateY(-1px)}.inspections-section{margin-top:30px}.inspections-section h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 20px}.loading{color:#6b7280;font-size:16px;padding:40px}.empty-state{color:#9ca3af}.empty-state i{font-size:64px;opacity:.5}.empty-state h3{color:#6b7280;font-size:18px;margin:0 0 8px}.empty-state p{font-size:14px}.inspections-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.inspection-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .2s ease}.inspection-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.inspection-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding-bottom:12px}.inspection-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.inspection-card-actions{align-items:center;display:flex;gap:12px}.btn-delete-inspection{background:none;border:none;color:#b91c1c;cursor:pointer;font-size:16px;padding:2px;transition:color .2s ease,transform .2s ease}.btn-delete-inspection:hover{color:#7f1d1d;transform:scale(1.1)}.inspection-message{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e3a8a;font-size:14px;margin:0 0 16px;padding:10px 12px}.inspection-date{color:#9ca3af;font-size:12px;margin:4px 0 0}.btn-view{background:none;border:none;color:#6b7280;font-size:18px;padding:0}.btn-view:hover{color:#2563eb;transform:scale(1.1)}.inspection-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.stat{display:flex;flex-direction:column;gap:6px}.stat label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.stat span{color:#1f2937;font-size:14px;font-weight:600}.condition-badge{border-radius:6px;color:#fff;font-size:12px;padding:4px 8px;text-align:center}.rating{color:#f59e0b;font-size:18px}.damage-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px;text-align:center}.damage-badge.has-damage{background-color:#fee2e2;color:#dc2626}.damage-badge.no-damage{background-color:#dbeafe;color:#0284c7}.damage-summary{background-color:#fef2f2;border-left:4px solid #dc2626;border-radius:6px;color:#7f1d1d;display:flex;font-size:13px;gap:8px;padding:12px}.damage-summary i{color:#dc2626;flex-shrink:0;margin-top:2px}.damage-summary p{margin:0}.inspection-detail-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.inspection-detail-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px #00000026;max-height:86vh;max-width:840px;overflow-y:auto;padding:32px;position:relative;width:min(94vw,840px)}.inspection-detail-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;transition:all .2s ease;width:32px}.inspection-detail-close:hover{color:#1f2937;transform:rotate(90deg)}.inspection-detail-title{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:1.4rem;font-weight:600;margin:0 0 24px;padding-bottom:16px}.inspection-detail-body{display:flex;flex-direction:column;gap:20px}.inspection-detail-section{background:#f9fafb;border-left:4px solid #0284c7;border-radius:10px;padding:16px}.inspection-detail-section:last-of-type{border-bottom:none}.inspection-detail-section h4{align-items:center;font-size:.95rem;font-weight:600;gap:6px;margin:0 0 12px}.inspection-detail-section i{color:#dc2626}.inspection-detail-section p{color:#6b7280;font-size:14px;line-height:1.6;margin:8px 0}.inspection-damage-section{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px}.inspection-submission-date{color:#9ca3af!important;font-size:12px!important;margin-top:16px!important}@media (max-width:768px){.inspections-page{padding:16px}.page-header{flex-direction:column}.header-content h1{font-size:24px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.inspection-detail-modal{padding:16px}.btn,.btn-lg{justify-content:center;width:100%}.inspection-stats,.inspections-grid{grid-template-columns:1fr}.inspection-detail-modal{max-width:90%;padding:20px}}.rooms-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:32px}@media (max-width:768px){.rooms-container{gap:16px;grid-template-columns:1fr}}.room-card{box-shadow:0 1px 3px #0000000d}.room-card:hover{box-shadow:0 4px 12px #0000001a}.room-card-header{background:linear-gradient(135deg,#f8fafc,#eef2f7);border-bottom:2px solid #f1f5f9;padding:16px}.room-title-section{align-items:center;display:flex;gap:12px;justify-content:space-between}.room-card-header h3{color:#0f172a;font-size:1.1rem;font-weight:600;margin:0}.room-status-badge{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:capitalize;white-space:nowrap}.room-details{display:flex;flex-direction:column;gap:12px;padding:16px}.detail-item{align-items:flex-start;gap:12px}.detail-item i{color:#0284c7;font-size:1rem;margin-top:2px;min-width:20px}.detail-item>div{display:flex;flex-direction:column;gap:2px}.detail-item label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#1e293b;font-size:.9rem;word-break:break-word}.detail-item.full-width{grid-column:1/-1}.room-actions{flex-wrap:wrap;padding:0 16px 16px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s}.empty-state{color:#64748b;grid-column:1/-1}.empty-state i{color:#cbd5e1;display:block;font-size:3rem}.empty-state h2{color:#1e293b;font-size:1.3rem;margin:0 0 8px}.empty-state p{font-size:.9rem;margin:0}.loading{color:#64748b;grid-column:1/-1;padding:40px 20px;text-align:center}.loading:before{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0284c7;content:"";display:inline-block;height:40px;margin-right:12px;vertical-align:middle;width:40px}.modal-overlay{background:#0f172a73;padding:24px}.modal-content{border-radius:24px;box-shadow:0 32px 72px #0f172a2e;max-height:86vh;max-width:980px;overflow-y:auto;padding:40px;width:min(96vw,980px)}.modal-close{background:#f3f4f6;border-radius:12px;color:#475569;font-size:1.15rem;height:42px;position:absolute;right:20px;top:20px;width:42px}.modal-close:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.modal-content h2{border-bottom:1px solid #e2e8f0;color:#0f172a;font-size:1.6rem;font-weight:700;margin:0 0 24px;padding-bottom:18px}.modal-details{display:flex;flex-direction:column;gap:24px;margin-top:24px}.details-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,minmax(320px,1fr));margin-bottom:12px}.detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:18px}.detail-card.full-width{grid-column:1/-1}.detail-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.detail-value{color:#0f172a;font-size:1rem;line-height:1.7;word-break:break-word}.detail-value,.detail-value.rating-badge{font-weight:700}.detail-section,.section-label,.section-value{display:none}.section-value{color:#1e293b;font-size:.95rem;word-break:break-word}.detail-section.full-width{grid-column:1/-1}@media (max-width:600px){.details-grid{gap:12px;grid-template-columns:1fr}}.modal-details p span{color:#0f172a;font-size:1rem;font-weight:500}.page-header h1{color:#0f172a;font-size:1.8rem;margin:0 0 8px}.page-header p{color:#64748b;font-size:.95rem;margin:0}@media (max-width:768px){.page-header h1{font-size:1.4rem}.page-header p{font-size:.85rem}.modal-content{padding:16px}}.modal-overlay{animation:fadeIn .3s ease;background-color:#00000080;height:100%;isolation:isolate;z-index:2147483647!important}.modal-content,.modal-overlay{box-sizing:border-box;width:100%}.modal-content{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;margin:0 auto;max-height:90vh;max-width:650px;padding:0;position:relative;z-index:2147483647}.modal-header{border-bottom:1px solid #e5e7eb;padding:25px 25px 20px}.modal-header h2{color:#1f2937;font-size:22px;font-weight:700;margin:0}.modal-close{color:#6b7280;font-size:28px;height:36px;transition:all .3s ease;width:36px}.modal-close:hover{background-color:#fee2e2;color:#ef4444}.modal-body{box-sizing:border-box;max-height:calc(90vh - 150px);min-height:0;padding:30px 25px;width:100%}.modal-footer{align-items:center!important;background-color:#f9fafb!important;border-top:1px solid #e5e7eb!important;box-sizing:border-box!important;display:flex!important;flex-shrink:0!important;gap:12px!important;justify-content:flex-end!important;min-height:62px!important;padding:20px 25px!important;width:100%!important}.btn-cancel-modal,.btn-submit,.modal-footer{opacity:1!important;visibility:visible!important}.btn-cancel-modal,.btn-submit{border:none!important;border-radius:6px!important;cursor:pointer!important;display:inline-block!important;font-size:14px!important;font-weight:600!important;height:auto!important;min-width:100px!important;padding:10px 24px!important;transition:all .3s ease!important;white-space:nowrap!important}.btn-cancel-modal{background-color:#f3f4f6!important;border:1px solid #d1d5db!important;color:#1f2937!important}.btn-cancel-modal:hover{background-color:#e5e7eb!important;border-color:#9ca3af!important}.btn-submit{background:#2563eb!important;border:none!important;box-shadow:0 2px 8px #2563eb33!important;color:#fff!important}.btn-submit:hover{background:#1e40af!important;box-shadow:0 4px 12px #2563eb66!important;transform:translateY(-2px)!important}.btn-submit:active{box-shadow:0 2px 8px #2563eb33!important;transform:translateY(0)!important}.form{display:flex;flex-direction:column;gap:20px;width:100%}.form,.form-group{box-sizing:border-box}.form-group label{color:#1f2937;font-size:14px}.form-group small{color:#6b7280;font-size:12px;font-weight:400;margin-top:2px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;box-sizing:border-box;color:#1f2937;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23212529' d='m0 3 6 6 6-6z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:30px}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.form.landscape{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:1fr 1fr;width:100%}.form.landscape .form-group.full-width,.form.landscape .form-group:last-child{grid-column:1/-1}@media (max-width:480px){.form.landscape{grid-template-columns:1fr}.form.landscape .form-group:last-child{grid-column:auto}}.rooms-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.room-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.room-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-2px)}.room-image-wrap{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);height:200px;overflow:hidden;position:relative;width:100%}.room-img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.room-card:hover .room-img{transform:scale(1.05)}.room-img-placeholder{align-items:center;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);color:#94a3b8;display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;width:100%}.room-info{padding:20px}.room-info h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 8px}.oasis-badge{background:#0284c7;border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:10px;padding:4px 10px}.room-info .description{color:#64748b;font-size:.9rem;margin:8px 0 15px}.room-stats{grid-gap:10px;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:15px 0;padding:15px 0}.room-stats .stat{display:flex;flex-direction:column}.room-stats .label{color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase}.room-stats .value{color:#1e293b;font-size:1rem;font-weight:600;margin-top:4px}.room-stats .status-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:4px 8px;text-align:center;width:-webkit-fit-content;width:fit-content}.status-available{background:#d1fae5;color:#065f46}.status-maintenance{background:#fef3c7;color:#92400e}.status-booked{background:#dbeafe;color:#1e40af}.appliances{margin-top:15px}.appliances h4{color:#1e293b;font-size:.9rem;font-weight:600;margin:0 0 10px}.appliance-list{display:flex;flex-wrap:wrap;gap:8px}.appliance-tag{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;font-size:.8rem;padding:6px 10px}.room-actions{display:flex;gap:8px;margin-top:15px}.room-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;padding:6px 10px;transition:all .2s ease}.btn-danger{background:#fee2e2;color:#991b1b}.btn-danger:hover{background:#fecaca}.btn-small{font-size:.75rem!important;padding:6px 10px!important}.assigned-staff{border-top:1px solid #e2e8f0;margin-top:15px;padding-top:15px}.assigned-staff h5{color:#1e293b;font-size:.9rem;margin:0 0 10px}.staff-assignment{align-items:center;background:#f8fafc;border-radius:6px;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:6px;padding:8px}.btn-remove{background:#fee2e2!important;border:none!important;border-radius:4px!important;color:#991b1b!important;cursor:pointer!important;font-size:.7rem!important;padding:3px 8px!important}.btn-remove:hover{background:#fecaca!important}@media (max-width:768px){.rooms-grid{grid-template-columns:1fr}.room-stats{grid-template-columns:1fr 1fr 1fr}}.data-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:visible;overflow-x:auto}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table thead{background:#2563eb;color:#fff}.data-table thead tr{display:table-row}.data-table th{color:#fff;display:table-cell;font-size:11px;font-weight:600;letter-spacing:.5px;text-align:center!important;text-transform:uppercase}.data-table td,.data-table th{padding:12px 10px;vertical-align:middle}.data-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;text-align:center}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background-color:#eff6ff}.data-table tbody tr:last-child td{border-bottom:none}.action-buttons{display:flex;flex-wrap:wrap;gap:6px}.action-cell{padding:12px 10px!important;text-align:center}.action-buttons-row{flex-wrap:wrap;gap:8px}.action-buttons-row,.btn-action-icon{align-items:center;display:flex;justify-content:center}.btn-action-icon{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1.5px solid #cbd5e1;border-radius:8px;box-shadow:0 2px 6px #00000014;color:#334155;cursor:pointer;font-size:16px;height:36px;line-height:1;padding:8px;transition:all .3s ease;width:36px}.btn-action-icon:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8;box-shadow:0 4px 10px #0000001f;transform:translateY(-2px)}.btn-action-icon:active{box-shadow:0 2px 6px #00000014;transform:translateY(0)}.btn-action-icon:disabled{background:#f1f5f9;border-color:#e2e8f0;cursor:not-allowed;opacity:.5}.btn-action-icon:disabled:hover{box-shadow:0 2px 6px #00000014;transform:none}.btn-action-text{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1.5px solid #cbd5e1;border-radius:8px;box-shadow:0 2px 6px #00000014;color:#334155;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:8px 14px;transition:all .3s ease;white-space:nowrap}.btn-action-text:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8;box-shadow:0 4px 10px #0000001f;transform:translateY(-2px)}.btn-action-text:active{box-shadow:0 2px 6px #00000014;transform:translateY(0)}.btn-confirm{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important;border-color:#86efac!important;color:#15803d!important}.btn-confirm:hover{background:linear-gradient(135deg,#bbf7d0,#86efac)!important;border-color:#4ade80!important}.btn-custom{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border-color:#93c5fd!important;color:#1e40af!important}.btn-custom:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)!important;border-color:#60a5fa!important}.no-data{color:#6b7280;font-style:italic;padding:40px 15px!important;text-align:center}@media (max-width:768px){.data-table{font-size:12px}.data-table td,.data-table th{padding:10px}.action-buttons-row{gap:6px}.btn-action-icon{font-size:14px;height:32px;padding:6px;width:32px}.btn-action-text{font-size:11px;padding:6px 10px}}.payment-verification-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;left:50%;max-height:90vh;max-width:900px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.payment-verification-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.payment-verification-modal .modal-header h2{font-size:20px;font-weight:600;margin:0}.payment-verification-modal .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.payment-verification-modal .close-btn:hover{background:#fff3}.payment-verification-modal .modal-body{padding:30px}.verification-section{margin-bottom:30px}.verification-section h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:10px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{flex-direction:column}.info-item label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.info-item span{color:#1f2937;font-size:14px;word-break:break-word}.info-item .amount{color:#059669;font-size:18px;font-weight:600}.info-item .status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-paid{background:#dcfce7;color:#166534}.status-badge.status-partial{background:#fecaca;color:#991b1b}.proof-container{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;gap:12px;min-height:200px;padding:20px}.proof-container,.proof-loading{align-items:center;display:flex;flex-direction:column}.proof-loading{color:#64748b;font-size:14px;gap:10px;padding:40px 0}.proof-loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:32px;width:32px}.proof-image-wrapper{align-items:center;cursor:zoom-in;display:flex;justify-content:center;overflow:hidden;position:relative}.proof-image,.proof-image-wrapper{border-radius:8px;max-height:400px;max-width:100%}.proof-image{box-shadow:0 4px 12px #0000001a;display:block;height:auto;object-fit:contain;transition:transform .2s ease;width:auto}.proof-image-wrapper:hover .proof-image{transform:scale(1.02)}.proof-overlay{align-items:center;background:#0000;border-radius:8px;color:#fff;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .2s ease}.proof-image-wrapper:hover .proof-overlay{background:#00000073;opacity:1}.proof-zoom-icon{font-size:28px}.proof-hint{color:#6b7280;font-size:12px;margin:0;text-align:center}.proof-lightbox{animation:fadeIn .2s ease;background:#000000d9;inset:0;padding:20px;position:fixed;z-index:9999}.proof-lightbox,.proof-lightbox-inner{align-items:center;display:flex;justify-content:center}.proof-lightbox-inner{max-height:90vh;max-width:90vw;position:relative}.proof-lightbox-image{border-radius:8px;box-shadow:0 8px 40px #00000080;height:auto;max-height:85vh;max-width:90vw;object-fit:contain;width:auto}.proof-lightbox-close{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:-16px;top:-16px;transition:background .2s;width:36px;z-index:1}.proof-lightbox-close:hover,.special-requests{background:#f3f4f6}.special-requests{border-left:4px solid #667eea;border-radius:8px;color:#374151;line-height:1.6;padding:15px}.payment-verification-modal .modal-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px}.payment-verification-modal .btn-close,.payment-verification-modal .btn-reject,.payment-verification-modal .btn-verify{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.payment-verification-modal .btn-verify{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.payment-verification-modal .btn-verify:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.payment-verification-modal .btn-verify:disabled{cursor:not-allowed;opacity:.6}.payment-verification-modal .btn-reject{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.payment-verification-modal .btn-reject:hover:not(:disabled){background:#fecaca}.payment-verification-modal .btn-reject:disabled{cursor:not-allowed;opacity:.5}.payment-verification-modal .btn-close{background:#e5e7eb;color:#374151}.payment-verification-modal .btn-close:hover{background:#d1d5db}@media (max-width:768px){.payment-verification-modal{max-height:95vh;width:95%}.payment-verification-modal .modal-body{padding:20px}.info-grid{grid-template-columns:1fr}.payment-verification-modal .modal-footer{flex-direction:column}.payment-verification-modal .btn-close,.payment-verification-modal .btn-reject,.payment-verification-modal .btn-verify{width:100%}}.admin-booking-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;height:100%;max-height:90vh;overflow:hidden}.booking-modal-header{align-items:flex-start;background:linear-gradient(90deg,#f8fafc,#fff);border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px}.booking-modal-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.modal-subtitle{color:#64748b;font-size:.9rem;margin:4px 0 0}.modal-close{align-items:center;border-radius:6px;color:#64748b;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background:#f1f5f9}.step-indicator{background:#f8fafc;flex-shrink:0;gap:12px;padding:20px 28px;position:relative}.step-indicator:before{background:#e0e7ff;content:"";height:2px;left:50px;position:absolute;right:50px;top:30px;z-index:0}.step{flex-direction:column;position:relative;z-index:1}.step,.step span{align-items:center;display:flex}.step span{background:#fff;border:2px solid #e0e7ff;border-radius:50%;box-shadow:0 1px 3px #0000000d;color:#9ca3af;font-size:.95rem;font-weight:700;height:44px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:44px}.step.active span{background:#0284c7;border-color:#0284c7;box-shadow:0 4px 12px #0284c74d;color:#fff}.step.completed span{background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b98133;color:#fff}.step p{color:#9ca3af;font-size:.85rem;font-weight:600;margin:0;text-align:center;transition:color .3s ease}.step.active p{color:#0284c7;font-weight:700}.step.completed p{color:#10b981}.form-content{background:#fff;flex:1 1;overflow-y:auto;padding:28px}.form-content::-webkit-scrollbar{width:8px}.form-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.form-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.form-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-step{animation:fadeIn .3s ease}.form-step h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 24px}.form-group{margin-bottom:24px}.pax-input-container{gap:8px}.pax-btn,.pax-input-container{align-items:center;display:flex}.pax-btn{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;flex-shrink:0;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;transition:all .2s ease;width:44px}.pax-btn:hover:not(:disabled){background:#f0f9ff;border-color:#0284c7;color:#0284c7}.pax-btn:active:not(:disabled){transform:scale(.95)}.pax-btn:disabled{background:#f8fafc;cursor:not-allowed;opacity:.5}.pax-input{flex:1 1;font-size:1.1rem;font-weight:600;padding:12px 14px;text-align:center}.form-group label{color:#334155;font-size:.96rem;margin-bottom:10px}.required-label{align-items:center;display:flex;gap:6px}.required-asterisk{color:#dc2626;font-size:1rem;font-weight:700;line-height:1}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #cbd5e1;font-family:inherit;font-size:.96rem;padding:12px 14px}.form-group input::placeholder,.form-group textarea::placeholder{color:#cbd5e1}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#f0f9ff}.form-group input.error,.form-group select.error{background:#fef2f2}.form-group input.error:focus,.form-group select.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-group textarea{min-height:100px;resize:vertical}.form-group small{color:#64748b}.error-text,.form-group small{display:block;font-size:.85rem;margin-top:8px}.error-text{color:#ef4444;font-weight:500}.addons-section{background:linear-gradient(135deg,#faf5ff,#f8fafc);border:2px solid #ede9fe;border-radius:10px;margin-bottom:24px;padding:20px}.addons-section h4{color:#7c3aed;font-size:1rem;font-weight:700;margin:0 0 16px}.addon-option{background:#fff;border:2px solid #e0e7ff;border-radius:8px;padding:12px 14px;transition:all .2s ease}.addon-option:hover{background:#f8fafc;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed1a}.addon-option input[type=checkbox]{accent-color:#7c3aed;flex-shrink:0;height:20px;width:20px}.addon-info{gap:12px}.addon-name{font-weight:600}.addon-price{color:#7c3aed;font-weight:700;white-space:nowrap}.selected-addons-summary{background:#f3e8ff;border-radius:6px;color:#5b21b6;margin-top:12px;padding:8px 12px;text-align:right}.loading-text,.no-addons-text{color:#64748b;font-size:.9rem;padding:12px 0;text-align:center}.price-summary{background:linear-gradient(135deg,#f0f9ff,#f8fafc);border:2px solid #bfdbfe;border-left:4px solid #0284c7;border-radius:10px;margin-bottom:24px;padding:24px}.price-row{color:#334155;display:flex;font-size:.96rem;justify-content:space-between;margin-bottom:14px}.price-row:last-child{margin-bottom:0}.price-row.total{border-top:2px solid #bfdbfe;color:#0284c7;font-size:1.1rem;font-weight:700;margin-top:14px;padding-top:14px}.price-row .highlight{background:#ecfdf5;border-radius:4px;color:#059669;font-weight:700;padding:2px 8px}.review-section{display:flex;flex-direction:column;gap:20px}.review-block{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-left:4px solid #0284c7;border-radius:10px;padding:22px}.review-block h4{color:#0284c7;font-size:1.05rem;font-weight:700;margin:0 0 16px}.review-item{align-items:center;border-bottom:1px solid #e2e8f0;font-size:.95rem;gap:16px;padding:12px 0}.review-item .label{color:#64748b;flex:0 0 auto;font-weight:600}.review-item .value{color:#1e293b;flex:1 1;font-weight:600;text-align:right}.review-item .value.payment-status-pending{background:#fef3c7;border-radius:4px;color:#f59e0b;padding:2px 8px}.review-item .value.payment-status-partial{background:#dbeafe;border-radius:4px;color:#3b82f6;padding:2px 8px}.review-item .value.payment-status-paid{background:#d1fae5;border-radius:4px;color:#10b981;padding:2px 8px}.review-item .value.payment-status-rejected{background:#fee2e2;border-radius:4px;color:#ef4444;padding:2px 8px}.review-item.status-auto-update{position:relative}.review-item .value.booking-status-confirmed{background:#d1fae5;border-radius:4px;color:#059669;padding:2px 8px}.review-item .value.booking-status-pending{background:#fef3c7;border-radius:4px;color:#f59e0b;padding:2px 8px}.auto-update-note{color:#059669;display:block;font-size:.75rem;font-style:italic;margin-top:4px}.booking-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:24px 28px}.btn-primary,.btn-secondary,.btn-success{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:100px;padding:12px 28px;text-align:center;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 2px 8px #0284c733}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#0256a4);box-shadow:0 6px 16px #0284c759;transform:translateY(-2px)}.btn-secondary{background:#e2e8f0;border:1px solid #cbd5e1;color:#334155}.btn-secondary:hover{background:#cbd5e1;border-color:#94a3b8}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98133;color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98159;transform:translateY(-2px)}.btn-primary:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:640px){.admin-booking-modal{max-height:95vh}.booking-modal-header{padding:16px 20px}.booking-modal-header h2{font-size:1.25rem}.step-indicator{gap:8px;padding:16px 20px}.step-indicator:before{left:35px;right:35px}.step span{font-size:.85rem;height:38px;width:38px}.step p{font-size:.75rem}.form-content{padding:20px}.form-step h3{font-size:1.1rem;margin-bottom:20px}.form-group{margin-bottom:18px}.price-summary{padding:18px}.booking-modal-footer{flex-direction:column;padding:16px 20px}.btn-primary,.btn-secondary,.btn-success{padding:12px 16px;width:100%}.price-row{font-size:.9rem}}@media (max-width:480px){.admin-booking-modal{border-radius:0;margin:0;max-height:100vh}.booking-modal-header{padding:12px 16px}.booking-modal-header h2{font-size:1.1rem}.step span{height:36px;width:36px}.form-content{padding:16px}}.management-page{overflow-x:hidden;width:100%}.modal-overlay{z-index:1000}.modal-container{border-radius:10px;box-shadow:0 20px 25px -5px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.page-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.btn-primary{font-size:.9rem;padding:12px 28px}.btn-secondary{border:2px solid #e2e8f0;gap:6px}.btn-secondary:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7}.actions-cell{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.btn-outline,.btn-outline-danger,.btn-outline-success{align-items:center;background:#0000;border-radius:40px;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:500;gap:6px;justify-content:center;padding:6px 12px;transition:all .2s ease;white-space:nowrap;width:auto}.btn-outline{border:1px solid #e2e8f0;color:#475569}.btn-outline:hover{background:#f8fafc;border-color:#0284c7;color:#0284c7}.btn-outline-danger{border:1px solid #fee2e2;color:#ef4444}.btn-outline-danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-outline-success{border:1px solid #d1fae5;color:#10b981}.btn-outline-success:hover{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.btn-disabled,.btn-disabled:hover{background:#0000!important;border-color:#e2e8f0!important;color:#94a3b8!important;cursor:not-allowed!important;opacity:.45;pointer-events:auto;transform:none!important}.btn-icon{font-size:.65rem}.filter-section{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;padding:16px 24px}.filter-section label{color:#1e293b;font-size:.85rem;font-weight:600}.filter-select{background:#fff;border-radius:40px;cursor:pointer;font-size:.85rem;padding:8px 20px;transition:all .2s ease}.filter-select:hover{border-color:#0284c7}.stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,minmax(150px,1fr));margin-bottom:32px;overflow-x:auto}.stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px 20px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-3px)}.stat-card h3{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-number{color:#0284c7;font-size:2.2rem;font-weight:700;margin:0}.status-badge{border-radius:40px;white-space:nowrap}.status-pending{background:#fef3c7;color:#92400e}.status-confirmed{background:#d1fae5;color:#065f46}.status-completed{background:#dbeafe;color:#1e40af}.status-cancelled{background:#fee2e2;color:#991b1b}.status-partial{background:#fef3c7;color:#b45309}.status-paid{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.bookings-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.bookings-table{border-collapse:collapse;font-size:.85rem;min-width:1000px;width:100%}.bookings-table td,.bookings-table th{border-bottom:1px solid #f1f5f9;padding:16px 20px;text-align:left}.bookings-table th{background:#f8fafc;color:#1e293b;font-size:.8rem;font-weight:600}.bookings-table td:first-child,.bookings-table th:first-child{text-align:center}.table-bottom-controls,.table-top-controls{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px 18px}.showing-summary{color:#475569;font-size:.9rem;font-weight:600}.pagination-controls{align-items:center;display:inline-flex;gap:8px}.pagination-controls button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-weight:600;padding:8px 12px}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.page-indicator{border-radius:8px;color:#1e293b;font-weight:600;padding:6px 8px}.bookings-table tr:hover td,.modal-header,.page-indicator{background:#f8fafc}.modal-header h3{font-size:1.2rem}.modal-footer{background:#f8fafc}.form-group input,.form-group select,.form-group textarea{font-size:.85rem;transition:all .2s ease}@media (max-width:1024px){.stats-row{grid-template-columns:repeat(5,minmax(150px,1fr))}}@media (max-width:768px){.management-page{padding:0 16px}.filter-section,.page-header{align-items:flex-start;flex-direction:column}.stats-row{grid-template-columns:repeat(5,minmax(150px,1fr))}.actions-cell{align-items:center;flex-direction:row;flex-wrap:wrap}.btn-outline,.btn-outline-danger,.btn-outline-success{padding:6px 12px;width:auto}}.filter-section{margin-bottom:24px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#1e293b;font-size:14px;font-weight:600}.filter-select{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:150px;padding:8px 16px}.search-group{flex:1 1;min-width:280px}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#94a3b8;font-size:14px;left:12px;position:absolute}.search-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:8px 32px 8px 36px;transition:all .2s;width:100%}.search-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a;outline:none}.clear-search-btn{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:12px;padding:4px 8px;position:absolute;right:8px}.clear-search-btn:hover{background:#fef2f2;color:#ef4444}@media (max-width:768px){.filter-row{align-items:stretch;flex-direction:column}.filter-select,.search-group{width:100%}}@media (max-width:480px){.bookings-table-container{overflow-x:auto}.bookings-table{min-width:800px}.actions-cell{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-start}.btn-outline,.btn-outline-danger,.btn-outline-success{font-size:.65rem;padding:4px 10px;width:auto}}.gm-page .gm-subtitle{color:#64748b;font-size:.8rem;margin:2px 0 0}.gm-layout{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:340px 1fr}.gm-sidebar{position:-webkit-sticky;position:sticky;top:24px}.gm-sidebar,.gm-upload-panel{display:flex;flex-direction:column;gap:16px}.gm-upload-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.gm-dropzone{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:140px;padding:28px 20px;text-align:center;transition:all .2s ease}.gm-dropzone-active,.gm-dropzone:hover{background:#eff6ff;border-color:#0284c7}.gm-dropzone-has-preview{border-color:#0284c7;border-style:solid;cursor:default;overflow:hidden;padding:0}.gm-drop-preview{position:relative;width:100%}.gm-drop-preview img{border-radius:10px;display:block;height:160px;object-fit:cover;width:100%}.gm-remove-preview{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .2s;width:28px}.gm-remove-preview:hover{background:#000000d9}.gm-drop-icon{color:#94a3b8;font-size:2rem;margin-bottom:8px}.gm-drop-prompt{align-items:center;display:flex;flex-direction:column;gap:4px}.gm-drop-prompt p{color:#64748b;font-size:.85rem;margin:0}.gm-drop-prompt span{color:#0284c7;cursor:pointer;font-weight:500;text-decoration:underline}.gm-drop-hint{color:#94a3b8!important;font-size:.75rem!important}.gm-section-title{align-items:center;color:#1e293b;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin:0 0 4px}.gm-section-badge{background:#e0f2fe;border-radius:20px;color:#0284c7;font-size:.75rem;font-weight:600;padding:1px 10px}.gm-form-group{display:flex;flex-direction:column;gap:6px}.gm-form-group label{color:#475569;font-size:.78rem;font-weight:500}.gm-optional{color:#94a3b8;font-weight:400}.gm-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:.85rem;padding:9px 12px;resize:none;transition:border-color .2s}.gm-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a;outline:none}.gm-textarea{line-height:1.5}.gm-toggle-row{align-items:center;flex-direction:row;justify-content:space-between}.gm-toggle{background:#cbd5e1;border:none;border-radius:999px;cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background .2s;width:44px}.gm-toggle-on{background:#0284c7}.gm-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;display:block;height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.gm-toggle-on .gm-toggle-knob{transform:translateX(20px)}.gm-btn{align-items:center;border:none;border-radius:40px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:500;gap:6px;padding:8px 20px;transition:all .2s}.gm-btn:disabled{cursor:not-allowed;opacity:.55}.gm-btn-primary{background:#0284c7;color:#fff}.gm-btn-primary:hover:not(:disabled){background:#0369a1;transform:translateY(-1px)}.gm-btn-secondary{background:#0000;border:1px solid #e2e8f0;color:#475569}.gm-btn-secondary:hover:not(:disabled){background:#f8fafc}.gm-btn-danger{background:#ef4444;color:#fff}.gm-btn-danger:hover:not(:disabled){background:#dc2626}.gm-upload-btn{font-size:.85rem;justify-content:center;padding:10px;width:100%}.gm-icon-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.78rem;height:32px;justify-content:center;transition:all .15s;width:32px}.gm-icon-btn-edit{background:#eff6ff;color:#0284c7}.gm-icon-btn-edit:hover{background:#dbeafe}.gm-icon-btn-delete{background:#fef2f2;color:#ef4444}.gm-icon-btn-delete:hover{background:#fee2e2}.gm-hint-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;color:#0369a1;display:flex;font-size:.8rem;gap:12px;padding:16px}.gm-hint-box i{flex-shrink:0;font-size:1rem;margin-top:1px}.gm-hint-box strong{display:block;font-weight:600;margin-bottom:4px}.gm-hint-box p{color:#0284c7;margin:0}.gm-grid-area{display:flex;flex-direction:column;gap:16px}.gm-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gm-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;cursor:grab;overflow:hidden;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.gm-card:active{cursor:grabbing}.gm-card:hover{border-color:#cbd5e1;box-shadow:0 6px 20px #00000014}.gm-card-drag-over{border-color:#0284c7;box-shadow:0 0 0 2px #0284c740;transform:scale(1.02)}.gm-card-inactive{opacity:.6}.gm-card-drag-handle{background:#00000073;border-radius:6px;color:#fff;cursor:grab;font-size:.75rem;left:10px;opacity:0;padding:4px 6px;position:absolute;top:10px;transition:opacity .2s;z-index:2}.gm-card:hover .gm-card-drag-handle{opacity:1}.gm-card-img-wrap{aspect-ratio:4/3;background:#f1f5f9;overflow:hidden;position:relative}.gm-card-img-wrap img{display:block;height:100%;object-fit:cover;transition:transform .3s;width:100%}.gm-card:hover .gm-card-img-wrap img{transform:scale(1.04)}.gm-card-hidden-badge{background:#0009;border-radius:20px;bottom:8px;color:#fff;font-size:.68rem;font-weight:600;left:8px;letter-spacing:.04em;padding:2px 8px;position:absolute;text-transform:uppercase}.gm-card-info{padding:10px 12px 6px}.gm-card-title{color:#1e293b;font-size:.82rem;font-weight:600;margin:0 0 2px}.gm-card-desc,.gm-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-card-desc{color:#94a3b8;font-size:.72rem;margin:0}.gm-card-actions{display:flex;gap:6px;padding:8px 12px 12px}.gm-card-order{background:#00000080;border-radius:20px;color:#fff;font-size:.68rem;font-weight:700;padding:2px 8px;position:absolute;right:10px;top:10px}.gm-empty,.gm-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px;text-align:center}.gm-empty i,.gm-loading i{color:#cbd5e1;font-size:2.5rem}.gm-spinner{animation:gm-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0284c7;height:40px;width:40px}@keyframes gm-spin{to{transform:rotate(1turn)}}.gm-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.gm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:480px;overflow:hidden;width:100%}.gm-confirm-modal{max-width:400px}.gm-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px 16px}.gm-modal-header h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.gm-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:4px;transition:all .15s}.gm-close-btn:hover{background:#f1f5f9;color:#475569}.gm-modal-body{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.gm-modal-body>p{color:#475569;font-size:.88rem;line-height:1.5;margin:0}.gm-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px 20px}.gm-edit-preview{border-radius:10px;display:block;height:160px;object-fit:cover;width:100%}.gm-toast{align-items:center;animation:gm-slideUp .25s ease;border-radius:10px;bottom:28px;box-shadow:0 8px 24px #00000026;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:12px 20px;position:fixed;right:28px;z-index:3000}.gm-toast-success{background:#10b981;color:#fff}.gm-toast-error{background:#ef4444;color:#fff}.gm-layout-picker{gap:14px}.gm-layout-hint{color:#64748b;font-size:.8rem;margin:0}.gm-layout-options{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.gm-layout-opt{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;font-weight:500;gap:5px;padding:10px 4px;transition:all .15s ease}.gm-layout-opt i{color:#94a3b8;font-size:1rem;transition:color .15s ease}.gm-layout-opt:hover{background:#eff6ff;border-color:#0284c7;color:#0284c7}.gm-layout-opt:hover i{color:#0284c7}.gm-layout-opt-active{background:#0284c7;border-color:#0284c7;color:#fff}.gm-layout-opt-active i{color:#fff}@keyframes gm-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.gm-layout{gap:20px;grid-template-columns:300px 1fr}}@media (max-width:768px){.gm-layout{grid-template-columns:1fr}.gm-sidebar{position:static}.gm-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.gm-grid{grid-template-columns:1fr}}.cr-page{max-width:1400px;padding:24px;position:relative}.cr-header{margin-bottom:24px}.cr-title{color:#1e293b;font-size:1.6rem;font-weight:700;margin:0 0 4px}.cr-subtitle{color:#64748b;font-size:.9rem;margin:0}.cr-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.cr-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:20px 24px}.cr-stat-value{color:#0284c7;font-size:2rem;font-weight:700}.cr-stat-card--yellow .cr-stat-value{color:#f59e0b}.cr-stat-card--green .cr-stat-value{color:#16a34a}.cr-stat-card--slate .cr-stat-value{color:#64748b}.cr-stat-label{color:#64748b;font-size:.8rem;font-weight:500}.cr-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.cr-search-wrap{flex:1 1;min-width:240px;position:relative}.cr-search-icon{color:#94a3b8;font-size:.8rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cr-search{border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.875rem;outline:none;padding:9px 14px 9px 34px;width:100%}.cr-search:focus{border-color:#0284c7}.cr-filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.875rem;outline:none;padding:9px 32px 9px 12px}.cr-filter-select:focus{border-color:#0284c7}.cr-clear-btn{align-items:center;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:9px 14px;transition:background .15s;white-space:nowrap}.cr-clear-btn:hover{background:#e2e8f0}.cr-result-count{color:#94a3b8;font-size:.82rem;margin:0 0 16px}.cr-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:auto}.cr-table{border-collapse:collapse;font-size:.875rem;width:100%}.cr-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.cr-table td{border-bottom:1px solid #f1f5f9;padding:12px 16px;vertical-align:top}.cr-table tbody tr:hover{background:#fafbfc}.cr-table tbody tr:last-child td{border-bottom:none}.cr-pagination{align-items:center;border-top:1px solid #e2e8f0;color:#64748b;display:flex;font-size:.82rem;gap:16px;justify-content:space-between;padding:12px 16px}.cr-pagination-controls{align-items:center;display:flex;gap:12px}.cr-pagination-controls button{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:.8rem;padding:6px 12px}.cr-pagination-controls button:hover:not(:disabled){background:#f1f5f9}.cr-pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.cr-row--hidden td{opacity:.55}.cr-row--hidden:hover td{opacity:.7}.cr-customer{display:flex;flex-direction:column;gap:2px;min-width:130px}.cr-customer-name{color:#1e293b;font-weight:600}.cr-customer-name.cr-anon{color:#94a3b8;font-style:italic;font-weight:500}.cr-customer-email{color:#94a3b8;font-size:.75rem}.cr-stars{font-size:1rem;letter-spacing:2px}.cr-text-preview{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:.85rem;line-height:1.5;margin:0;max-height:72px;max-width:260px;overflow:hidden}.cr-media-row{display:flex;flex-wrap:wrap;gap:6px}.cr-media-thumb{align-items:center;background:#f1f5f9;border:none;border-radius:6px;cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;padding:0;transition:opacity .15s;width:44px}.cr-media-thumb:hover{opacity:.8}.cr-media-thumb img{height:100%;object-fit:cover;width:100%}.cr-video-icon{color:#64748b;font-size:1.1rem}.cr-no-media{color:#d1d5db}.cr-date{color:#64748b;font-size:.8rem;white-space:nowrap}.cr-oasis-badge{background:#eff6ff;border-radius:12px;color:#1d4ed8;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px;white-space:nowrap}.cr-pkg{color:#475569;font-size:.82rem}.cr-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:5px;padding:3px 10px;white-space:nowrap}.cr-status-badge--visible{background:#f0fdf4;color:#16a34a}.cr-status-badge--hidden{background:#f8fafc;color:#94a3b8}.cr-toggle-btn{align-items:center;border:1.5px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;min-width:90px;padding:7px 14px;transition:background .15s,border-color .15s,opacity .15s;white-space:nowrap}.cr-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.cr-toggle-btn--hide{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.cr-toggle-btn--hide:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.cr-toggle-btn--show{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.cr-toggle-btn--show:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.cr-btn-spinner{animation:cr-spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;display:inline-block;height:14px;opacity:.7;width:14px}.cr-lightbox{align-items:center;background:#000000e0;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.cr-lightbox-inner{max-height:88vh;max-width:88vw;position:relative}.cr-lightbox-media{border-radius:8px;max-height:85vh;max-width:100%;object-fit:contain}.cr-lightbox-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.4rem;position:absolute;right:0;top:-36px}.cr-loading{color:#64748b;padding:60px 20px;text-align:center}.cr-spinner{animation:cr-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0284c7;height:36px;margin:0 auto 16px;width:36px}@keyframes cr-spin{to{transform:rotate(1turn)}}.cr-error{color:#dc2626;padding:60px 20px;text-align:center}.cr-error i{display:block;font-size:2rem;margin-bottom:12px}.cr-retry-btn{background:#0284c7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:12px;padding:8px 20px}.cr-retry-btn:hover{background:#0369a1}.cr-empty{color:#64748b;padding:60px 20px;text-align:center}.cr-empty-icon{color:#e2e8f0;display:block;font-size:2.5rem;margin-bottom:12px}@media (max-width:1024px){.cr-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cr-page{padding:16px}.cr-stats{grid-template-columns:repeat(2,1fr)}.cr-toolbar{align-items:stretch;flex-direction:column}.cr-search-wrap{min-width:0;min-width:auto}.cr-table-wrap{font-size:.8rem}.cr-pagination{align-items:stretch;flex-direction:column}.cr-pagination-controls{justify-content:space-between}}.google-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:#444;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:10px;justify-content:center;margin-bottom:16px;padding:12px;transition:all .2s;width:100%}.google-btn:hover{background:#f5f5f5;border-color:#ccc;box-shadow:0 2px 8px #0000000d}.login-container{background:#fff;min-height:100vh}.login-logo-link{left:40px;position:absolute;top:32px;z-index:10}.login-logo{background:#0000;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:100px;object-fit:contain;width:100px}.back-to-home{align-items:center;color:#6b7280;display:inline-flex;font-size:13px;font-weight:500;gap:6px;left:40px;position:absolute;text-decoration:none;top:148px;transition:color .2s;z-index:10}.back-to-home i{font-size:12px;transition:transform .2s}.back-to-home:hover{color:#3b82f6}.back-to-home:hover i{transform:translateX(-3px)}.login-content{display:flex;min-height:100vh}.login-promo{align-items:center;background:#f9fafb;display:flex;flex:3 1;justify-content:center;padding:40px}.promo-card{max-width:500px;text-align:center}.promo-images{height:280px;margin-bottom:30px;position:relative;width:100%}.promo-img{border-radius:16px;box-shadow:0 10px 30px #0000001a;position:absolute}.main-img{height:200px;left:50%;object-fit:cover;top:0;transform:translateX(-50%);width:280px;z-index:3}.stacked-img{height:150px;object-fit:cover;width:200px}.img1{bottom:0;left:0;z-index:2}.img2{bottom:0;right:0;z-index:1}.promo-title{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 16px}.promo-text{color:#6b7280;font-size:1rem;font-weight:400;line-height:1.6;margin:0}.login-form-wrapper{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;min-width:320px;padding:40px}.login-form-card{max-width:300px;width:100%}.form-title{color:#1f2937;font-size:1.8rem;font-weight:600;margin:0 0 8px}.form-subtitle{color:#6b7280;font-size:.95rem;margin:0 0 24px}.input-with-icon{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:12px 14px 12px 38px;transition:all .2s;width:100%}.input-with-icon:focus{border-color:#3b82f6}.input-with-icon.disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.login-form{display:flex;flex-direction:column;gap:12px}.form-group input{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:12px 14px;transition:all .2s}.form-group input:focus{border-color:#3b82f6}.form-group input.disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.password-wrapper input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:12px 45px 12px 14px;transition:all .2s;width:100%}.password-wrapper input:focus{border-color:#3b82f6}.password-wrapper input.disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.eye-button{padding:0}.login-error{align-items:center;color:#dc2626;display:flex;font-size:12px;justify-content:space-between;margin:4px 0 12px}.error-timer{color:#dc2626;font-size:11px;font-weight:500}.login-attempts{color:#b45309;font-size:12px;margin:4px 0 12px}.forgot-wrapper{margin-top:4px;text-align:right}.forgot-link{color:#6b7280;font-size:12px;font-weight:500;text-decoration:none}.forgot-link:hover{color:#3b82f6}.login-submit-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:12px;transition:background .2s;width:100%}.login-submit-btn:hover:not(:disabled){background:#2563eb}.login-submit-btn.disabled{background:#9ca3af;cursor:not-allowed}.login-divider{align-items:center;display:flex;gap:12px;margin:20px 0}.divider-line{background:#e5e7eb}.divider-text{color:#9ca3af;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.login-footer{margin-top:20px;text-align:center}.login-footer p{color:#6b7280;font-size:13px;margin:0}.login-footer a{color:#3b82f6;font-size:13px;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.back-to-home-bottom{color:#6b7280;display:inline-block;font-size:13px;margin-top:16px;text-decoration:none;transition:color .2s}.back-to-home-bottom i{font-size:11px;margin-right:6px}.back-to-home-bottom:hover{color:#3b82f6}.login-url-message{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;color:#0369a1;display:flex;font-size:14px;gap:10px;line-height:1.5;margin-bottom:16px;padding:12px 16px}.login-url-message-icon{flex-shrink:0;font-size:18px}@media (max-width:768px){.login-content{flex-direction:column}.login-logo-link{left:20px;margin-bottom:10px;position:relative;top:20px}.back-to-home{display:inline-flex;left:20px;margin-bottom:8px;position:relative;top:auto}.login-logo{height:70px;width:70px}.login-promo{flex:none;padding:40px 20px}.promo-images{height:220px}.main-img{height:160px;width:220px}.stacked-img{height:120px;width:160px}.promo-title{font-size:1.8rem}.promo-text{font-size:.95rem}.login-form-wrapper{flex:none;min-width:auto;padding:40px 20px}}.register-page{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.register-card{background:#fff;border:1px solid #f0f0f0;border-radius:24px;box-shadow:0 4px 20px #0000000d;max-width:480px;padding:48px 40px;width:100%}.register-logo-link{display:block;margin-bottom:24px;text-align:center}.register-logo{background:#0000;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:80px;object-fit:contain;width:80px}.register-header{margin-bottom:32px;text-align:center}.register-title{color:#1f2937;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.register-subtitle{color:#6b7280;font-size:1rem;margin:0}.register-error{border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px 16px}.register-error,.validation-errors{background:#fef2f2;border:1px solid #fee2e2}.validation-errors{border-radius:8px;margin-bottom:24px;padding:16px}.validation-error-item{align-items:flex-start;color:#dc2626;display:flex;font-size:13px;gap:8px;line-height:1.5;margin-bottom:8px}.validation-error-item:last-child{margin-bottom:0}.error-dot{color:#dc2626;font-size:14px}.error-message{flex:1 1}.google-signup-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:40px;color:#1e293b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;justify-content:center;margin-bottom:20px;padding:12px 16px;transition:all .2s ease;width:100%}.google-signup-btn:hover{background:#f8fafc;border-color:#cbd5e1}.google-icon{height:20px;width:20px}.register-divider{margin:20px 0}.register-divider:after,.register-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.register-divider span{margin:0 10px}.input-icon{left:16px}.textarea-icon-wrapper .textarea-icon{top:18px;transform:none}.input-with-icon{padding-left:42px!important}.password-wrapper.input-icon-wrapper .input-with-icon{padding-right:45px}.register-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.register-input{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:15px;outline:none;padding:14px 16px;transition:all .2s;width:100%}.register-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.register-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:15px;min-height:80px;outline:none;padding:14px 16px;resize:vertical;transition:all .2s;width:100%}.register-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.password-input{padding-right:45px}.register-submit-btn{background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:background .2s;width:100%}.register-submit-btn:hover:not(.disabled){background:#2563eb}.register-submit-btn.disabled{background:#9ca3af;cursor:not-allowed}.register-footer{border-top:1px solid #f0f0f0;padding-top:24px;text-align:center}.register-footer p{color:#6b7280;font-size:14px;margin:0}.register-footer a{color:#3b82f6;font-weight:600;text-decoration:none}.register-footer a:hover{text-decoration:underline}.password-note{color:#6b7280;font-size:11px;line-height:1.5;margin:-8px 0 12px;padding:0 4px}.register-divider{align-items:center;color:#94a3b8;display:flex;font-size:.8rem;margin:24px 0;text-align:center}.divider-line{background:#e2e8f0;flex:1 1;height:1px}.divider-text{margin:0 12px}.verify-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.verify-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:400px;padding:40px 32px;text-align:center;width:90%}.verify-modal-icon{font-size:48px;margin-bottom:16px}.verify-modal-title{color:#0c4a6e;font-size:20px;margin:0 0 12px}.verify-modal-body{color:#475569;font-size:15px;line-height:1.6;margin:0 0 28px}.verify-modal-btn{background:#0284c7;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;width:100%}.verify-modal-btn:hover{background:#0369a1}@media (max-width:640px){.register-card{padding:32px 24px}.register-logo{height:60px;width:60px}.register-title{font-size:1.8rem}.google-signup-btn{font-size:.85rem;padding:10px 14px}}.forgot-page{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-card{background:#fff;border:1px solid #f0f0f0;border-radius:24px;box-shadow:0 4px 20px #0000000d;max-width:420px;padding:48px 40px;width:100%}.forgot-logo-link{display:block;margin-bottom:24px;text-align:center}.forgot-logo{background:#0000;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:70px;object-fit:contain;width:70px}.forgot-header{margin-bottom:32px;text-align:center}.forgot-title{color:#1f2937;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.forgot-subtitle{color:#6b7280;font-size:.95rem;margin:0}.forgot-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.forgot-input{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:15px;outline:none;padding:14px 16px;transition:all .2s;width:100%}.forgot-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.forgot-submit-btn{background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background .2s;width:100%}.forgot-submit-btn:hover:not(.disabled){background:#2563eb}.forgot-submit-btn.disabled{background:#9ca3af;cursor:not-allowed}.forgot-success{color:#10b981}.forgot-error,.forgot-success{font-size:14px;margin-bottom:24px;text-align:center}.forgot-error{color:#ef4444}.sent-container{padding:20px 0 24px;text-align:center}.sent-text{color:#1f2937;font-size:16px;line-height:1.6;margin:0 0 12px}.sent-text strong{color:#3b82f6;font-weight:600}.sent-note{color:#6b7280;font-size:14px;margin:0}.resend-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:underline}.resend-button:hover{color:#2563eb}.forgot-footer{border-top:1px solid #f0f0f0;padding-top:24px;text-align:center}.forgot-footer p{color:#6b7280;font-size:14px;margin:0}.forgot-footer a{color:#3b82f6;font-weight:600;text-decoration:none}.forgot-footer a:hover{text-decoration:underline}@media (max-width:640px){.forgot-card{padding:32px 24px}.forgot-logo{height:60px;width:60px}.forgot-title{font-size:1.6rem}}.reset-page{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.reset-card{background:#fff;border:1px solid #f0f0f0;border-radius:24px;box-shadow:0 4px 20px #0000000d;max-width:420px;padding:48px 40px;width:100%}.reset-logo-link{display:block;margin-bottom:24px;text-align:center}.reset-logo{display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:80px;object-fit:contain;width:80px}.reset-header{margin-bottom:32px;text-align:center}.reset-title{color:#1f2937;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.reset-subtitle{color:#6b7280;font-size:.95rem;margin:0}.reset-error{background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#dc2626;padding:12px 16px}.reset-error,.reset-success{font-size:14px;line-height:1.5;margin-bottom:20px}.reset-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;font-weight:500;padding:14px 16px;text-align:center}.reset-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.form-group{width:100%}.input-icon-wrapper,.password-wrapper{position:relative;width:100%}.input-icon{color:#9ca3af;font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.reset-input{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:15px;outline:none;padding:14px 44px 14px 40px;transition:all .2s;width:100%}.reset-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.reset-input::placeholder{color:#9ca3af}.eye-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.eye-icon{color:#9ca3af;height:18px;width:18px}.eye-button:hover .eye-icon{color:#3b82f6}.reset-note{color:#6b7280;font-size:11px;line-height:1.6;margin:-8px 0 4px;padding:0 2px}.reset-submit-btn{background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;margin-top:4px;padding:14px;transition:background .2s;width:100%}.reset-submit-btn:hover:not(.disabled){background:#2563eb}.reset-submit-btn.disabled{background:#9ca3af;cursor:not-allowed}.reset-footer{border-top:1px solid #f0f0f0;padding-top:24px;text-align:center}.reset-footer p{color:#6b7280;font-size:14px;margin:0}.reset-footer a{color:#3b82f6;font-weight:600;text-decoration:none}.reset-footer a:hover{text-decoration:underline}@media (max-width:640px){.reset-card{padding:32px 24px}.reset-logo{height:64px;width:64px}.reset-title{font-size:1.5rem}.reset-input{font-size:14px;padding:12px 42px 12px 38px}.reset-submit-btn{font-size:15px;padding:13px}}.edit-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:9999}.edit-modal{background-color:#fff;border-radius:24px;box-shadow:0 20px 40px #0003;max-height:calc(100vh - 40px);max-width:480px;overflow-y:auto;padding:32px;position:relative;width:100%}.edit-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .2s;width:40px}.edit-close-btn:hover{background:#f3f4f6}.edit-title{color:#1f2937;font-size:1.8rem;font-weight:600;margin:0 0 32px;text-align:center}.edit-error{background:#fee2e2;border-left:4px solid #dc2626;color:#dc2626}.edit-error,.edit-success{border-radius:12px;font-size:.85rem;margin-bottom:20px;padding:12px 16px}.edit-success{background:#d1fae5;border-left:4px solid #059669;color:#059669}.edit-avatar-container{align-items:center;display:flex;flex-direction:column;margin-bottom:32px}.edit-avatar{background-color:#f0f0f0;border:4px solid #fff;box-shadow:0 4px 20px #0000001a;height:120px;margin-bottom:16px;width:120px}.edit-avatar span{color:#999;font-size:48px}.edit-avatar-btn{border:1px solid #e5e7eb;color:#4b5563;font-size:.95rem;padding:10px 24px;transition:background .2s}.edit-avatar-btn:hover{background:#f3f4f6}.edit-field{margin-bottom:24px}.edit-field label{color:#4b5563;font-size:.9rem;margin-bottom:8px}.edit-field input,.edit-field textarea{background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:1rem;outline:none;padding:12px 16px;transition:border-color .2s}.edit-field input:focus,.edit-field textarea:focus{border-color:#3b82f6}.edit-field input:disabled{background-color:#f9fafb;color:#9ca3af}.edit-field textarea{font-family:inherit;min-height:100px;resize:vertical}.field-hint{color:#6b7280;display:block}.field-error,.field-hint{font-size:.7rem;margin-top:6px}.field-error{color:#dc2626}.error-input,.error-input:focus{border-color:#dc2626!important}.error-input:focus{box-shadow:0 0 0 2px #dc26261a!important}.edit-actions{gap:12px;margin-top:32px}.edit-cancel-btn{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:14px;transition:background .2s}.edit-cancel-btn:hover{background:#f3f4f6}.edit-save-btn{background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:14px;transition:background .2s}.edit-save-btn:hover{background:#2563eb}.edit-save-btn:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:640px){.edit-modal{padding:24px}.edit-title{font-size:1.5rem;margin-bottom:24px}.edit-avatar{height:100px;width:100px}.edit-avatar span{font-size:36px}.edit-actions{flex-direction:column;gap:10px}.edit-cancel-btn,.edit-save-btn{width:100%}}.nav-right{gap:12px}.user-profile-btn{align-items:center;background:none;border:none;border-radius:40px;cursor:pointer;display:flex;gap:6px;padding:4px 6px}.user-name{color:#333;font-size:1rem;font-weight:500;white-space:nowrap}.avatar-with-indicator{flex-shrink:0;height:40px;position:relative;width:40px}.avatar-circle{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.avatar-img{height:100%;object-fit:cover;width:100%}.avatar-initials{color:#666;font-size:18px;font-weight:400}.avatar-arrow{background:#fff;border:2px solid #fff;border-radius:50%;bottom:-1px;box-shadow:0 2px 4px #0000001a;color:#333;font-size:6px;height:12px;justify-content:center;position:absolute;right:-1px;width:12px}.auth-buttons,.avatar-arrow{align-items:center;display:flex}.auth-buttons{gap:6px}.login-link{color:#666;padding:4px 10px}.login-link,.register-link{font-size:.95rem;font-weight:500;text-decoration:none;white-space:nowrap}.register-link{background:#3b82f6;border-radius:30px;color:#fff;padding:4px 16px;transition:background .2s}.register-link:hover{background:#2563eb}.dashboard-link{border:1px solid #e0e0e0;border-radius:30px;color:#333;font-size:.95rem;font-weight:500;padding:4px 10px;text-decoration:none;white-space:nowrap}.dropdown-container{position:relative}.pc-dropdown{animation:fadeIn .2s ease;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:absolute;right:0;top:45px;z-index:1001}.main-dropdown{width:220px}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:12px 16px;text-align:left;text-decoration:none;transition:background .2s;width:100%}.dropdown-item:hover{background:#f8f8f8}.dropdown-item.logout{color:#dc2626}.dropdown-icon{color:#999;font-size:1rem;width:20px}.view-dropdown{padding:16px;width:300px}.view-dropdown-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.view-dropdown-avatar{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.view-dropdown-avatar img{height:100%;object-fit:cover;width:100%}.view-dropdown-avatar span{color:#666;font-size:24px}.view-dropdown-info{flex:1 1}.view-dropdown-name{color:#333;font-size:1rem;font-weight:600;margin-bottom:4px}.view-dropdown-email{color:#999;font-size:.85rem}.view-dropdown-detail{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:10px 0}.detail-icon{font-size:1.1rem;width:24px}.detail-text{color:#666;font-size:.9rem}.view-dropdown-google{background:#f0f0f0;border-radius:20px;color:#666;font-size:.85rem;margin:16px 0;padding:8px;text-align:center}.view-dropdown-actions{margin-top:16px}.view-dropdown-edit-btn{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:.9rem;padding:10px;transition:background .2s;width:100%}.view-dropdown-edit-btn:hover{background:#f5f5f5}.edit-dropdown{width:320px}.edit-dropdown-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px}.edit-dropdown-header h4{color:#333;font-size:1rem;font-weight:500;margin:0}.edit-close{background:none;border:none;color:#999;cursor:pointer;font-size:20px;padding:4px}.edit-dropdown-content{padding:16px}.edit-avatar-section{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.edit-avatar{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:70px;justify-content:center;margin-bottom:8px;overflow:hidden;width:70px}.edit-avatar img{height:100%;object-fit:cover;width:100%}.edit-avatar span{color:#666;font-size:28px}.edit-avatar-btn{background:#fff;border:1px solid #ddd;border-radius:30px;cursor:pointer;font-size:.85rem;padding:4px 16px}.edit-field{margin-bottom:16px}.edit-field label{color:#999;display:block;font-size:.8rem;font-weight:500;margin-bottom:4px}.edit-field input,.edit-field textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:8px;width:100%}.edit-field input:disabled{background:#f5f5f5;color:#999}.edit-actions{display:flex;gap:8px;margin-top:16px}.edit-cancel,.edit-save{border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;padding:8px}.edit-cancel{background:#fff;border:1px solid #ddd;color:#666}.edit-save{background:#3b82f6;border:none;color:#fff}@media (max-width:768px){.pc-dropdown{display:none}}.mobile-sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:1000}.mobile-sidebar-overlay.active{display:block;opacity:1}.mobile-sidebar{background:#fff;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;position:fixed;right:-280px;top:0;transition:right .3s ease;width:280px;z-index:1001}.mobile-sidebar.active{right:0}.mobile-sidebar-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.mobile-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px}.mobile-sidebar-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:0}.mobile-profile-section{border-bottom:1px solid #f0f0f0;padding:20px}.mobile-profile-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.mobile-avatar{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.mobile-avatar-img{height:100%;object-fit:cover;width:100%}.mobile-avatar-initials{color:#666;font-size:20px}.mobile-user-info{display:flex;flex-direction:column}.mobile-user-name{color:#333;font-size:1rem;font-weight:500}.mobile-user-email{color:#999;font-size:.8rem}.mobile-profile-actions{display:flex;flex-direction:column;gap:8px}.mobile-profile-btn{align-items:center;background:#fff;border:1px solid #eee;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:12px 16px;text-decoration:none;transition:background .2s;width:100%}.mobile-profile-btn:hover{background:#f8f8f8}.mobile-profile-btn.logout{background:#fff;border:1px solid #fee;color:#dc2626}.mobile-profile-btn.logout:hover{background:#fee}.mobile-profile-icon{color:#999;text-align:center;width:20px}.mobile-auth-section{display:flex;flex-direction:column;gap:12px;padding:20px}.mobile-login-btn,.mobile-register-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:1rem;padding:12px;text-align:center;text-decoration:none;transition:background .2s}.mobile-login-btn:hover,.mobile-register-btn:hover{background:#2563eb}.mobile-nav-links{list-style:none;margin:0;padding:20px}.mobile-nav-links li{margin-bottom:16px}.mobile-nav-links a{color:#333;display:block;font-size:1rem;padding:4px 0;text-decoration:none}.mobile-divider{background:#f0f0f0;height:1px;margin:0 20px}.mobile-signout-bottom{background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0;padding:16px 20px max(16px,env(safe-area-inset-bottom))}.mobile-view-sidebar{-webkit-overflow-scrolling:touch;animation:slideInMobile .3s ease;background:#fff;box-shadow:-2px 0 10px #0000001a;height:100vh;height:100dvh;max-width:400px;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:2000}@keyframes slideInMobile{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-view-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0}.mobile-view-header h3{font-size:1.2rem;font-weight:500;margin:0}.mobile-view-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;padding:4px}.mobile-view-content{padding:20px}.mobile-view-avatar{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 20px;overflow:hidden;width:100px}.mobile-view-avatar img{height:100%;object-fit:cover;width:100%}.mobile-view-avatar span{color:#666;font-size:40px}.mobile-view-name{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:4px;text-align:center}.mobile-view-email{color:#666;font-size:1rem;margin-bottom:20px;text-align:center}.mobile-view-info{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.mobile-view-google{background:#f0f0f0;border-radius:20px;color:#666;font-size:.9rem;margin:16px 0;padding:8px;text-align:center}.mobile-view-edit-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:20px;padding:14px;transition:background .2s;width:100%}.mobile-view-edit-btn:hover{background:#2563eb}.mobile-edit-overlay{align-items:center;animation:overlayFadeIn .25s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:3000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.mobile-edit-modal{animation:modalScaleIn .25s ease;background:#fff;border-radius:24px;max-height:90vh;max-width:400px;overflow-y:auto;padding:28px 24px;position:relative;width:90%}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mobile-edit-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:26px;height:36px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:background .2s;width:36px}.mobile-edit-modal-close:hover{background:#f3f4f6;color:#374151}.mobile-edit-modal-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 24px;text-align:center}.mobile-edit-modal-avatar{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.mobile-edit-modal-avatar-img{align-items:center;background:#f3f4f6;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 16px #0000001a;display:flex;height:100px;justify-content:center;margin-bottom:12px;overflow:hidden;width:100px}.mobile-edit-modal-avatar-img img{height:100%;object-fit:cover;width:100%}.mobile-edit-modal-avatar-img span{color:#9ca3af;font-size:40px}.mobile-edit-modal-avatar-btn{background:#fff;border:1px solid #e5e7eb;border-radius:30px;color:#4b5563;cursor:pointer;font-size:.9rem;padding:8px 20px;transition:background .2s}.mobile-edit-modal-avatar-btn:hover{background:#f3f4f6}.mobile-edit-modal-field{margin-bottom:20px}.mobile-edit-modal-field label{color:#6b7280;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.mobile-edit-modal-field input,.mobile-edit-modal-field textarea{background:#0000;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:1rem;outline:none;padding:10px 0;transition:border-color .2s;width:100%}.mobile-edit-modal-field input:focus,.mobile-edit-modal-field textarea:focus{border-bottom-color:#3b82f6}.mobile-edit-modal-field input:disabled{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:6px;color:#9ca3af;cursor:not-allowed;padding:8px 10px}.mobile-edit-modal-field textarea{min-height:70px;padding-top:8px;resize:vertical}.mobile-edit-modal-actions{display:flex;gap:12px;margin-top:28px}.mobile-edit-modal-cancel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:12px;transition:background .2s}.mobile-edit-modal-cancel:hover{background:#f3f4f6}.mobile-edit-modal-save{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:12px;transition:background .2s}.mobile-edit-modal-save:hover{background:#2563eb}body.mobile-view-open{overflow:hidden}@media (min-width:769px){.mobile-sidebar,.mobile-sidebar-overlay,.mobile-view-sidebar{display:none!important}}@media (max-width:380px){.mobile-edit-modal{padding:20px 16px;width:95%}.mobile-edit-modal-title{font-size:1.3rem}}.navbar{background:#fff;border-bottom:1px solid #f0f0f0;left:0;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border-bottom:1px solid #0000000d;box-shadow:0 4px 20px #0000000d}.navbar-container{align-items:center;box-sizing:border-box;display:flex;height:70px;justify-content:space-between;padding:0 16px;transition:height .3s ease;width:100%}.navbar.scrolled .navbar-container{height:60px}.navbar-logo{align-items:center;display:flex;flex-shrink:0;gap:8px;text-decoration:none;width:200px}.navbar-logo-img{border-radius:6px;height:50px;transition:all .3s ease;width:auto}.navbar.scrolled .navbar-logo-img{height:40px}.navbar-logo-text{color:#333;font-size:1.2rem;font-weight:600;transition:font-size .3s ease;white-space:nowrap}.navbar.scrolled .navbar-logo-text{font-size:1rem}.desktop-only{display:flex}.nav-center{left:50%;position:absolute;transform:translateX(-50%)}.nav-links{display:flex;gap:24px;list-style:none;margin:0;padding:0}.nav-links a{color:#666;font-size:1rem;font-weight:500;padding:8px 0 12px;position:relative;text-decoration:none;transition:color .2s ease;white-space:nowrap}.nav-links a:hover{color:#3b82f6}.nav-links a.active{color:#0284c7}.nav-links a.active:after{background:#0284c7;border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.nav-right{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;width:200px}.navbar-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:4px}.toggle-bar{background:#87ceeb;border-radius:2px;height:2px;transition:all .3s ease;width:22px}.save-toast{animation:slideIn .3s ease;border-radius:8px;bottom:20px;color:#fff;font-size:14px;padding:12px 24px;position:fixed;right:20px;z-index:9999}.save-toast.success{background:#10b981}.save-toast.error{background:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.nav-right,.navbar-logo{width:160px}.nav-links{gap:16px}.nav-links a{font-size:.85rem}.navbar-logo-text{font-size:1rem}}@media (max-width:768px){.desktop-only{display:none!important}.navbar-toggle{display:flex}.navbar-logo{width:auto}.nav-right{display:none}}.footer{background:#1e293b;padding:50px 0 20px}.footer-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;padding:0 20px}.footer-section{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.footer-section h3{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.3px;margin:0 0 18px}.footer-section p{color:#94a3b8;font-size:.8rem;line-height:1.5;margin:0 0 8px}.footer-address{color:#94a3b8;font-size:.8rem;line-height:1.4;margin-top:8px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#94a3b8;font-size:.8rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#0284c7}.contact-info{list-style:none;margin:0!important}.contact-info,.contact-info li{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.contact-info li{color:#94a3b8;display:block;font-size:.8rem;line-height:1.4;margin-bottom:10px}.footer li,.footer ul{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.footer-bottom{border-top:1px solid #334155;margin:35px auto 0;max-width:1200px;padding:25px 20px 0;text-align:center}.footer-bottom p{color:#64748b;font-size:.7rem;margin:0}@media (max-width:900px){.footer-container{gap:35px;grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.footer{padding:40px 0 20px}.footer-container{gap:30px;grid-template-columns:1fr;text-align:center}.footer-section h3{margin-bottom:12px}.contact-info li{text-align:center}}.rs{background:#f8fafc;padding:80px 0}.rs__inner{margin:0 auto;max-width:1100px;padding:0 24px}.rs__head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:36px}.rs__label{color:#1e293b;font-size:.78rem;font-weight:700;letter-spacing:.12em;margin:0 0 6px}.rs__underline{background:#0284c7;border-radius:2px;height:2px;width:40px}.rs__sub{align-self:center;color:#94a3b8;font-size:.85rem;margin:0}.rs__summary{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:40px;margin-bottom:28px;padding:24px 28px}.rs__score,.rs__summary{align-items:center;display:flex}.rs__score{flex-shrink:0;gap:14px}.rs__avg{color:#0284c7;font-size:2.8rem;font-weight:700;line-height:1}.rs__count{color:#94a3b8;font-size:.8rem;margin:4px 0 0}.rs__bars{display:flex;flex:1 1;flex-direction:column;gap:5px}.rs__bar-row{align-items:center;display:flex;gap:8px}.rs__bar-label{color:#94a3b8;flex-shrink:0;font-size:.75rem;width:26px}.rs__bar-track{background:#f1f5f9;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.rs__bar-fill{background:#f59e0b;border-radius:3px;height:100%;transition:width .4s ease}.rs__bar-count{color:#cbd5e1;flex-shrink:0;font-size:.7rem;text-align:right;width:16px}.rs__filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.rs__chip{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:.82rem;font-weight:500;padding:7px 16px;transition:all .15s ease;white-space:nowrap}.rs__chip:hover{border-color:#0284c7;color:#0284c7}.rs__chip--on{background:#0284c7;border-color:#0284c7;color:#fff}.rs__chip--clear{border-color:#fca5a5;color:#ef4444}.rs__chip--clear:hover{background:#ef4444;border-color:#ef4444;color:#fff}.rs__select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:.82rem;font-weight:500;outline:none;padding:7px 32px 7px 14px;transition:border-color .15s}.rs__select:focus{border-color:#0284c7}.stars{display:inline-flex;gap:1px}.stars--sm .star{font-size:.8rem}.stars--md .star{font-size:1rem}.stars--lg .star{font-size:1.2rem}.star--on{color:#f59e0b}.star--off{color:#e2e8f0}.rs__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.rc{background:#fff;border:1px solid #f1f5f9;border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:20px;transition:box-shadow .2s ease,transform .2s ease}.rc:hover{box-shadow:0 6px 20px #00000012;transform:translateY(-2px)}.rc__top{gap:10px}.rc__avatar,.rc__top{align-items:center;display:flex}.rc__avatar{background:linear-gradient(135deg,#0284c7,#38bdf8);border-radius:50%;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}.rc__info{display:flex;flex:1 1;flex-direction:column;gap:1px}.rc__name{color:#1e293b;font-size:.85rem;font-weight:600}.rc__date{color:#cbd5e1;font-size:.72rem}.rc__oasis{background:#f0f9ff;border-radius:10px;color:#0284c7;font-size:.68rem;font-weight:600;padding:3px 8px;white-space:nowrap}.rc__text{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex:1 1;font-size:.85rem;line-height:1.6;margin:0;overflow:hidden}.rc__media{display:flex;flex-wrap:wrap;gap:6px}.rc__thumb{background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;height:52px;overflow:hidden;padding:0;transition:transform .15s;width:52px}.rc__thumb:hover{transform:scale(1.06)}.rc__thumb img{height:100%;object-fit:cover;width:100%}.rc__thumb-video{align-items:center;background:#1e293b;color:#fff;display:flex;font-size:1rem;height:100%;justify-content:center;width:100%}.rc__footer{border-top:1px solid #f8fafc;padding-top:8px}.rc__package{color:#cbd5e1;font-size:.72rem}.rs__pagination{gap:8px}.rs__pagination,.rs__pg-btn{align-items:center;display:flex;justify-content:center}.rs__pg-btn{background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;font-size:1.2rem;height:36px;transition:all .15s;width:36px}.rs__pg-btn:hover:not(:disabled){background:#0284c7;border-color:#0284c7;color:#fff}.rs__pg-btn:disabled{cursor:not-allowed;opacity:.3}.rs__pg-dot{background:#cbd5e1;border:none;border-radius:50%;cursor:pointer;height:7px;padding:0;transition:all .2s;width:7px}.rs__pg-dot--on{background:#0284c7;border-radius:4px;width:20px}.rs__state{color:#94a3b8;font-size:.9rem;padding:60px 20px;text-align:center}.rs__spinner{animation:spin .7s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#0284c7;height:32px;margin:0 auto 12px;width:32px}.lb{background:#000000e0;inset:0;padding:20px;position:fixed;z-index:9999}.lb,.lb__box{align-items:center;display:flex;justify-content:center}.lb__box{max-height:90vh;max-width:90vw;position:relative}.lb__media{border-radius:8px;max-height:85vh;max-width:100%;object-fit:contain}.lb__close{background:none;color:#ffffffb3;font-size:1.3rem;right:0;top:-38px}.lb__close,.lb__nav{border:none;cursor:pointer;position:absolute}.lb__nav{align-items:center;background:#ffffff1f;border-radius:50%;color:#fff;display:flex;font-size:1.8rem;height:40px;justify-content:center;top:50%;transform:translateY(-50%);width:40px}.lb__nav:disabled{cursor:not-allowed;opacity:.25}.lb__nav--l{left:-52px}.lb__nav--r{right:-52px}.lb__counter{bottom:-28px;color:#ffffff80;font-size:.8rem;left:50%;position:absolute;transform:translateX(-50%)}@media (max-width:1024px){.rs__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.rs__grid{grid-template-columns:1fr}.rs__summary{flex-direction:column;gap:16px}.rs__head{flex-direction:column;gap:4px}}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-slides-offset-before);margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{-webkit-margin-end:var(--swiper-slides-offset-after);margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-slides-offset-before);margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{-webkit-margin-after:var(--swiper-slides-offset-after);margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{fill:currentColor;height:100%;object-fit:contain;pointer-events:none;transform-origin:center;width:100%}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:50%;top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:4px;left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:4px;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:50%;top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:4px;left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:4px;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:50%;left:var(--swiper-navigation-top-offset,50%);margin-left:-22px;margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:4px;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:4px;bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.home{overflow-x:hidden;width:100%}.hero-carousel{height:100vh;max-height:1080px;min-height:600px;overflow:hidden;position:relative;width:100%}.hero-slide,.hero-swiper{height:100%;width:100%}.hero-slide{position:relative}.hero-image{height:100%;object-fit:cover;width:100%}.hero-overlay{background:#0006;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{color:#fff;left:50%;max-width:800px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;margin:0 0 20px;text-shadow:2px 2px 4px #0000004d}.hero-subtitle{font-size:1.25rem;margin:0 0 30px;opacity:.9}.hero-btn{background:#0284c7;border:none;border-radius:40px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:14px 36px;text-decoration:none;transition:all .3s ease}.hero-btn:hover{background:#0369a1;transform:translateY(-2px)}:root{--swiper-navigation-color:#fff;--swiper-pagination-color:#0284c7}.swiper-button-next,.swiper-button-prev{background:#fff3;border-radius:50%;height:44px;transition:all .3s ease;width:44px}.swiper-button-next:hover,.swiper-button-prev:hover{background:#ffffff4d}.swiper-button-next:after,.swiper-button-prev:after{font-size:18px}.swiper-pagination-bullet{background:#fff;height:10px;opacity:.5;width:10px}.swiper-pagination-bullet-active{background:#0284c7;border-radius:5px;opacity:1;width:24px}.oasis-cards-section{background:#fff;padding:70px 0}.section-title{font-size:2.2rem}.oasis-cards-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr)}.oasis-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.oasis-card:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-5px)}.oasis-card-image{height:240px;overflow:hidden;position:relative}.oasis-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.oasis-card:hover .oasis-card-image img{transform:scale(1.05)}.oasis-card-badge{background:#0284c7;border-radius:30px;color:#fff;font-size:.85rem;font-weight:600;left:20px;padding:6px 16px;position:absolute;top:20px}.oasis-card-content{padding:24px}.oasis-card-content h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 12px}.oasis-card-content p{color:#475569;font-size:.9rem;line-height:1.5;margin:0 0 16px}.oasis-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.feature-tag{background:#f1f5f9;border-radius:20px;color:#475569;font-size:.75rem;padding:4px 12px}.oasis-card-btn{background:#0284c7;border:none;border-radius:40px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:10px 24px;text-decoration:none;transition:all .3s ease}.oasis-card-btn:hover{background:#0369a1;transform:translateX(5px)}.rules-section{background:#fff;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;padding:70px 0}.rules-title{color:#1e293b;font-size:2rem;font-weight:600;margin:0 0 40px;text-align:center}.rules-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.rule-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.rule-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-3px)}.rule-title{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 8px}.rule-desc{color:#64748b;font-size:.85rem;line-height:1.5;margin:0}.cta-section{background:#f8fafc;padding:80px 0;text-align:center}.cta-btn{background:#0000;border:2px solid #0284c7;color:#0284c7;padding:13px 42px}.cta-btn:hover{background:#0284c7;color:#fff}.gallery-section{background:#f8fafc;padding:70px 0}.gallery-grid{margin-bottom:40px}.gallery-item{aspect-ratio:1/1}.gallery-item img{transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;color:#fff;left:0;right:0;transition:opacity .3s ease}.gallery-overlay span{font-size:.85rem;font-weight:500}.view-all-btn{background:#0000;border:2px solid #0284c7;border-radius:40px;color:#0284c7;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:10px 28px;text-decoration:none;transition:all .3s ease}.view-all-btn:hover{background:#0284c7;color:#fff;transform:translateY(-2px)}.why-choose-section{background:#fff;padding:70px 0}.features-grid{grid-template-columns:repeat(4,1fr)}.feature-card{background:#f8fafc;border-radius:12px;padding:30px 20px}.feature-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-3px)}.feature-card h3{font-size:1rem;margin:0 0 8px}.feature-card p{font-size:.8rem;line-height:1.4}.testimonials-section{background:#f8fafc;padding:70px 0}.testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.testimonial-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 15px #0000000d;padding:30px;transition:all .3s ease}.testimonial-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.testimonial-rating{color:#fbbf24;font-size:1.1rem;letter-spacing:2px;margin-bottom:15px}.testimonial-text{color:#475569;font-size:.95rem;font-style:italic;line-height:1.6;margin:0 0 20px}.testimonial-author{border-top:1px solid #e2e8f0;padding-top:15px}.testimonial-author strong{color:#1e293b;display:block;font-size:.9rem}.testimonial-author span{color:#64748b;display:block;font-size:.8rem;margin-top:4px}.testimonial-author small{color:#94a3b8;display:block;font-size:.7rem;margin-top:4px}.faq-section{background:#fff;padding:70px 0}.faq-grid{margin:0 auto;max-width:800px}.faq-item{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;overflow:hidden}.faq-question{align-items:center;background:#fff;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:18px 24px;text-align:left;transition:all .3s ease;width:100%}.faq-question:hover{background:#f8fafc}.faq-question.active{background:#0284c7;color:#fff}.faq-question i{transition:transform .3s ease}.faq-answer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px 24px}.faq-answer p{color:#475569;font-size:.9rem;line-height:1.6;margin:0}@media (max-width:1024px){.features-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{gap:20px;grid-template-columns:1fr}}@media (max-width:768px){.faq-section,.gallery-section,.testimonials-section,.why-choose-section{padding:50px 0}.features-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.feature-card{padding:20px}.feature-icon{font-size:2.5rem}.testimonial-card{padding:20px}.faq-question{font-size:.9rem;padding:14px 18px}.faq-answer{padding:16px 18px}}@media (max-width:480px){.gallery-grid{gap:16px}.features-grid,.gallery-grid{grid-template-columns:1fr}.testimonial-text{font-size:.9rem}}@media (max-width:900px){.oasis-cards-grid{gap:24px;grid-template-columns:1fr}.oasis-card-image{height:220px}}@media (max-width:768px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:.95rem}.hero-btn{font-size:.9rem;padding:10px 28px}.section-title{font-size:1.8rem}.cta-title,.rules-title{font-size:1.6rem}.oasis-cards-section,.rules-section{padding:50px 0}.cta-section{padding:60px 0}.oasis-card-content{padding:18px}.oasis-card-content h3{font-size:1.3rem}}@media (max-width:480px){.hero-carousel{height:80vh}.hero-title{font-size:1.8rem}.swiper-button-next,.swiper-button-prev{display:none}.rules-grid{gap:16px;grid-template-columns:1fr}.oasis-card-image{height:200px}.feature-tag{font-size:.7rem}.oasis-card-btn{font-size:.85rem;padding:8px 20px}}.gallery-loading{align-items:center;display:flex;justify-content:center;min-height:220px}.gallery-spinner{animation:gallery-spin .7s linear infinite;height:36px;width:36px}.package-card{box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:100%}.package-card:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-5px)}.package-card-image{background:#f1f5f9;height:200px;overflow:hidden;position:relative}.carousel-slide{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s ease}.carousel-slide--active{opacity:1;pointer-events:auto}.carousel-slide img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.package-card:hover .carousel-slide--active img{transform:scale(1.04)}.carousel-badge{background:#0000008c;border-radius:20px;font-size:.72rem;font-weight:600;gap:5px;letter-spacing:.02em;padding:4px 9px;pointer-events:none;right:10px;top:10px}.carousel-badge,.carousel-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:flex;position:absolute}.carousel-btn{background:#00000073;border:none;border-radius:50%;cursor:pointer;font-size:1.4rem;height:32px;justify-content:center;line-height:1;opacity:0;padding:0;top:50%;transform:translateY(-50%);transition:opacity .2s ease,background .2s ease;width:32px;z-index:10}.package-card-image:hover .carousel-btn{opacity:1}.carousel-btn:hover{background:#000000b3}.carousel-btn--prev{left:10px}.carousel-btn--next{right:10px}.carousel-dots{bottom:10px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.carousel-dot{background:#ffffff8c;border:none;border-radius:50%;cursor:pointer;height:7px;padding:0;transition:background .2s ease,transform .2s ease;width:7px}.carousel-dot--active{background:#fff;transform:scale(1.3)}.package-card-image-placeholder{align-items:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;height:100%;justify-content:center;width:100%}.package-card-image-placeholder span{color:#64748b;font-size:1.2rem;font-weight:600}.package-card-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.package-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.package-card-name{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 4px}.package-card-subtitle{color:#64748b;font-size:.8rem;margin:0}.package-card-capacity{background:#f1f5f9;border-radius:20px;color:#475569;font-size:.7rem;font-weight:600;padding:4px 12px;white-space:nowrap}.package-card-price{background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:14px}.price-starting{align-items:center;display:flex;justify-content:space-between}.price-label{color:#64748b;font-size:.75rem}.price-value{color:#0284c7;font-size:1.1rem;font-weight:700}.package-card-actions{display:flex;gap:12px;margin-top:auto}.package-card-btn{background:#0284c7;border:none;border-radius:40px;color:#fff;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:12px 0;text-align:center;transition:all .3s ease}.package-card-btn:hover{transform:translateY(-2px)!important}button.view-details-btn{background:#0000!important;background-color:initial!important;border:2px solid #0284c7!important;border-radius:40px!important;box-shadow:none!important;color:#0284c7!important;cursor:pointer!important;flex:1 1!important;font-size:.85rem!important;font-weight:500!important;margin:0!important;outline:none!important;padding:12px 0!important;text-align:center!important;transition:all .3s ease!important;width:100%!important}button.view-details-btn:hover{transform:translateY(-2px)!important}.modal-overlay{animation:fadeIn .2s ease;overflow:hidden}.modal-container{box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:85vh}.modal-header{background:#fff;flex-shrink:0}.modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.modal-close{font-size:24px;line-height:1;padding:4px;transition:color .2s}.modal-close:hover{color:#1e293b}.modal-body{flex:1 1}.modal-section{margin-bottom:24px}.modal-section h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 12px}.modal-addons-list,.modal-inclusions-list{list-style:none;margin:0;padding:0}.modal-inclusions-list li{color:#475569;gap:8px;padding:8px 0}.modal-addons-list li,.modal-inclusions-list li{align-items:center;border-bottom:1px solid #f1f5f9;display:flex}.modal-addons-list li{justify-content:space-between;padding:10px 0}.addon-price{color:#e67e22}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.package-card-image{height:180px}.package-card-content{padding:16px}.package-card-name{font-size:1.1rem}.carousel-btn{opacity:.85}}@media (max-width:640px){.package-card-actions{display:flex;gap:12px;margin-top:auto}.package-card-btn,button.view-details-btn{padding:10px 0!important}}.oasis1-page{overflow-x:hidden;width:100%}.oasis1-hero{background:linear-gradient(135deg,#0284c7,#0369a1);padding:80px 20px;text-align:center}.oasis1-hero h1{color:#fff;font-size:3rem;font-weight:700;margin:0 0 16px}.oasis1-hero .hero-subtitle{color:#ffffffe6;font-size:1.2rem;margin:0}.section-subtitle{font-size:1rem;margin:0 auto;max-width:600px}.oasis1-overview-section{background:#fff;padding:70px 0}.oasis1-features-section{background:#f8fafc;padding:70px 0}.oasis1-packages-section{background:#fff;padding:70px 0}.oasis1-why-section{background:#f8fafc;padding:70px 0}.oasis1-cta-section{background:#fff;padding:80px 0;text-align:center}@media (max-width:768px){.oasis1-hero{padding:60px 20px}.oasis1-hero h1{font-size:2.2rem}.section-title{font-size:1.6rem}.oasis1-features-section,.oasis1-overview-section,.oasis1-packages-section,.oasis1-why-section{padding:50px 0}.features-grid{gap:20px}.features-grid,.why-grid{grid-template-columns:1fr}.why-grid{gap:16px}.cta-title{font-size:1.6rem}.oasis1-cta-section{padding:60px 0}}@media (max-width:480px){.oasis1-hero h1{font-size:1.8rem}.oasis1-hero .hero-subtitle{font-size:.95rem}.feature-card,.why-card{padding:20px}.packages-grid{grid-template-columns:1fr}}.oasis2-page{overflow-x:hidden;width:100%}.oasis2-hero{background:linear-gradient(135deg,#0284c7,#0369a1);padding:80px 20px;text-align:center}.oasis2-hero h1{color:#fff;font-size:3rem;font-weight:700;margin:0 0 16px}.oasis2-hero .hero-subtitle{color:#ffffffe6;font-size:1.2rem;margin:0}.section-header{margin-bottom:48px;text-align:center}.section-title{font-size:2rem;margin:0 0 12px}.oasis2-overview-section{background:#fff;padding:70px 0}.overview-content{margin:0 auto;max-width:800px;text-align:center}.overview-content p{color:#475569;font-size:1rem;line-height:1.6;margin:0 0 16px}.overview-content p:last-child{margin-bottom:0}.oasis2-features-section{background:#f8fafc;padding:70px 0}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:30px 24px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000014;transform:translateY(-5px)}.feature-card h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 10px}.feature-card p{color:#64748b;font-size:.85rem;line-height:1.5;margin:0}.oasis2-packages-section{background:#fff;padding:70px 0}.packages-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.oasis2-why-section{background:#f8fafc;padding:70px 0}.why-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.why-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.why-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-3px)}.why-card h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 10px}.why-card p{color:#64748b;font-size:.85rem;line-height:1.5;margin:0}.oasis2-cta-section{background:#fff;padding:80px 0;text-align:center}.cta-title{color:#1e293b;font-size:2rem;font-weight:600;margin:0 0 16px}.cta-text{color:#64748b;font-size:1rem;margin:0 auto 28px;max-width:500px}.cta-btn{border:none;cursor:pointer;font-size:1rem}@media (max-width:1024px){.features-grid,.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.oasis2-hero{padding:60px 20px}.oasis2-hero h1{font-size:2.2rem}.section-title{font-size:1.6rem}.oasis2-features-section,.oasis2-overview-section,.oasis2-packages-section,.oasis2-why-section{padding:50px 0}.features-grid{gap:20px}.features-grid,.why-grid{grid-template-columns:1fr}.why-grid{gap:16px}.cta-title{font-size:1.6rem}.oasis2-cta-section{padding:60px 0}}@media (max-width:480px){.oasis2-hero h1{font-size:1.8rem}.oasis2-hero .hero-subtitle{font-size:.95rem}.feature-card,.why-card{padding:20px}.packages-grid{grid-template-columns:1fr}}.about-page{overflow-x:hidden;width:100%}.about-hero{background:linear-gradient(135deg,#0284c7,#0369a1);padding:60px 20px;text-align:center}.about-hero h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 12px}.about-hero p{color:#ffffffe6;font-size:1rem;margin:0}.about-content{background:#f8fafc;padding:60px 0}.about-block{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:30px;padding:40px}.about-block h2{border-bottom:2px solid #0284c7;color:#1e293b;display:inline-block;font-size:1.5rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.about-block p{color:#475569;font-size:.95rem;line-height:1.6;margin:0 0 15px}.about-block p:last-child{margin-bottom:0}.values-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:20px}.value-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease}.value-card:hover{border-color:#0284c7;transform:translateY(-3px)}.value-card h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 10px}.value-card p{color:#64748b;font-size:.85rem;line-height:1.5;margin:0}.features-list p{border-bottom:1px solid #f1f5f9;margin:0;padding:10px 0}.features-list p:last-child{border-bottom:none}.about-cta{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-top:20px;padding:50px 40px;text-align:center}.about-cta h2{border-bottom:none;color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 12px;padding-bottom:0}.about-cta p{color:#64748b;font-size:.9rem;margin:0 0 24px}@media (max-width:900px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-hero{padding:40px 20px}.about-hero h1{font-size:1.8rem}.about-content{padding:40px 0}.about-block{margin-bottom:20px;padding:24px}.about-block h2{font-size:1.3rem}.values-grid{gap:16px;grid-template-columns:1fr}.about-cta{padding:30px 20px}.about-cta h2{font-size:1.3rem}}.contact-page{overflow-x:hidden;width:100%}.contact-hero{background:linear-gradient(135deg,#0284c7,#0369a1);padding:60px 20px;text-align:center}.contact-hero h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 12px}.contact-hero p{color:#ffffffe6;font-size:1rem;margin:0}.contact-content{background:#f8fafc;padding:60px 0}.contact-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:60px}.contact-info{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px}.contact-info h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 12px}.info-subtitle{color:#64748b;font-size:.9rem;line-height:1.5;margin-bottom:32px}.info-list{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.info-item{align-items:flex-start;display:flex;gap:16px}.info-item i{align-items:center;background:#e0f2fe;border-radius:50%;color:#0284c7;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;margin-top:2px;width:44px}.info-item>div{flex:1 1}.info-item h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 6px}.info-item p{color:#475569;font-size:.85rem;line-height:1.5;margin:0}.info-item p:first-of-type{margin-bottom:4px}.social-links h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 16px}.social-icons{display:flex;gap:12px}.social-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:44px;justify-content:center;text-decoration:none;transition:all .3s ease;width:44px}.social-icon:hover{background:#0284c7;color:#fff;transform:translateY(-3px)}.social-icon.facebook{background:#1877f2}.social-icon.facebook:hover{background:#0d65d9;transform:translateY(-3px)}.social-icon.instagram{background:linear-gradient(45deg,#f09433,#d62976,#962fbf)}.social-icon.instagram:hover{transform:translateY(-3px)}.social-icon.tiktok{background:#000;position:relative}.social-icon.tiktok:hover{background:#1a1a1a;transform:translateY(-3px)}.contact-map{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px}.contact-map h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 8px}.map-subtitle{color:#64748b;font-size:.85rem;margin-bottom:20px}.map-container{border:1px solid #e2e8f0;border-radius:16px;height:300px;margin-bottom:20px;overflow:hidden;width:100%}.address-details{text-align:center}.address-details p{color:#475569;font-size:.85rem;line-height:1.6;margin:0 0 16px}.directions-btn{align-items:center;background:#0284c7;border-radius:40px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;gap:8px;padding:10px 24px;text-decoration:none;transition:all .3s ease}.directions-btn:hover{background:#0369a1;transform:translateY(-2px)}.contact-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:40px;text-align:center}.contact-form-section h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 8px}.contact-form-section p{color:#64748b;font-size:.85rem;margin-bottom:32px}.contact-form{margin:0 auto;max-width:800px}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.form-group{margin-bottom:0;text-align:left}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:.85rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a;outline:none}.required{margin-left:2px}.optional{color:#94a3b8;font-size:.75rem;font-weight:400;margin-left:4px}.form-group.has-error input,.form-group.has-error textarea{background:#fff8f8;border-color:#ef4444}.form-group.has-error input:focus,.form-group.has-error textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-error{color:#ef4444;display:block;font-size:.75rem;font-weight:500;margin-top:5px}.char-count{color:#94a3b8;display:block;font-size:.72rem;margin-top:4px;text-align:right}.form-error-banner{align-items:center;background:#fff1f1;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;font-size:.875rem;gap:10px;margin-bottom:20px;padding:12px 16px}.form-error-banner i{flex-shrink:0;font-size:1rem}.submit-btn{align-items:center;background:#0284c7;border:none;border-radius:40px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;margin-top:20px;padding:12px 40px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:#0369a1;box-shadow:0 4px 16px #0284c759;transform:translateY(-2px)}.submit-btn.sending,.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.form-success{animation:fadeInUp .4s ease;margin:0 auto;max-width:480px;padding:32px 24px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.success-icon{background:#dcfce7;height:72px;width:72px}.success-icon i{color:#16a34a;font-size:2rem}.form-success h3{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0 0 12px}.form-success p{color:#64748b;font-size:.9rem;line-height:1.7;margin-bottom:28px}@media (max-width:900px){.contact-grid{gap:30px}.contact-grid,.form-row{grid-template-columns:1fr}.form-row{gap:16px}.contact-form-section{padding:30px}}@media (max-width:768px){.contact-hero{padding:40px 20px}.contact-hero h1{font-size:1.8rem}.contact-content{padding:40px 0}.contact-form-section,.contact-info,.contact-map{padding:24px}.map-container{height:250px}.info-item{gap:12px}.info-item i{font-size:1rem;height:36px;width:36px}}.contact-login-gate{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:56px 32px;text-align:center}.contact-login-gate,.login-gate-icon{align-items:center;display:flex;justify-content:center}.login-gate-icon{background:#e0f2fe;border-radius:50%;height:64px;margin-bottom:4px;width:64px}.login-gate-icon i{color:#0284c7;font-size:1.6rem}.contact-login-gate h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0}.contact-login-gate p{color:#64748b;font-size:.95rem;margin:0}.login-gate-btn{align-items:center;background:#0284c7;border-radius:40px;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;margin-top:8px;padding:12px 28px;text-decoration:none;transition:background .2s}.login-gate-btn:hover{background:#0369a1}.sender-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;gap:14px;margin-bottom:20px;padding:14px 18px}.sender-avatar,.sender-card{align-items:center;display:flex}.sender-avatar{background:#0284c7;border-radius:50%;color:#fff;font-size:1.1rem;font-weight:700;height:44px;justify-content:center;min-width:44px;width:44px}.sender-details{flex:1 1;min-width:0}.sender-name{color:#0f172a;font-size:.95rem;font-weight:600;margin:0}.sender-email,.sender-phone{color:#64748b;font-size:.82rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-badge{align-items:center;background:#e0f2fe;border-radius:20px;color:#0369a1;display:inline-flex;font-size:.75rem;font-weight:600;gap:5px;padding:4px 10px;white-space:nowrap}.sender-badge i{color:#0284c7}.gallery-page{overflow-x:hidden;width:100%}.gallery-hero{background:linear-gradient(135deg,#0284c7,#0369a1);padding:60px 20px;text-align:center}.gallery-hero h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 12px}.gallery-hero p{color:#ffffffe6;font-size:1rem;margin:0}.gallery-content{background:#f8fafc;padding:48px 0 60px}.gallery-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.gallery-count{color:#94a3b8;font-size:.82rem;font-weight:500;margin:0}.gallery-layout-switcher{background:#fff;border:1px solid #e2e8f0;border-radius:40px;display:flex;gap:6px;padding:4px}.gallery-layout-btn{align-items:center;background:#0000;border:none;border-radius:30px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:.75rem;font-weight:500;gap:5px;padding:6px 14px;transition:all .2s;white-space:nowrap}.gallery-layout-btn:hover{background:#f0f9ff;color:#0284c7}.gallery-layout-btn-active{background:#0284c7!important;color:#fff!important}.gallery-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px;text-align:center}.gallery-state i{color:#cbd5e1;font-size:3rem}.gallery-state p{font-size:.95rem;margin:0}.gallery-state-error i{color:#fca5a5}.gallery-state-error p{color:#ef4444}.gallery-spinner{animation:gallery-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0284c7;height:44px;width:44px}@keyframes gallery-spin{to{transform:rotate(1turn)}}.gallery-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.gallery-item:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.gallery-item img{display:block;height:100%;object-fit:cover;transition:transform .35s ease;width:100%}.gallery-item:hover img{transform:scale(1.06)}.gallery-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000b3 0,#0000 55%);display:flex;inset:0;opacity:0;padding:20px;position:absolute;transition:opacity .3s}.gallery-item:hover .gallery-overlay{opacity:1}.overlay-content h3{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 4px}.overlay-content p{color:#fffc;font-size:.75rem;margin:0}.gallery-scroll-area{border-radius:16px;max-height:72vh;overflow-x:hidden;overflow-y:auto;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.gallery-scroll-area::-webkit-scrollbar{width:6px}.gallery-scroll-area::-webkit-scrollbar-track{background:#0000}.gallery-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.gallery-scroll-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:4px 4px 16px}.gallery-grid .gallery-item{aspect-ratio:1/1}.gallery-masonry{column-count:3;column-gap:20px;padding:4px 4px 16px}.gallery-masonry-item{aspect-ratio:unset;break-inside:avoid;margin-bottom:20px;page-break-inside:avoid}.gallery-masonry-item img{height:auto}.gallery-masonry-item:nth-child(3n+1) img{aspect-ratio:3/4;height:280px;object-fit:cover}.gallery-masonry-item:nth-child(3n+2) img{aspect-ratio:4/5;height:340px;object-fit:cover}.gallery-masonry-item:nth-child(3n) img{aspect-ratio:1/1;height:240px;object-fit:cover}.gallery-horizontal{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:4px 4px 16px}.gallery-horizontal-item{aspect-ratio:16/9}.gallery-horizontal-item:first-child{aspect-ratio:21/7;grid-column:1/-1}.gallery-vertical{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);padding:4px 4px 16px}.gallery-vertical-item{aspect-ratio:3/4}.gallery-slideshow{display:flex;flex-direction:column;gap:16px}.gallery-ss-main{aspect-ratio:16/7;background:#1e293b;border-radius:20px;cursor:pointer;overflow:hidden;position:relative}.gallery-ss-main img{animation:gallery-fade-in .5s ease;height:100%;object-fit:cover;width:100%}@keyframes gallery-fade-in{0%{opacity:.4;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.gallery-ss-caption{background:linear-gradient(0deg,#000000bf,#0000);bottom:0;color:#fff;left:0;padding:32px 28px 24px;position:absolute;right:0}.gallery-ss-caption h3{font-size:1.4rem;font-weight:700;margin:0 0 4px}.gallery-ss-caption p{color:#fffc;font-size:.9rem;margin:0}.gallery-ss-progress{background:#fff3;bottom:0;height:3px;left:0;position:absolute;right:0}.gallery-ss-progress-bar{animation:gallery-progress linear forwards;background:#0284c7;height:100%;width:0}@keyframes gallery-progress{0%{width:0}to{width:100%}}.gallery-ss-nav{gap:16px}.gallery-ss-arrow,.gallery-ss-nav{align-items:center;display:flex;justify-content:center}.gallery-ss-arrow{background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#475569;cursor:pointer;font-size:.85rem;height:36px;transition:all .2s;width:36px}.gallery-ss-arrow:hover{background:#0284c7;border-color:#0284c7;color:#fff}.gallery-ss-dots{display:flex;gap:6px}.gallery-ss-dot{background:#cbd5e1;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .2s;width:8px}.gallery-ss-dot-active{background:#0284c7;transform:scale(1.25)}.gallery-ss-thumbnails{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.gallery-ss-thumb{background:none;border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:56px;overflow:hidden;padding:0;transition:all .2s;width:80px}.gallery-ss-thumb img{display:block;height:100%;object-fit:cover;width:100%}.gallery-ss-thumb-active{border-color:#0284c7}.gallery-lightbox-overlay{background:#000000eb;inset:0;padding:20px;z-index:3000}.gallery-lb-close,.gallery-lightbox-overlay{align-items:center;display:flex;justify-content:center;position:fixed}.gallery-lb-close{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:22px;height:44px;right:24px;top:20px;transition:background .2s;width:44px;z-index:3001}.gallery-lb-close:hover{background:#fff3}.gallery-lb-content{align-items:center;cursor:default;display:flex;flex-direction:column;gap:16px;max-height:90vh;max-width:85vw}.gallery-lb-content img{border-radius:12px;display:block;max-height:75vh;max-width:100%;object-fit:contain}.gallery-lb-caption{color:#fff;text-align:center}.gallery-lb-caption h3{font-size:1rem;font-weight:600;margin:0 0 4px}.gallery-lb-caption p{color:#ffffffb3;font-size:.82rem;margin:0 0 8px}.gallery-lb-counter{color:#ffffff73;font-size:.75rem}.gallery-lb-nav{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:48px;justify-content:center;position:fixed;top:50%;transform:translateY(-50%);transition:background .2s;width:48px;z-index:3001}.gallery-lb-nav:hover{background:#ffffff38}.gallery-lb-prev{left:20px}.gallery-lb-next{right:20px}.gallery-cta{background:#fff;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;padding:60px 20px;text-align:center}.gallery-cta h2{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0 0 12px}.gallery-cta p{color:#64748b;font-size:1rem;margin:0 0 24px}.cta-btn{background:#0284c7;border-radius:40px;color:#fff;display:inline-block;font-size:.9rem;font-weight:500;padding:12px 36px;text-decoration:none;transition:all .3s ease}.cta-btn:hover{background:#0369a1;transform:translateY(-2px)}@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-masonry{column-count:2}.gallery-horizontal{grid-template-columns:1fr}.gallery-horizontal-item:first-child{aspect-ratio:16/9}.gallery-scroll-area{max-height:75vh}}@media (max-width:768px){.gallery-hero h1{font-size:1.8rem}.gallery-hero{padding:40px 20px}.gallery-content{padding:32px 0 48px}.gallery-ss-main{aspect-ratio:4/3}.gallery-ss-caption h3{font-size:1.1rem}.gallery-lb-nav{display:none}.gallery-lb-content{max-width:95vw}.gallery-layout-btn span{display:none}.gallery-layout-btn{padding:7px 10px}.gallery-toolbar{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.gallery-grid{grid-template-columns:1fr}.gallery-masonry{column-count:1}.gallery-vertical{grid-template-columns:1fr}.gallery-cta h2{font-size:1.4rem}.gallery-lb-content img{max-height:60vh}.gallery-scroll-area{max-height:80vh}}.availability-calendar{align-items:center;display:flex;justify-content:center;width:100%}.diagonal-calendar{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:800px;padding:20px;width:100%}.diagonal-calendar .calendar-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.diagonal-calendar .month-nav-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.diagonal-calendar .month-nav-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.diagonal-calendar .month-nav-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.diagonal-calendar .month-title{color:#333;font-size:20px;font-weight:600;margin:0;min-width:200px;text-align:center}.diagonal-calendar .calendar-info{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:15px}.diagonal-calendar .info-item{align-items:center;display:flex;gap:8px}.diagonal-calendar .info-item .label{color:#666;font-size:13px;font-weight:500}.diagonal-calendar .info-item .badge{background:#f0f0f0;border-radius:4px;color:#333;font-size:12px;font-weight:500;padding:2px 8px}.diagonal-calendar .legend{display:flex;font-size:13px;gap:20px;justify-content:center;margin-bottom:15px}.diagonal-calendar .legend span{align-items:center;display:flex;gap:6px}.diagonal-calendar .legend-mark{border-radius:3px;display:inline-block;height:16px;width:16px}.diagonal-calendar .legend-mark.available{background:#10b981}.diagonal-calendar .legend-mark.booked{background:#ef4444}.diagonal-calendar .weekday-headers{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:12px}.diagonal-calendar .weekday{color:#666;font-size:12px;font-weight:600;padding:8px 0;text-align:center;text-transform:uppercase}.diagonal-calendar .calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin:0 auto 15px;max-width:600px;place-items:center;justify-items:stretch;width:100%}.diagonal-calendar .calendar-day{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;overflow:hidden;position:relative;transition:all .2s ease}.diagonal-calendar .calendar-day.has-booked{background:#fef2f2;border-color:#faca15;box-shadow:0 0 8px #faca154d}.diagonal-calendar .calendar-day:not(.disabled):not(.empty):hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26;transform:translateY(-2px)}.diagonal-calendar .calendar-day.has-booked:hover{border-color:#faca15;box-shadow:0 0 12px #faca1566}.diagonal-calendar .calendar-day.empty{background:#0000;border:none;cursor:default;pointer-events:none}.diagonal-calendar .calendar-day.disabled{background:#f5f5f5;border-color:#e0e0e0;color:#ccc;cursor:not-allowed}.diagonal-calendar .calendar-day.disabled:hover{border-color:#e0e0e0;box-shadow:none;transform:none}.diagonal-calendar .calendar-day.selected{background:#f3f4ff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.diagonal-calendar .calendar-day.selected .day-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.diagonal-calendar .day-number{color:#333;font-size:14px;font-weight:600;left:4px;position:absolute;top:4px;z-index:2}.diagonal-calendar .diagonal-svg{height:100%;left:0;position:absolute;top:0;width:100%}.diagonal-calendar .session-label{font-size:14px;font-weight:600}.diagonal-calendar .session-label.available{fill:#10b981}.diagonal-calendar .session-label.booked{fill:#ef4444;font-weight:700}.diagonal-calendar .session-indicator{transition:all .3s ease}.diagonal-calendar .session-indicator.booked{filter:drop-shadow(0 0 3px rgba(220,38,38,.6));font-weight:700;opacity:1}.diagonal-calendar .session-indicator.available{opacity:.7}.diagonal-calendar .session-indicator{stroke:#fff;stroke-width:.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:all .2s ease}.diagonal-calendar .session-indicator.booked{stroke-width:1;filter:drop-shadow(0 2px 4px rgba(239,68,68,.3))}.diagonal-calendar .session-indicator.available{filter:drop-shadow(0 1px 2px rgba(16,185,129,.2))}.diagonal-calendar .calendar-loading{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;justify-content:center;padding:20px;text-align:center}.diagonal-calendar .calendar-loading:before{animation:spin .6s linear infinite;border:2px solid #667eea;border-radius:50%;border-top-color:#0000;content:"";display:inline-block;height:16px;width:16px}@media (max-width:768px){.diagonal-calendar{padding:15px}.diagonal-calendar .month-title{font-size:18px;min-width:150px}.diagonal-calendar .calendar-day{min-height:70px}.diagonal-calendar .day-number,.diagonal-calendar .session-label{font-size:12px}.diagonal-calendar .calendar-info,.diagonal-calendar .legend{gap:15px}}@media (max-width:480px){.diagonal-calendar{padding:10px}.diagonal-calendar .calendar-day{min-height:60px}.diagonal-calendar .day-number{font-size:11px}.diagonal-calendar .month-nav-btn{font-size:14px;height:32px;width:32px}.diagonal-calendar .month-title{font-size:16px;min-width:120px}.diagonal-calendar .calendar-info{align-items:center;flex-direction:column;gap:10px}.diagonal-calendar .legend{font-size:12px;gap:12px}}.booking-page{overflow-x:hidden;width:100%}.booking-hero{background:linear-gradient(135deg,#0284c7,#0369a1);padding:60px 20px;text-align:center}.booking-hero-content h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 12px}.booking-hero-content p{color:#ffffffe6;font-size:1rem;margin:0}.hero-badge{background:#fff3;border-radius:40px;color:#fff;display:inline-block;font-size:.8rem;margin-bottom:16px;padding:6px 16px}.booking-main{background:#f8fafc;padding:60px 20px}.booking-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:320px 1fr;margin:0 auto;max-width:1200px}.booking-summary{background:#fff;border:1px solid #e2e8f0;border-radius:20px;height:-webkit-fit-content;height:fit-content;overflow:hidden;position:-webkit-sticky;position:sticky;top:100px}.summary-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px}.summary-header h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.summary-content{padding:20px}.summary-item{border-bottom:1px solid #f1f5f9;display:flex;font-size:.85rem;justify-content:space-between;padding:10px 0}.summary-item .label{color:#64748b}.summary-item .value{color:#1e293b;font-weight:600}.summary-divider{background:#e2e8f0;height:1px;margin:12px 0}.summary-total{border-bottom:2px solid #e2e8f0;border-top:2px solid #e2e8f0;display:flex;justify-content:space-between;margin:12px 0;padding:12px 0}.summary-total .label{color:#1e293b;font-weight:600}.summary-total .value{color:#0284c7;font-size:1.2rem;font-weight:700}.summary-downpayment{background:#f0f9ff;border-radius:12px;display:flex;justify-content:space-between;margin-top:12px;padding:12px}.summary-downpayment .label{color:#0369a1;font-weight:500}.downpayment-amount{color:#0284c7;font-weight:700}.summary-note{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:flex;font-size:.75rem;gap:8px;margin-top:12px;padding:10px}.summary-empty{color:#94a3b8;padding:40px;text-align:center}.booking-form-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px}.step-indicator{display:flex;justify-content:space-between;margin-bottom:32px}.step{flex:1 1;text-align:center}.step-number{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;color:#64748b;display:flex;font-weight:600;height:40px;justify-content:center;margin:0 auto 8px;transition:all .3s ease;width:40px}.step.active .step-number{background:#0284c7;border-color:#0284c7;color:#fff}.step.completed .step-number{background:#22c55e;border-color:#22c55e;color:#fff}.step-label{color:#64748b;font-size:.75rem}.step.active .step-label{color:#0284c7;font-weight:600}.step-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px}.step-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;margin-bottom:24px;padding-bottom:16px}.step-header i{color:#0284c7;font-size:28px}.step-header h2{color:#1e293b;font-size:1.3rem;font-weight:600;margin:0}.step-header p{color:#64748b;font-size:.85rem;margin:4px 0 0}.selected-info{display:flex;gap:16px;margin-bottom:24px}.info-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex:1 1;justify-content:space-between;padding:12px 16px}.info-label{color:#64748b;font-size:.8rem}.info-value{color:#0284c7;font-size:.9rem;font-weight:600}.form-group{margin-bottom:20px;position:relative}.form-group i{color:#94a3b8;font-size:16px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.form-group label{margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border-radius:12px;padding:10px 14px;padding-left:40px!important;padding-right:14px!important;transition:all .3s ease}.form-group input.error,.form-group select.error{border-color:#ef4444}.error-message{color:#ef4444}.guest-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.compressing-message{align-items:center;background:#f0f9ff;border-radius:8px;color:#0284c7;display:flex;font-size:.75rem;gap:8px;margin-top:8px;padding:8px 12px}.compressing-message i{font-size:.8rem}.date-step-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.date-step-layout.bottom-section{grid-template-columns:1fr 1fr;margin-top:24px}.calendar-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.calendar-wrapper.full-width-top{background:#0000;border:none;grid-column:1/-1;margin-bottom:20px;padding:0}.session-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.info-wrapper{align-items:center;display:flex}.info-wrapper .selected-info{display:flex;flex-direction:column;gap:12px;width:100%}.info-wrapper .info-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex:none;justify-content:space-between;padding:12px 16px}.section-title{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:16px}.section-title i{color:#0284c7}.section-subtitle{color:#64748b;font-size:.8rem;margin:-8px 0 12px}.calendar-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.calendar-container.landscape{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;justify-content:center;min-height:550px;padding:20px}.selected-display{align-items:center;background:#0000;border:none;border-radius:10px;color:#0284c7;display:flex;font-size:.85rem;gap:10px;margin-top:12px;padding:10px 12px}.selected-display i{color:#22c55e}.session-selector{width:100%}.session-options{display:flex;flex-direction:column;gap:12px}.session-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .3s ease}.session-option:hover{background:#f8fafc;border-color:#0284c7}.session-option.selected{background:#f0f9ff;border-color:#0284c7}.session-option.selected .session-name,.session-option.selected .session-price,.session-option.selected .session-time{color:#0284c7}.session-option.disabled{cursor:not-allowed;opacity:.6}.session-option.disabled,.session-option.disabled:hover{background:#f5f5f5;border-color:#ccc}.session-option.disabled input[type=radio]{cursor:not-allowed}.booked-badge{background:#ef4444;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:4px 8px}.uploaded-file-info{border-radius:40px;gap:10px}.uploaded-file-info i{font-size:1rem}.uploaded-file-info span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{align-items:center;border-radius:50%;display:flex;justify-content:center;transition:all .2s ease}.remove-file-btn:hover{background:#fee2e2}@media (max-width:640px){.upload-icon-btn{font-size:.8rem;padding:8px 16px}.upload-icon-btn i{font-size:.9rem}.uploaded-file-info{font-size:.75rem}}.session-option input[type=radio]{accent-color:#0284c7;cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.session-name{font-size:1rem;font-weight:600;margin-bottom:4px}.special-requests-section{margin-top:24px}.special-requests-textarea{border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:.9rem;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.special-requests-textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a;outline:none}.payment-methods-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.payment-method-card{border:2px solid #e2e8f0;border-radius:16px;padding:16px;text-align:center}.payment-method-icon{font-size:2rem;margin-bottom:8px}.payment-method-card h4{font-size:.9rem;font-weight:600;margin:0 0 4px}.payment-method-card p{color:#64748b;font-size:.7rem;margin:0}.downpayment-highlight{font-size:1.2rem}.payment-info-note{align-items:center;background:#e0f2fe;display:flex;gap:10px;padding:12px}.payment-type-section{margin:24px 0}.payment-type-section .section-subtitle{color:#1e293b;font-size:.95rem;font-weight:600;margin-bottom:16px}.payment-type-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.payment-type-card{align-items:flex-start;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;padding:16px;transition:all .2s ease}.payment-type-card:hover{background:#f0f9ff;border-color:#0284c7}.payment-type-card input[type=radio]{accent-color:#0284c7;cursor:pointer;height:18px;margin-right:12px;margin-top:2px;width:18px}.payment-type-card input[type=radio]:checked{accent-color:#0284c7}.payment-type-card input[type=radio]:checked+.payment-type-info{color:#0284c7}.payment-type-card.payment-type-card input[type=radio]:checked~*{border-color:#0284c7}.payment-type-card:has(input:checked){background:#f0f9ff;border-color:#0284c7}.payment-type-info{flex:1 1}.payment-type-name{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:4px}.payment-type-desc{color:#64748b;font-size:.8rem;margin-bottom:8px}.payment-type-amount{color:#0284c7;font-size:1.1rem;font-weight:700}.review-section{background:#f8fafc;border-radius:16px;margin-bottom:20px;padding:20px}.review-section h3{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.review-item{font-size:.85rem;padding:8px 0}.review-item span:first-child{color:#64748b}.terms-checkbox{background:#f8fafc;border-radius:12px;margin:20px 0;padding:16px}.terms-checkbox input{cursor:pointer;height:18px;width:18px}.form-navigation{border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;margin-top:32px;padding-top:24px}.btn-next,.btn-prev,.btn-submit{align-items:center;border-radius:40px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s ease}.btn-prev{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.btn-prev:hover{background:#e2e8f0}.btn-next,.btn-submit{background:#0284c7;border:none;color:#fff}.btn-next:hover,.btn-submit:hover{background:#0369a1;transform:translateY(-2px)}.btn-submit:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:20px;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.5rem}.modal-body{max-height:60vh;overflow-y:auto;padding:24px}.modal-footer{gap:12px}.session-price{color:#0284c7;font-size:.9rem;font-weight:700;white-space:nowrap}.addons-section{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.addons-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.addon-option{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease}.addon-option:hover{background:#f0f9ff;border-color:#0284c7}.addon-option input[type=checkbox]{accent-color:#0284c7;cursor:pointer;height:18px;width:18px}.addon-info{align-items:center;display:flex;justify-content:space-between}.addon-name{font-size:.9rem;font-weight:500}.addon-price{color:#0284c7;font-size:.85rem;font-weight:600}.payment-step{margin-top:0}.payment-methods-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:20px 0}.payment-method-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease}.payment-method-card.selected,.payment-method-card:hover{background:#f0f9ff;border-color:#0284c7}.payment-method-card input[type=radio]{accent-color:#0284c7;cursor:pointer;height:18px;width:18px}.payment-method-info{flex:1 1}.payment-method-name{color:#1e293b;font-size:.9rem;font-weight:600;margin-bottom:2px}.payment-method-desc{color:#64748b;font-size:.7rem}.payment-summary-card{background:#f8fafc;border-radius:16px;margin:20px 0;padding:20px}.payment-summary-row{border-bottom:1px solid #e2e8f0;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 0}.payment-summary-row:last-child{border-bottom:none}.payment-summary-row.highlight{background:#f0f9ff;border-bottom:none;margin:0 -20px;padding:12px 20px}.downpayment-highlight{color:#0284c7;font-size:1.1rem;font-weight:700}.payment-info-note{background:#f0f9ff;border-radius:12px;color:#0369a1;font-size:.8rem;margin-top:16px;padding:12px 16px}.payment-upload-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:24px;padding:20px}.upload-title{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 4px}.upload-subtitle{color:#64748b;font-size:.8rem;margin:0 0 16px}.bank-details{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px}.bank-details p{color:#475569;font-size:.85rem;margin:4px 0}.upload-group label{color:#1e293b;display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.upload-group input{border:1px solid #e2e8f0;border-radius:12px;font-size:.85rem;padding:10px;width:100%}.qr-code-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin-top:24px;padding:24px}.qr-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 4px}.qr-subtitle{color:#64748b;font-size:.85rem;margin:0 0 20px}.qr-code-container{display:flex;justify-content:center;margin-bottom:8px}.qr-code-wrapper{border-radius:16px;box-shadow:0 2px 12px #00000014;cursor:zoom-in;display:inline-flex;overflow:hidden;position:relative}.qr-code-image{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:block;height:250px;object-fit:contain;padding:16px;transition:transform .2s ease;width:250px}.qr-code-wrapper:hover .qr-code-image{transform:scale(1.03)}.qr-code-overlay{align-items:center;background:#0000;border-radius:16px;color:#fff;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .2s ease}.qr-code-wrapper:hover .qr-code-overlay{background:#0006;opacity:1}.qr-zoom-icon{font-size:26px}.qr-enlarge-hint{color:#94a3b8;font-size:.78rem;margin:0 0 16px;text-align:center}.qr-lightbox{align-items:center;animation:qrFadeIn .2s ease;background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}@keyframes qrFadeIn{0%{opacity:0}to{opacity:1}}.qr-lightbox-inner{align-items:center;display:flex;flex-direction:column;gap:16px;position:relative}.qr-lightbox-label{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin:0}.qr-lightbox-image{background:#fff;border-radius:16px;box-shadow:0 8px 40px #00000080;height:min(85vw,420px);object-fit:contain;padding:20px;width:min(85vw,420px)}.qr-lightbox-close{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:-16px;top:-16px;transition:background .2s;width:36px}.qr-instructions{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px 20px}.qr-instructions p{color:#475569;font-size:.85rem;margin:8px 0}.qr-instructions p strong{color:#0284c7}.upload-input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:.85rem;padding:10px;width:100%}.uploaded-file-info{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;color:#15803d;display:flex;font-size:.85rem;justify-content:space-between;margin-top:12px;padding:10px 12px}.remove-file-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.1rem;padding:4px}.upload-section{margin-top:16px}.upload-label{color:#1e293b;display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.upload-button-wrapper{align-items:center;display:flex}.upload-icon-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:40px;color:#475569;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.upload-icon-btn:hover{background:#f1f5f9;border-color:#0284c7;color:#0284c7}.upload-icon-btn i{font-size:1rem}.hidden-file-input{display:none}.image-preview-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;max-width:200px;overflow:hidden}.image-preview-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;padding:10px 12px}.image-preview-header i{color:#0284c7;font-size:.9rem}.image-preview-header span{color:#1e293b;flex:1 1;font-size:.75rem;font-weight:500}.image-preview-header .remove-file-btn{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;padding:2px 6px;transition:all .2s ease}.image-preview-header .remove-file-btn:hover{background:#fee2e2}.image-preview{background:#f8fafc;display:flex;justify-content:center;padding:12px}.image-preview img{border-radius:6px;max-height:120px;max-width:100%}.review-step{width:100%}.review-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:24px 0}.review-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.review-card h4{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 16px;padding-bottom:12px}.review-card.full-width{grid-column:1/-1}.review-item{border-bottom:1px solid #f1f5f9;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 0}.review-item:last-child{border-bottom:none}.review-item span{color:#64748b}.review-item strong{color:#1e293b;font-weight:600}.review-item.total{border-top:1px solid #e2e8f0;font-weight:700;margin-top:8px;padding-top:12px}.review-item.total strong{color:#0284c7;font-size:1rem}.review-item.downpayment{background:#f0f9ff;border-radius:8px;margin:0 -20px;padding:12px 20px}.review-item.downpayment strong{color:#0284c7}.special-request-text{color:#475569;font-size:.85rem;line-height:1.5;margin:0;padding:8px 0}.terms-section{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px}.terms-checkbox{align-items:center;display:flex;gap:12px}.terms-checkbox input[type=checkbox]{accent-color:#0284c7;cursor:pointer;height:18px;width:18px}.terms-checkbox label{color:#1e293b;cursor:pointer;font-size:.85rem}.terms-link{background:none;border:none;color:#0284c7;cursor:pointer;font-size:.85rem;font-weight:600;padding:0;text-decoration:underline}.terms-link:hover{color:#0369a1}.terms-modal{max-width:600px}.terms-modal-body{max-height:70vh}.terms-content h4{color:#1e293b;font-size:1rem;font-weight:600;margin:20px 0 8px}.terms-content h4:first-child{margin-top:0}.terms-content p{color:#475569;font-size:.85rem;line-height:1.5;margin:0 0 12px}.modal-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:16px 24px}.modal-close-btn{background:#0284c7;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 24px;transition:all .3s ease}.modal-close-btn:hover{background:#0369a1}.success-modal{animation:slideUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;text-align:center;width:90%}.success-icon-wrapper{display:flex;justify-content:center;margin-bottom:20px}.success-icon{height:80px;width:80px}.success-icon i{color:#22c55e;font-size:48px}.success-title{color:#1e293b;font-size:1.8rem;font-weight:700;margin:0 0 8px}.success-message{color:#64748b;font-size:.9rem;margin:0 0 24px}.booking-details-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:20px;text-align:left}.booking-details-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;margin-bottom:12px;padding-bottom:12px}.booking-details-header i{color:#0284c7;font-size:1rem}.booking-details-header span{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.booking-id{background:#e0f2fe;border-radius:8px;color:#0284c7;font-family:monospace;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:16px;padding:8px;text-align:center}.booking-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.detail-item{align-items:center;border-bottom:1px solid #e2e8f0;padding:6px 0}.detail-label{color:#64748b}.detail-value{color:#1e293b;font-weight:600}.important-notes{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:12px;margin-bottom:24px;padding:16px;text-align:left}.notes-title{align-items:center;color:#92400e;display:flex;font-size:.85rem;font-weight:600;gap:8px;margin:0 0 8px}.important-notes ul{margin:0;padding-left:20px}.important-notes li{color:#78350f;font-size:.8rem;margin:6px 0}.success-modal-actions{display:flex;gap:12px;justify-content:center}.btn-secondary{background:#f1f5f9;flex:1 1;font-size:.85rem;font-weight:600;justify-content:center;padding:12px 16px;transition:all .3s ease}.btn-secondary:hover{background:#e2e8f0}.btn-primary{align-items:center;border:none;cursor:pointer;display:inline-flex;flex:1 1;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px}@media (max-width:640px){.success-modal{padding:24px}.success-title{font-size:1.5rem}.booking-details-grid{gap:8px;grid-template-columns:1fr}.success-modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:768px){.review-grid{gap:16px;grid-template-columns:1fr}.review-card{padding:16px}.review-item.downpayment{margin:0 -16px;padding:10px 16px}}.info-note{align-items:center;background:#e0f2fe;border-radius:12px;color:#0369a1;display:flex;font-size:.8rem;gap:12px;margin-top:20px;padding:12px 16px}.info-note i{flex-shrink:0;font-size:1rem}.info-note p{margin:0}.readonly-input{background:#f8fafc!important;border-color:#e2e8f0!important;color:#1e293b!important;cursor:not-allowed}.input-wrapper.read-only{opacity:.9}.info-note.warning{align-items:flex-start;background:linear-gradient(135deg,#fff9e6,#fff3cd);border-left:4px solid #ff9800;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;margin-bottom:28px;padding:20px}.info-note.warning i{color:#ff9800;font-size:24px;margin-top:2px}.info-note.warning .warning-content{flex:1 1}.info-note.warning .warning-content strong{color:#856404;display:block;font-size:16px;margin-bottom:6px}.info-note.warning .warning-content p{color:#856404;font-size:14px;margin:0 0 12px}.edit-profile-link{align-items:center;background-color:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.edit-profile-link:hover{background-color:#f57c00;box-shadow:0 2px 8px #ff98004d;color:#fff;text-decoration:none;transform:translateY(-1px)}.edit-profile-link i{color:#fff;font-size:14px;margin:0}.read-only{color:#475569!important;cursor:default;font-style:italic;opacity:.85}.read-only,.read-only:hover{background-color:#f8fafc!important;border-color:#e2e8f0!important}.read-only:focus{border-color:#e2e8f0!important;box-shadow:none!important;outline:none}.info-note.subtle{align-items:center;background:#f0f9ff;border-radius:10px;color:#0369a1;display:flex;font-size:.8rem;gap:10px;margin-bottom:24px;padding:10px 16px}.info-note.subtle i{color:#0284c7;flex-shrink:0;font-size:14px}.info-note.subtle p{margin:0}.readonly-display{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:default;display:flex;font-size:.9rem;font-style:italic;min-height:42px;padding:10px 14px 10px 40px;width:100%}.input-wrapper .input-icon{color:#94a3b8;font-size:16px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.session-price-container{min-width:100px;text-align:right}.session-price{font-size:.85rem;font-weight:600}.price-row{font-size:.75rem;line-height:1.4}.price-row.weekday{color:#22c55e}.price-row.weekend{color:#f59e0b}@media (max-width:768px){.session-price-container{min-width:80px}.price-row{font-size:.7rem}.info-note.warning{flex-direction:column}.edit-profile-link{justify-content:center;width:100%}}.confirm-section{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px}.confirm-info-btn{background:#0284c7;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 32px;transition:all .3s ease}.confirm-info-btn:hover{background:#0369a1;transform:translateY(-2px)}.confirm-error{color:#dc2626;display:block;margin-top:16px;text-align:center}.btn-next.disabled,.btn-next:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6;transform:none}.react-calendar__tile.disabled-date,.react-calendar__tile:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.react-calendar__tile.disabled-date:hover,.react-calendar__tile:disabled:hover{background-color:#f3f4f6;cursor:not-allowed}.react-calendar__tile--now.disabled-date{background-color:#e5e7eb;color:#9ca3af}@media (max-width:640px){.upload-icon-btn{font-size:.8rem;padding:8px 16px}.image-preview img{max-height:200px}.qr-code-image{height:200px;width:200px}.qr-lightbox-image{height:min(90vw,320px);width:min(90vw,320px)}.qr-instructions p{font-size:.8rem}.addons-grid,.payment-methods-grid{grid-template-columns:1fr}.addon-option,.payment-method-card{padding:12px}.session-price{font-size:.75rem}}@media (max-width:1024px){.booking-container{grid-template-columns:1fr}.booking-summary{position:static}}@media (max-width:768px){.booking-hero{padding:40px 20px}.booking-hero-content h1{font-size:1.8rem}.booking-form-wrapper{padding:20px}.guest-info-grid{gap:0}.date-step-layout,.date-step-layout.bottom-section,.guest-info-grid{grid-template-columns:1fr}.calendar-container.landscape{min-height:400px}.info-wrapper .selected-info{flex-direction:row;gap:12px}.info-wrapper .info-card{flex:1 1}.payment-methods-grid{grid-template-columns:1fr}.selected-info,.step-header{flex-direction:column}.step-header{text-align:center}.step-card{padding:20px}.form-navigation{flex-direction:column-reverse}.btn-next,.btn-prev,.btn-submit{justify-content:center;width:100%}.step-label span{display:none}.session-option{padding:12px 16px}.session-name{font-size:.9rem}.session-time{font-size:.75rem}}.lrm-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.lrm-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.lrm-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.lrm-header h3{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0}.lrm-close{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:1.2rem;line-height:1;padding:4px 8px}.lrm-close:hover{background:#f1f5f9;color:#475569}.lrm-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.lrm-booking-info{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;display:flex;gap:12px;padding:12px 16px}.lrm-booking-ref{color:#0284c7;font-size:.9rem;font-weight:700}.lrm-booking-detail{color:#475569;font-size:.85rem}.lrm-field{display:flex;flex-direction:column;gap:8px}.lrm-label{color:#374151;font-size:.875rem;font-weight:600}.star-picker{display:flex;gap:6px}.star-btn{background:none;border:none;color:#d1d5db;cursor:pointer;font-size:2rem;line-height:1;padding:0;transition:color .1s ease,transform .1s ease}.star-btn.active,.star-btn:hover{color:#f59e0b;transform:scale(1.15)}.lrm-star-label{color:#f59e0b;font-size:.85rem;font-weight:600}.lrm-textarea{border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.9rem;line-height:1.5;padding:12px 14px;resize:vertical;transition:border-color .2s;width:100%}.lrm-textarea:focus{border-color:#0284c7;outline:none}.lrm-charcount{color:#94a3b8;font-size:.75rem;text-align:right}.lrm-charcount.warning{color:#f59e0b}.lrm-media-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.lrm-thumb{border-radius:10px;height:72px;overflow:hidden;position:relative;width:72px}.lrm-thumb img{height:100%;object-fit:cover;width:100%}.lrm-thumb-remove{background:#0009;border:none;border-radius:50%;color:#fff;font-size:.65rem;height:18px;line-height:1;position:absolute;right:2px;top:2px;width:18px}.lrm-thumb-remove,.lrm-upload-btn{align-items:center;cursor:pointer;display:flex;justify-content:center}.lrm-upload-btn{border:2px dashed #cbd5e1;border-radius:10px;color:#94a3b8;font-size:.75rem;font-weight:500;height:72px;line-height:1.3;text-align:center;transition:border-color .2s,color .2s;width:72px}.lrm-upload-btn:hover{border-color:#0284c7;color:#0284c7}.lrm-video-preview{display:flex;flex-direction:column;gap:8px}.lrm-video{background:#000;border-radius:10px;max-height:160px;width:100%}.lrm-remove-video{align-self:flex-start;background:none;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.8rem;padding:5px 12px}.lrm-remove-video:hover{background:#fef2f2}.lrm-anon-row{align-items:center;flex-direction:row}.lrm-toggle-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:8px}.lrm-anon-hint{color:#94a3b8;font-size:.8rem}.lrm-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;padding:10px 14px}.lrm-footer{border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.lrm-btn-cancel{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:background .2s}.lrm-btn-cancel:hover:not(:disabled){background:#f8fafc}.lrm-btn-submit{background:#0284c7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px;transition:background .2s}.lrm-btn-submit:hover:not(:disabled){background:#0369a1}.lrm-btn-cancel:disabled,.lrm-btn-submit:disabled{cursor:not-allowed;opacity:.5}.my-bookings-page{overflow-x:hidden;width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.my-bookings-hero{background:linear-gradient(135deg,#0284c7,#0369a1);padding:60px 20px;text-align:center}.my-bookings-hero h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 12px}.my-bookings-hero p{color:#ffffffe6;font-size:1rem;margin:0}.my-bookings-content{background:#f8fafc;min-height:60vh;padding:60px 0}.alert{border-radius:12px;font-size:.9rem;margin-bottom:24px;padding:16px 20px}.alert-error{background:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.loading-state{padding:60px 20px;text-align:center}.loading-state p{color:#64748b;font-size:.9rem}.bookings-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.booking-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.booking-card:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-5px)}.booking-card-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 20px 16px}.booking-card-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 4px}.package-name{color:#64748b;font-size:.8rem;margin:0}.status-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;padding:4px 12px}.booking-card-body{flex:1 1;padding:16px 20px}.info-row{border-bottom:1px solid #f1f5f9;display:flex;font-size:.85rem;justify-content:space-between;padding:10px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#64748b}.info-row .value{color:#1e293b;font-weight:500}.booking-card-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px 20px}.btn-view{font-size:.75rem;gap:6px;padding:8px 12px}.btn-cancel{align-items:center;background:#0000;border:1px solid #fee2e2;border-radius:40px;color:#ef4444;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:500;gap:8px;justify-content:center;padding:10px 12px;transition:all .2s ease}.btn-cancel:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626;transform:translateY(-1px)}.btn-cancel-modal{align-items:center;background:#0000;border:1px solid #fee2e2;border-radius:40px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-cancel-modal:hover{background:#fef2f2;border-color:#fecaca}.btn-close-modal{background:#0000;border:1px solid #e2e8f0;border-radius:40px;color:#475569;cursor:pointer;font-size:.75rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-close-modal:hover{background:#f8fafc;border-color:#cbd5e1}.btn-danger{background:#ef4444;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:8px 20px;transition:all .2s ease}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-danger:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.btn-secondary{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:40px;color:#475569;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.btn-book-now{background:#0284c7;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 28px;transition:all .3s ease}.btn-book-now:hover{background:#0369a1;transform:translateY(-2px)}.empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:60px 20px;text-align:center}.empty-state i{color:#94a3b8;font-size:48px;margin-bottom:16px}.empty-state p{color:#64748b;font-size:1rem;margin:0 0 20px}.modal-overlay{bottom:0;left:0;right:0;top:0}.modal-overlay,.my-bookings-modal.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;justify-content:center;padding:20px;position:fixed;z-index:2000}.my-bookings-modal.modal-overlay{inset:0}.my-bookings-modal .modal-container{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:550px;overflow:hidden;width:90%}.my-bookings-modal .modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.my-bookings-modal .modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.my-bookings-modal .modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:color .2s}.my-bookings-modal .modal-close:hover{color:#1e293b}.my-bookings-modal .modal-body{box-sizing:border-box;flex:1 1;max-height:none;min-height:0;overflow-y:auto;padding:24px;width:100%}.my-bookings-modal .modal-footer{align-items:center;background:#fff;border-top:1px solid #e2e8f0;box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:16px 24px;width:100%}.my-bookings-modal .detail-section{display:block;margin-bottom:24px}.my-bookings-modal .detail-section h4{border-bottom:2px solid #0284c7;color:#1e293b;display:inline-block;font-size:.9rem;font-weight:600;margin:0 0 12px;padding-bottom:8px}.my-bookings-modal .detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.my-bookings-modal .detail-item{display:flex;flex-direction:column;gap:4px}.my-bookings-modal .detail-item .label{color:#64748b;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.my-bookings-modal .detail-item .value{color:#1e293b;font-size:.85rem;font-weight:500}.my-bookings-modal .special-request{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-size:.85rem;line-height:1.5;margin:0;padding:12px}@media (max-width:600px){.my-bookings-modal .modal-container{max-height:92vh;max-width:95%}.my-bookings-modal .modal-body{padding:20px}.my-bookings-modal .detail-grid{gap:12px;grid-template-columns:1fr}.my-bookings-modal .modal-footer{flex-direction:column;padding:12px 20px}}.cancel-modal{max-width:500px}.warning-box{align-items:flex-start;background:#fef3c7;border:1px solid #fde047;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.warning-box i{color:#f59e0b;font-size:20px}.warning-box p{color:#92400e;font-size:14px;margin:0}.cancel-options{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.cancel-option{border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .3s ease}.cancel-option:hover{background:#fef2f2;border-color:#ef4444}.cancel-option input[type=radio]{cursor:pointer;margin-top:2px}.cancel-option div{flex:1 1}.cancel-option strong{color:#1e293b;display:block;margin-bottom:4px}.cancel-option p{color:#64748b;font-size:12px;margin:0}.cancel-reason-input{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;width:100%}.cancel-reason-input:focus{border-color:#ef4444;outline:none}.proof-upload{margin-top:8px}.proof-help-text{margin:4px 0 10px}.proof-file-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.75rem;padding:8px;width:100%}.proof-file-input:hover{border-color:#0284c7}.proof-preview{background:#f8fafc;border-radius:8px;margin-top:10px;padding:10px;text-align:center}.proof-preview img{border-radius:6px;margin-bottom:6px;max-height:120px;max-width:100%}.remove-proof-btn{align-items:center;background:#fee2e2;border:none;border-radius:20px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:.7rem;gap:4px;padding:4px 10px}.proof-upload{margin-top:16px}.proof-help-text{color:#64748b;font-size:.7rem;margin:4px 0 12px}.proof-file-input-hidden{display:none}.proof-upload-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:40px;color:#475569;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.proof-upload-btn:hover{background:#f8fafc;border-color:#0284c7;color:#0284c7}.proof-upload-btn i{font-size:.85rem}.proof-file-name{align-items:center;background:#f8fafc;border-radius:40px;color:#1e293b;display:inline-flex;font-size:.7rem;gap:8px;margin-top:10px;padding:6px 12px}.proof-file-name i{color:#10b981;font-size:.7rem}.remove-proof-icon{background:#0000;border:none;border-radius:20px;color:#ef4444;cursor:pointer;font-size:.7rem;padding:2px 6px;transition:all .2s ease}.remove-proof-icon:hover{background:#fee2e2}.proof-preview-mini{display:inline-block;margin-top:10px}.proof-preview-mini img{border:1px solid #e2e8f0;border-radius:8px;height:60px;object-fit:cover;transition:all .2s ease;width:60px}.proof-preview-mini img:hover{box-shadow:0 4px 12px #0000001a;transform:scale(1.05)}.remove-proof-btn:hover{background:#fecaca}.btn-danger,.btn-primary{align-items:center;background:#0284c7;border:none;border-radius:40px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease}.btn-danger:hover:not(:disabled),.btn-primary:hover{background:#0369a1;transform:translateY(-1px)}.btn-view{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:40px;color:#475569;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:500;gap:8px;justify-content:center;padding:10px 12px;transition:all .2s ease}.btn-view:hover{background:#f8fafc;border-color:#0284c7;color:#0284c7;transform:translateY(-1px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.my-bookings-hero{padding:40px 20px}.my-bookings-hero h1{font-size:1.8rem}.my-bookings-content{padding:40px 0}.bookings-grid{gap:20px;grid-template-columns:1fr}.booking-card-footer{flex-direction:column}.btn-cancel,.btn-view{width:100%}.detail-grid{gap:12px;grid-template-columns:1fr}.btn-cancel-modal,.btn-close-modal,.btn-danger,.btn-secondary{margin:4px 0;width:100%}.cancel-option{flex-direction:column}}.btn-leave-review{background:#0284c7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:background .2s}.btn-leave-review:hover{background:#0369a1}.btn-reviewed{align-items:center;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:8px;color:#16a34a;display:inline-flex;font-size:.85rem;font-weight:600;padding:8px 14px}.profile-page{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh;width:100%}.profile-container{background:#f8fafc;flex:1 1;padding:60px 20px}.profile-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px #00000012;margin:0 auto;max-width:600px;padding:40px}.profile-header{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px;text-align:center}.profile-header h1{align-items:center;color:#1e293b;display:flex;font-size:1.8rem;font-weight:700;gap:12px;justify-content:center;margin:0 0 8px}.profile-header h1 i{color:#0284c7;font-size:2.2rem}.profile-header p{color:#64748b;font-size:.95rem;margin:0}.message-alert{align-items:center;animation:slideDown .3s ease;border-radius:12px;display:flex;font-size:.95rem;gap:12px;margin-bottom:24px;padding:16px 20px}.message-alert.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.message-alert.success i{color:#10b981}.message-alert.error{background:#fee2e2;border:1px solid #fca5a5;color:#7f1d1d}.message-alert.error i{color:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-form{gap:32px}.form-section,.profile-form{display:flex;flex-direction:column}.form-section{gap:20px}.form-section h2{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin:0 0 12px}.form-section .optional{color:#94a3b8;font-size:.8rem;font-weight:400}.section-hint{color:#64748b;font-size:.85rem;margin:-16px 0 8px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem}.required{color:#ef4444}.optional-label{color:#94a3b8;font-size:.78rem;font-weight:400}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper i{color:#64748b;left:14px;pointer-events:none;position:absolute}.form-group input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:.95rem;padding:12px 14px 12px 42px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a;outline:none}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group input::placeholder{color:#cbd5e1}.error-message{color:#ef4444!important;font-size:.75rem}.error-message,.input-hint{display:block;margin-top:4px}.input-hint{color:#6b7280;font-size:.7rem}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.btn-cancel:hover{background:#e2e8f0;color:#475569}.btn-cancel:active{transform:scale(.98)}.btn-save{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;flex:1 1;justify-content:center}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #0284c766;transform:translateY(-2px)}.btn-save:active:not(:disabled){transform:translateY(0)}.btn-save:disabled{cursor:not-allowed;opacity:.7}.btn-save i{font-size:1rem}@media (max-width:640px){.profile-container{padding:40px 16px}.profile-wrapper{border-radius:16px;padding:24px}.profile-header h1{font-size:1.5rem}.profile-Header h1 i{font-size:1.8rem}.form-section h2{font-size:1rem}.form-actions{flex-direction:column-reverse;gap:8px}.btn-cancel,.btn-save{justify-content:center;width:100%}.message-alert{font-size:.9rem;padding:12px 16px}}.verify-page{align-items:center;background:#f8fafc;display:flex;justify-content:center;min-height:60vh;padding:60px 20px}.verify-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:500px;padding:48px 32px;text-align:center}.spinner{height:48px;margin:0 auto 20px;width:48px}.success-icon{background:#f0fdf4;color:#22c55e}.error-icon,.success-icon{align-items:center;border-radius:50%;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.error-icon{background:#fee2e2;color:#ef4444}.verify-card h2{color:#1e293b;font-size:1.5rem;margin:0 0 12px}.verify-card p{color:#64748b;font-size:.9rem;margin:0 0 24px}.btn-primary{background:#0284c7;border-radius:40px;color:#fff;display:inline-block;font-weight:500;padding:12px 32px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background:#0369a1;transform:translateY(-2px)}.pkg-uploader{display:flex;flex-direction:column;gap:16px}.pkg-dropzone{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;overflow:hidden;padding:16px 20px;position:relative;text-align:center;transition:all .2s ease}.pkg-dropzone:hover:not(.at-limit){background:#f0f9ff;border-color:#0284c7}.pkg-dropzone.drag-over{background:#e0f2fe;border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a;transform:scale(1.01)}.pkg-dropzone.at-limit{cursor:not-allowed;opacity:.6}.dropzone-icon{color:#94a3b8;height:32px;margin:0 auto 6px;width:32px}.dropzone-icon svg{height:100%;width:100%}.dropzone-primary{color:#334155;font-size:.8rem;margin:0 0 2px}.dropzone-secondary{color:#64748b;font-size:.7rem;margin:0 0 4px}.dropzone-link{color:#0284c7;cursor:pointer;text-decoration:underline}.dropzone-hint{color:#94a3b8;font-size:.65rem;margin:0}.dropzone-limit{color:#94a3b8;font-size:.8rem;margin:0}.pkg-upload-progress{align-items:center;display:flex;flex-direction:column;gap:8px}.progress-ring{height:48px;position:relative;width:48px}.progress-ring svg{height:100%;transform:rotate(-90deg);width:100%}.progress-ring circle{fill:none;stroke:#e2e8f0;stroke-width:4;stroke-dasharray:113px}.progress-ring circle:last-child{stroke:#0284c7;stroke-dashoffset:113px;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.progress-ring span{align-items:center;color:#0284c7;display:flex;font-size:.7rem;font-weight:700;inset:0;justify-content:center;position:absolute;transform:none}.pkg-upload-progress p{color:#64748b;font-size:.75rem;margin:0}.pkg-gallery{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.pkg-gallery-header{margin-bottom:10px}.gallery-label{color:#94a3b8;font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.pkg-thumbs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.pkg-thumb{aspect-ratio:1;background:#e2e8f0;border:2px solid #0000;border-radius:8px;cursor:grab;overflow:hidden;position:relative;transition:all .2s ease}.pkg-thumb:active{cursor:grabbing}.pkg-thumb img{display:block;height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.pkg-thumb:hover img{transform:scale(1.05)}.pkg-thumb.primary{border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}.pkg-thumb.dragging{opacity:.4;transform:scale(.95)}.pkg-thumb.drop-target{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e94d}.primary-badge{background:#0284c7;border-radius:12px;color:#fff;font-size:.55rem;font-weight:700;left:4px;letter-spacing:.05em;padding:2px 5px;pointer-events:none;position:absolute;text-transform:uppercase;top:4px}.thumb-actions{align-items:center;background:#00000080;display:flex;gap:6px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.pkg-thumb:hover .thumb-actions{opacity:1}.thumb-delete,.thumb-view{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .15s ease;width:26px}.thumb-delete{background:#ef4444;color:#fff}.thumb-delete:hover{background:#dc2626;transform:scale(1.1)}.thumb-view{background:#fff;color:#334155}.thumb-view:hover{transform:scale(1.1)}.thumb-delete svg,.thumb-view svg{height:12px;width:12px}.thumb-drag-handle{bottom:2px;color:#fffc;opacity:0;pointer-events:none;position:absolute;right:2px;transition:opacity .2s}.pkg-thumb:hover .thumb-drag-handle{opacity:1}.thumb-drag-handle svg{height:12px;width:12px}.pkg-thumb.add-more{align-items:center;background:#0000;border:2px dashed #cbd5e1;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;transition:all .2s ease}.pkg-thumb.add-more:hover{background:#f0f9ff;border-color:#0284c7;color:#0284c7}.pkg-thumb.add-more svg{color:#94a3b8;height:20px;width:20px}.pkg-thumb.add-more:hover svg{color:#0284c7}.pkg-thumb.add-more span{color:#94a3b8;font-size:.65rem;font-weight:500}.pkg-thumb.add-more:hover span{color:#0284c7}.pkg-lightbox{align-items:center;animation:lbFadeIn .2s ease;background:#000000eb;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-inner{align-items:center;display:flex;flex-direction:column;gap:12px;max-width:900px;position:relative;width:100%}.lightbox-inner>img{border-radius:8px;box-shadow:0 20px 40px #00000080;max-height:70vh;max-width:100%;object-fit:contain}.lb-close{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:-12px;top:-12px;transition:background .15s;width:36px;z-index:2}.lb-close:hover{background:#ffffff40}.lb-close svg{height:16px;width:16px}.lb-nav{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s;width:40px;z-index:2}.lb-nav:hover{background:#ffffff4d}.lb-nav svg{height:20px;width:20px}.lb-prev{left:-50px}.lb-next{right:-50px}.lb-counter{color:#ffffffb3;font-size:.75rem}.lb-thumbs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:500px}.lb-thumbs img{border:2px solid #0000;border-radius:6px;cursor:pointer;height:45px;object-fit:cover;opacity:.6;transition:all .15s;width:45px}.lb-thumbs img.active,.lb-thumbs img:hover{border-color:#0284c7;opacity:1}@media (max-width:640px){.pkg-thumbs{gap:6px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.dropzone-primary{font-size:.7rem}.dropzone-secondary{font-size:.65rem}.lb-prev{left:-30px}.lb-next{right:-30px}.lb-nav{height:32px;width:32px}.lb-nav svg{height:16px;width:16px}}.package-hero{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;padding:60px 20px;text-align:center}.package-hero-content h1{font-size:2.5rem;margin:0 0 12px}.package-hero-content p{font-size:1rem;opacity:.9}.package-container{margin:0 auto;max-width:1400px;padding:40px 20px}.oasis-selector{border-bottom:2px solid #e2e8f0;display:flex;gap:16px;margin-bottom:32px;padding-bottom:16px}.oasis-tab{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.oasis-tab i{margin-right:8px}.oasis-tab:hover{background:#f0f9ff;color:#0284c7}.oasis-tab.active{background:#e0f2fe;color:#0284c7}.package-actions-bar{display:flex;justify-content:flex-end;margin-bottom:32px}.btn-add-package{align-items:center;background:#0284c7;border:none;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn-add-package:hover{background:#0369a1;transform:translateY(-2px)}.packages-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.package-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;transition:all .3s ease}.package-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.package-card.inactive{background:#f8fafc;opacity:.6}.package-header{align-items:center;background:linear-gradient(135deg,#0284c7,#0369a1);display:flex;justify-content:space-between;padding:16px 20px}.package-badge{background:#fff3;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px}.package-actions{display:flex;gap:8px}.btn-icon{background:#fff3;border:none;color:#fff}.package-name{color:#1e293b;font-size:1.25rem;font-weight:700;margin:16px 20px 8px}.package-description{color:#64748b;font-size:.85rem;line-height:1.4;margin:0 20px 16px}.package-details{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;padding:12px 20px}.detail-item{padding:4px 0}.package-pricing-preview{background:#f0f9ff;padding:16px 20px;text-align:center}.pricing-preview-title{color:#64748b;font-size:.7rem;letter-spacing:1px;text-transform:uppercase}.pricing-preview-amount{color:#0284c7;font-size:1.5rem;font-weight:700}.pricing-preview-note{color:#64748b;font-size:.7rem}.package-modal{max-height:90vh;max-width:800px;overflow-y:auto}.form-section{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:24px}.form-section h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 16px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{margin-bottom:16px}.form-group label{color:#1e293b;display:block;font-size:.8rem;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a;outline:none}.pricing-table{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.pricing-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.pricing-header,.pricing-row{display:grid;grid-template-columns:100px 1fr 1fr}.pricing-row{border-bottom:1px solid #f1f5f9}.pricing-row:last-child{border-bottom:none}.pricing-cell{font-size:.85rem;padding:12px}.pricing-cell input{border:1px solid #e2e8f0;border-radius:6px;padding:6px 8px;width:100%}.inclusions-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.inclusion-tag{align-items:center;background:#e0f2fe;border-radius:20px;color:#0284c7;display:flex;font-size:.75rem;gap:6px;padding:4px 8px 4px 12px}.inclusion-tag button{background:none;border:none;color:#64748b;cursor:pointer;font-size:10px}.inclusion-tag button:hover{color:#ef4444}.add-inclusion{display:flex;gap:8px}.add-inclusion input{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;padding:8px 12px}.add-inclusion button{background:#0284c7;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px}.checkbox-group{gap:24px}.package-image{height:180px;overflow:hidden;width:100%}.package-image img{height:100%;object-fit:cover;width:100%}.image-upload-container{margin-top:8px}.image-upload-area{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;cursor:pointer;padding:24px;text-align:center;transition:all .2s}.image-upload-area:hover{background:#f0f9ff;border-color:#0284c7}.image-upload-label{align-items:center;color:#64748b;cursor:pointer;display:flex;flex-direction:column;gap:8px}.image-upload-label i{color:#0284c7;font-size:32px}.image-hint{color:#94a3b8;font-size:11px;margin-top:8px}.image-preview{border:1px solid #e2e8f0;border-radius:12px;display:inline-block;overflow:hidden;position:relative}.image-preview img{max-height:200px;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#ef4444;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 12px;position:absolute;right:8px;top:8px}.remove-image-btn:hover{background:#dc2626}.pkg-dropzone{padding:20px 24px!important}.pkg-thumbs{gap:8px!important;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important}.package-modal .modal-body{max-height:70vh;overflow-y:auto}@media (max-width:768px){.packages-grid{grid-template-columns:1fr}.pricing-header,.pricing-row{grid-template-columns:80px 1fr 1fr}.form-row{grid-template-columns:1fr}.oasis-selector{flex-wrap:wrap}.oasis-selector,.package-actions-bar{justify-content:center}}.addon-hero{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;padding:60px 20px;text-align:center}.addon-hero-content h1{font-size:2.5rem;margin:0 0 12px}.addon-hero-content p{font-size:1rem;opacity:.9}.addon-container{margin:0 auto;max-width:1200px;padding:40px 20px}.addon-actions-bar{display:flex;justify-content:flex-end;margin-bottom:32px}.btn-add-addon{align-items:center;background:#0284c7;border:none;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn-add-addon:hover{background:#0369a1;transform:translateY(-2px)}.addons-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.addon-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;transition:all .3s ease}.addon-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.addon-card.inactive{background:#f8fafc;opacity:.6}.addon-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;gap:16px;padding:16px 20px}.addon-header,.addon-icon{align-items:center;display:flex}.addon-icon{background:#e0f2fe;border-radius:12px;color:#0284c7;font-size:24px;height:48px;justify-content:center;width:48px}.addon-info{flex:1 1}.addon-name{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 4px}.addon-description{color:#64748b;font-size:.8rem;margin:0}.addon-actions{display:flex;gap:8px}.addon-details{padding:16px 20px}.detail-item .value.price{color:#0284c7;font-size:1rem}.addon-modal{max-width:500px}.addon-form .form-group{margin-bottom:20px}.addon-form .form-group label{color:#1e293b;display:block;font-size:.8rem;font-weight:600;margin-bottom:6px}.addon-form .form-group input,.addon-form .form-group select,.addon-form .form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:10px 12px;width:100%}.checkbox-group{display:flex;flex-wrap:wrap;gap:16px}@media (max-width:768px){.addons-grid{grid-template-columns:1fr}.addon-header{flex-wrap:wrap}.addon-actions-bar{justify-content:center}}.session-hero{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;padding:60px 20px;text-align:center}.session-hero-content h1{font-size:2.5rem;margin:0 0 12px}.session-hero-content p{font-size:1rem;opacity:.9}.session-container{margin:0 auto;max-width:1000px;padding:40px 20px}.session-actions-bar{display:flex;justify-content:flex-end;margin-bottom:32px}.btn-add-session{align-items:center;background:#0284c7;border:none;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn-add-session:hover{background:#0369a1;transform:translateY(-2px)}.sessions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.session-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;transition:all .3s ease}.session-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.session-card.inactive{background:#f8fafc;opacity:.6}.session-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;gap:16px;padding:16px 20px}.session-header,.session-icon{align-items:center;display:flex}.session-icon{background:#e0f2fe;border-radius:12px;color:#0284c7;font-size:24px;height:48px;justify-content:center;width:48px}.session-info{flex:1 1}.session-name{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 4px}.session-time{color:#64748b;font-size:.8rem;margin:0}.session-actions{display:flex;gap:8px}.btn-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon i{font-size:14px}.btn-icon.edit:hover{background:#f59e0b;border-color:#f59e0b;color:#fff}.btn-icon.delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}.session-details{padding:16px 20px}.detail-item{border-bottom:1px solid #f1f5f9;display:flex;font-size:.85rem;justify-content:space-between;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-item .label{color:#64748b}.detail-item .value{color:#1e293b;font-weight:500}.detail-item .value.price{color:#f59e0b;font-weight:700}.status-badge.active{background:#d1fae5;color:#10b981}.status-badge.active,.status-badge.inactive{border-radius:20px;font-size:.7rem;padding:2px 8px}.status-badge.inactive{background:#fee2e2;color:#ef4444}.session-modal{max-width:500px}.session-form .form-group{margin-bottom:20px}.session-form .form-group label{color:#1e293b;display:block;font-size:.8rem;font-weight:600;margin-bottom:6px}.session-form .form-group input,.session-form .form-group select,.session-form .form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:10px 12px;width:100%}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.85rem;gap:8px}.checkbox-label input{cursor:pointer;height:18px;width:18px}.loading-spinner{color:#64748b;padding:60px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0284c7;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.sessions-grid{grid-template-columns:1fr}.session-actions-bar{justify-content:center}.form-row{grid-template-columns:1fr}}.unified-management-container{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;width:100%}.management-tabs{background-color:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;gap:0;padding:0}.tab-button{align-items:center;background-color:initial;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:16px 20px;position:relative;transition:all .3s ease}.tab-button i{font-size:16px}.tab-button:hover{background-color:#f9f9f9;color:#333}.tab-button.active{background-color:#f0f9ff;border-bottom-color:#0284c7;color:#0284c7}.tab-button.active i{color:#0284c7}.management-content{background-color:#f5f5f5;flex:1 1;padding:20px}@media (max-width:768px){.management-tabs{overflow-x:auto;overflow-y:hidden}.tab-button{flex-shrink:0;white-space:nowrap}.tab-button i{display:none}.management-content{padding:15px}}@media (max-width:480px){.tab-button{font-size:13px;padding:12px 15px}.management-content{padding:10px}}
/*# sourceMappingURL=main.53581226.css.map*/