:root{
  --epm-primary:#0d6efd;
  --epm-dark:#1f2937;
  --epm-muted:#6b7280;
  --epm-bg:#f5f7fb;
  --epm-card:#ffffff;
  --epm-border:#e5e7eb;
}

body{ background:var(--epm-bg); }
a{ text-decoration:none; }

.epm-shell{ display:flex; min-height:100vh; }

.epm-sidebar{
  width:270px;
  background:#fff;
  border-left:1px solid var(--epm-border);
  position:sticky; top:0; height:100vh;
}

.epm-brand{ padding:18px 18px 12px; border-bottom:1px solid var(--epm-border); }
.epm-brand .title{ font-weight:700; color:var(--epm-dark); line-height:1.2; }
.epm-brand .sub{ font-size:.8rem; color:var(--epm-muted); }

.epm-nav{ padding:12px; }
.epm-nav .nav-title{ font-size:.75rem; color:var(--epm-muted); margin:10px 6px 6px; }
.epm-nav a.item{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:12px; color:var(--epm-dark);
}
.epm-nav a.item:hover{ background:#f1f5ff; }
.epm-nav a.item.active{
  background:#e9f0ff; color:var(--epm-primary); font-weight:600;
}

.epm-content{ flex:1; display:flex; flex-direction:column; }

.epm-topbar{
  background:#fff; border-bottom:1px solid var(--epm-border);
  padding:12px 18px;
}
.epm-topbar .page-title{ font-weight:800; color:var(--epm-dark); }
.epm-topbar .meta{ font-size:.85rem; color:var(--epm-muted); }

.epm-main{ padding:18px; }

.epm-card{
  background:var(--epm-card);
  border:1px solid var(--epm-border);
  border-radius:16px;
  box-shadow:0 6px 18px rgba(31,41,55,.05);
}
.epm-card .epm-card-h{
  padding:14px 16px;
  border-bottom:1px solid var(--epm-border);
  font-weight:800; color:var(--epm-dark);
}
.epm-card .epm-card-b{ padding:16px; }

.badge-soft{
  background:#eef2ff;
  color:#3730a3;
  border:1px solid #e0e7ff;
  font-weight:700;
}

.table thead th{ background:#f8fafc !important; }
.form-label{ font-weight:700; color:var(--epm-dark); }

.epm-footer{
  color:var(--epm-muted);
  font-size:.85rem;
  padding:14px 18px;
}

/* ===== Mobile ===== */
@media (max-width: 991.98px){
  .epm-sidebar{ display:none; }
  .epm-content{ width:100%; }
  .epm-topbar{ padding:10px 12px; }
  .epm-main{ padding:12px; }
}

/* Offcanvas */
.epm-offcanvas .offcanvas-header{ border-bottom:1px solid var(--epm-border); }
.epm-offcanvas .offcanvas-body{ padding:12px; }
.epm-offcanvas a.item{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:12px; color:var(--epm-dark);
}
.epm-offcanvas a.item:hover{ background:#f1f5ff; }
.epm-offcanvas a.item.active{
  background:#e9f0ff; color:var(--epm-primary); font-weight:600;
}