style(risk): polish account status badge for light and dark themes

Extract shared account_risk_badge.css with theme-aware contrast, dot indicator, and hub/instance layout fixes.

Co-authored-by: Cursor <cursoragent@cursor.com>

manual_trading_hub/static/app.css

@@ -596,35 +596,6 @@ button:disabled {
   flex-wrap: wrap;
 }
 
-.risk-status-badge {
-  font-size: 0.72rem;
-  font-weight: 600;
-  padding: 2px 8px;
-  border-radius: 999px;
-  border: 1px solid transparent;
-  white-space: nowrap;
-}
-.risk-status-normal {
-  color: #b8f5d0;
-  background: #14241e;
-  border-color: #2d6a4f;
-}
-.risk-status-freeze_1h {
-  color: #ffd89a;
-  background: #2a2210;
-  border-color: #8a6a20;
-}
-.risk-status-freeze_4h {
-  color: #ffb4a0;
-  background: #2a1410;
-  border-color: #8a4020;
-}
-.risk-status-freeze_daily {
-  color: #ffb0c8;
-  background: #2a1020;
-  border-color: #8a3050;
-}
-
 .status-dot {
   width: 8px;
   height: 8px;
@@ -962,6 +933,7 @@ html[data-theme="light"] .host-metric-bar {
   align-items: center;
   gap: 8px;
   min-width: 0;
+  flex-wrap: wrap;
 }
 
 .hub-tile-name {
@@ -1024,6 +996,10 @@ html[data-theme="light"] .host-metric-bar {
   font-weight: 600;
   letter-spacing: 0.05em;
   margin: 0 0 4px;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
 }
 
 .card-sub {