@import url(https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.customer-navigation{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffc;border-bottom:1px solid #eaeaea;position:sticky;top:0;transition:background-color .3s ease,box-shadow .3s ease;width:100%;z-index:1000}.customer-navigation.light-mode{background-color:#ffffffe6;box-shadow:0 2px 10px #0000000d}.nav-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{text-decoration:none}.salon-logo{height:36px;max-width:150px}.salon-name{color:#111;font-size:20px}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0 16px}.nav-links a{color:#333;font-size:14px;font-weight:500;position:relative;text-decoration:none;transition:color .2s ease}.nav-links a.active,.nav-links a:hover{color:#0070c9}.nav-links a.active:after{background-color:#0070c9;bottom:-22px;content:"";height:2px;left:0;position:absolute;right:0}.user-profile-link{align-items:center;display:flex;text-decoration:none}.user-avatar{height:36px;object-fit:cover;width:36px}.user-avatar-placeholder{background-color:#0070c9;color:#fff;font-size:16px;font-weight:600;height:36px;width:36px}.login-button{background-color:#0070c9;border-radius:6px;color:#fff;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.login-button:hover{background-color:#07c}.menu-toggle{background:none;border:none;cursor:pointer;height:24px;padding:0;position:relative;width:24px}.menu-icon,.menu-icon:after,.menu-icon:before{background-color:#333;height:2px;position:absolute;transition:all .3s ease;width:24px}.menu-icon{top:50%;transform:translateY(-50%)}.menu-icon:before{content:"";top:-8px}.menu-icon:after{bottom:-8px;content:""}.mobile-menu{background-color:#fff;box-shadow:-5px 0 15px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:-280px;top:0;transition:right .3s ease;width:280px;z-index:1010}.mobile-menu.open{right:0}.mobile-menu-header{border-bottom:1px solid #eaeaea;display:flex;justify-content:flex-end;padding:16px}.close-menu{background:none;border:none;color:#333;cursor:pointer;font-size:20px;padding:4px}.mobile-menu-user{border-bottom:1px solid #eaeaea;padding:20px 16px}.mobile-user-info{align-items:center;display:flex}.mobile-user-avatar{object-fit:cover}.mobile-user-avatar,.mobile-user-avatar-placeholder{border-radius:50%;height:48px;margin-right:12px;width:48px}.mobile-user-avatar-placeholder{align-items:center;background-color:#0070c9;color:#fff;display:flex;font-size:20px;font-weight:600;justify-content:center}.mobile-user-details{flex:1 1}.mobile-user-name{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.mobile-user-email{color:#666;font-size:14px;margin:0}.mobile-login-button{background-color:#0070c9;border-radius:6px;color:#fff;display:block;font-size:14px;font-weight:500;padding:12px 0;text-align:center;text-decoration:none}.mobile-nav-links{flex:1 1;list-style:none;margin:0;padding:16px 0}.mobile-nav-links li{margin:0}.mobile-nav-links a{color:#333;display:block;font-size:16px;padding:12px 16px;text-decoration:none;transition:background-color .2s ease}.mobile-nav-links a:hover{background-color:#f5f5f5}.mobile-nav-links a.active{color:#0070c9;font-weight:500}.mobile-menu-footer{border-top:1px solid #eaeaea;padding:16px}.logout-button{background:none;border:1px solid #ddd;border-radius:6px;color:#ff3b30;cursor:pointer;font-size:14px;font-weight:500;padding:12px 0;transition:all .2s ease;width:100%}.logout-button:hover{background-color:#fff2f2;border-color:#ff3b30}.menu-options a,.menu-options button{font-size:18px!important}.menu-overlay{animation:fadeIn .3s ease forwards;background-color:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1005}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.nav-container{height:56px}.salon-logo{height:30px}.salon-name{font-size:18px}}.branding-editor{background-color:var(--white);max-width:100%!important;padding:0;width:100%!important}.branding-editor,.branding-editor *{box-sizing:border-box!important}.branding-editor h2{border-bottom:2px solid var(--light-coral);color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:600;margin-bottom:25px;margin-top:0;padding-bottom:10px}.form-group input,.form-group select{border:1px solid var(--border-gray);transition:all .2s ease}.dropzone{margin-bottom:15px;padding:30px}.logo-preview{align-items:center;display:flex;flex-direction:column;gap:15px}.logo-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:100%}.logo-preview p{color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:13px;text-align:center}.upload-error{padding:15px}.upload-error .error-message{background:none;border:none;margin:0 0 5px;padding:0}.color-pickers{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:15px}.color-picker-item{display:flex;flex-direction:column;position:relative}.color-picker-item label{color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;margin-bottom:8px}.color-preview{border:2px solid var(--border-gray);border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:50px;transition:all .2s ease;width:100%}.color-preview:hover{border-color:var(--primary-coral);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.color-picker-popover{border-radius:8px;box-shadow:0 8px 24px #00000026;left:0;overflow:hidden;position:absolute;top:80px;z-index:2}.color-picker-cover{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1}@media (max-width:768px){.color-pickers{gap:15px;grid-template-columns:repeat(2,1fr)}.dropzone{padding:20px}.color-picker-popover{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}}@media (max-width:480px){.color-pickers{grid-template-columns:1fr}}.typography-editor{background-color:var(--white);flex-shrink:0;max-width:100%!important;min-width:0;padding:0;width:100%!important}.typography-editor,.typography-editor *{box-sizing:border-box!important}.typography-editor h2{border-bottom:2px solid var(--light-coral);color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:600;margin-bottom:25px;margin-top:0;padding-bottom:10px}.typography-editor .form-group{flex-shrink:0;margin-bottom:25px;min-width:0;width:100%}.form-group select{background-color:var(--white);border:1px solid var(--border-gray);border-radius:8px;box-sizing:border-box;font-family:Wix Madefor Text,sans-serif;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group select:focus{border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a;outline:none}.font-preview{background-color:var(--light-gray);border:1px solid var(--border-gray);border-radius:8px;margin-top:15px;padding:20px;transition:all .2s ease}.font-preview:hover{background-color:var(--white);border-color:var(--light-coral)}.font-preview h3{color:var(--dark-gray);font-size:18px;font-weight:600;margin-bottom:10px;margin-top:0}.font-preview p{color:var(--dark-gray);font-size:14px;line-height:1.5;margin-bottom:0}.font-size-preview{background-color:var(--light-gray);border:1px solid var(--border-gray);border-radius:8px;margin-top:15px;padding:20px;transition:all .2s ease}.font-size-preview:hover{background-color:var(--white);border-color:var(--light-coral)}.font-size-preview p{color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-weight:500;margin:0;text-align:center}.font-size-small p{font-size:14px}.font-size-medium p{font-size:16px}.font-size-large p{font-size:18px}.preview-card{background-color:var(--white);border:1px solid var(--border-gray);border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-top:15px;padding:20px;transition:all .3s ease}.preview-card:hover{border-color:var(--light-coral);box-shadow:0 4px 12px #e64c311a;transform:translateY(-1px)}.preview-card h4{color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin:0 0 10px}@media (max-width:768px){.font-preview,.font-size-preview,.preview-card{padding:15px}}.input-error:focus{box-shadow:0 0 0 2px #d32f2f33!important}.image-manager{background-color:var(--white);flex-shrink:0;max-width:100%!important;min-width:0;padding:0;width:100%!important}.image-manager,.image-manager *{box-sizing:border-box!important}.image-manager h2{border-bottom:2px solid var(--light-coral);color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:600;margin-bottom:25px;margin-top:0;padding-bottom:10px}.image-manager .form-group{flex-shrink:0;margin-bottom:30px;min-width:0;width:100%}.form-description{color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;line-height:1.5;margin:0 0 15px}.dropzone{background-color:var(--light-gray);border:2px dashed var(--border-gray);border-radius:12px;cursor:pointer;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease}.dropzone:hover{background-color:var(--white);border-color:var(--primary-coral);box-shadow:0 4px 12px #e64c311a;transform:translateY(-2px)}.dropzone p{color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;font-weight:500;margin:0}.hero-dropzone{min-height:150px}.gallery-dropzone,.hero-dropzone{align-items:center;display:flex;justify-content:center}.gallery-dropzone{min-height:120px}.image-preview{align-items:center;display:flex;flex-direction:column;gap:15px;padding:20px}.hero-preview-img{border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:200px;max-width:100%;object-fit:cover}.image-preview p{color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:13px;margin:0;text-align:center}.upload-error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:8px;margin:10px 0;padding:20px;text-align:center}.upload-error .error-message{font-size:14px;font-weight:600;margin:0 0 8px}.upload-error .error-message,.upload-error p{color:#d32f2f;font-family:Wix Madefor Text,sans-serif}.upload-error p{font-size:13px;margin:0}.remove-button{background-color:#f44336;border:none;border-radius:6px;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.remove-button:hover{background-color:#d32f2f;transform:translateY(-1px)}.gallery-preview{background-color:var(--light-gray);border:1px solid var(--border-gray);border-radius:12px;margin-top:25px;padding:20px}.gallery-preview h4{color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0 0 20px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-item{background-color:var(--white);border:1px solid var(--border-gray);border-radius:8px;overflow:hidden;position:relative;transition:all .2s ease}.gallery-item:hover{border-color:var(--light-coral);box-shadow:0 4px 12px #e64c3126;transform:translateY(-2px)}.gallery-item img{display:block;height:150px;object-fit:cover;width:100%}.gallery-item .remove-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f44336e6;bottom:8px;font-size:11px;padding:4px 8px;position:absolute;right:8px}.gallery-item .remove-button:hover{background-color:#d32f2ff2}@media (min-width:1200px){.image-manager{max-width:none!important;min-width:800px;width:100%!important}.dropzone,.gallery-preview,.image-manager .form-group{max-width:none;width:100%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width:1500px){.image-manager{min-width:1000px}.gallery-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gallery-item img{height:180px}}@media (max-width:768px){.dropzone{padding:30px 15px}.hero-dropzone{min-height:120px}.gallery-dropzone{min-height:100px}.gallery-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.gallery-item img{height:120px}.gallery-preview{padding:15px}}@media (max-width:480px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.dropzone-error{background-color:#ffebee!important;border-color:#d32f2f!important}.dropzone-error:hover{border-color:#c62828!important}.contact-editor{background-color:var(--white);flex-shrink:0;max-width:100%!important;min-width:0;padding:0;width:100%!important}.contact-editor,.contact-editor *{box-sizing:border-box!important}.contact-editor h2{color:var(--primary-coral);font-size:28px;margin-bottom:25px;margin-top:0;padding-bottom:10px}.contact-editor h2,.contact-editor h3{border-bottom:2px solid var(--light-coral);font-family:Familjen Grotesk,sans-serif;font-weight:600}.contact-editor h3{color:var(--dark-gray);font-size:18px;margin:25px 0 15px;padding-bottom:8px}.contact-form{width:100%}.contact-editor .form-group{flex-shrink:0;margin-bottom:20px;min-width:0;width:100%}.form-group input,.form-group textarea{background-color:var(--white);border:1px solid var(--border-gray);border-radius:8px;box-sizing:border-box;font-family:Wix Madefor Text,sans-serif;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input.error,.form-group textarea.error{background-color:#ffebee;border-color:#f44336}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--medium-gray);font-style:italic}textarea#address{font-family:Wix Madefor Text,sans-serif;line-height:1.5;min-height:80px;resize:vertical}.social-media-fields{background-color:var(--light-gray);border:1px solid var(--border-gray);border-radius:12px;margin-top:15px;padding:20px}.social-media-fields .form-group{margin-bottom:15px}.social-media-fields .form-group:last-child{margin-bottom:0}.social-media-fields label{color:var(--dark-gray);font-weight:500}.social-media-fields input,.social-media-fields input:focus{background-color:var(--white)}.form-actions button{background-color:var(--primary-coral);border:none;border-radius:8px;box-shadow:0 2px 4px #e64c3133;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.form-actions button:hover{background-color:#d63c23;box-shadow:0 4px 8px #e64c314d;transform:translateY(-1px)}.form-actions button:disabled{background-color:var(--medium-gray);box-shadow:none;color:var(--white);cursor:not-allowed;transform:none}.field-valid{background-color:#f1f8e9!important;border-color:#4caf50!important}.field-invalid{background-color:#ffebee!important;border-color:#f44336!important}.contact-preview{background-color:var(--light-gray);border:1px solid var(--border-gray);border-radius:12px;margin-top:30px;padding:20px}.contact-preview h4{color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin:0 0 15px}.contact-preview p{color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;line-height:1.5;margin:5px 0}.contact-preview strong{color:var(--dark-gray);font-weight:600}@media (max-width:768px){.form-actions{flex-direction:column}.form-actions button{width:100%}.social-media-fields{padding:15px}}@media (max-width:480px){.contact-editor h2{font-size:24px}.contact-editor h3{font-size:16px}}.hours-editor{background-color:var(--white);flex-shrink:0;max-width:100%!important;min-width:0;padding:0;width:100%!important}.hours-editor,.hours-editor *{box-sizing:border-box!important}.hours-editor h2{border-bottom:2px solid var(--light-coral);color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:600;margin-bottom:25px;margin-top:0;padding-bottom:10px}.section-nav{border-radius:8px;box-shadow:0 2px 8px #e64c311a;display:flex;gap:0;margin-bottom:30px;overflow:hidden}.nav-button{background-color:var(--white);border:none;border-right:1px solid var(--border-gray);color:var(--medium-gray);cursor:pointer;flex:1 1;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease}.nav-button:last-child{border-right:none}.nav-button:hover{background-color:var(--light-coral);color:var(--primary-coral)}.nav-button.active{background-color:var(--primary-coral);color:var(--white);font-weight:600}.section-content{margin-top:20px}.hours-description,.section-description{background-color:var(--light-gray);border-left:4px solid var(--light-coral);border-radius:6px;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;margin-bottom:25px;padding:15px}.hours-table{background-color:var(--white);border:2px solid var(--light-coral);border-radius:8px;box-shadow:0 2px 8px #e64c311a;margin-bottom:25px;overflow:hidden}.hours-header{background-color:var(--primary-coral);color:var(--white);font-family:Familjen Grotesk,sans-serif;font-weight:600;padding:15px 20px}.hours-header,.hours-row{align-items:center;border-bottom:1px solid var(--light-coral);display:grid;grid-template-columns:150px 1fr 100px}.hours-row{padding:20px;transition:background-color .2s ease}.hours-row:last-child{border-bottom:none}.hours-row:hover{background-color:#fff9f8}.day-column{color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600}.time-pickers{flex-wrap:wrap;gap:8px}.time-picker,.time-pickers{align-items:center;display:flex}.time-picker{gap:4px}.time-picker select{background-color:var(--white);border:2px solid var(--border-gray);border-radius:4px;font-family:Wix Madefor Text,sans-serif;font-size:13px;margin:0;min-width:50px;padding:6px 8px;transition:border-color .3s ease}.time-picker select:focus{border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a;outline:none}.time-picker select:disabled{background-color:var(--light-gray);border-color:var(--border-gray);color:var(--medium-gray);cursor:not-allowed}.time-picker select:-webkit-autofill,.time-picker select:-webkit-autofill:active,.time-picker select:-webkit-autofill:focus,.time-picker select:-webkit-autofill:hover{-webkit-text-fill-color:var(--dark-gray)!important;background-color:var(--white)!important;-webkit-box-shadow:0 0 0 1000px var(--white) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.time-picker select:-internal-autofill-selected{-webkit-text-fill-color:var(--dark-gray)!important;background-color:var(--white)!important;background-image:none!important;-webkit-box-shadow:0 0 0 1000px var(--white) inset!important}.time-separator{color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-weight:500;margin:0 10px}.closed-text{color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-style:italic;font-weight:600}.closed-column{text-align:center}.checkbox-container{cursor:pointer;display:block;font-family:Wix Madefor Text,sans-serif;font-size:14px;margin:0 auto;padding-left:30px;position:relative;-webkit-user-select:none;user-select:none}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:var(--white);border:2px solid var(--border-gray);border-radius:4px;height:20px;left:0;position:absolute;top:0;transition:all .3s ease;width:20px}.checkbox-container:hover input~.checkmark{background-color:#fff9f8;border-color:var(--primary-coral)}.checkbox-container input:checked~.checkmark{background-color:var(--primary-coral);border-color:var(--primary-coral)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:solid var(--white);border-width:0 2px 2px 0;height:12px;left:6px;top:2px;transform:rotate(45deg);width:6px}.hours-note{background-color:#fff9f8;border:1px solid var(--light-coral);border-radius:6px;font-size:14px;font-style:italic;margin-top:20px;padding:15px}.hours-note,.loading-holidays{color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;text-align:center}.loading-holidays{padding:40px}.holidays-list{grid-gap:15px;display:grid;gap:15px}.holiday-item{background-color:var(--white);border:2px solid var(--light-coral);border-radius:8px;padding:16px;transition:all .3s ease}.holiday-item:hover{border-color:var(--primary-coral);box-shadow:0 2px 8px #e64c311a}.holiday-checkbox{align-items:center;cursor:pointer;display:flex;gap:12px}.holiday-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.holiday-info{display:flex;flex-direction:column;gap:4px}.holiday-name{color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-weight:600}.holiday-date{color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px}.section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:25px}.add-closure-button{background-color:var(--primary-coral);border:none;border-radius:6px;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-weight:600;padding:12px 20px;transition:all .3s ease}.add-closure-button:hover{background-color:#d63c23;transform:translateY(-1px)}.custom-closures-list{display:flex;flex-direction:column;gap:20px}.no-closures{background-color:var(--light-gray);border:2px dashed var(--border-gray);border-radius:8px;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;padding:40px;text-align:center}.closure-item{background-color:var(--white);border:2px solid var(--light-coral);border-radius:8px;box-shadow:0 2px 8px #e64c311a;overflow:hidden}.closure-form{padding:20px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hours-editor .form-group{display:flex;flex-direction:column;flex-shrink:0;min-width:0;width:100%}.form-group.full-width{grid-column:1/-1}.checkbox-label{display:flex!important;flex-direction:row!important;gap:8px;margin-bottom:0!important}.checkbox-label input[type=checkbox]{height:16px;margin:0;width:16px}.form-group input[type=date],.form-group input[type=text],.form-group input[type=time],.form-group textarea{background-color:var(--white);border:2px solid var(--border-gray);border-radius:6px;font-family:Wix Madefor Text,sans-serif;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a;outline:none}.form-group textarea{min-height:60px}.closure-actions{border-top:1px solid var(--light-coral);margin-top:15px;padding-top:15px}.remove-closure-button{background-color:#f44;border:none;border-radius:4px;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-weight:500;padding:8px 16px;transition:all .3s ease}.remove-closure-button:hover{background-color:#d33;transform:translateY(-1px)}@media (max-width:768px){.section-nav{flex-direction:column}.nav-button{border-bottom:1px solid var(--border-gray);border-right:none}.nav-button:last-child{border-bottom:none}.hours-header,.hours-row{gap:10px;grid-template-columns:1fr;text-align:left}.hours-header{display:none}.hours-row{border-bottom:2px solid var(--light-coral);padding:20px 15px}.closed-column,.day-column,.time-pickers{margin-bottom:10px}.day-column{border-bottom:1px solid var(--light-coral);color:var(--primary-coral);font-size:16px;padding-bottom:5px}.time-pickers{align-items:flex-start;flex-direction:column;gap:10px}.time-picker{flex-wrap:wrap}.closed-column{text-align:left}.checkbox-container{margin:0}.section-header{flex-direction:column;gap:15px}.form-row{gap:15px;grid-template-columns:1fr}.holiday-info{flex-direction:column}}@media (max-width:480px){.time-picker{align-items:flex-start;flex-direction:column;gap:5px}.time-picker select{min-width:auto;width:100%}.time-separator{margin:5px 0}.holiday-checkbox{align-items:flex-start;flex-direction:column;gap:8px}}.about-us-editor{background-color:var(--white);flex-shrink:0;min-width:0;padding:0;width:100%}.about-us-editor h2{border-bottom:2px solid var(--light-coral);color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:600;margin-bottom:25px;margin-top:0;padding-bottom:10px}.editor-info{color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:16px;line-height:1.5;margin:0 0 25px}.form-group{flex-shrink:0;min-width:0;width:100%}.about-us-textarea{background-color:var(--white);border:1px solid var(--border-gray);border-radius:8px;box-sizing:border-box;flex-shrink:0;font-family:Wix Madefor Text,sans-serif;font-size:14px;line-height:1.6;max-width:100%;min-height:200px;padding:15px;resize:vertical;transition:all .2s ease;width:100%}.about-us-textarea:focus{border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a;outline:none}.about-us-textarea::placeholder{color:var(--medium-gray);font-style:italic}.preview-section{border-top:1px solid var(--border-gray);margin-top:30px;padding:20px 0}.preview-section h3{color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0 0 15px}.preview-content{background-color:var(--light-gray);min-height:80px;padding:20px;transition:all .2s ease}.preview-content:hover{background-color:var(--white);border-color:var(--light-coral)}.preview-content p{color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.preview-content p[style*="font-style: italic"]{color:var(--medium-gray);text-align:center}.editor-tips{background-color:var(--light-gray);border:1px solid var(--border-gray);border-left:4px solid var(--primary-coral);border-radius:12px;margin-top:30px;padding:20px}.editor-tips h3{color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin:0 0 15px}.editor-tips ul{color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;line-height:1.5;margin:0;padding-left:20px}.editor-tips li{margin-bottom:8px}.editor-tips li:last-child{margin-bottom:0}.character-count{color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:12px;margin-top:8px;text-align:right}.character-count.warning{color:#ff9800}.character-count.error{color:#f44336}@media (max-width:768px){.about-us-textarea{min-height:150px;padding:12px}.editor-tips,.preview-content{padding:15px}}.required-asterisk{font-size:16px}.error-message{display:block;font-size:13px;margin-bottom:8px;margin-top:6px}.css-editor{background-color:var(--white);padding:0}.css-editor h2{border-bottom:2px solid var(--light-coral);color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:600;margin-top:0;padding-bottom:10px}.css-editor h2,.form-group{margin-bottom:25px}.css-textarea{background-color:#f8f9fa;border:1px solid var(--border-gray);border-radius:8px;box-sizing:border-box;color:var(--dark-gray);font-family:Courier New,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;min-height:300px;padding:15px;resize:vertical;tab-size:2;transition:all .2s ease;width:100%}.css-textarea:focus{background-color:var(--white);border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a;outline:none}.css-textarea::placeholder{color:var(--medium-gray);font-style:italic}.css-tips{background-color:var(--light-gray);border:1px solid var(--border-gray);border-left:4px solid var(--primary-coral);border-radius:0 8px 8px 0;margin:25px 0;padding:20px}.css-tips h3{color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin:0 0 15px}.css-tips ul{color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;line-height:1.6;margin:0;padding-left:20px}.css-tips li{margin-bottom:8px}.css-tips li:last-child{margin-bottom:0}.form-actions{border-top:1px solid var(--border-gray);flex-wrap:wrap;justify-content:flex-start;margin-top:25px}.apply-button,.preview-button{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.preview-button{background-color:var(--light-gray);border:1px solid var(--border-gray);color:var(--medium-gray)}.preview-button:hover{background-color:var(--light-coral);border-color:var(--primary-coral);color:var(--primary-coral)}.preview-button.active{background-color:var(--primary-coral);border-color:var(--primary-coral);box-shadow:0 4px 8px #e64c314d;color:var(--white)}.apply-button{background-color:#28a745;color:var(--white)}.apply-button:hover{background-color:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.preview-notice{align-items:center;background-color:#fff3e0;border:1px solid #ffcc02;border-radius:8px;color:#e65100;display:flex;font-family:Wix Madefor Text,sans-serif;font-size:14px;gap:10px;margin-top:20px;padding:15px 20px}.preview-notice:before{content:"⚠️";font-size:16px}.preview-notice p{font-weight:500;margin:0}.css-editor-help{background-color:var(--white);border:1px solid var(--border-gray);border-radius:8px;margin-top:25px;padding:20px}.css-editor-help h4{color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin:0 0 15px}.css-examples{background-color:#f8f9fa;border:1px solid var(--border-gray);border-radius:6px;color:var(--dark-gray);font-family:Courier New,Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4;overflow-x:auto;padding:15px}@media (max-width:768px){.css-textarea{font-size:13px;min-height:250px;padding:12px}.form-actions{flex-direction:column}.apply-button,.preview-button{justify-content:center;width:100%}.css-tips{padding:15px}}@media (max-width:480px){.css-textarea{min-height:200px}.css-editor h2{font-size:24px}}.services-browsing{margin:0 auto;max-width:1200px;padding:40px 20px}.services-header{margin-bottom:40px;text-align:center}.services-header h1{color:#111;font-size:100px;font-weight:600;margin:0 0 8px}.services-header .salon-name{color:#666;font-size:18px;margin:0}.categories-filter{border-bottom:1px solid #eaeaea;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px;padding-bottom:20px}.category-button{background:none;border:1px solid #ddd;border-radius:20px;color:#666;font-size:14px;padding:8px 16px;transition:all .2s ease}.category-button:hover{border-color:#999;color:#333}.category-button.active{background-color:#0070c9;border-color:#0070c9;color:#fff}.services-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.service-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.service-image{height:180px;overflow:hidden}.service-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.service-card:hover .service-image img{transform:scale(1.05)}.service-card .service-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.service-name{color:#333;font-size:24px;font-weight:600;margin:0 0 12px}.service-details{justify-content:space-between;margin-bottom:12px}.service-details,.service-info{align-items:center;display:flex}.service-price{color:#333;font-size:24px;font-weight:600;margin-right:12px}.service-duration{color:#666;font-size:24px;white-space:nowrap}.service-duration:before{content:"⏱️";margin-right:4px}.service-category{background-color:#f5f5f5;border-radius:12px;color:#666;font-size:12px;padding:4px 8px}.service-card .service-description{color:#666;flex:1 1;font-size:14px;line-height:1.5;margin:0 0 20px}.book-service-button{background-color:#0070c9;border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:500;margin-top:auto;padding:12px 0;transition:background-color .2s ease;width:100%}.book-service-button:hover{background-color:#07c}.services-browsing .no-services{color:#666;grid-column:1/-1;padding:40px 0;text-align:center}.services-error,.services-loading{align-items:center;color:#666;display:flex;font-size:16px;height:60vh;justify-content:center}.services-error{color:#ff3b30}.services-editor{--service-primary-coral:#e64c31!important;--service-light-coral:#ffbdb1!important;--service-light-gray:#f6f6f6!important;--service-white:#fff!important;--service-black:#000!important;--service-dark-gray:#333!important;--service-medium-gray:#666!important;--service-border-gray:#ddd!important;background-color:initial!important;color:var(--service-dark-gray)!important;flex-shrink:0;font-family:Wix Madefor Text,sans-serif!important;margin-bottom:30px!important;min-width:0;width:100%!important}.services-editor *{box-sizing:border-box!important}.services-editor h2{border-bottom:2px solid var(--service-light-coral)!important;color:var(--service-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:28px!important;font-weight:600!important;margin-bottom:25px!important;margin-top:0;padding-bottom:10px!important}.services-editor .editor-description{color:var(--service-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:15px!important;line-height:1.6!important;margin-bottom:25px!important}.services-editor .services-list{margin-bottom:30px!important}.services-editor .service-category{margin-bottom:35px!important}.services-editor .service-category h3{border-bottom:1px solid var(--service-light-coral)!important;color:var(--service-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:20px!important;font-weight:600!important;margin-bottom:20px!important;padding-bottom:10px!important}.service-list-actions{margin-bottom:25px!important}.services-editor .no-services{background-color:var(--service-light-gray)!important;border:2px dashed var(--service-light-coral)!important;border-radius:8px!important;color:var(--service-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;padding:30px!important;text-align:center!important}.service-items{display:flex!important;flex-direction:column!important;gap:20px!important}.services-editor .service-item{background-color:var(--service-white)!important;border:2px solid var(--service-light-coral)!important;border-radius:12px!important;box-shadow:0 2px 8px #e64c311a!important;overflow:hidden!important;transition:all .3s ease!important}.services-editor .service-item:hover{box-shadow:0 4px 16px #e64c3133!important;transform:translateY(-2px)!important}.services-editor .service-item.inactive{background-color:var(--service-light-gray)!important;opacity:.7!important}.services-editor .service-content{padding:20px!important}.service-header{align-items:center!important;display:flex!important;gap:20px!important;margin-bottom:15px!important}.services-editor .service-info h4.service-name{align-items:center!important;color:var(--service-primary-coral)!important;display:flex!important;font-family:Familjen Grotesk,sans-serif!important;font-size:18px!important;font-weight:700!important;margin:0 20px 0 0!important}.services-editor .service-meta{color:var(--service-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;font-style:italic!important;margin:10px!important}.inactive-badge{color:var(--service-white)!important}.services-editor .service-description{color:var(--service-dark-gray)!important;line-height:1.6!important;margin:15px 0!important}.service-inactive,.services-editor .service-description{font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important}.service-inactive{background-color:#ffebee!important;border-radius:6px!important;color:#f44336!important;font-style:italic!important;margin:15px 0 0!important;padding:10px!important}.service-actions{align-items:center!important;border-top:1px solid var(--service-light-coral)!important;display:flex!important;gap:8px!important;justify-content:flex-end!important;margin-bottom:20px!important;margin-right:20px!important;margin-top:15px!important;padding-bottom:0!important;padding-top:15px!important}.service-form{background-color:var(--service-white)!important;border:2px solid var(--service-light-coral)!important;border-radius:12px!important;box-shadow:0 4px 12px #e64c311a!important;margin-bottom:30px!important;padding:30px!important}.service-form h3{border-bottom:2px solid var(--service-light-coral)!important;color:var(--service-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:24px!important;font-weight:700!important;margin:0 0 25px!important;padding-bottom:15px!important;text-align:center!important}.services-editor .form-group{display:flex!important;flex-direction:column!important;flex-shrink:0!important;margin-bottom:25px!important;min-width:0!important;width:100%!important}.services-editor .form-group label{color:var(--service-primary-coral)!important;display:block!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}.services-editor .form-group input[type=date],.services-editor .form-group input[type=email],.services-editor .form-group input[type=number],.services-editor .form-group input[type=tel],.services-editor .form-group input[type=text],.services-editor .form-group input[type=time],.services-editor .form-group input[type=url],.services-editor .form-group select,.services-editor .form-group textarea{background-color:var(--service-white)!important;border:2px solid var(--service-light-coral)!important;border-radius:8px!important;box-sizing:border-box!important;color:var(--service-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;padding:12px 16px!important;transition:all .3s ease!important;width:100%!important}.services-editor .form-group input:focus,.services-editor .form-group select:focus,.services-editor .form-group textarea:focus{border-color:var(--service-primary-coral)!important;box-shadow:0 0 0 3px #e64c311a!important;outline:none!important}.services-editor .form-group textarea{min-height:100px!important;resize:vertical!important}.services-editor .form-row{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;margin-bottom:20px!important}.services-editor .checkbox-group{align-items:center!important;display:flex!important;gap:10px!important}.services-editor .checkbox-group label{align-items:center!important;color:var(--service-dark-gray)!important;cursor:pointer!important;display:flex!important;font-family:Wix Madefor Text,sans-serif!important;margin-bottom:0!important}.services-editor .checkbox-group input[type=checkbox]{accent-color:var(--service-primary-coral)!important;height:18px!important;margin-right:8px!important;width:18px!important}.services-editor .add-button,.services-editor .cancel-button,.services-editor .edit-button,.services-editor .remove-button,.services-editor .save-button,.services-editor .update-button{border:none!important;border-radius:6px!important;cursor:pointer!important;font-family:Familjen Grotesk,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;padding:7px 15px!important;text-transform:uppercase!important;transition:all .3s ease!important}.services-editor .edit-button{background-color:var(--service-light-gray)!important;border:2px solid var(--service-border-gray)!important;color:var(--service-dark-gray)!important}.services-editor .edit-button:hover{background-color:var(--service-light-coral)!important;border-color:var(--service-primary-coral)!important;color:var(--service-primary-coral)!important}.services-editor .remove-button{background-color:#ffebee!important;border:2px solid #ffcdd2!important;color:#d32f2f!important}.services-editor .remove-button:hover{background-color:#d32f2f!important;border-color:#d32f2f!important;color:var(--service-white)!important}.services-editor .add-button{background-color:var(--service-primary-coral)!important;border:2px solid var(--service-primary-coral)!important;color:var(--service-white)!important}.services-editor .add-button:hover{background-color:#d63c23!important;border-color:#d63c23!important;box-shadow:0 4px 12px #e64c314d!important;transform:translateY(-2px)!important}.services-editor .save-button,.services-editor .update-button{background-color:var(--service-primary-coral)!important;border:2px solid var(--service-primary-coral)!important;color:var(--service-white)!important}.services-editor .save-button:hover,.services-editor .update-button:hover{background-color:#d63c23!important;border-color:#d63c23!important;box-shadow:0 4px 12px #e64c314d!important;transform:translateY(-1px)!important}.services-editor .cancel-button{background-color:var(--service-light-gray)!important;border:2px solid var(--service-border-gray)!important;color:var(--service-medium-gray)!important}.services-editor .cancel-button:hover{background-color:var(--service-border-gray)!important;color:var(--service-dark-gray)!important}.services-editor .add-button:disabled,.services-editor .save-button:disabled,.services-editor .update-button:disabled{background-color:#ccc!important;border-color:#ccc!important;box-shadow:none!important;color:#666!important;cursor:not-allowed!important;transform:none!important}.services-editor .form-actions{border-top:2px solid var(--service-light-coral)!important;display:flex!important;gap:15px!important;justify-content:flex-end!important;margin-top:30px!important;padding-top:20px!important}.services-editor-loading{background-color:var(--service-light-gray)!important;border:2px dashed var(--service-light-coral)!important;border-radius:8px!important;color:var(--service-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-style:italic!important;padding:30px!important;text-align:center!important}.services-editor .error-message{background-color:#ffebee!important;border:2px solid #ffcdd2!important;border-radius:8px!important;color:#d32f2f!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;margin-bottom:20px!important;padding:15px!important}.services-editor .required-asterisk{color:red!important;font-size:14px!important;font-weight:700!important;margin-left:4px!important}.services-editor .field-error-message{color:#d32f2f!important;display:block!important;font-family:Familjen Grotesk,sans-serif!important;font-size:13px!important;font-weight:500!important;margin-bottom:8px!important;margin-top:6px!important}.services-editor .input-error{background-color:#ffebee!important;border-color:#d32f2f!important}.services-editor .input-error:focus{border-color:#d32f2f!important;box-shadow:0 0 0 3px #d32f2f33!important}@media (max-width:768px){.services-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.service-image{height:160px}.service-card .service-content{padding:16px}.service-name{font-size:16px}.service-header{flex-direction:column!important;text-align:center!important}.service-actions{flex-wrap:wrap!important;justify-content:center!important}.services-editor .form-row{grid-template-columns:1fr!important}.services-editor .service-category h3{font-size:18px!important}}@media (max-width:480px){.services-header h1{font-size:38px}.services-grid{grid-template-columns:1fr}.service-image{height:180px}.service-form{padding:20px 15px!important}.services-editor .form-actions{flex-direction:column!important}.services-editor .service-category h3{font-size:16px!important}}.container-responsive{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:400px){.container-responsive{max-width:400px}}@media (min-width:576px){.container-responsive{max-width:540px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.container-responsive{max-width:720px;padding-left:2rem;padding-right:2rem}}@media (min-width:992px){.container-responsive{max-width:960px}}@media (min-width:1200px){.container-responsive{max-width:1140px}}@media (min-width:1400px){.container-responsive{max-width:1320px}}@media (min-width:1500px){.container-responsive{max-width:1450px}}.grid-responsive{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:576px){.grid-responsive{gap:1.25rem}.grid-responsive-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-responsive{gap:1.5rem}.grid-responsive-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.grid-responsive{gap:2rem}.grid-responsive-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.grid-responsive-5{grid-template-columns:repeat(5,1fr)}.grid-responsive-6{grid-template-columns:repeat(6,1fr)}}.spacing-responsive{padding:1rem}@media (min-width:576px){.spacing-responsive{padding:1.25rem}}@media (min-width:768px){.spacing-responsive{padding:1.5rem}}@media (min-width:992px){.spacing-responsive{padding:2rem}}@media (min-width:1200px){.spacing-responsive{padding:2.5rem}}@media (min-width:1500px){.spacing-responsive{padding:2.75rem}}.text-responsive-base,.text-responsive-sm{font-size:.875rem}.text-responsive-lg{font-size:1rem}.text-responsive-xl{font-size:1.125rem}.text-responsive-2xl{font-size:1.25rem}@media (min-width:768px){.text-responsive-base{font-size:1rem}.text-responsive-lg{font-size:1.125rem}.text-responsive-xl{font-size:1.25rem}.text-responsive-2xl{font-size:1.5rem}}@media (min-width:1200px){.text-responsive-lg{font-size:1.25rem}.text-responsive-xl{font-size:1.5rem}.text-responsive-2xl{font-size:1.875rem}}.hide-mobile{display:none}@media (min-width:576px){.hide-mobile{display:block}.show-mobile-only{display:none}}@media (min-width:768px){.hide-tablet{display:none}.show-tablet-only{display:block}}@media (min-width:1200px){.hide-desktop{display:none}.show-desktop-only{display:block}}.flex-responsive{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.flex-responsive{flex-direction:row;gap:1.5rem}}@media (min-width:1200px){.flex-responsive{gap:2rem}}.card-responsive{border-radius:8px;padding:1rem}@media (min-width:768px){.card-responsive{border-radius:12px;padding:1.5rem}}@media (min-width:1200px){.card-responsive{border-radius:16px;padding:2rem}}.button-responsive{font-size:.875rem;padding:.5rem 1rem;width:100%}@media (min-width:576px){.button-responsive{min-width:120px;width:auto}}@media (min-width:768px){.button-responsive{font-size:1rem;padding:.625rem 1.5rem}}@media (min-width:1200px){.button-responsive{padding:.75rem 2rem}}.services-browsing{max-width:100%;padding:20px 15px}.services-header{margin-bottom:25px}.services-header h1{font-size:40px;margin-bottom:10px}.services-header .salon-name{font-size:14px}.categories-filter{gap:8px;margin-bottom:25px;padding-bottom:15px}.category-button{border-radius:18px;font-size:13px;padding:8px 14px}.services-browsing .services-grid{gap:20px;grid-template-columns:1fr}.services-browsing .service-card .service-image{height:160px}.services-browsing .service-card .service-content{padding:15px}.services-browsing .service-card .service-name{font-size:18px;margin-bottom:8px}.services-browsing .service-card .service-description{font-size:13px;margin-bottom:12px}.services-browsing .service-card .service-details{gap:10px}.services-browsing .service-card .service-price{font-size:20px}.services-browsing .service-card .service-duration{font-size:12px}.services-browsing .book-now-btn{font-size:14px;margin-top:12px;padding:10px 18px}.services-editor{padding:15px}.services-editor-header{margin-bottom:20px}.services-editor-header h2{font-size:22px;margin-bottom:8px}.add-service-btn{font-size:13px;padding:10px 15px;width:100%}.service-form{padding:15px}.service-form .form-row{flex-direction:column;gap:12px}.service-form .form-group{margin-bottom:15px}.service-form label{font-size:13px;margin-bottom:5px}.service-form input,.service-form select,.service-form textarea{font-size:14px;padding:10px}.service-item-header{align-items:stretch;flex-direction:column;gap:10px}.service-item h3{font-size:16px}.service-item-actions{flex-direction:column;gap:8px}.service-item-actions button{font-size:13px;padding:8px 12px;width:100%}@media (min-width:480px){.services-browsing{padding:25px 20px}.services-header h1{font-size:50px}.services-header .salon-name{font-size:15px}.services-browsing .services-grid{gap:22px;grid-template-columns:repeat(2,1fr)}.services-browsing .service-card .service-image{height:170px}.services-browsing .service-card .service-name{font-size:19px}.services-editor-header h2{font-size:24px}.add-service-btn{min-width:150px;width:auto}.service-item-header{align-items:center;flex-direction:row}.service-item-actions{flex-direction:row}.service-item-actions button{width:auto}}@media (min-width:576px){.services-browsing{padding:30px 25px}.services-header{margin-bottom:35px}.services-header h1{font-size:60px}.services-header .salon-name{font-size:16px}.categories-filter{gap:10px;margin-bottom:35px}.category-button{font-size:14px;padding:9px 16px}.service-form,.services-editor{padding:20px}.service-form .form-row{flex-direction:row;gap:15px}.service-form .form-group{flex:1 1}}@media (min-width:768px){.services-browsing{max-width:1300px;padding:40px 30px}.services-header{margin-bottom:45px}.services-header h1{font-size:80px;margin-bottom:12px}.services-header .salon-name{font-size:18px}.categories-filter{gap:14px;margin-bottom:45px;padding-bottom:25px}.category-button{border-radius:22px;font-size:15px;min-height:44px;padding:10px 20px;transition:all .3s ease}.category-button:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.services-browsing .services-grid{gap:28px;grid-template-columns:repeat(2,1fr)}.services-browsing .service-card{border-radius:14px}.services-browsing .service-card .service-image{height:200px}.services-browsing .service-card .service-content{padding:22px}.services-browsing .service-card .service-name{font-size:22px;margin-bottom:12px}.services-browsing .service-card .service-description{font-size:15px;line-height:1.6;margin-bottom:16px}.services-browsing .service-card .service-details{gap:15px;margin-bottom:18px}.services-browsing .service-card .service-price{font-size:26px}.services-browsing .service-card .service-duration{font-size:14px}.services-browsing .book-now-btn{border-radius:10px;font-size:16px;margin-top:16px;min-height:48px;padding:14px 28px;transition:all .3s ease}.services-browsing .book-now-btn:hover{box-shadow:0 6px 20px #0070c94d;transform:translateY(-2px)}.services-editor{margin:0 auto;max-width:1400px;padding:28px 30px}.services-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.services-editor-header h2{font-size:28px;margin-bottom:0}.add-service-btn{border-radius:10px;font-size:15px;min-height:48px;padding:14px 28px}.service-form{border-radius:12px;padding:28px 30px}.service-form .form-row{gap:20px}.service-form .form-group{margin-bottom:20px}.service-form label{font-size:15px;margin-bottom:8px}.service-form input,.service-form select,.service-form textarea{border-radius:8px;font-size:15px;padding:12px 15px}.service-form textarea{min-height:120px}.service-form .form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.service-form .form-actions button{border-radius:10px;font-size:15px;min-height:48px;min-width:140px;padding:14px 28px}.services-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.service-item{border-radius:12px;padding:22px 25px;transition:all .3s ease}.service-item:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.service-item-header{margin-bottom:15px}.service-item h3{font-size:20px}.service-item-actions{gap:12px}.service-item-actions button{border-radius:8px;font-size:14px;min-height:44px;min-width:100px;padding:10px 20px}.service-item-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.service-item-details p{font-size:14px;margin:0}.image-upload-section{border-radius:10px;margin-top:20px;padding:20px}.image-preview{border-radius:10px;height:auto;max-width:300px}}@media (min-width:992px){.services-browsing{padding:50px 40px}.services-header h1{font-size:90px}.services-browsing .services-grid{gap:30px;grid-template-columns:repeat(3,1fr)}.services-browsing .service-card .service-image{height:220px}.services-browsing .service-card .service-content{padding:24px}.services-browsing .service-card .service-name{font-size:24px}.services-editor{padding:35px 40px}.services-editor-header h2{font-size:32px}.service-form{padding:32px 35px}.services-list{gap:25px;grid-template-columns:repeat(2,1fr)}.service-item{padding:25px 28px}}@media (min-width:1200px){.services-browsing{max-width:1400px;padding:60px 50px}.services-header h1{font-size:100px}.services-header .salon-name{font-size:19px}.services-browsing .services-grid{gap:32px;grid-template-columns:repeat(4,1fr)}.services-browsing .service-card .service-image{height:200px}.services-editor{max-width:1480px;padding:40px 50px}.services-editor-header h2{font-size:36px}.service-form{padding:35px 40px}.services-list{gap:28px;grid-template-columns:repeat(2,1fr)}}@media (min-width:1400px){.services-browsing{max-width:1480px}.services-browsing .services-grid{gap:32px}.services-browsing .service-card .service-image{height:210px}.services-list{gap:32px}}@media (min-width:1500px){.services-browsing{max-width:1480px;padding:50px}.services-browsing .services-grid{gap:35px;grid-template-columns:repeat(4,1fr)}.services-browsing .service-card .service-image{height:220px}.services-editor{max-width:1480px;padding:45px 55px}.services-list{gap:35px}}@media (min-width:768px) and (max-width:1200px) and (orientation:landscape){.services-browsing .services-grid{gap:25px;grid-template-columns:repeat(3,1fr)}.services-browsing .service-card .service-image{height:180px}.services-list{grid-template-columns:repeat(2,1fr)}}.leave-management-container,.staff-editor{--staff-primary-coral:#e64c31!important;--staff-light-coral:#ffbdb1!important;--staff-light-gray:#f6f6f6!important;--staff-white:#fff!important;--staff-black:#000!important;--staff-dark-gray:#333!important;--staff-medium-gray:#666!important;--staff-border-gray:#ddd!important}.staff-editor{background-color:initial!important;color:var(--staff-dark-gray)!important;flex-shrink:0;font-family:Wix Madefor Text,sans-serif!important;margin-bottom:30px!important;min-width:0;width:100%!important}.staff-editor *{box-sizing:border-box!important}.staff-editor h2{border-bottom:2px solid var(--staff-light-coral)!important;color:var(--staff-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;margin-top:0!important}.staff-editor .editor-description{color:var(--staff-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:15px!important;line-height:1.6!important;margin-bottom:25px!important}.staff-sub-tabs{border:2px solid var(--staff-light-coral)!important;border-radius:8px!important;box-shadow:0 2px 8px #e64c311a!important;display:flex!important;margin-bottom:25px!important;overflow:hidden!important}.staff-sub-tabs,.staff-sub-tabs .sub-tab{background-color:var(--staff-white)!important}.staff-sub-tabs .sub-tab{border:none!important;border-right:1px solid var(--staff-light-coral)!important;color:var(--staff-primary-coral)!important;cursor:pointer!important;flex:1 1!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;padding:15px 25px!important;position:relative!important;text-align:center!important;text-transform:uppercase!important;transition:all .3s ease!important}.staff-sub-tabs .sub-tab:last-child{border-right:none!important}.staff-sub-tabs .sub-tab:hover{background-color:var(--staff-light-coral)!important;transform:translateY(-1px)!important}.staff-sub-tabs .sub-tab.active{background-color:var(--staff-primary-coral)!important;box-shadow:0 2px 8px #e64c314d!important;color:var(--staff-white)!important}.stylists-list{margin-bottom:30px!important}.stylists-list h3{border-bottom:1px solid var(--staff-light-coral)!important;color:var(--staff-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:20px!important;font-weight:600!important;margin-bottom:20px!important;padding-bottom:10px!important}.staff-list-actions{margin-bottom:25px!important}.no-stylists{background-color:var(--staff-light-gray)!important;border:2px dashed var(--staff-light-coral)!important;border-radius:8px!important;color:var(--staff-medium-gray)!important;padding:30px!important;text-align:center!important}.no-services-warning,.no-stylists{font-family:Wix Madefor Text,sans-serif!important}.no-services-warning{background-color:#fff3cd!important;border:2px solid #ffeaa7!important;border-radius:8px!important;color:#856404!important;margin-bottom:25px!important;padding:15px!important}.no-services-warning p{font-size:14px!important;margin:0!important}.staff-items{display:flex!important;flex-direction:column!important;gap:20px!important}.staff-item{background-color:var(--staff-white)!important;border:2px solid var(--staff-light-coral)!important;border-radius:12px!important;box-shadow:0 2px 8px #e64c311a!important;overflow:hidden!important;transition:all .3s ease!important}.staff-item:hover{box-shadow:0 4px 16px #e64c3133!important;transform:translateY(-2px)!important}.staff-item.inactive{background-color:var(--staff-light-gray)!important;opacity:.7!important}.staff-content{padding:20px!important}.staff-header{align-items:center!important;display:flex!important;gap:20px!important;margin-bottom:15px!important}.staff-photo{border:3px solid var(--staff-light-coral)!important;border-radius:50%!important;flex-shrink:0!important;height:80px!important;overflow:hidden!important;width:80px!important}.staff-photo img{height:100%!important;object-fit:cover!important;width:100%!important}.staff-photo .image-placeholder{background-color:var(--staff-light-coral)!important;font-size:32px!important;height:100%!important;justify-content:center!important;text-transform:uppercase!important;width:100%!important}.staff-info h3.staff-name,.staff-photo .image-placeholder{align-items:center!important;color:var(--staff-primary-coral)!important;display:flex!important;font-family:Familjen Grotesk,sans-serif!important;font-weight:700!important}.staff-info h3.staff-name{font-size:22px!important;margin:0 0 5px!important}.staff-title{color:var(--staff-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;font-style:italic!important;margin:0!important}.inactive-badge{background-color:#f44336!important;border-radius:12px!important;color:var(--staff-white)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:11px!important;font-weight:400!important;margin-left:15px!important;padding:4px 8px!important}.staff-bio{color:var(--staff-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;line-height:1.6!important}.staff-bio,.staff-services{margin:15px 0!important}.staff-services h5{color:var(--staff-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important;margin:0 0 8px!important}.staff-services p{color:var(--staff-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;margin:0!important}.staff-leave-summary{background-color:var(--staff-light-gray)!important;border:1px solid var(--staff-light-coral)!important;border-radius:8px!important;margin:15px 0!important;padding:15px!important}.staff-leave-summary strong{color:var(--staff-primary-coral)!important;display:block!important;font-family:Familjen Grotesk,sans-serif!important;font-weight:600!important;margin-bottom:8px!important}.leave-stats{display:flex!important;flex-wrap:wrap!important;font-family:Wix Madefor Text,sans-serif!important;font-size:13px!important;gap:15px!important}.leave-stats span{color:var(--staff-dark-gray)!important}.leave-stats small{color:var(--staff-medium-gray)!important;font-style:italic!important}.staff-inactive{background-color:#ffebee!important;border-radius:6px!important;color:#f44336!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;font-style:italic!important;margin:15px 0 0!important;padding:10px!important}.staff-actions{align-items:center!important;border-top:1px solid var(--staff-light-coral)!important;display:flex!important;gap:8px!important;justify-content:flex-end!important;margin-bottom:20px!important;margin-right:20px!important;margin-top:15px!important;padding-bottom:0!important;padding-top:15px!important}.staff-form{background-color:var(--staff-white)!important;border:2px solid var(--staff-light-coral)!important;border-radius:12px!important;box-shadow:0 4px 12px #e64c311a!important;margin-bottom:30px!important;padding:30px!important}.staff-form h3{border-bottom:2px solid var(--staff-light-coral)!important;color:var(--staff-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:24px!important;font-weight:700!important;margin:0 0 25px!important;padding-bottom:15px!important;text-align:center!important}.staff-editor .form-group{display:flex!important;flex-direction:column!important;flex-shrink:0!important;margin-bottom:25px!important;min-width:0!important;width:100%!important}.staff-editor .form-group label{color:var(--staff-primary-coral)!important;display:block!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}.staff-editor .form-group input[type=date],.staff-editor .form-group input[type=email],.staff-editor .form-group input[type=number],.staff-editor .form-group input[type=tel],.staff-editor .form-group input[type=text],.staff-editor .form-group input[type=time],.staff-editor .form-group input[type=url],.staff-editor .form-group select,.staff-editor .form-group textarea{background-color:var(--staff-white)!important;border:2px solid var(--staff-light-coral)!important;border-radius:8px!important;box-sizing:border-box!important;color:var(--staff-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;padding:12px 16px!important;transition:all .3s ease!important;width:100%!important}.staff-editor .form-group input:focus,.staff-editor .form-group select:focus,.staff-editor .form-group textarea:focus{border-color:var(--staff-primary-coral)!important;box-shadow:0 0 0 3px #e64c311a!important;outline:none!important}.staff-editor .form-group textarea{min-height:100px!important;resize:vertical!important}.staff-editor .checkbox-group{align-items:center!important;display:flex!important;gap:10px!important}.staff-editor .checkbox-group label{align-items:center!important;color:var(--staff-dark-gray)!important;cursor:pointer!important;display:flex!important;font-family:Wix Madefor Text,sans-serif!important;margin-bottom:0!important}.staff-editor .checkbox-group input[type=checkbox]{accent-color:var(--staff-primary-coral)!important;height:18px!important;margin-right:8px!important;width:18px!important}.staff-editor .form-group>div[style*="flex-direction: column"]{align-items:flex-start!important;display:flex!important;flex-direction:column!important;margin-top:10px!important;width:100%!important}.staff-editor .form-group>div[style*="flex-direction: column"]>div{align-items:center!important;display:flex!important;justify-content:flex-start!important;margin-bottom:12px!important;margin-right:0!important;padding-left:0!important;width:auto!important}.staff-editor .form-group>div[style*="flex-direction: column"] input[type=checkbox]{accent-color:var(--staff-primary-coral)!important;flex-shrink:0!important;height:18px!important;margin-left:0!important;margin-right:12px!important;width:18px!important}.staff-editor .form-group>div[style*="flex-direction: column"] label{color:var(--staff-dark-gray)!important;cursor:pointer!important;display:inline-block!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;font-weight:400!important;margin:0!important;padding-left:0!important;text-align:left!important;width:auto!important}.staff-editor .form-helper-text{margin-top:6px!important}.staff-editor .form-helper-text small{font-size:12px!important}.no-services-message,.staff-editor .form-helper-text small{color:var(--staff-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-style:italic!important}.no-services-message{background-color:var(--staff-light-gray)!important;border:2px dashed var(--staff-light-coral)!important;border-radius:8px!important;margin:10px 0!important;padding:15px!important;text-align:center!important}.photo-preview{border:2px solid var(--staff-light-coral)!important;border-radius:8px!important;margin-top:15px!important;max-width:200px!important;overflow:hidden!important}.photo-preview img{display:block!important;height:auto!important;width:100%!important}.staff-editor .add-button,.staff-editor .cancel-button,.staff-editor .edit-button,.staff-editor .remove-button,.staff-editor .save-button,.staff-editor .update-button{border:none!important;border-radius:6px!important;cursor:pointer!important;font-family:Familjen Grotesk,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;padding:7px 15px!important;text-transform:uppercase!important;transition:all .3s ease!important}.staff-editor .edit-button{background-color:var(--staff-light-gray)!important;border:2px solid var(--staff-border-gray)!important;color:var(--staff-dark-gray)!important}.staff-editor .edit-button:hover{background-color:var(--staff-light-coral)!important;border-color:var(--staff-primary-coral)!important;color:var(--staff-primary-coral)!important}.staff-editor .remove-button{background-color:#ffebee!important;border:2px solid #ffcdd2!important;color:#d32f2f!important}.staff-editor .remove-button:hover{background-color:#d32f2f!important;border-color:#d32f2f!important;color:var(--staff-white)!important}.staff-editor .add-button{background-color:var(--staff-primary-coral)!important;border:2px solid var(--staff-primary-coral)!important;color:var(--staff-white)!important}.staff-editor .add-button:hover{background-color:#d63c23!important;border-color:#d63c23!important;box-shadow:0 4px 12px #e64c314d!important;transform:translateY(-2px)!important}.staff-editor .save-button,.staff-editor .update-button{background-color:var(--staff-primary-coral)!important;border:2px solid var(--staff-primary-coral)!important;color:var(--staff-white)!important}.staff-editor .save-button:hover,.staff-editor .update-button:hover{background-color:#d63c23!important;border-color:#d63c23!important;box-shadow:0 4px 12px #e64c314d!important;transform:translateY(-1px)!important}.staff-editor .cancel-button{background-color:var(--staff-light-gray)!important;border:2px solid var(--staff-border-gray)!important;color:var(--staff-medium-gray)!important}.staff-editor .cancel-button:hover{background-color:var(--staff-border-gray)!important;color:var(--staff-dark-gray)!important}.staff-editor .add-button:disabled,.staff-editor .save-button:disabled,.staff-editor .update-button:disabled{background-color:#ccc!important;border-color:#ccc!important;box-shadow:none!important;color:#666!important;cursor:not-allowed!important;transform:none!important}.staff-editor .form-actions{border-top:2px solid var(--staff-light-coral)!important;display:flex!important;gap:15px!important;justify-content:flex-end!important;margin-top:30px!important;padding-top:20px!important}.staff-editor .loading{background-color:var(--staff-light-gray)!important;border:2px dashed var(--staff-light-coral)!important;border-radius:8px!important;color:var(--staff-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-style:italic!important;padding:30px!important;text-align:center!important}.staff-editor .error-message{background-color:#ffebee!important;border:2px solid #ffcdd2!important;border-radius:8px!important;color:#d32f2f!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;margin-bottom:20px!important;padding:15px!important}.staff-editor .required-asterisk{color:red!important;font-size:14px!important;font-weight:700!important;margin-left:4px!important}.staff-editor .field-error-message{color:#d32f2f!important;display:block!important;font-family:Familjen Grotesk,sans-serif!important;font-size:13px!important;font-weight:500!important;margin-bottom:8px!important;margin-top:6px!important}.staff-editor .input-error{background-color:#ffebee!important;border-color:#d32f2f!important}.staff-editor .input-error:focus{border-color:#d32f2f!important;box-shadow:0 0 0 3px #d32f2f33!important}.leave-management-container{background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:var(--staff-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;padding:0!important}.leave-summary-single-box{background-color:var(--staff-light-gray)!important;border:2px solid var(--staff-light-coral)!important;border-radius:12px!important;box-shadow:0 2px 8px #e64c311a!important;margin-bottom:30px!important;padding:25px!important}.leave-summary-single-box h3{border-bottom:none!important;color:var(--staff-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:20px!important;font-weight:600!important;margin:0 0 20px!important;padding-bottom:0!important}.leave-header{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-bottom:20px!important}.year-selector label{color:var(--staff-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-weight:600!important;margin-right:10px!important}.year-selector select{background-color:var(--staff-white)!important;border:2px solid var(--staff-light-coral)!important;border-radius:6px!important;color:var(--staff-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;padding:8px 12px!important}.leave-summary-stats{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.leave-stat-card{background-color:var(--staff-white)!important;border:2px solid var(--staff-light-coral)!important;border-radius:8px!important;box-shadow:0 2px 8px #e64c311a!important;padding:20px!important;text-align:center!important}.leave-stat-card h4{font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;margin:0 0 10px!important;text-transform:uppercase!important}.leave-stat-card h4,.leave-stat-number{color:var(--staff-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important}.leave-stat-number{font-size:28px!important;font-weight:700!important;margin-bottom:5px!important}.leave-stat-label{color:var(--staff-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:12px!important}.leave-stat-card small{color:var(--staff-medium-gray)!important;display:block!important;font-size:11px!important;font-style:italic!important;margin-top:5px!important}.leave-records-section{background-color:initial!important}.leave-records-section h3{border-bottom:2px solid var(--staff-light-coral)!important;color:var(--staff-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:20px!important;font-weight:600!important;margin:0 0 20px!important;padding-bottom:10px!important}.leave-actions{margin-bottom:25px!important}.no-leave-records{border:2px dashed var(--staff-light-coral)!important;border-radius:8px!important;color:var(--staff-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-style:italic!important;padding:30px!important;text-align:center!important}.leave-form,.no-leave-records{background-color:var(--staff-light-gray)!important}.leave-form{border:2px solid var(--staff-light-coral)!important;border-radius:12px!important;margin-bottom:25px!important;padding:25px!important}.leave-form h4{color:var(--staff-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:18px!important;font-weight:600!important;margin:0 0 20px!important}.leave-form .form-row{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.leave-form .form-group,.leave-form .form-row{margin-bottom:20px!important}.leave-form .form-group label{color:var(--staff-primary-coral)!important;display:block!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important;margin-bottom:6px!important}.leave-form .form-group input,.leave-form .form-group select,.leave-form .form-group textarea{background-color:var(--staff-white)!important;border:2px solid var(--staff-light-coral)!important;border-radius:6px!important;box-sizing:border-box!important;color:var(--staff-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;padding:10px 14px!important;width:100%!important}.leave-form .form-group input:focus,.leave-form .form-group select:focus,.leave-form .form-group textarea:focus{border-color:var(--staff-primary-coral)!important;box-shadow:0 0 0 3px #e64c311a!important;outline:none!important}.leave-form .form-actions{border-top:1px solid var(--staff-light-coral)!important;display:flex!important;gap:15px!important;justify-content:flex-end!important;margin-top:25px!important;padding-top:20px!important}.leave-form .cancel-button,.leave-form .save-button{border:none!important;border-radius:6px!important;cursor:pointer!important;font-family:Familjen Grotesk,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;padding:7px 15px!important;text-transform:uppercase!important;transition:all .3s ease!important}.leave-form .cancel-button{background-color:var(--staff-light-gray)!important;border:2px solid var(--staff-border-gray)!important;color:var(--staff-medium-gray)!important}.leave-form .save-button{background-color:var(--staff-primary-coral)!important;border:2px solid var(--staff-primary-coral)!important;color:var(--staff-white)!important}.records-list{display:flex!important;flex-direction:column!important;gap:15px!important}.leave-record-item{background-color:var(--staff-white)!important;border:2px solid var(--staff-light-coral)!important;border-radius:8px!important;box-shadow:0 2px 8px #e64c311a!important;padding:20px!important}.record-header{flex-wrap:wrap!important;justify-content:space-between!important;margin-bottom:15px!important}.record-header,.record-type{align-items:center!important;display:flex!important;gap:10px!important}.leave-type-badge{border-radius:15px!important;color:var(--staff-white)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;padding:6px 12px!important;text-transform:uppercase!important}.leave-type-annual{background-color:#4caf50!important}.leave-type-medical{background-color:#ff9800!important}.leave-type-timeoff{background-color:#2196f3!important}.time-type{color:var(--staff-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:12px!important}.record-dates{color:var(--staff-dark-gray)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important}.record-dates small{color:var(--staff-medium-gray)!important;display:block!important;font-size:11px!important;font-weight:400!important;margin-top:2px!important}.record-content p{color:var(--staff-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;margin:8px 0!important}.record-content strong{color:var(--staff-primary-coral)!important}.record-content strong,.status-badge{font-family:Familjen Grotesk,sans-serif!important}.status-badge{border-radius:12px!important;font-size:11px!important;font-weight:600!important;margin-left:8px!important;padding:4px 8px!important}.status-approved{background-color:#e8f5e9!important;color:#2e7d32!important}.status-pending{background-color:#fff3e0!important;color:#f57c00!important}.status-rejected{background-color:#ffebee!important;color:#d32f2f!important}.record-content small{color:var(--staff-medium-gray)!important;font-size:11px!important;font-style:italic!important}.record-actions{border-top:1px solid var(--staff-light-coral)!important;display:flex!important;justify-content:flex-end!important;margin-top:15px!important;padding-top:15px!important}.remove-button.small{font-size:10px!important;padding:5px 10px!important}@media (max-width:768px){.staff-sub-tabs{flex-direction:column!important}.staff-sub-tabs .sub-tab{border-bottom:1px solid var(--staff-light-coral)!important;border-right:none!important;text-align:center!important}.staff-sub-tabs .sub-tab:last-child{border-bottom:none!important}.staff-header{flex-direction:column!important;text-align:center!important}.staff-actions{flex-wrap:wrap!important;justify-content:center!important}.leave-form .form-row,.leave-summary-stats{grid-template-columns:1fr!important}.record-header{align-items:flex-start!important;flex-direction:column!important}}@media (max-width:480px){.staff-sub-tabs .sub-tab{font-size:12px!important;padding:12px 20px!important}.staff-form{padding:20px 15px!important}.leave-management-container{padding:0!important}.leave-form{padding:15px!important}.leave-form .form-actions,.staff-editor .form-actions{flex-direction:column!important}}.staff-editor{padding:10px!important}.staff-editor h2{font-size:28px!important;font-weight:600!important;margin-bottom:25px!important;padding-bottom:10px!important}.staff-editor .editor-description{font-size:13px!important;margin-bottom:18px!important}.staff-sub-tabs{flex-direction:column!important;gap:0!important;margin-bottom:20px!important}.staff-sub-tabs .sub-tab{border-bottom:1px solid var(--staff-light-coral)!important;border-right:none!important;font-size:13px!important;padding:12px 18px!important}.staff-sub-tabs .sub-tab:last-child{border-bottom:none!important}.staff-add-button{font-size:14px!important;margin-bottom:18px!important;padding:12px 18px!important;width:100%!important}.staff-cards-grid{grid-gap:15px!important;gap:15px!important;grid-template-columns:1fr!important}.staff-card{border-radius:10px!important;padding:15px!important}.staff-card-header{display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:12px!important}.staff-card h3{font-size:16px!important;margin:0!important}.staff-card-actions{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:12px!important}.staff-card-actions button{font-size:13px!important;padding:8px 12px!important;width:100%!important}.staff-card-details{display:flex!important;flex-direction:column!important;gap:8px!important}.staff-card-details p{font-size:13px!important;margin:0!important}.staff-form-container{border-radius:10px!important;margin-bottom:18px!important;padding:15px!important}.staff-form-container h3{font-size:18px!important}.staff-form .form-group,.staff-form-container h3{margin-bottom:15px!important}.staff-form label{font-size:13px!important;margin-bottom:6px!important}.staff-form input,.staff-form select,.staff-form textarea{font-size:14px!important;padding:10px!important;width:100%!important}.staff-form .form-actions{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:18px!important}.staff-form .form-actions button{font-size:14px!important;padding:12px 18px!important;width:100%!important}.services-assignment{margin-top:15px!important}.services-assignment h4{font-size:15px!important;margin-bottom:12px!important}.services-checkboxes{display:flex!important;flex-direction:column!important;gap:10px!important}.service-checkbox-item{font-size:13px!important;padding:10px!important}.leave-management-container{padding:15px!important}.leave-management-container h3{font-size:20px!important;margin-bottom:15px!important}.leave-controls{display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:18px!important}.leave-add-button{font-size:14px!important;padding:12px 18px!important}.leave-add-button,.leave-filter{width:100%!important}.leave-filter select{font-size:14px!important;padding:10px!important;width:100%!important}.leave-cards-container{display:flex!important;flex-direction:column!important;gap:12px!important}.leave-card{border-radius:10px!important;padding:15px!important}.leave-card h4{font-size:15px!important;margin-bottom:10px!important}.leave-card-details{display:flex!important;flex-direction:column!important;gap:8px!important}.leave-card-details p{font-size:13px!important}.leave-card-actions{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:12px!important}.leave-card-actions button{font-size:13px!important;padding:8px 12px!important;width:100%!important}.leave-form-container{border-radius:10px!important;padding:15px!important}.leave-form-container h3{font-size:18px!important;margin-bottom:15px!important}.leave-form .form-row{display:flex!important;flex-direction:column!important;gap:12px!important}@media (min-width:480px){.staff-editor h2{font-size:28px!important}.staff-add-button{min-width:160px!important;width:auto!important}.staff-cards-grid{gap:18px!important;grid-template-columns:repeat(2,1fr)!important}.staff-card-actions{flex-direction:row!important}.staff-card-actions button{flex:1 1!important;width:auto!important}.staff-form .form-actions{flex-direction:row!important;justify-content:flex-end!important}.staff-form .form-actions button{min-width:120px!important;width:auto!important}.leave-add-button{min-width:160px!important;width:auto!important}.leave-card-actions{flex-direction:row!important}.leave-card-actions button{flex:1 1!important;width:auto!important}}@media (min-width:576px){.staff-editor{padding:15px!important}.staff-editor h2{font-size:28px!important}.staff-sub-tabs{flex-direction:row!important}.staff-sub-tabs .sub-tab{border-bottom:none!important;border-right:1px solid var(--staff-light-coral)!important;font-size:14px!important;padding:14px 20px!important}.leave-management-container,.staff-form-container{padding:20px!important}.leave-controls{align-items:center!important;flex-direction:row!important;justify-content:space-between!important}.leave-filter{width:auto!important}.leave-filter select{min-width:200px!important}.leave-form .form-row{flex-direction:row!important}.leave-form .form-group{flex:1 1!important}}@media (min-width:768px){.staff-editor{margin:0 auto!important;max-width:1400px!important;padding:25px 30px!important}.staff-editor h2{font-size:28px!important;margin-bottom:25px!important;padding-bottom:10px!important}.staff-editor .editor-description{font-size:16px!important;margin-bottom:25px!important}.staff-sub-tabs{border-radius:10px!important;margin-bottom:30px!important}.staff-sub-tabs .sub-tab{padding:16px 28px!important}.staff-add-button,.staff-sub-tabs .sub-tab{font-size:15px!important;min-height:48px!important}.staff-add-button{border-radius:10px!important;margin-bottom:25px!important;min-width:180px!important;padding:14px 28px!important}.staff-cards-grid{gap:25px!important;grid-template-columns:repeat(2,1fr)!important}.staff-card{border-radius:12px!important;padding:22px 25px!important;transition:all .3s ease!important}.staff-card:hover{box-shadow:0 6px 20px #e64c3126!important;transform:translateY(-3px)!important}.staff-card-header{align-items:flex-start!important;flex-direction:row!important;gap:15px!important;justify-content:space-between!important;margin-bottom:15px!important}.staff-card h3{font-size:20px!important}.staff-card-actions{gap:12px!important;margin-top:15px!important}.staff-card-actions button{border-radius:8px!important;font-size:14px!important;min-height:44px!important;padding:10px 20px!important}.staff-card-details{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.staff-card-details p{font-size:14px!important}.staff-form-container{border-radius:12px!important;margin-bottom:25px!important;padding:25px 28px!important}.staff-form-container h3{font-size:22px!important}.staff-form .form-group,.staff-form-container h3{margin-bottom:20px!important}.staff-form label{font-size:15px!important;margin-bottom:8px!important}.staff-form input,.staff-form select,.staff-form textarea{border-radius:8px!important;font-size:15px!important;padding:12px 15px!important}.staff-form .form-actions{gap:15px!important;margin-top:25px!important}.staff-form .form-actions button{border-radius:10px!important;font-size:15px!important;min-height:48px!important;min-width:140px!important;padding:14px 28px!important}.services-assignment{margin-top:20px!important}.services-assignment h4{font-size:18px!important;margin-bottom:15px!important}.services-checkboxes{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.service-checkbox-item{border-radius:8px!important;font-size:14px!important;padding:12px 15px!important}.leave-management-container{padding:25px 30px!important}.leave-management-container h3{font-size:24px!important;margin-bottom:20px!important}.leave-controls{margin-bottom:25px!important}.leave-add-button{border-radius:10px!important;font-size:15px!important;min-height:48px!important;min-width:180px!important;padding:14px 28px!important}.leave-filter select{border-radius:8px!important;font-size:15px!important;min-width:220px!important;padding:12px 15px!important}.leave-cards-container{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(2,1fr)!important}.leave-card{border-radius:12px!important;padding:22px 25px!important;transition:all .3s ease!important}.leave-card:hover{box-shadow:0 6px 20px #e64c3126!important;transform:translateY(-3px)!important}.leave-card h4{font-size:18px!important;margin-bottom:15px!important}.leave-card-details{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important}.leave-card-details p{font-size:14px!important}.leave-card-actions{gap:12px!important;margin-top:15px!important}.leave-card-actions button{border-radius:8px!important;font-size:14px!important;min-height:44px!important;padding:10px 20px!important}.leave-form-container{border-radius:12px!important;padding:25px 28px!important}.leave-form-container h3{font-size:22px!important;margin-bottom:20px!important}.leave-form .form-row{gap:20px!important}}@media (min-width:992px){.staff-editor{padding:32px 40px!important}.staff-editor h2{font-size:28px!important}.staff-cards-grid{gap:28px!important;grid-template-columns:repeat(3,1fr)!important}.staff-card{padding:25px 28px!important}.leave-cards-container,.services-checkboxes{grid-template-columns:repeat(3,1fr)!important}.leave-cards-container{gap:25px!important}.leave-card{padding:25px 28px!important}}@media (min-width:1200px){.staff-editor{max-width:1480px!important;padding:40px 50px!important}.staff-editor h2{font-size:28px!important}.staff-cards-grid{gap:32px!important;grid-template-columns:repeat(3,1fr)!important}.staff-card{padding:28px 32px!important}.leave-cards-container{gap:28px!important;grid-template-columns:repeat(3,1fr)!important}.leave-card{padding:28px 32px!important}}@media (min-width:1500px){.staff-editor{max-width:1480px!important;padding:45px 55px!important}.staff-editor h2{font-size:28px!important}.staff-cards-grid{gap:35px!important;grid-template-columns:repeat(3,1fr)!important}.staff-card{padding:30px 35px!important}.leave-cards-container{gap:30px!important;grid-template-columns:repeat(3,1fr)!important}.leave-card{padding:30px 35px!important}}@media (min-width:1400px){.staff-cards-grid{gap:35px!important}.leave-cards-container{gap:32px!important}}@media (min-width:768px) and (max-width:1200px) and (orientation:landscape){.staff-cards-grid{gap:22px!important}.leave-cards-container,.staff-cards-grid{grid-template-columns:repeat(3,1fr)!important}.leave-cards-container{gap:20px!important}.leave-card,.staff-card{padding:20px 22px!important}}:root{--leave-purple:#9c27b0;--leave-blue:#2196f3;--available-green:#e8f5e9;--available-border:#4caf50;--unavailable-gray:#ffebee;--unavailable-border:#f44336;--leave-lavender:#f3e5f5;--leave-border:#9c27b0;--all-staffs-available-bg:#e8f5e9;--all-staffs-available-border:#4caf50;--some-staffs-available-bg:#fff3e0;--some-staffs-available-border:#ff9800;--all-staffs-occupied-bg:#ffebee;--all-staffs-occupied-border:#f44336;--slot-height:50px}.booking-calendar-container{background-color:#fff;background-color:var(--white);display:flex;flex-direction:column;font-family:Wix Madefor Text,sans-serif;height:100%;overflow:hidden;padding:0;width:97%}.admin-content.no-preview .admin-editor,.admin-editor.full-width{flex:1 1;max-width:none;padding:20px;width:97%}.admin-editor:has(.booking-calendar-container){overflow:hidden}.toggle-requests-section{background-color:#666;background-color:var(--medium-gray);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:500;padding:8px 16px;transition:all .3s ease}.toggle-requests-section:hover{background-color:#333;background-color:var(--dark-gray);transform:scale(1.05)}.requests-content{max-height:500px}.show-requests-bar{background-color:#f6f6f6;background-color:var(--light-gray);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.show-requests-btn{align-items:center;background-color:#e64c31;background-color:var(--primary-coral);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;gap:8px;margin:0 auto;padding:12px 24px;transition:all .3s ease}.show-requests-btn:hover{background-color:#333;background-color:var(--dark-gray);box-shadow:0 4px 12px #e64c314d;transform:translateY(-2px)}.booking-calendar-loading{align-items:center;color:#666;color:var(--medium-gray);display:flex;flex-direction:column;font-family:Familjen Grotesk,sans-serif;height:400px;justify-content:center}.booking-calendar-loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffbdb1;border-top:4px solid #e64c31;border:4px solid var(--light-coral);border-radius:50%;border-top-color:var(--primary-coral);height:40px;margin-bottom:15px;width:40px}.calendar-header{background-color:#f6f6f6;background-color:var(--light-gray);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;gap:20px;margin-bottom:15px;padding:20px}.calendar-header h2{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:700;margin:0}.calendar-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.date-navigation,.view-selector,.year-selector{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;display:flex;gap:8px;padding:4px}.date-navigation button,.view-selector button,.year-selector button{background-color:initial;border:none;border-radius:6px;color:#e64c31;color:var(--primary-coral);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.date-navigation button:hover,.view-selector button:hover,.year-selector button:hover{background-color:#ffbdb1;background-color:var(--light-coral);transform:translateY(-1px)}.view-selector button.active,.year-selector button.active{background-color:#e64c31;background-color:var(--primary-coral);box-shadow:0 2px 8px #e64c314d;color:#fff;color:var(--white)}.stylist-selector select{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;color:#333;color:var(--dark-gray);cursor:pointer;font-family:Wix Madefor Text,sans-serif;font-size:14px;min-width:200px;padding:10px 15px}.stylist-selector select:focus{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a;outline:none}.staff-selector select{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;color:#333;color:var(--dark-gray);cursor:pointer;font-family:Wix Madefor Text,sans-serif;font-size:16px;min-width:360px;padding:10px 15px}.staff-selector select:focus{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a;outline:none}.calendar-legend{background-color:#f6f6f6;background-color:var(--light-gray);border:1px solid #ffbdb1;border:1px solid var(--light-coral);border-radius:8px;display:flex;flex-shrink:0;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:15px;padding:15px}.legend-item{align-items:center;color:#333;color:var(--dark-gray);display:flex;font-family:Wix Madefor Text,sans-serif;font-size:14px;gap:8px}.legend-color{border:2px solid;border-radius:4px;height:20px;width:20px}.legend-color.available{background-color:#e8f5e9;background-color:var(--available-green);border-color:#4caf50;border-color:var(--available-border)}.legend-color.pending{background-color:#fff3e0;background-color:var(--pending-orange);border-color:#ff9800;border-color:var(--pending-border)}.legend-color.approved{background-color:#e3f2fd;background-color:var(--approved-blue);border-color:#2196f3;border-color:var(--approved-border)}.legend-color.unavailable{background-color:#ffebee;background-color:var(--unavailable-gray);border-color:#f44336;border-color:var(--unavailable-border)}.legend-color.leave{background-color:#f3e5f5;background-color:var(--leave-lavender);border-color:#9c27b0;border-color:var(--leave-border)}.legend-color.all-staffs-available{background-color:#e8f5e9;background-color:var(--all-staffs-available-bg);border-color:#4caf50;border-color:var(--all-staffs-available-border)}.legend-color.some-staffs-available{background-color:#fff3e0;background-color:var(--some-staffs-available-bg);border-color:#ff9800;border-color:var(--some-staffs-available-border)}.legend-color.all-staffs-occupied{background-color:#ffebee;background-color:var(--all-staffs-occupied-bg);border-color:#f44336;border-color:var(--all-staffs-occupied-border)}.calendar-grid-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.calendar-header-row{background-color:#e64c31;background-color:var(--primary-coral);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-bottom:none;border-radius:10px 10px 0 0;display:flex;flex-shrink:0;position:sticky;top:0;z-index:20}.calendar-grid{background-color:#ddd;background-color:var(--border-gray);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:0 0 10px 10px;border-top:none;display:flex;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.time-column{background-color:#f6f6f6;background-color:var(--light-gray);border-right:1px solid #ddd;border-right:1px solid var(--border-gray);flex-shrink:0;left:0;min-width:100px;position:sticky;z-index:10}.time-header{background-color:#e64c31;background-color:var(--primary-coral);border-right:1px solid #ddd;border-right:1px solid var(--border-gray);color:#fff;color:var(--white);flex-shrink:0;font-family:Familjen Grotesk,sans-serif;font-weight:600;min-width:100px}.time-header,.time-slot-label{align-items:center;box-sizing:border-box;display:flex;height:50px;height:var(--slot-height);justify-content:center;padding:0 10px;text-align:center}.time-slot-label{background-color:#f6f6f6;background-color:var(--light-gray);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-gray);color:#666;color:var(--medium-gray);font-size:12px;font-weight:500}.day-column{background-color:#fff;background-color:var(--white);border-right:1px solid #ddd;border-right:1px solid var(--border-gray);flex:1 1;min-width:120px}.day-column:last-child{border-right:none}.day-header{align-items:center;background-color:#e64c31;background-color:var(--primary-coral);border-right:1px solid #ddd;border-right:1px solid var(--border-gray);box-sizing:border-box;color:#fff;color:var(--white);display:flex;flex:1 1;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;height:50px;height:var(--slot-height);justify-content:center;min-width:120px;padding:0 10px;text-align:center}.day-header:last-child{border-right:none}.time-slot{background-color:#fff;background-color:var(--white);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-gray);box-sizing:border-box;height:50px;height:var(--slot-height);max-height:50px!important;min-height:50px!important;padding:4px;position:relative}.time-slot.available{background-color:#e8f5e9;background-color:var(--available-green);border-left:4px solid #4caf50;border-left:4px solid var(--available-border)}.time-slot.closed{background-color:#ffebee;background-color:var(--unavailable-gray);background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#f443361a 0,#f443361a 20px);border-left:4px solid #f44336;border-left:4px solid var(--unavailable-border)}.time-slot.all-staffs-available{background-color:#e8f5e9;background-color:var(--all-staffs-available-bg);border-left:4px solid #4caf50;border-left:4px solid var(--all-staffs-available-border)}.time-slot.some-staffs-available{background-color:#fff3e0;background-color:var(--some-staffs-available-bg);border-left:4px solid #ff9800;border-left:4px solid var(--some-staffs-available-border)}.time-slot.all-staffs-occupied{background-color:#ffebee;background-color:var(--all-staffs-occupied-bg);border-left:4px solid #f44336;border-left:4px solid var(--all-staffs-occupied-border)}.time-slot.staff-on-leave{background-color:#f3e5f5!important;background-color:var(--leave-lavender)!important;border-left:4px solid #9c27b0!important;border-left:4px solid var(--leave-border)!important}.stylist-availability-summary{align-items:center;background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:4px;display:flex;flex-direction:column;font-family:Familjen Grotesk,sans-serif;height:100%;justify-content:center;padding:4px;text-align:center;transition:all .2s ease}.availability-count{color:#e64c31;color:var(--primary-coral);font-size:11px;font-weight:700;line-height:1.2;margin-bottom:2px}.availability-detail{color:#666;color:var(--medium-gray);font-size:9px;font-weight:500;line-height:1.1}.clickable-slot:hover .stylist-availability-summary{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 2px 8px #e64c3133;transform:scale(1.02)}.clickable-slot:hover .availability-count{color:#333;color:var(--dark-gray)}.time-slot.clickable-slot{cursor:pointer;transition:all .2s ease}.time-slot.clickable-slot:hover{background-color:#f0f8ff;border-left-color:#e64c31;border-left-color:var(--primary-coral);border-left-width:4px}.clickable{cursor:pointer!important}.clickable:hover{opacity:.8;transform:scale(1.02)}.unavailability-overlay.salon-level{align-items:center;background-color:#f4433626;border:2px solid #f44336;border:2px solid var(--error-red);bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.unavailability-overlay.salon-level .unavailability-text{background-color:#fffffff2;border:1px solid #f44336;border:1px solid var(--error-red);border-radius:4px;color:#f44336;color:var(--error-red);font-family:Familjen Grotesk,sans-serif;font-size:11px;font-weight:600;max-width:90%;overflow:hidden;padding:4px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.unavailability-overlay.stylist-individual{align-items:center;background-color:#9c27b026;border:2px solid #9c27b0;border:2px solid var(--leave-purple);bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:absolute;right:0;top:0;z-index:8}.unavailability-overlay.stylist-individual .unavailability-text{background-color:#fffffff2;border:1px solid #9c27b0;border:1px solid var(--leave-purple);border-radius:3px;color:#9c27b0;color:var(--leave-purple);font-family:Familjen Grotesk,sans-serif;font-size:10px;font-weight:600;max-width:90%;overflow:hidden;padding:3px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.booking-item{background-color:#fff;background-color:var(--white);border:2px solid #ddd;border:2px solid var(--border-gray);border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:pointer;font-size:11px;line-height:1.2;margin:2px;padding:4px 6px;position:relative;transition:all .2s ease;z-index:15}.booking-item:hover{box-shadow:0 2px 8px #0003;transform:scale(1.02);z-index:20}.booking-item.pending{background-color:#fff3e0;background-color:var(--pending-orange);border-color:#ff9800;border-color:var(--pending-border);border-width:3px;color:#333;color:var(--dark-gray);position:relative}.booking-item.pending:before{content:"⏳";font-size:10px;left:2px;opacity:.7;position:absolute;top:2px}.booking-item.pending:hover{background-color:#ffe0b2;box-shadow:0 3px 12px #ff980066;transform:scale(1.02)}.booking-item.pending .booking-service,.booking-item.pending .booking-type{color:#ff9800;color:var(--pending-border);font-weight:700}.booking-item.approved{background-color:#e3f2fd;background-color:var(--approved-blue);border-color:#2196f3;border-color:var(--approved-border);border-width:3px;color:#333;color:var(--dark-gray)}.booking-item.approved:hover{background-color:#bbdefb;box-shadow:0 3px 12px #2196f366}.booking-item.approved-booking{background-color:#e3f2fd;background-color:var(--approved-blue);border-color:#2196f3;border-color:var(--approved-border);border-width:3px;color:#333;color:var(--dark-gray)}.booking-item.approved-booking:hover{background-color:#bbdefb;box-shadow:0 3px 12px #2196f366}.booking-item.cancelled{background-color:#ffebee;border-color:#f44336;border-color:var(--error-red);border-width:2px;color:#666;color:var(--medium-gray);opacity:.7}.booking-item.cancelled:hover{background-color:#ffcdd2;box-shadow:0 2px 8px #f443364d}.booking-service{font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:600;margin-bottom:2px}.booking-stylist{color:#666;color:var(--medium-gray);font-size:10px;margin-bottom:1px}.booking-customer{font-size:10px;font-weight:500;margin-bottom:1px}.booking-duration{color:#666;color:var(--medium-gray);font-size:9px;font-style:italic}.booking-type{color:#4caf50;color:var(--success-green);font-size:10px;font-weight:700;position:absolute;right:2px;top:2px}.stylist-availability-modal{max-width:800px;width:95%}.availability-summary{background-color:#f6f6f6;background-color:var(--light-gray);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;margin-bottom:15px;padding:10px 15px}.summary-stats{display:flex;gap:5px}.stat-item{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-gray);display:flex;flex-direction:row;justify-content:space-between;padding:4px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#666;color:var(--medium-gray);margin-bottom:0}.stat-value{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:15px;font-weight:700}.stat-value.available{color:#4caf50;color:var(--success-green)}.stat-value.occupied{color:#f44336;color:var(--error-red)}.current-bookings-section{background-color:#e3f2fd;background-color:var(--approved-blue);border:2px solid #2196f3;border:2px solid var(--approved-border);border-radius:8px;margin-bottom:20px;padding:15px}.current-bookings-section h4{border-bottom:2px solid #2196f3;border-bottom:2px solid var(--approved-border);color:#2196f3;color:var(--approved-border);margin-bottom:12px;padding-bottom:8px}.current-bookings-list{display:flex;flex-direction:column;gap:10px}.current-booking-item{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #2196f3;border:1px solid var(--approved-border);border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}.booking-staff-name{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:700}.booking-customer-name{color:#333;color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;font-weight:600}.booking-service-info{background-color:#f6f6f6;background-color:var(--light-gray);border-radius:10px;color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:12px;padding:2px 8px}.stylists-section{margin-bottom:25px}.stylists-section h4{border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:700;margin-bottom:15px;padding-bottom:8px}.stylists-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stylist-card{background-color:#fff;background-color:var(--white);border:2px solid #0000;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:15px;transition:all .3s ease}.stylist-card:hover{box-shadow:0 4px 16px #e64c3126;transform:translateY(-2px)}.available-stylist{background-color:#f8fff8;border-color:#4caf50;border-color:var(--success-green)}.available-stylist:hover{border-color:#45a049;box-shadow:0 4px 16px #4caf5033}.occupied-stylist{background-color:#fff8f8;border-color:#f44336;border-color:var(--error-red)}.occupied-stylist:hover{border-color:#d32f2f;box-shadow:0 4px 16px #f4433633}.stylist-name{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:700;margin-bottom:10px}.stylist-status{background-color:#f6f6f6;background-color:var(--light-gray);border:1px solid #ddd;border:1px solid var(--border-gray);border-radius:6px;margin-bottom:12px;padding:10px}.status-type{border-radius:12px;display:inline-block;font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:4px 8px;text-transform:uppercase}.occupied-stylist .status-type{background-color:#f44336;background-color:var(--error-red);color:#fff;color:var(--white)}.status-reason{color:#666;color:var(--medium-gray);display:block;font-family:Wix Madefor Text,sans-serif;font-size:13px;font-style:italic;margin-top:5px}.bookings-info{margin-top:8px}.booking-info{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-gray);display:flex;flex-direction:column;gap:2px;padding:6px 0}.booking-info:last-child{border-bottom:none}.booking-info .customer{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600}.booking-info .service{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:12px}.stylist-services{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:10px}.stylist-services strong{color:#e64c31;color:var(--primary-coral);display:inline;font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:0;margin-right:8px;text-transform:uppercase}.services-list{display:inline-flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}.services-list li{background-color:#ffbdb1;background-color:var(--light-coral);border:1px solid #e64c31;border:1px solid var(--primary-coral);border-radius:10px;color:#e64c31;color:var(--primary-coral);font-family:Wix Madefor Text,sans-serif;font-size:10px;font-weight:500;padding:2px 6px}.no-services{font-family:Wix Madefor Text,sans-serif;font-size:11px;font-style:italic}.no-services,.no-stylists-message{color:#666;color:var(--medium-gray)}.no-stylists-message{background-color:#f6f6f6;background-color:var(--light-gray);border:2px dashed #ddd;border:2px dashed var(--border-gray);border-radius:8px;padding:40px 20px;text-align:center}.no-stylists-message p{font-family:Wix Madefor Text,sans-serif;font-size:16px;margin:0}.detail-row .leave-type{border-radius:20px;font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.detail-row .leave-type.annual{background-color:#e3f2fd;border:2px solid #1976d2;color:#1976d2}.detail-row .leave-type.medical{background-color:#ffebee;border:2px solid #f44336;border:2px solid var(--error-red);color:#f44336;color:var(--error-red)}.detail-row .leave-type.timeoff{background-color:#f3e5f5;border:2px solid #9c27b0;border:2px solid var(--leave-purple);color:#9c27b0;color:var(--leave-purple)}.calendar-summary-container{background-color:#f6f6f6;background-color:var(--light-gray);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:10px;flex-shrink:0;margin-top:15px}.calendar-summary-container .summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.calendar-summary-container .summary-header h3{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0}.calendar-summary-container .summary-filter{align-items:center;display:flex;gap:10px}.calendar-summary-container .summary-filter label{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600}.calendar-summary-container .summary-filter select{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:6px;color:#333;color:var(--dark-gray);cursor:pointer;font-family:Wix Madefor Text,sans-serif;padding:8px 12px}.calendar-summary{grid-gap:20px;background-color:initial;border:none;border-radius:0;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:0}.summary-card{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:10px;box-shadow:0 2px 8px #e64c311a;padding:20px;text-align:center;transition:all .3s ease}.summary-card h4{color:#e64c31;color:var(--primary-coral);font-size:16px;font-weight:600;margin:0 0 10px}.summary-card h4,.summary-number{font-family:Familjen Grotesk,sans-serif}.summary-number{color:#333;color:var(--dark-gray);font-size:32px;font-weight:700}.summary-number.pending{color:#f44336;color:var(--error-red)}.summary-number.approved{color:#4caf50;color:var(--success-green)}.summary-number.cancelled{color:#f44336;color:var(--error-red)}@media (max-width:1200px){.calendar-grid{font-size:12px}.time-column{min-width:80px}.requests-filters{align-items:stretch;flex-direction:column;gap:15px}.request-details-grid{grid-template-columns:1fr}.availability-count{font-size:10px}.availability-detail{font-size:8px}}@media (max-width:768px){:root{--slot-height:40px}.booking-calendar-container{padding:10px}.calendar-header{padding:15px}.calendar-header h2{font-size:24px}.calendar-controls{align-items:stretch;flex-direction:column;gap:15px}.time-column{min-width:80px}.day-column{min-width:100px}.booking-item{font-size:10px;padding:2px 4px}.modal-content{padding:20px}.detail-row{gap:5px;grid-template-columns:1fr}.requests-management-section{margin:10px}.requests-header{align-items:stretch;flex-direction:column;gap:15px}.requests-tabs{justify-content:center}.requests-filters{padding:15px}.search-filter{min-width:200px}.request-actions{flex-direction:column;gap:8px}.stylist-availability-modal{margin:10px;max-width:95%}.summary-stats{flex-direction:column;gap:15px}.stylists-list{gap:12px;grid-template-columns:1fr}.stylist-card{padding:12px}.availability-count{font-size:9px}.availability-detail{font-size:7px}}@media (max-width:480px){:root{--slot-height:35px}.time-column{min-width:60px}.day-column{min-width:80px}.requests-tab{font-size:12px;padding:10px 15px}.request-item{padding:15px}.request-service h4{font-size:16px}.availability-count{font-size:8px;line-height:1.1}.availability-detail{font-size:7px;line-height:1}.stylist-availability-summary{padding:2px}}.booking-calendar-container{padding:10px;width:100%}.calendar-header{margin-bottom:20px;padding:15px}.calendar-header h2{font-size:20px;text-align:center}.calendar-controls{align-items:stretch;flex-direction:column;gap:12px}.date-navigation,.view-selector,.year-selector{justify-content:center;width:100%}.date-navigation button,.view-selector button,.year-selector button{flex:1 1;font-size:13px;padding:10px 15px}.stylist-selector select{min-width:auto;width:100%}.calendar-legend{font-size:12px;gap:12px;padding:12px}.legend-item{font-size:12px}.legend-color{height:16px;width:16px}.calendar-grid-wrapper{margin-bottom:20px;max-height:70vh}.calendar-grid{font-size:11px}.time-column{min-width:70px}.day-column{min-width:90px}.time-slot{padding:2px}.booking-item{font-size:9px;padding:2px 4px}.requests-management-section{margin-bottom:20px}.requests-header{align-items:stretch;flex-direction:column;gap:12px;padding:15px}.requests-tabs{flex-wrap:wrap;justify-content:center}.requests-tab{flex:1 1 auto;font-size:12px;padding:10px 14px}.requests-filters{flex-direction:column;gap:12px;padding:12px 15px}.search-filter,.time-filter{align-items:stretch;flex-direction:column;width:100%}.search-filter{min-width:auto}.search-input,.time-filter select{width:100%}.requests-content{max-height:400px;padding:15px}.request-item{padding:15px}.request-details-grid{gap:10px;grid-template-columns:1fr}.request-actions{flex-direction:column}.quick-approve-btn,.quick-cancel-btn,.quick-reject-btn{width:100%}.modal-overlay{padding:10px}.booking-request-modal,.stylist-availability-modal{margin:0;max-width:95%}.modal-content,.modal-header{padding:15px}.detail-row{gap:5px;grid-template-columns:1fr;padding:10px 0}.modal-actions{flex-direction:column;gap:10px}.approve-button,.cancel-button,.reject-button{min-width:auto;width:100%}.availability-summary{margin-bottom:20px;padding:15px}.summary-stats{flex-direction:column;gap:12px}.stylists-list{gap:12px;grid-template-columns:1fr}.stylist-card{padding:12px}.calendar-summary-container{margin-top:20px;padding:15px}.summary-header{align-items:stretch;flex-direction:column;gap:12px}.summary-header h3{font-size:18px}.summary-filter select{width:100%}.calendar-summary{gap:15px;grid-template-columns:1fr}.summary-card{padding:15px}@media (min-width:480px){.booking-calendar-container{padding:15px}.calendar-header h2{font-size:22px}.calendar-controls{gap:15px}.date-navigation button,.view-selector button,.year-selector button{font-size:14px;padding:10px 18px}.legend-item{font-size:13px}.legend-color{height:18px;width:18px}.time-column{min-width:80px}.day-column{min-width:100px}.booking-item{font-size:10px}.requests-tab{font-size:13px;padding:11px 16px}.modal-header h3{font-size:20px}.calendar-summary{grid-template-columns:repeat(2,1fr)}}@media (min-width:576px){.booking-calendar-container{padding:20px}.calendar-header{padding:18px 20px}.calendar-header h2{font-size:24px}.calendar-controls{flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center}.date-navigation,.stylist-selector,.view-selector,.year-selector{width:auto}.stylist-selector select{min-width:200px}.requests-header{flex-direction:row;padding:18px 20px}.requests-tabs{flex-wrap:nowrap}.requests-filters{flex-direction:row;flex-wrap:wrap;gap:15px;padding:15px 20px}.search-filter,.time-filter{flex-direction:row;width:auto}.search-filter{flex:1 1;min-width:250px}.request-details-grid{grid-template-columns:repeat(2,1fr)}.request-actions{flex-direction:row;justify-content:flex-end}.quick-approve-btn,.quick-cancel-btn,.quick-reject-btn{width:auto}.modal-actions{flex-direction:row}.approve-button,.cancel-button,.reject-button{width:auto}.detail-row{gap:15px;grid-template-columns:140px 1fr}.stylists-list{grid-template-columns:repeat(2,1fr)}.summary-header{align-items:center;flex-direction:row;justify-content:space-between}.summary-filter select{width:auto}.calendar-summary{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.booking-calendar-container{margin:0 auto;max-width:1400px;padding:25px}.calendar-header{border-radius:12px;margin-bottom:28px;padding:22px 25px}.calendar-header h2{font-size:28px}.calendar-controls{gap:18px;justify-content:center}.date-navigation,.view-selector,.year-selector{padding:5px}.date-navigation button,.view-selector button,.year-selector button{border-radius:8px;font-size:15px;min-height:44px;padding:12px 22px}.stylist-selector select{border-radius:8px;font-size:15px;min-height:44px;min-width:220px;padding:12px 18px}.calendar-legend{border-radius:10px;gap:25px;padding:18px 20px}.legend-item{font-size:15px;gap:10px}.legend-color{border-radius:5px;height:22px;width:22px}.calendar-grid-wrapper{border-radius:12px;max-height:75vh}.calendar-grid{font-size:13px;max-height:calc(75vh - 50px)}.time-column{min-width:100px}.time-header{font-size:15px}.time-slot-label{font-size:13px}.day-column,.day-header{min-width:130px}.day-header{font-size:15px}.time-slot{padding:5px}.booking-item{border-radius:5px;font-size:12px;padding:5px 7px}.booking-service{font-size:13px}.booking-customer,.booking-stylist{font-size:11px}.availability-count{font-size:12px}.availability-detail{font-size:10px}.requests-management-section{border-radius:14px;margin-bottom:28px}.requests-header{padding:22px 28px}.requests-tabs{gap:0}.requests-tab{font-size:15px;min-height:44px;padding:14px 22px}.requests-count-badge{font-size:12px;padding:3px 9px}.toggle-requests-section{border-radius:8px;font-size:14px;padding:10px 20px}.requests-filters{gap:22px;padding:18px 28px}.search-filter label,.time-filter label{font-size:15px}.time-filter select{border-radius:8px;font-size:14px;min-width:140px;padding:10px 14px}.search-input{border-radius:8px;font-size:15px;padding:10px 40px 10px 14px}.requests-content{max-height:550px;padding:28px}.request-item{border-radius:12px;padding:22px 25px}.request-service h4{font-size:19px}.request-status{border-radius:22px;font-size:12px;padding:5px 14px}.request-details-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.request-detail .label{font-size:13px}.request-detail .value{font-size:15px}.request-actions{gap:12px;margin-top:18px;padding-top:18px}.quick-approve-btn,.quick-cancel-btn,.quick-reject-btn{border-radius:8px;font-size:13px;min-height:44px;padding:10px 20px}.modal-overlay{padding:25px}.booking-request-modal{border-radius:14px;max-width:650px}.stylist-availability-modal{max-width:850px}.modal-header{padding:22px 28px}.modal-header h3{font-size:24px}.close-button{font-size:30px;height:34px;width:34px}.modal-content{padding:28px}.detail-row{padding:14px 0}.detail-row label,.detail-row span{font-size:15px}.detail-row .leave-type,.detail-row .status{border-radius:22px;font-size:13px;padding:7px 14px}.modal-actions{gap:18px;margin-top:25px;padding-top:25px}.approve-button,.cancel-button,.reject-button{border-radius:10px;font-size:15px;min-height:48px;min-width:140px;padding:14px 28px}.availability-summary{border-radius:10px;margin-bottom:28px;padding:22px 25px}.summary-stats{gap:25px}.stat-label{font-size:13px}.stat-value{font-size:15px}.stylists-section{margin-bottom:28px}.stylists-section h4{font-size:19px;margin-bottom:18px;padding-bottom:10px}.stylists-list{gap:18px;grid-template-columns:repeat(2,1fr)}.stylist-card{border-radius:10px;padding:18px}.stylist-name{font-size:17px;margin-bottom:12px}.stylist-status{border-radius:8px;margin-bottom:14px;padding:12px}.status-type{border-radius:14px;font-size:13px;padding:5px 10px}.status-reason{font-size:14px}.booking-info .customer{font-size:15px}.booking-info .service,.stylist-services strong{font-size:13px}.services-list{gap:8px}.services-list li{border-radius:14px;font-size:12px;padding:5px 10px}.calendar-summary-container{border-radius:12px;margin-top:28px;padding:22px 25px}.summary-header{margin-bottom:25px;padding-bottom:18px}.summary-header h3{font-size:24px}.summary-filter label{font-size:15px}.summary-filter select{border-radius:8px;font-size:15px;min-width:160px;padding:10px 14px}.calendar-summary{gap:22px;grid-template-columns:repeat(4,1fr)}.summary-card{border-radius:12px;padding:22px}.summary-card h4{font-size:17px;margin-bottom:12px}.summary-number{font-size:36px}.time-slot.clickable-slot{cursor:pointer}.booking-item:hover{transform:scale(1.03)}.request-item:hover{transform:translateY(-3px)}}@media (min-width:992px){.booking-calendar-container{padding:30px}.calendar-header{margin-bottom:32px;padding:25px 30px}.calendar-header h2{font-size:32px}.calendar-controls{gap:22px}.date-navigation button,.view-selector button,.year-selector button{font-size:16px;padding:13px 25px}.stylist-selector select{font-size:16px;min-width:240px;padding:13px 20px}.legend-item{font-size:16px}.legend-color{height:24px;width:24px}.calendar-grid-wrapper{max-height:78vh}.calendar-grid{font-size:14px}.time-column{min-width:110px}.day-column,.day-header{min-width:140px}.day-header{font-size:16px}.booking-item{font-size:13px;padding:6px 8px}.requests-management-section{margin-bottom:32px}.requests-header{padding:25px 32px}.requests-tab{font-size:16px;padding:15px 25px}.requests-filters{gap:25px;padding:20px 32px}.requests-content{padding:32px}.request-item{padding:25px 30px}.request-service h4{font-size:20px}.request-details-grid{gap:18px;grid-template-columns:repeat(3,1fr)}.booking-request-modal{max-width:700px}.stylist-availability-modal{max-width:900px}.modal-header{padding:25px 32px}.modal-header h3{font-size:26px}.modal-content{padding:32px}.stylists-list{gap:20px;grid-template-columns:repeat(3,1fr)}.calendar-summary{grid-template-columns:repeat(5,1fr)}}@media (min-width:1200px){.booking-calendar-container{max-width:1480px;padding:40px}}@media (min-width:1500px){.booking-calendar-container{max-width:1480px;padding:45px}.calendar-header{padding:28px 35px}.calendar-header h2{font-size:36px}.date-navigation button,.view-selector button,.year-selector button{padding:14px 28px}.stylist-selector select{min-width:260px}.calendar-grid{font-size:15px}.day-column,.day-header{min-width:150px}.booking-item{font-size:14px;padding:7px 9px}.requests-management-section{margin-bottom:36px}.requests-header{padding:28px 36px}.requests-content{padding:36px}.request-item{padding:28px 35px}.booking-request-modal{max-width:750px}.stylist-availability-modal{max-width:1000px}.stylists-list{gap:22px;grid-template-columns:repeat(3,1fr)}.calendar-summary{grid-template-columns:repeat(6,1fr)}}@media (min-width:1400px){.booking-calendar-container{padding:50px}.calendar-header h2{font-size:40px}.requests-content{padding:40px}.request-item{padding:32px 40px}}@media (min-width:768px) and (max-width:1200px) and (orientation:landscape){.calendar-grid-wrapper{max-height:65vh}.calendar-grid{max-height:calc(65vh - 50px)}.requests-content{max-height:400px}.calendar-summary{gap:18px;grid-template-columns:repeat(5,1fr)}.summary-card{padding:18px}}@media (min-width:1920px){.calendar-summary{gap:20px;grid-template-columns:1fr 1fr;padding:20px}.summary-card{padding:25px}}:root{--success-green:#4caf50;--warning-yellow:#ff9800;--pending-orange:#fff3e0;--pending-border:#ff9800;--approved-blue:#e3f2fd;--approved-border:#2196f3}.booking-requests-container{background-color:#fff;background-color:var(--white);border-radius:8px;font-family:Wix Madefor Text,sans-serif;height:100%;overflow:hidden;padding:30px}.admin-editor:has(.booking-requests-container){overflow:hidden}.requests-management-section{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:12px;box-shadow:0 4px 12px #e64c311a;margin-bottom:30px;min-width:1500px;overflow:hidden;width:100%}.requests-header{align-items:center;background-color:#f6f6f6;background-color:var(--light-gray);border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);display:flex;justify-content:space-between;padding:20px 25px}.requests-tabs{border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;gap:0;overflow:hidden}.requests-tab,.requests-tabs{background-color:#fff;background-color:var(--white);display:flex}.requests-tab{align-items:center;border:none;border-right:1px solid #ffbdb1;border-right:1px solid var(--light-coral);color:#e64c31;color:var(--primary-coral);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:relative;transition:all .3s ease}.requests-tab:last-child{border-right:none}.requests-tab:hover{background-color:#ffbdb1;background-color:var(--light-coral);transform:translateY(-1px)}.requests-tab.active{background-color:#e64c31;background-color:var(--primary-coral);box-shadow:0 2px 8px #e64c314d;color:#fff;color:var(--white)}.requests-count-badge{animation:pulse 2s infinite;background-color:#f44336;background-color:var(--error-red);border-radius:50%;color:#fff;color:var(--white);font-size:11px;font-weight:700;line-height:1.2;min-width:18px;padding:2px 8px;text-align:center}.requests-tab.active .requests-count-badge{background-color:#fff;background-color:var(--white);color:#e64c31;color:var(--primary-coral)}.requests-filters{align-items:center;background-color:#f6f6f6;background-color:var(--light-gray);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-gray);display:flex;flex-wrap:wrap;gap:20px;padding:15px 25px}.search-filter,.time-filter{align-items:center;display:flex;gap:10px}.search-filter label,.time-filter label{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600}.time-filter select{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:6px;color:#333;color:var(--dark-gray);cursor:pointer;font-family:Wix Madefor Text,sans-serif;min-width:120px;padding:8px 12px}.time-filter select:focus{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a;outline:none}.search-filter{flex:1 1;min-width:250px;position:relative}.search-input{background-color:#fff;background-color:var(--white);border-radius:6px;color:#333;color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;padding:8px 35px 8px 12px}.search-input:focus{box-shadow:0 0 0 3px #e64c311a;outline:none}.clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--medium-gray);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.clear-search:hover{background-color:#ffbdb1;background-color:var(--light-coral);color:#e64c31;color:var(--primary-coral)}.requests-content{max-height:600px;min-height:600px;overflow-y:auto;padding:25px}.no-requests{align-items:center;background-color:#f6f6f6;background-color:var(--light-gray);border:2px dashed #ddd;border:2px dashed var(--border-gray);border-radius:8px;color:#666;color:var(--medium-gray);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px 20px;text-align:center;width:100%}.no-requests p{font-family:Wix Madefor Text,sans-serif;margin:5px 0}.requests-list{display:flex;flex-direction:column;gap:15px}.request-item{background-color:#fff;background-color:var(--white);border:2px solid #ddd;border:2px solid var(--border-gray);border-radius:10px;box-shadow:0 2px 6px #0000000d;cursor:pointer;padding:20px;transition:all .3s ease}.request-item:hover{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 4px 16px #e64c3126;transform:translateY(-2px)}.request-item.pending{background-color:#fff3e0;background-color:var(--pending-orange);border-left:6px solid #ff9800;border-left:6px solid var(--pending-border)}.request-item.approved{background-color:#e3f2fd;background-color:var(--approved-blue);border-left:6px solid #2196f3;border-left:6px solid var(--approved-border)}.request-main-info{display:flex;flex-direction:column;gap:15px}.request-service{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.request-service h4{color:#333;color:var(--dark-gray);font-size:18px;font-weight:700;margin:0}.request-service h4,.request-status{font-family:Familjen Grotesk,sans-serif}.request-status{border-radius:20px;font-size:11px;font-weight:600;padding:4px 12px;text-transform:uppercase}.request-status.pending{background-color:#ff9800;background-color:var(--pending-border);color:#fff;color:var(--white)}.request-status.approved{background-color:#2196f3;background-color:var(--approved-border);color:#fff;color:var(--white)}.request-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.request-detail{display:flex;flex-direction:column;gap:2px}.request-detail .label{color:#666;color:var(--medium-gray);font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.request-detail .value{color:#333;color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;font-weight:500}.request-actions{border-top:1px solid #ddd;border-top:1px solid var(--border-gray);display:flex;gap:10px;justify-content:flex-end;margin-top:15px;padding-top:15px}.quick-approve-btn,.quick-cancel-btn,.quick-reject-btn{border:none;border-radius:6px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.quick-approve-btn{background-color:#4caf50;background-color:var(--success-green);color:#fff;color:var(--white)}.quick-approve-btn:hover{background-color:#45a049;transform:scale(1.05)}.quick-reject-btn{background-color:#f44336;background-color:var(--error-red);color:#fff;color:var(--white)}.quick-reject-btn:hover{background-color:#d32f2f;transform:scale(1.05)}.quick-cancel-btn{background-color:#ff9800;background-color:var(--warning-yellow);color:#fff;color:var(--white)}.quick-cancel-btn:hover{background-color:#f57c00;transform:scale(1.05)}.booking-requests-loading{align-items:center;color:#666;color:var(--medium-gray);display:flex;flex-direction:column;font-family:Familjen Grotesk,sans-serif;height:400px;justify-content:center}.booking-requests-loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffbdb1;border-top:4px solid #e64c31;border:4px solid var(--light-coral);border-radius:50%;border-top-color:var(--primary-coral);height:40px;margin-bottom:15px;width:40px}.booking-request-modal{background-color:#fff;background-color:var(--white);border:3px solid #ffbdb1;border:3px solid var(--light-coral);border-radius:12px;box-shadow:0 8px 32px #e64c3133;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{background-color:#f6f6f6;background-color:var(--light-gray);padding:20px 25px}.modal-header h3{color:var(--primary-coral)}.close-button{color:#666;color:var(--medium-gray);font-size:28px;transition:all .2s ease}.close-button:hover{background-color:#ffbdb1;background-color:var(--light-coral);color:#e64c31;color:var(--primary-coral)}.modal-content{padding:25px}.request-details{grid-gap:15px;display:grid;gap:15px;margin-bottom:25px}.detail-row{grid-gap:15px;border-bottom:1px solid #ffbdb1;border-bottom:1px solid var(--light-coral);display:grid;gap:15px;grid-template-columns:140px 1fr;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row label{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600}.detail-row span{color:#333;color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px}.detail-row .status{border-radius:20px;font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.detail-row .status.pending{background-color:#ffebee;border:2px solid #f44336;border:2px solid var(--error-red);color:#f44336;color:var(--error-red)}.detail-row .status.approved{background-color:#e8f5e9;border:2px solid #4caf50;border:2px solid var(--success-green);color:#4caf50;color:var(--success-green)}.modal-actions{flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.approve-button,.cancel-button,.reject-button{border:none;border-radius:8px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;min-width:120px;padding:12px 25px;transition:all .3s ease}.approve-button{background-color:#4caf50;background-color:var(--success-green);border:2px solid #4caf50;border:2px solid var(--success-green);color:#fff;color:var(--white)}.approve-button:hover{background-color:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.reject-button{background-color:#f44336;background-color:var(--error-red);border:2px solid #f44336;border:2px solid var(--error-red);color:#fff;color:var(--white)}.reject-button:hover{background-color:#d32f2f;box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.cancel-button{background-color:#ff9800;background-color:var(--warning-yellow);border:2px solid #ff9800;border:2px solid var(--warning-yellow)}.cancel-button:hover{background-color:#f57c00;box-shadow:0 4px 12px #ff98004d;transform:translateY(-2px)}@media (min-width:1600px){.booking-requests-container{max-width:100%!important;padding:0!important;width:100%!important}.requests-management-section{margin-bottom:40px!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}.requests-header{padding:25px 15px!important}.requests-filters{gap:30px!important;padding:20px 15px!important}.search-filter{flex:1 1!important;max-width:400px!important}.requests-content{max-height:700px!important;padding:30px 15px!important}.no-requests{margin:0!important;max-width:100%!important;padding:40px 1px!important;width:100%!important}.requests-list{display:flex!important;flex-direction:column!important;gap:20px!important}.request-item{padding:25px 30px!important}.request-details-grid{gap:15px!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.booking-request-modal{max-width:900px!important}.modal-content{padding:30px 40px!important}.detail-row{gap:20px!important;grid-template-columns:180px 1fr!important;padding:15px 0!important}.modal-actions{gap:20px!important;margin-top:25px!important;padding-top:25px!important}.approve-button,.cancel-button,.reject-button{font-size:15px!important;min-width:140px!important;padding:14px 30px!important}}@media (max-width:768px){.requests-filters{align-items:stretch;flex-direction:column}.search-filter{min-width:100%}.detail-row,.request-details-grid{grid-template-columns:1fr}.detail-row{gap:5px}.modal-actions{flex-direction:column}.approve-button,.cancel-button,.reject-button{width:100%}.requests-content{max-height:400px}}:root{--warning-orange:#ff9800;--info-blue:#2196f3;--error-red:#f44336}.promotions-editor{margin-bottom:30px;min-width:1500px;padding:30px;width:100%}.promotions-editor h2{border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:24px;font-weight:600;margin-bottom:20px;padding-bottom:8px}.promotions-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.promotions-actions .add-button{background-color:#e64c31;background-color:var(--primary-coral);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:12px 25px;transition:all .3s ease}.promotions-actions .add-button:hover{background-color:#d63c23;transform:translateY(-1px)}.bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.bulk-button{background-color:#ffbdb1;background-color:var(--light-coral);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:6px;color:#e64c31;color:var(--primary-coral);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.bulk-button:hover{background-color:#e64c31;background-color:var(--primary-coral);border-color:#e64c31;border-color:var(--primary-coral);color:#fff;color:var(--white);transform:translateY(-1px)}.bulk-button:disabled{background-color:#ddd;background-color:var(--border-gray);border-color:#ddd;border-color:var(--border-gray);color:#666;color:var(--medium-gray);cursor:not-allowed;transform:none}.no-promotions{background-color:#f6f6f6;background-color:var(--light-gray);border:2px dashed #ffbdb1;border:2px dashed var(--light-coral);color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;margin-bottom:30px;padding:30px}.no-promotions p{font-style:italic}.select-all-section{align-items:center;background-color:#f6f6f6;background-color:var(--light-gray);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:15px 20px}.select-all-section input[type=checkbox]{height:18px;margin:0;width:18px}.select-all-section span{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600}.promotions-list{grid-gap:30px;gap:30px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.promotion-item{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:12px;box-shadow:0 2px 8px #e64c311a;display:flex;flex-direction:column;min-height:280px;padding:8px;position:relative;transition:all .3s ease;width:97%}.promotion-item:hover{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 4px 12px #e64c3133;transform:translateY(-2px)}.promotion-item.inactive{border-color:#ddd;border-color:var(--border-gray);opacity:.7}.promotion-item.inactive,.promotion-item.inactive:hover{background-color:#f6f6f6;background-color:var(--light-gray)}.promotion-item.inactive:hover{border-color:#e64c31;border-color:var(--primary-coral);opacity:.8}.promotion-item.expired{background-color:#fff5f5;border-left:6px solid #f44336;border-left:6px solid var(--error-red)}.promotion-item.scheduled{background-color:#f0f7ff;border-left:6px solid #2196f3;border-left:6px solid var(--info-blue)}.promotion-select{left:15px;position:absolute;top:15px}.promotion-select input[type=checkbox]{height:16px;margin:0;width:16px}.promotion-content{display:flex;flex:1 1;flex-direction:column;margin-left:25px;margin-top:5px}.promotion-header{flex-direction:column;gap:10px;margin-bottom:15px}.promotion-header h4{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0}.promotion-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.status-badge{color:#fff;color:var(--white);font-family:Familjen Grotesk,sans-serif}.status-badge.active{background-color:#e64c31;background-color:var(--primary-coral)}.status-badge.inactive{background-color:#666;background-color:var(--medium-gray)}.status-badge.expired{background-color:#f44336;background-color:var(--error-red)}.status-badge.scheduled{background-color:#2196f3;background-color:var(--info-blue)}.type-badge{background-color:#ffbdb1;background-color:var(--light-coral);border-radius:12px;color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 8px;text-transform:uppercase}.promotion-description{color:#333;color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif}.promotion-details{background-color:#f6f6f6;background-color:var(--light-gray);border-left:4px solid #ffbdb1;border-left:4px solid var(--light-coral);display:flex;flex-direction:column;gap:8px}.detail-item{align-items:center;color:#333;color:var(--dark-gray);display:flex;font-family:Wix Madefor Text,sans-serif;font-size:13px;justify-content:space-between}.detail-item strong{color:#e64c31;color:var(--primary-coral);flex-shrink:0;font-family:Familjen Grotesk,sans-serif;font-size:13px;font-weight:600;margin-right:10px}.promotion-actions{align-items:center;border-top:1px solid #ffbdb1;border-top:1px solid var(--light-coral);gap:8px;justify-content:flex-end;margin-top:auto;padding-top:15px}.promotion-actions button{border:none;border-radius:6px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.promotion-actions .edit-button{background-color:#ffbdb1;background-color:var(--light-coral);color:#e64c31;color:var(--primary-coral)}.promotion-actions .edit-button:hover{transform:translateY(-1px)}.promotion-actions .add-button,.promotion-actions .edit-button:hover{background-color:#e64c31;background-color:var(--primary-coral);color:#fff;color:var(--white)}.promotion-actions .add-button:hover{background-color:#d63c23;transform:translateY(-1px)}.promotion-actions .remove-button{background-color:#f44336;background-color:var(--error-red);color:#fff;color:var(--white)}.promotion-actions .remove-button:hover{background-color:#d32f2f;transform:translateY(-1px)}.promotion-form{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:12px;box-shadow:0 4px 12px #e64c311a;margin-bottom:30px;max-width:none;padding:25px;width:100%}.promotion-form h3{border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px;text-align:center}.form-section{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:12px;box-shadow:0 2px 8px #e64c311a;margin-bottom:25px;padding:25px;transition:all .3s ease}.form-section:hover{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 4px 12px #e64c3126;transform:translateY(-1px)}.form-section h4{border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:18px;margin:0 0 20px;padding-bottom:10px}.form-group{flex:1 1}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background-color:#fff;background-color:var(--white);border:2px solid #ddd;border:2px solid var(--border-gray);border-radius:6px;box-sizing:border-box;font-family:Wix Madefor Text,sans-serif;font-size:14px;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #e64c311a}.form-row{display:flex;gap:15px;margin-bottom:15px}.generate-button{background-color:#e64c31;background-color:var(--primary-coral);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:13px;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.generate-button:hover{background-color:#d63c23;transform:translateY(-1px)}.targeting-criteria{background-color:#f6f6f6;background-color:var(--light-gray);border-left:4px solid #ffbdb1;border-left:4px solid var(--light-coral);border-radius:8px;margin-top:20px;padding:15px;transition:all .3s ease}.targeting-criteria:hover{background-color:#fff5f5;border-left-color:#e64c31;border-left-color:var(--primary-coral)}.targeting-criteria .form-group select[multiple]{min-height:120px;padding:10px}.targeting-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.preview-button{background-color:#666;background-color:var(--medium-gray);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.preview-button:hover{background-color:#333;background-color:var(--dark-gray);transform:translateY(-1px)}.campaign-button{background-color:#e64c31!important;background-color:var(--primary-coral)!important;border:none;border-radius:6px;color:#fff!important;color:var(--white)!important;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.campaign-button:hover{background-color:#d63c23!important;transform:translateY(-1px)}.campaign-button:disabled{background-color:#ddd!important;background-color:var(--border-gray)!important;cursor:not-allowed!important;transform:none}.targeting-preview{background-color:#f6f6f6;background-color:var(--light-gray);border-left:4px solid #ffbdb1;border-left:4px solid var(--light-coral);border-radius:8px;margin-top:20px;transition:all .3s ease}.targeting-preview:hover{background-color:#fff5f5;border-left-color:#e64c31;border-left-color:var(--primary-coral)}.targeting-preview h5{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;margin:0 0 8px}.targeting-preview p{color:#333;color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;margin:8px 0}.targeting-preview strong{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-weight:600}.checkbox-group{margin-bottom:15px}.form-section .form-group.checkbox-group{background-color:#fff;background-color:var(--white);border:2px solid #ddd;border:2px solid var(--border-gray);border-radius:6px;box-sizing:border-box;padding:12px 15px;width:100%}.checkbox-group input[type=checkbox]{height:16px;margin-right:8px;width:16px}.checkbox-group label{align-items:center;color:#333;color:var(--dark-gray);display:flex;font-family:Wix Madefor Text,sans-serif;font-weight:400;margin-bottom:0}.form-helper-text small{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:12px;font-style:italic}.form-actions{gap:10px;margin-top:20px}.form-actions .cancel-button{background-color:#ddd;background-color:var(--border-gray);border:none;border-radius:6px;color:#333;color:var(--dark-gray);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.form-actions .cancel-button:hover{background-color:#666;background-color:var(--medium-gray);color:#fff;color:var(--white)}.form-actions .save-button{background-color:#e64c31;background-color:var(--primary-coral);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.form-actions .save-button:hover{background-color:#d63c23;transform:translateY(-1px)}.form-actions .save-button:disabled{background-color:#ddd;background-color:var(--border-gray);color:#666;color:var(--medium-gray);cursor:not-allowed;transform:none}.success-message{background-color:#fff3cd;border-left:4px solid #ff9800;border-left:4px solid var(--warning-orange);color:#856404;font-family:Wix Madefor Text,sans-serif;padding:15px}.error-message{border-left:4px solid #e64c31;border-left:4px solid var(--primary-coral);color:#e64c31;color:var(--primary-coral);padding:15px}.loading{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-style:italic;padding:20px;text-align:center}.promotions-editor .required-asterisk{color:red;font-size:14px;font-weight:700;margin-left:4px}.promotions-editor .field-error-message{color:#d32f2f;display:block;font-family:Familjen Grotesk,sans-serif;font-size:13px;font-weight:500;margin-bottom:8px;margin-top:6px}.promotions-editor .input-error{background-color:#ffebee!important;border-color:#d32f2f!important}.promotions-editor .input-error:focus{border-color:#d32f2f!important;box-shadow:0 0 0 3px #d32f2f33!important}@media (max-width:1024px){.promotions-list{gap:15px;grid-template-columns:1fr}}@media (max-width:768px){.promotions-list{grid-template-columns:1fr}.promotion-content{margin-left:20px}.promotion-actions{flex-direction:column;gap:8px}.promotion-actions button{width:100%}.targeting-buttons{flex-direction:column}.targeting-buttons .campaign-button,.targeting-buttons .preview-button{width:100%}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.form-row{flex-direction:column;gap:0}.bulk-actions{flex-direction:column;gap:8px;width:100%}.bulk-actions .bulk-button{width:100%}.promotions-actions{flex-direction:column;gap:15px}.promotions-actions .add-button{width:100%}.form-section{padding:20px 15px}}@media (max-width:480px){.promotion-form{padding:20px 15px}.promotion-item{padding:15px}.promotion-content{margin-left:15px}.promotion-form h3{font-size:18px}.form-section h4{font-size:16px}.select-all-section{padding:12px 15px}.form-section{padding:20px 15px}}.modal-overlay{z-index:9999}.loading-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.spinner{border:4px solid #ffbdb1}.loading-text{color:#fff;font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600}.customer-preview-modal{background-color:#fff;border:2px solid #ffbdb1;border-radius:12px;box-shadow:0 10px 40px #e64c3133;display:flex;flex-direction:column;max-height:85vh;max-width:900px;position:relative;width:100%}.modal-header{background:linear-gradient(135deg,#fff5f3,#fff);border-radius:10px 10px 0 0;padding:25px 30px}.modal-header h3{color:#e64c31}.modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:36px}.modal-close-btn:hover{background-color:#ffbdb1;color:#e64c31}.modal-summary{background-color:#fff5f3;border-bottom:2px solid #ffbdb1;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;padding:20px 30px}.summary-item{min-width:120px}.summary-label{font-family:Wix Madefor Text,sans-serif;font-size:13px;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.summary-value{font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:700}.summary-value.coverage{font-size:24px}.modal-body{flex:1 1;overflow-y:auto;padding:25px 30px}.export-csv-btn{align-items:center;background-color:#e64c31;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:10px 20px;transition:all .3s ease}.export-csv-btn:hover{background-color:#d63c23;box-shadow:0 4px 8px #e64c314d;transform:translateY(-1px)}.export-csv-btn:disabled{background-color:#ddd;cursor:not-allowed;transform:none}.customer-table-container{margin-bottom:20px;overflow-x:auto}.customer-table{border-collapse:collapse;font-family:Wix Madefor Text,sans-serif;width:100%}.customer-table thead{background-color:#fff5f3;position:sticky;top:0;z-index:10}.customer-table th{border-bottom:2px solid #ffbdb1;color:#e64c31;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:12px 15px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.customer-table th:hover{background-color:#ffece8}.customer-table th .sort-indicator{color:#ffbdb1;font-size:12px;margin-left:5px}.customer-table th.sorted-asc .sort-indicator:after{color:#e64c31;content:"▲"}.customer-table th.sorted-desc .sort-indicator:after{color:#e64c31;content:"▼"}.customer-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.customer-table tbody tr:hover{background-color:#fff5f3}.customer-table tbody tr:last-child{border-bottom:none}.customer-table td{color:#333;font-size:14px;padding:12px 15px}.customer-table td:first-child{color:#e64c31;font-weight:500}.table-filter{align-items:center;display:flex;gap:10px;margin-bottom:15px}.table-filter input{border:2px solid #ddd;border-radius:6px;flex:1 1;font-family:Wix Madefor Text,sans-serif;font-size:14px;padding:10px 15px;transition:border-color .3s ease}.table-filter input:focus{border-color:#e64c31;box-shadow:0 0 0 3px #e64c311a;outline:none}.filter-clear-btn{background-color:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:10px 15px;transition:all .3s ease}.filter-clear-btn:hover{background-color:#ddd}.pagination{align-items:center;border-top:2px solid #ffbdb1;display:flex;gap:10px;justify-content:center;margin-top:20px;padding-top:20px}.pagination-btn{background-color:#fff;border:2px solid #ffbdb1;border-radius:6px;color:#e64c31;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;min-width:80px;padding:8px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background-color:#e64c31;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{background-color:#f0f0f0;border-color:#ddd;color:#999;cursor:not-allowed;transform:none}.pagination-info{background-color:#fff5f3;border-radius:6px;color:#666;font-size:14px;min-width:150px;padding:8px 15px;text-align:center}.empty-state,.pagination-info{font-family:Wix Madefor Text,sans-serif}.empty-state-icon{color:#ffbdb1;font-size:48px;margin-bottom:15px}.empty-state-text{color:#999;font-size:16px}@media (max-width:768px){.customer-preview-modal{max-height:90vh;max-width:95%}.modal-header{padding:20px}.modal-header h3{font-size:18px}.modal-summary{gap:15px;padding:15px 20px}.summary-item{min-width:100px}.summary-value{font-size:24px}.modal-body{padding:20px}.customer-table td,.customer-table th{font-size:13px;padding:10px 12px}.pagination{flex-wrap:wrap;gap:8px}.pagination-btn{font-size:13px;min-width:70px;padding:6px 12px}.pagination-info{order:-1;width:100%}}@media (max-width:480px){.modal-summary{align-items:stretch;flex-direction:column}.summary-item{border-bottom:1px solid #ffbdb1;flex-direction:row;justify-content:space-between;padding:10px 0}.summary-item:last-child{border-bottom:none}.customer-table td,.customer-table th{font-size:12px;padding:8px}.export-csv-btn{justify-content:center;width:100%}}.exclusion-summary{background:#fff9e6;border:1px solid #ffd966;border-radius:6px;margin-bottom:20px;padding:15px}.exclusion-info{align-items:center;display:flex;gap:10px;margin-bottom:10px}.exclusion-info:last-child{margin-bottom:0}.exclusion-icon{flex-shrink:0;font-size:20px}.exclusion-text{color:#666;font-size:14px;line-height:1.5}.exclusion-text strong{color:#d9534f;font-weight:600}.exclusion-detail{color:#888;font-size:13px}.exclusion-summary-total{border-top:1px solid #ffd966;color:#333;font-size:15px;margin-top:15px;padding-top:15px;text-align:center}.exclusion-summary-total strong{color:#b6a593}.summary-value.eligible-count{color:#28a745;font-weight:700}.summary-value.excluded-count{color:#d9534f;font-weight:700}.final-customers-section{background:#f0f8ff;border:2px solid #4a90e2;border-radius:8px;margin:30px 0;padding:25px}.final-customers-section h3{align-items:center;color:#4a90e2;display:flex;font-size:20px;font-weight:600;gap:10px;margin-bottom:12px;margin-top:0}.final-customers-section h3:before{content:"🎯";font-size:24px}.final-customers-description{color:#555;font-size:14px;line-height:1.6;margin-bottom:20px}.final-customers-buttons{display:flex;flex-direction:column;gap:15px}.preview-exclusion-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:15px 20px;text-align:left;transition:all .3s ease}.preview-exclusion-button:hover:not(:disabled){background:#f8fbff;border-color:#4a90e2;box-shadow:0 2px 8px #4a90e226;transform:translateX(5px)}.preview-exclusion-button:active:not(:disabled){transform:translateX(3px)}.preview-exclusion-button:disabled{cursor:not-allowed;opacity:.5}.preview-exclusion-button .button-icon{font-size:20px;margin-right:12px}.preview-exclusion-button .button-content{flex:1 1}.preview-exclusion-button .button-title{color:#333;display:block;font-weight:600;margin-bottom:4px}.preview-exclusion-button .button-description{color:#666;display:block;font-size:12px;font-weight:400}.preview-exclusion-button .button-arrow{color:#4a90e2;font-size:20px;transition:transform .3s ease}.preview-exclusion-button:hover:not(:disabled) .button-arrow{transform:translateX(5px)}.preview-exclusion-button.final-list-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.preview-exclusion-button.final-list-button .button-arrow,.preview-exclusion-button.final-list-button .button-description,.preview-exclusion-button.final-list-button .button-title{color:#fff}.preview-exclusion-button.final-list-button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a4190);box-shadow:0 4px 15px #667eea66;transform:translateX(5px) scale(1.02)}.final-customers-info{background:#fff;border-left:4px solid #4a90e2;border-radius:4px;color:#666;font-size:13px;margin-top:15px;padding:12px 15px}.final-customers-info strong{color:#4a90e2;font-weight:600}@media (max-width:768px){.final-customers-buttons{gap:12px}.preview-exclusion-button{align-items:flex-start;flex-direction:column;padding:12px 15px}.preview-exclusion-button .button-icon{margin-bottom:8px}.preview-exclusion-button .button-arrow{align-self:flex-end}.preview-exclusion-button:hover:not(:disabled){transform:translateY(-2px)}.preview-exclusion-button.final-list-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}}.final-customers-section.disabled-section{background:#f5f5f5;border-color:#ccc;opacity:.5;pointer-events:none}.final-customers-section.disabled-section .final-customers-description,.final-customers-section.disabled-section h3{color:#999}.final-customers-section.disabled-section .preview-exclusion-button{background-color:#e9ecef;border-color:#ced4da;color:#6c757d;cursor:not-allowed}.final-customers-section.disabled-section .preview-exclusion-button .button-arrow,.final-customers-section.disabled-section .preview-exclusion-button .button-description,.final-customers-section.disabled-section .preview-exclusion-button .button-title{color:#6c757d}.final-customers-section.disabled-section .preview-exclusion-button.final-list-button{background:#d3d3d3}.final-customers-section.disabled-section .final-customers-info{background:#e9ecef;border-color:#ced4da;color:#6c757d}.final-customers-section.disabled-section .final-customers-info strong{color:#6c757d}.loyalty-program-editor{--loyalty-primary-coral:#e64c31!important;--loyalty-light-coral:#ffbdb1!important;--loyalty-light-gray:#f6f6f6!important;--loyalty-white:#fff!important;--loyalty-black:#000!important;--loyalty-dark-gray:#333!important;--loyalty-medium-gray:#666!important;--loyalty-border-gray:#ddd!important;background-color:initial!important;color:var(--loyalty-dark-gray)!important;flex-shrink:0;font-family:Wix Madefor Text,sans-serif!important;margin-bottom:30px!important;min-width:0;width:100%!important}.loyalty-program-editor *{box-sizing:border-box!important}.loyalty-header{margin-bottom:30px!important}.loyalty-header h2{border-bottom:2px solid var(--loyalty-light-coral)!important;color:var(--loyalty-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:28px!important;font-weight:600!important;margin-bottom:15px!important;margin-top:0;padding-bottom:10px!important}.loyalty-description{color:var(--loyalty-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:15px!important;line-height:1.6!important;margin:0!important}.loyalty-program-editor .save-message{border-radius:8px!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;font-weight:500!important;margin-bottom:20px!important;padding:15px!important}.loyalty-program-editor .save-message.success{background-color:#e8f5e9!important;border:2px solid #a5d6a7!important;color:#2e7d32!important}.loyalty-program-editor .save-message.error{background-color:#ffebee!important;border:2px solid #ffcdd2!important;color:#d32f2f!important}.loyalty-sections{display:flex!important;flex-direction:column!important;gap:25px!important}.loyalty-section{background:var(--loyalty-white)!important;border:2px solid var(--loyalty-light-coral)!important;border-radius:12px!important;box-shadow:0 2px 8px #e64c311a!important;padding:24px!important;transition:all .3s ease!important}.loyalty-section:hover{box-shadow:0 4px 16px #e64c3133!important;transform:translateY(-2px)!important}.loyalty-section h3{border-bottom:1px solid var(--loyalty-light-coral)!important;color:var(--loyalty-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:20px!important;font-weight:600!important;margin:0 0 8px!important;padding-bottom:10px!important}.section-description{color:var(--loyalty-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;line-height:1.6!important;margin:0 0 20px!important}.loyalty-program-editor .form-group{margin-bottom:16px!important}.loyalty-program-editor .form-group label{color:var(--loyalty-primary-coral)!important;display:block!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}.loyalty-program-editor .form-group input[type=number]{background-color:var(--loyalty-white)!important;border:2px solid var(--loyalty-light-coral)!important;border-radius:8px!important;color:var(--loyalty-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;max-width:120px!important;padding:12px 16px!important;transition:all .3s ease!important;width:100%!important}.loyalty-program-editor .form-group input[type=number]:focus{border-color:var(--loyalty-primary-coral)!important;box-shadow:0 0 0 3px #e64c311a!important;outline:none!important}.small-input{padding:10px 12px!important;text-align:center!important;width:80px!important}.inline-group{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important}.inline-group label{color:var(--loyalty-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-weight:600!important;margin-bottom:0!important}.inline-group span{color:var(--loyalty-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important}.currency-symbol{color:var(--loyalty-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-weight:600!important}.field-help{color:var(--loyalty-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:13px!important;font-style:italic!important;line-height:1.5!important;margin-top:12px!important}.toggle-group{display:flex!important;flex-direction:column!important}.toggle-label{align-items:center!important;background:var(--loyalty-light-gray)!important;border:2px solid var(--loyalty-light-coral)!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;padding:12px 16px!important;transition:all .3s ease!important}.toggle-label:hover{background:var(--loyalty-light-coral)!important}.toggle-label span:first-child{color:var(--loyalty-dark-gray)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important}.toggle-switch{height:26px!important;position:relative!important;width:50px!important}.toggle-switch input{height:0!important;opacity:0!important;width:0!important}.toggle-slider{background-color:#ccc!important;border-radius:26px!important;bottom:0!important;cursor:pointer!important;left:0!important;right:0!important;top:0!important}.toggle-slider,.toggle-slider:before{position:absolute!important;transition:.3s!important}.toggle-slider:before{background-color:#fff!important;border-radius:50%!important;bottom:3px!important;box-shadow:0 2px 4px #0003!important;content:""!important;height:20px!important;left:3px!important;width:20px!important}.toggle-switch input:checked+.toggle-slider{background-color:var(--loyalty-primary-coral)!important}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)!important}.earning-rule-container,.redemption-rule-container{background:var(--loyalty-light-gray)!important;border:2px solid var(--loyalty-light-coral)!important;border-radius:8px!important;padding:20px!important}.expiration-months{background:#fff8e6!important;border:2px solid #ffe0a6!important;border-radius:8px!important;margin-top:20px!important;padding:20px!important}.expiration-months label{color:#856404!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important}.calculation-preview{background:var(--loyalty-light-gray)!important;border:2px solid var(--loyalty-light-coral)!important;border-radius:8px!important;margin-top:20px!important;padding:20px!important}.calculation-preview h4{border-bottom:1px solid var(--loyalty-light-coral)!important;color:var(--loyalty-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:16px!important;font-weight:600!important;margin:0 0 16px!important;padding-bottom:10px!important}.preview-grid{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.preview-item{background:var(--loyalty-white)!important;border:1px solid var(--loyalty-light-coral)!important;border-radius:6px!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:12px!important}.preview-label{color:var(--loyalty-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:12px!important}.preview-value{color:var(--loyalty-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:18px!important;font-weight:700!important}.loyalty-actions{border-top:2px solid var(--loyalty-light-coral)!important;display:flex!important;justify-content:flex-end!important;margin-top:30px!important;padding-top:20px!important}.loyalty-actions .save-button{background:var(--loyalty-primary-coral)!important;border:2px solid var(--loyalty-primary-coral)!important;border-radius:6px!important;color:var(--loyalty-white)!important;cursor:pointer!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;padding:12px 32px!important;text-transform:uppercase!important;transition:all .3s ease!important}.loyalty-actions .save-button:hover:not(:disabled){background:#d63c23!important;border-color:#d63c23!important;box-shadow:0 4px 12px #e64c314d!important;transform:translateY(-2px)!important}.loyalty-actions .save-button:disabled{background:#ccc!important;border-color:#ccc!important;box-shadow:none!important;color:#666!important;cursor:not-allowed!important;transform:none!important}.loyalty-program-editor .loading-container{align-items:center!important;background-color:var(--loyalty-light-gray)!important;border:2px dashed var(--loyalty-light-coral)!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:60px 20px!important}.loyalty-program-editor .loading-container p{color:var(--loyalty-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;font-style:italic!important;margin-top:16px!important}.loyalty-program-editor .loading-spinner{animation:spin 1s linear infinite!important;border-top:3px solid var(--loyalty-light-coral)!important;border:3px solid var(--loyalty-light-coral)!important;border-radius:50%!important;border-top-color:var(--loyalty-primary-coral)!important;height:40px!important;width:40px!important}.tier-count-container{background:var(--loyalty-light-gray)!important;border:2px solid var(--loyalty-light-coral)!important;border-radius:8px!important;margin-bottom:20px!important;padding:16px 20px!important}.tiers-list{display:flex!important;flex-direction:column!important;gap:16px!important;margin-bottom:20px!important}.tier-item{background:var(--loyalty-white)!important;border:2px solid var(--loyalty-light-coral)!important;border-radius:10px!important;padding:20px!important;transition:all .3s ease!important}.tier-item:hover{box-shadow:0 4px 12px #e64c3126!important}.tier-item.has-error{background-color:#fff8f8!important;border-color:#d32f2f!important}.tier-item.has-warning{background-color:#fffef5!important;border-color:#f9a825!important}.tier-header{align-items:center!important;border-bottom:1px solid var(--loyalty-light-coral)!important;display:flex!important;justify-content:space-between!important;margin-bottom:16px!important;padding-bottom:12px!important}.tier-number{color:var(--loyalty-primary-coral)!important;font-size:16px!important;font-weight:700!important}.tier-badge,.tier-number{font-family:Familjen Grotesk,sans-serif!important}.tier-badge{border-radius:12px!important;font-size:11px!important;font-weight:600!important;letter-spacing:.5px!important;padding:4px 12px!important;text-transform:uppercase!important}.tier-badge.top-tier{background-color:gold!important;border:1px solid #e6c200!important;color:#5d4e00!important}.tier-fields{grid-gap:16px!important;align-items:end!important;display:grid!important;gap:16px!important;grid-template-columns:2fr 1fr 1fr!important}.tier-field{display:flex!important;flex-direction:column!important;gap:6px!important}.tier-field label{color:var(--loyalty-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.3px!important;text-transform:uppercase!important}.tier-field input[type=number],.tier-field input[type=text]{background-color:var(--loyalty-white)!important;border:2px solid var(--loyalty-light-coral)!important;border-radius:6px!important;color:var(--loyalty-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;max-width:none!important;padding:10px 14px!important;transition:all .3s ease!important;width:100%!important}.tier-field input[type=number]:focus,.tier-field input[type=text]:focus{border-color:var(--loyalty-primary-coral)!important;box-shadow:0 0 0 3px #e64c311a!important;outline:none!important}.tier-field input.input-error{background-color:#ffebee!important;border-color:#d32f2f!important}.tier-field input.input-error:focus{box-shadow:0 0 0 3px #d32f2f33!important}.unlimited-badge{background:linear-gradient(135deg,gold,#ffed4a)!important;border:2px solid #e6c200!important;border-radius:6px!important;color:#5d4e00!important;font-family:Familjen Grotesk,sans-serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px!important;padding:10px 14px!important;text-align:center!important;text-transform:uppercase!important}.tier-errors{border-top:1px dashed var(--loyalty-light-coral)!important;margin-top:12px!important;padding-top:12px!important}.tier-error-message{border-radius:6px!important;font-family:Wix Madefor Text,sans-serif!important;font-size:13px!important;margin-bottom:6px!important;padding:8px 12px!important}.tier-error-message:last-child{margin-bottom:0!important}.tier-error-message.error{background-color:#ffebee!important;border:1px solid #ffcdd2!important;color:#c62828!important}.tier-error-message.warning{background-color:#fff8e1!important;border:1px solid #ffe082!important;color:#f57f17!important}.tier-preview{background:var(--loyalty-light-gray)!important;border:2px solid var(--loyalty-light-coral)!important;border-radius:8px!important;padding:20px!important}.tier-preview h4{border-bottom:1px solid var(--loyalty-light-coral)!important;color:var(--loyalty-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:16px!important;font-weight:600!important;margin:0 0 16px!important;padding-bottom:10px!important}.tier-preview-list{display:flex!important;flex-direction:column!important;gap:8px!important}.tier-preview-item{align-items:center!important;background:var(--loyalty-white)!important;border:1px solid var(--loyalty-light-coral)!important;border-radius:6px!important;display:flex!important;justify-content:space-between!important;padding:10px 14px!important;transition:all .2s ease!important}.tier-preview-item:hover{box-shadow:0 2px 8px #e64c311a!important;transform:translateX(4px)!important}.tier-preview-name{color:var(--loyalty-dark-gray)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important}.tier-preview-range{background:var(--loyalty-light-gray)!important;border-radius:12px!important;color:var(--loyalty-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:13px!important;padding:4px 10px!important}@media (max-width:768px){.loyalty-program-editor{padding:15px!important}.loyalty-section{padding:20px!important}.loyalty-section h3{font-size:18px!important}.inline-group{align-items:flex-start!important;flex-direction:column!important}.preview-grid{grid-template-columns:1fr!important}.toggle-label{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.tier-fields{gap:12px!important;grid-template-columns:1fr!important}.tier-header{gap:8px!important}.tier-header,.tier-preview-item{align-items:flex-start!important;flex-direction:column!important}.tier-preview-item{gap:6px!important}}@media (max-width:480px){.loyalty-header h2{font-size:24px!important}.calculation-preview,.earning-rule-container,.loyalty-section,.redemption-rule-container{padding:16px!important}.loyalty-actions .save-button{padding:14px!important;width:100%!important}.tier-item{padding:16px!important}.tier-count-container{padding:14px!important}.tier-preview{padding:16px!important}}.customers-manager{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:calc(400vh - 100px);margin:0 auto;max-width:1200px;overflow:hidden;padding:10px;width:100%}.customers-header{align-items:center;border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.customers-header h2{color:#e64c31;color:var(--primary-coral);font-size:28px;margin:0}.customers-header h2,.refresh-button{font-family:Familjen Grotesk,sans-serif;font-weight:600}.refresh-button{background-color:#e64c31;background-color:var(--primary-coral);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.refresh-button:hover{background-color:#d13d24}.loading-container{flex:1 1;padding:30px 20px}.loading-spinner{border:3px solid #ffbdb1;border-top:3px solid #e64c31;border:3px solid var(--light-coral);height:30px;margin-bottom:12px;width:30px}.error-banner{align-items:center;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:6px;color:#d32f2f;display:flex;flex-shrink:0;font-size:14px;justify-content:space-between;margin-bottom:12px;padding:10px}.retry-button{background-color:#e64c31;background-color:var(--primary-coral);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.retry-button:hover{background-color:#d13d24}.customers-controls{grid-gap:12px;align-items:center;display:grid;flex-shrink:0;gap:12px;grid-template-columns:1fr auto;margin-bottom:12px}.search-section{align-items:center;display:flex}.search-input{border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;font-family:Familjen Grotesk,sans-serif;font-size:14px;max-width:320px;outline:none;padding:8px 12px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 0 0 2px #e64c3133}.filter-section{display:flex;gap:8px}.filter-select,.sort-select{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:6px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:13px;font-weight:500;padding:8px 12px;transition:border-color .3s ease}.filter-select:focus,.sort-select:focus{border-color:#e64c31;border-color:var(--primary-coral);outline:none}.customers-stats{grid-gap:12px;display:grid;flex-shrink:0;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.stat-card{background:#fff;box-shadow:0 2px 8px #e64c3133;color:#fff;color:var(--white);padding:12px;text-align:center}.stat-number{color:#000}.stat-label{color:#000;font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:600;line-height:1}.customers-table-container{border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.customers-table{background-color:#fff;background-color:var(--white);border-collapse:collapse;width:100%}.customers-table th{background:#fff;border-bottom:2px solid #e64c31;border-bottom:2px solid var(--primary-coral);color:#000;font-family:Familjen Grotesk,sans-serif;font-size:15px;font-weight:700;letter-spacing:.5px;padding:12px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.customers-table td:nth-child(4),.customers-table th:nth-child(4){min-width:350px}.customers-table td{border-bottom:1px solid #ffbdb1;border-bottom:1px solid var(--light-coral);font-family:Familjen Grotesk,sans-serif;font-size:15px;padding:12px;vertical-align:middle}.customers-table tr:hover{background-color:#e64c310d}.customer-info{align-items:center;display:flex;gap:12px}.customer-avatar{border:2px solid #ffbdb1;border:2px solid var(--light-coral);height:40px;width:40px}.avatar-placeholder{background:linear-gradient(135deg,#e64c31,#ffbdb1);background:linear-gradient(135deg,var(--primary-coral) 0,var(--light-coral) 100%);color:var(--white);font-size:16px}.customer-details{flex:1 1;min-width:0}.customer-name{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vip-indicator{color:gold;font-size:13px;font-weight:700;margin-left:5px;text-shadow:0 0 2px #ffd70080}.customer-since{color:#666;color:var(--medium-gray);font-size:12px;line-height:1}.contact-info{line-height:1.2}.contact-info .email{color:#333;color:var(--dark-gray);display:block;font-size:19px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-info .phone{color:#666;color:var(--medium-gray);font-size:18px}.loyalty-badge{border-radius:12px;display:inline-block;font-family:Familjen Grotesk,sans-serif;font-size:17px;font-weight:700;letter-spacing:.3px;padding:4px 8px;text-transform:uppercase}.loyalty-badge,.loyalty-badge.bronze{color:#fff!important;color:var(--white)!important}.loyalty-badge.bronze{background-color:#cd7f32!important}.loyalty-badge.silver{background-color:silver!important}.loyalty-badge.gold,.loyalty-badge.silver{color:#fff!important;color:var(--white)!important}.loyalty-badge.gold{background-color:gold!important}.loyalty-badge.platinum{background-color:#e5e4e2!important}.loyalty-badge.platinum,.loyalty-badge.vip{color:#fff!important;color:var(--white)!important}.loyalty-badge.vip{background-color:#e64c31!important;background-color:var(--primary-coral)!important}.points-count,.visits-count{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:15px;font-weight:600;text-align:center}.last-visit{color:#666;color:var(--medium-gray);font-size:14px}.action-buttons{display:flex;gap:6px}.action-buttons-inline{display:inline-flex;gap:6px;margin-left:8px}.customer-metrics{display:flex;flex-direction:column;gap:8px}.metric-item{display:block;line-height:1.5;margin-bottom:8px}.metric-label{margin:0!important;min-width:90px}.metric-label,.metric-value{color:#333!important;color:var(--dark-gray)!important;display:inline-block!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.5!important;padding:0!important;vertical-align:initial!important}.metric-value{margin:0 0 0 5ch!important}.edit-button,.view-button{border:none;border-radius:6px;box-sizing:border-box!important;cursor:pointer;font-family:Familjen Grotesk,sans-serif!important;font-size:12px!important;font-weight:600!important;min-width:100px!important;padding:6px 36px!important;transition:all .3s ease;width:auto!important}.view-button{background-color:#e64c31;background-color:var(--primary-coral);color:#fff;color:var(--white)}.view-button:hover{background-color:#d13d24;transform:translateY(-1px)}.edit-button{background-color:#ffbdb1;background-color:var(--light-coral);color:#333;color:var(--dark-gray)}.edit-button:hover{background-color:#ffb3a6}.no-customers{color:#666;color:var(--medium-gray);font-size:16px;font-style:italic;padding:30px;text-align:center}.customer-modal{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:12px;box-shadow:0 10px 25px #e64c314d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{background:linear-gradient(135deg,#ffbdb1,#e64c31);background:linear-gradient(135deg,var(--light-coral) 0,var(--primary-coral) 100%)}.modal-header h3{color:#fff;color:var(--white)}.close-button{color:var(--white);transition:background-color .3s ease}.close-button:hover{background-color:#fff3}.modal-content{padding:20px 24px}.customer-profile{display:flex;flex-direction:column;gap:20px}.profile-section h4{border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:700;margin-bottom:12px;margin-top:0;padding-bottom:6px}.profile-section p{font-size:15px;line-height:1.4;margin:8px 0}.profile-section strong{color:#333;color:var(--dark-gray);display:inline-block;font-family:Familjen Grotesk,sans-serif;font-size:15px;font-weight:600;min-width:120px}.form-group label{font-size:15px}.form-group input,.form-group select{border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;font-family:Familjen Grotesk,sans-serif;font-size:15px}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 2px #e64c3133}.form-group.checkbox-group{background-color:#fffbf0;border:2px solid gold;border-radius:8px;margin-bottom:20px;padding:15px}.checkbox-label{color:var(--dark-gray);font-weight:600;margin-bottom:8px}.checkbox-label input[type=checkbox]{accent-color:gold;margin-right:10px;transform:scale(1.3);width:auto}.checkbox-text{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:15px;font-weight:600}.checkbox-description{color:#666;color:var(--medium-gray);font-size:13px;font-style:italic;line-height:1.4;margin:5px 0 0 32px}.form-actions{border-top:2px solid #ffbdb1;border-top:2px solid var(--light-coral);margin-top:24px}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:15px;font-weight:600;padding:12px 20px;transition:all .3s ease}.save-button:hover{background-color:#d13d24;transform:translateY(-1px)}.appointment-status.status-pending{background-color:#fff3e0;border:1px solid #f57c00;border-radius:8px;color:#f57c00;font-size:11px;font-weight:600;padding:3px 6px}.appointment-status.status-confirmed{background-color:#e8f5e9;border:1px solid #2e7d32;border-radius:8px;color:#2e7d32;font-size:11px;font-weight:600;padding:3px 6px}.appointment-status.status-rejected{background-color:#ffebee;border:1px solid #d32f2f;border-radius:8px;color:#d32f2f;font-size:11px;font-weight:600;padding:3px 6px}.appointment-card{transition:all .3s ease}.appointment-card.status-updated{animation:statusUpdate .5s ease-in-out}@keyframes statusUpdate{0%{transform:scale(1)}50%{box-shadow:0 4px 12px #e64c3133;transform:scale(1.02)}to{transform:scale(1)}}.message-container{margin:10px 0;z-index:1000}.success-message{border:1px solid #4caf50}.error-message,.success-message{align-items:center;animation:slideIn .3s ease-out;display:flex;font-size:15px;gap:8px;margin:8px 0;padding:10px 16px;position:relative}.error-message{border:1px solid #f44336}.close-message{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:auto;opacity:.7;padding:0}.close-message:hover{opacity:1}@media (max-width:900px){.customers-manager{height:calc(100vh - 120px)}.customers-stats{gap:10px;grid-template-columns:repeat(3,1fr)}.stat-card{padding:8px}.stat-number{font-size:20px}}@media (max-width:768px){.customers-manager{height:calc(100vh - 100px);padding:8px}.customers-controls{gap:10px;grid-template-columns:1fr}.filter-section{justify-content:flex-start}.customers-stats{gap:8px;grid-template-columns:repeat(2,1fr)}.customers-table td,.customers-table th{font-size:13px;padding:8px}.customer-info{align-items:flex-start;flex-direction:column;gap:6px}.action-buttons,.action-buttons-inline{flex-direction:column;gap:4px}.action-buttons-inline{margin-left:8px}.customer-modal{margin:10px;width:95%}.metric-item{display:block;line-height:1.5;margin-bottom:8px}.metric-label{margin:0!important;min-width:85px}.metric-label,.metric-value{display:inline-block!important;font-size:13px!important;line-height:1.5!important;padding:0!important;vertical-align:initial!important}.metric-value{font-weight:700!important;margin:0 0 0 5ch!important}}@media (max-width:480px){.customers-manager{height:calc(100vh - 80px)}.customers-header{flex-direction:column;gap:12px;text-align:center}.customers-stats{grid-template-columns:1fr}.stat-number{font-size:18px}.metric-label{margin:0!important;min-width:80px}.metric-label,.metric-value{display:inline-block!important;font-size:12px!important;line-height:1.5!important;padding:0!important;vertical-align:initial!important}.metric-value{font-weight:700!important;margin:0 0 0 5ch!important}.action-buttons-inline button{box-sizing:border-box!important;font-size:11px!important;min-width:90px!important;padding:5px 30px!important;width:auto!important}}.about-us-section h2{color:#000!important}.signout-card{background:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);box-shadow:0 4px 20px #e64c3133}.signout-icon{background-color:#ffbdb1;background-color:var(--light-coral)}.signout-icon,.signout-message h1{color:#e64c31;color:var(--primary-coral)}.signout-message h1{font-family:Familjen Grotesk,sans-serif;font-weight:700}.signout-message p{color:var(--medium-gray)}.signin-button{background-color:#e64c31;background-color:var(--primary-coral);border-radius:8px;color:#fff;color:var(--white);font-family:Familjen Grotesk,sans-serif;font-weight:600}.signin-button:hover{background-color:#d13d24;box-shadow:0 4px 12px #e64c314d}.notifications-editor{min-width:1500px;padding:30px;width:100%}.notifications-editor h2{border-bottom:2px solid var(--light-coral);color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:600;margin-bottom:25px;margin-top:0;padding-bottom:10px}.notifications-tabs{border-bottom:2px solid #e0e0e0;display:flex;margin-bottom:30px}.tab-button{border-bottom:3px solid #0000;font-size:16px}.tab-button:hover{background-color:#f9f9f9;color:#b6a593}.tab-button.active{background-color:#fff;border-bottom-color:#b6a593;color:#b6a593}.sub-tab-navigation{border-radius:8px;box-shadow:0 2px 8px #e64c311a;display:flex;gap:0;margin-bottom:30px;overflow:hidden}.sub-tab-button{background-color:var(--white);border:none;border-right:1px solid var(--border-gray);color:var(--medium-gray);cursor:pointer;flex:1 1;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease}.sub-tab-button:last-child{border-right:none}.sub-tab-button:hover{background-color:var(--light-coral);color:var(--primary-coral)}.sub-tab-button.active{background-color:var(--primary-coral);color:var(--white);font-weight:600}.frequency-control-section{background-color:var(--light-gray);border-radius:8px;margin-bottom:30px;padding:25px}.frequency-control-section h3{color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:22px;font-weight:600;margin-bottom:15px;margin-top:0}.frequency-description{color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;line-height:1.5;margin-bottom:20px}.frequency-settings{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.frequency-settings .form-group{flex:1 1;min-width:200px}.frequency-settings .form-group label{color:var(--dark-gray);display:block;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;margin-bottom:8px}.frequency-settings .form-group input,.frequency-settings .form-group select{border:2px solid var(--border-gray);border-radius:6px;font-family:Wix Madefor Text,sans-serif;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.frequency-settings .form-group input:focus,.frequency-settings .form-group select:focus{border-color:var(--primary-coral);outline:none}.save-frequency-button{border:none!important;border-radius:6px!important;cursor:pointer!important;font-family:Familjen Grotesk,sans-serif!important;font-size:17px!important;font-weight:600!important;margin-top:48px!important;min-width:220px!important;padding:12px 30px!important;transition:all .3s ease!important}.save-frequency-button,.save-frequency-button:hover:not(:disabled){background-color:var(--primary-coral)!important;color:var(--white)!important}.save-frequency-button:hover:not(:disabled){box-shadow:0 4px 12px #e64c314d;transform:translateY(-2px)}.save-frequency-button:disabled{background-color:var(--border-gray)!important;cursor:not-allowed!important;transform:none}.frequency-helper-text{background-color:var(--white);border-left:4px solid var(--primary-coral);border-radius:4px;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:13px;line-height:1.6;margin-top:15px;padding:12px 15px}.frequency-helper-text strong{color:var(--dark-gray);font-weight:600}.templates-section{background-color:var(--light-gray);border-radius:8px;margin-bottom:30px;padding:25px}.templates-section h3{color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:22px;font-weight:600;margin-bottom:15px;margin-top:0}.templates-description{color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;line-height:1.5;margin-bottom:20px}.template-category-tabs{display:flex;gap:10px;margin-bottom:20px}.template-tab{background-color:var(--white);border:2px solid var(--border-gray);border-radius:6px;color:var(--medium-gray);cursor:pointer;flex:1 1;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.template-tab:hover{border-color:var(--light-coral);color:var(--primary-coral)}.template-tab.active{background-color:var(--primary-coral);border-color:var(--primary-coral);color:var(--white);font-weight:600}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.template-card{background-color:var(--white);border:2px solid var(--border-gray);border-radius:8px;cursor:pointer;padding:20px;transition:all .3s ease}.template-card:hover{border-color:var(--light-coral);box-shadow:0 4px 12px #e64c311a;transform:translateY(-2px)}.template-card.selected{border-color:var(--primary-coral);box-shadow:0 4px 12px #e64c3133}.template-card.custom-template{border-color:#9c27b0}.template-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.template-title{align-items:center;color:var(--dark-gray);display:flex;font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;gap:8px;line-height:1.4}.custom-badge{background-color:#9c27b0;color:var(--white);font-size:10px;padding:2px 6px}.custom-badge,.template-badge{border-radius:4px;font-weight:600}.template-badge{background-color:var(--light-coral);color:var(--primary-coral);font-size:11px;padding:4px 8px;white-space:nowrap}.template-preview{color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:13px;line-height:1.6;margin-bottom:15px}.template-actions{border-top:1px solid var(--border-gray);display:flex;flex-direction:column;gap:8px;margin-top:15px;padding-top:15px}.template-delete-button,.template-load-button,.template-revise-button{border:none;border-radius:6px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.template-load-button{background-color:var(--primary-coral);color:var(--white)}.template-load-button:hover{background-color:#d63c23;transform:translateY(-1px)}.template-revise-button{background-color:var(--white);border:2px solid var(--primary-coral);color:var(--primary-coral)}.template-revise-button:hover{background-color:var(--light-coral)}.template-delete-button{background-color:#f44;color:var(--white)}.template-delete-button:hover{background-color:#d33}.notifications-list-view{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.no-notifications{color:#666;padding:40px 20px;text-align:center}.quick-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.notifications-list{display:flex;flex-direction:column;gap:15px}.notification-item{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.notification-item:hover{border-color:#b6a593;box-shadow:0 4px 12px #0000001a}.notification-item.sent{border-left:4px solid #28a745}.notification-item.scheduled{border-left:4px solid #ffc107}.notification-item.failed{border-left:4px solid #dc3545}.notification-content{flex:1 1}.notification-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.notification-header h4{color:#333;font-size:16px;margin:0}.notification-badges{display:flex;gap:8px}.recurring-badge,.status-badge,.type-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-badge.sent{background:#d4edda;color:#155724}.status-badge.scheduled{background:#fff3cd;color:#856404}.status-badge.failed{background:#f8d7da;color:#721c24}.status-badge.draft{background:#e2e3e5;color:#383d41}.type-badge{background:#b6a593;color:#fff}.recurring-badge{background:#17a2b8;color:#fff}.notification-body{color:#666;line-height:1.4;margin:10px 0}.notification-details{display:flex;flex-wrap:wrap;font-size:13px;gap:20px;margin-top:15px}.detail-item{color:#666}.detail-item strong{color:#333}.notification-actions{display:flex;flex-direction:column;gap:8px;margin-left:20px}.notification-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;min-width:80px;padding:6px 12px;transition:all .3s ease}.edit-button{background:#6c757d}.edit-button:hover{background:#5a6268}.send-button{background:#28a745;color:#fff}.send-button:hover:not(:disabled){background:#218838}.remove-button{background:#dc3545;color:#fff}.remove-button:hover{background:#c82333}.notification-form{background:#fff}.notification-form h3{color:#333}.disabled-section{background-color:#f5f5f5!important;border-radius:8px;opacity:.5;padding:20px!important;pointer-events:none;position:relative}.disabled-section:before{background-color:#ffffff4d;border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.disabled-section h4,.disabled-section label{color:#999!important}.disabled-section button,.disabled-section input,.disabled-section select,.disabled-section textarea{background-color:#e9ecef!important;border-color:#ced4da!important;color:#6c757d!important;cursor:not-allowed!important}.disabled-section .form-helper-text{color:#aaa!important}.disabled-section .remove-customer-button,.disabled-section .scheduling-tab{background-color:#e9ecef!important;border-color:#ced4da!important;color:#6c757d!important;cursor:not-allowed!important}.disabled-section .scheduling-tab.active{background-color:#d3d3d3!important;color:#666!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#b6a593;box-shadow:0 0 0 3px #b6a5931a}.form-group input.error,.form-group select.error,.form-group textarea.error{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-group textarea{min-height:120px}.emoji-picker{background:#f8f9fa}.emoji-picker span{color:#666;font-size:12px;margin-right:10px}.emoji-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin:0 2px;padding:4px 6px;transition:background-color .2s ease}.emoji-button:hover{background-color:#e9ecef}.error-text{font-weight:400;margin-left:10px}.error-message,.success-message{padding:12px 15px}.success-message{border-radius:6px;font-size:14px}.targeting-criteria{background:#f8f9fa}.targeting-preview{background:#e8f5e9}.targeting-preview h5{color:#155724;margin-bottom:10px;margin-top:0}.targeting-preview p{color:#155724;margin:5px 0}.campaign-actions{border-top:2px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}@media (max-width:768px){.campaign-actions{flex-direction:column}}.actual-blast-button,.add-button,.cancel-button,.preview-button,.test-blast-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:12px 20px;text-align:center;transition:all .3s ease}.cancel-button:hover{background-color:#5a6268}.test-blast-button{background-color:#17a2b8;color:#fff}.test-blast-button:hover:not(:disabled){background-color:#138496;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.actual-blast-button{background:linear-gradient(135deg,#b6a593,#6b5b4d);color:#fff}.actual-blast-button:hover:not(:disabled){background:linear-gradient(135deg,#a69483,#5a4d40);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.preview-button{background-color:#ffc107;color:#212529}.preview-button:hover:not(:disabled){background-color:#e0a800}.add-button{background-color:#28a745;color:#fff}.add-button:hover{background-color:#218838}.actual-blast-button:disabled,.preview-button:disabled,.test-blast-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.campaign-actions button:disabled{position:relative}.campaign-actions button:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;bottom:0;content:"";height:16px;left:0;margin:auto;position:absolute;right:0;top:0;width:16px}.checkbox-group{align-items:center}.checkbox-group input[type=checkbox]{margin:0;width:auto}.checkbox-group label{cursor:pointer;margin:0}select[multiple]{height:auto;min-height:120px}select[multiple] option{padding:8px 12px}select[multiple] option:checked{background:#b6a593;color:#fff}.form-group[data-maxlength]{position:relative}.form-group[data-maxlength]:after{background:#ffffffe6;border-radius:3px;bottom:8px;color:#999;content:attr(data-count) "/" attr(data-maxlength);font-size:11px;padding:2px 6px;position:absolute;right:12px}.push-campaign-section .form-group input[maxlength="50"],.push-campaign-section .form-group textarea[maxlength="200"]{padding-right:60px}@media (max-width:768px){.notifications-editor{padding:15px}.notification-form{padding:20px 15px}.notifications-tabs{flex-direction:column}.tab-button{border-bottom:none;border-left:3px solid #0000;text-align:left}.tab-button.active{border-bottom:none;border-left-color:#b6a593}.notification-item{flex-direction:column;gap:15px}.notification-actions{flex-direction:row;margin-left:0}.notification-details{flex-direction:column}}@media (max-width:480px){.notifications-editor{padding:15px}.notification-form{padding:20px 15px}.notifications-tabs{flex-direction:column}.tab-button{border-bottom:none;border-right:3px solid #0000;text-align:left}.tab-button.active{border-bottom:none;border-right-color:#b6a593}}.actual-blast-button:focus,.tab-button:focus,.test-blast-button:focus{outline:2px solid #b6a593;outline-offset:2px}@media (prefers-contrast:high){.form-group input,.form-group select,.form-group textarea{border-width:3px}.tab-button.active{border-bottom-width:4px}}@media (prefers-color-scheme:dark){.notification-form{background-color:#2d2d2d;color:#e0e0e0}.form-group input,.form-group select,.form-group textarea{background-color:#3d3d3d;border-color:#555;color:#e0e0e0}.form-group label{color:#e0e0e0}}.notifications-editor{background-color:#fff!important;margin:0 auto;max-width:1000px;padding:20px}.notification-form{background:#fff!important;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#333!important;padding:30px}.form-section{background-color:#fff!important;border-bottom:1px solid #f0f0f0;color:#333!important;padding-bottom:25px}.form-section:last-child{padding-bottom:0}.form-group input,.form-group select,.form-group textarea{background-color:#fff!important;border:2px solid #e0e0e0;border-radius:6px;color:#333!important;padding:12px 15px;transition:border-color .3s ease}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:active,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover,.form-group select:-webkit-autofill,.form-group select:-webkit-autofill:active,.form-group select:-webkit-autofill:focus,.form-group select:-webkit-autofill:hover,.form-group textarea:-webkit-autofill,.form-group textarea:-webkit-autofill:active,.form-group textarea:-webkit-autofill:focus,.form-group textarea:-webkit-autofill:hover{-webkit-text-fill-color:#333!important;background-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.targeting-criteria{background:#f8f9fa!important;border:1px solid #e9ecef;border-radius:6px;color:#333!important;margin-top:15px;padding:20px}.targeting-preview{background:#e8f5e9!important;border:1px solid #c3e6cb;border-radius:6px;color:#155724!important;margin-top:15px;padding:15px}.emoji-picker{background:#f8f9fa!important;border:1px solid #e9ecef;border-radius:6px;color:#333!important;margin-top:10px;padding:10px}.input-with-emojis,.textarea-with-emojis{background-color:initial;position:relative}.form-group label,.form-section h4{color:#333!important}.form-section h4{margin-bottom:15px}.notification-form h3{background-color:initial;border-bottom:2px solid #b6a593;color:#333!important;font-size:20px;margin-bottom:25px;padding-bottom:10px}.form-helper-text{color:#666!important}.required-asterisk{color:red;font-size:14px;font-weight:700;margin-left:4px}.field-error-message{color:#d32f2f;display:block;font-family:Familjen Grotesk,sans-serif;font-size:13px;font-weight:500;margin-bottom:8px;margin-top:6px}.input-error{background-color:#ffebee!important;border-color:#d32f2f!important}.input-error:focus{border-color:#d32f2f!important;box-shadow:0 0 0 3px #d32f2f33!important}.reports-dashboard{background:#fff;border-radius:8px;font-family:Familjen Grotesk,sans-serif;max-height:calc(100vh - 140px);overflow-y:auto;padding:30px}.reports-header{border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:600;margin-bottom:25px;margin-top:0;padding-bottom:10px}.reports-header h1{color:#e64c31;font-size:28px;font-weight:600;margin:0 0 8px}.reports-header p{color:#666;font-size:16px;margin:0}.reports-tabs{border-bottom:1px solid #eaeaea;display:flex;gap:12px;margin-bottom:30px;padding-bottom:0}.tab-button{background:none;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;color:#666;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s ease}.tab-button:hover{background-color:#f5f5f5;color:#333}.tab-button.active{background-color:#f8fbff;border-bottom-color:#0070c9;color:#0070c9}.query-builder-section{display:flex;flex-direction:column;gap:30px}.query-builder-header{margin-bottom:20px}.query-builder-header h2{color:#333;font-size:24px;font-weight:600;margin:0 0 8px}.query-builder-header p{color:#666;font-size:16px;margin:0}.report-type-selection{background:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;margin-bottom:24px;padding:20px}.report-type-selection label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.report-type-selection select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:8px;padding:10px 12px;width:100%}.report-description{color:#666;font-size:14px;font-style:italic;margin:8px 0 0}.column-selection{background:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;margin-bottom:24px;padding:20px}.column-selection h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.columns-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.column-checkbox{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s ease}.column-checkbox:hover{background-color:#f5f5f5;border-color:#ccc}.column-checkbox input[type=checkbox]{accent-color:#e64c31;margin-right:8px}.query-actions{display:flex;gap:12px;justify-content:flex-start;margin-bottom:24px}.query-controls{background:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;padding:24px}.control-group{margin-bottom:24px}.control-group:last-child{margin-bottom:0}.control-group h3{color:#333;font-size:18px;font-weight:600;margin:0 0 12px}.control-group h4{color:#555;font-size:15px;font-weight:500;margin:16px 0 8px}.field-select,.filter-select,.logical-operator,.operator-select,.report-type-select,.unique-field-select,.value-input{background:#fff;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.field-select:focus,.filter-select:focus,.logical-operator:focus,.operator-select:focus,.report-type-select:focus,.unique-field-select:focus,.value-input:focus{border-color:#e64c31;box-shadow:0 0 0 3px #e64c311a;outline:none}.unique-field-select{background:#fff8f7;border-color:#e64c31}.add-condition-btn,.export-btn,.generate-data-btn,.generate-report-btn,.print-btn{background-color:#e64c31}.add-condition-btn,.export-btn,.generate-data-btn,.generate-report-btn,.print-btn,.reset-report-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.reset-report-btn{background-color:#666}.add-condition-btn:hover,.export-btn:hover,.generate-data-btn:hover,.generate-report-btn:hover,.print-btn:hover{background-color:#d43b20}.reset-report-btn:hover{background-color:#555}.generate-report-btn:disabled{background-color:#ccc;cursor:not-allowed}.remove-condition-btn{align-items:center;background-color:#ff3b30;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:background-color .2s ease;width:28px}.remove-condition-btn:hover{background-color:#e6342a}.conditions-list{margin-top:16px}.condition-item{grid-gap:12px;align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;display:grid;gap:12px;grid-template-columns:auto 1fr 1fr 1fr auto;margin-bottom:12px;padding:16px;position:relative}.condition-item:first-child{grid-template-columns:1fr 1fr 1fr auto}.logical-operator{background-color:#e8f5e8;border-color:#4caf50;color:#2e7d32;font-weight:500}.field-category{background:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:20px;padding:16px}.field-checkboxes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-label{border-radius:4px;padding:6px 8px;transition:background-color .2s ease}.checkbox-label:hover{background-color:#f5f5f5}.checkbox-label input[type=checkbox]{accent-color:#e64c31;margin-right:8px}.checkbox-label span{font-size:14px}.report-results{background:#fff;border:1px solid #eaeaea;border-radius:8px;margin-top:24px;overflow:hidden}.report-table-container{max-height:400px;overflow-x:auto;overflow-y:auto}.report-table{border-collapse:collapse;font-size:14px;width:100%}.report-table th{background:#f8f9fa;border-bottom:1px solid #ddd;color:#333;font-weight:600;padding:12px;position:sticky;text-align:left;top:0;z-index:1}.report-table td{border-bottom:1px solid #f0f0f0;max-width:200px;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.report-table tr:hover{background-color:#f8fbff}.results-header{align-items:flex-start;background:#f8f9fa;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:20px}.results-title h3{color:#333;font-size:18px;font-weight:600;margin:0}.deduplication-notice{background:#e64c311a;border-radius:12px;color:#e64c31;display:inline-block;font-size:12px;font-style:italic;margin:4px 0 0;padding:2px 8px}.results-actions{display:flex;gap:12px}.export-btn,.print-btn{background-color:#f7931e;font-size:13px;padding:8px 14px}.export-btn:hover,.print-btn:hover{background-color:#e8851c}.error-message{margin:16px 0}.dashboard-section{min-height:400px}.dashboard-notice{background:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;padding:60px 20px;text-align:center}.dashboard-notice h3{color:#333;font-size:24px;font-weight:600;margin:0 0 12px}.dashboard-notice p{color:#666;font-size:16px;margin:0 0 24px}.analytics-dashboard{display:flex;flex-direction:column;gap:10px}.control-group label{color:#333;font-size:14px;font-weight:600;margin:0}.control-group select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;min-width:150px;padding:8px 12px}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:30px}.chart-container{background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px;transition:all .3s ease}.chart-container:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.chart-container h3{color:#333;font-size:18px;font-weight:600;margin:0 0 20px;text-align:center}.chart-container.full-width{grid-column:1/-1}.chart-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.chart-header h3{color:#333;font-size:18px;font-weight:600;margin:0;text-align:left}.chart-header select{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;font-size:13px;min-width:120px;padding:6px 10px}.recharts-tooltip-wrapper{z-index:1000}.recharts-default-tooltip{background-color:#000c!important;border:none!important;border-radius:6px!important;box-shadow:0 4px 12px #00000026!important}.recharts-tooltip-label{color:#fff!important;font-weight:600;margin-bottom:4px}.recharts-tooltip-item{color:#fff!important}.recharts-legend-item{margin-right:16px}.recharts-responsive-container{height:300px!important;width:100%!important}.loading-message{background:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;color:#666;font-size:16px}.loading-message,.no-data-message{padding:40px 20px;text-align:center}.no-data-message{background:#fafafa;border:1px solid #eee;border-radius:8px;color:#999;font-style:italic}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.analytics-chart-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px;transition:all .3s ease}.analytics-chart-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.chart-filter{min-width:150px}.filter-select{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;font-size:13px;padding:8px 12px}.analytics-chart-content{display:flex;flex-direction:column;gap:12px}.analytics-chart-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;gap:16px;padding:12px 0}.analytics-chart-item:last-child{border-bottom:none}.chart-item-info{flex-shrink:0;min-width:140px}.chart-label{color:#333;font-size:14px;font-weight:500;margin-bottom:2px}.chart-subtitle{color:#666;font-size:12px;font-style:italic}.chart-value{color:#e64c31;flex-shrink:0;font-size:14px;font-weight:600;min-width:80px;text-align:right}.chart-bar-container{background:#f8f9fa;border-radius:12px;flex:1 1;height:24px;overflow:hidden;position:relative}.analytics-chart-bar{border-radius:12px;height:100%;position:relative;transition:width .8s ease-out}.analytics-chart-bar:after{animation:move 2s linear infinite;background:linear-gradient(45deg,#fff3 25%,#0000 0,#0000 50%,#fff3 0,#fff3 75%,#0000 0);background-size:16px 16px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes move{0%{background-position:0 0}to{background-position:16px 0}}.analysis-period-control{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.analysis-period-control label{color:#333;font-size:18px;font-weight:600}.analysis-period-select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;min-width:150px;padding:8px 12px}.analysis-period-note{color:#666;font-size:12px;font-style:italic;margin-left:8px}.revenue-period-section{margin-bottom:30px}.line-chart-full-width{grid-column:1/-1;width:100%}.line-chart-card{min-height:450px}.line-chart-container{height:300px;margin:20px 0;position:relative;width:100%}.line-chart-svg{background:#fafbfc;border:1px solid #e1e5e9;border-radius:8px;height:100%;width:100%}.chart-point{cursor:pointer;transition:all .2s ease}.chart-point:hover{r:8;stroke-width:3}.chart-tooltip{background:#000c;border-radius:6px;color:#fff;font-size:12px;padding:8px 12px;pointer-events:none;position:absolute;white-space:nowrap;z-index:10}.tooltip-content{font-weight:500}.chart-summary{border-top:1px solid #f0f0f0;display:flex;justify-content:space-around;margin-top:16px;padding:16px 0}.summary-item{align-items:center;display:flex;flex-direction:column;gap:4px}.summary-label{color:#666;font-size:12px;font-weight:500}.summary-value{color:#e64c31;font-size:16px;font-weight:600}.chart-card{background:#fff;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:24px;transition:box-shadow .2s ease}.chart-card:hover{box-shadow:0 4px 16px #0000001a}.chart-card h3{color:#333;font-size:18px;font-weight:600;margin:0 0 20px;text-align:center}.chart-content{display:flex;flex-direction:column;gap:12px}.chart-item{align-items:center;display:flex;gap:12px;padding:8px 0}.chart-bar{border-radius:4px;height:20px;min-width:20px;position:relative;transition:width .3s ease}.no-chart-data{color:#666;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:1200px){.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width:768px){.query-controls,.reports-dashboard{padding:16px}.condition-item{gap:8px}.condition-item,.condition-item:first-child,.field-checkboxes{grid-template-columns:1fr}.analytics-grid,.charts-grid{gap:16px;grid-template-columns:1fr}.results-header{align-items:flex-start;flex-direction:column;gap:12px}.results-actions{justify-content:flex-end;width:100%}.analytics-chart-item{align-items:flex-start;flex-direction:column;gap:8px}.chart-item-info{min-width:auto;width:100%}.chart-value{min-width:auto;text-align:left}.chart-bar-container{width:100%}.chart-header{align-items:flex-start;flex-direction:column;gap:12px}.chart-filter{min-width:auto;width:100%}.analytics-overview{padding:16px}.analytics-overview h3{font-size:20px}.line-chart-container{height:250px}.chart-summary{align-items:stretch;flex-direction:column;gap:12px}.summary-item{border-bottom:1px solid #f0f0f0;flex-direction:row;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none}.recharts-responsive-container{height:250px!important}.columns-grid{grid-template-columns:1fr}}@media (max-width:480px){.reports-header h1{font-size:24px}.tab-button{font-size:14px;padding:10px 12px}.analytics-chart-card,.chart-card,.chart-container{padding:16px}.results-table td,.results-table th{font-size:13px;padding:8px}.analytics-overview h3{font-size:18px}.analytics-overview p{font-size:14px}.line-chart-container{height:200px}.recharts-responsive-container{height:200px!important}}@media print{.chart-filter,.query-controls,.reports-tabs,.results-actions{display:none!important}.reports-dashboard,.results-table-container{max-height:none;overflow:visible}.analytics-chart-card,.chart-card,.chart-container{border:1px solid #333;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.analytics-grid{grid-template-columns:repeat(2,1fr)}.analytics-overview{background:#f5f5f5!important;color:#333!important}.line-chart-svg{background:#fff!important}}.add-condition-btn:focus,.checkbox-label:focus-within,.export-btn:focus,.filter-select:focus,.generate-report-btn:focus,.print-btn:focus,.tab-button:focus{outline:2px solid #e64c31;outline-offset:2px}.checkbox-label:focus-within{border-radius:4px}@keyframes chartBarGrow{0%{width:0}to{width:var(--final-width)}}.analytics-chart-bar,.chart-bar{animation:chartBarGrow .8s ease-out}.results-table-container::-webkit-scrollbar{height:8px;width:8px}.results-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.results-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.results-table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.analytics-dashboard::-webkit-scrollbar{width:8px}.analytics-dashboard::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.analytics-dashboard::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.analytics-dashboard::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.analytics-chart-card{overflow:hidden;position:relative}.analytics-chart-card:before{background:linear-gradient(90deg,#e64c31,#f7931e,#00d4aa,#ff6b35);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.analytics-chart-card:hover:before{opacity:1}.chart-container:before{background:linear-gradient(90deg,#e64c31,#f7931e,#00d4aa,#ff6b35);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.chart-container:hover:before{opacity:1}.analytics-chart-bar[style*="#E64C31"]{background:linear-gradient(135deg,#e64c31,#f05539)!important}.analytics-chart-bar[style*="#f7931e"]{background:linear-gradient(135deg,#f7931e,#ff9f2e)!important}.analytics-chart-bar[style*="#00d4aa"]{background:linear-gradient(135deg,#00d4aa,#00e4ba)!important}.analytics-chart-bar[style*="#ff6b35"]{background:linear-gradient(135deg,#ff6b35,#ff7b45)!important}.analytics-chart-bar[style*="#9b59b6"]{background:linear-gradient(135deg,#9b59b6,#ab69c6)!important}.analytics-chart-bar[style*="#e74c3c"]{background:linear-gradient(135deg,#e74c3c,#f75c4c)!important}.module-manager{margin:0 auto;max-width:1200px;padding:30px}.module-manager-header{margin-bottom:40px}.module-manager-header h2{color:#e64c31;color:var(--primary-coral);font-size:28px;font-weight:600;margin:0 0 10px}.module-manager-header p{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;margin:0}.module-overview-stats{grid-gap:20px;gap:20px;margin:30px 0;padding:0 10px}.overview-stat{background:#fff;background:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;box-shadow:0 2px 8px #e64c311a;padding:20px}.overview-stat .stat-number{color:#e64c31;color:var(--primary-coral);display:block;font-family:Familjen Grotesk,sans-serif;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.overview-stat .stat-label{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.modules-grid{margin-bottom:40px}.modules-grid-4{grid-template-columns:repeat(2,1fr)}.modules-grid-5{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.modules-grid-6{gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:20px 0}.module-card{background:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);box-shadow:0 2px 8px #e64c311a;cursor:pointer;display:flex;flex-direction:column;height:90%}.module-card:hover:not(.disabled){box-shadow:0 4px 16px #e64c3126;transform:translateY(-2px)}.module-card.active,.module-card:hover:not(.disabled){border-color:#e64c31;border-color:var(--primary-coral)}.module-card.active{background:#fff5f5}.module-card-header{align-items:center;flex-shrink:0}.module-title{color:#e64c31;color:var(--primary-coral);line-height:1.2}.module-header-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.module-icon{height:40px;object-fit:contain;width:40px}.module-status-badge{border-radius:12px;flex-shrink:0;font-family:Familjen Grotesk,sans-serif;font-size:11px}.module-status-badge.active{background:#e64c31;background:var(--primary-coral);color:#fff;color:var(--white)}.module-status-badge.enabled{background:#ffbdb1;background:var(--light-coral);color:#e64c31;color:var(--primary-coral)}.module-status-badge.disabled{background:#ffebee;color:#d32f2f}.module-card-content{display:flex;flex:1 1;flex-direction:column}.module-description{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif}.module-stats{flex-shrink:0}.module-stat{gap:8px;margin-bottom:12px}.module-stat .stat-number{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:700}.module-stat .stat-label{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px}.module-management-tools{border-top:1px solid #ddd;border-top:1px solid var(--border-gray);flex:1 1;margin-top:16px;padding-top:16px}.module-management-tools h4{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:17px;font-weight:600;margin:0 0 12px}.management-tools-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);margin-bottom:16px}.management-tool-item{word-wrap:break-word;align-items:center;background:#f6f6f6;background:var(--light-gray);border:1px solid #ddd;border:1px solid var(--border-gray);border-radius:8px;color:#333;color:var(--dark-gray);display:flex;font-family:Wix Madefor Text,sans-serif;font-size:14px;font-weight:500;-webkit-hyphens:auto;hyphens:auto;justify-content:center;line-height:1.3;min-height:36px;padding:8px 10px;text-align:center;transition:all .2s ease}.management-tool-item.clickable{cursor:pointer}.management-tool-item.clickable:hover{background:#e64c31;background:var(--primary-coral);border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 2px 6px #e64c3133;color:#fff;color:var(--white);transform:translateY(-1px)}.management-tool-item:hover:not(.clickable){border-color:#ffbdb1;border-color:var(--light-coral)}.management-tool-item.more-tools,.management-tool-item:hover:not(.clickable){background:#ffbdb1;background:var(--light-coral);color:#e64c31;color:var(--primary-coral)}.management-tool-item.more-tools{border-color:#e64c31;border-color:var(--primary-coral);font-style:italic;font-weight:600}.module-card-footer{flex-shrink:0;margin-top:auto;padding-top:16px;text-align:center}.module-action-button{border:none;border-radius:8px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;padding:12px 16px;transition:all .3s ease;width:100%}.module-action-button.primary{background:#e64c31;background:var(--primary-coral);color:#fff;color:var(--white)}.module-action-button.primary:hover{background:#d43d22;transform:translateY(-1px)}.module-action-button.disabled{background:#ddd;background:var(--border-gray);border:2px solid #ddd;border:2px solid var(--border-gray);color:#666;color:var(--medium-gray);cursor:pointer}.module-action-button.disabled:hover{background:#ffbdb1;background:var(--light-coral);border-color:#ffbdb1;border-color:var(--light-coral);color:#e64c31;color:var(--primary-coral);transform:translateY(-1px)}.module-card.disabled{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #ddd;border:2px solid var(--border-gray);cursor:pointer;opacity:.7;position:relative}.module-card.disabled:hover{border-color:#ffbdb1;border-color:var(--light-coral);box-shadow:0 2px 8px #e64c311a;transform:none}.module-card.disabled:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff4d 0,#ffffff4d 20px);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.module-card.disabled .module-description,.module-card.disabled .module-title,.module-card.disabled .stat-label,.module-card.disabled .stat-number{color:#666;color:var(--medium-gray);position:relative;z-index:2}.module-card.disabled .management-tool-item{background-color:#f0f0f0;border-color:#e0e0e0;color:#666;color:var(--medium-gray)}.module-card.disabled .management-tool-item.clickable:hover{background-color:#ffbdb1;background-color:var(--light-coral);border-color:#ffbdb1;border-color:var(--light-coral);box-shadow:none;color:#e64c31;color:var(--primary-coral);transform:none}.module-card.disabled .management-tool-item.more-tools{background-color:#e0e0e0;border-color:#d0d0d0;color:#666;color:var(--medium-gray)}.upgrade-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.upgrade-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--white);border-radius:12px;box-shadow:0 20px 40px #0003;font-family:Wix Madefor Text,sans-serif;margin:20px;max-width:480px;width:90%}.upgrade-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:0;padding:24px 24px 0}.upgrade-modal-header h3{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:600;margin:0}.modal-close-button{border-radius:4px;color:#666;color:var(--medium-gray);font-size:24px;padding:4px 8px;transition:all .2s ease}.modal-close-button:hover{background-color:#f5f5f5;color:#333;color:var(--dark-gray)}.upgrade-modal-content{padding:24px;text-align:center}.upgrade-icon{display:block;font-size:48px;margin-bottom:16px}.upgrade-modal-content h4{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0 0 12px}.upgrade-modal-content p{color:#666;color:var(--medium-gray);font-size:15px;line-height:1.5;margin:8px 0}.upgrade-description{background-color:#f8f9fa;border-left:4px solid #e64c31;border-left:4px solid var(--primary-coral);border-radius:8px;margin-top:16px;padding:16px}.upgrade-modal-actions{display:flex;gap:12px;justify-content:center;padding:0 24px 24px}.contact-sales-button{border:none;border-radius:8px;min-width:140px}.contact-sales-button,.modal-cancel-button{cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;padding:12px 24px;transition:all .2s ease}.modal-cancel-button{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#666;color:var(--medium-gray);font-weight:500;min-width:100px}.modal-cancel-button:hover{background-color:#e9ecef;border-color:#ced4da}.module-help-section{border-top:1px solid #f0f0f0;margin-top:50px;padding:30px 0}.module-help-section h3{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:22px;font-weight:600;margin-bottom:25px;text-align:center}.help-cards{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.help-card{background:#f8f9fa;border-left:4px solid #e64c31;border-left:4px solid var(--primary-coral);border-radius:8px;padding:20px}.help-card h4{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin:0 0 10px}.help-card p{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;line-height:1.5;margin:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1200px){.modules-grid-6{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.module-overview-stats,.modules-grid-2,.modules-grid-4,.modules-grid-5,.modules-grid-6{grid-template-columns:1fr}.module-overview-stats{gap:15px}.management-tools-grid{gap:6px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto)}.management-tool-item{font-size:13px;min-height:32px;padding:6px 8px}.module-manager{padding:20px 15px}.module-card{min-height:360px;padding:20px}.upgrade-modal{margin:10px;width:95%}.upgrade-modal-actions{flex-direction:column}.contact-sales-button,.modal-cancel-button{width:100%}}@media (max-width:480px){.management-tools-grid{grid-template-columns:1fr;grid-template-rows:auto}.management-tool-item{font-size:14px;min-height:34px;padding:8px 10px}.module-card{min-height:340px;padding:16px}.module-title{font-size:18px}}.module-manager{padding:15px}.module-manager-header{margin-bottom:20px}.module-manager-header h2{font-size:20px;margin-bottom:8px}.module-manager-header p{font-size:13px}.module-overview-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.overview-stat{padding:15px;text-align:center}.stat-number{font-size:24px;margin-bottom:5px}.stat-label{font-size:11px}.modules-grid{grid-gap:15px;gap:15px;grid-template-columns:1fr;margin-bottom:30px}.module-card{min-height:200px;padding:20px}.module-card-header{margin-bottom:15px}.module-card-icon{font-size:20px;height:40px;margin-bottom:12px;width:40px}.module-card h3{font-size:16px;margin-bottom:8px}.module-card p{font-size:12px;line-height:1.4}.module-card-stats{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px;padding-top:15px}.module-stat{font-size:11px}.module-stat strong{font-size:16px}.module-help-section{margin-top:30px}.module-help-section h3{font-size:18px;margin-bottom:15px}.help-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.help-card{padding:15px}.help-card h4{font-size:14px;margin-bottom:8px}.help-card p{font-size:12px}@media (min-width:400px){.module-manager{padding:18px}.module-manager-header h2{font-size:21px}.module-overview-stats{gap:11px}.overview-stat{padding:17px}.stat-number{font-size:26px}.stat-label{font-size:11.5px}.module-card{padding:21px}.module-card h3{font-size:16.5px}}@media (min-width:480px){.module-manager{padding:20px}.module-manager-header h2{font-size:22px}.module-overview-stats{gap:12px}.overview-stat{padding:18px}.stat-number{font-size:28px}.stat-label{font-size:12px}.module-card{padding:22px}.module-card h3{font-size:17px}}@media (min-width:576px){.modules-grid{gap:18px;grid-template-columns:repeat(2,1fr)}.module-overview-stats{gap:15px}.overview-stat{padding:20px}.help-cards{gap:18px;grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.module-manager{margin:0 auto;max-width:1400px;padding:30px}.module-manager-header{margin-bottom:30px;text-align:center}.module-manager-header h2{font-size:28px;margin-bottom:10px}.module-manager-header p{color:#666;font-size:15px}.module-overview-stats{display:flex;gap:30px;justify-content:center;margin-bottom:35px;padding:0 20px}.overview-stat{border-radius:12px;box-shadow:0 2px 8px #00000014;flex:0 1 auto;min-width:150px;padding:25px 30px}.stat-number{font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.modules-grid{gap:25px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.module-card{border-radius:12px;min-height:240px;padding:28px;transition:all .3s ease}.module-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.module-card-icon{font-size:24px;height:50px;margin-bottom:16px;width:50px}.module-card h3{font-size:20px;margin-bottom:10px}.module-card p{font-size:14px;line-height:1.6}.module-card-stats{gap:20px;margin-top:20px;padding-top:20px}.module-stat{font-size:12px}.module-stat strong{display:block;font-size:18px;margin-bottom:4px}.module-help-section{margin-top:40px}.module-help-section h3{font-size:22px;margin-bottom:20px;text-align:center}.help-cards{gap:20px;grid-template-columns:repeat(3,1fr)}.help-card{border-radius:10px;padding:20px}.help-card h4{font-size:16px;margin-bottom:10px}.help-card p{font-size:13px;line-height:1.6}.module-card.clickable{cursor:pointer}.module-card-header .badge{border-radius:12px;font-size:11px;padding:6px 12px}}@media (min-width:992px){.module-manager{padding:40px}.module-manager-header h2{font-size:32px}.modules-grid{gap:28px;grid-template-columns:repeat(3,1fr)}.module-card{min-height:260px;padding:32px}.module-card h3{font-size:22px}.overview-stat{padding:28px 35px}.stat-number{font-size:40px}}@media (min-width:1200px){.module-manager{padding:50px}.module-manager-header h2{font-size:36px}.module-manager-header p{font-size:16px}.modules-grid{gap:32px}.module-card{min-height:280px;padding:35px}.module-card h3{font-size:24px}.module-card p{font-size:15px}}@media (min-width:1400px){.modules-grid{gap:35px}.module-card{padding:40px}}@media (min-width:1500px){.module-manager{max-width:1480px;padding:50px}.module-manager-header h2{font-size:36px}.module-overview-stats{gap:35px}.overview-stat{min-width:160px;padding:30px 38px}.stat-number{font-size:42px}.modules-grid{gap:35px;grid-template-columns:repeat(3,1fr)}.module-card{min-height:280px;padding:40px}.module-card h3{font-size:24px}.module-card p{font-size:15px}.help-cards{gap:22px;grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:1200px) and (orientation:landscape){.modules-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.module-card{min-height:220px;padding:24px}.module-overview-stats{gap:35px}}@media print{.module-manager{padding:20px}.modules-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.module-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.salon-home-page{align-items:flex-start;background-color:#f6f6f6;background-color:var(--light-gray);box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:10px 20px;width:100%}.salon-home-content{align-items:center;display:flex;flex-direction:column;gap:30px;max-width:1400px;width:100%}.date-display{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:40px;justify-content:center;padding:15px 20px;width:100%}.date-item{color:#666;color:var(--medium-gray);font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.metrics-container{width:100%}.metrics-loading{align-items:center;background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:40px}.small-spinner{animation:spin 1s linear infinite;border:3px solid #ffbdb1;border-top:3px solid #e64c31;border:3px solid var(--light-coral);border-radius:50%;border-top-color:var(--primary-coral);height:30px;margin-bottom:10px;width:30px}.metrics-loading p{color:#666;color:var(--medium-gray);font-family:Familjen Grotesk,sans-serif;font-size:14px;margin:0}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);width:100%}.metric-card{background-color:#fff;background-color:var(--white);border-left:4px solid #e64c31;border-left:4px solid var(--primary-coral);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:all .3s ease}.metric-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.metric-label{color:#666;color:var(--medium-gray);font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.metric-label,.metric-value{font-family:Familjen Grotesk,sans-serif}.metric-value{color:#e64c31;color:var(--primary-coral);font-size:28px;font-weight:700}.salon-image-container{border-radius:12px;box-shadow:0 8px 24px #00000026;overflow:hidden;position:relative;width:100%}.salon-home-image{display:block;height:auto;max-height:70vh;object-fit:cover;width:100%}.image-actions{position:absolute;right:20px;top:20px;z-index:10}.change-image-button{background-color:#fffffff2;border:2px solid #e64c31;border:2px solid var(--primary-coral);border-radius:6px;color:#e64c31;color:var(--primary-coral);cursor:pointer;display:inline-block;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.change-image-button:hover{background-color:#e64c31;background-color:var(--primary-coral);box-shadow:0 4px 12px #e64c314d;color:#fff;color:var(--white);transform:translateY(-2px)}.no-image-container{align-items:center;background-color:#fff;background-color:var(--white);border:2px dashed #ffbdb1;border:2px dashed var(--light-coral);border-radius:12px;display:flex;justify-content:center;min-height:400px;padding:40px;width:100%}.upload-prompt{max-width:500px;text-align:center}.upload-prompt h3{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:700;margin:0 0 15px}.upload-prompt p{color:#666;color:var(--medium-gray);margin:0 0 30px}.upload-image-button,.upload-prompt p{font-family:Familjen Grotesk,sans-serif;font-size:16px}.upload-image-button{background-color:#e64c31;background-color:var(--primary-coral);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;display:inline-block;font-weight:600;margin-bottom:15px;padding:12px 30px;transition:all .3s ease}.upload-image-button:hover{background-color:#d63c23;box-shadow:0 4px 12px #e64c314d;transform:translateY(-2px)}.upload-image-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.upload-hint{color:#666!important;color:var(--medium-gray)!important;font-size:12px!important;font-style:italic}.error-message{border-radius:6px;font-family:Familjen Grotesk,sans-serif;font-size:14px;margin:15px 0;padding:12px}.home-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px 0;width:100%}.all-modules-button,.core-module-button{background-color:#e64c31;background-color:var(--primary-coral);border:none;border-radius:8px;box-shadow:0 4px 12px #e64c3133;color:#fff;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;min-width:180px;padding:15px 40px;transition:all .3s ease}.all-modules-button:hover,.core-module-button:hover{background-color:#d63c23;box-shadow:0 6px 20px #e64c314d;transform:translateY(-3px)}.loading-container{padding:60px 20px;text-align:center}.loading-spinner{margin-bottom:20px}.loading-container p{color:#666;color:var(--medium-gray);font-family:Familjen Grotesk,sans-serif;font-size:16px;margin:0}@media (max-width:768px){.salon-home-page{padding:15px}.salon-home-content{gap:20px}.date-display{flex-direction:column;gap:20px;padding:12px 15px}.date-item{font-size:12px}.metrics-grid{gap:15px;grid-template-columns:1fr}.metric-card{padding:20px}.metric-label{font-size:12px}.metric-value{font-size:24px}.salon-home-image{max-height:50vh}.upload-prompt h3{font-size:24px}.all-modules-button,.core-module-button{max-width:300px;width:100%}.home-actions{align-items:center;flex-direction:column}.image-actions{right:10px;top:10px}.change-image-button{font-size:12px;padding:8px 16px}}.unsubscribe-container{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.unsubscribe-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;max-width:600px;padding:40px;text-align:center;width:100%}.salon-logo{margin-bottom:30px}.logo-image{max-height:80px;max-width:200px;object-fit:contain}.unsubscribe-card h1{color:#333;font-size:28px;font-weight:600;margin-bottom:30px}.loading-spinner{padding:40px 20px}.success-message{text-align:left}.success-icon{font-size:30px;font-weight:700}.success-message h2{color:#2e7d32;font-size:24px;margin-bottom:15px;text-align:center}.success-message p{color:#333;font-size:16px;line-height:1.6;margin-bottom:15px}.error-message{text-align:left}.error-icon{font-size:30px;font-weight:700}.error-message h2{color:#c62828;font-size:24px;margin-bottom:15px;text-align:center}.error-message p{color:#333;font-size:16px;line-height:1.6;margin-bottom:15px}.info-box{background-color:#e8f5e9;border:1px solid #4caf50;border-radius:8px;margin:25px 0;padding:20px}.info-box h3{color:#2e7d32;font-size:18px;margin-bottom:10px;margin-top:0}.info-box ul{color:#333;margin:0;padding-left:20px}.info-box li{line-height:1.5;margin-bottom:8px}.contact-info{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:25px 0;padding:25px}.contact-info h3{color:#333;font-size:18px;margin-bottom:15px;margin-top:0}.contact-info p{color:#333;margin-bottom:10px}.social-links{flex-wrap:wrap;justify-content:center;margin:20px 0}.social-link{border-radius:25px;color:#fff;min-width:80px;padding:10px 20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.social-link:hover{box-shadow:0 4px 12px #0003;text-decoration:none;transform:translateY(-2px)}.social-link.facebook{background-color:#1877f2}.social-link.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.social-link.twitter{background-color:#1da1f2}.contact-details{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.contact-details p{color:#333}.contact-details strong{color:#b6a593}.contact-help{background-color:#fff3e0;border:1px solid #ff9800;border-radius:8px;margin:25px 0;padding:20px}.contact-help h3{color:#ef6c00;font-size:18px;margin-bottom:10px;margin-top:0}.contact-help p{color:#333;margin:8px 0}.alternative-notifications{background-color:#f3e5f5;border:1px solid #9c27b0;border-radius:8px;margin:25px 0;padding:20px}.alternative-notifications h3{color:#7b1fa2;font-size:18px;margin-bottom:10px;margin-top:0}.alternative-notifications p{color:#333;margin-bottom:15px}.dashboard-link{background-color:#b6a593;border-radius:6px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.dashboard-link:hover{background-color:#a69483;color:#fff;text-decoration:none;transform:translateY(-1px)}@media (max-width:768px){.unsubscribe-container{padding:15px}.unsubscribe-card{padding:30px 20px}.unsubscribe-card h1{font-size:24px}.error-message h2,.success-message h2{font-size:20px}.social-links{align-items:center;flex-direction:column}.social-link{width:200px}.alternative-notifications,.contact-help,.contact-info,.info-box{margin:20px 0;padding:15px}.error-icon,.success-icon{font-size:24px;height:50px;width:50px}}@media (max-width:480px){.unsubscribe-card{padding:20px 15px}.unsubscribe-card h1{font-size:20px}.error-message h2,.success-message h2{font-size:18px}.error-message p,.success-message p{font-size:14px}}@media print{.unsubscribe-container{background:#fff;min-height:auto;padding:0}.unsubscribe-card{border:1px solid #ddd;box-shadow:none;padding:30px}.dashboard-link,.social-links{display:none}}.admin-header{flex-wrap:wrap;padding:10px 15px}.admin-header h1{font-size:16px}.admin-header-logo{align-items:flex-start;flex-direction:column;padding:10px 15px}.admin-header-logo img{width:60px}.admin-header-logo-text h2{font-size:20px}.admin-header-logo-text p{font-size:10px}.admin-content{flex-direction:column;padding:0}.admin-sidebar{margin-bottom:15px;max-width:none;min-width:auto;width:100%}.admin-main-content{margin:0;padding:15px}.admin-tabs{flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:5px}.admin-tab-button{flex-shrink:0;font-size:12px;padding:8px 12px;white-space:nowrap}.form-group{margin-bottom:15px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{padding:10px}.button-group{flex-direction:column;gap:10px}.button-group button{width:100%}.admin-button,.primary-button,.secondary-button{font-size:14px;padding:10px 15px;width:100%}.data-table{font-size:12px;min-width:600px}.data-table td,.data-table th{padding:8px}@media (min-width:400px){.admin-header h1{font-size:17px}.admin-header-logo img{width:65px}.admin-header-logo-text h2{font-size:22px}.admin-main-content{padding:18px}.admin-tab-button,.data-table{font-size:12.5px}}@media (min-width:480px){.admin-header h1{font-size:18px}.admin-header-logo img{width:70px}.admin-header-logo-text h2{font-size:24px}.admin-main-content{padding:20px}.admin-tab-button{font-size:13px;padding:10px 16px}.data-table{font-size:13px}}@media (min-width:576px){.admin-header{padding:12px 20px}.admin-header h1{font-size:19px}.button-group{flex-direction:row;flex-wrap:wrap}.admin-button,.primary-button,.secondary-button{min-width:120px;width:auto}}@media (min-width:768px){.admin-header{padding:15px 30px}.admin-header h1{font-size:22px}.admin-header-logo{align-items:center;flex-direction:row;padding:15px 30px}.admin-header-logo img{width:80px}.admin-header-logo-text h2{font-size:32px}.admin-header-logo-text p{font-size:13px}.admin-content{flex-direction:row;gap:20px}.admin-sidebar{margin-bottom:0;max-width:250px;width:250px}.admin-main-content{flex:1 1;margin-left:0;padding:25px}.admin-tabs{flex-wrap:wrap;gap:12px;overflow-x:visible}.admin-tab-button{font-size:14px;padding:12px 20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-group{margin-bottom:20px}.data-table,.form-group label{font-size:14px}.data-table{min-width:auto}.data-table td,.data-table th{padding:12px}.card-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.card{padding:20px}.admin-button,.primary-button,.secondary-button{font-size:15px;padding:12px 24px}}@media (min-width:992px){.admin-header{padding:15px 40px}.admin-header h1{font-size:24px}.admin-content{gap:30px}.admin-sidebar{max-width:280px;width:280px}.admin-main-content{padding:30px}.card-grid,.form-row{gap:24px;grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.admin-header{padding:20px 50px}.admin-content{gap:30px;max-width:98%;width:98%}.admin-content.no-preview{grid-template-columns:220px 1fr}.admin-sidebar{flex-shrink:0;max-width:220px;width:220px}.admin-editor,.admin-main-content{flex:1 1;max-width:none;width:100%}.admin-main-content{padding:40px}.card-grid{gap:30px;grid-template-columns:repeat(4,1fr)}.data-table td,.data-table th{padding:15px}}@media (min-width:1400px){.admin-content{margin:0 auto;max-width:98%;width:98%}.admin-content.no-preview{grid-template-columns:220px 1fr}.admin-editor{flex:1 1;max-width:none;width:100%}.card-grid{gap:35px}}@media (min-width:1500px){.admin-content{max-width:98%;width:98%}.admin-content.no-preview{grid-template-columns:220px 1fr;max-width:98%;width:98%}.admin-sidebar{flex-shrink:0;max-width:220px;width:220px}.admin-editor{flex:1 1;min-width:0}.admin-editor,.admin-editor.full-width,.admin-main-content{max-width:none;width:100%}.admin-main-content{flex:1 1;padding:40px}.card-grid{gap:30px;grid-template-columns:repeat(4,1fr)}.form-row{gap:25px;grid-template-columns:repeat(3,1fr)}.data-table td,.data-table th{padding:16px}}@media (min-width:1920px){.admin-content{margin:0 auto;max-width:98%;width:98%}.admin-content.no-preview{grid-template-columns:220px 1fr;max-width:98%;width:98%}.admin-sidebar{flex-shrink:0;max-width:220px;width:220px}.admin-editor,.admin-main-content{flex:1 1;max-width:none;width:100%}}@media (min-width:768px) and (max-width:1200px){.admin-button,.button,.tab-button,a.button,button{min-height:44px;min-width:44px}.clickable-row,.list-item,.menu-item{margin-bottom:10px;padding:16px}.card:hover,.module-card:hover{transform:scale(1.02);transition:transform .2s ease}}.admin-editor,.admin-main-content{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important}.about-us-editor,.branding-editor,.business-hours-editor,.contact-editor,.custom-css-editor,.customers-manager,.email-campaigns-editor,.image-manager,.notifications-editor,.push-campaigns-editor,.query-builder-section,.reports-dashboard,.services-editor,.staff-editor,.typography-editor,.whatsapp-campaigns-editor{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important}.booking-requests-container,.promotions-editor{margin:0 auto!important;overflow:visible!important}.admin-editor>*,.admin-main-content>*,.admin-tab-content>*,.booking-requests-container,.promotions-editor{box-sizing:border-box!important;max-width:100%!important}.data-table-container,.table-container,.table-wrapper{-webkit-overflow-scrolling:touch!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important}.data-table,table{max-width:100%!important;table-layout:auto!important}.editor-form,.form-container,.settings-form{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important}.card-grid,.grid-layout,.items-grid,.services-grid,.staff-cards-grid{box-sizing:border-box!important;max-width:100%!important;overflow:visible!important}.code-editor,.rich-text-editor,.text-editor,input[type=email],input[type=text],input[type=url],select,textarea{box-sizing:border-box!important;max-width:100%!important}.code-editor,.rich-text-editor,.text-editor{overflow-x:auto!important}.image-preview-container,.image-upload-section,.preview-section{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important}.image-preview img{height:auto!important;max-width:100%!important}.booking-calendar-container,.calendar-grid-wrapper,.time-slots-container{box-sizing:border-box!important;max-width:100%!important;overflow-x:auto!important}.calendar-grid{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important;overflow-y:auto!important}.campaign-editor,.campaign-form,.campaign-preview{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important}@media (min-width:1600px){.admin-main-content{margin:0 auto!important;max-width:1800px!important;padding:30px 45px!important}.admin-editor{max-width:100%!important;padding:30px!important}.about-us-editor,.branding-editor,.business-hours-editor,.contact-editor,.custom-css-editor,.customers-manager,.email-campaigns-editor,.image-manager,.notifications-editor,.push-campaigns-editor,.services-editor,.staff-editor,.typography-editor,.whatsapp-campaigns-editor{max-width:100%!important;padding:0!important}.promotions-editor{margin:0 auto!important;max-width:100%!important;padding:30px!important}.card-grid,.items-grid{gap:25px!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}.form-row{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}.data-table-container{max-width:1710px!important}}@media (min-width:1920px){.admin-content.no-preview{margin:0 auto!important;max-width:1820px!important}.admin-content.no-preview .admin-editor{max-width:1600px!important;width:1600px!important}}body.admin-page,html{overflow-x:hidden!important}*,body.admin-page,html{max-width:100vw!important}.calendar-grid,.calendar-grid-wrapper,.code-editor,.data-table-container,.table-wrapper{max-width:100%!important}.booking-calendar-container{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important;padding:0!important;width:100%!important}.calendar-grid-wrapper{max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important}.calendar-grid{min-width:fit-content!important;width:auto!important}.staff-editor{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important;padding:0!important}.staff-cards-grid{grid-gap:25px!important;display:grid!important;gap:25px!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;max-width:100%!important}.services-editor{overflow-x:hidden!important;padding:0!important}.customers-manager,.services-editor,.services-list{box-sizing:border-box!important;max-width:100%!important}.customers-manager{overflow-x:hidden!important}.customers-table{max-width:100%!important}.customers-table-wrapper{max-width:100%!important;overflow-x:auto!important}.auth-container{align-items:center;background-color:#f6f6f6;background-color:var(--light-gray);display:flex;font-family:Wix Madefor Text,sans-serif;justify-content:center;min-height:100vh}.auth-card{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:0 auto;max-width:90%;padding:30px;width:6in}.auth-card h2{font-family:Familjen Grotesk,sans-serif;font-weight:600;margin-top:0}.auth-card h2,.auth-error{color:#e64c31;color:var(--primary-coral);margin-bottom:20px;text-align:center}.auth-error{background-color:#ffebee;border-radius:4px;padding:10px}.auth-error,.form-group input{font-family:Wix Madefor Text,sans-serif;font-size:14px}.form-group input{background-color:#fff!important;background-color:var(--white)!important;border:2px solid #ddd;border:2px solid var(--border-gray);border-radius:6px;box-sizing:border-box;padding:12px 15px;transition:border-color .3s ease}.form-group input:focus{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a}.auth-button{background-color:#e64c31;background-color:var(--primary-coral);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin-top:10px;padding:12px 20px;transition:all .3s ease;width:100%}.auth-button:hover{background-color:#d63c23;transform:translateY(-1px)}.auth-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.forgot-password{background:none;border:none;color:#e64c31;color:var(--primary-coral);cursor:pointer;font-family:Wix Madefor Text,sans-serif;font-size:14px;margin-top:15px;text-align:center;text-decoration:underline;width:100%}.forgot-password:hover{color:#d63c23}.reset-success{background-color:#e8f5e9;border-radius:4px;color:#2e7d32;font-family:Wix Madefor Text,sans-serif;margin:20px 0;padding:15px;text-align:center}.loading{align-items:center;color:#333;color:var(--dark-gray);display:flex;font-family:Familjen Grotesk,sans-serif;font-size:18px;height:100vh;justify-content:center}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:active,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:active,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#333!important;-webkit-text-fill-color:var(--dark-gray)!important;background-color:#fff!important;background-color:var(--white)!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important;-webkit-box-shadow:0 0 0 1000px var(--white) inset!important;color:#333!important;color:var(--dark-gray)!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}input:-internal-autofill-selected,select:-internal-autofill-selected,textarea:-internal-autofill-selected{-webkit-text-fill-color:#333!important;-webkit-text-fill-color:var(--dark-gray)!important;background-color:#fff!important;background-color:var(--white)!important;background-image:none!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important;-webkit-box-shadow:0 0 0 1000px var(--white) inset!important;color:#333!important;color:var(--dark-gray)!important}input[type=email],input[type=password],input[type=text]{background-color:#fff!important;background-color:var(--white)!important;color:#333!important;color:var(--dark-gray)!important}input:-webkit-autofill{-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.auth-card input{background-color:#fff!important;background-color:var(--white)!important;background-image:none!important}.salon-branding{border-bottom:1px solid #e9ecef;margin-bottom:20px;padding-bottom:15px;text-align:center}.salon-branding h1{font-size:24px;font-weight:600;margin:0 0 5px}.salon-identifier{color:#6c757d;font-size:14px;margin:5px 0}.salon-login-logo{display:block;margin:0 auto}.auth-footer{border-top:1px solid #e9ecef;margin-top:20px;padding-top:15px;text-align:center}.auth-footer p{color:#6c757d;font-size:14px;margin:5px 0}.create-account-button,.switch-login-button{background:none;border:1px solid #b6a593;border-radius:4px;color:#b6a593;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px;transition:all .2s}.create-account-button:hover,.switch-login-button:hover{background-color:#b6a593;color:#fff}.auth-links{margin:15px 0;text-align:center}.link-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:14px;text-decoration:underline}.link-button:hover{color:#495057}.admin-access{border-top:1px solid #f8f9fa;margin-top:15px;padding-top:10px}.business-cards-content{padding:20px 0}.business-cards-header{margin-bottom:40px;text-align:center}.business-cards-header h2{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:32px;font-weight:700;margin:0 0 12px}.business-cards-header p{color:#6c757d;font-size:16px;margin:0}.business-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1200px}.business-card-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;transition:all .3s ease}.business-card-item:hover{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.card-item-header{margin-bottom:20px;text-align:center}.card-item-header h3{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:600;margin:0 0 8px}.card-item-title{color:#6c757d;font-size:14px;font-weight:500}.view-card-button{background:linear-gradient(135deg,#e64c31,#c73820);background:linear-gradient(135deg,var(--primary-coral) 0,#c73820 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.view-card-button:hover{box-shadow:0 4px 15px #e64c3166;transform:translateY(-2px)}.card-viewer-overlay{background:#000000e6;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.card-viewer-overlay,.close-viewer{align-items:center;display:flex;justify-content:center}.close-viewer{background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;font-size:32px;height:50px;line-height:1;padding:0;position:absolute;right:30px;top:30px;transition:all .3s ease;width:50px;z-index:10000}.close-viewer:hover{background:#ffffff4d;transform:rotate(90deg)}.business-card-3d{cursor:pointer;height:600px;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);width:1050px}.business-card-3d.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:24px;box-shadow:0 20px 60px #00000080;height:100%;overflow:hidden;position:absolute;width:100%}.card-front-face{display:flex;flex-direction:column}.card-top-section{align-items:center;background-color:#e64c31;background-color:var(--primary-coral);display:flex;height:11%;justify-content:center;padding:40px}.card-logo-img{max-height:150px;max-width:420px;object-fit:contain}.card-logo-placeholder{align-items:center;background-color:#ffffff4d;border:3px dashed #fff;border:3px dashed var(--white);border-radius:12px;color:#fff;color:var(--white);display:flex;font-family:Familjen Grotesk,sans-serif;font-size:24px;font-weight:600;height:120px;justify-content:center;text-align:center;width:380px}.card-bottom-section{background-color:#fff;background-color:var(--white);display:flex;gap:45px;height:77%;padding:60px}.card-info-column{display:flex;flex:1 1;flex-direction:column;gap:18px}.card-job-title{color:#666;color:var(--medium-gray);font-size:53px;font-weight:700;margin-bottom:3px}.card-job-title,.card-name{font-family:Familjen Grotesk,sans-serif}.card-name{color:#333;color:var(--dark-gray);font-size:42px;font-weight:600;margin-bottom:2px}.card-contact-info{display:flex;flex-direction:column;gap:15px}.card-contact-item{align-items:flex-start;color:#333;color:var(--dark-gray);display:flex;font-size:28px;line-height:1.4}.card-contact-icon{align-items:center;color:#e64c31;color:var(--primary-coral);display:flex;flex-shrink:0;font-size:24px;font-weight:600;height:36px;justify-content:center;margin-right:15px;width:36px}.card-contact-text{flex:1 1;font-size:28px}.card-qr-column{align-items:center;display:flex;justify-content:center;width:210px}.card-qr-img{border-radius:12px;height:195px;object-fit:contain;width:195px}.card-qr-placeholder{background-color:#f6f6f6;background-color:var(--light-gray);border:3px dashed #ddd;border:3px dashed var(--border-gray);border-radius:12px;color:#666;color:var(--medium-gray);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;height:195px;text-align:center;width:195px}.card-back-face,.card-qr-placeholder{align-items:center;display:flex;justify-content:center}.card-back-face{background-color:#e64c31;background-color:var(--primary-coral);transform:rotateY(180deg)}.card-back-content{align-items:center;display:flex;height:100%;justify-content:center;padding:80px;width:100%}.card-logo-back-img{height:auto;max-height:400px;max-width:600px;object-fit:contain;width:auto}.card-logo-back-placeholder{align-items:center;background-color:#fff3;border:3px dashed #fff;border:3px dashed var(--white);border-radius:12px;color:#fff;color:var(--white);display:flex;font-family:Familjen Grotesk,sans-serif;font-size:32px;font-weight:600;height:360px;justify-content:center;text-align:center;width:600px}.card-instruction{animation:pulse 2s infinite;bottom:40px;color:#ffffffb3;font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:500;left:50%;position:absolute;transform:translateX(-50%)}.empty-state{font-size:16px;padding:60px 20px}@media (max-width:1200px){.business-card-3d{height:500px;width:875px}.card-logo-img{max-height:125px;max-width:350px}.card-logo-placeholder{font-size:20px;height:125px;width:350px}.card-bottom-section{gap:35px;padding:50px}.card-job-title{font-size:44px}.card-name{font-size:35px}.card-contact-item{font-size:23px}.card-contact-icon{font-size:20px;height:32px;width:32px}.card-contact-text{font-size:23px}.card-qr-column{width:180px}.card-qr-img,.card-qr-placeholder{height:165px;width:165px}.card-back-content{padding:60px}.card-logo-back-img{max-height:340px;max-width:500px}.card-logo-back-placeholder{font-size:28px;height:300px;width:500px}}@media (max-width:900px){.business-card-3d{height:400px;width:700px}.card-logo-img{max-height:70px;max-width:280px}.card-logo-placeholder{font-size:18px;height:100px;width:280px}.card-bottom-section{gap:30px;padding:40px}.card-job-title{font-size:35px}.card-name{font-size:28px}.card-contact-item{font-size:18px}.card-contact-icon{font-size:18px;height:28px;width:28px}.card-contact-text{font-size:18px}.card-qr-column{width:140px}.card-qr-img,.card-qr-placeholder{font-size:14px;height:130px;width:130px}.card-back-content{padding:50px}.card-logo-back-img{max-height:260px;max-width:400px}.card-logo-back-placeholder{font-size:24px;height:240px;width:400px}}@media (max-width:768px){.business-cards-grid{grid-template-columns:1fr}.business-card-3d{height:51.3vw;max-height:342px;max-width:600px;width:90vw}.card-bottom-section{gap:20px;padding:30px}.card-job-title{font-size:28px}.card-name{font-size:24px}.card-contact-item,.card-contact-text{font-size:14px}.card-qr-column{width:120px}.card-qr-img,.card-qr-placeholder{font-size:12px;height:110px;width:110px}.card-back-content{padding:30px}.card-logo-back-img{max-height:60%;max-width:90%}.card-logo-back-placeholder{font-size:18px;height:60%;width:80%}}.paynow-configuration{margin:0 auto;max-width:1400px;padding:2rem}.paynow-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.paynow-header h2{color:#1a1a1a;font-size:1.75rem;margin:0}.paynow-subtitle{color:#666;font-size:.95rem;margin:.5rem 0 0}.message-banner{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.5rem}.message-banner.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message-banner.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.config-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.config-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:transform .2s,box-shadow .2s}.config-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.config-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1.25rem}.config-card-header h3{font-size:1.2rem;margin:0}.status-badge{border-radius:20px;font-size:.8rem;padding:.35rem .75rem}.status-badge.active{background-color:#4caf50}.status-badge.inactive{background-color:#f44336}.config-card-body{padding:1.25rem}.config-field{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.75rem 0}.config-field:last-child{border-bottom:none}.config-field label{color:#555;font-size:.9rem;font-weight:600}.config-field span{color:#333;font-size:.9rem}.config-card-footer{background-color:#f9f9f9;border-top:1px solid #e0e0e0;padding:1rem 1.25rem}.paynow-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.paynow-form{margin:0 auto;max-width:900px}.form-section{border-bottom:1px solid #e0e0e0;margin-bottom:2.5rem;padding-bottom:2rem}.form-section h3{color:#1a1a1a;font-size:1.3rem;margin:0 0 1rem}.section-description{color:#666;font-size:.9rem;font-style:italic;margin:.5rem 0 1.5rem}.form-row{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.95rem;margin-bottom:.5rem}.form-group input[type=file],.form-group input[type=password],.form-group input[type=text]{border:1px solid #ccc;border-radius:6px;font-size:.95rem;padding:.75rem;transition:border-color .2s}.form-group input[type=password]:focus,.form-group input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group small{color:#666;font-size:.85rem;margin-top:.35rem}.existing-indicator{background-color:#4caf50;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem;text-transform:uppercase}.section-description strong{color:#667eea}.file-input{padding:.5rem!important}.qr-preview{background:#f9f9f9;border:1px dashed #ccc;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.qr-preview img{border-radius:8px;max-height:300px;max-width:300px}.checkbox-label{align-items:center;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#333;font-size:.95rem}.webhook-info{background:#f0f4ff;border:1px solid #667eea;border-radius:8px;margin-top:1.5rem;padding:1.25rem}.webhook-info h4{color:#333;font-size:1rem;margin:0 0 .75rem}.webhook-url-box{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.webhook-url-box code{background:#fff;border:1px solid #667eea;border-radius:6px;color:#333;flex:1 1;font-family:Courier New,monospace;font-size:.9rem;overflow-x:auto;padding:.75rem}.btn-copy{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.25rem;transition:background-color .2s}.btn-copy:hover{background:#5568d3}.form-actions{border-top:2px solid #e0e0e0;gap:1rem;margin-top:2rem;padding-top:2rem}.btn-primary,.btn-secondary{border-radius:6px;font-size:.95rem;padding:.75rem 1.75rem}.btn-secondary:hover:not(:disabled){background:#667eea;color:#fff}.empty-state{padding:4rem 2rem}.empty-state p{font-size:1.1rem;margin:.5rem 0}.empty-state-hint{color:#999;font-size:.95rem}.loading-spinner{font-size:1.1rem;padding:3rem}@media (max-width:768px){.paynow-configuration{padding:1rem}.paynow-header{align-items:flex-start;flex-direction:column;gap:1rem}.config-cards,.form-row{grid-template-columns:1fr}.webhook-url-box{align-items:stretch}.form-actions,.webhook-url-box{flex-direction:column}.form-actions button{width:100%}}.superadmin-dashboard{background-color:#f8f9fa;display:flex;flex-direction:column;font-family:Familjen Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.superadmin-header{background:linear-gradient(135deg,#e64c31,#c73820);box-shadow:0 2px 10px #e64c3133;color:#fff;padding:20px}.header-content{max-width:1400px}.header-left h1{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.header-subtitle{font-size:14px;font-weight:400;opacity:.9}.header-right{align-items:center;display:flex;gap:20px}.signout-button,.user-info{font-size:14px;font-weight:500}.signout-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .3s ease}.signout-button:hover{background:#ffffff4d;transform:translateY(-1px)}.superadmin-nav{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000000d;padding:0 20px}.nav-content{display:flex;margin:0 auto;max-width:1400px}.nav-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:15px;font-weight:500;padding:16px 24px;transition:all .3s ease}.nav-tab:hover{background-color:#f8f9fa;color:#e64c31}.nav-tab.active{background-color:#fff5f3;border-bottom-color:#e64c31;color:#e64c31}.superadmin-main{flex:1 1;margin:0 auto;max-width:1400px;padding:30px 20px;width:100%}.overview-content{display:flex;flex-direction:column;gap:40px}.package-stats-section{margin-bottom:20px}.package-stats-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}.all-time-stats-section{align-items:center;display:flex;justify-content:center;margin:40px 0;width:100%}.all-time-stats-section .package-stat-item{max-width:400px;width:100%}.package-stat-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:30px 20px;text-align:center;transition:all .3s ease}.package-stat-item:hover{box-shadow:0 4px 15px #0000001f;transform:translateY(-2px)}.package-stat-number{color:#e64c31;font-family:Familjen Grotesk,sans-serif;font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.package-stat-label{color:#6c757d;font-size:14px;font-weight:600;letter-spacing:.5px;line-height:1.3;text-align:center;text-transform:uppercase}.recent-activity-simple{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:20px;padding:24px}.recent-activity-list{display:flex;flex-direction:column;gap:24px}.recent-activity-row{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:all .2s ease}.recent-activity-row:hover{background-color:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.activity-row-item{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:8px 0}.activity-row-item:last-child{border-bottom:none}.activity-label{color:#495057;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600}.activity-value{color:#2c3e50;font-size:14px;font-weight:500;text-align:right}.module-manager{margin-bottom:40px}.module-manager-header{margin-bottom:30px;padding:0 20px;text-align:center}.module-manager-header h2{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.module-manager-header h2,.module-manager-header h3{color:#2c3e50;font-family:Familjen Grotesk,sans-serif}.module-manager-header h3{font-size:24px;font-weight:600;margin:0 0 8px}.module-manager-header p{color:#6c757d;font-size:16px;line-height:1.5;margin:0 auto;max-width:600px}.modules-grid{grid-gap:24px;gap:24px;margin:0 auto;max-width:1200px}.modules-grid-2{grid-template-columns:repeat(2,1fr)}.modules-grid-4{grid-template-columns:repeat(4,1fr)}.modules-grid-5{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:1200px){.modules-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.modules-grid,.modules-grid-2,.modules-grid-4,.modules-grid-5,.package-stats-grid{grid-template-columns:1fr}.package-stats-grid{gap:20px}}.module-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.module-card:hover{border-color:#e64c31;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.module-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.module-title{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:600;line-height:1.3;margin:0}.module-status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.module-status-badge.active{background-color:#d1edff;color:#06c}.module-status-badge.disabled{background-color:#f8d7da;color:#721c24}.module-card-content{margin-bottom:20px}.module-description{color:#6c757d;font-size:14px;line-height:1.5;margin:0 0 16px}.module-stats{margin-bottom:16px}.module-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-number{color:#e64c31;font-family:Familjen Grotesk,sans-serif;font-size:36px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#6c757d;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.module-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.feature-tag{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;color:#495057;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.feature-tag:hover{background-color:#e64c31;border-color:#e64c31;color:#fff}.recent-activity{margin-top:20px}.activity-list{grid-gap:16px;display:grid;gap:16px}.activity-item{margin-bottom:0;padding:16px!important}.activity-item .module-card-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.activity-info{display:flex;flex-direction:column;gap:8px}.activity-info strong{font-size:16px}.activity-domain{background-color:#e64c31!important;border-color:#e64c31!important;color:#fff!important}.activity-date{color:#6c757d;font-size:14px;font-weight:500}.clients-content{padding:20px 0}.clients-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.clients-header h2{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:600;margin:0}.create-client-button{background:linear-gradient(135deg,#e64c31,#c73820);border:none;border-radius:8px;box-shadow:0 2px 8px #e64c314d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-client-button:hover{box-shadow:0 4px 15px #e64c3166;transform:translateY(-2px)}.client-management-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:20px}.client-management-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.client-management-card:hover{border-color:#e64c31;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.client-management-header{align-items:flex-start;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.client-management-info h3{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 8px}.salon-id-text{color:#6c757d;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.client-status-section{align-items:center;display:flex}.client-status-badge{border-radius:16px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.client-status-badge.active{background-color:#d1edff;color:#06c}.client-status-badge.inactive{background-color:#f8d7da;color:#721c24}.client-status-badge.pending{background-color:#fff3cd;color:#856404}.client-management-details{display:flex;flex-direction:column;gap:20px}.admins-section h4,.billing-section h4,.modules-section h4{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin:0 0 12px}.modules-list{display:flex;flex-wrap:wrap;gap:8px}.module-status-item{margin-bottom:8px}.module-badge{border-radius:12px;display:inline-block;font-size:14px;font-weight:500;padding:4px 8px}.module-badge.enabled{background-color:#d1edff;color:#06c}.module-badge.disabled{background-color:#f8d7da;color:#721c24}.module-checkbox{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.module-checkbox input{margin:0}.admins-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.add-admin-small-button{background:#e64c31;background:var(--primary-coral);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .3s ease}.add-admin-small-button:hover{background:#d63c23}.admins-list{display:flex;flex-direction:column;gap:8px}.admin-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px}.admin-info{display:flex;flex-direction:column;gap:4px}.admin-info strong{color:#2c3e50;font-size:14px;font-weight:600}.admin-info span{color:#6c757d;font-size:13px}.role-badge{background-color:#ffbdb1!important;background-color:var(--light-coral)!important;border-radius:12px!important;color:#e64c31!important;color:var(--primary-coral)!important;font-size:11px!important;font-weight:500!important;padding:2px 8px!important;width:fit-content!important}.billing-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.billing-info{display:flex;flex-direction:column;gap:4px}.billing-info span{color:#495057;font-size:14px}.client-management-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:20px;padding-top:16px}.created-date{color:#6c757d;font-size:12px;font-weight:500}.client-management-actions{align-items:center;display:flex}.edit-button{background:#e64c31;background:var(--primary-coral);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.edit-button:hover{background:#d63c23;transform:translateY(-1px)}.delete-button-superadmin{background:#e64c31!important;background:var(--primary-coral)!important;border:none;border-radius:6px;color:#fff!important;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.delete-button-superadmin:hover{background:#d63c23!important;transform:translateY(-1px)}.save-button{background:#28a745;font-weight:500}.save-button:hover{background:#218838}.cancel-button{font-weight:500;margin-left:8px;padding:8px 16px}.edit-salon-name{background:#fff;border:2px solid #e64c31;border:2px solid var(--primary-coral);border-radius:6px;color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;padding:8px 12px;width:100%}.edit-salon-name:focus{box-shadow:0 0 0 3px #e64c3133;outline:none}.domains-content{padding:20px 0}.domains-content h2{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:600;margin:0 0 30px}.domains-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.domain-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:24px;transition:all .3s ease}.domain-card:hover{box-shadow:0 4px 15px #0000001f;transform:translateY(-2px)}.domain-info{flex:1 1}.domain-info h4{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0 0 20px}.domain-urls{gap:16px}.domain-urls,.url-item{display:flex;flex-direction:column}.url-item{gap:6px}.url-item label{color:#6c757d;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.url-item a{color:#e64c31;font-size:14px;font-weight:500;text-decoration:none}.url-item a:hover{text-decoration:underline}.domain-url{color:#495057;font-size:14px;font-weight:500;padding:8px 0}.domain-input{background:#fff;border:1px solid #e9ecef;border-radius:6px;font-family:Wix Madefor Text,sans-serif;font-size:14px;padding:8px 12px;transition:border-color .3s ease;width:100%}.domain-input:focus{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a;outline:none}.domain-actions{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:20px;padding-top:16px}.domain-buttons{align-items:center;display:flex;gap:12px}.status-badge{border-radius:16px;padding:6px 12px}.status-badge.active{background-color:#d1edff;color:#06c}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.status-badge.pending{background-color:#fff3cd;color:#856404}.add-admin-form{background:#fff;border-radius:12px;max-width:90vw;padding:30px;width:500px}.form-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.form-header h3{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:600;margin:0}.close-button{background:none;color:#6c757d;font-size:24px;height:30px;padding:0;transition:all .3s ease;width:30px}.close-button:hover{background:#f8f9fa;color:#495057}.form-group label{color:#2c3e50}.form-group input,.form-group select{border:1px solid #e9ecef;font-family:Wix Madefor Text,sans-serif;padding:12px}.form-group input:focus,.form-group select:focus{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a}.form-actions{gap:12px}.submit-button{background:#e64c31;background:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;padding:12px 24px;transition:all .3s ease}.submit-button:hover{background:#d63c23;transform:translateY(-1px)}.submit-button:disabled{background:#6c757d}.loading-spinner{color:#6c757d;font-family:Familjen Grotesk,sans-serif;font-size:16px;padding:60px}.error-message{padding:16px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:90vw;overflow:auto}@media (max-width:1200px){.superadmin-main{padding:20px 15px}.module-manager-header h2{font-size:28px}.client-management-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.header-content{flex-direction:column;gap:15px;text-align:center}.nav-content{flex-wrap:wrap;justify-content:center}.nav-tab{font-size:14px;padding:12px 16px}.clients-header{flex-direction:column;gap:15px;text-align:center}.module-manager-header h2{font-size:24px}.stat-number{font-size:28px}.package-stat-number{font-size:36px}.client-management-grid,.domains-list{grid-template-columns:1fr}.domain-actions{align-items:stretch;flex-direction:column;gap:15px}.domain-buttons{justify-content:space-between;width:100%}.client-management-footer,.client-management-header{align-items:flex-start;flex-direction:column;gap:15px}.client-management-actions{justify-content:space-between;width:100%}.add-admin-form{padding:20px;width:95vw}.all-time-stats-section .package-stat-item{max-width:320px;padding:24px 16px}.recent-activity-row{padding:16px}.activity-row-item{align-items:flex-start;flex-direction:column;gap:4px;padding:12px 0}.activity-value{color:#e64c31;font-weight:600;text-align:left}}.client-list-table-container{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow-x:auto;padding:24px}.client-list-table{border-collapse:collapse;font-family:Wix Madefor Text,sans-serif;width:100%}.client-list-table thead{background-color:#f8f9fa;border-bottom:2px solid #e9ecef}.client-list-table th{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.client-list-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.client-list-table tbody tr:hover{background-color:#f8f9fa}.client-list-table td{color:#495057;font-size:14px;padding:16px;vertical-align:middle}.client-name-cell strong{color:#2c3e50;font-size:15px;font-weight:600}.salon-id-cell{color:#6c757d;font-family:Courier New,monospace}.status-cell{text-align:center}.status-badge-table{border-radius:16px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge-table.active{background-color:#d1edff;color:#06c}.status-badge-table.inactive{background-color:#f8d7da;color:#721c24}.status-badge-table.pending{background-color:#fff3cd;color:#856404}.modules-cell{font-size:13px;line-height:1.6;max-width:300px}.actions-cell{text-align:right}.configure-button{background:#e64c31;background:var(--primary-coral);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.configure-button:hover{background:#d63c23;box-shadow:0 2px 8px #e64c314d;transform:translateY(-1px)}.empty-state{color:#6c757d;font-style:italic;padding:40px}.config-page-container{margin:0 auto;max-width:1200px;padding:20px}.config-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.config-header-left{align-items:center;display:flex;gap:20px}.config-header-left h1{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:600;margin:0}.back-button{background:#6c757d;border:none;border-radius:6px;font-weight:500;padding:10px 20px}.back-button:hover{background:#5a6268}.success-message{padding:16px}.config-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:10px;margin-bottom:30px}.config-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:15px;font-weight:500;margin-bottom:-2px;padding:16px 24px;transition:all .3s ease}.config-tab:hover{background-color:#f8f9fa;color:#e64c31}.config-tab.active{background-color:#fff5f3;border-bottom-color:#e64c31;color:#e64c31}.config-content{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:30px}.admins-tab-content{display:flex;flex-direction:column;gap:24px}.tab-header{margin-bottom:20px}.tab-header h2{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:24px;font-weight:600}.add-admin-button{font-weight:600;padding:12px 24px}.add-admin-button:hover{box-shadow:0 2px 8px #e64c314d;transform:translateY(-1px)}.add-admin-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.admins-table{border-collapse:collapse;width:100%}.admins-table thead{background-color:#f8f9fa;border-bottom:2px solid #e9ecef}.admins-table th{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.admins-table tbody tr{border-bottom:1px solid #e9ecef}.admins-table td{color:#495057;font-size:14px;padding:16px;vertical-align:middle}.role-badge-config{background-color:#ffbdb1;background-color:var(--light-coral);border-radius:12px;color:#e64c31;color:var(--primary-coral);font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.delete-admin-button,.edit-admin-button{border:none;border-radius:6px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:13px;font-weight:500;margin-right:8px;padding:8px 16px;transition:all .3s ease}.edit-admin-button{background:#e64c31;background:var(--primary-coral);color:#fff}.edit-admin-button:hover{background:#d63c23}.delete-admin-button{background:#dc3545;color:#fff}.delete-admin-button:hover{background:#c82333}.delete-admin-button:disabled,.edit-admin-button:disabled{background:#ccc;cursor:not-allowed}.empty-cell{color:#6c757d;font-style:italic;padding:40px;text-align:center}.urls-tab-content{display:flex;flex-direction:column;gap:24px}.edit-urls-button{background:#e64c31;background:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;padding:12px 24px;transition:all .3s ease}.edit-urls-button:hover{background:#d63c23}.edit-urls-button:disabled{background:#ccc}.urls-form{gap:24px}.url-field,.urls-form{display:flex;flex-direction:column}.url-field{gap:8px}.url-field label{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600}.url-display{background-color:#f8f9fa;color:#495057}.url-display,.url-input{border:1px solid #e9ecef;border-radius:6px;font-family:Courier New,monospace;font-size:14px;padding:12px}.url-input{transition:border-color .3s ease;width:100%}.url-input:focus{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a;outline:none}.url-actions{display:flex;gap:12px;margin-top:20px}.save-urls-button{background:#28a745;font-family:Familjen Grotesk,sans-serif;padding:12px 24px;transition:all .3s ease}.save-urls-button:hover{background:#218838}.save-urls-button:disabled{background:#ccc}.cancel-urls-button{font-family:Familjen Grotesk,sans-serif;padding:12px 24px;transition:all .3s ease}.modal-content-config{max-width:90vw;padding:30px;width:500px}.modal-header{border-bottom:1px solid #e9ecef;margin-bottom:25px;padding-bottom:15px}.modal-header h3{color:#2c3e50;font-size:20px}.modal-close-button{background:none;color:#6c757d;font-size:28px;height:30px;transition:all .3s ease;width:30px}.modal-close-button:hover{background:#f8f9fa;color:#495057}.admin-form{display:flex;flex-direction:column;gap:20px}.modal-actions{border-top:1px solid #e9ecef;margin-top:10px;padding-top:20px}@media (max-width:768px){.client-list-table-container{padding:16px}.client-list-table td,.client-list-table th{font-size:13px;padding:12px 8px}.configure-button{font-size:13px;padding:8px 16px}.config-page-header{gap:15px}.config-header-left,.config-page-header{align-items:flex-start;flex-direction:column}.config-header-left{gap:10px}.config-tabs{flex-wrap:wrap}.config-tab{font-size:14px;padding:12px 16px}.config-content{padding:20px}.tab-header{align-items:flex-start;flex-direction:column;gap:15px}.admins-table{font-size:13px}.admins-table td,.admins-table th{padding:12px 8px}.delete-admin-button,.edit-admin-button{font-size:12px;padding:6px 12px}.modal-content-config{padding:20px;width:95vw}.url-actions{flex-direction:column}.cancel-urls-button,.save-urls-button{width:100%}}.modules-tab-content{display:flex;flex-direction:column;gap:24px}.save-modules-button{background:#e64c31;background:var(--primary-coral);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.save-modules-button:hover{background:#d63c23;box-shadow:0 2px 8px #e64c314d;transform:translateY(-1px)}.save-modules-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.modules-list-container{display:flex;flex-direction:column;gap:24px}.modules-description{background-color:#f8f9fa;border-left:4px solid #e64c31;border-left:4px solid var(--primary-coral);border-radius:4px;color:#6c757d;font-size:15px;line-height:1.6;margin:0;padding:16px}.modules-checkbox-list{display:flex;flex-direction:column;gap:20px}.module-checkbox-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:all .3s ease}.module-checkbox-item:hover{background:#fff;border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 2px 8px #00000014}.module-checkbox-label{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:500;gap:12px}.module-checkbox-input{accent-color:#e64c31;accent-color:var(--primary-coral);cursor:pointer;height:20px;width:20px}.module-checkbox-input:disabled{cursor:not-allowed;opacity:.5}.module-name{color:#2c3e50;flex:1 1;font-size:18px;font-weight:600}.module-tag{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.module-tag.always-enabled{background-color:#d1edff;color:#06c}.module-tag.premium{background-color:#fff3cd;color:#856404}.module-description-text{color:#6c757d;font-size:14px;line-height:1.5;margin:8px 0 0 32px}.modules-summary{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:20px}.modules-summary h3{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0 0 12px}.modules-summary p{color:#495057;font-size:15px;margin:0}.modules-summary strong{color:#e64c31;color:var(--primary-coral);font-weight:600}@media (max-width:768px){.module-checkbox-label{align-items:flex-start;flex-direction:column;gap:8px}.module-description-text{margin-left:0}.modules-description{font-size:14px;padding:12px}.module-checkbox-item{padding:16px}}.warning-message{border-radius:8px;color:#856404;font-weight:500;white-space:pre-line}.auth-warning-box,.warning-message{background-color:#fff3cd;border:1px solid #ffeeba;margin-bottom:20px;padding:16px}.auth-warning-box{border-radius:8px}.auth-warning-box strong{color:#856404;display:block;font-family:Familjen Grotesk,sans-serif;font-size:14px;margin-bottom:8px}.auth-warning-box p{color:#856404;font-size:13px;line-height:1.5;margin:0}.form-help{color:#6c757d;font-size:12px;font-style:italic;line-height:1.5;margin-top:6px}.admin-form{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.admin-header{border-bottom:1px solid #e9ecef;margin-bottom:16px;padding-bottom:12px}.admin-header h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.admin-header h4,.remove-admin-button{font-family:Familjen Grotesk,sans-serif}.remove-admin-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.remove-admin-button:hover{background:#c82333}.admin-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.admin-fields .form-group{margin-bottom:0}.add-admin-button{background:#e64c31;background:var(--primary-coral);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;margin-top:10px;padding:10px 20px;transition:all .3s ease;width:100%}.add-admin-button:hover{background:#d63c23}.modules-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.module-item{align-items:flex-start;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.module-item:hover{background:#fff;box-shadow:0 2px 8px #00000014}.module-item input[type=checkbox]{accent-color:#e64c31;accent-color:var(--primary-coral);cursor:pointer;height:18px;margin-top:4px;width:18px}.module-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.module-item label{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px}.module-item label strong{color:#2c3e50;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600}.module-item label span{color:#6c757d;font-size:12px;line-height:1.4}@media (max-width:768px){.admin-fields,.modules-grid{grid-template-columns:1fr}}.info-text{align-items:flex-start;color:#06c;display:flex;font-style:normal}.info-text,.warning-text{font-size:.85rem;line-height:1.4}.warning-text{color:#ff6b6b;font-style:italic;margin-top:5px}.form-helper-text{font-size:.85rem}.disabled-field{background-color:#f5f5f5;color:#999;cursor:not-allowed}.edit-urls-button{background-color:#4caf50;border-radius:4px;font-weight:500;transition:background-color .3s ease}.edit-urls-button:hover{background-color:#45a049}.edit-urls-button:disabled{background-color:#ccc}.tab-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.tab-header h2{color:#333;font-size:1.5rem;margin:0}.edit-urls-button{background:#e64c31!important;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s,transform .2s}.edit-urls-button:hover{background:#d43d23!important;transform:translateY(-1px)}.edit-urls-button:disabled{background:#ccc!important;cursor:not-allowed;transform:none}.save-urls-button{background:#e64c31!important;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s,transform .2s}.save-urls-button:hover{background:#d43d23!important;transform:translateY(-1px)}.save-urls-button:disabled{background:#ccc!important;cursor:not-allowed;transform:none}.cancel-urls-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.cancel-urls-button:hover{background:#5a6268}.modal-overlay{background-color:#0009;overflow-y:auto;z-index:10000}.modal-content-config{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:600px;width:100%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;border-radius:12px 12px 0 0;color:#fff;flex-shrink:0;padding:20px 30px}.modal-header h3{font-size:22px;font-weight:600}.modal-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:background .2s;width:40px}.modal-close-button:hover{background:#fff3}.admin-form{flex:1 1;overflow-y:auto;padding:30px}.admin-form::-webkit-scrollbar{width:8px}.admin-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.admin-form::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.admin-form::-webkit-scrollbar-thumb:hover{background:#555}.manual-setup-notice{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-bottom:25px;padding:20px}.manual-setup-notice h4{color:#856404;font-size:18px;margin:0 0 12px}.manual-setup-notice p{color:#856404;line-height:1.6;margin:8px 0}.manual-setup-notice ol{color:#856404;margin:12px 0 0;padding-left:20px}.manual-setup-notice li{line-height:1.6;margin:8px 0}.manual-setup-notice a{color:#667eea;font-weight:600;text-decoration:none}.manual-setup-notice a:hover{text-decoration:underline}.form-group input,.form-group select{border:1px solid #ddd;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.disabled-field{background-color:#f5f5f5;color:#999;cursor:not-allowed}.form-helper-text{font-size:13px;margin-top:6px}.modal-actions{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;flex-shrink:0;padding:20px 30px}.cancel-button{background:#6c757d;border-radius:6px;padding:10px 24px;transition:background .2s}.cancel-button:hover{background:#5a6268}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:transform .2s,box-shadow .2s}.submit-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.submit-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.modal-content-config{max-height:95vh;max-width:95%}.modal-header{padding:16px 20px}.modal-header h3{font-size:18px}.admin-form{padding:20px}.modal-actions{padding:16px 20px}.manual-setup-notice{padding:16px}}@media (min-height:800px){.modal-overlay{align-items:center}}.url-warning-notice{background:#fff3cd;border:2px solid #ffc107;border-left-width:6px;border-radius:8px;box-shadow:0 2px 8px #ffc1071a;margin-bottom:25px;padding:20px}.url-warning-notice h4{align-items:center;color:#856404;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 12px}.url-warning-notice p{color:#856404;font-size:14px;line-height:1.6;margin:0 0 10px}.url-warning-notice p:last-child{margin-bottom:0}.url-warning-notice code{background:#00000014;border-radius:3px;color:#721c24;font-family:Courier New,monospace;font-size:13px;font-weight:600;padding:2px 6px}.customer-auth-container{align-items:center;background-color:#f8f9fa;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.customer-auth-card{background-color:#fff;border-radius:8px;box-shadow:0 6px 20px #00000014;margin:0 auto;max-width:90%;padding:40px;width:6in}.customer-auth-card h2{color:#333;font-size:24px;margin-bottom:20px;margin-top:0;text-align:center}.customer-auth-card h3{color:#4a4a4a;font-size:18px;margin-bottom:15px}.customer-auth-card p{color:#666;line-height:1.5;margin-bottom:20px}.customer-auth-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:14px;margin-bottom:20px;padding:10px 15px}.customer-auth-section{margin-bottom:25px}.customer-auth-button{background-color:#b6a593;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .3s;width:100%}.customer-auth-button:hover{background-color:#a69483}.customer-auth-button:disabled{background-color:#ccc;cursor:not-allowed}.social-button:active{transform:translateY(1px)}.customer-auth-notice{color:#777;font-size:14px;margin-top:25px;text-align:center}.customer-auth-notice a{color:#b6a593;text-decoration:none}.customer-auth-notice a:hover{text-decoration:underline}.magic-link-sent{padding:20px 0;text-align:center}.success-icon{background-color:#4caf50}.error-icon,.success-icon{font-size:36px;height:60px;margin:0 auto 20px;width:60px}.error-icon{align-items:center;background-color:#f44336;border-radius:50%;color:#fff;display:flex;justify-content:center}.magic-link-sent h3{color:#333;font-size:20px;margin-bottom:15px}.small-text{color:#777;font-size:14px}.customer-auth-loading{padding:20px 0;text-align:center}.spinner{margin:0 auto 20px}.verification-error,.verification-success{padding:20px 0;text-align:center}.verification-error h2,.verification-success h2{margin-bottom:15px}@media (max-width:576px){.customer-auth-card{padding:30px 20px}.customer-auth-card h2{font-size:20px}}body:has(.customer-container),html:has(.customer-container){max-width:100vw;overflow-x:hidden}.customer-container *,.customer-container :after,.customer-container :before{box-sizing:border-box}.customer-auth-container,.customer-login-container{align-items:center;background-color:#f9f9f9;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.customer-auth-card,.customer-login-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:90%;padding:30px;width:6in}.customer-auth-card h2,.customer-login-card h2{color:#333;font-size:24px;margin-bottom:25px;margin-top:0;text-align:center}.customer-auth-button,.customer-button{background-color:#b6a593;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;transition:background-color .2s;width:100%}.customer-auth-button:hover,.customer-button:hover{background-color:#a69483}.customer-auth-button:disabled,.customer-button:disabled{background-color:#d6d6d6;cursor:not-allowed}.customer-login-info{color:#666;font-size:14px;margin-top:20px;text-align:center}.verification-message{background-color:#e8f5e9;border-radius:4px;padding:20px;text-align:center}.verification-message p{color:#333;margin:10px 0}.customer-auth-error,.error-message{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:14px;margin-bottom:15px;margin-top:10px;padding:10px;text-align:center}.verify-email-container{align-items:center;background-color:#f9f9f9;display:flex;justify-content:center;min-height:100vh}.verify-email-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.success-icon{color:#4caf50}.error-icon,.success-icon{font-size:60px;margin:20px 0}.error-icon{color:#f44336}.loader,.spinner{animation:spin 2s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#b6a593;height:50px;margin:30px auto;width:50px}.customer-auth-divider{align-items:center;display:flex;margin:25px 0}.customer-auth-divider:after,.customer-auth-divider:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1}.customer-auth-divider span{color:#777;font-size:14px;padding:0 10px}.signout-content{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.signout-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.signout-logo{margin-bottom:30px}.signout-salon-logo{max-height:80px;max-width:200px;object-fit:contain}.signout-message{margin-bottom:30px}.signout-icon{align-items:center;background-color:#e8f5e9;border-radius:50%;color:#4caf50;display:flex;font-size:60px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.signout-message h1{color:#333;font-size:28px;font-weight:600;margin-bottom:15px}.signout-message p{color:#666;font-size:16px;line-height:1.5;margin-bottom:10px}.signout-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.signin-button{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:12px 30px;text-decoration:none;transition:all .3s ease}.signin-button:hover{box-shadow:0 4px 12px #00000026;opacity:.9;transform:translateY(-2px)}@media (max-width:768px){.signout-card{margin:20px;padding:30px 20px}.signout-message h1{font-size:24px}.signout-icon{font-size:50px;height:70px;width:70px}.signin-button{font-size:14px;padding:10px 25px}}.loading-spinner{color:#666;min-height:60vh}.social-buttons{display:flex;flex-direction:column;gap:10px;margin-top:15px}.social-button{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:12px;transition:background-color .3s,transform .1s}.social-button:hover{transform:translateY(-1px)}.social-icon{height:20px;margin-right:10px;width:20px}.google-button:hover{background-color:#fafafa}.facebook-button{background-color:#1877f2;border:none;color:#fff}.facebook-button:hover{background-color:#166fe5}.apple-button{background-color:#000;border:none;color:#fff}.apple-button:hover{background-color:#333}.form-group label{color:#555}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#b6a593;box-shadow:0 0 0 2px #b6a59333;outline:none}.customer-container{display:flex;flex-direction:column;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.customer-header{background-color:#b6a593;box-shadow:0 2px 4px #0000001a;color:#fff;margin:0 auto;max-width:900px;padding:12px 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:900px;padding:0 20px}.salon-logo{margin-right:15px;max-height:50px;object-fit:contain}.salon-name{flex-grow:1;font-size:24px;font-weight:600}.user-menu{position:relative}.user-menu-button{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s}.user-menu-button:hover{background-color:#ffffff1a}.user-avatar,.user-avatar-placeholder{border:2px solid #fff;border-radius:50%;height:32px;margin-right:10px;width:32px}.user-avatar-placeholder{align-items:center;background-color:#fff3;display:flex;font-weight:700;justify-content:center}.user-name{font-size:14px;margin-right:5px}.user-dropdown{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;display:none;margin-top:5px;position:absolute;right:0;top:100%;width:200px;z-index:100}.user-menu:hover .user-dropdown{display:block}.user-dropdown ul{list-style:none;margin:0;padding:0}.user-dropdown li{border-bottom:1px solid #f0f0f0;padding:0}.user-dropdown li:last-child{border-bottom:none}.user-dropdown button{background:none;border:none;color:#555;cursor:pointer;font-size:14px;padding:12px 15px;text-align:left;transition:background-color .2s;width:100%}.user-dropdown button:hover{background-color:#f9f9f9;color:#333}.customer-main{flex:1 1;margin:0 auto;max-width:1000px;overflow-x:hidden;padding:20px 40px;width:100%}.dashboard-welcome{margin-bottom:30px}.dashboard-welcome h2{color:#333;font-size:28px;margin-bottom:10px;margin-top:0}.dashboard-welcome p{color:#666;font-size:18px;margin-top:0}.dashboard-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px;max-width:100%;overflow:hidden}.dashboard-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:25px;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.dashboard-card h3{color:#333;font-size:24px;margin-bottom:10px;margin-top:0}.dashboard-card p{color:#666;font-size:18px;line-height:1.5;margin-bottom:20px}.card-button{background-color:#b6a593;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 15px;transition:background-color .2s}.card-button:hover{background-color:#a69483}.dashboard-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:25px}.dashboard-section h3{border-bottom:1px solid #eee;color:#333;font-size:20px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.empty-state{color:#777;padding:30px 0}.primary-button{background-color:#b6a593;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:15px;padding:10px 20px;transition:background-color .2s}.primary-button:hover{background-color:#a69483}.customer-footer{background-color:#333;color:#eee;margin-top:auto;padding:30px 0 20px}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px;padding:0 20px}.footer-section h4{color:#fff;font-size:18px;margin-bottom:15px;margin-top:0}.footer-section p{color:#bbb;font-size:14px;margin:8px 0}.hours-list{list-style:none;margin:0;padding:0}.hours-list li{color:#bbb;display:flex;font-size:14px;justify-content:space-between;padding:4px 0}.hours-list .day{font-weight:700}.social-links{display:flex;gap:15px}.social-link{color:#bbb;font-size:14px;transition:color .2s}.social-link:hover{text-decoration:underline}.copyright{border-top:1px solid #444;color:#999;font-size:12px;margin:20px auto 0;max-width:900px;padding:15px 20px 0;text-align:center}.customer-auth-loading,.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.field-help{color:#777;font-size:13px;margin-bottom:0;margin-top:5px}.checkbox-label{color:#555;display:block;font-weight:500;margin-bottom:10px}.checkbox-group{display:flex;flex-direction:column;gap:10px}.checkbox-item{align-items:center;cursor:pointer;display:flex}.checkbox-item input{margin-right:10px}.skip-section{margin-top:20px;text-align:center}.text-button{background:none;border:none;color:#b6a593;cursor:pointer;font-size:14px;padding:0 5px;text-decoration:underline}.text-button:hover{color:#a69483}@media (max-width:768px){.salon-name{font-size:20px}.dashboard-welcome h2{font-size:24px}.footer-content{gap:20px;grid-template-columns:1fr}}@media (max-width:480px){.header-content{align-items:flex-start;flex-direction:column}.user-menu{align-self:flex-end;margin-top:15px}.salon-logo{margin-bottom:10px}}.salon-hero-section{margin-bottom:30px;margin-left:auto;margin-right:auto;max-height:885px;overflow:hidden;width:80%}.salon-hero-image{height:885px;object-fit:cover;width:100%}.salon-gallery-section{margin-bottom:30px;margin-left:auto;margin-right:auto;width:80%}.salon-gallery-section h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.salon-gallery-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);width:100%}.salon-gallery-image{aspect-ratio:1/1;border-radius:8px;object-fit:cover;transition:transform .3s ease;width:100%}.salon-gallery-image:hover{transform:scale(1.05)}.salon-gallery{margin:30px 0}.salon-gallery h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.gallery-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.gallery-image{aspect-ratio:1/1;border-radius:8px;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-image:hover{transform:scale(1.05)}.about-us-section{border-radius:8px;margin:30px auto;padding:40px 20px;text-align:center;width:80%}.about-us-section h2{font-size:24px;margin-bottom:15px}.about-us-section p{font-size:18px;line-height:1.6;margin:0 auto;max-width:800px}.services-preview{background-color:#f9f9f9;padding:40px 20px;text-align:center}.services-preview h2{color:#333;font-size:24px;margin-bottom:20px}.services-preview p{color:#666;line-height:1.6;margin:0 auto;max-width:700px}.contact-info-section{margin:30px auto;padding:20px;width:80%}.contact-info-section h2{font-size:24px;margin-bottom:20px}.contact-details p{font-size:18px;margin:8px 0}.business-hours-section{margin:30px auto;padding:20px;width:80%}.business-hours-section h2{font-size:24px;margin-bottom:20px}.business-hours-section .hours-list{list-style:none;margin:0;padding:0}.business-hours-section .hours-list li{display:flex;font-size:18px;gap:10px;justify-content:flex-start;padding:4px 0}.business-hours-section .hours-list .day{font-weight:700;min-width:120px}.follow-us-section{margin:30px 0;padding:20px;text-align:center}.follow-us-section h2{font-size:24px;margin-bottom:20px}.social-media-icons{gap:20px}.social-media-icons,.social-media-links{display:flex;flex-wrap:wrap;justify-content:center}.social-media-links{gap:30px}.social-media-link{align-items:center;display:flex;gap:8px;text-decoration:none;transition:transform .3s ease}.social-media-link:hover{transform:scale(1.05)}.social-media-link span{color:#000;font-size:16px;font-weight:500}.social-media-link .social-icon{height:24px;width:24px}.social-media-link.instagram .social-icon{color:#e4405f}.social-media-link.facebook .social-icon{color:#1877f2}.social-icon-link{display:inline-block;transition:transform .3s ease}.social-icon-link:hover{transform:scale(1.1)}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.salon-hero-section{max-height:400px}.salon-hero-image{height:400px}.social-media-icons{gap:15px}.business-hours-section .hours-list li,.contact-details p{font-size:16px}.business-hours-section .hours-list .day{min-width:100px}}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr}.salon-hero-section{max-height:300px}.salon-hero-image{height:300px}.social-media-icons{gap:10px}.business-hours-section .hours-list li,.contact-details p{font-size:15px}.business-hours-section .hours-list .day{min-width:90px}}.salon-logo-section{display:flex;margin-bottom:20px}.logo-left{justify-content:flex-start}.logo-center{justify-content:center}.logo-right{justify-content:flex-end}.salon-detail-logo{max-height:100px;max-width:200px}.salon-logo{max-height:60px}.salon-logo-left{align-self:flex-start;margin-right:auto}.salon-logo-center{align-self:center}.salon-logo-right{align-self:flex-end;margin-left:auto}.services-section{margin:30px auto;padding:20px;width:80%}.services-section h2{font-size:24px;margin-bottom:20px;text-align:center}.services-list{display:flex;flex-direction:column;gap:15px}.service-item{background-color:#ffffffb3;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:15px}.service-item h3{color:#333;margin-bottom:10px;margin-top:0}.service-item p{color:#666;font-size:18px;margin:0}.profile-completion{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.completion-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;max-width:600px;padding:40px;width:100%}.completion-header{margin-bottom:30px;text-align:center}.completion-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 10px}.completion-header p{color:#666;font-size:16px;margin:0}.completion-form{width:100%}.appointments-loading{align-items:center;color:#666;display:flex;flex-direction:column;padding:40px 20px}.appointments-loading .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#b6a593;height:30px;margin-bottom:16px;width:30px}.appointments-list{display:flex;flex-direction:column;gap:16px}.appointment-card{background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;transition:all .2s}.appointment-card:hover{box-shadow:0 4px 8px #00000026}.appointment-header{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:12px}.appointment-header h4{color:#333;font-size:18px;font-weight:600;margin:0}.appointment-status{font-weight:700;letter-spacing:.5px}.appointment-status.approved{background:#d4edda;color:#155724}.appointment-status.pending{background:#fff3cd;color:#856404}.appointment-details{margin-bottom:16px}.appointment-details p{font-size:14px;margin:8px 0}.appointment-actions{gap:12px;justify-content:flex-end}.reschedule-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.reschedule-btn:hover{background:#5a6268}.cancel-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.cancel-btn:hover{background:#c82333}@media (max-width:768px){.appointment-header{align-items:flex-start;flex-direction:column;gap:12px}.appointment-actions{justify-content:stretch}.cancel-btn,.reschedule-btn{flex:1 1}.appointments-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.appointment-card{border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease}.appointment-card:hover{box-shadow:0 4px 8px #00000026}.appointment-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.appointment-header h4{color:#333;font-size:18px;font-weight:600;margin:0}.appointment-status{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-pending{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-confirmed{background-color:#d4edda;border:1px solid #b8daff;color:#155724}.status-rejected{background-color:#f8d7da;border:1px solid #f1aeb5;color:#721c24}.status-cancelled{background-color:#e2e3e5;border:1px solid #c6c8ca;color:#383d41}.status-unknown{background-color:#e9ecef;border:1px solid #ced4da;color:#495057}.appointment-details{margin-bottom:16px}.appointment-details p{color:#666;font-size:14px;line-height:1.4;margin:8px 0}.appointment-details strong{color:#333;font-weight:600}.appointment-id{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.appointment-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:16px}.cancel-btn,.reschedule-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease}.reschedule-btn{background-color:#007bff;color:#fff}.reschedule-btn:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.reschedule-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.cancel-btn{background-color:#dc3545;color:#fff}.cancel-btn:hover{background-color:#c82333;transform:translateY(-1px)}.confirmed-notice,.pending-notice,.rejected-notice{flex:1 1;min-width:200px}.pending-notice small{color:#856404;font-style:italic}.confirmed-notice small{color:#155724;font-weight:500}.rejected-notice small{color:#721c24;font-weight:500}.appointments-loading{color:#666;flex-direction:column;padding:40px 20px}.appointments-loading .spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#b6a593;margin-bottom:12px}.empty-state{color:#666;padding:40px 20px;text-align:center}.empty-state p{font-size:16px;margin-bottom:20px}.primary-button{background-color:#b6a593;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.primary-button:hover{background-color:#a69483;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.dashboard-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:24px 0;padding:24px}.dashboard-section h3{border-bottom:2px solid #b6a593;color:#333;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:8px}@media (max-width:768px){.appointment-card{padding:16px}.appointment-header{align-items:flex-start;flex-direction:column;gap:12px}.appointment-status{align-self:flex-start}.appointment-actions{align-items:stretch;flex-direction:column}.cancel-btn,.reschedule-btn{justify-content:center;width:100%}.confirmed-notice,.pending-notice,.rejected-notice{margin-bottom:12px;text-align:center}}@keyframes statusChange{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.appointment-status.status-confirmed{animation:statusChange .3s ease-in-out}.message-container{margin-bottom:20px;position:relative}.error-message,.success-message{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;display:flex;font-size:14px;line-height:1.4;margin-bottom:15px;padding:15px 20px;position:relative}.error-message{background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828}.success-message{background-color:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.message-icon{font-size:16px;margin-right:10px}.close-message{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;opacity:.7;position:absolute;right:15px;top:10px;transition:opacity .2s}.close-message:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.appointment-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px;transition:box-shadow .3s ease}.appointment-card:hover{box-shadow:0 4px 16px #00000026}.warning-message{align-items:center;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;display:flex;margin:10px 0;padding:8px 12px}.warning-icon{font-size:14px;margin-right:8px}.appointment-actions{border-top:1px solid #f0f0f0;padding-top:15px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.cancel-btn.disabled,.reschedule-btn.disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.cancel-btn.disabled:hover,.reschedule-btn.disabled:hover{transform:none}.appointments-loading{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:center;padding:40px}.appointments-loading .spinner{border-width:3px;height:24px;margin-bottom:0;margin-right:15px;width:24px}.appointments-loading p{color:#6c757d;font-size:14px;margin:0}@media (max-width:768px){.action-buttons{flex-direction:column}.cancel-btn,.reschedule-btn{justify-content:center;width:100%}.appointment-header{align-items:flex-start;flex-direction:column;gap:10px}.appointment-status{align-self:flex-start}.message-container{margin:10px 0}}}.business-hours-section .hours-list .day,.business-hours-section .hours-list .hours,.business-hours-section .hours-list li,.contact-info-section .contact-details p,.contact-info-section .contact-details strong{color:#444!important}.about-us-section p{color:#000!important}.customer-main .business-hours-section .hours-list li,.customer-main .contact-info-section .contact-details p{color:#444!important}.customer-header{align-items:center;background-color:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:15px 20px}.customer-header-content h1{font-size:24px;font-weight:600;margin:0}.customer-header-content p{color:#6c757d;font-size:14px;margin:5px 0 0}.customer-actions{align-items:center;display:flex;gap:10px}.profile-button{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;padding:8px 16px}.profile-button:hover{background-color:#e9ecef}@media (max-width:768px){.customer-header{flex-direction:column;gap:15px;text-align:center}.customer-actions{flex-direction:column;width:100%}}@media (min-width:1500px){.customer-main{max-width:1060px;padding:40px 30px}.dashboard-cards{gap:25px;grid-template-columns:repeat(3,1fr)}.dashboard-card,.dashboard-section{padding:30px}.dashboard-welcome h2{font-size:32px}}@media (min-width:1920px){.customer-main{max-width:1160px;padding:50px 40px}.dashboard-cards{gap:30px}.dashboard-card{padding:35px}.dashboard-welcome h2{font-size:36px}}.customer-page{padding:15px}.customer-header{margin-bottom:20px;padding:15px}.customer-header h1{font-size:22px;margin-bottom:8px}.customer-header p{font-size:13px}.customer-nav{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.customer-nav-item{font-size:14px;padding:12px 15px;text-align:center}.customer-card-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.customer-card{padding:20px}.customer-card h3{font-size:16px;margin-bottom:10px}.customer-card p{font-size:13px}.service-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.service-card{padding:18px}.service-card-image{height:150px;margin-bottom:12px}.service-card h4{font-size:15px;margin-bottom:8px}.service-card-price{font-size:18px;margin:10px 0}.service-card-duration{font-size:12px}.appointment-date{font-size:16px;margin-bottom:8px}.appointment-service{font-size:14px}.appointment-details{font-size:12px;margin-top:8px}.book-button,.customer-button,.primary-customer-button{font-size:14px;padding:12px 20px;width:100%}@media (min-width:400px){.customer-page{padding:18px}.customer-header h1{font-size:23px}.service-card-image{height:170px}.service-card .service-name{font-size:18.5px}}@media (min-width:480px){.customer-page{padding:20px}.customer-header h1{font-size:24px}.service-card-image{height:180px}.service-grid{gap:18px;grid-template-columns:repeat(2,1fr)}}@media (min-width:576px){.customer-nav{flex-direction:row;flex-wrap:wrap;gap:12px}.customer-nav-item{flex:1 1;min-width:150px}.customer-card-grid{gap:18px;grid-template-columns:repeat(2,1fr)}.book-button,.customer-button,.primary-customer-button{min-width:140px;width:auto}}@media (min-width:768px){.customer-page{margin:0 auto;max-width:1200px;padding:30px}.customer-header{border-radius:12px;margin-bottom:30px;padding:25px 30px;text-align:center}.customer-header h1{font-size:32px;margin-bottom:12px}.customer-header p{font-size:16px;margin:0 auto;max-width:600px}.customer-nav{gap:15px;justify-content:center;margin-bottom:35px}.customer-nav-item{border-radius:25px;font-size:15px;padding:14px 24px;transition:all .3s ease}.customer-nav-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.service-grid{gap:25px;grid-template-columns:repeat(2,1fr)}.service-card{border-radius:12px;padding:24px;transition:all .3s ease}.service-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.service-card-image{border-radius:8px;height:200px;margin-bottom:16px}.service-card h4{font-size:18px;margin-bottom:10px}.service-card p{font-size:14px;line-height:1.6}.service-card-price{font-size:24px;margin:15px 0}.service-card-duration{font-size:13px}.customer-card-grid{gap:25px;grid-template-columns:repeat(2,1fr)}.customer-card{border-radius:12px;padding:28px}.customer-card h3{font-size:20px;margin-bottom:14px}.customer-card p{font-size:14px;line-height:1.6}.appointment-card{border-radius:10px;margin-bottom:16px;padding:22px}.appointment-date{font-size:18px;margin-bottom:10px}.appointment-service{font-size:16px}.appointment-details{font-size:13px;margin-top:12px}.book-button,.customer-button,.primary-customer-button{border-radius:8px;font-size:15px;min-height:48px;padding:14px 28px}.customer-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.customer-stat-card{border-radius:10px;padding:24px;text-align:center}.customer-stat-number{font-size:32px;font-weight:700;margin-bottom:8px}.customer-stat-label{font-size:13px;letter-spacing:.5px;text-transform:uppercase}.customer-profile{grid-gap:30px;border-radius:12px;display:grid;gap:30px;grid-template-columns:200px 1fr;padding:30px}.customer-avatar{border-radius:50%;height:150px;margin:0 auto;width:150px}.loyalty-points-display{border-radius:12px;margin-bottom:30px;padding:30px;text-align:center}.loyalty-points-number{font-size:48px;font-weight:700;margin:15px 0}.loyalty-tier-badge{border-radius:20px;font-size:14px;padding:8px 20px}}@media (min-width:992px){.customer-page{padding:40px}.customer-card-grid,.service-grid{gap:28px;grid-template-columns:repeat(3,1fr)}.customer-header h1{font-size:36px}}@media (min-width:1200px){.customer-page{max-width:1400px;padding:50px}.service-grid{gap:32px;grid-template-columns:repeat(4,1fr)}.service-card-image{height:220px}.customer-header h1{font-size:40px}}@media (min-width:1400px){.customer-page{max-width:1480px}.service-grid{gap:32px}}@media (min-width:1500px){.customer-page{max-width:1480px;padding:50px}.customer-header h1{font-size:40px}.customer-header p{font-size:18px}.service-grid{gap:35px;grid-template-columns:repeat(4,1fr)}.service-card-image{height:220px}.service-card .service-name{font-size:24px}.service-card-price{font-size:28px}.customer-stats{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:1200px) and (orientation:landscape){.service-grid{grid-template-columns:repeat(3,1fr)}.customer-stats{grid-template-columns:repeat(4,1fr)}}body:has(.booking-container),html:has(.booking-container){max-width:100vw;overflow-x:hidden}.booking-container{background-color:#f9f9f9;font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;overflow-x:hidden;padding:20px 40px;width:100%}.booking-container,.booking-container *,.booking-container :after,.booking-container :before{box-sizing:border-box}.booking-header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px;text-align:center}.booking-header h1{color:#333;font-size:32px;font-weight:600;margin:0 0 10px}.reschedule-info{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;margin-top:20px;padding:15px}.reschedule-info p{color:#1565c0;font-size:14px;margin:5px 0}.reschedule-info strong{color:#0d47a1}.booking-form{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.form-section{border-bottom:1px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{align-items:center;display:flex;font-size:20px;margin:0 0 20px}.form-section h3:before{background-color:#007bff;border-radius:2px;content:"";height:24px;margin-right:12px;width:4px}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.booking-container .form-group label:after,.booking-content .form-group label:after{color:#dc3545;content:" *";font-weight:700}.booking-container .form-group label[for=notes]:after,.booking-content .form-group label[for=notes]:after{content:""}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;font-family:inherit;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-group select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.7}.form-group select option:disabled{background-color:#f5f5f5!important;color:#999!important;font-style:italic}.form-group select option:not(:disabled){background-color:#fff;color:#333}.availability-summary{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-top:8px;padding:8px 12px}.availability-summary .info-text{color:#6c757d;font-size:12px;font-weight:500;margin:0}.time-slots-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:15px}.time-slot-button{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 8px;position:relative;text-align:center;transition:all .3s ease}.time-slot-button:hover:not(:disabled){background-color:#f8f9ff;border-color:#007bff}.time-slot-button.selected{background-color:#007bff;border-color:#007bff;color:#fff}.time-slot-button:disabled{background-color:#f8f9fa;border-color:#e9ecef;color:#999;cursor:not-allowed;opacity:.6}.time-slot-button:disabled:after{bottom:-20px;color:#dc3545;content:attr(data-reason);font-size:10px;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.form-group textarea{line-height:1.5}.error-text{color:#dc3545;display:block;font-size:12px;font-weight:500;margin-top:5px}.info-text{font-style:italic}.char-count,.info-text{color:#6c757d;display:block;font-size:12px;margin-top:5px}.char-count{text-align:right}.service-details{animation:fadeIn .3s ease-in;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:15px;padding:20px}.service-info{position:relative}.service-info h4{color:#333;font-size:18px;font-weight:600;margin:0 0 10px}.service-info p{color:#555;font-size:14px;line-height:1.5;margin:5px 0}.service-info p strong{color:#333;font-weight:600}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end;margin-top:30px}@media (max-width:768px){.form-actions{flex-direction:column-reverse}}.cancel-button,.submit-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:140px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.cancel-button{background-color:#6c757d}.cancel-button:hover:not(:disabled){background-color:#5a6268;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.submit-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;position:relative}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1da88a);box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.cancel-button:disabled,.submit-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.cancel-button:disabled:hover,.submit-button:disabled:hover{box-shadow:none;transform:none}.spinner.small{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.booking-info{background:#fff;border-left:4px solid #17a2b8;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px}.booking-info h3{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;margin:0 0 15px}.booking-info h3:before{content:"ℹ️";font-size:20px;margin-right:8px}.booking-info ul{margin:0;padding-left:20px}.booking-info li{color:#555;font-size:14px;line-height:1.6;margin-bottom:8px}.booking-info li strong{color:#dc3545;font-weight:600}.loading-spinner{padding:60px 20px;text-align:center}.spinner{border-top-color:#007bff}.loading-spinner p{color:#6c757d}.error-message,.success-message{padding:15px 20px}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.success-message{background-color:#d4edda;color:#155724}.message-icon{font-size:16px;margin-right:10px}.booking-content{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:30px}.booking-content h1{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.booking-error,.booking-loading{align-items:center;color:#666;display:flex;font-size:16px;height:60vh;justify-content:center}.booking-error{color:#ff3b30}@media (max-width:768px){.booking-container{padding:15px}.booking-header{padding:20px}.booking-header h1{font-size:24px}.booking-form{padding:20px}.form-section h3{font-size:18px}.form-actions{flex-direction:column-reverse}.cancel-button,.submit-button{min-width:auto;width:100%}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.cancel-button:focus-visible,.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible,.submit-button:focus-visible{outline:2px solid #007bff;outline-offset:2px}body:has(.profile-management),html:has(.profile-management){max-width:100vw;overflow-x:hidden}.profile-management{background-color:#f9f9f9;font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;overflow-x:hidden;padding:20px;width:100%}.profile-management,.profile-management *,.profile-management :after,.profile-management :before{box-sizing:border-box}.profile-header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px;text-align:center}.profile-header h1{color:#333;font-size:32px;font-weight:600;margin:0 0 10px}.salon-name{color:#666;font-size:18px;margin:0}.profile-content{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:300px 1fr;max-width:100%;overflow:hidden}.profile-avatar-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px;position:sticky;text-align:center;top:20px}.profile-avatar{border:4px solid #b6a593;border-radius:50%;height:120px;margin:0 auto 20px;overflow:hidden;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,#b6a593,#d9c5b2);color:#fff;font-size:36px;font-weight:600;text-transform:uppercase}.profile-avatar-section h2{color:#333;font-size:24px;font-weight:600;margin:0 0 10px}.member-since{margin-bottom:20px}.loyalty-badge{border-radius:8px;color:#000;display:flex;flex-direction:column;font-weight:500;gap:5px;padding:15px}.loyalty-badge.bronze{background-color:#cd7f32}.loyalty-badge.silver{background-color:silver}.loyalty-badge.gold{background-color:gold}.loyalty-badge.platinum{background-color:#e5e4e2}.loyalty-badge.diamond{background-color:#b9f2ff}.points-display{font-size:18px;font-weight:600}.profile-form{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;max-width:100%;overflow:hidden;padding:30px}.form-section{border-bottom:1px solid #eee;margin-bottom:40px;padding-bottom:30px}.form-section:last-of-type{border-bottom:none;margin-bottom:30px}.form-section h3{border-bottom:2px solid #b6a593;color:#333;font-size:22px;font-weight:600;margin:0 0 25px;padding-bottom:10px}.form-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.form-row{margin-bottom:20px}.form-row,.preference-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;max-width:100%}.preference-row{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:25px;overflow:hidden;padding:20px}.form-group input,.form-group select{background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;max-width:100%;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{outline:none}.form-group input:disabled{background-color:#f5f5f5;border-color:#ddd;color:#666;cursor:not-allowed}.form-helper-text{color:#666;font-size:12px;font-style:italic;line-height:1.4;margin-top:5px}.checkbox-row{align-items:center;display:flex;margin-bottom:12px;padding:8px 0}.checkbox-row input[type=checkbox]{accent-color:#b6a593;margin-right:12px;transform:scale(1.2);width:auto}.checkbox-label{color:#333;cursor:pointer;flex:1 1;font-size:14px;line-height:1.4;margin:0}.time-checkboxes{grid-gap:10px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:10px;max-width:100%;overflow:hidden;padding:20px}.time-checkboxes .checkbox-row{margin-bottom:0;padding:5px}.form-error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:6px;color:#c62828}.form-error,.form-success{font-size:14px;margin-bottom:20px;padding:15px}.form-success{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:6px;color:#2e7d32}.form-actions{border-top:1px solid #eee;padding-top:20px;text-align:center}.save-button{background:linear-gradient(135deg,#b6a593,#a69483);box-shadow:0 2px 10px #b6a5934d;font-size:16px;padding:15px 40px}.save-button:hover:not(:disabled){box-shadow:0 4px 15px #b6a59366;transform:translateY(-2px)}.save-button:disabled{background:#ccc;box-shadow:none;transform:none}.profile-error,.profile-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:60vh}.profile-error{color:#d32f2f}.readonly-field input{background-color:#f5f5f5!important;border-color:#ddd!important;color:#666!important;cursor:not-allowed!important}.form-section:has(.preference-row){background-color:#fafbfc;border:1px solid #e9ecef;border-radius:8px;padding:25px}.preference-row .form-group label{color:#495057;font-weight:600}.preference-row:first-of-type{border-bottom:1px solid #dee2e6;margin-bottom:20px;padding-bottom:20px}.preference-row:last-of-type{margin-bottom:0}@media (max-width:1024px){.profile-content{gap:20px;grid-template-columns:250px 1fr}.profile-avatar-section{position:static}}@media (max-width:768px){.profile-management{padding:15px}.profile-content{gap:20px;grid-template-columns:1fr}.profile-avatar-section{order:-1;position:static}.form-row,.preference-row{gap:15px;grid-template-columns:1fr}.time-checkboxes{gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:15px}.profile-header{padding:20px}.profile-header h1{font-size:28px}.profile-form{padding:20px}}@media (max-width:480px){.profile-management{padding:10px}.profile-header{padding:15px}.profile-header h1{font-size:24px}.profile-avatar{height:100px;width:100px}.avatar-placeholder{font-size:30px}.profile-form{padding:15px}.form-section h3{font-size:20px}.time-checkboxes{gap:6px;grid-template-columns:1fr 1fr;padding:12px}.time-checkboxes .checkbox-row{padding:3px}.preference-row{padding:15px}.save-button{font-size:14px;padding:12px 30px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-section{animation:fadeIn .3s ease-out}.checkbox-row:focus-within{background-color:#b6a5930d;border-radius:4px}.form-group input:focus,.form-group select:focus{border-color:#b6a593;box-shadow:0 0 0 3px #b6a5931a}.form-section:last-of-type .form-group{margin-bottom:15px}.form-section:last-of-type h4{font-size:15px;margin-bottom:10px}@media (min-width:1500px){.profile-management{max-width:1100px;padding:30px}.profile-content{gap:40px;grid-template-columns:320px 1fr}.profile-form{padding:35px}.profile-header h1{font-size:36px}}@media (min-width:1920px){.profile-management{max-width:1200px;padding:40px}.profile-content{gap:50px;grid-template-columns:350px 1fr}.profile-form{padding:40px}}.loyalty-container{background-color:#f9f9f9;font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px 40px}.loyalty-main{display:flex;flex-direction:column;gap:40px}.loyalty-header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px;text-align:center}.loyalty-header h1{color:#333;font-size:32px;font-weight:600;margin:0 0 10px}.loyalty-header p{color:#666;font-size:18px;margin:0}.message-container{position:sticky;top:20px;z-index:100}.error-message,.success-message{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;line-height:1.4;padding:12px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{background-color:#fff5f5;border:1px solid #fed7d7;color:#c53030}.success-message{background-color:#f0fff4;border:1px solid #9ae6b4;color:#2f855a}.error-message button,.success-message button{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:20px;justify-content:center;line-height:1;margin-left:12px;padding:2px;transition:background-color .2s;width:20px}.error-message button:hover,.success-message button:hover{background-color:#0000001a}.loyalty-status{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.status-card{padding:30px}.status-header h2{border-bottom:1px solid #eaeaea;color:#333;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.status-content{flex-wrap:wrap;justify-content:space-between}.status-content,.tier-info{align-items:center;display:flex;gap:20px}.tier-badge .tier{border-radius:8px;display:inline-block;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.tier.bronze{background-color:#cd7f32;color:#fff}.tier.silver{background-color:silver;color:#333}.tier.gold{background-color:gold;color:#333}.tier.platinum{background-color:#e5e4e2;color:#333}.tier.diamond{background-color:#b9f2ff;color:#333}.points-display{text-align:center}.points-number{color:#e64c31;display:block;font-size:32px;font-weight:700;line-height:1}.points-label{color:#666;font-size:14px;font-weight:500}.member-since{color:#666;font-size:14px;font-style:italic}.promotions-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:30px}.promotions-section h2{border-bottom:1px solid #eaeaea;color:#333;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.promotions-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}@media (max-width:768px){.promotions-list{gap:20px;grid-template-columns:1fr}}.promotion-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .3s ease}.promotion-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.promotion-card.active{border-color:#e64c31;box-shadow:0 2px 8px #0070c933}.promotion-card.redeemed{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #6c757d;opacity:.7}.promotion-card.expired{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #dc3545;opacity:.6}.promotion-card.fully-redeemed{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;opacity:.6}.promotion-card.inactive{background:linear-gradient(135deg,#e9ecef,#dee2e6);border:1px solid #6c757d;opacity:.5}.promotion-card.not-started{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #17a2b8}.promotion-header{align-items:flex-start;background:#f8f9fa;border-bottom:1px solid #eaeaea;display:flex;gap:15px;justify-content:space-between;padding:20px 20px 15px}.promotion-title{flex:1 1}.promotion-title h3{color:#333;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px}.discount-badge{background:#e64c31;border-radius:8px;box-shadow:0 2px 4px #0070c94d;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;white-space:nowrap}.status-badge{border-radius:4px;font-size:11px}.status-badge.active{background-color:#28a745;color:#fff}.status-badge.redeemed{background-color:#6c757d;color:#fff}.status-badge.expired{background-color:#dc3545;color:#fff}.status-badge.fully-redeemed{background-color:#ffc107;color:#333}.status-badge.inactive{background-color:#6c757d;color:#fff}.status-badge.not-started{background-color:#17a2b8;color:#fff}.promotion-content{padding:20px}.promotion-description{color:#555;font-size:14px;line-height:1.5;margin:0 0 15px}.free-gift-info{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:14px;margin:15px 0;padding:10px 15px}.promotion-details{background-color:#f8f9fa;border:1px solid #eaeaea;border-radius:8px;margin:15px 0;padding:15px}.detail-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;padding:4px 0}.detail-row:last-child{margin-bottom:0}.detail-label{color:#333;font-size:14px;font-weight:600}.detail-value{color:#666;font-size:14px}.voucher-code-container{align-items:center;display:flex;gap:8px}.voucher-code{background-color:#f8f9fa;border:1px solid #ddd;color:#333;font-family:Courier New,monospace;font-size:13px;letter-spacing:1px;padding:6px 10px}.copy-button{align-items:center;background-color:#e64c31;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:30px;justify-content:center;min-width:50px;padding:6px 12px;transition:background-color .2s ease}.copy-button:hover:not(:disabled){background-color:#005fa3}.copy-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.copy-button.copied{background-color:#28a745;color:#fff}.detail-row.redeemed-info{background-color:#f8f9fa;border-left:4px solid #6c757d;border-radius:4px;margin-top:10px;padding:8px 12px}.terms-section{margin-top:15px}.terms-details{border:1px solid #ddd;border-radius:8px;overflow:hidden}.terms-details summary{background-color:#f8f9fa;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:12px 15px;transition:background-color .2s}.terms-details summary:hover{background-color:#e9ecef}.terms-content{background-color:#fff;padding:15px}.terms-content ul{margin:0;padding-left:18px}.terms-content li{color:#666;font-size:13px;line-height:1.4;margin-bottom:6px}.promotion-actions{display:flex;gap:10px;margin-top:20px}.action-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 24px;text-align:center;transition:background-color .2s ease}.action-button.primary{background-color:#e64c31;color:#fff}.action-button.primary:hover:not(:disabled){background-color:#005fa3}.action-button.primary:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.no-promotions{background:#f8f9fa;border:1px solid #eaeaea;border-radius:8px;grid-column:1/-1;padding:60px 20px;text-align:center}.no-promotions h3{color:#333;font-size:20px;font-weight:600;margin-bottom:8px}.no-promotions p{color:#666;font-size:16px;margin:0}.redemption-history{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:30px}.redemption-history h2{border-bottom:1px solid #eaeaea;color:#333;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{align-items:center;background:#f8f9fa;border:1px solid #eaeaea;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.history-item:hover{box-shadow:0 2px 8px #0000001a}.history-content h4{color:#333;font-size:16px;font-weight:600;margin:0 0 6px}.history-content p{color:#666;font-size:14px;margin:2px 0}.history-badge{background-color:#28a745;border-radius:8px;color:#fff;font-size:12px;font-weight:600;padding:8px 15px;white-space:nowrap}.points-info{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:30px}.points-info h2{border-bottom:1px solid #eaeaea;color:#333;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.earning-methods{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.earning-item{align-items:center;background:#f8f9fa;border:1px solid #eaeaea;border-radius:8px;display:flex;gap:15px;padding:20px;transition:all .2s ease}.earning-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.earning-content h3{color:#333;font-size:16px;font-weight:600;margin:0 0 5px}.earning-content p{color:#666;font-size:14px;line-height:1.4;margin:0}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{border:4px solid #f3f3f3;border-top-color:#e64c31;height:50px;width:50px}.loading-spinner p{color:#666;font-size:16px;margin:0}@media (max-width:992px){.loyalty-container{max-width:95%}.status-content{gap:15px}.status-content,.tier-info{align-items:flex-start;flex-direction:column}.tier-info{gap:10px}}@media (max-width:768px){.loyalty-container{padding:20px 15px}.loyalty-header,.loyalty-status,.points-info,.promotions-section,.redemption-history{padding:20px}.loyalty-header h1{font-size:24px}.promotion-header{align-items:flex-start;flex-direction:column;gap:12px}.promotion-title{width:100%}.discount-badge{align-self:flex-start}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.voucher-code-container{justify-content:space-between;width:100%}.history-item{align-items:flex-start;flex-direction:column;gap:12px}.history-badge{align-self:flex-end}.earning-methods{grid-template-columns:1fr}.earning-item{gap:12px}}.action-button:focus-visible,.copy-button:focus-visible,.terms-details summary:focus-visible{outline:2px solid #e64c31;outline-offset:2px}.paynow-qr-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.paynow-qr-modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000004d;max-height:90vh;max-width:360px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.paynow-qr-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #f0f0f0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:.75rem 1rem}.paynow-qr-modal-header h2{font-size:1rem;margin:0}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;line-height:1;transition:background-color .2s;width:28px}.close-button:hover{background:#ffffff4d}.paynow-qr-modal-body{padding:1rem}.qr-code-section{margin-bottom:1rem;text-align:center}.qr-code-section h3{color:#1a1a1a;font-size:.95rem;margin:0 0 .25rem}.qr-instruction{color:#666;font-size:.8rem;margin:0 0 .75rem}.qr-code-container{background:#f9f9f9;border:1px dashed #ddd;border-radius:6px;display:flex;justify-content:center;margin:.5rem 0;padding:.5rem}.qr-code-image{background:#fff;border-radius:4px;box-shadow:0 1px 4px #0000001a;height:auto;max-width:50px;padding:.15rem;width:100%}.qr-code-placeholder{color:#999;padding:1.5rem 1rem}.qr-code-placeholder p{font-size:.85rem;margin:0 0 .25rem}.qr-code-placeholder small{color:#ccc;font-size:.75rem}.payment-details{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-top:.75rem;padding:.75rem}.payment-detail-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.4rem 0}.payment-detail-row:last-child{border-bottom:none}.payment-detail-row .label{color:#555;font-size:.8rem;font-weight:600}.payment-detail-row .value{color:#333;font-size:.8rem}.amount-value{color:#667eea!important;font-size:1rem!important;font-weight:700!important}.reference-value{background:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;font-size:.75rem!important;padding:.2rem .5rem}.countdown-value{color:#4caf50!important;font-family:Courier New,monospace;font-size:.85rem!important;font-weight:700!important}.countdown-value.expiring{animation:pulse 1s infinite;color:#f44336!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.instructions-section{background:#f0f4ff;border:1px solid #667eea;border-radius:6px;margin-top:.75rem;padding:.75rem}.instructions-section h4{color:#333;font-size:.85rem;margin:0 0 .5rem}.payment-instructions{list-style-position:outside;margin:0;padding-left:1rem}.payment-instructions li{color:#555;font-size:.75rem;line-height:1.4;margin-bottom:.35rem}.payment-instructions li:last-child{color:#667eea;font-weight:600;margin-bottom:0}.status-message{border-radius:6px;font-size:.8rem;font-weight:500;margin-top:.75rem;padding:.5rem .75rem;text-align:center}.status-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.payment-success{padding:1.5rem 1rem;text-align:center}.success-icon{align-items:center;animation:successPop .5s ease-out;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;color:#fff;display:flex;font-size:1.75rem;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.payment-success h3{color:#1a1a1a;font-size:1.1rem;margin:0 0 .5rem}.payment-success p{color:#666;font-size:.85rem;margin:0}.paynow-qr-modal-footer{background:#f9f9f9;border-top:1px solid #f0f0f0;display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}.modal-footer-note{background:#fffbea;border-top:1px solid #ffeaa7;padding:.5rem 1rem;text-align:center}.modal-footer-note small{color:#856404;font-size:.7rem;line-height:1.3}.btn-primary,.btn-secondary{border:none;border-radius:5px;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover:not(:disabled){background:#f0f4ff}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:400px){.paynow-qr-modal-content{margin:.5rem;max-height:95vh;max-width:320px}.modal-footer-note,.paynow-qr-modal-body,.paynow-qr-modal-footer,.paynow-qr-modal-header{padding-left:.75rem;padding-right:.75rem}.qr-code-image{max-width:40px}.payment-instructions{padding-left:.75rem}.paynow-qr-modal-footer{flex-direction:column}.paynow-qr-modal-footer button{width:100%}}.customer-details-page{font-family:Familjen Grotesk,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.customer-details-header{background:#f6f6f6;border-radius:12px;box-shadow:0 4px 20px #e64c3133;color:#000;margin-bottom:24px;padding:24px}.header-controls{margin-bottom:20px}.back-button{align-items:center;background-color:#e64c31;border:2px solid #e64c31;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;gap:8px;transition:all .3s ease}.back-button:hover{background-color:#d13d24;transform:translateY(-1px)}.customer-summary{align-items:center;display:flex;gap:20px}.customer-avatar{border:3px solid #fff;border:3px solid var(--white);border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:80px;overflow:hidden;width:80px}.customer-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-placeholder,.customer-info h1{background:#f6f6f6;color:#000;font-size:28px;font-weight:700}.customer-info h1{margin:0 0 8px}.customer-email,.customer-phone{color:#000;font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:500;margin:0 0 1px}.customer-stats{display:flex;flex-wrap:wrap;gap:20px}.stat{background-color:#f6f6f6;border:1px solid #f6f6f6;border-radius:8px;font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:500;padding:8px 12px}.loyalty-tier{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.loyalty-tier.bronze{background-color:#cd7f32;color:#fff;color:var(--white)}.loyalty-tier.silver{background-color:silver;color:#333;color:var(--dark-gray)}.loyalty-tier.gold{background-color:gold;color:#333;color:var(--dark-gray)}.loyalty-tier.platinum{background-color:#e5e4e2;color:#333;color:var(--dark-gray)}.error-message,.success-message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:12px 16px}.success-message{border:1px solid #c3e6cb}.customer-details-tabs{border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;box-shadow:0 2px 8px #e64c311a;display:flex;gap:0;margin-bottom:24px;overflow:hidden}.customer-details-tabs,.tab-button{background-color:#fff;background-color:var(--white)}.tab-button{border:none;border-right:1px solid #ffbdb1;border-right:1px solid var(--light-coral);color:#e64c31;color:var(--primary-coral);cursor:pointer;flex:1 1;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px 25px;position:relative;text-transform:uppercase;transition:all .3s ease}.tab-button:last-child{border-right:none}.tab-button:hover{background-color:#ffbdb1;background-color:var(--light-coral);transform:translateY(-1px)}.tab-button.active{background-color:#e64c31;background-color:var(--primary-coral);box-shadow:0 2px 8px #e64c314d;color:#fff;color:var(--white)}.tab-content{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;box-shadow:0 2px 8px #e64c311a;padding:24px}.tab-content h3{border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);color:#e64c31;color:var(--primary-coral);font-size:20px;font-weight:700;margin:0 0 20px;padding-bottom:8px}.loading-container{gap:16px;min-height:300px}.loading-spinner{border:4px solid #ffbdb1;border-top:4px solid #e64c31;border:4px solid var(--light-coral);border-top-color:var(--primary-coral)}.loading-indicator{color:#666;color:var(--medium-gray);font-size:16px;font-style:italic;padding:20px;text-align:center}.error-container{background-color:#f6f6f6;background-color:var(--light-gray);border:1px solid #ffbdb1;border:1px solid var(--light-coral);border-radius:8px;padding:40px;text-align:center}.error-container h2{color:#e64c31;color:var(--primary-coral);font-weight:700;margin-bottom:16px}.empty-state{background-color:#f6f6f6;background-color:var(--light-gray);border:2px dashed #ffbdb1;border:2px dashed var(--light-coral);border-radius:8px;color:#666;color:var(--medium-gray);padding:40px 20px}.empty-state p{margin:0 0 8px}.data-table-container{border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;overflow-x:auto}.data-table{background-color:#fff;background-color:var(--white);border-collapse:collapse;font-size:14px;width:100%}.data-table th{background:#f6f6f6;border-bottom:2px solid #e64c31;border-bottom:2px solid var(--primary-coral);color:#000;font-family:Familjen Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.3px;padding:12px 8px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.data-table td{border-bottom:1px solid #ffbdb1;border-bottom:1px solid var(--light-coral);padding:12px 8px;vertical-align:middle}.data-table tr:hover{background-color:#e64c310d}.data-table tr:last-child td{border-bottom:none}.description-cell{word-wrap:break-word;line-height:1.4;max-width:200px}.voucher-code{background-color:#f6f6f6;background-color:var(--light-gray);border:1px solid #ffbdb1;border:1px solid var(--light-coral);border-radius:4px;font-family:monospace;font-size:12px!important;font-weight:700;padding:4px 8px}.payment-method{font-weight:500;text-transform:capitalize}.edit-transaction-button{background-color:#ffbdb1;border:1px solid #e64c31;border-radius:6px;color:#e64c31;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.edit-transaction-button:hover:not(:disabled){background-color:#e64c31;color:#fff;transform:translateY(-1px)}.edit-transaction-button:disabled{background-color:#666;background-color:var(--medium-gray);cursor:not-allowed;opacity:.6}.redeem-voucher-button{background-color:#e64c31;background-color:var(--primary-coral);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.redeem-voucher-button:hover:not(:disabled){background-color:#d13d24;transform:translateY(-1px)}.redeem-voucher-button:disabled{background-color:#666;background-color:var(--medium-gray);cursor:not-allowed;opacity:.6}.no-action{color:#666;color:var(--medium-gray);font-size:14px;font-style:italic}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-pending{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-approved,.status-confirmed{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.status-completed,.status-paid{background-color:#d1ecf1;border:1px solid #bee4c7;color:#0c5460}.status-cancelled,.status-rejected,.status-unpaid{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-active{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-redeemed{background-color:#e2e3e5;border:1px solid #d6d8db;color:#6c757d}.status-expired{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-unknown{background-color:#e2e3e5;border:1px solid #d6d8db;color:#6c757d}.transactions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.transactions-header h3{border:none;margin:0;padding:0}.add-transaction-button{background-color:#e64c31;background-color:var(--primary-coral);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.add-transaction-button:hover{background-color:#d13d24;transform:translateY(-1px)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.add-transaction-modal{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:12px;box-shadow:0 10px 30px #e64c314d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:#f6f6f6;border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#000;font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:700;margin:0}.modal-header button{align-items:center;background:none;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .3s ease;width:30px}.modal-header button:hover{background-color:#fff3}.modal-content{padding:24px}.modal-actions{background-color:#f6f6f6;background-color:var(--light-gray);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:2px solid #ffbdb1;border-top:2px solid var(--light-coral);display:flex;gap:12px;justify-content:flex-end;margin:0 -24px -24px;padding:20px 24px}.form-group label{margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;font-family:Familjen Grotesk,sans-serif;padding:10px 12px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 0 0 2px #e64c3133;outline:none}.cancel-button{background-color:#666;background-color:var(--medium-gray);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.cancel-button:hover{background-color:#555;transform:translateY(-1px)}.save-button{border:none;border-radius:8px;padding:10px 20px}.save-button:hover:not(:disabled){background-color:#d13d24;transform:translateY(-1px)}.save-button:disabled{background-color:#666;background-color:var(--medium-gray)}@media (max-width:768px){.customer-details-page{padding:16px}.customer-summary{flex-direction:column;text-align:center}.customer-stats{justify-content:center}.customer-details-tabs{flex-direction:column}.tab-button{border-bottom:1px solid #ffbdb1;border-bottom:1px solid var(--light-coral);border-right:none;text-align:center}.tab-button:last-child{border-bottom:none}.transactions-header{align-items:flex-start;flex-direction:column;gap:12px}.transactions-header h3{margin-bottom:0}.modal-overlay{padding:10px}.data-table-container{font-size:12px}.data-table td,.data-table th{padding:8px 4px}.data-table td:nth-child(n+6),.data-table th:nth-child(n+6){display:none}}@media (max-width:480px){.customer-details-page{padding:12px}.customer-details-header,.tab-content{padding:16px}.data-table td:nth-child(n+4),.data-table th:nth-child(n+4){display:none}}.customer-details-page{max-width:100%;padding:15px}.customer-details-header{border-radius:10px;margin-bottom:20px;padding:18px}.header-controls{margin-bottom:15px}.back-button{font-size:13px;padding:10px 16px;width:100%}.customer-summary{align-items:flex-start;flex-direction:column;gap:15px}.customer-avatar{height:70px;width:70px}.avatar-placeholder{font-size:24px}.customer-info h1{font-size:22px;margin-bottom:8px}.customer-email{font-size:13px;margin-bottom:8px}.customer-phone{font-size:13px}.customer-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:20px}.stat-card{border-radius:8px;padding:15px}.stat-card h3{font-size:13px;margin-bottom:8px}.stat-card .stat-value{font-size:24px}.customer-tabs{display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:20px;overflow-x:auto;padding-bottom:5px}.tab-button{border-radius:8px;flex-shrink:0;font-size:13px;padding:10px 14px;white-space:nowrap}.tab-content{padding:15px}.appointment-card{margin-bottom:12px;padding:15px}.appointment-card h4{font-size:15px;margin-bottom:10px}.appointment-details{display:flex;flex-direction:column;gap:8px}.appointment-detail{font-size:13px}.appointment-status{border-radius:12px;font-size:11px;padding:4px 10px}.transaction-card{border-radius:8px;margin-bottom:12px;padding:15px}.transaction-header{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.transaction-amount{font-size:18px}.transaction-date{font-size:12px}.transaction-details{font-size:13px}.voucher-card{border-radius:8px;margin-bottom:12px;padding:15px}.voucher-card h4{font-size:15px;margin-bottom:8px}.voucher-code{font-size:16px;margin:10px 0;padding:8px 12px}.voucher-details{font-size:13px}.empty-state{padding:30px 20px;text-align:center}.empty-state-icon{font-size:40px;margin-bottom:12px}.empty-state h3{font-size:16px;margin-bottom:8px}.empty-state p{font-size:13px}@media (min-width:480px){.customer-details-header,.customer-details-page{padding:20px}.back-button{min-width:120px;width:auto}.customer-summary{align-items:center;flex-direction:row;gap:18px}.customer-avatar{height:75px;width:75px}.customer-info h1{font-size:24px}.customer-stats{gap:15px;grid-template-columns:repeat(2,1fr)}.tab-button{font-size:14px;padding:11px 16px}.appointment-card h4,.voucher-card h4{font-size:16px}}@media (min-width:576px){.customer-details-page{padding:25px}.customer-details-header{margin-bottom:25px;padding:22px 24px}.customer-avatar{height:80px;width:80px}.customer-info h1{font-size:26px}.customer-email,.customer-phone{font-size:14px}.customer-stats{gap:18px;grid-template-columns:repeat(3,1fr)}.stat-card{padding:18px}.customer-tabs{flex-wrap:wrap;gap:10px;overflow-x:visible}.tab-button{font-size:14px;padding:12px 18px}.tab-content{padding:20px}.appointment-details{flex-direction:row;flex-wrap:wrap;gap:15px}.appointment-detail{flex:0 1 auto}.transaction-header{align-items:center;flex-direction:row;justify-content:space-between}}@media (min-width:768px){.customer-details-page{max-width:1400px;padding:30px}.customer-details-header{border-radius:14px;margin-bottom:30px;padding:28px 32px}.header-controls{margin-bottom:22px}.back-button{border-radius:10px;font-size:15px;min-height:44px;padding:12px 24px}.customer-summary{gap:25px}.customer-avatar{border:4px solid var(--white);height:100px;width:100px}.avatar-placeholder{font-size:36px}.customer-info h1{font-size:32px;margin-bottom:12px}.customer-email{font-size:16px;margin-bottom:10px}.customer-phone{font-size:16px}.customer-stats{gap:22px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-card{border-radius:12px;padding:24px 20px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 6px 20px #e64c3126;transform:translateY(-3px)}.stat-card h3{font-size:14px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.stat-card .stat-value{font-size:32px;font-weight:700}.customer-tabs{gap:12px;justify-content:flex-start;margin-bottom:28px}.tab-button{border-radius:10px;font-size:15px;min-height:48px;padding:14px 24px;transition:all .3s ease}.tab-button:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.tab-content{border-radius:12px;padding:28px 30px}.appointment-card{border-radius:12px;margin-bottom:18px;padding:22px 25px;transition:all .3s ease}.appointment-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.appointment-card h4{font-size:18px;margin-bottom:15px}.appointment-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.appointment-detail{font-size:14px}.appointment-detail strong{display:block;font-size:13px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.appointment-status{border-radius:14px;display:inline-block;font-size:12px;padding:6px 14px}.transaction-card{border-radius:12px;margin-bottom:18px;padding:22px 25px;transition:all .3s ease}.transaction-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.transaction-header{margin-bottom:15px}.transaction-amount{font-size:24px;font-weight:700}.transaction-date{font-size:14px}.transaction-details{grid-gap:12px;display:grid;font-size:14px;gap:12px;grid-template-columns:repeat(2,1fr)}.transaction-detail{display:flex;flex-direction:column;gap:4px}.transaction-detail strong{font-size:13px;letter-spacing:.5px;text-transform:uppercase}.voucher-card{border-radius:12px;margin-bottom:18px;padding:25px 28px;transition:all .3s ease}.voucher-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.voucher-card h4{font-size:20px;margin-bottom:12px}.voucher-code{border-radius:10px;font-size:20px;font-weight:700;letter-spacing:2px;margin:15px 0;padding:12px 18px;text-align:center}.voucher-details{grid-gap:12px;display:grid;font-size:14px;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:15px}.voucher-detail{display:flex;flex-direction:column;gap:4px}.voucher-detail strong{font-size:13px;letter-spacing:.5px;text-transform:uppercase}.empty-state{padding:60px 40px}.empty-state-icon{font-size:60px;margin-bottom:20px}.empty-state h3{font-size:22px;margin-bottom:12px}.empty-state p{font-size:16px;margin:0 auto;max-width:500px}.action-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:15px}.action-btn{border-radius:8px;font-size:14px;min-height:44px;min-width:100px;padding:10px 20px}}@media (min-width:992px){.customer-details-page{padding:35px 40px}.customer-details-header{padding:32px 36px}.customer-info h1{font-size:36px}.customer-avatar{height:110px;width:110px}.stat-card .stat-value{font-size:36px}.tab-content{padding:32px 35px}.appointment-card{padding:25px 30px}.appointment-details{grid-template-columns:repeat(3,1fr)}.transaction-card{padding:25px 30px}.voucher-card{padding:28px 32px}.voucher-details{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.customer-details-page{max-width:1480px;padding:40px 50px}}@media (min-width:1500px){.customer-details-page{max-width:1480px;padding:45px 55px}.customer-details-header{padding:35px 40px}.customer-info h1{font-size:40px}.customer-avatar{height:120px;width:120px}.stat-card{padding:28px 24px}.stat-card .stat-value{font-size:40px}.tab-content{padding:35px 40px}.appointment-card,.transaction-card{padding:28px 35px}.voucher-card{padding:32px 36px}.voucher-code{font-size:24px}}@media (min-width:1400px){.customer-stats{gap:28px}.stat-card{padding:32px 28px}}@media (min-width:768px) and (max-width:1200px) and (orientation:landscape){.customer-stats{gap:18px;grid-template-columns:repeat(5,1fr)}.stat-card{padding:20px 15px}.appointment-details,.transaction-details,.voucher-details{grid-template-columns:repeat(3,1fr)}}:root{--primary-coral:#e64c31;--light-coral:#ffbdb1;--light-gray:#f6f6f6;--white:#fff;--black:#000;--dark-gray:#333;--medium-gray:#666;--border-gray:#ddd}.admin-container{background-color:#f6f6f6;background-color:var(--light-gray);display:flex;flex-direction:column;font-family:Wix Madefor Text,sans-serif;font-size:14px;min-height:100vh}.admin-header{align-items:center;background-color:#e64c31;background-color:var(--primary-coral);box-shadow:0 2px 4px #e64c3133;color:#fff;color:var(--white);display:flex;justify-content:space-between;padding:15px 20px;position:sticky;top:0;z-index:100}.admin-header h1{font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:600;margin:0}.admin-header-logo{align-items:center;background-color:#e64c31;background-color:var(--primary-coral);border-bottom:1px solid #fff;border-bottom:1px solid var(--white);display:flex;gap:15px;justify-content:space-between;padding:15px 20px 10px}.admin-header-logo img{cursor:pointer;filter:brightness(0) invert(1);flex-shrink:0;font-weight:700;height:auto;width:80px}.admin-header-logo-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.admin-header-logo-text{display:flex;flex-direction:column;margin-bottom:8px}.admin-header-logo-text h2{border-bottom:none!important;font-size:30px;padding-bottom:0!important}.admin-header-logo-text h2,.admin-header-logo-text p{color:#fff;color:var(--white);font-family:Fraunces,serif;font-weight:700;line-height:1.2;margin:0}.admin-header-logo-text p{font-size:12px}.dashboard-title-with-links{align-items:center;display:flex;flex-wrap:wrap;gap:30px}.dashboard-title-with-links h1{color:#fff;color:var(--white);font-family:Familjen Grotesk,sans-serif;font-size:24px;font-weight:600;margin:0}.inline-navigation-links{align-items:center;display:flex;gap:15px}.inline-nav-link{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.inline-nav-link:hover{background:#ffffff26;transform:translateY(-1px)}.inline-nav-link.active{background:#fff;background:var(--white);border-color:#fff;border-color:var(--white);color:#e64c31;color:var(--primary-coral);font-weight:600}.inline-nav-link:disabled{background-color:#ccc!important;border-color:#ccc!important;color:#666!important;cursor:not-allowed!important}.admin-header-logo .admin-actions{align-items:center;display:flex;gap:15px;margin-right:0}.save-button{border:2px solid #fff;border:2px solid var(--white);border-radius:6px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.save-button,.save-button:hover{background-color:#e64c31;background-color:var(--primary-coral);color:#fff;color:var(--white)}.save-button:hover{border-color:#ffbdb1;border-color:var(--light-coral)}.save-button:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed}.save-message{background-color:#ffbdb1;background-color:var(--light-coral);border-radius:6px;color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;padding:8px 16px}.admin-content{background-color:#f6f6f6;background-color:var(--light-gray);flex:1 1}.admin-content,.admin-content.no-preview{display:grid;grid-template-columns:220px 1fr}.admin-content.no-preview .admin-editor{border-right:none;width:100%}.admin-content.module-overview{grid-template-columns:1fr}.admin-content.module-overview .admin-editor{max-width:none;width:100%}.admin-sidebar{background-color:#fff;background-color:var(--white);border-right:1px solid #ddd;border-right:1px solid var(--border-gray);box-shadow:2px 0 4px #0000000d;flex-shrink:0;position:relative;width:220px}.admin-tabs{list-style:none;margin:0;padding:20px 0}.admin-tabs li{border-bottom:none;color:#333;color:var(--dark-gray);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;margin:2px 0;padding:14px 20px;transition:all .2s ease}.admin-tabs li:hover{background-color:#ffbdb1;background-color:var(--light-coral);color:#e64c31;color:var(--primary-coral)}.admin-tabs li.active{background-color:#e64c31;background-color:var(--primary-coral);border-left:none;border-radius:0 25px 25px 0;color:#fff;color:var(--white);font-weight:600;margin-right:10px}.admin-tabs li:nth-child(10):after,.admin-tabs li:nth-child(4):after,.admin-tabs li:nth-child(6):after{background-color:#ffbdb1;background-color:var(--light-coral);content:"";display:block;height:1px;margin:15px 20px}.admin-editor{background-color:#fff;background-color:var(--white);flex:1 1;min-width:0;overflow-y:auto;padding:30px}.admin-editor.full-width{max-width:none;width:100%}.admin-preview{background-color:#fff;background-color:var(--white);border-left:1px solid #ddd;border-left:1px solid var(--border-gray);flex-shrink:0;overflow-x:hidden;overflow-y:auto;padding:20px;width:384px}.admin-preview h2{border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0;padding-bottom:8px}.preview-content{background-color:#fff;background-color:var(--white);border:1px solid #ddd;border:1px solid var(--border-gray);border-radius:8px;box-shadow:0 2px 8px #e64c311a;max-width:100%;overflow:hidden}.preview-header{align-items:center;color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:15px;position:relative}.preview-logo{height:auto;margin-bottom:10px;max-height:80px;max-width:180px;object-fit:contain;width:auto}.preview-logo-left{align-self:flex-start}.preview-logo-center{align-self:center}.preview-logo-right{align-self:flex-end}.preview-salon-name{word-wrap:break-word;color:#000!important;color:var(--black)!important;font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0;text-align:center}.preview-body{overflow-x:hidden;padding:15px}.preview-section{border-radius:6px;margin-bottom:15px;overflow:hidden;padding:15px}.preview-section h4{font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin-bottom:10px;margin-top:0}.preview-section h4,.preview-section p{word-wrap:break-word;color:#000!important;color:var(--black)!important}.preview-section p{font-family:Wix Madefor Text,sans-serif;font-size:14px;margin:5px 0;overflow-wrap:break-word}.preview-hero{margin-bottom:15px;overflow:hidden;width:100%}.preview-hero-image{border-radius:6px;display:block;height:auto;max-height:200px;max-width:100%;object-fit:cover;width:100%}.preview-gallery{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:10px;width:100%}.preview-gallery-image{border-radius:6px;display:block;height:80px;object-fit:cover;width:100%}.preview-hours{list-style:none;margin:0;padding:0}.preview-hours li{border-bottom:1px dotted #ddd;border-bottom:1px dotted var(--border-gray);display:flex;font-family:Wix Madefor Text,sans-serif;font-size:13px;justify-content:space-between;padding:5px 0}.preview-hours li:last-child{border-bottom:none}.preview-hours .day{color:#000!important;color:var(--black)!important;flex-shrink:0;font-family:Familjen Grotesk,sans-serif;font-weight:600;margin-right:10px}.preview-hours .hours{word-wrap:break-word;color:#666;color:var(--medium-gray);text-align:right}.preview-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.social-link{word-wrap:break-word;background-color:#ffbdb1;background-color:var(--light-coral);border-radius:15px;color:#e64c31;color:var(--primary-coral);display:inline-block;font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:500;padding:6px 12px;text-decoration:none}.social-link:hover{background-color:#e64c31;background-color:var(--primary-coral);color:#fff;color:var(--white)}.admin-loading{align-items:center;color:#666;color:var(--medium-gray);display:flex;font-family:Familjen Grotesk,sans-serif;font-size:16px;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#e64c31;border-top:4px solid var(--primary-coral);height:40px;margin-right:15px;width:40px}.form-group{margin-bottom:20px}.form-group label{color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border:1px solid var(--border-gray);border-radius:4px;box-sizing:border-box;font-family:Wix Madefor Text,sans-serif;font-size:14px;padding:8px 10px;width:100%}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#f44336}.error-message{color:#f44336;font-family:Wix Madefor Text,sans-serif;font-size:12px;margin-top:5px}.ai-tab-container{background-color:#fff;background-color:var(--white);border-radius:12px;box-shadow:0 2px 8px #e64c311a;margin:0 auto;max-width:1200px;padding:30px}.ai-tab-header{border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);margin-bottom:40px;padding-bottom:20px;text-align:center}.ai-tab-header h2{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:32px;font-weight:600;margin:0 0 10px}.ai-tab-header p{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:16px;margin:0}.ai-interaction-panel{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr;margin-bottom:40px}.ai-prompt-examples h3{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:600;margin:0 0 20px}.example-prompts{display:flex;flex-direction:column;gap:15px}.prompt-card{background:#f6f6f6;background:var(--light-gray);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:12px;color:#333;color:var(--dark-gray);cursor:pointer;font-family:Wix Madefor Text,sans-serif;font-size:14px;line-height:1.5;padding:20px;transition:all .3s ease}.prompt-card:hover{background-color:#fff;background-color:var(--white);border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 4px 12px #e64c3126;transform:translateY(-2px)}.ai-chat-interface{background:#fff;background:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:12px;display:flex;flex-direction:column;height:400px;padding:20px}.chat-messages{flex:1 1;margin-bottom:20px;overflow-y:auto;padding-right:10px}.ai-message{align-items:flex-start;display:flex;gap:12px;margin-bottom:15px}.ai-avatar{align-items:center;background:#e64c31;background:var(--primary-coral);border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.message-content{background:#f6f6f6;background:var(--light-gray);border-radius:12px;color:#333;color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;line-height:1.5;padding:15px}.chat-input-area{border-top:1px solid #ffbdb1;border-top:1px solid var(--light-coral);padding-top:15px}.chat-input-area textarea{border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;box-sizing:border-box;font-family:Wix Madefor Text,sans-serif;font-size:14px;margin-bottom:10px;min-height:60px;padding:12px;resize:vertical;width:100%}.chat-input-area textarea:focus{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a;outline:none}.input-actions{align-items:center;display:flex;gap:10px;justify-content:space-between}.send-btn,.voice-input-btn{background:#e64c31;background:var(--primary-coral);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.send-btn:hover,.voice-input-btn:hover{background:#d63c23;transform:translateY(-1px)}.voice-input-btn{background:#ffbdb1;background:var(--light-coral);color:#e64c31;color:var(--primary-coral)}.voice-input-btn:hover{background:#e64c31;background:var(--primary-coral);color:#fff;color:var(--white)}.ai-features-preview{background:#f6f6f6;background:var(--light-gray);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:12px;margin-top:30px;padding:25px}.ai-features-preview h3{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0 0 15px}.ai-features-preview ul{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.ai-features-preview li{background:#fff;background:var(--white);border:1px solid #ffbdb1;border:1px solid var(--light-coral);border-radius:8px;color:#333;color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;padding:12px 15px 12px 35px;position:relative}.ai-features-preview li:before{content:"🚀";left:10px;position:absolute;top:50%;transform:translateY(-50%)}.module-access-denied{align-items:center;display:flex;justify-content:center;min-height:500px;padding:40px}.access-denied-content{background:#fff;background:var(--white);border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 8px 24px #0000001a;max-width:500px;padding:40px;text-align:center}.denied-icon{font-size:64px;margin-bottom:20px;opacity:.7}.access-denied-content h3{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:24px;font-weight:600;margin:0 0 15px}.access-denied-content p{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:15px;line-height:1.5;margin:8px 0}.denied-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:25px}.contact-sales-button,.return-button{border:none;border-radius:8px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;min-width:140px;padding:12px 24px;transition:all .2s ease}.contact-sales-button{background-color:#e64c31;background-color:var(--primary-coral);color:#fff;color:var(--white);font-weight:600}.contact-sales-button:hover{background-color:#d63c23;box-shadow:0 4px 12px #e64c314d;transform:translateY(-1px)}.return-button{background-color:#f8f9fa;border:1px solid #dee2e6;color:#666;color:var(--medium-gray);font-weight:500}.return-button:hover{background-color:#e9ecef;border-color:#ced4da}.tab-not-available{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px;text-align:center}.tab-not-available h3{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:600;margin:0 0 15px}.tab-not-available p{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;margin:0 0 20px}.tab-not-available button{background-color:#e64c31;background-color:var(--primary-coral);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-weight:600;padding:10px 20px;transition:all .2s ease}.tab-not-available button:hover{background-color:#d63c23}.editor-not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px;text-align:center}.editor-not-found h3{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:600;margin:0 0 15px}.editor-not-found p{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;margin:0}.inline-nav-link.preview-btn{background:#fff;background:var(--white);border:1px solid #fff;border:1px solid var(--white);color:#e64c31;color:var(--primary-coral);font-weight:600}.inline-nav-link.preview-btn:hover{background:#ffbdb1;background:var(--light-coral);border-color:#ffbdb1;border-color:var(--light-coral);color:#e64c31;color:var(--primary-coral)}.preview-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.preview-modal{background:#fff;background:var(--white);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:336px;overflow:hidden;width:100%}.preview-modal-header{align-items:center;background:#e64c31;background:var(--primary-coral);color:#fff;color:var(--white);display:flex;justify-content:space-between;padding:10px 12px}.preview-modal-header h2{font-family:Familjen Grotesk,sans-serif;font-size:28px;font-weight:600;margin:0}.preview-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:22px;height:26px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:26px}.preview-modal-close:hover{background:#fff3}.preview-modal-content{flex:1 1;overflow-y:auto;padding:0}.preview-phone-frame{background:#fff;background:var(--white);min-height:100%}.preview-modal .salon-logo-section{padding:12px}.preview-modal .salon-logo-section.logo-left{text-align:left}.preview-modal .salon-logo-section.logo-center{text-align:center}.preview-modal .salon-logo-section.logo-right{text-align:right}.preview-modal .salon-detail-logo{height:auto;max-height:150px;max-width:360px;width:auto}.preview-modal .salon-hero-section{padding:0 12px;width:100%}.preview-modal .salon-hero-image{border-radius:6px;display:block;height:auto;object-fit:contain;width:100%}.preview-modal .salon-gallery-section{padding:12px}.preview-modal .salon-gallery-section h2{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:28px;margin:0 0 10px}.preview-modal .salon-gallery-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.preview-modal .salon-gallery-image{border-radius:4px;height:500px;object-fit:cover;width:100%}.preview-modal .about-us-section,.preview-modal .business-hours-section,.preview-modal .contact-info-section,.preview-modal .follow-us-section,.preview-modal .services-section{border-top:1px solid #ddd;border-top:1px solid var(--border-gray);padding:12px}.preview-modal .about-us-section h2,.preview-modal .business-hours-section h2,.preview-modal .contact-info-section h2,.preview-modal .follow-us-section h2,.preview-modal .services-section h2{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:28px;margin:0 0 10px}.preview-modal .service-item{border-bottom:1px dashed #ddd;border-bottom:1px dashed var(--border-gray);margin-bottom:8px;padding-bottom:8px}.preview-modal .service-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.preview-modal .service-item h3{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:24px;margin:0 0 2px}.preview-modal .service-item p{color:#666;color:var(--medium-gray);font-size:22px;margin:0}.preview-modal .about-us-section p,.preview-modal .contact-details p{color:#333;color:var(--dark-gray);font-size:22px;line-height:1.5;margin:0}.preview-modal .contact-details p{margin-bottom:4px}.preview-modal .contact-details p:last-child{margin-bottom:0}.preview-modal .hours-list{list-style:none;margin:0;padding:0}.preview-modal .hours-list li{border-bottom:1px dotted #ddd;border-bottom:1px dotted var(--border-gray);display:flex;font-size:22px;justify-content:space-between;padding:4px 0}.preview-modal .hours-list li:last-child{border-bottom:none}.preview-modal .hours-list .day{color:#333;color:var(--dark-gray);font-weight:600}.preview-modal .hours-list .hours{color:#666;color:var(--medium-gray)}.preview-modal .social-media-links{display:flex;flex-wrap:wrap;gap:8px}.preview-modal .social-media-link{align-items:center;background:#f6f6f6;background:var(--light-gray);border-radius:6px;color:#333;color:var(--dark-gray);display:flex;font-size:22px;gap:6px;padding:6px 10px;text-decoration:none;transition:all .2s}.preview-modal .social-media-link:hover{background:#ffbdb1;background:var(--light-coral);color:#e64c31;color:var(--primary-coral)}.preview-modal .social-icon{height:14px;width:14px}@media (max-width:768px){.admin-content,.admin-content.no-preview{grid-template-columns:1fr}.admin-sidebar{order:2;width:100%}.admin-editor{order:1;padding:20px}.admin-editor.full-width{order:1}.preview-modal{border-radius:0;max-height:100vh;max-width:100%}.preview-modal-overlay{padding:0}.ai-interaction-panel{gap:20px;grid-template-columns:1fr}.ai-chat-interface{height:300px}.input-actions{flex-direction:column;gap:10px}.send-btn,.voice-input-btn{width:100%}.ai-features-preview ul{grid-template-columns:1fr}.ai-tab-header h2{font-size:24px}.ai-tab-container{padding:20px}}@media (max-width:480px){.preview-modal .salon-gallery-grid{grid-template-columns:repeat(2,1fr)}.preview-modal .salon-gallery-image{height:80px}.preview-modal .social-media-links{flex-direction:column}.ai-tab-container{padding:15px}.ai-tab-header h2{font-size:20px}.prompt-card{font-size:13px;padding:15px}.ai-chat-interface{height:250px;padding:15px}.message-content{font-size:13px;padding:12px}}.customer-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.page-title{color:#6b5b4d;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.appointment-booking-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:800px;padding:30px}.appointment-form{display:flex;flex-direction:column;gap:20px}.form-group{margin-bottom:5px}.form-group label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.form-group input[type=date],.form-group select,.form-group textarea{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;color:#333;font-size:16px;padding:12px 15px;transition:border-color .3s,box-shadow .3s;width:100%}.form-group input[type=date]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#b6a593;box-shadow:0 0 0 3px #b6a59333;outline:none}.form-group input[type=date]:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#eee;cursor:not-allowed;opacity:.7}.form-group textarea{min-height:100px;resize:vertical}.no-slots-message{color:#d32f2f;font-size:14px;font-style:italic;margin-top:8px}.book-another-button,.book-button{background-color:#b6a593;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:14px 24px;transition:background-color .3s;width:100%}.book-another-button:hover,.book-button:hover{background-color:#a69483}.book-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message,.success-message{border-radius:4px;margin-bottom:20px;padding:15px;text-align:center}.error-message{background-color:#ffebee;border:1px solid #ffcdd2;color:#d32f2f}.success-message{background-color:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#b6a593;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.booking-summary{background-color:#f8f8f8;border-left:4px solid #b6a593;border-radius:4px;margin-top:30px;padding:20px}.booking-summary h3{color:#6b5b4d;font-size:18px;margin-bottom:15px;margin-top:0}.booking-summary p{color:#333;font-size:15px;margin:8px 0}.success-container{padding:30px 0;text-align:center}.success-container p{color:#2e7d32;font-size:18px;margin-bottom:30px}.book-another-button{margin:0 auto;max-width:300px}.appointments-list-container{margin-top:30px}.appointments-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.appointments-list-header h2{color:#6b5b4d;margin:0}.filter-buttons{display:flex;gap:10px}.filter-button{background-color:#f0f0f0;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.filter-button:hover{background-color:#e0e0e0}.filter-button.active{background-color:#b6a593;color:#fff}.appointment-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:15px;padding:20px;transition:transform .2s,box-shadow .2s}.appointment-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.appointment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.appointment-date{color:#333;font-size:18px;font-weight:600}.appointment-status{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-pending{background-color:#fff8e1;color:#f57c00}.status-confirmed{background-color:#e8f5e9;color:#2e7d32}.status-rejected{background-color:#ffebee;color:#d32f2f}.status-completed{background-color:#e3f2fd;color:#1976d2}.appointment-details{margin:15px 0}.appointment-details p{color:#555;margin:5px 0}.appointment-details strong{color:#333}.appointment-actions{display:flex;gap:10px;margin-top:15px}.cancel-button,.reschedule-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.cancel-button{background-color:#ffebee;color:#d32f2f}.cancel-button:hover{background-color:#ffcdd2}.reschedule-button{background-color:#e8f5e9;color:#2e7d32}.reschedule-button:hover{background-color:#c8e6c9}.empty-appointments{background-color:#f9f9f9;border-radius:8px;color:#666;padding:40px 20px;text-align:center}.empty-appointments p{font-size:18px;margin-bottom:20px}.book-now-button{background-color:#b6a593;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:background-color .3s}.book-now-button:hover{background-color:#a69483}@media (max-width:768px){.appointment-booking-container{padding:20px 15px}.page-title{font-size:24px}.book-another-button,.book-button{font-size:16px;padding:12px 20px}.appointment-header{align-items:flex-start;gap:10px}.appointment-actions,.appointment-header{flex-direction:column}.cancel-button,.reschedule-button{width:100%}}
/*# sourceMappingURL=main.584d4b69.css.map*/