.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px}.login{width:min(100%,430px);text-align:center}.logo{width:230px;height:130px;object-fit:contain;display:block;margin:0 auto}.subtitle{font-size:13px;color:#777;margin:-9px 0 25px}.login-card,.card{background:white;border:1px solid #e5e6e8;border-radius:16px;box-shadow:0 9px 25px #00000005}.login-card{padding:28px;text-align:left}.login-card h1{text-align:center;font-size:22px}.login-card p{text-align:center;color:#777;font-size:14px}
.worker-card{width:min(540px,calc(100vw - 24px));margin:auto;padding:26px}.worker-logo{display:block;width:118px;margin:0 auto 28px}.worker-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.worker-roster button{min-height:58px}.role-owner{color:#00bfff}.role-manager{color:#111}.team-dialog{width:min(620px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid #dfe2e7;border-radius:20px;padding:24px}.team-dialog label,.worker-card label{display:grid;gap:8px;margin:14px 0}.team-dialog input,.team-dialog select,.worker-card input{width:100%;padding:12px;border:1px solid #cbd0d7;border-radius:9px}.team-row{display:flex;gap:10px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #ddd}.team-row strong{flex-basis:100%}#operatorIdentity{position:sticky;top:0;z-index:100;background:#e9f8ff;padding:8px;text-align:center;font:13px system-ui}.pin-pad-dialog{width:min(380px,calc(100vw - 24px));border:1px solid #ddd;border-radius:20px;padding:24px}.pin-pad-dots{text-align:center;font-size:30px;padding:16px}.pin-pad-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.pin-pad-keys button{min-height:54px}
#operatorIdentity{display:flex;align-items:center;justify-content:center;gap:8px 16px;flex-wrap:wrap}#operatorIdentity[hidden]{display:none}#operatorIdentity button{font:600 11px system-ui;padding:5px 9px;border:1px solid #bfdde9;border-radius:7px;background:#fff;color:#22566b;cursor:pointer}
.login-choices{display:grid;gap:12px;margin:22px 0}.login-choices button{min-height:48px}.login-choices button[aria-pressed=true]{outline:2px solid #00bfff;outline-offset:2px}#loginForm[hidden]{display:none}#loginForm{margin-top:24px}

/* Center actions, retaining left-aligned data entry. */
#workerForm,#workerName,.pin-pad-dialog{text-align:center}#workerForm label{text-align:left}#workerSubmit,#workerAdmin,#workerKeypad,#loginButton{display:block;margin:16px auto;text-align:center}#workerKeypad{max-width:100%}.login-choices button,.pin-pad-keys button,.pin-pad-dialog button{text-align:center}.pin-pad-dialog::backdrop{background:#0008}