.demo-accounts{margin-top:30px;display:grid;gap:7px;width:min(480px,100%)}.demo-accounts>small{font-weight:700;letter-spacing:.1em;opacity:.72}.demo-accounts button{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid #ffffff2b;border-radius:11px;background:#ffffff12;color:#fff;text-align:left;cursor:pointer}.demo-accounts button:hover{background:#ffffff22}.demo-accounts button>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#fff;color:var(--color-primary);font-weight:700}.demo-accounts button div{display:grid;gap:1px;flex:1 1}.demo-accounts button small{opacity:.72}.demo-accounts button em{font-style:normal;font-size:var(--font-caption-size);line-height:var(--font-caption-line)}.login-error{padding:10px 12px;border-radius:9px;background:#fef2f2;color:#b91c1c;font-size:var(--font-small-size);line-height:var(--font-small-line)}.auth-switch{text-align:center;margin-top:18px;color:#64748b;font-size:var(--font-body-size);line-height:var(--font-body-line)}.auth-switch a{color:var(--color-primary);font-weight:700;text-decoration:none}@media(max-height:850px) and (min-width:761px){.login-brand{padding:5vw}.demo-accounts{grid-template-columns:repeat(2,1fr)}}.login-otp{display:grid;gap:16px;min-width:0}.login-otp p{margin:0;color:var(--color-text-muted);line-height:1.6;overflow-wrap:anywhere}.login-otp-actions{display:flex;flex-wrap:wrap;gap:10px}.login-otp-actions>button{padding:10px 12px;border:1px solid var(--color-control-border);border-radius:8px;background:var(--color-control-bg);color:var(--color-text);font:inherit;cursor:pointer}.login-otp-actions>button:disabled{opacity:.5;cursor:not-allowed}.login-card .login-otp-actions>button{background:var(--color-control-bg);color:var(--color-text);border:1px solid var(--color-control-border);font-weight:500}.login-card .auth-forgot-password{text-align:right;margin-top:8px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-brand{display:flex;flex-direction:column;justify-content:center;padding:10vw;background:linear-gradient(145deg,var(--color-primary),var(--color-primary));color:#fff}.login-brand>span{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--color-surface-raised);color:var(--color-primary);font-size:var(--font-page-title-size);font-weight:700;line-height:var(--font-page-title-line)}.login-brand h1{font-size:var(--font-display-size);margin:24px 0 10px;line-height:var(--font-display-line)}.login-brand p{font-size:var(--font-dialog-title-size);line-height:var(--font-dialog-title-line);max-width:430px;opacity:.8}.login-card{align-self:center;width:min(420px,calc(100% - 40px));box-sizing:border-box;margin:auto;padding:36px;border:1px solid var(--color-surface-border);border-radius:20px;box-shadow:0 24px 80px #1e293b14}.login-card>small{color:var(--color-primary);font-weight:700;letter-spacing:.08em}.login-card h2{font-size:var(--font-page-title-size);margin:10px 0 6px;line-height:var(--font-page-title-line)}.login-card>p{color:var(--color-text-muted);margin:0 0 26px}.login-card label{display:grid;gap:8px;margin:15px 0;font-weight:600}.login-card input{padding:13px;border:1px solid var(--color-control-border);border-radius:10px;font:inherit}.login-card button{width:100%;margin-top:10px;padding:13px;border:0;border-radius:10px;background:var(--color-primary);color:#fff;font-weight:700;cursor:pointer}.login-card em{display:block;margin-top:18px;color:var(--color-text-subtle);font-size:var(--font-caption-size);font-style:normal;text-align:center;line-height:var(--font-caption-line)}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-brand{display:none}}.login-card .auth-field{gap:7px}.login-card .auth-field input{outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.login-card .auth-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-focus)}.login-card .auth-field input[aria-invalid=true]{border-color:#dc3545;background:#fff8f8}.login-card .auth-field input[aria-invalid=true]:focus{box-shadow:0 0 0 3px rgba(220,53,69,.12)}.auth-field-error{display:flex;align-items:center;gap:6px;color:#c6283e;font-size:var(--font-caption-size);font-weight:600;line-height:var(--font-caption-line)}.auth-field-error:before{content:"!";display:inline-grid;place-items:center;width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:#c6283e;color:#fff;font-size:11px;font-weight:800}.login-page{background:var(--color-page-bg);color:var(--color-text)}.login-card{background:var(--color-surface-raised);border-color:var(--color-surface-border);color:var(--color-text)}.login-card em,.login-card>p{color:var(--color-text-muted)}.login-card input{background:var(--color-control-bg);border-color:var(--color-control-border);color:var(--color-text)}.login-card input:hover{background:var(--color-control-bg-hover);border-color:var(--color-surface-border-strong)}main.login-page{width:100%;min-width:0;max-width:none;min-height:100dvh;margin:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.login-page .login-brand{width:100%;box-sizing:border-box;padding:clamp(48px,8vw,150px);background-image:linear-gradient(135deg,rgba(35,31,122,.82),rgba(79,55,190,.68)),url(/images/login-pos-hero.png);background-position:50%;background-size:cover;background-repeat:no-repeat}.login-card{justify-self:center}@media(max-width:760px){main.login-page{grid-template-columns:1fr}.login-page .login-brand{display:flex;min-height:260px;padding:32px 24px}.login-page .login-card{justify-self:center;margin:24px auto}}.login-card .auth-password-control{position:relative;display:flex;align-items:center;width:100%}.login-card .auth-password-control input{width:100%;padding-inline-end:48px}.login-card .auth-password-toggle{position:absolute;inset-inline-end:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;min-height:0;margin:0;padding:0;border:0;border-radius:7px;background:transparent;color:var(--color-text-muted);box-shadow:none;cursor:pointer}.login-card .auth-password-toggle:hover{background:var(--color-surface-hover,transparent)}.login-card .auth-password-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.login-card .auth-password-rules{display:grid;gap:6px;margin:9px 0 0;padding:0;list-style:none;font-size:12px;font-weight:400;color:var(--color-text-muted)}.login-card .auth-password-rules li{display:flex;align-items:baseline;gap:8px}.login-card .auth-password-rules li>span:first-child{width:14px;font-weight:700}.login-card .auth-password-rules li[data-met=true]>span:first-child{color:var(--color-success,#34d399)}.login-card .auth-rule-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.login-card .auth-password-rules li[data-met=true]{color:var(--color-success,#34d399)}.login-card .auth-password-rules li[data-invalid=true]{color:var(--color-danger,#ef4444)}.login-card .auth-password-strength{display:grid;gap:7px;margin-top:10px;font-size:12px;font-weight:400;color:var(--color-text-muted)}.login-card .auth-password-strength__meter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.login-card .auth-password-strength__meter>span{height:5px;border-radius:4px;background:var(--color-control-border,#475569)}.login-card .auth-password-strength[data-score="1"] [data-filled=true]{background:var(--color-danger,#ef4444)}.login-card .auth-password-strength[data-score="2"] [data-filled=true]{background:#f97316}.login-card .auth-password-strength[data-score="3"] [data-filled=true]{background:#eab308}.login-card .auth-password-strength[data-score="4"] [data-filled=true]{background:var(--color-success,#34d399)}