
:root{
  --mfcb-blue:#123b75;
  --mfcb-blue-dark:#0d2c57;
  --mfcb-light:#f4f7fb;
  --mfcb-border:#dbe4ef;
  --mfcb-text:#1f2937;
}
body{background:#f7f9fc;color:var(--mfcb-text);font-family:Inter,Segoe UI,Arial,sans-serif}
.mfcb-nav{background:linear-gradient(90deg,var(--mfcb-blue-dark),var(--mfcb-blue))}
.hero-section{padding:5rem 0;background:linear-gradient(180deg,#eef4fc 0%,#f8fbff 100%)}
.hero-card,.soft-card,.stat-card,.access-card,.info-box,.address-box{background:#fff;border:1px solid var(--mfcb-border);border-radius:22px;box-shadow:0 10px 30px rgba(18,59,117,.07)}
.hero-card{padding:2rem}
.hero-card ul{padding-left:1.2rem}
.soft-card .card-body{padding:1.5rem}
.project-card{border:1px solid var(--mfcb-border);border-radius:22px;overflow:hidden;box-shadow:0 12px 28px rgba(18,59,117,.07)}
.project-thumb{height:220px;object-fit:cover}
.page-header{padding:1rem 0 2rem}
.badge-soft{background:#e8f0fb;color:var(--mfcb-blue);padding:.55rem .85rem;border-radius:999px}
.section-title{font-size:1.9rem;font-weight:700}
.login-card{margin-top:2rem}
.btn-primary{background:var(--mfcb-blue);border-color:var(--mfcb-blue)}
.btn-primary:hover{background:var(--mfcb-blue-dark);border-color:var(--mfcb-blue-dark)}
.btn-outline-primary{color:var(--mfcb-blue);border-color:var(--mfcb-blue)}
.btn-outline-primary:hover{background:var(--mfcb-blue);border-color:var(--mfcb-blue)}
.stat-card .card-body{padding:1.35rem}
.stat-label{font-size:.92rem;color:#6b7280;margin-bottom:.5rem}
.stat-value{font-size:1.8rem;font-weight:700}
.summary-bar{padding:1rem;border:1px solid var(--mfcb-border);border-radius:16px;background:#fbfdff}
.bar-track{height:10px;background:#e5edf8;border-radius:999px;overflow:hidden}
.bar-fill{height:100%;background:linear-gradient(90deg,#1d4f9a,#6b9ce0)}
.status-chip{display:inline-block;padding:.35rem .7rem;border-radius:999px;font-size:.82rem;font-weight:600;text-transform:capitalize}
.status-cleared,.status-completed,.status-complete,.status-paid{background:#e7f8ee;color:#157347}
.status-rejected,.status-urgent,.status-overdue,.status-high{background:#fde8ea;color:#b42318}
.status-pending,.status-in_progress,.status-warning{background:#fff6db;color:#9a6700}
.access-card .card-body{padding:2rem}
.executive-card{border:1px solid #bfd2f0;background:linear-gradient(180deg,#fff,#f6f9ff)}
.timeline{position:relative;padding-left:1.25rem}
.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:#d8e2f0}
.timeline-item{position:relative;padding-left:1.4rem;margin-bottom:1.4rem}
.timeline-point{position:absolute;left:-1px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--mfcb-blue);box-shadow:0 0 0 4px #e8f0fb}
.doc-row{padding:.8rem 0;border-bottom:1px solid #eef2f6}
.info-box{padding:1rem}
.address-box{padding:1rem;height:100%}
.table thead th{background:#f3f7fc;color:#334155;border-bottom:none}
.table td,.table th{vertical-align:middle}
@media print{
  nav,footer,.btn,.alert{display:none!important}
  body{background:#fff}
  .card,.soft-card{box-shadow:none}
}
