.auth-status{color:#1b7f4d;font-size:.95rem;margin-top:.75rem}.auth-status.is-error{color:#b00020}.auth-status[hidden]{display:none}.pin-toggle{background:none;border:none;color:var(--color-primary);cursor:pointer;font:inherit;font-weight:700;letter-spacing:.08em;padding:0;text-transform:uppercase}.pin-toggle:focus-visible{outline:2px solid rgba(81,69,181,.35);outline-offset:2px}.pin-panel{background:linear-gradient(140deg,rgba(81,69,181,.12),hsla(0,0%,100%,.85));border:1px solid var(--color-border-muted,#e5e7eb);border-radius:18px;box-shadow:0 18px 32px rgba(24,20,64,.08);display:grid;gap:1.25rem;padding:1.25rem 1.35rem;position:relative}.pin-panel[hidden]{display:none}.pin-panel-head{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.pin-title{color:var(--color-text-muted);font-size:.78rem;font-weight:700;letter-spacing:.18em;margin:0;text-transform:uppercase}.pin-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.pin-display{display:grid;gap:.65rem;grid-template-columns:repeat(var(--pin-length,4),minmax(0,1fr))}.pin-slot{background:linear-gradient(180deg,#fff,#f5f6ff);border:1px solid var(--color-border-strong);border-radius:14px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.75),0 6px 14px rgba(36,26,106,.08);color:var(--color-primary-strong);display:grid;font-size:1.45rem;font-weight:800;height:60px;place-items:center;transition:transform .08s ease,box-shadow .12s ease,border-color .12s ease}.pin-slot.is-filled{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(81,69,181,.2),0 8px 18px rgba(36,26,106,.16);transform:translateY(-1px)}.pin-keypad{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.pin-key{background:linear-gradient(180deg,#fff,#eef1ff);border:1px solid var(--color-border-strong);border-radius:16px;box-shadow:0 10px 18px rgba(36,26,106,.12),inset 0 1px 0 hsla(0,0%,100%,.8);color:var(--color-primary-strong);cursor:pointer;font-size:1.2rem;font-weight:800;letter-spacing:.04em;min-height:56px;padding:.85rem 0;touch-action:manipulation;transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pin-key:hover{border-color:var(--color-primary);box-shadow:0 12px 22px rgba(36,26,106,.16);transform:translateY(-1px)}.pin-key:focus-visible{outline:3px solid rgba(81,69,181,.35);outline-offset:2px}.pin-key:active{box-shadow:0 8px 16px rgba(36,26,106,.12);transform:translateY(1px) scale(.98)}.pin-key.is-delete{background:linear-gradient(180deg,#fff5f5,#ffecec);border-color:rgba(176,0,32,.4);box-shadow:0 10px 18px rgba(176,0,32,.12),inset 0 1px 0 hsla(0,0%,100%,.85);color:#b00020;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.pin-key.is-delete:hover{border-color:#b00020}.pin-keypad-spacer{visibility:hidden}@media (max-width:520px){.pin-slot{font-size:1.3rem;height:52px}.pin-key{font-size:1.05rem;min-height:50px;padding:.7rem 0}}.pin-popup{display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.pin-popup[hidden]{display:none}.pin-popup-backdrop{background:rgba(10,16,24,.6);inset:0;position:absolute}.pin-popup-card{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:18px;box-shadow:0 28px 60px rgba(10,16,24,.28);display:grid;gap:.75rem;padding:1.6rem;position:relative;text-align:center;width:min(360px,calc(100% - 2rem));z-index:1}.pin-popup-title{color:var(--color-primary-strong);font-size:1.2rem;margin:0}.pin-popup-message{color:var(--color-text-secondary);font-weight:600;margin:0}