diff --git a/frontend/app/dashboard/profile-dashboard/profile-dashboard.css b/frontend/app/dashboard/profile-dashboard/profile-dashboard.css
index e370227..5d6f2d9 100644
--- a/frontend/app/dashboard/profile-dashboard/profile-dashboard.css
+++ b/frontend/app/dashboard/profile-dashboard/profile-dashboard.css
@@ -1,9 +1,9 @@
 .profile-dashboard {
   min-height: 100vh;
-  padding: 48px 24px 72px;
-  background: radial-gradient(circle at top right, #f7f0d4 0%, #f2f7e8 45%, #e6f4e6 100%);
-  color: #1f2d1f;
-  font-family: "Georgia", "Times New Roman", serif;
+  padding: 32px 24px 48px;
+  background: #1a1a1a;
+  color: #e5e7eb;
+  font-family: inherit;
 }
 
 .profile-dashboard__header {
@@ -17,38 +17,47 @@
 }
 
 .profile-dashboard__eyebrow {
-  font-size: 2rem;
-  letter-spacing: 0.08em;
+  font-size: 0.9rem;
+  letter-spacing: 0.1em;
   text-transform: uppercase;
-  color: #3b5f45;
-  margin: 0 0 8px;
+  color: #4ade80;
+  margin: 0 0 6px;
+}
+
+.profile-dashboard h1 {
+  font-size: 2rem;
+  font-weight: 800;
+  color: #e5e7eb;
+  margin: 0;
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 }
 
 .profile-dashboard__subtitle {
   max-width: 520px;
   margin: 10px 0 0;
-  color: #3b4a34;
-  font-size: 1.05rem;
+  color: #94a3b8;
+  font-size: 1rem;
 }
 
 .profile-dashboard__back {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  padding: 10px 18px;
+  padding: 0.6rem 1.2rem;
   border-radius: 999px;
-  border: 1px solid #99b69a;
-  background: #f7f0d4;
-  color: #2b4a31;
+  border: 1px solid #365314;
+  background: rgba(37, 37, 37, 0.8);
+  color: #e5e7eb;
   text-decoration: none;
   font-weight: 600;
-  box-shadow: 0 6px 16px rgba(67, 103, 68, 0.12);
+  box-shadow: 0 10px 22px -16px rgba(0, 0, 0, 0.35);
   transition: transform 0.2s ease, box-shadow 0.2s ease;
 }
 
 .profile-dashboard__back:hover {
   transform: translateY(-1px);
-  box-shadow: 0 10px 22px rgba(67, 103, 68, 0.18);
+  box-shadow: 0 12px 24px -14px rgba(0, 0, 0, 0.45);
+  border-color: #4ade80;
 }
 
 .profile-dashboard__credits {
@@ -57,11 +66,12 @@
 }
 
 .profile-dashboard__credit-card {
-  border-radius: 20px;
+  border-radius: 16px;
   padding: 28px;
-  background: linear-gradient(135deg, #e6f4e6 0%, #f7f0d4 100%);
-  border: 1px solid #c2d7b9;
-  box-shadow: 0 18px 32px rgba(43, 74, 49, 0.12);
+  background: rgba(37, 37, 37, 0.8);
+  border: 1px solid #365314;
+  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.4);
+  backdrop-filter: blur(10px);
 }
 
 .profile-dashboard__label {
@@ -69,48 +79,48 @@
   font-size: 0.95rem;
   text-transform: uppercase;
   letter-spacing: 0.1em;
-  color: #3b5f45;
+  color: #4ade80;
   margin-bottom: 10px;
 }
 
 .profile-dashboard__value {
   display: block;
-  font-size: 3.1rem;
+  font-size: 3rem;
   font-weight: 700;
-  color: #2f4f34;
+  color: #e5e7eb;
   margin-bottom: 8px;
 }
 
 .profile-dashboard__hint {
   margin: 0;
-  color: #3f5a3f;
+  color: #94a3b8;
   font-size: 1rem;
 }
 
 .profile-dashboard__error {
   margin: 12px 0 0;
-  color: #7a2f2f;
+  color: #f2a0a0;
   font-weight: 600;
 }
 
 .profile-dashboard__actions {
   margin: 0 auto;
   max-width: 960px;
-  padding-top: 96px;
+  padding-top: 64px;
   display: flex;
   justify-content: center;
 }
 
 .profile-dashboard__logout {
-  border: none;
-  background: #2f5b3f;
-  color: #f7f0d4;
-  padding: 12px 22px;
-  font-size: 1rem;
+  border: 2px solid #365314;
+  background: rgba(37, 37, 37, 0.8);
+  color: #e5e7eb;
+  padding: 0.75rem 1.5rem;
+  font-size: 0.95rem;
   border-radius: 999px;
   cursor: pointer;
   font-weight: 600;
-  box-shadow: 0 10px 18px rgba(47, 91, 63, 0.2);
+  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.35);
   transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
   width: 33%;
   min-width: 160px;
@@ -124,7 +134,8 @@
 
 .profile-dashboard__logout:hover:not(:disabled) {
   transform: translateY(-1px);
-  box-shadow: 0 14px 24px rgba(47, 91, 63, 0.24);
+  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.45);
+  border-color: #4ade80;
 }
 
 @media (min-width: 768px) {
@@ -136,4 +147,10 @@
   .profile-dashboard__credit-card {
     padding: 36px;
   }
-}
\ No newline at end of file
+}
+
+@media (max-width: 720px) {
+  .profile-dashboard {
+    padding: 24px 16px 36px;
+  }
+}
diff --git a/frontend/app/profile-dashboard/profile-dashboard.css b/frontend/app/profile-dashboard/profile-dashboard.css
index d55e5f5..5d6f2d9 100644
--- a/frontend/app/profile-dashboard/profile-dashboard.css
+++ b/frontend/app/profile-dashboard/profile-dashboard.css
@@ -1,9 +1,9 @@
 .profile-dashboard {
   min-height: 100vh;
-  padding: 48px 24px 72px;
-  background: radial-gradient(circle at top right, #f7f0d4 0%, #f2f7e8 45%, #e6f4e6 100%);
-  color: #1f2d1f;
-  font-family: "Georgia", "Times New Roman", serif;
+  padding: 32px 24px 48px;
+  background: #1a1a1a;
+  color: #e5e7eb;
+  font-family: inherit;
 }
 
 .profile-dashboard__header {
@@ -17,38 +17,47 @@
 }
 
 .profile-dashboard__eyebrow {
-  font-size: 2rem;
-  letter-spacing: 0.08em;
+  font-size: 0.9rem;
+  letter-spacing: 0.1em;
   text-transform: uppercase;
-  color: #3b5f45;
-  margin: 0 0 8px;
+  color: #4ade80;
+  margin: 0 0 6px;
+}
+
+.profile-dashboard h1 {
+  font-size: 2rem;
+  font-weight: 800;
+  color: #e5e7eb;
+  margin: 0;
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 }
 
 .profile-dashboard__subtitle {
   max-width: 520px;
   margin: 10px 0 0;
-  color: #3b4a34;
-  font-size: 1.05rem;
+  color: #94a3b8;
+  font-size: 1rem;
 }
 
 .profile-dashboard__back {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  padding: 10px 18px;
+  padding: 0.6rem 1.2rem;
   border-radius: 999px;
-  border: 1px solid #99b69a;
-  background: #f7f0d4;
-  color: #2b4a31;
+  border: 1px solid #365314;
+  background: rgba(37, 37, 37, 0.8);
+  color: #e5e7eb;
   text-decoration: none;
   font-weight: 600;
-  box-shadow: 0 6px 16px rgba(67, 103, 68, 0.12);
+  box-shadow: 0 10px 22px -16px rgba(0, 0, 0, 0.35);
   transition: transform 0.2s ease, box-shadow 0.2s ease;
 }
 
 .profile-dashboard__back:hover {
   transform: translateY(-1px);
-  box-shadow: 0 10px 22px rgba(67, 103, 68, 0.18);
+  box-shadow: 0 12px 24px -14px rgba(0, 0, 0, 0.45);
+  border-color: #4ade80;
 }
 
 .profile-dashboard__credits {
@@ -57,11 +66,12 @@
 }
 
 .profile-dashboard__credit-card {
-  border-radius: 20px;
+  border-radius: 16px;
   padding: 28px;
-  background: linear-gradient(135deg, #e6f4e6 0%, #f7f0d4 100%);
-  border: 1px solid #c2d7b9;
-  box-shadow: 0 18px 32px rgba(43, 74, 49, 0.12);
+  background: rgba(37, 37, 37, 0.8);
+  border: 1px solid #365314;
+  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.4);
+  backdrop-filter: blur(10px);
 }
 
 .profile-dashboard__label {
@@ -69,48 +79,48 @@
   font-size: 0.95rem;
   text-transform: uppercase;
   letter-spacing: 0.1em;
-  color: #3b5f45;
+  color: #4ade80;
   margin-bottom: 10px;
 }
 
 .profile-dashboard__value {
   display: block;
-  font-size: 3.1rem;
+  font-size: 3rem;
   font-weight: 700;
-  color: #2f4f34;
+  color: #e5e7eb;
   margin-bottom: 8px;
 }
 
 .profile-dashboard__hint {
   margin: 0;
-  color: #3f5a3f;
+  color: #94a3b8;
   font-size: 1rem;
 }
 
 .profile-dashboard__error {
   margin: 12px 0 0;
-  color: #7a2f2f;
+  color: #f2a0a0;
   font-weight: 600;
 }
 
 .profile-dashboard__actions {
   margin: 0 auto;
   max-width: 960px;
-  padding-top: 96px;
+  padding-top: 64px;
   display: flex;
   justify-content: center;
 }
 
 .profile-dashboard__logout {
-  border: none;
-  background: #2f5b3f;
-  color: #f7f0d4;
-  padding: 12px 22px;
-  font-size: 1rem;
+  border: 2px solid #365314;
+  background: rgba(37, 37, 37, 0.8);
+  color: #e5e7eb;
+  padding: 0.75rem 1.5rem;
+  font-size: 0.95rem;
   border-radius: 999px;
   cursor: pointer;
   font-weight: 600;
-  box-shadow: 0 10px 18px rgba(47, 91, 63, 0.2);
+  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.35);
   transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
   width: 33%;
   min-width: 160px;
@@ -124,7 +134,8 @@
 
 .profile-dashboard__logout:hover:not(:disabled) {
   transform: translateY(-1px);
-  box-shadow: 0 14px 24px rgba(47, 91, 63, 0.24);
+  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.45);
+  border-color: #4ade80;
 }
 
 @media (min-width: 768px) {
@@ -137,3 +148,9 @@
     padding: 36px;
   }
 }
