Acesso ao Sistema â€” OZPro ERP

[data-theme="dark"] .form-input:focus { background: rgba(2, 6, 23, 0.95); border-color: #6366f1; box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.22); } [data-theme="dark"] .tab-switch-wrap { background: rgba(2, 6, 23, 0.65); border: 1px solid rgba(255, 255, 255, 0.08); } [data-theme="dark"] .tab-btn.active { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); color: #ffffff; box-shadow: 0 4px 14px rgba(99, 102, 241, 0.4); } [data-theme="dark"] .btn-top-back { background: rgba(15, 23, 42, 0.8); border: 1px solid rgba(255, 255, 255, 0.12); color: #f8fafc; } [data-theme="dark"] .dp-logo-light { display: none !important; } [data-theme="dark"] .dp-logo-dark { display: block !important; } /* â”€â”€â”€ TEMA CLARO â”€â”€â”€ */ [data-theme="light"] body { background-color: var(--bg-body-light); color: var(--text-body-light); } [data-theme="light"] .login-page-wrap { background: radial-gradient(circle at 50% 12%, rgba(99, 102, 241, 0.10) 0%, transparent 55%), radial-gradient(circle at 85% 85%, rgba(14, 165, 233, 0.06) 0%, transparent 45%), var(--bg-body-light); } [data-theme="light"] .login-card { background: #ffffff; border: 1px solid #cbd5e1; box-shadow: 0 20px 60px -15px rgba(15, 23, 42, 0.09), 0 0 0 1px rgba(15, 23, 42, 0.03); } [data-theme="light"] .panel-header h2 { color: #0f172a; } [data-theme="light"] .panel-header p { color: #64748b; } [data-theme="light"] .form-label { color: #334155; } [data-theme="light"] .form-input { background: #f8fafc; border: 1.5px solid #cbd5e1; color: #0f172a; } [data-theme="light"] .form-input:focus { background: #ffffff; border-color: #6366f1; box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.15); } [data-theme="light"] .tab-switch-wrap { background: #f1f5f9; border: 1px solid #cbd5e1; } [data-theme="light"] .tab-btn.active { background: #ffffff; color: #0f172a; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.1); } [data-theme="light"] .btn-top-back { background: #ffffff; border: 1px solid #cbd5e1; color: #0f172a; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05); } [data-theme="light"] .dp-logo-dark { display: none !important; } [data-theme="light"] .dp-logo-light { display: block !important; } /* â”€â”€â”€ ESTRUTURA GERAL DA PÃGINA â”€â”€â”€ */ .login-page-wrap { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 20px 14px; position: relative; overflow-x: hidden; } .ambient-grid { position: fixed; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px); background-size: 50px 50px; pointer-events: none; z-index: 0; } [data-theme="light"] .ambient-grid { background-image: linear-gradient(rgba(15, 23, 42, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, 0.02) 1px, transparent 1px); } /* â”€â”€â”€ TOPO FLUTUANTE DE NAVEGAÃ‡ÃƒO â”€â”€â”€ */ .top-nav-bar { position: absolute; top: 18px; left: 24px; right: 24px; display: flex; align-items: center; justify-content: space-between; z-index: 10; max-width: 1200px; margin: 0 auto; } .btn-top-back { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 12px; font-size: 13px; font-weight: 700; text-decoration: none; transition: all 0.22s ease; } .btn-top-back:hover { transform: translateX(-2px); color: #6366f1; } /* â”€â”€â”€ HERO LOGO CENTRALIZADA â”€â”€â”€ */ .hero-logo-box { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 12px; text-align: center; z-index: 2; } .logo-ambient-halo { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 360px; height: 110px; background: radial-gradient(ellipse at center, rgba(99, 102, 241, 0.32) 0%, rgba(56, 189, 248, 0.14) 40%, transparent 75%); filter: blur(40px); pointer-events: none; z-index: 0; } .hero-logo-img { height: 76px; width: auto; max-width: 360px; object-fit: contain; position: relative; z-index: 1; filter: drop-shadow(0 10px 24px rgba(99, 102, 241, 0.32)); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .hero-logo-img:hover { transform: scale(1.02); } .hero-badge-tagline { display: inline-flex; align-items: center; gap: 8px; padding: 4px 13px; border-radius: 999px; background: rgba(99, 102, 241, 0.12); border: 1px solid rgba(99, 102, 241, 0.28); color: #818cf8; font-size: 11.5px; font-weight: 700; letter-spacing: 0.3px; margin-top: 6px; position: relative; z-index: 1; } /* â”€â”€â”€ CARD CENTRALIZADO DE LOGIN â”€â”€â”€ */ .login-card { width: 100%; max-width: 500px; border-radius: 24px; padding: 30px 36px; position: relative; z-index: 2; transition: max-width 0.3s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease; } .login-card.is-register { max-width: 820px; padding: 20px 34px 18px; } .login-card.is-register .tab-switch-wrap { margin-bottom: 12px; } .register-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; margin-bottom: 4px; } .register-grid .form-group { margin-bottom: 0; } .register-grid .form-label { font-size: 11.5px; margin-bottom: 4px; } .register-grid .form-input { padding: 9px 12px 9px 40px; font-size: 13.5px; } .register-grid .input-icon { font-size: 13.5px; left: 13px; } @media (max-width: 680px) { .login-card.is-register { max-width: 100%; padding: 20px 16px; } .register-grid { grid-template-columns: 1fr; gap: 10px; } } /* Multi-step Registration Stepper */ .reg-stepper-wrap { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 6px 0 16px 0; padding: 8px 14px; background: rgba(255, 255, 255, 0.03); border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.06); } .reg-step-pill { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: #94a3b8; transition: all 0.25s ease; } .reg-step-pill.active { color: #818cf8; } .reg-step-pill.completed { color: #10b981; } .reg-step-badge { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.08); color: #cbd5e1; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; transition: all 0.25s ease; } .reg-step-pill.active .reg-step-badge { background: #6366f1; color: #ffffff; box-shadow: 0 0 12px rgba(99, 102, 241, 0.5); } .reg-step-pill.completed .reg-step-badge { background: #10b981; color: #ffffff; } .reg-step-divider { width: 36px; height: 2px; background: rgba(255, 255, 255, 0.12); border-radius: 2px; transition: all 0.25s ease; } .reg-step-divider.active { background: #6366f1; } /* â”€â”€â”€ TABS DE SELEÃ‡ÃƒO NO TOPO DO CARD â”€â”€â”€ */ .tab-switch-wrap { display: grid; grid-template-columns: 1fr 1.35fr; gap: 4px; padding: 4px; border-radius: 14px; margin-bottom: 22px; } .tab-btn { border: none; background: transparent; font-family: inherit; font-size: 13px; font-weight: 700; padding: 10px 14px; border-radius: 10px; cursor: pointer; color: inherit; opacity: 0.8; display: flex; align-items: center; justify-content: center; gap: 7px; transition: all 0.2s ease; } .tab-btn:hover { opacity: 1; } .tab-btn.active { opacity: 1; } /* â”€â”€â”€ FORMULÃRIOS E TELAS â”€â”€â”€ */ .view-section { display: none; animation: fadeIn 0.25s ease; } .view-section.active { display: block; } @keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } .panel-header { margin-bottom: 22px; text-align: center; } .panel-header h2 { font-size: 24px; font-weight: 900; letter-spacing: -0.5px; color: #f8fafc; margin-bottom: 6px; } .panel-header p { font-size: 13.5px; color: #94a3b8; } .form-group { margin-bottom: 16px; text-align: left; } .form-label { display: block; font-size: 12.5px; font-weight: 700; color: #cbd5e1; margin-bottom: 7px; } .input-wrap { position: relative; display: flex; align-items: center; width: 100%; } .input-icon { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #64748b; font-size: 15px; pointer-events: none; transition: color 0.2s ease; z-index: 2; } .form-input { width: 100%; padding: 13px 14px 13px 46px; border-radius: 12px; font-family: inherit; font-size: 14.5px; font-weight: 500; box-sizing: border-box; transition: all 0.2s ease; outline: none; } .form-input::placeholder { color: #64748b; } .input-wrap:focus-within .input-icon { color: #6366f1; } .input-wrap:has(.password-toggle) .form-input { padding-right: 48px; } .password-toggle { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); color: #64748b; cursor: pointer; background: transparent; border: none; font-size: 15px; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; z-index: 3; transition: all 0.2s ease; } .password-toggle:hover { color: #94a3b8; background: rgba(255, 255, 255, 0.05); } .form-options-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; margin-top: 6px; } .checkbox-label { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 13px; color: #94a3b8; font-weight: 500; user-select: none; } [data-theme="light"] .checkbox-label { color: #475569; } .checkbox-label input[type="checkbox"] { width: 17px; height: 17px; accent-color: #6366f1; cursor: pointer; } .forgot-link-btn { font-size: 13px; color: #818cf8; font-weight: 700; text-decoration: none; cursor: pointer; transition: color 0.2s ease; } .forgot-link-btn:hover { color: #6366f1; text-decoration: underline; } .btn-submit-action { width: 100%; padding: 14px 20px; background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); color: #ffffff; border: none; border-radius: 12px; font-family: inherit; font-size: 15px; font-weight: 800; cursor: pointer; transition: all 0.22s ease; display: flex; align-items: center; justify-content: center; gap: 9px; box-shadow: 0 4px 18px rgba(99, 102, 241, 0.38); } .btn-submit-action:hover { transform: translateY(-1px); box-shadow: 0 6px 24px rgba(99, 102, 241, 0.52); filter: brightness(1.06); } .btn-submit-action:active { transform: translateY(0); } .btn-submit-action:disabled { opacity: 0.65; cursor: not-allowed; transform: none !important; } .btn-submit-action .spinner { width: 18px; height: 18px; border: 2px solid rgba(255, 255, 255, 0.3); border-top-color: #fff; border-radius: 50%; animation: spin 0.6s linear infinite; display: none; } @keyframes spin { to { transform: rotate(360deg); } } /* â”€â”€â”€ MENSAGENS DE ALERTA â”€â”€â”€ */ .alert-box { padding: 12px 16px; border-radius: 11px; font-size: 13px; font-weight: 500; margin-bottom: 20px; display: none; align-items: center; gap: 10px; line-height: 1.45; text-align: left; } .alert-box.error { background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.3); color: #f87171; } .alert-box.success { background: rgba(16, 185, 129, 0.12); border: 1px solid rgba(16, 185, 129, 0.3); color: #34d399; } .back-nav-btn { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; color: #818cf8; cursor: pointer; margin-bottom: 16px; transition: color 0.2s ease; } .back-nav-btn:hover { color: #6366f1; text-decoration: underline; } /* â”€â”€â”€ TRUST BADGES BAR DIRETO ABAIXO DO CARD â”€â”€â”€ */ .trust-badges-bar { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; font-size: 12px; font-weight: 600; color: #94a3b8; margin-top: 18px; z-index: 2; } .trust-item { display: inline-flex; align-items: center; gap: 6px; } .trust-item i { color: #10b981; font-size: 12.5px; } /* â”€â”€â”€ RODAPÃ‰ INSTITUCIONAL COMPACTO (EXCLUSIVO DA PÃGINA DE LOGIN) â”€â”€â”€ */ .public-login-footer { width: 100%; max-width: 1040px; margin: 14px auto 0; padding: 12px 20px 8px; border-top: 1px solid rgba(255, 255, 255, 0.08); position: relative; z-index: 2; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; } [data-theme="light"] .public-login-footer { border-top: 1px solid rgba(15, 23, 42, 0.08); } .footer-compact-contacts { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; font-size: 12px; color: #cbd5e1; } [data-theme="light"] .footer-compact-contacts { color: #475569; } .footer-inline-item { display: inline-flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; transition: color 0.2s ease; } .footer-inline-item strong { color: #f8fafc; } [data-theme="light"] .footer-inline-item strong { color: #0f172a; } a.footer-inline-item:hover { color: #10b981; } .footer-inline-item.status-pill { background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.25); color: #10b981; padding: 2px 10px; border-radius: 999px; font-weight: 700; font-size: 11px; } .footer-status-indicator { width: 7px; height: 7px; border-radius: 50%; background: #10b981; box-shadow: 0 0 6px #10b981; animation: statusPulse 2s infinite ease-in-out; display: inline-block; } @keyframes statusPulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.35); opacity: 0.6; } } .footer-sep { color: #475569; font-size: 11px; } [data-theme="light"] .footer-sep { color: #cbd5e1; } .footer-badges-wrap { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; } .footer-badge-item { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: #94a3b8; background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.07); padding: 3px 10px; border-radius: 999px; white-space: nowrap; } [data-theme="light"] .footer-badge-item { background: #ffffff; border: 1px solid #e2e8f0; color: #475569; } .footer-badge-item i { color: #10b981; font-size: 10px; } .footer-bottom-copy { font-size: 11.5px; color: #64748b; line-height: 1.5; } [data-theme="light"] .footer-bottom-copy { color: #94a3b8; } .footer-bottom-copy strong { color: #94a3b8; } [data-theme="light"] .footer-bottom-copy strong { color: #475569; } @media (max-width: 640px) { .login-page-wrap { padding: 60px 16px 30px; } .hero-logo-img { height: 80px; max-width: 320px; } .login-card { padding: 28px 22px; border-radius: 20px; } .top-nav-bar { left: 16px; right: 16px; top: 14px; } .trust-badges-bar { gap: 10px; font-size: 11px; } } /* OCULTA BARRA DE NAVEGAÃ‡ÃƒO INFERIOR SE HOUVER */ .st-tabbar, body.st-login .st-tabbar, body#loginPage .st-tabbar { display: none !important; visibility: hidden !important; pointer-events: none !important; } `n `n

O Sistema de GestÃ£o Definitivo para o seu NegÃ³cio

Entrar no sistema

Acesse seu painel com seu e-mail e senha cadastrados

E-mail de acesso

Senha

Lembrar de mim Esqueceu a senha?

Ainda nÃ£o tem conta? Crie seu teste de 14 dias grÃ¡tis

Voltar ao login

14 DIAS GRÃTIS Â· ACESSO COMPLETO A TODOS OS MÃ“DULOS

Crie seu teste de 14 dias grÃ¡tis

Configure sua empresa e experimente todas as funcionalidades sem compromisso.

1 Seu Acesso

2 Sua Empresa & IndicaÃ§Ã£o

Conta criada com sucesso! Carregando seu ambiente de teste...

Nome do administrador *

E-mail corporativo de acesso *

Senha de acesso (mÃnimo 6) *

MÃnimo 6 caracteres

Confirmar senha *

Nome da empresa / Fantasia *

WhatsApp / Telefone com DDD *

CPF do Titular *

Data de Nasc. *

Quem convidou vocÃª ao programa? (Opcional)

Importante: Se vocÃª foi indicado por um parceiro, consultor ou amigo, insira o cÃ³digo dele abaixo. Este vÃnculo de indicaÃ§Ã£o sÃ³ pode ser informado nesta primeira configuraÃ§Ã£o de cadastro.

Ao se cadastrar, vocÃª inicia 14 dias de teste completo de todos os mÃ³dulos. Sem cartÃ£o e sem fidelidade.

JÃ¡ possui uma conta? Entrar

Voltar ao login

Recuperar senha

Digite seu e-mail cadastrado para receber o link de redefiniÃ§Ã£o de senha.

Link de recuperaÃ§Ã£o enviado com sucesso! Verifique sua caixa de entrada e spam.

14 dias de teste grÃ¡tis

Sem necessidade de cartÃ£o

Suporte humanizado