:root { color-scheme: light dark; }
  * { box-sizing: border-box; }
  body { margin: 0; font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
         background: #f6f6f7; color: #16181d; }
  header { background: #16181d; color: #fff; padding: 12px 20px; display: flex; justify-content: space-between;
           align-items: center; gap: 16px; flex-wrap: wrap; }
  header a { color: #cfd3dc; text-decoration: none; margin-right: 14px; }
  header a:hover { color: #fff; text-decoration: underline; }
  main { max-width: 1100px; margin: 0 auto; padding: 20px; }
  h1 { font-size: 20px; margin: 0 0 4px; }
  h2 { font-size: 16px; margin: 24px 0 8px; }
  table { border-collapse: collapse; width: 100%; background: #fff; }
  th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid #e3e4e8; vertical-align: top; font-size: 14px; }
  th { background: #eceef2; font-weight: 600; }
  tr:hover td { background: #fafbfc; }
  .card { background: #fff; border: 1px solid #e3e4e8; border-radius: 6px; padding: 16px; margin-bottom: 16px; }
  .muted { color: #6a707c; }
  .pill { display: inline-block; padding: 1px 8px; border-radius: 10px; font-size: 12px; border: 1px solid #c8ccd4; }
  .pill.open { background: #fff3cd; border-color: #e0c168; }
  .pill.reviewing { background: #d7e8ff; border-color: #7aa7e0; }
  .pill.actioned { background: #d8f0da; border-color: #74b57c; }
  .pill.dismissed { background: #eceef2; }
  .breach { color: #a0181c; font-weight: 600; }
  .evidence { white-space: pre-wrap; background: #f2f3f6; border: 1px solid #e3e4e8; border-radius: 4px;
              padding: 10px; font: 13px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-x: auto; }
  form.action { border-top: 1px solid #e3e4e8; padding-top: 12px; margin-top: 12px; }
  label { display: block; font-size: 13px; font-weight: 600; margin: 8px 0 2px; }
  input[type=text], input[type=password], textarea, select { width: 100%; max-width: 560px; padding: 7px 8px;
      border: 1px solid #c8ccd4; border-radius: 4px; font: inherit; background: #fff; color: inherit; }
  button { margin-top: 10px; padding: 8px 14px; border-radius: 4px; border: 1px solid #16181d;
           background: #16181d; color: #fff; font: inherit; cursor: pointer; }
  button.secondary { background: #fff; color: #16181d; }
  .notice { padding: 10px 12px; border-radius: 4px; margin-bottom: 16px; }
  .notice.ok { background: #d8f0da; border: 1px solid #74b57c; }
  .notice.error { background: #fbdcdc; border: 1px solid #d08585; }
  .warn { background: #fff3cd; border: 1px solid #e0c168; padding: 10px 12px; border-radius: 4px; }
  .card.login { max-width: 420px; margin: 40px auto; }
  form.inline { display: inline; margin-left: 12px; }
  button.small { margin: 0; padding: 4px 10px; }
  .row { display: flex; gap: 20px; flex-wrap: wrap; }
  .row > div { flex: 1 1 260px; }