:root{
  /* màu nền */
  --bg-1:#eaf2ff;
  --bg-2:#b9d1ff;
  --bg-3:#4f80f5;
  --bg-4:#1a3fb8;

  /* chữ */
  --ink:#0f1d45;
  --ink-soft:#4a5a85;
  --ink-faint:#8191b8;

  /* kính */
  --glass-strong:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.46));
  --glass:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.34));
  --glass-soft:linear-gradient(135deg,rgba(255,255,255,.52),rgba(255,255,255,.22));
  --edge:inset 0 1px 0 rgba(255,255,255,.95),
         inset 0 -1px 0 rgba(255,255,255,.25),
         inset 0 0 0 1px rgba(255,255,255,.55);
  --shadow-lg:0 30px 70px -24px rgba(16,44,140,.55);
  --shadow-md:0 14px 34px -16px rgba(22,52,150,.45);
  --shadow-sm:0 6px 16px -10px rgba(22,52,150,.40);
  --line:rgba(255,255,255,.75);
  --line-soft:rgba(120,150,220,.22);

  /* trạng thái */
  --green:#0b9d63;
  --green-bg:rgba(120,235,185,.38);
  --green-line:rgba(255,255,255,.8);
  --amber:#c47a0a;
  --amber-bg:rgba(255,206,110,.40);
  --amber-line:rgba(255,255,255,.8);
  --red:#d93a3a;
  --red-bg:rgba(255,140,140,.34);
  --red-line:rgba(255,255,255,.8);
  --blue:#1f4fe0;
  --blue-bg:rgba(95,140,255,.22);

  --primary:linear-gradient(180deg,#4a7bff 0%,#1f4fe0 100%);
  --primary-shadow:0 10px 22px -8px rgba(31,79,224,.65),
                   inset 0 1px 0 rgba(255,255,255,.55);

  --radius-lg:26px;
  --radius-md:18px;
  --radius-sm:12px;

}



.head-title{
	font-weight: bold;
	font-size: 20px;
	margin: 0;
	padding: 0;
	margin-top: 0px;
	
}
.sub-title{
	font-size: 12px;
	margin: 0;
	padding: 0;
	
	
}
.nav-active{
	font-weight: bold;
}