+
+@media (max-width: 720px) {
+  .profile-dashboard {
+    padding: 24px 16px 36px;
+  }
+}
diff --git a/frontend/app/upload/upload.css b/frontend/app/upload/upload.css
index 87779ba..f236180 100644
--- a/frontend/app/upload/upload.css
+++ b/frontend/app/upload/upload.css
@@ -1,34 +1,23 @@
-@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@400;600&family=Source+Sans+3:wght@400;500;600&display=swap");
-
 .upload-page {
-  --green-100: #e6f3e0;
-  --green-200: #cfe6c4;
-  --green-500: #3b6f4d;
-  --gold-100: #f8f2d9;
-  --gold-200: #f0e0b2;
-  --gold-500: #b68b2e;
-  --cream: #fdfbf2;
-  --ink: #1f2a24;
-  --muted: #4b5d52;
+  --dashboard-bg: #1a1a1a;
+  --dashboard-card: rgba(37, 37, 37, 0.8);
+  --dashboard-card-strong: rgba(37, 37, 37, 0.95);
+  --dashboard-border: #365314;
+  --dashboard-accent: #4ade80;
+  --dashboard-text: #e5e7eb;
+  --dashboard-muted: #94a3b8;
+  --dashboard-shadow: rgba(0, 0, 0, 0.35);
   min-height: 100vh;
   padding: 3rem clamp(1.5rem, 3vw, 3.5rem) 4rem;
   display: grid;
   gap: 2.5rem;
   grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr);
   background:
