@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}:root{--warm-charcoal: #292524;--warm-charcoal-light: #44403c;--warm-charcoal-dark: #1c1917;--cream: #faf9f7;--cream-dark: #f5f3f0;--cream-darker: #e7e5e4;--warm-text: #44403c;--warm-text-muted: #78716c;--warm-text-light: #a8a29e;--warm-border: #d6d3d1;--accent-amber: #f59e0b;--accent-amber-light: #fcd34d;--accent-amber-dark: #d97706;--accent-amber-bg: #fffbeb;--accent-amber-hover: #fef3c7;--color-primary: #f59e0b;--color-primary-light: #fcd34d;--color-primary-dark: #d97706;--color-secondary: #78716c;--color-accent: #f59e0b;--success: #65a30d;--success-light: #84cc16;--success-dark: #3f6212;--success-bg: #ecfccb;--success-text: #365314;--warning: #d97706;--warning-bg: #fffbeb;--warning-text: #92400e;--error: #ea580c;--error-bg: #fff7ed;--error-text: #9a3412;--info: #57534e;--info-bg: #fafaf9;--info-text: #292524;--action-confirm: #292524;--action-confirm-hover: #1c1917;--action-confirm-text: #ffffff;--action-primary: var(--accent-amber);--action-primary-hover: var(--accent-amber-dark);--action-primary-text: #ffffff;--gradient-primary: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-hero: linear-gradient(135deg, #292524 0%, #44403c 50%, #57534e 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--gradient-button: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-button-hover: linear-gradient(135deg, #d97706 0%, #b45309 100%);--bg-dark: var(--warm-charcoal);--bg-page: var(--cream);--bg-card: #ffffff;--bg-input: #ffffff;--bg-input-focus: #ffffff;--text-primary: var(--warm-text);--text-secondary: var(--warm-text-muted);--text-muted: var(--warm-text-light);--text-placeholder: #a8a29e;--border-light: var(--warm-border);--border-focus: var(--accent-amber);--shadow-sm: 0 1px 2px rgba(41, 37, 36, .05);--shadow-md: 0 4px 12px rgba(41, 37, 36, .08);--shadow-lg: 0 10px 25px rgba(41, 37, 36, .1);--shadow-glow: 0 0 30px rgba(245, 158, 11, .15);--shadow-button: 0 4px 15px rgba(245, 158, 11, .25);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-normal);line-height:1.6;color:var(--text-primary);background-color:var(--bg-dark);min-height:100vh}#root{min-height:100vh}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit;font-size:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf680}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}@keyframes slideInModal{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideOutModal{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.modal-overlay{animation:fadeInOverlay .2s ease-out forwards}.modal-overlay.closing{animation:fadeOutOverlay .2s ease-in forwards}.modal-overlay>div:first-child,.booking-modal,.details-modal,.package-modal,.room-modal,.backdrop-modal,.confirm-dialog,.media-modal,.upload-modal{animation:slideInModal .25s cubic-bezier(.34,1.56,.64,1) forwards}.modal-overlay.closing>div:first-child,.modal-overlay.closing .booking-modal,.modal-overlay.closing .details-modal,.modal-overlay.closing .package-modal,.modal-overlay.closing .room-modal,.modal-overlay.closing .backdrop-modal,.modal-overlay.closing .confirm-dialog,.modal-overlay.closing .media-modal,.modal-overlay.closing .upload-modal{animation:slideOutModal .2s ease-in forwards}.details-modal{background:#fff;border-radius:1rem;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;position:relative;padding:2rem;scrollbar-width:thin}.details-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease;z-index:10;font-size:1.5rem;color:var(--warm-text-muted);line-height:1}.details-close:hover{background:var(--warm-border)}.details-icon{width:56px;height:56px;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.status-pill-badge.active{background:#dcfce7;color:#16a34a}.status-pill-badge.disabled{background:#fee2e2;color:#dc2626}.status-pill-badge.grace{background:#fef3c7;color:#d97706}.status-pill-badge.expired{background:#fee2e2;color:#dc2626}.status-pill-badge.paid{background:#dcfce7;color:#16a34a}.status-pill-badge.pending{background:#fef3c7;color:#d97706}.details-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.25rem 0;border-bottom:1px solid #f3f4f6;margin-bottom:1.5rem}.metric-label{font-size:.75rem;font-weight:500;color:var(--warm-text-light);text-transform:uppercase}.details-group{margin-bottom:1.5rem}.details-group-title{font-size:.875rem;font-weight:600;color:var(--warm-text-muted);margin-bottom:.5rem;padding-left:.25rem}.details-card{background:#f5f3f0;border-radius:.75rem;padding:1rem}.details-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem}.details-row:last-child{margin-bottom:0}.details-row-label{color:var(--warm-text-muted)}.details-row-value{color:var(--warm-charcoal);font-weight:500;text-align:right}.details-row-value.mono{font-family:monospace;letter-spacing:-.025em;background:#f3f4f6;padding:.1rem .3rem;border-radius:.25rem;color:#4b5563}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #f3f4f6}.modal-footer .toggle-btn.disable{background:#b91c1c;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.modal-footer .toggle-btn.disable:hover{background:#991b1b}.modal-footer .btn-secondary{background:var(--warm-charcoal);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.modal-footer .btn-secondary:hover{background:#374151}@media(max-width:768px){.details-modal{width:calc(100% - 2rem);height:auto;max-height:85vh;border-radius:1rem!important;margin:1rem;padding:1.5rem 1.25rem;overflow-y:auto;bottom:1rem;position:fixed;left:0;right:0;margin-left:auto;margin-right:auto}.modal-footer{flex-direction:column;gap:.75rem}.modal-footer button{width:100%;justify-content:center;padding:.875rem}}.login-container{display:grid;grid-template-columns:60fr 40fr;min-height:100vh;width:100%}.login-hero{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--spacing-3xl);background:var(--gradient-hero);overflow:hidden}.login-hero:before{content:"";position:absolute;inset:0;background:url(/hero.png) center/cover no-repeat;opacity:.4;z-index:0}.login-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0a0a0fcc,#1a1a2e99,#0f3460b3);z-index:1}.hero-content{position:relative;z-index:2;max-width:600px;animation:slideInLeft .8s ease-out}.hero-logo{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.hero-logo-icon{width:56px;height:56px;background:var(--gradient-button);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);animation:glow 3s ease-in-out infinite}.hero-logo-icon svg{width:32px;height:32px;color:#fff}.hero-logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-bold);background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-bold);line-height:1.1;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#fff 0%,rgba(255,255,255,.9) 50%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-2xl)}.hero-features{display:flex;flex-direction:column;gap:var(--spacing-md)}.hero-feature{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-base)}.hero-feature-icon{width:24px;height:24px;background:#8b5cf633;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-feature-icon svg{width:14px;height:14px;color:var(--color-primary-light)}.floating-elements{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.floating-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);animation:float 6s ease-in-out infinite}.floating-circle:nth-child(1){width:300px;height:300px;top:10%;right:10%;animation-delay:0s}.floating-circle:nth-child(2){width:200px;height:200px;bottom:20%;right:20%;animation-delay:-2s}.floating-circle:nth-child(3){width:150px;height:150px;top:50%;left:5%;animation-delay:-4s}.login-form-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-3xl);background:#fff;position:relative}.login-form-wrapper{width:100%;max-width:400px;animation:slideInRight .8s ease-out}.login-form-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-form-title{font-size:var(--font-size-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-sm);color:var(--warm-charcoal)}.login-form-subtitle{color:var(--warm-text-muted);font-size:var(--font-size-base)}.login-form{display:flex;flex-direction:column;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--warm-text)}.form-input-wrapper{position:relative}.form-group .form-input{width:100%;box-sizing:border-box;padding:12px 16px 12px 52px!important;background:var(--cream-dark);border:1px solid var(--warm-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--warm-charcoal);transition:all var(--transition-base)}.form-input::placeholder{color:var(--warm-text-light)}.form-input:hover{border-color:#d1d5db;background:#f3f4f6}.form-input:focus{outline:none;border-color:var(--warm-charcoal);background:#fff;box-shadow:0 0 0 3px #1a1a1a1a}.form-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--warm-text-light);pointer-events:none;transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center}.form-input:focus+.form-input-icon,.form-input:not(:placeholder-shown)+.form-input-icon{color:var(--warm-charcoal)}.form-input-icon svg{width:20px;height:20px;display:block}.password-toggle-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--warm-text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;border-radius:50%;transition:all var(--transition-fast);z-index:2}.password-toggle-icon:hover{color:var(--warm-charcoal);background:#0000000d}.password-toggle-icon svg{width:20px;height:20px}.form-group .form-input.password-field{padding-right:48px!important}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.remember-me{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--warm-text-muted)}.remember-me input[type=checkbox]{width:18px;height:18px;accent-color:var(--warm-charcoal);cursor:pointer}.forgot-password{color:var(--warm-charcoal);font-weight:var(--font-medium);transition:color var(--transition-fast)}.forgot-password:hover{color:var(--warm-text);text-decoration:underline}.submit-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--warm-charcoal);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-semibold);color:#fff;cursor:pointer;transition:all var(--transition-base)}.submit-btn:hover{background:#2d2d2d;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0);background:#0a0a0a}.submit-btn span{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-md) 0}.divider-line{flex:1;height:1px;background:var(--border-light)}.divider-text{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.social-login{display:flex;flex-direction:column;gap:var(--spacing-md)}.social-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.social-btn:hover{background:var(--bg-input);border-color:#fff3;transform:translateY(-2px)}.social-btn svg{width:20px;height:20px}.signup-link{text-align:center;margin-top:var(--spacing-xl);font-size:var(--font-size-sm);color:var(--warm-text-muted)}.signup-link a{color:var(--warm-charcoal);font-weight:var(--font-semibold);margin-left:var(--spacing-xs)}.signup-link a:hover{text-decoration:underline}@media(max-width:1024px){.login-container{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login-hero{min-height:35vh;padding:var(--spacing-xl)}.hero-content{max-width:100%}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.hero-features,.floating-elements{display:none}.login-form-section{padding:var(--spacing-xl)}.login-form-section:before{display:none}}@media(max-width:480px){.login-hero{min-height:30vh;padding:var(--spacing-lg)}.hero-logo-icon{width:44px;height:44px}.hero-logo-icon svg{width:24px;height:24px}.hero-logo-text{font-size:var(--font-size-xl)}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-sm)}.login-form-wrapper{padding:0 var(--spacing-sm)}.login-form-title{font-size:var(--font-size-2xl)}.form-input{padding:var(--spacing-sm) var(--spacing-md);padding-left:44px}}.submit-btn.loading{pointer-events:none;opacity:.8}.submit-btn.loading span:after{content:"";width:18px;height:18px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-left:var(--spacing-sm)}.form-input.error{border-color:var(--error)}.form-error{color:var(--error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}@keyframes successPulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.success-message{text-align:center;padding:2rem;background:var(--success-bg);border:1px solid var(--success-light);border-radius:.75rem}.success-message p{color:var(--success-text);font-size:.9375rem;margin-bottom:1.5rem;line-height:1.6}.back-to-login{display:inline-block;padding:.75rem 1.5rem;background:var(--warm-charcoal);color:#fff;border-radius:.5rem;font-weight:500;text-decoration:none;transition:background .15s ease}.back-to-login:hover{background:#2d2d2d;color:#fff}:root{--warm-charcoal: #292524;--warm-charcoal-light: #44403c;--warm-charcoal-dark: #1c1917;--cream: #faf9f7;--cream-dark: #f5f3f0;--cream-darker: #e7e5e4;--warm-text: #44403c;--warm-text-muted: #78716c;--warm-border: #d6d3d1;--accent-amber: #f59e0b;--accent-amber-light: #fcd34d;--accent-amber-dark: #d97706}.dashboard-layout{display:block;min-height:100vh;background:var(--cream)}.sidebar{background:#292524;border-right:none;display:flex;flex-direction:column;height:100vh;position:fixed;top:0;left:0;width:260px;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:50}.sidebar-header{padding:1rem 1.25rem;border-bottom:1px solid #44403c;background:#292524;display:flex;align-items:center;justify-content:space-between}.sidebar-logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:#fff}.sidebar-logo svg{width:36px;height:36px;color:var(--accent-amber);flex-shrink:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #44403c;border-radius:6px;color:#a8a29e;cursor:pointer;transition:all .15s ease}.sidebar-toggle:hover{background:#44403c;color:#fff}.sidebar-toggle svg{width:16px;height:16px}.sidebar-nav{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.25rem;overflow-x:hidden;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:#a8a29e;text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .15s ease}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item span{white-space:nowrap;opacity:1;transition:opacity .2s ease}.nav-item:hover{background:var(--warm-charcoal-light);color:#fff}.nav-item.active{background:var(--accent-amber);color:var(--warm-charcoal-dark)}.nav-alert-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;margin-left:auto;flex-shrink:0;animation:pulse-alert 2s infinite}@keyframes pulse-alert{0%,to{opacity:1}50%{opacity:.5}}.nav-group{display:flex;flex-direction:column}.nav-group-label{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:#78716c}.nav-group-label svg{width:20px;height:20px}.nav-submenu{display:flex;flex-direction:column;gap:.125rem}.nav-subitem{padding-left:2.5rem;font-size:.875rem}.nav-subitem svg{width:16px;height:16px}.sidebar-footer{padding:1rem;border-top:1px solid var(--warm-charcoal-light)}.studio-info{display:flex;flex-direction:column;gap:.125rem;margin-bottom:.75rem;padding:0 .5rem}.studio-name{font-size:.875rem;font-weight:600;color:#fff!important}.studio-email{font-size:.75rem;color:#a8a29e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role-badge{font-size:.7rem;color:var(--accent-amber);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:2px}.user-role-badge.super-admin{color:var(--accent-amber)}.logout-btn{flex:1;display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;border-radius:.5rem;background:transparent;color:#a8a29e;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease}.logout-btn svg{width:20px;height:20px}.logout-btn:hover{background:#ef444426;color:#fca5a5}.sidebar-actions{display:flex;gap:.5rem;align-items:stretch}.key-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;color:#a8a29e;cursor:pointer;transition:color .15s ease}.key-icon svg{width:18px;height:18px}.key-icon:hover{color:#fff}.password-modal{background:#fff;border-radius:1rem;width:100%;max-width:400px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.password-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6}.password-modal .modal-header h2{font-size:1.25rem;font-weight:700;color:#1c1917;margin:0}.password-modal .close-btn{width:32px;height:32px;border:none;background:#f5f5f4;border-radius:50%;font-size:1.25rem;color:#78716c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.password-modal .close-btn:hover{background:#e7e5e4;color:#1c1917}.password-modal .modal-content{padding:1.5rem}.password-modal .form-group{margin-bottom:1rem}.password-modal .form-group label{display:block;font-size:.875rem;font-weight:500;color:#44403c;margin-bottom:.375rem}.password-modal .form-group input{width:100%;padding:.75rem;border:1px solid #d6d3d1;border-radius:.5rem;font-size:.875rem;color:#1c1917;background:#fff;transition:border-color .15s ease;box-sizing:border-box}.password-modal .form-group input:focus{outline:none;border-color:var(--accent-amber);box-shadow:0 0 0 3px #f59e0b1a}.password-modal .password-wrapper{position:relative;width:100%}.password-modal .password-wrapper input{padding-right:2.5rem}.password-modal .password-toggle-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:var(--warm-text-muted);display:flex;align-items:center;justify-content:center}.password-modal .password-toggle-icon:hover{color:var(--warm-charcoal)}.password-modal .password-toggle-icon svg{width:18px;height:18px}.password-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.password-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.password-modal .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin:.5rem -1.5rem -1.5rem;padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #f3f4f6}.password-modal .btn-secondary{padding:.625rem 1.25rem;background:var(--cream);border:1px solid #e5e7eb;border-radius:.5rem;font-size:.9375rem;font-weight:500;color:var(--warm-text);cursor:pointer;transition:all .15s ease}.password-modal .btn-secondary:hover{background:var(--cream-dark);border-color:#d1d5db}.password-modal .btn-primary{padding:.625rem 1.25rem;background:var(--accent-amber);border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;color:#fff;cursor:pointer;transition:background .15s ease}.password-modal .btn-primary:hover{background:var(--accent-amber-dark)}.password-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.sidebar.collapsed{width:70px}.sidebar.collapsed .sidebar-header{padding:1rem;justify-content:center}.sidebar.collapsed .sidebar-logo span{display:none}.sidebar.collapsed .sidebar-toggle{position:absolute;right:-12px;top:50%;transform:translateY(-50%);border-radius:50%;width:24px;height:24px;background:#292524;z-index:100;box-shadow:0 2px 5px #0003}.sidebar.collapsed .sidebar-header{position:relative}.sidebar.collapsed .nav-item{padding:.75rem;justify-content:center}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-group-label{padding:.75rem;justify-content:center}.sidebar.collapsed .nav-group-label span{display:none}.sidebar.collapsed .nav-subitem{padding-left:.75rem}.sidebar.collapsed .studio-info{display:none}.sidebar.collapsed .logout-btn{padding:.75rem;justify-content:center}.sidebar.collapsed .logout-btn span{display:none}.sidebar.collapsed .sidebar-actions{flex-direction:column;gap:.5rem}.sidebar.collapsed .logout-btn svg{width:24px;height:24px}.sidebar.collapsed .key-icon{padding:.75rem}.sidebar.collapsed .key-icon svg{width:22px;height:22px}.sidebar.collapsed .notification-btn{padding:.5rem}.sidebar.collapsed .notification-dropdown{left:0;width:320px;right:auto}.dashboard-layout:has(.sidebar.collapsed) .main-content{margin-left:70px;width:calc(100% - 70px)}.dashboard-layout .main-content{padding:2rem 3rem;overflow-y:auto;margin-left:260px;width:calc(100% - 260px);min-height:100vh;box-sizing:border-box}@media(min-width:1600px){.dashboard-layout .main-content{padding:2.5rem 4rem}}@media(min-width:2000px){.dashboard-layout .main-content{padding:3rem 5rem}}.desktop-only{display:flex}.mobile-only{display:none}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--warm-charcoal);border-bottom:1px solid var(--warm-charcoal-light);padding:0 1rem;align-items:center;justify-content:space-between;z-index:100}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--warm-charcoal-light);border-radius:.375rem;color:#fff;cursor:pointer;transition:all .15s ease}.mobile-menu-btn:hover{background:var(--warm-charcoal-light)}.mobile-menu-btn svg{width:20px;height:20px}.mobile-logo{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;color:#fff}.mobile-logo svg{width:24px;height:24px;color:var(--accent-amber)}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:150;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.mobile-overlay.visible{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s}@media(max-width:1024px)and (min-width:768px){.dashboard-layout{display:block}.sidebar{width:220px;position:fixed;top:0;left:0;bottom:0;z-index:50}.sidebar.collapsed{width:70px}.dashboard-layout .main-content{margin-left:220px;padding:1.5rem 2rem;min-width:0;width:calc(100% - 220px);box-sizing:border-box}.sidebar.collapsed~.main-content{margin-left:70px;width:calc(100% - 70px)}.notification-dropdown{min-width:260px}}@media(max-width:768px){.mobile-header{display:flex}.mobile-overlay{display:block}.desktop-only{display:none!important}.mobile-only{display:flex!important}.dashboard-layout{grid-template-columns:1fr;padding-top:56px;max-width:100vw;overflow-x:hidden}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;transform:translate(-100%);visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear .3s;z-index:200;overflow-y:auto}.sidebar.mobile-open{transform:translate(0);visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s}.sidebar.collapsed{width:280px;transform:translate(-100%)}.sidebar.collapsed.mobile-open{transform:translate(0)}.sidebar.collapsed .sidebar-logo span,.sidebar.collapsed .nav-item span{opacity:1;width:auto}.dashboard-layout .main-content{margin-left:0;padding:1rem;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.notification-dropdown{position:fixed;bottom:auto;top:56px;left:1rem;right:1rem;margin:0;min-width:auto;max-width:none}.sidebar.collapsed .notification-dropdown{left:1rem;right:1rem;width:auto}}.notification-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100}.notification-fab-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--warm-charcoal);border:none;border-radius:50%;cursor:pointer;position:relative;transition:all .2s ease;box-shadow:0 4px 20px #00000040}.notification-fab-btn:hover{background:var(--warm-charcoal-light);transform:scale(1.05);box-shadow:0 6px 25px #0000004d}.notification-fab-btn:active{transform:scale(.98)}.notification-fab-btn svg{width:24px;height:24px;color:#fff}.notification-fab .notification-badge{position:absolute;top:0;right:0;background:var(--accent-amber);color:var(--warm-charcoal-dark);font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 6px #0003}.notification-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeInOverlay .2s ease-out forwards}.notification-dropdown{position:fixed;bottom:5.5rem;right:1.5rem;width:360px;max-height:480px;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;z-index:1000;animation:slideInModal .25s cubic-bezier(.34,1.56,.64,1) forwards}@media(max-width:768px){.notification-fab{bottom:1rem;right:1rem}.notification-fab-btn{width:52px;height:52px}.notification-dropdown{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);height:fit-content;max-height:80vh}.notification-header{padding:1.25rem 1.5rem;gap:1rem}.notification-header span{font-size:1.25rem;font-weight:700;flex:1}.notification-list{max-height:60vh;-webkit-overflow-scrolling:touch}.notification-item{padding:1rem 1.5rem}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--cream-darker);background:var(--cream-dark)}.notification-header span{font-weight:600;font-size:.875rem;color:var(--warm-text)}.notification-header button{background:none;border:none;color:var(--accent-amber-dark);font-size:.75rem;cursor:pointer;font-weight:500}.notification-header button:hover{text-decoration:underline}.notification-header-actions{display:flex;gap:.75rem;align-items:center}.notification-close-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--warm-border);border-radius:.375rem;color:var(--warm-text);cursor:pointer;transition:all .15s ease}.notification-close-btn:hover{background:var(--cream-darker);text-decoration:none}.notification-close-btn svg{width:18px;height:18px}.notification-header .clear-read-btn{color:var(--error-text)}.notification-list{max-height:320px;overflow-y:auto}.notification-empty{padding:2rem 1rem;text-align:center;color:#9ca3af;font-size:.875rem}.notification-swipe-container{position:relative;overflow:hidden}.notification-delete-bg{position:absolute;right:0;top:0;bottom:0;width:80px;background:var(--error);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;gap:.25rem}.notification-item{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s,transform .2s ease;display:flex;justify-content:space-between;gap:.75rem;background:#fff;-webkit-user-select:none;user-select:none}.notification-item:hover{background:var(--cream-dark)}.notification-item.unread{background:#fffbeb;border-left:3px solid var(--accent-amber)}.notification-item.unread:before{content:"";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--accent-amber);border-radius:50%}.notification-item.unread{position:relative;padding-left:2rem}.notification-item.unread .notification-content strong{color:var(--accent-amber-dark);font-weight:700}.notification-item.unread:hover{background:#fef3c7}.notification-item:not(.unread){opacity:.7}.notification-item:not(.unread):hover{opacity:1}.notification-content{flex:1;min-width:0}.notification-content strong{display:block;font-size:.8rem;color:#111827;margin-bottom:.25rem}.notification-content p{font-size:.75rem;color:#6b7280;margin:0}.notification-time{font-size:.65rem;color:#9ca3af;white-space:nowrap}.notification-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.notification-delete-btn{width:20px;height:20px;border:none;background:transparent;color:#9ca3af;font-size:1rem;line-height:1;cursor:pointer;border-radius:4px;opacity:0;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.notification-item:hover .notification-delete-btn{opacity:1}.notification-delete-btn:hover{background:var(--error);color:#fff}.notification-content p.expanded,.notification-item:hover .notification-content p{white-space:normal;overflow:visible;text-overflow:initial}.notification-item.expanded,.notification-item:hover{background:#f0f9ff}.view-booking-btn{margin-top:.5rem;background:#6366f1;color:#fff;border:none;padding:.4rem .75rem;border-radius:.375rem;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;opacity:0;max-height:0;overflow:hidden;margin-top:0}.notification-item:hover .view-booking-btn{opacity:1;max-height:40px;margin-top:.5rem}.view-booking-btn:hover{background:#4f46e5}.bookings-page{width:100%}.bookings-loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--warm-text-muted);font-size:1rem}.bookings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.bookings-header h1{font-size:1.75rem;font-weight:700;color:var(--warm-text);margin:0 0 .25rem}.bookings-subtitle{color:var(--warm-text-muted);font-size:.9375rem;margin:0}.add-booking-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.add-booking-btn svg{width:18px;height:18px}.add-booking-btn:hover{background:var(--accent-amber-dark)}.bookings-filters{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.sort-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--warm-border);border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--warm-text);cursor:pointer;transition:all .15s ease;white-space:nowrap}.sort-toggle-btn:hover{background:var(--cream-dark);border-color:#d1d5db}.sort-toggle-btn svg{width:18px;height:18px}.search-wrapper{position:relative;width:100%;max-width:400px}.search-wrapper svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--warm-text-light);pointer-events:none;z-index:1}.search-input{width:100%!important;padding:.75rem 1rem .75rem 2.5rem!important;background:#fff;border:1px solid var(--warm-border);border-radius:.5rem;font-size:.875rem;color:var(--warm-charcoal);transition:all .15s ease;box-sizing:border-box;text-indent:0}.search-input::placeholder{color:var(--warm-text-light)}.search-input:focus{outline:none;border-color:var(--warm-charcoal);box-shadow:0 0 0 3px #1a1a1a1a}.status-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.status-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--warm-border);border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--warm-text-muted);cursor:pointer;transition:all .15s ease}.status-tab:hover{border-color:#d1d5db;color:var(--warm-text)}.status-tab.active{background:var(--accent-amber);border-color:var(--accent-amber);color:#fff}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;background:#0000001a;border-radius:9999px;font-size:.75rem;font-weight:600}.status-tab.active .tab-count{background:#fff3}.bookings-empty{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:4rem 2rem;text-align:center}.bookings-empty p{font-size:1.125rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 .5rem}.bookings-empty span{color:var(--warm-text-muted);font-size:.9375rem}.bookings-table-wrapper{background:#fff;border:none;border-radius:.75rem;overflow:hidden}.bookings-table{width:100%;border-collapse:collapse}.bookings-table th{text-align:left;padding:1rem 1.25rem;background:var(--cream-dark);font-size:.75rem;font-weight:600;color:var(--warm-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--warm-border)}.bookings-table td{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;font-size:.9375rem;color:var(--warm-text)}.bookings-table tr:last-child td{border-bottom:none}.bookings-table tr:hover{background:#fafafa}.client-info{display:flex;flex-direction:column;gap:.125rem}.client-name{font-weight:500;color:var(--warm-charcoal)}.client-email{font-size:.8125rem;color:var(--warm-text-light)}.amount{font-weight:600;color:var(--warm-charcoal)}.amount-breakdown{display:flex;flex-direction:column;gap:.125rem}.amount-breakdown .total-amount{font-weight:600;color:var(--warm-text);font-size:.875rem}.amount-breakdown .deposit-info{font-size:.6875rem;font-weight:400;color:var(--warm-text-muted);line-height:1.3;text-align:left;padding:0;background:none;display:block}.status-badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-pending{background:var(--warning-bg);color:var(--warning-text)}.status-confirmed{background:var(--accent-amber-bg);color:var(--accent-amber-dark)}.status-completed{background:var(--success-bg);color:var(--success-text)}.status-cancelled{background:var(--error-bg);color:var(--error-text)}.status-expired{background:#f3f4f6;color:var(--warm-text-muted)}.status-cell{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}.expiry-timer{font-size:.6875rem;font-weight:600;color:#f59e0b;background:#fffbeb;padding:.125rem .5rem;border-radius:.25rem}.expiry-timer.urgent{color:#dc2626;background:#fef2f2;animation:pulse 1.5s infinite}.paid-badge{font-size:.6875rem;font-weight:600;color:#059669;background:#d1fae5;padding:.125rem .5rem;border-radius:.25rem}.package-name{font-weight:500;color:var(--warm-text)}.booking-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.action-btn{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid var(--warm-border);background:#fff;color:var(--warm-text)}.action-btn:hover{border-color:#d1d5db}.action-btn.edit{padding:.375rem}.action-btn.edit svg{width:14px;height:14px;color:var(--warm-text-muted)}.action-btn.edit:hover svg{color:var(--warm-charcoal)}.action-btn.confirm{background:var(--success-bg);border-color:var(--success);color:var(--success)}.action-btn.confirm:hover{background:var(--success);color:#fff}.action-btn.complete{background:#ecfccb;border-color:#84cc16;color:#365314}.action-btn.complete:hover{background:#84cc16;color:#fff}.action-btn.cancel{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.action-btn.cancel:hover{background:#fecaca}.action-btn.payment{background:var(--accent-amber-light);border-color:var(--accent-amber);color:var(--accent-amber-dark)}.action-btn.payment:hover{background:var(--accent-amber);color:#fff}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.booking-modal{background:#fff;border-radius:1rem;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.booking-modal.redesigned{position:relative;padding:2rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.booking-modal.redesigned:hover{scrollbar-color:rgba(0,0,0,.2) transparent}.booking-modal.redesigned::-webkit-scrollbar{width:6px}.booking-modal.redesigned::-webkit-scrollbar-track{background:transparent}.booking-modal.redesigned::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .3s ease}.booking-modal.redesigned:hover::-webkit-scrollbar-thumb{background:#0003}.booking-modal.redesigned:hover::-webkit-scrollbar-thumb:hover{background:#0006}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #f3f4f6;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{font-size:1.375rem;font-weight:700;color:var(--warm-charcoal);margin:0;letter-spacing:-.01em}.modal-close{padding:.625rem;background:var(--cream-dark);border:none;cursor:pointer;color:var(--warm-text-muted);border-radius:.5rem;transition:all .15s ease}.modal-close svg{width:18px;height:18px}.booking-form{padding:0;margin-top:1.5rem}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f3f4f6}.form-section:last-of-type{margin-bottom:1.5rem;padding-bottom:0;border-bottom:none}.section-label{display:block;font-size:.8125rem;font-weight:600;color:var(--warm-text-muted);margin-bottom:.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row.full-width{grid-template-columns:1fr 1fr}.pax-counter{display:inline-flex;align-items:center;background:#f1f5f9;border-radius:.75rem;overflow:hidden}.pax-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:1.25rem;font-weight:500;color:var(--warm-text);cursor:pointer;transition:background .15s ease}.pax-btn:hover:not(:disabled){background:#e2e8f0}.pax-btn:disabled{color:#cbd5e1;cursor:not-allowed}.pax-value{min-width:48px;text-align:center;font-size:1.125rem;font-weight:600;color:var(--warm-charcoal)}.pax-info{display:flex;gap:1rem;margin-top:.75rem;font-size:.8125rem}.pax-extra{color:#059669;font-weight:500}.booking-form .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.booking-form .form-group:last-child{margin-bottom:0}.booking-form label{font-size:.8125rem;font-weight:600;color:var(--warm-text)}.package-select{width:100%;padding:.875rem 1rem;background:#fff;border:1px solid var(--warm-border);border-radius:.625rem;font-size:.9375rem;color:var(--warm-charcoal);cursor:pointer;transition:all .15s ease}.package-select:hover{border-color:#d1d5db}.package-select:focus{outline:none;border-color:var(--warm-charcoal);box-shadow:0 0 0 3px #1a1a1a14}.booking-form input,.booking-form select,.booking-form textarea{width:100%;padding:.75rem 1rem;background:#fff;border:1px solid var(--warm-border);border-radius:.625rem;font-size:.9375rem;color:var(--warm-charcoal);font-family:inherit;transition:all .15s ease}.booking-form input[type=date]{padding:.875rem 1rem;cursor:pointer}.booking-form input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .15s ease}.booking-form input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}.booking-form input:hover,.booking-form select:hover,.booking-form textarea:hover{border-color:#d1d5db}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{outline:none;border-color:var(--warm-charcoal);box-shadow:0 0 0 3px #1a1a1a14}.booking-form input::placeholder,.booking-form textarea::placeholder{color:var(--warm-text-light)}.booking-form textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.modal-actions.redesigned{display:flex;gap:1rem;margin-top:1.5rem;padding:0;border-top:none;background:none}.modal-actions.redesigned .btn-save,.modal-actions.redesigned .btn-cancel{flex:1;padding:1rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.modal-actions.redesigned .btn-save{background:var(--success);color:#fff}.modal-actions.redesigned .btn-save:hover{background:var(--success-dark)}.modal-actions.redesigned .btn-save:disabled{opacity:.7;cursor:not-allowed}.modal-actions.redesigned .btn-cancel{background:var(--error-bg);color:var(--error)}.modal-actions.redesigned .btn-cancel:hover{background:var(--error);color:#fff;opacity:1}.btn-secondary{padding:.625rem 1.25rem;background:#fff;border:1px solid var(--warm-border);border-radius:.5rem;font-size:.9375rem;font-weight:500;color:var(--warm-text);cursor:pointer;transition:all .15s ease}.btn-primary{padding:.625rem 1.25rem;background:var(--accent-amber);border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;color:#fff;cursor:pointer;transition:background .15s ease}.time-grid-section{margin-top:1rem}.time-grid-section>label{display:block;font-size:.8125rem;font-weight:600;color:var(--warm-text);margin-bottom:.75rem}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}.time-slot{padding:.625rem .5rem;border:1px solid var(--warm-border);border-radius:.5rem;background:#fff;font-size:.8125rem;font-weight:500;color:var(--warm-text);cursor:pointer;transition:all .15s ease;text-align:center}.time-slot:hover:not(.disabled){border-color:var(--warm-charcoal);background:#fafafa}.time-slot.selected{background:var(--warm-charcoal)!important;border-color:var(--warm-charcoal);color:#fff;box-shadow:0 0 0 3px #1a1a1a1a}.time-slot.disabled{background:var(--cream-dark);color:#d1d5db;cursor:not-allowed;border-color:#f3f4f6}.booked-info{font-size:.75rem;font-weight:500;color:#f59e0b}.select-room-hint{font-size:.875rem;color:var(--warm-text-muted);margin:.75rem 0 0;font-style:italic}.addon-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border:1px solid var(--warm-border);border-radius:.625rem;cursor:pointer;transition:all .15s ease}.addon-item:hover{border-color:#d1d5db}.addon-item.selected{background:var(--cream-dark);border-color:var(--warm-charcoal)}.addon-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--warm-charcoal);cursor:pointer}.addon-name{flex:1;font-size:.9375rem;font-weight:500;color:var(--warm-charcoal)}.addon-price{font-size:.875rem;font-weight:600;color:var(--warm-text-muted)}.addon-item.selected .addon-price{color:var(--warm-charcoal)}.booking-total{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--cream-dark);border-radius:.75rem;margin-bottom:1.5rem}.total-label{font-size:.9375rem;font-weight:600;color:var(--warm-text-muted)}.total-amount{font-size:1.5rem;font-weight:700;color:var(--warm-charcoal);letter-spacing:-.02em}.pax-input-wrapper{display:flex;align-items:center;gap:.75rem}.pax-input{width:70px;padding:.625rem .5rem;background:#fff;border:1px solid var(--warm-border);border-radius:.5rem;font-size:.9375rem;font-weight:600;color:var(--warm-charcoal);text-align:center}.pax-input:focus{outline:none;border-color:var(--warm-charcoal);box-shadow:0 0 0 3px #1a1a1a14}.pax-info{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.pax-included{color:var(--warm-text-muted)}.pax-extra{color:#f59e0b;font-weight:500}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0;margin-top:1.5rem}.pagination-btn{padding:.5rem 1rem;background:transparent;color:var(--warm-text);border:1px solid var(--warm-border);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--cream-dark);border-color:var(--accent-amber);color:var(--accent-amber-dark)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:.125rem;font-size:.875rem;color:var(--warm-text)}.pagination-count{font-size:.75rem;color:var(--warm-text-muted)}@media(max-width:1440px)and (min-width:1360px){.hide-tablet{display:none!important}}@media(max-width:1024px)and (min-width:768px){.bookings-header{flex-direction:column;gap:1rem;align-items:stretch}.add-booking-btn{width:100%;justify-content:center}.status-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.status-tabs::-webkit-scrollbar{display:none}.bookings-table{font-size:.875rem}.bookings-table th,.bookings-table td{padding:.875rem .75rem}.hide-tablet{display:none!important}}@media(max-width:768px){.bookings-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.bookings-header h1{font-size:1.5rem}.add-booking-btn{width:100%;justify-content:center;padding:.875rem 1.25rem}.bookings-filters{flex-wrap:wrap;gap:.75rem}.search-wrapper{flex:1;min-width:200px}.sort-toggle-btn{flex-shrink:0}.status-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:1rem}.status-tabs::-webkit-scrollbar{display:none}.status-tab{white-space:nowrap;flex-shrink:0}.bookings-table-wrapper{background:transparent;border:none;border-radius:0;overflow:visible}.bookings-table{display:block}.bookings-table thead{display:none}.bookings-table tbody{display:block}.bookings-table tr{display:flex;flex-direction:column;background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:1rem;margin-bottom:.75rem;gap:.25rem}.bookings-table td{display:block;padding:0;border:none;text-align:left}.bookings-table td:before{display:none}.bookings-table td:nth-child(4){order:-1;margin-bottom:.25rem}.bookings-table td:nth-child(4) .status-badge{font-size:.6875rem;padding:.25rem .5rem}.bookings-table td:nth-child(1) .client-name{font-size:1rem;font-weight:600;color:var(--warm-charcoal)}.bookings-table td.hide-tablet{display:block!important}.bookings-table td:nth-child(2) .package-name{font-size:.875rem;color:var(--warm-text-muted)}.bookings-table td:nth-child(3){font-size:.875rem;color:var(--warm-text-muted)}.bookings-table .status-cell{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.modal-overlay{padding:0;align-items:flex-end}.booking-modal,.details-modal{max-width:100%;width:100%;max-height:90vh;border-radius:1rem 1rem 0 0;margin:0}.modal-header h2{font-size:1.25rem}.modal-content{padding:1.25rem}.form-row{grid-template-columns:1fr;gap:5px}.form-group label{font-size:.875rem}.form-group input,.form-group select,.form-group textarea{font-size:1rem}.time-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.time-slot{padding:.75rem .5rem;font-size:.8125rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-actions button{width:100%;justify-content:center;padding:.875rem}.details-grid{grid-template-columns:1fr}.details-row{padding:.75rem 0}.details-label{font-size:.8125rem}.details-value{font-size:.9375rem}.action-buttons{flex-direction:column;gap:.75rem}.action-buttons button{width:100%;justify-content:center}.payment-modal{min-width:0;max-width:100%}.bookings-page{max-width:100%;overflow-x:hidden}.pagination-controls{justify-content:center}.confirm-actions{flex-direction:column!important}.confirm-actions button{width:100%!important}}.booking-row{cursor:pointer;position:relative}.booking-row:hover{background:var(--cream-dark)}.booking-row:after{content:"›";position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;font-weight:600;color:var(--accent-amber);opacity:0;transition:opacity .15s ease,transform .15s ease}.booking-row:hover:after{opacity:1;transform:translateY(-50%) translate(2px)}.details-modal{background:#fff;border-radius:1rem;width:100%;max-width:720px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;position:relative;padding:2rem;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.details-modal:hover{scrollbar-color:rgba(0,0,0,.2) transparent}.details-modal::-webkit-scrollbar{width:6px}.details-modal::-webkit-scrollbar-track{background:transparent}.details-modal::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .3s ease}.details-modal:hover::-webkit-scrollbar-thumb{background:#0003}.details-modal:hover::-webkit-scrollbar-thumb:hover{background:#0006}.booking-modal.redesigned .details-close,.details-modal .details-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease;z-index:10}.booking-modal.redesigned .details-close:hover,.details-modal .details-close:hover{background:var(--warm-border)}.booking-modal.redesigned .details-close svg,.details-modal .details-close svg{width:16px;height:16px;color:var(--warm-text-muted)}.booking-ref-badge{display:inline-flex;padding:.25rem .625rem;background:#f3f4f6;border-radius:.375rem;font-size:.75rem;font-weight:600;color:var(--warm-text-muted);font-family:SF Mono,Monaco,Inconsolata,monospace}.ref-number{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.8rem;font-weight:600;color:var(--warm-text-muted);background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;display:inline-flex;align-items:center;gap:.5rem}.ref-link-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--accent-amber);transition:color .15s ease}.ref-link-btn:hover{color:var(--accent-amber-dark)}.ref-link-btn svg{width:14px;height:14px}.status-pill-badge.pending{background:var(--warning-bg);color:var(--warning-text)}.status-pill-badge.confirmed{background:var(--info-bg);color:var(--info-text)}.status-pill-badge.completed{background:var(--success-bg);color:var(--success-text)}.status-pill-badge.cancelled{background:var(--error-bg);color:var(--error-text)}.details-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.25rem 0;border-bottom:1px solid #f3f4f6;margin-bottom:1.5rem}.metric-item{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;font-weight:500;color:var(--warm-text-light);text-transform:uppercase;letter-spacing:.02em}.metric-value{font-size:1rem;font-weight:600;color:var(--warm-charcoal)}.details-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:.75rem}.modal-action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.modal-action-buttons .action-btn,.modal-action-buttons .btn-edit-booking{flex:1;min-width:100px;height:44px;padding:0 1rem;font-size:.875rem;font-weight:600;border-radius:.5rem;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:1}.details-footer>.action-btn.cancel{width:100%;background:var(--error-bg);color:var(--error);border:none;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.details-footer>.action-btn.cancel:hover{background:var(--error);color:#fff}.btn-edit-booking{width:100%;padding:.75rem 1rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease}.btn-edit-booking:hover{background:var(--accent-amber-dark)}@media(max-width:600px){.details-metrics{grid-template-columns:repeat(2,1fr)}}.confirm-actions .btn-secondary{flex:1;padding:1rem 1.5rem;border:1px solid var(--warm-border);border-radius:.75rem;font-size:1rem;font-weight:600}.btn-confirm.confirm{background:var(--success);color:#fff}.btn-confirm.confirm:hover{background:var(--success-dark)}.btn-confirm.danger{background:var(--error);color:#fff}.btn-confirm.danger:hover{background:var(--error-text)}.btn-confirm.cancel{background:var(--error-bg);color:var(--error)}.btn-confirm.cancel:hover{background:var(--error);color:#fff}.btn-confirm.payment{background:var(--success);color:#fff}.btn-confirm.payment:hover{background:var(--success-dark)}.payment-modal{background:#fff;border-radius:1rem;padding:1.5rem;max-width:480px;min-width:420px;width:90%}.payment-modal h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--warm-charcoal)}.payment-modal .payment-total{font-size:18px;color:#64748b;margin:0 0 1.25rem;padding:0}.payment-modal .modal-actions{border-top:none;background:none;padding:0;margin-top:.5rem}.payment-modal .modal-actions button{flex:1}.payment-modal .btn-confirm{white-space:nowrap}.payment-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s}.payment-option:hover{border-color:#cbd5e1;background:#f8fafc}.payment-option.selected{border-color:#059669;background:#ecfdf5}.payment-option input[type=radio]{width:18px;height:18px;accent-color:#059669}.payment-option .option-label{flex:1;font-weight:500;color:var(--warm-text)}.payment-option .option-amount{font-weight:600;color:#059669}.custom-amount-input{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-left:0}.custom-amount-input .currency-prefix{font-weight:600;color:var(--warm-text)}.custom-amount-input input{flex:1;padding:.625rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.9375rem}.custom-amount-input input:focus{outline:none;border-color:#059669}.balance-summary{background:#f8fafc;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.balance-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9375rem;color:#64748b}.balance-row.final{border-top:1px solid #e2e8f0;margin-top:.5rem;padding-top:1rem;font-weight:600;color:#059669;font-size:1.125rem}.booking-link-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#64748b;transition:all .2s ease;background:transparent}.booking-link-btn:hover{background:#eff6ff;color:#2563eb}.booking-link-btn svg{width:20px;height:20px}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.picker-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.picker-modal{background:#fff;border-radius:.75rem;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0003;position:relative;padding:2rem}.picker-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease;z-index:1}.picker-close:hover{background:var(--warm-border)}.picker-close svg{width:16px;height:16px;color:var(--warm-text-muted)}.picker-header{margin-bottom:1.5rem;padding:0;border:none}.picker-header h2{font-size:1.25rem;font-weight:600;color:var(--warm-charcoal);margin:0}.picker-content{flex:1;overflow-y:auto;padding:0;min-height:200px;max-height:400px}.picker-loading,.picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--warm-text-muted);text-align:center}.picker-empty svg{width:48px;height:48px;color:#d1d5db;margin-bottom:1rem}.picker-empty p{font-size:1.125rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 .5rem}.picker-empty span{font-size:.9375rem;color:var(--warm-text-muted)}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.picker-item{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .15s ease;background:#f3f4f6}.picker-item:hover{border-color:var(--warm-charcoal)}.picker-item.selected{border-color:var(--success);box-shadow:0 0 0 2px #22c55e33}.picker-item.selected:after{content:"✓";position:absolute;top:4px;right:4px;width:20px;height:20px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.picker-item img{width:100%;height:100%;object-fit:cover}.picker-footer{display:flex;gap:1rem;margin-top:1.5rem;justify-content:stretch;padding:0;border:none;background:none}.picker-cancel,.picker-select{flex:1;padding:1rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;display:flex;align-items:center;justify-content:center}.picker-cancel{background:var(--error-bg);color:var(--error)}.picker-cancel:hover{background:var(--error);color:#fff}.picker-select{background:var(--success);color:#fff}.picker-select:hover:not(:disabled){background:var(--success-dark)}.picker-select:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.picker-overlay{padding:1rem;align-items:center}.picker-modal{max-width:calc(100vw - 2rem);width:100%;max-height:85vh;border-radius:1rem}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.picker-footer{flex-direction:column-reverse;gap:.75rem}.picker-cancel,.picker-select{width:100%;justify-content:center}}.packages-page{width:100%}.packages-loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--warm-text-muted)}.packages-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.packages-header h1{font-size:1.75rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .25rem}.packages-subtitle{color:var(--warm-text-muted);font-size:.9375rem;margin:0}.add-package-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.add-package-btn svg{width:18px;height:18px}.add-package-btn:hover{background:var(--accent-amber-dark)}.packages-empty{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:4rem 2rem;text-align:center}.packages-empty svg{width:48px;height:48px;color:#d1d5db;margin-bottom:1rem}.packages-empty p{font-size:1.125rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 .5rem}.packages-empty span{color:var(--warm-text-muted);font-size:.9375rem}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.package-card{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;overflow:hidden;transition:box-shadow .15s ease;display:flex;flex-direction:column;height:100%}.package-card:hover{box-shadow:0 4px 12px #00000014}.package-image{position:relative;height:180px;background:#f3f4f6}.package-image img{width:100%;height:100%;object-fit:cover}.package-image-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#d1d5db}.package-image-placeholder svg{width:48px;height:48px}.package-status{position:absolute;top:.75rem;right:.75rem;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.package-status.draft{background:var(--warning-bg);color:var(--warning-text)}.package-status.published{background:var(--success-bg);color:var(--success-text)}.package-content{padding:1.25rem;flex:1;display:flex;flex-direction:column}.package-content h3{font-size:1.125rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 .5rem}.package-description{color:var(--warm-text-muted);font-size:.875rem;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.package-meta{display:flex;justify-content:space-between;align-items:center}.package-price{font-size:1.25rem;font-weight:700;color:var(--warm-charcoal)}.package-pax{font-size:.8125rem;color:var(--warm-text-light)}.package-addons-count{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6;font-size:.8125rem;color:var(--warm-text-muted)}.package-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid #f3f4f6;background:#fafafa;margin-top:auto}.edit-btn{width:30%;min-width:auto;flex:none;padding:.5rem 1rem;border:none;border-radius:.375rem;background:var(--accent-amber);cursor:pointer;transition:all .15s ease;font-size:.8125rem;font-weight:600;color:#fff;text-align:center}.edit-btn:hover{background:var(--accent-amber-dark)}.delete-btn{flex:0 0 36px;width:36px;height:36px;padding:0;border:none;border-radius:.375rem;background:var(--error-bg);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.delete-btn:hover{border-color:var(--error)!important;background:var(--error)!important;opacity:1}.delete-btn svg{width:16px;height:16px;color:var(--error)}.delete-btn:hover svg{color:#fff}.package-modal{background:#fff;border-radius:.75rem;width:100%;max-width:720px;max-height:90vh;display:flex;flex-direction:column}.package-modal.redesigned{position:relative;padding:2rem;display:block;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.package-modal.redesigned:hover{scrollbar-color:rgba(0,0,0,.2) transparent}.package-modal.redesigned::-webkit-scrollbar{width:6px}.package-modal.redesigned::-webkit-scrollbar-track{background:transparent}.package-modal.redesigned::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .3s ease}.package-modal.redesigned:hover::-webkit-scrollbar-thumb{background:#0003}.package-modal.redesigned:hover::-webkit-scrollbar-thumb:hover{background:#0006}.package-modal.redesigned .details-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease;z-index:1}.package-modal.redesigned .details-close:hover{background:var(--warm-border)}.package-modal.redesigned .details-close svg{width:16px;height:16px;color:var(--warm-text-muted)}.package-modal.redesigned .details-header{margin-bottom:1.5rem}.package-modal.redesigned .details-header h2{font-size:1.25rem;font-weight:600;color:var(--warm-charcoal);margin:0}.package-modal.redesigned .package-form{padding:0}.package-modal.redesigned .form-scroll{padding:0;overflow:visible}.package-modal.redesigned .modal-actions.redesigned{display:flex;gap:1rem;margin-top:1.5rem;padding:0;border-top:none;background:none}.package-modal.redesigned .modal-actions .btn-save,.package-modal.redesigned .modal-actions .btn-cancel{flex:1;padding:1rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.package-modal.redesigned .modal-actions .btn-save{background:var(--success);color:#fff}.package-modal.redesigned .modal-actions .btn-save:hover{background:var(--success-dark)}.package-modal.redesigned .modal-actions .btn-save:disabled{opacity:.7;cursor:not-allowed}.package-modal.redesigned .modal-actions .btn-cancel{background:var(--error-bg);color:var(--error)}.package-modal.redesigned .modal-actions .btn-cancel:hover{background:var(--error);color:#fff;opacity:1}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--warm-border);flex-shrink:0}.package-form{display:flex;flex-direction:column;flex:1;overflow:hidden}.form-scroll{flex:1;overflow-y:auto;padding:1.5rem}.form-section{margin-bottom:1.5rem}.section-label{display:block;font-size:.875rem;font-weight:600;color:var(--warm-charcoal);margin-bottom:.75rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.image-upload-zone{width:100%}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border:none;border-radius:.75rem;background:var(--cream-dark);cursor:pointer;transition:all .15s ease;text-align:center}.upload-zone:hover{background:#f3f4f6}.upload-options{display:flex;align-items:stretch;gap:1rem}.upload-options .upload-zone{flex:1;padding:1.5rem 1rem}.upload-divider{display:flex;align-items:center;color:var(--warm-text-light);font-size:.8125rem}.library-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 1rem;border:none;border-radius:.75rem;background:#eef2ff;cursor:pointer;transition:all .15s ease;text-align:center;font-size:.875rem;font-weight:500;color:#4f46e5}.library-btn:hover{background:#e0e7ff}.library-btn svg{width:28px;height:28px;color:#6366f1}.image-preview-container{position:relative;border-radius:.75rem;overflow:hidden;border:2px solid var(--warm-border)}.image-preview-container img{width:100%;height:200px;object-fit:cover}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease}.remove-image-btn:hover{background:#000c}.remove-image-btn svg{width:16px;height:16px;color:#fff}.short-description-textarea{width:100%;min-height:80px;padding:.75rem 1rem;border:1px solid var(--warm-border);border-radius:.5rem;font-size:.9375rem;font-family:inherit;resize:vertical;transition:border-color .15s ease}.short-description-textarea:focus{outline:none;border-color:var(--warm-charcoal)}.image-upload{width:100%}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:180px;background:var(--cream-dark);border:1px solid var(--warm-border);border-radius:.75rem;cursor:pointer;transition:all .15s ease}.upload-placeholder:hover{border-color:var(--warm-charcoal);background:#f3f4f6}.upload-placeholder svg{width:40px;height:40px;color:var(--warm-text-light)}.upload-placeholder span{font-size:.875rem;color:var(--warm-text-muted);font-weight:500}.image-preview{position:relative;height:180px;border-radius:.75rem;overflow:hidden;border:1px solid var(--warm-border)}.remove-image{position:absolute;top:.75rem;right:.75rem;padding:.5rem;background:#000000b3;border:none;border-radius:.5rem;cursor:pointer;transition:background .15s ease}.remove-image:hover{background:#000000e6}.remove-image svg{width:16px;height:16px;color:#fff}.package-form .form-group{margin-bottom:1rem}.package-form label{display:block;font-size:.875rem;font-weight:500;color:var(--warm-text);margin-bottom:.375rem}.package-form input,.package-form select,.package-form textarea{width:100%;padding:.625rem .875rem;background:var(--cream-dark);border:1px solid var(--warm-border);border-radius:.5rem;font-size:.9375rem;color:var(--warm-charcoal);font-family:inherit;transition:all .15s ease}.package-form input:focus,.package-form select:focus,.package-form textarea:focus{outline:none;border-color:var(--warm-charcoal);background:#fff}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.quill-wrapper{background:#fff;border-radius:.5rem;overflow:hidden}.quill-wrapper .ql-toolbar{border:1px solid var(--warm-border);border-radius:.5rem .5rem 0 0;background:var(--cream-dark)}.quill-wrapper .ql-container{border:1px solid var(--warm-border);border-top:none;border-radius:0 0 .5rem .5rem;min-height:150px;font-size:.9375rem}.quill-wrapper .ql-editor{min-height:150px;color:var(--warm-charcoal)}.quill-wrapper .ql-editor ul,.quill-wrapper .ql-editor ol{padding-left:1.5rem;color:var(--warm-charcoal)}.quill-wrapper .ql-editor ul li,.quill-wrapper .ql-editor ol li{color:var(--warm-charcoal);padding-left:.25rem}.quill-wrapper .ql-editor ul li:before{color:var(--warm-charcoal)}.quill-wrapper .ql-editor ol li:before{color:var(--warm-charcoal)}.add-addon-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#f3f4f6;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;color:var(--warm-text);cursor:pointer}.add-addon-btn:hover{background:var(--warm-border)}.add-addon-btn svg{width:14px;height:14px}.addon-row{display:grid;grid-template-columns:1fr 120px auto;gap:.5rem;align-items:center}.addon-row input{margin:0}.time-ext-row{grid-template-columns:1fr 80px 100px auto}.time-ext-minutes{text-align:center}.remove-addon{padding:.5rem;background:none;border:none;cursor:pointer;color:var(--warm-text-light)}.remove-addon:hover{color:#dc2626}.remove-addon svg{width:16px;height:16px}.status-options{display:flex;gap:.75rem}.status-pill{padding:.625rem 1.5rem;border:none;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.status-pill.draft{background:#fef3c7;color:#92400e}.status-pill.draft:hover{background:#fde68a}.status-pill.draft.selected{background:#f59e0b;color:#fff;box-shadow:0 0 0 3px #f59e0b33}.status-pill.published{background:#d1fae5;color:#065f46}.status-pill.published:hover{background:#a7f3d0}.status-pill.published.selected{background:#10b981;color:#fff;box-shadow:0 0 0 3px #10b98133}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--warm-border);background:#fafafa;flex-shrink:0}.btn-secondary:hover{background:var(--cream-dark);border-color:#d1d5db}@media(max-width:1024px)and (min-width:768px){.packages-header{flex-direction:column;gap:1rem;align-items:stretch}.add-package-btn{width:100%;justify-content:center}.packages-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.25rem}.package-image{height:160px}.package-details{padding:1rem}.package-modal{max-width:90%;max-height:85vh}.modal-content{padding:1.25rem}.form-row{gap:1rem}}@media(max-width:768px){.packages-header{flex-direction:column;gap:1rem}.add-package-btn{width:100%;justify-content:center}.packages-grid{grid-template-columns:1fr!important}.form-row{grid-template-columns:1fr;gap:5px}.addon-row{display:flex!important;grid-template-columns:1fr auto}.addon-row input:first-child{grid-column:1 / -1}.status-options{flex-direction:column}.modal-overlay{padding:1rem;align-items:center}.package-modal{max-width:calc(100vw - 2rem);width:100%;max-height:85vh;border-radius:1rem}.modal-content{padding:1rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-actions button{width:100%;justify-content:center}}@media(min-width:1920px){.packages-page .packages-grid{grid-template-columns:repeat(4,1fr)!important}}.package-modal{position:relative}.backdrops-checklist{display:flex;flex-direction:column;gap:.5rem}.backdrop-check-item{display:flex!important;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--cream-dark);border:1px solid var(--warm-border);border-radius:.5rem;cursor:pointer;transition:all .15s ease;margin-bottom:0}.backdrop-check-item:hover{border-color:var(--warm-charcoal)}.backdrop-check-item.selected{background:#ecfdf5;border-color:#10b981}.backdrop-check-item input[type=checkbox]{width:18px;height:18px;flex-shrink:0;cursor:pointer}.backdrop-check-name{flex:1;font-size:.9375rem;font-weight:500;color:var(--warm-charcoal)}.backdrop-check-price{font-size:.875rem;font-weight:600;color:var(--warm-text-muted);margin-left:auto;flex-shrink:0}.field-hint{display:block;font-size:.75rem;color:var(--warm-text-muted);margin-top:.375rem}.included-toggle{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border:1px solid var(--warm-border);border-radius:999px;background:#f3f4f6;color:var(--warm-text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.included-toggle:hover{border-color:#10b981;color:#10b981}.included-toggle.active{background:#10b981;border-color:#10b981;color:#fff}.backdrops-accordion{display:flex;flex-direction:column;gap:.5rem}.accordion-section{border:1px solid var(--warm-border);border-radius:8px;overflow:hidden}.accordion-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:var(--cream-dark);border:none;cursor:pointer;text-align:left;transition:background .15s ease}.accordion-header:hover{background:#f3f4f6}.accordion-header.expanded{border-bottom:1px solid var(--warm-border)}.accordion-chevron{font-size:.625rem;color:var(--warm-text-muted);width:1rem;flex-shrink:0}.accordion-title{font-size:.875rem;font-weight:600;color:#1a1a2e}.accordion-count{font-size:.75rem;color:var(--warm-text-muted);margin-left:auto}.accordion-count .selected-count{color:#10b981;font-weight:600}.accordion-content{background:#fff;padding:.5rem}.gallery-images-row{margin-top:1rem}.image-upload-zone.small{height:100px;border-radius:.5rem;background:var(--cream-dark);border:1px dashed var(--warm-border);cursor:pointer;transition:all .15s ease;overflow:hidden}.image-upload-zone.small .image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.25rem}.image-upload-zone.small .image-placeholder svg{width:24px;height:24px;color:var(--warm-text-light)}.image-upload-zone.small .image-placeholder span{font-size:.75rem;color:var(--warm-text-muted)}.image-upload-zone.small .image-preview{position:relative;width:100%;height:100%}.image-upload-zone.small .image-preview img{width:100%;height:100%;object-fit:cover}.image-upload-zone.small .image-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.image-upload-zone.small:hover .image-overlay{opacity:1}.image-upload-zone.small .image-overlay span{font-size:.75rem;font-weight:600;color:#fff}.rooms-page{width:100%}.rooms-loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--warm-text-muted)}.rooms-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.rooms-header h1{font-size:1.75rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .25rem}.rooms-subtitle{color:var(--warm-text-muted);font-size:.9375rem;margin:0}.add-room-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.add-room-btn svg{width:18px;height:18px}.add-room-btn:hover{background:var(--accent-amber-dark)}.rooms-empty{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:4rem 2rem;text-align:center}.rooms-empty svg{width:48px;height:48px;color:#d1d5db;margin-bottom:1rem}.rooms-empty p{font-size:1.125rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 .5rem}.rooms-empty span{color:var(--warm-text-muted);font-size:.9375rem}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.room-card{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;overflow:hidden;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:box-shadow .15s ease}.room-card:hover{box-shadow:0 4px 12px #00000014}.room-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:.75rem;margin-bottom:1rem}.room-icon svg{width:24px;height:24px;color:var(--warm-text-muted)}.room-card h3{font-size:1rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 1rem}.room-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid #f3f4f6;background:#fafafa;margin-top:auto;margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:-1.5rem;width:calc(100% + 3rem)}.room-actions .edit-btn{flex:1;min-width:60px;padding:.5rem 1rem;border:none;border-radius:.375rem;background:var(--accent-amber);cursor:pointer;transition:all .15s ease;font-size:.8125rem;font-weight:600;color:#fff;text-align:center}.room-actions .edit-btn:hover{background:var(--accent-amber-dark)}.room-actions .delete-btn{flex:0 0 36px;width:36px;height:36px;padding:0;border:none;border-radius:.375rem;background:var(--error-bg);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.room-actions .delete-btn svg{width:16px;height:16px;color:var(--error)}.room-actions .delete-btn:hover{border-color:var(--error)!important;background:var(--error)!important;opacity:1}.room-actions .delete-btn:hover svg{color:#fff}.room-modal{background:#fff;border-radius:.75rem;width:100%;max-width:400px;display:flex;flex-direction:column}.room-modal.redesigned{position:relative;padding:2rem}.room-modal.redesigned .details-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease;z-index:1}.room-modal.redesigned .details-close:hover{background:var(--warm-border)}.room-modal.redesigned .details-close svg{width:16px;height:16px;color:var(--warm-text-muted)}.room-modal.redesigned .details-header{margin-bottom:1.5rem}.room-modal.redesigned .details-header h2{font-size:1.25rem;font-weight:600;color:var(--warm-charcoal);margin:0}.room-modal.redesigned .room-form{padding:0}.room-modal.redesigned .modal-actions.redesigned{display:flex;gap:1rem;margin-top:1.5rem;justify-content:stretch}.room-modal.redesigned .modal-actions .btn-save,.room-modal.redesigned .modal-actions .btn-cancel{flex:1;padding:1rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;display:flex;align-items:center;justify-content:center}.room-modal.redesigned .modal-actions .btn-save{background:var(--success);color:#fff}.room-modal.redesigned .modal-actions .btn-save:hover{background:var(--success-dark)}.room-modal.redesigned .modal-actions .btn-save:disabled{opacity:.7;cursor:not-allowed}.room-modal.redesigned .modal-actions .btn-cancel{background:var(--error-bg);color:var(--error)}.room-modal.redesigned .modal-actions .btn-cancel:hover{background:var(--error);color:#fff}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--warm-border)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--warm-charcoal);margin:0}.modal-close{padding:.5rem;background:none;border:none;cursor:pointer;color:var(--warm-text-muted);border-radius:.375rem}.modal-close:hover{background:#f3f4f6;color:var(--warm-charcoal)}.modal-close svg{width:20px;height:20px}.room-form{padding:1.5rem}.room-form .form-group{margin-bottom:1.5rem}.room-form label{display:block;font-size:.875rem;font-weight:500;color:var(--warm-text);margin-bottom:.375rem}.room-form input{width:100%;padding:.625rem .875rem;background:var(--cream-dark);border:1px solid var(--warm-border);border-radius:.5rem;font-size:.9375rem;color:var(--warm-charcoal);transition:all .15s ease}.room-form input:focus{outline:none;border-color:var(--warm-charcoal);background:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.btn-secondary{padding:.625rem 1.25rem;background:#fff;border:1px solid var(--warm-border);border-radius:.5rem;font-size:.9375rem;font-weight:500;color:var(--warm-text);cursor:pointer}.btn-primary{padding:.625rem 1.25rem;background:var(--accent-amber);border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;color:#fff;cursor:pointer}.btn-primary:hover{background:var(--accent-amber-dark)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.room-modal{position:relative}@media(max-width:1024px)and (min-width:768px){.rooms-header{flex-direction:column;gap:1rem;align-items:stretch}.add-room-btn{width:100%;justify-content:center}.rooms-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.room-modal.redesigned{max-width:90%;max-height:85vh}.room-form{padding:1.25rem}}@media(max-width:768px){.rooms-header{flex-direction:column;gap:1rem}.add-room-btn{width:100%;justify-content:center}.rooms-grid{grid-template-columns:1fr}.room-card{padding:1rem}.room-info h3{font-size:1rem}.modal-overlay{padding:1rem;align-items:center}.room-modal.redesigned{max-width:calc(100vw - 2rem);width:100%;max-height:85vh;border-radius:1rem}.room-form{padding:1rem}.details-close{width:32px;height:32px}.room-actions{flex-direction:column-reverse;gap:.75rem}.room-actions button{width:100%;justify-content:center}}.backdrops-page{width:100%}.backdrops-loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--warm-text-muted)}.backdrops-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.backdrops-header h1{font-size:1.75rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .25rem}.backdrops-subtitle{color:var(--warm-text-muted);font-size:.9375rem;margin:0}.add-backdrop-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.add-backdrop-btn svg{width:18px;height:18px}.add-backdrop-btn:hover{background:var(--accent-amber-dark)}.backdrops-empty{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:4rem 2rem;text-align:center}.backdrops-empty svg{width:48px;height:48px;color:#d1d5db;margin-bottom:1rem}.backdrops-empty p{font-size:1.125rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 .5rem}.backdrops-empty span{color:var(--warm-text-muted);font-size:.9375rem}.backdrops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.backdrop-card{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;overflow:hidden;transition:box-shadow .15s ease;display:flex;flex-direction:column;height:100%}.backdrop-card:hover{box-shadow:0 4px 12px #00000014}.backdrop-image{width:100%;height:160px;background:#f3f4f6;overflow:hidden}.backdrop-image img{width:100%;height:100%;object-fit:cover}.backdrop-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--warm-text-light)}.backdrop-placeholder svg{width:40px;height:40px}.backdrop-content{padding:1rem 1.25rem;flex:1;display:flex;flex-direction:column}.backdrop-content h3{font-size:1rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 .375rem}.backdrop-description{font-size:.8125rem;color:var(--warm-text-muted);margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.backdrop-category{display:inline-block;font-size:.75rem;font-weight:600;color:var(--warm-charcoal);margin-bottom:.25rem;letter-spacing:.02em}.backdrop-price{font-size:1rem;font-weight:700;color:var(--warm-charcoal);margin-top:auto}.backdrop-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid #f3f4f6;background:#fafafa}.backdrop-actions .edit-btn{flex:1;min-width:60px;padding:.5rem 1rem;border:none;border-radius:.375rem;background:var(--accent-amber);cursor:pointer;transition:all .15s ease;font-size:.8125rem;font-weight:600;color:#fff;text-align:center}.backdrop-actions .edit-btn:hover{background:var(--accent-amber-dark)}.backdrop-actions .delete-btn{flex:0 0 36px;width:36px;height:36px;padding:0;border:none;border-radius:.375rem;background:var(--error-bg);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.backdrop-actions .delete-btn svg{width:16px;height:16px;color:var(--error)}.backdrop-actions .delete-btn:hover{border-color:var(--error)!important;background:var(--error)!important;opacity:1}.backdrop-actions .delete-btn:hover svg{color:#fff}.backdrop-modal{background:#fff;border-radius:.75rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.backdrop-modal.redesigned{position:relative;padding:2rem}.backdrop-modal.redesigned .details-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease;z-index:1}.backdrop-modal.redesigned .details-close:hover{background:var(--warm-border)}.backdrop-modal.redesigned .details-close svg{width:16px;height:16px;color:var(--warm-text-muted)}.backdrop-modal.redesigned .details-header{margin-bottom:1.5rem}.backdrop-modal.redesigned .details-header h2{font-size:1.25rem;font-weight:600;color:var(--warm-charcoal);margin:0}.backdrop-form{padding:0}.backdrop-form .form-group{margin-bottom:1.25rem}.backdrop-form label{display:block;font-size:.875rem;font-weight:500;color:var(--warm-text);margin-bottom:.375rem}.backdrop-form input,.backdrop-form textarea{width:100%;padding:.625rem .875rem;background:var(--cream-dark);border:1px solid var(--warm-border);border-radius:.5rem;font-size:.9375rem;color:var(--warm-charcoal);transition:all .15s ease;font-family:inherit}.backdrop-form input:focus,.backdrop-form textarea:focus{outline:none;border-color:var(--warm-charcoal);background:#fff}.backdrop-form textarea{resize:vertical;min-height:60px}.backdrop-modal.redesigned .modal-actions.redesigned{display:flex;gap:1rem;margin-top:1.5rem;justify-content:stretch}.backdrop-modal.redesigned .modal-actions .btn-save,.backdrop-modal.redesigned .modal-actions .btn-cancel{flex:1;padding:1rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;display:flex;align-items:center;justify-content:center}.backdrop-modal.redesigned .modal-actions .btn-save{background:var(--success);color:#fff}.backdrop-modal.redesigned .modal-actions .btn-save:hover{background:var(--success-dark)}.backdrop-modal.redesigned .modal-actions .btn-save:disabled{opacity:.7;cursor:not-allowed}.backdrop-modal.redesigned .modal-actions .btn-cancel{background:var(--error-bg);color:var(--error)}.backdrop-modal.redesigned .modal-actions .btn-cancel:hover{background:var(--error);color:#fff;opacity:1}.backdrop-modal{position:relative}@media(max-width:1024px)and (min-width:768px){.backdrops-header{flex-direction:column;gap:1rem;align-items:stretch}.add-backdrop-btn{width:100%;justify-content:center}.category-filters{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem}.category-filters::-webkit-scrollbar{display:none}.backdrops-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem}.backdrop-modal.redesigned{max-width:90%;max-height:85vh}}@media(max-width:768px){.backdrops-header{flex-direction:column;gap:1rem}.add-backdrop-btn{width:100%;justify-content:center}.category-filters{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 .5rem .25rem}.category-filters::-webkit-scrollbar{display:none}.category-filter-btn,.category-edit-btn{white-space:nowrap;flex-shrink:0}.backdrops-grid{grid-template-columns:1fr}.backdrop-card{border-radius:.5rem}.backdrop-image{height:160px}.modal-overlay{padding:1rem;align-items:center}.backdrop-modal.redesigned{max-width:calc(100vw - 2rem);width:100%;max-height:85vh;border-radius:1rem}.form-group input,.form-group select,.form-group textarea{font-size:1rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-actions button{width:100%;justify-content:center}.category-edit-modal{width:90%;max-width:none}}.props-page{width:100%}.props-loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--warm-text-muted)}.props-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.props-header h1{font-size:1.75rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .25rem}.props-subtitle{color:var(--warm-text-muted);font-size:.9375rem;margin:0}.add-prop-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.add-prop-btn svg{width:18px;height:18px}.add-prop-btn:hover{background:var(--accent-amber-dark)}.props-empty{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:4rem 2rem;text-align:center}.props-empty svg{width:48px;height:48px;color:#d1d5db;margin-bottom:1rem}.props-empty p{font-size:1.125rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 .5rem}.props-empty span{color:var(--warm-text-muted);font-size:.9375rem}.props-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.prop-card{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;overflow:hidden;transition:box-shadow .15s ease;display:flex;flex-direction:column;height:100%}.prop-card:hover{box-shadow:0 4px 12px #00000014}.prop-image{width:100%;height:160px;background:#f3f4f6;overflow:hidden}.prop-image img{width:100%;height:100%;object-fit:cover}.prop-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--warm-text-light)}.prop-placeholder svg{width:40px;height:40px}.prop-content{padding:1rem 1.25rem;flex:1;display:flex;flex-direction:column}.prop-content h3{font-size:1rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 .375rem}.prop-description{font-size:.8125rem;color:var(--warm-text-muted);margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prop-category{display:inline-block;font-size:.75rem;font-weight:600;color:var(--warm-charcoal);margin-bottom:.25rem;letter-spacing:.02em}.prop-price{font-size:1rem;font-weight:700;color:var(--warm-charcoal);margin-top:auto}.prop-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-top:1px solid #f3f4f6;background:#fafafa}.prop-actions .edit-btn{flex:1;min-width:60px;padding:.5rem 1rem;border:none;border-radius:.375rem;background:var(--accent-amber);cursor:pointer;transition:all .15s ease;font-size:.8125rem;font-weight:600;color:#fff;text-align:center}.prop-actions .edit-btn:hover{background:var(--accent-amber-dark)}.prop-actions .delete-btn{flex:0 0 36px;width:36px;height:36px;padding:0;border:none;border-radius:.375rem;background:var(--error-bg);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.prop-actions .delete-btn svg{width:16px;height:16px;color:var(--error)}.prop-actions .delete-btn:hover{border-color:var(--error)!important;background:var(--error)!important;opacity:1}.prop-actions .delete-btn:hover svg{color:#fff}.prop-modal{background:#fff;border-radius:.75rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.prop-modal.redesigned{position:relative;padding:2rem}.prop-modal.redesigned .details-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease;z-index:1}.prop-modal.redesigned .details-close:hover{background:var(--warm-border)}.prop-modal.redesigned .details-close svg{width:16px;height:16px;color:var(--warm-text-muted)}.prop-modal.redesigned .details-header{margin-bottom:1.5rem}.prop-modal.redesigned .details-header h2{font-size:1.25rem;font-weight:600;color:var(--warm-charcoal);margin:0}.prop-form{padding:0}.prop-form .form-group{margin-bottom:1.25rem}.prop-form label{display:block;font-size:.875rem;font-weight:500;color:var(--warm-text);margin-bottom:.375rem}.prop-form input,.prop-form textarea{width:100%;padding:.625rem .875rem;background:var(--cream-dark);border:1px solid var(--warm-border);border-radius:.5rem;font-size:.9375rem;color:var(--warm-charcoal);transition:all .15s ease;font-family:inherit}.prop-form input:focus,.prop-form textarea:focus{outline:none;border-color:var(--warm-charcoal);background:#fff}.prop-form textarea{resize:vertical;min-height:60px}.form-hint{display:block;font-size:.75rem;color:var(--warm-text-muted);margin-top:.375rem}.category-dropdown-wrapper{position:relative}.category-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border:1px solid var(--warm-border);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;z-index:50;max-height:200px;overflow-y:auto}.category-option{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;font-size:.9375rem;color:var(--warm-charcoal);cursor:pointer;transition:background .1s ease}.category-option:hover{background:#f3f4f6}.category-option:not(:last-child){border-bottom:1px solid #f3f4f6}.image-upload-zone{width:100%;height:140px;border:none;border-radius:.75rem;cursor:pointer;overflow:hidden;transition:all .15s ease}.image-upload-zone:hover{background:var(--cream-dark)}.image-preview{width:100%;height:100%;position:relative}.image-preview img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;color:#fff;gap:.5rem}.image-preview:hover .image-overlay{opacity:1}.image-overlay svg{width:24px;height:24px}.image-overlay span{font-size:.875rem;font-weight:500}.image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--warm-text-light);gap:.5rem}.image-placeholder svg{width:32px;height:32px}.image-placeholder span{font-size:.875rem}.gallery-images-row{margin-top:.5rem}.gallery-upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.image-upload-zone.small{height:100px;background:var(--cream-dark);border:2px dashed var(--warm-border);border-radius:.5rem}.image-upload-zone.small:hover{border-color:var(--warm-charcoal);background:#f3f4f6}.image-upload-zone.small .image-placeholder{gap:.25rem}.image-upload-zone.small .image-placeholder svg{width:24px;height:24px}.image-upload-zone.small .image-placeholder span{font-size:.75rem}.image-actions{display:flex;gap:.5rem;margin-top:.5rem}.image-action-btn{flex:1;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;border:1px solid var(--warm-border);border-radius:.375rem;background:#fff;color:var(--warm-charcoal);cursor:pointer;transition:all .15s ease}.image-action-btn:hover{background:#f3f4f6;border-color:var(--warm-charcoal)}.image-action-btn.remove{background:var(--error-bg);border-color:var(--error-bg);color:var(--error)}.image-action-btn.remove:hover{background:var(--error);border-color:var(--error);color:#fff}.gallery-upload-grid{display:grid;grid-template-columns:1fr auto 1fr auto;gap:.5rem;align-items:start}.gallery-item-actions{display:flex;flex-direction:column;gap:.25rem}.mini-action-btn{width:28px;height:28px;padding:0;font-size:.75rem;border:1px solid var(--warm-border);border-radius:.375rem;background:#fff;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.mini-action-btn:hover{background:#f3f4f6;border-color:var(--warm-charcoal)}.mini-action-btn.remove{background:var(--error-bg);border-color:var(--error-bg);color:var(--error)}.mini-action-btn.remove:hover{background:var(--error);border-color:var(--error);color:#fff}.prop-modal.redesigned .modal-actions.redesigned{display:flex;gap:1rem;margin-top:1.5rem;justify-content:stretch}.prop-modal.redesigned .modal-actions .btn-save,.prop-modal.redesigned .modal-actions .btn-cancel{flex:1;padding:1rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;display:flex;align-items:center;justify-content:center}.prop-modal.redesigned .modal-actions .btn-save{background:var(--success);color:#fff}.prop-modal.redesigned .modal-actions .btn-save:hover{background:var(--success-dark)}.prop-modal.redesigned .modal-actions .btn-save:disabled{opacity:.7;cursor:not-allowed}.prop-modal.redesigned .modal-actions .btn-cancel{background:var(--error-bg);color:var(--error)}.prop-modal.redesigned .modal-actions .btn-cancel:hover{background:var(--error);color:#fff;opacity:1}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.prop-modal{position:relative}.saving-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:inherit;z-index:20}.saving-spinner{width:32px;height:32px;border:3px solid var(--warm-border);border-top-color:var(--warm-charcoal);border-radius:50%;animation:spin .8s linear infinite}.saving-text{font-size:.9375rem;font-weight:600;color:var(--warm-text)}.category-filters{display:flex;flex-wrap:nowrap;gap:.5rem;padding:0 1rem;margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.category-filter-item{display:flex;align-items:stretch;gap:0;flex-shrink:0}.category-filter-btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--warm-text-muted);background:#fff;border:1px solid var(--warm-border);border-radius:999px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.category-filter-btn:hover{border-color:#d1d5db;color:var(--warm-text)}.category-filter-item .category-filter-btn{border-radius:999px 0 0 999px;border-right:none}.category-filter-btn.active{background:var(--accent-amber);border-color:var(--accent-amber);color:#fff}.category-edit-btn{display:flex;align-items:center;justify-content:center;width:36px;padding:0;background:#fff;border:1px solid var(--warm-border);border-left:1px solid var(--warm-border);border-radius:0 999px 999px 0;cursor:pointer;transition:all .15s ease;color:var(--warm-text-muted)}.category-edit-btn:hover{border-color:#d1d5db;color:var(--warm-text);z-index:10}.category-filter-btn.active+.category-edit-btn{background:var(--accent-amber);border-color:var(--accent-amber);border-left-color:#ffffff4d;color:#fff}.category-filter-btn.active+.category-edit-btn:hover{background:var(--warm-charcoal);border-color:var(--warm-charcoal)}.category-filter-btn.active+.category-edit-btn svg{color:#fff}.category-edit-btn svg{width:14px;height:14px;color:var(--warm-text-muted)}.category-edit-modal{background:#fff;border-radius:12px;padding:1.5rem;width:100%;max-width:400px;box-shadow:0 20px 40px #0003}.category-edit-modal h3{font-size:1.125rem;font-weight:600;color:#1a1a2e;margin:0 0 .5rem}.category-edit-hint{font-size:.875rem;color:var(--warm-text-muted);margin:0 0 1rem}.category-edit-modal input{width:100%;padding:.75rem 1rem;font-size:.9375rem;border:1px solid var(--warm-border);border-radius:8px;margin-bottom:1rem}.category-edit-modal input:focus{outline:none;border-color:#1a1a2e}.category-edit-actions{display:flex;gap:.75rem}@media(max-width:1024px)and (min-width:768px){.props-header{flex-direction:column;gap:1rem;align-items:stretch}.add-prop-btn{width:100%;justify-content:center}.category-filters{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem}.category-filters::-webkit-scrollbar{display:none}.props-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem}.prop-modal.redesigned{max-width:90%;max-height:85vh}}@media(max-width:768px){.props-header{flex-direction:column;gap:1rem}.add-prop-btn{width:100%;justify-content:center}.category-filters{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 .5rem .25rem}.category-filters::-webkit-scrollbar{display:none}.category-filter-btn,.category-edit-btn{white-space:nowrap;flex-shrink:0}.props-grid{grid-template-columns:1fr}.prop-card{border-radius:.5rem}.prop-image{height:160px}.modal-overlay{padding:1rem;align-items:center}.prop-modal.redesigned{max-width:calc(100vw - 2rem);width:100%;max-height:85vh;border-radius:1rem}.form-group input,.form-group select,.form-group textarea{font-size:1rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-actions button{width:100%;justify-content:center}.category-edit-modal{width:90%;max-width:none}}.media-library-page{padding:0;max-width:100%;height:calc(100vh - 80px);display:flex;flex-direction:column}.media-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--warm-text-muted);font-size:1rem}.media-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem;flex-shrink:0}.media-header h1{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin:0}.media-subtitle{font-size:.875rem;color:var(--warm-text-muted);margin:.25rem 0 0}.storage-usage{margin-top:.5rem}.storage-bar-container{display:flex;align-items:center;gap:.75rem}.storage-bar{flex:1;height:8px;background:var(--warm-border);border-radius:4px;overflow:hidden;max-width:200px}.storage-bar-fill{height:100%;background:var(--accent-amber);border-radius:4px;transition:width .3s ease}.storage-bar-fill.warning{background:#f59e0b}.storage-bar-fill.critical{background:#ef4444}.storage-text{font-size:.75rem;color:var(--warm-text-muted);white-space:nowrap}.storage-text.critical{color:#ef4444;font-weight:500}.upload-media-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease;flex-shrink:0}.upload-media-btn:hover:not(:disabled){background:var(--accent-amber-dark)}.upload-media-btn:disabled{opacity:.7;cursor:not-allowed}.upload-media-btn svg{width:16px;height:16px}.upload-progress{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;margin-bottom:1rem;font-size:.8125rem;color:#4f46e5;flex-shrink:0}.upload-spinner{width:14px;height:14px;border:2px solid #c7d2fe;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}.bulk-actions-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-shrink:0}.bulk-toggle-btn{padding:.5rem 1rem;background:transparent;color:var(--warm-text-muted);border:1px solid var(--warm-border);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.bulk-toggle-btn:hover{background:var(--cream-dark);color:var(--warm-text)}.bulk-toggle-btn.active{background:var(--warm-charcoal);color:#fff;border-color:var(--warm-charcoal)}.select-all-btn{padding:.5rem 1rem;background:transparent;color:var(--warm-text);border:1px solid var(--warm-border);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.select-all-btn:hover{background:var(--cream-darker)}.selected-count{font-size:.8125rem;color:var(--warm-text-muted);padding:0 .5rem}.bulk-delete-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--error-bg);color:var(--error);border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.bulk-delete-btn:hover:not(:disabled){background:var(--error);color:#fff}.bulk-delete-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-delete-btn svg{width:14px;height:14px}.bulk-checkbox{position:absolute;top:8px;left:8px;width:22px;height:22px;background:#fff;border:2px solid var(--warm-border);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .15s ease}.bulk-checkbox.checked{background:var(--accent-amber);border-color:var(--accent-amber)}.bulk-checkbox svg{width:14px;height:14px;color:#fff}.media-card.bulk-selected{border-color:var(--accent-amber);box-shadow:0 0 0 2px var(--accent-amber)}.media-container{display:flex;gap:0;flex:1;min-height:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.media-container{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;overflow:hidden;display:flex;flex:1;position:relative}.media-container .media-content{flex:1;min-height:0;overflow-y:auto;padding:1rem;position:relative;transition:background .2s ease}.media-container .media-content.dragging{background:#eef2ff}.media-container .drop-overlay{position:absolute;inset:1rem;background:#6366f11a;border:3px dashed #6366f1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;z-index:10;pointer-events:none}.media-container .drop-overlay svg{width:48px;height:48px;color:#6366f1}.media-container .drop-overlay p{font-size:1.125rem;font-weight:600;color:#4f46e5;margin:0}.media-container .media-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;text-align:center;color:var(--warm-text-muted)}.media-container .media-empty svg{width:48px;height:48px;color:#d1d5db;margin-bottom:1rem}.media-container .media-empty p{font-size:1rem;font-weight:500;color:var(--warm-text);margin:0 0 .25rem}.media-container .media-empty span{font-size:.875rem;color:var(--warm-text-muted);margin-bottom:1rem}.media-container .upload-empty-btn{padding:.75rem 1.25rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease}.media-container .upload-empty-btn:hover{background:var(--accent-amber-dark)}.media-container .media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.media-container .media-card{aspect-ratio:1;border-radius:4px;overflow:hidden;cursor:pointer;position:relative;border:3px solid transparent;transition:all .15s ease}.media-container .media-card:hover{border-color:var(--accent-amber);box-shadow:0 4px 12px #0000001a}.media-container .media-card.selected{border:3px solid var(--accent-amber)}.media-container .media-card.selected:after{content:"✓";position:absolute;top:4px;right:4px;width:20px;height:20px;background:var(--accent-amber);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.media-container .media-thumb{width:100%;height:100%}.media-container .media-thumb img{width:100%;height:100%;object-fit:cover}.media-container .media-sidebar{width:320px;background:var(--cream-dark);border-left:1px solid var(--warm-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.media-container .media-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--warm-border);background:#fff}.media-container .media-sidebar-header h3{font-size:.875rem;font-weight:600;color:#1a1a2e;margin:0}.media-container .close-sidebar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:var(--warm-text-muted);cursor:pointer;border-radius:4px;transition:all .15s ease}.media-container .close-sidebar:hover{background:var(--warm-border);color:#1a1a2e}.media-container .close-sidebar svg{width:16px;height:16px}.media-container .sidebar-preview{padding:1rem;background:#fff;border-bottom:1px solid var(--warm-border)}.media-container .sidebar-preview img{width:100%;max-height:200px;object-fit:contain;border-radius:4px;background:#f3f4f6}.media-container .sidebar-details{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.media-container .detail-row{display:flex;flex-direction:column;gap:.25rem}.media-container .detail-row label{font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--warm-text-muted)}.media-container .detail-row span{font-size:.8125rem;color:#1a1a2e;word-break:break-all}.media-container .sidebar-url{padding:0 1rem 1rem}.media-container .sidebar-url label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--warm-text-muted);margin-bottom:.5rem}.media-container .url-copy{display:flex;gap:.5rem}.media-container .url-copy input{flex:1;padding:.5rem .75rem;font-size:.75rem;border:1px solid var(--warm-border);border-radius:6px;background:#fff;color:var(--warm-text);min-width:0}.media-container .url-copy input:focus{outline:none;border-color:#4f46e5}.media-container .url-copy button{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--accent-amber);color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease}.media-container .url-copy button:hover{background:var(--accent-amber-dark)}.media-container .url-copy button svg{width:14px;height:14px}.media-container .sidebar-actions{padding:1rem;margin-top:auto;border-top:1px solid var(--warm-border)}.media-container .delete-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:none;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.media-container .delete-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.media-container .delete-btn svg{width:16px;height:16px}.media-modal.redesigned{position:relative;background:#fff;border-radius:1rem;max-width:560px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.media-modal.redesigned .details-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:background .15s ease;z-index:1}.media-modal.redesigned .details-close:hover{background:var(--warm-border)}.media-modal.redesigned .details-close svg{width:16px;height:16px;color:var(--warm-text-muted)}.modal-preview{width:100%;background:#f3f4f6;overflow:hidden}.modal-preview img{width:100%;height:auto;display:block}.modal-body{padding:1.5rem}.modal-body h3{font-size:1.25rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 1.25rem}.modal-details{margin-bottom:1.25rem}.modal-details .detail-row{display:flex;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid var(--warm-border)}.modal-details .detail-row:last-child{border-bottom:none}.modal-details label{font-size:.8125rem;font-weight:600;color:var(--warm-text-muted)}.modal-details span{font-size:.875rem;color:var(--warm-text);text-align:right;word-break:break-all}.filename-text{max-width:200px}@media(max-width:1024px){.filename-text{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}}@media(max-width:480px){.filename-text{max-width:120px}}.modal-url{margin-bottom:1.5rem}.modal-url label{display:block;font-size:.75rem;font-weight:600;color:var(--warm-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.modal-url .url-copy{display:flex;gap:0}.modal-url .url-copy input{flex:1;padding:.625rem .875rem;border:1px solid var(--warm-border);border-right:none;border-radius:.5rem 0 0 .5rem;font-size:.8125rem;color:var(--warm-text);background:var(--cream-dark)}.modal-url .url-copy input:focus{outline:none;border-color:var(--warm-charcoal)}.modal-url .url-copy button{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:var(--warm-charcoal);color:#fff;border:none;border-radius:0 .5rem .5rem 0;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s ease}.modal-url .url-copy button:hover{background:var(--warm-charcoal-light)}.modal-url .url-copy button svg{width:14px;height:14px}.media-modal .modal-actions{display:flex;gap:1rem;margin-top:1.5rem;padding:0;border-top:none;background:none}.media-modal .btn-cancel{flex:1;padding:1rem 1.5rem;background:var(--cream-dark);color:var(--warm-text);border:1px solid var(--warm-border);border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.media-modal .btn-cancel:hover{background:var(--cream-darker)}.media-modal .btn-delete{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:1rem 1.5rem;background:var(--error-bg);color:var(--error);border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.media-modal .btn-delete:hover{background:var(--error);color:#fff}.media-modal .btn-delete svg{width:16px;height:16px}@media(max-width:1024px)and (min-width:768px){.media-library-page{padding:0}.media-header{flex-direction:column;gap:.75rem;align-items:stretch}.upload-media-btn{width:100%;justify-content:center}.media-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.media-sidebar{position:fixed;right:0;top:0;bottom:0;z-index:100;width:340px;box-shadow:-4px 0 20px #00000026;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.media-sidebar.visible{transform:translate(0)}}@media(max-width:768px){.media-library-page{padding:0;height:auto}.media-header{flex-direction:column}.upload-media-btn{width:100%;justify-content:center}.media-grid{grid-template-columns:repeat(3,1fr)!important;gap:.5rem}.bulk-actions-bar{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem}.bulk-actions-bar::-webkit-scrollbar{display:none}.bulk-toggle-btn,.select-all-btn,.bulk-delete-btn,.selected-count{flex-shrink:0;white-space:nowrap}.media-sidebar{position:fixed;inset:0;width:100%;max-width:100%;z-index:100;border-radius:0}.sidebar-header h3{font-size:1.125rem}.sidebar-body{padding:.75rem}.media-actions button{width:100%;justify-content:center}}.calendar-page{width:100%}.calendar-loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--warm-text-muted)}.calendar-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.calendar-header h1{font-size:1.75rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .25rem}.calendar-subtitle{color:var(--warm-text-muted);font-size:.9375rem;margin:0}.today-btn{padding:.625rem 1.25rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.today-btn:hover{background:var(--accent-amber-dark)}.calendar-container{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;height:calc(100vh - 200px);min-height:500px}.calendar-grid-section{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;overflow:hidden}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.month-title{font-size:1.25rem;font-weight:700;color:var(--warm-charcoal);margin:0}.calendar-nav .nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:var(--cream-dark);border:1px solid var(--warm-border);border-radius:.5rem;cursor:pointer;transition:all .15s ease;flex:0 0 auto;color:var(--warm-text)}.calendar-nav .nav-btn svg{width:18px;height:18px}.calendar-nav .nav-btn:hover{background:#f3f4f6;border-color:#d1d5db}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:auto repeat(6,1fr);gap:4px;flex:1;min-height:0}.calendar-day-header{text-align:center;font-size:.75rem;font-weight:600;color:var(--warm-text-light);text-transform:uppercase;letter-spacing:.05em;padding:.5rem}.calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:.5rem;cursor:pointer;transition:background .15s ease;position:relative;min-height:50px}.calendar-day.empty{cursor:default}.calendar-day:not(.empty):hover{background:var(--cream-dark)}.calendar-day.today .day-number{background:var(--accent-amber);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.calendar-day.selected{background:#f3f4f6}.calendar-day.selected .day-number{font-weight:700;color:var(--warm-charcoal)}.calendar-day.selected.today .day-number{color:#fff}.day-number{font-size:.9375rem;font-weight:500;color:var(--warm-text)}.booking-indicators{display:flex;gap:3px;align-items:center}.booking-dot{width:6px;height:6px;background:var(--warm-charcoal);border-radius:50%;flex-shrink:0}.calendar-day.has-bookings:hover .booking-dot{background:var(--warm-charcoal-light)}.booking-count{font-size:.6875rem;font-weight:600;color:#fff!important;background:var(--warm-charcoal);padding:.125rem .375rem;border-radius:.25rem;min-width:18px;text-align:center}.schedule-panel{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;display:flex;flex-direction:column;overflow:hidden}.schedule-header{padding:1.25rem 1.5rem;border-bottom:1px solid #f3f4f6}.schedule-header h3{font-size:1rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .25rem}.schedule-date{font-size:.875rem;color:var(--warm-text-muted);margin:0}.schedule-empty,.schedule-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.schedule-empty p,.schedule-placeholder p{font-size:.9375rem;font-weight:500;color:var(--warm-text-muted);margin:0 0 .25rem}.schedule-empty span{font-size:.8125rem;color:var(--warm-text-light)}.schedule-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.schedule-item{background:var(--cream-dark);border-radius:.625rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.schedule-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--warm-charcoal)}.schedule-time svg{width:14px;height:14px;color:var(--warm-text-muted)}.schedule-details{display:flex;flex-direction:column;gap:.375rem}.schedule-package{font-size:.9375rem;font-weight:600;color:var(--warm-charcoal)}.schedule-client{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--warm-text-muted)}.schedule-client svg{width:12px;height:12px}.pax-badge{background:var(--warm-border);padding:.125rem .375rem;border-radius:.25rem;font-size:.6875rem;font-weight:600;color:var(--warm-text)}.schedule-room{font-size:.75rem;color:var(--warm-text-light)}.schedule-status{align-self:flex-start;padding:.25rem .625rem;border-radius:.25rem;font-size:.6875rem;font-weight:600;text-transform:capitalize}.schedule-status.status-pending{background:#fef3c7;color:#92400e}.schedule-status.status-confirmed{background:var(--accent-amber-bg);color:var(--accent-amber-dark)}.schedule-status.status-completed{background:#d1fae5;color:#065f46}.schedule-status.status-cancelled{background:#fee2e2;color:#991b1b}.schedule-summary{padding:1rem 1.5rem;border-top:1px solid #f3f4f6;font-size:.8125rem;color:var(--warm-text-muted)}@media(max-width:1024px)and (min-width:768px){.calendar-header{flex-direction:column;gap:1rem;align-items:stretch}.today-btn{width:100%}.calendar-container{grid-template-columns:1fr;height:auto;gap:1rem}.calendar-grid-section{padding:1.25rem}.schedule-panel{min-height:350px}.calendar-day{min-height:80px}.booking-count{font-size:.6875rem;padding:.125rem .375rem}}@media(max-width:768px){.calendar-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.calendar-header h1{font-size:1.5rem}.today-btn{width:100%}.calendar-container{grid-template-columns:1fr;height:auto;gap:1rem}.calendar-grid-section{padding:1rem}.calendar-nav{margin-bottom:1rem}.month-title{font-size:1.125rem}.calendar-nav .nav-btn{width:32px;height:32px;min-width:32px}.calendar-grid{gap:.25rem}.calendar-day-header{padding:.375rem;font-size:.625rem}.calendar-day{min-height:60px;padding:.375rem}.day-number{font-size:.75rem}.calendar-day.today .day-number{width:24px;height:24px;font-size:.6875rem}.booking-count{font-size:.625rem;padding:.125rem .25rem}.booking-dot{width:5px;height:5px}.schedule-panel{min-height:300px}.schedule-panel:not(.visible){display:none}.schedule-header{padding:1rem}.schedule-date{font-size:.875rem}.close-schedule-btn{width:32px;height:32px}.schedule-list{padding:.75rem}.schedule-item{padding:.875rem}.schedule-time{font-size:.75rem}.schedule-title{font-size:.9375rem}.schedule-meta{font-size:.75rem;flex-wrap:wrap}.modal-overlay{padding:0;align-items:flex-end}.booking-details-modal{max-width:100%;width:100%;max-height:90vh;border-radius:1rem 1rem 0 0}.modal-header h3{font-size:1.25rem}.modal-content{padding:1.25rem}.action-buttons{flex-direction:column;gap:.75rem}.action-buttons button,.action-btn{width:100%;justify-content:center}.details-footer{flex-direction:column!important}.details-footer .action-btn{width:100%!important}.confirm-actions{flex-direction:column!important}.confirm-actions button{width:100%!important}}.schedule-item.clickable{cursor:pointer;transition:all .15s ease}.schedule-item.clickable:hover{background:#f3f4f6;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.details-modal{background:#fff;border-radius:1rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;position:relative;padding:2rem}.details-close{position:absolute;top:1.25rem;right:1.25rem;padding:.5rem;background:none;border:none;cursor:pointer;color:var(--warm-text-light);border-radius:.5rem;transition:all .15s ease}.details-close:hover{background:#f3f4f6;color:var(--warm-charcoal)}.details-close svg{width:20px;height:20px}.details-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.details-icon{width:56px;height:56px;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.details-title-area{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.details-title-area h2{font-size:1.5rem;font-weight:700;color:var(--warm-charcoal);margin:0}.status-pill-badge{display:inline-flex;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-pill-badge.pending,.status-pill-badge.status-pending{background:var(--warning-bg);color:var(--warning-text)}.status-pill-badge.confirmed,.status-pill-badge.status-confirmed,.status-pill-badge.active,.status-pill-badge.status-active{background:var(--accent-amber-bg);color:var(--accent-amber-dark)}.status-pill-badge.completed,.status-pill-badge.status-completed{background:var(--success-bg);color:var(--success-text)}.status-pill-badge.cancelled,.status-pill-badge.status-cancelled{background:var(--error-bg);color:var(--error-text)}.details-section-card{margin-bottom:1.25rem}.details-section-card h3{font-size:.8125rem;font-weight:600;color:var(--warm-text-muted);margin:0 0 .75rem}.details-table{background:var(--cream-dark);border-radius:.5rem;overflow:hidden}.details-table-row{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6}.details-table-row:last-child{border-bottom:none}.table-label{font-size:.875rem;color:var(--warm-text-muted)}.table-value{font-size:.875rem;font-weight:500;color:var(--warm-charcoal)}.table-value.paid{color:#059669}.table-value.balance{color:#dc2626}.details-notes{font-size:.875rem;color:var(--warm-text);line-height:1.6;margin:0;padding:.75rem 1rem;background:var(--cream-dark);border-radius:.5rem}.details-footer{display:flex;flex-direction:row;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f3f4f6}.action-btn{flex:1 1 auto!important;min-width:0!important;max-width:none!important;width:auto!important;padding:1rem 1.5rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.action-btn.confirm-btn{background:var(--success);color:#fff}.action-btn.confirm-btn:hover{background:var(--success-dark)}.action-btn.complete-btn{background:var(--success);color:#fff}.action-btn.complete-btn:hover{background:var(--success-dark)}.action-btn.cancel-btn{background:var(--error-bg);color:var(--error)}.action-btn.cancel-btn:hover{background:var(--error);color:#fff}.confirm-dialog{background:#fff;border-radius:1rem;width:100%;max-width:400px;padding:2rem;text-align:center;box-shadow:0 25px 50px -12px #00000040}.confirm-dialog h3{font-size:1.25rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .75rem}.confirm-dialog p{font-size:.9375rem;color:var(--warm-text-muted);margin:0 0 1.5rem;line-height:1.5}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.btn-secondary{flex:1;padding:1rem 1.5rem;background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;font-size:1rem;font-weight:600;color:var(--warm-text);cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:var(--cream-dark)}.btn-confirm{flex:1;padding:1rem 1.5rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-confirm.confirm{background:var(--action-confirm);color:var(--action-confirm-text)}.btn-confirm.confirm:hover{background:var(--action-confirm-hover)}.btn-confirm.complete{background:var(--success);color:#fff}.btn-confirm.complete:hover{background:var(--success-dark)}.btn-confirm.danger,.btn-confirm.danger:hover{background:var(--error);color:#fff}.revenue-page{width:100%}.revenue-loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--warm-text-muted)}.revenue-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.revenue-header h1{font-size:1.75rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .25rem}.revenue-subtitle{color:var(--warm-text-muted);font-size:.9375rem;margin:0}.revenue-actions{display:flex;align-items:center;gap:1rem}.export-btn{padding:.5rem 1rem;background:var(--warm-charcoal);border:1px solid var(--warm-charcoal);border-radius:9999px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.export-btn:hover{background:var(--accent-amber);border-color:var(--accent-amber)}.export-btn:disabled{opacity:.5;cursor:not-allowed}.period-filter{display:flex;gap:.5rem;flex-wrap:wrap}.period-btn{padding:.5rem 1rem;background:#fff;border:1px solid var(--warm-border);border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--warm-text-muted);cursor:pointer;transition:all .15s ease}.period-btn:hover{border-color:#d1d5db;color:var(--warm-text)}.period-btn.active{background:var(--accent-amber);border-color:var(--accent-amber);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}.stat-card{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:1.5rem}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;flex-shrink:0}.stat-icon svg{width:24px;height:24px}.stat-icon.revenue-icon{background:#dcfce7;color:#16a34a}.stat-icon.bookings-icon{background:#dbeafe;color:#2563eb}.stat-icon.avg-icon{background:#fef3c7;color:#d97706}.stat-icon.guests-icon{background:#fce7f3;color:#db2777}.stat-content{flex:1}.stat-label{font-size:.8125rem;color:var(--warm-text-muted);margin:0 0 .25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--warm-charcoal);margin:0}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.chart-card{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:1.5rem}.chart-card.full-width{margin-bottom:1.5rem}.chart-card h3{font-size:1rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 1rem}.chart-container{width:100%}.chart-empty{height:300px;display:flex;align-items:center;justify-content:center}.pie-container .recharts-text{font-size:.6875rem!important;fill:var(--warm-text-muted)!important}.chart-empty p{color:var(--warm-text-light);font-size:.9375rem}.performance-card{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:1.5rem}.performance-card h3{font-size:1rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.performance-card h3 svg{width:18px;height:18px;color:var(--warm-text-muted)}.performance-table{width:100%}.table-header{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--warm-border);font-size:.75rem;font-weight:600;color:var(--warm-text-light);text-transform:uppercase;letter-spacing:.05em}.table-header span:last-child{min-width:180px}.table-row{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--cream-dark);align-items:center}.table-row:last-child{border-bottom:none}.revenue-stats{display:flex;flex-direction:row;align-items:center;gap:.75rem;min-width:180px}.package-name{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;font-weight:500;color:var(--warm-charcoal)}.package-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.revenue-stats .booking-count{font-size:.8125rem;font-weight:600;color:var(--warm-text-muted)!important;background:var(--cream-dark)!important;padding:.25rem .75rem;border-radius:999px}.revenue-amount{font-size:.9375rem;font-weight:600;color:var(--success)}.performance-empty{padding:2rem;text-align:center}.performance-empty p{color:var(--warm-text-light);font-size:.9375rem;margin:0}.popular-list{display:flex;flex-direction:column;gap:.5rem}.popular-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--cream-dark)}.popular-item:last-child{border-bottom:none}.popular-name{font-size:.9375rem;font-weight:500;color:var(--warm-charcoal)}.popular-count{font-size:.8125rem;font-weight:600;color:var(--warm-text-muted);background:var(--cream-dark);padding:.25rem .75rem;border-radius:999px}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media(max-width:1024px){.revenue-header{flex-direction:column;align-items:stretch;gap:1rem}.revenue-actions{flex-direction:column;align-items:stretch;gap:.75rem}.period-filter{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;width:100%;max-width:100%;gap:.5rem;justify-content:flex-start;scrollbar-width:none}.period-filter::-webkit-scrollbar{display:none}.period-btn{flex:0 0 auto;white-space:nowrap}.export-btn{align-self:flex-start}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-value{font-size:1.25rem}.table-header,.table-row{grid-template-columns:20% 80%;gap:2rem}.package-name{font-size:.8125rem;padding-right:.5rem;white-space:normal;overflow:visible}.name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;min-width:0}.booking-count,.revenue-amount{font-size:.8125rem}}.pay-button-wrapper{width:100%}.pay-now-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#0070ba,#003087);border:none;border-radius:.5rem;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0070ba4d}.pay-now-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0070ba66}.pay-now-btn:active{transform:translateY(0)}.pay-now-btn svg{flex-shrink:0}.payment-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:2rem 1rem;animation:fadeIn .2s ease;overflow-y:auto}.payment-modal{background:#fff;border-radius:1rem;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;overflow:hidden;margin:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.payment-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1c1917}.modal-close-btn{width:32px;height:32px;border:none;background:#f5f5f4;border-radius:50%;font-size:1.25rem;color:#78716c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.modal-close-btn:hover{background:#e7e5e4;color:#1c1917}.payment-modal-body{padding:1.5rem}.payment-amount{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:.5rem;margin-bottom:1.25rem}.payment-amount span{color:#6b7280;font-size:.875rem}.payment-amount strong{font-size:1.5rem;color:#1c1917}.paypal-buttons-modal{min-height:150px;opacity:0;transition:opacity .3s ease}.paypal-buttons-modal.ready{opacity:1}.paypal-loading-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#6b7280;font-size:.875rem}.spinner-small{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#0070ba;border-radius:50%;animation:spin .8s linear infinite}.payment-secure-note{text-align:center;font-size:.75rem;color:#9ca3af;margin:1rem 0 0}.paypal-error{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;text-align:center}.cancel-pay-btn{padding:.5rem 1rem;background:transparent;border:1px solid #d1d5db;border-radius:.5rem;color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .15s ease}.cancel-pay-btn:hover{background:#f3f4f6;border-color:#9ca3af}.payment-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center}.payment-processing h4{margin:1rem 0 0;font-size:1.125rem;font-weight:600;color:#1c1917}.spinner-large{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#0070ba;border-radius:50%;animation:spin .8s linear infinite}.billing-page{width:100%}.billing-loading{display:flex;align-items:center;justify-content:center;height:300px;color:var(--warm-text-muted)}.billing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.billing-header h1{font-size:1.75rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .25rem}.billing-subtitle{color:var(--warm-text-muted);font-size:.9375rem;margin:0}.subscription-status-card{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.status-info{flex:1}.status-label{font-size:.8125rem;color:var(--warm-text-muted);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.status-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.expired{background:#fee2e2;color:#dc2626}.status-badge.expiring{background:#fef3c7;color:#d97706}.status-badge svg{width:16px;height:16px}.expiry-info{color:var(--warm-text-muted);font-size:.875rem}.expiry-info strong{color:var(--warm-charcoal)}.billing-content-grid{display:grid;grid-template-columns:.4fr .6fr;gap:1.5rem;margin-bottom:1.5rem}.current-invoice-section{background-color:#f59e0b!important;background:#f59e0b!important;background-image:none!important;border-radius:.75rem;padding:1.5rem;color:#fff;display:flex;flex-direction:column}.current-invoice-section h2{font-size:1.125rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.current-invoice-section h2 svg{width:20px;height:20px}.invoice-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.invoice-detail{background:#ffffff26;padding:1rem;border-radius:.5rem}.invoice-detail-label{font-size:.75rem;opacity:.9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.invoice-detail-value{font-size:1rem;font-weight:700}.invoice-detail-value.amount{font-size:1.25rem;color:#fff}.pay-now-section{display:flex;justify-content:flex-start}.pay-now-section .paypal-button-container{background:#fff;padding:1rem;border-radius:.5rem;min-width:250px}.no-pending-invoice{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:2rem;margin-bottom:1.5rem;text-align:center}.no-pending-invoice svg{width:48px;height:48px;color:#16a34a;margin-bottom:1rem}.no-pending-invoice h3{font-size:1.125rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 .5rem}.no-pending-invoice p{color:var(--warm-text-muted);margin:0}.payment-history-section{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:1.5rem}.payment-history-section h2{font-size:1.125rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.payment-history-section h2 svg{width:20px;height:20px;color:var(--warm-text-muted)}.history-table{width:100%;overflow-x:auto}.history-table table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--cream-dark)}.history-table th{font-size:.75rem;font-weight:600;color:var(--warm-text-light);text-transform:uppercase;letter-spacing:.05em;background:var(--cream-light)}.history-table td{font-size:.9375rem;color:var(--warm-charcoal)}.history-table tr:last-child td{border-bottom:none}.history-table .invoice-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.history-table .invoice-status.paid{background:#dcfce7;color:#16a34a}.history-table .invoice-status.pending{background:#fef3c7;color:#d97706}.history-table .invoice-status.overdue{background:#fee2e2;color:#dc2626}.history-table .invoice-status.cancelled{background:#f3f4f6;color:#6b7280}.history-empty{padding:2rem;text-align:center;color:var(--warm-text-muted)}.download-invoice-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--warm-border);border-radius:.375rem;color:var(--warm-text-muted);cursor:pointer;transition:all .15s ease}.download-invoice-btn:hover{background:var(--accent-amber);border-color:var(--accent-amber);color:#fff}.download-invoice-btn svg{width:16px;height:16px}.generate-invoice-btn{padding:.75rem 1.5rem;background:var(--warm-charcoal);border:none;border-radius:9999px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:.5rem}.generate-invoice-btn:hover{background:var(--accent-amber)}.generate-invoice-btn:disabled{opacity:.5;cursor:not-allowed}.generate-invoice-btn svg{width:16px;height:16px}.invoice-number{display:inline-block;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;transition:all .2s ease}@media(max-width:1024px){.billing-content-grid{grid-template-columns:1fr}}@media(max-width:1024px){.subscription-status-card{flex-direction:column;align-items:stretch}.invoice-details{grid-template-columns:1fr 1fr}.history-table{display:none}.mobile-invoice-list{display:flex;flex-direction:column;gap:.75rem}.mobile-invoice-card{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.mobile-invoice-card:hover{border-color:var(--accent-amber);transform:translateY(-2px);box-shadow:0 4px 6px #00000014}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px dashed var(--warm-border)}.mobile-card-header .invoice-number{font-weight:600;color:var(--warm-charcoal);font-size:1rem;max-width:150px}.mobile-card-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}}@media(max-width:480px){.invoice-details{grid-template-columns:1fr}.billing-header{flex-direction:column}}.settings-page{width:100%;max-width:800px;padding:0}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem}.settings-header h1{font-size:1.75rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .25rem}.settings-subtitle{color:var(--warm-text-muted);font-size:.9375rem;margin:0}.edit-settings-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease;flex-shrink:0}.edit-settings-btn:hover{background:var(--accent-amber-dark)}.edit-settings-btn svg{width:18px;height:18px}.settings-loading{padding:3rem;text-align:center;color:var(--warm-text-muted)}.settings-display{display:flex;flex-direction:column;gap:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.horizontal-groups{display:flex!important;flex-direction:column;gap:1.5rem}.info-group-block{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.info-group-divider{height:1px;background:linear-gradient(to right,var(--warm-border),transparent);width:100%;margin:.5rem 0;opacity:.6}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item.full-width{grid-column:span 2}.info-label{font-size:.75rem;font-weight:600;color:var(--warm-text-muted);text-transform:uppercase;letter-spacing:.03em}.info-value{font-size:.9375rem;color:var(--warm-charcoal);word-break:break-word}.info-logo-display{width:120px;height:120px;background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:.5rem}.info-logo-display img{max-width:100%;max-height:100%;object-fit:contain}.logo-edit-preview{display:flex;align-items:center;gap:2rem;padding:1.25rem;background:var(--cream-dark);border-radius:1rem;border:1px solid var(--warm-border)}.logo-preview-box{width:140px;height:140px;background:#fff;border-radius:.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:.75rem;border:1px solid var(--warm-border)}.logo-preview-box img{max-width:100%;max-height:100%;object-fit:contain}.remove-logo-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#fff;border:1px solid #fee2e2;border-radius:.5rem;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.remove-logo-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.remove-logo-btn svg{width:16px;height:16px}.logo-upload-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;border:2px dashed var(--warm-border);border-radius:.75rem;background:var(--cream-dark);cursor:pointer;transition:all .15s ease}.logo-upload-trigger:hover{border-color:var(--accent-amber);background:#fff}.logo-upload-trigger svg{width:28px;height:28px;color:var(--warm-text-muted)}.logo-upload-trigger span{font-size:.9375rem;font-weight:500;color:var(--warm-text)}.payment-instructions-display{font-size:.9375rem;color:var(--warm-charcoal);line-height:1.6;margin-top:.5rem;padding:1rem;background:var(--cream-dark);border-radius:.5rem;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;max-height:200px;overflow-y:auto}.payment-instructions-display p{margin:0 0 .5rem}.tagline-display{display:block;font-size:.9375rem;color:var(--warm-charcoal);margin-top:.5rem;padding:.875rem 1rem;background:var(--cream-dark);border-radius:.5rem;font-weight:500}.payment-instructions-display p:last-child{margin-bottom:0}.payment-instructions-display ul,.payment-instructions-display ol{margin:.5rem 0;padding-left:1.5rem}.payment-instructions-display li{margin-bottom:.25rem}.settings-form{display:flex;flex-direction:column;gap:2rem}.message{padding:1rem;border-radius:.5rem;font-size:.9375rem;font-weight:500}.message.success{background:var(--success-bg);color:var(--success-text)}.message.error{background:var(--error-bg);color:var(--error-text)}.settings-section{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:1.5rem}.settings-section h2{font-size:1.125rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.section-description{font-size:.875rem;color:var(--warm-text-muted);margin:-.5rem 0 1rem}.hours-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.toggle-group{margin-bottom:1rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--warm-charcoal);cursor:pointer}.toggle-text{font-size:.9375rem;font-weight:500;color:var(--warm-text)}.field-hint{display:block;font-size:.8125rem;color:var(--warm-text-muted);margin-top:.375rem}.form-group select{padding:.75rem 1rem;border:1px solid var(--warm-border);border-radius:.5rem;font-size:.9375rem;background:#fff;cursor:pointer;transition:border-color .15s ease}.form-group select:focus{outline:none;border-color:var(--warm-charcoal)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group.full-width{grid-column:span 2}.form-group label{font-size:.8125rem;font-weight:600;color:var(--warm-text)}.form-group input,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--warm-border);border-radius:.5rem;font-size:.9375rem;transition:border-color .15s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--warm-charcoal)}.form-group textarea{resize:vertical;min-height:100px}.form-hint{font-size:.75rem;color:var(--warm-text-light);margin:.25rem 0 0}.quill-container{background:#fff;border:1px solid var(--warm-border);border-radius:.5rem;overflow:hidden;transition:border-color .15s ease}.quill-container:focus-within{border-color:var(--warm-charcoal)}.quill-container .ql-toolbar{border:none!important;border-bottom:1px solid var(--warm-border)!important;background:#fafafa}.quill-container .ql-container{border:none!important;font-size:.9375rem}.quill-container .ql-editor{min-height:120px}.slug-input{display:flex;align-items:stretch}.slug-prefix{padding:.75rem 1rem;background:var(--cream-dark);border:1px solid var(--warm-border);border-right:none;border-radius:.5rem 0 0 .5rem;color:var(--warm-text-muted);font-size:.875rem;white-space:nowrap}.slug-input .slug-input-field{flex:1;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.booking-url-preview{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--cream-dark);border-radius:.5rem;margin:1rem 0}.booking-url-preview svg{width:18px;height:18px;color:var(--warm-text-muted);flex-shrink:0}.booking-url-preview span{flex:1;font-size:.875rem;color:var(--warm-text);font-family:monospace;word-break:break-all}.copy-btn{padding:.5rem 1rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer}.copy-btn:hover{background:var(--accent-amber-dark)}.qr-preview{background:var(--cream-dark);border-radius:.75rem;padding:1rem;display:flex;align-items:center;justify-content:center}.qr-preview img{max-width:200px;height:auto;border-radius:.5rem}.qr-preview-container{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.remove-qr-btn{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--error-bg);color:var(--error);border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.remove-qr-btn:hover{background:var(--error);color:#fff;opacity:1}.remove-qr-btn svg{width:16px;height:16px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border:2px dashed var(--warm-border);border-radius:.75rem;background:var(--cream-dark);cursor:pointer;transition:all .15s ease;text-align:center}.upload-zone:hover{border-color:#d1d5db;background:#f3f4f6}.upload-zone.drag-active{border-color:var(--warm-charcoal);background:#f3f4f6}.upload-zone.uploading{opacity:.7;pointer-events:none}.upload-zone svg{width:32px;height:32px;color:var(--warm-text-light);margin-bottom:.5rem}.upload-zone p{font-size:.9375rem;font-weight:500;color:var(--warm-text);margin:0}.upload-zone span{font-size:.8125rem;color:var(--warm-text-light)}.settings-actions{display:flex;justify-content:flex-end}.save-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer}.save-btn:hover{background:var(--accent-amber-dark)}.save-btn:disabled{opacity:.7;cursor:not-allowed}.save-btn svg{width:18px;height:18px}@media(max-width:1024px)and (min-width:768px){.settings-page{padding:0}.settings-header{flex-direction:column;gap:1rem;align-items:stretch}.save-btn{width:100%;justify-content:center}.settings-section{padding:1.25rem}.form-grid{gap:1rem}}@media(max-width:768px){.settings-page{padding:0}.settings-header{flex-direction:column;gap:1rem}.settings-header h1{font-size:1.5rem}.save-btn{width:100%;justify-content:center}.settings-section{padding:1rem}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.slug-input{flex-direction:column}.slug-prefix{border-right:1px solid var(--warm-border);border-bottom:none;border-radius:.5rem .5rem 0 0}.slug-input .slug-input-field{border-radius:0 0 .5rem .5rem}.booking-url-preview{flex-direction:column;align-items:stretch;gap:.5rem}.copy-btn{width:100%}.form-group input,.form-group select,.form-group textarea{font-size:1rem}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.loading-spinner{width:48px;height:48px;border:4px solid var(--cream-dark);border-top:4px solid var(--accent-amber);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{font-size:1.125rem;font-weight:600;color:var(--warm-charcoal)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-modal{background:#fff;border-radius:1rem;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.settings-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--warm-border);flex-shrink:0}.settings-modal .modal-header h2{font-size:1.25rem;font-weight:600;color:var(--warm-charcoal);margin:0}.settings-modal .modal-close{padding:.5rem;background:none;border:none;cursor:pointer;color:var(--warm-text-muted);border-radius:.375rem;transition:all .15s ease}.settings-modal .modal-close:hover{background:#f3f4f6;color:var(--warm-charcoal)}.settings-modal .modal-close svg{width:20px;height:20px}.settings-modal .modal-form{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.settings-modal .modal-scroll{flex:1;overflow-y:auto;padding:1.5rem}.settings-modal .form-section{margin-bottom:2rem}.settings-modal .form-section:last-child{margin-bottom:0}.settings-modal .form-section h3{font-size:1rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.settings-modal .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--warm-border);background:#fafafa;flex-shrink:0}.settings-modal .btn-cancel{padding:.75rem 1.25rem;background:#fff;border:1px solid var(--warm-border);border-radius:.5rem;font-size:.9375rem;font-weight:500;color:var(--warm-text);cursor:pointer;transition:all .15s ease}.settings-modal .btn-cancel:hover{background:var(--cream-dark)}.settings-modal .btn-save{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:var(--accent-amber);border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.settings-modal .btn-save:hover{background:var(--accent-amber-dark)}.settings-modal .btn-save:disabled{opacity:.7;cursor:not-allowed}.settings-modal .btn-save svg{width:18px;height:18px}.settings-modal .loading-overlay{position:absolute;inset:0;background:#ffffffe6;z-index:10}@media(max-width:768px){.settings-header{flex-direction:column;align-items:stretch}.edit-settings-btn{width:100%;justify-content:center}.horizontal-groups{gap:5px!important}.info-grid,.info-group-block,.form-grid{grid-template-columns:1fr;gap:5px}.info-item.full-width{grid-column:span 1}.settings-modal{max-width:calc(100vw - 2rem);max-height:85vh}.settings-modal .modal-scroll{padding:1rem}.settings-modal .modal-actions{flex-direction:column-reverse}.settings-modal .modal-actions button{width:100%;justify-content:center}}.closed-days-grid{display:flex!important;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:.75rem}.closed-days-grid .day-checkbox{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem;cursor:pointer;transition:color .15s ease;margin:0;padding:0}.closed-days-grid .day-checkbox:hover{color:var(--accent-amber-dark)}.closed-days-grid .day-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-amber);cursor:pointer;margin:0;flex-shrink:0}.closed-days-grid .day-checkbox span{font-size:.9375rem;font-weight:500;color:var(--warm-text);line-height:1}.staff-management{margin-top:1.5rem}.staff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.staff-header h3{font-size:1rem;font-weight:600;color:var(--warm-charcoal);margin:0}.add-staff-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease}.add-staff-btn:hover{background:var(--accent-amber-dark)}.add-staff-btn svg{width:16px;height:16px}.add-staff-form{background:var(--cream-dark);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem}.add-staff-form .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.add-staff-form .form-group{display:flex;flex-direction:column;gap:.375rem}.add-staff-form .form-group label{font-size:.8125rem;font-weight:600;color:var(--warm-text)}.add-staff-form .form-group input{padding:.625rem .875rem;border:1px solid var(--warm-border);border-radius:.5rem;font-size:.9375rem;background:#fff}.add-staff-form .form-group input:focus{outline:none;border-color:var(--warm-charcoal)}.add-staff-form .password-wrapper{position:relative;width:100%}.add-staff-form .password-wrapper input{width:100%;padding-right:2.5rem;box-sizing:border-box}.add-staff-form .toggle-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--warm-text-muted);padding:.25rem;display:flex;align-items:center;justify-content:center}.add-staff-form .toggle-btn:hover{color:var(--warm-charcoal)}.add-staff-form .toggle-btn svg{width:16px;height:16px}.add-staff-form .form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.add-staff-form .btn-cancel{padding:1rem 1.25rem;background:#fff;border:1px solid var(--warm-border);border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--warm-text);cursor:pointer}.add-staff-form .btn-cancel:hover{background:var(--cream-dark)}.add-staff-form .btn-save{padding:1rem 1.25rem;background:var(--accent-amber);border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer}.add-staff-form .btn-save:hover{background:var(--accent-amber-dark)}.add-staff-form .btn-save:disabled{opacity:.7;cursor:not-allowed}.staff-list{display:flex;flex-direction:column;gap:.75rem}.staff-loading,.staff-empty{padding:2rem;text-align:center;color:var(--warm-text-muted)}.staff-empty svg{width:48px;height:48px;margin-bottom:1rem;opacity:.5}.staff-empty p{font-size:1rem;font-weight:500;margin:0 0 .25rem;color:var(--warm-text)}.staff-empty span{font-size:.875rem}.staff-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:#fff;border:1px solid var(--warm-border);border-radius:.5rem}.staff-info{display:flex;align-items:center;gap:.75rem}.staff-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-amber);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.staff-details{display:flex;flex-direction:column;gap:.125rem}.staff-name{font-size:.9375rem;font-weight:500;color:var(--warm-charcoal)}.staff-email{font-size:.8125rem;color:var(--warm-text-muted)}.staff-actions{display:flex;gap:.5rem}.staff-action-btn{padding:.5rem;background:none;border:1px solid var(--warm-border);border-radius:.375rem;cursor:pointer;color:var(--warm-text-muted);transition:all .15s ease}.staff-action-btn:hover{background:var(--cream-dark);color:var(--warm-charcoal)}.staff-action-btn.danger:hover{background:var(--error-bg);border-color:var(--error);color:var(--error)}.staff-action-btn svg{width:16px;height:16px}.staff-management .message{padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem}.staff-management .message.success{background:var(--success-bg);color:var(--success-text)}.staff-management .message.error{background:var(--error-bg);color:var(--error-text)}@media(max-width:768px){.add-staff-form .form-row{grid-template-columns:1fr;gap:5px;margin-bottom:5px}.add-staff-form .form-actions{flex-direction:column-reverse;gap:.75rem}.add-staff-form .form-actions button{width:100%;justify-content:center}.staff-item{flex-direction:column;align-items:flex-start;gap:.75rem}.staff-actions{width:100%;justify-content:flex-start}}.holiday-management{display:flex;flex-direction:column;gap:1rem}.holiday-loading{padding:1rem;text-align:center;color:var(--warm-text-muted)}.add-holiday-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--accent-amber);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease;align-self:flex-start}.add-holiday-btn:hover{background:var(--accent-amber-dark)}.add-holiday-btn svg{width:16px;height:16px}.no-holidays{color:var(--warm-text-muted);font-size:.9375rem;font-style:italic;margin:0}.holiday-list{display:flex;flex-direction:column;gap:.5rem}.holiday-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:#fafafa;border:1px solid var(--warm-border);border-radius:.5rem;transition:border-color .15s ease}.holiday-item:hover{border-color:#d1d5db}.holiday-info{display:flex;flex-direction:column;gap:.25rem}.holiday-name{font-size:.9375rem;font-weight:600;color:var(--warm-charcoal)}.holiday-dates{font-size:.8125rem;color:var(--warm-text-muted)}.holiday-actions{display:flex;gap:.5rem}.holiday-action-btn{padding:.5rem;background:transparent;border:1px solid var(--warm-border);border-radius:.375rem;cursor:pointer;transition:all .15s ease}.holiday-action-btn svg{width:16px;height:16px;color:var(--warm-text-muted)}.holiday-action-btn.edit:hover{background:var(--cream-dark);border-color:#d1d5db}.holiday-action-btn.edit:hover svg{color:var(--warm-charcoal)}.holiday-action-btn.delete:hover{background:#ef44441a;border-color:#ef44444d}.holiday-action-btn.delete:hover svg{color:#dc2626}.holiday-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:fadeIn .2s ease}.holiday-form{background:#fff;border-radius:1rem;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.holiday-form-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--warm-border)}.holiday-form-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--warm-charcoal)}.holiday-form-header .close-btn{padding:.5rem;background:none;border:none;cursor:pointer;color:var(--warm-text-muted);border-radius:.375rem;transition:all .15s ease}.holiday-form-header .close-btn:hover{background:#f3f4f6;color:var(--warm-charcoal)}.holiday-form-header .close-btn svg{width:20px;height:20px}.holiday-form-body{padding:1.5rem}.holiday-form .form-group{margin-bottom:1rem}.holiday-form .form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--warm-text);margin-bottom:.375rem}.holiday-form .form-group input{width:100%;padding:.75rem;border:1px solid var(--warm-border);border-radius:.5rem;font-size:.9375rem;box-sizing:border-box;transition:border-color .15s ease}.holiday-form .form-group input:focus{outline:none;border-color:var(--warm-charcoal)}.holiday-dates-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.holiday-form-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--warm-border);background:#fafafa}.holiday-form-actions .btn-cancel,.holiday-form-actions .btn-save{flex:1;padding:1rem 1.25rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center}.holiday-form-actions .btn-cancel{background:#fff;border:1px solid var(--warm-border);color:var(--warm-text)}.holiday-form-actions .btn-cancel:hover{background:var(--cream-dark)}.holiday-form-actions .btn-save{background:var(--accent-amber);border:none;font-weight:600;color:#fff}.holiday-form-actions .btn-save:hover:not(:disabled){background:var(--accent-amber-dark)}.holiday-form-actions .btn-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.holiday-dates-row{grid-template-columns:1fr;gap:5px}.holiday-item{flex-direction:column;align-items:flex-start;gap:.75rem}.holiday-actions{align-self:flex-start}.holiday-form-actions{flex-direction:column-reverse}.holiday-form-actions .btn-cancel,.holiday-form-actions .btn-save{width:100%}}.activity-log-page{width:100%}.activity-log-page .page-header{margin-bottom:1.5rem}.activity-log-page .page-header h1{font-size:1.75rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .25rem}.activity-log-page .page-header p{color:var(--warm-text-muted);font-size:.9375rem;margin:0}.filter-bar{margin-bottom:1.5rem}.filter-select{padding:.625rem 1rem;border:1px solid var(--warm-border);border-radius:.5rem;background:var(--cream);color:var(--warm-charcoal);font-size:.9375rem;font-family:inherit;cursor:pointer;min-width:160px}.filter-select:focus{outline:none;border-color:var(--accent-amber)}.activity-log-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:var(--warm-text-muted)}.activity-log-page .loading-state .spinner{width:2rem;height:2rem;border:2px solid var(--warm-border);border-top-color:var(--accent-amber);border-radius:50%;animation:spin .8s linear infinite}.activity-log-page .empty-state{text-align:center;padding:4rem 2rem;background:var(--cream);border-radius:.75rem;border:1px dashed var(--warm-border)}.activity-log-page .empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.activity-log-page .empty-state h3{margin:0 0 .5rem;color:var(--warm-charcoal);font-size:1.125rem}.activity-log-page .empty-state p{margin:0;color:var(--warm-text-muted);font-size:.9375rem}.activity-timeline{display:flex;flex-direction:column;gap:.5rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--cream);border-radius:.75rem;border:1px solid var(--warm-border);transition:all .15s ease}.activity-item:hover{border-color:var(--accent-amber);box-shadow:0 2px 8px #0000000a}.activity-icon{font-size:1.25rem;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-description{font-size:.9375rem;font-weight:500;color:var(--warm-charcoal);margin-bottom:.25rem}.activity-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--warm-text-muted)}.activity-separator{opacity:.5}.activity-type-badge{display:none}.activity-icon{font-size:1.25rem;flex-shrink:0;color:var(--warm-charcoal)}.activity-item.action-created .activity-icon{color:var(--accent-amber)}.activity-item.action-updated .activity-icon{color:var(--warm-charcoal)}.activity-item.action-status .activity-icon{color:var(--accent-amber)}.activity-item.action-cancelled .activity-icon,.activity-item.action-deleted .activity-icon{color:var(--warm-text-muted)}@media(max-width:768px){.activity-log-page .page-header h1{font-size:1.5rem}.activity-log-page .page-header p{font-size:.8125rem}.filter-select{width:100%;font-size:.875rem;padding:.5rem .75rem}.activity-timeline{gap:.75rem}.activity-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.875rem 1rem}.activity-icon{font-size:1rem;position:absolute;top:.875rem;left:1rem}.activity-item{position:relative;padding-left:3rem}.activity-content{width:100%}.activity-description{font-size:.8125rem;line-height:1.4;word-break:break-word}.activity-meta{flex-direction:column;align-items:flex-start;gap:.125rem;font-size:.75rem}.activity-separator,.activity-type-badge{display:none}.activity-log-page .empty-state{padding:2rem 1rem}.activity-log-page .empty-icon{font-size:2rem}.activity-log-page .empty-state h3{font-size:1rem}.activity-log-page .empty-state p{font-size:.8125rem}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3em;border-bottom-right-radius:.3em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4em;margin:2px}.react-datepicker__month{margin:.4em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7em;line-height:1.7em;text-align:center;margin:.166em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7em;line-height:1.7em;text-align:center;margin:.166em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3em;line-height:3em}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2em;line-height:2em}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8em;margin:.4em;padding-right:.2em;padding-left:.2em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}*{box-sizing:border-box}.public-booking-page{min-height:100vh;background:var(--cream);padding-bottom:120px}.public-booking-loading,.public-booking-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--warm-text-muted)}.spinner{width:40px;height:40px;border:3px solid var(--warm-border);border-top-color:var(--warm-charcoal);border-radius:50%;animation:spin .8s linear infinite}.public-booking-error h2{font-size:1.5rem;color:var(--warm-charcoal);margin:0}.booking-header{background:#fff;color:var(--warm-charcoal);padding:2.5rem 1.5rem 2rem;text-align:center;border-bottom:1px solid var(--warm-border)}.booking-header h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;letter-spacing:-.025em;color:var(--warm-charcoal)}.booking-header p{font-size:1rem;color:var(--warm-text-muted);margin:0}.progress-bar{padding:1.25rem 1rem;background:#fff;border-bottom:1px solid var(--warm-border)}.progress-container{display:flex;justify-content:center;align-items:flex-start;max-width:550px;margin:0 auto}.progress-step-wrapper{display:flex;align-items:flex-start}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.375rem;min-width:55px}.step-circle{width:36px;height:36px;border-radius:50%;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid transparent}.step-circle svg{width:16px;height:16px}.progress-step.active .step-circle{background:var(--warm-charcoal);color:#fff;border-color:var(--warm-charcoal);box-shadow:0 4px 12px #1a1a2e40}.progress-step.completed .step-circle{background:var(--success);color:#fff;border-color:var(--success)}.step-name{font-size:.625rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;text-align:center}.progress-step.active .step-name,.progress-step.completed .step-name{color:var(--warm-charcoal)}.step-connector{width:20px;height:2px;background:#e2e8f0;margin-top:18px;transition:background .3s ease}.step-connector.active{background:var(--success)}.booking-content{max-width:900px;margin:0 auto;padding:2rem 1rem}.booking-content.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1000px;padding-top:2rem;align-items:start}.package-sidebar{position:sticky;top:2rem;align-self:start;min-width:0;overflow:hidden}.sidebar-card{position:relative;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #0000000f;word-wrap:break-word;overflow-wrap:break-word;max-height:calc(100vh - 6rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.sidebar-card:hover{scrollbar-color:rgba(0,0,0,.2) transparent}.sidebar-card::-webkit-scrollbar{width:6px}.sidebar-card::-webkit-scrollbar-track{background:transparent}.sidebar-card::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .3s ease}.sidebar-card:hover::-webkit-scrollbar-thumb{background:#0003}.sidebar-card:hover::-webkit-scrollbar-thumb:hover{background:#0006}.sidebar-image{width:100%;aspect-ratio:1;overflow:hidden;background:#f1f5f9}.sidebar-image img{width:100%;height:100%;object-fit:cover}.sidebar-info{padding:1.25rem}.sidebar-info h3{font-size:1.5rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 .375rem}.sidebar-price{font-size:1.375rem;font-weight:700;color:#1a1a2e;margin-bottom:.75rem}.sidebar-details{display:flex;flex-direction:column;gap:.375rem;font-size:.8125rem;color:#64748b}.sidebar-details span{display:flex;align-items:center;gap:.375rem}.sidebar-details svg{width:14px;height:14px;opacity:.7}.sidebar-description{font-size:.8125rem;color:#64748b;margin:.875rem 0 0;line-height:1.5}.package-details-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;margin-top:1rem;background:#f59e0b;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #f59e0b33}.package-details-btn svg{width:16px;height:16px;stroke:#fff}.package-details-btn:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 6px #d977064d}.package-details-overlay{position:absolute;inset:0;background:#fff;z-index:10;overflow-y:auto;animation:fadeIn .25s ease}.overlay-close-btn{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:11}.overlay-close-btn svg{width:16px;height:16px;stroke:#64748b}.overlay-close-btn:hover{background:#e2e8f0}.overlay-close-btn:hover svg{stroke:var(--warm-charcoal)}.overlay-content{padding:1.25rem}.overlay-content h3{font-size:1.375rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .5rem;padding-right:2rem}.overlay-price{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin-bottom:.75rem}.overlay-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8125rem;color:#64748b;margin-bottom:1rem}.overlay-meta span{display:flex;align-items:center;gap:.375rem}.overlay-meta svg{width:14px;height:14px;opacity:.7}.overlay-short-desc{font-size:.875rem;color:#475569;line-height:1.6;margin:0 0 1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.overlay-full-desc{margin-bottom:1rem}.overlay-addons{padding-top:1rem;margin-top:1rem;border-top:1px solid var(--warm-border)}.overlay-full-desc h4,.overlay-addons h4{font-size:1rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.025em}.overlay-full-desc p{font-size:.875rem;color:#475569;line-height:1.6;margin:0}.html-content{font-size:.875rem;color:#475569;line-height:1.6}.html-content p{margin:0 0 .75rem}.html-content p:last-child{margin-bottom:0}.html-content h1,.html-content h2,.html-content h3,.html-content h4,.html-content h5,.html-content h6{color:#1a1a2e;margin:1rem 0 .5rem;font-weight:600}.html-content h3{font-size:1rem}.html-content ul,.html-content ol{margin:.5rem 0;padding-left:1.5rem}.html-content li{margin-bottom:.25rem}.html-content span{color:inherit!important}.overlay-addons ul{list-style:none;padding:0;margin:0}.overlay-addons li{font-size:.875rem;color:#475569;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.overlay-addons li:last-child{border-bottom:none}.sidebar-card{position:relative}.public-booking-page .main-content{min-width:0;padding:0}.public-booking-page .step-content{padding:0}.public-booking-page .step-content h2{font-size:1.375rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 1.25rem;letter-spacing:-.025em}.public-booking-page .split-layout .main-content,.public-booking-page .split-layout .step-content{padding-top:0;margin-top:0}.public-booking-page .split-layout .step-content h2{margin-top:0;padding-top:0}.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.package-card{background:#fff;border:1px solid var(--warm-border);border-radius:.875rem;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.package-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px -5px #00000014}.package-card.selected{border-color:var(--warm-charcoal);box-shadow:0 8px 20px -5px #1a1a2e26}.package-image{width:100%;aspect-ratio:1;overflow:hidden;background:#f1f5f9}.package-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.package-card:hover .package-image img{transform:scale(1.05)}.package-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#94a3b8}.package-placeholder svg{width:48px;height:48px}.package-info{padding:1rem}.package-card h3{font-size:.9375rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.package-description{font-size:.8125rem;color:var(--warm-text-muted);margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.package-price{font-size:1.25rem;font-weight:700;color:var(--warm-charcoal);margin-bottom:.375rem}.package-meta{font-size:.75rem;color:#64748b;display:flex;gap:.375rem}.selected-badge{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;background:var(--warm-charcoal);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1a1a2e4d}.selected-badge svg{width:14px;height:14px}.datetime-section{background:#fff;border-radius:1rem;padding:1.5rem;width:100%}.date-picker-wrapper{width:100%}.date-picker-wrapper .react-datepicker{width:100%;border:none;font-family:inherit}.date-picker-wrapper .react-datepicker__month-container{width:100%}.date-picker-wrapper .react-datepicker__header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.5rem;border-radius:.75rem;text-align:center}.date-picker-wrapper .react-datepicker__current-month,.date-picker-wrapper .react-datepicker__header h2{font-size:1rem;font-weight:600;color:var(--warm-charcoal);margin-bottom:0!important;padding-bottom:0;line-height:1.5}.date-picker-wrapper .react-datepicker__day-names{display:flex;justify-content:space-between;margin-top:.5rem;padding-top:0}.date-picker-wrapper .react-datepicker__day-name{color:#64748b;font-size:.75rem;font-weight:600;width:2.5rem;text-transform:uppercase;text-align:center}.date-picker-wrapper .react-datepicker__month{margin:0;padding:.5rem 0}.date-picker-wrapper .react-datepicker__week{display:flex;justify-content:space-between}.date-picker-wrapper .react-datepicker__day{width:2.5rem;height:2.5rem;line-height:2.5rem;margin:.125rem;border-radius:.5rem;font-size:.875rem;color:#1a1a2e;transition:all .15s ease;text-align:center;display:flex;align-items:center;justify-content:center}.date-picker-wrapper .react-datepicker__day:hover{background:#f1f5f9;border-radius:.5rem}.date-picker-wrapper .react-datepicker__day--selected{background:var(--warm-charcoal);color:#fff;font-weight:600}.date-picker-wrapper .react-datepicker__day--selected:hover{background:#2d2d3e}.date-picker-wrapper .react-datepicker__day--keyboard-selected{background:#e2e8f0;color:var(--warm-charcoal)}.date-picker-wrapper .react-datepicker__day--disabled{color:#cbd5e1;cursor:not-allowed}.date-picker-wrapper .react-datepicker__day--disabled:hover{background:transparent}.date-picker-wrapper .react-datepicker__day--today{font-weight:700;color:var(--warm-charcoal);background:transparent}.date-picker-wrapper .react-datepicker__day--today:hover{color:#fff;background:var(--warm-charcoal)}.date-picker-wrapper .react-datepicker__navigation{top:.5rem;display:flex;align-items:center;justify-content:center}.date-picker-wrapper .react-datepicker__navigation--previous{left:.75rem}.date-picker-wrapper .react-datepicker__navigation--next{right:.75rem}.date-picker-wrapper .react-datepicker__navigation-icon:before{border-color:#64748b}.date-picker-wrapper .react-datepicker__navigation:hover *:before{border-color:#1a1a2e}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--warm-text);margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--warm-border);border-radius:.625rem;font-size:1rem;transition:all .15s ease;background:#fff}.form-group input:focus{outline:none;border-color:var(--warm-charcoal);box-shadow:0 0 0 3px #1a1a2e1a}.form-group input.error{border-color:#ef4444}.form-group input.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-text{display:block;font-size:.75rem;color:#ef4444;margin-top:.375rem;font-weight:500}.field-description{font-size:.75rem;color:#64748b;margin-top:.375rem;line-height:1.4}.time-section label{display:block;font-size:.875rem;font-weight:600;color:var(--warm-text);margin-bottom:.75rem}.time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.5rem}.time-slot{padding:.625rem;background:#fff;border:1px solid var(--warm-border);border-radius:.5rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center;color:var(--warm-charcoal)}.time-slot:hover:not(.disabled):not(.selected){border-color:var(--warm-charcoal);background:#f8fafc}.time-slot.selected{background:(var--warm-charcoal);border-color:var(--warm-charcoal);color:#fff}.time-slot.selected:hover{background:#2d2d3e;border-color:#2d2d3e;color:#fff}.time-slot.disabled{background:#f8fafc;color:#cbd5e1;cursor:not-allowed}.addons-section,.pax-section,.notes-section{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:1rem}.addons-section h3,.pax-section h3,.notes-section h3{font-size:.9375rem;font-weight:600;color:#1a1a2e;margin:0 0 1rem}.addons-list{display:flex;flex-direction:column;gap:.5rem}.addon-item{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#f8fafc;border-radius:.625rem;cursor:pointer;transition:background .15s ease}.addon-item:hover{background:#f1f5f9}.addon-item input{width:18px;height:18px;accent-color:var(--warm-charcoal)}.addon-name{flex:1;font-size:.875rem;font-weight:500}.addon-price{font-size:.8125rem;font-weight:600;color:#1a1a2e}.backdrops-section{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:1rem}.backdrops-section h3{font-size:.9375rem;font-weight:600;color:#1a1a2e;margin:0 0 .5rem}.backdrops-hint{font-size:.8125rem;color:#10b981;margin:0 0 1rem;font-weight:500}.backdrops-list{display:flex;flex-direction:column;gap:.5rem}.backdrop-item{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#f8fafc;border:2px solid transparent;border-radius:.625rem;cursor:pointer;transition:all .15s ease}.backdrop-item:hover{background:#f1f5f9}.backdrop-item.selected{background:#ecfdf5;border-color:#10b981}.backdrop-item input{width:18px;height:18px;accent-color:#10b981}.backdrop-thumb{width:48px;height:48px;border-radius:.5rem;object-fit:cover}.backdrop-name{flex:1;font-size:.875rem;font-weight:500;color:var(--warm-charcoal)}.backdrop-price{font-size:.8125rem;font-weight:600;color:#10b981}.free-badge{color:#10b981;font-weight:500}.pax-input{display:flex;align-items:center;background:#f1f5f9;border-radius:.75rem;padding:.25rem;gap:0;width:fit-content}.pax-input button{width:44px;height:44px;border-radius:.625rem;border:none;background:transparent;font-size:1.375rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;line-height:1;color:#475569}.pax-input button:hover{background:#fff;color:#1a1a2e;box-shadow:0 2px 8px #00000014}.pax-input button:active{transform:scale(.95)}.pax-input span{font-size:1.25rem;font-weight:700;min-width:48px;text-align:center;color:#1a1a2e;padding:0 .5rem}.extra-pax-note{font-size:.8125rem;color:#f59e0b;margin-top:.75rem;font-weight:500;display:flex;align-items:center;gap:.375rem}.notes-section textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--warm-border);border-radius:.625rem;font-size:.9375rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .15s ease}.notes-section textarea:focus{outline:none;border-color:#1a1a2e}.contact-form,.review-card{background:#fff;border-radius:1rem;padding:1.5rem}.review-section{padding:1rem 0;border-bottom:1px solid #f1f5f9}.review-section:first-child{padding-top:0}.review-section h3{font-size:.6875rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem}.review-section p,.review-section li{font-size:.9375rem;color:#1a1a2e;margin:0;font-weight:500}.review-section ul{margin:0;padding-left:1.25rem}.price-breakdown h3{margin-bottom:.75rem}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;color:#475569;border-bottom:1px solid #f1f5f9}.breakdown-row:last-child{border-bottom:none}.breakdown-row span:last-child{font-weight:500;color:#1a1a2e}.review-total{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;margin-top:.5rem;border-top:2px solid #1a1a2e;font-size:1.25rem;font-weight:700;color:#1a1a2e}.payment-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.payment-option{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#fff;border:1px solid var(--warm-border);border-radius:.875rem;cursor:pointer;transition:all .15s ease}.payment-option:hover{border-color:#cbd5e1}.payment-option.selected{border-color:#1a1a2e;background:#f8fafc}.payment-option input{width:20px;height:20px;accent-color:#1a1a2e;margin-top:2px}.option-content h3{font-size:.9375rem;font-weight:600;color:#1a1a2e;margin:0 0 .25rem}.option-content p{font-size:.8125rem;color:#64748b;margin:0}.download-qr-link.compact{margin-top:-.5rem;margin-bottom:1.5rem;font-size:.8125rem}.qr-compact-wrapper{display:flex;flex-direction:column;align-items:center}.studio-notes{background:#fff;border-radius:1rem;padding:1.25rem;margin-bottom:1.5rem;overflow:hidden;box-sizing:border-box}.studio-notes h3{font-size:1rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.025em}.studio-notes .html-content{font-size:.875rem;color:#475569;margin:0;line-height:1.5;word-break:break-word;overflow-wrap:break-word;word-wrap:break-word}.payment-total{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-radius:1rem;font-size:1.25rem;font-weight:700;color:#1a1a2e}.payment-notice{font-size:1rem;color:var(--warm-text);margin-bottom:1.5rem;text-align:center}.payment-notice strong{color:#059669;font-size:1.125rem}.deposit-info{background:#fff;border-radius:1rem;padding:1rem;margin-bottom:1.5rem}.deposit-row{display:flex;justify-content:space-between;padding:.75rem .5rem;font-size:.9375rem;color:var(--warm-text);border-bottom:1px solid #f3f4f6}.deposit-row:last-child{border-bottom:none}.deposit-row.highlight{background:#ecfdf5;border-radius:.5rem;font-weight:600;color:#059669;margin:.5rem -.5rem;padding:.75rem 1rem}.no-qr-notice{background:#fef3c7;border-radius:1rem;padding:1.5rem;text-align:center;color:#92400e;margin-bottom:1rem}.confirmation-step{text-align:center;padding:2rem 0}.confirmation-icon{width:80px;height:80px;background:#059669;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:3px solid rgba(16,185,129,.2)}.confirmation-icon svg{width:40px;height:40px;color:#fff}.confirmation-step h2{color:#10b981}.booking-ref{font-size:1.25rem;font-weight:700;color:#1a1a2e;background:#f1f5f9;padding:.75rem 1.5rem;border-radius:.625rem;display:inline-block;margin-bottom:1rem;letter-spacing:.05em}.confirmation-message{font-size:.9375rem;color:#64748b;max-width:400px;margin:0 auto 2rem;line-height:1.5}.confirmation-details{background:#fff;border-radius:1rem;padding:1.5rem;text-align:left;margin-bottom:1.5rem;color:var(--warm-charcoal)}.deposit-required-section{background:#059669;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;text-align:center}.qr-compact{background:#fff;border-radius:1rem;padding:1rem;margin-bottom:1.5rem;display:flex;justify-content:center}.qr-compact img{max-width:150px;height:auto;border-radius:.5rem}.messenger-btn{display:inline-flex;align-items:center;gap:.5rem;background:#0084ff;color:#fff;padding:.875rem 1.5rem;border-radius:2rem;font-size:1rem;font-weight:600;text-decoration:none;border:1px solid rgba(0,132,255,.2)}.booking-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:2rem 1rem 1rem;background:#fff;border-top:1px solid var(--warm-border)}.booking-nav-inner{display:flex;gap:.75rem;width:100%;max-width:360px}.nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;border-radius:.625rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.nav-btn svg{width:16px;height:16px}.nav-btn.back{background:var(--warm-charcoal);border:none;color:#fff;flex:.5}.nav-btn.back svg{stroke:#fff}.nav-btn.back:hover{background:var(--warm-charcoal-light)}.nav-btn.next{background:var(--accent-amber);border:none;color:#fff;box-shadow:0 4px 12px #f59e0b4d}.nav-btn.next svg{stroke:#fff}.nav-btn.next:hover:not(:disabled){background:var(--accent-amber-dark);transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b66}.nav-btn.next:disabled{background:var(--accent-amber);opacity:.5;cursor:not-allowed;box-shadow:none}.nav-btn.next:disabled svg{stroke:#fff}@media(max-width:900px){.booking-content.split-layout{grid-template-columns:1fr;padding-left:1rem;padding-right:1rem}.package-sidebar{position:static}.sidebar-card{display:flex;flex-direction:row}.sidebar-image{width:120px;flex-shrink:0;aspect-ratio:1}}@media(max-width:640px){.booking-content{padding:1rem 15px;max-width:100%}.booking-content.split-layout{padding-left:15px;padding-right:15px}.main-content{width:100%}.packages-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}.progress-bar{padding:1rem 15px}.progress-step{min-width:45px}.step-circle{width:32px;height:32px}.step-circle svg{width:14px;height:14px}.step-name{font-size:.5625rem}.step-connector{width:12px;margin-top:16px}.step-content h2{font-size:1.25rem}.booking-nav{padding:1rem 15px}.booking-nav-inner{max-width:100%;width:100%}.datetime-section,.addons-section,.pax-section,.notes-section,.contact-form,.review-card,.payment-options,.payment-total{width:100%}}@media(max-width:480px){.booking-content{padding:1rem .75rem}.packages-grid{grid-template-columns:1fr 1fr;gap:.625rem}.package-info{padding:.75rem}.package-card h3{font-size:.8125rem}.package-price{font-size:1rem}.package-meta{font-size:.6875rem}.sidebar-card{flex-direction:column}.sidebar-image{width:100%;height:140px}}.backdrops-section{margin-top:1.5rem}.backdrops-section h3{font-size:1rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 1rem}.public-booking-page .backdrops-section .backdrops-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.backdrops-section .backdrop-card{background:#fff;border:2px solid var(--warm-border);border-radius:.75rem;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.backdrops-section .backdrop-card:hover{border-color:var(--warm-charcoal);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.backdrops-section .backdrop-card.selected{border-color:var(--success);background:var(--success-bg)}.backdrop-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#f3f4f6}.backdrop-gallery-img{aspect-ratio:1;overflow:hidden}.backdrop-gallery-img img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.backdrops-section .backdrop-card:hover .backdrop-gallery-img img{transform:scale(1.05)}.backdrop-gallery-img:only-child{grid-column:span 3}.backdrop-gallery-img:first-child:nth-last-child(2),.backdrop-gallery-img:first-child:nth-last-child(2)~.backdrop-gallery-img{grid-column:span 1}.backdrop-no-image{display:flex;align-items:center;justify-content:center;height:80px;background:#f3f4f6;color:#d1d5db}.backdrop-no-image svg{width:32px;height:32px}.backdrop-info{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.backdrops-section .backdrop-name{font-size:.875rem;font-weight:600;color:var(--warm-charcoal)}.backdrops-section .backdrop-price{font-size:.75rem;color:var(--warm-text-muted)}.backdrops-section .backdrop-card.selected .backdrop-price{color:var(--success);font-weight:600}.backdrop-check{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .2s ease}.backdrops-section .backdrop-card.selected .backdrop-check{opacity:1;transform:scale(1)}.backdrop-check svg{width:14px;height:14px;color:#fff}@media(max-width:480px){.public-booking-page .backdrops-section .backdrops-grid{grid-template-columns:1fr;gap:.75rem}.backdrop-gallery{grid-template-columns:repeat(3,1fr)}.backdrop-info{padding:.5rem}.backdrops-section .backdrop-name{font-size:.8125rem}}.backdrop-expand-btn{position:absolute;bottom:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;background:#0009;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.9);transition:all .2s ease;z-index:5}.backdrop-gallery{position:relative}.backdrops-section .backdrop-card:hover .backdrop-expand-btn{opacity:1;transform:scale(1)}.backdrop-expand-btn:hover{background:#000c}.backdrop-expand-btn svg{width:16px;height:16px;color:#fff}.lightbox-overlay{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:10}.lightbox-close:hover{background:#fff3}.lightbox-close svg{width:24px;height:24px;color:#fff}.lightbox-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:90vw;max-height:75vh}.lightbox-image{max-width:100%;max-height:75vh;object-fit:contain;border-radius:.5rem;animation:zoomIn .2s ease}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.lightbox-nav:hover{background:#ffffff40}.lightbox-nav svg{width:24px;height:24px;color:#fff}.lightbox-nav.prev{left:1rem}.lightbox-nav.next{right:1rem}.lightbox-info{position:absolute;bottom:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.lightbox-title{font-size:1.125rem;font-weight:600;color:#fff}.lightbox-counter{font-size:.875rem;color:#ffffffb3}@media(max-width:768px){.lightbox-nav{width:40px;height:40px}.lightbox-nav svg{width:20px;height:20px}.lightbox-nav.prev{left:.5rem}.lightbox-nav.next{right:.5rem}.lightbox-close{top:.5rem;right:.5rem;width:40px;height:40px}.lightbox-close svg{width:20px;height:20px}.backdrop-expand-btn{opacity:1;transform:scale(1)}}.sidebar-carousel{position:relative;overflow:hidden;border-radius:.75rem .75rem 0 0;background:#f3f4f6}.carousel-track{display:flex;transition:transform .4s ease-in-out}.carousel-slide{flex:0 0 100%;width:100%}.carousel-slide img{width:100%;height:300px;object-fit:cover;cursor:pointer;transition:transform .15s ease}.carousel-slide img:hover{transform:scale(1.02)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 2px 6px #00000026;z-index:5}.carousel-nav:hover{background:#fff;box-shadow:0 4px 10px #0003}.carousel-nav svg{width:16px;height:16px;color:var(--warm-charcoal)}.carousel-nav.prev{left:.5rem}.carousel-nav.next{right:.5rem}.carousel-dots{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.375rem;z-index:5}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;padding:0;transition:all .15s ease}.carousel-dot:hover{background:#fffc}.carousel-dot.active{background:#fff;width:20px;border-radius:4px}@media(max-width:768px){.carousel-slide img{height:200px}.carousel-nav{width:28px;height:28px}.carousel-nav svg{width:14px;height:14px}.public-booking-page .packages-grid .package-card .package-image{aspect-ratio:auto;height:200px}}.booking-confirmation-page{min-height:100vh;background:var(--cream);display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem}.confirmation-container{width:100%;max-width:500px;background:#fff;border-radius:1.5rem;overflow:hidden}.confirmation-header{background:var(--warm-charcoal);padding:1.5rem;text-align:center}.confirmation-header h1{color:#fff;margin:0;font-size:1.5rem;font-weight:700}.confirmation-content{padding:2rem 1.5rem;text-align:center}.confirmation-icon{width:64px;height:64px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.confirmation-icon svg{width:32px;height:32px;color:#fff}.confirmation-content h2{font-size:1.5rem;color:var(--warm-charcoal);margin:0 0 .5rem}.booking-ref{font-size:1rem;font-weight:600;color:var(--warm-charcoal);background:var(--cream-darker);padding:.5rem 1rem;border-radius:.5rem;display:inline-block;margin-bottom:1.5rem}.studio-contact-info{background:#fff;border-radius:1rem;padding:1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem;text-align:left;border:1px solid var(--warm-charcoal)}.studio-contact-info h3{font-size:1rem;color:var(--warm-charcoal);margin:0 0 .5rem;font-weight:600}.contact-item{display:flex;align-items:flex-start;gap:.75rem;margin:0;font-size:.875rem;color:var(--warm-text);line-height:1.4}.contact-item svg{width:18px;height:18px;color:var(--warm-text-muted);flex-shrink:0;margin-top:.125rem}.contact-messenger-link{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;margin-top:.5rem;background:#0084ff;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:600;font-size:.9375rem;transition:background .15s ease}.contact-messenger-link:hover{background:#0073e6;color:#fff}.contact-messenger-link svg{width:20px;height:20px;fill:currentColor}.contact-social-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.contact-social-link{flex:1;min-width:100px;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .875rem;border-radius:.5rem;font-weight:600;font-size:.875rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.contact-social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;filter:brightness(1.1);color:#fff}.contact-social-link svg{width:18px;height:18px;fill:currentColor}.contact-messenger{background:#0084ff;color:#fff}.contact-viber{background:#7360f2;color:#fff}.contact-instagram{background:#e1306c;color:#fff}.confirmation-details{background:#fff;border-radius:1rem;padding:1.5rem;text-align:left;margin-bottom:1.5rem}.confirmation-details p{margin:.5rem 0;font-size:.875rem;color:var(--warm-text)}.confirmation-details strong{color:var(--warm-charcoal)}.status-pending{color:var(--warning);font-weight:600}.status-confirmed{color:var(--success);font-weight:600}.status-cancelled,.status-expired{color:var(--error);font-weight:600}.deposit-required-section{background:var(--success);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;color:#fff;text-align:center}.deposit-required-section h3{font-size:1rem;margin:0 0 .5rem;font-weight:600}.deposit-amount-large{font-size:2rem;font-weight:700;margin-bottom:.75rem}.deposit-note{font-size:.875rem;margin:0 0 .5rem;opacity:.95}.deposit-warning{font-size:.8125rem;margin:0;background:#ffffff26;padding:.5rem 1rem;border-radius:.5rem;display:inline-block}.countdown-timer{font-size:1.25rem;font-family:monospace;background:#fff3;padding:.25rem .75rem;border-radius:.25rem}.countdown-urgent{font-size:1.25rem;font-family:monospace;background:var(--error);padding:.25rem .75rem;border-radius:.25rem;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.qr-display{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#fff;border-radius:1rem;margin-bottom:1.5rem}.qr-display h3{font-size:1rem;color:var(--warm-charcoal);margin:0 0 1rem;font-weight:600}.qr-display img{max-width:220px;height:auto;border-radius:.625rem;box-shadow:0 4px 12px #00000014;margin-bottom:.5rem}.qr-instruction{font-size:.8125rem;color:#64748b;margin:.5rem 0 0}.download-qr-link{display:inline-block;margin-top:.75rem;color:var(--warm-charcoal);font-size:.875rem;font-weight:600;text-decoration:underline;cursor:pointer;transition:opacity .2s}.download-qr-link:hover{opacity:.8}.messenger-section{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;text-align:center;color:var(--warm-charcoal)}.messenger-section h3{font-size:1rem;margin:0 0 .75rem;color:var(--warm-charcoal)}.messenger-section p{font-size:.875rem;color:#64748b;margin:0 0 1rem}.proof-checklist{list-style:none;padding:0;margin:0 0 1.25rem;text-align:left;background:#f8fafc;border-radius:.75rem;padding:1rem}.proof-checklist li{font-size:.875rem;color:var(--warm-text);padding:.375rem 0;display:flex;gap:.5rem}.proof-checklist li:before{content:"✓";color:#059669;font-weight:600}.messenger-btn{display:inline-flex;align-items:center;gap:.5rem;background:#0084ff;color:#fff;padding:.875rem 1.5rem;border-radius:2rem;font-size:1rem;font-weight:600;text-decoration:none}.messenger-btn:hover{background:#0073e6;color:#fff}.contact-note{font-size:.875rem;color:#64748b;font-style:italic}.paid-confirmation{background:#ecfdf5;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.paid-badge-large{font-size:1.25rem;font-weight:700;color:var(--success);margin-bottom:.5rem}.paid-confirmation p{color:var(--warm-text);margin:0;font-size:.9375rem}.expired-notice{background:#fef2f2;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem}.expired-notice p{color:#991b1b;margin:0 0 .5rem;font-size:.9375rem}.expired-notice p:last-child{margin-bottom:0}.confirmation-note{font-size:.8125rem;color:#64748b}.loading-state,.error-state{background:#fff;border-radius:1rem;padding:3rem;text-align:center;color:#64748b}.error-state h2{color:var(--error);margin:0 0 .5rem}@media(max-width:480px){.booking-confirmation-page{padding:1rem .5rem}.confirmation-content{padding:1.5rem 1rem}.deposit-amount-large{font-size:1.75rem}}.admin-dashboard{width:100%;padding:0}.admin-toast{position:fixed;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:.75rem;box-shadow:0 4px 20px #00000026;z-index:1000;animation:slideIn .3s ease-out}.admin-toast.success{background:var(--accent-amber);color:#fff}.admin-toast.error{background:#8b4513;color:#fff}.toggle-btn.disable:hover{background:#dc2626;color:#fff}.toggle-btn.invoice-btn{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.3)}.toggle-btn.invoice-btn:hover{background:var(--accent-amber);color:#fff}.admin-toast span{font-size:.9375rem;font-weight:500}.admin-toast button{background:#fff3;border:none;color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.admin-toast button:hover{background:#ffffff4d}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.admin-header-content h1{font-size:1.75rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .25rem}.admin-header-content p{color:var(--warm-text-muted);font-size:.9375rem;margin:0}.admin-header-content strong{color:var(--accent-amber)}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid var(--warm-border);border-radius:.5rem;color:var(--warm-text);font-size:.875rem;cursor:pointer;transition:all .15s ease}.back-btn:hover{background:var(--cream);border-color:#d1d5db}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid var(--warm-border);border-radius:1rem;padding:1.5rem;text-align:center;transition:box-shadow .15s ease}.stat-card:hover{box-shadow:0 4px 12px #0000000d}.stat-card.highlight{background:linear-gradient(135deg,#f59e0b14,#d9770614);border-color:#f59e0b4d}.stat-value{font-size:2.5rem;font-weight:700;color:var(--warm-charcoal);margin-bottom:.25rem}.stat-card.highlight .stat-value{color:var(--accent-amber-dark)}.stat-label{font-size:.875rem;color:var(--warm-text-muted);font-weight:500}.studios-section{background:#fff;border:1px solid var(--warm-border);border-radius:1rem;overflow:hidden}.studios-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--warm-border);background:var(--cream)}.section-header h2{font-size:1.125rem;font-weight:600;color:var(--warm-charcoal);margin:0}.filters{display:flex;gap:.75rem}.search-input{padding:.5rem 1rem;border:1px solid var(--warm-border);border-radius:.5rem;background:#fff;color:var(--warm-text);font-size:.875rem;width:200px;height:40px;box-sizing:border-box}.search-input::placeholder{color:var(--warm-text-muted)}.search-input:focus{outline:none;border-color:var(--accent-amber);box-shadow:0 0 0 3px #f59e0b1a}.status-filter{padding:.5rem 1rem;border:1px solid var(--warm-border);border-radius:.5rem;background:#fff;color:var(--warm-text);font-size:.875rem;cursor:pointer;height:40px;box-sizing:border-box}.status-filter:focus{outline:none;border-color:var(--accent-amber)}.studios-table{padding:.5rem}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--warm-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--warm-border)}.table-header>div{font-size:.75rem;font-weight:600;color:var(--warm-text-muted)}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem;align-items:center;border-radius:.5rem;transition:background .15s ease}.table-row:hover{background:var(--cream)}.table-row.disabled{opacity:.6}.admin-dashboard .table-row .studio-name{font-weight:600;color:var(--warm-charcoal)!important}.col-date{color:var(--warm-text-muted);font-size:.875rem}.col-bookings{font-weight:600;color:var(--accent-amber-dark)}.status-badge.active{background:#22c55e1a;color:#16a34a}.status-badge.disabled{background:#ef44441a;color:#dc2626}.status-badge.grace-badge{background:#fbbf2433;color:#b45309}.status-badge.expired-badge{background:#ef444426;color:#dc2626}.status-badge.rejected{background:#6b72801a;color:#6b7280}.stat-card.warning{background:linear-gradient(135deg,#f59e0b26,#d9770626);border-color:#f59e0b80}.stat-card.warning .stat-value{color:#d97706}.table-row.pending{background:#f59e0b0a;border-left:3px solid #f59e0b}.stat-card.expiring{background:linear-gradient(135deg,#fb923c26,#ea580c1f);border-color:#fb923c80}.stat-card.expiring .stat-value{color:#ea580c}.table-row.expiring{background:#fb923c0f;border-left:3px solid #fb923c}.table-row.expiring:hover{background:#fb923c1a}.status-badge.expiring-badge{background:#fb923c26;color:#ea580c}.expiring-indicator{display:block;font-size:.6875rem;color:#ea580c;margin-top:.125rem;font-weight:500}.owner-name{display:block;font-size:.75rem;color:var(--warm-text-muted);margin-top:.125rem}.status-text{font-size:.8125rem;color:var(--warm-text-muted);font-style:italic}.toggle-btn{padding:.375rem .875rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.toggle-btn.disable{background:transparent;border:1px solid rgba(239,68,68,.5);color:#dc2626}.toggle-btn.disable:hover{background:#ef44441a}.toggle-btn.enable{background:transparent;border:1px solid rgba(34,197,94,.5);color:#16a34a}.toggle-btn.enable:hover{background:#22c55e1a}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.col-actions{display:flex;gap:.5rem;align-items:center}.admin-dashboard .action-btn{width:28px;height:28px;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.admin-dashboard .action-btn.invoice{background:#f59e0b1a;color:#d97706}.admin-dashboard .action-btn.invoice:hover{background:#f59e0b33}.admin-dashboard .action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--warm-text-muted)}.spinner{width:40px;height:40px;border:3px solid var(--warm-border);border-top-color:var(--accent-amber);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.billing-section{background:#fff;border:1px solid var(--warm-border);border-radius:1rem;margin-bottom:2rem;overflow:hidden}.billing-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--warm-border);background:linear-gradient(135deg,#f59e0b14,#d977060d)}.generate-invoices-btn{padding:.625rem 1.25rem;background:var(--accent-amber);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.billing-stats{display:flex;gap:2rem;padding:1.5rem;justify-content:center}.billing-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.col-expiry{color:var(--warm-text-muted);font-size:.875rem}.col-expiry .expiry-warning{color:#ea580c;font-weight:500}.col-expiry .expiry-expired{color:#dc2626;font-weight:500}.col-expiry .no-expiry{color:var(--warm-text-muted)}.admin-dashboard .table-row .col-invoice{color:var(--warm-text-muted);font-size:.875rem;font-weight:400}.admin-dashboard .table-row .col-invoice .no-invoice{color:var(--warm-text-muted)}.billing-stat-value.pending{color:#d97706}.billing-stat-value.paid{color:#16a34a}.billing-stat-label{font-size:.8125rem;color:var(--warm-text-muted);margin-top:.25rem}.billing-note{padding:0 1.5rem 1.5rem;margin:0;font-size:.8125rem;color:var(--warm-text-muted);text-align:center}.filters .search-wrapper{position:relative;display:flex;align-items:center}.filters .search-wrapper svg.search-icon{position:absolute;left:.75rem;width:1rem;height:1rem;color:var(--warm-text-muted);pointer-events:none}.filters .search-input{padding-left:2.25rem}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr}.col-date,.col-bookings{display:none}}@media(max-width:600px){.admin-header{flex-direction:column;gap:1rem}.filters{flex-direction:column;width:100%}.search-input{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.stat-card{padding:1rem}.stat-value{font-size:1.75rem}}.studio-details-modal .modal-overlay{padding:1rem}.studio-modal-content{background:#fff;border-radius:1rem;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.studio-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--warm-border);background:var(--cream)}.studio-modal-content .modal-header h2{font-size:1.25rem;font-weight:600;color:var(--warm-charcoal);margin:0}.studio-modal-content .modal-close{background:none;border:none;font-size:1.5rem;color:var(--warm-text-muted);cursor:pointer;padding:.25rem;line-height:1}.studio-modal-content .modal-close:hover{color:var(--warm-charcoal)}.studio-modal-content .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.detail-section{margin-bottom:1rem;background:var(--cream);border-radius:.75rem;padding:1.25rem;border:1px solid var(--warm-border)}.detail-section:last-child{margin-bottom:0}.detail-section h3{font-size:.875rem;font-weight:600;color:var(--warm-charcoal);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--warm-border)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.75rem;font-weight:500;color:var(--warm-text-muted);text-transform:uppercase;letter-spacing:.03em}.detail-value{font-size:.9375rem;color:var(--warm-charcoal)}.detail-value.mono{font-family:monospace;font-size:.8125rem;background:var(--cream);padding:.25rem .5rem;border-radius:.25rem;word-break:break-all}.detail-value.highlight{font-weight:600;color:var(--accent-amber-dark)}.detail-value.muted{color:var(--warm-text-muted);font-style:italic}.detail-value.expiring-text{color:#ea580c;font-weight:500}.detail-value.expired-text{color:#dc2626;font-weight:500}.booking-notes-preview{background:var(--cream);border:1px solid var(--warm-border);border-radius:.5rem;padding:1rem;font-size:.875rem;color:var(--warm-text);white-space:pre-wrap;max-height:150px;overflow-y:auto}.studio-modal-content .modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--warm-border);background:var(--cream)}.payment-history-loading,.payment-history-empty{text-align:center;padding:1rem;color:var(--warm-text-muted);font-size:.875rem}.payment-history-table{display:flex;flex-direction:column;gap:.25rem}.payment-history-header{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.75rem;padding:.5rem .75rem;font-size:.6875rem;font-weight:600;color:var(--warm-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--warm-border)}.payment-history-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.75rem;padding:.5rem .75rem;font-size:.8125rem;border-radius:.375rem;transition:background .15s ease}.payment-history-row:hover{background:#00000005}.payment-history-row .invoice-number{font-weight:500;color:var(--warm-charcoal)}.payment-history-row .invoice-amount{font-weight:600;color:var(--accent-amber-dark)}.payment-history-row .invoice-date{color:var(--warm-text-muted)}.payment-history-count{text-align:center;padding:.5rem;font-size:.75rem;color:var(--warm-text-muted);border-top:1px solid var(--warm-border);margin-top:.25rem}.toggle-btn.large{padding:.625rem 1.25rem;font-size:.9375rem}.btn-secondary{padding:.625rem 1.25rem;background:#fff;border:1px solid var(--warm-border);border-radius:.5rem;color:var(--warm-text);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:var(--cream);border-color:var(--warm-text-muted)}@media(max-width:1024px){.admin-dashboard .table-row .col-invoice{font-size:.8125rem}}@media(max-width:1024px){.admin-dashboard{padding:1rem}.invoice-number{display:inline-block;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;transition:all .2s ease}.dashboard-stats{grid-template-columns:1fr;gap:1rem}.section-header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem;padding:0 0 25px}.filters{flex-direction:column;width:100%;gap:.75rem}.filters input,.filters select{width:100%;max-width:none;flex:1}.studios-section,.studios-table{background:transparent!important;box-shadow:none!important;border:none!important;padding:0}.table-header{display:none}.table-row{display:flex;flex-direction:column;gap:.75rem;background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;box-shadow:0 1px 3px #0000000d;margin-bottom:1rem;padding:1.25rem}.table-row:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000014;background:#fff}.col-name{order:1;border-bottom:1px solid var(--cream-dark);padding-bottom:.75rem;margin-bottom:.25rem;width:100%}.studio-name{font-size:1.125rem;display:block;margin-bottom:.25rem}.col-status{order:2;display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.25rem}.col-status:before{content:"Status";font-size:.8125rem;color:var(--warm-text-muted);font-weight:600}.col-expiry,.admin-dashboard .table-row .col-invoice{order:3;display:flex;align-items:center;justify-content:space-between;width:100%;padding:.25rem 0;font-size:.875rem!important}.col-expiry:before{content:"Subscription Expiry";font-weight:600;color:var(--warm-text-muted);font-size:.8125rem}.admin-dashboard .table-row .col-invoice:before{content:"Last Invoice";font-weight:600;color:var(--warm-text-muted);font-size:.8125rem}.col-actions{order:4;margin-top:.75rem;padding-top:1rem;border-top:1px dashed var(--warm-border);justify-content:stretch;width:100%;gap:.75rem}.col-actions button{flex:1;justify-content:center;height:40px}.detail-grid{grid-template-columns:1fr;gap:1.5rem}.details-metrics{grid-template-columns:repeat(2,1fr)}.details-header h2{font-size:1.25rem}.modal-footer{flex-direction:column;gap:.75rem}.modal-footer button{width:100%;justify-content:center;padding:.875rem}}.admin-billing{width:100%;padding:1rem}.admin-billing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--warm-text-muted)}.admin-billing-loading .spinner{width:40px;height:40px;border:3px solid var(--warm-border);border-top-color:var(--accent-amber);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.admin-billing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.admin-billing-header h1{font-size:1.75rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 .25rem}.admin-billing-header p{color:var(--warm-text-muted);font-size:.9375rem;margin:0}.generate-invoices-btn{padding:.75rem 1.5rem;background:var(--accent-amber);border:none;border-radius:.5rem;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease}.generate-invoices-btn:hover{background:var(--accent-amber-dark)}.generate-invoices-btn:disabled{opacity:.6;cursor:not-allowed}.billing-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.billing-stat-card{background:#fff;border:1px solid var(--warm-border);border-radius:1rem;padding:1.5rem;text-align:center}.billing-stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--warm-charcoal);margin-bottom:.25rem}.billing-stat-card .stat-label{font-size:.875rem;color:var(--warm-text-muted);font-weight:500}.billing-stat-card.pending .stat-value{color:#d97706}.billing-stat-card.paid .stat-value{color:#16a34a}.billing-stat-card.overdue .stat-value{color:#dc2626}.billing-stat-card.revenue{background:linear-gradient(135deg,#f59e0b14,#d9770614);border-color:#f59e0b4d}.billing-stat-card.revenue .stat-value{color:var(--accent-amber-dark);font-size:1.5rem}.invoices-section{background:#fff;border:1px solid var(--warm-border);border-radius:1rem;overflow:hidden}.invoices-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--warm-border);background:var(--cream)}.invoices-section .section-header h2{font-size:1.125rem;font-weight:600;color:var(--warm-charcoal);margin:0}.invoices-section .section-header .filters{display:flex;gap:.75rem;align-items:center}.invoices-section .search-wrapper{position:relative;display:flex;align-items:center}.invoices-section .search-wrapper svg.search-icon{position:absolute;left:.75rem;width:1rem;height:1rem;color:var(--warm-text-muted);pointer-events:none}.invoices-section .search-input{padding:.5rem 1rem .5rem 2.25rem;border:1px solid var(--warm-border);border-radius:.5rem;background:#fff;color:var(--warm-text);font-size:.875rem;width:200px}.invoices-section .search-input::placeholder{color:var(--warm-text-muted)}.invoices-section .search-input:focus{outline:none;border-color:var(--accent-amber);box-shadow:0 0 0 3px #f59e0b1a}.status-filter{padding:.5rem 1rem;border:1px solid var(--warm-border);border-radius:.5rem;background:#fff;color:var(--warm-text);font-size:.875rem;cursor:pointer}.invoices-table{padding:.5rem}.invoices-table .table-header{display:grid;grid-template-columns:1.2fr 1.5fr 1.5fr .8fr .8fr .6fr;gap:1rem;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--warm-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--warm-border)}.invoices-table .table-row{display:grid;grid-template-columns:1.2fr 1.5fr 1.5fr .8fr .8fr .6fr;gap:1rem;padding:1rem;align-items:center;border-radius:.5rem;transition:background .15s ease}.invoices-table .table-row:hover{background:var(--cream)}.col-actions{display:flex;gap:.5rem}.admin-billing .action-btn{width:28px;height:28px;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.admin-billing .action-btn.edit{background:#f59e0b1a;color:#d97706}.admin-billing .action-btn.edit:hover{background:#f59e0b33}.admin-billing .action-btn.delete{background:#ef44441a;color:#dc2626}.admin-billing .action-btn.delete:hover{background:#ef444433}.admin-billing .col-invoice{font-weight:600;color:var(--warm-charcoal);font-size:.875rem}.admin-billing .col-studio .studio-name{display:block;font-weight:500;color:var(--warm-charcoal)!important}.admin-billing .col-studio .owner-name{display:block;font-size:.75rem;color:var(--warm-text-muted)!important;margin-top:.125rem}.col-period,.col-date{font-size:.8125rem;color:var(--warm-text-muted)}.col-amount{font-weight:600;color:var(--accent-amber-dark)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600}.status-badge.pending{background:#f59e0b26;color:#d97706}.status-badge.paid{background:#22c55e26;color:#16a34a}.status-badge.overdue{background:#ef444426;color:#dc2626}.status-badge.cancelled{background:#6b72801a;color:#6b7280}.no-results{text-align:center;padding:3rem;color:var(--warm-text-muted)}.admin-billing .admin-toast{position:fixed;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:.75rem;box-shadow:0 4px 20px #00000026;z-index:1000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-billing .admin-toast.success{background:var(--accent-amber);color:#fff}.admin-billing .admin-toast.error{background:#dc2626;color:#fff}.admin-billing .admin-toast button{background:#fff3;border:none;color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer}@media(max-width:1024px){.billing-stats-grid{grid-template-columns:repeat(2,1fr)}.invoices-table .table-header,.invoices-table .table-row{grid-template-columns:1fr 1.5fr 1fr .8fr}.col-period,.col-date{display:none}}@media(max-width:640px){.admin-billing-header{flex-direction:column;align-items:stretch}.generate-invoices-btn{width:100%;text-align:center}.billing-stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.billing-stat-card{padding:1rem}.billing-stat-card .stat-value{font-size:1.5rem}}.mobile-invoice-list{display:none}@media(max-width:1024px){.invoices-section{background:transparent;border:none;border-radius:0}.invoices-section .section-header{background:transparent;border:none;padding-left:0;padding-right:0;margin-bottom:1rem}.invoices-table{display:none}.mobile-invoice-list{display:flex;flex-direction:column;gap:.75rem}.mobile-invoice-card{background:#fff;border:1px solid var(--warm-border);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.mobile-invoice-card:hover{border-color:var(--accent-amber);transform:translateY(-2px);box-shadow:0 4px 6px #00000014}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px dashed var(--warm-border)}.mobile-card-header .invoice-number{font-weight:600;color:var(--warm-charcoal);font-size:1rem}.mobile-card-body{display:flex;flex-direction:column;gap:.25rem}.mobile-card-body .studio-info{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:0;margin:0}.mobile-card-body .studio-name{font-weight:500;color:var(--warm-charcoal)!important;font-size:.9375rem}.mobile-card-body .amount{font-weight:700;color:var(--accent-amber-dark)}.mobile-card-body .date-info{font-size:.75rem;color:var(--warm-text-muted)}}.pending-approval-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,var(--cream) 0%,var(--cream-dark) 100%);padding:2rem;overflow-y:auto}.pending-approval-container:before{content:"";flex:1}.pending-approval-container:after{content:"";flex:1}.pending-approval-card{background:#fff;border-radius:1.5rem;padding:3rem;max-width:500px;width:100%;text-align:center;box-shadow:0 4px 24px #00000014;border:1px solid var(--warm-border)}.pending-icon{font-size:4rem;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pending-approval-card h1{font-size:1.75rem;font-weight:700;color:var(--warm-charcoal);margin:0 0 1rem}.pending-message{font-size:1.125rem;color:var(--warm-text);margin:0 0 .5rem;line-height:1.6}.pending-message strong{color:var(--accent-amber-dark)}.pending-details{font-size:.9375rem;color:var(--warm-text-muted);margin:0 0 1.5rem;line-height:1.6}.pending-info{background:var(--cream);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;text-align:left}.pending-info .info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--warm-border)}.pending-info .info-item:last-child{border-bottom:none}.pending-info .info-label{font-size:.8125rem;font-weight:500;color:var(--warm-text-muted);text-transform:uppercase;letter-spacing:.03em}.pending-info .info-value{font-size:.9375rem;color:var(--warm-charcoal);font-weight:500}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-badge.pending{background:#f59e0b26;color:var(--accent-amber-dark)}.status-badge.disabled{background:#ef444426;color:#dc2626}.status-badge.rejected{background:#6b728026;color:#6b7280}.pending-note{font-size:.875rem;color:var(--warm-text-muted);margin:0 0 2rem;font-style:italic}.pending-approval-card .logout-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;background:transparent;border:1px solid var(--warm-border);border-radius:.5rem;color:var(--warm-text);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease}.pending-approval-card .logout-btn:hover{background:var(--cream);border-color:var(--warm-text-muted)}.subscription-section{margin:1.5rem 0;padding:1.5rem;background:var(--cream);border-radius:.75rem;border:1px solid var(--warm-border)}.subscription-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.75rem}.price-amount{font-size:2rem;font-weight:700;color:var(--accent-amber-dark)}.price-period{font-size:1rem;color:var(--warm-text-muted)}.subscription-note{font-size:.875rem;color:var(--warm-text-muted);margin:0 0 1.25rem;text-align:center}.paypal-button-container{min-height:150px}.paypal-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--warm-text-muted)}.paypal-loading .spinner{width:2rem;height:2rem;border:2px solid var(--warm-border);border-top-color:var(--accent-amber);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.paypal-error{padding:1rem;text-align:center;color:#dc2626;background:#ef44441a;border-radius:.5rem}.payment-success{padding:1.25rem;text-align:center;color:#16a34a;background:#22c55e1a;border-radius:.5rem;font-weight:500}.payment-error{padding:1.25rem;text-align:center;color:#dc2626;background:#ef44441a;border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem}.retry-btn{padding:.5rem 1rem;background:transparent;border:1px solid #dc2626;border-radius:.375rem;color:#dc2626;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;align-self:center}.retry-btn:hover{background:#ef44441a}@media(max-width:600px){.pending-approval-card{padding:2rem 1.5rem}.pending-approval-card h1{font-size:1.5rem}.pending-icon{font-size:3rem}.subscription-section{padding:1rem}.price-amount{font-size:1.75rem}}