.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-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;z-index:1001}.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;max-height:calc(100vh - 80px);overflow-y:auto}.pontuuau-mobile-nav{display:flex;flex-direction:column;padding:1.5rem 2rem}.pontuuau-mobile-nav-link{padding:1rem 0;border:none;background:none;text-align:left;font-size:1.1rem;color:#475569;cursor:pointer;transition:all .3s ease;border-bottom:1px solid #f1f5f9;font-weight:500}.pontuuau-mobile-nav-link:hover{color:#0056cc;padding-left:1rem;background-color:#f8fafc}.pontuuau-mobile-nav-link:last-child{border-bottom:none}.pontuuau-mobile-auth-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.pontuuau-mobile-login-button{padding:.875rem 1rem;text-align:center;color:#0056cc;text-decoration:none;font-weight:600;border:2px solid #0056CC;border-radius:8px;transition:all .3s ease;background:#fff;font-size:1rem}.pontuuau-mobile-login-button:hover{background:#0056cc;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0056cc33}.pontuuau-mobile-signup-button{padding:.875rem 1rem;text-align:center;background:#0056cc;color:#fff;text-decoration:none;font-weight:600;border-radius:8px;transition:all .3s ease;border:2px solid #0056CC;font-size:1rem}.pontuuau-mobile-signup-button:hover{background:#0041a8;transform:translateY(-2px);box-shadow:0 6px 15px #0056cc4d;border-color:#0041a8}.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;transition:all .3s ease}.pontuuau-link-input-container:focus-within{border-color:#0056cc;box-shadow:0 0 0 3px #0056cc1a}.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-username-input:not(:placeholder-shown){border-color:#10b981}.pontuuau-input-error{color:#ef4444;font-size:.875rem;margin-top:.5rem;display:block;text-align:left}.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-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;animation:gentle-pulse 3s ease-in-out infinite}.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)}.pontuuau-preview-button:disabled{opacity:.5;cursor:not-allowed;animation:none}.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:600px}.pontuuau-preview-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f1f5f9}.pontuuau-controls-panel{flex:1;background:#f8fafc;padding:2rem;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;min-height:600px}.pontuuau-phone-mockup{width:320px;height:650px!important;background:#1e293b;border-radius:40px;padding:12px;position:relative;box-shadow:0 20px 60px #0000004d;margin:0 auto}.pontuuau-phone-notch{width:45%;height:25px;background:#1e293b;border-radius:0 0 12px 12px;position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:20}.pontuuau-phone-screen{background:#fff;width:100%;height:100%;border-radius:30px;overflow-x:hidden;overflow-y:auto;display:block;position:relative;scroll-behavior:smooth}.pontuuau-phone-screen::-webkit-scrollbar{display:none}.pontuuau-phone-home-button{width:35px;height:35px;border:2px solid #334155;background:transparent;border-radius:50%;position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:2}.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-tab.active[data-tab=welcome]:after{content:"↺";margin-left:.5rem;font-size:.9rem;animation:spin 2s linear infinite}.pontuuau-controls-content{flex:1;margin-bottom:2rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.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-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-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:100px;height:100px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2.5rem;border-radius:50%;margin-bottom:1.5rem}.pontuuau-welcome-preview h1{font-size:2rem;margin-bottom:1.5rem;font-weight:700}.pontuuau-welcome-preview p{margin-bottom:2.5rem;opacity:.9;font-size:1.1rem;max-width:280px}.pontuuau-swipe-indicator-preview{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem;opacity:.8}.pontuuau-swipe-indicator-preview span{font-size:1rem}.pontuuau-start-button-preview{padding:.875rem 2rem;border:none;font-weight:600;cursor:pointer;transition:opacity .3s ease;margin-top:2rem;font-size:1.1rem}.pontuuau-start-button-preview:hover{opacity:.9}.pontuuau-preview-content{padding:45px 1.5rem 1.5rem!important;min-height:100%;display:flex;flex-direction:column;gap:1.5rem}.pontuuau-business-header-preview{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center;margin-bottom:1.5rem}.pontuuau-business-photo-placeholder{width:70px;height:70px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem}.pontuuau-business-info h1{font-size:1.5rem;margin:.5rem 0 .25rem;font-weight:700}.pontuuau-business-info p{color:#64748b;margin:0 0 .75rem;font-size:1rem}.pontuuau-business-buttons{display:flex;gap:.75rem;margin-top:.75rem}.pontuuau-business-button{padding:.5rem .875rem;border:none;font-size:.9rem;display:flex;align-items:center;gap:.375rem;cursor:pointer;transition:opacity .3s ease}.pontuuau-business-button:hover{opacity:.9}.pontuuau-booking-progress-preview{display:flex;justify-content:space-between;gap:15px;margin-bottom:1.5rem}.pontuuau-progress-step{display:flex;flex-direction:column;align-items:center;gap:.35rem}.pontuuau-progress-step span{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#fff}.pontuuau-progress-step p{font-size:.8rem;margin:.35rem 0 0}.pontuuau-progress-step.pontuuau-active p{font-weight:600}.pontuuau-step-content-preview{display:flex;flex-direction:column;width:100%;margin-bottom:20px}.pontuuau-step-preview{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.pontuuau-step-preview h3{font-size:1.3rem;margin-bottom:1.5rem;font-weight:600}.pontuuau-services-preview{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;width:100%}.pontuuau-service-preview{padding:1.25rem;border:2px solid;width:100%;box-sizing:border-box}.pontuuau-service-preview h4{margin:0 0 .75rem;font-size:1.2rem}.pontuuau-service-preview p{margin:0;font-weight:700;font-size:1.3rem}.pontuuau-professionals-preview{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;width:100%}.pontuuau-professional-preview{padding:1.25rem;display:flex;align-items:center;gap:1rem;border:2px solid;width:100%;box-sizing:border-box}.pontuuau-professional-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.3rem}.pontuuau-professional-info h4{margin:0 0 .25rem;font-size:1.2rem}.pontuuau-professional-info p{margin:0;color:#64748b;font-size:1rem}.pontuuau-references-preview{margin-bottom:1.5rem;width:100%}.pontuuau-reference-placeholder{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#64748b;cursor:pointer}.pontuuau-preview-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;width:100%}.pontuuau-preview-navigation button{padding:.85rem 1.5rem;border:1px solid #e2e8f0;background:none;cursor:pointer;transition:all .3s ease;border-radius:8px;font-weight:600;font-size:1rem}.pontuuau-preview-navigation button:last-child{border:none;color:#fff}.pontuuau-preview-navigation button:disabled{background-color:#cbd5e1;cursor:not-allowed}.pontuuau-preview-next-button{padding:.875rem 1.75rem;border:none;font-weight:600;cursor:pointer;transition:opacity .3s ease;margin-top:1.5rem;border-radius:8px;font-size:1.1rem}.pontuuau-preview-next-button:hover{opacity:.9}.pontuuau-date-time-selector-preview{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;width:100%}.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.3rem;margin:0 0 .25rem;font-weight:700;color:#1e293b}.pontuuau-step-header p{margin:0;color:#64748b;font-size:1rem}.pontuuau-calendar-section-preview{padding:0!important;margin-bottom:1.5rem}.pontuuau-calendar-section-preview h3{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;margin-bottom:1rem}.pontuuau-calendar-days-container-preview{background:#fff;border-radius:8px;padding:8px;border:solid 1px #153258}.pontuuau-calendar-weekdays-preview{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.75rem}.pontuuau-weekday{text-align:center;font-size:.9rem;font-weight:600;color:#64748b}.pontuuau-calendar-days-preview{display:grid;grid-template-columns:repeat(7,1fr);gap:.45rem!important}.pontuuau-calendar-day-preview{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1rem;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-section-preview{padding:0!important;margin-top:1rem}.pontuuau-time-section-preview h3{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;margin-bottom:1rem}.pontuuau-time-info-preview{background:#0056cc1a;border-radius:6px;padding:.75rem;margin-bottom:1rem;font-size:1rem}.pontuuau-time-info-preview p{margin:0;color:#1e293b}.pontuuau-time-slots-container-preview{display:flex;flex-direction:column;gap:1.5rem}.pontuuau-time-period-preview h4{margin-bottom:.75rem;font-size:1rem;color:#64748b}.pontuuau-time-options-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.pontuuau-time-option-preview{padding:.75rem;text-align:center;font-size:1rem;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-client-info-form-preview{margin-bottom:1.5rem;width:100%}.pontuuau-form-group-preview{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.pontuuau-form-group-preview label{font-size:1rem;font-weight:600}.pontuuau-form-group-preview input{width:100%;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box;background:#fff}.pontuuau-form-group-preview input:focus{outline:none;border-color:#0056cc;box-shadow:0 0 0 3px #0056cc1a}.pontuuau-appointment-summary-preview{padding:1.5rem;margin-bottom:2rem}.pontuuau-appointment-summary-preview h4{margin-bottom:1rem;font-size:1.2rem}.pontuuau-summary-item{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:1rem}.pontuuau-summary-item span:last-child{font-weight:600}.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.8rem;margin-bottom:1rem;font-weight:700;color:#1e293b}.pontuuau-confirmation-step>p{color:#64748b;margin-bottom:2rem;font-size:1.1rem}.pontuuau-confirmation-details-preview{padding:1.5rem;margin-bottom:2rem;text-align:left}.pontuuau-detail-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f1f5f9;font-size:1rem}.pontuuau-detail-item:last-child{border-bottom:none}.pontuuau-confirmation-note-preview{font-size:1rem;color:#64748b;line-height:1.5;margin-bottom:2rem}.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-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}.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;animation:fadeIn .6s ease-out}.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}.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}.feature-number.unlimited{color:#10b981;background-color:#10b9811a}.feature-number-row .check-icon,.feature-number-row .x-icon{display:none}.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;text-decoration:none}.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}.trial-badge{background:#10b981;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;display:inline-block}.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-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;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}.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-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;align-items:center;justify-content:center;gap:4rem}.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:700px;height:auto;border-radius:16px}.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}.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 textarea{resize:vertical;min-height:120px;font-family:inherit}.pontuuau-support-info{background:#f8fafc;padding:16px;border-radius:8px}.pontuuau-support-info p{margin:0;font-size:.9rem;color:#475569}.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)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.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-loading{opacity:.6;pointer-events:none}.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}@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:600px}}@media (max-width: 1024px){.pontuuau-customization-container{flex-direction:column}.pontuuau-preview-panel{padding:1rem}.pontuuau-controls-panel{border-left:none;border-top:1px solid #e2e8f0;min-height:auto}.pontuuau-solo-professionals-content{grid-template-columns:1fr;gap:3rem}.pontuuau-solo-professionals-text{text-align:center}.pontuuau-solo-benefit{text-align:left}.features-header,.feature-row,.plans-actions{grid-template-columns:300px repeat(3,1fr)}}@media (max-width: 768px){.pontuuau-nav-links-center,.pontuuau-nav-links{display:none!important}.pontuuau-mobile-menu-button{display:block!important}.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-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:320px}.plans-comparison{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;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}.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:180px}.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}.pontuuau-professionals-section,.pontuuau-solo-professionals-section,.pontuuau-pricing-section,.pontuuau-customer-experience-section,.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}.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}.pontuuau-preview-button{padding:.875rem 1.5rem;font-size:1rem;width:100%;justify-content:center}.texto-teste{font-size:1.5rem;margin:2rem 0 1rem;padding:.75rem}.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-header-container{padding:.5rem;height:60px}.logo-inicio{width:140px!important;height:60px!important}.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}.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-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}.pontuuau-professionals-cta{padding:1.5rem}.pontuuau-professionals-cta p{font-size:1rem}.pontuuau-category-header,.pontuuau-professionals-list{padding:1.25rem}.pontuuau-customization-text h2{font-size:1.75rem}.pontuuau-customization-image{max-width:350px}.pontuuau-customization-button{padding:.875rem 1.5rem!important;font-size:1rem!important}.texto-teste{font-size:1.25rem;margin:1.5rem 0 1rem;padding:.5rem}.pontuuau-sparkle{margin:0 .25rem}.pontuuau-modal-title h2{font-size:1.25rem}.pontuuau-terms-content h3,.pontuuau-privacy-content h3{font-size:1rem}}.pontuuau-plans-minimal{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;padding:0 1rem}.pontuuau-plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;position:relative;transition:all .2s ease}.plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#6733ff;color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.7rem;font-weight:600;white-space:nowrap;letter-spacing:.3px}.plan-header-minimal{text-align:center;margin-bottom:1.5rem}.plan-icon-minimal{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.plan-header-minimal h3{font-size:1.2rem;font-weight:600;margin-bottom:.25rem;color:#0f172a}.plan-description-minimal{font-size:.85rem;color:#64748b;margin:0}.plan-price-minimal{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.plan-price-minimal .price{font-size:1.8rem;font-weight:700;color:#0f172a;display:inline-block}.plan-price-minimal .period{font-size:.85rem;color:#64748b;margin-left:.25rem;font-weight:400}.plan-features-minimal{margin-bottom:1.5rem}.feature-group{margin-bottom:1rem}.feature-item{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.9rem}.feature-label{color:#475569;flex:1;font-size:16px}.feature-value{font-weight:600}.feature-number{font-weight:600;display:flex;align-items:center;gap:.25rem}.feature-number.unlimited{color:#10b981}.check-icon{color:#10b981;width:18px;height:18px}.x-icon{color:#cbd5e1;font-size:1rem}.plan-action-minimal{display:block;text-align:center;padding:.75rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s ease}.plan-action-minimal:hover{filter:brightness(.95);transform:translateY(-1px)}@media (max-width: 768px){.pontuuau-plans-minimal{grid-template-columns:1fr;max-width:350px}.plan-price-minimal .price{font-size:1.6rem}.plan-header-minimal h3{font-size:1.1rem}}@media (max-width: 480px){.pontuuau-plan-card{padding:1.25rem}.plan-price-minimal .price{font-size:1.5rem}.feature-item{font-size:.85rem;padding:.3rem 0}}.pontuuau-faq-section{padding:6rem 2rem;background:linear-gradient(135deg,#f9fafc,#fff);position:relative;overflow:hidden}.pontuuau-faq-section:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,86,204,.03) 0%,transparent 70%);border-radius:50%;z-index:0}.pontuuau-faq-section:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(103,51,255,.03) 0%,transparent 70%);border-radius:50%;z-index:0}.pontuuau-faq-container{max-width:900px;margin:3rem auto 2rem;position:relative;z-index:1}.pontuuau-faq-item{margin-bottom:1.25rem;border-radius:16px;background-color:#fff;box-shadow:0 4px 20px #00000008,0 1px 3px #0000000d;transition:all .3s ease;border:1px solid rgba(226,232,240,.6);overflow:hidden}.pontuuau-faq-item:hover{box-shadow:0 10px 30px #0056cc14,0 1px 3px #0000000d;border-color:#0056cc33}.pontuuau-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:none;border:none;cursor:pointer;text-align:left;font-size:1.1rem;font-weight:500;color:#1e293b;transition:all .3s ease;position:relative}.pontuuau-faq-question:hover{background-color:#0056cc05}.pontuuau-faq-question.active{border-bottom:1px solid #eef2f6}.pontuuau-faq-question-text{flex:1;padding-right:1rem;line-height:1.5}.pontuuau-faq-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#fff;border-radius:50%;color:#0056cc;transition:all .3s ease;box-shadow:0 2px 8px #0056cc1a}.pontuuau-faq-question:hover .pontuuau-faq-icon{transform:rotate(90deg);background-color:#0056cc;color:#fff}.pontuuau-faq-answer{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1);background-color:#fafcff}.pontuuau-faq-answer.open{max-height:500px}.pontuuau-faq-answer-content{padding:1.5rem 2rem;color:#475569;line-height:1.7;font-size:1rem}.pontuuau-faq-answer-content p{margin:0}.pontuuau-faq-cta{text-align:center;margin-top:3rem;position:relative;z-index:1}.pontuuau-faq-cta p{color:#64748b;margin-bottom:1.5rem;font-size:1.1rem}.pontuuau-faq-contact-btn{display:inline-flex;align-items:center;gap:.75rem;background-color:#0056cc;color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px #0056cc33}.pontuuau-faq-contact-btn:hover{background-color:#0041a8;transform:translateY(-2px);box-shadow:0 15px 30px #0056cc4d}.pontuuau-plans-container-new{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem 1rem;position:relative;z-index:2}.pontuuau-plan-card-new{background:#fff;border-radius:24px;padding:2rem;position:relative;transition:all .3s ease;border:1px solid #eef2f6;box-shadow:0 10px 30px #00000008;display:flex;flex-direction:column;height:100%}.pontuuau-plan-card-new:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px #0056cc26;border-color:#0056cc33}.pontuuau-plan-card-new.popular{border:2px solid #0056CC;box-shadow:0 20px 40px -15px #0056cc33;transform:scale(1.02)}.pontuuau-plan-card-new.popular:hover{transform:scale(1.03) translateY(-5px)}.pontuuau-plan-badge-new{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0056cc,#6733ff);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.85rem;font-weight:600;letter-spacing:.5px;white-space:nowrap;box-shadow:0 4px 15px #0056cc4d}.pontuuau-plan-header-new{text-align:center;margin-bottom:1.5rem}.pontuuau-plan-icon-new{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.5rem}.pontuuau-plan-header-new h3{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.pontuuau-plan-description-new{color:#64748b;font-size:.95rem;margin:0}.pontuuau-plan-price-new{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #eef2f6}.pontuuau-price-new{font-size:2.5rem;font-weight:700;color:#1e293b}.pontuuau-period-new{font-size:1rem;color:#94a3b8;margin-left:.25rem}.pontuuau-plan-features-new{flex:1;margin-bottom:2rem}.pontuuau-plan-feature-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.pontuuau-plan-feature-item:last-child{border-bottom:none}.pontuuau-feature-name{font-size:.95rem;color:#475569}.pontuuau-feature-value-container{display:flex;align-items:center;justify-content:center;min-width:24px}.pontuuau-check-icon-new{color:#10b981;stroke-width:2.5}.pontuuau-x-icon-new{color:#e53e3e;stroke-width:2.5}.pontuuau-feature-number{font-weight:600;color:#1e293b;font-size:1rem}.pontuuau-plan-action-new{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;border-radius:50px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;cursor:pointer;margin-top:auto}.pontuuau-plan-action-new:hover{opacity:.9;transform:scale(1.02);box-shadow:0 10px 20px #0056cc33}@media (max-width: 1024px){.pontuuau-plans-container-new{gap:1.5rem;padding:1.5rem}}@media (max-width: 900px){.pontuuau-plans-container-new{grid-template-columns:repeat(2,1fr)}.pontuuau-plan-card-new.popular{transform:scale(1)}.pontuuau-plan-card-new.popular:hover{transform:translateY(-5px)}}@media (max-width: 600px){.pontuuau-plans-container-new{grid-template-columns:1fr;max-width:400px;margin:0 auto}.pontuuau-faq-question{padding:1.25rem 1.5rem;font-size:1rem}.pontuuau-faq-answer-content{padding:1.25rem 1.5rem}.pontuuau-faq-contact-btn{width:100%;justify-content:center}}.pontuuau-nav-links-center{display:flex;gap:2rem;margin:0 auto}.pontuuau-nav-link{background:none;border:none;color:#475569;font-size:1rem;font-weight:500;cursor:pointer;transition:color .3s ease;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-mobile-nav{display:flex;flex-direction:column;padding:2rem}.pontuuau-mobile-nav-link{background:none;border:none;padding:1rem;text-align:left;font-size:1.1rem;color:#475569;border-bottom:1px solid #eef2f6;cursor:pointer;transition:all .3s ease}.pontuuau-mobile-nav-link:hover{color:#0056cc;background-color:#0056cc0d;padding-left:1.5rem}.pontuuau-social-links{margin:1rem 0}.pontuuau-social-link{display:inline-flex;align-items:center;gap:.5rem;color:#64748b;text-decoration:none;font-size:.9rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:30px;background-color:#f1f5f9}.pontuuau-social-link:hover{color:#0056cc;background-color:#e2e8f0;transform:translateY(-2px)}@media (max-width: 768px){.pontuuau-social-link{padding:.4rem .8rem;font-size:.85rem}}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}}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block}.login-back-footer{margin-top:20px;text-align:center;border-top:1px solid #e2e8f0;padding-top:20px}.login-back-button-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid #e2e8f0;color:#64748b;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;width:auto;margin:0 auto}.login-back-button-secondary:hover{background:#f8fafc;color:#0056cc;border-color:#0056cc}}.login-back-button{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#64748b;font-size:16px;font-weight:500;cursor:pointer;padding:10px 15px;border-radius:8px;transition:all .3s ease;z-index:10}.login-back-button:hover{background:#f8fafc;color:#0056cc}.password-input-container{position:relative;width:100%;display:flex;align-items:center}.password-input-container .password-input{width:100%;padding-right:45px}.password-toggle-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:color .2s ease;border-radius:4px}.password-toggle-btn:hover{color:#2575fc;background-color:#f8fafc}.password-toggle-btn:focus{outline:none}.password-toggle-btn svg{width:18px;height:18px}@media (max-width: 480px){.password-toggle-btn{right:8px}.password-input-container .password-input{padding-right:40px}}.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: #0056CC;--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-purple-color: #6733FF;--register-gold-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:1200px;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 #0056cc1a}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:#0047ab;transform:translateY(-2px);box-shadow:0 4px 12px #0056cc33}.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-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0;max-width:1300px;position:relative;z-index:2}.register-plan-card-detailed{background:#fff;border-radius:24px;padding:2rem;position:relative;transition:all .3s ease;border:1px solid #eef2f6;box-shadow:0 10px 30px #00000008;display:flex;flex-direction:column;height:100%;cursor:pointer}.register-plan-card-detailed:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px #0056cc26;border-color:#0056cc33}.register-plan-card-detailed.register-popular{border:2px solid #6733FF;box-shadow:0 20px 40px -15px #6733ff33;transform:scale(1.02)}.register-plan-card-detailed.register-popular:hover{transform:scale(1.03) translateY(-5px)}.register-plan-card-detailed.register-selected{border:2px solid var(--register-primary-color);box-shadow:0 20px 40px -15px #0056cc33;background:#0056cc05}.register-plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6733ff,#8b5cf6);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.85rem;font-weight:600;letter-spacing:.5px;white-space:nowrap;box-shadow:0 4px 15px #6733ff4d;z-index:10}.register-plan-header-detailed{text-align:center;margin-bottom:1.5rem}.register-plan-icon-detailed{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.5rem}.register-plan-header-detailed h4{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.register-plan-description-detailed{color:#64748b;font-size:.95rem;margin:0}.register-plan-price-detailed{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #eef2f6}.register-price-value{font-size:2.5rem;font-weight:700;color:#1e293b}.register-price-period{font-size:1rem;color:#94a3b8;margin-left:.25rem}.register-plan-features-detailed{flex:1;margin-bottom:2rem}.register-plan-feature-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.register-plan-feature-item:last-child{border-bottom:none}.register-feature-name{font-size:.95rem;color:#475569}.register-feature-value-container{display:flex;align-items:center;justify-content:center;min-width:24px}.register-check-icon{color:#10b981;stroke-width:2.5}.register-x-icon{color:#e53e3e;stroke-width:2.5}.register-feature-number{font-weight:600;color:#1e293b;font-size:1rem;background-color:#f1f5f9;padding:.2rem .5rem;border-radius:12px}.register-feature-number.unlimited{color:#10b981;background-color:#10b9811a}.register-plan-select-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem;border-radius:50px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;cursor:pointer;margin-top:auto;background:transparent}.register-plan-select-button:hover{opacity:.9;transform:scale(1.02);box-shadow:0 10px 20px #0056cc33}.register-plan-info{background-color:#f8fafc;padding:1rem;border-radius:8px;margin-top:1rem;font-size:.9rem;color:#475569;border-left:3px solid var(--register-primary-color)}@media (max-width: 1024px){.register-plans-grid{gap:1.5rem;padding:1rem}}@media (max-width: 900px){.register-plans-grid{grid-template-columns:repeat(2,1fr)}.register-plan-card-detailed.register-popular{transform:scale(1)}.register-plan-card-detailed.register-popular:hover{transform:translateY(-5px)}}@media (max-width: 600px){.register-plans-grid{grid-template-columns:1fr;max-width:400px;margin:2rem auto}}.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)}}@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-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-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)}}@media (max-width: 1024px){.register-card{max-width:95%}}@media (max-width: 768px){.register-card{padding:20px;max-width:95%}.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}.register-plans-grid{grid-template-columns:1fr;gap:1.5rem;max-width:400px;margin:2rem auto}.register-plan-card-detailed{padding:1.5rem}.register-plan-header-detailed h4{font-size:1.5rem}.register-price-value{font-size:2rem}.register-plan-feature-item{padding:.6rem 0}}@media (max-width: 480px){.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}.register-plan-card-detailed{padding:1.25rem}.register-plan-icon-detailed{width:56px;height:56px;font-size:1.25rem}.register-plan-header-detailed h4{font-size:1.35rem}.register-price-value{font-size:1.8rem}.register-feature-name{font-size:.9rem}.register-feature-number{font-size:.9rem;padding:.15rem .4rem}.register-check-icon,.register-x-icon{width:16px;height:16px}.register-plan-select-button{padding:.875rem;font-size:.95rem}.register-plan-info{font-size:.85rem;padding:.875rem}}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-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)}.register-plans-container,.register-plan-card{display:none}.onboarding-tour-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9998;transition:opacity .3s ease}.onboarding-tour-tooltip{position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:#fff;padding:20px;border-radius:12px;width:420px;max-width:90vw;box-sizing:border-box;box-shadow:0 4px 30px #0000004d;z-index:9999;will-change:transform,top,left;transition:transform .25s ease,top .25s ease,left .25s ease,opacity .25s ease;animation:onboarding-tour-fadeIn .3s ease;overflow:hidden}.onboarding-tour-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.onboarding-tour-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;border:2px solid #e2e8f0;flex-shrink:0;color:#fff;box-shadow:0 4px 12px #3b82f64d}.onboarding-tour-icon svg{color:#fff;stroke-width:2}.onboarding-tour-first-login .onboarding-tour-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.onboarding-tour-title-section{flex:1;min-width:0}.onboarding-tour-title{margin:0 0 4px;color:#1e293b;font-size:18px;font-weight:700;line-height:1.2;word-wrap:break-word}.onboarding-tour-location{display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px;font-weight:500}.onboarding-tour-skip-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;flex-shrink:0}.onboarding-tour-skip-btn:hover{background:#f1f5f9;color:#475569}.onboarding-tour-skip-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-tour-description{color:#475569;font-size:14px;line-height:1.6;margin:0 0 20px;padding:12px;background:#f8fafc;border-radius:8px;border-left:3px solid #3b82f6;word-wrap:break-word}.onboarding-tour-first-login .onboarding-tour-description{border-left-color:#10b981}.onboarding-tour-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.onboarding-tour-primary-actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.onboarding-tour-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:40px;box-sizing:border-box;white-space:nowrap}.onboarding-tour-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.onboarding-tour-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 8px #3b82f64d}.onboarding-tour-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.onboarding-tour-btn-secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.onboarding-tour-btn-secondary:hover:not(:disabled){background:#f1f5f9;color:#334155;border-color:#cbd5e1}.onboarding-tour-btn-skip{background:none;color:#64748b;border:1px solid #e2e8f0}.onboarding-tour-btn-skip:hover:not(:disabled){background:#f8fafc;color:#475569;border-color:#cbd5e1}.onboarding-tour-dots{display:flex;justify-content:center;gap:6px;margin-bottom:16px;flex-wrap:wrap}.onboarding-tour-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:all .3s ease;cursor:pointer;flex-shrink:0}.onboarding-tour-dot-active{background:#3b82f6;transform:scale(1.3)}.onboarding-tour-dot-completed{background:#10b981}.onboarding-tour-dot:hover{transform:scale(1.2)}.onboarding-tour-progress-map{border-top:1px solid #f1f5f9;background:#fafbfc;border-radius:8px;padding:16px;margin-top:8px;box-sizing:border-box;width:100%;overflow:hidden}.onboarding-tour-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;font-weight:600;color:#374151;padding-bottom:8px;border-bottom:1px solid #e5e7eb;width:100%;box-sizing:border-box}.onboarding-tour-progress-header span:first-child{color:#1f2937;font-weight:700;letter-spacing:-.01em}.onboarding-tour-progress-header span:last-child{color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700}.onboarding-tour-progress-steps{display:flex;flex-direction:column;gap:0;max-height:180px;padding:0 10px;position:relative;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box}.onboarding-tour-progress-steps:before{content:"";position:absolute;left:23px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#e2e8f0,#cbd5e1);z-index:0}.onboarding-tour-progress-step{position:relative;z-index:1;background:#fff;margin:0;padding:10px 12px 10px 48px;border:none;border-radius:0;opacity:.7;transform:none;transition:all .3s ease;min-height:56px;display:flex;align-items:center;cursor:pointer;width:100%;box-sizing:border-box;max-width:100%}.onboarding-tour-progress-step:first-child{border-radius:6px 6px 0 0}.onboarding-tour-progress-step:last-child{border-radius:0 0 6px 6px}.onboarding-tour-progress-step-completed{background:#f0fdf4;opacity:1}.onboarding-tour-progress-step-current{background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #3b82f6;box-shadow:0 2px 6px #3b82f61a;opacity:1;z-index:2;margin:0 -4px;padding:10px 16px 10px 52px;transform:none;width:calc(100% + 8px);position:relative;left:-4px}.onboarding-tour-step-number{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2;border:2px solid white;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.onboarding-tour-progress-step-current .onboarding-tour-step-number{left:16px}.onboarding-tour-progress-step-completed .onboarding-tour-step-number{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#fff;animation:onboarding-tour-pulse-completed 2s infinite}.onboarding-tour-progress-step-current .onboarding-tour-step-number{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#fff;box-shadow:0 0 0 2px #3b82f64d;animation:onboarding-tour-pulse-current 2s infinite}.onboarding-tour-step-info{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0;width:100%}.onboarding-tour-step-title{font-size:12px;font-weight:600;color:#1f2937;line-height:1.3;margin-bottom:0;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.onboarding-tour-progress-step-completed .onboarding-tour-step-title{color:#065f46}.onboarding-tour-progress-step-current .onboarding-tour-step-title{color:#1e40af;font-weight:700}.onboarding-tour-step-page{font-size:10px;color:#9ca3af;font-weight:500;letter-spacing:-.01em;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.onboarding-tour-progress-step-completed .onboarding-tour-step-page{color:#10b981;font-weight:600}.onboarding-tour-progress-step-current .onboarding-tour-step-page{color:#3b82f6;font-weight:600}.onboarding-tour-progress-step:hover{background:#fff;border-color:#e5e7eb;box-shadow:0 2px 6px #00000014;opacity:1}.onboarding-tour-highlight{position:fixed;border:3px solid #3b82f6;border-radius:8px;background:#3b82f61a;z-index:9998;pointer-events:none;transition:all .3s ease;box-shadow:0 0 25px #3b82f6b3,0 0 0 9999px #00000080!important;animation:onboarding-tour-pulse 1.5s infinite ease-in-out}.onboarding-tour-first-login .onboarding-tour-highlight{border:3px solid #10b981;background:#10b9811a;box-shadow:0 0 25px #10b981b3,0 0 0 9999px #00000080!important}@keyframes onboarding-tour-fadeIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes onboarding-tour-pulse{0%{box-shadow:0 0 20px #3b82f680,0 0 0 9999px #00000080}50%{box-shadow:0 0 30px #3b82f6e6,0 0 0 9999px #00000080}to{box-shadow:0 0 20px #3b82f680,0 0 0 9999px #00000080}}@keyframes onboarding-tour-pulse-current{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 4px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes onboarding-tour-pulse-completed{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 4px #10b98100}to{box-shadow:0 0 #10b98100}}.onboarding-tour-progress-steps::-webkit-scrollbar{width:5px}.onboarding-tour-progress-steps::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.onboarding-tour-progress-steps::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.onboarding-tour-progress-steps::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 480px){.onboarding-tour-tooltip{width:95vw;padding:16px;margin:0}.onboarding-tour-title{font-size:16px}.onboarding-tour-description{font-size:13px;padding:10px}.onboarding-tour-actions{flex-direction:column;align-items:stretch;gap:8px}.onboarding-tour-primary-actions{margin-left:0;width:100%;justify-content:stretch}.onboarding-tour-btn{flex:1;justify-content:center;padding:12px 14px;font-size:13px;min-width:0}.onboarding-tour-progress-steps{max-height:120px}.onboarding-tour-progress-map{padding:12px}.onboarding-tour-progress-step{padding:8px 10px 8px 44px;min-height:50px}.onboarding-tour-progress-step-current{padding:8px 14px 8px 48px;margin:0 -2px;width:calc(100% + 4px);left:-2px}.onboarding-tour-step-number{width:24px;height:24px;font-size:10px;left:10px}.onboarding-tour-progress-step-current .onboarding-tour-step-number{left:14px}.onboarding-tour-step-title{font-size:11px}.onboarding-tour-step-page{font-size:9px}.onboarding-tour-icon{width:42px;height:42px}.onboarding-tour-icon svg{width:20px;height:20px}.onboarding-tour-progress-steps:before{left:21px}}.onboarding-tour-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.onboarding-tour-skip-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.onboarding-tour-progress-step:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}.onboarding-tour-tooltip.onboarding-tour-first-login{border-left:4px solid #10b981}.onboarding-tour-welcome-banner{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:14px 16px;border-radius:8px 8px 0 0;margin:-20px -20px 20px;box-shadow:0 4px 12px #10b9814d}.onboarding-tour-welcome-banner div{display:flex;flex-direction:column}.onboarding-tour-welcome-banner strong{font-size:15px;font-weight:700}.onboarding-tour-welcome-banner span{font-size:12px;opacity:.95}.onboarding-tour-tip{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;padding:12px 14px;margin-top:16px;font-size:12px;color:#0369a1;font-weight:500}.onboarding-tour-loading{opacity:.7;pointer-events:none}.onboarding-tour-loading .onboarding-tour-btn{position:relative;overflow:hidden}.onboarding-tour-loading .onboarding-tour-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:onboarding-tour-shimmer 1.5s infinite}@keyframes onboarding-tour-shimmer{0%{left:-100%}to{left:100%}}.notification-bell-container{position:relative;display:inline-block}.notification-bell{background:none;border:none;cursor:pointer;padding:8px;position:relative;border-radius:8px;transition:all .2s ease;color:#64748b;display:flex;align-items:center;justify-content:center}.notification-bell:hover{background-color:#f1f5f9;color:#334155}.notification-bell.active{background-color:#667eea1a;color:#667eea}.bell-icon{width:20px;height:20px;transition:transform .2s ease}.notification-bell:hover .bell-icon{transform:scale(1.1)}.notification-badge{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #ef44444d;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:-10px;width:380px;max-width:calc(100vw - 32px);background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #e2e8f0;z-index:1000;overflow:hidden;animation:slideDown .2s ease}.notification-dropdown.history-mode{width:450px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown:before{content:"";position:absolute;top:-6px;right:16px;width:12px;height:12px;background:#fff;border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0;transform:rotate(45deg)}.notification-header{padding:16px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;background:#f8fafc}.notification-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.header-actions{display:flex;align-items:center;gap:8px}.unread-count{background:#f1f5f9;color:#64748b;font-size:12px;padding:4px 8px;border-radius:16px;font-weight:500}.notification-list{max-height:400px;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f5f9}.notification-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.notification-section{margin-bottom:16px}.notification-section:last-child{margin-bottom:0}.section-title{font-size:13px;font-weight:600;color:#64748b;padding:8px 12px;margin:0;background:#f8fafc;border-radius:6px;display:flex;align-items:center;justify-content:space-between}.section-count{background:#e2e8f0;color:#475569;padding:2px 6px;border-radius:12px;font-size:11px;font-weight:500}.notification-item{margin:4px 0;border-radius:8px;transition:all .2s ease;cursor:pointer;position:relative;background:#fff;border:1px solid transparent}.notification-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translate(2px)}.notification-item.unread{background:#f0f9ff;border-left:3px solid #3b82f6}.notification-item.read{opacity:.8}.notification-item.read:hover{opacity:1}.notification-item.closing{opacity:.5;pointer-events:none;transition:opacity .3s ease}.notification-content{padding:12px;position:relative}.close-notification{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#94a3b8;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2}.close-notification:hover{background-color:#fee2e2;color:#ef4444;transform:scale(1.1)}.close-notification:disabled{opacity:.5;cursor:not-allowed}.notification-item h4{font-size:14px;font-weight:600;margin:0 0 8px;padding-right:24px}.notification-item h4.unread{color:#1e293b}.notification-item h4.read{color:#64748b}.notification-details{font-size:13px;color:#475569}.detail-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.detail-row svg{color:#94a3b8;flex-shrink:0}.detail-row span{line-height:1.4}.service-info,.employee-info{color:#64748b;font-size:12px}.notification-time{display:block;margin-top:8px;color:#94a3b8;font-size:11px}.notification-item.system{border-left-color:#f59e0b}.system-notification-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cancel-icon{color:#ef4444;flex-shrink:0}.system-message{color:#475569;font-size:13px;line-height:1.5;margin:4px 0;white-space:pre-wrap}.loading{text-align:center;padding:32px 16px;color:#64748b}.spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:6px;display:inline-block}.error-notifications{text-align:center;padding:32px 16px;color:#ef4444}.error-notifications p{margin:12px 0}.error-notifications svg{margin-bottom:8px}.retry-button{background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;margin-top:12px;transition:background .2s}.retry-button:hover{background:#5a67d8}.empty-notifications{text-align:center;padding:32px 16px;color:#64748b}.empty-notifications p{font-size:16px;margin-bottom:8px}.empty-notifications small{color:#94a3b8}.notification-footer{padding:12px 16px;border-top:1px solid #e2e8f0;display:flex;gap:8px;background:#f8fafc}.view-history-btn,.mark-all-read-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.view-history-btn{background:#fff;color:#64748b;border:1px solid #e2e8f0}.view-history-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.mark-all-read-btn{background:#667eea;color:#fff;border:none}.mark-all-read-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 6px #667eea4d}.mark-all-read-btn:disabled{opacity:.6;cursor:not-allowed}.mark-all-read-btn:active:not(:disabled){transform:translateY(0)}.history-view{display:flex;flex-direction:column;height:500px}.history-header{padding:16px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:12px;background:#f8fafc}.back-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-button:hover{background:#e2e8f0;color:#1e293b}.history-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0;flex:1}.history-count{background:#e2e8f0;color:#475569;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.history-content{flex:1;overflow-y:auto;padding:16px;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.history-content::-webkit-scrollbar{width:6px}.history-content::-webkit-scrollbar-track{background:#f1f5f9}.history-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:#f8fafc;border-radius:8px;padding:12px;border-left:3px solid;transition:all .2s}.history-item:hover{background:#f1f5f9;transform:translate(2px)}.history-item.pending{border-left-color:#f59e0b}.history-item.confirmed{border-left-color:#3b82f6}.history-item.completed{border-left-color:#10b981}.history-item.cancelled{border-left-color:#ef4444}.history-item.system{border-left-color:#8b5cf6}.history-item-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.history-icon{font-size:16px;line-height:1}.history-title{flex:1}.history-title h4{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 2px}.history-time{font-size:11px;color:#94a3b8}.history-details{margin-left:24px}.history-info-row{display:flex;margin-bottom:4px;font-size:13px}.info-label{color:#64748b;width:70px;flex-shrink:0}.info-value{color:#1e293b;flex:1}.info-value.price{font-weight:600;color:#059669}.cancellation-reason{color:#b91c1c;font-style:italic}.history-message{color:#475569;font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap}.empty-history{text-align:center;padding:48px 16px;color:#94a3b8}@media (max-width: 480px){.notification-dropdown{position:fixed;top:60px;right:8px;left:8px;width:auto;max-width:none}.notification-dropdown:before{display:none}.notification-dropdown.history-mode{width:auto}.history-view{height:calc(100vh - 120px)}.notification-footer{flex-direction:column}.history-header{flex-wrap:wrap}.history-info-row{flex-direction:column}.info-label{width:100%;margin-bottom:2px}}@media (max-width: 360px){.notification-content{padding:8px}.detail-row{flex-wrap:wrap}.section-title{font-size:12px}.history-item-header{flex-wrap:wrap}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.notification-item{animation:slideIn .2s ease}.notification-item.urgent{background:#fef2f2;border-left-color:#dc2626}.notification-item.urgent:hover{background:#fee2e2}.new-badge{background:#3b82f6;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:8px}.section-separator{height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent);margin:16px 0}[title]{position:relative}[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;font-size:11px;padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:1001;margin-bottom:4px}.tem-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}.tem-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:temSlideIn .3s ease-out;margin:0 auto}@keyframes temSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tem-header{display:flex;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative}.tem-icon-wrapper{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;flex-shrink:0}.tem-title{margin:0;font-size:24px;font-weight:700;color:#1f2937;flex:1}.tem-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tem-close-btn:hover{color:#374151;background:#f3f4f6}.tem-content{padding:24px}.tem-alert{display:flex;align-items:center;gap:12px;background:#fef3c7;padding:16px;border-radius:8px;border-left:4px solid #f59e0b;margin-bottom:24px}.tem-alert-icon{color:#d97706;flex-shrink:0}.tem-alert-text{margin:0;font-size:16px;font-weight:600;color:#92400e}.tem-features-blocked{margin-bottom:24px}.tem-subtitle{margin:0 0 12px;font-size:18px;font-weight:600;color:#1f2937}.tem-features-list{list-style:none;padding:0;margin:0}.tem-feature-item{padding:8px 0;font-size:14px;color:#4b5563;border-bottom:1px solid #f3f4f6}.tem-feature-item:last-child{border-bottom:none}.tem-upgrade-info{margin-bottom:24px}.tem-plans-grid{display:flex;flex-direction:column;gap:12px}.tem-plan-card{background:#f8fafc;padding:16px;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.tem-plan-card:hover{border-color:#3b82f6;background:#eff6ff}.tem-plan-title{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.tem-plan-description{margin:0 0 8px;font-size:14px;color:#6b7280}.tem-plan-price{font-size:16px;font-weight:700;color:#059669}.tem-footer{padding:24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.tem-btn-secondary{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}.tem-btn-secondary:hover{background:#e5e7eb}.tem-btn-primary{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}.tem-btn-primary:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px)}@media (max-width: 640px){.tem-modal{margin:0;max-height:90vh;width:95%}.tem-header{padding:20px}.tem-title{font-size:20px}.tem-content{padding:20px}.tem-footer{padding:20px;flex-direction:column}.tem-btn-secondary,.tem-btn-primary{width:100%;text-align:center}}.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:#f5f5f5;display:flex;position:relative}.desktop-sidebar{display:none;position:fixed;left:0;top:0;bottom:0;width:260px;background-color:#fff;border-right:1px solid #eaeaea;z-index:30}@media (min-width: 1024px){.desktop-sidebar{display:block}}.desktop-sidebar-inner{display:flex;height:100%;flex-direction:column;background-color:#fff}.desktop-sidebar-header{display:flex;height:70px;align-items:center;padding:0 20px;border-bottom:1px solid #eaeaea}.desktop-sidebar-header img{max-width:140px;height:auto}.desktop-navigation{flex:1;padding:20px 12px;overflow-y:auto}.desktop-navigation .nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.desktop-navigation .nav-link{display:flex;align-items:center;padding:12px 16px;border-radius:6px;font-size:.9rem;font-weight:400;color:#333;transition:all .2s ease;text-decoration:none;gap:12px}.desktop-navigation .nav-link:hover{background-color:#f5f5f5;color:#000}.desktop-navigation .nav-link.active-nav-link{background-color:#f0f0f0;color:#000;font-weight:500}.desktop-navigation .nav-icon{width:18px;height:18px;color:#666}.desktop-navigation .active-nav-link .nav-icon{color:#000}.desktop-sidebar .user-section{border-top:1px solid #eaeaea;padding:20px 16px;background-color:#fff}.desktop-sidebar .user-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.desktop-sidebar .user-avatar{width:40px;height:40px;border-radius:6px;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center}.desktop-sidebar .avatar-initial{color:#333;font-size:1rem;font-weight:500}.desktop-sidebar .user-name{font-size:.9rem;font-weight:500;color:#333;margin:0 0 2px}.desktop-sidebar .user-email{font-size:.75rem;color:#999;margin:0}.desktop-sidebar .logout-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background-color:#fff;border:1px solid #eaeaea;border-radius:6px;color:#666;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .2s ease}.desktop-sidebar .logout-button:hover{background-color:#f5f5f5;border-color:#ccc;color:#333}.desktop-sidebar .logout-icon{width:16px;height:16px}@media (min-width: 1024px){.mobile-sidebar-overlay{display:none!important}}.mobile-sidebar-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none}.mobile-sidebar-overlay.visible{pointer-events:auto}.mobile-sidebar-overlay.hidden{pointer-events:none}.mobile-sidebar-backdrop{position:absolute;inset:0;background-color:#0000004d;opacity:0;transition:opacity .2s ease}.mobile-sidebar-overlay.visible .mobile-sidebar-backdrop{opacity:1}.mobile-sidebar{position:absolute;top:0;left:0;bottom:0;width:85%;max-width:300px;background-color:#fff;box-shadow:2px 0 10px #0000001a;transform:translate(-100%);transition:transform .2s ease;display:flex;flex-direction:column;overflow-y:auto}.mobile-sidebar-overlay.visible .mobile-sidebar{transform:translate(0)}.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #eaeaea;background-color:#fff}.mobile-sidebar-header img{max-width:120px;height:auto}.close-sidebar-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;transition:background-color .2s ease}.close-sidebar-button:hover{background-color:#eaeaea}.close-sidebar-button .icon-size{width:18px;height:18px}.mobile-navigation{flex:1;padding:16px 12px}.mobile-navigation .nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.mobile-navigation .nav-link{display:flex;align-items:center;padding:12px 16px;border-radius:6px;font-size:.9rem;font-weight:400;color:#333;transition:background-color .2s ease;text-decoration:none;gap:12px}.mobile-navigation .nav-link:hover{background-color:#f5f5f5}.mobile-navigation .nav-link.active-nav-link{background-color:#f0f0f0;font-weight:500}.mobile-navigation .nav-icon{width:18px;height:18px;color:#666}.mobile-navigation .active-nav-link .nav-icon{color:#000}.mobile-navigation .nav-link.disabled{opacity:.5;cursor:not-allowed;background-color:#f9f9f9}.mobile-navigation .nav-link.disabled .nav-icon{color:#999}.nav-lock-icon{margin-left:auto;font-size:12px;color:#999}.admin-badge{margin-left:auto;background-color:#f0f0f0;color:#666;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:400}.mobile-sidebar .user-section{border-top:1px solid #eaeaea;padding:16px;background-color:#fff}.mobile-sidebar .user-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.mobile-sidebar .user-avatar{width:44px;height:44px;border-radius:6px;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center}.mobile-sidebar .avatar-initial{color:#333;font-size:1.1rem;font-weight:500}.mobile-sidebar .user-name{font-size:.95rem;font-weight:500;color:#333;margin:0 0 2px}.mobile-sidebar .user-email{font-size:.75rem;color:#999;margin:0;word-break:break-all}.admin-badge-small{background-color:#f0f0f0;color:#666;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:400;display:inline-block;margin:0}.trial-expired-warning{background-color:#fafafa;color:#999;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:400;display:inline-block;margin:4px 0 0;border:1px solid #eaeaea}.mobile-sidebar .logout-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background-color:#fff;border:1px solid #eaeaea;border-radius:6px;color:#666;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .2s ease}.mobile-sidebar .logout-button:hover{background-color:#f5f5f5;border-color:#ccc;color:#333}.mobile-sidebar .logout-icon{width:16px;height:16px}.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;background-color:#fff;border:1px solid #eaeaea;color:#666;cursor:pointer;transition:all .2s ease}.mobile-menu-button:hover{background-color:#f5f5f5;border-color:#ccc}.mobile-menu-button .menu-icon{width:20px;height:20px}@media (min-width: 1024px){.mobile-menu-button{display:none}}.top-bar{position:sticky;top:0;z-index:20;display:flex;height:70px;align-items:center;gap:16px;border-bottom:1px solid #eaeaea;background-color:#fff;padding:0 20px}@media (max-width: 640px){.top-bar{padding:0 16px;height:60px}}.top-bar-content{display:flex;flex:1;gap:16px;align-items:center}.top-bar-spacer{flex:1}.user-plan-section{display:flex;align-items:center;gap:16px}.plan-divider{display:none;height:24px;width:1px;background-color:#eaeaea}@media (min-width: 1024px){.plan-divider{display:block}}.plan-text{font-size:.85rem;color:#666}.trial-expired-badge{background-color:#fafafa;color:#999;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:400;margin-left:8px;border:1px solid #eaeaea}.admin-indicator{color:#666;font-weight:400;margin-left:4px}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh;width:100%}@media (min-width: 1024px){.main-content.with-sidebar{margin-left:260px;width:calc(100% - 260px)}}.page-content{flex:1;padding:24px;background-color:#f5f5f5}@media (max-width: 640px){.page-content{padding:16px}}.notification-bell{position:relative;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease}.notification-bell:hover{background-color:#f5f5f5}.notification-bell .bell-icon{width:20px;height:20px;color:#666}.notification-badge{position:absolute;top:2px;right:2px;background-color:#f44;color:#fff;font-size:.65rem;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.admin-badge-header{background-color:#f0f0f0;color:#666;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:500;display:inline-block;margin-top:4px}.admin-role{color:#666;font-size:.75rem;font-weight:400;margin-top:2px}.admin-avatar{background-color:#f0f0f0!important;color:#333!important}.admin-logout{background-color:#fff!important;border-color:#eaeaea!important;color:#666!important}.admin-logout:hover{background-color:#f5f5f5!important;border-color:#ccc!important;color:#333!important}.admin-top-bar{background-color:#fff!important;border-bottom:1px solid #eaeaea!important}.admin-status .admin-badge{background-color:#f0f0f0;color:#666;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.admin-plan .plan-text{color:#666!important}.admin-content{background-color:#f5f5f5}.alert-modal{position:fixed;bottom:20px;right:20px;max-width:400px;width:90%;z-index:10000;animation:slideInRight .3s ease-out}.alert-modal-content{background:#fff;border-radius:8px;padding:0;box-shadow:0 4px 12px #00000026;border:1px solid #eaeaea}.alert-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#fafafa;color:#333;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid #eaeaea}.alert-modal-header h3{margin:0;font-size:1rem;font-weight:500}.alert-modal-close{background:#f5f5f5;border:1px solid #eaeaea;border-radius:4px;padding:4px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center}.alert-modal-close:hover{background:#eaeaea}.alert-list{padding:20px;max-height:300px;overflow-y:auto}.alert-item{padding:16px;border-radius:6px;background-color:#fafafa;border:1px solid #eaeaea;margin-bottom:12px}.alert-item:last-child{margin-bottom:0}.alert-item-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.alert-item-header h4{margin:0;font-size:.95rem;font-weight:500;color:#333}.alert-item-details{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#333}.alert-detail-row{display:flex;align-items:center;gap:8px}.alert-detail-icon{width:14px;height:14px;color:#999}.alert-detail-label{font-weight:500;color:#666}.alert-modal-footer{padding:16px 20px;border-top:1px solid #eaeaea;display:flex;justify-content:flex-end}.alert-modal-footer button{background:#f5f5f5;color:#333;border:1px solid #eaeaea;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;font-size:.85rem;transition:all .2s ease}.alert-modal-footer button:hover{background:#eaeaea}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-sidebar::-webkit-scrollbar,.desktop-navigation::-webkit-scrollbar{width:4px}.mobile-sidebar::-webkit-scrollbar-track,.desktop-navigation::-webkit-scrollbar-track{background:#f5f5f5}.mobile-sidebar::-webkit-scrollbar-thumb,.desktop-navigation::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.mobile-sidebar::-webkit-scrollbar-thumb:hover,.desktop-navigation::-webkit-scrollbar-thumb:hover{background:#999}.text-muted{color:#999}.text-small{font-size:.75rem}.border-bottom{border-bottom:1px solid #eaeaea}.border-top{border-top:1px solid #eaeaea}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-initial{color:#fff;font-weight:600;font-size:16px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.company-name{font-size:12px;color:#a0aec0;margin:2px 0 0;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.company-icon{color:#94a3b8;flex-shrink:0}@media (max-width: 768px){.company-name{max-width:140px;font-size:11px}}.user-avatar:hover{transform:scale(1.05);transition:transform .2s ease;box-shadow:0 2px 8px #667eea4d}.user-avatar img[style*="display: none"]+.avatar-initial{display:flex}.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;margin-bottom:10px}.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 h1{font-size:1.5rem;font-weight:700;color:#212529;margin:0}.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-btn:hover{background-color:#4361ee;color:#fff;opacity:1}.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.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: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-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-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}.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}.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}.selector-header h2{margin:0;font-size:1.25rem;color:#212529;font-weight:600}.year-group{border:1px solid #e9ecef;border-radius:12px;overflow:hidden}.year-btn{width:100%;padding:1rem 1.25rem;background:#f8f9fa;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease;font-size:1.1rem;font-weight:600;color:#212529}.year-btn:hover{background:#e9ecef}.year-btn.active{background:#4361ee;color:#fff}.month-card{padding:.75rem;background:#f8f9fa;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem}.month-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#4361ee}.month-card.active{background:#4361ee;color:#fff;border-color:#4361ee;box-shadow:0 4px 12px #4361ee4d}.month-card.current{border-color:#ff6b35;background:#ff6b351a}.month-card.active.current{background:#4361ee;border-color:#ff6b35}@media (max-width: 768px){.year-month-selector{padding:1rem}.months-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;padding:1rem}.month-card{padding:.5rem}.month-name{font-size:.85rem}.month-count{font-size:.7rem}.year-btn{padding:.75rem 1rem;font-size:1rem}.year-number{font-size:1.1rem}}@media (max-width: 480px){.months-grid{grid-template-columns:repeat(2,1fr)}.selector-header{flex-direction:column;align-items:flex-start}.selector-header h2{font-size:1.1rem}}.appointments-container{padding:1.5rem;width:100%;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#1e293b;background-color:#f8fafc;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:#1e293b;margin:0}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter{padding:.5rem 1rem;border:none;border-radius:50px;background-color:#f1f5f9;color:#64748b;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.85rem}.filter:hover{background-color:#e2e8f0}.filter.active{background-color:#3b82f6;color:#fff}.year-month-selector{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;position:relative}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.selector-header h2{margin:0;font-size:1.25rem;color:#1e293b;font-weight:600}.years-container{display:flex;flex-direction:column;gap:1rem}.year-group{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.year-btn{width:100%;padding:1rem 1.25rem;background:#f8fafc;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease;font-size:1.1rem;font-weight:600;color:#1e293b}.year-btn:hover{background:#f1f5f9}.year-btn.active{background:#3b82f6;color:#fff}.year-number{font-size:1.2rem}.chevron{transition:transform .3s ease}.chevron.expanded{transform:rotate(180deg)}.months-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;padding:1.25rem;background:#fff}.month-card{padding:.75rem;background:#f8fafc;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem}.month-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#3b82f6}.month-card.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.month-card.current{border-color:#f97316;background:#f973161a}.month-card.active.current{background:#3b82f6;border-color:#f97316}.month-name{font-weight:600;font-size:.95rem;text-transform:capitalize}.month-count{font-size:.8rem;opacity:.8}.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:#3b82f6;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:#3b82f6!important;color:#fff!important;transform:scale(1.05);z-index:2;box-shadow:0 8px 25px #3b82f64d}.day-card.active .weekday,.day-card.active .month,.day-card.active .appointments-count{color:#ffffffe6!important}.day-card.today{border:2px solid #3b82f6;background-color:#3b82f61a}.day-card.today:before{content:"●";position:absolute;top:8px;right:8px;color:#3b82f6;font-size:.6rem}.day-card.past{opacity:.6;filter:grayscale(.3)}.appointments-list{display:flex;flex-direction:column;gap:1.25rem;width:100%;animation:fadeIn .3s ease}.selected-date-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.selected-date-header h3{margin:0;font-size:1.1rem;color:#475569;font-weight:500}.time-sort-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#3b82f6;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.time-sort-btn:hover{background:#f8fafc;border-color:#3b82f6}.appointment-card-modern{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000a;transition:all .2s ease;display:flex;flex-direction:column;gap:1.25rem;animation:cardAppear .3s ease;border:1px solid rgba(226,232,240,.6)}.appointment-card-modern:hover{box-shadow:0 12px 30px #00000014;transform:translateY(-2px);border-color:#cbd5e1}.card-header{display:flex;justify-content:space-between;align-items:center}.status-badge{display:inline-block;padding:.35rem 1rem;border-radius:30px;font-size:.75rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.status-pending{background-color:#fef3c7;color:#92400e}.status-confirmed{background-color:#dcfce7;color:#166534}.status-completed{background-color:#dbeafe;color:#1e40af}.status-cancelled{background-color:#fee2e2;color:#991b1b}.amount-value{font-size:1.1rem;font-weight:700;color:#0f172a}.card-body{display:flex;gap:1rem;align-items:center}.client-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;box-shadow:0 4px 10px #3b82f633;flex-shrink:0}.client-info{flex:1}.client-name{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:#0f172a}.client-contact{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.client-contact span{display:flex;align-items:center;gap:4px;font-size:.85rem;color:#64748b}.client-contact svg{width:14px;height:14px;opacity:.7}.divider{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:.25rem 0}.services-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.services-chips{display:flex;flex-wrap:wrap;gap:.5rem}.service-chip{background:#f1f5f9;color:#334155;padding:.35rem .9rem;border-radius:30px;font-size:.8rem;font-weight:500;transition:all .2s ease;border:1px solid transparent}.service-chip:hover{background:#e2e8f0;border-color:#94a3b8;cursor:default}.employee-info{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#64748b;background:#f8fafc;padding:.25rem .75rem;border-radius:30px}.notes-modern{background:#f8fafc;padding:.75rem 1rem;border-radius:10px;font-size:.85rem;color:#475569;margin:0;border-left:3px solid #94a3b8;line-height:1.5}.references-section{display:flex;flex-direction:column;gap:.75rem}.toggle-references-modern{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid #e2e8f0;color:#3b82f6;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:30px;transition:all .2s ease;font-size:.85rem;width:fit-content}.toggle-references-modern:hover{background:#f8fafc;border-color:#3b82f6}.reference-images-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem;animation:fadeIn .2s ease}.reference-image-container-modern{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1/1;cursor:pointer;box-shadow:0 2px 8px #0000000d}.reference-image-container-modern img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.reference-image-container-modern:hover img{transform:scale(1.1)}.reference-image-container-modern:hover .expand-image-btn-modern{opacity:1}.expand-image-btn-modern{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:4px;background:#00000080;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease;padding:0}.expand-image-btn-modern:hover{background:#000000b3}.card-footer{display:flex;gap:.75rem;align-items:center;margin-top:.25rem;flex-wrap:wrap}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:.6rem 1.25rem;border-radius:30px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #3b82f633;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 15px #3b82f64d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:#ef4444;border:1px solid #ef4444;padding:.6rem 1.25rem;border-radius:30px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.btn-outline{background:transparent;color:#3b82f6;border:1px solid #3b82f6;padding:.6rem 1.25rem;border-radius:30px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:#dbeafe}.no-appointments-modern{text-align:center;padding:2.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a;color:#64748b;font-size:.95rem;border:1px dashed #cbd5e1}.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:12px;box-shadow:0 20px 40px #0006}.close-modal-btn{position:absolute;top:-40px;right:0;background:#ffffff1a;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%;transition:all .2s ease}.close-modal-btn:hover{background:#fff3}.modal-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100}.modal-box{padding:.75rem 1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;border-left:4px solid #3b82f6;animation:slideIn .3s ease forwards;font-size:.9rem;color:#1e293b}.loading-container{display:flex;align-items:center;justify-content:center;height:40vh}.spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-left-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes cardAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1024px){.appointments-container{padding:1rem}.header{flex-direction:column;align-items:flex-start}.filters{width:100%;overflow-x:auto;padding-bottom:8px;justify-content:flex-start}.filter{flex-shrink:0}.carousel-btn{display:none}}@media (max-width: 768px){.year-month-selector{padding:1rem}.months-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.day-card{width:80px;height:100px}.appointment-card-modern{padding:1.25rem}.client-contact{flex-direction:column;align-items:flex-start;gap:.5rem}.card-footer{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary,.btn-outline{width:100%;text-align:center}.modal-container{bottom:1rem;right:1rem;left:1rem}}@media (max-width: 480px){.day-card{width:70px;height:90px}.months-grid{grid-template-columns:repeat(2,1fr)}.card-body{flex-direction:column;text-align:center}.client-contact{align-items:center}.services-section{flex-direction:column;align-items:flex-start}.amount-value{font-size:1rem}}.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:absolute;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%;overflow-y:auto;position:fixed;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}.pontuuau-plans-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pontuuau-plans-header{text-align:center;margin-bottom:3rem}.pontuuau-plans-header h1{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:1rem;line-height:1.2}.pontuuau-plans-header p{font-size:1.1rem;color:#64748b;margin-bottom:1.5rem;line-height:1.5}.pontuuau-trial-info-banner,.pontuuau-trial-expired-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:12px;margin:1.5rem 0;text-align:center;box-shadow:0 4px 12px #667eea4d}.pontuuau-trial-expired-banner{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.pontuuau-trial-info-banner p,.pontuuau-trial-expired-banner p{color:#fff;margin:.5rem 0 0}.pontuuau-trial-badge,.pontuuau-trial-expired-badge{display:inline-block;background:#fff3;padding:.5rem 1rem;border-radius:20px;font-weight:600;margin-bottom:.75rem;font-size:.875rem}.pontuuau-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}.pontuuau-current-plan-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-weight:500;font-size:.875rem;box-shadow:0 2px 8px #10b9814d}.pontuuau-error-message{padding:1rem;border-radius:8px;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}.pontuuau-error-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#dc2626;margin-left:.5rem}.pontuuau-success-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.pontuuau-success-modal{background:#fff;border-radius:20px;padding:40px;text-align:center;max-width:500px;width:100%;box-shadow:0 25px 50px -12px #00000040;animation:pontuuau-modalAppear .3s ease-out}.pontuuau-success-modal-content{display:flex;flex-direction:column;align-items:center;gap:20px}.pontuuau-success-icon{color:#10b981}.pontuuau-success-modal h2{font-size:28px;font-weight:700;color:#1f2937;margin:0}.pontuuau-success-modal p{font-size:18px;color:#6b7280;line-height:1.6;margin:0}.pontuuau-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}.pontuuau-success-modal-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.pontuuau-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:pontuuau-fadeIn .2s ease-out}.pontuuau-downgrade-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:pontuuau-modalAppear .3s ease-out}.pontuuau-downgrade-header{background:linear-gradient(135deg,#fffaf0,#feebc8);padding:24px;text-align:center;border-bottom:1px solid #fed7aa}.pontuuau-downgrade-icon-container{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.pontuuau-downgrade-icon-container svg{color:#dd6b20}.pontuuau-downgrade-header h2{color:#dd6b20;margin:0 0 8px;font-size:24px;font-weight:700}.pontuuau-downgrade-header p{color:#744210;margin:0;font-size:16px;line-height:1.4}.pontuuau-downgrade-content{padding:24px}.pontuuau-downgrade-content h3{color:#2d3748;margin:0 0 16px;font-size:18px;font-weight:600}.pontuuau-downgrade-features{max-height:200px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:20px}.pontuuau-downgrade-feature-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:8px;background:#fff5f5;border-radius:6px;border:1px solid #fed7d7}.pontuuau-downgrade-feature-item svg{color:#e53e3e;flex-shrink:0;margin-top:2px}.pontuuau-downgrade-feature-item span{color:#744242;font-size:14px;line-height:1.4}.pontuuau-downgrade-actions{display:flex;gap:12px;justify-content:flex-end}.pontuuau-downgrade-cancel-btn{background:#fff;color:#4a5568;border:2px solid #e2e8f0;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.pontuuau-downgrade-cancel-btn:hover{background:#f7fafc;border-color:#cbd5e0}.pontuuau-downgrade-confirm-btn{background:linear-gradient(135deg,#dd6b20,#c05621);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;min-width:160px;justify-content:center}.pontuuau-downgrade-confirm-btn:hover{background:linear-gradient(135deg,#c05621,#9c4221);transform:translateY(-1px);box-shadow:0 4px 12px #dd6b204d}.pontuuau-trial-cancel-section{background:linear-gradient(135deg,#fff5f5,#fff0f0);border:2px solid #fed7d7;border-radius:12px;padding:20px;margin:20px 0;text-align:center;box-shadow:0 4px 12px #feb2b233}.pontuuau-trial-cancel-section h3{color:#c53030;margin:0 0 12px;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.pontuuau-trial-cancel-section p{color:#744242;margin:0 0 16px;font-size:14px;line-height:1.4}.pontuuau-trial-cancel-btn{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 8px #e53e3e4d}.pontuuau-trial-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#c53030,#a53030);transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e66}.pontuuau-trial-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.pontuuau-trial-cancel-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;overflow:hidden;animation:pontuuau-modalAppear .3s ease-out}.pontuuau-trial-cancel-header{background:linear-gradient(135deg,#fed7d7,#feb2b2);padding:24px;text-align:center;border-bottom:1px solid #fed7d7}.pontuuau-trial-cancel-icon-container{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.pontuuau-trial-cancel-icon-container svg{color:#c53030}.pontuuau-trial-cancel-header h2{color:#c53030;margin:0 0 8px;font-size:24px;font-weight:700}.pontuuau-trial-cancel-header p{color:#744242;margin:0;font-size:16px;line-height:1.4}.pontuuau-trial-cancel-content{padding:24px}.pontuuau-trial-cancel-warning-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px;background:#fff5f5;border-radius:8px;border:1px solid #fed7d7}.pontuuau-trial-cancel-warning-item svg{color:#e53e3e;flex-shrink:0;margin-top:2px}.pontuuau-trial-cancel-warning-item span{color:#744242;font-size:14px;line-height:1.4}.pontuuau-trial-cancel-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.pontuuau-trial-cancel-keep-btn{background:#fff;color:#4a5568;border:2px solid #e2e8f0;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:140px}.pontuuau-trial-cancel-keep-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.pontuuau-trial-cancel-confirm-btn{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;min-width:160px;justify-content:center}.pontuuau-trial-cancel-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#c53030,#a53030);transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e66}.pontuuau-trial-cancel-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.pontuuau-subscription-info{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.pontuuau-subscription-info h3{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.pontuuau-subscription-details{display:flex;flex-direction:column;gap:.75rem}.pontuuau-subscription-details p{display:flex;align-items:center;gap:.5rem;color:#374151;font-size:.95rem;margin:0}.pontuuau-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;background-color:#d1fae5;color:#065f46}.pontuuau-subscription-actions{display:flex;flex-direction:row;gap:1rem;margin-top:1rem}.pontuuau-manage-payment-btn,.pontuuau-cancel-account-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.pontuuau-manage-payment-btn{background-color:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.pontuuau-manage-payment-btn:hover:not(:disabled){background-color:#e2e8f0}.pontuuau-cancel-account-btn{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.pontuuau-cancel-account-btn:hover:not(:disabled){background-color:#fecaca}.pontuuau-loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.pontuuau-spinner{animation:pontuuau-spin 1s linear infinite;color:#0056cc}.pontuuau-spinner-small{animation:pontuuau-spin 1s linear infinite;width:16px;height:16px}.pontuuau-plans-minimal{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:2rem auto;padding:0 1rem}.pontuuau-plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;position:relative;transition:all .2s ease;display:flex;flex-direction:column}.pontuuau-plan-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a}.pontuuau-plan-card.popular{border-color:#6733ff;background:#faf5ff}.pontuuau-plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#6733ff;color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.7rem;font-weight:600;white-space:nowrap;letter-spacing:.3px}.pontuuau-plan-header-minimal{text-align:center;margin-bottom:1.5rem}.pontuuau-plan-icon-minimal{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.pontuuau-plan-header-minimal h3{font-size:1.2rem;font-weight:600;margin-bottom:.25rem;color:#0f172a}.pontuuau-plan-description-minimal{font-size:.85rem;color:#64748b;margin:0}.pontuuau-plan-price-minimal{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.pontuuau-price{font-size:1.8rem;font-weight:700;color:#0f172a;display:inline-block}.pontuuau-period{font-size:.85rem;color:#64748b;margin-left:.25rem;font-weight:400}.pontuuau-plan-features-minimal{margin-bottom:1.5rem;flex:1}.pontuuau-feature-group{margin-bottom:1rem}.pontuuau-feature-item{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.9rem}.pontuuau-feature-label{color:#475569;flex:1;font-size:16px}.pontuuau-feature-value{font-weight:600}.pontuuau-feature-number{font-weight:600;display:flex;align-items:center;gap:.25rem;font-size:1rem}.pontuuau-feature-number.unlimited{color:#10b981}.pontuuau-check-icon{color:#10b981;width:18px;height:18px}.pontuuau-x-icon{color:#cbd5e1;font-size:1rem}.pontuuau-plan-action-minimal{display:block;text-align:center;padding:.75rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s ease;width:100%;cursor:pointer;margin-top:auto}.pontuuau-plan-action-minimal:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}.pontuuau-plan-action-minimal.pontuuau-current{background:#10b981!important;color:#fff!important;border:none!important;cursor:not-allowed}.pontuuau-plan-action-minimal.pontuuau-disabled{opacity:.5;cursor:not-allowed}.pontuuau-support-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2.5rem;text-align:center;margin-top:3rem;box-shadow:0 4px 12px #0000000d}.pontuuau-support-header{margin-bottom:2rem}.pontuuau-support-icon{color:#0056cc;margin-bottom:1rem}.pontuuau-support-header h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.pontuuau-support-header p{color:#64748b;font-size:1rem;line-height:1.5}.pontuuau-support-cta-btn{background:#0056cc;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 #0056cc4d}.pontuuau-support-cta-btn:hover{background:#0047ab;transform:translateY(-2px);box-shadow:0 6px 20px #0056cc66}.pontuuau-support-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.pontuuau-support-feature{display:flex;align-items:center;gap:.5rem;color:#475569;font-size:.9rem;background:#f8fafc;padding:.75rem 1rem;border-radius:8px;transition:transform .2s ease}.pontuuau-support-feature:hover{transform:translateY(-1px);background:#f1f5f9}.pontuuau-support-feature-icon{font-size:1.25rem}.pontuuau-support-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:pontuuau-fadeIn .2s ease-out}.pontuuau-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;animation:pontuuau-modalAppear .3s ease-out}.pontuuau-support-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.pontuuau-support-modal-title{display:flex;align-items:center;gap:.75rem;color:#1e293b}.pontuuau-support-modal-title h3{font-size:1.25rem;font-weight:600;margin:0}.pontuuau-close-support-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease}.pontuuau-close-support-btn:hover{background:#e2e8f0;color:#374151}.pontuuau-support-form{padding:2rem}.pontuuau-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.pontuuau-form-group{display:flex;flex-direction:column;gap:.5rem}.pontuuau-form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151;font-size:.9rem}.pontuuau-form-group input,.pontuuau-form-group select,.pontuuau-form-group textarea{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff;font-family:inherit}.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}.pontuuau-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.pontuuau-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}.pontuuau-cancel-support-btn:hover:not(:disabled){background:#e5e7eb}.pontuuau-submit-support-btn{background:#0056cc;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}.pontuuau-submit-support-btn:hover:not(:disabled){background:#0047ab;transform:translateY(-1px);box-shadow:0 4px 12px #0056cc4d}.pontuuau-submit-support-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes pontuuau-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pontuuau-modalAppear{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pontuuau-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.pontuuau-plans-minimal{grid-template-columns:1fr;max-width:350px}.pontuuau-price{font-size:1.6rem}.pontuuau-plan-header-minimal h3{font-size:1.1rem}.pontuuau-plans-header h1{font-size:2rem}.pontuuau-plans-header p{font-size:1rem}.pontuuau-support-section{padding:1.5rem;margin-top:2rem}.pontuuau-support-features{flex-direction:column;gap:1rem}.pontuuau-form-row{grid-template-columns:1fr;gap:1rem}.pontuuau-support-modal{margin:1rem}.pontuuau-support-form{padding:1.5rem}.pontuuau-form-actions{flex-direction:column}.pontuuau-success-modal{padding:2rem;margin:1rem}.pontuuau-success-modal h2{font-size:24px}.pontuuau-success-modal p{font-size:16px}.pontuuau-subscription-actions{flex-direction:column;gap:.5rem}.pontuuau-downgrade-actions,.pontuuau-trial-cancel-actions{flex-direction:column}}@media (max-width: 480px){.pontuuau-plan-card{padding:1.25rem}.pontuuau-price{font-size:1.5rem}.pontuuau-feature-item{font-size:.85rem;padding:.3rem 0}.pontuuau-plans-header h1{font-size:1.75rem}.pontuuau-plans-container{padding:1rem .5rem}.pontuuau-support-cta-btn{padding:.875rem 1.5rem;font-size:.9rem;width:100%;justify-content:center}.pontuuau-support-feature{width:100%;justify-content:center}.pontuuau-modal-overlay{padding:10px}.pontuuau-downgrade-header h2,.pontuuau-trial-cancel-header h2{font-size:20px}.pontuuau-downgrade-header p,.pontuuau-trial-cancel-header p{font-size:14px}.pontuuau-downgrade-content{padding:16px}.pontuuau-downgrade-cancel-btn,.pontuuau-downgrade-confirm-btn,.pontuuau-trial-cancel-keep-btn,.pontuuau-trial-cancel-confirm-btn{width:100%;justify-content:center}}: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}@media (max-width: 768px){.public-booking-container{min-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;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s ease}.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}.custom-loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;width:100%;gap:12px;position:relative;z-index:10}.custom-spinner{width:40px;height:40px;border:4px solid var(--secondary-color, #e2e8f0);border-top-color:var(--primary-color, #3b82f6);border-radius:50%;animation:spin-custom 1s linear infinite}.custom-loading-wrapper p{margin:0;color:#64748b;font-weight:500;font-size:14px}@keyframes spin-custom{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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-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-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;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}.business-button{flex-direction:row}.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:#fff}.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}.interval-actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:15px;border-top:1px solid #e2e8f0}.save-interval-btn{background:var(--primary-color, #3b82f6);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:180px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.save-interval-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.save-interval-btn:hover:not(:disabled):before{width:300px;height:300px}.save-interval-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.save-interval-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.save-interval-btn:disabled{opacity:.5;cursor:not-allowed;background:#94a3b8;box-shadow:none;transform:none}.save-interval-btn svg{width:16px;height:16px;transition:transform .3s ease}.save-interval-btn:hover:not(:disabled) svg{transform:scale(1.1)}@media (max-width: 768px){.interval-actions{justify-content:center}.save-interval-btn{width:100%;min-width:auto;padding:14px 24px;font-size:16px}}.save-interval-btn.saving{position:relative;color:transparent;pointer-events:none}.save-interval-btn.saving:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.interval-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:15px}.interval-section .section-header h2{display:flex;align-items:center;gap:8px;margin:0;color:var(--font-color, #1e293b);font-size:1.25rem}.interval-section .section-header h2 svg{color:var(--primary-color, #3b82f6)}.interval-config-container{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0;margin-top:15px}.interval-legend{background:#f8fafc;border-radius:8px;padding:15px 20px;margin-bottom:20px;border-left:4px solid var(--primary-color, #3b82f6)}.interval-legend p{margin:0;color:#475569;font-size:.95rem}.interval-legend p strong{color:var(--primary-color, #3b82f6)}.interval-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.interval-option{padding:16px;border:2px solid #e2e8f0;border-radius:10px;background:#f8fafc;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.interval-option:hover:not(.selected){border-color:var(--primary-color, #3b82f6);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.interval-option.selected{border-color:var(--primary-color, #3b82f6);background:var(--primary-color, #3b82f6);color:#fff;transform:scale(1.02);box-shadow:0 6px 12px #3b82f633}.interval-label{display:block;font-weight:600;margin-bottom:4px;font-size:1rem}.interval-example-small{display:block;font-size:.8rem;opacity:.8}.selected .interval-example-small{opacity:1}.interval-preview{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0;margin-top:20px}.preview-header{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e2e8f0}.preview-header svg{color:var(--primary-color, #3b82f6)}.preview-header h3{margin:0;font-size:1.1rem;color:#1e293b;font-weight:600}.preview-container{background:#f8fafc;border-radius:10px;padding:20px;margin-bottom:15px}.preview-time-label{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:15px;padding-bottom:10px;border-bottom:2px dashed #e2e8f0}.preview-slots{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.preview-slot{padding:12px 18px;border:2px solid;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .3s ease;min-width:85px;text-align:center;box-shadow:0 2px 4px #0000000d}.preview-slot.selected{transform:scale(1.05);box-shadow:0 8px 16px #3b82f633;border-color:transparent;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.preview-info{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #e2e8f0;font-size:.9rem}.preview-note{color:#64748b;font-style:italic;display:flex;align-items:center;gap:4px}.preview-interval{background:#e2e8f0;padding:4px 10px;border-radius:20px;font-weight:600;color:#475569;font-size:.85rem}.preview-description{background:#f1f5f9;border-radius:8px;padding:15px;margin-top:15px}.preview-description p{margin:0 0 10px;color:#475569;font-weight:600}.preview-description ul{margin:0;padding-left:20px;color:#64748b}.preview-description li{margin-bottom:5px;font-size:.9rem}@media (max-width: 1024px){.interval-config-container{padding:20px}.interval-options-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width: 768px){.interval-config-container{padding:15px}.interval-options-grid{grid-template-columns:repeat(2,1fr)}.preview-slots{gap:8px}.preview-slot{padding:10px 14px;min-width:75px;font-size:.9rem}.preview-info{flex-direction:column;gap:10px;text-align:center}}@media (max-width: 480px){.interval-options-grid{grid-template-columns:1fr}.preview-slot{padding:8px 12px;min-width:70px;font-size:.85rem}}.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}}