.pontuuau-landing-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1e293b;line-height:1.6;overflow-x:hidden}.pontuuau-landing-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;position:fixed;top:0;width:100%;z-index:1000}.pontuuau-header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:relative}.pontuuau-logo{font-size:1.8rem;font-weight:800;display:flex;align-items:center}.pontuuau-logo-text{color:#0056cc}.pontuuau-logo-highlight{color:#6733ff;background:#6733ff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pontuuau-nav-links{display:flex;gap:1.5rem;align-items:center}.pontuuau-nav-link{color:#64748b;text-decoration:none;font-weight:500;transition:color .3s ease;background:none;border:none;cursor:pointer;font-size:1rem;font-family:inherit;padding:.5rem 0;position:relative}.pontuuau-nav-link:hover{color:#0056cc}.pontuuau-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#0056cc;transition:width .3s ease}.pontuuau-nav-link:hover:after{width:100%}.pontuuau-signup-button{background:#0056cc;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 6px #0056cc33}.pontuuau-signup-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0056cc4d;background:#0047ab}.pontuuau-secondary-button{background:transparent;color:#0056cc;padding:1rem 2rem;border:2px solid #0056CC;border-radius:12px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.pontuuau-secondary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#0056cc;transition:left .3s ease;z-index:-1}.pontuuau-secondary-button:hover{color:#000!important;border-color:#0056cc}.pontuuau-secondary-button:hover:before{left:0}.pontuuau-nav-links-center{display:flex;gap:1.5rem}.pontuuau-mobile-menu-button{display:none;background:none;border:none;cursor:pointer;color:#64748b;padding:.5rem;border-radius:6px;transition:all .3s ease}.pontuuau-mobile-menu-button:hover{background:#f1f5f9;color:#0056cc}.pontuuau-mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 6px #0000001a;z-index:1000}.pontuuau-mobile-nav{display:flex;flex-direction:column;padding:1rem 2rem}.pontuuau-mobile-nav-link{padding:1rem 0;border:none;background:none;text-align:left;font-size:1rem;color:#64748b;cursor:pointer;transition:color .3s ease;border-bottom:1px solid #f1f5f9}.pontuuau-mobile-nav-link:hover{color:#0056cc}.pontuuau-mobile-nav-link:last-child{border-bottom:none}.pontuuau-mobile-auth-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.pontuuau-mobile-login-button{padding:.75rem 1rem;text-align:center;color:#0056cc;text-decoration:none;font-weight:500;border:1px solid #0056CC;border-radius:6px;transition:all .3s ease}.pontuuau-mobile-login-button:hover{background:#0056cc;color:#fff}.pontuuau-mobile-signup-button{padding:.75rem 1rem;text-align:center;background:#0056cc;color:#fff;text-decoration:none;font-weight:500;border-radius:6px;transition:all .3s ease}.pontuuau-mobile-signup-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0056cc4d}.pontuuau-hero-section{padding:8rem 2rem 4rem;background:#f8fafc;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.pontuuau-hero-content{max-width:800px;margin:0 auto;text-align:center}.pontuuau-hero-content h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;color:#1e293b}.pontuuau-hero-content p{font-size:1.25rem;color:#64748b;margin-bottom:2.5rem}.pontuuau-highlight{color:#6733ff;font-weight:600}.pontuuau-custom-link-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 40px #0000001a;margin-bottom:3rem}.pontuuau-link-input-container{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background:#f8fafc;padding:1rem;border-radius:12px;border:2px solid #e2e8f0}.pontuuau-domain{font-size:1.1rem;font-weight:600;color:#0056cc;margin-right:.5rem}.pontuuau-username-input{border:none;background:none;font-size:1.1rem;font-weight:600;color:#1e293b;outline:none;padding:.5rem;border-radius:6px;min-width:200px}.pontuuau-username-input::placeholder{color:#94a3b8}.pontuuau-primary-button{background:#0056cc;color:#fff;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 6px #0056cc33}.pontuuau-primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#0047ab;transition:left .3s ease;z-index:-1}.pontuuau-primary-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #0056cc4d}.pontuuau-primary-button:hover:before{left:0}.pontuuau-button-icon{transition:transform .3s ease}.pontuuau-primary-button:hover .pontuuau-button-icon{transform:translate(4px)}.pontuuau-hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.pontuuau-customization-preview{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:hidden;margin-top:2rem}.pontuuau-customization-container{display:flex;min-height:500px}.pontuuau-controls-panel{flex:1;background:#f8fafc;padding:2rem;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;min-height:600px}.pontuuau-controls-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#f1f5f9;padding:.5rem;border-radius:12px}.pontuuau-tab{flex:1;padding:.75rem .5rem;border:none;background:transparent;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;color:#64748b;font-size:.9rem;white-space:nowrap}.pontuuau-tab.active{background:#0056cc;color:#fff;box-shadow:0 2px 8px #0056cc4d}.pontuuau-tab:not(.active):hover{background:#e2e8f0;color:#374151}.pontuuau-controls-content{flex:1;margin-bottom:2rem;overflow-y:auto}.pontuuau-controls-actions{margin-top:auto}.pontuuau-create-page-button{background:#10b981;color:#fff;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.5rem;justify-content:center;transition:all .3s ease}.pontuuau-create-page-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #10b9814d}.pontuuau-welcome-controls{padding:.5rem 0}.pontuuau-welcome-controls h3{font-size:1.25rem;margin-bottom:.5rem;color:#1e293b}.pontuuau-welcome-controls p{color:#64748b;margin-bottom:1.5rem;font-size:.95rem}.pontuuau-control-group{display:flex;flex-direction:column;gap:1.5rem}.pontuuau-control-item{display:flex;flex-direction:column;gap:.5rem}.pontuuau-control-item label{font-weight:600;color:#1e293b;font-size:.95rem}.pontuuau-color-input-group{display:flex;align-items:center;gap:.75rem}.pontuuau-color-picker{width:50px;height:50px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:0}.pontuuau-color-picker::-webkit-color-swatch{border:none;border-radius:6px;padding:0}.pontuuau-color-picker::-webkit-color-swatch-wrapper{padding:0;border-radius:6px}.pontuuau-color-picker::-moz-color-swatch{border:none;border-radius:6px}.pontuuau-color-text{padding:.6rem;border:1px solid #e2e8f0;border-radius:6px;font-family:monospace;width:120px;font-size:.9rem;background:#fff}.pontuuau-welcome-textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;min-height:80px;transition:border-color .3s ease;background:#fff}.pontuuau-welcome-textarea:focus{outline:none;border-color:#0056cc;box-shadow:0 0 0 3px #0056cc1a}.pontuuau-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;font-size:.95rem}.pontuuau-checkbox-label input{display:none}.pontuuau-checkmark{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:4px;display:inline-block;position:relative;transition:all .3s ease;flex-shrink:0}.pontuuau-checkbox-label input:checked+.pontuuau-checkmark{background:#0056cc;border-color:#0056cc}.pontuuau-checkbox-label input:checked+.pontuuau-checkmark:after{content:"✓";position:absolute;color:#fff;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%)}.pontuuau-color-controls{padding:.5rem 0}.pontuuau-color-controls h3{font-size:1.25rem;margin-bottom:.5rem;color:#1e293b}.pontuuau-color-controls p{color:#64748b;margin-bottom:1.5rem;font-size:.95rem}.pontuuau-preview-controls{padding:.5rem 0}.pontuuau-preview-controls h3{font-size:1.25rem;margin-bottom:.5rem;color:#1e293b}.pontuuau-preview-controls p{color:#64748b;margin-bottom:1.5rem;font-size:.95rem}.pontuuau-preview-steps{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.pontuuau-preview-step{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff}.pontuuau-preview-step:hover{border-color:#0056cc;transform:translateY(-2px);box-shadow:0 4px 12px #0056cc1a}.pontuuau-preview-step.active{border-color:#0056cc;background:#f0f9ff}.pontuuau-step-icon{width:40px;height:40px;background:#0056cc;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.pontuuau-preview-step.active .pontuuau-step-icon{background:#0047ab}.pontuuau-step-info{flex:1}.pontuuau-step-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#1e293b}.pontuuau-step-info p{margin:0;font-size:.85rem;color:#64748b}.pontuuau-preview-navigation-info{background:#f0f9ff;padding:1rem;border-radius:8px;border-left:4px solid #0056CC}.pontuuau-preview-navigation-info p{margin:0;font-size:.9rem;color:#1e40af}.pontuuau-preview-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f1f5f9}.pontuuau-phone-mockup{width:320px;height:630px;background:#1e293b;border-radius:40px;padding:1rem;position:relative;box-shadow:0 20px 60px #0000004d}.pontuuau-phone-notch{width:50%;height:25px;background:#1e293b;border-radius:0 0 12px 12px;position:absolute;top:0;left:50%;transform:translate(-50%)}.pontuuau-phone-screen{background:#fff;height:100%;border-radius:32px;overflow:hidden;display:flex;flex-direction:column;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:pan-y}.pontuuau-phone-home-button{width:40px;height:40px;background:#1e293b;border-radius:50%;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.pontuuau-welcome-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;height:100%}.pontuuau-welcome-logo-preview{margin-bottom:1.5rem}.pontuuau-welcome-avatar{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;border-radius:50%}.pontuuau-welcome-preview h1{font-size:1.5rem;margin-bottom:1rem;font-weight:700}.pontuuau-welcome-preview p{margin-bottom:2rem;opacity:.9}.pontuuau-swipe-indicator-preview{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem;opacity:.8}.pontuuau-swipe-indicator-preview span{font-size:.9rem}.pontuuau-start-button-preview{padding:.75rem 1.5rem;border:none;font-weight:600;cursor:pointer;transition:opacity .3s ease;margin-top:1rem}.pontuuau-start-button-preview:hover{opacity:.9}.pontuuau-preview-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;margin-bottom:20px}.pontuuau-business-header-preview{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}.pontuuau-business-photo-placeholder{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;border-radius:50%}.pontuuau-business-info h1{font-size:1.25rem;margin:0;font-weight:700}.pontuuau-business-info p{color:#64748b;margin:.25rem 0;font-size:.9rem}.pontuuau-business-buttons{display:flex;gap:.5rem;margin-top:.5rem}.pontuuau-business-button{padding:.5rem;border:none;font-size:.8rem;display:flex;align-items:center;gap:.25rem;cursor:pointer;transition:opacity .3s ease}.pontuuau-business-button:hover{opacity:.9}.pontuuau-booking-progress-preview{display:flex;justify-content:space-between;padding:0 1rem;margin-bottom:1.5rem}.pontuuau-progress-step{display:flex;flex-direction:column;align-items:center;gap:.25rem}.pontuuau-progress-step span{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.pontuuau-progress-step p{font-size:.7rem;margin:0}.pontuuau-progress-step.pontuuau-active p{font-weight:600}.pontuuau-step-content-preview{display:flex;flex-direction:column;width:100%;padding:10px;overflow-x:hidden;margin-bottom:0}.pontuuau-step-preview{padding:0 1rem;display:flex;flex-direction:column;align-items:center;margin-bottom:25px;overflow-x:hidden}.pontuuau-step-preview h3{margin-bottom:1rem;font-size:1.1rem}.pontuuau-services-preview{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.pontuuau-service-preview{padding:1rem;border:2px solid}.pontuuau-service-preview h4{margin:0 0 .5rem;font-size:1rem}.pontuuau-service-preview p{margin:0;font-weight:700;font-size:1.1rem}.pontuuau-professionals-preview{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.pontuuau-professional-preview{padding:1rem;display:flex;align-items:center;gap:1rem;border:2px solid}.pontuuau-professional-avatar{width:40px;height:40px;border-radius:50%;background:#0056cc;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.pontuuau-professional-info h4{margin:0 0 .25rem;font-size:1rem}.pontuuau-professional-info p{margin:0;color:#64748b;font-size:.9rem}.pontuuau-references-preview{margin-bottom:1.5rem}.pontuuau-reference-placeholder{height:120px;display:flex;flexDirection:column;alignItems:center;justifyContent:center;gap:.5rem;color:#64748b;cursor:pointer}.pontuuau-calendar-time-preview{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.pontuuau-calendar-preview{padding:1rem}.pontuuau-calendar-header{text-align:center;margin-bottom:1rem;font-weight:600}.pontuuau-calendar-weekdays{display:grid;gridTemplateColumns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem}.pontuuau-weekday{text-align:center;font-size:.8rem;font-weight:600;color:#64748b}.pontuuau-calendar-days-preview{gridTemplateColumns:repeat(7,1fr);display:grid;gap:.9rem!important}.pontuuau-calendar-day-preview{aspectRatio:1;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .3s ease}.pontuuau-calendar-day-preview.pontuuau-available:hover{background-color:#e2e8f0}.pontuuau-calendar-day-preview.pontuuau-unavailable{color:#cbd5e1;cursor:not-allowed}.pontuuau-calendar-day-preview.pontuuau-selected{color:#fff}.pontuuau-time-slots-preview{padding:1rem}.pontuuau-time-slots-preview h4{marginBottom:1rem;fontSize:1rem}.pontuuau-time-periods-preview{display:flex;flex-direction:column;gap:1rem}.pontuuau-time-period-preview h5{marginBottom:.5rem;fontSize:.9rem;color:#64748b}.pontuuau-time-options-preview{display:grid;gridTemplateColumns:repeat(3,1fr);gap:.5rem;marginBottom:1rem}.pontuuau-time-option-preview{padding:.5rem;textAlign:center;fontSize:.9rem;cursor:pointer;transition:all .3s ease}.pontuuau-time-option-preview.pontuuau-available:hover{background-color:#e2e8f0}.pontuuau-time-option-preview.pontuuau-unavailable{color:#cbd5e1;cursor:not-allowed}.pontuuau-time-option-preview.pontuuau-selected{color:#fff}.pontuuau-form-preview{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.pontuuau-form-group-preview{display:flex;flexDirection:column;gap:.5rem}.pontuuau-form-group-preview label{fontSize:.9rem;fontWeight:600}.pontuuau-form-group-preview input{padding:.75rem;border:1px solid #e2e8f0;borderRadius:6px;fontSize:1rem}.pontuuau-appointment-summary-preview{padding:1rem;marginBottom:1.5rem}.pontuuau-appointment-summary-preview h4{marginBottom:1rem;fontSize:1rem}.pontuuau-summary-item{display:flex;justifyContent:space-between;marginBottom:.5rem;fontSize:.9rem}.pontuuau-summary-item span:last-child{fontWeight:600}.pontuuau-preview-navigation{display:flex;justifyContent:space-between;gap:1rem;marginTop:auto;paddingTop:1rem}.pontuuau-preview-navigation button{padding:.75rem 1.5rem;border:1px solid #e2e8f0;background:none;cursor:pointer;transition:all .3s ease;borderRadius:6px;fontWeight:600}.pontuuau-preview-navigation button:last-child{border:none;color:#fff}.pontuuau-preview-navigation button:disabled{backgroundColor:#cbd5e1;cursor:not-allowed}.pontuuau-preview-next-button{padding:1rem;border:none;fontWeight:600;cursor:pointer;transition:opacity .3s ease;marginTop:auto;borderRadius:6px}.pontuuau-preview-next-button:hover{opacity:.9}.pontuuau-features-section{padding:6rem 2rem;background:#fff}.pontuuau-section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.pontuuau-section-header h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#1e293b}.pontuuau-section-header p{font-size:1.1rem;color:#64748b}.pontuuau-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.pontuuau-feature-card{background:#f8fafc;padding:2rem;border-radius:16px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.pontuuau-feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.pontuuau-feature-icon{width:60px;height:60px;background:#0056cc;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.pontuuau-feature-card h3{font-size:1.25rem;margin-bottom:1rem;color:#1e293b}.pontuuau-feature-card p{color:#64748b}.pontuuau-pricing-section{padding:6rem 2rem;background:#f8fafc}.plan-action-btn{padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;position:relative;overflow:hidden;text-decoration:none}.trial-badge{background:#10b981;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;display:inline-block}.feature-number-row{background-color:#f8fafc;border-left:4px solid #3b82f6}.feature-number{font-size:1.1rem;font-weight:700;color:#3b82f6;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;background-color:#3b82f61a;border-radius:6px;min-width:60px}.pontuuau-testimonials-section{padding:6rem 2rem;background:#fff}.pontuuau-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.pontuuau-testimonial-card{background:#f8fafc;padding:2rem;border-radius:16px;transition:transform .3s ease}.pontuuau-testimonial-card:hover{transform:translateY(-5px)}.pontuuau-rating{display:flex;gap:.25rem;margin-bottom:1rem}.pontuuau-star{color:#f59e0b;fill:#f59e0b}.pontuuau-quote{font-style:italic;color:#1e293b;margin-bottom:1.5rem;line-height:1.7}.pontuuau-author{border-top:1px solid #e2e8f0;padding-top:1rem}.pontuuau-name{font-weight:600;color:#1e293b;margin:0}.pontuuau-profession{color:#64748b;margin:.25rem 0 0;font-size:.9rem}.pontuuau-customer-experience-section{padding:6rem 2rem;background:#f8fafc;position:relative;overflow:hidden}.pontuuau-customer-experience-section:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#0056cc1a;border-radius:50%;z-index:0}.pontuuau-customer-experience-section:after{content:"";position:absolute;bottom:-30%;left:-10%;width:200px;height:200px;background:#6733ff1a;border-radius:50%;z-index:0}.pontuuau-customer-experience-content{max-width:1000px;margin:0 auto;text-align:center;position:relative;z-index:1}.pontuuau-customer-experience-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}.pontuuau-customer-experience-feature{background:#fff;padding:2.5rem 2rem;border-radius:20px;box-shadow:0 10px 30px #00000014;transition:all .4s ease;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pontuuau-customer-experience-feature:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#0056cc;opacity:0;transition:opacity .3s ease}.pontuuau-customer-experience-feature:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.pontuuau-customer-experience-feature:hover:before{opacity:1}.pontuuau-customer-experience-icon{width:80px;height:80px;background:#0056cc;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;transition:all .3s ease;position:relative}.pontuuau-customer-experience-feature:hover .pontuuau-customer-experience-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 20px #0056cc4d}.pontuuau-customer-experience-icon:after{content:"";position:absolute;inset:-4px;background:#6733ff;border-radius:24px;z-index:-1;opacity:0;transition:opacity .3s ease}.pontuuau-customer-experience-feature:hover .pontuuau-customer-experience-icon:after{opacity:1}.pontuuau-customer-experience-feature h3{font-size:1.35rem;margin-bottom:1rem;color:#1e293b;font-weight:700}.pontuuau-customer-experience-feature p{color:#64748b;line-height:1.6;font-size:1rem}.pontuuau-customer-experience-cta{background:#ffffffe6;padding:3rem 2rem;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 15px 35px #0000001a;position:relative;overflow:hidden}.pontuuau-customer-experience-cta:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%230056CC" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;z-index:0}.pontuuau-customer-experience-cta>*{position:relative;z-index:1}.pontuuau-customer-experience-cta p{font-size:1.2rem;margin-bottom:2rem;color:#64748b;font-weight:500}.pontuuau-customer-experience-cta .pontuuau-highlight{color:#6733ff;font-weight:700}.pontuuau-customer-experience-cta .pontuuau-primary-button{background:#0056cc;padding:1.2rem 2.5rem;font-size:1.1rem;border-radius:14px;box-shadow:0 10px 25px #0056cc4d;transition:all .3s ease}.pontuuau-customer-experience-cta .pontuuau-primary-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0056cc66;background:#0047ab}.pontuuau-cta-section{padding:6rem 2rem;background:#0056cc;color:#fff;text-align:center}.pontuuau-cta-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#fff}.pontuuau-cta-content p{font-size:1.1rem;margin-bottom:2.5rem;opacity:.9}.pontuuau-cta-button{background:#fff;color:#0056cc;padding:1rem 2.5rem;border-radius:12px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.pontuuau-cta-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #fff3}.pontuuau-landing-footer{background:#1e293b;color:#fff;padding:4rem 2rem 2rem;text-align:center}.pontuuau-footer-content{max-width:600px;margin:0 auto}.pontuuau-footer-content .pontuuau-logo{margin-bottom:1rem;justify-content:center}.pontuuau-footer-content p{color:#94a3b8;margin-bottom:2rem}.pontuuau-footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.pontuuau-footer-links a,.pontuuau-footer-links button{color:#cbd5e1;text-decoration:none;transition:color .3s ease;background:none;border:none;cursor:pointer;font-size:1rem;font-family:inherit}.pontuuau-footer-links a:hover,.pontuuau-footer-links button:hover{color:#fff}.pontuuau-copyright{color:#64748b;font-size:.9rem;margin:0}.pontuuau-user-menu-container{position:relative}.pontuuau-user-avatar{width:40px;height:40px;border-radius:50%;border:none;background:#0056cc;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;transition:all .3s ease}.pontuuau-user-avatar:hover{transform:scale(1.05)}.pontuuau-user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.pontuuau-user-avatar-placeholder{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0056cc;color:#fff;font-weight:600}.pontuuau-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:.5rem;margin-top:.5rem;min-width:150px;z-index:1000}.pontuuau-dropdown-item{width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.5rem;color:#1e293b;border-radius:6px;transition:background-color .3s ease}.pontuuau-dropdown-item:hover{background-color:#f1f5f9}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.pontuuau-swipe-overlay{pointer-events:none}.pontuuau-phone-screen.swiping{cursor:grabbing}.pontuuau-welcome-preview,.pontuuau-preview-content{transition:transform .3s cubic-bezier(.4,0,.2,1)}.texto-teste{text-align:center;font-size:2rem;font-weight:800;margin:3rem 0 2rem;color:#6733ff;padding:1rem;position:relative;animation:float 3s ease-in-out infinite}.texto-teste:before{content:"";position:absolute;inset:0;background:#6733ff1a;border-radius:20px;z-index:-1;transform:scale(1.05)}.pontuuau-sparkle{display:inline-block;animation:sparkle 2s ease-in-out infinite;margin:0 .5rem}.pontuuau-sparkle:nth-child(2){animation-delay:.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.7;transform:scale(1.2) rotate(180deg)}}@media (max-width: 768px){.texto-teste{font-size:1.5rem;margin:2rem 0 1rem;padding:.75rem}}@media (max-width: 480px){.texto-teste{font-size:1.25rem;margin:1.5rem 0 1rem;padding:.5rem}.pontuuau-sparkle{margin:0 .25rem}}@media (max-width: 1024px){.pontuuau-customization-container{flex-direction:column}.pontuuau-controls-panel{border-right:none;border-bottom:1px solid #e2e8f0;min-height:auto}.pontuuau-preview-panel{padding:1rem}}@media (max-width: 768px){.pontuuau-hero-content h1{font-size:2.5rem}.pontuuau-features-grid,.pontuuau-testimonials-grid{grid-template-columns:1fr}.pontuuau-controls-tabs{flex-direction:column}.pontuuau-tab{padding:.75rem 1rem;font-size:.85rem}.pontuuau-nav-links-center,.pontuuau-nav-links{display:none}.pontuuau-mobile-menu-button{display:block}.pontuuau-hero-buttons{flex-direction:column;align-items:center}.pontuuau-primary-button,.pontuuau-secondary-button{width:100%;justify-content:center;text-align:center}.pontuuau-phone-mockup{width:280px;height:560px}.plans-comparison{overflow-x:auto}.features-header,.feature-row,.plans-actions{grid-template-columns:250px repeat(3,180px);min-width:790px}.feature-number{font-size:1rem;min-width:50px;padding:6px}}@media (max-width: 480px){.pontuuau-header-container{padding:1rem}.pontuuau-hero-section{padding:6rem 1rem 2rem}.pontuuau-hero-content h1{font-size:2rem}.pontuuau-link-input-container{flex-direction:column;align-items:stretch}.pontuuau-domain{margin-bottom:.5rem;text-align:center}.pontuuau-controls-panel{padding:1.5rem}.pontuuau-preview-steps{gap:.5rem}.pontuuau-preview-step{padding:.75rem}.pontuuau-step-icon{width:32px;height:32px;font-size:1rem}.pontuuau-customer-experience-features{grid-template-columns:1fr}}.pontuuau-service-preview,.pontuuau-professional-preview,.pontuuau-reference-placeholder,.pontuuau-calendar-preview,.pontuuau-time-slots-preview,.pontuuau-appointment-summary-preview{box-shadow:none!important}.pontuuau-nav-link:focus-visible,.pontuuau-signup-button:focus-visible,.pontuuau-primary-button:focus-visible,.pontuuau-secondary-button:focus-visible{outline:2px solid #0056CC;outline-offset:2px}@media (hover: none) and (pointer: coarse){.pontuuau-start-button-preview:active{opacity:.7;transform:scale(.98)}}.pontuuau-controls-content::-webkit-scrollbar{width:6px}.pontuuau-controls-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.pontuuau-controls-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.pontuuau-controls-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pontuuau-loading{opacity:.6;pointer-events:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pontuuau-animate-slide-in{animation:slideInUp .6s ease-out}.pontuuau-error{border-color:#ef4444!important;background-color:#fef2f2!important}.pontuuau-error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.pontuuau-success{border-color:#10b981!important;background-color:#f0fdf4!important}.pontuuau-mt-1{margin-top:.25rem}.pontuuau-mt-2{margin-top:.5rem}.pontuuau-mt-4{margin-top:1rem}.pontuuau-mb-1{margin-bottom:.25rem}.pontuuau-mb-2{margin-bottom:.5rem}.pontuuau-mb-4{margin-bottom:1rem}.pontuuau-text-center{text-align:center}.pontuuau-text-left{text-align:left}.pontuuau-text-right{text-align:right}.pontuuau-flex{display:flex}.pontuuau-flex-col{flex-direction:column}.pontuuau-items-center{align-items:center}.pontuuau-justify-center{justify-content:center}.pontuuau-justify-between{justify-content:space-between}.pontuuau-grid{display:grid}.pontuuau-grid-cols-2{grid-template-columns:repeat(2,1fr)}.pontuuau-grid-cols-3{grid-template-columns:repeat(3,1fr)}.pontuuau-hidden{display:none}.pontuuau-visible{display:block}.pontuuau-bg-primary{background-color:#0056cc}.pontuuau-bg-secondary{background-color:#f8fafc}.pontuuau-text-primary{color:#0056cc}.pontuuau-text-secondary{color:#64748b}.pontuuau-preview-button-container{display:flex;justify-content:center;margin:1.5rem 0}.pontuuau-preview-button{background:#10b981;color:#fff;padding:1rem 2rem;border-radius:12px;border:none;font-weight:600;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d;position:relative;overflow:hidden}.pontuuau-preview-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#059669;transition:left .3s ease;z-index:-1}.pontuuau-preview-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.pontuuau-preview-button:hover:before{left:0}.pontuuau-preview-button:active{transform:translateY(0)}@media (max-width: 768px){.pontuuau-preview-button{padding:.875rem 1.5rem;font-size:1rem;width:100%;justify-content:center}}@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.pontuuau-preview-button{animation:gentle-pulse 3s ease-in-out infinite}.pontuuau-tab.active[data-tab=welcome]{background:#0056cc;color:#fff;position:relative}.pontuuau-tab.active[data-tab=welcome]:after{content:"↺";margin-left:.5rem;font-size:.9rem;animation:spin 2s linear infinite}.pontuuau-preview-section-enter{opacity:0;transform:translateY(30px)}.pontuuau-preview-section-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.pontuuau-link-input-container{transition:all .3s ease}.pontuuau-link-input-container:has(.pontuuau-username-input:focus){border-color:#0056cc;box-shadow:0 0 0 3px #0056cc1a}.pontuuau-username-input:not(:placeholder-shown){border-color:#10b981}.pontuuau-customization-highlight-section{padding:6rem 2rem;background:#0056cc;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:50vh}.pontuuau-customization-highlight-container{max-width:1600px;margin:0 auto;width:100%}.pontuuau-customization-highlight-content{display:flex;gap:4rem;align-items:center;justify-content:center}.pontuuau-customization-text{text-align:left;width:4000px}.pontuuau-customization-text h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;color:#fff;line-height:1.2}.pontuuau-customization-text p{font-size:1.1rem;color:#fff;margin-bottom:2rem;line-height:1.6}.pontuuau-customization-benefits{list-style:none;padding:0;margin-bottom:2.5rem}.pontuuau-customization-benefits li{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem;color:#fff}.pontuuau-benefit-check{color:#10b981;min-width:20px}.pontuuau-customization-cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.pontuuau-customization-button{background:#fff!important;color:#0056cc!important;border:2px solid #ffffff!important;padding:1rem 2rem!important;border-radius:12px!important;text-decoration:none!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;transition:all .3s ease!important;cursor:pointer!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 6px #fff3!important}.pontuuau-customization-button:hover{background:#f8fafc!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 10px 25px #ffffff4d!important}.pontuuau-customization-button.pontuuau-secondary-button{background:transparent!important;color:#fff!important;border:2px solid #ffffff!important}.pontuuau-customization-button.pontuuau-secondary-button:hover{background:#fff!important;color:#fff!important}.pontuuau-customization-visual,.pontuuau-customization-image-container{position:relative;display:flex;justify-content:center;align-items:center}.pontuuau-customization-blue-bg{border-radius:24px;padding:3rem 2rem;position:relative;z-index:2;display:flex;justify-content:center;align-items:center}.pontuuau-customization-image{width:100%;width:700px;height:auto;border-radius:16px}@media (max-width: 1300px){.pontuuau-customization-highlight-content{flex-direction:column;gap:2rem;text-align:center}.pontuuau-customization-text{text-align:center;max-width:80%}.pontuuau-customization-benefits{text-align:center}.pontuuau-customization-benefits li,.pontuuau-customization-cta-buttons{align-items:center;justify-content:center}.pontuuau-customization-image{width:700px}}@media (max-width: 768px){.pontuuau-customization-highlight-section{padding:4rem 1rem}.pontuuau-customization-text h2{font-size:2rem}.pontuuau-customization-cta-buttons{flex-direction:column;align-items:center}.pontuuau-customization-button{width:100%;justify-content:center}.pontuuau-customization-blue-bg{padding:2rem 1.5rem}}@media (max-width: 480px){.pontuuau-customization-text h2{font-size:1.75rem}.pontuuau-customization-image{max-width:400px}.pontuuau-customization-button{padding:.875rem 1.5rem!important;font-size:1rem!important}}@media (max-width: 768px){.plans-comparison{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.features-header,.feature-row,.plans-actions{grid-template-columns:280px repeat(3,200px);min-width:1080px}.feature-category,.feature-name,.action-spacer{position:sticky;left:0;z-index:10;background:#fff;box-shadow:2px 0 5px #0000001a}.plan-header,.feature-included,.plan-action{min-width:200px}.plans-comparison::-webkit-scrollbar{height:6px}.plans-comparison::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.plans-comparison::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.plans-comparison::-webkit-scrollbar-thumb:hover{background:#94a3b8}.plans-comparison:after{content:"";position:absolute;right:0;top:0;bottom:0;width:30px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1));pointer-events:none;opacity:0;transition:opacity .3s ease}.plans-comparison.scrollable:after{opacity:1}}@media (min-width: 769px) and (max-width: 1024px){.features-header,.feature-row,.plans-actions{grid-template-columns:300px repeat(3,220px)}}.plans-comparison{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}@media (max-width: 768px){.pontuuau-pricing-section{padding:4rem 1rem}.plans-comparison{margin-left:-1rem;margin-right:-1rem;border-radius:0}.features-header,.feature-row,.plans-actions{grid-template-columns:260px repeat(3,180px);min-width:980px}}@media (max-width: 360px){.features-header,.feature-row,.plans-actions{grid-template-columns:240px repeat(3,160px);min-width:880px}.feature-name{padding:1rem;font-size:.85rem}.plan-header{min-width:160px;padding:1rem}.feature-included{min-width:160px;padding:.75rem}.plan-action{min-width:160px;padding:1rem}}.pontuuau-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pontuuau-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.pontuuau-support-modal{max-width:700px}.pontuuau-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.pontuuau-modal-title{display:flex;align-items:center;gap:12px}.pontuuau-modal-title h2{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b}.pontuuau-modal-close{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.pontuuau-modal-close:hover{background:#e2e8f0;color:#475569}.pontuuau-modal-body{flex:1;overflow-y:auto;padding:24px}.pontuuau-modal-footer{padding:24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end}.pontuuau-modal-button{padding:12px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.pontuuau-modal-button.primary{background:#0056cc;color:#fff}.pontuuau-modal-button.primary:hover:not(:disabled){background:#0047ab}.pontuuau-modal-button.primary:disabled{background:#cbd5e1;cursor:not-allowed}.pontuuau-modal-button.secondary{background:#f1f5f9;color:#475569}.pontuuau-modal-button.secondary:hover{background:#e2e8f0}.pontuuau-terms-content,.pontuuau-privacy-content{line-height:1.6;color:#475569}.pontuuau-terms-content h3,.pontuuau-privacy-content h3{color:#1e293b;margin:24px 0 12px;font-size:1.1rem;font-weight:600}.pontuuau-terms-content h3:first-child,.pontuuau-privacy-content h3:first-child{margin-top:0}.pontuuau-terms-content p,.pontuuau-privacy-content p{margin-bottom:16px}.pontuuau-terms-content ul,.pontuuau-privacy-content ul{margin-bottom:16px;padding-left:20px}.pontuuau-terms-content li,.pontuuau-privacy-content li{margin-bottom:8px}.pontuuau-terms-date,.pontuuau-privacy-date{margin-top:32px;padding-top:16px;border-top:1px solid #e2e8f0;color:#64748b;font-style:italic}.pontuuau-support-content{max-width:100%}.pontuuau-support-intro{margin-bottom:24px;color:#475569;font-size:1rem}.pontuuau-support-form{display:flex;flex-direction:column;gap:20px}.pontuuau-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pontuuau-form-group{display:flex;flex-direction:column;gap:8px}.pontuuau-form-group label{font-weight:600;color:#374151;font-size:.9rem}.pontuuau-form-group input,.pontuuau-form-group select,.pontuuau-form-group textarea{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.pontuuau-form-group input:focus,.pontuuau-form-group select:focus,.pontuuau-form-group textarea:focus{outline:none;border-color:#0056cc;box-shadow:0 0 0 3px #0056cc1a}.pontuuau-form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.pontuuau-support-info{background:#f8fafc;padding:16px;border-radius:8px;border-left:4px solid #0056CC}.pontuuau-support-info p{margin:0;font-size:.9rem;color:#475569}@media (max-width: 768px){.pontuuau-modal-overlay{padding:10px}.pontuuau-modal-content{max-height:95vh}.pontuuau-modal-header,.pontuuau-modal-body,.pontuuau-modal-footer{padding:16px}.pontuuau-form-row{grid-template-columns:1fr}.pontuuau-modal-footer{flex-direction:column}.pontuuau-modal-button{width:100%}}@media (max-width: 480px){.pontuuau-modal-title h2{font-size:1.25rem}.pontuuau-terms-content h3,.pontuuau-privacy-content h3{font-size:1rem}}.pontuuau-professionals-section{padding:6rem 2rem;background:#f8fafc}.pontuuau-professionals-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1200px;margin:0 auto 3rem}@media (min-width: 1025px){.pontuuau-professionals-container{grid-template-columns:repeat(3,1fr);grid-template-areas:"category1 category2 category3" ". category4 ."}.pontuuau-professional-category:nth-child(1){grid-area:category1}.pontuuau-professional-category:nth-child(2){grid-area:category2}.pontuuau-professional-category:nth-child(3){grid-area:category3}.pontuuau-professional-category:nth-child(4){grid-area:category4;justify-self:center;width:100%;max-width:400px}.pontuuau-professional-category{width:100%;max-width:380px;justify-self:center}}@media (max-width: 1024px) and (min-width: 769px){.pontuuau-professionals-container{grid-template-columns:repeat(2,1fr);grid-template-areas:"category1 category2" "category3 category4"}.pontuuau-professional-category{width:100%;max-width:350px;justify-self:center}.pontuuau-professional-category:nth-child(4){grid-area:category4}}@media (max-width: 768px){.pontuuau-professionals-container{grid-template-columns:1fr;grid-template-areas:"category1" "category2" "category3" "category4"}.pontuuau-professional-category{width:100%;max-width:400px;justify-self:center}}.pontuuau-professional-category{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;overflow:hidden;transition:all .3s ease;border:1px solid #e2e8f0;min-height:320px;display:flex;flex-direction:column}.pontuuau-professional-category:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f}.pontuuau-category-header{padding:1.5rem;border-bottom:1px solid #f1f5f9;position:relative;background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-shrink:0}.pontuuau-category-accent{position:absolute;top:0;left:0;width:6px;height:100%}.pontuuau-category-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b}.pontuuau-professionals-list{padding:1.5rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.pontuuau-profession-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid #f8fafc;transition:all .3s ease}.pontuuau-profession-item:last-child{border-bottom:none}.pontuuau-profession-item:hover{background:#f8fafc;margin:0 -1rem;padding:1rem;border-radius:8px}.pontuuau-profession-badge{display:flex;align-items:center;justify-content:center;margin-top:.25rem}.pontuuau-profession-dot{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.pontuuau-profession-item:hover .pontuuau-profession-dot{transform:scale(1.5)}.pontuuau-profession-content{flex:1}.pontuuau-profession-content h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#1e293b}.pontuuau-profession-content p{margin:0;color:#64748b;font-size:.95rem;line-height:1.5}.pontuuau-professionals-cta{text-align:center;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;max-width:600px;margin:0 auto}.pontuuau-professionals-cta p{font-size:1.1rem;color:#64748b;margin-bottom:1.5rem;font-weight:500}.pontuuau-solo-professionals-section{padding:6rem 2rem;background:#fff;position:relative;overflow:hidden}.pontuuau-solo-professionals-section:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#0056cc0d;border-radius:50%;z-index:0}.pontuuau-solo-professionals-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.pontuuau-solo-professionals-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.pontuuau-solo-professionals-text h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;color:#1e293b;line-height:1.2}.pontuuau-solo-professionals-text>p{font-size:1.1rem;color:#64748b;margin-bottom:2.5rem;line-height:1.6}.pontuuau-solo-benefits{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.pontuuau-solo-benefit{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border-left:4px solid #0056CC;transition:all .3s ease}.pontuuau-solo-benefit:hover{background:#f0f9ff;transform:translate(5px)}.pontuuau-solo-benefit-icon{width:50px;height:50px;background:#0056cc;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .3s ease}.pontuuau-solo-benefit:hover .pontuuau-solo-benefit-icon{background:#6733ff;transform:scale(1.1)}.pontuuau-solo-benefit-content h4{font-size:1.1rem;margin-bottom:.5rem;color:#1e293b;font-weight:600}.pontuuau-solo-benefit-content p{color:#64748b;margin:0;line-height:1.5}.pontuuau-solo-cta{background:#f0f9ff;padding:2rem;border-radius:16px;border:2px solid #e0f2fe;text-align:center}.pontuuau-solo-cta p{font-size:1.1rem;margin-bottom:1.5rem;color:#1e293b;font-weight:500}.pontuuau-solo-professionals-visual{display:flex;justify-content:center;align-items:center}.pontuuau-solo-stats{display:flex;flex-direction:column;gap:2rem;width:100%}.pontuuau-solo-stat{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #0000001a;text-align:center;border:1px solid #e2e8f0;transition:all .3s ease}.pontuuau-solo-stat:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.pontuuau-solo-stat-number{font-size:3rem;font-weight:800;color:#0056cc;margin-bottom:.5rem;line-height:1}.pontuuau-solo-stat-label{color:#64748b;font-size:1rem;line-height:1.4}@media (max-width: 1024px){.pontuuau-solo-professionals-content{grid-template-columns:1fr;gap:3rem}.pontuuau-solo-professionals-text{text-align:center}.pontuuau-solo-benefit{text-align:left}}@media (max-width: 768px){.pontuuau-professionals-container{grid-template-columns:1fr}.pontuuau-solo-professionals-text h2{font-size:2rem}.pontuuau-solo-stat-number{font-size:2.5rem}.pontuuau-solo-benefit{flex-direction:column;text-align:center}.pontuuau-solo-benefit-icon{align-self:center}}@media (max-width: 480px){.pontuuau-professionals-section,.pontuuau-solo-professionals-section{padding:4rem 1rem}.pontuuau-professional-category{padding:2rem 1.5rem}.pontuuau-solo-professionals-text h2{font-size:1.75rem}.pontuuau-solo-stat{padding:1.5rem}.pontuuau-solo-stat-number{font-size:2rem}}@media (max-width: 768px){.pontuuau-professionals-container{grid-template-columns:1fr;gap:1.5rem}.pontuuau-professionals-section{padding:4rem 1rem}.pontuuau-professional-category{margin:0 auto;max-width:400px}.pontuuau-profession-item{padding:.75rem 0}.pontuuau-profession-item:hover{margin:0 -.5rem;padding:.75rem .5rem}}@media (max-width: 480px){.pontuuau-professionals-cta{padding:1.5rem}.pontuuau-professionals-cta p{font-size:1rem}.pontuuau-category-header,.pontuuau-professionals-list{padding:1.25rem}}.pontuuau-date-time-selector-preview{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.pontuuau-calendar-section-preview{margin-bottom:1rem;padding:1rem 0!important}.pontuuau-calendar-section-preview h3{margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.pontuuau-calendar-days-container-preview{background:#fff;border-radius:8px;padding:1rem;margin-left:-12px}.pontuuau-time-section-preview{margin-top:1rem}.pontuuau-time-section-preview h3{margin-bottom:1rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.pontuuau-time-info-preview{background:#0056cc1a;border-radius:6px;padding:.75rem;margin-bottom:1rem;font-size:.9rem}.pontuuau-time-info-preview p{margin:0;color:#1e293b}.pontuuau-time-slots-container-preview{display:flex;flex-direction:column;gap:1.5rem}.pontuuau-step-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.pontuuau-back-button{background:none;border:none;cursor:pointer;color:#64748b;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.pontuuau-back-button:hover{background:#f1f5f9;color:#0056cc}.pontuuau-step-header h2{font-size:1.25rem;margin:0 0 .25rem;font-weight:700;color:#1e293b}.pontuuau-step-header p{margin:0;color:#64748b;font-size:.9rem}.pontuuau-client-info-form-preview{margin-bottom:1.5rem}.pontuuau-form-group-preview input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.pontuuau-form-group-preview input:focus{outline:none;border-color:#0056cc;box-shadow:0 0 0 3px #0056cc1a}.pontuuau-confirmation-step{text-align:center}.pontuuau-confirmation-icon{width:80px;height:80px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.pontuuau-confirmation-step h2{font-size:1.5rem;margin-bottom:.75rem;font-weight:700;color:#1e293b}.pontuuau-confirmation-step>p{color:#64748b;margin-bottom:1.5rem;font-size:1rem}.pontuuau-confirmation-details-preview{text-align:left;margin-bottom:1.5rem}.pontuuau-detail-item{padding:.5rem 0;border-bottom:1px solid #f1f5f9}.pontuuau-detail-item:last-child{border-bottom:none}.pontuuau-confirmation-note-preview{font-size:.9rem;color:#64748b;line-height:1.5;margin-bottom:1.5rem}.pontuuau-booking-progress-preview{margin-bottom:1.5rem}.pontuuau-landing-container .pontuuau-phone-screen *{box-sizing:border-box!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.pontuuau-preview-content .pontuuau-step-header,.pontuuau-preview-content .pontuuau-date-time-selector-preview,.pontuuau-preview-content .pontuuau-client-info-form-preview,.pontuuau-preview-content .pontuuau-confirmation-step{all:initial;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.pontuuau-phone-screen .pontuuau-back-button{all:initial;background:none;border:none;cursor:pointer;color:#64748b;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.pontuuau-phone-screen .pontuuau-back-button:hover{background:#f1f5f9;color:#0056cc}body,html{margin:0;padding:0;height:100%;font-family:Inter,sans-serif}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;padding:20px}.login-card{background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 12px 30px #00000026;width:100%;max-width:400px;box-sizing:border-box;animation:fadeInUp .6s ease forwards;transform:translateY(20px)}.login-title{text-align:center;margin-bottom:30px;font-size:28px;color:#333;font-weight:600}.login-error-message{background-color:#ffe6e6;color:#d8000c;padding:10px 15px;border-radius:8px;margin-bottom:20px;text-align:center;font-size:14px}.login-form .login-form-group{margin-bottom:20px;display:flex;flex-direction:column}.login-input-label{margin-bottom:5px;font-size:14px;color:#555}.login-text-input{padding:12px 14px;border:1px solid #ccc;border-radius:8px;font-size:14px;transition:border .2s,box-shadow .2s}.login-text-input:focus{outline:none;border-color:#2575fc;box-shadow:0 0 8px #2575fc4d}.login-checkbox-label{font-size:14px;color:#555;display:flex;align-items:center;gap:8px}input[type=checkbox]{width:50px;height:20px;border:solid 1px red}.login-submit-button{width:100%;padding:14px;background-color:#2575fc;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .1s}.login-submit-button:hover:not(:disabled){background-color:#1a5edb;transform:translateY(-2px)}.login-submit-button:disabled{opacity:.7;cursor:not-allowed}.login-link{text-decoration:none;color:#2575fc;font-weight:500}.login-link:hover{text-decoration:underline}.login-back-button{border:none;position:absolute;top:0;left:0;margin:30px 15px;padding:10px 12px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:16pt;border-radius:8px}.login-back-button:hover{background-color:#1a5edb85;color:#fff;cursor:pointer;scale:1.05;transition:all .2s ease}.login-back-footer{display:flex;align-items:center;justify-content:center;padding:20px 10px;margin-top:20px}.login-back-button-secondary{border:none;padding:10px;font-size:10pt;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:10px}.login-back-button-secondary:hover{background-color:#1a5edbd8;color:#fff;cursor:pointer;scale:1.05;transition:all .2s ease}@media (max-width: 480px){.login-back-button{width:auto;font-size:12pt;margin-top:10px;margin-left:10px}}.confirmation-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.confirmation-modal{background:#fff;border-radius:16px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}.confirmation-modal-content{text-align:center}.success-icon,.error-icon{font-size:60px;margin-bottom:20px}.confirmation-success h2{color:#28a745;margin-bottom:15px;font-size:28px}.confirmation-error h2{color:#dc3545;margin-bottom:15px;font-size:28px}.confirmation-success p,.confirmation-error p{color:#666;margin-bottom:25px;font-size:16px;line-height:1.5}.success-details{background:#f8f9fa;border-radius:12px;padding:20px;margin:20px 0;text-align:left}.success-details h4{color:#495057;margin-bottom:15px;font-size:16px}.success-details ul{list-style:none;padding:0}.success-details li{padding:8px 0;border-bottom:1px solid #e9ecef;color:#6c757d}.success-details li:last-child{border-bottom:none}.success-details strong{color:#495057;margin-right:8px}.confirmation-actions{display:flex;gap:15px;justify-content:center;margin-top:25px;flex-wrap:wrap}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:15px 30px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #28a7454d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.btn-primary{background:#007bff;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:14px;cursor:pointer;transition:background .3s ease}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:14px;cursor:pointer;transition:background .3s ease}.btn-secondary:hover{background:#5a6268}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.confirmation-modal{padding:20px;margin:20px}.confirmation-actions{flex-direction:column}.btn-success{padding:12px 20px;font-size:14px}}:root{--register-primary-color: #3b82f6;--register-secondary-color: #f8fafc;--register-background-color: #ffffff;--register-border-color: #e2e8f0;--register-text-primary: #1e293b;--register-text-secondary: #64748b;--register-success-color: #10b981;--register-danger-color: #ef4444;--register-warning-color: #f59e0b}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:var(--register-secondary-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.register-card{background:var(--register-background-color);border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:35px;width:100%;max-width:1000px;border:1px solid var(--register-border-color)}.register-header{text-align:center;margin-bottom:30px}.register-header h2{color:var(--register-text-primary);margin-bottom:15px;font-size:28px;font-weight:700}.register-step-indicator{display:flex;justify-content:center;margin-top:20px;gap:20px}.register-step-indicator span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:var(--register-border-color);color:var(--register-text-secondary);font-weight:700;transition:all .3s ease}.register-step-indicator span.register-active{background:var(--register-primary-color);color:#fff;transform:scale(1.1)}.register-form-step{max-height:auto;margin-bottom:30px;animation:register-fadeIn .5s ease-out}.register-form-step h3{color:var(--register-text-primary);margin-bottom:20px;font-size:22px;text-align:center;font-weight:600}.register-plan-subtitle{color:var(--register-text-secondary);margin-bottom:25px;text-align:center;font-size:16px}.register-form-group{margin-bottom:20px;transition:all .3s ease}.register-form-row{display:flex;gap:15px}.register-form-row .register-form-group{flex:1}label{display:block;margin-bottom:8px;font-weight:500;color:var(--register-text-primary)}input,select,textarea{width:100%;padding:12px 15px;border:1px solid var(--register-border-color);border-radius:8px;font-size:16px;transition:all .3s;background-color:var(--register-background-color);color:var(--register-text-primary);box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--register-primary-color);box-shadow:0 0 0 3px #3b82f61a}input.register-error,select.register-error,textarea.register-error{border-color:var(--register-danger-color)}.register-error-text{color:var(--register-danger-color);font-size:14px;margin-top:5px;display:block}.register-error-message{color:var(--register-danger-color);font-size:14px;margin-top:10px;text-align:center;padding:10px;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.register-form-navigation{display:flex;justify-content:space-between;margin-top:30px;gap:15px}.register-btn-primary,.register-btn-secondary{padding:12px 25px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s;font-weight:500;display:flex;align-items:center;justify-content:center;min-height:44px}.register-btn-primary{background:var(--register-primary-color);color:#fff}.register-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.register-btn-primary:disabled{background:#93c5fd;cursor:not-allowed;transform:none;box-shadow:none}.register-btn-secondary{background:var(--register-secondary-color);color:var(--register-text-secondary);border:1px solid var(--register-border-color)}.register-btn-secondary:hover{background:#e2e8f0;color:var(--register-text-primary)}.register-plans-container{display:flex;min-height:500px!important;justify-content:center;align-items:stretch;gap:20px;margin:30px 0;flex-wrap:nowrap}.register-plan-card{flex:1;min-width:280px;max-width:320px;max-height:480px;border:2px solid var(--register-border-color);border-radius:12px;padding:25px;cursor:pointer;transition:all .3s ease;background:var(--register-background-color);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 6px #0000000d}.register-plan-card:hover{border-color:var(--register-primary-color);transform:translateY(-5px);box-shadow:0 10px 25px #3b82f626}.register-plan-card.register-selected{border-color:var(--register-primary-color);background-color:#3b82f60d;transform:translateY(-5px);box-shadow:0 10px 25px #3b82f626;position:relative}.register-plan-card.register-selected:before{content:"";position:absolute;inset:-2px;border:2px solid var(--register-primary-color);border-radius:12px;pointer-events:none}.register-plan-card h4{margin:0 0 15px;color:var(--register-text-primary);font-size:1.5rem;font-weight:600;text-align:center}.register-plan-price{font-size:1.4rem;font-weight:700;color:var(--register-primary-color);margin-bottom:20px;text-align:center}.register-plan-features{list-style:none;padding:0;margin:0 0 20px;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.register-plan-features li{padding:12px 0;color:var(--register-text-secondary);border-bottom:1px solid var(--register-border-color);text-align:left;position:relative;display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4}.register-plan-features li:last-child{border-bottom:none}.register-feature-available{color:var(--register-success-color);font-weight:700;font-size:16px;min-width:20px}.register-feature-unavailable{color:#94a3b8;font-weight:700;font-size:16px;min-width:20px}.register-plan-select{text-align:center;font-weight:700;color:var(--register-primary-color);padding:12px;background:#3b82f61a;border-radius:8px;margin-top:auto;transition:all .3s}.register-plan-card.register-selected .register-plan-select{background:var(--register-primary-color);color:#fff}.register-loading-cep{font-size:14px;color:var(--register-text-secondary);margin-top:5px}.register-input-with-prefix{display:flex;align-items:center;border:1px solid var(--register-border-color);border-radius:8px;overflow:hidden;background:var(--register-background-color)}.register-input-with-prefix .register-prefix{padding:12px 15px;background:var(--register-secondary-color);color:var(--register-text-secondary);font-weight:500;border-right:1px solid var(--register-border-color);white-space:nowrap}.register-input-with-prefix input{flex:1;border:none;padding:12px 15px;outline:none}.register-input-with-prefix input:focus{border-color:var(--register-primary-color)}.register-input-help{font-size:12px;color:var(--register-text-secondary);margin-top:5px}.register-loading-text{font-size:12px;color:var(--register-primary-color);margin-top:5px}.register-warning-text{font-size:12px;color:var(--register-warning-color);margin-top:5px}.register-success-text{font-size:12px;color:var(--register-success-color);margin-top:5px}input.register-warning{border-color:var(--register-warning-color)!important}input.register-error{border-color:var(--register-danger-color)!important}.register-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:register-spin 1s ease-in-out infinite;margin-right:8px}@keyframes register-spin{to{transform:rotate(360deg)}}.register-debug-logs{margin-top:20px;padding:15px;background:var(--register-secondary-color);border-radius:8px;border-left:4px solid var(--register-primary-color)}.register-debug-logs summary{cursor:pointer;font-weight:500;color:var(--register-primary-color)}.register-debug-logs .register-logs-content{margin-top:10px;font-size:12px;color:var(--register-text-secondary);font-family:Courier New,monospace}.register-debug-logs p{margin:5px 0}@keyframes register-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes register-slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:100px}}.register-form-group.register-slide-down{animation:register-slideDown .3s ease-out}.register-form-group+.register-form-group{margin-top:5px}.register-password-strength-indicator{margin-top:10px;padding:12px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.register-strength-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:500}.register-strength-text{font-weight:600}.register-strength-bar{width:100%;height:6px;background-color:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:12px}.register-strength-progress{height:100%;border-radius:3px;transition:all .3s ease}.register-password-requirements{font-size:12px}.register-requirements-title{font-weight:600;margin-bottom:6px;color:#495057}.register-requirements-list{display:flex;flex-direction:column;gap:4px}.register-requirement-item{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:11px}.register-requirement-item.register-met{color:#28a745}.register-requirement-item.register-unmet{color:#6c757d}.register-password-match-indicator{margin-top:8px;font-size:12px;padding:4px 8px;border-radius:4px}.register-match-success{color:#28a745;background-color:#d4edda;padding:4px 8px;border-radius:4px;display:inline-block}.register-match-error{color:#dc3545;background-color:#f8d7da;padding:4px 8px;border-radius:4px;display:inline-block}.register-password-group{position:relative}.register-password-input-container{position:relative;display:flex;align-items:center}.register-password-input-container input{width:100%;padding-right:45px}.register-password-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:16px;padding:5px;border-radius:4px;transition:background-color .3s}.register-password-toggle:hover{background-color:#f0f0f0}.register-password-strength-indicator,.register-password-match-indicator{animation:register-fadeIn .3s ease-in-out}@keyframes register-fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.register-strength-warning{font-size:12px;color:#f80;margin-left:5px}.register-password-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:8px 12px;border-radius:4px;margin-top:10px;font-size:12px;animation:register-shake .5s ease-in-out}@keyframes register-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.register-error-text{color:#dc3545;font-size:12px;margin-top:5px;display:block}.register-btn-primary:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width: 1024px){.register-plans-container{flex-wrap:wrap;justify-content:center}.register-plan-card{min-width:250px;max-width:300px}}@media (max-width: 768px){.register-card{padding:20px;max-width:95%}.register-plans-container{flex-direction:column;align-items:center}.register-plan-card{width:100%;max-width:350px;min-height:auto}.register-form-row{flex-direction:column;gap:0}.register-form-navigation{flex-direction:column;gap:10px}.register-btn-primary,.register-btn-secondary{width:100%;text-align:center}.register-input-with-prefix{flex-direction:column}.register-input-with-prefix .register-prefix{border-right:none;border-bottom:1px solid var(--register-border-color);width:100%;text-align:center}}@media (max-width: 480px){.register-plans-container{gap:15px}.register-plan-card{padding:15px}.register-container{padding:10px}.register-card{padding:15px}.register-step-indicator span{width:30px;height:30px;font-size:14px}input,select,textarea{padding:10px 12px;font-size:14px}.register-btn-primary,.register-btn-secondary{padding:10px 16px;font-size:14px}}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--register-primary-color);outline-offset:2px}::placeholder{color:#94a3b8;opacity:1}input:disabled,select:disabled,textarea:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=tel]{font-family:monospace}.register-modal-content::-webkit-scrollbar{width:6px}.register-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.register-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.register-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.register-form-step{transition:opacity .3s ease,transform .3s ease}.register-btn-loading{position:relative;color:transparent!important}.register-btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-top:-8px;margin-left:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:register-spin 1s linear infinite}.register-btn-primary.register-btn-loading:after{border-top-color:#fff}.register-btn-secondary.register-btn-loading:after{border-top-color:var(--register-text-secondary)}.notification-bell-container{position:relative}.notification-bell{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s}.notification-bell:hover{background-color:#f1f5f9}.bell-icon{width:24px;height:24px;color:#4b5563}.notification-badge{position:absolute;top:4px;right:4px;background-color:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.notification-dropdown{position:absolute;top:100%;right:0;width:400px;max-height:500px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.notification-header{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.unread-count{background:#ef4444;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.notification-list{flex:1;overflow-y:auto}.notification-section{padding:12px 0;border-bottom:1px solid #f3f4f6}.section-title{padding:0 16px 8px;margin:0;font-size:14px;font-weight:600;color:#6b7280;display:flex;align-items:center}.section-count{margin-left:8px;font-size:12px;color:#6b7280;font-weight:400}.notification-item{padding:12px 16px;border-bottom:1px solid #f9fafb;cursor:pointer;transition:background-color .2s;position:relative}.notification-item:hover{background-color:#f8fafc}.notification-item.system{background-color:#fffbeb;border-left:3px solid #f59e0b}.notification-item.system:hover{background-color:#fef3c7}.notification-item.unread{background-color:#f0f9ff}.notification-item.unread:hover{background-color:#e0f2fe}.notification-content{position:relative}.close-notification{position:absolute;top:0;right:0;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#9ca3af;transition:color .2s}.close-notification:hover{color:#374151}.notification-content h4{margin:0 0 8px;font-size:14px;font-weight:600}.notification-content h4.unread{color:#059669}.notification-content h4.read{color:#6b7280}.notification-details{margin-bottom:8px}.detail-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:13px;color:#4b5563}.detail-row svg{flex-shrink:0;color:#6b7280}.service-info,.employee-info{font-size:13px;color:#4b5563}.notification-time{color:#9ca3af;font-size:11px}.system-notification-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cancel-icon{color:#ef4444}.system-message{margin:0 0 8px;font-size:13px;color:#4b5563;line-height:1.4}.empty-section,.empty-notifications,.error-notifications,.loading{padding:20px;text-align:center;color:#6b7280;font-size:14px}.error-notifications{color:#ef4444}.error-notifications svg{margin-bottom:8px}.notification-footer{padding:12px 16px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;gap:8px;flex-shrink:0}.view-history-btn,.mark-all-read-btn{display:flex;align-items:center;gap:4px;background:none;border:none;padding:6px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.view-history-btn{color:#6b7280}.view-history-btn:hover{background-color:#f3f4f6}.mark-all-read-btn{color:#059669}.mark-all-read-btn:hover{background-color:#d1fae5}.history-view{padding:0;max-height:500px;display:flex;flex-direction:column}.history-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px;flex-shrink:0}.history-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.history-count{color:#6b7280;font-size:12px}.back-button{background:none;border:none;cursor:pointer;color:#3b82f6;padding:4px;display:flex;align-items:center}.history-content{flex:1;overflow-y:auto}.history-list{padding:0}.history-item{padding:12px 16px;border-bottom:1px solid #f3f4f6;background:#fff;transition:background-color .2s}.history-item:hover{background-color:#f9fafb}.history-item.system{background-color:#fffbeb;border-left:3px solid #f59e0b}.history-item.cancelled{background-color:#fef2f2;border-left:3px solid #ef4444}.history-item.completed{background-color:#f0fdf4;border-left:3px solid #22c55e}.history-item.confirmed{background-color:#eff6ff;border-left:3px solid #3b82f6}.history-item.pending{background-color:#fffbeb;border-left:3px solid #f59e0b}.history-item-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.history-icon{font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:4px;flex-shrink:0;margin-top:2px}.history-title{flex:1}.history-title h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#1f2937;line-height:1.3}.history-time{font-size:11px;color:#6b7280}.history-details{margin-left:34px}.history-info-row{display:flex;margin-bottom:6px;font-size:13px;line-height:1.3}.info-label{font-weight:500;color:#4b5563;min-width:70px;margin-right:8px}.info-value{color:#6b7280;flex:1}.info-value.price{font-weight:600;font-size:14px;color:#059669}.cancellation-reason{color:#b91c1c;font-style:italic}.history-message{margin:0;font-size:13px;color:#4b5563;line-height:1.4}.empty-history{padding:40px 20px;text-align:center;color:#6b7280}@media (max-width: 640px){.notification-dropdown{width:95vw;max-width:400px;right:-20px;max-height:80vh}.history-item-header{flex-direction:row}.history-details{margin-left:0;margin-top:8px}.history-info-row{flex-direction:column;margin-bottom:8px}.info-label{min-width:auto;margin-right:0;margin-bottom:2px;font-size:12px}.history-title h4{font-size:13px}.notification-footer{flex-direction:column;gap:8px}.view-history-btn,.mark-all-read-btn{justify-content:center;width:100%}}@media (max-width: 480px){.notification-dropdown{width:90vw;right:-90px;top:50px}.history-item,.history-header{padding:10px 12px}.history-header h3,.notification-header h3{font-size:15px}}.notification-list::-webkit-scrollbar,.history-content::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track,.history-content::-webkit-scrollbar-track{background:#f1f1f1}.notification-list::-webkit-scrollbar-thumb,.history-content::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover,.history-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.trial-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.trial-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.trial-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative}.trial-modal-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.trial-modal-header h2{margin:0;font-size:24px;font-weight:700;color:#1f2937;flex:1}.trial-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.trial-modal-close:hover{color:#374151;background:#f3f4f6}.trial-modal-content{padding:24px}.trial-alert{display:flex;align-items:center;gap:12px;background:#fef3c7;padding:16px;border-radius:8px;border-left:4px solid #f59e0b;margin-bottom:24px}.alert-icon{color:#d97706;flex-shrink:0}.trial-alert p{margin:0;font-size:16px;font-weight:600;color:#92400e}.trial-features-blocked{margin-bottom:24px}.trial-features-blocked h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#1f2937}.trial-features-blocked ul{list-style:none;padding:0;margin:0}.trial-features-blocked li{padding:8px 0;font-size:14px;color:#4b5563;border-bottom:1px solid #f3f4f6}.trial-features-blocked li:last-child{border-bottom:none}.trial-upgrade-info h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1f2937}.plan-options{display:flex;flex-direction:column;gap:12px}.plan-option{background:#f8fafc;padding:16px;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.plan-option:hover{border-color:#3b82f6;background:#eff6ff}.plan-option h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.plan-option p{margin:0 0 8px;font-size:14px;color:#6b7280}.plan-price{font-size:16px;font-weight:700;color:#059669}.trial-modal-footer{padding:24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.trial-modal-cancel{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.trial-modal-cancel:hover{background:#e5e7eb}.trial-modal-upgrade{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.trial-modal-upgrade:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px)}@media (max-width: 640px){.trial-modal{margin:0;border-radius:0;max-height:100vh}.trial-modal-header,.trial-modal-content{padding:20px}.trial-modal-footer{padding:20px;flex-direction:column}.trial-modal-cancel,.trial-modal-upgrade{width:100%}}.trial-modal{position:fixed;bottom:20px;right:20px;z-index:1000;max-width:300px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.trial-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;border:1px solid #e0e0e0;overflow:hidden;transition:all .3s ease}.trial-modal.expanded .trial-modal-content{max-width:320px}.trial-header{display:flex;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:background .2s ease}.trial-header:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.trial-icon{font-size:20px;margin-right:12px}.trial-info{flex:1;display:flex;align-items:baseline;gap:4px}.trial-days{font-size:24px;font-weight:700}.trial-label{font-size:12px;opacity:.9}.trial-toggle-btn{background:none;border:none;color:#fff;font-size:12px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s ease}.trial-toggle-btn:hover{background:#fff3}.trial-expanded-content{padding:16px}.trial-progress{margin-bottom:16px}.progress-bar{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.progress-text{font-size:11px;color:#6c757d;text-align:center}.trial-message{margin-bottom:16px}.trial-message p{margin:0 0 8px;font-size:13px;line-height:1.4;color:#495057}.warning-text{color:#dc3545!important;font-weight:500;background:#dc35451a;padding:8px;border-radius:6px;margin-top:8px!important}.trial-actions{display:flex;gap:8px}.upgrade-btn{flex:2;background:#28a745;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease}.upgrade-btn:hover{background:#218838}.dismiss-btn{flex:1;background:#6c757d;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s ease}.dismiss-btn:hover{background:#5a6268}@media (max-width: 768px){.trial-modal{bottom:10px;right:10px;max-width:250px}.trial-modal-content,.trial-modal.expanded .trial-modal-content{max-width:none}.trial-actions{flex-direction:column}}@keyframes slideIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.trial-modal{animation:slideIn .5s ease-out}.layout-container{min-height:100vh;background-color:#f9fafb;display:flex;position:relative}.mobile-sidebar-overlay.visible{display:block;position:fixed;inset:0;z-index:50}.mobile-sidebar-overlay.hidden{display:none}.mobile-sidebar-backdrop{position:fixed;inset:0;background-color:#4b5563;opacity:.75}.mobile-sidebar{position:fixed;inset:0;width:16rem;display:flex;flex-direction:column;background-color:#fff;z-index:60;transform:translate(-100%);transition:transform .3s ease-in-out}.mobile-sidebar-overlay.visible .mobile-sidebar{transform:translate(0)}.mobile-sidebar-header{display:flex;height:4rem;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid #e5e7eb}.logo-text{font-size:1.25rem;font-weight:700;color:#111827}.close-sidebar-button{color:#6b7280}.close-sidebar-button:hover{color:#374151}.icon-size{height:1.5rem;width:1.5rem}.mobile-navigation,.desktop-navigation{flex:1 1 0%;padding:1rem}.nav-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.nav-link{display:flex;align-items:center;padding:.5rem .75rem;font-size:.875rem;font-weight:500;border-radius:.5rem;color:#374151;transition:background-color .2s}.nav-link:hover{background-color:#f3f4f6}.active-nav-link{background-color:#dbeafe;color:#1d4ed8}.nav-icon{margin-right:.75rem;height:1.25rem;width:1.25rem}.user-section{border-top:1px solid #e5e7eb;padding:1rem}.user-info{display:flex;align-items:center;margin-bottom:1rem}.user-avatar{height:2.5rem;width:2.5rem;border-radius:9999px;background-color:#3b82f6;display:flex;align-items:center;justify-content:center}.avatar-initial{color:#fff;font-weight:500}.user-details{margin-left:.75rem}.user-name{font-size:.875rem;font-weight:500;color:#111827}.user-email{font-size:.75rem;color:#6b7280}.logout-button{display:flex;width:100%;align-items:center;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#374151;border-radius:.5rem;border-color:transparent;cursor:pointer;transition:background-color .2s}.logout-button:hover{background-color:#d1d0d0}a{text-decoration:none}.logout-icon{margin-right:.75rem;height:1.25rem;width:1.25rem}.desktop-sidebar{display:none;position:fixed;inset:0;height:100%;width:16rem;z-index:10}@media (min-width: 1024px){.desktop-sidebar{display:block}}.desktop-sidebar-inner{display:flex;height:100%;flex-direction:column;background-color:#fff;border-right:1px solid #e5e7eb}.desktop-sidebar-header{display:flex;height:4rem;align-items:center;padding:0 1rem;border-bottom:1px solid #e5e7eb}.main-content{flex:1 1 auto;display:flex;flex-direction:column;min-height:100vh;max-width:100%;transition:padding-left .3s}.main-content.with-sidebar{padding-left:0}@media (min-width: 1024px){.main-content.with-sidebar{padding-left:16rem}}.top-bar{position:sticky;top:0;z-index:40;display:flex;height:4rem;flex-shrink:0;align-items:center;gap:1rem;border-bottom:1px solid #e5e7eb;background-color:#fff;padding:0 1rem;box-shadow:0 1px 2px #0000000d}@media (min-width: 640px){.top-bar{gap:1.5rem;padding:0 1.5rem}}.mobile-menu-button{margin:-.625rem;padding:.625rem;color:#374151}@media (min-width: 1024px){.mobile-menu-button{display:none}}.menu-icon{height:1.5rem;width:1.5rem}.top-bar-content{display:flex;flex:1 1 0%;gap:1rem;align-items:center}@media (min-width: 1024px){.top-bar-content{gap:1.5rem}}.top-bar-spacer{flex:1 1 0%}.user-plan-section{display:flex;align-items:center;gap:1rem}@media (min-width: 1024px){.user-plan-section{gap:1.5rem}}.plan-divider{display:none;height:1.5rem;width:1px;background-color:#e5e7eb}@media (min-width: 1024px){.plan-divider{display:block}}.plan-text{font-size:.875rem;color:#374151}.page-content{flex:1 1 auto}@media (max-width: 1023px){.desktop-sidebar{display:none}.main-content.with-sidebar{padding-left:0}}@media (max-width: 640px){.nav-link,.user-name{font-size:.875rem}.user-email,.plan-text{font-size:.75rem}}.nav-link.disabled{opacity:.6;cursor:not-allowed;position:relative}.nav-link.disabled:hover{background-color:transparent!important}.nav-lock-icon{margin-left:8px;font-size:12px}.trial-expired-warning{color:#dc2626;font-size:12px;font-weight:500;margin:4px 0 0;background:#fef2f2;padding:2px 6px;border-radius:4px;display:inline-block}.trial-expired-badge{background:#dc2626;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;margin-left:8px}.nav-list li .disabled{color:#6b7280}.nav-list li .disabled .nav-icon{color:#9ca3af}.trial-modal-overlay{position:fixed;inset:auto 20px 20px auto;background:transparent;display:flex;align-items:flex-end;justify-content:flex-end;z-index:10000;padding:0;width:auto;height:auto}.trial-modal-content{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:100%;box-shadow:0 10px 40px #0000004d;border:1px solid #e2e8f0;position:relative;animation:modalSlideInRight .3s ease-out;margin:0}@keyframes modalSlideInRight{0%{opacity:0;transform:translate(100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.trial-modal-header{text-align:left;margin-bottom:20px}.trial-modal-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 12px}.trial-modal-icon .icon{width:24px;height:24px;color:#fff}.trial-modal-header h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 8px}.trial-modal-header p{color:#64748b;margin:0;line-height:1.5;font-size:14px}.trial-modal-body{margin-bottom:20px}.trial-features{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.trial-feature{display:flex;align-items:center;gap:10px;padding:10px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.trial-feature .icon{width:16px;height:16px;color:#667eea;flex-shrink:0}.trial-feature span{color:#374151;font-weight:500;font-size:14px}.trial-countdown{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:10px;padding:16px;text-align:center}.trial-countdown h3{font-size:.9rem;font-weight:600;color:#92400e;margin:0 0 10px}.countdown-timer{display:flex;justify-content:center;gap:12px}.countdown-item{display:flex;flex-direction:column;align-items:center}.countdown-value{font-size:1.25rem;font-weight:700;color:#92400e;background:#fff;border-radius:6px;padding:6px 8px;min-width:30px;box-shadow:0 2px 4px #0000001a}.countdown-label{font-size:.7rem;color:#92400e;margin-top:4px;font-weight:500}.trial-modal-actions{display:flex;gap:12px;flex-direction:column}.trial-modal-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none;font-size:14px}.trial-modal-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.trial-modal-actions .btn-secondary{background:transparent;color:#64748b;border:1px solid #d1d5db;padding:12px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none;font-size:14px}.trial-modal-actions .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.trial-modal-close{position:absolute;top:16px;right:16px;background:#f3f4f6;border:none;border-radius:6px;padding:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.trial-modal-close:hover{background:#e5e7eb;color:#374151}.trial-modal-close .icon{width:16px;height:16px}@media (max-width: 768px){.trial-modal-overlay{bottom:10px;right:10px;left:10px;justify-content:center}.trial-modal-content{max-width:100%;margin:0 auto}}@media (max-width: 480px){.trial-modal-content{padding:20px}.trial-modal-header h2{font-size:1.1rem}.countdown-timer{gap:8px}.countdown-value{font-size:1.1rem;min-width:25px;padding:4px 6px}.trial-modal-actions{gap:8px}.trial-modal-actions .btn-primary,.trial-modal-actions .btn-secondary{padding:10px 16px;font-size:13px}}.admin-sidebar{background:linear-gradient(135deg,#1e293b,#0f172a)!important}.admin-header{background:#ffffff1a!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.admin-badge-header{background:#f59e0b;color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;margin-top:8px}.admin-user-section{border-top:1px solid rgba(255,255,255,.1)!important}.admin-avatar{background:#f59e0b!important;color:#fff!important}.admin-role{color:#f59e0b!important;font-size:.8rem!important;font-weight:600;margin-top:4px}.admin-logout{background:#ef444433!important;color:#fecaca!important;border:1px solid rgba(239,68,68,.3)!important}.admin-logout:hover{background:#ef44444d!important}.admin-top-bar{background:#1e293b!important;border-bottom:1px solid #374151!important}.admin-status .admin-badge{background:#f59e0b;color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.admin-plan .plan-text{color:#d1d5db!important}.admin-content{background:#f8fafc}.dashboard-layout{min-height:100vh;background-color:#f8fafc}.dashboard-container{max-width:1200px;margin:0 auto;padding:16px}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:8px;line-height:1.2}.dashboard-header>p{color:#64748b;font-size:1rem;margin:0}.welcome-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-top:16px;color:#fff;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(255,255,255,.1);overflow:hidden}.welcome-content{padding:20px;position:relative}.welcome-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.welcome-header h3{margin:0;font-size:1.1rem;font-weight:600;flex:1;line-height:1.3}.close-welcome{background:#fff3;border:none;color:#fff;padding:6px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:12px}.close-welcome:hover{background:#ffffff4d}.welcome-content>p{margin:0 0 16px;opacity:.9;font-size:14px;line-height:1.4}.welcome-actions{display:flex;gap:10px;flex-wrap:wrap}.welcome-actions .btn-primary{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;transition:all .3s ease;font-weight:500;font-size:14px;flex:1;min-width:120px;text-align:center}.welcome-actions .btn-primary:hover{background:#ffffff4d;transform:translateY(-1px)}.welcome-actions .btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;transition:all .3s ease;font-weight:500;font-size:14px;flex:1;min-width:120px;text-align:center}.welcome-actions .btn-secondary:hover{background:#ffffff1a;transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:all .3s ease;min-height:80px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-content{display:flex;justify-content:space-between;align-items:flex-start;height:100%}.stat-content>div:first-child{flex:1}.stat-content p:first-child{color:#64748b;font-size:12px;margin:0 0 6px;font-weight:500;line-height:1.2}.stat-value{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0;line-height:1.2}.stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:8px}.stat-icon .icon{width:18px;height:18px}.color-blue{background-color:#dbeafe;color:#1d4ed8}.color-green{background-color:#dcfce7;color:#16a34a}.color-purple{background-color:#f3e8ff;color:#9333ea}.color-orange{background-color:#ffedd5;color:#ea580c}.dashboard-main-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:24px}.appointments-today,.quick-actions,.popular-services,.upcoming-appointments,.plan-status{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.section-header{margin-bottom:16px}.section-header h2{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0;line-height:1.3}.flex-between{display:flex;justify-content:space-between;align-items:center}.view-all{color:#667eea;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap}.view-all:hover{text-decoration:underline}.appointment-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f1f5f9;gap:12px}.appointment-item:last-child{border-bottom:none}.appointment-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.avatar{width:36px;height:36px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar .icon-small{width:16px;height:16px;color:#64748b}.appointment-info>div{flex:1;min-width:0}.appointment-info div p:first-child{font-weight:500;color:#1e293b;margin:0 0 4px;font-size:14px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-info div p:last-child{color:#64748b;font-size:12px;margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{padding:4px 10px;border-radius:16px;font-size:11px;font-weight:500;flex-shrink:0;white-space:nowrap}.badge-yellow{background:#fef3c7;color:#92400e}.badge-green{background:#dcfce7;color:#166534}.badge-blue{background:#dbeafe;color:#1e40af}.badge-red{background:#fee2e2;color:#991b1b}.quick-action-item{display:flex;align-items:center;gap:14px;padding:14px;border-radius:8px;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.quick-action-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translateY(-1px)}.quick-action-icon{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-icon .icon-small{width:18px;height:18px}.quick-action-text{flex:1;min-width:0}.quick-action-text p:first-child{font-weight:500;color:#1e293b;margin:0 0 4px;font-size:14px;line-height:1.2}.quick-action-text p:last-child{color:#64748b;font-size:12px;margin:0;line-height:1.2}.popular-service-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9;gap:12px}.popular-service-item:last-child{border-bottom:none}.service-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.service-rank{width:22px;height:22px;background:#667eea;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.service-info p{margin:0;font-weight:500;color:#1e293b;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-count{color:#64748b;font-size:12px;flex-shrink:0}.upcoming-appointments .appointment-info{gap:12px}.upcoming-appointments .appointment-info .icon-small{width:16px;height:16px;color:#64748b;flex-shrink:0}.plan-status{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.plan-status h3{margin:0 0 8px;font-size:1.1rem;font-weight:600;line-height:1.3}.plan-status p{margin:0;opacity:.9;font-size:14px;line-height:1.4}.upgrade-button{background:#fff3;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease;border:1px solid rgba(255,255,255,.3);font-size:14px;white-space:nowrap;flex-shrink:0}.upgrade-button:hover{background:#ffffff4d;transform:translateY(-1px)}.empty-state{text-align:center;padding:32px 16px;color:#64748b}.icon-large{width:40px;height:40px;color:#cbd5e1;margin-bottom:12px}.empty-state p{margin:0 0 12px;font-size:14px;line-height:1.4}.btn-link{color:#667eea;text-decoration:none;font-weight:500;font-size:13px}.btn-link:hover{text-decoration:underline}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center}.loader{width:36px;height:36px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.dashboard-loading p{color:#64748b;margin:0;font-size:14px}.dashboard-error{text-align:center;padding:48px 16px}.dashboard-error p{color:#ef4444;margin-bottom:16px;font-size:14px;line-height:1.4}.dashboard-error button{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px}.dashboard-error button:hover{background:#5a6fd8}@media (min-width: 768px){.dashboard-container{padding:20px}.dashboard-header h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.dashboard-main-grid{grid-template-columns:1fr 1fr;gap:24px}.stat-card{padding:20px;min-height:100px}.stat-value{font-size:1.5rem}.appointments-today,.quick-actions,.popular-services,.upcoming-appointments,.plan-status{padding:24px}.section-header h2{font-size:1.25rem}.welcome-content{padding:24px}.welcome-header h3{font-size:1.25rem}.welcome-actions{gap:12px}.welcome-actions .btn-primary,.welcome-actions .btn-secondary{flex:none;min-width:auto}}@media (min-width: 1024px){.dashboard-container{padding:24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{padding:24px}.stat-value{font-size:1.75rem}.stat-icon{width:48px;height:48px}.stat-icon .icon{width:24px;height:24px}}@media (max-width: 360px){.dashboard-container{padding:12px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:14px}.appointments-today,.quick-actions,.popular-services,.upcoming-appointments,.plan-status,.welcome-content{padding:16px}.welcome-actions{flex-direction:column}.welcome-actions .btn-primary,.welcome-actions .btn-secondary{width:100%}.appointment-info{gap:10px}.avatar{width:32px;height:32px}.quick-action-item{gap:12px;padding:12px}.quick-action-icon{width:40px;height:40px}}@media (hover: none) and (pointer: coarse){.stat-card:hover{transform:none;box-shadow:0 1px 3px #0000001a}.quick-action-item:hover{transform:none;border-color:transparent}.upgrade-button:hover,.welcome-actions .btn-primary:hover,.welcome-actions .btn-secondary:hover{transform:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.stat-card,.appointments-today,.quick-actions,.popular-services,.upcoming-appointments,.plan-status{border-width:.5px}}.appointments-container{padding:1.5rem;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#212529;background-color:#f9fafb;min-height:calc(100vh - 4rem);box-sizing:border-box;overflow-x:hidden}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header h1{font-size:1.5rem;font-weight:700;color:#212529;margin:0}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter{padding:.5rem 1rem;border:none;border-radius:50px;background-color:#e9ecef;color:#6c757d;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.85rem}.filter:hover{background-color:#dde1e6}.filter.active{background-color:#4361ee;color:#fff}.carousel-wrapper{position:relative;margin-bottom:2rem;width:100%;max-width:100%;overflow:hidden}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background-color:#fff;border:none;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;opacity:.9}.carousel-btn:hover{background-color:#4361ee;color:#fff;opacity:1}.carousel-btn.left{left:8px}.carousel-btn.right{right:8px}.days-carousel{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:8px 4px 16px;scroll-behavior:smooth;max-width:100%;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.days-carousel::-webkit-scrollbar{display:none}.day-card{flex:0 0 auto;width:90px;height:110px;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000014;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;scroll-snap-align:start}.day-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.day-card.active{background-color:#4361ee!important;color:#fff!important;transform:scale(1.05);z-index:2;box-shadow:0 8px 25px #4361ee4d}.day-card.active .weekday,.day-card.active .month,.day-card.active .appointments-count{color:#ffffffe6!important}.day-card.active.today:before{color:#fff!important}.day-card.today{border:2px solid #4361ee;background-color:#4361ee1a}.day-card.today:before{content:"●";position:absolute;top:8px;right:8px;color:#4361ee;font-size:.6rem}.day-card.past{opacity:.6;filter:grayscale(.3)}.day-card.past:hover{opacity:.8}.day-card.past.active{opacity:.9;filter:grayscale(0);background-color:#e9ecef;color:#212529}.weekday{font-size:.7rem;text-transform:uppercase;font-weight:600;margin-bottom:4px}.day{font-size:1.5rem;font-weight:700;line-height:1}.month{font-size:.75rem;margin:4px 0;text-transform:lowercase}.appointments-count{font-size:.65rem;margin-top:4px;opacity:.8}.appointments-list{display:flex;flex-direction:column;gap:1rem;width:100%}.appointment-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease;width:100%}.appointment-card:hover{box-shadow:0 10px 30px #0000001a}.appointment-info{padding:1.25rem}.top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status{display:flex;align-items:center;gap:6px;font-weight:500;padding:.35rem .75rem;border-radius:50px;font-size:.8rem}.status.pending{background-color:#ffd16626;color:#c58d07}.status.confirmed{background-color:#06d6a026;color:#058a65}.status.completed{background-color:#4361ee26;color:#4361ee}.status.cancelled{background-color:#ef476f26;color:#ef476f}.icon{width:16px;height:16px}.icon.green{color:#06d6a0}.icon.red{color:#ef476f}.icon.blue{color:#4361ee}.icon.yellow{color:#ffd166}.amount{font-weight:700;font-size:1rem;color:#212529}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.detail{display:flex;align-items:flex-start;gap:8px;margin-bottom:.5rem;font-size:.9rem;line-height:1.4}.detail svg{width:14px;height:14px;color:#6c757d;flex-shrink:0;margin-top:2px}.notes{padding:.75rem;background-color:#f8f9fa;border-radius:8px;font-size:.85rem;margin:.75rem 0;line-height:1.5}.appointment-references{margin-top:.75rem}.toggle-references{display:flex;align-items:center;gap:6px;background:none;border:none;color:#4361ee;font-weight:500;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;font-size:.85rem}.toggle-references:hover{background-color:#4361ee1a}.reference-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;margin-top:.5rem}.reference-image-container{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:1/1}.reference-image{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.reference-image-container:hover .reference-image{transform:scale(1.05)}.expand-image-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:4px;background-color:#00000080;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease;font-size:.7rem}.reference-image-container:hover .expand-image-btn{opacity:1}.expand-image-btn:hover{background-color:#000000b3}.actions{padding:1rem 1.25rem;background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:.5rem;align-items:center}.btn{padding:.4rem 1rem;border:none;border-radius:50px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.85rem}.btn.green{background-color:#06d6a0;color:#fff}.btn.green:hover{background-color:#05c290}.btn.red{background-color:#ef476f;color:#fff}.btn.red:hover{background-color:#e5365f}.btn.blue{background-color:#4361ee;color:#fff}.btn.blue:hover{background-color:#3a56d4}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.image-modal-content{position:relative;max-width:90%;max-height:90%}.image-modal-content img{max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 10px 40px #0000004d}.close-modal-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#ffffff1a;transition:all .3s ease}.close-modal-btn:hover{background-color:#fff3}.modal-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100}.modal-box{padding:.75rem 1.25rem;background-color:#fff;border-radius:10px;box-shadow:0 8px 25px #00000026;border-left:4px solid #4361ee;animation:slideIn .3s ease forwards;font-size:.9rem}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.loading-container{display:flex;align-items:center;justify-content:center;height:40vh}.spinner{width:36px;height:36px;border:4px solid rgba(0,0,0,.1);border-left-color:#4361ee;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-appointments{text-align:center;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;color:#6c757d}.appointment-card{animation:fadeIn .4s ease}.day-card{animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.appointments-container *{box-sizing:border-box;max-width:100%}.month-selector{margin-bottom:1.5rem;padding:1.25rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;position:relative}.month-selector h2{margin:0 0 1rem;font-size:1.1rem;color:#212529;font-weight:600}.month-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.month-btn{padding:.6rem 1.2rem;border:1px solid #e9ecef;border-radius:8px;background:#fff;color:#6c757d;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.month-btn:hover{border-color:#4361ee;color:#4361ee;transform:translateY(-2px)}.month-btn.active{background-color:#4361ee;color:#fff;border-color:#4361ee;box-shadow:0 4px 12px #4361ee33}.today-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:1px solid #4361ee;border-radius:8px;background:#4361ee1a;color:#4361ee;font-weight:500;cursor:pointer;transition:all .3s ease}.today-btn:hover{background:#4361ee33;transform:translateY(-2px)}.selected-date-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e9ecef;flex-wrap:wrap;gap:1rem}.selected-date-header h3{margin:0;font-size:1.25rem;color:#212529;font-weight:600}.appointment-card.multiple-services{border-left:4px solid #ff6b35;background:linear-gradient(135deg,#fff,#fff8f6)}.appointment-card.multiple-services:hover{box-shadow:0 10px 30px #ff6b3526}.service-count-badge{display:inline-flex;align-items:center;gap:4px;background:#ff6b351a;color:#ff6b35;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;margin-left:8px}.services-list{display:flex;flex-direction:column;gap:4px;margin-top:4px}.service-item{background:#4361ee0d;padding:4px 8px;border-radius:4px;font-size:.8rem;border-left:2px solid #4361ee;line-height:1.3}.time-sort-btn{display:inline-flex;align-items:center;gap:6px;background:#4361ee1a;color:#4361ee;border:1px solid rgba(67,97,238,.2);border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.time-sort-btn:hover{background:#4361ee33;transform:translateY(-1px)}.btn.green.multiple{background:linear-gradient(135deg,#06d6a0,#05c290);font-weight:600;padding:.5rem 1.2rem}.cancelled-multiple{padding:.5rem}.cancelled-text{color:#ef476f;font-weight:500;font-size:.85rem}.detail strong{color:#4361ee;font-weight:600}@media (max-width: 1024px){.appointments-container{padding:1rem}.header{flex-direction:column;align-items:flex-start}.header h1{font-size:1.4rem}.filters{width:100%;overflow-x:auto;padding-bottom:8px;justify-content:flex-start}.filter{flex-shrink:0}.details-grid{grid-template-columns:1fr}.carousel-btn{display:none}.days-carousel{padding-bottom:8px;gap:8px}.actions{flex-direction:column;align-items:stretch}.modal-container{bottom:1rem;right:1rem;left:1rem}.modal-box{width:auto}}@media (max-width: 768px){.day-card{width:80px;height:100px}.weekday{font-size:.65rem}.day{font-size:1.25rem}.month{font-size:.7rem}.appointments-count{font-size:.6rem}.appointment-info{padding:1rem}.reference-images{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.appointment-card{border-radius:10px}.month-buttons{overflow-x:auto;padding-bottom:.5rem;flex-wrap:nowrap;justify-content:flex-start}.month-btn{flex-shrink:0;font-size:.85rem;padding:.5rem 1rem}.selected-date-header{flex-direction:column;align-items:flex-start}.selected-date-header h3{font-size:1.1rem}.time-sort-btn{align-self:flex-start}.today-btn{width:100%;justify-content:center;margin-top:.5rem}}@media (max-width: 480px){.day-card{width:70px;height:90px}.weekday{font-size:.6rem}.day{font-size:1.1rem}.month{font-size:.65rem}.appointments-count{font-size:.55rem}.status{font-size:.75rem;padding:.3rem .6rem}.amount{font-size:.9rem}.services-list{gap:2px}.service-item{font-size:.75rem;padding:3px 6px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.month-selector .no-data{text-align:center;padding:1rem;color:#6c757d;font-style:italic}.month-btn:focus,.today-btn:focus,.day-card:focus,.time-sort-btn:focus{outline:2px solid #4361ee;outline-offset:2px}.month-selector.loading{opacity:.7;pointer-events:none}.month-selector.loading:after{content:"";position:absolute;inset:0;background:#ffffffb3;border-radius:12px;display:flex;align-items:center;justify-content:center}@keyframes highlightMultiple{0%{background-color:#fff8f6}50%{background-color:#fff0eb}to{background-color:#fff8f6}}.appointment-card.multiple-services{animation:highlightMultiple 2s ease}.stripe-plan-checker{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin:20px 0}.checker-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.checker-header h3{margin:0;color:#333;font-size:1.25rem}.checker-actions{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.check-button,.sync-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.check-button{background:#007bff;color:#fff}.check-button:hover:not(:disabled){background:#0056b3}.sync-button{background:#28a745;color:#fff}.sync-button:hover:not(:disabled){background:#1e7e34}.check-button:disabled,.sync-button:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.error-message{display:flex;align-items:center;gap:8px;padding:12px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:20px}.subscription-info,.current-info{margin-bottom:24px}.subscription-info h4,.current-info h4{margin:0 0 16px;color:#333;font-size:1.1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.label{font-weight:500;color:#666}.value{font-weight:600;color:#333}.status-active{color:#28a745}.status-past_due,.status-canceled,.status-unpaid{color:#dc3545}.status-incomplete,.status-trialing{color:#ffc107}.plan-match{padding:12px;border-radius:6px;margin-top:16px}.match-success{display:flex;align-items:center;gap:8px;color:#28a745;background:#d4edda;padding:12px;border-radius:6px}.match-error{display:flex;align-items:center;gap:8px;color:#dc3545;background:#f8d7da;padding:12px;border-radius:6px}.no-subscription{display:flex;align-items:center;gap:12px;padding:16px;background:#fff3cd;color:#856404;border-radius:6px}@media (max-width: 768px){.checker-actions{flex-direction:column}.info-grid{grid-template-columns:1fr}.info-item{flex-direction:column;align-items:flex-start;gap:4px}}.services-modern-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.services-modern-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap;gap:20px}.services-modern-header-content{flex:1;min-width:300px}.services-modern-title{font-size:2.2rem;font-weight:600;color:#1a1a1a;margin-bottom:8px;line-height:1.2}.services-modern-subtitle{color:#666;font-size:1rem;font-weight:400}.services-modern-add-btn{background:#0056cc;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap}.services-modern-add-btn:hover{background:#0047a3;transform:translateY(-1px)}.services-modern-add-icon{width:18px;height:18px}.services-modern-error{background:#fee;color:#c33;padding:12px 16px;border-radius:6px;margin-bottom:20px;border:1px solid #fcc;font-size:.9rem}.services-modern-permission-warning{background:#fff3cd;color:#856404;padding:16px;border-radius:8px;margin-bottom:24px;border:1px solid #ffeaa7}.services-modern-permission-warning h3{margin:0 0 8px;font-size:1.1rem}.services-modern-permission-warning p{margin:0;opacity:.9;font-size:.9rem}.services-modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:30px}.services-modern-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border:1px solid #e0e0e0;transition:all .2s ease;position:relative}.services-modern-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.services-modern-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.services-modern-card-info{display:flex;align-items:flex-start;gap:12px;flex:1}.services-modern-card-icon{width:44px;height:44px;border-radius:8px;background:#f8f9fa;border:1px solid #e9ecef;display:flex;align-items:center;justify-content:center;flex-shrink:0}.services-modern-card-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.services-modern-default-icon{width:20px;height:20px;color:#0056cc}.services-modern-card-details{flex:1;min-width:0}.services-modern-card-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0 0 6px;line-height:1.3}.services-modern-card-category{color:#0056cc;font-size:.8rem;font-weight:500;background:#f0f6ff;padding:4px 8px;border-radius:4px;display:inline-block}.services-modern-card-actions{display:flex;gap:6px;flex-shrink:0}.services-modern-action-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:6px;cursor:pointer;transition:all .2s ease;color:#666;display:flex;align-items:center;justify-content:center}.services-modern-action-btn:hover{background:#e9ecef;color:#333}.services-modern-delete-btn:hover{background:#fee;color:#c33;border-color:#fcc}.services-modern-card-description{color:#666;line-height:1.5;margin-bottom:16px;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.services-modern-card-meta{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.services-modern-meta-item{display:flex;align-items:center;gap:6px;color:#666;font-size:.85rem}.services-modern-price{color:#059669;font-weight:600;font-size:.9rem}.services-modern-card-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-top:12px;border-top:1px solid #f0f0f0}.services-modern-status-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.services-modern-status-active{background:#d1fae5;color:#065f46}.services-modern-status-inactive{background:#fee2e2;color:#991b1b}.services-modern-status-toggle{background:none;border:1px solid #e5e7eb;border-radius:4px;padding:4px 10px;font-size:.75rem;cursor:pointer;transition:all .2s ease;color:#666}.services-modern-status-toggle:hover{background:#f3f4f6;border-color:#d1d5db}.services-modern-card-employee{display:flex;align-items:center;gap:6px;color:#666;font-size:.8rem;padding-top:12px;border-top:1px solid #f0f0f0}.services-modern-empty{text-align:center;padding:50px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e0e0e0}.services-modern-empty-icon{width:48px;height:48px;color:#ccc;margin:0 auto 16px}.services-modern-empty-title{font-size:1.3rem;color:#333;margin-bottom:8px;font-weight:600}.services-modern-empty-text{color:#666;margin-bottom:20px;max-width:400px;margin-left:auto;margin-right:auto;font-size:.9rem}.services-modern-create-btn{background:#0056cc;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.services-modern-create-btn:hover{background:#0047a3;transform:translateY(-1px)}.services-modern-limit-warning{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border:1px solid #ffd700;background:#fffdf0}.services-modern-limit-content{flex:1;min-width:300px}.services-modern-limit-title{font-size:1.1rem;color:#1a1a1a;margin-bottom:4px;font-weight:600}.services-modern-limit-text{color:#666;margin:0;font-size:.9rem}.services-modern-upgrade-btn{background:#0056cc;color:#fff;border:none;padding:10px 18px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:.9rem}.services-modern-upgrade-btn:hover{background:#0047a3;transform:translateY(-1px)}.services-modern-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.services-modern-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.services-modern-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;margin-bottom:8px}.services-modern-modal-title{font-size:1.3rem;font-weight:600;color:#1a1a1a;margin:0}.services-modern-modal-close{background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.services-modern-modal-close:hover{background:#f3f4f6;color:#333}.services-modern-form{padding:20px}.services-modern-form-group{margin-bottom:18px}.services-modern-form-label{display:block;font-weight:500;color:#374151;margin-bottom:6px;font-size:.9rem}.services-modern-form-input,.services-modern-form-select,.services-modern-form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:all .2s ease;background:#fff;font-family:inherit}.services-modern-form-input:focus,.services-modern-form-select:focus,.services-modern-form-textarea:focus{outline:none;border-color:#0056cc;box-shadow:0 0 0 2px #0056cc1a}.services-modern-form-textarea{resize:vertical;min-height:70px}.services-modern-form-row{display:flex;gap:12px}.services-modern-form-group-half{flex:1}.services-modern-form-error{color:#dc2626;font-size:.8rem;margin-top:4px}.services-modern-image-upload{margin-bottom:8px}.services-modern-image-preview{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;margin-bottom:8px;border:1px solid #e0e0e0}.services-modern-preview-image{width:100%;height:100%;object-fit:cover}.services-modern-remove-image{position:absolute;top:4px;right:4px;background:#000000b3;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;font-size:.7rem}.services-modern-remove-image:hover{background:#000000e6}.services-modern-upload-label{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;background:#f8f9fa;border:1px dashed #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#666;font-weight:400;font-size:.85rem}.services-modern-upload-label:hover{background:#e9ecef;border-color:#0056cc;color:#0056cc}.services-modern-upload-disabled{opacity:.6;cursor:not-allowed}.services-modern-upload-disabled:hover{background:#f8f9fa;border-color:#d1d5db;color:#666}.services-modern-upload-input{display:none}.services-modern-upload-hint{font-size:.75rem;color:#666;margin-top:4px}.services-modern-form-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.services-modern-submit-btn{background:#0056cc;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;flex:1;justify-content:center;min-width:140px;font-size:.9rem}.services-modern-submit-btn:hover:not(:disabled){background:#0047a3;transform:translateY(-1px)}.services-modern-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.services-modern-cancel-btn{background:#f8f9fa;color:#374151;border:1px solid #d1d5db;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;min-width:120px;font-size:.9rem}.services-modern-cancel-btn:hover{background:#e9ecef;border-color:#9ca3af}@media (max-width: 768px){.services-modern-container{padding:16px}.services-modern-header{flex-direction:column;align-items:stretch;text-align:center;gap:16px}.services-modern-title{font-size:1.8rem}.services-modern-grid{grid-template-columns:1fr;gap:16px}.services-modern-card{padding:16px}.services-modern-form-row{flex-direction:column;gap:0}.services-modern-modal{margin:10px;max-height:calc(100vh - 20px)}.services-modern-form{padding:16px}.services-modern-limit-warning{flex-direction:column;text-align:center;gap:12px}.services-modern-card-top{flex-direction:column;gap:12px}.services-modern-card-actions{align-self:flex-end}.services-modern-modal-header{padding:16px 16px 0}}@media (max-width: 480px){.services-modern-title{font-size:1.5rem}.services-modern-card{padding:14px}.services-modern-form-actions{flex-direction:column}.services-modern-submit-btn,.services-modern-cancel-btn{width:100%;min-width:auto}.services-modern-form{padding:14px}.services-modern-header-content,.services-modern-limit-content{min-width:auto}}.services-modern-card{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.services-modern-modal{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.services-modern-modal-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:1;flex-wrap:wrap}.services-modern-compress-section{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:140px}.services-modern-compress-indicator{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:.7rem;font-weight:500;white-space:nowrap;animation:pulse 2s infinite}.services-modern-compress-indicator svg{flex-shrink:0}.services-modern-compress-btn-small{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;font-size:.75rem;white-space:nowrap;box-shadow:0 2px 8px #f59e0b4d;position:relative;overflow:hidden}.services-modern-compress-btn-small:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.services-modern-compress-btn-small:hover:before{left:100%}.services-modern-compress-btn-small:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.services-modern-compress-btn-small:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #f59e0b4d}.services-modern-compress-btn-small:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.services-modern-compress-btn-small:disabled:before{display:none}@keyframes pulse{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 4px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.services-modern-compress-btn-small[title]{position:relative}.services-modern-compress-btn-small[title]:hover:after{content:attr(title);position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:6px 10px;border-radius:4px;font-size:.7rem;white-space:nowrap;z-index:1000;pointer-events:none}.services-modern-compress-btn-small[title]:hover:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#1f2937;z-index:1000}@media (max-width: 768px){.services-modern-modal-header-top{flex-direction:column;align-items:stretch;gap:12px}.services-modern-compress-section{align-items:stretch;min-width:auto}.services-modern-compress-indicator{justify-content:center;text-align:center}.services-modern-compress-btn-small{justify-content:center}}@media (max-width: 480px){.services-modern-compress-section{gap:8px}.services-modern-compress-indicator{font-size:.65rem;padding:6px 8px}.services-modern-compress-btn-small{padding:10px 12px;font-size:.8rem}.services-modern-compress-btn-small[title]:hover:after,.services-modern-compress-btn-small[title]:hover:before{display:none}}.services-modern-error{background:#fee;color:#c33;padding:10px 12px;border-radius:6px;margin-bottom:16px;border:1px solid #fcc;font-size:.85rem;display:flex;align-items:center;gap:8px}.services-modern-error:before{content:"⚠️";font-size:.9rem}.services-modern-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.services-modern-sort-container{position:relative}.services-modern-sort-btn{background:#f8f9fa;color:#374151;border:1px solid #e5e7eb;padding:10px 14px;border-radius:8px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-size:.9rem;white-space:nowrap}.services-modern-sort-btn:hover{background:#e9ecef;border-color:#d1d5db}.services-modern-sort-dropdown{position:relative}.services-modern-sort-options{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 20px #0000001a;min-width:180px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.services-modern-sort-dropdown:hover .services-modern-sort-options{opacity:1;visibility:visible;transform:translateY(0)}.services-modern-sort-option{width:100%;background:none;border:none;padding:10px 14px;text-align:left;cursor:pointer;transition:all .2s ease;font-size:.85rem;color:#374151;border-bottom:1px solid #f3f4f6}.services-modern-sort-option:last-child{border-bottom:none}.services-modern-sort-option:hover{background:#f3f4f6;color:#0056cc}.services-modern-sort-option.active{background:#0056cc;color:#fff;font-weight:500}.services-modern-sort-option.active:hover{background:#0047a3;color:#fff}@media (max-width: 768px){.services-modern-header-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%}.services-modern-sort-container{order:1}.services-modern-sort-btn{width:100%;justify-content:center}.services-modern-sort-options{left:0;right:auto;min-width:100%}.services-modern-add-btn{order:2;width:100%;justify-content:center}}@media (max-width: 480px){.services-modern-sort-btn{padding:8px 12px;font-size:.85rem}.services-modern-sort-option{padding:8px 12px;font-size:.8rem}}.services-modern-compress-indicator{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:.7rem;font-weight:500;white-space:nowrap}.services-modern-compress-warning{background:#fee;border:1px solid #fcc;border-radius:4px;padding:8px 12px;margin-top:8px}.services-modern-compress-warning p{color:#c33;font-size:.8rem;margin:0;font-weight:500}.services-modern-submit-btn:disabled{background:#9ca3af!important;cursor:not-allowed;transform:none;box-shadow:none}.services-modern-submit-btn:disabled:hover{background:#9ca3af!important;transform:none;box-shadow:none}.qr-loading-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;position:fixed;top:0;left:0;background:#fffffff2;z-index:9999}.qr-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 25px #0000001a}.qr-loading-spinner .spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.qr-loading-spinner p{font-size:18px;color:#4b5563;font-weight:500;margin:0}.qr-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.qr-container h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.qr-container p{color:#4b5563;margin-bottom:1.5rem;line-height:1.6}.qr-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}@media (min-width: 1024px){.qr-grid{grid-template-columns:1fr 1fr}}.qr-preview,.qr-options{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb}.qr-preview h2,.qr-options h3{display:flex;align-items:center;gap:8px;margin-bottom:1rem;color:#1f2937}.qr-canvas-wrapper{display:flex;justify-content:center;align-items:center;margin:1rem 0;border-radius:8px;background:#f9fafb;box-shadow:0 4px 6px #0000000d;width:100%;min-height:280px;padding:20px;box-sizing:border-box;position:relative}.qr-canvas-wrapper>div{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.qr-canvas-wrapper svg{display:block;margin:0 auto}.qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:8px;background:#fff;padding:4px;object-fit:contain;box-shadow:0 2px 4px #0000001a}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;text-decoration:none;min-width:160px;transition:all .3s ease;font-size:14px;min-height:44px}.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn-blue{background-color:#2563eb;color:#fff}.btn-blue:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.btn-green{background-color:#059669;color:#fff}.btn-green:hover:not(:disabled){background-color:#047857;transform:translateY(-1px)}.btn-gray{background-color:#6b7280;color:#fff}.btn-gray:hover:not(:disabled){background-color:#4b5563;transform:translateY(-1px)}.btn-refresh{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-refresh:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-refresh-sm{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#e5e7eb;color:#4b5563;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.btn-refresh-sm:hover{background-color:#d1d5db;transform:translateY(-1px)}.link-wrapper{display:flex;margin:1rem 0;border-radius:6px;overflow:hidden;border:1px solid #D1D5DB}.link-wrapper input{flex:1;padding:.75rem;border:none;background:#f9fafb;font-size:14px;min-height:44px}.link-wrapper input:focus{outline:none;background:#fff}.link-wrapper button{padding:.75rem 1rem;border:none;background:#f9fafb;cursor:pointer;min-height:44px;transition:background-color .2s}.link-wrapper button:hover{background:#e5e7eb}.preset-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.color-preset-btn{display:flex;flex-direction:column;align-items:center;padding:.75rem;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff;font-size:12px;font-weight:500}.color-preset-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.color-preset-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.color-preset-btn.active{border:2px solid #3b82f6;transform:scale(1.05);box-shadow:0 4px 8px #3b82f64d}.color-block{width:100%;height:40px;border-radius:4px;margin-bottom:.5rem;border:1px solid #e5e7eb}.custom-colors{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.custom-colors label{font-weight:600;color:#374151;font-size:14px}.color-input-group{display:flex;gap:.5rem;align-items:center}.color-input-group input[type=color]{width:60px;height:60px;padding:0;border:1px solid #D1D5DB;border-radius:8px;cursor:pointer;min-height:44px}.color-input-group input[type=text]{flex:1;padding:.75rem;border:1px solid #D1D5DB;border-radius:6px;min-height:44px;font-size:14px}.color-input-group input[type=text]:focus{outline:2px solid #3b82f6;border-color:#3b82f6}.logo-upload-container{margin:1rem 0;display:flex;flex-direction:column;gap:1rem}.logo-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background-color:#f8fafc;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s;min-height:44px;font-weight:500;color:#4b5563}.logo-upload-btn:hover:not(.disabled){background-color:#e5e7eb;border-color:#9ca3af}.logo-upload-btn.uploading{opacity:.7;cursor:not-allowed}.logo-preview-container{margin-top:15px}.logo-preview{position:relative;display:inline-block;text-align:center;background:#f9fafb;padding:15px;border-radius:8px;border:1px solid #e5e7eb}.logo-preview p{margin-bottom:8px;font-size:14px;color:#6b7280;font-weight:500}.logo-preview-image{width:100px;height:100px;object-fit:contain;border:1px solid #e5e7eb;border-radius:6px;padding:5px;background-color:#fff}.remove-logo-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:background-color .2s}.remove-logo-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.1)}.remove-logo-btn:disabled{background:#9ca3af;cursor:not-allowed}.logo-upload-tips{margin-top:15px;padding:16px;background-color:#f0f9ff;border-radius:8px;border-left:4px solid #0ea5e9;font-size:.9rem}.logo-upload-tips p{margin-bottom:8px;font-weight:600;color:#0369a1}.logo-upload-tips ul{margin:0;padding-left:20px;color:#0c4a6e}.logo-upload-tips li{margin-bottom:4px;line-height:1.4}.tips ul{list-style:none;padding:0;margin:0}.tips li{padding:.5rem 0;color:#4b5563;margin-bottom:.25rem;line-height:1.5;border-bottom:1px solid #f3f4f6}.tips li:last-child{border-bottom:none}.toast-notification{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;z-index:1000;box-shadow:0 10px 25px #00000026;animation:slideIn .3s ease;max-width:400px;font-weight:500}.toast-notification.success{background-color:#10b981;color:#fff}.toast-notification.error{background-color:#ef4444;color:#fff}.toast-notification.info{background-color:#3b82f6;color:#fff}.toast-notification button{background:none;border:none;color:inherit;cursor:pointer;margin-left:8px;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:.8;transition:opacity .2s}.toast-notification button:hover{opacity:1}.owner-restriction-banner{background-color:#fffbeb;border:1px solid #f59e0b;color:#92400e;padding:16px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;font-weight:500}.owner-restriction-banner svg{flex-shrink:0;color:#d97706}.qr-options.disabled{position:relative}.disabled-overlay{position:absolute;inset:0;background-color:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:12px;padding:2rem;text-align:center}.disabled-overlay svg{margin-bottom:1rem;color:#6b7280}.disabled-overlay p{color:#6b7280;font-size:16px;margin:0;font-weight:500;line-height:1.5}.loading-spinner-small{display:inline-flex;align-items:center;gap:8px;font-size:14px}.loading-spinner-small:after{content:"";width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.uploading-spinner{display:inline-flex;align-items:center;gap:8px}.uploading-spinner:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.employee-info{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px;margin-bottom:15px}.employee-info p{margin:0;color:#0369a1;font-size:14px;line-height:1.5;font-weight:500}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.preview-header h2{margin:0;display:flex;align-items:center;gap:8px;color:#1f2937}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn.downloading{opacity:.7;cursor:not-allowed}.plan-restriction-banner{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;padding:24px;border-radius:12px;margin-bottom:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 8px 25px #dc262633}.plan-restriction-banner svg{flex-shrink:0;margin-top:4px}.plan-restriction-content h3{margin:0 0 12px;font-size:20px;font-weight:700}.plan-restriction-content p{margin:8px 0;line-height:1.6;color:#fff;opacity:.95}.plan-restriction-content ul{margin:12px 0;padding-left:20px}.plan-restriction-content ul li{margin:6px 0;line-height:1.5}.btn-premium{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#7c2d12;border:none;padding:12px 24px;border-radius:8px;font-weight:600;margin-top:12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;font-size:14px;min-height:44px}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66}.qr-options-container{display:flex;flex-direction:column;gap:24px}.qr-options{position:relative}.qr-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.qr-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.qr-section h3{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#1f2937;font-size:18px}.qr-section p{color:#6b7280;margin-bottom:16px;font-size:14px;line-height:1.5}.always-visible{margin-top:20px;padding:24px;background-color:#f8fafc;border-radius:12px;border-left:4px solid #3b82f6;border-bottom:none!important}.always-visible h3{color:#1f2937;margin-bottom:16px;font-size:18px}.always-visible ul{margin:0;padding-left:0}.always-visible li{margin-bottom:12px;color:#4b5563;line-height:1.5;padding-left:0;border-bottom:none}.always-visible li:before{content:"•";color:#3b82f6;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.color-preset-btn:disabled,.logo-upload-btn.disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.color-preset-btn:disabled:hover,.logo-upload-btn.disabled:hover{transform:none;box-shadow:none;border-color:#e5e7eb}@media (max-width: 768px){.qr-container{padding:1rem}.qr-grid{grid-template-columns:1fr;gap:1.5rem}.qr-preview,.qr-options{padding:1.5rem}.preset-colors{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}.btn{width:100%;margin:.25rem 0}.link-wrapper{flex-direction:column;border-radius:6px}.link-wrapper input{border-radius:6px 6px 0 0;border-right:1px solid #D1D5DB;border-bottom:none}.link-wrapper button{border-radius:0 0 6px 6px;border:1px solid #D1D5DB;border-top:none}.color-input-group{flex-direction:column}.color-input-group input[type=color]{width:100%;margin-bottom:.5rem;height:50px}.toast-notification{left:20px;right:20px;max-width:none;top:10px}.owner-restriction-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}.preview-header{flex-direction:column;align-items:flex-start}.plan-restriction-banner{flex-direction:column;gap:12px;padding:20px}.qr-canvas-wrapper{min-height:240px;padding:15px}.qr-canvas-wrapper svg{width:200px;height:200px}}@media (max-width: 480px){.qr-container{padding:.75rem}.qr-preview,.qr-options{padding:1rem}.preset-colors{grid-template-columns:1fr}.qr-section{margin-bottom:1.5rem;padding-bottom:1rem}.always-visible{padding:1rem}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.pulse{animation:pulse 2s infinite}@media (prefers-reduced-motion: reduce){.spinner,.loading-spinner-small:after,.uploading-spinner:after{animation-duration:2s}.btn:hover{transform:none}}button:focus-visible,input:focus-visible,.color-preset-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.color-preset-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.qr-options-container{scroll-behavior:smooth}.qr-section h3,.custom-colors label{font-weight:600}.preset-colors .color-preset-btn span,.btn.downloading .loading-spinner-small,.logo-upload-btn.uploading .uploading-spinner{font-weight:500}.cancel-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10050;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}.cancel-modal-content{background:#fff;border-radius:16px;padding:24px;max-width:440px;width:100%;max-height:88vh;overflow-y:auto;position:absolute;top:50px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;z-index:10051}.cancel-modal-close{position:absolute;top:16px;right:16px;background:#f8fafc;border:none;border-radius:8px;cursor:pointer;color:#64748b;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10052}.cancel-modal-close:hover{background:#f1f5f9;color:#374151}.cancel-modal-header{text-align:center;margin-bottom:20px;padding-right:20px}.cancel-modal-title{margin:16px 0 8px;color:#1f2937;font-size:1.25rem;font-weight:600;line-height:1.4}.cancel-modal-description{color:#6b7280;margin:0;font-size:.875rem;line-height:1.5}.cancel-modal-warning-icon{color:#f59e0b;width:48px;height:48px}.cancel-modal-warning-icon-final{color:#dc2626}.cancel-modal-warnings{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #f1f5f9}.cancel-modal-warnings-title{margin:0 0 16px;color:#dc2626;font-size:.95rem;font-weight:600;text-align:center}.cancel-modal-warning-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;color:#4b5563;font-size:.875rem;line-height:1.4}.cancel-modal-warning-item:last-child{margin-bottom:0}.cancel-modal-warning-icon-small{color:#dc2626;flex-shrink:0;margin-top:2px;width:16px;height:16px}.cancel-modal-confirmation-input{margin:20px 0}.cancel-modal-confirmation-text{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff;box-sizing:border-box}.cancel-modal-confirmation-text:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cancel-modal-confirmation-text::placeholder{color:#9ca3af}.cancel-modal-actions{display:flex;flex-direction:column;gap:12px}.cancel-modal-btn{border:none;padding:12px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;min-height:44px}.cancel-modal-btn-primary{background:#dc2626;color:#fff;font-weight:600}.cancel-modal-btn-primary:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.cancel-modal-btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.cancel-modal-btn-secondary{background:#6b7280;color:#fff}.cancel-modal-btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.cancel-modal-spinner{animation:cancel-modal-spin 1s linear infinite;width:16px;height:16px}@keyframes cancel-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.cancel-modal-overlay{padding:0;align-items:flex-end;overflow-y:auto}.cancel-modal-content{border-radius:16px 16px 0 0;max-height:none;width:85%;height:auto;min-height:60vh;padding:20px;margin-top:100px}.cancel-modal-header{margin-bottom:16px}.cancel-modal-title{font-size:1.125rem}.cancel-modal-warnings{padding:16px;margin-bottom:16px}.cancel-modal-warning-item{font-size:.8125rem;margin-bottom:10px}.cancel-modal-confirmation-input{margin:16px 0}.cancel-modal-btn{padding:14px 20px;min-height:48px}}@media (max-width: 360px){.cancel-modal-content{padding:16px;border-radius:12px 12px 0 0;min-height:50vh}.cancel-modal-title{font-size:1rem}.cancel-modal-warnings{padding:12px}.cancel-modal-warning-item{font-size:.75rem}}@media (prefers-reduced-motion: reduce){.cancel-modal-close,.cancel-modal-btn{transition:none}.cancel-modal-btn-primary:hover:not(:disabled),.cancel-modal-btn-secondary:hover{transform:none}}.cancel-modal-content::-webkit-scrollbar{width:6px}.cancel-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.cancel-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cancel-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cancel-modal-overlay *{box-sizing:border-box}.plans-container{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh}.plans-header{text-align:center;margin-bottom:3rem}.plans-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1rem;line-height:1.2}.plans-header p{font-size:1.125rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.plans-comparison{background:#fff;border-radius:16px;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:3rem;overflow:hidden;border:1px solid #e5e7eb;transition:transform .3s ease,box-shadow .3s ease}.plans-comparison:hover{transform:translateY(-2px);box-shadow:0 20px 40px -4px #00000026,0 8px 10px -4px #0000001a}.features-header{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:1px;background:#f8fafc}.feature-category{background:#fff;padding:2rem 1.5rem;font-weight:600;color:#374151;display:flex;align-items:center;font-size:1.1rem;border-right:1px solid #e5e7eb}.plan-header{background:#fff;padding:1.5rem;text-align:center;border-left:1px solid #e5e7eb;position:relative;transition:all .3s ease}.plan-header.popular{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:3px solid #8b5cf6}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 12px #8b5cf64d}.plan-icon{margin-bottom:1rem}.icon-bg{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;margin-bottom:.5rem}.plan-blue{background-color:#dbeafe;color:#1d4ed8}.plan-purple{background-color:#ede9fe;color:#7c3aed}.plan-gold{background-color:#fef3c7;color:#d97706}.plan-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.plan-description{color:#6b7280;font-size:.875rem;margin-bottom:1rem;line-height:1.4}.plan-price{margin-bottom:.5rem}.price{font-size:1.75rem;font-weight:800;color:#1f2937;display:block}.period{color:#6b7280;font-size:.875rem;font-weight:500}.features-grid{border-top:1px solid #e5e7eb}.feature-row{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:1px;background:#f8fafc;transition:background-color .2s ease}.feature-row:hover{background:#f1f5f9}.feature-row:nth-child(2n){background:#f8fafc}.feature-row:nth-child(2n):hover{background:#f1f5f9}.feature-name{background:#fff;padding:1rem 1.5rem;color:#374151;font-size:.9rem;display:flex;align-items:center;border-right:1px solid #e5e7eb;font-weight:500}.feature-included{background:#fff;padding:1rem;display:flex;align-items:center;justify-content:center;border-left:1px solid #e5e7eb;transition:background-color .2s ease}.feature-included:hover{background:#f8fafc}.check-icon{color:#10b981;transition:transform .2s ease}.check-icon:hover{transform:scale(1.1)}.x-icon{color:#9ca3af;opacity:.7}.plans-actions{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:1px;background:#f8fafc;border-top:1px solid #e5e7eb}.action-spacer{background:#fff;padding:1.5rem;border-right:1px solid #e5e7eb}.plan-action{background:#fff;padding:1.5rem;text-align:center;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem}.plan-action-btn{padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;position:relative;overflow:hidden}.plan-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.plan-action-btn:hover:before{left:100%}.btn-normal{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-normal:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-popular{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.btn-popular:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-current{background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:not-allowed;box-shadow:0 2px 8px #10b9814d}.btn-disabled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#9ca3af;cursor:not-allowed;border:1px solid #d1d5db}.current-plan-label{font-size:.75rem;color:#10b981;font-weight:600}.support-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2.5rem;text-align:center;margin-top:3rem;box-shadow:0 4px 12px #0000000d}.support-header{margin-bottom:2rem}.support-icon{color:#3b82f6;margin-bottom:1rem}.support-header h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.support-header p{color:#6b7280;font-size:1rem;line-height:1.5}.support-cta-btn{background:#3b82f6;color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;margin-bottom:2rem;box-shadow:0 4px 12px #3b82f64d}.support-cta-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.support-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.support-feature{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.9rem;background:#f8fafc;padding:.75rem 1rem;border-radius:8px;transition:transform .2s ease}.support-feature:hover{transform:translateY(-1px)}.feature-icon{font-size:1.25rem}.trial-info-banner,.trial-expired-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.25rem;border-radius:.75rem;margin:1.5rem 0;text-align:center;box-shadow:0 4px 12px #667eea4d}.trial-expired-banner{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.trial-info-banner p{color:#fff}.trial-badge,.trial-expired-badge{display:inline-block;background:#fff3;padding:.5rem 1rem;border-radius:9999px;font-weight:600;margin-bottom:.75rem;font-size:.875rem}.trial-upgrade-info{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:#ffffff1a;border-radius:8px;font-size:.875rem}.current-plan-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-weight:500;font-size:.875rem;box-shadow:0 2px 8px #10b9814d}.error-message{padding:.875rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626;box-shadow:0 2px 8px #dc26261a}.error-close{background:none;border:none;font-size:1.25rem;cursor:pointer;margin-left:.5rem}.success-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.success-modal{background:#fff;border-radius:20px;padding:40px;text-align:center;max-width:500px;width:100%;box-shadow:0 25px 50px -12px #00000040}.success-modal-content{display:flex;flex-direction:column;align-items:center;gap:20px}.success-icon{color:#10b981}.success-modal h2{font-size:28px;font-weight:700;color:#1f2937;margin:0}.success-modal p{font-size:18px;color:#6b7280;line-height:1.6;margin:0}.success-modal-btn{background:#10b981;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px;box-shadow:0 2px 8px #10b9814d}.success-modal-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.subscription-info{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.subscription-info h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.subscription-details{display:flex;flex-direction:column;gap:.75rem}.subscription-details p{display:flex;align-items:center;gap:.5rem;color:#374151;font-size:.875rem;margin:0}.status{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status.active{background-color:#d1fae5;color:#065f46}.subscription-actions{display:flex;flex-direction:row;gap:.75rem;margin-top:1rem}.manage-payment-btn,.cancel-account-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.manage-payment-btn{background-color:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.manage-payment-btn:hover:not(:disabled){background-color:#e2e8f0}.cancel-account-btn{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.cancel-account-btn:hover:not(:disabled){background-color:#fecaca}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.spinner{animation:spin 1s linear infinite;color:#3b82f6}.spinner-small{animation:spin 1s linear infinite;width:16px;height:16px}.support-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.support-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.support-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.support-modal-title{display:flex;align-items:center;gap:.75rem;color:#1f2937}.support-modal-title h3{font-size:1.25rem;font-weight:600;margin:0}.close-support-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease}.close-support-btn:hover{background:#f3f4f6;color:#374151}.support-form{padding:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151;font-size:.9rem}.form-group input,.form-group textarea{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-support-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-support-btn:hover{background:#e5e7eb}.submit-support-btn{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.submit-support-btn:hover:not(:disabled){background:#2563eb}.submit-support-btn:disabled{opacity:.6;cursor:not-allowed}.feature-number-row{background-color:#f8fafc;border-left:4px solid var(--primary-color)}.feature-number{font-size:1.1rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;justify-content:center;gap:4px;padding:8px;background-color:#3b82f61a;border-radius:6px;min-width:60px}.feature-number.unlimited{color:#10b981;background-color:#10b9811a}.feature-number-row .check-icon,.feature-number-row .x-icon{display:none}.feature-number-row .feature-name{font-weight:600;color:#1e293b}@media (max-width: 768px){.feature-number{font-size:1rem;min-width:50px;padding:6px}}@media (max-width: 768px){.plans-comparison{overflow-x:auto}.features-header,.feature-row,.plans-actions{grid-template-columns:250px repeat(3,180px);min-width:790px}.support-section{padding:1.5rem;margin-top:2rem}.support-features{flex-direction:column;gap:1rem}.form-row{grid-template-columns:1fr;gap:1rem}.support-modal{margin:1rem}.support-form{padding:1.5rem}.form-actions{flex-direction:column}.success-modal{padding:2rem;margin:1rem}.success-modal h2{font-size:24px}.success-modal p{font-size:16px}}@media (min-width: 769px) and (max-width: 1024px){.features-header,.feature-row,.plans-actions{grid-template-columns:300px repeat(3,1fr)}}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.plans-comparison{animation:fadeIn .6s ease-out}:root{--profile-primary-color: #3b82f6;--profile-secondary-color: #f8fafc;--profile-background-color: #ffffff;--profile-border-color: #e2e8f0;--profile-text-primary: #1e293b;--profile-text-secondary: #64748b;--profile-success-color: #10b981;--profile-danger-color: #ef4444;--profile-warning-color: #f59e0b}.profile-page-container{max-width:1000px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--profile-text-primary);background-color:#f8fafc;min-height:100vh}.profile-page-header{text-align:center;margin-bottom:2.5rem}.profile-page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--profile-text-primary)}.profile-page-header p{color:var(--profile-text-secondary);font-size:1.1rem}.profile-alert{padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem;font-weight:500;display:flex;align-items:center}.profile-error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.profile-success{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.profile-tabs{display:flex;background:#f9fafb;border-radius:.75rem;padding:.25rem;margin-bottom:2rem}.profile-tab{flex:1;padding:.875rem 1.25rem;background:none;border:none;cursor:pointer;font-weight:500;color:#6b7280;border-radius:.5rem;transition:all .3s ease;text-align:center}.profile-tab:hover{color:#495057;background:#fff}.profile-tab-active{color:var(--profile-primary-color);background:#fff;box-shadow:0 1px 3px #0000001a}.profile-tab-content{padding:.5rem}.profile-professional-tab{display:flex;flex-direction:column;gap:2rem}.profile-card-centered{background:#fff;border-radius:1.25rem;padding:2.5rem;box-shadow:0 4px 6px #0000000d;text-align:center;max-width:500px;margin:0 auto;width:100%}.profile-avatar-container{margin-bottom:1.5rem}.profile-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:2.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;overflow:hidden;box-shadow:0 8px 16px #0000001a}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-label{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#f8fafc;color:#374151;border-radius:2rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.profile-avatar-label:hover{background:#e2e8f0;transform:translateY(-1px)}.profile-avatar-label input{display:none}.profile-name{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--profile-text-primary)}.profile-profession{color:#6b7280;margin-bottom:1.5rem;font-size:1.1rem}.profile-contact-info{text-align:left;margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:.75rem}.profile-contact-info div{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem;color:#4b5563;font-size:.95rem}.profile-icon{color:#667eea;width:18px;height:18px}.profile-public-link{margin-bottom:1.5rem;text-align:left}.profile-public-link h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#374151;text-align:center}.profile-link-box{background:#f1f5f9;padding:.875rem;border-radius:.5rem;margin-bottom:.75rem;word-break:break-all;font-size:.9rem;color:#475569;border:1px solid #e2e8f0}.profile-copy-btn,.profile-view-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;margin-bottom:.5rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500;transition:all .2s ease;text-decoration:none;font-size:.9rem}.profile-copy-btn{background:#667eea;color:#fff}.profile-copy-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.profile-view-link{background:#f8fafc;color:#374151;border:1px solid #e2e8f0}.profile-view-link:hover{background:#f1f5f9;transform:translateY(-1px)}.profile-change-password-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:#f8fafc;color:#374151;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s ease}.profile-change-password-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.profile-user-plan{background:#fff;border-radius:1.25rem;padding:2rem;box-shadow:0 4px 6px #0000000d;max-width:500px;margin:0 auto;width:100%}.profile-user-plan h3{font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;color:var(--profile-text-primary);text-align:center}.profile-plan-card{background:#f8fafc;border:1px solid #e2e8f0;padding:1.5rem;border-radius:1rem;text-align:left}.profile-plan-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.profile-plan-icon{color:#667eea;width:24px;height:24px}.profile-plan-header h4{font-size:1.25rem;font-weight:600;color:var(--profile-text-primary);margin:0;text-transform:capitalize}.profile-plan-details{margin-bottom:1.5rem}.profile-plan-feature{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.profile-plan-feature:last-child{border-bottom:none}.profile-plan-label{color:#64748b;font-weight:500;font-size:.9rem}.profile-plan-value{color:var(--profile-text-primary);font-weight:600;font-size:.9rem}.profile-status-active{color:var(--profile-success-color)}.profile-status-inactive{color:var(--profile-danger-color)}.profile-status-pending{color:var(--profile-warning-color)}.profile-plan-limits{background:#fff;padding:1rem;border-radius:.75rem;border:1px solid #e2e8f0}.profile-plan-limits h5{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--profile-text-primary)}.profile-plan-limits p{color:#64748b;font-size:.875rem;margin:0;line-height:1.5}.profile-personal-tab{background:#fff;border-radius:1.25rem;padding:2rem;box-shadow:0 4px 6px #0000000d}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.profile-section-header h3{font-size:1.5rem;font-weight:600;color:var(--profile-text-primary)}.profile-edit-btn,.profile-save-btn,.profile-cancel-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.profile-edit-btn{background:#f8fafc;color:#374151;border:1px solid #e2e8f0}.profile-edit-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.profile-save-btn{background:#10b981;color:#fff}.profile-save-btn:hover{background:#059669;transform:translateY(-1px)}.profile-cancel-btn{background:#f8fafc;color:#374151;border:1px solid #e2e8f0;margin-right:.75rem}.profile-cancel-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.profile-edit-actions{display:flex}.profile-form-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem}@media (min-width: 768px){.profile-form-grid{grid-template-columns:1fr 1fr}}.profile-form-group{margin-bottom:1.25rem}.profile-form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.95rem}.profile-form-group input,.profile-form-group textarea,.profile-form-group select{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background:#fff;color:#000}.profile-form-group input:focus,.profile-form-group textarea:focus,.profile-form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.profile-form-group input:read-only,.profile-form-group textarea:read-only,.profile-form-group select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.profile-form-group textarea{resize:vertical;min-height:120px}.profile-input-with-prefix{position:relative;display:flex;align-items:center}.profile-prefix{position:absolute;left:1rem;color:#6b7280;border-radius:5px;background-color:#3532f1;color:#fff;left:1px;padding:11px;z-index:1}.profile-input-with-prefix input{padding-left:2rem}.profile-input-help{margin-top:.5rem;font-size:.75rem;color:#6b7280}.profile-input-help strong{color:#667eea}.profile-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.profile-modal{background:#fff;padding:2rem;border-radius:1rem;width:100%;max-width:400px;box-shadow:0 10px 25px #00000026}.profile-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-modal-header h3{font-size:1.5rem;font-weight:600;color:var(--profile-text-primary)}.profile-close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.profile-close-btn:hover{background:#f3f4f6;color:#374151}.profile-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}@media (max-width: 768px){.profile-page-container{padding:1rem}.profile-page-header h1{font-size:2rem}.profile-tabs{flex-direction:column;gap:.25rem}.profile-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-edit-actions{width:100%;justify-content:flex-end}.profile-card-centered,.profile-user-plan{padding:1.5rem}.profile-avatar{width:100px;height:100px;font-size:2rem}.profile-form-grid{grid-template-columns:1fr}}@keyframes profile-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-control-item{animation:profile-fadeIn .3s ease}.profile-step-preview{animation:profile-fadeIn .4s ease}.profile-button:focus-visible,.profile-input:focus-visible,.profile-a:focus-visible{outline:2px solid var(--profile-primary-color);outline-offset:2px}.profile-input-editable{background-color:#f0f9ff!important;border-color:#0ea5e9!important;color:#000!important;box-shadow:0 0 0 3px #0ea5e91a!important}.profile-input-editable::placeholder{color:#666!important}.profile-input-readonly{background-color:#f9fafb!important;color:#6b7280!important;cursor:not-allowed!important}.profile-form-group input:not([readonly]),.profile-form-group textarea:not([readonly]){color:#000!important}.profile-form-group input:not([readonly])::placeholder,.profile-form-group textarea:not([readonly])::placeholder{color:#666!important}.profile-alert{position:relative;padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;animation:profile-alert-fadein .5s ease}.profile-alert-close{background:none;border:none;cursor:pointer;font-size:1.25rem;padding:0;margin-left:.5rem;color:inherit;opacity:.7;transition:opacity .2s ease}.profile-alert-close:hover{opacity:1}@keyframes profile-alert-fadein{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes profile-alert-fadeout{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.profile-alert.fade-out{animation:profile-alert-fadeout .5s ease forwards}:root{--primary-color: #3b82f6;--secondary-color: #f8fafc;--background-color: #ffffff;--font-color: #1e293b;--font-color-welcome-msg: #ffffff;--welcome-background: #3b82f6}.public-booking-container *{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.public-booking-container{max-width:100%;min-height:100vh;background-color:var(--background-color);color:var(--font-color);padding:0;position:relative;transition:all .3s ease;overflow-x:hidden;-webkit-overflow-scrolling:touch;overflow-y:auto}@media (max-width: 768px){.public-booking-container{height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.public-booking-container::-webkit-scrollbar{display:none}}.centered-image{width:100%;height:100%;object-fit:cover;object-position:center}.business-photo-container{width:150px;height:150px;border-radius:12px;overflow:hidden;margin-bottom:1rem;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center}.business-photo{width:100%;height:100%;object-fit:cover;object-position:center}.welcome-logo{width:100px;height:100px;border-radius:50%;overflow:hidden;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.welcome-logo img{width:100%;height:100%;object-fit:cover;object-position:center}.welcome-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;text-align:center;padding:20px;transition:transform 1s ease,opacity 1s ease;background:var(--welcome-background);overflow:hidden}.welcome-screen.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.welcome-logo{width:100px;height:100px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-size:40px;font-weight:700;color:var(--primary-color)}.welcome-screen h1{font-size:28px;margin-bottom:10px;font-weight:700}.welcome-screen p{font-size:16px;margin-bottom:30px;opacity:.9}.swipe-up-indicator{position:absolute;bottom:30px;display:flex;flex-direction:column;align-items:center;animation:bounce 2s infinite}.swipe-up-indicator span{margin-bottom:10px;font-size:14px;color:var(--font-color-welcome-msg)}.swipe-up-indicator svg{width:30px;height:30px;color:var(--font-color-welcome-msg)}.main-content{transition:opacity .3s ease;min-height:100vh}.main-content:not(.content-hidden){transform:translateZ(0);animation:fadeInUp .5s ease forwards}.content-hidden{opacity:0;pointer-events:none;display:none}.business-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;position:relative;z-index:10}@media (max-width: 768px){.business-header{margin-bottom:1rem}}.business-info h1{margin:0;color:var(--font-color);font-size:1.8rem}.business-info p{margin:.5rem 0 1rem;color:#666;font-size:1.1rem}.business-buttons{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.business-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:8px;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease;cursor:pointer;box-shadow:0 2px 4px #0000001a;background-color:var(--primary-color);color:#fff}.business-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;opacity:.9}.welcome-screen h1,.welcome-screen p,.welcome-screen .swipe-up-indicator,.welcome-screen .swipe-up-indicator span,.welcome-screen .swipe-up-indicator svg{all:unset}.btn-start-booking{padding:12px 24px;border:none;border-radius:25px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-start-booking:hover{background-color:#ffffff4d!important}.message{padding:12px 16px;margin:16px;border-radius:8px;text-align:center;font-weight:500}.message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.loader{text-align:center;padding:20px;color:#64748b}.booking-progress{display:flex;justify-content:space-between;padding:20px;background:#fff;margin:0 0 20px;overflow-x:auto;position:relative;z-index:5}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:60px;position:relative}.progress-step:not(:last-child):after{content:"";position:absolute;top:15px;right:-50%;width:100%;height:2px;background-color:#e2e8f0;z-index:1}.progress-step.active:not(:last-child):after{background-color:var(--primary-color)}.progress-step span{width:30px;height:30px;border-radius:50%;background-color:#e2e8f0;display:flex;justify-content:center;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600;position:relative;z-index:2}.progress-step.active span{background-color:var(--primary-color);color:#fff}.progress-step p{font-size:12px;color:#64748b;text-align:center}.progress-step.active p{color:var(--primary-color);font-weight:500}.booking-steps{padding:0 16px 80px}.step-content{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 6px -1px #0000001a}.step-content h2{font-size:20px;margin-bottom:8px;color:var(--font-color)}.step-content>p{color:#64748b;margin-bottom:20px}.step-header{display:flex;align-items:flex-start;margin-bottom:20px}.back-button{background:none;border:none;margin-right:12px;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.back-button:hover{background-color:#f1f5f9}.professional-grid{display:grid;grid-template-columns:1fr;gap:16px}.professional-card{border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;align-items:center;cursor:pointer;transition:all .2s;background-color:var(--secondary-color)}.professional-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 6px -1px #3b82f61a}.professional-card.selected{border-color:var(--primary-color);background-color:#eff6ff}.professional-avatar{width:60px;height:60px;border-radius:50%;background-color:#e2e8f0;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:20px;margin-right:16px;overflow:hidden}.professional-avatar img{width:100%;height:100%;object-fit:cover}.professional-info h3{font-size:16px;margin-bottom:4px;color:var(--font-color)}.professional-info>p{display:none}.no-professionals{text-align:center;padding:20px;color:#64748b}.services-grid{display:grid;grid-template-columns:1fr;gap:16px}.service-card{border:1px solid #e2e8f0;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;background-color:var(--secondary-color);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;min-height:140px}.service-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 6px -1px #3b82f61a}.service-card.selected{border-color:var(--primary-color);background-color:#eff6ff}.service-image-container{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background-color:#f1f5f9;display:flex;justify-content:center;align-items:center;border:2px solid #e2e8f0;position:relative}.service-image{width:100%;height:100%;object-fit:cover}.service-icon{width:40px;height:40px;border-radius:8px;background-color:#e2e8f0;display:flex;justify-content:center;align-items:center;color:#64748b}.service-content{flex:1;display:flex;flex-direction:column;height:100%}.service-card h3{font-size:16px;margin-bottom:8px;color:var(--font-color);line-height:1.3;text-align:center}.service-meta-info{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid #e2e8f0;width:100%}.service-duration{color:#64748b;font-size:14px;display:flex;align-items:center;gap:4px}.service-duration:before{content:"⏱";font-size:12px}.service-price{font-weight:700;color:var(--primary-color);font-size:16px}.service-description{color:#64748b;font-size:13px;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;flex:1;text-align:center}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.selected-count{font-weight:600;margin-top:5px;font-size:14px}.selected-services-summary{margin-top:24px;padding:20px;background-color:var(--secondary-color);border-radius:12px;border-left:4px solid var(--primary-color);animation:fadeInUp .4s ease}.selected-services-total{padding-top:12px;border-top:2px solid #e2e8f0;text-align:center;font-size:16px;color:var(--font-color);font-weight:700}.duration-info{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:16px;text-align:center;font-weight:500}.duration-info strong{font-size:16px}.duration-info small{opacity:.9;font-size:12px}.references-upload{text-align:center}.upload-button{display:inline-flex;align-items:center;background-color:var(--primary-color);color:#fff;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s;margin-bottom:20px}.upload-button svg{margin-right:8px}.upload-button:disabled{background-color:#94a3b8;cursor:not-allowed}.references-preview{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.reference-item{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.reference-item img{width:100%;height:100%;object-fit:cover}.remove-reference{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background-color:#ef4444cc;color:#fff;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;padding:0}.date-time-selector{display:flex;flex-direction:column;gap:24px}.calendar-section h3,.time-section h3{display:flex;align-items:center;margin-bottom:16px;font-size:18px;color:var(--font-color)}.calendar-section h3 svg,.time-section h3 svg{margin-right:8px;color:#64748b}.calendar-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-navigation button{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:4px}.calendar-navigation button:hover{background-color:#f1f5f9}.current-month{font-weight:600;color:var(--font-color)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:500;color:#64748b;margin-bottom:8px}.calendar-weekdays div{padding:8px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{display:flex;justify-content:center;align-items:center;height:40px;border-radius:8px;cursor:pointer;font-weight:500;color:var(--font-color);position:relative}.calendar-day.other-month{color:#cbd5e1;cursor:default}.calendar-day.available{color:var(--font-color)}.calendar-day.available:hover{background-color:#f1f5f9}.calendar-day.unavailable{color:#cbd5e1;cursor:not-allowed;text-decoration:line-through}.calendar-day.selected{background-color:var(--primary-color);color:#fff}.calendar-day{position:relative;display:flex;align-items:center;justify-content:center;height:40px;cursor:pointer}.availability-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;background-color:#22c55e;border-radius:50%;content:""}.calendar-day.selected .availability-dot{background-color:#fff}.calendar-day.unavailable .availability-dot,.calendar-day.other-month .availability-dot{display:none}.time-section{scroll-margin-top:80px;transition:all .3s ease;min-height:300px;padding:20px;margin-top:20px}.time-section.has-slots{border-left:4px solid var(--primary-color)}.time-slots-loading{opacity:.7;position:relative}.time-slots-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loadingShimmer 1.5s infinite}@keyframes loadingShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-text{font-size:14px;color:#64748b;font-weight:400;margin-left:8px}.slots-loading{text-align:center;padding:40px 20px;color:#64748b}.time-info{background-color:#3b82f61a;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.time-info p{margin:4px 0;font-weight:500}.time-notice{font-size:14px;color:#f59e0b;font-style:italic}.time-slots-container{display:flex;flex-direction:column;gap:20px;animation:fadeInUp .5s ease}.time-period h4{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#475569;font-size:16px}.time-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.time-option{padding:10px;text-align:center;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;color:var(--font-color);position:relative}.time-option:hover{border-color:var(--primary-color)}.time-option.selected{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.no-slots-message{text-align:center;padding:40px 20px;color:#64748b}.no-slots-message p{margin:8px 0}.suggestion{font-size:14px;color:#94a3b8}.no-date-selected{text-align:center;padding:60px 20px;color:#94a3b8}.client-info-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{display:flex;align-items:center;margin-bottom:8px;font-weight:500;color:var(--font-color)}.form-group label svg{margin-right:8px;color:#64748b}.form-group input,.form-group textarea{padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .2s;background-color:var(--secondary-color);color:var(--font-color)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}.form-group textarea{min-height:100px;resize:vertical}.appointment-summary{margin-top:24px;padding:20px;background-color:var(--secondary-color);border-radius:8px}.appointment-summary h3{margin-bottom:16px;font-size:18px;color:var(--font-color)}.summary-item{display:flex;justify-content:space-between;margin-bottom:12px}.summary-item span:last-child{color:var(--font-color)}.confirmation{text-align:center}.confirmation-icon{width:80px;height:80px;border-radius:50%;background-color:#d1fae5;color:#065f46;display:flex;justify-content:center;align-items:center;margin:0 auto 20px}.confirmation h2{color:#065f46;margin-bottom:12px}.confirmation>p{margin-bottom:24px;color:#64748b}.confirmation-details{text-align:left;margin-bottom:24px;padding:20px;background-color:var(--secondary-color);border-radius:8px}.detail-item{display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.detail-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-item span:first-child{font-weight:500;color:#64748b}.detail-item span:last-child{color:var(--font-color)}.confirmation-note{margin-bottom:24px;color:#64748b;line-height:1.6}.step-actions{display:flex;justify-content:center;margin-top:24px;gap:12px;flex-wrap:wrap}.back-button-action{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:#f1f5f9;color:#64748b;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:16px}.back-button-action:hover{background-color:#e2e8f0}.skip-button,.next-button,.confirm-button,.new-booking-button{padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;border:none;font-size:16px}.skip-button{background-color:#f1f5f9;color:#64748b}.skip-button:hover{background-color:#e2e8f0}.skip-button svg{margin-right:8px}.next-button,.confirm-button,.new-booking-button{background-color:var(--primary-color);color:#fff}.next-button:hover,.confirm-button:hover,.new-booking-button:hover{background-color:#2563eb}.next-button:disabled,.confirm-button:disabled{background-color:#94a3b8;cursor:not-allowed}@media (max-width: 639px){.step-actions{flex-direction:row;flex-wrap:nowrap;width:100%}.back-button-action,.skip-button,.next-button,.confirm-button{width:100%}}@media (min-width: 640px){.public-booking-container{padding:0}.professional-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.time-options{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px){.booking-steps{padding:0 24px 80px}.step-content{padding:24px}.date-time-selector{flex-direction:row}.calendar-section,.time-section{flex:1}.services-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.public-booking-container{max-width:1024px;margin:0 auto}.booking-progress{padding:30px 40px}.booking-steps{padding:0 40px 80px}}@media (max-width: 639px){.progress-step p{font-size:10px}.time-options{grid-template-columns:repeat(2,1fr)}.step-actions{flex-direction:row}.skip-button,.next-button,.confirm-button{width:100%}}.service-selection-indicator{position:absolute;top:8px;right:8px}.selected-badge{width:24px;height:24px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;animation:popIn .2s ease}.selected-services-summary{margin-top:24px;padding:20px;background-color:var(--secondary-color);border-radius:12px;border-left:4px solid var(--primary-color);order:2}.selected-services-summary h3{margin-bottom:16px;color:var(--font-color);font-size:18px;display:flex;align-items:center;gap:8px}.selected-services-summary h3:before{content:"📋";font-size:16px}.selected-services-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.selected-service-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#fff;border-radius:8px;border:1px solid #e2e8f0}.service-name{flex:1;font-weight:500;color:var(--font-color)}.service-quantity-controls{display:flex;align-items:center;gap:8px;margin:0 16px}.quantity-btn{width:32px;height:32px;border:none;border-radius:6px;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.quantity-btn:hover{opacity:.9;transform:scale(1.05)}.quantity-display{min-width:30px;text-align:center;font-weight:600;color:var(--font-color)}.service-subtotal{font-weight:600;color:var(--primary-color);min-width:80px;text-align:right}.selected-services-total{padding-top:12px;border-top:2px solid #e2e8f0;text-align:center;font-size:16px;color:var(--font-color)}.summary-duration{display:flex;justify-content:space-between;color:#64748b;font-size:14px;padding:8px 0;border-top:1px solid #e2e8f0;margin-top:8px}.service-card{position:relative;transition:all .3s ease;order:1}.service-card.selected{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.service-selected-indicator{position:absolute;top:12px;right:12px;background-color:var(--primary-color);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;animation:popIn .3s ease}.step-content .services-selection-container{display:flex;flex-direction:column}.appointment-summary .summary-item span:first-child{min-width:120px}.appointment-summary .summary-item span:last-child{text-align:right;flex:1}.services-summary-list,.services-confirmation-list{display:flex;flex-direction:column;gap:8px;width:100%}.service-summary-item,.service-confirmation-item{display:flex;justify-content:space-between;width:100%;padding:4px 0}.total-item{font-weight:700;font-size:16px;color:var(--primary-color);border-top:2px solid #e2e8f0;padding-top:8px;margin-top:8px}.services-info-banner{background:linear-gradient(135deg,var(--primary-color) 0%,#2563eb 100%);color:#fff;padding:16px;border-radius:12px;margin-bottom:20px}.services-info-content{display:flex;flex-direction:column;gap:4px}.services-info-content strong{font-size:16px;margin-bottom:4px}.services-info-content span{font-size:14px;opacity:.9}@media (max-width: 768px){.service-image-container{width:70px;height:70px}.service-card{padding:16px;min-height:130px}.selected-service-item{flex-direction:column;gap:8px;align-items:flex-start}.service-quantity-controls{margin:0;align-self:center}.service-subtotal{align-self:flex-end}.services-info-content{text-align:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.selected-services-summary{animation:fadeInUp .4s ease}.cancelation-info-section{margin-top:40px;padding:30px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border-left:4px solid #ef4444;text-align:center}.cancelation-info-content{max-width:500px;margin:0 auto}.cancelation-info-content h3{color:#1e293b;margin-bottom:12px;font-size:1.3rem;font-weight:600}.cancelation-info-content>p{color:#64748b;margin-bottom:20px;line-height:1.5}.cancelation-link-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;margin-bottom:16px;border:none;cursor:pointer}.cancelation-link-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;opacity:.9}.cancelation-note{font-size:.9rem;color:#94a3b8;font-style:italic;margin:0}.cancelation-reminder{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:16px;margin-top:20px;text-align:center}.cancelation-reminder h4{color:#92400e;margin-bottom:8px}.cancelation-link{color:#3b82f6;text-decoration:underline;font-weight:500}@media (max-width: 768px){.cancelation-info-section{margin:30px 16px 0;padding:24px 16px}.cancelation-info-content h3{font-size:1.2rem}.cancelation-link-button{width:100%;justify-content:center}.cancelation-info-content>p{text-align:center}}@media (max-width: 480px){.cancelation-info-section{margin:20px 12px 0;padding:20px 12px}.cancelation-info-content h3{font-size:1.1rem}.cancelation-info-content>p{font-size:.9rem}.cancelation-link-button{padding:10px 20px;font-size:.9rem}}.cancelation-link-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.cancelation-link-button:active{transform:translateY(0)}@media (hover: hover){.cancelation-link-button:hover{transform:translateY(-2px)}}@media (prefers-color-scheme: dark){.cancelation-info-section{background:linear-gradient(135deg,#1e293b,#334155)}.cancelation-info-content h3{color:#f1f5f9}.cancelation-info-content>p{color:#cbd5e1}.cancelation-note{color:#94a3b8}}@media (max-width: 768px){.public-booking-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.step-content[style*=step-content]{scroll-margin-top:0}@supports (-webkit-touch-callout: none){.public-booking-container{height:100vh;height:-webkit-fill-available}}.step-content:has(+.step-actions){padding-bottom:100px}}html,body{scroll-behavior:smooth}.scroll-to-top{scroll-behavior:smooth;scroll-margin-top:0}.main-content{min-height:100vh;position:relative}.force-top{scroll-snap-align:start;scroll-margin-top:0}.cancel-appointment-container{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:#f8fafc;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cancel-header{text-align:center;margin-bottom:2rem;padding:2rem 1rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.header-icon{display:flex;justify-content:center;margin-bottom:1rem}.header-icon svg{width:64px;height:64px;color:#7c3aed;background:#f1f5f9;padding:12px;border-radius:50%}.cancel-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.cancel-header p{color:#64748b;font-size:1.1rem;line-height:1.6}.cancel-appointment-container .message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;display:flex;align-items:center;gap:.5rem;border:1px solid}.cancel-appointment-container .message.success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.cancel-appointment-container .message.error{background:#fef2f2;color:#dc2626;border-color:#fecaca}.cancel-appointment-container .message.info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.cancel-appointment-container .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.cancel-appointment-container .loader{width:48px;height:48px;border:3px solid #e2e8f0;border-top:3px solid #7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.cancel-appointment-container .step-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem}.cancel-appointment-container .step-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.cancel-appointment-container .step-icon svg{width:48px;height:48px;color:#7c3aed;background:#f1f5f9;padding:12px;border-radius:50%}.cancel-appointment-container .step-card h2{font-size:1.5rem;font-weight:700;color:#1e293b;text-align:center;margin-bottom:1.5rem}.cancel-appointment-container .step-card h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.cancel-appointment-container .step-card p{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.cancel-appointment-container .input-group{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;transition:all .3s ease;margin-bottom:1rem}.cancel-appointment-container .input-group:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.cancel-appointment-container .input-group svg{color:#94a3b8;flex-shrink:0}.cancel-appointment-container .input-group input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:#1e293b}.cancel-appointment-container .input-group input::placeholder{color:#94a3b8}.cancel-appointment-container .input-group input:disabled{color:#64748b;background:#f1f5f9}.cancel-appointment-container .primary-button{background:#7c3aed;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.cancel-appointment-container .primary-button:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.cancel-appointment-container .primary-button:active{transform:translateY(0)}.cancel-appointment-container .primary-button:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.cancel-appointment-container .secondary-button{background:transparent;color:#64748b;border:2px solid #e2e8f0;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.cancel-appointment-container .secondary-button:hover{border-color:#cbd5e1;color:#475569}.cancel-appointment-container .confirm-cancel-button{background:#dc2626;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.cancel-appointment-container .confirm-cancel-button:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.cancel-appointment-container .back-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#64748b;font-weight:500;cursor:pointer;transition:all .3s ease;padding:.5rem;margin-bottom:1rem}.cancel-appointment-container .back-button:hover{color:#7c3aed}.cancel-appointment-container .token-input-group{margin-bottom:1.5rem}.cancel-appointment-container .token-input{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.1rem;letter-spacing:1px;text-transform:uppercase}.cancel-appointment-container .cancellation-info{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.cancel-appointment-container .cancellation-info svg{color:#f59e0b;margin-right:.5rem}.cancel-appointment-container .cancellation-info p{color:#92400e;margin:0;font-size:.9rem;line-height:1.5}.cancel-appointment-container .validation-note{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem;margin-bottom:1.5rem}.cancel-appointment-container .validation-note svg{color:#f59e0b;flex-shrink:0}.cancel-appointment-container .step-header{margin-bottom:2rem}.cancel-appointment-container .step-header h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.cancel-appointment-container .step-header p{color:#64748b;line-height:1.6}.cancel-appointment-container .appointment-preview{background:#f8fafc;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #7c3aed}.cancel-appointment-container .appointment-preview h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.cancel-appointment-container .appointment-preview p{margin-bottom:.5rem;color:#475569}.cancel-appointment-container .appointment-preview strong{color:#1e293b}.cancel-appointment-container .reason-form{margin-top:1.5rem}.cancel-appointment-container .form-group{margin-bottom:1.5rem}.cancel-appointment-container .form-group label{display:block;font-weight:600;color:#1e293b;margin-bottom:.5rem}.cancel-appointment-container .reason-select{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:1rem;color:#1e293b;transition:all .3s ease}.cancel-appointment-container .reason-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.cancel-appointment-container .custom-reason-input{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:1rem;color:#1e293b;resize:vertical;min-height:120px;transition:all .3s ease;font-family:inherit}.cancel-appointment-container .custom-reason-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.cancel-appointment-container .reason-note{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem;margin-bottom:2rem}.cancel-appointment-container .reason-note svg{color:#7c3aed;flex-shrink:0}.cancel-appointment-container .reason-actions{display:grid;grid-template-columns:1fr 2fr;gap:1rem}.cancel-appointment-container .success-step{text-align:center;padding:3rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.cancel-appointment-container .success-icon{margin-bottom:2rem}.cancel-appointment-container .success-icon svg{width:80px;height:80px;color:#10b981;background:#f0fdf4;padding:16px;border-radius:50%}.cancel-appointment-container .success-step h2{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.cancel-appointment-container .success-message{margin-bottom:2rem}.cancel-appointment-container .success-message p{color:#64748b;line-height:1.6;margin-bottom:.5rem}.cancel-appointment-container .success-message strong{color:#1e293b}.cancel-appointment-container .success-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.cancel-appointment-container{padding:16px}.cancel-header{padding:1.5rem 1rem;margin-bottom:1.5rem}.cancel-header h1{font-size:1.75rem}.cancel-appointment-container .step-card{padding:1.5rem}.cancel-appointment-container .step-card h2{font-size:1.25rem}.cancel-appointment-container .step-card h3{font-size:1.1rem}.cancel-appointment-container .input-group{padding:.75rem}.cancel-appointment-container .primary-button,.cancel-appointment-container .secondary-button,.cancel-appointment-container .confirm-cancel-button{padding:.875rem 1rem;font-size:.9rem}.cancel-appointment-container .reason-actions,.cancel-appointment-container .success-actions{grid-template-columns:1fr;gap:.75rem}.cancel-appointment-container .success-step{padding:2rem 1.5rem}.cancel-appointment-container .success-step h2{font-size:1.5rem}.cancel-appointment-container .success-icon svg{width:64px;height:64px}.cancel-appointment-container .appointment-preview,.cancel-appointment-container .cancellation-info{padding:1rem}}@media (max-width: 480px){.cancel-header h1{font-size:1.5rem}.header-icon svg{width:48px;height:48px}.cancel-appointment-container .step-card{padding:1.25rem}.cancel-appointment-container .step-icon svg{width:40px;height:40px}}.cancel-appointment-container .step-card{animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cancel-appointment-container .primary-button:hover,.cancel-appointment-container .confirm-cancel-button:hover{transform:translateY(-2px)}.cancel-appointment-container .input-group:hover{border-color:#cbd5e1}.cancel-appointment-container .primary-button:focus,.cancel-appointment-container .secondary-button:focus,.cancel-appointment-container .confirm-cancel-button:focus,.cancel-appointment-container .reason-select:focus,.cancel-appointment-container .custom-reason-input:focus{outline:2px solid #7c3aed;outline-offset:2px}.success-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.success-content{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%}.success-icon{margin-bottom:20px;animation:bounce 1s infinite}.error-icon{margin-bottom:20px}.spinner{animation:spin 1s linear infinite;margin-bottom:20px;color:#3b82f6}h2{color:#1f2937;margin-bottom:16px;font-size:1.875rem;font-weight:700}.success-message{color:#6b7280;margin-bottom:24px;font-size:1.125rem}.error-message{color:#ef4444;margin-bottom:24px;font-size:1.125rem;font-weight:500}.redirect-message{color:#9ca3af;margin-bottom:24px;font-style:italic}.billing-info{margin:24px 0}.billing-card{display:flex;align-items:center;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:20px;gap:16px}.billing-details h4{margin:0 0 8px;color:#374151;font-size:1rem}.billing-date{color:#059669;font-weight:600;font-size:1.125rem;margin:0 0 8px}.billing-cycle{color:#6b7280;margin:0;font-size:.875rem}.success-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{background:#e5e7eb;color:#374151;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background:#d1d5db}.btn-outline{background:transparent;color:#3b82f6;border:2px solid #3B82F6;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline:hover{background:#3b82f6;color:#fff}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 640px){.success-content{padding:24px;margin:20px}.success-actions{flex-direction:column}.billing-card{flex-direction:column;text-align:center}}.check-count{color:#6b7280;font-size:.875rem;margin-top:8px;font-style:italic}.analytics-container{padding:20px;max-width:1400px;margin:0 auto;font-family:Inter,sans-serif;color:#2c3e50}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:20px}.header-content h1{font-size:28px;font-weight:700;margin:0 0 8px;color:#2c3e50}.header-content p{font-size:16px;color:#7f8c8d;margin:0}.filters-container{display:flex;align-items:center;gap:16px}.time-range-selector{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.selector-wrapper{display:flex;flex-direction:column;gap:6px}.selector-wrapper label{font-size:14px;font-weight:500;color:#7f8c8d}.selector-wrapper select{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background-color:#fff;color:#2c3e50;cursor:pointer;transition:border-color .2s}.selector-wrapper select:focus{outline:none;border-color:#0056cc}.custom-date-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.date-input{display:flex;flex-direction:column;gap:6px}.date-input label{font-size:14px;font-weight:500;color:#7f8c8d}.date-input input{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#2c3e50;transition:border-color .2s}.date-input input:focus{outline:none;border-color:#0056cc}.date-error-message{grid-column:1 / -1;background-color:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;padding:10px 12px;color:#d32f2f;font-size:14px;display:flex;align-items:center;gap:8px;margin-top:8px}.date-error-message .error-icon{font-size:16px}.refresh-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#0056cc;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;align-self:flex-end}.refresh-button:hover{background-color:#0047a6}.tabs-container{margin-bottom:24px;border-bottom:1px solid #e0e0e0}.tabs{display:flex;gap:8px}.tab{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:15px;font-weight:500;color:#7f8c8d;cursor:pointer;transition:all .2s}.tab:hover{color:#0056cc}.tab.active{color:#0056cc;border-bottom-color:#0056cc}.tab-content{margin-top:20px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.metric-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.metric-card h3{font-size:14px;font-weight:500;color:#7f8c8d;margin:0 0 8px}.metric-value{font-size:24px;font-weight:700;color:#2c3e50}.metric-note{font-size:12px;color:#7f8c8d;margin-top:8px;font-style:italic}.metric-value:empty:before{content:"Nenhum dado";color:#7f8c8d;font-style:italic}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:30px}.chart-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000000d}.chart-card.full-width{grid-column:1 / -1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h2{font-size:18px;font-weight:600;margin:0;color:#2c3e50}.view-selector select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;color:#2c3e50}.chart-container{height:300px;position:relative}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}table th,table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e0e0e0}table th{font-weight:600;color:#7f8c8d;background-color:#f8f9fa;position:sticky;top:0}table tr:last-child td{border-bottom:none}table tr:nth-child(2n){background-color:#fafafa}table tr:hover{background-color:#f0f4ff}.client-stats{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.client-stat{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f8f9fa;border-radius:8px;transition:background-color .2s}.client-stat.clickable{cursor:pointer}.client-stat.clickable:hover{background-color:#e9ecef}.stat-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px}.stat-content{flex:1}.stat-label{display:block;font-size:14px;color:#7f8c8d;margin-bottom:4px}.stat-value{display:block;font-size:18px;font-weight:600;color:#2c3e50}.stat-description{font-size:12px;color:#7f8c8d;margin-top:2px;display:block}.stat-arrow{font-size:20px;color:#7f8c8d}.client-summary{display:flex;flex-direction:column;gap:12px;margin:20px 0}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.summary-label{font-size:14px;color:#5a6a7d}.summary-value{font-size:16px;font-weight:600}.retention-explanation{background-color:#f8f9fa;padding:16px;border-radius:8px;margin-top:20px}.retention-explanation h3{font-size:15px;margin:0 0 12px;color:#2c3e50}.retention-explanation p{margin:0 0 8px;font-size:13px;line-height:1.4;color:#5a6a7d}.retention-explanation strong{color:#2c3e50}.client-tips{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:16px;border-radius:8px;border-left:4px solid #0056CC}.client-tips h4{margin:0 0 12px;color:#2c3e50;font-size:15px}.client-tips ul{margin:0;padding-left:20px}.client-tips li{font-size:13px;margin-bottom:6px;color:#5a6a7d;line-height:1.4}.no-data-message{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7f8c8d;text-align:center;padding:20px}.no-data-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-data-message h3{font-size:18px;margin:0 0 12px;color:#5a6a7d}.no-data-message p{font-size:14px;margin:0;line-height:1.5;max-width:300px}.analytics-loading,.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #0056CC;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{font-size:48px;margin-bottom:20px}.analytics-error h2{margin:0 0 12px;font-size:20px;color:#2c3e50}.analytics-error p{margin:0 0 20px;color:#7f8c8d}.retry-button{padding:10px 20px;background-color:#0056cc;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#0047a6}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:480px;width:100%;overflow:hidden;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;transform:translateY(20px) scale(.95);opacity:0;transition:all .3s ease}.modal-overlay.active .modal{transform:translateY(0) scale(1);opacity:1}.modal-header-minimal{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid #f0f0f0;background:#fff}.plan-icon-minimal{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0056cc,#6733ff);border-radius:12px;color:#fff}.modal-header-minimal h2{margin:0;font-size:1.25rem;font-weight:600;color:#2c3e50;flex:1}.close-button-minimal{background:none;border:none;font-size:24px;color:#7f8c8d;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-button-minimal:hover{background-color:#f8f9fa;color:#2c3e50}.modal-content-minimal{padding:24px;text-align:center}.modal-content-minimal h3{color:#2c3e50;margin:0 0 16px;font-size:1.125rem;font-weight:600}.upgrade-description{color:#5a6a7d;margin:0 0 24px;line-height:1.6;font-size:14px}.plan-features-minimal{display:flex;flex-direction:column;gap:12px;margin:0 0 32px;text-align:left}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.feature-item:last-child{border-bottom:none}.feature-icon{width:20px;height:20px;background:linear-gradient(135deg,#0056cc,#6733ff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.feature-item span:last-child{font-size:14px;color:#5a6a7d;line-height:1.4}.plan-actions-minimal{display:flex;flex-direction:column;gap:12px}.btn-upgrade-minimal{background:linear-gradient(135deg,#0056cc,#6733ff);color:#fff;border:none;padding:14px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0056cc4d}.btn-upgrade-minimal:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0056cc66}.btn-cancel-minimal{background:transparent;color:#7f8c8d;border:1px solid #e0e0e0;padding:14px 24px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-cancel-minimal:hover{background:#f8f9fa;border-color:#c1c1c1;color:#2c3e50}.upgrade-cta-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:20px}.upgrade-cta-minimal{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 8px 24px #00000014;max-width:440px;width:100%;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.upgrade-icon-minimal{font-size:56px;margin-bottom:20px;opacity:.8}.upgrade-cta-minimal h2{color:#2c3e50;margin-bottom:12px;font-size:1.5rem;font-weight:600}.upgrade-cta-minimal p{color:#5a6a7d;margin-bottom:28px;line-height:1.6;font-size:15px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #f0f0f0;background:#fff}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#2c3e50}.close-button{background:none;border:none;font-size:24px;color:#7f8c8d;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-button:hover{background-color:#f8f9fa;color:#2c3e50}.modal-content{padding:24px}@media (max-width: 768px){.modal{margin:10px;max-width:calc(100% - 20px);width:100%;border-radius:14px}.modal-header-minimal{padding:20px;gap:12px}.plan-icon-minimal{width:48px;height:48px;font-size:28px}.modal-header-minimal h2{font-size:1.125rem}.modal-content-minimal{padding:20px}.modal-content-minimal h3{font-size:1rem}.upgrade-description{font-size:13px}.feature-item span:last-child{font-size:13px}.btn-upgrade-minimal,.btn-cancel-minimal{padding:12px 20px;font-size:13px}.upgrade-cta-minimal{padding:32px 24px}.upgrade-icon-minimal{font-size:48px}.upgrade-cta-minimal h2{font-size:1.25rem}.upgrade-cta-minimal p{font-size:14px}}@media (max-width: 480px){.modal{margin:5px;max-width:calc(100% - 10px);border-radius:12px}.modal-header-minimal{padding:16px}.plan-icon-minimal{width:40px;height:40px;font-size:24px}.modal-header-minimal h2{font-size:1rem}.modal-content-minimal{padding:16px}.modal-content-minimal h3{font-size:.875rem;margin-bottom:12px}.upgrade-description{font-size:12px;margin-bottom:20px}.plan-features-minimal{gap:8px;margin-bottom:24px}.feature-item{padding:8px 0;gap:8px}.feature-icon{width:16px;height:16px;font-size:10px}.feature-item span:last-child{font-size:12px}.btn-upgrade-minimal,.btn-cancel-minimal{padding:10px 16px;font-size:12px}.upgrade-cta-minimal{padding:24px 16px}.upgrade-icon-minimal{font-size:40px;margin-bottom:16px}.upgrade-cta-minimal h2{font-size:1.125rem;margin-bottom:8px}.upgrade-cta-minimal p{font-size:13px;margin-bottom:20px}}.close-button-minimal:focus,.close-button:focus{outline:2px solid #0056CC;outline-offset:2px}.btn-upgrade-minimal:focus,.btn-cancel-minimal:focus{outline:2px solid #0056CC;outline-offset:2px}.analytics-container{transition:filter .3s ease}.modal-overlay.active~.analytics-container{filter:blur(2px)}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.time-range-selector{flex-direction:column;align-items:stretch;gap:12px}.custom-date-selector{grid-template-columns:1fr;gap:8px}.refresh-button{align-self:stretch;justify-content:center}.charts-grid,.metrics-grid{grid-template-columns:1fr}}@media (max-width: 350px){.modal-header-minimal{padding:12px}.modal-header-minimal h2{font-size:.875rem}.modal-content-minimal h3{font-size:.75rem}.plan-features-minimal{margin-bottom:20px}.feature-item span:last-child{font-size:11px}.btn-upgrade-minimal,.btn-cancel-minimal{padding:8px 12px;font-size:11px}}.filter-badge{background:linear-gradient(135deg,#0056cc,#6733ff);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.error-message{background-color:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;padding:10px 12px;color:#d32f2f;font-size:14px;display:flex;align-items:center;gap:8px;margin-top:8px;width:100%}.employee-filter{display:flex;flex-direction:column;gap:6px}.employee-filter label{font-size:14px;font-weight:500;color:#7f8c8d}.employee-select{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background-color:#fff;color:#2c3e50;cursor:pointer;transition:border-color .2s}.employee-select:focus{outline:none;border-color:#0056cc}.clients-list{max-height:400px;overflow-y:auto}:root{--primary-color: #3b82f6;--secondary-color: #f8fafc;--background-color: #ffffff;--border-color: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--success-color: #10b981;--danger-color: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f8fafc;color:var(--text-primary);line-height:1.6}.customization-container{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh}.customization-header{text-align:center;margin-bottom:30px}.customization-header h1{font-size:28px;margin-bottom:10px;color:var(--text-primary);color:#333}.customization-header p{color:var(--text-secondary);font-size:16px}.customization-layout{display:grid;grid-template-columns:500px 1fr;margin-left:50px;gap:30px;height:calc(100vh - 150px)}.controls-panel{background:#1e293b;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;color:#fff;overflow-y:auto}.controls-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.controls-tabs .tab{flex:1;min-width:100px;padding:10px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;transition:all .2s ease}.controls-tabs .tab:hover{background-color:#f1f5f9}.controls-tabs .tab.active{color:var(--primary-color);background-color:#eff6ff}.controls-content{flex:1;overflow-y:auto}.controls-content h3{margin-bottom:10px;color:var(--text-primary);font-size:18px}.controls-content p{margin-bottom:15px;color:var(--text-secondary);font-size:14px}.control-group{display:flex;flex-direction:column;gap:15px}.control-item{display:flex;flex-direction:column;gap:8px;padding:15px;border:1px solid var(--border-color);border-radius:8px;transition:border-color .2s ease}.control-item:hover{border-color:#cbd5e1}.control-item label{display:flex;align-items:center;gap:10px;font-weight:500;cursor:pointer;color:var(--text-primary)}.url-input,.color-text{padding:10px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:border-color .2s ease}.url-input:focus,.color-text:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.url-input.input-error{border-color:var(--danger-color);box-shadow:0 0 0 3px #ef44441a}.color-input-group{display:flex;align-items:center;gap:10px}.color-picker{width:40px;height:40px;border:none;border-radius:6px;cursor:pointer;padding:0}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;padding-left:30px;min-height:24px}.checkbox-label input{opacity:0;position:absolute;left:0;top:0}.checkmark{position:absolute;left:0;top:0;width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;transition:all .2s ease}.checkbox-label input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input:checked~.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.info-button{background:none;border:none;color:var(--text-secondary);cursor:help;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.info-button:hover{color:var(--primary-color);background-color:#f1f5f9}.photo-upload-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.photo-upload-section h4{margin-bottom:15px;color:var(--text-primary)}.photo-upload-container{display:flex;flex-direction:column;align-items:center;gap:15px}.photo-preview{width:120px;height:120px;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center}.photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;font-weight:700}.remove-photo{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.remove-photo:hover{background:#ef4444}.upload-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.upload-button:hover{background-color:#2563eb}.controls-actions{padding-top:20px;border-top:1px solid var(--border-color);margin-top:auto}.save-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background-color:var(--success-color);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.save-button:hover{background-color:#059669}.preview-panel{display:flex;align-items:center;justify-content:center}.phone-mockup{position:relative;width:320px;height:650px;background:#1a1a1a;border-radius:40px;padding:15px;box-shadow:0 20px 40px #0000004d}.phone-notch{position:absolute;top:15px;left:50%;transform:translate(-50%);width:120px;height:25px;background:#1a1a1a;border-radius:0 0 15px 15px;z-index:10}.phone-screen{width:100%;height:100%;background:#fff;border-radius:30px;overflow:hidden;position:relative}.phone-home-button{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#d1d5db;border-radius:2px}.preview-content{width:100%;height:100%;overflow-y:auto;padding:40px 15px 15px;transition:all .3s ease;text-align:center}.business-header-preview{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.business-photo-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.business-info{text-align:center}.business-info h1{margin:0;font-size:1.5rem;font-weight:600}.business-info p{margin:5px 0 15px;color:var(--text-secondary);font-size:.9rem}.business-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.business-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;text-decoration:none;font-size:.8rem;font-weight:500;color:#fff;cursor:pointer;transition:opacity .2s ease}.business-button:hover{opacity:.9}.booking-progress-preview{display:flex;justify-content:space-between;margin-bottom:20px;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:50px;position:relative;z-index:2}.progress-step:not(:last-child):after{content:"";position:absolute;top:15px;right:-50%;width:100%;height:2px;background-color:var(--border-color);z-index:1}.progress-step.active:not(:last-child):after{background-color:currentColor}.progress-step span{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:6px;font-size:14px;font-weight:600;position:relative;z-index:2;color:#fff}.progress-step p{font-size:10px;text-align:center;font-weight:500}.step-content-preview{flex:1}.step-preview{display:flex;flex-direction:column;gap:15px}.step-preview h3{margin:0;font-size:1.2rem;text-align:center;color:var(--text-primary)}.step-preview>p{text-align:center;color:var(--text-secondary);font-size:.9rem}.services-preview,.professionals-preview{display:flex;flex-direction:column;gap:10px}.service-preview,.professional-preview{border:1px solid;border-radius:8px;padding:12px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.service-preview:hover,.professional-preview:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.service-preview h4,.professional-preview h4{margin:0 0 5px;font-size:14px;font-weight:600}.service-preview p{margin:0;font-weight:700;font-size:16px}.professional-preview{display:flex;align-items:center;gap:10px;text-align:left}.professional-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.professional-info{flex:1}.professional-info p{margin:0;font-size:12px;color:var(--text-secondary);font-weight:400}.references-preview{display:flex;justify-content:center;margin:20px 0}.reference-placeholder{width:100px;height:100px;border:2px dashed var(--border-color);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;cursor:pointer;transition:border-color .2s ease}.reference-placeholder:hover{border-color:#cbd5e1}.calendar-preview{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.calendar-header{padding:10px;text-align:center;background-color:#f8fafc;font-weight:500;border-bottom:1px solid var(--border-color)}.calendar-days-preview{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:10px}.calendar-day-preview{display:flex;align-items:center;justify-content:center;height:30px;border-radius:6px;font-size:12px;font-weight:500;transition:all .2s ease}.calendar-day-preview:hover{background-color:#f1f5f9}.form-preview{display:flex;flex-direction:column;gap:12px}.form-group-preview{display:flex;flex-direction:column;gap:5px}.form-group-preview label{font-size:12px;font-weight:500;color:var(--text-primary)}.form-group-preview input{padding:10px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-group-preview input:focus{outline:none;border-color:var(--primary-color)}.preview-next-button,.preview-navigation button{padding:10px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.preview-next-button{color:#fff;margin-top:10px}.preview-next-button:hover{opacity:.9}.preview-navigation{display:flex;justify-content:space-between;margin-top:20px}.preview-navigation button:first-child{background-color:#f1f5f9;color:var(--text-primary)}.preview-navigation button:first-child:hover{background-color:#e2e8f0}.preview-navigation button:last-child{color:#fff}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:var(--text-secondary)}.no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;color:var(--text-secondary)}.no-access h2{margin:20px 0 10px;color:var(--text-primary)}.no-access button{margin-top:20px;padding:12px 24px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.no-access button:hover{background-color:#2563eb}.preview-controls{margin-bottom:20px}.step-controls{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.step-controls button{display:flex;align-items:center;gap:5px;padding:8px 12px;background-color:#f1f5f9;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.step-controls button:hover:not(:disabled){background-color:#e2e8f0}.step-controls button:disabled{opacity:.5;cursor:not-allowed}.step-controls span{font-weight:500;color:var(--text-primary)}.header-buttons{display:flex;justify-content:center;gap:10px;margin-top:15px}.restore-defaults-btn,.view-page-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s ease;min-width:160px}.restore-defaults-btn{background-color:#ef4444}.restore-defaults-btn:hover{background-color:#dc2626}.view-page-btn{background-color:#3b82f6}.view-page-btn:hover{background-color:#2563eb}@media (max-width: 768px){.header-buttons{flex-direction:column;align-items:center}.restore-defaults-btn,.view-page-btn{width:100%;max-width:250px}}@media (max-width: 1024px){.customization-layout{grid-template-columns:1fr;height:auto;margin:0}.controls-panel{order:2}.preview-panel{order:1;margin-bottom:30px}}@media (max-width: 768px){.customization-container{padding:15px}.controls-tabs{flex-direction:column}.controls-tabs .tab{min-width:auto}.phone-mockup{transform:scale(.9)}}@media (max-width: 480px){.phone-mockup{transform:scale(.8)}.business-buttons{flex-direction:column}.color-input-group{flex-direction:column;align-items:flex-start}.preview-navigation{flex-direction:column;gap:10px}.preview-navigation button{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.control-item{animation:fadeIn .3s ease}.step-preview{animation:fadeIn .4s ease}.controls-content::-webkit-scrollbar{width:6px}.controls-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.controls-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.controls-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.preview-content::-webkit-scrollbar{width:4px}.preview-content::-webkit-scrollbar-track{background:#f1f5f9}.preview-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-color-scheme: dark){:root{--text-primary: #f1f5f9;--text-secondary: #94a3b8;--background-color: #1e293b;--border-color: #334155}.controls-panel{background:#1e293b;box-shadow:0 4px 6px #0003}.url-input,.color-text{background-color:#334155;color:#f1f5f9;border-color:#475569}.control-item{border-color:#334155}.control-item:hover{border-color:#475569}.checkbox-label input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.phone-screen{background:#1e293b}.calendar-header{background-color:#334155;color:#f1f5f9}.form-group-preview input{background-color:#334155;color:#f1f5f9;border-color:#475569}.preview-navigation button:first-child{background-color:#334155;color:#f1f5f9}.preview-navigation button:first-child:hover{background-color:#475569}}.service-preview,.professional-preview,.calendar-preview,.form-group-preview input{background-color:var(--secondary-color)}.preview-content{border-radius:var(--border-radius, 12px);transition:all .3s ease}.service-preview,.professional-preview,.calendar-preview,.business-button{border-radius:var(--element-radius, 8px)}.preview-content{box-shadow:var(--shadow-effect, 0 4px 6px -1px rgba(0, 0, 0, .1))}.service-preview:hover,.professional-preview:hover{box-shadow:var(--shadow-effect, 0 4px 6px rgba(0, 0, 0, .1))}.calendar-time-preview{display:flex;flex-direction:column;gap:20px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:500;margin-bottom:10px;font-size:12px;color:#64748b}.calendar-days-preview{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day-preview{display:flex;align-items:center;justify-content:center;height:30px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.calendar-day-preview.available:hover{background-color:#f1f5f9}.calendar-day-preview.unavailable{color:#cbd5e1;cursor:not-allowed;text-decoration:line-through}.time-slots-preview{padding:15px}.time-periods-preview{display:flex;flex-direction:column;gap:15px}.time-period-preview h5{margin-bottom:10px;font-size:14px;color:#64748b}.time-options-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.time-option-preview{padding:8px;text-align:center;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.time-option-preview.available:hover{background-color:#f1f5f9}.time-option-preview.unavailable{color:#cbd5e1;cursor:not-allowed;text-decoration:line-through}.appointment-summary-preview{padding:15px;margin-top:15px}.appointment-summary-preview h4{margin-bottom:15px;font-size:16px}.summary-item{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.summary-item span:first-child{font-weight:500;color:#64748b}.welcome-controls textarea{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;resize:vertical;min-height:80px}.welcome-controls textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;animation:slideIn .3s ease forwards}.modal-box{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;overflow:hidden;min-width:300px;max-width:400px}.modal-box.success{border-left:4px solid #10b981}.modal-box.error{border-left:4px solid #ef4444}.modal-content{display:flex;align-items:center;padding:1rem 1.25rem;gap:.75rem}.modal-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-box.success .modal-icon{color:#10b981}.modal-box.error .modal-icon{color:#ef4444}.modal-message{margin:0;font-size:.95rem;line-height:1.4;color:#374151}.modal-progress-container{width:100%;height:4px;background-color:#f3f4f6;overflow:hidden}.modal-progress-bar{height:100%;transition:width .1s linear}.modal-box.success .modal-progress-bar{background:linear-gradient(90deg,#10b981,#34d399)}.modal-box.error .modal-progress-bar{background:linear-gradient(90deg,#ef4444,#f87171)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.modal-container{display:block!important;opacity:1;transform:translate(0)}.modal-container:not([style*="display: block"]){display:none;opacity:0;transform:translate(100%)}.modal-box{transition:transform .3s ease,opacity .3s ease}.preview-step{border:1px solid #e2e8f0;padding:12px;margin:8px 0;border-radius:8px;cursor:pointer;transition:all .3s ease;background-color:transparent;display:flex;align-items:center;gap:12px}.preview-step:hover{background-color:#f1f5f9;border-color:#cbd5e1}.preview-step:hover h4{color:#1e293b}.preview-step.active{background-color:#fff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.preview-step:not(.active){background-color:transparent;border-color:#e2e8f0}.preview-step:hover:not(.active){background-color:#f8fafc;border-color:#cbd5e1}.step-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;background-color:#f1f5f9;color:#64748b;transition:all .3s ease}.preview-step.active .step-icon{background-color:#3b82f6;color:#fff}.step-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#fff}.step-info p{margin:0;font-size:12px;color:#64748b}.preview-step.active .step-info h4{color:#1e293b}.preview-step.active .step-info p{color:#64748b}.preview-navigation-info{margin-top:15px;padding:12px;background-color:#f8fafc;border-radius:6px;border-left:3px solid #3b82f6}.preview-navigation-info p{margin:0;font-size:12px;color:#64748b;line-height:1.4}.input-with-tooltip{position:relative;display:flex;align-items:center}.input-with-tooltip .url-input{flex:1;padding-right:35px}.tooltip-icon{position:absolute;right:10px;color:#64748b;cursor:help}.url-input-container{margin-top:8px}.input-hint{display:block;margin-top:4px;color:#64748b;font-size:.8rem;font-style:italic}.business-button{text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:500;transition:all .2s ease}.business-button:hover{opacity:.9;transform:translateY(-1px)}.business-photo-container,.business-photo-placeholder{width:100px;height:100px;border-radius:12px;overflow:hidden;margin-bottom:15px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center}.business-photo-container img{width:100%;height:100%;object-fit:cover;object-position:center}.photo-preview{width:120px;height:120px;border-radius:12px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.photo-preview img{width:100%;height:100%;object-fit:cover;object-position:center}.welcome-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.welcome-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center}.welcome-logo-preview{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.welcome-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.welcome-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.welcome-preview h1{margin-bottom:10px;font-size:24px}.welcome-preview p{margin-bottom:30px;opacity:.9}.swipe-indicator-preview{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.swipe-indicator-preview span{margin-bottom:10px;font-size:14px}.start-button-preview{padding:12px 24px;border:none;border-radius:25px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.start-button-preview:hover{background-color:#ffffff4d!important}.schedule-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:Inter,sans-serif;color:#2d3748;background:#f9fafb}.page-header{text-align:center;margin-bottom:2rem}.alerts-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:400px}.alert{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:8px;font-size:.95rem;animation:fadeIn .3s ease-in-out,fadeOut .5s ease-in-out 4.5s forwards;box-shadow:0 4px 12px #0000001a}.alert.error{background:#fed7d7;color:#c53030;border-left:4px solid #c53030}.alert.success{background:#c6f6d5;color:#2f855a;border-left:4px solid #2f855a}.alert button{background:transparent;border:none;color:inherit;font-size:1.2rem;cursor:pointer;margin-left:10px}.schedule-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d;position:relative}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:10px}.section-header h2{font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.unavailable-days-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.unavailable-days-header h4{margin:0;font-size:1rem;color:#4a5568;font-weight:600}.sort-btn{display:flex;align-items:center;gap:.4rem;background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem .8rem;cursor:pointer;transition:all .3s ease;font-size:.85rem;font-weight:500}.sort-btn:hover{background:#edf2f7;border-color:#cbd5e0;color:#2d3748;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.sort-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.sort-btn:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33}.sort-btn svg{transition:transform .3s ease;flex-shrink:0}.legend{display:flex;gap:1rem;margin-top:1rem;padding:.8rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #3182ce}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#4a5568}.color-swatch{width:16px;height:16px;border-radius:4px;border:1px solid #e2e8f0}.color-swatch.blue{background:#3182ce}.color-swatch.gray{background:#edf2f7}.legend-small{font-size:.75rem;color:#718096;margin-top:.3rem;text-align:center;line-height:1.3;max-width:200px}.hours-legend{background:#f0f9ff;border-radius:8px;padding:1rem;margin-bottom:1.5rem;border-left:4px solid #3182ce}.hours-legend h4{margin:0 0 .5rem;color:#2d3748;font-size:.95rem}.hours-legend ul{margin:0;padding-left:1.2rem;color:#4a5568}.hours-legend li{margin-bottom:.3rem;font-size:.85rem;line-height:1.4}.unavailable-legend{background:#fffaf0;border-radius:8px;padding:.8rem 1rem;margin-bottom:1rem;border-left:4px solid #dd6b20}.unavailable-legend p{margin:0;font-size:.85rem;color:#744210;line-height:1.4}.replicate-container{display:flex;flex-direction:column;align-items:flex-end}.replicate-btn{display:flex;align-items:center;gap:.4rem;background:#3182ce;color:#fff;border:none;border-radius:8px;padding:.5rem .8rem;cursor:pointer;transition:background .3s;font-size:.9rem}.replicate-btn:disabled{background:#a0aec0;cursor:not-allowed}.replicate-btn:hover:not(:disabled){background:#2b6cb0}.work-days-selector label{font-weight:600;display:block;margin-bottom:.5rem}.days-grid{display:flex;flex-wrap:wrap;gap:.5rem}.day-pill{padding:.5rem .8rem;background:#edf2f7;border-radius:50px;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none;font-weight:500}.day-pill.active{background:#3182ce;color:#fff;font-weight:600}.day-pill:hover{background:#e2e8f0}.hours-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.day-hours-card{background:#f7fafc;border-radius:10px;padding:1rem;border:1px solid #e2e8f0}.day-hours-card h3{margin-bottom:.8rem;color:#2d3748;font-size:1.1rem}.time-inputs{display:flex;flex-direction:column;gap:1rem}.time-group{margin-bottom:.5rem}.time-group label{font-weight:600;font-size:.9rem;display:block;margin-bottom:.3rem}.time-row{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.time-input-wrapper{position:relative;flex:1}.styled-time-input{width:100%;padding:.6rem;border:1px solid #cbd5e0;border-radius:8px;font-size:.9rem;background:#fff;transition:border-color .3s,box-shadow .3s}.styled-time-input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33}.time-separator{font-size:.9rem;color:#718096;min-width:25px;text-align:center}.unavailable-days{display:flex;flex-direction:column;gap:1rem}.add-unavailable-day{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.styled-date-input{padding:.6rem;border:1px solid #cbd5e0;border-radius:8px;font-size:.9rem;background:#fff;transition:border-color .3s,box-shadow .3s}.styled-date-input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33}.add-day-btn{background:#38a169;color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;transition:background .3s;display:flex;align-items:center;gap:.4rem;font-size:.9rem}.add-day-btn:disabled{background:#a0aec0;cursor:not-allowed}.add-day-btn:hover:not(:disabled){background:#2f855a}.unavailable-days-list{background:#f7fafc;border-radius:8px;padding:1rem;border:1px solid #e2e8f0}.unavailable-days-list h4{margin-bottom:.8rem;font-size:1rem;color:#4a5568}.unavailable-day-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #e2e8f0}.unavailable-day-item:last-child{border-bottom:none}.remove-day-btn{background:transparent;border:none;cursor:pointer;color:#c53030;transition:transform .2s;padding:.3rem;border-radius:4px}.remove-day-btn:hover{transform:scale(1.1);background:#c530301a}.remove-day-btn:disabled{opacity:.5;cursor:not-allowed}.schedule-actions{text-align:center;margin-bottom:2rem;position:sticky;bottom:20px;z-index:10}.save-btn{display:inline-flex;align-items:center;gap:.4rem;background:#3182ce;color:#fff;padding:.8rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:background .3s,transform .2s;box-shadow:0 4px 12px #3182ce4d}.save-btn:hover:not(:disabled){background:#2b6cb0;transform:translateY(-2px)}.save-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.top-save-btn{padding:.5rem 1rem;font-size:.9rem;box-shadow:0 2px 6px #3182ce33}.page-footer{text-align:center;color:#718096;font-size:.9rem}.loading{text-align:center;color:#4a5568;font-size:1.1rem;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width: 768px){.section-header,.unavailable-days-header{flex-direction:column;align-items:flex-start}.sort-btn{align-self:flex-start;margin-top:.5rem}.replicate-container{align-items:flex-start;margin-top:.5rem}.legend{flex-direction:column;gap:.5rem}.hours-grid{grid-template-columns:1fr}.time-row{flex-direction:column;align-items:stretch}.time-separator{text-align:center;margin:.3rem 0}.alerts-container{left:20px;right:20px;max-width:none}}@media (max-width: 480px){.sort-btn{width:100%;justify-content:center}}.styled-time-input::-webkit-calendar-picker-indicator{background:none;display:none}.time-input-wrapper{position:relative}.time-input-wrapper:after{content:"🕒";position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#718096}.date-input-wrapper{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.date-warning{display:flex;align-items:center;gap:.5rem;padding:.8rem;border-radius:8px;margin-top:.5rem;font-size:.85rem;line-height:1.4;width:100%}.date-warning.warning{background:#fffaf0;color:#744210;border-left:4px solid #dd6b20}.date-warning.error{background:#fed7d7;color:#c53030;border-left:4px solid #c53030}.date-warning svg{flex-shrink:0}.employees-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:Inter,sans-serif;color:#2d3748;background:#f9fafb;min-height:100vh}.page-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.page-header h1{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.page-header p{color:#4a5568;font-size:1rem}.plan-indicator{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.plan-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem}.plan-badge.individual{background:#e5e7eb;color:#374151}.plan-badge.essential{background:#dbeafe;color:#1e40af}.plan-badge.plus{background:#fdf6b2;color:#723b13}.employees-counter{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.alerts-container{margin-bottom:2rem;position:fixed;top:20px;right:20px;z-index:1001;max-width:400px}.alert{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-radius:12px;font-size:.95rem;animation:slideInRight .3s ease-out;margin-bottom:1rem;box-shadow:0 10px 25px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none}.alert.error{background:linear-gradient(135deg,#fed7d7,#feb2b2);color:#c53030;border-left:4px solid #c53030}.alert.success{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);color:#2f855a;border-left:4px solid #2f855a}.alert button{background:transparent;border:none;color:inherit;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.alert button:hover{background:#0000001a}.upgrade-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px #667eea4d}.banner-content{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.banner-icon{background:#fff3;padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.banner-text h3{margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.banner-text p{margin:0;opacity:.9;font-size:1rem}.upgrade-btn{background:#fff;color:#667eea;border:none;padding:.8rem 1.8rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:auto;box-shadow:0 4px 15px #0000001a}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.employees-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;margin-bottom:2rem}.employees-list-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#1f2937}.controls-row{display:flex;gap:1rem;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:250px}.search-box input{width:100%;padding:.8rem 1rem .8rem 2.8rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .3s ease;background:#f9fafb}.search-box input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280}.filter-dropdown{position:relative;min-width:200px}.filter-dropdown select{width:100%;padding:.8rem 1rem .8rem 2.8rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;background:#f9fafb;appearance:none;transition:all .3s ease;cursor:pointer}.filter-dropdown select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.filter-dropdown svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;z-index:1}.employees-grid{display:grid;gap:1.2rem}.employee-card{display:flex;align-items:center;padding:1.5rem;gap:1.2rem;background:#fff;border-radius:16px;border:2px solid #f1f5f9;transition:all .3s ease;position:relative}.employee-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:#e0e7ff}.employee-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;flex-shrink:0;box-shadow:0 4px 12px #3b82f64d;overflow:hidden;position:relative}.employee-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.employee-info{flex:1;display:flex;flex-direction:column;align-self:center;justify-content:center;text-align:center}.employee-info h3{margin:0 0 .4rem;color:#1f2937;font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-profession{margin:0 0 1rem;color:#6b7280;font-size:.9rem;font-weight:500}.employee-contact{display:flex;flex-direction:column;gap:.5rem}.contact-item{display:flex;align-items:center;gap:.6rem;color:#6b7280;font-size:.9rem;justify-content:center}.contact-item svg{flex-shrink:0;width:16px;height:16px}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.6rem;border-radius:10px;cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 12px #ef44444d}.delete-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #ef444466}.delete-btn:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-state svg{margin-bottom:1.5rem;color:#d1d5db;opacity:.7}.empty-state p{margin:0 0 .8rem;font-weight:500;font-size:1.1rem}.empty-state small{font-size:.95rem;opacity:.8}.no-results{text-align:center;padding:3rem 2rem;color:#6b7280;background:#f8fafc;border-radius:16px;border:2px dashed #e2e8f0;font-size:1rem}.add-employee-section{position:relative}.plan-restriction-card{background:#fff;border-radius:16px;padding:2.5rem;text-align:center;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9}.restriction-content{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.restriction-icon{color:#9ca3af;margin-bottom:.8rem}.plan-restriction-card h3{margin:0;color:#374151;font-size:1.3rem;font-weight:600}.plan-restriction-card p{margin:0 0 1.5rem;color:#6b7280;font-size:1rem}.plan-features{text-align:left;margin:1.5rem 0;padding:0;list-style:none;width:100%;max-width:300px}.plan-features li{padding:.5rem 0;color:#6b7280;border-bottom:1px solid #f3f4f6}.plan-features li:last-child{border-bottom:none}.plan-features span{font-weight:600;color:#374151}.upgrade-plan-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.8rem;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.upgrade-plan-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.employee-form-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:2px solid #f1f5f9}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f3f4f6}.form-header h3{margin:0;font-size:1.4rem;color:#1f2937;font-weight:600}.close-btn{background:#f3f4f6;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#e5e7eb;color:#374151}.limit-warning{display:flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.95rem;border-left:4px solid #f59e0b}.form-grid{display:grid;gap:1.2rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.6rem}.form-group label{font-weight:600;font-size:.95rem;color:#374151}.form-group input{padding:.9rem 1.2rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:#f9fafb}.form-group input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-btn{background:#f3f4f6;color:#374151;border:none;padding:.9rem 1.8rem;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.cancel-btn:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.9rem 1.8rem;border-radius:10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.6rem;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.save-btn:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.add-employee-card{background:#fff;border-radius:16px;padding:2.5rem;text-align:center;box-shadow:0 4px 20px #00000014;border:2px dashed #d1d5db;transition:all .3s ease;height:100%;display:flex;align-items:center;justify-content:center}.add-employee-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.add-card-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.add-card-content svg{color:#9ca3af;transition:color .3s ease}.add-employee-card:hover .add-card-content svg{color:#3b82f6}.add-card-content h3{margin:0;color:#374151;font-size:1.3rem;font-weight:600}.add-card-content p{margin:0;color:#6b7280;font-size:.95rem}.limit-info{display:flex;align-items:center;gap:.6rem;color:#6b7280;font-size:.9rem;margin:.8rem 0;padding:.8rem;background:#f8fafc;border-radius:8px}.add-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.8rem;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d;margin-top:.8rem}.add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.add-btn:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none;transform:none}.limit-message{display:flex;align-items:center;gap:.6rem;color:#dc2626;font-size:.85rem;margin-top:1rem;padding:.6rem;background:#fef2f2;border-radius:6px;border-left:3px solid #dc2626}.page-footer{text-align:center;color:#6b7280;font-size:.95rem;padding:1.5rem;border-top:2px solid #f1f5f9;margin-top:3rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d}.loading{text-align:center;color:#6b7280;font-size:1.1rem;padding:3rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.modal-overlay-employe-dlt{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .3s ease-out}.modal-employee-dlt{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;padding:0;max-width:500px;width:100%;box-shadow:0 25px 50px #00000040;border:1px solid rgba(255,255,255,.2);animation:slideUp .4s ease-out;position:relative;overflow:hidden}.modal-employee-dlt:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#ef4444,#10b981)}.modal-header-employee-dlt{padding:2rem 2rem 1rem;display:flex;justify-content:space-between;align-items:center;background:#f8fafccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-header-employee-dlt h3{margin:0;color:#1f2937;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn-employee-dlt{background:#f1f5f9;border:none;color:#6b7280;cursor:pointer;padding:.6rem;border-radius:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn-employee-dlt:hover{background:#e5e7eb;color:#374151;transform:rotate(90deg)}.modal-body-employee-dlt{padding:2rem}.warning-icon-employee-dlt{text-align:center;margin-bottom:1.5rem}.warning-icon-employee-dlt svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.warning-options-employee-dlt{background:#fffbebcc;border:2px solid #fcd34d;border-radius:16px;padding:1.5rem;margin:1.5rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.warning-options-employee-dlt p{margin:0 0 1rem;color:#92400e;font-weight:600;font-size:1rem}.warning-options-employee-dlt ul{margin:1rem 0 0;padding-left:1.5rem}.warning-options-employee-dlt li{margin-bottom:.8rem;color:#92400e;font-size:.95rem;line-height:1.5}.force-delete-section{margin-top:2rem;padding-top:1.5rem;border-top:2px dashed #e5e7eb}.force-delete-section p:first-child{font-weight:700;color:#1f2937;margin-bottom:1rem;font-size:1.1rem}.warning-text{color:#dc2626;font-size:.95rem;margin:1rem 0;padding:1rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;border-left:4px solid #dc2626;line-height:1.5}.force-delete-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;cursor:pointer;font-weight:600;width:100%;display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1rem;transition:all .3s ease;box-shadow:0 4px 15px #dc26264d}.force-delete-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.force-delete-btn:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.modal-actions-employee-dlt{padding:1.5rem 2rem 2rem;display:flex;justify-content:flex-end;gap:1rem;background:#f8fafccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #f1f5f9}.cancel-btn-employee-dlt,.confirm-btn-employee-dlt{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.cancel-btn-employee-dlt:hover,.confirm-btn-employee-dlt:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.modal-employee-dlt.historical-modal .modal-header-employee-dlt h3{background:linear-gradient(135deg,#6366f1,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-employee-dlt.historical-modal .warning-options-employee-dlt{background:#eff6ffcc;border:2px solid #3b82f6}.modal-employee-dlt.historical-modal .warning-options-employee-dlt p,.modal-employee-dlt.historical-modal .warning-options-employee-dlt li{color:#1e40af}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1024px){.employees-content{grid-template-columns:1fr}.header-content{flex-direction:column;align-items:flex-start}.plan-indicator{flex-direction:row;align-items:center;gap:1rem}}@media (max-width: 768px){.employees-container{padding:1rem}.controls-row{flex-direction:column}.search-box,.filter-dropdown{min-width:100%}.employee-card{flex-direction:column;text-align:center;padding:1.5rem}.employee-info{width:100%;text-align:center}.employee-avatar{margin-right:0;margin-bottom:1rem}.form-actions{flex-direction:column}.banner-content{flex-direction:column;text-align:center}.upgrade-btn{margin-left:0;width:100%}.modal-employee-dlt{margin:1rem;max-width:none}.modal-header-employee-dlt,.modal-body-employee-dlt,.modal-actions-employee-dlt{padding:1.5rem}}@media (max-width: 480px){.page-header h1{font-size:1.5rem}.employee-form-card,.add-employee-card,.plan-restriction-card{padding:1.5rem}.modal-employee-dlt{border-radius:20px}.modal-header-employee-dlt h3{font-size:1.3rem}.force-delete-btn,.cancel-btn-employee-dlt{padding:.9rem 1.2rem;font-size:.9rem}}*:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:20px}.forgot-password-card{background:#fff;padding:40px;border-radius:12px;box-shadow:#00000059 0 5px 15px;width:100%;max-width:450px}.forgot-password-header{text-align:center;margin-bottom:30px}.forgot-password-header h1{color:#333;margin-bottom:20px;font-size:28px;font-weight:600}.step-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.step{width:35px;height:35px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}.step.active{background:#667eea;color:#fff}.step-line{width:50px;height:2px;background:#e2e8f0;margin:0 10px}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.input-label{font-weight:600;color:#374151;font-size:14px}.text-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .3s ease}.text-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.help-text{font-size:14px;color:#6b7280;margin-top:5px}.code-inputs{display:flex;gap:10px;justify-content:center}.code-input{width:50px;height:60px;border:2px solid #e5e7eb;border-radius:8px;text-align:center;font-size:24px;font-weight:700;transition:all .3s ease}.code-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.password-input-container{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;padding:5px}.password-strength{margin-top:10px}.strength-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:10px}.strength-fill{height:100%;transition:all .3s ease}.strength-fill.weak{background:#ef4444;width:20%!important}.strength-fill.medium{background:#f59e0b;width:60%!important}.strength-fill.strong{background:#10b981;width:100%!important}.password-requirements{display:flex;flex-direction:column;gap:5px}.requirement{font-size:12px;color:#6b7280;transition:all .3s ease}.requirement.met{color:#10b981;font-weight:500}.submit-button{background:#667eea;color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.submit-button:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.back-to-login{text-align:center;margin-top:20px}.text-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;text-decoration:underline}.text-button:hover{color:#5a67d8}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}@media (max-width: 480px){.forgot-password-card{padding:30px 20px}.code-input{width:40px;height:50px;font-size:20px}.step-line{width:30px}}.resend-section{text-align:center;margin:15px 0}.resend-button{background:transparent;color:#667eea;border:2px solid #667eea;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.resend-button:hover:not(.disabled):not(:disabled){background:#667eea;color:#fff;transform:translateY(-1px)}.resend-button.disabled,.resend-button:disabled{background:#f3f4f6;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;transform:none}.resend-info{margin-top:15px;text-align:center}.attempts-count{font-size:14px;color:#6b7280;margin-bottom:5px}.max-attempts-warning{font-size:14px;color:#ef4444;font-weight:500;background:#fef2f2;padding:8px 12px;border-radius:6px;border:1px solid #fecaca}.resend-button:not(.disabled):not(:disabled){position:relative;overflow:hidden}.resend-button:not(.disabled):not(:disabled):after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 480px){.resend-button{padding:12px 16px;font-size:13px}.attempts-count,.max-attempts-warning{font-size:13px}}.admin-dashboard{min-height:100vh;background:#f8fafc;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-header{background:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.header-content h1{font-size:2rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.header-content p{color:#718096;font-size:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.metric-card{background:#fff;border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:all .2s ease}.metric-card:hover{box-shadow:0 4px 6px #0000001a}.metric-icon{padding:.75rem;border-radius:6px;background:#f7fafc;color:#4a5568;display:flex;align-items:center;justify-content:center}.metric-info h3{font-size:1.75rem;font-weight:600;margin-bottom:.25rem;color:#1a202c}.metric-info p{color:#718096;font-size:.9rem}.admin-filters{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1rem;display:flex;gap:1.5rem;align-items:center;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;flex-wrap:wrap}.search-box{flex:1;position:relative;min-width:300px;max-width:400px}.search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#a0aec0}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:#f7fafc;transition:all .2s ease}.search-box input:focus{outline:none;border-color:#4299e1;background:#fff;box-shadow:0 0 0 3px #4299e11a}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;background:#f7fafc;border-radius:6px;font-size:.85rem;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#edf2f7;border-color:#cbd5e0}.filter-btn.active{background:#4299e1;color:#fff;border-color:#4299e1}.clear-filters-btn{padding:.5rem 1rem;border:1px solid #e53e3e;background:#fff;color:#e53e3e;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#fed7d7}.advanced-filters{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#4a5568;font-size:.9rem}.filter-select{padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:#f7fafc;transition:all .2s ease;cursor:pointer}.filter-select:focus{outline:none;border-color:#4299e1;background:#fff;box-shadow:0 0 0 3px #4299e11a}.filter-stats{display:flex;align-items:center;gap:.5rem;color:#718096;font-size:.9rem;font-weight:500}.active-filters{color:#4299e1;font-weight:600}.users-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#f7fafc;color:#4a5568;padding:1rem;text-align:left;font-weight:600;font-size:.9rem;border-bottom:1px solid #e2e8f0}.users-table td{padding:1rem;border-bottom:1px solid #f7fafc}.users-table tr:hover,.expanded-row{background:#f7fafc}.expanded-row td{padding:0;border-bottom:1px solid #e2e8f0}.user-details-expanded{padding:2rem}.user-info{display:flex;color:#1a202c;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:#4a5568;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.user-details{display:flex;flex-direction:column}.admin-badge{background:#e53e3e;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;margin-top:.25rem;width:fit-content}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-item{display:flex;align-items:center;gap:.5rem;color:#718096;font-size:.85rem}.plan-badge,.status-badge{padding:.35rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-individual{background:#ebf8ff;color:#3182ce}.plan-essential{background:#f0fff4;color:#38a169}.plan-plus{background:#faf5ff;color:#805ad5}.plan-unknown{background:#f7fafc;color:#718096}.status-active{background:#f0fff4;color:#38a169}.status-trial{background:#fffaf0;color:#dd6b20}.status-expired,.status-unknown{background:#f7fafc;color:#718096}.usage-info{display:flex;align-items:center;gap:.5rem;color:#718096;font-size:.85rem}.user-metrics{display:flex;gap:1rem}.metric-item{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#718096}.metric-item.revenue{color:#38a169;font-weight:600}.view-details-btn{background:#4299e1;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.view-details-btn:hover{background:#3182ce}.details-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.details-section:last-child{border-bottom:none}.details-section h4{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#1a202c}.details-section h5{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#2d3748}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-weight:600;color:#718096;font-size:.9rem}.info-item span{color:#1a202c;font-size:1rem}.metrics-grid-small{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric-small{background:#f7fafc;border-radius:6px;padding:1rem;display:flex;align-items:center;gap:1rem;border-left:3px solid #4299e1}.metric-small.revenue{border-left-color:#38a169}.metric-small .metric-icon{padding:.5rem;border-radius:4px;background:#fff;color:#4a5568}.metric-info strong{font-size:1.25rem;font-weight:600;color:#1a202c;display:block}.metric-info span{color:#718096;font-size:.85rem}.analytics-subsection{margin-bottom:2rem}.analytics-subsection:last-child{margin-bottom:0}.clients-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.client-metric{background:#f7fafc;border-radius:6px;padding:1rem;text-align:center}.client-metric strong{font-size:1.5rem;font-weight:600;color:#1a202c;display:block;margin-bottom:.25rem}.client-metric span{color:#718096;font-size:.85rem}.clients-table-container{overflow-x:auto;border-radius:6px;background:#f7fafc;border:1px solid #e2e8f0}.clients-table{width:100%;border-collapse:collapse}.clients-table th{background:#edf2f7;padding:.75rem;text-align:left;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0;font-size:.85rem}.clients-table td{padding:.75rem;border-bottom:1px solid #edf2f7}.clients-table tr:hover{background:#fff}.client-info{display:flex;flex-direction:column}.client-info strong{color:#1a202c;margin-bottom:.25rem;font-size:.9rem}.client-info small{color:#718096;font-size:.8rem}.status-completed{color:#38a169;font-weight:600;font-size:.85rem}.status-cancelled{color:#e53e3e;font-weight:600;font-size:.85rem}.services-list{display:flex;flex-direction:column;gap:.75rem}.service-item{background:#f7fafc;border-radius:6px;padding:1rem;display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0}.service-info{display:flex;flex-direction:column;gap:.25rem}.service-info strong{color:#1a202c;font-size:.95rem}.service-stats{display:flex;gap:1rem}.service-stats span{color:#718096;font-size:.85rem}.service-completion{text-align:right}.completion-rate{color:#38a169;font-weight:600;font-size:.85rem}.monthly-evolution{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.month-item{background:#f7fafc;border-radius:6px;padding:1rem;border:1px solid #e2e8f0}.month-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.month-header strong{color:#1a202c;font-weight:600;font-size:.9rem}.month-header span{color:#718096;font-size:.8rem}.month-metrics{display:flex;flex-direction:column;gap:.5rem}.metric{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.metric strong{color:#1a202c;font-weight:600}.appointments-list{display:flex;flex-direction:column;gap:.75rem}.appointment-item{background:#f7fafc;border-radius:6px;padding:1rem;display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e8f0}.appointment-info{display:flex;flex-direction:column;gap:.25rem}.appointment-info strong{color:#1a202c;font-weight:600;font-size:.9rem}.appointment-date{color:#718096;font-size:.85rem}.appointment-status{padding:.35rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-completed{background:#f0fff4;color:#38a169}.status-pending{background:#fffaf0;color:#dd6b20}.status-cancelled{background:#fff5f5;color:#e53e3e}.employees-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.employee-item{background:#f7fafc;border-radius:6px;padding:1rem;display:flex;align-items:center;gap:1rem;border:1px solid #e2e8f0}.employee-avatar{width:40px;height:40px;border-radius:50%;background:#4a5568;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.employee-info{display:flex;flex-direction:column;gap:.25rem}.employee-info strong{color:#1a202c;font-weight:600;font-size:.9rem}.employee-info span{color:#718096;font-size:.85rem}.no-data{text-align:center;color:#a0aec0;font-style:italic;padding:2rem;background:#f7fafc;border-radius:6px;border:1px dashed #e2e8f0}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;background:#f7fafc;border-top:1px solid #e2e8f0}.pagination button{padding:.5rem 1rem;border:1px solid #cbd5e0;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.pagination button:hover:not(:disabled){background:#edf2f7;border-color:#a0aec0}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:#718096;font-weight:500;font-size:.9rem}.admin-access-denied{min-height:100vh;background:#f7fafc;display:flex;align-items:center;justify-content:center;padding:2rem}.access-denied-content{background:#fff;border-radius:8px;padding:3rem;text-align:center;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;max-width:500px;width:100%}.crown-icon{color:#718096;margin-bottom:1rem}.access-denied-content h2{font-size:1.75rem;font-weight:600;color:#1a202c;margin-bottom:1rem}.access-denied-content p{color:#718096;font-size:1rem;line-height:1.6}.loading{text-align:center;padding:3rem;color:#718096;font-size:1rem}@media (max-width: 768px){.admin-dashboard{padding:1rem}.admin-header{padding:1.5rem}.header-content h1{font-size:1.5rem}.metrics-grid{grid-template-columns:1fr}.admin-filters{flex-direction:column;align-items:stretch;gap:1rem}.search-box{max-width:none;min-width:auto}.filter-buttons{justify-content:center}.advanced-filters{grid-template-columns:1fr;gap:1rem}.user-details-expanded{padding:1rem}.info-grid,.metrics-grid-small,.clients-summary,.monthly-evolution,.employees-list{grid-template-columns:1fr}.service-item{flex-direction:column;align-items:flex-start;gap:.75rem}.service-completion{text-align:left}}