body { background-color: #121212; color: #fff; }
.sidebar { width: 260px; height: 100vh; position: fixed; background-color: #1e1e1e; padding-top: 20px; transition: all 0.3s; }
.sidebar a { padding: 5px 10px; display: block; color: #fff; text-decoration: none; }
.sidebar a:hover { background-color: #444; }
.sidebar.collapsed { width: 0; overflow: hidden; }
.main-content { margin-left: 250px; padding: 20px; transition: all 0.3s; }
.collapsed + .main-content { margin-left: 0; }
.card { background-color: #1e1e1e; border: none; color: #fff; box-shadow: 1px 0px 1px #555; }
.dark-mode { background-color: #fff !important; color: #000 !important; }
.dark-mode .card { background-color: #f8f9fa !important; color: #000 !important; }
.dark-mode .sidebar { background-color: #ddd !important; color: #000 !important; }
.dark-mode .sidebar a { color: #000 !important; }
.toggle-btn { display: none; position: absolute; top: 20px; left: 20px; font-size: 24px; cursor: pointer; }
@media (max-width: 768px) { .sidebar { width: 0; overflow: hidden; } .main-content { margin-left: 0; } .toggle-btn { display: block; } }


/* Active link - dark mode (default) */
.sidebar a.active {
    background-color: #2b2a2a !important;
    font-weight: bold;
    color: #00ffae; /* Brighter text for active link */
    border-left: 4px solid rgb(22, 96, 41);
  }
  
  /* Active link - light mode override */
  .dark-mode .sidebar a.active {
    background-color: #f0f0f0 !important; /* lighter background in light mode */
    color: #007f4e !important; /* darker green text */
    border-left: 4px solid #1c6e3f;
  }
  
  .sidebar a.nav-link {
    padding: 12px 20px;
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    transition: background 0.1s;
  }
  
  .sidebar a.nav-link i {
    margin-right: 12px;
    font-size: 16px;
    width: 20px;
    text-align: center;
  }
  
  .sidebar a.nav-link:hover,
  .sidebar a.nav-link.active {
    background-color: #8c9b94;
    font-weight: bold;
    border-left: 4px solid rgb(22, 96, 41);
  }