deving

static/style.css

@@ -542,8 +542,11 @@ body {
 
 .app-main {
     flex: 1;
-    padding: 18px 22px 16px;
-    background: radial-gradient(circle at top, #020617, #020617 50%, #020617 100%);
+    padding: 20px 24px 18px;
+    background:
+        radial-gradient(circle at top left, rgba(59, 130, 246, 0.25), transparent 55%),
+        radial-gradient(circle at bottom right, rgba(236, 72, 153, 0.18), transparent 55%),
+        #020617;
     color: #e5e7eb;
     overflow-y: auto;
 }
@@ -569,6 +572,8 @@ body {
     display: flex;
     flex-direction: column;
     gap: 18px;
+    max-width: 1040px;
+    margin: 0 auto;
 }
 
 .dashboard h2,
@@ -585,23 +590,26 @@ body {
 
 .grid-2 {
     display: grid;
-    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
-    gap: 16px;
+    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
+    gap: 20px;
 }
 
 .grid-3 {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
-    gap: 16px;
+    gap: 18px;
     margin-top: 12px;
 }
 
 .card {
-    background: radial-gradient(circle at top left, #020617, #020617 60%);
+    background:
+        radial-gradient(circle at top left, rgba(30, 64, 175, 0.22), transparent 60%),
+        radial-gradient(circle at bottom right, rgba(8, 47, 73, 0.36), transparent 55%),
+        #020617;
     border-radius: 16px;
     padding: 16px 18px;
-    border: 1px solid rgba(148, 163, 184, 0.25);
-    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.7);
+    border: 1px solid rgba(148, 163, 184, 0.32);
+    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.85);
 }
 
 .card h2,
@@ -703,12 +711,12 @@ body {
 .summary-grid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
-    gap: 10px;
+    gap: 12px;
     margin-top: 4px;
 }
 
 .summary-item {
-    background: rgba(15, 23, 42, 0.9);
+    background: rgba(15, 23, 42, 0.92);
     border-radius: 12px;
     padding: 8px 10px;
     border: 1px solid rgba(148, 163, 184, 0.4);