*,:before,:after{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.auth-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:Inter,Noto Sans JP,system-ui,sans-serif;display:flex}.auth-card{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:1.5rem;box-shadow:0 4px 24px #0f172a14}.auth-card h1{margin:0 0 1rem;font-size:1.25rem}.auth-field{margin-bottom:1rem}.auth-field label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.auth-field input{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.5rem .75rem;font-size:1rem}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:3rem}.auth-password-toggle{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:.75rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.auth-error{color:#b91c1c;min-height:1.25rem;margin-bottom:.75rem;font-size:.875rem}.auth-submit{color:#1a1a1a;cursor:pointer;background:#ebb94b;border:none;border-radius:8px;width:100%;margin-top:.25rem;padding:.75rem 1rem;font-weight:600}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-back{color:#64748b;margin-top:1rem;font-size:.875rem;text-decoration:none;display:inline-block}.auth-back:hover{text-decoration:underline}