:root{font-family:Inter,Arial,sans-serif;color:#eaf6f3;background:#101b19;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,#21423a 0,transparent 36%),linear-gradient(135deg,#0e1716,#182824 55%,#13211f);display:grid;place-items:center;padding:24px}.auth-shell{width:min(1120px,100%);display:grid;grid-template-columns:1.05fr .95fr;border:1px solid #38564e;background:#14231fdd;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #0007}.auth-info{padding:48px;background:linear-gradient(160deg,#1b342e,#12211e)}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#d7efe8;color:#17352e;font-weight:900;font-size:22px}.brand b{display:block;font-size:20px}.brand small{color:#9fc4b9}.auth-info h1{font-size:clamp(34px,5vw,62px);margin:54px 0 8px;letter-spacing:-2px}.auth-info h2{margin:0;color:#bee0d7;font-size:22px}.auth-info p{color:#a7c8bf;line-height:1.8}.feature-list{display:grid;gap:12px;margin-top:34px}.feature-list div{border:1px solid #35554d;background:#172a25;padding:14px 16px;border-radius:14px}.feature-list b{display:block}.feature-list small{color:#97b8af}.auth-card{padding:46px 42px;background:#f4f8f7;color:#18302b;display:flex;flex-direction:column;justify-content:center}.auth-card h2{font-size:28px;margin:0 0 8px}.auth-card>p{color:#61766f;line-height:1.6}.auth-form{display:grid;gap:16px;margin-top:18px}.auth-form label{display:grid;gap:7px;font-weight:750}.auth-form label small{font-weight:500;color:#758a84}.auth-form input,.auth-form select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #bdccc8;background:white;color:#18302b;font:inherit;outline:none}.auth-form input:focus{border-color:#346d5e;box-shadow:0 0 0 3px #346d5e20}.primary{border:0;border-radius:12px;background:#204e43;color:white;font-weight:850;padding:14px 18px;cursor:pointer;font:inherit}.primary:disabled{opacity:.55}.secondary-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.secondary-links a{color:#285e51;font-weight:750;text-decoration:none}.auth-status{min-height:22px;margin:8px 0 0;color:#4f6b63}.auth-status.error{color:#a72f2f}.auth-status.success{color:#18704e}.auth-note{border-radius:12px;padding:11px 12px;background:#e8f1ee;color:#46655c;font-size:13px;line-height:1.6}.verification{display:none}.verification.active{display:grid}.language{position:fixed;top:18px;inset-inline-end:18px;border:1px solid #426159;background:#1b2d29;color:#e9f7f3;border-radius:10px;padding:9px 12px;cursor:pointer}@media(max-width:800px){.auth-shell{grid-template-columns:1fr}.auth-info{padding:30px}.auth-info h1{margin-top:28px}.auth-card{padding:30px 24px}.feature-list{display:none}}

.auth-secret-wrap{position:relative;display:flex;align-items:center}.auth-secret-wrap input{padding-inline-end:50px}.auth-secret-toggle{position:absolute;inset-inline-end:7px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:9px;background:#edf4f2;color:#315d52;display:grid;place-items:center;cursor:pointer;font-size:17px}.auth-secret-toggle:hover,.auth-secret-toggle:focus-visible{background:#dceae6;outline:2px solid #2f6f5e33}

/* POS v726 — ERP-aligned blue authentication surface. */
:root{color:#edf8ff;background:#071724;color-scheme:dark}
body{background:radial-gradient(circle at 50% -15%,#15547a 0,#0b2c43 32%,#071724 68%,#05131e 100%)}
.auth-shell{border-color:#2c5872;background:#0b2233dd;box-shadow:0 30px 80px #0008}
.auth-info{background:linear-gradient(160deg,#103d59,#081f31)}
.brand-mark{background:#dff5ff;color:#0b4e70}.brand small,.auth-info p,.feature-list small{color:#a6c9da}.auth-info h2{color:#c8eafa}.feature-list div{border-color:#2a5872;background:#0d2c42}.auth-card{background:#f5faff;color:#17354b}.auth-card>p{color:#607b8d}.auth-form input,.auth-form select{border-color:#bfd2df;color:#17354b}.auth-form input:focus{border-color:#168bd2;box-shadow:0 0 0 3px #168bd222}.primary{background:linear-gradient(135deg,#209ce3,#127bc0)}.secondary-links a{color:#116c9e}.auth-note{background:#e7f3f9;color:#41697f}.language{border-color:#3b6881;background:#0d2b40;color:#edf8ff}.auth-secret-toggle{background:#e6f2f8;color:#1c668d}.auth-secret-toggle:hover,.auth-secret-toggle:focus-visible{background:#d4e9f4;outline-color:#168bd244}

/* POS v726 auth identity */
.brand-mark{font-size:14px!important;letter-spacing:.4px!important}