diff --git a/ui/src/styles.css b/ui/src/styles.css
index 60aac1c..e112060 100644
--- a/ui/src/styles.css
+++ b/ui/src/styles.css
@@ -1,6 +1,7 @@
 body {
   margin: 0;
-  background: var(--gn-surface, #f6f7f9);
+  background: #16161e;
+  color: #c0caf5;
 }
 
 .gnb-shell {
@@ -27,20 +28,20 @@
   gap: 16px;
   align-items: center;
   padding: 12px 0;
-  border-bottom: 1px solid var(--gn-border, #dfe3e8);
+  border-bottom: 2px solid rgba(192, 202, 245, 0.24);
 }
 
 .gnb-row span {
   overflow-wrap: anywhere;
-  color: var(--gn-text-muted, #667085);
+  color: #a9b1d6;
 }
 
 .gnb-row-button {
   width: 100%;
   border: 0;
-  border-bottom: 1px solid var(--gn-border, #dfe3e8);
+  border-bottom: 2px solid rgba(192, 202, 245, 0.24);
   background: transparent;
-  color: inherit;
+  color: #c0caf5;
   font: inherit;
   text-align: left;
   cursor: pointer;
@@ -48,7 +49,7 @@
 
 .gnb-row-button:hover,
 .gnb-row-button.is-active {
-  background: var(--gn-surface-muted, #eef2f6);
+  background: rgba(122, 162, 247, 0.16);
 }
 
 .gnb-inventory,
@@ -78,9 +79,10 @@
   overflow: auto;
   margin: 0;
   padding: 16px;
-  border: 1px solid var(--gn-border, #dfe3e8);
-  background: var(--gn-surface, #ffffff);
-  color: var(--gn-text, #101828);
+  border: 2px solid rgba(192, 202, 245, 0.24);
+  border-left-width: 6px;
+  background: #1f2335;
+  color: #c0caf5;
   font-size: 13px;
   line-height: 1.5;
 }
@@ -106,9 +108,10 @@
   overflow: auto;
   margin: 0;
   padding: 16px;
-  border: 1px solid var(--gn-border, #dfe3e8);
-  background: var(--gn-surface, #ffffff);
-  color: var(--gn-text, #101828);
+  border: 2px solid rgba(192, 202, 245, 0.24);
+  border-left-width: 6px;
+  background: #1f2335;
+  color: #c0caf5;
   font-size: 14px;
   line-height: 1.6;
   white-space: pre-wrap;
@@ -165,15 +168,16 @@
   box-sizing: border-box;
   resize: vertical;
   padding: 10px 12px;
-  border: 1px solid var(--gn-border, #dfe3e8);
-  background: var(--gn-surface, #ffffff);
-  color: var(--gn-text, #101828);
+  border: 2px solid #c0caf5;
+  border-bottom-width: 6px;
+  background: rgba(192, 202, 245, 0.045);
+  color: #c0caf5;
   font: inherit;
 }
 
 .gnb-error {
   margin-top: 16px;
-  color: var(--gn-danger, #b42318);
+  color: #f7768e;
 }
 
 @media (max-width: 760px) {