/* Bống Task – Kanban cho đội startup: xanh điện + chanh, Epilogue, thẻ cột Kanban, nhiều năng lượng */
.t-project-manage{--pri:#2563eb;--acc:#a3e635;--acc-ink:#14240a;--f-head:'Epilogue',sans-serif;--f-body:'Inter',sans-serif;--h-w:800;--h-ls:-.04em;
  --r:14px;--r-lg:20px;--r-btn:14px;--r-img:20px}
.t-project-manage .b-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--pri) 8%,var(--bg)),var(--bg) 60%)}
.t-project-manage .b-hero .b-h1 em{display:inline-block;padding:0 .25em;margin-left:.1em;border-radius:12px;background:var(--acc);color:var(--acc-ink);transform:rotate(-2deg);font-size:.8em;vertical-align:.08em}
.t-project-manage .s-kpi{display:flex;gap:28px;margin-top:30px;flex-wrap:wrap}
.t-project-manage .s-kpi div b{display:block;font-family:var(--f-head);font-size:1.9rem;color:var(--ink)}.t-project-manage .s-kpi div span{font-size:.88rem;color:var(--muted)}
.t-project-manage .s-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.t-project-manage .s-col{padding:12px;border-radius:18px;background:var(--bg-2)}
.t-project-manage .s-col>small{display:flex;justify-content:space-between;padding:4px 6px 10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}
.t-project-manage .s-col .b-card{padding:18px;gap:8px;border-radius:14px;box-shadow:0 1px 0 var(--line)}
.t-project-manage .s-col .b-card h3{font-size:1rem}.t-project-manage .s-col .b-card p{font-size:.88rem}
.t-project-manage .s-col .b-card .b-ico{--sz:38px;border-radius:10px}
@media(max-width:991.98px){.t-project-manage .s-board{grid-template-columns:1fr 1fr}}@media(max-width:575.98px){.t-project-manage .s-board{grid-template-columns:1fr}}
.t-project-manage .s-why{background:linear-gradient(135deg,#1d4ed8,#2563eb 50%,#4f46e5);--ink:#fff;--text:rgba(235,240,255,.85);--muted:rgba(235,240,255,.65);--line:rgba(255,255,255,.18);--card:rgba(255,255,255,.08);--hl:var(--acc);color:var(--text)}
.t-project-manage .s-why .b-card{border-color:rgba(255,255,255,.18)}
.t-project-manage .s-why .b-btn.is-pri{--b-bg:var(--acc);--b-fg:var(--acc-ink)}
.t-project-manage .b-quote{border-radius:20px}
.t-project-manage .b-quote>img{max-height:22px}
.t-project-manage .s-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:12px}
.t-project-manage .s-tools img{width:100%;aspect-ratio:1;object-fit:contain;padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.t-project-manage .b-acc summary::after{border-radius:8px}
.t-project-manage .b-cta{background:#0f172a}.t-project-manage .b-cta .b-btn.is-pri{--b-bg:var(--acc);--b-fg:var(--acc-ink)}
html[data-theme="dark"] .t-project-manage .b-cta{background:#15203a}