diff --git a/apps/ui/css/openapi-import.css b/apps/ui/css/openapi-import.css
index 034104a..e47917d 100644
--- a/apps/ui/css/openapi-import.css
+++ b/apps/ui/css/openapi-import.css
@@ -12,23 +12,26 @@
 .openapi-import-modal {
   position: fixed;
   inset: 0;
-  z-index: 1200;
+  z-index: 2400;
   display: flex;
   align-items: flex-start;
   justify-content: center;
   padding: 28px 16px;
   overflow: auto;
+  isolation: isolate;
 }
 
 .openapi-import-backdrop {
   position: fixed;
   inset: 0;
-  background: rgba(4, 8, 18, 0.72);
-  backdrop-filter: blur(3px);
+  z-index: 0;
+  background: rgba(1, 4, 9, 0.82);
+  backdrop-filter: blur(8px);
 }
 
 .openapi-import-dialog {
   position: relative;
+  z-index: 1;
   width: min(1040px, calc(100vw - 32px));
   max-height: calc(100vh - 56px);
   margin: 0 auto;
@@ -37,8 +40,8 @@
   overflow: hidden;
   border: 1px solid var(--border);
   border-radius: 22px;
-  background: var(--surface);
-  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
+  background: var(--bg-surface);
+  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);
 }
 
 .openapi-import-header {
@@ -47,6 +50,7 @@
   gap: 18px;
   padding: 22px 24px;
   border-bottom: 1px solid var(--border);
+  background: var(--bg-surface);
 }
 
 .openapi-import-header h2 {
@@ -63,6 +67,7 @@
 .openapi-import-body {
   overflow: auto;
   padding: 20px 24px 24px;
+  background: var(--bg-surface);
 }
 
 .openapi-import-upload {
@@ -85,7 +90,7 @@
   padding: 14px;
   border: 1px solid var(--border);
   border-radius: 14px;
-  background: var(--surface-muted);
+  background: var(--bg-overlay);
   color: var(--text-primary);
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
   font-size: 12px;
@@ -155,7 +160,7 @@
 .openapi-import-group {
   border: 1px solid var(--border);
   border-radius: 16px;
-  background: var(--surface-muted);
+  background: var(--bg-overlay);
 }
 
 .openapi-import-source {
@@ -184,7 +189,7 @@
   padding: 10px 12px;
   border: 1px solid var(--border);
   border-radius: 12px;
-  background: var(--surface);
+  background: var(--bg-surface);
   color: var(--text-primary);
 }
 
@@ -196,7 +201,7 @@
   padding: 14px 16px;
   border: 1px solid var(--border);
   border-radius: 16px;
-  background: var(--surface-muted);
+  background: var(--bg-overlay);
 }
 
 .openapi-import-filter {
@@ -214,7 +219,7 @@
 #openapi-import-method-filter {
   width: 100%;
   max-width: none;
-  background: var(--surface);
+  background: var(--bg-surface);
 }
 
 .openapi-import-bulk-actions {
@@ -282,7 +287,7 @@
 .openapi-import-method {
   padding: 4px 8px;
   border-radius: 999px;
-  background: var(--accent-muted);
+  background: var(--accent-glow);
   color: var(--accent);
   font-size: 11px;
   font-weight: 800;
@@ -322,7 +327,7 @@
   padding: 10px 12px;
   border: 1px solid var(--border);
   border-radius: 12px;
-  background: var(--surface);
+  background: var(--bg-surface);
 }
 
 .openapi-import-mapping-group {
@@ -344,7 +349,7 @@
   padding: 3px 7px;
   border: 1px solid var(--border);
   border-radius: 999px;
-  background: var(--surface-muted);
+  background: var(--bg-overlay);
   color: var(--text-primary);
   font-size: 11px;
 }
@@ -362,7 +367,7 @@
   padding: 14px 16px;
   border: 1px solid var(--border);
   border-radius: 16px;
-  background: var(--surface-muted);
+  background: var(--bg-overlay);
   color: var(--text-secondary);
   font-size: 13px;
 }
@@ -387,7 +392,7 @@
   overflow: hidden;
   border: 1px solid var(--border);
   border-radius: 14px;
-  background: var(--surface);
+  background: var(--bg-surface);
 }
 
 .openapi-import-result-row {
@@ -409,7 +414,7 @@
   font-weight: 900;
   text-transform: uppercase;
   letter-spacing: 0.04em;
-  background: var(--surface-muted);
+  background: var(--bg-overlay);
 }
 
 .openapi-import-result-name {