* {
	  margin: 0;
	  padding: 0;
	  box-sizing: border-box;
	}

	body {
	  font-family: Segoe UI, Arial, sans-serif;
	  background-color: #fff;
	}

	/* ---------- Header ---------- */
	.header {
	  background-color: #1c3553;
	  padding: 12px 20px;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	}

	.logo {
	  display: flex;
	  align-items: center;
	  font-size: 18px;
	  font-weight: bold;
	}

	.logo-bar {
	  display: inline-block;
	  width: 5px;
	  height: 20px;
	  margin-right: 3px;
	  border-radius: 1px;
	}

	.logo-bar.blue {
	  background: #007bff;
	}

	.logo-bar.green {
	  background: #17a2b8;
	}

	.logo-bar.red {
	  background: #e83e8c;
	}

	.logo-text {
	  color: #fff;
	  margin-left: 8px;
	  letter-spacing: 0.5px;
	  font-weight: 500;
	}

	.help-link {
	  color: #fff;
	  text-decoration: none;
	  font-size: 14px;
	}

	.help-link:hover {
	  text-decoration: underline;
	}

	/* ---------- Layout ---------- */
	.container1 {
	  display: flex;
	  min-height: calc(100vh - 50px);
	}

  .main {
    flex-grow: 1;
  }

	/* ---------- Sidebar ---------- */
		.sidebar {
			width: 210px;
			height: 115vh;
			background: linear-gradient(to bottom, #3c3c3c, #2b2b2b);
			padding: 10px 0;
			color: #fff;
		}
	
		.sidebar-section {
			margin-bottom: 20px;
		}
	
		/* Only section titles get underline */
		.sidebar-title {
			font-size: 15px;
			font-weight: bold;
			color: #FFFFF7;
			padding: 5px 5px;
			border-bottom: 1px solid #555;
			/* letter-spacing: 1px; */
			text-transform: uppercase;
		}
	
		/* Normal menu items */
		.sidebar-item {
			display: block;
			padding: 8px 10px;
			font-size: 14px;
			color: #ddd;
			text-decoration: none;
			/* no underline */
			/* transition: background 0.2s, color 0.2s; */
			position: relative;
			white-space: nowrap;
		}
	
		.sidebar-item:hover {
			background: #444;
			color: #fff;
			text-decoration: none;
			/* still no underline on hover */
		}
				.sidebar-item-icon {
					display: none !important 
				}
	/* ---------- Main Content ---------- */
	.main-content {
	  flex: 1;
	  background-color: #fff;
	  padding: 20px 40px;
	}

	.form-container {
	  max-width: 450px;
	}

	.form-header {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  padding-bottom: 10px;
	  border-bottom: 1px solid #ddd;
	  margin-bottom: 20px;
	}

	.form-title {
	  font-size: 22px;
	  font-weight: 600;
	  color: #333;
	}

	.create-account-btn {
	  background-color: #28a745;
	  color: white;
	  padding: 7px 15px;
	  border: none;
	  border-radius: 4px;
	  font-size: 14px;
	  cursor: pointer;
	  text-decoration: none;
	  /* position: absolute;
      right: 60px;
      top: 0px; */
	}

	.create-account-btn:hover {
	  background-color: #218838;
	}

	.required-text {
	  color: #555;
	  font-size: 14px;
	  margin-bottom: 20px;
	}

	.form-group {
	  margin-bottom: 15px;
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: space-between;
	}

	.form-label {
	  display: block;
	  color: #c2185b;
	  font-size: 14px;
	  margin-bottom: 5px;
	  font-weight: 500;
	  min-width: 120px;
	}

	.form-input {
	  width: 100%;
	  padding: 8px 10px;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	  font-size: 14px;
	}

	.checkbox-container {
	  margin: 10px 0 15px 0;
	}

	.checkbox-label {
	  font-size: 14px;
	  color: #333;
	  margin-left: 5px;
	}

	/* ---------- Buttons ---------- */
	.button-group {
	  display: flex;
	  gap: 10px;
	  margin-top: 20px;
	  justify-content: center;
	  align-items: center;
	  margin-bottom: 15px;
	}

	.btn-primary {
	  background-color: #007bff;
	  color: white;
	  padding: 8px 20px;
	  border: none;
	  border-radius: 4px;
	  font-size: 14px;
	  cursor: pointer;
	}

	.btn-primary:hover {
	  background-color: #0056b3;
	}

	.btn-secondary {
	  background-color: #6c757d;
	  color: white;
	  padding: 8px 20px;
	  border: none;
	  border-radius: 4px;
	  font-size: 14px;
	  cursor: pointer;
	}

	.btn-secondary:hover {
	  background-color: #5a6268;
	}

	/* ---------- Forgot Password ---------- */
	.forgot-password {
	  margin-top: 15px;
	  font-size: 14px;
	  color: #555;
	}

	.forgot-password a {
	  color: #007bff;
	  text-decoration: none;
	}

	.forgot-password a:hover {
	  text-decoration: underline;
	}