:root {
      --primary-color: #00265e;
      --secondary-color: #00738d;
      --dark-color: #002228;
      --light-color: #f8f9fa;
      --accent-color: #ff6b6b;
      --text-color: #333;
      --text-light: #6c757d;
      
    }
    
    body {
      font-family: 'Noto Sans Bengali', sans-serif;
      background-color: var(--dark-color);
      color: white;
      overflow-x: hidden;
    }
    ::placeholder {
  color: #999999 !important; /* Change to your desired color */
  opacity: 1 !important; /* Firefox reduces opacity by default */
}
   
   .text-secondary{
       color:rgb(177 188 197) !important;
   }
    
    /* Modern Sidebar Navigation */
    .sidebar {
      height: 100vh;
      width: 280px;
      position: fixed;
      top: 0;
      left: -280px;
      background-color: var(--primary-color);
      z-index: 1050;
      transition: all 0.3s ease;
      box-shadow: 5px 0 15px rgba(0, 0, 0, 0.1);
      overflow-y: auto;
    }
    
    .sidebar.active {
      left: 0;
    }
    
    .sidebar-header {
      padding: 20px;
      background-color: rgba(0, 0, 0, 0.1);
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    
    .sidebar-menu {
      padding: 0;
      list-style: none;
    }
    
    .sidebar-menu li {
      padding: 0;
    }
    
    .sidebar-menu li a {
      display: block;
      padding: 12px 20px;
      color: white;
      text-decoration: none;
      transition: all 0.3s;
      border-left: 3px solid transparent;
    }
    
    .sidebar-menu li a:hover,
    .sidebar-menu li a.active {
      background-color: rgba(255, 255, 255, 0.1);
      border-left: 3px solid var(--accent-color);
    }
    
    .sidebar-menu li a i {
      margin-right: 10px;
      width: 20px;
      text-align: center;
    }
    
    .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1040;
      display: none;
    }
    
    /* Main Content */
    .main-content {
      transition: all 0.3s;
      min-height: 100vh;
    }
    
    .sidebar.active ~ .main-content {
      transform: translateX(280px);
    }
    
    /* Navbar */
    .navbar {
      background-color: var(--primary-color);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      padding: 10px 0;
    }
    
    .navbar-brand img {
      height: 40px;
    }
    
    
    
    
     /* Footer */
    .footer {
      background-color: #001a3d;
    }
    
    .footer-title {
      position: relative;
      padding-bottom: 10px;
      margin-bottom: 20px;
    }
    
    .footer-title:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 40px;
      height: 2px;
      background-color: var(--accent-color);
    }
    
    /* Back to Top Button */
    .back-to-top {
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 999;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s;
    }
    
    .back-to-top.active {
      opacity: 1;
      visibility: visible;
    }
    
    /* Responsive Adjustments */
    @media (max-width: 992px) {
      .sidebar {
        left: -280px;
      }
      
      .sidebar.active {
        left: 0;
      }
      
      .sidebar.active ~ .main-content {
        transform: translateX(280px);
      }
    }
    
    
    
    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    
    ::-webkit-scrollbar-track {
      background: #f1f1f1;
    }
    
    ::-webkit-scrollbar-thumb {
      background: var(--primary-color);
      border-radius: 10px;
    }
    
    ::-webkit-scrollbar-thumb:hover {
      background: #001a3d;
    }