-    radial-gradient(
-      circle at top left,
-      rgba(205, 229, 194, 0.65),
-      transparent 55%
-    ),
-    radial-gradient(
-      circle at 20% 70%,
-      rgba(246, 235, 201, 0.7),
-      transparent 60%
-    ),
-    linear-gradient(120deg, var(--cream), #f8f7ef);
-  color: var(--ink);
-  font-family: "Source Sans 3", "Segoe UI", sans-serif;
+    radial-gradient(circle at top left, rgba(54, 83, 20, 0.35), transparent 55%),
+    radial-gradient(circle at 20% 70%, rgba(74, 222, 128, 0.1), transparent 60%),
+    linear-gradient(140deg, #141414, var(--dashboard-bg));
+  color: var(--dashboard-text);
+  font-family: inherit;
   position: relative;
   overflow: hidden;
 }
@@ -47,7 +36,7 @@
   height: 320px;
   right: -120px;
   top: 40px;
-  background: radial-gradient(circle, var(--gold-200), transparent 70%);
+  background: radial-gradient(circle, rgba(74, 222, 128, 0.2), transparent 70%);
 }
 
 .upload-page::after {
@@ -55,7 +44,7 @@
   height: 420px;
   left: -140px;
   bottom: -120px;
-  background: radial-gradient(circle, var(--green-200), transparent 70%);
+  background: radial-gradient(circle, rgba(54, 83, 20, 0.25), transparent 70%);
 }
 
 .upload-page > * {
@@ -71,9 +60,10 @@
   gap: 1.5rem;
   padding: 2.5rem clamp(1.5rem, 2vw, 2.5rem);
   border-radius: 28px;
-  background: linear-gradient(135deg, #fefdf6, #f7f4e7);
-  border: 1px solid rgba(59, 111, 77, 0.15);
-  box-shadow: 0 24px 50px rgba(31, 42, 36, 0.12);
+  background: var(--dashboard-card);
+  border: 1px solid var(--dashboard-border);
+  box-shadow: 0 24px 50px var(--dashboard-shadow);
+  backdrop-filter: blur(10px);
 }
 
 .upload-eyebrow {
@@ -81,30 +71,30 @@
   font-weight: 600;
   letter-spacing: 0.2rem;
   text-transform: uppercase;
-  color: var(--green-500);
+  color: var(--dashboard-accent);
   margin-bottom: 0.75rem;
 }
 
 .upload-title {
-  font-family: "Merriweather", "Georgia", serif;
   font-size: clamp(2rem, 2.4vw, 2.8rem);
   margin: 0 0 0.75rem;
-  color: #243126;
+  color: var(--dashboard-text);
+  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
 }
 
 .upload-subtitle {
   margin: 0;
   font-size: 1rem;
-  color: var(--muted);
+  color: var(--dashboard-muted);
   max-width: 520px;
 }
 
 .upload-back-button {
   padding: 0.6rem 1.2rem;
-  border-radius: 12px;
-  border: 1px solid rgba(59, 111, 77, 0.2);
-  background: #ffffff;
-  color: var(--green-500);
+  border-radius: 999px;
+  border: 1px solid var(--dashboard-border);
+  background: var(--dashboard-card);
+  color: var(--dashboard-text);
   font-size: 0.9rem;
   font-weight: 500;
   cursor: pointer;
@@ -114,11 +104,12 @@
   align-items: center;
   gap: 0.5rem;
   margin-bottom: 1rem;
+  box-shadow: 0 10px 22px -16px rgba(0, 0, 0, 0.35);
 }
 
 .upload-back-button:hover {
-  background-color: var(--green-100);
-  border-color: var(--green-500);
+  background-color: var(--dashboard-card-strong);
+  border-color: var(--dashboard-accent);
   transform: translateY(-1px);
 }
 
@@ -130,23 +121,24 @@
   width: 86px;
   height: 86px;
   border-radius: 24px;
-  background: linear-gradient(135deg, var(--green-100), var(--gold-100));
-  border: 1px solid rgba(59, 111, 77, 0.2);
+  background: rgba(54, 83, 20, 0.35);
+  border: 1px solid var(--dashboard-border);
   display: grid;
   place-items: center;
   font-weight: 600;
-  color: var(--green-500);
+  color: var(--dashboard-accent);
   font-size: 1.1rem;
 }
 
 .upload-panel {
   padding: 2.5rem;
   border-radius: 28px;
-  background: #ffffff;
-  border: 1px solid rgba(59, 111, 77, 0.12);
+  background: var(--dashboard-card);
+  border: 1px solid var(--dashboard-border);
   box-shadow:
-    0 20px 40px rgba(31, 42, 36, 0.12),
-    0 2px 0 rgba(182, 139, 46, 0.1) inset;
+    0 20px 40px rgba(0, 0, 0, 0.35),
+    0 2px 0 rgba(54, 83, 20, 0.3) inset;
+  backdrop-filter: blur(10px);
 }
 
 .upload-panel-header {
@@ -154,14 +146,13 @@
 }
 
 .upload-panel-title {
-  font-family: "Merriweather", "Georgia", serif;
   font-size: 1.5rem;
   margin: 0 0 0.4rem;
 }
 
 .upload-panel-subtitle {
   margin: 0;
-  color: var(--muted);
+  color: var(--dashboard-muted);
 }
 
 .upload-form {
@@ -177,29 +168,33 @@
 .upload-label {
   font-size: 0.95rem;
   font-weight: 600;
-  color: #2a3a2f;
+  color: var(--dashboard-accent);
 }
 
 .upload-input {
   width: 100%;
   padding: 0.7rem 0.9rem;
   border-radius: 14px;
-  border: 1px solid rgba(59, 111, 77, 0.2);
-  background: #fefdf9;
-  color: var(--ink);
+  border: 1px solid var(--dashboard-border);
+  background: var(--dashboard-card);
+  color: var(--dashboard-text);
   font-size: 0.95rem;
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
 }
 
 .upload-input:focus {
   outline: none;
-  border-color: var(--green-500);
-  box-shadow: 0 0 0 3px rgba(59, 111, 77, 0.15);
+  border-color: var(--dashboard-accent);
+  box-shadow: 0 0 0 3px rgba(54, 83, 20, 0.3);
+}
+
+.upload-input::placeholder {
+  color: rgba(229, 231, 235, 0.6);
 }
 
 .upload-input--file {
   padding: 0.5rem 0.75rem;
-  background: #f8f6ec;
+  background: var(--dashboard-card-strong);
 }
 
 .upload-file-wrapper {
@@ -211,9 +206,9 @@
   width: 100%;
   padding: 0.7rem 0.9rem;
   border-radius: 14px;
-  border: 1px solid rgba(59, 111, 77, 0.2);
-  background: #fefdf9;
-  color: var(--ink);
+  border: 1px solid var(--dashboard-border);
+  background: var(--dashboard-card);
+  color: var(--dashboard-text);
   font-size: 0.95rem;
   cursor: pointer;
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
@@ -224,17 +219,17 @@
 }
 
 .upload-file-label:hover {
-  border-color: var(--green-500);
-  box-shadow: 0 0 0 3px rgba(59, 111, 77, 0.1);
+  border-color: var(--dashboard-accent);
+  box-shadow: 0 0 0 3px rgba(54, 83, 20, 0.25);
 }
 
 .upload-preview-button {
   margin-top: 0.75rem;
   padding: 0.6rem 1.2rem;
   border-radius: 12px;
-  border: 1px solid rgba(59, 111, 77, 0.3);
-  background: rgba(59, 111, 77, 0.08);
-  color: var(--green-500);
+  border: 1px solid var(--dashboard-border);
+  background: rgba(54, 83, 20, 0.25);
+  color: var(--dashboard-text);
   font-size: 0.9rem;
   font-weight: 500;
   cursor: pointer;
@@ -243,8 +238,8 @@
 }
 
 .upload-preview-button:hover {
-  background: rgba(59, 111, 77, 0.15);
-  border-color: var(--green-500);
+  background: rgba(54, 83, 20, 0.4);
+  border-color: var(--dashboard-accent);
 }
 
 /* PDF Preview Modal */
@@ -254,7 +249,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background: rgba(31, 42, 36, 0.85);
+  background: rgba(15, 23, 42, 0.65);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -264,9 +259,9 @@
 }
 
 .upload-preview-modal-content {
-  background: #ffffff;
+  background: var(--dashboard-bg);
   border-radius: 20px;
-  box-shadow: 0 24px 50px rgba(31, 42, 36, 0.3);
+  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.4);
   max-width: 90vw;
   max-height: 90vh;
   display: flex;
