* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
       background: #0f1117; color: #e1e4e8; padding: 16px; }
a { color: #58a6ff; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 1.4em; margin-bottom: 12px; color: #58a6ff; }
.back { font-size: 0.85em; margin-bottom: 12px; display: inline-block; }
.badge { display: inline-block; padding: 2px 8px; border-radius: 10px;
         font-size: 0.7em; font-weight: 600; text-transform: uppercase; }
.badge-idle { background: #30363d; color: #8b949e; }
.badge-waiting { background: #9e6a03; color: #fff; }
.badge-polling { background: #1f6feb; color: #fff; }
.badge-locked { background: #238636; color: #fff; }
.badge-stopped { background: #6e7681; color: #fff; }
.badge-too_late { background: #484f58; color: #d29922; }
.badge-error { background: #da3633; color: #fff; }
.section-title { font-size: 1.1em; color: #58a6ff; margin: 16px 0 8px; }
.no-data { color: #484f58; font-style: italic; font-size: 0.9em; padding: 40px;
  text-align: center; background: #161b22; border: 1px solid #30363d; border-radius: 8px; }
.subtitle { font-size: 0.9em; color: #8b949e; margin-bottom: 16px; }
.error-text { font-size: 0.75em; color: #f85149; }
.message { font-size: 0.75em; color: #58a6ff; margin-top: 4px; font-style: italic; }
.chart-container { margin: 16px 0; text-align: center; }
.chart-container img { max-width: 100%; border-radius: 8px; border: 1px solid #30363d; }
table { width: 100%; border-collapse: collapse; font-size: 0.8em; }
th { text-align: left; padding: 6px 8px; border-bottom: 2px solid #30363d;
     color: #8b949e; font-weight: 600; }
td { padding: 5px 8px; border-bottom: 1px solid #21262d; }
.dry { color: #d29922; }
.live { color: #3fb950; }