.number-pad-container{max-width:960px;margin:0 auto;padding:40px;background:#f8f9fa;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);min-height:60vh;display:flex;flex-direction:row;align-items:center;gap:60px}.number-pad-info{flex:1;text-align:center}.number-pad-info h1{font-size:2.8rem;font-weight:700;color:#333;margin-bottom:20px}.pin-instructions{font-size:1.1rem;color:#6c757d;margin-bottom:40px}.pin-display{margin-bottom:20px}.pin-dots{display:flex;justify-content:center;gap:20px;margin-bottom:15px}.pin-dot{width:24px;height:24px;border-radius:50%;border:3px solid #dee2e6;background:transparent;transition:all 0.3s ease}.pin-dot.filled{background:#4338CA;border-color:#4338CA;transform:scale(1.1)}.number-pad-interactive{flex:1;display:flex;flex-direction:column;gap:25px}.number-pad{display:flex;flex-direction:column;gap:15px}.number-pad-row{display:flex;gap:15px;justify-content:center}.number-btn{width:90px;height:90px;border:none;border-radius:20px;background:white;color:#333;font-size:2.2rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 15px rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.number-btn:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.1)}.number-btn:active{transform:translateY(0);box-shadow:0 2px 10px rgba(0,0,0,0.1)}.clear-btn{background-color:#fecaca;color:#dc2626;font-size:1rem;text-transform:uppercase;font-weight:700}.clear-btn:hover{background-color:#fca5a5}.backspace-btn{background-color:#f3f4f6;color:#4b5563}.backspace-btn:hover{background-color:#e5e7eb}.backspace-btn svg{width:28px;height:28px}.submit-btn{width:100%;height:80px;border:none;border-radius:20px;background:#4338CA;color:white;font-size:1.8rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 15px rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.submit-btn:disabled{background:#dee2e6;color:#6c757d;cursor:not-allowed;box-shadow:none}.pos-manager-options{position:relative;max-width:260px;align-self:center;color:#7a8493;font-size:0.72rem;text-align:center;opacity:0.72}.pos-manager-options span{display:block;margin-bottom:4px;font-weight:750;text-transform:uppercase}.pos-manager-options p{margin:0 0 8px;line-height:1.4}.manager-exit-button{border:0;border-radius:999px;background:transparent;color:#667085;font-size:0.72rem;font-weight:700;padding:3px 8px;text-decoration:underline}.manager-exit-button:hover,.manager-exit-button:focus-visible{color:#344054}.development-manager-button{display:inline-flex;margin-top:6px;color:#4338CA}.development-manager-button:hover,.development-manager-button:focus-visible{color:#312E81}@media (max-width: 1024px){.number-pad-container{flex-direction:column;gap:30px;min-height:80vh}.number-pad-info,.number-pad-interactive{max-width:100%}}@media (max-width: 768px){.number-btn{width:70px;height:70px;font-size:1.8rem}.number-pad-info h1{font-size:2rem}}@media (max-width: 480px){.number-pad-container{padding:20px;gap:20px}.number-pad-info h1{font-size:1.6rem}}.google-auth-container{max-width:520px;min-height:auto;padding:36px 38px;flex-direction:column;align-items:stretch;gap:24px;border:1px solid #dadce0;border-radius:8px;background:#fff;box-shadow:0 12px 34px rgba(60,64,67,0.16)}.google-auth-container .number-pad-info,.google-auth-container .number-pad-interactive{flex:0 0 auto;width:100%;max-width:100%}.google-auth-container .number-pad-info{display:flex;flex-direction:column;align-items:center}.google-auth-container .number-pad-info h1{margin:0 0 12px;color:#202124;font-size:2rem;line-height:1.2;letter-spacing:0}.google-auth-container .pin-instructions{max-width:320px;margin-bottom:0;color:#5f6368;line-height:1.55}.auth-provider-lockup{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:#3c4043;font-family:var(--ffhq-font-sans);font-size:0.95rem;font-weight:500}.google-g-mark{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid #dadce0;border-radius:50%;background:#fff}.google-g-mark svg,.google-sign-in-icon svg{display:block;width:18px;height:18px}.google-auth-container .alert{width:100%;margin:22px 0 0;padding:12px 14px;border-radius:8px;font-size:0.95rem;font-weight:500;line-height:1.35;text-align:left}.google-auth-container .alert-success{border-color:#d2e3fc;background:#e8f0fe;color:#174ea6}.google-auth-container .alert-danger{border-color:#f9dedc;background:#fce8e6;color:#b3261e}.google-auth-container .alert-warning{border-color:#fde293;background:#fef7e0;color:#7a4d00}.google-auth-container .number-pad-interactive{max-width:320px;margin:4px auto 0;gap:16px}.google-sign-in-form{width:100%;margin:0}.google-sign-in-button{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;gap:10px;padding:0 12px;border:1px solid #747775;border-radius:4px;background:#fff;color:#1f1f1f;font-family:var(--ffhq-font-sans);font-size:14px;font-weight:500;line-height:20px;cursor:pointer;transition:background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;-webkit-tap-highlight-color:transparent}.google-sign-in-button:hover{border-color:#5f6368;background:#f8fafd;box-shadow:0 1px 2px rgba(60,64,67,0.24)}.google-sign-in-button:focus-visible{outline:3px solid rgba(26,115,232,0.28);outline-offset:2px}.google-sign-in-button:active{background:#f1f3f4}.google-sign-in-icon{display:inline-flex;flex:0 0 18px;align-items:center;justify-content:center;background:#fff}@media (max-width: 480px){.google-auth-container{margin-top:10px;padding:28px 22px;gap:22px}.google-auth-container .number-pad-info h1{font-size:1.8rem}.google-auth-container .pin-instructions,.google-auth-container .alert{font-size:1rem}}.hidden-form{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}