.login-screen{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:system-ui,sans-serif;display:flex}.login-card{flex-direction:column;gap:16px;width:100%;max-width:320px;display:flex}.login-title{text-align:center;margin:0 0 8px;font-size:1.5rem}.login-form{flex-direction:column;gap:12px;display:flex}.login-field{flex-direction:column;gap:4px;font-size:.9rem;display:flex}.login-field input{border:1px solid #ccc;border-radius:8px;padding:10px 12px;font-size:1rem}.login-error{color:#b23a2e;margin:0;font-size:.9rem}.login-submit{cursor:pointer;border:none;border-radius:8px;padding:10px 12px;font-size:1rem}.login-mode-toggle{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}