:root{color-scheme:light;--forest:#075b3e;--green:#128653;--green-2:#19a361;--mint:#e6f8ee;--line:#d9e4df;--text:#1e3440;--muted:#6b7b87}
*,*::before,*::after{box-sizing:border-box}
html{min-width:280px;min-height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.cbt-login-v22{margin:0;min-height:100vh;min-height:100dvh;color:var(--text);background:radial-gradient(ellipse 40% 28% at 5% 20%,#e7f9ef 0,transparent 90%),radial-gradient(ellipse 44% 42% at 99% 85%,#d9f3e4 0,transparent 92%),linear-gradient(165deg,#f7fef9 0%,#e9f8f0 70%,#f8fefb 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;position:relative;isolation:isolate}
body.cbt-login-v22::before{content:"";position:fixed;z-index:-1;top:0;left:50%;transform:translateX(-50%);width:min(80vw,650px);height:240px;opacity:.38;background:#ccebd8;clip-path:polygon(0 100%,7% 100%,7% 34%,10% 22%,13% 34%,13% 100%,21% 100%,21% 70%,34% 70%,34% 43%,40% 24%,50% 0,60% 24%,66% 43%,66% 70%,79% 70%,79% 100%,87% 100%,87% 34%,90% 22%,93% 34%,93% 100%,100% 100%);pointer-events:none}
.login-page{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:24px 15px max(18px,env(safe-area-inset-bottom))}
.login-card{background:#fff;border:1px solid #e4f0e8;border-radius:30px;box-shadow:0 20px 55px rgba(7,79,53,.09);width:min(100%,480px);padding:29px clamp(21px,5vw,40px) 21px;min-width:0}
.login-brand{text-align:center;margin:0 0 23px}
.login-brand-mark{display:block;width:132px;height:auto;object-fit:contain;margin:0 auto 4px}
.login-brand h1{font-size:clamp(27px,3vw,35px);font-family:Georgia,"Times New Roman",serif;line-height:1.15;letter-spacing:-.045em;color:#07543b;margin:0;font-weight:800}
.login-brand h1 span{display:block}
.brand-accent{display:block;background:#d2a34a;width:44px;height:3px;border-radius:8px;margin:13px auto 10px}
.login-brand p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}
.login-form{display:grid;gap:12px}
.login-field{display:grid;gap:7px}
.login-field label{font-size:13px;font-weight:750;color:#2a3c46}
.login-input-wrap{display:flex;align-items:center;min-height:53px;border:1.5px solid #d7e0e0;background:#fff;border-radius:14px;gap:11px;padding:0 12px;transition:border-color .2s,box-shadow .2s;min-width:0}
.login-input-wrap:focus-within{border-color:#399e68;box-shadow:0 0 0 3px rgba(23,149,85,.10)}
.login-input-wrap>svg{width:22px;height:22px;flex:0 0 22px;color:#71828e}
.login-input-wrap input{outline:0;border:0;background:transparent;flex:1;min-width:0;width:100%;height:50px;font-size:15px;color:#1e3440;font-family:inherit;border-radius:0;box-shadow:none!important}
.login-input-wrap input::placeholder{color:#8d9aa5;opacity:1}
.login-eye{display:grid;place-items:center;width:36px;height:38px;background:transparent;border:0;border-radius:10px;cursor:pointer;flex:0 0 36px;color:#6a7c85}
.login-eye:hover{background:#eef8f1;color:#117a4e}
.login-eye svg{width:23px;height:23px}
.login-submit{margin-top:5px;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:53px;padding:10px 12px;background:linear-gradient(110deg,#08844e,#159b59);border:1px solid #128955;border-radius:14px;color:#fff;font:750 15px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 10px 22px rgba(14,134,73,.13);transition:transform .14s,filter .14s}
.login-submit:hover{filter:brightness(.97)}.login-submit:active{transform:translateY(1px)}.login-submit:disabled{opacity:.7;cursor:wait}
.login-submit svg{width:21px;height:21px}
.login-divider{display:flex;align-items:center;gap:12px;margin:18px 0 16px;color:#7c8990;font-size:11px;font-weight:750;letter-spacing:.08em}
.login-divider::before,.login-divider::after{content:"";height:1px;flex:1;background:#e1e8e5}
.login-role-button{width:100%;border:1.5px solid #087c50;border-radius:14px;min-height:50px;padding:11px 12px;display:flex;align-items:center;justify-content:center;gap:11px;background:#f1faf5;color:#08633f;font:750 14px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:background .2s}
.login-role-button:hover,.login-role-button[aria-pressed="true"]{background:#def4e7}
.login-role-button svg{height:22px;width:22px;flex:0 0 22px}
.login-role-help{border-radius:10px;background:#eff8f2;color:#276347;font-size:12px;line-height:1.5;padding:9px 11px;margin:10px 0 0}
.login-help-button{display:flex;gap:7px;align-items:center;justify-content:center;padding:7px 10px;margin:20px auto 0;background:none;border:0;color:#087248;font-size:13px;font-weight:750;cursor:pointer}
.login-help-button svg{height:18px;width:18px}
.login-help-panel{border-radius:11px;border:1px solid #d9e9df;background:#f6fcf8;padding:11px;font-size:12px;color:#4f6f60;line-height:1.5;margin-top:8px}
.login-alert{background:#fff1f1;color:#a52727;border:1px solid #f0caca;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.45;margin-bottom:17px}
.login-copyright{color:#6b8878;font-size:11px;text-align:center;margin:0;padding:0 10px}
[hidden]{display:none!important}
@media(max-width:560px){.login-page{justify-content:center;padding:12px 13px max(12px,env(safe-area-inset-bottom));gap:9px}.login-card{width:100%;border-radius:26px;padding:21px 19px 17px}.login-brand{margin-bottom:18px}.login-brand-mark{width:112px;margin-bottom:3px}.login-brand h1{font-size:28px}.login-brand p{font-size:12px}.login-field label{font-size:12px}.login-input-wrap{min-height:49px;border-radius:13px}.login-input-wrap input{height:47px;font-size:16px}.login-submit{min-height:50px;margin-top:4px}.login-role-button{min-height:47px;font-size:13px}.login-divider{margin:15px 0 13px}.login-help-button{margin-top:15px}.login-copyright{font-size:10px}}
@media(max-width:370px){.login-card{padding:17px 15px 15px}.login-brand-mark{width:98px}.login-brand h1{font-size:26px}.login-role-button{font-size:12px}}
@media(max-height:730px) and (max-width:650px){.login-page{justify-content:flex-start;padding-top:12px}.login-card{padding-top:13px}.login-brand{margin-bottom:12px}.login-brand-mark{width:78px}.login-brand h1{font-size:25px}.login-brand p{font-size:11px}.brand-accent{margin:8px auto 7px}.login-input-wrap,.login-submit{min-height:45px}.login-input-wrap input{height:44px}.login-form{gap:9px}.login-divider{margin:11px 0}.login-role-button{min-height:43px}.login-help-button{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}