:root {
	--ieh-avm-pill-text: #f5f9ff;
	--ieh-avm-pill-bg: rgba(255, 255, 255, 0.1);
	--ieh-avm-pill-border: rgba(179, 214, 247, 0.44);
	--ieh-avm-pill-hover-bg: rgba(91, 172, 233, 0.26);
	--ieh-avm-pill-hover-border: rgba(173, 225, 255, 0.76);
	--ieh-avm-pill-active-bg: rgba(84, 169, 235, 0.34);
	--ieh-avm-pill-active-border: rgba(190, 233, 255, 0.9);
	--ieh-avm-pill-shadow: 0 8px 18px rgba(4, 13, 27, 0.24);

	--ieh-avm-badge-bg: linear-gradient(135deg, #32bcff 0%, #1283d7 100%);
	--ieh-avm-badge-text: #ffffff;

	--ieh-avm-drop-bg: #ffffff;
	--ieh-avm-drop-border: #d8e4f1;
	--ieh-avm-drop-text: #0f1f34;
	--ieh-avm-drop-muted: #5b6b7e;
	--ieh-avm-drop-hover: #edf5ff;
	--ieh-avm-drop-active: #e2f2ff;
	--ieh-avm-drop-danger: #b42318;
	--ieh-avm-drop-shadow: 0 20px 34px rgba(6, 14, 30, 0.24);

	--ieh-avm-drawer-bg: linear-gradient(180deg, #111f38 0%, #143a5a 100%);
	--ieh-avm-drawer-card: linear-gradient(135deg, #173e66 0%, #1e5d86 100%);
	--ieh-avm-drawer-card-active: linear-gradient(135deg, #1f4f7f 0%, #2374a5 100%);
	--ieh-avm-drawer-border: rgba(116, 206, 255, 0.6);
	--ieh-avm-drawer-text: #ecf6ff;
	--ieh-avm-drawer-overlay: rgba(4, 10, 20, 0.48);
}

@media (prefers-color-scheme: dark) {
	:root {
		--ieh-avm-pill-bg: rgba(12, 27, 48, 0.56);
		--ieh-avm-pill-border: rgba(123, 172, 214, 0.52);
		--ieh-avm-pill-hover-bg: rgba(36, 82, 122, 0.74);
		--ieh-avm-pill-active-bg: rgba(39, 91, 138, 0.9);

		--ieh-avm-drop-bg: #101a2a;
		--ieh-avm-drop-border: #2b3f58;
		--ieh-avm-drop-text: #e7f0fb;
		--ieh-avm-drop-muted: #a9bfd8;
		--ieh-avm-drop-hover: #1b2e44;
		--ieh-avm-drop-active: #1f3956;
		--ieh-avm-drop-danger: #ff9992;
		--ieh-avm-drop-shadow: 0 22px 38px rgba(0, 0, 0, 0.46);

		--ieh-avm-drawer-bg: linear-gradient(180deg, #081426 0%, #102b45 100%);
		--ieh-avm-drawer-card: linear-gradient(135deg, #133250 0%, #1a4f74 100%);
		--ieh-avm-drawer-card-active: linear-gradient(135deg, #1b4369 0%, #216493 100%);
		--ieh-avm-drawer-border: rgba(129, 210, 255, 0.58);
		--ieh-avm-drawer-text: #edf6ff;
		--ieh-avm-drawer-overlay: rgba(2, 7, 14, 0.62);
	}
}

.main-header-bar-navigation,
.main-navigation,
.main-header-menu {
	overflow: visible !important;
}

.main-header-menu .ieh-avm-item {
	position: relative !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

.main-header-menu .ieh-avm-link,
.main-header-menu .ieh-avm-user-trigger,
.main-header-menu .ieh-avm-teacher-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 44px;
	padding: 0 16px;
	border: 1px solid var(--ieh-avm-pill-border) !important;
	border-radius: 12px;
	background: var(--ieh-avm-pill-bg) !important;
	color: var(--ieh-avm-pill-text) !important;
	-webkit-text-fill-color: var(--ieh-avm-pill-text) !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	text-decoration: none !important;
	box-shadow: var(--ieh-avm-pill-shadow);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
	opacity: 1 !important;
	cursor: pointer;
}

.main-header-menu .ieh-avm-link:hover,
.main-header-menu .ieh-avm-link:focus-visible,
.main-header-menu .ieh-avm-user-trigger:hover,
.main-header-menu .ieh-avm-user-trigger:focus-visible,
.main-header-menu .ieh-avm-teacher-trigger:hover,
.main-header-menu .ieh-avm-teacher-trigger:focus-visible {
	border-color: var(--ieh-avm-pill-hover-border) !important;
	background: var(--ieh-avm-pill-hover-bg) !important;
	color: var(--ieh-avm-pill-text) !important;
	-webkit-text-fill-color: var(--ieh-avm-pill-text) !important;
	text-decoration: none !important;
	transform: translateY(-1px);
}

.main-header-menu .ieh-avm-item.ieh-avm-is-current > .ieh-avm-link,
.main-header-menu .ieh-avm-item.ieh-avm-is-current > .ieh-avm-user-trigger,
.main-header-menu .ieh-avm-item.ieh-avm-is-current > .ieh-avm-teacher-trigger,
.main-header-menu .ieh-avm-user.is-open > .ieh-avm-user-trigger,
.main-header-menu .ieh-avm-teacher.is-open > .ieh-avm-teacher-trigger {
	background: var(--ieh-avm-pill-active-bg) !important;
	border-color: var(--ieh-avm-pill-active-border) !important;
	box-shadow: inset 0 0 0 1px rgba(210, 241, 255, 0.18), var(--ieh-avm-pill-shadow);
}

.main-header-menu .ieh-avm-user,
.main-header-menu .ieh-avm-teacher {
	overflow: visible !important;
}

.main-header-menu .ieh-avm-user-trigger {
	padding-left: 10px;
	padding-right: 12px;
	justify-content: flex-start;
}

.main-header-menu .ieh-avm-avatar-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(2, 6, 17, 0.28);
}

.main-header-menu .ieh-avm-avatar {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	object-fit: cover;
}

.main-header-menu .ieh-avm-user-name {
	display: inline-block;
	max-width: 152px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	color: var(--ieh-avm-pill-text) !important;
	-webkit-text-fill-color: var(--ieh-avm-pill-text) !important;
	opacity: 1 !important;
}

.main-header-menu .ieh-avm-trigger-inbox {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 7px;
	margin-left: 2px;
	border-radius: 999px;
	border: 1px solid rgba(141, 213, 255, 0.44);
	background: rgba(8, 21, 41, 0.26);
}

.main-header-menu .ieh-avm-trigger-inbox-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	font-size: 12px;
	line-height: 1;
	color: #def3ff !important;
	-webkit-text-fill-color: #def3ff !important;
	opacity: 1 !important;
}

.main-header-menu .ieh-avm-trigger-inbox-count,
.main-header-menu .ieh-avm-inbox-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--ieh-avm-badge-bg);
	color: var(--ieh-avm-badge-text) !important;
	-webkit-text-fill-color: var(--ieh-avm-badge-text) !important;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.main-header-menu .ieh-avm-caret {
	font-size: 11px;
	line-height: 1;
	color: var(--ieh-avm-pill-text) !important;
	-webkit-text-fill-color: var(--ieh-avm-pill-text) !important;
	opacity: 1 !important;
}

.ieh-avm-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.main-header-menu .ieh-avm-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 9px) !important;
	right: 0;
	left: auto;
	z-index: 99999;
	min-width: 278px;
	max-width: min(92vw, 360px);
	margin: 0;
	padding: 8px;
	list-style: none;
	border: 1px solid var(--ieh-avm-drop-border);
	border-radius: 14px;
	background: var(--ieh-avm-drop-bg);
	box-shadow: var(--ieh-avm-drop-shadow);
}

.main-header-menu .ieh-avm-teacher-dropdown {
	min-width: 304px;
}

.main-header-menu .ieh-avm-user.is-open > .ieh-avm-dropdown,
.main-header-menu .ieh-avm-teacher.is-open > .ieh-avm-dropdown {
	display: block;
}

.main-header-menu .ieh-avm-dropdown-item {
	margin: 0;
	padding: 0;
}

.main-header-menu .ieh-avm-dropdown-item + .ieh-avm-dropdown-item {
	margin-top: 4px;
}

.main-header-menu .ieh-avm-dropdown-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	min-height: 42px;
	padding: 0 11px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--ieh-avm-drop-text) !important;
	-webkit-text-fill-color: var(--ieh-avm-drop-text) !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.25 !important;
	text-decoration: none !important;
	text-align: left;
	cursor: pointer;
}

