body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f8fafc;color:#1f2937;margin:0}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#fff;border-bottom:1px solid #e5e7eb;gap:14px;flex-wrap:wrap}
header a{color:#1f4b99;text-decoration:none;font-size:14px}
header nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
main{padding:20px;max-width:1100px;margin:0 auto}
h1,h2,h3{margin-top:0;color:#111827}
.card{background:#fff;padding:16px;border:1px solid #dbe3ee;border-radius:10px}
label{display:block;margin:8px 0}
input,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#0f172a}
button,.btn{display:inline-block;margin-top:12px;padding:8px 12px;background:#1f6feb;color:#fff;border:1px solid #1f6feb;border-radius:6px;text-decoration:none;cursor:pointer;font-size:13px}
.copy-btn{margin-top:0;padding:2px 7px;font-size:11px;line-height:1.2;border-radius:4px;background:#fff;color:#111827;border:1px solid #d1d5db}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dbe3ee}
th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;color:#0b3b75;word-break:break-all}
.status{padding:4px 8px;border-radius:999px;font-size:12px}
.status.queued{background:#e5e7eb;color:#374151}
.status.submitted{background:#e0ecff;color:#204a8a}
.status.running{background:#fff4d6;color:#8a5a00}
.status.review{background:#e6f0ff;color:#1d4ed8}
.status.approved{background:#e8f7ee;color:#166534}
.status.completed{background:#e8f7ee;color:#166534}
.status.failed{background:#fee2e2;color:#991b1b}
pre{background:#f8fafc;padding:12px;border-radius:8px;overflow:auto;border:1px solid #e5e7eb}
.muted{color:#6b7280}

@media (max-width: 768px){
  body{font-size:14px}
  header{padding:10px 12px}
  header h1{font-size:16px;margin:0}
  header a{font-size:12px}
  main{padding:10px}
  .card{padding:12px;border-radius:8px}
  h2{font-size:22px}
  h3{font-size:16px}
  button,.btn{padding:6px 10px;font-size:12px}
  .copy-btn{padding:2px 6px;font-size:10px}
  table{display:block;overflow-x:auto;white-space:nowrap}
  th,td{padding:8px;font-size:12px}
}