@import url(https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;500;600&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}}:root{--success-green:#4caf50;--error-red:#f44336;--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:#f5f5f5;--unavailable-border:#9e9e9e;--leave-lavender:#f3e5f5;--leave-border:#9c27b0;--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:2px solid #ffbdb1;border:2px solid var(--light-coral);color:#333;color:var(--dark-gray);padding:8px 35px 8px 12px}.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:var(--unavailable-grey);border-color:#9e9e9e;border-color:var(--unavailable-border)}.legend-color.leave{background-color:#f3e5f5;background-color:var(--leave-lavender);border-color:#9c27b0;border-color:var(--leave-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.unavailable{background-color:#f5f5f5;background-color:var(--unavailable-gray);background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#9e9e9e1a 0,#9e9e9e1a 20px);border-left:4px solid #9e9e9e;border-left:4px solid var(--unavailable-border)}.time-slot.unavailable.has-stylist-unavailability{background:linear-gradient(45deg,#f5f5f5,#f5f5f5 50%,#f3e5f5 0,#f3e5f5);background:linear-gradient(45deg,var(--unavailable-gray) 0,var(--unavailable-gray) 50%,var(--leave-lavender) 50%,var(--leave-lavender) 100%);border-left:4px solid #9c27b0;border-left:4px solid var(--leave-border)}.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}.stylist-unavailability-container{height:100%;position:relative;width:100%;z-index:5}.stylist-unavailability-overlay{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#9c27b033;border:1px solid #9c27b0;border:1px solid var(--leave-purple);border-radius:3px;display:flex;height:20px;justify-content:flex-start;left:2px;margin:1px 0;padding:0 4px;pointer-events:auto;position:absolute;right:2px;z-index:6}.stylist-unavailability-text{background-color:#ffffffe6;border:1px solid #9c27b0;border:1px solid var(--leave-purple);border-radius:2px;color:#9c27b0;color:var(--leave-purple);font-family:Familjen Grotesk,sans-serif;font-size:9px;font-weight:600;max-width:100%;overflow:hidden;padding:1px 3px;text-align:left;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%}.modal-header{border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);padding:20px 25px}.modal-header h3{font-size:22px;font-weight:700}.close-button{border-radius:50%;color:#666;color:var(--medium-gray);font-size:28px;height:30px;transition:all .2s ease;width:30px}.close-button:hover{background-color:#ffbdb1;background-color:var(--light-coral);color:#e64c31;color:var(--primary-coral)}.modal-content{padding:25px}.request-details{grid-gap:15px;display:grid;gap:15px;margin-bottom:25px}.detail-row{grid-gap:15px;border-bottom:1px solid #ffbdb1;border-bottom:1px solid var(--light-coral);display:grid;gap:15px;grid-template-columns:140px 1fr;padding:12px 0}.detail-row 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{border-top:2px solid #ffbdb1;border-top:2px solid var(--light-coral);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);color:var(--white)}.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;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)}@media (max-width:1200px){.calendar-grid{font-size:12px}.time-column{min-width:80px}.stylist-unavailability-text{font-size:8px;padding:1px 2px}.requests-filters{align-items:stretch;flex-direction:column;gap:15px}.request-details-grid{grid-template-columns:1fr}}@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}.stylist-unavailability-overlay{height:20px}.stylist-unavailability-text{font-size:7px;line-height:1.1;padding:1px}.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}}@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}}.summary-header{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 20px}.summary-header h3{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-weight:700}.summary-filters{align-items:center;display:flex;gap:10px}.summary-filters label{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-weight:600}.summary-filters select{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:6px;color:#333;color:var(--dark-gray);cursor:pointer;font-family:Wix Madefor Text,sans-serif;padding:8px 12px}.summary-cards-grid{grid-gap:20px;gap:20px}.summary-number.cancelled{color:#f44336;color:var(--error-red)}.calendar-summary-top{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.summary-header h3{color:#333;margin:0}.summary-time-filter select{background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px}.summary-cards-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;padding:15px;text-align:center}.summary-number.cancelled{color:#dc3545;font-size:24px;font-weight:700}.customers-manager{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:calc(100vh - 140px);max-width:100%;overflow:hidden;padding:10px}.customers-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.customers-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.refresh-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:5px 10px;transition:background-color .2s}.refresh-button:hover{background-color:#5a6268}.loading-container{flex:1 1;padding:30px 20px;text-align:center}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#007bff;height:30px;margin-bottom:12px;width:30px}.error-banner{align-items:center;background-color:#f8d7da;border-radius:4px;color:#721c24;display:flex;flex-shrink:0;font-size:14px;justify-content:space-between;margin-bottom:10px;padding:8px}.retry-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.retry-button:hover{background-color:#c82333}.customers-controls{grid-gap:12px;align-items:center;display:grid;flex-shrink:0;gap:12px;grid-template-columns:1fr auto;margin-bottom:10px}.search-section{align-items:center;display:flex}.search-input{border:1px solid #ddd;font-size:13px;max-width:320px;outline:none;padding:6px 10px;transition:border-color .2s}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.filter-section{display:flex;gap:6px}.filter-select,.sort-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 8px}.customers-stats{grid-gap:10px;display:grid;flex-shrink:0;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.stat-card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:8px}.stat-number{color:#007bff;font-size:20px;font-weight:700;line-height:1;margin-bottom:2px}.stat-label{color:#6c757d;letter-spacing:.3px;line-height:1}.customers-table-container{border:1px solid #ddd;border-radius:8px;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.customers-table{background-color:#fff;border-collapse:collapse;width:100%}.customers-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:12px;font-weight:600;letter-spacing:.2px;padding:6px 8px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.customers-table td{border-bottom:1px solid #dee2e6;font-size:13px;padding:8px;vertical-align:middle}.customers-table tr:hover{background-color:#f8f9fa}.customer-info{align-items:center;display:flex;gap:8px}.customer-avatar{height:32px;width:32px}.avatar-placeholder{background-color:#007bff;font-size:12px}.customer-details{flex:1 1;min-width:0}.customer-name{color:#333;font-size:13px;font-weight:600;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-since{color:#6c757d;font-size:10px;line-height:1}.contact-info{line-height:1.1}.contact-info .email{color:#333;display:block;font-size:12px;font-weight:500;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-info .phone{color:#6c757d;font-size:11px}.loyalty-badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.2px;padding:2px 5px;text-transform:uppercase}.loyalty-badge.bronze{background-color:#cd7f32;color:#fff}.loyalty-badge.silver{background-color:silver;color:#333}.loyalty-badge.gold{background-color:gold;color:#333}.loyalty-badge.vip{background-color:#9932cc;color:#fff}.points-count,.visits-count{color:#333;font-size:13px;font-weight:600;text-align:center}.last-visit{color:#6c757d;font-size:12px}.action-buttons{display:flex;gap:4px}.edit-button,.view-button{border:none;border-radius:3px;cursor:pointer;font-size:10px;font-weight:500;padding:3px 6px;transition:all .2s}.view-button{background-color:#17a2b8;color:#fff}.view-button:hover{background-color:#138496}.edit-button{background-color:#ffc107;color:#333}.edit-button:hover{background-color:#e0a800}.no-customers{color:#6c757d;font-size:14px;padding:20px}.customer-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{padding:15px 20px}.close-button{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:20px;height:25px;justify-content:center;padding:0;width:25px}.close-button:hover{color:#333}.modal-content{padding:15px 20px}.customer-profile{display:flex;flex-direction:column;gap:15px}.profile-section h4{border-bottom:1px solid #eee;color:#333;font-size:15px;margin-bottom:10px;margin-top:0;padding-bottom:3px}.profile-section p{font-size:14px;line-height:1.4;margin:6px 0}.profile-section strong{color:#333;display:inline-block;font-size:13px;min-width:100px}.form-group{margin-bottom:15px}.form-group label{margin-bottom:4px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 10px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-actions{gap:8px;margin-top:20px;padding-top:15px}.cancel-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.save-button{background-color:#28a745}.save-button:hover{background-color:#218838}.appointment-status.status-pending{background-color:#fff3e0;border:1px solid #f57c00;border-radius:8px;color:#f57c00;font-size:9px;font-weight:600;padding:2px 4px}.appointment-status.status-confirmed{background-color:#e8f5e9;border:1px solid #2e7d32;border-radius:8px;color:#2e7d32;font-size:9px;font-weight:600;padding:2px 4px}.appointment-status.status-rejected{background-color:#ffebee;border:1px solid #d32f2f;border-radius:8px;color:#d32f2f;font-size:9px;font-weight:600;padding:2px 4px}.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 #0000001a;transform:scale(1.02)}to{transform:scale(1)}}.message-container{margin:8px 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:13px;gap:6px;margin:6px 0;padding:6px 10px;position:relative}.error-message{border:1px solid #f44336}.close-message{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;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:8px;grid-template-columns:repeat(3,1fr)}.stat-card{padding:6px}.stat-number{font-size:18px}}@media (max-width:768px){.customers-manager{height:calc(100vh - 100px);padding:8px}.customers-controls{gap:8px;grid-template-columns:1fr}.filter-section{justify-content:flex-start}.customers-stats{gap:6px;grid-template-columns:repeat(2,1fr)}.customers-table td,.customers-table th{font-size:11px;padding:4px 6px}.customer-info{align-items:flex-start;flex-direction:column;gap:4px}.action-buttons{flex-direction:column;gap:2px}.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:8px;text-align:center}.customers-stats{grid-template-columns:1fr}.stat-number{font-size:16px}}.about-us-section h2{color:#444!important}.reports-dashboard{background:#fff;border-radius:8px;font-family:Familjen Grotesk,sans-serif;max-height:calc(100vh - 140px);overflow-y:auto;padding:20px}.reports-header{border-bottom:1px solid #eaeaea;margin-bottom:30px;padding-bottom:20px}.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;transition:all .2s ease}.tab-button.active{background-color:#f8fbff;border-bottom-color:#0070c9;color:#0070c9}.query-builder-section{display:flex;flex-direction:column;gap:30px}.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,.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,.value-input:focus{border-color:#0070c9;box-shadow:0 0 0 3px #0070c91a;outline:none}.add-condition-btn,.export-btn,.generate-data-btn,.generate-report-btn,.print-btn{background-color:#0070c9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.add-condition-btn:hover,.export-btn:hover,.generate-data-btn:hover,.generate-report-btn:hover,.print-btn:hover{background-color:#07c}.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;cursor:pointer;display:flex;padding:6px 8px;transition:background-color .2s ease}.checkbox-label:hover{background-color:#f5f5f5}.checkbox-label input[type=checkbox]{accent-color:#0070c9;margin-right:8px}.checkbox-label span{color:#333;font-size:14px}.report-results{background:#fff;border:1px solid #eaeaea;border-radius:8px;overflow:hidden}.results-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:20px}.results-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.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}.results-table-container{max-height:400px;overflow-x:auto;overflow-y:auto}.results-table{border-collapse:collapse;font-size:14px;width:100%}.results-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}.results-table td{border-bottom:1px solid #f0f0f0;max-width:200px;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.results-table tr:hover{background-color:#f8fbff}.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:30px}.analytics-overview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:20px;padding:24px;text-align:center}.analytics-overview h3{font-size:24px;font-weight:600;margin:0 0 8px}.analytics-overview p{font-size:16px;margin:0;opacity:.9}.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-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}.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{margin-bottom:2px}.chart-subtitle{color:#666;font-size:12px;font-style:italic}.chart-value{flex-shrink:0;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}}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.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-label{color:#333;font-size:14px;font-weight:500;min-width:120px}.chart-value{color:#0070c9;font-size:14px;font-weight:600;min-width:50px}.chart-bar{border-radius:4px;height:20px;min-width:20px;position:relative;transition:width .3s ease}.no-chart-data{font-style:italic}.loading-message,.no-chart-data{color:#666;padding:40px 20px;text-align:center}.loading-message{background:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;font-size:16px}.chart-subtitle{align-items:center;display:flex;gap:4px}@media (max-width:1200px){.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(350px,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}}@media (max-width:480px){.reports-header h1{font-size:24px}.tab-button{font-size:14px;padding:10px 12px}.analytics-chart-card,.chart-card{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}}@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{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}}.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 #0070c9;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,#0070c9,#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}.analytics-chart-bar[style*="#0070c9"]{background:linear-gradient(135deg,#0070c9,#0080d9)!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}.notifications-editor{margin:0 auto;max-width:1200px;padding:20px}.notifications-editor h2{color:#e64c31;font-size:24px;margin-bottom:20px;margin-top:0}.notifications-tabs{border-bottom:2px solid #e0e0e0;display:flex;margin-bottom:30px}.tab-button{border-bottom:3px solid #0000;font-size:16px;padding:12px 20px;transition:all .3s ease}.tab-button:hover{background-color:#f5f5f5;color:#b6a593}.tab-button.active{border-bottom-color:#b6a593;color:#b6a593;font-weight:600}.notifications-list-view{width:100%}.no-notifications{background-color:#f9f9f9;border:2px dashed #ddd;border-radius:8px;padding:60px 20px;text-align:center}.no-notifications p{color:#666;font-size:18px;margin-bottom:30px}.quick-actions{display:flex;gap:15px;justify-content:center}.quick-actions .add-button{background-color:#b6a593;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.quick-actions .add-button:hover{background-color:#a69483}.notifications-list{display:flex;flex-direction:column;gap:20px}.notification-item{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:box-shadow .3s ease}.notification-item:hover{box-shadow:0 4px 8px #00000026}.notification-item.sent{border-left:4px solid #4caf50}.notification-item.scheduled{border-left:4px solid #2196f3}.notification-item.failed{border-left:4px solid #f44336}.notification-item.sending{border-left:4px solid #ff9800}.notification-item.draft{border-left:4px solid #9e9e9e}.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;flex:1 1;font-size:18px;margin:0}.notification-badges{display:flex;flex-wrap:wrap;gap:8px}.status-badge.sent{background-color:#e8f5e9;color:#2e7d32}.status-badge.scheduled{background-color:#e3f2fd;color:#1565c0}.status-badge.failed{background-color:#ffebee;color:#c62828}.status-badge.sending{background-color:#fff3e0;color:#ef6c00}.status-badge.draft{background-color:#f5f5f5;color:#616161}.type-badge{background-color:#b6a593}.recurring-badge,.type-badge{border-radius:12px;font-size:12px}.recurring-badge{background-color:#9c27b0;color:#fff;font-weight:600;padding:4px 8px}.notification-body{color:#666;line-height:1.5;margin:10px 0}.notification-details{border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:20px;margin-top:15px;padding-top:15px}.detail-item{color:#666;font-size:14px}.detail-item strong{color:#333}.notification-actions{display:flex;gap:10px;margin-top:15px}.notification-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.edit-button{background-color:#2196f3;color:#fff}.edit-button:hover{background-color:#1976d2}.send-button{background-color:#4caf50;color:#fff}.send-button:hover{background-color:#45a049}.remove-button{background-color:#f44336}.remove-button:hover{background-color:#d32f2f}.notification-form{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.notification-form h3{border-bottom:2px solid #b6a593;color:#333;font-size:20px;margin-bottom:30px;margin-top:0;padding-bottom:10px}.form-section{background-color:#f9f9f9;border:1px solid #eee;border-radius:6px}.form-section h4{color:#333}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px}.form-group textarea{min-height:120px}.form-helper-text{line-height:1.4}.input-with-emojis,.textarea-with-emojis{position:relative}.emoji-picker{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;margin-top:10px;padding:10px}.emoji-picker span{color:#666;font-size:12px;margin-right:10px}.emoji-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:4px 6px;transition:background-color .2s ease}.emoji-button:hover{background-color:#e0e0e0}.checkbox-group input[type=checkbox]{margin:2px 0 0;width:auto}.checkbox-group label{flex:1 1;margin:0}.recurring-options{background-color:#fff;margin-top:15px;padding:15px}.recurring-options,.targeting-criteria{border:1px solid #ddd;border-radius:4px}.targeting-criteria select[multiple]{min-height:120px}.preview-button{background-color:#6c757d;border-radius:4px;transition:background-color .3s ease}.preview-button:hover{background-color:#5a6268}.preview-button:disabled{background-color:#ccc}.targeting-preview{background-color:#e8f5e9;border:1px solid #4caf50;border-radius:4px;margin-top:15px}.targeting-preview h5,.targeting-preview p{color:#2e7d32}.form-actions{border-top:1px solid #eee}.cancel-button{padding:12px 24px}.cancel-button,.save-button{border-radius:4px;transition:background-color .3s ease}.save-button{background-color:#b6a593}.save-button:hover{background-color:#a69483}.error-message{border-radius:4px;color:#c62828;padding:15px}.loading{color:#666;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.notifications-editor{padding:15px}.notifications-tabs{flex-direction:column}.tab-button{border-bottom:1px solid #ddd;border-right:none}.tab-button.active{border-bottom:1px solid #ddd;border-left:3px solid #b6a593}.form-row{grid-template-columns:1fr}.notification-header{align-items:flex-start}.notification-details,.notification-header{flex-direction:column;gap:10px}.notification-actions{flex-wrap:wrap}.form-actions,.quick-actions{flex-direction:column}.quick-actions{align-items:center}}.notification-item.sending{animation:pulse 2s infinite}.detail-item:last-child{flex-basis:100%;font-size:13px;margin-top:5px}select[multiple]{overflow-y:auto}select[multiple] option{padding:5px 8px}select[multiple] option:checked{background-color:#b6a593;color:#fff}.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}.loading-spinner p{color:#666}.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:#f5f5f5;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh}.auth-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:400px;padding:30px;width:100%}.auth-card h2{color:#333;margin-top:0}.auth-card h2,.auth-error{margin-bottom:20px;text-align:center}.auth-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:14px;padding:10px}.auth-button{background-color:#b6a593;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px 20px;width:100%}.auth-button:hover{background-color:#a69483}.auth-button:disabled{background-color:#ccc;cursor:not-allowed}.forgot-password{background:none;border:none;color:#6b5b4d;cursor:pointer;font-size:14px;margin-top:15px;text-align:center;width:100%}.forgot-password:hover{text-decoration:underline}.reset-success{background-color:#e8f5e9;border-radius:4px;color:#2e7d32;margin:20px 0;padding:15px;text-align:center}.loading{color:#333;font-size:18px;height:100vh}.customer-auth-container,.loading{align-items:center;display:flex;justify-content:center}.customer-auth-container{background-color:#f8f9fa;font-family:Arial,sans-serif;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}.text-button{color:#b6a593}.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)}.card-icon{font-size:32px;margin-bottom:15px}.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{flex-direction:column}.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:#;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-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}.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{font-size:18px;font-weight:600}.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{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}.card-icon{font-size:24px;margin-bottom:12px}@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}.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:36px;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-content{display:flex;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-description{color:#666;flex:1 1;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}.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}@media (max-width:768px){.services-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.service-image{height:160px}.service-content{padding:16px}.service-name{font-size:16px}}@media (max-width:480px){.services-header h1{font-size:28px}.services-grid{grid-template-columns:1fr}.service-image{height:180px}}.booking-container{background-color:#f8f9fa;margin:0 auto;max-width:800px;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:28px;font-weight:700;margin:0 0 15px}.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;padding-bottom:20px}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{align-items:center;display:flex;font-size: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;border-radius:8px;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 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}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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;justify-content:flex-end}@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: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;font-size:16px;margin:0}.error-message,.success-message{animation:slideIn .3s ease-out;line-height:1.4;padding:15px 20px}.message-icon{font-size:16px;margin-right:10px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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%}.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{margin:0 auto;max-width:1200px;padding:40px 20px}.profile-header{margin-bottom:40px;text-align:center}.profile-header h1{color:#111;font-size:32px;font-weight:600;margin:0 0 8px}.salon-name{color:#666;font-size:18px;margin:0}.profile-content{display:flex;gap:40px;margin-bottom:40px}.profile-avatar-section{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;flex-shrink:0;padding:30px 20px;width:280px}.profile-avatar{height:120px;margin-bottom:20px;position:relative;width:120px}.profile-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-placeholder{background-color:#0070c9;font-size:36px}.profile-avatar-section h2{color:#333;font-size:20px;font-weight:600;margin:0 0 8px;text-align:center}.member-since{font-size:14px;margin:0 0 20px;text-align:center}.loyalty-badge{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;flex-direction:column;padding:10px 16px;width:100%}.loyalty-badge span{color:#333;font-size:14px;font-weight:600}.points-display{color:#0070c9;font-size:16px;margin-top:4px}.profile-form{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;flex:1 1;padding:30px}.form-section h3{border-bottom:1px solid #eaeaea;color:#333;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.form-row{margin-bottom:20px}.form-group{flex:1 1}.form-group:last-child{margin-bottom:0}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=text],.form-group select{border:1px solid #ddd;border-radius:8px;color:#333;font-size:14px;padding:12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#0070c9;outline:none}.form-helper-text{margin-top:6px}.checkbox-group input[type=checkbox]{margin-right:10px}.checkbox-description{color:#666;font-size:13px;font-weight:400;margin-top:4px}.form-actions{margin-top:30px}.save-button{background-color:#0070c9;border-radius:8px;font-size:16px;padding:12px 24px}.loyalty-container{background-color:#f8f9fa;font-family:Arial,sans-serif;min-height:100vh}.loyalty-main{margin:0 auto;max-width:1200px;padding:20px}.loyalty-header{margin-bottom:30px;padding:30px 0;text-align:center}.loyalty-header h1{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:10px}.loyalty-header p{color:#666;font-size:1.2rem;margin:0}.loading-spinner{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}.spinner{border:4px solid #f3f3f3}.message-container{margin-bottom:20px}.error-message,.success-message{align-items:center;border-radius:8px;display:flex;font-size:14px;margin-bottom:10px;padding:12px 16px}.message-icon{margin-right:8px}.error-message button,.success-message button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:auto;padding:0 5px}.loyalty-status{margin-bottom:30px}.status-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;color:#333;padding:30px}.status-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 20px}.status-content{flex-wrap:wrap;justify-content:space-between}.status-content,.tier-info{align-items:center;display:flex;gap:20px}.tier-badge{background:#f0f0f0;border:1px solid #ddd;border-radius:20px;padding:8px 16px}.tier{font-size:1.1rem;font-weight:600}.tier.bronze{color:#cd7f32}.tier.silver{color:silver}.tier.gold{color:gold}.tier.platinum{color:#e5e4e2}.tier.diamond{color:#b9f2ff}.points-display{text-align:center}.points-number{color:#b6a593;display:block;font-size:2.5rem;font-weight:700;line-height:1}.member-since,.points-label{color:#666;font-size:.9rem}.promotions-section{margin-bottom:40px}.promotions-section h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:20px}.no-promotions{color:#666}.no-promotions-icon{font-size:4rem;margin-bottom:20px}.no-promotions h3{color:#333;font-size:1.5rem;margin-bottom:10px}.promotions-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.promotion-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s ease}.promotion-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.promotion-card.active{border-color:#4caf50}.promotion-card.expired{border-color:#f44336;opacity:.6}.promotion-card.redeemed{background:#fff8e1;border-color:#ff9800}.promotion-header{margin-bottom:16px}.promotion-title h3{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 8px}.status-badge{border-radius:20px;display:inline-block;font-size:.8rem;padding:4px 12px}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.expired{background:#ffebee;color:#d32f2f}.status-badge.redeemed{background:#fff3e0;color:#f57c00}.discount-badge{background:linear-gradient(135deg,#b6a593,#8d7a6b);border-radius:20px;color:#fff;font-size:1rem;font-weight:700;padding:8px 16px;white-space:nowrap}.promotion-description{color:#666;line-height:1.6;margin-bottom:16px}.free-gift-info{background:#f0f7ff;border-left:4px solid #2196f3;border-radius:8px;font-size:.9rem;margin-bottom:16px;padding:12px}.promotion-details{margin-bottom:20px}.detail-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#333;font-size:.9rem;font-weight:600}.detail-value{color:#666;font-size:.9rem}.voucher-code-container{align-items:center;display:flex;gap:8px}.voucher-code{background:#f5f5f5;border-radius:4px;color:#b6a593;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;padding:4px 8px}.copy-button{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:4px 8px;transition:all .2s ease}.copy-button:hover{background:#f0f0f0}.copy-button.copied{background:#4caf50;border-color:#4caf50;color:#fff}.terms-section{margin:16px 0}.terms-details{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.terms-details summary{background:#f8f9fa;color:#333;cursor:pointer;font-weight:600;padding:12px 16px;transition:background-color .2s ease}.terms-details summary:hover{background:#e9ecef}.terms-content{background:#fff;padding:16px}.terms-content ul{color:#666;margin:0;padding-left:20px}.terms-content li{line-height:1.5;margin-bottom:8px}.promotion-actions{gap:12px;justify-content:center;margin-top:20px}.action-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;max-width:200px;padding:12px 20px;transition:all .2s ease}.action-button.primary{background:#b6a593;color:#fff}.action-button.primary:hover:not(:disabled){background:#a69483;transform:translateY(-1px)}.action-button.primary:disabled{background:#ccc;cursor:not-allowed}.action-button.secondary{background:#fff;border:2px solid #b6a593;color:#b6a593}.action-button.secondary:hover{background:#b6a593;color:#fff}.redemption-history{margin:40px 0}.redemption-history h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:20px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{align-items:center;background:#fff;border-left:4px solid #ff9800;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:16px}.history-content h4{color:#333;font-size:1.1rem;margin:0 0 4px}.history-content p{color:#666;font-size:.9rem;margin:2px 0}.history-badge{background:#ff9800;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px;white-space:nowrap}.points-info{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:40px;padding:30px}.points-info h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:24px;text-align:center}.earning-methods{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.earning-item{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:16px;padding:20px;transition:transform .2s ease}.earning-item:hover{transform:translateY(-2px)}.earning-icon{align-items:center;background:none!important;border-radius:0!important;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.earning-content h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 4px}.earning-content p{color:#666;font-size:.9rem;line-height:1.4;margin:0}@media (max-width:768px){.loyalty-main{padding:15px}.loyalty-header h1{font-size:2rem}.loyalty-header p{font-size:1rem}.status-card{padding:20px}.status-content{gap:15px}.status-content,.tier-info{align-items:flex-start;flex-direction:column}.tier-info{gap:10px}.points-display{text-align:left}.promotions-list{grid-template-columns:1fr}.promotion-card{padding:20px}.promotion-header{align-items:flex-start;flex-direction:column;gap:12px}.discount-badge{align-self:flex-start}.detail-row{align-items:flex-start;flex-direction:column;gap:4px;padding:12px 0}.voucher-code-container{justify-content:space-between;width:100%}.promotion-actions{flex-direction:column}.earning-methods{grid-template-columns:1fr}.earning-item{text-align:center}.earning-item,.history-item{flex-direction:column;gap:12px}.history-item{align-items:flex-start}.history-badge{align-self:flex-end}}@media (max-width:480px){.loyalty-main{padding:10px}.loyalty-header{padding:20px 0}.loyalty-header h1{font-size:1.8rem}.promotion-card,.status-card{padding:16px}.points-info{padding:20px}.points-number{font-size:2rem}.promotion-actions{align-items:center;flex-direction:column}.action-button{max-width:100%}}.customer-details-page{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.customer-details-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.header-controls{margin-bottom:20px}.back-button{align-items:center;background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:10px 16px;transition:background-color .2s}.back-button:hover{background-color:#5a6268}.customer-summary{align-items:center;display:flex;gap:20px}.customer-avatar{border:3px solid #b6a593;border-radius:50%;height:80px;overflow:hidden;width:80px}.avatar-placeholder{background:linear-gradient(135deg,#b6a593,#6b5b4d);font-size:28px;font-weight:700;height:100%;width:100%}.customer-info h1{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.customer-email{font-size:16px;margin:0 0 4px}.customer-phone{color:#666;font-size:14px;margin:0 0 12px}.customer-stats{display:flex;flex-wrap:wrap;gap:20px}.stat{background-color:#fffc;border:1px solid #b6a5934d;border-radius:6px;font-size:14px;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}.loyalty-tier.silver{background-color:silver;color:#333}.loyalty-tier.gold{background-color:gold;color:#333}.loyalty-tier.platinum{background-color:#e5e4e2;color:#333}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.error-message,.success-message{margin-bottom:20px;padding:12px 16px}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.customer-details-tabs{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;margin-bottom:24px;padding:4px}.tab-button{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.tab-button:hover{background-color:#b6a5931a;color:#333}.tab-button.active{background-color:#b6a593;box-shadow:0 2px 4px #0000001a;color:#fff}.tab-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.tab-content h3{border-bottom:2px solid #b6a593;color:#333;font-size:20px;margin:0 0 20px;padding-bottom:8px}.loading-container{gap:16px;min-height:300px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#b6a593;height:40px;width:40px}.loading-indicator{color:#666;font-style:italic;padding:20px;text-align:center}.error-container{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:40px;text-align:center}.error-container h2{color:#dc3545;margin-bottom:16px}.empty-state{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:40px 20px}.empty-state p{margin:0 0 8px}.status-badge{font-size:12px}.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:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-cancelled,.status-rejected,.status-unpaid{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-unknown{background-color:#e2e3e5;border:1px solid #d6d8db;color:#6c757d}.appointments-list{gap:16px}.appointment-item{background-color:#f8f9fa;border:1px solid #dee2e6;padding:16px;transition:box-shadow .2s}.appointment-item:hover{box-shadow:0 2px 8px #0000001a}.appointment-header{margin-bottom:12px}.appointment-header h4{color:#333;font-size:16px;margin:0}.appointment-details p{color:#666;font-size:14px;margin:4px 0}.vouchers-list{gap:16px}.voucher-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #b6a593;border-radius:12px;overflow:hidden;padding:20px;position:relative}.voucher-item:before{background:linear-gradient(90deg,#b6a593,#6b5b4d);content:"";height:4px;left:0;position:absolute;right:0;top:0}.voucher-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.voucher-header h4{color:#333;font-size:18px;margin:0}.voucher-actions{align-items:center;gap:12px}.redeem-button{background-color:#28a745;border-radius:6px;font-size:14px;font-weight:500;padding:8px 16px}.redeem-button:hover:not(:disabled){background-color:#218838}.redeem-button:disabled{background-color:#6c757d;cursor:not-allowed}.voucher-details p{font-size:14px;margin:8px 0}.voucher-details strong{color:#333;font-weight:600}.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:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.add-transaction-button:hover{background-color:#0056b3}.transactions-list{gap:16px}.transaction-item{background-color:#f8f9fa;border:1px solid #dee2e6;padding:16px}.transaction-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.transaction-header h4{color:#333;flex:1 1;font-size:16px;margin:0}.transaction-actions{align-items:center;flex-wrap:wrap}.transaction-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.qr-button{background-color:#17a2b8}.qr-button:hover:not(:disabled){background-color:#138496}.paid-button{background-color:#28a745;color:#fff}.paid-button:hover:not(:disabled){background-color:#218838}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover:not(:disabled){background-color:#c82333}.transaction-actions button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.transaction-details p{color:#666;font-size:14px;margin:4px 0}.transaction-details strong{color:#333}.modal-overlay{padding:20px}.add-transaction-modal,.qr-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #dee2e6;padding:20px 24px}.modal-header h3{color:#333}.modal-header button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.modal-header button:hover{background-color:#f8f9fa}.modal-content{padding:24px}.modal-actions{background-color:#f8f9fa;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #dee2e6;gap:12px;margin:0 -24px -24px;padding:20px 24px}.form-group{margin-bottom:20px}.form-group label{font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#b6a593;box-shadow:0 0 0 2px #b6a59333}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1}.cancel-button{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.cancel-button:hover{background-color:#5a6268}.save-button{background-color:#007bff;border:none;color:#fff;padding:10px 20px;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:#0056b3}.save-button:disabled{background-color:#6c757d}.qr-code-container{margin-bottom:20px;text-align:center}.qr-placeholder{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin-bottom:20px;padding:40px 20px}.qr-code-display{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;font-family:monospace;font-size:16px;margin-bottom:16px;padding:16px;word-break:break-all}.qr-description{color:#666;font-size:14px;margin:0}.qr-details{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:16px}.qr-details p{font-size:14px;margin:8px 0}.qr-details strong{color:#333}@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{text-align:left}.transaction-header{align-items:flex-start;flex-direction:column}.transaction-actions{justify-content:flex-start;width:100%}.voucher-header{align-items:flex-start;flex-direction:column;gap:12px}.modal-overlay{padding:10px}.form-row{flex-direction:column}}@media (max-width:480px){.customer-details-page{padding:12px}.customer-details-header,.tab-content{padding:16px}.transactions-header{align-items:flex-start;flex-direction:column;gap:12px}.transactions-header h3{margin-bottom:0}}: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-size:20px;margin:0}.admin-header h1,.save-button{font-family:Familjen Grotesk,sans-serif;font-weight:600}.save-button{background-color:#fff;background-color:var(--white);border:2px solid #fff;border:2px solid var(--white);border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.save-button,.save-button:hover{color:#e64c31;color:var(--primary-coral)}.save-button:hover{background-color:#ffbdb1;background-color:var(--light-coral);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-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}.admin-sidebar:after{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABLAAAAHgCAYAAAC7vuNCAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV/TSkUqDnYo4pChOlkQFXHUKhShQqgVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi5uak6CIl/i8ptIjx4Lgf7+497t4BQr3MNKtrHND0qpEORoRMdlVwvULA0I8JhElNsRdMLqaAf3y9w9fX2wzP8j735+hVcxYDfCLxDDOsGngdeHLTqjjvE4dZUVKAz4nHDLkg8aOue6+7QC4LPDOsZFLzxGFisdhmpTK7MJIlTgDZR4YkTQjSDFNdJBt2qOqnDe/e51ZQjk5ppgPa3VhsUCSKdqkurCM7lCGZLa4BN5lmTjMqOWq9vLm2wEOPVhOa53VWB2r2f6nFFXbP1PcG2YTLfI5YI7KK8rqPCEOYdHV9D2/nYg8KbFGmPFZMClv8OQu2wVzLwPJhj8LPF5h8CSjYe5ObtFTrZlmFSCIEjI9SYiuqbYmPuDlTmhw8gn+cA0q9EGGQWRj5YUe6+HYxF7p9e4RP0xB1AGmEinQ3t32D6N9BEiZKPHKdDNm5I6xgvYm+g5rGEeQ17Hc2oa5u2gMgwQMFawPgv66pDtY1Gkm5ZgUeq4dPuGhwuEqfLg6HMwfPG1+e5v7V0t8U2XQJJ7a6c+9mZ2nHTAhYBX6MqKa7F+f6EJgKF+d8E=);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:8px;box-shadow:0 2px 8px #e64c3133;content:"";display:block;height:120px;margin:50px auto 20px;transition:all .3s ease;width:180px}.admin-sidebar:after:hover{box-shadow:0 4px 12px #e64c314d;transform:scale(1.05)}.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}.form-group{margin-bottom:25px}.form-group label{color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:14px}.form-group input,.form-group select,.form-group textarea{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{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{background-color:#fff5f5;border-color:#e64c31;border-color:var(--primary-coral)}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:25px}.error-message{background-color:#fff5f5;border-left:4px solid #e64c31;border-left:4px solid var(--primary-coral);border-radius:6px;color:#e64c31;color:var(--primary-coral);font-family:Wix Madefor Text,sans-serif;font-size:12px;margin-top:5px;padding:10px}.form-helper-text{font-style:italic;margin-top:5px}.form-helper-text,.form-helper-text small{color:#666;color:var(--medium-gray);font-size:12px}.form-helper-text small{font-family:Wix Madefor Text,sans-serif}h2,h3,h4{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-weight:600}h2{border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);font-size:24px;margin-bottom:20px;padding-bottom:10px}h3{font-size:18px;margin-bottom:15px}h4{font-size:16px;margin-bottom:10px}.add-button,.cancel-button,.edit-button,.remove-button,.save-button,.update-button{border:none;border-radius:6px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.add-button{background-color:#e64c31;background-color:var(--primary-coral);color:#fff;color:var(--white)}.add-button:hover{background-color:#d63c23;transform:translateY(-1px)}.edit-button{background-color:#ffbdb1;background-color:var(--light-coral);color:#e64c31;color:var(--primary-coral)}.edit-button:hover{background-color:#e64c31;background-color:var(--primary-coral);color:#fff;color:var(--white)}.remove-button{background-color:#f44}.remove-button:hover{background-color:#d33}.update-button{background-color:#e64c31;background-color:var(--primary-coral);color:#fff;color:var(--white)}.update-button:hover{background-color:#d63c23}.cancel-button{background-color:#f6f6f6;background-color:var(--light-gray);border:2px solid #ddd;border:2px solid var(--border-gray);color:#333;color:var(--dark-gray)}.cancel-button:hover{background-color:#ddd;background-color:var(--border-gray)}.service-editor h2{font-size:24px;margin-bottom:25px;margin-top:0}.service-category h3,.service-editor h2{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-weight:600}.service-category h3{border-bottom:2px solid #ffbdb1;border-bottom:2px solid var(--light-coral);font-size:18px;margin:0 0 15px;padding-bottom:8px}.service-item{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:10px;box-shadow:0 2px 8px #e64c311a;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.service-item:hover{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 4px 12px #e64c3133;transform:translateY(-2px)}.service-item.inactive{background-color:#f6f6f6;background-color:var(--light-gray);opacity:.6}.service-content{flex:1 1;margin-bottom:15px}.service-item h4{color:#e64c31;color:var(--primary-coral);font-size:18px;font-weight:600;margin:0 0 8px}.service-item h4,.service-meta{font-family:Familjen Grotesk,sans-serif}.service-meta{color:#666;color:var(--medium-gray);font-size:16px;font-weight:500;margin:0 0 10px}.service-description{color:#333;color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;line-height:1.5;margin:0 0 10px}.service-actions{border-top:1px solid #ffbdb1;border-top:1px solid var(--light-coral);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;padding-top:15px}.service-actions button{border:none;border-radius:6px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px}.stylists-editor h2{font-size:24px;margin-bottom:25px;margin-top:0;padding-bottom:10px}.stylist-category h3,.stylists-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-weight:600}.stylist-category h3{font-size:18px;margin:0 0 15px;padding-bottom:8px}.stylist-item{background-color:#fff;background-color:var(--white);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:10px;box-shadow:0 2px 8px #e64c311a;display:flex;flex-direction:column;margin-bottom:20px;padding:20px;transition:all .3s ease}.stylist-item:hover{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 4px 12px #e64c3133;transform:translateY(-2px)}.stylist-item.inactive{background-color:#f6f6f6;background-color:var(--light-gray);opacity:.6}.stylist-content{flex:1 1;margin-bottom:15px}.stylist-item h4{color:#e64c31;color:var(--primary-coral);font-size:18px;font-weight:600;margin:0 0 8px}.stylist-item h4,.stylist-meta{font-family:Familjen Grotesk,sans-serif}.stylist-meta{color:#666;color:var(--medium-gray);font-size:16px;font-weight:500;margin:0 0 10px}.stylist-bio,.stylist-description{color:#333;color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;line-height:1.5;margin:0 0 10px}.stylist-actions{border-top:1px solid #ffbdb1;border-top:1px solid var(--light-coral);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;padding-top:15px}.stylist-actions button{border:none;border-radius:6px;cursor:pointer;font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;transition:all .3s ease}.stylist-actions .edit-button{background-color:#ffbdb1;background-color:var(--light-coral);color:#e64c31;color:var(--primary-coral)}.stylist-actions .edit-button:hover{background-color:#e64c31;background-color:var(--primary-coral);color:#fff;color:var(--white)}.stylist-actions .remove-button{background-color:#f44;color:#fff;color:var(--white)}.stylist-actions .remove-button:hover{background-color:#d33}.stylist-actions .activate-button,.stylist-actions .deactivate-button{background-color:#28a745;color:#fff;color:var(--white)}.stylist-actions .activate-button:hover,.stylist-actions .deactivate-button:hover{background-color:#218838}.stylist-actions .deactivate-button{background-color:#ffc107;color:#333;color:var(--dark-gray)}.stylist-actions .deactivate-button:hover{background-color:#e0a800}.about-us-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;margin-top:0;padding-bottom:10px}.about-us-editor .editor-info{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;font-style:italic;margin-bottom:20px}.about-us-textarea{background-color:#fff!important;background-color:var(--white)!important;border:2px solid #ddd!important;border:2px solid var(--border-gray)!important;border-radius:6px!important;box-sizing:border-box!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;line-height:1.5!important;min-height:200px!important;padding:12px 15px!important;resize:vertical!important;transition:border-color .3s ease!important;width:100%!important}.about-us-textarea:focus{border-color:#e64c31!important;border-color:var(--primary-coral)!important;box-shadow:0 0 0 3px #e64c311a!important;outline:none!important}.about-us-editor .preview-section h3{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:25px}.about-us-editor .preview-section>div{background-color:#f6f6f6!important;background-color:var(--light-gray)!important;border:2px solid #ffbdb1!important;border:2px solid var(--light-coral)!important;border-radius:8px!important;box-shadow:0 2px 8px #e64c311a!important;min-height:60px!important;padding:15px!important}.about-us-editor .preview-section p{color:#333!important;color:var(--dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;font-size:14px!important;line-height:1.5!important;margin:0!important;white-space:pre-wrap!important}.about-us-editor .preview-section p[style*="color: #999"]{color:#666!important;color:var(--medium-gray)!important;font-style:italic!important}.about-us-editor .editor-tips{background-color:#f6f6f6!important;background-color:var(--light-gray)!important;border-left:4px solid #e64c31!important;border-left:4px solid var(--primary-coral)!important;border-radius:0 8px 8px 0!important;box-shadow:0 2px 8px #e64c311a!important;margin-top:25px!important;padding:20px!important}.about-us-editor .editor-tips h3{color:#e64c31!important;color:var(--primary-coral)!important;font-family:Familjen Grotesk,sans-serif!important;font-size:18px!important;font-weight:600!important;margin-bottom:15px!important;margin-top:0!important}.about-us-editor .editor-tips ul{color:#333!important;color:var(--dark-gray)!important;font-family:Wix Madefor Text,sans-serif!important;margin-bottom:0!important;padding-left:20px!important}.about-us-editor .editor-tips li{font-size:14px!important;line-height:1.4!important;margin-bottom:8px!important}.form-error{background-color:#fff5f5;border-left:4px solid #e64c31;border-left:4px solid var(--primary-coral);color:#e64c31;color:var(--primary-coral)}.form-error,.form-success{border-radius:6px;font-family:Wix Madefor Text,sans-serif;font-size:14px;margin-bottom:15px;padding:15px}.form-success{background-color:#f0fff4;border-left:4px solid #4caf50;color:#2e7d32}.color-pickers{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:15px}.color-picker-item{display:flex;flex-direction:column;position:relative}.color-picker-item label{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif!important;font-size:14px!important;font-weight:500!important;margin-bottom:8px!important;text-transform:capitalize}.color-preview{border:2px solid #ddd;border:2px solid var(--border-gray);border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:50px;transition:all .3s ease;width:100%}.color-preview:hover{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 4px 8px #e64c3133;transform:translateY(-2px)}.image-manager{max-width:100%;overflow:hidden}.image-manager 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;margin-top:0;padding-bottom:10px}.image-manager .form-group{margin-bottom:30px}.image-manager .form-group label{color:#e64c31;color:var(--primary-coral);display:block;font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin-bottom:8px}.image-manager .form-description{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;font-style:italic;margin-bottom:15px;margin-top:-5px}.gallery-dropzone,.hero-dropzone{align-items:center;background-color:#f6f6f6;background-color:var(--light-gray);border:2px dashed #ffbdb1;border:2px dashed var(--light-coral);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;min-height:150px;padding:25px;text-align:center;transition:all .3s ease}.gallery-dropzone:hover,.hero-dropzone:hover{background-color:#fff;background-color:var(--white);border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 4px 12px #e64c311a;transform:translateY(-2px)}.gallery-dropzone p,.hero-dropzone p{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;margin:0}.image-preview{align-items:center;display:flex;flex-direction:column;max-width:100%}.hero-preview-img{border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;box-shadow:0 4px 12px #e64c311a;height:auto;margin-bottom:15px;max-height:200px;max-width:100%;object-fit:contain;width:auto}.gallery-preview{margin-top:25px;width:100%}.gallery-preview 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:600;margin-bottom:20px;margin-top:0;padding-bottom:8px}.gallery-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-width:100%;width:100%}.gallery-item{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;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.gallery-item:hover{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 6px 16px #e64c3133;transform:translateY(-3px)}.gallery-item img{display:block;height:140px;object-fit:cover;width:100%}.remove-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;margin-top:10px;padding:8px 12px;transition:all .3s ease}.remove-button:hover{background-color:#d63c23;transform:translateY(-1px)}.gallery-item .remove-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#e64c31e6;bottom:8px;font-size:10px;margin-top:0;padding:5px 8px;position:absolute;right:8px}.gallery-item .remove-button:hover{background-color:#d63c23f2}.upload-error{background-color:#fff5f5;border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;margin:10px 0;padding:15px;text-align:center}.upload-error .error-message{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:14px;font-weight:600;margin:0 0 8px}.upload-error p:last-child{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:13px;margin:0}.gallery-dropzone p:contains("Uploading"),.hero-dropzone p:contains("Uploading"){animation:pulse 2s infinite;color:#e64c31;color:var(--primary-coral);font-weight:600}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.branding-editor h2{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:24px;font-weight:600;margin-bottom:20px;margin-top:0}.color-picker-popover{left:0;position:absolute;top:55px;z-index:2}.color-picker-cover{bottom:0;left:0;position:fixed;right:0;top:0}.dropzone{background-color:#f6f6f6;background-color:var(--light-gray);border:2px dashed #ffbdb1;border:2px dashed var(--light-coral);border-radius:8px;cursor:pointer;margin-bottom:15px;padding:30px;text-align:center;transition:all .3s ease}.dropzone:hover{background-color:#fff;background-color:var(--white);border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 4px 12px #e64c311a;transform:translateY(-2px)}.logo-preview{align-items:center;display:flex;flex-direction:column}.logo-preview img{border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:6px;box-shadow:0 2px 8px #e64c311a;margin-bottom:15px;max-width:100%}.typography-editor h2{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:24px;font-weight:600;margin-bottom:20px;margin-top:0}.font-preview{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;margin-top:10px;padding:15px}.font-preview h3{color:#e64c31;color:var(--primary-coral);margin-top:0}.font-preview p{color:#333;color:var(--dark-gray);margin-bottom:0}.font-size-preview{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;margin-top:10px;padding:15px}.font-size-small{font-size:14px}.font-size-medium{font-size:16px}.font-size-large{font-size:18px}.contact-editor h2{font-size:24px;margin-bottom:20px;margin-top:0}.contact-editor h2,.contact-editor h3{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-weight:600}.contact-editor h3{font-size:18px;margin-bottom:15px;margin-top:25px}.contact-form{width:100%}textarea#address{min-height:80px;resize:vertical}.social-media-fields{background-color:#f6f6f6;background-color:var(--light-gray);border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;box-shadow:0 2px 8px #e64c311a;padding:20px}.hours-editor h2{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:24px;font-weight:600;margin-bottom:20px;margin-top:0}.hours-description{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;margin-bottom:25px}.hours-table{border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;box-shadow:0 2px 8px #e64c311a;margin-bottom:25px;overflow:hidden}.hours-header{background-color:#e64c31;background-color:var(--primary-coral);color:#fff;color:var(--white);font-family:Familjen Grotesk,sans-serif;font-weight:600}.hours-header,.hours-row{display:grid;grid-template-columns:120px 1fr 80px;padding:15px}.hours-row{align-items:center;background-color:#fff;background-color:var(--white);border-bottom:1px solid #ffbdb1;border-bottom:1px solid var(--light-coral)}.hours-row:last-child{border-bottom:none}.day-column{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-weight:600}.time-pickers{flex-wrap:wrap;gap:5px}.time-picker,.time-pickers{align-items:center;display:flex}.time-picker{gap:3px}.time-picker select{border:1px solid #ddd;border:1px solid var(--border-gray);border-radius:4px;font-family:Wix Madefor Text,sans-serif;font-size:14px;margin:0;padding:6px 8px}.time-separator{color:#666;color:var(--medium-gray);font-weight:600;margin:0 8px}.closed-text{color:#e64c31;color:var(--primary-coral);font-style:italic;font-weight:500}.closed-column{text-align:center}.checkbox-container{cursor:pointer;display:block;margin:0 auto;padding-left:25px;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:#f6f6f6;background-color:var(--light-gray);border:2px solid #ddd;border:2px solid var(--border-gray);border-radius:3px;height:18px;left:0;position:absolute;top:0;width:18px}.checkbox-container:hover input~.checkmark{background-color:#ffbdb1;background-color:var(--light-coral);border-color:#e64c31;border-color:var(--primary-coral)}.checkbox-container input:checked~.checkmark{background-color:#e64c31;background-color:var(--primary-coral);border-color:#e64c31;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 #fff;border-width:0 2px 2px 0;height:10px;left:6px;top:2px;transform:rotate(45deg);width:5px}.hours-note{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px;font-style:italic;margin-top:20px}.css-editor{width:100%}.css-textarea{background-color:#f8f8f8;border:2px solid #ffbdb1;border:2px solid var(--light-coral);border-radius:8px;color:#333;color:var(--dark-gray);font-family:Courier New,monospace;font-size:14px;line-height:1.6;min-height:300px;padding:15px;resize:vertical;width:100%}.css-tips{background-color:#f6f6f6;background-color:var(--light-gray);border-left:4px solid #e64c31;border-left:4px solid var(--primary-coral);border-radius:0 8px 8px 0;box-shadow:0 2px 8px #e64c311a;margin:25px 0;padding:20px}.css-tips h3{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin-top:0}.css-tips ul{color:#333;color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;margin-bottom:0}.preview-button{background-color:#666;background-color:var(--medium-gray);color:var(--white);font-family:Familjen Grotesk,sans-serif;font-weight:600;margin-right:15px;padding:12px 24px;transition:all .3s ease}.apply-button,.preview-button.active{background-color:#e64c31;background-color:var(--primary-coral)}.apply-button{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 24px;transition:all .3s ease}.apply-button:hover{background-color:#d63c23}.preview-notice{background-color:#fff3cd;border:2px solid #ffeaa7;border-radius:8px;color:#856404;font-family:Wix Madefor Text,sans-serif;font-size:14px;margin-top:25px;padding:15px}.promotions-editor{max-width:1200px;padding:20px}.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;margin-top:0;padding-bottom:10px}.promotions-actions{align-items:center;background-color:#f6f6f6;background-color:var(--light-gray);border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:30px;padding:15px}.bulk-actions{display:flex;gap:10px}.bulk-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:background-color .2s}.bulk-button:hover{background-color:#5a6268}.bulk-button:disabled{cursor:not-allowed;opacity:.6}.no-promotions{background-color:#f6f6f6;background-color:var(--light-gray);border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;padding:60px 20px;text-align:center}.no-promotions p{font-size:16px;margin:0}.promotions-list{space-y:20px}.promotions-header{align-items:center;background-color:#f1f3f4;border-radius:6px;color:#495057;display:flex;font-weight:500;gap:10px;margin-bottom:20px;padding:15px}.promotions-header input[type=checkbox]{transform:scale(1.2)}.promotion-item{border:1px solid #dee2e6;border-radius:8px;gap:15px;margin-bottom:15px;padding:20px;transition:box-shadow .2s,border-color .2s}.promotion-item:hover{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 2px 8px #0000001a}.promotion-item.inactive{background-color:#f6f6f6;background-color:var(--light-gray);opacity:.7}.promotion-item.expired{background-color:#fff5f5;border-color:#dc3545}.promotion-select{align-items:center;display:flex;margin-top:5px}.promotion-select input[type=checkbox]{transform:scale(1.1)}.promotion-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.promotion-header h4{color:#212529;font-size:18px;font-weight:600;margin:0}.promotion-badges{display:flex;flex-shrink:0;gap:8px}.status-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.status-badge.scheduled{background-color:#fff3cd;color:#856404}.status-badge.expired{background-color:#f5c6cb;color:#721c24}.type-badge{background-color:#e64c31;background-color:var(--primary-coral);border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.promotion-description{color:#6c757d;line-height:1.4;margin:8px 0}.promotion-details{grid-gap:15px;border-top:1px solid #e9ecef;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:15px;padding-top:15px}.detail-item{font-size:13px}.detail-item strong{color:#495057;display:block;margin-bottom:2px}.promotion-actions{gap:8px}.promotion-form{margin:0 auto;max-width:800px}.promotion-form h3{border-bottom:1px solid #dee2e6;color:#212529;font-size:20px;margin-bottom:30px;margin-top:0;padding-bottom:15px;text-align:center}.form-section{background-color:#f6f6f6;background-color:var(--light-gray);border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px}.form-section h4{color:#e64c31;color:var(--primary-coral);font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;margin-top:0;text-transform:uppercase}.generate-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;height:fit-content;padding:8px 16px;white-space:nowrap}.generate-button:hover{background-color:#218838}.targeting-criteria{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;margin-top:15px;padding:15px}.preview-button{background-color:#6f42c1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 20px;transition:background-color .2s}.preview-button:hover{background-color:#5a359a}.preview-button:disabled{cursor:not-allowed;opacity:.6}.targeting-preview{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;margin-top:20px;padding:15px}.targeting-preview h5{color:#0056b3;font-size:14px;font-weight:600;margin-bottom:10px;margin-top:0}.targeting-preview p{color:#495057;font-size:13px;margin:5px 0}.form-actions{border-top:1px solid #dee2e6;display:flex;gap:15px;justify-content:center;margin-top:40px;padding-top:20px}.checkbox-group{align-items:flex-start;display:flex;gap:10px}.checkbox-group input[type=checkbox]{margin-top:3px;transform:scale(1.1)}.checkbox-group label{cursor:pointer;display:flex;flex-direction:column;gap:5px}.promotions-editor .form-group{margin-bottom:20px}.promotions-editor .form-group label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.promotions-editor .form-group input,.promotions-editor .form-group select,.promotions-editor .form-group textarea{border:1px solid #ced4da;border-radius:4px;font-family:inherit;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.promotions-editor .form-group input:focus,.promotions-editor .form-group select:focus,.promotions-editor .form-group textarea:focus{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 0 0 2px #e64c3133;outline:none}.select-all-section{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;display:flex;gap:8px;margin-bottom:15px;padding:8px 12px}.select-all-section input[type=checkbox]{margin:0}.promotions-list{display:flex;flex-direction:column;gap:12px;width:100%}.promotion-item{align-items:flex-start;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;padding:16px;width:100%}.promotion-select{margin-right:12px;margin-top:2px}.promotion-content{flex:1 1;min-width:0}.promotion-actions{display:flex;flex-direction:column;flex-shrink:0;gap:6px;margin-left:12px}.customers-manager{display:flex;flex-direction:column;height:100%;padding:20px}.customers-manager 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;margin-top:0;padding-bottom:10px}.customers-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:400px 1fr;height:calc(100vh - 200px);overflow:hidden}.customers-list-panel{background-color:#fff;background-color:var(--white);border:1px solid #ddd;border:1px solid var(--border-gray);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.customers-search{background-color:#f6f6f6;background-color:var(--light-gray);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-gray);padding:15px}.search-input{border:2px solid #ddd;border:2px solid var(--border-gray);border-radius:6px;font-family:Wix Madefor Text,sans-serif;font-size:14px;margin-bottom:10px;padding:10px 12px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#e64c31;border-color:var(--primary-coral);box-shadow:0 0 0 3px #e64c311a;outline:none}.customers-count{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:12px}.customers-list{flex:1 1;overflow-y:auto;padding:0}.no-customers{color:#666;color:var(--medium-gray);font-style:italic;padding:40px 20px;text-align:center}.customer-item{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-gray);cursor:pointer;display:flex;padding:15px;transition:background-color .2s ease}.customer-item:hover{background-color:#f6f6f6;background-color:var(--light-gray)}.customer-item.selected{background-color:#ffbdb1;background-color:var(--light-coral);border-left:4px solid #e64c31;border-left:4px solid var(--primary-coral)}.customer-avatar{flex-shrink:0;height:50px;margin-right:12px;width:50px}.customer-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background-color:#e64c31;background-color:var(--primary-coral);border-radius:50%;color:#fff;color:var(--white);display:flex;font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:600;height:50px;justify-content:center;width:50px}.avatar-placeholder.large{font-size:32px;height:80px;width:80px}.customer-info{flex:1 1;min-width:0}.customer-info h4{color:#333;color:var(--dark-gray);font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin:0 0 4px}.customer-email,.customer-info h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-email{color:#666;color:var(--medium-gray);font-size:14px;margin:0 0 8px}.customer-meta{display:flex;flex-direction:column;gap:2px}.customer-meta span{color:#666;color:var(--medium-gray);font-family:Wix Madefor Text,sans-serif;font-size:12px}.customer-stats{flex-shrink:0;text-align:right}.stat{align-items:flex-end;display:flex;flex-direction:column}.stat-value{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600}.stat-label{color:#666;color:var(--medium-gray);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.customer-details-panel{background-color:#fff;background-color:var(--white);border:1px solid #ddd;border:1px solid var(--border-gray);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.no-selection{align-items:center;color:#666;color:var(--medium-gray);display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.no-selection h3{color:#333;color:var(--dark-gray);margin:0 0 10px}.no-selection p{font-size:14px;margin:0}.customer-profile-header{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;padding:25px}.profile-avatar{margin-right:20px}.profile-info{flex:1 1;min-width:0}.profile-info h3{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:24px;font-weight:600;margin:0 0 5px}.profile-email{color:#666;color:var(--medium-gray);font-size:16px;margin:0 0 10px}.profile-meta{display:flex;flex-direction:column;gap:4px}.profile-meta span{color:#333;color:var(--dark-gray);font-family:Wix Madefor Text,sans-serif;font-size:14px}.profile-stats{display:flex;flex-shrink:0;gap:15px}.stat-card{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #ddd;border:1px solid var(--border-gray);border-radius:8px;display:flex;flex-direction:column;min-width:100px;padding:15px;text-align:center}.stat-card .stat-value{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:20px;font-weight:600;margin-bottom:4px}.stat-card .stat-label{color:#666;color:var(--medium-gray);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.details-tabs{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tab-content{flex:1 1;overflow-y:auto;padding:20px}.details-section{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-gray);margin-bottom:30px;padding-bottom:25px}.details-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.details-section h4{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0 0 15px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header h4{margin:0}.empty-state{background-color:#f6f6f6;background-color:var(--light-gray);border-radius:6px;color:#666;color:var(--medium-gray);font-style:italic;padding:20px;text-align:center}.appointments-list{display:flex;flex-direction:column;gap:15px}.appointment-item{align-items:flex-start;background-color:#f6f6f6;background-color:var(--light-gray);border:1px solid #ddd;border:1px solid var(--border-gray);border-radius:8px;display:flex;justify-content:space-between;padding:15px}.appointment-info h5{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin:0 0 8px}.appointment-info p{color:#333;color:var(--dark-gray);font-size:14px;margin:0 0 4px}.appointment-status{flex-shrink:0}.status-badge.confirmed{background-color:#d4edda;color:#155724}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.cancelled{background-color:#f8d7da;color:#721c24}.status-badge.completed{background-color:#d1ecf1;color:#0c5460}.status-badge.eligible{background-color:#d4edda;color:#155724}.status-badge.redeemed{background-color:#f8d7da;color:#721c24}.status-badge.pending_payment{background-color:#fff3cd;color:#856404}.status-badge.paid{background-color:#d4edda;color:#155724}.vouchers-list{display:flex;flex-direction:column;gap:15px}.voucher-item{align-items:flex-start;background-color:#f6f6f6;background-color:var(--light-gray);border:1px solid #ddd;border:1px solid var(--border-gray);border-radius:8px;display:flex;justify-content:space-between;padding:15px}.voucher-info h5{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin:0 0 8px}.voucher-info p{color:#333;color:var(--dark-gray);font-size:14px;margin:0 0 4px}.voucher-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.redeem-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;transition:background-color .2s}.redeem-button:hover{background-color:#d63c23}.transactions-list{display:flex;flex-direction:column;gap:15px}.transaction-item{align-items:flex-start;background-color:#f6f6f6;background-color:var(--light-gray);border:1px solid #ddd;border:1px solid var(--border-gray);border-radius:8px;display:flex;justify-content:space-between;padding:15px}.transaction-info h5{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin:0 0 8px}.transaction-info p{color:#333;color:var(--dark-gray);font-size:14px;margin:0 0 4px}.transaction-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.qr-button{background-color:#6f42c1;border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background-color .2s}.qr-button:hover{background-color:#5a359a}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background-color:#fff;background-color:var(--white);border-radius:8px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.modal-header{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;justify-content:space-between;padding:20px}.modal-header h3{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;color:#666;color:var(--medium-gray);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{color:#e64c31;color:var(--primary-coral)}.modal-content{flex:1 1;overflow-y:auto;padding:20px}.service-preview{background-color:#f6f6f6;background-color:var(--light-gray);border-radius:6px;margin-bottom:15px;padding:15px}.service-preview h4{color:#e64c31;color:var(--primary-coral);font-family:Familjen Grotesk,sans-serif;font-size:16px;font-weight:600;margin:0 0 8px}.service-preview p{color:#333;color:var(--dark-gray);font-size:14px;margin:0 0 4px}.modal-actions{background-color:#f6f6f6;background-color:var(--light-gray);border-top:1px solid #ddd;border-top:1px solid var(--border-gray);display:flex;gap:10px;justify-content:flex-end;padding:20px}@media (max-width:1200px){.admin-preview{width:300px}.preview-gallery{gap:6px;grid-template-columns:repeat(2,1fr)}.gallery-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.gallery-item img{height:120px}.hero-preview-img{max-height:180px}}@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%}.form-row{gap:15px;grid-template-columns:1fr}.promotions-actions{flex-direction:column;gap:15px}.bulk-actions{justify-content:center;width:100%}.promotion-item{flex-direction:column;gap:15px}.promotion-actions{flex-direction:row;justify-content:center;width:100%}.promotion-details{grid-template-columns:1fr}.promotions-editor{padding:15px}.promotion-form{max-width:100%}.customers-content{grid-template-columns:1fr;grid-template-rows:300px 1fr}.customers-list-panel{max-height:300px}.customer-profile-header{align-items:flex-start;flex-direction:column;gap:15px}.profile-stats{flex-direction:row;justify-content:space-around;width:100%}.appointment-item,.transaction-item,.voucher-item{flex-direction:column;gap:10px}.appointment-status,.transaction-actions,.voucher-actions{align-self:flex-start;flex-direction:row}.modal{max-height:95vh;width:95%}.modal-actions{flex-direction:column;gap:10px}.about-us-textarea{font-size:14px!important;padding:10px 12px!important}}@media (max-width:480px){.admin-preview{padding:15px}.preview-gallery{gap:4px;grid-template-columns:repeat(2,1fr)}.preview-gallery-image{height:50px}.admin-header h1{font-size:16px}.color-pickers{gap:12px;grid-template-columns:1fr}.color-preview{height:40px}.gallery-grid{gap:8px;grid-template-columns:1fr 1fr}.gallery-item img{height:80px}.image-manager .form-group label{font-size:15px}.gallery-preview h4{font-size:16px}.hours-header,.hours-row{font-size:13px;grid-template-columns:80px 1fr 60px;padding:10px}.time-pickers{align-items:flex-start;flex-direction:column;gap:8px}.time-picker{flex-direction:row;gap:3px}.time-separator{margin:0 5px}.about-us-editor .editor-tips{padding:15px!important}.about-us-textarea{min-height:150px!important}.customer-item,.customers-manager{padding:10px}.customer-info h4{font-size:14px}.customer-email{font-size:12px}.customer-meta span{font-size:11px}.customer-profile-header{padding:15px}.profile-info h3{font-size:20px}.profile-stats{gap:8px}.stat-card{min-width:70px;padding:8px}.stat-card .stat-value{font-size:16px}.tab-content{padding:15px}.details-section{margin-bottom:20px;padding-bottom:15px}}.admin-header-logo{align-items:center;background-color:#e64c31;border-bottom:1px solid #fff;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;font-family:Fraunces,serif;font-weight:700;line-height:1.2;margin:0}.admin-header-logo-text p{font-size:12px}.admin-header-logo h1{color:#fff;font-family:Familjen Grotesk,sans-serif;font-size:24px;font-weight:600;margin:0}.admin-header h1{display:none}.admin-header-logo .admin-actions{align-items:center;display:flex;gap:15px;margin-right:0}@media (max-width:768px){.admin-header-logo{gap:10px}.admin-header-logo img{width:60px}.admin-header-logo-text h2{font-size:24px}.admin-header-logo-text p{font-size:10px}.admin-header-logo h1{font-size:18px}}@media (max-width:480px){.admin-header-logo{align-items:flex-start;flex-direction:column;gap:8px}.admin-header-logo img{width:50px}.admin-header-logo-text h2{font-size:20px}.admin-header-logo-text p{font-size:9px}.admin-header-logo h1{font-size:16px}}.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.bfc072bc.css.map*/