body {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  margin: 0 auto;
  max-width: 48rem;
  padding: 1rem;
  line-height: 1.4;
}
header { margin-bottom: 1rem; }
.status-line { color: #666; font-size: 0.9rem; }
.error { background: #fdecea; border: 1px solid #f5c6cb; color: #b02a37; padding: 0.5rem; border-radius: 4px; }
section { margin-bottom: 1.5rem; }
.muted { color: #666; font-size: 0.85rem; }
.approval, .worker-list li, .event-list li { padding: 0.5rem 0; border-bottom: 1px solid #ddd; }
button { margin-right: 0.5rem; padding: 0.25rem 0.75rem; cursor: pointer; }
.approve { background: #d4edda; border: 1px solid #98c9a3; }
.reject { background: #fdecea; border: 1px solid #f5c6cb; }
.badge { display: inline-block; padding: 0 0.35rem; border-radius: 3px; font-size: 0.75rem; border: 1px solid #ccc; }
.badge.online { background: #d4edda; }
.badge.offline { background: #e2e3e5; }
.badge.approved { background: #d4edda; }
.badge.rejected { background: #fdecea; }
.badge.event { background: #fff3cd; }