* { box-sizing: border-box; }
body { font-family: system-ui, sans-serif; margin: 0; background: #f4f6f8; color: #1a2b3c; }
.topbar { display: flex; justify-content: space-between; align-items: center;
  padding: 12px 20px; background: #14532d; color: #fff; }
.topbar a { color: #d1fae5; }
.container { max-width: 900px; margin: 24px auto; padding: 0 16px; }
.card { background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 20px;
  box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.card h2 { margin-top: 0; }
label { display: block; margin: 10px 0; font-size: 14px; }
input { display: block; width: 100%; padding: 8px; margin-top: 4px;
  border: 1px solid #cbd5e1; border-radius: 6px; }
button { background: #16a34a; color: #fff; border: 0; padding: 10px 18px;
  border-radius: 6px; cursor: pointer; font-size: 15px; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 8px; border-bottom: 1px solid #eef2f7; font-size: 14px; }
.badge { padding: 2px 8px; border-radius: 999px; font-size: 12px; color: #fff; }
.badge.pending { background: #94a3b8; } .badge.running { background: #2563eb; }
.badge.success { background: #16a34a; } .badge.error { background: #dc2626; }
body.login { display: flex; align-items: center; justify-content: center; height: 100vh; }
body.login .card { width: 320px; }
.error { color: #dc2626; }