@@ -279,15 +274,15 @@
   align-items: center;
   justify-content: space-between;
   padding: 1.5rem 2rem;
-  border-bottom: 1px solid rgba(59, 111, 77, 0.15);
-  background: #fefdf9;
+  border-bottom: 1px solid var(--dashboard-border);
+  background: var(--dashboard-card);
 }
 
 .upload-preview-modal-title {
   margin: 0;
   font-size: 1.1rem;
   font-weight: 600;
-  color: var(--ink);
+  color: var(--dashboard-text);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -298,7 +293,7 @@
   background: transparent;
   border: none;
   font-size: 2rem;
-  color: var(--muted);
+  color: var(--dashboard-muted);
   cursor: pointer;
   padding: 0;
   width: 32px;
@@ -312,8 +307,8 @@
 }
 
 .upload-preview-modal-close:hover {
-  background: rgba(59, 111, 77, 0.1);
-  color: var(--green-500);
+  background: rgba(54, 83, 20, 0.2);
+  color: var(--dashboard-accent);
 }
 
 .upload-preview-modal-body {
@@ -322,18 +317,18 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  background: #f8f6ec;
+  background: var(--dashboard-bg);
 }
 
 .upload-preview-loading,
 .upload-preview-error {
   padding: 3rem;
   text-align: center;
-  color: var(--muted);
+  color: var(--dashboard-muted);
 }
 
 .upload-preview-error {
-  color: #b91c1c;
+  color: #f2a0a0;
 }
 
 .upload-preview-controls {
@@ -343,17 +338,17 @@
   gap: 1.5rem;
   margin-top: 1.5rem;
   padding: 1rem;
-  background: #ffffff;
+  background: var(--dashboard-card);
   border-radius: 12px;
-  border: 1px solid rgba(59, 111, 77, 0.15);
+  border: 1px solid var(--dashboard-border);
 }
 
 .upload-preview-nav-button {
   padding: 0.5rem 1rem;
   border-radius: 8px;
-  border: 1px solid rgba(59, 111, 77, 0.3);
-  background: #fefdf9;
-  color: var(--green-500);
+  border: 1px solid var(--dashboard-border);
+  background: var(--dashboard-card);
+  color: var(--dashboard-text);
   font-size: 0.9rem;
   font-weight: 500;
   cursor: pointer;
@@ -361,8 +356,8 @@
 }
 
 .upload-preview-nav-button:hover:not(:disabled) {
-  background: rgba(59, 111, 77, 0.1);
-  border-color: var(--green-500);
+  background: var(--dashboard-card-strong);
+  border-color: var(--dashboard-accent);
 }
 
 .upload-preview-nav-button:disabled {
@@ -372,7 +367,7 @@
 
 .upload-preview-page-info {
   font-size: 0.9rem;
-  color: var(--muted);
+  color: var(--dashboard-muted);
   font-weight: 500;
   min-width: 100px;
   text-align: center;
@@ -389,15 +384,15 @@
 .upload-select-trigger {
   width: 100%;
   border-radius: 14px;
-  border: 1px solid rgba(59, 111, 77, 0.2);
-  background: #fefdf9;
+  border: 1px solid var(--dashboard-border);
+  background: var(--dashboard-card);
   padding: 0.7rem 0.9rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
   font-size: 0.95rem;
-  color: var(--ink);
+  color: var(--dashboard-text);
 }
 
 .upload-select-value {
@@ -407,7 +402,7 @@
 }
 
 .upload-select-caret {
-  color: var(--green-500);
+  color: var(--dashboard-accent);
   font-size: 0.85rem;
 }
 
@@ -417,17 +412,17 @@
   margin-top: 0.6rem;
   width: 100%;
   border-radius: 18px;
-  background: #ffffff;
-  border: 1px solid rgba(59, 111, 77, 0.2);
-  box-shadow: 0 16px 30px rgba(31, 42, 36, 0.12);
+  background: var(--dashboard-card-strong);
+  border: 1px solid var(--dashboard-border);
+  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.35);
   max-height: 280px;
   overflow: hidden;
 }
 
 .upload-select-search {
   padding: 0.8rem;
-  border-bottom: 1px solid rgba(59, 111, 77, 0.12);
-  background: #fdfbf4;
+  border-bottom: 1px solid var(--dashboard-border);
+  background: var(--dashboard-card);
 }
 
 .upload-select-option {
@@ -437,19 +432,19 @@
   background: transparent;
   border: none;
   font-size: 0.9rem;
-  color: var(--ink);
+  color: var(--dashboard-text);
   cursor: pointer;
   transition: background 0.2s ease;
 }
 
 .upload-select-option:hover {
-  background: rgba(59, 111, 77, 0.08);
+  background: rgba(54, 83, 20, 0.3);
 }
 
 .upload-select-empty {
   padding: 0.8rem 0.9rem 1rem;
   font-size: 0.85rem;
-  color: var(--muted);
+  color: var(--dashboard-muted);
 }
 
 .upload-alert {
@@ -460,43 +455,45 @@
 }
 
 .upload-alert--info {
-  background: rgba(182, 139, 46, 0.12);
-  color: #6b5420;
-  border: 1px solid rgba(182, 139, 46, 0.25);
+  background: rgba(54, 83, 20, 0.35);
+  color: var(--dashboard-text);
+  border: 1px solid var(--dashboard-border);
 }
 
 .upload-alert--error {
-  background: rgba(177, 65, 54, 0.12);
-  color: #7a2f26;
-  border: 1px solid rgba(177, 65, 54, 0.25);
+  background: rgba(179, 75, 63, 0.2);
+  color: #f2a0a0;
+  border: 1px solid rgba(179, 75, 63, 0.4);
 }
 
 .upload-submit {
-  border: none;
+  border: 2px solid var(--dashboard-border);
   border-radius: 999px;
   padding: 0.8rem 1.8rem;
   font-weight: 600;
   font-size: 0.95rem;
-  color: #ffffff;
-  background: linear-gradient(135deg, var(--green-500), #2f5e3a);
-  box-shadow: 0 14px 26px rgba(47, 94, 58, 0.25);
+  color: var(--dashboard-text);
+  background: var(--dashboard-card);
+  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.35);
   cursor: pointer;
   transition: transform 0.2s ease, box-shadow 0.2s ease;
 }
 
 .upload-submit:hover {
   transform: translateY(-1px);
-  box-shadow: 0 18px 30px rgba(47, 94, 58, 0.3);
+  background: var(--dashboard-card-strong);
+  border-color: var(--dashboard-accent);
+  box-shadow: 0 18px 30px rgba(0, 0, 0, 0.4);
 }
 
 .upload-result {
   margin-top: 1.5rem;
   padding: 1rem;
   border-radius: 18px;
-  border: 1px dashed rgba(59, 111, 77, 0.25);
-  background: #fdfbf3;
+  border: 1px dashed var(--dashboard-border);
+  background: rgba(54, 83, 20, 0.2);
   font-size: 0.8rem;
-  color: #3a4b40;
+  color: var(--dashboard-text);
   white-space: pre-wrap;
 }
 
