
.auth-wrap { min-height:calc(100vh - 190px); display:grid; place-items:center; padding:18px 0 34px; }
.auth-card { width:min(520px,100%); background:#fff; border:1px solid #e0d3b2; border-top:5px solid #f5b800; border-radius:22px; padding:34px; box-shadow:0 20px 55px rgba(0,0,0,.12); text-align:left; }
.login-logo { display:block; width:118px; height:118px; object-fit:contain; margin:0 auto 18px; }
.auth-card h1,.auth-card .eyebrow,.auth-card .lead,.login-note { text-align:center; }
.auth-card h1 { margin-top:6px; }
.login-note { color:#746e65; font-size:.9rem; line-height:1.5; margin:0 auto 22px; max-width:410px; }
.form-grid { display:grid; gap:15px; }
.form-grid label { display:grid; gap:7px; font-weight:800; color:#191919; }
.form-grid input { width:100%; border:1px solid #cfc5b2; border-radius:12px; padding:14px; font:inherit; background:#fffdfa; color:#111; outline:none; }
.form-grid input:focus { border-color:#d99d00; box-shadow:0 0 0 4px rgba(245,184,0,.18); }
button { border:1px solid #d99d00; border-radius:12px; padding:13px 16px; background:#f5b800; color:#111; font-weight:900; cursor:pointer; transition:.18s ease; }
button:hover { background:#ffca22; transform:translateY(-1px); }
button.secondary { background:#fff; color:#111; border:1px solid #d7c9aa; }
.alert { padding:12px 14px; border-radius:10px; background:#fff0f0; border:1px solid #efc5c1; color:#7a1b12; margin-bottom:16px; }
.dashboard-top { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.disabled-card { opacity:.58; }
.user-list { display:grid; gap:10px; }
.user-row { display:flex; justify-content:space-between; gap:12px; padding:12px; background:#fff8df; border:1px solid #ead9ad; border-radius:10px; }
.user-row span { display:block; color:#6b655d; font-size:.9rem; margin-top:3px; }
@media(max-width:620px){ .auth-card{padding:26px 20px;border-radius:18px}.login-logo{width:96px;height:96px}.dashboard-top{flex-direction:column}.auth-wrap{min-height:auto} }
