/* Rohar Pay authentication flow polish; scoped to public auth screens. */
body.auth-route{position:relative;isolation:isolate;background:linear-gradient(135deg,#effaf3 0%,#f6f8fa 50%,#eaf4ff 100%);min-height:100vh}
body.auth-route::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='104' viewBox='0 0 180 104'%3E%3Ctext x='9' y='70' font-family='Arial,sans-serif' font-size='52' font-weight='900' fill='%23168b4c' fill-opacity='.055'%3ERP%3C/text%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 104px}
.top-auth-centered{justify-content:center;position:relative}.top-auth-centered .brand{margin-inline:auto;justify-content:center}.top-auth-centered .topnav{display:none}
.auth-flow-wrap{position:relative;z-index:1;width:min(100% - 28px,720px);margin:36px auto 64px;display:flex;justify-content:center;align-items:flex-start}
.auth-flow-card{width:100%;padding:clamp(22px,4.4vw,42px);border:1px solid rgba(214,228,220,.95);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 22px 70px rgba(16,48,34,.12),0 3px 12px rgba(13,30,23,.04);backdrop-filter:blur(12px);color:#13231c}
.flow-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.flow-brand img{width:48px;height:48px;object-fit:contain;border-radius:13px;background:#fff;box-shadow:0 4px 14px #0e6c3c18}.flow-brand strong{display:block;font-size:14px;font-weight:950;letter-spacing:.5px}.flow-brand small{display:block;margin-top:4px;color:#738078;font-size:9px;letter-spacing:1.7px;font-weight:800}
.flow-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eaf8ef;color:#168448;font-size:10px;letter-spacing:1.1px;font-weight:900}
.auth-flow-card h1{font-size:clamp(28px,5vw,40px);line-height:1.12;letter-spacing:-1.1px;margin:17px 0 12px;color:#14231d;font-weight:950}.flow-lead{font-size:14px;line-height:1.8;color:#66736d;margin:0 0 25px}.flow-lead strong{color:#1b6240;overflow-wrap:anywhere}
.flow-option{display:flex;align-items:center;gap:15px;padding:18px;margin:14px 0;border:1px solid #e1eae4;border-radius:18px;background:#fff;color:#17251e;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.flow-option:hover{transform:translateY(-2px);border-color:#86d5a4;box-shadow:0 12px 28px #0d7c3b12}.flow-option-primary{border-color:#a6dfb9;background:linear-gradient(115deg,#f0fbf4,#fff)}.flow-option-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;background:#e7f8ed;color:#148348;font-size:23px;font-weight:900}.flow-option span:nth-child(2){flex:1}.flow-option strong{display:block;font-size:15px;font-weight:900}.flow-option small{display:block;color:#748078;font-size:12px;line-height:1.6;margin-top:6px}.flow-option>b{font-size:22px;color:#179452}
.flow-note{padding:16px 18px;border-radius:16px;background:#f5f8f6;border:1px solid #e6ece8;margin:22px 0}.flow-note strong{font-size:12px;color:#315b44}.flow-note p{font-size:12px;line-height:1.7;color:#738078;margin:6px 0 0}.flow-back{display:inline-flex;margin-top:20px;color:#168449;font-weight:850;font-size:12px;text-decoration:none}.flow-form{display:grid;gap:16px}.flow-field{display:grid;gap:8px;font-size:12px;font-weight:850;color:#26382e}.required-mark{color:#e04444;font-size:14px}.flow-field input{width:100%;min-width:0;box-sizing:border-box;padding:14px 15px;border:1px solid #dce6df;border-radius:13px;background:#fbfdfb;color:#14231d;font:inherit;font-size:14px;font-weight:550;outline:none;transition:border-color .15s,box-shadow .15s}.flow-field input:focus{border-color:#36b66f;box-shadow:0 0 0 4px #26a95a18;background:#fff}.flow-field input[readonly]{background:#eff8f2;color:#177d45;font-weight:900;letter-spacing:1.2px}.flow-field small{font-size:11px;line-height:1.55;color:#7b8880;font-weight:500}.flow-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flow-field-grid>.flow-field{min-width:0}.flow-terms{display:flex;gap:11px;align-items:flex-start;padding:15px;border:1px solid #e2ebe5;border-radius:14px;background:#f7faf8;color:#52645a;font-size:12px;line-height:1.7}.flow-terms input{width:18px;height:18px;accent-color:#168b4c;flex:0 0 18px;margin:1px 0 0}.flow-terms a{color:#137d43;font-weight:900}.flow-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 18px;border:0;border-radius:14px;background:linear-gradient(100deg,#138647,#22b565);box-shadow:0 9px 22px #1386472c;color:#fff;font:inherit;font-size:14px;font-weight:950;text-decoration:none;cursor:pointer;transition:transform .15s,filter .15s}.flow-submit:hover{transform:translateY(-1px);filter:saturate(1.12)}.flow-submit span{font-size:20px;line-height:1}.flow-submit-link{box-sizing:border-box;margin-top:22px}.flow-secondary{border:1px solid #cfe3d5;background:#f2faf5;color:#167e45;padding:12px 18px;border-radius:12px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.resend-form{margin-top:12px}.flow-alert{padding:12px 15px;border:1px solid #fecaca;background:#fff3f3;border-radius:13px;color:#a42b2b;font-size:12px;line-height:1.65;margin:0 0 18px}.flow-alert p{margin:3px 0}.flow-success-note{padding:13px 15px;border:1px solid #b8e5c6;background:#f0fbf3;border-radius:13px;color:#237343;font-size:12px;line-height:1.65;margin:0 0 18px}.flow-id-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-radius:14px;background:#f0f8f3;border:1px solid #d6ebdd;color:#64766a;font-size:12px;margin:0 0 22px}.flow-id-chip strong{font-size:19px;letter-spacing:1.5px;color:#147b42}.otp-entry{text-align:center!important;letter-spacing:9px!important;font-size:22px!important;font-weight:900!important}.match-ok{color:#178348!important}.match-bad{color:#d33c3c!important}.created-id{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:20px;border:1px solid #cfe8d6;border-radius:17px;background:#f4fbf6}.created-id small{grid-column:1 / -1;color:#718076;font-size:10px;font-weight:900;letter-spacing:1.5px}.created-id strong{font-size:25px;letter-spacing:2px;color:#148447}.created-id button{border:1px solid #c7e5d1;background:#fff;border-radius:10px;padding:9px 13px;color:#168449;font-weight:900}.success-card{text-align:center;max-width:580px}.success-mark{display:grid;place-items:center;width:66px;height:66px;border-radius:22px;margin:0 auto 20px;background:#e4f8eb;color:#138447;font-size:36px;font-weight:900}.success-card .flow-kicker{margin:auto}.success-card .flow-lead{margin-top:10px}.temp-mail-warning{display:block!important;color:#b42318!important;background:#fff4f2;border:1px solid #ffd2cc;border-radius:10px;padding:9px 10px;font-weight:700!important}.signup-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0;text-align:left}.signup-summary>div{min-width:0;padding:14px;border:1px solid #e0ebe4;border-radius:14px;background:#fbfdfb}.signup-summary small{display:block;margin-bottom:7px;color:#7a887f;font-size:9px;font-weight:900;letter-spacing:1px}.signup-summary strong{display:block;color:#17281e;font-size:13px;overflow-wrap:anywhere}.backup-code-panel{padding:19px;border:1px solid #bde4c9;border-radius:17px;background:linear-gradient(135deg,#effaf3,#f8fcff);margin:18px 0}.backup-code-kicker{display:block;color:#167d43;font-size:10px;font-weight:950;letter-spacing:1.5px}.backup-code-panel>strong{display:block;margin:12px 0;font-size:clamp(19px,4vw,26px);letter-spacing:1.8px;color:#10271a;overflow-wrap:anywhere}.copy-backup-code{border:1px solid #b7dfc3;border-radius:10px;padding:10px 14px;background:#fff;color:#167d43;font-weight:900}.backup-code-panel p,.success-next-step{color:#65766b;font-size:11px;line-height:1.6;margin:10px 0 0}.success-next-step{margin-top:13px}
@media(max-width:600px){.auth-flow-wrap{width:calc(100% - 20px);margin:20px auto 42px}.auth-flow-card{padding:22px 18px;border-radius:22px}.flow-brand{margin-bottom:24px}.flow-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.flow-field-grid .flow-field{font-size:11px}.flow-field-grid .flow-field input{padding:12px 9px;font-size:12px}.flow-field-grid .flow-field small{font-size:9px}.flow-option{padding:14px;gap:11px}.flow-option-icon{width:42px;height:42px;flex-basis:42px}.flow-option strong{font-size:13px}.flow-option small{font-size:11px}.auth-flow-card h1{font-size:29px}.flow-lead{font-size:13px}.flow-id-chip{align-items:flex-start;flex-direction:column}.created-id strong{font-size:21px}.signup-summary{gap:7px}.signup-summary>div{padding:10px}.signup-summary strong{font-size:11px}.backup-code-panel{padding:15px}}