@@ -504,13 +501,13 @@
   align-self: start;
   padding: 2.2rem 2rem;
   border-radius: 26px;
-  background: linear-gradient(160deg, #fefbf0, #f6f1dc);
-  border: 1px solid rgba(182, 139, 46, 0.25);
-  box-shadow: 0 18px 34px rgba(31, 42, 36, 0.1);
+  background: var(--dashboard-card);
+  border: 1px solid var(--dashboard-border);
+  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.35);
+  backdrop-filter: blur(10px);
 }
 
 .upload-sidecard-title {
-  font-family: "Merriweather", "Georgia", serif;
   font-size: 1.2rem;
   margin: 0 0 1rem;
 }
@@ -518,7 +515,7 @@
 .upload-sidecard-list {
   margin: 0;
   padding-left: 1.2rem;
-  color: var(--muted);
+  color: var(--dashboard-muted);
   display: grid;
   gap: 0.6rem;
   font-size: 0.95rem;
@@ -531,24 +528,20 @@
   justify-content: center;
   padding: 2rem;
   background:
-    radial-gradient(circle at top, rgba(207, 230, 196, 0.65), transparent 60%),
-    radial-gradient(
-      circle at bottom,
-      rgba(240, 224, 178, 0.7),
-      transparent 65%
-    ),
-    #fdfbf2;
-  font-family: "Source Sans 3", "Segoe UI", sans-serif;
+    radial-gradient(circle at top, rgba(54, 83, 20, 0.45), transparent 60%),
+    radial-gradient(circle at bottom, rgba(74, 222, 128, 0.2), transparent 65%),
+    var(--dashboard-bg);
+  font-family: inherit;
 }
 
 .upload-status-card {
   width: min(420px, 100%);
-  background: #ffffff;
+  background: var(--dashboard-card);
   border-radius: 22px;
   padding: 2.5rem 2rem;
   text-align: center;
-  box-shadow: 0 24px 45px rgba(31, 42, 36, 0.12);
-  border: 1px solid rgba(59, 111, 77, 0.2);
+  box-shadow: 0 24px 45px rgba(0, 0, 0, 0.35);
+  border: 1px solid var(--dashboard-border);
 }
 
 .upload-spinner {
@@ -556,8 +549,8 @@
   height: 56px;
   margin: 0 auto 1.5rem;
   border-radius: 50%;
-  border: 4px solid rgba(59, 111, 77, 0.2);
-  border-top-color: var(--green-500);
+  border: 4px solid rgba(54, 83, 20, 0.4);
+  border-top-color: var(--dashboard-accent);
   animation: upload-spin 0.9s linear infinite;
 }
 
@@ -566,25 +559,25 @@
   height: 56px;
   margin: 0 auto 1.5rem;
   border-radius: 50%;
-  background: rgba(59, 111, 77, 0.15);
-  color: var(--green-500);
+  background: rgba(54, 83, 20, 0.35);
+  color: var(--dashboard-accent);
   font-size: 1.75rem;
   display: flex;
   align-items: center;
   justify-content: center;
-  border: 2px solid rgba(59, 111, 77, 0.35);
+  border: 2px solid rgba(54, 83, 20, 0.55);
 }
 
 .upload-status-title {
   font-size: 1.4rem;
   font-weight: 600;
-  color: #1f2a24;
+  color: var(--dashboard-text);
   margin-bottom: 0.5rem;
 }
 
 .upload-status-subtitle {
   font-size: 0.95rem;
-  color: var(--muted);
+  color: var(--dashboard-muted);
 }
 
 @media (max-width: 960px) {