.main-header-menu .ieh-avm-dropdown-link:hover,
.main-header-menu .ieh-avm-dropdown-link:focus-visible,
.main-header-menu .ieh-avm-courses-details[open] > .ieh-avm-course-summary {
	background: var(--ieh-avm-drop-hover);
	color: var(--ieh-avm-drop-text) !important;
	-webkit-text-fill-color: var(--ieh-avm-drop-text) !important;
	text-decoration: none !important;
}

.main-header-menu .ieh-avm-dropdown-link.is-active {
	background: var(--ieh-avm-drop-active);
	box-shadow: inset 3px 0 0 #2eaef0;
}

.main-header-menu .ieh-avm-courses-details {
	margin: 0;
}

.main-header-menu .ieh-avm-courses-details > summary {
	list-style: none;
}

.main-header-menu .ieh-avm-courses-details > summary::-webkit-details-marker {
	display: none;
}

.main-header-menu .ieh-avm-course-summary::after {
	content: "v";
	margin-left: auto;
	font-size: 11px;
	font-weight: 700;
	color: var(--ieh-avm-drop-muted);
}

.main-header-menu .ieh-avm-courses-details[open] > .ieh-avm-course-summary::after {
	transform: rotate(180deg);
}

.main-header-menu .ieh-avm-courses-groups {
	margin-top: 6px;
	padding: 8px;
	border-radius: 10px;
	background: rgba(60, 121, 175, 0.08);
	display: grid;
	gap: 10px;
}

