body{font-family:Arial,sans-serif;margin:0;background:#f6f7f9;color:#222}
header{background:#111827;color:white;padding:18px 24px}
header a{color:#bfdbfe}
main{padding:24px}
.card{background:white;border:1px solid #ddd;border-radius:8px;padding:18px;margin:0 0 18px 0}
a{color:#0b5cad}
table{border-collapse:collapse;width:100%;background:white;margin:12px 0}
th,td{border:1px solid #ddd;padding:8px;text-align:left;font-size:14px}
th{background:#f0f0f0;cursor:pointer}
button,select,input{padding:6px 8px}
.small{color:#555;font-size:13px}
.nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.nav a{background:#1f2937;color:#fff;text-decoration:none;padding:8px 10px;border-radius:6px}
.nav a:hover{background:#374151}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.status{font-family:monospace;background:#f3f4f6;padding:8px;border-radius:6px}

.status-active{background:#e8f2ff}
.status-planned{background:#fff8dc}
.status-blocked{background:#ffe9d6}
.status-completed_successfully{background:#e7f7e7}
.status-completed_with_error{background:#fff4cc}
.status-failed{background:#fde2e2}
.status-canceled{background:#eeeeee}
.status-deprecated{background:#f0e7ff}
.status-chip{display:inline-block;padding:3px 7px;border-radius:999px;border:1px solid rgba(0,0,0,.08)}
