@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-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);padding:0}.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);padding:0}.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}.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}}.image-manager{background-color:var(--white);padding:0}.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}.form-group{margin-bottom:30px}.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 (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)}}.contact-editor{background-color:var(--white);padding:0}.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%}.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}.error-message{display:block}.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 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))}.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);padding:0}.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-size:16px;line-height:1.5;margin:0 0 25px}.about-us-textarea,.editor-info{font-family:Wix Madefor Text,sans-serif}.about-us-textarea{background-color:var(--white);border:1px solid var(--border-gray);border-radius:8px;box-sizing:border-box;font-size:14px;line-height:1.6;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}}.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;font-family:Wix Madefor Text,sans-serif!important;margin-bottom:30px!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:700!important;margin-bottom:20px!important;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;margin-bottom:25px!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}@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}}.leave-management-container,.stylists-editor{--stylist-primary-coral:#e64c31!important;--stylist-light-coral:#ffbdb1!important;--stylist-light-gray:#f6f6f6!important;--stylist-white:#fff!important;--stylist-black:#000!important;--stylist-dark-gray:#333!important;--stylist-medium-gray:#666!important;--stylist-border-gray:#ddd!important}.stylists-editor{background-color:initial!important;color:var(--stylist-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;margin-bottom:30px!important}.stylists-editor *{box-sizing:border-box!important}.stylists-editor h2{border-bottom:2px solid var(--stylist-light-coral)!important;color:var(--stylist-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:28px!important;font-weight:700!important;margin-bottom:20px!important;padding-bottom:10px!important}.stylists-editor .editor-description{color:var(--stylist-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:15px!important;line-height:1.6!important;margin-bottom:25px!important}.stylist-sub-tabs{border:2px solid var(--stylist-light-coral)!important;border-radius:8px!important;box-shadow:0 2px 8px #e64c311a!important;display:flex!important;gap:0!important;margin-bottom:25px!important;overflow:hidden!important}.stylist-sub-tabs,.stylist-sub-tabs .sub-tab{background-color:var(--stylist-white)!important}.stylist-sub-tabs .sub-tab{border:none!important;border-right:1px solid var(--stylist-light-coral)!important;color:var(--stylist-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}.stylist-sub-tabs .sub-tab:last-child{border-right:none!important}.stylist-sub-tabs .sub-tab:hover{background-color:var(--stylist-light-coral)!important;transform:translateY(-1px)!important}.stylist-sub-tabs .sub-tab.active{background-color:var(--stylist-primary-coral)!important;box-shadow:0 2px 8px #e64c314d!important;color:var(--stylist-white)!important}.stylists-list{margin-bottom:30px!important}.stylists-list h3{border-bottom:1px solid var(--stylist-light-coral)!important;color:var(--stylist-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}.stylist-list-actions{margin-bottom:25px!important}.no-stylists{background-color:var(--stylist-light-gray)!important;border:2px dashed var(--stylist-light-coral)!important;border-radius:8px!important;color:var(--stylist-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}.stylist-items{display:flex!important;flex-direction:column!important;gap:20px!important}.stylist-item{background-color:var(--stylist-white)!important;border:2px solid var(--stylist-light-coral)!important;border-radius:12px!important;box-shadow:0 2px 8px #e64c311a!important;overflow:hidden!important;transition:all .3s ease!important}.stylist-item:hover{box-shadow:0 4px 16px #e64c3133!important;transform:translateY(-2px)!important}.stylist-item.inactive{background-color:var(--stylist-light-gray)!important;opacity:.7!important}.stylist-content{padding:20px!important}.stylist-header{align-items:center!important;display:flex!important;gap:20px!important;margin-bottom:15px!important}.stylist-photo{border:3px solid var(--stylist-light-coral)!important;border-radius:50%!important;flex-shrink:0!important;height:80px!important;overflow:hidden!important;width:80px!important}.stylist-photo img{height:100%!important;object-fit:cover!important;width:100%!important}.stylist-photo .image-placeholder{background-color:var(--stylist-light-coral)!important;font-size:32px!important;height:100%!important;justify-content:center!important;text-transform:uppercase!important;width:100%!important}.stylist-info h3.stylist-name,.stylist-photo .image-placeholder{align-items:center!important;color:var(--stylist-primary-coral)!important;display:flex!important;font-family:Familjen Grotesk,sans-serif!important;font-weight:700!important}.stylist-info h3.stylist-name{font-size:22px!important;margin:0 0 5px!important}.stylist-title{color:var(--stylist-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(--stylist-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}.stylist-bio{color:var(--stylist-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;line-height:1.6!important}.stylist-bio,.stylist-services{margin:15px 0!important}.stylist-services h5{color:var(--stylist-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important;margin:0 0 8px!important}.stylist-services p{color:var(--stylist-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;margin:0!important}.stylist-leave-summary{background-color:var(--stylist-light-gray)!important;border:1px solid var(--stylist-light-coral)!important;border-radius:8px!important;margin:15px 0!important;padding:15px!important}.stylist-leave-summary strong{color:var(--stylist-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(--stylist-dark-gray)!important}.leave-stats small{color:var(--stylist-medium-gray)!important;font-style:italic!important}.stylist-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}.stylist-actions{align-items:center!important;border-top:1px solid var(--stylist-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}.stylist-form{background-color:var(--stylist-white)!important;border:2px solid var(--stylist-light-coral)!important;border-radius:12px!important;box-shadow:0 4px 12px #e64c311a!important;margin-bottom:30px!important;padding:30px!important}.stylist-form h3{border-bottom:2px solid var(--stylist-light-coral)!important;color:var(--stylist-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}.stylists-editor .form-group{display:flex!important;flex-direction:column!important;margin-bottom:25px!important}.stylists-editor .form-group label{color:var(--stylist-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}.stylists-editor .form-group input[type=date],.stylists-editor .form-group input[type=email],.stylists-editor .form-group input[type=number],.stylists-editor .form-group input[type=tel],.stylists-editor .form-group input[type=text],.stylists-editor .form-group input[type=time],.stylists-editor .form-group input[type=url],.stylists-editor .form-group select,.stylists-editor .form-group textarea{background-color:var(--stylist-white)!important;border:2px solid var(--stylist-light-coral)!important;border-radius:8px!important;box-sizing:border-box!important;color:var(--stylist-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}.stylists-editor .form-group input:focus,.stylists-editor .form-group select:focus,.stylists-editor .form-group textarea:focus{border-color:var(--stylist-primary-coral)!important;box-shadow:0 0 0 3px #e64c311a!important;outline:none!important}.stylists-editor .form-group textarea{min-height:100px!important;resize:vertical!important}.stylists-editor .checkbox-group{align-items:center!important;display:flex!important;gap:10px!important}.stylists-editor .checkbox-group label{align-items:center!important;color:var(--stylist-dark-gray)!important;cursor:pointer!important;display:flex!important;font-family:Wix Madefor Text,sans-serif!important;margin-bottom:0!important}.stylists-editor .checkbox-group input[type=checkbox]{accent-color:var(--stylist-primary-coral)!important;height:18px!important;margin-right:8px!important;width:18px!important}.stylists-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}.stylists-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}.stylists-editor .form-group>div[style*="flex-direction: column"] input[type=checkbox]{accent-color:var(--stylist-primary-coral)!important;flex-shrink:0!important;height:18px!important;margin-left:0!important;margin-right:12px!important;width:18px!important}.stylists-editor .form-group>div[style*="flex-direction: column"] label{color:var(--stylist-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}.stylists-editor .form-helper-text{margin-top:6px!important}.stylists-editor .form-helper-text small{font-size:12px!important}.no-services-message,.stylists-editor .form-helper-text small{color:var(--stylist-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-style:italic!important}.no-services-message{background-color:var(--stylist-light-gray)!important;border:2px dashed var(--stylist-light-coral)!important;border-radius:8px!important;margin:10px 0!important;padding:15px!important;text-align:center!important}.photo-preview{border:2px solid var(--stylist-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}.stylists-editor .add-button,.stylists-editor .cancel-button,.stylists-editor .edit-button,.stylists-editor .remove-button,.stylists-editor .save-button,.stylists-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}.stylists-editor .edit-button{background-color:var(--stylist-light-gray)!important;border:2px solid var(--stylist-border-gray)!important;color:var(--stylist-dark-gray)!important}.stylists-editor .edit-button:hover{background-color:var(--stylist-light-coral)!important;border-color:var(--stylist-primary-coral)!important;color:var(--stylist-primary-coral)!important}.stylists-editor .remove-button{background-color:#ffebee!important;border:2px solid #ffcdd2!important;color:#d32f2f!important}.stylists-editor .remove-button:hover{background-color:#d32f2f!important;border-color:#d32f2f!important;color:var(--stylist-white)!important}.stylists-editor .add-button{background-color:var(--stylist-primary-coral)!important;border:2px solid var(--stylist-primary-coral)!important;color:var(--stylist-white)!important}.stylists-editor .add-button:hover{background-color:#d63c23!important;border-color:#d63c23!important;box-shadow:0 4px 12px #e64c314d!important;transform:translateY(-2px)!important}.stylists-editor .save-button,.stylists-editor .update-button{background-color:var(--stylist-primary-coral)!important;border:2px solid var(--stylist-primary-coral)!important;color:var(--stylist-white)!important}.stylists-editor .save-button:hover,.stylists-editor .update-button:hover{background-color:#d63c23!important;border-color:#d63c23!important;box-shadow:0 4px 12px #e64c314d!important;transform:translateY(-1px)!important}.stylists-editor .cancel-button{background-color:var(--stylist-light-gray)!important;border:2px solid var(--stylist-border-gray)!important;color:var(--stylist-medium-gray)!important}.stylists-editor .cancel-button:hover{background-color:var(--stylist-border-gray)!important;color:var(--stylist-dark-gray)!important}.stylists-editor .add-button:disabled,.stylists-editor .save-button:disabled,.stylists-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}.stylists-editor .form-actions{border-top:2px solid var(--stylist-light-coral)!important;display:flex!important;gap:15px!important;justify-content:flex-end!important;margin-top:30px!important;padding-top:20px!important}.stylists-editor .loading{background-color:var(--stylist-light-gray)!important;border:2px dashed var(--stylist-light-coral)!important;border-radius:8px!important;color:var(--stylist-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-style:italic!important;padding:30px!important;text-align:center!important}.stylists-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}.leave-management-container{background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:var(--stylist-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;padding:0!important}.leave-summary-single-box{background-color:var(--stylist-light-gray)!important;border:2px solid var(--stylist-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(--stylist-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(--stylist-primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-weight:600!important;margin-right:10px!important}.year-selector select{background-color:var(--stylist-white)!important;border:2px solid var(--stylist-light-coral)!important;border-radius:6px!important;color:var(--stylist-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(--stylist-white)!important;border:2px solid var(--stylist-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(--stylist-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{font-family:Wix Madefor Text,sans-serif!important;font-size:12px!important}.leave-stat-card small,.leave-stat-label{color:var(--stylist-medium-gray)!important}.leave-stat-card small{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(--stylist-light-coral)!important;color:var(--stylist-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(--stylist-light-coral)!important;border-radius:8px!important;color:var(--stylist-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(--stylist-light-gray)!important}.leave-form{border:2px solid var(--stylist-light-coral)!important;border-radius:12px!important;margin-bottom:25px!important;padding:25px!important}.leave-form h4{color:var(--stylist-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(--stylist-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(--stylist-white)!important;border:2px solid var(--stylist-light-coral)!important;border-radius:6px!important;box-sizing:border-box!important;color:var(--stylist-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(--stylist-primary-coral)!important;box-shadow:0 0 0 3px #e64c311a!important;outline:none!important}.leave-form .form-actions{border-top:1px solid var(--stylist-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(--stylist-light-gray)!important;border:2px solid var(--stylist-border-gray)!important;color:var(--stylist-medium-gray)!important}.leave-form .save-button{background-color:var(--stylist-primary-coral)!important;border:2px solid var(--stylist-primary-coral)!important;color:var(--stylist-white)!important}.records-list{display:flex!important;flex-direction:column!important;gap:15px!important}.leave-record-item{background-color:var(--stylist-white)!important;border:2px solid var(--stylist-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(--stylist-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(--stylist-medium-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:12px!important}.record-dates{color:var(--stylist-dark-gray)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important}.record-dates small{color:var(--stylist-medium-gray)!important;display:block!important;font-size:11px!important;font-weight:400!important;margin-top:2px!important}.record-content p{color:var(--stylist-dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;margin:8px 0!important}.record-content strong{color:var(--stylist-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(--stylist-medium-gray)!important;font-size:11px!important;font-style:italic!important}.record-actions{border-top:1px solid var(--stylist-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){.stylist-sub-tabs{flex-direction:column!important}.stylist-sub-tabs .sub-tab{border-bottom:1px solid var(--stylist-light-coral)!important;border-right:none!important;text-align:center!important}.stylist-sub-tabs .sub-tab:last-child{border-bottom:none!important}.stylist-header{flex-direction:column!important;text-align:center!important}.stylist-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){.stylist-sub-tabs .sub-tab{font-size:12px!important;padding:12px 20px!important}.stylist-form{padding:20px 15px!important}.leave-management-container{padding:0!important}.leave-form{padding:15px!important}.leave-form .form-actions,.stylists-editor .form-actions{flex-direction:column!important}}:root{--success-green:#4caf50;--warning-yellow:#ff9800;--leave-purple:#9c27b0;--leave-blue:#2196f3;--available-green:#e8f5e9;--available-border:#4caf50;--pending-orange:#fff3e0;--pending-border:#ff9800;--approved-blue:#e3f2fd;--approved-border:#2196f3;--unavailable-gray:#ffebee;--unavailable-border:#f44336;--leave-lavender:#f3e5f5;--leave-border:#9c27b0;--all-stylists-available-bg:#e8f5e9;--all-stylists-available-border:#4caf50;--some-stylists-available-bg:#fff3e0;--some-stylists-available-border:#ff9800;--all-stylists-occupied-bg:#ffebee;--all-stylists-occupied-border:#f44336;--slot-height:50px}.booking-calendar-container{background-color:#fff;background-color:var(--white);font-family:Wix Madefor Text,sans-serif;min-height:100vh;overflow-x: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%}.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;overflow:hidden}.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{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)}.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-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}.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:500px;overflow-y:auto;padding:25px}.no-requests{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);padding:40px 20px;text-align:center}.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)}.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;gap:20px;margin-bottom:25px;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;text-align:center}.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}.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-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px;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-stylists-available{background-color:#e8f5e9;background-color:var(--available-green);border-color:#4caf50;border-color:var(--available-border)}.legend-color.some-stylists-available{background-color:#fff3e0;background-color:var(--pending-orange);border-color:#ff9800;border-color:var(--pending-border)}.legend-color.all-stylists-occupied{background-color:#ffebee;background-color:var(--unavailable-gray);border-color:#f44336;border-color:var(--unavailable-border)}.calendar-grid{background-color:#ddd;background-color:var(--border-gray);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:10px;display:flex;margin-bottom:25px;max-height:80vh;overflow: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);color:#fff;color:var(--white);font-family:Familjen Grotesk,sans-serif;font-weight:600}.time-header,.time-slot-label{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-gray);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);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);color:#fff;color:var(--white);display:flex;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;justify-content:center;padding:0 10px;text-align:center}.day-header,.time-slot{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-gray);box-sizing:border-box;height:50px;height:var(--slot-height)}.time-slot{background-color:#fff;background-color:var(--white);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-stylists-available{background-color:#e8f5e9;background-color:var(--all-stylists-available-bg);border-left:4px solid #4caf50;border-left:4px solid var(--all-stylists-available-border)}.time-slot.some-stylists-available{background-color:#fff3e0;background-color:var(--some-stylists-available-bg);border-left:4px solid #ff9800;border-left:4px solid var(--some-stylists-available-border)}.time-slot.all-stylists-occupied{background-color:#ffebee;background-color:var(--all-stylists-occupied-bg);border-left:4px solid #f44336;border-left:4px solid var(--all-stylists-occupied-border)}.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}.modal-overlay{background-color:#0009}.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%}.stylist-availability-modal{max-width:800px;width:95%}.modal-header{background-color:#f6f6f6;background-color:var(--light-gray);padding:20px 25px}.modal-header h3{color:#e64c31;color:var(--primary-coral);font-size:22px}.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}.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:25px;padding:20px}.summary-stats{flex-wrap:wrap;gap:20px;justify-content:space-around}.stat-item,.summary-stats{align-items:center;display:flex}.stat-item{flex-direction:column;text-align:center}.stat-label{color:#666;color:var(--medium-gray);margin-bottom:5px}.stat-value{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:24px;font-weight:700}.stat-value.available{color:#4caf50;color:var(--success-green)}.stat-value.occupied{color:#f44336;color:var(--error-red)}.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{margin-top:12px}.stylist-services strong{color:#e64c31;color:var(--primary-coral);display:block;font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.services-list{flex-wrap:wrap;gap:6px;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:12px;color:#e64c31;color:var(--primary-coral);font-weight:500;padding:4px 8px}.no-services,.services-list li{font-family:Wix Madefor Text,sans-serif;font-size:11px}.no-services{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}.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)}.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)}.modal-actions{flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px;padding-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)}.calendar-summary{grid-gap:20px;background-color:#f6f6f6;background-color:var(--light-gray);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:25px}.calendar-summary,.summary-card{border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:10px;padding:20px}.summary-card{background-color:#fff;background-color:var(--white);box-shadow:0 2px 8px #e64c311a;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}}:root{--warning-orange:#ff9800;--info-blue:#2196f3;--error-red:#f44336}.promotions-editor{margin-bottom:30px;max-width:1200px;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{display:flex;flex:1 1;flex-direction:column}.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}.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}@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}}.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);max-width:95%;overflow:hidden;padding:10px}.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;font-weight:700;margin:0}.customers-header h2,.refresh-button{font-family:Familjen Grotesk,sans-serif}.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;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.refresh-button:hover{background-color:#d13d24}.loading-container{flex:1 1;padding:30px 20px;text-align:center}.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;border-radius:8px;box-shadow:0 2px 8px #e64c3133;color:#fff;color:var(--white);padding:12px;text-align:center}.stat-number{color:#000;font-size:24px}.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-weight:700;letter-spacing:.5px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.customers-table td,.customers-table th{font-family:Familjen Grotesk,sans-serif;font-size:15px;padding:12px}.customers-table td{border-bottom:1px solid #ffbdb1;border-bottom:1px solid var(--light-coral);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:15px;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:14px;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:13px}.loyalty-badge{border-radius:12px;display:inline-block;font-family:Familjen Grotesk,sans-serif;font-size:12px;font-weight:700;letter-spacing:.3px;padding:4px 8px;text-transform:uppercase}.loyalty-badge.bronze{background-color:#cd7f32;color:#fff;color:var(--white)}.loyalty-badge.silver{background-color:silver;color:#333;color:var(--dark-gray)}.loyalty-badge.gold{background-color:gold;color:#333;color:var(--dark-gray)}.loyalty-badge.vip{background-color:#e64c31;background-color:var(--primary-coral);color:#fff;color:var(--white)}.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}.edit-button,.view-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}.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);font-size:20px}.close-button{color:#fff;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;padding:10px 12px}.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;cursor:pointer;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{flex-direction:column;gap:4px}.customer-modal{margin:10px;width:95%}.customers-table td:nth-child(4),.customers-table td:nth-child(5),.customers-table td:nth-child(6),.customers-table th:nth-child(4),.customers-table th:nth-child(5),.customers-table th:nth-child(6){display:none}}@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}}.about-us-section h2{color:#e64c31!important;color:var(--primary-coral)!important}.about-us-section p{color:#333!important;color:var(--dark-gray)!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}.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{border-bottom:2px solid #0000;border-radius:4px 4px 0 0;font-size:15px;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{align-items:center;border-radius:4px;display:flex;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{color:#333;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;padding:12px}.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;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);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;text-align:center}.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%;min-height:200px}.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{flex-shrink:0}.module-title{color:#e64c31;color:var(--primary-coral);line-height:1.2}.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:14px;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:11px;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:14px;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{background:none;border:none;border-radius:4px;color:#666;color:var(--medium-gray);cursor:pointer;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;display:grid;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:10px;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:11px;min-height:34px;padding:8px 10px}.module-card{min-height:340px;padding:16px}.module-title{font-size:18px}}.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{background:none;border-bottom:3px solid #0000;color:#666;font-size:16px;font-weight:500}.tab-button:hover{background-color:#f9f9f9;color:#b6a593}.tab-button.active{background-color:#fff;border-bottom-color:#b6a593;color:#b6a593}.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}.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{border-radius:6px;font-size:14px;padding:12px 15px}.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}.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}}.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;max-width:400px;padding:30px;width:100%}.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%)}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.empty-state{color:#6c757d;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%}}.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{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;display:grid;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{background:#6c757d;border-radius:6px;font-weight:500;margin-left:8px;padding:8px 16px}.cancel-button:hover{background:#5a6268}.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{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;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;box-sizing:border-box;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);border:none;border-radius:6px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.submit-button:hover{background:#d63c23;transform:translateY(-1px)}.submit-button:disabled{background:#6c757d;cursor:not-allowed;transform:none}.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}}.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;max-width:450px;padding:40px;width:100%}.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{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:36px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.error-icon{background-color:#f44336}.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}}.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;max-width:400px;padding:30px;width:100%}.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;min-height:100vh}.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;padding:30px 20px;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:16px;margin-top:0}.dashboard-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:40px}.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:18px;margin-bottom:10px;margin-top:0}.dashboard-card p{color:#666;font-size:14px;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;max-height:590px;overflow:hidden;width:100%}.salon-hero-image{height:590px;object-fit:cover;width:100%}.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{border-radius:8px;height:250px;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-image:hover{transform:scale(1.05)}.about-us-section{border-radius:8px;margin:30px 0;padding:40px 20px;text-align:center}.about-us-section h2{font-size:24px;margin-bottom:15px}.about-us-section p{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 0;padding:20px}.contact-info-section h2{font-size:24px;margin-bottom:20px}.contact-details p{font-size:14px;margin:8px 0}.business-hours-section{margin:30px 0;padding:20px}.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:14px;justify-content:space-between;padding:4px 0}.business-hours-section .hours-list .day{font-weight:700}.follow-us-section{margin:30px 0;padding:20px;text-align:center}.follow-us-section h2{font-size:24px;margin-bottom:20px}.social-media-icons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.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-image{height:250px}.social-media-icons{gap:15px}}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr}.salon-hero-image{height:200px}.social-media-icons{gap:10px}}.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 0;padding:20px}.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;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}}}.about-us-section p,.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,.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%}}.booking-container{background-color:#f9f9f9;font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}.booking-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #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 8px #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}}.form-group label:after{color:#dc3545;content:" *";font-weight:700}.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 8px #0000001a;padding:25px}.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 4px 12px #0000000d;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}.profile-management{background-color:#f9f9f9;font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}.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}.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{background:linear-gradient(135deg,#b6a593,#d9c5b2);border-radius:8px;color:#fff;display:flex;flex-direction:column;font-weight:500;gap:5px;padding:15px}.points-display{font-size:18px;font-weight:600}.profile-form{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;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}.preference-row{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:25px;padding:20px}.form-group input,.form-group select{background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:14px;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;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}.loyalty-container{background-color:#f9f9f9;font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}.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}.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;padding:10px 16px;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;text-align:center}.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-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}}: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);display:flex;flex:1 1}.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 .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);border-right:1px solid #ddd;border-right:1px solid var(--border-gray);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}@media (max-width:768px){.admin-content{flex-direction:column}.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}.admin-preview{max-height:400px;order:3;width:100%}.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){.admin-preview{padding:15px}.preview-gallery{gap:4px;grid-template-columns:repeat(2,1fr)}.preview-gallery-image{height:50px}.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.604a0e50.css.map*/