:root{
  --green:#118c4f; --green-600:#0f7f47; --ink:#0f172a; --muted:#64748b; --card:#fff; --bg:#f5faf7;
}
html,body{height:100%} body{background:var(--bg); color:var(--ink)}
.navbar{background:linear-gradient(90deg,var(--green),var(--green-600))}
.card{border:0;border-radius:16px;box-shadow:0 10px 30px rgba(2,32,22,.06)}
.badge-soft{background:#e6f7ed;color:#0a7b3c;border-radius:999px;padding:.35rem .6rem;font-weight:600}
.btn{border-radius:999px} .btn-primary{background:var(--green); border-color:var(--green)}
.table thead th{color:var(--muted); text-transform:uppercase; font-size:.8rem}
.q-item{border-left:4px solid var(--green); padding-left:12px}
.progress{height:12px}