diff --git a/extension/src/popup/components/settings.ts b/extension/src/popup/components/settings.ts
index 76e30c5..a4021ba 100644
--- a/extension/src/popup/components/settings.ts
+++ b/extension/src/popup/components/settings.ts
@@ -401,7 +401,19 @@ function renderBackupSection(content: HTMLElement): void {
 }
 
 function renderImportSection(content: HTMLElement): void {
-  content.innerHTML = '<p class="muted" style="padding:20px;font-size:12px;">Import — coming soon</p>';
+  content.innerHTML = `
+    <h3 class="settings-section-title">Import</h3>
+    <div class="setting-row">
+      <div class="setting-row__info">
+        <div class="setting-row__title">Import from LastPass</div>
+        <div class="setting-row__desc">Import a LastPass CSV export. Opens in the vault tab for review before committing.</div>
+      </div>
+      <div class="setting-row__control">
+        <button class="btn" id="open-import-tab" style="font-size:11px;">Open import ▸</button>
+      </div>
+    </div>
+  `;
+  document.getElementById('open-import-tab')?.addEventListener('click', () => openVaultTab('import'));
 }
 
 export { renderAutofillSection, renderDisplaySection, renderGeneratorSection,