.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5a32b6,#040008);padding:20px}.logo{display:flex;justify-content:center;margin-bottom:5px}.logo img{width:160px;height:auto;display:block}.login-box{background:#fff;border-radius:20px;padding:20px;width:100%;max-width:440px;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .5s ease}.login-header{text-align:center;margin-bottom:20px}.login-header h1{font-size:28px;color:#1a1a1a;margin:0 0 10px;font-weight:700}.login-header p{color:#666;font-size:14px;margin-top:-30px;margin:12}.login-form{display:flex;flex-direction:column;gap:10px}.error-message{background-color:#fee;color:#c33;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;border:1px solid #fcc}.btn-login{padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;margin:25px 0;color:#999;font-size:14px}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:#e0e0e0}.divider span{padding:0 15px}.btn-google{padding:14px;background:#fff;color:#333;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box}.btn-google:hover:not(:disabled){background-color:#f8f9fa;border-color:#d0d0d0;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.btn-google:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:10px;text-align:center;font-size:14px;color:#666}.login-footer p{margin:0 0 10px}.login-footer a{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.login-footer a:hover{color:#764ba2;text-decoration:underline}.forgot-password{display:inline-block;margin-top:5px}@media(max-width:480px){.login-box{padding:30px 20px}.login-header h1{font-size:24px}.form-group input,.btn-login,.btn-google{padding:12px}}.cadastro-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.cadastro-box{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:440px;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .5s ease}.cadastro-header{text-align:center;margin-bottom:30px}.cadastro-header h1{font-size:28px;color:#1a1a1a;margin:0 0 10px;font-weight:700}.cadastro-header p{color:#666;font-size:14px;margin:0}.cadastro-form{display:flex;flex-direction:column;gap:20px}.btn-cadastrar{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-cadastrar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-cadastrar:active:not(:disabled){transform:translateY(0)}.btn-cadastrar:disabled{opacity:.6;cursor:not-allowed}.cadastro-footer{margin-top:30px;text-align:center;font-size:14px;color:#666}.cadastro-footer p{margin:0}.cadastro-footer a{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.cadastro-footer a:hover{color:#764ba2;text-decoration:underline}@media(max-width:480px){.cadastro-box{padding:30px 20px}.cadastro-header h1{font-size:24px}.form-group input,.btn-cadastrar{padding:12px}}.recuperar-senha-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.recuperar-senha-box{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:440px;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .5s ease}.recuperar-senha-header{text-align:center;margin-bottom:30px}.recuperar-senha-header h1{font-size:28px;color:#1a1a1a;margin:0 0 10px;font-weight:700}.recuperar-senha-header p{color:#666;font-size:14px;margin:0;line-height:1.5}.recuperar-senha-form{display:flex;flex-direction:column;gap:20px}.btn-enviar{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-enviar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-enviar:active:not(:disabled){transform:translateY(0)}.btn-enviar:disabled{opacity:.6;cursor:not-allowed}.recuperar-senha-footer{margin-top:30px;text-align:center}.voltar-login{color:#667eea;text-decoration:none;font-size:14px;font-weight:600;transition:color .3s ease;display:inline-flex;align-items:center;gap:5px}.voltar-login:hover{color:#764ba2;text-decoration:underline}@media(max-width:480px){.recuperar-senha-box{padding:30px 20px}.recuperar-senha-header h1{font-size:24px}.form-group input,.btn-enviar{padding:12px}}.redefinir-senha-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.redefinir-senha-box{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:440px;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.redefinir-senha-header{text-align:center;margin-bottom:30px}.redefinir-senha-header h1{font-size:28px;color:#1a1a1a;margin:0 0 10px;font-weight:700}.redefinir-senha-header p{color:#666;font-size:14px;margin:0}.token-invalido{text-align:center;padding:20px}.token-invalido-icon{font-size:60px;margin-bottom:20px}.token-invalido h3{color:#1a1a1a;font-size:20px;margin:0 0 10px}.token-invalido p{color:#666;font-size:14px;margin:0 0 25px;line-height:1.5}.btn-voltar-recuperar{padding:14px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-voltar-recuperar:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.redefinir-senha-form{display:flex;flex-direction:column;gap:20px}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#fee;color:#c33;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;border:1px solid #fcc;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.success-message{background-color:#d4edda;color:#155724;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;border:1px solid #c3e6cb;animation:fadeIn .3s ease}.redirect-timer{margin-top:8px;font-size:12px;opacity:.8;font-weight:600}.btn-redefinir{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-redefinir:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-redefinir:active:not(:disabled){transform:translateY(0)}.btn-redefinir:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.redefinir-senha-box{padding:30px 20px}.redefinir-senha-header h1{font-size:24px}.form-group input,.btn-redefinir{padding:12px}.token-invalido-icon{font-size:50px}}.agendamentos-page{min-height:100vh;background:#f5f7fa;position:relative}.salao-background{position:fixed;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(20px);opacity:.3;z-index:0;animation:fadeIn .5s ease}.salao-background:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eeab3,#764ba2b3)}.header-barbearia{position:relative;height:200px;background-image:url(https://images.unsplash.com/photo-1503951914875-452162b0f3f1?w=1200);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.avatar{margin-top:10px;margin-bottom:-10px;width:60px;height:60px;border-radius:50%;border:3px solid white;object-fit:cover;cursor:pointer;transition:transform .3s ease}.btn-meus-agendamentos,.btn-logout{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-meus-agendamentos{background:#fff;color:#667eea}.btn-meus-agendamentos:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.agendamentos-container{position:relative;z-index:1;max-width:1200px;margin:-50px auto 0;padding:0 20px 40px}.salao-selecionado-badge{background:#fff;border-radius:15px;padding:20px;margin-bottom:25px;box-shadow:0 5px 20px #0000001a;animation:slideDown .4s ease}.badge-content{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.badge-icon{font-size:30px}.badge-info{flex:1;min-width:200px}.badge-label{display:block;color:#666;font-size:13px;margin-bottom:3px}.badge-nome{display:block;color:#667eea;font-size:20px;font-weight:700}.btn-trocar-salao{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-trocar-salao:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.section{background:#fff;border-radius:15px;padding:30px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;animation:fadeInUp .5s ease}.section h2{color:#1a1a1a;font-size:20px;margin-bottom:20px;font-weight:700}.section h4{color:#666;font-size:16px;margin:20px 0 15px;font-weight:600}.saloes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.salao-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:center}.salao-card:hover{transform:translateY(-5px) scale(1.02);border-color:#667eea;box-shadow:0 10px 25px #667eea33}.salao-card img{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:12px}.salao-card span{display:block;font-weight:600;color:#333;font-size:15px}.servicos-list{display:flex;flex-direction:column;gap:12px}.servico-card{display:flex;align-items:center;gap:15px;padding:15px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .3s ease}.servico-card:hover{border-color:#667eea;background:#667eea0d;transform:translate(5px)}.servico-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.servico-icon img{width:40px;height:40px}.servico-info{flex:1}.servico-info strong{display:block;color:#333;font-size:16px;margin-bottom:4px}.servico-info span{color:#666;font-size:14px}.profissionais-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.profissional-card{display:flex;align-items:center;gap:15px;padding:15px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .3s ease}.profissional-card:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 5px 15px #667eea26}.profissional-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.profissional-card img{width:60px;height:60px;border-radius:50%;object-fit:cover}.profissional-info strong{display:block;color:#333;font-size:15px;margin-bottom:3px}.profissional-info span{color:#666;font-size:13px}.dias-container{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.btn-dia{padding:10px 20px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.btn-dia:hover{border-color:#667eea;background:#667eea0d}.btn-dia.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.horarios-titulo{text-align:center;color:#667eea}.horarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:25px}.btn-horario{padding:12px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease}.btn-horario:hover{border-color:#667eea;background:#667eea0d;transform:scale(1.05)}.btn-horario.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-agendar{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:15px}.btn-agendar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn-agendar:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:90%;text-align:center;animation:slideUp .3s ease}.modal-icon{font-size:60px;margin-bottom:20px}.modal-content h2{color:#1a1a1a;font-size:24px;margin-bottom:20px}.detalhes-agendamento{background:#f5f7fa;border-radius:10px;padding:20px;margin-bottom:25px;text-align:left}.detalhes-agendamento p{margin:8px 0;color:#333;font-size:15px}.btn-voltar{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-voltar:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.header-barbearia{height:auto;min-height:160px}.header-content{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.btn-meus-agendamentos,.btn-logout{width:100%}.saudacao{font-size:14px}.avatar{width:50px;height:50px}.agendamentos-container{margin-top:10px}.section{padding:20px}.saloes-grid,.profissionais-grid{grid-template-columns:1fr}.horarios-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.modal-content{padding:30px 20px}.badge-content{flex-direction:column;align-items:flex-start}.btn-trocar-salao{width:100%}}.lista-agendamentos-page{min-height:100vh;background:#f5f7fa}.header-barbearia{position:relative;height:200px;background-image:url(https://images.unsplash.com/photo-1503951914875-452162b0f3f1?w=1200);background-size:cover;background-position:center;background-repeat:no-repeat}.user-info{display:flex;align-items:center;gap:15px}.avatar{width:60px;height:60px;border-radius:50%;border:3px solid white;object-fit:cover;cursor:pointer;transition:transform .3s ease}.avatar:hover{transform:scale(1.1)}.saudacao{color:#fff;font-size:18px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2)}.btn-novo-agendamento,.btn-logout{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-novo-agendamento{background:#fff;color:#667eea}.btn-novo-agendamento:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.lista-container{max-width:1200px;margin:-50px auto 0;padding:20px 40px}.page-header{background:#fff;border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 2px 10px #0000000d;text-align:center;animation:fadeInUp .5s ease}.page-header h1{color:#1a1a1a;font-size:28px;margin:0 0 10px;font-weight:700}.page-header p{color:#666;font-size:15px;margin:0}.empty-state{background:#fff;border-radius:15px;padding:60px 40px;text-align:center;box-shadow:0 2px 10px #0000000d;animation:fadeInUp .5s ease}.empty-state h3{color:#1a1a1a;font-size:22px;margin-bottom:10px}.empty-state p{color:#666;font-size:15px;margin-bottom:30px}.btn-criar-primeiro{padding:14px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-criar-primeiro:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.agendamentos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.agendamento-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;animation:fadeInUp .5s ease}.agendamento-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.card-header{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.card-title h3{margin:0 0 5px;font-size:18px;font-weight:700}.profissional{font-size:14px;opacity:.9}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:5px}.status-icon{font-size:14px}.status-pendente{background:#fff3cd;color:#856404}.status-confirmado{background:#d4edda;color:#155724}.status-finalizado{background:#d1ecf1;color:#0c5460}.status-cancelado{background:#f8d7da;color:#721c24}.card-body{padding:20px;display:flex;flex-direction:column;gap:15px}.info-row{display:flex;align-items:center;gap:12px}.info-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border-radius:10px}.info-content{flex:1;display:flex;flex-direction:column}.info-label{font-size:12px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:15px;color:#1a1a1a;font-weight:600;margin-top:2px}.card-footer{padding:0 20px 20px}.btn-cancelar{width:100%;padding:12px;background:#fff;color:#dc3545;border:2px solid #dc3545;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancelar:hover{background:#dc3545;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #dc35454d}@media(max-width:768px){.header-barbearia{height:auto;min-height:160px}.header-content{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.btn-novo-agendamento,.btn-logout{width:100%}.saudacao{font-size:14px}.avatar{width:50px;height:50px}.lista-container{margin-top:-30px}.page-header{padding:20px}.page-header h1{font-size:22px}.agendamentos-grid{grid-template-columns:1fr}.card-header{flex-direction:column;align-items:flex-start}.status-badge{align-self:flex-start}.empty-state{padding:40px 20px}.empty-icon{font-size:60px}}.perfil-page{min-height:100vh;background:#f5f7fa}.header-barbearia{position:relative;height:200px;background-image:url(https://images.unsplash.com/photo-1503951914875-452162b0f3f1?w=1200);background-size:cover;background-position:center;background-repeat:no-repeat}.header-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#667eeae6,#764ba2e6);display:flex;align-items:center;padding:20px}.header-content{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-title{color:#fff}.header-title h1{font-size:32px;margin:0 0 5px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.header-title p{margin:0;opacity:.9;font-size:15px}.header-actions{display:flex;gap:10px}.btn-agendamentos,.btn-logout{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-agendamentos{background:#fff;color:#667eea}.btn-agendamentos:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-logout{background:#fff3;color:#fff;border:2px solid white}.btn-logout:hover{background:#fff;color:#667eea}.perfil-container{max-width:800px;margin:-50px auto 0;padding:60px 20px 40px}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.message{padding:15px 20px;border-radius:10px;margin-bottom:20px;font-weight:600;text-align:center;animation:slideDown .3s ease}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.perfil-card{background:#fff;border-radius:15px;padding:30px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;animation:fadeInUp .5s ease}.card-title{color:#1a1a1a;font-size:20px;margin:0 0 25px;font-weight:700;display:flex;align-items:center;gap:10px}.foto-section{display:flex;flex-direction:column;align-items:center;gap:20px}.foto-wrapper{position:relative}.foto-perfil{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid #667eea;box-shadow:0 5px 20px #667eea4d;transition:all .3s ease}.foto-perfil:hover{transform:scale(1.05)}.foto-badge{position:absolute;bottom:10px;right:10px;background:#667eea;color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 2px 10px #0003}.form-foto{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%}.file-input-label{cursor:pointer}.file-button{display:inline-block;padding:12px 30px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.file-button:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.file-input:disabled+.file-button{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-upload{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-upload:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn-upload:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-perfil,.form-senha{display:flex;flex-direction:column;gap:20px}.form-group input{padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;outline:none}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.readonly{background-color:#f5f5f5;cursor:not-allowed;color:#666}.form-group small{font-size:12px;color:#666;margin-top:-4px}.btn-submit{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}@media(max-width:768px){.header-barbearia{height:auto;min-height:160px}.header-content{flex-direction:column;align-items:flex-start}.header-title h1{font-size:24px}.header-actions{width:100%;flex-direction:column}.btn-agendamentos,.btn-logout{width:100%}.perfil-container{margin-top:-30px}.perfil-card{padding:20px}.foto-perfil{width:120px;height:120px}.card-title{font-size:18px}.form-group input{padding:12px}}.dashboard-admin{min-height:100vh;background:#f5f7fa}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:20px}.menu-toggle{display:none;background:#fff3;border:none;color:#fff;font-size:24px;padding:8px 15px;border-radius:5px;cursor:pointer}.header-left h1{font-size:24px;margin:0}.header-right{display:flex;align-items:center;gap:15px}.user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 15px;border-radius:8px;transition:background .3s}.user-profile:hover{background:#ffffff1a}.user-profile img{width:40px;height:40px;border-radius:50%;border:2px solid white;object-fit:cover}.btn-header,.btn-logout-header{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-header{background:#fff;color:#667eea}.btn-header:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-logout-header{background:#fff3;color:#fff;border:2px solid white}.btn-logout-header:hover{background:#fff;color:#667eea}.dashboard-container{display:flex;min-height:calc(100vh - 70px)}.dashboard-sidebar{width:280px;background:#fff;box-shadow:2px 0 10px #0000000d;padding:20px 0;overflow-y:auto}.dashboard-sidebar nav{display:flex;flex-direction:column}.dashboard-sidebar hr{margin:15px 20px;border:none;border-top:1px solid #e0e0e0}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;border:none;background:none;text-align:left;cursor:pointer;transition:all .3s;font-size:14px;color:#333;border-left:3px solid transparent}.menu-item:hover{background:#667eea0d;border-left-color:#667eea}.menu-item.active{background:linear-gradient(90deg,#667eea1a,#764ba21a);border-left-color:#667eea;font-weight:600;color:#667eea}.menu-icon{font-size:20px;width:24px;text-align:center}.dashboard-content{flex:1;padding:30px;overflow-y:auto}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:600;animation:slideDown .3s ease}.secao{background:#fff;border-radius:15px;padding:30px;box-shadow:0 2px 10px #0000000d;animation:fadeInUp .5s ease}.secao h2{color:#1a1a1a;font-size:24px;margin:0 0 20px;font-weight:700;display:flex;align-items:center;gap:10px}.form-admin{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-group label{display:flex;align-items:center;gap:8px;font-weight:400}.btn-submit{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.menu-toggle{display:block}.header-left h1{font-size:18px}.user-profile span{display:none}.dashboard-sidebar{position:fixed;left:-280px;top:70px;bottom:0;z-index:99;transition:left .3s}.dashboard-sidebar.open{left:0}.dashboard-content{padding:20px}.btn-header,.btn-logout-header{font-size:12px;padding:6px 12px}}.perfil-dono-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px;display:flex;align-items:center;justify-content:center}.perfil-dono-container{width:100%;max-width:600px;background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d;animation:fadeInUpDono .5s ease}.perfil-dono-container h1{text-align:center;color:#1a1a1a;font-size:28px;margin-bottom:30px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.perfil-dono-container h2{color:#1a1a1a;font-size:20px;margin:30px 0 20px;font-weight:700;padding-top:20px;border-top:2px solid #f0f0f0}.perfil-dono-foto{display:block;width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 25px;border:5px solid #667eea;box-shadow:0 5px 20px #667eea4d;transition:all .3s ease}.perfil-dono-foto:hover{transform:scale(1.05)}.perfil-dono-form{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.perfil-dono-form label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.perfil-dono-form input,.perfil-dono-form select{width:100%;padding:14px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;box-sizing:border-box}.perfil-dono-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.perfil-dono-form input[readonly]{background:#f5f5f5;cursor:not-allowed;color:#666}.perfil-dono-file-label{display:block;text-align:center;padding:12px 20px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.perfil-dono-file-label:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.perfil-dono-file-label input[type=file]{display:none}.perfil-dono-form button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.perfil-dono-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.perfil-dono-form button:disabled{opacity:.6;cursor:not-allowed;transform:none}.perfil-dono-btn-voltar{background:#fff!important;color:#667eea!important;border:2px solid #667eea!important;margin-top:10px}.perfil-dono-btn-voltar:hover:not(:disabled){background:#f8f9ff!important;transform:translateY(-2px);box-shadow:0 5px 15px #667eea33}.perfil-dono-message,.perfil-dono-error{padding:15px;border-radius:10px;margin-top:20px;font-weight:600;text-align:center;animation:slideDownDono .3s ease}.perfil-dono-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.perfil-dono-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes fadeInUpDono{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownDono{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.perfil-dono-page{padding:20px 15px}.perfil-dono-container{padding:30px 20px}.perfil-dono-container h1{font-size:24px;margin-bottom:25px}.perfil-dono-container h2{font-size:18px}.perfil-dono-foto{width:100px;height:100px}.perfil-dono-form input,.perfil-dono-form select{padding:12px;font-size:14px}.perfil-dono-form button{padding:12px;font-size:15px}}@media(max-width:480px){.perfil-dono-container{padding:25px 15px}.perfil-dono-container h1{font-size:22px}}.agendamentos-profissional-page{min-height:100vh;background:#f5f7fa}.agendamentos-prof-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a;flex-wrap:wrap;gap:20px}.agendamentos-prof-header h1{color:#fff;font-size:28px;margin:0;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.agendamentos-prof-user-info{display:flex;align-items:center;gap:15px;color:#fff}.agendamentos-prof-user-info span{font-size:16px;font-weight:600}.agendamentos-prof-user-info img{width:45px;height:45px;border-radius:50%;border:3px solid white;object-fit:cover;cursor:pointer;transition:transform .3s ease}.agendamentos-prof-user-info img:hover{transform:scale(1.1)}.agendamentos-prof-btn-logout{padding:10px 20px;background:#fff3;color:#fff;border:2px solid white;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.agendamentos-prof-btn-logout:hover{background:#fff;color:#667eea}.agendamentos-prof-container{max-width:1200px;margin:30px auto;padding:0 20px 40px}.agendamentos-prof-filtros-card{background:#fff;border-radius:15px;padding:25px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d;display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end}.agendamentos-prof-filtro-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.agendamentos-prof-filtro-group label{font-size:14px;font-weight:600;color:#333}.agendamentos-prof-filtro-group input,.agendamentos-prof-filtro-group select{padding:12px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease}.agendamentos-prof-filtro-group input:focus,.agendamentos-prof-filtro-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.agendamentos-prof-btn-filtrar,.agendamentos-prof-btn-voltar{padding:12px 25px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.agendamentos-prof-btn-filtrar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.agendamentos-prof-btn-filtrar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.agendamentos-prof-btn-filtrar:disabled{opacity:.6;cursor:not-allowed}.agendamentos-prof-btn-voltar{background:#fff;color:#667eea;border:2px solid #667eea}.agendamentos-prof-btn-voltar:hover{background:#f8f9ff}.agendamentos-prof-resumo-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.agendamentos-prof-card-status{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;gap:10px;border-left:5px solid;transition:transform .3s ease}.agendamentos-prof-card-status:hover{transform:translateY(-3px);box-shadow:0 5px 20px #0000001a}.agendamentos-prof-card-status.pendente{border-color:#ffc107}.agendamentos-prof-card-status.confirmado{border-color:#28a745}.agendamentos-prof-card-status.cancelado{border-color:#dc3545}.agendamentos-prof-card-status.finalizado{border-color:#6c757d}.agendamentos-prof-card-status span{font-size:14px;color:#666;font-weight:600}.agendamentos-prof-card-status strong{font-size:32px;font-weight:700;color:#1a1a1a}.agendamentos-prof-lista{display:flex;flex-direction:column;gap:15px}.agendamentos-prof-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .3s ease;flex-wrap:wrap}.agendamentos-prof-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-2px)}.agendamentos-prof-info{flex:1;display:flex;flex-direction:column;gap:8px}.agendamentos-prof-info p{margin:0;font-size:15px;color:#333}.agendamentos-prof-info strong{color:#1a1a1a;font-weight:600}.agendamentos-prof-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase}.agendamentos-prof-status.pendente{background:#fff3cd;color:#856404}.agendamentos-prof-status.confirmado{background:#d4edda;color:#155724}.agendamentos-prof-status.cancelado{background:#f8d7da;color:#721c24}.agendamentos-prof-status.finalizado{background:#e2e3e5;color:#383d41}.agendamentos-prof-acoes{display:flex;gap:10px;align-items:center}.agendamentos-prof-status-select{padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;background:#fff}.agendamentos-prof-status-select:hover{border-color:#667eea}.agendamentos-prof-status-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.agendamentos-prof-mensagem{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;color:#666;font-size:16px;box-shadow:0 2px 10px #0000000d}@media(max-width:768px){.agendamentos-prof-header{flex-direction:column;align-items:flex-start;padding:15px}.agendamentos-prof-header h1{font-size:20px}.agendamentos-prof-user-info{width:100%;justify-content:space-between;font-size:14px}.agendamentos-prof-user-info img{width:38px;height:38px}.agendamentos-prof-btn-logout{padding:8px 15px;font-size:13px}.agendamentos-prof-container{margin:15px auto;padding:0 15px 30px}.agendamentos-prof-filtros-card{flex-direction:column;padding:15px;gap:12px}.agendamentos-prof-filtro-group{width:100%;min-width:auto;gap:6px}.agendamentos-prof-filtro-group label{font-size:13px}.agendamentos-prof-filtro-group input,.agendamentos-prof-filtro-group select{padding:10px;font-size:14px}.agendamentos-prof-btn-filtrar,.agendamentos-prof-btn-voltar{width:100%;padding:10px 20px;font-size:14px}.agendamentos-prof-resumo-status{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.agendamentos-prof-card-status{padding:12px;border-radius:10px}.agendamentos-prof-card-status span{font-size:11px}.agendamentos-prof-card-status strong{font-size:22px}.agendamentos-prof-lista{gap:12px}.agendamentos-prof-card{flex-direction:column;align-items:flex-start;padding:12px;border-radius:10px;gap:12px}.agendamentos-prof-info{gap:6px}.agendamentos-prof-info p{font-size:13px}.agendamentos-prof-status{padding:3px 10px;font-size:11px}.agendamentos-prof-acoes{width:100%}.agendamentos-prof-status-select{width:100%;padding:8px 12px;font-size:13px}.agendamentos-prof-mensagem{padding:30px 15px;font-size:14px}}@media(max-width:480px){.agendamentos-prof-header{padding:12px}.agendamentos-prof-header h1{font-size:18px}.agendamentos-prof-user-info{font-size:13px}.agendamentos-prof-user-info img{width:35px;height:35px}.agendamentos-prof-container{padding:0 10px 20px;margin:10px auto}.agendamentos-prof-filtros-card{padding:12px}.agendamentos-prof-resumo-status{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:15px}.agendamentos-prof-card-status{padding:10px}.agendamentos-prof-card-status span{font-size:10px}.agendamentos-prof-card-status strong{font-size:20px}.agendamentos-prof-lista{gap:10px}.agendamentos-prof-card{padding:10px}.agendamentos-prof-info p{font-size:12px}.agendamentos-prof-status-select{padding:7px 10px;font-size:12px}}.meus-saloes-container{min-height:100vh;background:#f5f7fa;padding:30px}.meus-saloes-header{text-align:center;margin-bottom:40px;position:relative}.meus-saloes-header h1{color:#1a1a1a;font-size:32px;margin:0 0 10px;font-weight:700}.saloes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-bottom:30px}.salao-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 2px 10px #00000014;transition:all .3s ease;animation:fadeInUp .5s ease}.salao-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #667eea26}.salao-imagem-container{width:100%;height:120px;overflow:hidden;background:linear-gradient(135deg,#fff)}.salao-imagem{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.salao-card:hover .salao-imagem{transform:scale(1.05)}.salao-info{padding:20px}.salao-nome{color:#1a1a1a;font-size:22px;font-weight:700;margin:0 0 15px}.salao-detalhes{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detalhe-item{display:flex;align-items:flex-start;gap:10px}.detalhe-icon{font-size:20px;width:25px;text-align:left;flex-shrink:0}.detalhe-item div{display:flex;flex-direction:column;flex:1;text-align:left}.detalhe-label{font-size:12px;color:#999;font-weight:600;text-transform:uppercase;margin:0 0 2px}.detalhe-valor{font-size:14px;color:#333;margin:0;font-weight:500;word-break:break-word}.btn-editar{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-editar:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;grid-column:1 / -1}.edicao-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}.edicao-secao{background:#f9f9f9;padding:25px;border-radius:12px}.edicao-secao h3{color:#1a1a1a;font-size:18px;margin:0 0 20px;font-weight:700}.form-edicao,.form-imagem{display:flex;flex-direction:column;gap:20px}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.preview-imagem-container{width:100%;height:200px;border-radius:10px;overflow:hidden;margin-bottom:20px;border:3px solid #e0e0e0}.preview-imagem{width:100%;height:100%;object-fit:cover}.file-input-label{display:block}.file-input{display:none}.file-input-button{display:inline-block;padding:12px 24px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;text-align:center}.file-input-button:hover{background:#667eea;color:#fff}.file-name{margin-top:10px;font-size:13px;color:#666;font-style:italic}.btn-salvar,.btn-atualizar-imagem{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-salvar:hover,.btn-atualizar-imagem:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-atualizar-imagem:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:1024px){.edicao-content{grid-template-columns:1fr}}@media(max-width:768px){.meus-saloes-container{padding:20px}.btn-voltar{position:static;width:100%;margin-bottom:20px}.meus-saloes-header h1{font-size:26px}.saloes-grid{grid-template-columns:1fr}.edicao-container{padding:20px}.edicao-header h2{font-size:22px}}@media(max-width:480px){.meus-saloes-header h1{font-size:22px}.subtitle{font-size:14px}.salao-nome{font-size:18px}}.meus-servicos-container{min-height:100vh;background:#f5f7fa;padding:30px}.meus-servicos-header{text-align:center;margin-bottom:40px;position:relative}.btn-voltar{position:absolute;left:0;top:0;padding:10px 20px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-voltar:hover{background:#667eea;color:#fff;transform:translate(-5px)}.meus-servicos-header h1{color:#1a1a1a;font-size:32px;margin:0 0 10px;font-weight:700}.subtitle{color:#666;font-size:16px;margin:0}.alert{padding:15px 20px;border-radius:10px;margin-bottom:25px;font-weight:600;animation:slideDown .3s ease;text-align:center}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.servicos-container{margin-bottom:30px}.servicos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.servico-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 2px 10px #00000014;transition:all .3s ease;animation:fadeInUp .5s ease;display:flex;flex-direction:column}.servico-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #667eea26}.servico-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:15px 15px 0 0;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.servico-nome{font-size:20px;font-weight:700;margin:0;flex:1}.servico-preco{font-size:24px;font-weight:700;background:#fff3;padding:8px 16px;border-radius:8px}.servico-body{padding:2px;flex:1;display:flex;flex-direction:column;gap:15px}.servico-descricao{color:#666;font-size:19px;line-height:1.6;margin:0}.servico-detalhes{display:flex;flex-direction:column;gap:10px;margin-top:auto}.detalhe-item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:#f9f9f9;border-radius:8px}.detalhe-icon{font-size:20px;min-width:25px}.detalhe-label{font-size:11px;color:#999;margin:0 0 3px;font-weight:600;text-transform:uppercase}.detalhe-valor{font-size:14px;color:#333;margin:0;font-weight:500}.btn-editar{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:0 0 15px 15px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-editar:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 5px 15px #667eea66}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#1a1a1a;font-size:24px;margin:0 0 10px}.empty-state p{color:#666;font-size:16px;margin:0 0 25px}.btn-primary{padding:14px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.edicao-container{background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 20px #0000001a;margin-top:30px;animation:slideDown .4s ease}.edicao-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.edicao-header h2{color:#1a1a1a;font-size:26px;margin:0;font-weight:700}.btn-fechar{width:40px;height:40px;background:#f5f5f5;color:#666;border:none;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.btn-fechar:hover{background:#f44;color:#fff;transform:rotate(90deg)}.form-edicao{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#333}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:100px}.form-buttons{display:flex;gap:15px;margin-top:10px}.btn-salvar,.btn-cancelar{flex:1;padding:14px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-salvar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-salvar:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-cancelar{background:#fff;color:#666;border:2px solid #e0e0e0}.btn-cancelar:hover{background:#f5f5f5;border-color:#999;color:#333}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f5f7fa}.loading-spinner{width:60px;height:60px;border:5px solid #e0e0e0;border-top:5px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-container p{color:#666;font-size:16px;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.meus-servicos-container{padding:20px}.btn-voltar{position:static;width:100%;margin-bottom:20px}.meus-servicos-header h1{font-size:26px}.servicos-grid,.form-row{grid-template-columns:1fr}.edicao-container{padding:20px}.edicao-header h2{font-size:22px}.form-buttons{flex-direction:column}}@media(max-width:480px){.meus-servicos-header h1{font-size:22px}.subtitle{font-size:14px}.servico-nome{font-size:18px}.servico-preco{font-size:20px}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333}#root{min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}
