<style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f0f8ff; /* biru muda */
    }
    a {
      text-decoration: none;
    }
    .sidebar {
      height: 100vh;
      position: fixed;
      left: 0;
      top: 0;
      width: 350px;
      background-color: #e6f0fa; /* biru muda sidebar */
      border-right: 1px solid #cddff7;
      padding-top: 1rem;
      overflow-y: auto;
    }
    .sidebar .logo {
      text-align: center;
      margin-bottom: 1rem;
    }
    .sidebar .logo img {
      max-width: 120px;
      height: auto;
    }
    .nav-link {
      padding-top: 4px;
      padding-bottom: 4px;
    }
    .accordion-button {
      background-color: #e6f0fa;
      color: #004085;
      font-weight: 500;
    }
    .accordion-button:not(.collapsed) {
      background-color: #cce5ff;
      color: #003366;
    }
    .accordion-body a {
      color: #004085;
    }
    .accordion-body a:hover {
      color: #002752;
    }
    .content {
      margin-left: 360px;
      padding: 20px;
    }
    .card-header {
      background-color: #cce5ff;
      color: #003366;
      font-weight: 600;
    }
    .logo-img {
    width: 120px;        
    height: 120px;       
    object-fit: cover;   
    border-radius: 50%;  
    border: 3px solid #005bac; 
  }
  </style>