.auth-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(135deg,#edf8ef 0%,#fff4e7 100%)}
.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:28px}
.auth-card.wide{width:min(520px,100%)}
.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.auth-brand>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff}.auth-brand>span svg{width:27px;height:27px}
.auth-brand h1{font-size:22px;margin:0}.auth-brand p{font-size:12px;color:var(--muted);margin:4px 0 0}
.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px}.auth-form label span{font-size:12px;font-weight:800;color:#475467}
.auth-form input{width:100%;border:1px solid #d9e2da;border-radius:12px;padding:11px 12px;outline:0}.auth-form input:focus{border-color:#72c487;box-shadow:0 0 0 4px rgba(23,156,57,.08)}
.auth-footer{text-align:center;color:var(--muted);font-size:11px;margin-top:20px}
.setup-checks{display:grid;gap:8px;margin:16px 0}.setup-checks>div{display:flex;justify-content:space-between;border:1px solid var(--line);padding:11px 12px;border-radius:11px;font-size:12px}.setup-checks strong.ok{color:var(--primary-dark)}


/* ==========================================================
   V18.0.0 — Branding login finApp
   ========================================================== */
.auth-page{
    min-height:100dvh;
    padding:max(22px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));
    background:
        radial-gradient(circle at 15% 15%,rgba(23,156,57,.10),transparent 28%),
        radial-gradient(circle at 86% 88%,rgba(255,143,31,.12),transparent 25%),
        linear-gradient(145deg,#f4faf5 0%,#fff 52%,#fff7ed 100%);
}
.finapp-login-card{width:min(430px,100%);padding:30px 30px 24px;border-radius:24px}
.auth-product-brand{text-align:center;margin-bottom:24px}
.auth-product-mark{display:block;width:76px;height:76px;margin:0 auto 13px;border-radius:20px;box-shadow:0 12px 26px rgba(15,127,45,.16)}
.auth-product-brand h1{margin:0;color:#17301f;font-size:28px;letter-spacing:-.035em}
.auth-product-brand p{max-width:290px;margin:6px auto 0;color:#748077;font-size:11px;line-height:1.45}
.finapp-login-card .auth-form{gap:15px}
.finapp-login-card .auth-form label span{font-size:11px}
.finapp-login-card .auth-form input{min-height:46px;font-size:14px;background:#fbfdfb}
.finapp-login-card .auth-form .button{min-height:46px;margin-top:3px}
.auth-install-button{width:100%;min-height:40px;margin-top:10px;border:1px solid #d4e7d9;border-radius:11px;background:#f0faf3;color:#0f7f2d;font-weight:800;font-size:10px;cursor:pointer}
.auth-install-button[hidden]{display:none!important}
.finapp-login-card .auth-footer{display:grid;gap:4px;margin-top:22px;padding-top:16px;border-top:1px solid #edf1ee}
.finapp-login-card .auth-footer strong{color:#5c6860;font-size:10px}
.finapp-login-card .auth-footer span{color:#929c95;font-size:8.5px}
@media(max-width:520px){
    .auth-page{place-items:stretch;align-content:center;padding-left:12px;padding-right:12px}
    .finapp-login-card{width:100%;padding:24px 20px 20px;border-radius:20px}
    .auth-product-mark{width:68px;height:68px;border-radius:18px}
    .auth-product-brand h1{font-size:25px}
    .finapp-login-card .auth-form input{font-size:16px}
}