.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 10%,#ede9fe,transparent 30%),#f7f7f5}
.auth-card{width:min(430px,100%);background:#fff;border:1px solid #e4e4e7;border-radius:16px;padding:34px;box-shadow:0 24px 70px #18181b18}
.auth-logo{display:grid;place-items:center;width:48px;height:48px;background:#18181b;color:#fff;font:700 27px Georgia;margin-bottom:22px}
.auth-card h1{font-size:30px}.auth-copy{color:#71717a;font-size:13px;line-height:1.6;margin:10px 0 24px}.auth-card label{display:block;font-size:11px;font-weight:800;color:#71717a;margin-top:13px}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.auth-message{min-height:18px;color:#dc2626;font-size:12px}
.employee-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid #e4e4e7;border-radius:10px;padding:13px;margin-bottom:8px}.employee-item small{display:block;color:#71717a;margin-top:4px}.employee-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.self-badge{font-size:11px;color:#6d28d9;background:#ede9fe;border-radius:999px;padding:6px 9px}
.forgot-link{display:block;margin:14px auto 0;border:0;background:transparent;color:#6d28d9;font-size:12px;text-decoration:underline;cursor:pointer}
@media(max-width:720px){.auth-card{padding:24px}.header-actions #userLabel,.header-actions #dbStatus{display:none}.employee-item{grid-template-columns:1fr}}