html, body { height: 100%; }

	  body{
		background-color:#f8f9fa;
		font-family:'Segoe UI',sans-serif;
		overflow-x:hidden;
		display:flex;
		flex-direction:column;
	  }

	/* MAIN CONTENT */
	
	  .main-content {
		flex-grow: 1;
		padding: 2rem;
	  }

	  h2 { color: #2D3C5A; }

	  .card {
		border: none;
		border-radius: 0.5rem;
		box-shadow: 0 0 10px rgba(0,0,0,0.1);
	  }

	  .btn-primary {
		background-color: #2D3C5A;
		border-color: #2D3C5A;
	  }
	  .btn-primary:hover {
		background-color: #1B2536;
		border-color: #1B2536;
	  }

	/* Sticky header */
  
	  header{
		background-color:#1B2536;
		color:#fff;
		padding:1rem 0;
		position:sticky;
		top:0;
		z-index:1030;
	  }
	 
	/* Ensure content can scroll and doesn't hide behind sticky footer */
  
	  .dashboard-wrapper{ flex:1 1 auto; }
	  .main-content{ padding-bottom:80px; } /* space for sticky footer */

	/* Header icons */
	  
	  .header-actions{
		display:flex;
		align-items:center;
		gap:12px;
	  }

	  .header-icon-btn{
		border:0;
		background:transparent;
		color:#fff;
		padding:.25rem .5rem;
		line-height:1;
	  }
	  .header-icon-btn:hover{ color:#ced4da; }
	  .header-icon-btn:focus{ box-shadow:none; }

	/* Notification badge */
	  
	  .notif-wrap{
		position:relative;
		display:inline-flex;
		align-items:center;
	  }
	  
	  .notif-badge{
		position:absolute;
		top:-6px;
		right:-2px;
		font-size:.65rem;
		padding:.15rem .35rem;
		border-radius:999px;
		background:#dc3545;
		color:#fff;
	  }

	/* Your existing account dropdown button styles (if you had them) */
	 
	  .account-dropdown .btn{
		color:#fff;
		border:none;
		background:transparent;
		padding:.25rem .5rem;
	  }
	  
		.account-dropdown .btn:focus{ box-shadow:none; }
		.account-dropdown .btn:hover{ color:#ced4da; }
  
	/* Allow independent scrolling in the content area */
  
		.dashboard-wrapper{
		  flex: 1 1 auto;
		  display: flex;
		  min-height: 0;               /* important for flex scrolling */
		}

	/* Sticky sidebar */
	
		.sidebar{
		  width: 300px;
		  background-color: #2D3C5A;
		  color: white;

		  position: sticky;
		  top: 74px;                   /* header height (adjust if your header is taller) */
		  height: calc(100vh - 74px);  /* fill remaining space under sticky header */
		  overflow-y: auto;            /* sidebar scrolls if lots of links */
		  overflow-x: hidden;

		  transition: width 0.25s ease;
		  padding-top: 1rem;
		}

		.sidebar.collapsed{ width: 72px; }

	/* Main content should be the scroller */
	
		.main-content{
		  flex-grow: 1;
		  padding: 2rem;
		  overflow-y: auto;
		  min-height: 0;               /* important for flex scrolling */

		  /* you already added this for sticky footer; keep it */
		  padding-bottom: 80px;
		}

		.toggle-btn {
			cursor: pointer;
			padding: 12px 20px;
			display: block;
			background-color: #1B2536;
			text-align: center;
		  }

		.sidebar-header {
		  background-color: #1B2536;
		  border-bottom: 1px solid rgba(255,255,255,0.08);
		}

		.sidebar-header button {
		  border: none;
		  background: transparent;
		  color: white;
		  padding: .25rem .5rem;
		}

		.sidebar-header button:hover {
		  color: #ced4da;
		}

	/* Sidebar links */
  
	  .sidebar .nav-item > a,
	  .sidebar .nav-item > button {
		width: 100%;
		text-align: left;
		color: #fff;
		padding: 12px 18px;
		text-decoration: none;
		border: 0;
		background: transparent;
		display: flex;
		align-items: center;
		gap: 10px;
	  }

	  .sidebar .nav-item > a:hover,
	  .sidebar .nav-item > button:hover {
		background-color: #1B2536;
	  }

	  .sidebar .nav-item i { width: 18px; text-align: center; }

  
	/* Submenu */
	
	  .sidebar .submenu {
		padding: 6px 0 10px 0;
		margin: 0;
		list-style: none;
		display: none;
	  }

	  .sidebar .submenu a {
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 8px 18px 8px 48px;
		opacity: 0.95;
	  }

	  .sidebar .submenu a:hover {
		background-color: #1B2536;
	  }

	/* Expanded submenu */
  
		.sidebar .nav-item.open .submenu { display: block; }
  
	/* Collapsed behavior: hide labels + submenu */
  
	  .sidebar.collapsed .label { display: none; }
	  .sidebar.collapsed .submenu { display: none !important; }

	/* Sticky footer */
  
	 .footer{
		background-color:#2D3C5A;
		color:#fff;
		width:100%;
		position:sticky;
		bottom:0;
		z-index:1020;
	  }

	  .footer {
	  background-color: #2D3C5A;
	  color: white;
	  width: 100%;
	  margin-top: auto;
		}