:root{
  --epno-blue:#0d3b66;
  --epno-blue-2:#0b2f52;
  --epno-hover:#eef1f4;
  --epno-text:#f1f5f9;
  --epno-muted:#cfe3f5;
}
.logout-red{ color:#dc3545 !important; }
.logout-red:hover{ background:#dc3545 !important; color:#fff !important; }

/* If your sidebar patch defines .epno-sidebar/.nav-item, keep it styled */
.epno-sidebar{
  background: linear-gradient(180deg, var(--epno-blue) 0%, var(--epno-blue-2) 100%);
  width:280px;
  flex:0 0 auto;
  min-height:calc(100vh - 56px);
}
.epno-sidebar .section-title{
  color: rgba(241,245,249,.70);
  letter-spacing:.10em;
  font-size:.70rem;
  margin: 0 0 .6rem;
}
.epno-sidebar a.nav-item{
  display:flex; align-items:center; gap:.6rem;
  padding:.60rem .75rem; margin:.2rem 0;
  border-radius: 12px; text-decoration:none;
  color: var(--epno-text);
  transition: background-color .15s ease, color .15s ease, transform .08s ease;
}
.epno-sidebar a.nav-item i{ width:18px; text-align:center; color: var(--epno-muted); }
.epno-sidebar a.nav-item:hover{ background: var(--epno-hover); color: var(--epno-blue); transform: translateY(-1px); }
.epno-sidebar a.nav-item:hover i{ color: var(--epno-blue); }
.epno-sidebar a.nav-item.active{ background: rgba(255,255,255,.14); color:#fff; }
.epno-sidebar a.nav-item.active i{ color:#fff; }
.epno-sidebar hr{ border-color: rgba(255,255,255,.18); margin: .75rem 0; }