:root{--green:#087f43;--green2:#00a33a;--green3:#e8f7ec;--orange:#e63b35;--orange2:#fff0d4}
.login-page{min-height:calc(100vh - 28px);display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);background:#f6f8f7}.login-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 30% 20%,#13b941 0,#039739 31%,#087f43 72%,#066535 100%);display:flex;align-items:center;justify-content:center;padding:48px}.login-visual:before,.login-visual:after{content:"";position:absolute;border:1px solid #ffffff1f;border-radius:50%}.login-visual:before{width:620px;height:620px}.login-visual:after{width:780px;height:780px}.login-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:#fff2;filter:blur(4px)}.login-visual img{position:relative;z-index:2;width:min(510px,74vh);max-width:82%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 30px 70px #064e293d;border:7px solid #ffffff22}.login-brand{position:absolute;z-index:3;left:42px;bottom:36px;color:#fff}.login-brand span{font-size:10px;letter-spacing:2px;font-weight:900;color:#d8fbe3}.login-brand h1{font-size:29px;margin:3px 0}.login-brand p{margin:0;color:#d8f2e1}.login-panel{display:grid;place-items:center;padding:42px}.login-box{width:min(440px,100%)}.login-mini-brand{display:flex;align-items:center;gap:10px;margin-bottom:38px}.login-mini-brand>b{width:44px;height:44px;border-radius:13px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:18px}.login-mini-brand strong,.login-mini-brand small{display:block}.login-mini-brand small{color:var(--muted);font-size:11px}.login-box h2{font-size:35px;margin:5px 0}.login-intro{color:var(--muted);margin:0 0 22px}.login-profiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.login-profiles button{display:flex;align-items:center;gap:10px;border:2px solid var(--line);background:#fff;border-radius:14px;padding:13px;text-align:left;cursor:pointer}.login-profiles button.active{border-color:var(--green);background:var(--green3);box-shadow:0 0 0 3px #00874312}.login-profiles i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#edf3ef;font-style:normal;font-size:18px}.login-profiles b,.login-profiles small{display:block}.login-profiles small{font-size:9px;color:var(--muted)}.password-wrap{position:relative}.password-wrap input{padding-right:76px!important}.password-wrap button{position:absolute;right:7px;top:7px;height:32px;border:0;background:#edf3ef;color:var(--green);border-radius:8px;font-size:10px;font-weight:900;cursor:pointer}.login-submit{min-height:49px;font-size:14px;margin-top:5px;background:var(--green)}.login-error{min-height:18px;color:var(--danger);font-size:11px;font-weight:700;margin:-5px 0 5px}.demo-access{display:grid;gap:3px;background:#fff8e7;border:1px solid #f3d98c;border-radius:12px;padding:11px 13px;margin-top:14px;font-size:10px;color:#665424}.demo-access>b{color:#4d3d14}.catalog-link{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--green);font-weight:800;cursor:pointer}.login-disclaimer{text-align:center;color:var(--muted);font-size:9px;margin-top:12px}.shake{animation:shake .3s}.logout-btn{color:var(--danger)!important;margin-left:5px}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-visual{min-height:340px;padding:22px}.login-visual img{width:290px}.login-brand{left:24px;bottom:20px}.login-panel{padding:30px 20px}.login-mini-brand{margin-bottom:22px}}
@media(max-width:600px){body:has(.login-page){padding-bottom:0}.login-page{min-height:calc(100vh - 24px);display:flex;flex-direction:column}.login-visual{min-height:220px;height:32vh;flex:none;align-items:flex-start;padding:14px}.login-visual img{width:190px;max-width:54%;border-width:4px}.login-brand{left:auto;right:18px;bottom:21px;text-align:right;max-width:46%}.login-brand span{font-size:8px}.login-brand h1{font-size:20px}.login-brand p{font-size:10px}.login-panel{display:block;padding:22px 17px 26px}.login-box{margin:auto}.login-mini-brand{display:none}.login-box h2{font-size:28px}.login-intro{margin-bottom:15px}.login-profiles button{padding:10px 8px}.login-profiles i{width:32px;height:32px}.demo-access{font-size:9px}.role-switch{gap:3px}.role-switch button{font-size:10px;padding:8px 6px}.logout-btn{flex:0 0 48px!important;font-size:0!important}.logout-btn:after{content:'Sair';font-size:10px}}