.auth-wrapper.svelte-10py1m1.svelte-10py1m1{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#f3f4f6}body.dark-mode .auth-wrapper.svelte-10py1m1.svelte-10py1m1{background-color:#0d0d0d}.auth-card.svelte-10py1m1.svelte-10py1m1{width:100%;max-width:440px;background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;border:1px solid #e5e7eb}body.dark-mode .auth-card.svelte-10py1m1.svelte-10py1m1{background:#1a1a1a;border-color:#333;box-shadow:0 20px 50px #0009}.auth-header.svelte-10py1m1.svelte-10py1m1{text-align:center;margin-bottom:2rem}h1.svelte-10py1m1.svelte-10py1m1{font-size:2rem;color:#16a34a;margin:0;font-weight:800}.auth-header.svelte-10py1m1 p.svelte-10py1m1{color:#6b7280;font-size:.9rem;margin-top:.4rem}.input-field.svelte-10py1m1.svelte-10py1m1{margin-bottom:1.25rem;position:relative}label.svelte-10py1m1.svelte-10py1m1{display:block;font-size:.75rem;font-weight:700;margin-bottom:.4rem;color:#374151;text-transform:uppercase}body.dark-mode label.svelte-10py1m1.svelte-10py1m1{color:#9ca3af}input.svelte-10py1m1.svelte-10py1m1{width:100%;padding:.85rem 1rem;border-radius:10px;border:2px solid #d1d5db;background:#fff;color:#111827;font-size:1rem}body.dark-mode input.svelte-10py1m1.svelte-10py1m1{background:#262626;border-color:#404040;color:#fff}input.svelte-10py1m1.svelte-10py1m1:focus{border-color:#16a34a;outline:none}input.invalid.svelte-10py1m1.svelte-10py1m1{border-color:#ef4444}.err-text.svelte-10py1m1.svelte-10py1m1{color:#ef4444;font-size:.75rem;font-weight:600;margin-top:.25rem;display:block}.submit-btn.svelte-10py1m1.svelte-10py1m1{width:100%;padding:1.1rem;background:#16a34a;color:#fff;border:none;border-radius:10px;font-weight:800;cursor:pointer;margin-top:.5rem}.submit-btn.svelte-10py1m1.svelte-10py1m1:disabled{opacity:.6}.auth-footer.svelte-10py1m1.svelte-10py1m1{margin-top:1.8rem;text-align:center;color:#6b7280}.auth-footer.svelte-10py1m1 a.svelte-10py1m1{color:#16a34a;text-decoration:none;font-weight:700}.loader.svelte-10py1m1.svelte-10py1m1{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;display:inline-block;animation:svelte-10py1m1-spin 1s linear infinite}@keyframes svelte-10py1m1-spin{to{transform:rotate(360deg)}}