Refine process cost navigation and unify section layouts

templates/annual_summary.html

@@ -54,13 +54,12 @@
     }
 
     .chart-box {
-        background:
-            linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,247,249,0.98)),
-            radial-gradient(circle at top left, rgba(17, 17, 17, 0.045), transparent 36%);
-        border: 1px solid var(--line);
-        border-radius: 16px;
-        padding: 18px 20px 20px;
-        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: 18px 0 0;
+        box-shadow: none;
         content-visibility: auto;
         contain-intrinsic-size: 620px;
     }
@@ -96,6 +95,8 @@
         min-height: 100%;
         content-visibility: auto;
         contain-intrinsic-size: 760px;
+        padding-right: 14px;
+        border-right: 1px solid rgba(217, 221, 227, 0.9);
     }
 
     .metric-grid {
@@ -128,8 +129,8 @@
     }
 
     .summary-overview .stat-card {
-        padding: 14px 14px 15px;
-        border-radius: 12px;
+        padding: 0 8px 12px 0;
+        border-radius: 0;
         gap: 4px;
     }
 
@@ -174,7 +175,7 @@
     }
 
     body[data-view-mode="dual"] .chart-box {
-        padding: 12px 12px 14px;
+        padding: 12px 0 0;
         min-height: 100%;
     }
 
@@ -191,6 +192,13 @@
         .metric-grid {
             grid-template-columns: 1fr;
         }
+
+        .summary-overview {
+            padding-right: 0;
+            padding-bottom: 12px;
+            border-right: 0;
+            border-bottom: 1px solid rgba(217, 221, 227, 0.9);
+        }
     }
 </style>
 {% endblock %}