*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#1e293b}.main-container,body{width:100%;min-height:100vh}.main-container,.sidebar{display:flex}.sidebar{width:280px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:4px 0 24px rgba(0,0,0,.08);flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.06);background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))}.sidebar-header h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-header p{font-size:.875rem;color:#64748b;margin-top:.25rem}.sidebar-nav{padding:1.5rem 1rem;flex:1 1}.nav-links{display:flex;flex-direction:column;gap:.5rem}.nav-link{display:flex;align-items:center;padding:.875rem 1rem;border-radius:.75rem;color:#475569;text-decoration:none;font-weight:500;transition:all .2s ease;cursor:pointer}.nav-link:hover{background:rgba(102,126,234,.1);color:#667eea}.nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.nav-link svg{width:1.25rem;height:1.25rem;margin-right:.75rem}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(0,0,0,.06)}.sidebar-footer p{font-size:.75rem;color:#94a3b8}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;display:none}.sidebar-overlay.active{display:block}.content-wrapper{flex:1 1;display:flex;flex-direction:column;width:100%;min-width:0}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 12px rgba(0,0,0,.08);position:fixed;top:0;left:0;right:0;z-index:30}.mobile-header h1{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.menu-toggle{background:none;border:none;padding:.5rem;cursor:pointer;color:#475569;border-radius:.5rem}.main-content{flex:1 1;padding:5rem 2rem 2rem;overflow-y:auto}.tab-content{animation:fadeIn .4s ease}.tab-content.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSelect{0%{transform:scale(1)}25%{transform:scale(1.15);box-shadow:0 8px 24px rgba(102,126,234,.5)}50%{transform:scale(1)}75%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes pulseGreen{0%{transform:scale(1)}25%{transform:scale(1.15);box-shadow:0 12px 32px rgba(16,185,129,.6)}50%{transform:scale(1)}75%{transform:scale(1.08)}to{transform:scale(1)}}.tab-content h2{font-size:2rem;font-weight:700;color:#fff;text-align:center}.categoria-section,.tab-content h2{margin-bottom:2rem}.categoria-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:0 .5rem}.categoria-icon{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.categoria-title{font-size:1.25rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.05em}.categoria-carousel{display:flex;gap:1rem;overflow-x:auto;padding:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.categoria-carousel::-webkit-scrollbar{display:none}.service-card-carousel{min-width:280px;max-width:280px;background:#fff;border-radius:1.25rem;padding:1.25rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.08);flex-shrink:0}@media (max-width:768px){.service-card-carousel{min-width:calc(100vw - 6.5rem);max-width:calc(100vw - 6.5rem);width:100%}.categoria-carousel{padding:.1rem 1rem}}.service-card-carousel:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.service-card-carousel:active{transform:translateY(-4px)}.service-card-top{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.service-image-small{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0;overflow:hidden}.service-image-small img{width:100%;height:100%;object-fit:cover}.service-info{flex:1 1;min-width:0}.service-name{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-price{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.service-description{font-size:.875rem;color:#64748b;line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.service-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.06)}.service-duration{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#64748b}.service-arrow{font-size:1.25rem;color:#667eea;font-weight:700}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.service-card{background:#fff;border-radius:1.25rem;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.08)}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.service-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.service-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0;overflow:hidden}.service-icon img{width:100%;height:100%;object-fit:cover}.service-details h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.service-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.service-card p{font-size:.9375rem;color:#64748b;line-height:1.6;margin-bottom:1rem}.service-price-tag{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.produtos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.produto-card{background:#fff;border-radius:1.25rem;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.08)}.produto-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.produto-image{width:100%;height:200px;border-radius:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:4rem;margin-bottom:1rem;overflow:hidden}.produto-image img{width:100%;height:100%;object-fit:cover}.produto-card h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.produto-card p{font-size:.9375rem;color:#64748b;line-height:1.6;margin-bottom:1rem}.produto-price{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.agendamento-step{animation:fadeIn .4s ease}.hidden-step{display:none!important}.back-btn{background:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;color:#667eea;font-weight:600;cursor:pointer;margin-bottom:1.5rem;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.08)}.back-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.selected-service-info{background:#fff;padding:1.5rem;border-radius:1.25rem;margin-bottom:2rem;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08)}.selected-service-info h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.selected-service-info p{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.date-selection{background:#fff;padding:1.5rem;border-radius:1.25rem;margin-bottom:2rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}.date-selection h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.date-carousel-wrapper{position:relative;margin-bottom:1rem}.selected-date-badge{display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.875rem 1.5rem;border-radius:.75rem;margin-bottom:1rem;font-size:.9375rem;font-weight:600;box-shadow:0 4px 12px rgba(102,126,234,.3);animation:slideDown .4s ease}.selected-date-badge strong{font-weight:700;margin-left:.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.date-carousel{display:flex;gap:1rem;overflow-x:auto;padding:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.date-carousel::-webkit-scrollbar{display:none}.day-card{min-width:100px;background:#f8fafc;border:2px solid transparent;border-radius:.75rem;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.day-card:hover{background:#f1f5f9;transform:translateY(-2px);border-color:rgba(102,126,234,.3)}.day-card.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:scale(1.05);box-shadow:0 8px 20px rgba(102,126,234,.4)}.day-name{font-size:.875rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.day-number{font-size:1.5rem;font-weight:700}.btn-calendario-completo{width:100%;background:#fff;color:#667eea;border:2px solid #667eea;padding:1rem;border-radius:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-calendario-completo:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.time-selection{background:#fff;padding:1.5rem;border-radius:1.25rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}.time-selection h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.horarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:.75rem;gap:.75rem}.horario-btn{padding:.875rem;border:2px solid #e2e8f0;background:#fff;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#475569}.horario-btn:hover:not(.ocupado){border-color:#667eea;background:rgba(102,126,234,.1);transform:translateY(-2px)}.horario-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.horario-btn.ocupado{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;text-decoration:line-through}.profissionais-carousel-wrapper{margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.profissionais-carousel{display:flex;gap:1rem;overflow-x:auto;padding:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.profissionais-carousel::-webkit-scrollbar{display:none}.profissional-card{min-width:240px;max-width:240px;background:#fff;border:2px solid #e2e8f0;border-radius:1.25rem;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.08);flex-shrink:0}.profissional-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.profissional-card.selected{border-color:#10b981;border-width:3px;background:#fff;box-shadow:0 4px 20px rgba(16,185,129,.25)}.profissional-card.selected .profissional-foto{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px rgba(16,185,129,.4);border-color:#10b981}.profissional-foto{width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem;overflow:hidden;border:3px solid #e2e8f0}.profissional-foto img{width:100%;height:100%;object-fit:cover}.profissional-nome{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.profissional-avaliacao{font-size:.875rem;color:#64748b;margin-bottom:.5rem}.profissional-especialidades{font-size:.75rem;color:#94a3b8}.client-form{background:#fff;padding:2rem;border-radius:1.25rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#1e293b;margin-bottom:.5rem}.form-group input{width:100%;padding:.875rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#667eea}.resumo-agendamento{background:#f8fafc;padding:1.5rem;border-radius:.75rem;margin-bottom:1.5rem}.resumo-agendamento h4{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.resumo-agendamento p{font-size:.9375rem;color:#475569;margin-bottom:.5rem}.btn-primary{width:60%;display:block;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem;border-radius:.75rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(102,126,234,.3)}@media (max-width:768px){.btn-primary{width:90%;font-size:1rem;padding:.875rem}}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.5);opacity:.95;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.btn-primary:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}.modal-calendario{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;align-items:center;justify-content:center;padding:1rem}.modal-calendario.active{display:flex}.modal-calendario-content{background:#fff;border-radius:1.5rem;padding:2rem;max-width:750px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#94a3b8;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-calendario-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-nav-btn{background:#f8fafc;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:#475569;transition:all .2s ease}.modal-nav-btn:hover{background:#e2e8f0}.modal-calendario-header h3{font-size:1.25rem;font-weight:700;color:#1e293b}.modal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:.5rem}.modal-weekdays div{text-align:center;font-size:.875rem;font-weight:600;color:#64748b;padding:.5rem}.modal-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.5rem;gap:.5rem}.modal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#1e293b}.modal-day:not(.empty):not(.disabled):hover{background:rgba(102,126,234,.1);color:#667eea}.modal-day.today{border:2px solid #667eea}.modal-day.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-day.disabled{color:#cbd5e1;cursor:not-allowed}.modal-day.empty{cursor:default}@media (min-width:768px){.sidebar{transform:translateX(0)}.sidebar-overlay{display:none!important}.mobile-header{display:none}.main-content{padding-top:2rem;margin-left:280px}}@media (max-width:767px){.main-content{padding:5rem 1rem 1rem}.tab-content h2{font-size:1.5rem;margin-bottom:1.5rem}.produtos-grid,.services-grid{grid-template-columns:1fr}.horarios-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.categoria-carousel{padding:.5rem 0;margin:0}}.h3ti{display:flex;justify-content:center;align-items:center;font-size:30px;margin-bottom:10px}#categoriaContainer{height:100%!important;right:100%!important}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.6)}.admin-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem;padding-bottom:2rem}@media (max-width:768px){.admin-app-grid{grid-template-columns:1fr 1fr;gap:6px}}.admin-app-card{background:#f1f3f5;border-radius:12px;overflow:hidden;cursor:pointer;position:relative;display:flex;flex-direction:column}.admin-app-card-img-wrap{width:100%;aspect-ratio:1;overflow:hidden;background:#e9ecef}.admin-app-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.admin-app-card:hover .admin-app-card-img-wrap img{transform:scale(1.04)}.admin-app-card-body{padding:.65rem .75rem .75rem;flex:1 1;display:flex;flex-direction:column}.admin-app-card-name{font-size:.85rem;font-weight:600;color:#111;margin-bottom:2px}.admin-app-card-desc,.admin-app-card-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-app-card-desc{font-size:.72rem;color:#868e96;margin-bottom:.5rem}.admin-app-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.admin-app-card-price{font-size:.95rem;font-weight:700;color:#111}.admin-app-card-cart-btn{background:none;border:none;padding:0;cursor:pointer;color:#868e96;font-size:1.1rem;display:flex;align-items:center}