v0.5.4: monitoring page frontend fixes

- Fix tooltip "Invalid Date" by using raw.x with parsed.x fallback
- Fix chart x-axis bounds by including initial min/max in chartOpts
- Fix sysinfo alignment with fixed 2-column grid and consistent styling
- Fix chart overflow on mobile with min-width:0 and overflow:hidden
- Remove redundant <style> block from monitoring.html (moved to style.css)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

controller/internal/web/templates/style.css

@@ -1506,26 +1506,32 @@ a.stat-card:hover {
 }
 .sysinfo-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-    gap: .5rem;
+    grid-template-columns: 1fr 1fr;
+    gap: 0;
 }
 .sysinfo-row {
     display: flex;
     justify-content: space-between;
-    align-items: center;
-    padding: .35rem .5rem;
+    align-items: baseline;
+    padding: .5rem .75rem;
     border-bottom: 1px solid rgba(48, 54, 61, 0.3);
     font-size: .9rem;
+    gap: 1rem;
 }
 .sysinfo-row:last-child { border-bottom: none; }
 .sysinfo-label {
     color: var(--text-secondary);
     font-weight: 500;
+    white-space: nowrap;
+    flex-shrink: 0;
 }
 .sysinfo-value {
     color: var(--text-primary);
     font-family: 'JetBrains Mono', monospace;
     font-size: .85rem;
+    font-weight: 600;
+    text-align: right;
+    word-break: break-word;
 }
 .charts-grid {
     display: grid;
@@ -1540,6 +1546,8 @@ a.stat-card:hover {
     border-radius: 8px;
     padding: .75rem;
     border: 1px solid rgba(48, 54, 61, 0.5);
+    min-width: 0;
+    overflow: hidden;
 }
 .chart-box-half {
     flex: 1;
@@ -1556,10 +1564,17 @@ a.stat-card:hover {
 .chart-wrap {
     position: relative;
     height: 180px;
+    overflow: hidden;
+    max-width: 100%;
+}
+.chart-wrap canvas {
+    max-width: 100%;
 }
 .chart-wrap-bar {
     position: relative;
     height: 250px;
+    overflow: hidden;
+    max-width: 100%;
 }
 .container-charts-row {
     display: flex;