:root { color-scheme: dark; }
  * { box-sizing: border-box; }
  body { font-family: "Segoe UI", system-ui, sans-serif; margin: 0; background: #0f1115; color: #e6e8eb; }
  header { display: flex; align-items: center; gap: 12px; padding: 14px 20px; background: #171a21; border-bottom: 1px solid #262a33; }
  header h1 { font-size: 18px; margin: 0; }
  header input { margin-left: auto; }
  input, button { font: inherit; }
  input { background: #0f1115; border: 1px solid #333947; color: #e6e8eb; border-radius: 6px; padding: 7px 10px; }
  button { background: #2563eb; color: #fff; border: 0; border-radius: 6px; padding: 7px 14px; cursor: pointer; }
  button:hover { background: #1d4ed8; }
  button.reject { background: #b91c1c; } button.reject:hover { background: #991b1b; }
  button.approve { background: #15803d; } button.approve:hover { background: #166534; }
  button:disabled { opacity: .4; cursor: not-allowed; }
  main { padding: 20px; }
  table { width: 100%; border-collapse: collapse; font-size: 14px; }
  th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid #262a33; }
  th { color: #9aa3b2; font-weight: 600; }
  tr[data-job] { cursor: pointer; } tr[data-job]:hover { background: #1c202a; }
  .badge { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; text-transform: uppercase; }
  .badge.received { background: #374151; } .badge.processing { background: #1d4ed8; }
  .badge.success, .badge.approved { background: #15803d; }
  .badge.ambiguous { background: #b45309; }
  .badge.failed, .badge.rejected { background: #b91c1c; }
  .badge.not_found { background: #6b7280; }
  #detail { position: fixed; inset: 0; background: rgba(0,0,0,.6); display: none; align-items: center; justify-content: center; }
  #detail.open { display: flex; }
  #detail .card { background: #171a21; border: 1px solid #262a33; border-radius: 10px; width: min(860px, 92vw); max-height: 84vh; overflow: auto; padding: 18px 20px; }
  #detail pre { background: #0f1115; padding: 12px; border-radius: 6px; font-size: 12px; overflow: auto; }
  .actions { display: flex; gap: 10px; margin-top: 12px; }
  .muted { color: #9aa3b2; font-size: 13px; }