/* SpratPOS v1.7.0 — Authentication UI aligned with the Unified Professional Interface */
:root{--sp-font:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--sp-bg:#f4f6f9;--sp-text:#172033;--sp-muted:#667085;--sp-border:#dfe5ec;--sp-radius:4px;--sp-card-radius:6px;--sp-shadow:0 18px 46px rgba(15,23,42,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--sp-font);color:var(--sp-text);background:var(--sp-bg);font-size:13px;-webkit-font-smoothing:antialiased}a{color:var(--sp-brand-primary,#2E4A78);text-decoration:none}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr)}.login-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:36px 42px;background:linear-gradient(155deg,var(--sp-brand-primary-deep,#15233c),var(--sp-brand-primary-dark,#203a62));color:#fff;overflow:hidden}.login-art:after{content:"";position:absolute;right:-160px;bottom:-180px;width:430px;height:430px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.login-logo{position:relative;z-index:1;display:block;max-width:190px;max-height:68px;object-fit:contain;object-position:left center}.login-message{position:relative;z-index:1;max-width:520px;margin:auto 0}.login-message>span{display:block;margin-bottom:8px;color:#b8c9df;font-size:9.5px;font-weight:700;letter-spacing:.085em}.login-message h1{margin:0;font-size:36px;line-height:1.06;letter-spacing:-.035em;font-weight:700}.login-message p{max-width:460px;margin:12px 0 0;color:#ced8e6;font-size:13px;line-height:1.55}.product-orbit{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px}.product-orbit div{padding:6px 8px;border:1px solid rgba(255,255,255,.14);border-radius:var(--sp-radius);background:rgba(255,255,255,.06);color:#dbe5f1;font-size:9px;font-weight:600}.login-panel{display:grid;place-items:center;padding:32px 24px;background:#f7f8fa}.login-card{width:min(420px,100%);display:grid;gap:12px;padding:26px 28px;border:1px solid var(--sp-border);border-radius:var(--sp-card-radius);background:#fff;box-shadow:var(--sp-shadow)}.login-card--signup{width:min(460px,100%)}.login-card>img{max-width:150px;max-height:56px;object-fit:contain;object-position:left center;margin-bottom:2px}.login-card h2{margin:0;color:#101828;font-size:21px;line-height:1.2;letter-spacing:-.025em}.login-card>p{margin:-5px 0 3px;color:var(--sp-muted);font-size:11px;line-height:1.45}.login-card label{display:grid;gap:5px;color:#475467;font-size:10.5px;font-weight:600}.login-card input{width:100%;height:39px;padding:0 10px;border:1px solid var(--sp-border);border-radius:var(--sp-radius);background:#fff;color:var(--sp-text);outline:0;font-size:13px}.login-card input:focus{border-color:var(--sp-brand-primary,#2E4A78);box-shadow:0 0 0 2px color-mix(in srgb,var(--sp-brand-primary,#2E4A78) 11%,transparent)}.password-wrap{position:relative}.password-wrap input{padding-right:56px}.password-wrap button{position:absolute;right:5px;top:50%;transform:translateY(-50%);height:29px;padding:0 7px;border:0;border-radius:3px;background:#f2f4f7;color:#475467;font-size:9.5px;font-weight:600}.login-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9.5px}.login-row .check{display:flex;align-items:center;gap:6px;font-weight:500}.login-row .check input{width:14px;height:14px;accent-color:var(--sp-brand-primary,#2E4A78)}.login-submit{min-height:39px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sp-brand-primary,#2E4A78);border-radius:var(--sp-radius);background:var(--sp-brand-primary,#2E4A78);color:#fff;font-size:11.5px;font-weight:650;cursor:pointer}.login-submit:hover{filter:brightness(.95)}.login-submit--link{text-decoration:none}.login-card>small{color:var(--sp-muted);font-size:9.5px;line-height:1.45}.login-error,.login-success{padding:9px 10px;border-radius:var(--sp-radius);font-size:10.5px;line-height:1.4}.login-error{border:1px solid #fecdca;background:#fef3f2;color:#912018}.login-success{border:1px solid #abefc6;background:#ecfdf3;color:#05603a}
@media(max-width:840px){.login-shell{grid-template-columns:1fr}.login-art{min-height:230px;padding:24px}.login-message{margin:30px 0 20px}.login-message h1{font-size:28px}.product-orbit{display:none}.login-panel{padding:22px 14px 34px}.login-card{padding:22px}.login-logo{max-height:52px}}
@media(max-width:520px){.login-art{min-height:190px;padding:20px}.login-message h1{font-size:23px}.login-message p{font-size:11.5px}.login-card{box-shadow:none;border-radius:var(--sp-card-radius)}.login-panel{align-items:start}}

/* v1.16.0 accessibility hardening — no layout geometry changes */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--sp-brand-accent,#D49B3D) 72%,#fff);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}