.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#0f041a);padding:20px;margin-top:-20px}.login-logo{width:200px;margin:-30px auto -40px;display:block}.login-box{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:440px;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .5s ease}.login-header{text-align:center;margin-bottom:5px}.login-header h1{font-size:28px;color:#1a1a1a;margin:0 0 10px;font-weight:700}.login-header p{color:#666;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.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: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-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:15px 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:30px;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 h1{font-size:28px;color:#1a1a1a;margin:0 0 10px;font-weight:700}.cadastro-header p{color:#666;font-size:14px;margin:0}.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}.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}}.horario-container{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.horario-item{display:flex;flex-direction:column;gap:5px;flex:1;min-width:150px}.horario-item label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase}.horario-item input[type=time]{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s;width:100%}.horario-item input[type=time]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.horario-separador{font-size:14px;color:#999;font-weight:600;margin-top:20px}@media(max-width:600px){.horario-container{flex-direction:column;align-items:stretch}.horario-separador{text-align:center;margin:5px 0}.horario-item{min-width:100%}}.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}.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}.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 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}}.cadastro-dono-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:30px 20px}.cadastro-dono-box{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.cadastro-header{text-align:center;margin-bottom:30px}.cadastro-header h1{color:#1a1a1a;font-size:28px;margin:0 0 10px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cadastro-header p{color:#666;font-size:15px;margin:0;line-height:1.5}.alert{padding:15px 20px;border-radius:10px;margin-bottom:20px;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}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cadastro-form{display:flex;flex-direction:column;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{padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s;background:#f9f9f9}.form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:#999}.input-hint{font-size:12px;color:#999;margin-top:-4px}.btn-cadastrar{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:10px}.btn-cadastrar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.btn-cadastrar:disabled{opacity:.6;cursor:not-allowed;transform:none}.links-container{text-align:center;margin-top:25px;padding-top:25px;border-top:2px solid #f0f0f0}.login-link{color:#666;font-size:14px;margin:0 0 15px}.link-button{background:none;border:none;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s;padding:0}.link-button:hover:not(:disabled){color:#764ba2;text-decoration:underline}.link-button:disabled{opacity:.5;cursor:not-allowed}.link-button.secundario{font-size:13px;color:#999}.link-button.secundario:hover:not(:disabled){color:#667eea}@media(max-width:600px){.cadastro-dono-container{padding:20px 15px}.cadastro-dono-box{padding:30px 20px}.cadastro-header h1{font-size:24px}.cadastro-header p{font-size:14px}.form-group input{padding:12px 14px;font-size:14px}.btn-cadastrar{padding:14px;font-size:15px}}.form-group input:invalid:not(:placeholder-shown){border-color:#f44}.form-group input:valid:not(:placeholder-shown){border-color:#28a745}.form-group input:focus:invalid{border-color:#f44;box-shadow:0 0 0 3px #ff44441a}.form-group input:focus:valid{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.dashboard-profissional{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header{background:#fff;padding:1rem 2rem;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header h1{margin:0;color:#667eea;font-size:1.8rem;font-weight:700}.user-info{display:flex;align-items:center;gap:1rem}.saudacao{font-size:1rem;color:#333;font-weight:500}.foto-perfil{width:45px;height:45px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid #667eea;transition:transform .3s,box-shadow .3s}.foto-perfil:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea66}.btn-logout{padding:.5rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s}.btn-logout:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.container{max-width:1200px;margin:0 auto;padding:0 1rem 2rem}.filtros-card{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a;display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.filtro-group{flex:1;min-width:200px}.filtro-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}.filtro-group input,.filtro-group select{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s}.filtro-group input:focus,.filtro-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-filtrar{padding:.75rem 2rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s;white-space:nowrap}.btn-filtrar:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.resumo-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.card-status{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:all .3s}.card-status:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.card-status span{display:block;font-size:.9rem;color:#6b7280;margin-bottom:.5rem;font-weight:500}.card-status strong{font-size:2.5rem;font-weight:700}.card-status.pendente{border-top:4px solid #f59e0b}.card-status.pendente strong{color:#f59e0b}.card-status.confirmado{border-top:4px solid #10b981}.card-status.confirmado strong{color:#10b981}.card-status.cancelado{border-top:4px solid #ef4444}.card-status.cancelado strong{color:#ef4444}.card-status.finalizado{border-top:4px solid #6b7280}.card-status.finalizado strong{color:#6b7280}.lista-agendamentos{display:flex;flex-direction:column;gap:1rem}.agendamento{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;transition:all .3s}.agendamento:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.info-cliente{flex:1;min-width:300px}.info-cliente p{margin:.5rem 0;color:#4b5563;font-size:.95rem}.info-cliente strong{color:#1f2937;font-weight:600}.status{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;display:inline-block}.status.pendente{background:#fef3c7;color:#f59e0b}.status.confirmado{background:#d1fae5;color:#10b981}.status.cancelado{background:#fee2e2;color:#ef4444}.status.finalizado{background:#e5e7eb;color:#6b7280}.acoes{display:flex;flex-direction:column;gap:.75rem;min-width:200px}.status-select{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;background:#fff;cursor:pointer;font-weight:500;transition:all .3s}.status-select:hover{border-color:#667eea}.status-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mensagem{text-align:center;padding:2rem;background:#fff;border-radius:12px;color:#6b7280;font-size:1.1rem;box-shadow:0 4px 6px #0000001a}.mensagem.erro{color:#ef4444;background:#fee2e2}@media(max-width:768px){.header{flex-direction:column;gap:1rem;text-align:center}.header h1{font-size:1.5rem}.user-info{justify-content:center}.filtros-card{flex-direction:column}.filtro-group,.btn-filtrar{width:100%}.resumo-status{grid-template-columns:repeat(2,1fr)}.agendamento{flex-direction:column;align-items:flex-start}.acoes{width:100%}}@media(max-width:480px){.resumo-status{grid-template-columns:1fr}.card-status strong{font-size:2rem}.container{padding:0 .5rem 1rem}.header{padding:1rem}}.perfil-profissional{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:650px;margin:0 auto;background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 8px 24px #00000026}.container h1{text-align:center;color:#667eea;margin-bottom:2rem;font-size:2rem;font-weight:700}.container h2{color:#667eea;margin-top:2rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.foto-container{text-align:center;margin-bottom:2rem}.foto-perfil{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #667eea;box-shadow:0 4px 12px #667eea4d;transition:all .3s}.foto-perfil:hover{transform:scale(1.05);box-shadow:0 8px 20px #667eea66}.form-section{margin-bottom:2rem}.file-label{display:block;padding:1rem;background:#f3f4f6;border-radius:8px;text-align:center;cursor:pointer;color:#667eea;font-weight:600;margin-bottom:1rem;transition:all .3s;border:2px dashed #d1d5db}.file-label:hover{background:#e5e7eb;border-color:#667eea;transform:translateY(-2px)}.file-label input[type=file]{display:none}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}.form-group input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s;font-family:inherit}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.readonly{background:#f3f4f6;cursor:not-allowed;color:#6b7280}.form-group small{display:block;margin-top:.25rem;color:#6b7280;font-size:.85rem}.btn-primary,.btn-secondary,.btn-warning{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s;font-family:inherit}.btn-block{width:100%;margin-bottom:.75rem}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563;transform:translateY(-2px);box-shadow:0 4px 12px #6b72804d}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.alert{padding:1rem;border-radius:8px;margin-top:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:600;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert svg{flex-shrink:0}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.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:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{font-size:1.2rem;font-weight:500}@media(max-width:768px){.perfil-profissional{padding:1rem .5rem}.container{padding:1.5rem;border-radius:12px}.container h1{font-size:1.75rem}.container h2{font-size:1.3rem}.foto-perfil{width:120px;height:120px}}@media(max-width:480px){.container{padding:1rem}.container h1{font-size:1.5rem}.foto-perfil{width:100px;height:100px}.btn-primary,.btn-secondary,.btn-warning{padding:.65rem 1rem;font-size:.95rem}}*{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}