.main-header-menu .ieh-avm-courses-group {
	margin: 0;
}

.main-header-menu .ieh-avm-courses-title {
	margin: 0 0 5px;
	padding: 0;
	font-size: 11px;
	line-height: 1.2;
	letter-spacing: 0.06em;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--ieh-avm-drop-muted);
}

.main-header-menu .ieh-avm-courses-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 3px;
	max-height: 190px;
	overflow: auto;
}

.main-header-menu .ieh-avm-courses-item {
	margin: 0;
	padding: 0;
}

.main-header-menu .ieh-avm-courses-link {
	display: block;
	padding: 8px 9px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--ieh-avm-drop-text) !important;
	-webkit-text-fill-color: var(--ieh-avm-drop-text) !important;
	text-decoration: none !important;
}

.main-header-menu .ieh-avm-courses-link:hover,
.main-header-menu .ieh-avm-courses-link:focus-visible {
	background: var(--ieh-avm-drop-hover);
	text-decoration: none !important;
}

.main-header-menu .ieh-avm-courses-link.is-active {
	background: var(--ieh-avm-drop-active);
	box-shadow: inset 3px 0 0 #2eaef0;
}

.main-header-menu .ieh-avm-courses-empty {
	margin: 0;
	padding: 8px 10px;
	border-radius: 8px;
	background: rgba(60, 121, 175, 0.08);
	font-size: 13px;
	font-weight: 600;
	color: var(--ieh-avm-drop-muted);
}

.main-header-menu .ieh-avm-logout-link {
	color: var(--ieh-avm-drop-danger) !important;
	-webkit-text-fill-color: var(--ieh-avm-drop-danger) !important;
}

.main-header-menu .ieh-avm-logout-link:hover,
.main-header-menu .ieh-avm-logout-link:focus-visible {
	color: var(--ieh-avm-drop-danger) !important;
	-webkit-text-fill-color: var(--ieh-avm-drop-danger) !important;
}

@media (min-width: 961px) {
	.main-header-menu .ieh-avm-item + .ieh-avm-item {
		margin-left: 8px !important;
	}
}

.ieh-avm-mobile-overlay {
	display: none !important;
}

