.staff-root{background:var(--bg);box-sizing:border-box;min-height:100dvh;font-family:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;justify-content:center;align-items:center;padding:1.5rem;display:flex}.staff-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;z-index:1;background:#fffffff7;border:1px solid #fff9;border-radius:20px;width:100%;max-width:420px;padding:2.25rem;position:relative;box-shadow:0 30px 80px -20px #00000080,0 8px 24px #00000038}.pin-pad{grid-template-columns:repeat(3,1fr);gap:.65rem;max-width:250px;margin:0 auto;display:grid}.staff-brand{flex-direction:column;align-items:center;gap:.85rem;margin-bottom:1.5rem;display:flex}.staff-logo{border-radius:var(--r-md);background:var(--accent-soft);width:52px;height:52px;color:var(--accent);justify-content:center;align-items:center;display:flex}.staff-eyebrow{color:var(--ink-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin:0;font-weight:600}.staff-title{font-size:var(--text-xl);letter-spacing:-.02em;text-align:center;margin:.15rem 0 0;font-weight:700}.staff-empty{color:var(--ink-muted);font-size:var(--text-sm);text-align:center}.staff-name-btn{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-items:center;gap:.65rem;padding:.85rem;font-family:inherit;display:flex}.staff-avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-ink);font-weight:700;font-size:var(--text-sm);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.staff-list{flex-direction:column;gap:.6rem;margin-top:1.25rem;display:flex}.staff-name-btn{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;text-align:left;width:100%;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-items:center;gap:.75rem;padding:.85rem 1rem;font-family:inherit;display:flex}.staff-name-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.staff-name{font-weight:600;font-size:var(--text-sm);color:var(--ink)}.staff-avatar.lg{width:52px;height:52px;font-size:var(--text-lg)}.role-btn{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;text-align:left;width:100%;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-items:center;gap:.85rem;padding:1rem;font-family:inherit;display:flex}.role-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.role-ico{border-radius:var(--r-sm);background:var(--accent-soft);width:42px;height:42px;color:var(--accent);flex:none;justify-content:center;align-items:center;display:flex}.role-meta{flex-direction:column;flex:1;min-width:0;display:flex}.role-label{font-size:var(--text-sm);color:var(--ink);font-weight:600}.role-sub{font-size:var(--text-xs);color:var(--ink-muted)}.role-count{font-size:var(--text-xs);color:var(--accent);background:var(--accent-soft);border-radius:var(--r-full);flex:none;padding:.2rem .55rem;font-weight:700}.staff-illus{border-radius:var(--r-md);width:100%;max-width:260px;height:auto;margin:0 auto .5rem;display:block}@media (max-height:720px){.staff-illus{max-width:180px}}.staff-card{padding:1.5rem}.staff-brand{gap:.5rem;margin-bottom:1rem}.staff-avatar.lg{width:44px;height:44px}.pin-dots{margin:.85rem 0}.pin-pad{gap:.5rem;max-width:240px}.staff-back{color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:var(--text-sm);border-radius:var(--r-sm);transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:.25rem;padding:.25rem .5rem .25rem .25rem;font-weight:500;display:flex;position:absolute;top:1.5rem;left:1.5rem}.staff-back:hover{background:var(--surface-hover);color:var(--ink)}.pin-dots{justify-content:center;gap:.9rem;margin:1.25rem 0;display:flex}.pin-dot{border:2px solid var(--line-strong);width:14px;height:14px;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:50%}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.staff-error{color:var(--danger);text-align:center;font-size:var(--text-sm);margin:0 0 1rem}.pin-pad{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.pin-key{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);font-family:inherit;font-size:var(--text-xl);color:var(--ink);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);font-weight:600}.pin-key:hover{background:var(--surface-hover)}.pin-key:active{background:var(--accent-soft);transform:scale(.96)}.pin-key:disabled{opacity:.5}.pin-back{color:var(--ink-muted);background:0 0;border:none}.pin-back:hover{background:var(--surface-hover)}@media (prefers-reduced-motion:reduce){.pin-key,.staff-name-btn,.pin-dot{transition:none}}.staff-gate-hint{color:var(--ink-muted);font-size:var(--text-sm);text-align:center;margin:0 0 1.25rem;line-height:1.5}.staff-gate-input{box-sizing:border-box;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);width:100%;color:var(--ink);font-family:inherit;font-size:var(--text-lg);text-align:center;text-transform:uppercase;letter-spacing:.08em;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);margin-bottom:.85rem;padding:.85rem 1rem;font-weight:600;display:block}.staff-gate-input::placeholder{color:var(--ink-muted)}.staff-gate-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.staff-gate-submit{border-radius:var(--r-md);background:var(--accent);color:#fff;width:100%;font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:none;padding:.85rem;font-weight:600;display:block}.staff-gate-submit:hover:not(:disabled){background:var(--accent-hover)}.staff-gate-submit:active:not(:disabled){transform:scale(.98)}.staff-gate-submit:disabled{opacity:.6;cursor:default}