.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.login-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;background:linear-gradient(135deg,#f5f7fa 100%,#c3cfe2);padding:2rem;width:100%;max-width:400px}.login-title{color:#2c3e50;text-align:center;margin-bottom:1.5rem;font-size:1.8rem}.login-input{width:100%;padding:.8rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.login-button{width:100%;padding:.8rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.login-error{color:#e74c3c;background-color:#fadbd8;padding:.8rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.login-footer{text-align:center;margin-top:1.5rem;color:#7f8c8d}.login-link{color:#3498db;text-decoration:none}.cadastro-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.cadastro-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;background:linear-gradient(135deg,#f5f7fa 100%,#c3cfe2);padding:2rem;width:100%;max-width:400px}.cadastro-title{color:#2c3e50;text-align:center;margin-bottom:1.5rem;font-size:1.8rem}.cadastro-input{width:100%;padding:.8rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.cadastro-button{width:100%;padding:.8rem;background-color:#27ae60;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.cadastro-button:hover{background-color:#219653}.cadastro-error{color:#e74c3c;background-color:#fadbd8;padding:.8rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.cadastro-footer{text-align:center;margin-top:1.5rem;color:#7f8c8d}.cadastro-link{color:#3498db;text-decoration:none;font-weight:500}.cadastro-link:hover{text-decoration:underline}.perfil-container{max-width:800px;margin:1rem auto;padding:1.5rem;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);border-radius:15px;box-shadow:0 10px 30px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading{text-align:center;font-size:clamp(1rem,3vw,1.2rem);color:#555;padding:2rem}.perfil-detalhes{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.perfil-avatar{width:clamp(120px,25vw,150px);height:clamp(120px,25vw,150px);border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.perfil-info{background:#fff;padding:clamp(1rem,3vw,2rem);border-radius:10px;width:100%;box-shadow:0 5px 15px #0000000d;text-align:center}.perfil-info h2{color:#2c3e50;margin-bottom:1rem;font-size:clamp(1.4rem,4vw,1.8rem);border-bottom:2px solid #f0f0f0;padding-bottom:.5rem}.perfil-info p{margin:.8rem 0;color:#555;font-size:clamp(.9rem,3vw,1.1rem);text-align:left;padding-left:1rem}.perfil-info strong{color:#2c3e50;margin-right:.5rem}.perfil-acoes{display:flex;flex-wrap:wrap;gap:1rem;width:100%;justify-content:center}.perfil-form{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.perfil-avatar-container{position:relative;cursor:pointer;transition:all .3s ease;width:clamp(120px,25vw,150px)}.perfil-avatar-edit{position:absolute;bottom:10px;right:10px;background:#3498db;color:#fff;border:none;border-radius:50%;width:clamp(30px,8vw,40px);height:clamp(30px,8vw,40px);font-size:clamp(.9rem,3vw,1.2rem);display:flex;align-items:center;justify-content:center;cursor:pointer}.form-group{width:100%}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:600;font-size:clamp(.9rem,3vw,1rem)}.form-group input{width:100%;padding:clamp(.6rem,2vw,.8rem);border:1px solid #ddd;border-radius:8px;font-size:clamp(.9rem,3vw,1rem)}.form-buttons{display:flex;flex-wrap:wrap;gap:1rem;width:100%;justify-content:center}.perfil-botao{padding:clamp(.6rem,2vw,.8rem) clamp(1rem,3vw,1.5rem);border:none;border-radius:8px;font-size:clamp(.9rem,3vw,1rem);font-weight:600;cursor:pointer;transition:all .3s ease;flex:1 1 150px;text-align:center}.perfil-links-section{width:100%;margin-top:clamp(1.5rem,4vw,3rem);padding-top:clamp(1rem,3vw,2rem);border-top:1px solid #eee}.perfil-links-section h3{color:#2c3e50;margin-bottom:clamp(.5rem,2vw,1rem);font-size:clamp(1.2rem,4vw,1.5rem)}.links-description{text-align:center;color:#7f8c8d;margin-bottom:clamp(1rem,3vw,2rem);font-size:clamp(.8rem,3vw,1rem);padding:0 1rem}.links-container{display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.5rem)}.link-card{background:#fff;padding:clamp(1rem,3vw,1.5rem);border-radius:10px;box-shadow:0 5px 15px #0000000d}.link-card h4{margin-bottom:.5rem;color:#2c3e50;font-size:clamp(1rem,3vw,1.2rem)}.link-description{margin-bottom:clamp(.8rem,2vw,1rem);color:#7f8c8d;font-size:clamp(.8rem,2.5vw,.9rem)}.link-action{display:flex;flex-direction:column;gap:clamp(.5rem,2vw,.8rem)}.link-input{width:100%;padding:clamp(.6rem,2vw,.8rem);border:1px solid #ddd;border-radius:8px;font-size:clamp(.8rem,2.5vw,.9rem)}.link-buttons{display:flex;gap:clamp(.5rem,2vw,.8rem)}@media (max-width: 500px){.perfil-container{padding:1rem;border-radius:0;margin:0;min-height:100vh}.perfil-info p{padding-left:0;text-align:center}.perfil-info strong{display:block;margin-bottom:.2rem}.form-buttons,.perfil-acoes,.link-buttons{flex-direction:column}.perfil-botao{width:100%;flex:none}}@media (min-width: 768px){.perfil-detalhes{flex-direction:row;align-items:flex-start}.perfil-info{margin-left:1.5rem;text-align:left}.perfil-info p{padding-left:0}}.perfil-botao{padding:.8rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff}.perfil-botao-editar{background-color:#3498db}.perfil-botao-editar:hover{background-color:#2980b9;transform:translateY(-2px)}.perfil-botao-sair{background-color:#e74c3c}.perfil-botao-sair:hover{background-color:#c0392b;transform:translateY(-2px)}.perfil-botao-salvar{background-color:#2ecc71}.perfil-botao-salvar:hover{background-color:#27ae60;transform:translateY(-2px)}.perfil-botao-cancelar{background-color:#95a5a6}.perfil-botao-cancelar:hover{background-color:#7f8c8d;transform:translateY(-2px)}.perfil-botao-copiar{background-color:#9b59b6}.perfil-botao-copiar:hover{background-color:#8e44ad;transform:translateY(-2px)}.perfil-botao-preview{background-color:#3498db}.perfil-botao-preview:hover{background-color:#2980b9;transform:translateY(-2px)}.perfil-botao-panfleto{background-color:#f39c12}.perfil-botao-panfleto:hover{background-color:#e67e22;transform:translateY(-2px)}@media (max-width: 600px){.perfil-acoes{flex-direction:column}.perfil-botao{width:100%}}.spinner-container{display:flex;justify-content:center;align-items:center;height:100px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4361ee;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cometti-footer{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:1.2rem;background:#2c3e50;color:#fff;font-size:.9rem}.cometti-footer strong{color:#3498db}.cometti-footer small{opacity:.8;display:block;margin-top:.3rem}html,body,#root{height:100%;margin:0;font-family:Segoe UI,system-ui,sans-serif;background:#f5f7fa}.bio-container{--primary-color: #2563eb;--avatar-size: 140px;min-height:100vh;display:flex;flex-direction:column;background:#fff;max-width:500px;margin:0 auto;position:relative;box-shadow:0 0 25px #00000014}.bio-header{padding:2rem 1.5rem 1.5rem;text-align:center;background:var(--primary-color);color:#fff;position:relative}.bio-header:before{content:"";position:absolute;bottom:-10px;left:0;right:0;height:20px;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" fill="%232563eb" opacity=".25"/><path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" fill="%232563eb" opacity=".5"/><path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" fill="%232563eb"/></svg>') no-repeat;background-size:cover}.bio-avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;object-fit:cover;border:5px solid rgb(0,0,0);box-shadow:0 4px 15px #0003;margin-bottom:1.5rem}.bio-name{font-size:2rem;margin:.25rem 0;font-weight:600}.bio-subtitle{font-size:1.5rem;opacity:.9;font-weight:400}.bio-content{flex:1;padding:2rem 1.5rem;width:100%;padding-bottom:80px}.bio-buttons{display:flex;flex-direction:column;gap:1.25rem}.bio-button{padding:1.25rem;border-radius:12px;font-size:1.1rem;text-align:center;color:#fff;text-decoration:none;font-weight:500;background:var(--primary-color);display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s ease}.bio-button:active{transform:scale(.98)}@media (hover: hover){.bio-button:hover{opacity:.9;filter:brightness(1.05)}}.bio-button span{font-size:1.3rem}.cometti-footer{padding:1.25rem;text-align:center;background:#fffdfd;color:#64748b;border-top:1px solid #e2e8f0;font-size:.85rem}.cometti-footer strong{color:var(--primary-color)}@media (max-width: 500px){.bio-container{box-shadow:none}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.modal-content h3{margin:0;font-size:18px;text-align:center}.modal-content p{text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}input{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px;width:100%;box-sizing:border-box}button{padding:10px;font-size:16px;background-color:#25d366;color:#fff;border:none;border-radius:5px;cursor:pointer;width:100%;box-sizing:border-box}button:disabled{background-color:#ccc}.error-message{color:red;font-size:14px;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:95%;max-height:95vh;max-width:420px;padding:15px;position:relative}.vendedor-container{display:flex;justify-content:center;margin-bottom:15px}.vendedor-header{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;text-align:center}.vendedor-foto{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #25D366}.vendedor-info{text-align:left}.vendedor-info h3{margin:0;font-size:1.1rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.vendedor-info p{margin:3px 0 0;font-size:.9rem;color:#666}.close-button{position:absolute;display:inline-block;text-align:right;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#e61c1c;z-index:10}.modal-title{font-size:1rem;color:#333;margin:0;text-align:center}.veiculo-nome{font-size:1rem;color:#2c7be5;margin:0 0 2px;text-align:center;font-weight:600}.moto-image{width:100%;max-height:150px;object-fit:contain;margin:0 auto 2px;display:block;border-radius:6px}.planos-container{display:grid;gap:7px;margin:2% 0}.planos-container.dois-colunas{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.plano-col{margin-bottom:0;min-width:0}.plano-titulo{font-size:.85rem;padding:4px 8px;text-align:center;border-radius:4px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plano-titulo.semEntrada{background:#ffc107}.plano-titulo.comEntrada{background:#4caf50}.parcela-option{display:flex;justify-content:space-between;padding:2px 8px;border:1px solid #eee;border-radius:4px;margin-bottom:1px;font-size:1rem}.parcela-option.selected{background:#f0f7ff;border-color:#2c7be5}.parcela-meses{color:#555}.parcela-valor{font-weight:600;color:#000!important}.whatsapp-button{background:#25d366;color:#fff;border:none;padding:8px;width:100%;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;margin-top:8px;transition:background .3s}.whatsapp-button:hover{background:#128c7e}.error-message{color:#f44336;text-align:center;margin-top:6px;font-size:.85rem}.error-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1001;animation:fadeInOut 3s forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-20px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@media (max-width: 280px){.planos-container.dois-colunas{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.vendedor-info h3{max-width:120px}.parcela-option{padding:6px;font-size:.8rem}}.whatsapp-container{margin-top:15px;display:flex;flex-direction:column;gap:8px}.floating-error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fdd;color:#d8000c;padding:14px 22px;border:2px solid #d8000c;border-radius:10px;font-size:18px;font-weight:700;z-index:9999;box-shadow:0 2px 10px #0000004d;animation:fadeInOut 3s forwards}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.icone-download{position:absolute;display:inline-block;text-align:right;top:60px;right:6px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#a29e9ea9;z-index:10}.vendas-page{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;position:relative}.concessionaria-banner{background:#000;color:#fff;padding:15px;text-align:center;margin:-20px -20px 20px}.concessionaria-banner h2{margin:0;font-size:1.5rem;text-transform:uppercase}.vendedor-profile{text-align:center;margin-bottom:30px}.vendedor-profile img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #25D366}.veiculos-container{flex:1;margin-bottom:60px}.veiculos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.veiculo-card{border:1px solid #e0e0e0;border-radius:10px;padding:20px;transition:all .3s ease}.veiculo-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.veiculo-image-container{height:180px;margin:15px 0}.veiculo-image-container img{width:100%;height:100%;object-fit:contain}.veiculo-info{margin:15px 0}.parcela-texto{color:#666;margin-bottom:5px}.parcela-valor{font-weight:700;font-size:1.2rem;color:#e63946}.veiculo-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}.veiculo-actions button{padding:12px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s}.btn-parcelas{background:#f0ad4e;color:#fff}.btn-detalhes{background:#5bc0de;color:#fff}.btn-whatsapp{background:#25d366;color:#fff}.page-footer{margin-top:auto;padding:20px 0;background:#f8f9fa;border-top:1px solid #e0e0e0}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.error-screen{text-align:center;padding:50px;background:#ffecec;border-radius:8px;margin:20px;border:1px solid #ffb3b3}.error-screen button{background:#d32f2f;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:15px}