@media (max-width: 960px) {
	body.ieh-avm-mobile-open,
	html.ieh-avm-mobile-open {
		overflow: hidden !important;
	}

	body.ieh-avm-scroll-locked {
		overflow: hidden !important;
	}

	.ieh-avm-mobile-panel {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: auto !important;
		width: min(84vw, 360px) !important;
		max-width: min(84vw, 360px) !important;
		height: 100dvh !important;
		margin: 0 !important;
		padding: 0 !important;
		background: linear-gradient(158deg, #123755 0%, #0f2d49 48%, #1a5b85 100%) !important;
		box-shadow: -12px 0 32px rgba(0, 0, 0, 0.36) !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		overscroll-behavior: contain;
		z-index: 999998 !important;
		display: block !important;
		pointer-events: auto !important;
	}

	.ieh-avm-mobile-panel .main-header-menu {
		min-height: 0 !important;
		height: auto !important;
		max-height: none !important;
		margin: 0 !important;
		padding: calc(env(safe-area-inset-top, 0px) + 62px) 12px 18px !important;
		display: flex !important;
		flex-direction: column;
		justify-content: flex-start !important;
		align-content: flex-start !important;
		align-items: stretch !important;
		gap: 8px;
		background: linear-gradient(158deg, #123755 0%, #0f2d49 48%, #1a5b85 100%) !important;
		overflow: visible !important;
		pointer-events: auto !important;
	}

	.ieh-avm-mobile-panel .main-header-menu,
	.ieh-avm-mobile-panel .main-header-menu * {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	.main-header-menu.ieh-avm-managed-menu > li:not(.ieh-avm-item) {
		display: none !important;
	}

	.ieh-avm-mobile-panel .main-header-menu > li:not(.ieh-avm-item) {
		display: none !important;
	}

	.ieh-avm-mobile-close {
		position: absolute;
		top: calc(env(safe-area-inset-top, 0px) + 14px);
		right: 10px;
		z-index: 3;
		width: 40px;
		height: 40px;
		border: 1px solid rgba(151, 225, 255, 0.72);
		border-radius: 11px;
		background: linear-gradient(145deg, #17456f 0%, #1b6b98 100%);
		color: #ecf6ff;
		font-size: 22px;
		line-height: 1;
		font-weight: 600;
		cursor: pointer;
	}

	.ieh-avm-mobile-close:hover,
	.ieh-avm-mobile-close:focus-visible {
		background: linear-gradient(145deg, #1d5585 0%, #1f7bad 100%);
	}

	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-item,
	.ieh-avm-mobile-panel .main-header-menu .menu-item.ieh-avm-item,
	.ieh-avm-mobile-panel .main-header-menu .menu-item.ieh-avm-item + .menu-item.ieh-avm-item {
		margin: 0 !important;
		padding: 0 !important;
	}

	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-item + .ieh-avm-item {
		margin-top: 0 !important;
	}

	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-link,
	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-user-trigger,
	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-teacher-trigger {
		width: 100%;
		height: 52px;
		justify-content: flex-start;
		padding: 0 14px;
		border-radius: 14px;
		border-color: var(--ieh-avm-drawer-border) !important;
		background: var(--ieh-avm-drawer-card) !important;
		color: var(--ieh-avm-drawer-text) !important;
		-webkit-text-fill-color: var(--ieh-avm-drawer-text) !important;
		font-size: 15px;
		font-weight: 700;
		line-height: 1.15 !important;
		box-shadow: 0 10px 18px rgba(2, 8, 19, 0.32);
		transform: none !important;
		opacity: 1 !important;
	}

	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-item.ieh-avm-is-current > .ieh-avm-link,
	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-item.ieh-avm-is-current > .ieh-avm-user-trigger,
	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-item.ieh-avm-is-current > .ieh-avm-teacher-trigger,
	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-user.is-open > .ieh-avm-user-trigger,
	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-teacher.is-open > .ieh-avm-teacher-trigger {
		background: var(--ieh-avm-drawer-card-active) !important;
		border-color: rgba(150, 224, 255, 0.84) !important;
		box-shadow: inset 4px 0 0 #38c9ff, 0 10px 18px rgba(2, 8, 19, 0.32);
	}

	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-user-trigger {
		display: grid;
		grid-template-columns: 32px minmax(0, 1fr) auto auto;
		column-gap: 10px;
		align-items: center;
	}

	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-avatar-wrap {
		width: 32px;
		height: 32px;
		flex-basis: 32px;
	}

	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-avatar {
		width: 32px;
		height: 32px;
	}

	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-user-name {
		min-width: 0;
		max-width: none;
		font-size: 16px;
		color: var(--ieh-avm-drawer-text) !important;
		-webkit-text-fill-color: var(--ieh-avm-drawer-text) !important;
		opacity: 1 !important;
	}

	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-trigger-inbox {
		margin-left: auto;
		background: rgba(6, 14, 28, 0.38);
		border-color: rgba(145, 216, 255, 0.56);
	}

	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-trigger-inbox-icon,
	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-caret {
		color: var(--ieh-avm-drawer-text) !important;
		-webkit-text-fill-color: var(--ieh-avm-drawer-text) !important;
		opacity: 1 !important;
	}

	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-dropdown {
		position: static;
		top: auto !important;
		right: auto;
		left: auto;
		min-width: 100%;
		max-width: 100%;
		margin: 6px 0 0;
		padding: 7px;
		border-radius: 12px;
		box-shadow: 0 9px 18px rgba(3, 8, 17, 0.26);
	}

	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-dropdown-link {
		min-height: 40px;
		padding: 0 10px;
	}

	.ieh-avm-mobile-panel .main-header-menu .ieh-avm-courses-groups {
		padding: 7px;
	}
}