.auth-card form { max-width: 490px; display: flex; flex-direction: column; padding: 13px 0 4px; }
.auth-card label { font-size: 13px; font-weight: 600; margin: 17px 0 7px; color: var(--ink); }
.auth-card input:not([type="hidden"]) { width: 100%; border: 1px solid #ddd9cf; border-radius: 10px; background: #fff; padding: 12px 13px; min-height: 46px; color: var(--ink); font: 15px var(--sans); }
.auth-card input:focus-visible { border-color: var(--sage); outline: 3px solid #d3e3d4; outline-offset: 1px; }
.auth-card input::placeholder { color: #9b9b92; }
.auth-submit { margin-top: 28px; width: fit-content; min-width: 212px; border: 0; cursor: pointer; }
.logout-form .button { border: 0; cursor: pointer; }
.form-hint { margin: 9px 0 0; font-size: 12px; color: var(--muted); }
.form-message { padding: 12px 14px; border-radius: 10px; font-size: 13px; margin: 8px 0 2px; }
.form-error { background: var(--amber-light); color: #71442c; }
.form-success { background: var(--sage-light); color: #365b3d; }
.empty-state { margin: 18px 0; padding: 35px 25px; background: #f8f6f0; border: 1px dashed #ded8cd; border-radius: 14px; }
.empty-state p { font: normal 25px/1.25 var(--serif); margin: 0 0 8px; }
.empty-state span { font-size: 13px; color: var(--muted); }
@media (max-width: 640px) { .auth-submit { width: 100%; } .empty-state { padding: 27px 20px; } }