.logout { margin: 0; }
.logout button { background: transparent; color: var(--muted); border: 1px solid var(--line); padding: 6px 10px; font-size: 11px; }
.login-body { display: grid; place-items: center; background: radial-gradient(circle at 50% 0, #463117 0, transparent 40%), var(--bg); }
.login-shell { width: 100%; padding: 24px; }
.login-card { width: min(420px, 100%); margin: 0 auto; background: linear-gradient(145deg, #1b1d21, #111318); border: 1px solid #343840; border-radius: 22px; padding: 34px; box-shadow: 0 28px 90px #0009; }
.login-brand { margin-bottom: 38px; }
.login-card h1 { font-size: 35px; line-height: 1.05; letter-spacing: -.035em; margin: 0 0 10px; }
.login-card > p:not(.eyebrow) { color: var(--muted); margin-bottom: 20px; }
.pin-input { font-size: 32px; text-align: center; letter-spacing: .35em; height: 65px; margin: 0 0 14px; }
.numpad { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.numpad button { height: 58px; background: #20242b; color: #fff; border: 1px solid #363c45; font-size: 20px; }
.numpad button:hover { background: #2c323b; }
.numpad .pin-enter { background: var(--gold); color: #17120a; }
.pin-error { background: #351b1b; border: 1px solid #713838; color: #ff9a9a; padding: 10px 12px; border-radius: 8px; margin-bottom: 12px; font-size: 13px; }