.settings-container.svelte-1tq2e1j{background:#f9fafb;border-radius:1.5rem;padding:1.5rem;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;font-family:Inter,sans-serif;width:100%;max-width:600px;margin:0 auto}.header.svelte-1tq2e1j{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.header-title.svelte-1tq2e1j{font-size:1.5rem;font-weight:600;color:#1f2937}.header-subtitle.svelte-1tq2e1j{font-size:1.25rem;font-weight:500;color:#6b7280}.settings-section.svelte-1tq2e1j{margin-bottom:2rem;padding:1rem;background:#fff;border-radius:1rem;box-shadow:0 2px 4px #0000000d}.section-title.svelte-1tq2e1j{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.section-content.svelte-1tq2e1j{display:flex;flex-direction:column;gap:1rem}.profile-picture.svelte-1tq2e1j{display:flex;align-items:center;gap:1rem}.profile-image.svelte-1tq2e1j{width:100px;height:100px;border-radius:50%;object-fit:cover;border:1px solid #e5e7eb}.upload-button.svelte-1tq2e1j{background:#8ec742;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.upload-button.svelte-1tq2e1j:hover{background:#78a438}.form-group.svelte-1tq2e1j{display:flex;flex-direction:column;gap:.25rem}.form-group.svelte-1tq2e1j label:where(.svelte-1tq2e1j){font-size:.875rem;font-weight:500;color:#1f2937}.input-field.svelte-1tq2e1j{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:.5rem;font-size:.875rem;color:#1f2937}.input-field.svelte-1tq2e1j:focus{outline:none;border-color:#8ec742;box-shadow:0 0 0 2px #8ec74233}.error-message.svelte-1tq2e1j{font-size:.75rem;color:#dc2626}.save-button.svelte-1tq2e1j{background:#8ec742;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.save-button.svelte-1tq2e1j:hover{background:#78a438}@media (prefers-color-scheme: dark){.settings-container.svelte-1tq2e1j{background:#1f2937;box-shadow:0 4px 6px #0003,0 1px 3px #0000001a}.header.svelte-1tq2e1j{border-bottom-color:#4b5563}.header-title.svelte-1tq2e1j{color:#e5e7eb}.header-subtitle.svelte-1tq2e1j{color:#9ca3af}.settings-section.svelte-1tq2e1j{background:#374151}.section-title.svelte-1tq2e1j{color:#e5e7eb}.form-group.svelte-1tq2e1j label:where(.svelte-1tq2e1j){color:#e5e7eb}.input-field.svelte-1tq2e1j{background:#4b5563;border-color:#6b7280;color:#e5e7eb}.input-field.svelte-1tq2e1j:focus{border-color:#8ec742;box-shadow:0 0 0 2px #8ec74233}.profile-image.svelte-1tq2e1j{border-color:#4b5563}.upload-button.svelte-1tq2e1j{background:#8ec742}.upload-button.svelte-1tq2e1j:hover{background:#78a438}.error-message.svelte-1tq2e1j{color:#f87171}.save-button.svelte-1tq2e1j{background:#8ec742}.save-button.svelte-1tq2e1j:hover{background:#78a438}}@media (max-width: 639px){.settings-container.svelte-1tq2e1j{padding:1rem;max-width:100%}.header-title.svelte-1tq2e1j{font-size:1.25rem}.header-subtitle.svelte-1tq2e1j{font-size:1rem}.settings-section.svelte-1tq2e1j{padding:.75rem}.section-title.svelte-1tq2e1j{font-size:1.125rem}.profile-image.svelte-1tq2e1j{width:80px;height:80px}.upload-button.svelte-1tq2e1j,.save-button.svelte-1tq2e1j{font-size:.75rem;padding:.5rem}.form-group.svelte-1tq2e1j label:where(.svelte-1tq2e1j){font-size:.75rem}.input-field.svelte-1tq2e1j{font-size:.75rem;padding:.5rem}.error-message.svelte-1tq2e1j{font-size:.75rem}}@media (min-width: 640px) and (max-width: 767px){.settings-container.svelte-1tq2e1j{padding:1.25rem;max-width:90%}.header-title.svelte-1tq2e1j{font-size:1.375rem}.settings-section.svelte-1tq2e1j{padding:1rem}.upload-button.svelte-1tq2e1j,.save-button.svelte-1tq2e1j{font-size:.875rem;padding:.625rem}.form-group.svelte-1tq2e1j label:where(.svelte-1tq2e1j){font-size:.875rem}.input-field.svelte-1tq2e1j{font-size:.875rem;padding:.625rem}}@media (min-width: 768px){.header-title.svelte-1tq2e1j{font-size:1.5rem}.settings-section.svelte-1tq2e1j{padding:1rem}.upload-button.svelte-1tq2e1j,.save-button.svelte-1tq2e1j{font-size:.875rem;padding:.5rem 1rem}.form-group.svelte-1tq2e1j label:where(.svelte-1tq2e1j){font-size:.875rem}.input-field.svelte-1tq2e1j{font-size:.875rem;padding:.5rem}}