diff --git a/src/app/globals.css b/src/app/globals.css
index e8f15a1..da61c58 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -164,9 +164,10 @@ body {
 }
 
 .nav-item {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: flex-start !important;
+  text-align: left !important;
   gap: 12px;
   padding: 10px 12px;
   border-radius: var(--radius-sm);
@@ -179,7 +180,11 @@ body {
   border: none;
   background: none;
   width: 100%;
-  text-align: left;
+}
+
+.sidebar .nav-item {
+  justify-content: flex-start !important;
+  text-align: left !important;
 }
 
 .nav-item:hover {
@@ -220,7 +225,7 @@ body {
 }
 
 .sidebar.collapsed .nav-item {
-  justify-content: center;
+  justify-content: center !important;
   padding: 12px;
 }
 
@@ -384,7 +389,7 @@ body {
 .stat-change.up { color: var(--success); }
 .stat-change.down { color: var(--danger); }
 
-.btn, button:not(.tab):not(.toggle) {
+.btn, button:not(.tab):not(.toggle):not(.nav-item) {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1204,22 +1209,22 @@ tr:hover td { background: var(--bg-card-hover); }
 }
 
 [data-theme="light"] .topbar {
-  background: rgba(255, 255, 255, 0.9);
+  background: rgba(255, 255, 255, 0.95);
   border-bottom: 1px solid #e2e8f0;
 }
 
 [data-theme="light"] .nav-item {
-  color: #475569;
+  color: #475569 !important;
 }
 
 [data-theme="light"] .nav-item:hover {
-  background: #f1f5f9;
-  color: #0f172a;
+  background: #f1f5f9 !important;
+  color: #0f172a !important;
 }
 
 [data-theme="light"] .nav-item.active {
-  background: rgba(108, 99, 255, 0.12);
-  color: #6C63FF;
+  background: rgba(108, 99, 255, 0.12) !important;
+  color: #6C63FF !important;
 }
 
 [data-theme="light"] .card {
@@ -1228,8 +1233,122 @@ tr:hover td { background: var(--bg-card-hover); }
   box-shadow: 0 1px 4px rgba(0,0,0,0.05);
 }
 
-[data-theme="light"] .form-input, [data-theme="light"] .form-select {
-  background: #f8fafc;
+[data-theme="light"] .form-input, [data-theme="light"] .form-select, [data-theme="light"] .form-textarea {
+  background: #ffffff;
   border-color: #cbd5e1;
   color: #0f172a;
 }
+
+[data-theme="light"] .btn-primary {
+  background: #6C63FF !important;
+  color: #ffffff !important;
+}
+
+[data-theme="light"] .btn-primary:hover {
+  background: #5a52e0 !important;
+  color: #ffffff !important;
+}
+
+[data-theme="light"] .btn-secondary {
+  background: #f1f5f9 !important;
+  color: #0f172a !important;
+  border: 1px solid #cbd5e1 !important;
+}
+
+[data-theme="light"] .btn-secondary:hover {
+  background: #e2e8f0 !important;
+  color: #0f172a !important;
+  border-color: #94a3b8 !important;
+}
+
+[data-theme="light"] .btn-ghost {
+  background: transparent !important;
+  color: #475569 !important;
+  border: 1px solid transparent !important;
+}
+
+[data-theme="light"] .btn-ghost:hover {
+  background: #f1f5f9 !important;
+  color: #0f172a !important;
+  border-color: #cbd5e1 !important;
+}
+
+[data-theme="light"] .btn-danger {
+  background: #fee2e2 !important;
+  color: #dc2626 !important;
+  border: 1px solid #fca5a5 !important;
+}
+
+[data-theme="light"] .btn-danger:hover {
+  background: #dc2626 !important;
+  color: #ffffff !important;
+}
+
+[data-theme="light"] .view-mode-selector {
+  background: #f1f5f9;
+  border-color: #cbd5e1;
+}
+
+[data-theme="light"] .view-mode-btn {
+  color: #475569 !important;
+}
+
+[data-theme="light"] .view-mode-btn:hover {
+  color: #0f172a !important;
+  background: #e2e8f0 !important;
+}
+
+[data-theme="light"] .view-mode-btn.active {
+  background: #6C63FF !important;
+  color: #ffffff !important;
+}
+
+[data-theme="light"] .desktop-collapse-btn {
+  color: #475569 !important;
+}
+
+[data-theme="light"] .desktop-collapse-btn:hover {
+  color: #0f172a !important;
+  background: #f1f5f9 !important;
+}
+
+[data-theme="light"] .tabs {
+  border-bottom-color: #e2e8f0;
+}
+
+[data-theme="light"] .tab {
+  color: #475569;
+}
+
+[data-theme="light"] .tab:hover {
+  color: #0f172a;
+}
+
+[data-theme="light"] .tab.active {
+  color: #6C63FF;
+}
+
+[data-theme="light"] table th {
+  background: #f8fafc;
+  color: #475569;
+  border-bottom-color: #e2e8f0;
+}
+
+[data-theme="light"] table td {
+  border-bottom-color: #e2e8f0;
+  color: #0f172a;
+}
+
+[data-theme="light"] table tr:hover td {
+  background: #f1f5f9;
+}
+
+[data-theme="light"] .modal {
+  background: #ffffff;
+  border-color: #e2e8f0;
+  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
+}
+
+[data-theme="light"] .modal-header, [data-theme="light"] .modal-footer {
+  border-color: #e2e8f0;
+}