Refine process cost navigation and unify section layouts

templates/dashboard.html

@@ -10,7 +10,9 @@
         align-items: center;
         gap: 14px;
         flex-wrap: wrap;
-        margin-bottom: 16px;
+        margin-bottom: 20px;
+        padding-bottom: 14px;
+        border-bottom: 1px solid var(--line);
     }
 
     .dashboard-topbar-actions {
@@ -80,6 +82,8 @@
     .dashboard-status-panel {
         display: grid;
         gap: 12px;
+        padding-right: 12px;
+        border-right: 1px solid rgba(217, 221, 227, 0.9);
     }
 
     .dashboard-status-grid {
@@ -90,6 +94,7 @@
 
     .dashboard-status-grid .stat-card {
         min-height: 84px;
+        padding-right: 10px;
     }
 
     .dashboard-status-grid .stat-card .value {
@@ -131,13 +136,12 @@
     }
 
     .chart-shell {
-        background:
-            linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,247,249,0.98)),
-            radial-gradient(circle at top left, rgba(24, 24, 27, 0.045), transparent 38%);
-        border: 1px solid var(--line);
-        border-radius: 16px;
-        padding: 14px 16px 16px;
-        box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
+        background: transparent;
+        border: 0;
+        border-top: 1px solid var(--line);
+        border-radius: 0;
+        padding: 14px 0 0;
+        box-shadow: none;
         display: grid;
         gap: 12px;
         content-visibility: auto;
@@ -214,7 +218,7 @@
     }
 
     body[data-view-mode="dual"] .chart-shell {
-        padding: 10px 12px 12px;
+        padding: 10px 0 0;
         min-height: 100%;
     }
 
@@ -227,6 +231,13 @@
             grid-template-columns: 1fr;
         }
 
+        .dashboard-status-panel {
+            padding-right: 0;
+            padding-bottom: 12px;
+            border-right: 0;
+            border-bottom: 1px solid rgba(217, 221, 227, 0.9);
+        }
+
         .dashboard-chart-stack {
             grid-template-rows: auto;
         }