body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px}
.btn{display:inline-block;padding:6px 12px;border-radius:8px;background:#111827;color:#fff;font-size:14px;cursor:pointer;border:0}
.btn.sec{background:#e5e7eb;color:#111}.btn.ok{background:#059669}.btn.warn{background:#b45309}.btn.small{padding:3px 8px;font-size:12px}
input,textarea,select{border:1px solid #d1d5db;border-radius:8px;padding:6px 8px;width:100%;font-size:14px}
.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;background:#e5e7eb}
.badge.done{background:#d1fae5}.badge.running,.badge.queued{background:#fef3c7}.badge.failed{background:#fee2e2}.badge.approved{background:#d1fae5}.badge.rejected{background:#fee2e2}
pre{white-space:pre-wrap;font-size:12px;background:#f9fafb;padding:8px;border-radius:8px}
.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.md h1{font-size:22px;font-weight:700;margin:8px 0}.md h2{font-size:18px;font-weight:700;margin:10px 0 4px}.md h3{font-size:15px;font-weight:600;margin:8px 0 2px}.md p,.md li{font-size:14px}
a{color:#1d4ed8}nav a{color:#fff}
.mbadge{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;color:#fff;white-space:nowrap}
.g5{grid-template-columns:repeat(5,1fr)}