:root {
	--chat-bg: #f5f5f5;
	--chat-card-bg: #ffffff;
	--chat-text-primary: #1a1a1a;
	--chat-text-secondary: #666;
	--chat-text-muted: #999;
	--chat-border: #e0e0e0;
	--chat-hover-bg: #f0f0f0;
	--chat-input-bg: #ffffff;
	--chat-scrollbar-track: #f5f5f5;
	--chat-scrollbar-thumb: #d0d0d0;
	--chat-active-bg: #e8f4fd;
	--chat-primary: #667eea
}
[data-theme=dark] {
	--chat-bg: #0a0a0a;
	--chat-card-bg: #151520;
	--chat-text-primary: #ffffff;
	--chat-text-secondary: #b0b0b0;
	--chat-text-muted: #888;
	--chat-border: #2a2a3a;
	--chat-hover-bg: #1f1f2f;
	--chat-input-bg: #1a1a2a;
	--chat-scrollbar-track: #0a0a0a;
	--chat-scrollbar-thumb: #3a3a4a;
	--chat-active-bg: #1e3a5e
}
[data-theme=dark-blue] {
	--chat-bg: #0f172a;
	--chat-card-bg: #1e293b;
	--chat-text-primary: #ffffff;
	--chat-text-secondary: #cbd5e1;
	--chat-text-muted: #94a3b8;
	--chat-border: #334155;
	--chat-hover-bg: #293548;
	--chat-input-bg: #1e293b;
	--chat-scrollbar-track: #0f172a;
	--chat-scrollbar-thumb: #475569;
	--chat-active-bg: #1e40af
}
[data-theme=dark-green] {
	--chat-bg: #0f2027;
	--chat-card-bg: #203a43;
	--chat-text-primary: #ffffff;
	--chat-text-secondary: #a8c5c5;
	--chat-text-muted: #7a9a9a;
	--chat-border: #2a4a4a;
	--chat-hover-bg: #254a52;
	--chat-input-bg: #203a43;
	--chat-scrollbar-track: #0f2027;
	--chat-scrollbar-thumb: #3a5a5a;
	--chat-active-bg: #1a4a5a
}
[data-theme=tech-dark] {
	--chat-bg: #1A2B42;
	--chat-card-bg: #2F4056;
	--chat-text-primary: #ffffff;
	--chat-text-secondary: #b8c5d1;
	--chat-text-muted: #8b9daf;
	--chat-border: #3d5169;
	--chat-hover-bg: #364a62;
	--chat-input-bg: #2F4056;
	--chat-scrollbar-track: #1A2B42;
	--chat-scrollbar-thumb: #4a5f7a;
	--chat-active-bg: #1e4a6e
}

.main-layout {
	display: flex!important;
	flex-direction: row!important;
	align-items: flex-start!important;
	min-height: 100vh;
	width: 100%!important;
	max-width: 100vw!important;
	position: relative!important;
	z-index: 1;
	overflow: visible;
	height: auto;
	box-sizing: border-box!important;
	margin: 0!important;
	padding: 0!important;
	margin-top: 0!important;
	padding-top: 0!important
}

.main-layout>.sidebar {
	order: 1!important;
	flex-shrink: 0!important;
	width: 280px!important;
	margin-left: 0!important;
	margin-right: 0!important
}

@media (max-width:1023px) {
	.main-layout>.sidebar {
		width: 0!important;
		min-width: 0!important;
		max-width: 0!important;
		margin: 0!important;
		padding: 0!important;
		flex: 0 0 0!important;
		flex-shrink: 1!important
	}

	.main-layout>.sidebar.show {
		width: 280px!important;
		min-width: 280px!important;
		max-width: 280px!important
	}
}

.main-layout>.main-content-area {
	order: 2!important;
	flex: 1!important;
	min-width: 0!important;
	margin-left: 280px!important;
	width: calc(100% - 280px)!important
}

.main-content-area {
	flex: 1!important;
	min-width: 0!important;
	overflow-x: hidden!important;
	position: relative!important;
	background: var(--chat-bg);
	transition: background-color .3s ease;
	min-height: 100vh;
	display: flex!important;
	flex-direction: column!important;
	align-self: flex-start!important;
	width: 100%!important;
	box-sizing: border-box!important;
	margin: 0!important;
	margin-top: 0!important;
	padding: 0!important;
	padding-top: 0!important;
	z-index: 2!important
}

.main-content-area>.ai-chat-banner,.main-content-area>.ai-chat-container,.main-content-area>section.ai-chat-banner,.main-content-area>section.ai-chat-container {
	position: relative!important;
	left: -280px!important;
	width: 100vw!important;
	max-width: 100vw!important;
	margin-left: 0!important;
	margin-right: 0!important;
	padding-left: 280px!important;
	box-sizing: border-box!important;
	z-index: 5!important;
	overflow: visible!important
}

body.ai-chat-overlay-active .main-content-area>.ai-chat-banner,body.ai-chat-overlay-active .main-content-area>.ai-chat-container,body.ai-chat-overlay-active .main-content-area>section.ai-chat-banner,body.ai-chat-overlay-active .main-content-area>section.ai-chat-container {
	z-index: 999999!important;
	isolation: isolate
}

body:not(.chat-page) .main-layout>.main-content-area {
	width: calc(100% - 280px)!important;
	margin-left: 280px!important
}

@media (max-width:1023px) {
	body:not(.chat-page) .main-layout>.main-content-area {
		margin-left: 0!important;
		width: 100%!important;
		padding-top: 60px!important
	}

	.main-content-area>.ai-chat-banner,.main-content-area>.ai-chat-container,.main-content-area>section.ai-chat-banner,.main-content-area>section.ai-chat-container {
		left: 0!important;
		padding-left: 0!important;
		width: 100%!important;
		max-width: 100%!important
	}
}

body.chat-page .main-layout {
	display: grid!important;
	grid-template-columns: 280px minmax(0,1fr) 300px!important;
	grid-template-rows: 100dvh!important;
	grid-template-areas: "sidebar main right"!important;
	height: 100dvh!important;
	overflow: hidden!important
}

body.chat-page .main-layout>.sidebar {
	grid-area: sidebar!important;
	position: relative!important;
	height: 100dvh!important
}

@media (max-width:1023px) {
	body.chat-page .main-layout>.sidebar {
		position: fixed!important;
		left: 0;
		top: 0;
		transform: translateX(-100%);
		z-index: 1004!important;
		box-shadow: 2px 0 8px rgba(0,0,0,.1);
		width: 0!important;
		min-width: 0!important;
		max-width: 0!important;
		margin: 0!important;
		padding: 0!important;
		overflow: hidden!important;
		visibility: hidden;
		opacity: 0;
		transition: transform .3s ease,width .3s ease,visibility .3s ease,opacity .3s ease;
		pointer-events: none
	}

	body.chat-page .main-layout>.sidebar.show {
		transform: translateX(0)!important;
		width: 280px!important;
		min-width: 280px!important;
		max-width: 280px!important;
		visibility: visible!important;
		opacity: 1!important;
		pointer-events: auto!important;
		z-index: 1001!important
	}
}

body.chat-page .main-layout>.main-content-area {
	grid-area: main!important;
	position: relative!important;
	width: 100%!important;
	margin-left: 0!important;
	height: 100dvh!important;
	overflow-y: auto!important
}

.main-content-area .container-main,.main-content-area .container.container-main {
	max-width: 1200px!important;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-top: 0!important;
	padding: 2rem!important;
	padding-top: 2rem!important;
	width: 100%!important;
	box-sizing: border-box!important;
	position: relative!important;
	z-index: 2!important;
	overflow: visible!important
}

@media (max-width:768px) {
	.main-content-area .container-main,.main-content-area .container.container-main {
		padding: 1rem!important;
		max-width: 100%!important
	}
}
[data-theme=dark-blue] .main-content-area,[data-theme=dark-green] .main-content-area,[data-theme=dark] .main-content-area,[data-theme=tech-dark] .main-content-area {
	background: var(--chat-bg)!important
}
[data-theme=dark-blue] .main-content-area .card,[data-theme=dark-green] .main-content-area .card,[data-theme=dark] .main-content-area .card,[data-theme=tech-dark] .main-content-area .card {
	background: var(--chat-card-bg)!important;
	border-color: var(--chat-border)!important;
	color: var(--chat-text-primary)!important
}
[data-theme=dark-blue] .main-content-area .card-header,[data-theme=dark-green] .main-content-area .card-header,[data-theme=dark] .main-content-area .card-header,[data-theme=tech-dark] .main-content-area .card-header {
	background: var(--chat-card-bg)!important;
	border-bottom-color: var(--chat-border)!important;
	color: var(--chat-text-primary)!important
}
[data-theme=dark-blue] .main-content-area .card-body,[data-theme=dark-green] .main-content-area .card-body,[data-theme=dark] .main-content-area .card-body,[data-theme=tech-dark] .main-content-area .card-body {
	background: var(--chat-card-bg)!important;
	color: var(--chat-text-primary)!important
}
[data-theme=dark-blue] .main-content-area .form-control,[data-theme=dark-blue] .main-content-area .form-select,[data-theme=dark-green] .main-content-area .form-control,[data-theme=dark-green] .main-content-area .form-select,[data-theme=dark] .main-content-area .form-control,[data-theme=dark] .main-content-area .form-select,[data-theme=tech-dark] .main-content-area .form-control,[data-theme=tech-dark] .main-content-area .form-select {
	background: var(--chat-input-bg)!important;
	border-color: var(--chat-border)!important;
	color: var(--chat-text-primary)!important
}
[data-theme=dark-blue] .main-content-area .btn-primary,[data-theme=dark-green] .main-content-area .btn-primary,[data-theme=dark] .main-content-area .btn-primary,[data-theme=tech-dark] .main-content-area .btn-primary {
	background: var(--chat-primary)!important;
	border-color: var(--chat-primary)!important;
	color: #fff!important
}
[data-theme=dark-blue] .main-content-area .btn-outline-primary,[data-theme=dark-green] .main-content-area .btn-outline-primary,[data-theme=dark] .main-content-area .btn-outline-primary,[data-theme=tech-dark] .main-content-area .btn-outline-primary {
	border-color: var(--chat-primary)!important;
	color: var(--chat-primary)!important
}
[data-theme=dark-blue] .main-content-area .btn-outline-primary:hover,[data-theme=dark-green] .main-content-area .btn-outline-primary:hover,[data-theme=dark] .main-content-area .btn-outline-primary:hover,[data-theme=tech-dark] .main-content-area .btn-outline-primary:hover {
	background: var(--chat-primary)!important;
	color: #fff!important
}
[data-theme=dark-blue] .main-content-area .btn-outline-danger,[data-theme=dark-green] .main-content-area .btn-outline-danger,[data-theme=dark] .main-content-area .btn-outline-danger,[data-theme=tech-dark] .main-content-area .btn-outline-danger {
	border-color: #dc3545!important;
	color: #dc3545!important
}
[data-theme=dark-blue] .main-content-area .btn-outline-danger:hover,[data-theme=dark-green] .main-content-area .btn-outline-danger:hover,[data-theme=dark] .main-content-area .btn-outline-danger:hover,[data-theme=tech-dark] .main-content-area .btn-outline-danger:hover {
	background: #dc3545!important;
	color: #fff!important
}
[data-theme=dark-blue] .main-content-area .text-muted,[data-theme=dark-green] .main-content-area .text-muted,[data-theme=dark] .main-content-area .text-muted,[data-theme=tech-dark] .main-content-area .text-muted {
	color: var(--chat-text-muted)!important
}
[data-theme=dark-blue] .main-content-area .alert,[data-theme=dark-green] .main-content-area .alert,[data-theme=dark] .main-content-area .alert,[data-theme=tech-dark] .main-content-area .alert {
	background: var(--chat-card-bg)!important;
	border-color: var(--chat-border)!important;
	color: var(--chat-text-primary)!important
}
[data-theme=dark-blue] .main-content-area .alert-success,[data-theme=dark-green] .main-content-area .alert-success,[data-theme=dark] .main-content-area .alert-success,[data-theme=tech-dark] .main-content-area .alert-success {
	background: rgba(25,135,84,.2)!important;
	border-color: rgba(25,135,84,.5)!important;
	color: #75b798!important
}
[data-theme=dark-blue] .main-content-area .alert-danger,[data-theme=dark-green] .main-content-area .alert-danger,[data-theme=dark] .main-content-area .alert-danger,[data-theme=tech-dark] .main-content-area .alert-danger {
	background: rgba(220,53,69,.2)!important;
	border-color: rgba(220,53,69,.5)!important;
	color: #f5a2a9!important
}

@media (max-width:1023px) {
	.main-layout {
		z-index: 1
	}
}

.sidebar {
	width: 280px!important;
	height: 100vh!important;
	max-height: 100vh!important;
	background: var(--chat-card-bg);
	border-right: 1px solid var(--chat-border);
	display: flex!important;
	flex-direction: column!important;
	flex-shrink: 0!important;
	align-self: flex-start!important;
	z-index: 1!important;
	position: relative!important;
	transition: width .3s ease,transform .3s ease,background-color .3s ease,border-color .3s ease;
	overflow: hidden!important;
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	padding: 0!important;
	margin: 0!important;
	margin-top: 0!important;
	margin-left: 0!important;
	box-sizing: border-box!important;
	order: 1!important;
	justify-content: flex-start!important
}

@media (max-width:1023px) {
	body>#sidebar.show,body>.sidebar.show {
		position: fixed!important;
		left: 0!important;
		top: 0!important;
		transform: translateX(0)!important;
		width: 280px!important;
		min-width: 280px!important;
		max-width: 280px!important;
		height: 100dvh!important;
		z-index: 1005!important;
		pointer-events: auto!important;
		visibility: visible!important;
		opacity: 1!important;
		box-shadow: 2px 0 8px rgba(0,0,0,.1)!important
	}

	#sidebar.show,.main-layout>.sidebar.show,.sidebar.show,body.chat-page .main-layout>.sidebar.show,body:not(.chat-page) .main-layout>.sidebar.show {
		z-index: 1005!important;
		pointer-events: auto!important;
		position: fixed!important
	}

	#sidebar.show *,.main-layout>.sidebar.show *,.sidebar.show *,body.chat-page .main-layout>.sidebar.show *,body:not(.chat-page) .main-layout>.sidebar.show *,body>#sidebar.show *,body>.sidebar.show * {
		pointer-events: auto!important
	}
}

body:not(.chat-page) .main-layout>.sidebar {
	position: fixed!important;
	left: 0!important;
	top: 0!important;
	height: 100vh!important
}

body.chat-page .main-layout>.sidebar {
	position: relative!important;
	height: 100vh!important
}

.sidebar.collapsed {
	width: 48px
}

.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-close-btn,.sidebar.collapsed .sidebar-footer,.sidebar.collapsed .sidebar-nav-buttons,.sidebar.collapsed .sidebar-recent-section,.sidebar.collapsed .sidebar-search {
	display: none
}

.sidebar.collapsed .sidebar-top-menu {
	padding: 12px 0
}

.sidebar.collapsed .sidebar-header-row {
	justify-content: center;
	margin-bottom: 0;
	padding: 0
}

.sidebar.collapsed .sidebar-toggle-btn {
	margin: 0;
	width: 100%;
	justify-content: center
}

.sidebar.collapsed .toggle-icon-collapse {
	display: none
}

.sidebar.collapsed .toggle-icon-expand {
	display: block!important
}

.sidebar:not(.collapsed) .toggle-icon-expand {
	display: none!important
}

.sidebar.hidden {
	transform: translateX(-100%);
	position: fixed;
	left: 0;
	top: 0
}

@media (min-width:1024px) {
	.sidebar {
		position: relative!important;
		z-index: 1!important;
		transform: none!important
	}

	.main-content-area {
		position: relative!important;
		z-index: 2!important;
		margin-left: 0!important
	}
}

@media (max-width:1023px) {
	.main-layout>.sidebar {
		position: fixed!important;
		left: 0;
		top: 0;
		transform: translateX(-100%);
		z-index: 1001!important;
		box-shadow: 2px 0 8px rgba(0,0,0,.1);
		width: 0!important;
		min-width: 0!important;
		max-width: 0!important;
		margin: 0!important;
		padding: 0!important;
		flex: 0 0 0!important;
		flex-shrink: 1!important;
		overflow: hidden!important;
		visibility: hidden;
		opacity: 0;
		transition: transform .3s ease,width .3s ease,visibility .3s ease,opacity .3s ease;
		pointer-events: none
	}

	.main-layout>.sidebar.show {
		transform: translateX(0)!important;
		width: 280px!important;
		min-width: 280px!important;
		max-width: 280px!important;
		visibility: visible!important;
		opacity: 1!important;
		pointer-events: auto!important;
		z-index: 1001!important
	}

	.main-layout>.main-content-area {
		margin-left: 0!important;
		width: 100%!important;
		flex: 1 1 100%!important;
		min-width: 0!important;
		max-width: 100%!important
	}

	.main-layout {
		margin-left: 0!important;
		padding-left: 0!important
	}

	.mobile-sidebar-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,.5);
		z-index: 1003!important;
		opacity: 0;
		visibility: hidden;
		transition: opacity .3s ease,visibility .3s ease;
		pointer-events: none
	}

	.mobile-sidebar-overlay.show {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		z-index: 1003!important
	}

	.sidebar-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,.5);
		z-index: 100!important;
		display: none;
		opacity: 0;
		transition: opacity .2s ease;
		pointer-events: none
	}

	.sidebar-overlay.show {
		pointer-events: auto;
		display: block;
		opacity: 1
	}
}

@media (min-width:1024px) {
	body:not(.chat-page) .sidebar {
		position: relative!important;
		left: auto!important;
		top: auto!important
	}
}

@media (max-width:1023px) {
	body:not(.chat-page) .sidebar {
		position: fixed!important;
		left: 0;
		top: 0
	}
}

.sidebar-top-menu {
	padding: 0 12px 16px 12px!important;
	border-bottom: 1px solid var(--chat-border);
	background: var(--chat-card-bg);
	transition: background-color .3s ease,border-color .3s ease;
	margin: 0!important;
	flex-shrink: 0!important;
	overflow-y: auto;
	overflow-x: hidden
}

.sidebar-header-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-bottom: 12px;
	position: relative
}

.sidebar-brand {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center
}

.sidebar-brand-text {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 20px;
	font-weight: 800;
	color: var(--chat-text-primary);
	transition: all .3s ease;
	letter-spacing: -.3px;
	padding: 8px 12px;
	border-radius: 8px;
	cursor: pointer
}

.sidebar-brand-text:hover {
	background: var(--chat-hover-bg);
	transform: scale(1.02)
}

.brand-icon {
	font-size: 24px;
	animation: sparkle 2s ease-in-out infinite;
	filter: drop-shadow(0 0 6px rgba(255, 215, 0, .7));
	display: inline-block
}
[data-theme=dark-blue] .brand-icon,[data-theme=dark-green] .brand-icon,[data-theme=dark] .brand-icon,[data-theme=tech-dark] .brand-icon {
	filter: drop-shadow(0 0 8px rgba(147, 197, 253, .6)) drop-shadow(0 0 4px rgba(196, 181, 253, .4));
	color: rgba(196,181,253,.9)
}

@keyframes sparkle {
	0%,100% {
		transform: scale(1) rotate(0);
		opacity: 1
	}

	50% {
		transform: scale(1.15) rotate(180deg);
		opacity: .9
	}
}

.brand-name {
	background: linear-gradient(135deg,#667eea 0,#764ba2 50%,#f093fb 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-weight: 800;
	font-size: 20px;
	letter-spacing: -.3px;
	position: relative;
	text-shadow: 0 0 20px rgba(102,126,234,.3);
	filter: drop-shadow(0 2px 4px rgba(102, 126, 234, .2))
}
[data-theme=dark-blue] .brand-name,[data-theme=dark-green] .brand-name,[data-theme=dark] .brand-name,[data-theme=tech-dark] .brand-name {
	background: linear-gradient(135deg,#93c5fd 0,#a78bfa 50%,#c4b5fd 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-shadow: 0 0 20px rgba(147,197,253,.4);
	filter: drop-shadow(0 2px 6px rgba(147, 197, 253, .3))
}

.sidebar-brand-text:hover .brand-name {
	background: linear-gradient(135deg,#764ba2 0,#f093fb 50%,#667eea 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	transition: all .5s ease;
	text-shadow: 0 0 25px rgba(118,75,162,.4);
	filter: drop-shadow(0 2px 6px rgba(118, 75, 162, .3))
}
[data-theme=dark-blue] .sidebar-brand-text:hover .brand-name,[data-theme=dark-green] .sidebar-brand-text:hover .brand-name,[data-theme=dark] .sidebar-brand-text:hover .brand-name,[data-theme=tech-dark] .sidebar-brand-text:hover .brand-name {
	background: linear-gradient(135deg,#a78bfa 0,#c4b5fd 50%,#93c5fd 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-shadow: 0 0 25px rgba(167,139,250,.5);
	filter: drop-shadow(0 2px 8px rgba(167, 139, 250, .4))
}

.sidebar-brand-text:hover .brand-icon {
	animation: sparkle .5s ease-in-out infinite;
	filter: drop-shadow(0 0 8px rgba(255, 215, 0, .9))
}
[data-theme=dark-blue] .sidebar-brand-text:hover .brand-icon,[data-theme=dark-green] .sidebar-brand-text:hover .brand-icon,[data-theme=dark] .sidebar-brand-text:hover .brand-icon,[data-theme=tech-dark] .sidebar-brand-text:hover .brand-icon {
	filter: drop-shadow(0 0 10px rgba(196, 181, 253, .8)) drop-shadow(0 0 6px rgba(147, 197, 253, .6))
}

.sidebar-close-btn {
	display: none;
	background: 0 0;
	border: none;
	color: var(--chat-text-secondary);
	font-size: 20px;
	cursor: pointer;
	padding: 4px 8px;
	border-radius: 4px;
	transition: color .2s ease,background-color .2s ease;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10
}

@media (max-width:1023px) {
	.sidebar.show .sidebar-close-btn {
		z-index: 1004 !important;
		position: relative;
		pointer-events: auto !important;
	}
}

.sidebar-close-btn:hover {
	color: var(--chat-text-primary);
	background-color: var(--chat-hover-bg)
}

@media (max-width:1023px) {
	.sidebar-close-btn {
		display: block
	}
}

.sidebar-nav-buttons {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 8px
}

.sidebar-nav-btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
	padding: 6px 10px;
	background: var(--chat-card-bg);
	border: 1px solid var(--chat-border);
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	cursor: pointer;
	font-size: 14px;
	color: var(--chat-text-muted,var(--chat-text-secondary));
	opacity: .7;
	transition: background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease;
	text-decoration: none
}

html[data-theme=light] .sidebar-nav-btn {
	color: #444;
	opacity: 1
}

.sidebar-nav-btn:hover {
	background: var(--chat-hover-bg);
	border-color: var(--chat-border);
	color: var(--chat-text-primary);
	opacity: 1;
	text-decoration: none
}

html[data-theme=light] .sidebar-nav-btn:hover {
	background: rgba(16,185,129,.08)!important;
	border-color: rgba(16,185,129,.2)!important;
	color: var(--chat-text-primary)!important
}

.sidebar-nav-btn:active {
	transform: none!important;
	transition: none!important;
	outline: 0!important;
	outline-offset: 0!important;
	box-shadow: none!important;
	border-color: var(--chat-border)!important;
	background: var(--chat-hover-bg)!important
}

.sidebar-nav-btn:visited {
	color: var(--chat-text-primary)
}

.sidebar-nav-btn:focus,.sidebar-nav-btn:focus-visible,.sidebar-nav-btn:focus-within {
	outline: 0!important;
	outline-offset: 0!important;
	box-shadow: none!important;
	border-color: var(--chat-border)!important
}

.sidebar-nav-btn i {
	font-size: 16px;
	display: inline-block!important;
	visibility: visible!important;
	opacity: 1!important;
	width: 16px;
	height: 16px;
	min-width: 16px;
	min-height: 16px;
	flex-shrink: 0;
	position: relative;
	font-family: bootstrap-icons!important;
	font-style: normal!important;
	font-weight: 400!important;
	line-height: 1!important;
	align-items: center;
	justify-content: center
}

.sidebar-nav-btn i.bi-plus-lg {
	display: inline-flex!important;
	align-items: center!important;
	justify-content: center!important;
	width: 16px!important;
	height: 16px!important;
	font-size: 0!important;
	line-height: 0!important;
	vertical-align: middle!important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3E%3C/svg%3E")!important;
	background-size: 16px 16px!important;
	background-repeat: no-repeat!important;
	background-position: center center!important;
	background-color: transparent!important;
	color: inherit!important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3E%3C/svg%3E");
	-webkit-mask-size: 16px 16px;
	mask-size: 16px 16px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	background-color: currentColor!important;
	background-image: none!important
}

.sidebar-nav-btn i.bi-plus-lg::after,.sidebar-nav-btn i.bi-plus-lg::before {
	display: none!important;
	content: none!important
}

.sidebar-nav-btn i.bi-star {
	display: inline-flex!important;
	align-items: center!important;
	justify-content: center!important;
	width: 16px!important;
	height: 16px!important;
	font-size: 0!important;
	line-height: 0!important;
	vertical-align: middle!important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.56.56 0 0 0-.163-.505L1.71 6.745l4.052-.576a.53.53 0 0 0 .393-.288L8 2.223l1.847 3.658a.53.53 0 0 0 .393.288l4.052.575-2.906 2.77a.56.56 0 0 0-.163.506l.694 3.957-3.686-1.894a.5.5 0 0 0-.461 0z'/%3E%3C/svg%3E");
	-webkit-mask-size: 16px 16px!important;
	mask-size: 16px 16px!important;
	-webkit-mask-repeat: no-repeat!important;
	mask-repeat: no-repeat!important;
	-webkit-mask-position: center center!important;
	mask-position: center center!important;
	background-color: currentColor!important;
	background-image: none!important;
	color: var(--chat-text-muted,var(--chat-text-secondary))!important;
	opacity: .7!important
}

.sidebar-nav-btn i.bi-star::after,.sidebar-nav-btn i.bi-star::before {
	display: none!important;
	content: none!important
}

.sidebar-nav-btn i.bi-house {
	font-size: 0!important;
	line-height: 0!important;
	width: 16px!important;
	height: 16px!important;
	min-width: 16px!important;
	min-height: 16px!important;
	color: var(--chat-text-muted,var(--chat-text-secondary))!important;
	opacity: .7!important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/%3E%3C/svg%3E");
	-webkit-mask-size: 16px 16px!important;
	mask-size: 16px 16px!important;
	-webkit-mask-repeat: no-repeat!important;
	mask-repeat: no-repeat!important;
	-webkit-mask-position: center center!important;
	mask-position: center center!important;
	background-color: currentColor!important;
	display: inline-block!important;
	flex-shrink: 0!important
}

.sidebar-nav-btn i.bi-house::after,.sidebar-nav-btn i.bi-house::before {
	display: none!important;
	content: none!important
}

.sidebar-nav-btn i.bi-chat-dots {
	font-family: bootstrap-icons!important;
	font-size: 16px!important;
	line-height: 1!important;
	display: inline-block!important;
	width: auto!important;
	height: auto!important;
	color: var(--chat-text-muted,var(--chat-text-secondary))!important;
	opacity: .7!important;
	-webkit-mask-image: none!important;
	mask-image: none!important;
	background-color: transparent!important;
	background-image: none!important;
	position: relative!important
}

.sidebar-nav-btn i.bi-chat-dots::before {
	content: "\f24a"!important;
	font-family: bootstrap-icons!important;
	font-style: normal!important;
	font-weight: 400!important;
	display: inline-block!important;
	color: inherit!important;
	opacity: inherit!important
}

body.chat-page .sidebar-nav-btn i.bi-robot.group-icon {
	font-size: 16px!important;
	line-height: 1!important;
	width: 16px!important;
	height: 16px!important;
	min-width: 16px!important;
	min-height: 16px!important;
	color: var(--chat-text-muted,var(--chat-text-secondary))!important;
	opacity: .7!important;
	-webkit-mask-image: none!important;
	mask-image: none!important;
	background-color: transparent!important;
	display: inline-block!important;
	flex-shrink: 0!important
}

body.chat-page .sidebar-nav-btn i.bi-robot.group-icon::after {
	display: none!important;
	content: none!important
}

body:not(.chat-page) .sidebar-nav-btn i.bi-robot.group-icon {
	font-size: 0!important;
	line-height: 0!important;
	width: 16px!important;
	height: 16px!important;
	min-width: 16px!important;
	min-height: 16px!important;
	color: var(--chat-text-muted,var(--chat-text-secondary))!important;
	opacity: .7!important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M6 12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5M3 8.062C3 6.76 4.235 5.765 5.53 5.886a26.6 26.6 0 0 0 4.94 0C11.765 5.765 13 6.76 13 8.062v1.157a.93.93 0 0 1-.765.935c-.845.147-2.34.346-4.235.346s-3.39-.2-4.235-.346A.93.93 0 0 1 3 9.219zm4.542-.827a.25.25 0 0 0-.217.068l-.92.9a25 25 0 0 1-1.871-.183.25.25 0 0 0-.068.495c.55.076 1.232.149 2.02.193a.25.25 0 0 0 .189-.071l.754-.736.847 1.71a.25.25 0 0 0 .404.062l.932-.97a25 25 0 0 0 1.922-.188.25.25 0 0 0-.068-.495c-.538.074-1.207.145-1.98.189a.25.25 0 0 0-.166.076l-.754.785-.842-1.7a.25.25 0 0 0-.182-.135'/%3E%3Cpath d='M8.5 1.866a1 1 0 1 0-1 0V3h-2A4.5 4.5 0 0 0 1 7.5V8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1v-.5A4.5 4.5 0 0 0 10.5 3h-2zM14 7.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.5A3.5 3.5 0 0 1 5.5 4h5A3.5 3.5 0 0 1 14 7.5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M6 12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5M3 8.062C3 6.76 4.235 5.765 5.53 5.886a26.6 26.6 0 0 0 4.94 0C11.765 5.765 13 6.76 13 8.062v1.157a.93.93 0 0 1-.765.935c-.845.147-2.34.346-4.235.346s-3.39-.2-4.235-.346A.93.93 0 0 1 3 9.219zm4.542-.827a.25.25 0 0 0-.217.068l-.92.9a25 25 0 0 1-1.871-.183.25.25 0 0 0-.068.495c.55.076 1.232.149 2.02.193a.25.25 0 0 0 .189-.071l.754-.736.847 1.71a.25.25 0 0 0 .404.062l.932-.97a25 25 0 0 0 1.922-.188.25.25 0 0 0-.068-.495c-.538.074-1.207.145-1.98.189a.25.25 0 0 0-.166.076l-.754.785-.842-1.7a.25.25 0 0 0-.182-.135'/%3E%3Cpath d='M8.5 1.866a1 1 0 1 0-1 0V3h-2A4.5 4.5 0 0 0 1 7.5V8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1v-.5A4.5 4.5 0 0 0 10.5 3h-2zM14 7.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.5A3.5 3.5 0 0 1 5.5 4h5A3.5 3.5 0 0 1 14 7.5'/%3E%3C/svg%3E");
	-webkit-mask-size: 16px 16px!important;
	mask-size: 16px 16px!important;
	-webkit-mask-repeat: no-repeat!important;
	mask-repeat: no-repeat!important;
	-webkit-mask-position: center center!important;
	mask-position: center center!important;
	background-color: currentColor!important;
	display: inline-block!important
}

body:not(.chat-page) .sidebar-nav-btn i.bi-robot.group-icon::after,body:not(.chat-page) .sidebar-nav-btn i.bi-robot.group-icon::before {
	display: none!important;
	content: none!important
}

.sidebar-nav-btn:last-child {
	padding: 6px 10px
}

.sidebar-nav-btn.active {
	background: var(--chat-hover-bg);
	border-color: var(--chat-border);
	color: var(--chat-text-primary)
}

.sidebar-nav-btn.active:hover {
	background: var(--chat-hover-bg);
	border-color: var(--chat-border);
	color: var(--chat-text-primary)
}

html[data-theme=light] .sidebar-nav-btn.active {
	background: rgba(16,185,129,.12)!important;
	border-color: rgba(16,185,129,.4)!important;
	border-left-width: 3px!important;
	color: var(--chat-text-primary)!important
}

html[data-theme=light] .sidebar-nav-btn.active:hover {
	background: rgba(16,185,129,.15)!important;
	border-color: rgba(16,185,129,.5)!important
}

.sidebar a.sidebar-nav-btn,.sidebar button.sidebar-nav-btn,.sidebar-top-menu a.sidebar-nav-btn,.sidebar-top-menu button.sidebar-nav-btn,a.sidebar-nav-btn,button.sidebar-nav-btn {
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important
}

.sidebar-main-menu {
	padding: 8px 8px 12px;
	border-bottom: 1px solid var(--chat-border);
	flex-shrink: 0
}

.sidebar-main-menu-item {
	display: block;
	padding: 6px 10px;
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	color: var(--chat-text-primary);
	font-size: 14px;
	text-decoration: none;
	margin-bottom: 2px;
	transition: all .2s ease
}

.sidebar-main-menu-item.active,.sidebar-main-menu-item:hover {
	background: var(--chat-hover-bg);
	text-decoration: none
}

.sidebar-search {
	margin-top: 8px;
	flex-shrink: 0
}

.sidebar-search-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%
}

.sidebar-search-form {
	width: 100%
}

.sidebar-search-icon {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--chat-text-secondary);
	font-size: 16px;
	pointer-events: auto;
	flex-shrink: 0;
	white-space: nowrap;
	cursor: pointer;
	transition: color .2s ease;
	z-index: 1
}

.sidebar-search-icon:hover {
	color: var(--chat-text-primary)
}

.sidebar-menu-scrollable {
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
	min-height: 0;
	flex-shrink: 1;
	display: flex;
	flex-direction: column
}

.sidebar-search-input {
	width: 100%;
	padding: 8px 40px 8px 12px;
	border: 1px solid var(--chat-border);
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	font-size: 14px;
	background: var(--chat-hover-bg);
	background-image: none!important;
	background-position: left!important;
	background-repeat: no-repeat!important;
	color: var(--chat-text-primary)!important;
	outline: 0;
	transition: all .2s ease;
	box-sizing: border-box
}

.sidebar-search-input::before,.sidebar-search-wrapper::before {
	display: none!important;
	content: none!important
}

.sidebar-search-input::placeholder {
	color: var(--chat-text-secondary)!important;
	opacity: 1
}

.sidebar-search-input:focus {
	background: var(--chat-card-bg);
	border-color: #007bff;
	color: var(--chat-text-primary)!important
}

html[data-theme=light] .sidebar-search-input {
	color: var(--chat-text-primary)!important;
	background: #fff!important;
	border-color: var(--chat-border)!important
}

html[data-theme=light] .sidebar-search-input:focus {
	background: #fff!important;
	border-color: #007bff!important;
	color: var(--chat-text-primary)!important
}

html[data-theme=light] .sidebar-search-input::placeholder {
	color: var(--chat-text-secondary)!important;
	opacity: .6
}

.sidebar .header-search-inline .header-search-input,.sidebar .header-search-inline .sidebar-search-input,.sidebar .header-search-inline input,.sidebar .header-search-inline input[type=text],.sidebar-search .header-search-inline input,.sidebar-search .header-search-inline input[type=text],.sidebar-top-menu .header-search-inline input,.sidebar-top-menu .header-search-inline input[type=text] {
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important
}

.sidebar-recent-section {
	flex: 1;
	overflow: hidden;
	background: var(--chat-card-bg);
	transition: background-color .3s ease;
	padding: 0!important;
	margin: 0!important;
	border: none;
	display: flex;
	flex-direction: column;
	min-height: 0;
	flex-shrink: 1
}

.sidebar-recent-section summary {
	list-style: none
}

.sidebar-recent-section summary::-webkit-details-marker {
	display: none
}

.sidebar-section-title {
	padding: 12px 16px!important;
	font-size: 13px;
	font-weight: 600;
	color: var(--chat-text-secondary);
	text-transform: uppercase;
	letter-spacing: .5px;
	transition: color .3s ease;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	user-select: none
}

.sidebar-section-title:hover {
	color: var(--chat-text-primary);
	background: var(--chat-hover-bg)
}

.sidebar-recent-arrow {
	font-size: 12px;
	color: var(--chat-text-secondary);
	transition: transform .2s ease;
	flex-shrink: 0
}

.sidebar-recent-section[open] .sidebar-recent-arrow {
	transform: rotate(180deg)
}

.sidebar-recent-section[open] .sidebar-content {
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: var(--chat-text-secondary) transparent
}

.sidebar-recent-section[open] .sidebar-content::-webkit-scrollbar {
	width: 6px
}

.sidebar-recent-section[open] .sidebar-content::-webkit-scrollbar-track {
	background: 0 0
}

.sidebar-recent-section[open] .sidebar-content::-webkit-scrollbar-thumb {
	background: var(--chat-text-secondary);
	border-radius: 3px;
	opacity: .3
}

.sidebar-recent-section[open] .sidebar-content::-webkit-scrollbar-thumb:hover {
	opacity: .5
}
[data-theme=dark-blue] .sidebar-recent-section[open] .sidebar-content::-webkit-scrollbar-thumb,[data-theme=dark-green] .sidebar-recent-section[open] .sidebar-content::-webkit-scrollbar-thumb,[data-theme=dark] .sidebar-recent-section[open] .sidebar-content::-webkit-scrollbar-thumb,[data-theme=tech-dark] .sidebar-recent-section[open] .sidebar-content::-webkit-scrollbar-thumb {
	background: var(--chat-text-secondary);
	opacity: .4
}
[data-theme=dark-blue] .sidebar-recent-section[open] .sidebar-content::-webkit-scrollbar-thumb:hover,[data-theme=dark-green] .sidebar-recent-section[open] .sidebar-content::-webkit-scrollbar-thumb:hover,[data-theme=dark] .sidebar-recent-section[open] .sidebar-content::-webkit-scrollbar-thumb:hover,[data-theme=tech-dark] .sidebar-recent-section[open] .sidebar-content::-webkit-scrollbar-thumb:hover {
	opacity: .6
}

.sidebar-content {
	padding: 4px 8px!important;
	min-height: 0
}

.conversation-item {
	padding: 8px 12px;
	margin-bottom: 2px;
	border-radius: 8px;
	cursor: pointer;
	transition: background .2s ease;
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px
}

.conversation-item:hover {
	background: var(--chat-hover-bg)
}

.conversation-item.active {
	background: var(--chat-active-bg)
}

.conversation-item-avatar,.sidebar-conversation-avatar {
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	max-width: 40px;
	max-height: 40px;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: linear-gradient(135deg,#667eea 0,#764ba2 100%);
	position: relative
}

.conversation-item-avatar img,.sidebar-conversation-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	border-radius: 50%;
	display: block;
	margin: 0;
	padding: 0;
	vertical-align: middle
}

.conversation-item-avatar i,.sidebar-conversation-avatar i {
	font-size: 18px;
	color: #fff;
	position: absolute;
	z-index: 1
}

.conversation-item-info {
	flex: 1;
	min-width: 0
}

.conversation-item-name {
	font-size: 13px;
	font-weight: 500;
	color: var(--chat-text-primary);
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.3
}

.conversation-item-time {
	font-size: 12px;
	color: var(--chat-text-secondary)
}

.conversation-item-actions {
	position: relative!important;
	margin-left: auto!important;
	flex-shrink: 0!important;
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
	width: auto!important;
	height: auto!important;
	visibility: visible!important;
	opacity: 1!important;
	z-index: 10!important
}

.conversation-action-trigger {
	background: 0 0!important;
	border: none!important;
	cursor: pointer!important;
	padding: 4px 8px!important;
	border-radius: 6px!important;
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
	opacity: 0!important;
	transition: opacity .2s ease,background .2s ease!important;
	min-width: 32px!important;
	height: 32px!important;
	visibility: visible!important;
	position: relative!important;
	z-index: 10!important;
	width: auto!important;
	margin: 0!important
}

.conversation-item:hover .conversation-action-trigger {
	opacity: .6!important
}

.conversation-action-trigger:hover {
	opacity: 1!important;
	background: var(--chat-hover-bg,rgba(255,255,255,.15))!important
}

.conversation-action-trigger i {
	font-size: 18px!important;
	color: var(--chat-text-secondary,#999)!important;
	transition: color .3s ease!important;
	display: inline-block!important;
	visibility: visible!important;
	opacity: 1!important
}

.sidebar-conversation-item {
	padding: 8px 12px;
	margin-bottom: 2px;
	border-radius: 8px;
	cursor: pointer;
	transition: background .2s ease;
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px
}

.sidebar-conversation-item:hover {
	background: var(--chat-hover-bg)
}

.sidebar-conversation-info {
	flex: 1;
	min-width: 0
}

.sidebar-conversation-name {
	font-size: 13px;
	font-weight: 500;
	color: var(--chat-text-primary);
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.3
}

.sidebar-conversation-preview {
	font-size: 11px;
	color: var(--chat-text-secondary);
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2
}

.sidebar-conversation-time {
	font-size: 12px;
	color: var(--chat-text-secondary)
}

.sidebar-footer {
	padding: 12px 16px!important;
	border-top: 1px solid var(--chat-border);
	background: var(--chat-card-bg);
	transition: background-color .3s ease,border-color .3s ease;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100px;
	position: relative;
	gap: 8px;
	margin: 0!important;
	margin-top: auto!important;
	flex-shrink: 0!important
}

.sidebar-language-switcher,.sidebar-login-switcher,.sidebar-theme-switcher {
	position: relative
}

.sidebar-language-toggle,.sidebar-login-toggle,.sidebar-theme-toggle {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background: var(--chat-hover-bg)!important;
	border: 1px solid var(--chat-border)!important;
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	color: var(--chat-text-primary)!important;
	font-size: 13px!important;
	cursor: pointer;
	transition: all .2s ease;
	font-weight: 400!important;
	line-height: 1.4!important;
	text-decoration: none!important;
	background-image: none!important;
	box-shadow: none!important
}

.sidebar-language-toggle:hover,.sidebar-login-toggle:hover,.sidebar-theme-toggle:hover {
	background: var(--chat-hover-bg)!important;
	border-color: var(--chat-text-secondary)!important;
	color: var(--chat-text-primary)!important;
	text-decoration: none!important;
	background-image: none!important;
	box-shadow: none!important
}

.sidebar-language-toggle i,.sidebar-login-toggle i,.sidebar-theme-toggle i {
	font-size: 14px!important;
	color: var(--chat-text-secondary)!important;
	flex-shrink: 0
}

.sidebar-language-toggle .current-lang,.sidebar-login-toggle span,.sidebar-theme-toggle span {
	flex: 1;
	text-align: left;
	font-size: 13px!important;
	color: var(--chat-text-primary)!important;
	font-weight: 400!important;
	line-height: 1.4!important
}
[data-theme=dark-blue] .sidebar-login-toggle,[data-theme=dark-green] .sidebar-login-toggle,[data-theme=dark] .sidebar-login-toggle,[data-theme=tech-dark] .sidebar-login-toggle {
	background: var(--chat-hover-bg)!important;
	background-image: none!important;
	border-color: var(--chat-border)!important;
	color: var(--chat-text-primary)!important;
	box-shadow: none!important
}
[data-theme=dark-blue] .sidebar-login-toggle:hover,[data-theme=dark-green] .sidebar-login-toggle:hover,[data-theme=dark] .sidebar-login-toggle:hover,[data-theme=tech-dark] .sidebar-login-toggle:hover {
	background: var(--chat-hover-bg)!important;
	background-image: none!important;
	border-color: var(--chat-text-secondary)!important;
	color: var(--chat-text-primary)!important;
	box-shadow: none!important
}
[data-theme=dark-blue] .sidebar-login-toggle i,[data-theme=dark-green] .sidebar-login-toggle i,[data-theme=dark] .sidebar-login-toggle i,[data-theme=tech-dark] .sidebar-login-toggle i {
	color: var(--chat-text-secondary)!important
}
[data-theme=dark-blue] .sidebar-login-toggle span,[data-theme=dark-green] .sidebar-login-toggle span,[data-theme=dark] .sidebar-login-toggle span,[data-theme=tech-dark] .sidebar-login-toggle span {
	color: var(--chat-text-primary)!important
}

.sidebar-user-info {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px;
	border-radius: 8px;
	cursor: pointer;
	transition: background .2s ease;
	text-decoration: none;
	color: var(--chat-text-primary)
}

.sidebar-user-info:hover {
	background: var(--chat-hover-bg)
}

.sidebar-user-avatar {
	width: 32px;
	height: 32px;
	min-width: 32px;
	border-radius: 50%;
	background: #007bff;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 14px;
	flex-shrink: 0;
	object-fit: cover
}

.sidebar-username {
	flex: 1;
	font-size: 14px;
	color: var(--chat-text-primary);
	transition: color .3s ease
}

.sidebar-footer-link {
	position: absolute;
	top: 12px;
	left: 16px;
	right: 16px;
	margin: 0
}

.sidebar-footer-link .text-muted,.sidebar-footer-link a {
	color: var(--chat-text-muted)!important;
	transition: color .3s ease
}

.sidebar-footer-link a:hover {
	color: var(--chat-text-secondary)!important
}

.language-menu-item {
	padding: 8px 12px;
	border: 1px solid var(--chat-border);
	border-radius: 8px;
	cursor: pointer;
	transition: all .2s ease;
	background: var(--chat-card-bg);
	font-size: 14px;
	line-height: 1.4
}

.language-menu-item:hover {
	background: var(--chat-hover-bg);
	border-color: var(--chat-text-secondary)
}

.language-menu-item.is-current {
	background: var(--chat-hover-bg);
	border-color: var(--chat-primary)
}

.sidebar .header-search-inline,.sidebar .header-search-inline .header-search-input,.sidebar .header-search-inline .sidebar-search-input,.sidebar .header-search-inline input,.sidebar .header-search-inline input[type=text],.sidebar .sidebar-language-toggle,.sidebar .sidebar-main-menu-item,.sidebar .sidebar-nav-btn,.sidebar .sidebar-search-input,.sidebar .sidebar-theme-toggle,.sidebar [class*=sidebar-language-toggle],.sidebar [class*=sidebar-login-toggle],.sidebar [class*=sidebar-main-menu-item],.sidebar [class*=sidebar-nav-btn],.sidebar [class*=sidebar-search-input],.sidebar [class*=sidebar-theme-toggle],.sidebar a.sidebar-nav-btn,.sidebar button.sidebar-nav-btn,.sidebar-footer .sidebar-language-toggle,.sidebar-footer .sidebar-theme-toggle,.sidebar-main-menu .sidebar-main-menu-item,.sidebar-search .header-search-inline input,.sidebar-search .header-search-inline input[type=text],.sidebar-top-menu .header-search-inline,.sidebar-top-menu .header-search-inline .header-search-input,.sidebar-top-menu .header-search-inline input,.sidebar-top-menu .header-search-inline input[type=text],.sidebar-top-menu .sidebar-nav-btn,.sidebar-top-menu .sidebar-search-input,.sidebar-top-menu a.sidebar-nav-btn,.sidebar-top-menu button.sidebar-nav-btn {
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important
}

#languageModal,#themeModal,.modal-overlay {
	position: fixed!important;
	top: 0!important;
	left: 0!important;
	right: 0!important;
	bottom: 0!important;
	background: rgba(0,0,0,.5)!important;
	display: none!important;
	align-items: center!important;
	justify-content: center!important;
	z-index: 10001!important;
	backdrop-filter: blur(2px)!important;
	opacity: 0!important;
	transition: opacity .3s ease!important;
	pointer-events: none!important
}

#languageModal.show,#themeModal.show,.modal-overlay.show {
	display: flex!important;
	opacity: 1!important;
	pointer-events: auto!important
}

#languageModal .modal-dialog,#themeModal .modal-dialog,.modal-overlay .modal-dialog {
	background: var(--chat-card-bg)!important;
	border-radius: 12px!important;
	box-shadow: 0 8px 32px rgba(0,0,0,.2)!important;
	min-width: 320px!important;
	max-width: 500px!important;
	max-height: 90vh!important;
	width: 90%!important;
	transform: scale(.9)!important;
	transition: transform .3s ease,background-color .3s ease!important;
	overflow: hidden!important;
	display: flex!important;
	flex-direction: column!important;
	pointer-events: auto!important
}

#languageModal.show .modal-dialog,#themeModal.show .modal-dialog,.modal-overlay.show .modal-dialog {
	transform: scale(1)!important
}

#languageModal .modal-header,#themeModal .modal-header,.modal-overlay .modal-header {
	padding: 20px 24px 16px!important;
	border-bottom: 1px solid var(--chat-border)!important;
	display: flex!important;
	align-items: center!important;
	justify-content: space-between!important;
	transition: border-color .3s ease!important
}

#languageModal .modal-title,#themeModal .modal-title,.modal-overlay .modal-title {
	font-size: 18px!important;
	font-weight: 600!important;
	color: var(--chat-text-primary)!important;
	margin: 0!important
}

#languageModal .modal-close,#themeModal .modal-close,.modal-overlay .modal-close {
	background: 0 0!important;
	border: none!important;
	font-size: 24px!important;
	color: var(--chat-text-secondary)!important;
	cursor: pointer!important;
	padding: 0!important;
	width: 32px!important;
	height: 32px!important;
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
	border-radius: 50%!important;
	transition: all .2s ease!important
}

#languageModal .modal-close:hover,#themeModal .modal-close:hover,.modal-overlay .modal-close:hover {
	background: var(--chat-hover-bg)!important;
	color: var(--chat-text-primary)!important
}

#languageModal .modal-body,#themeModal .modal-body,.modal-overlay .modal-body {
	padding: 20px 24px!important;
	overflow-y: auto!important;
	flex: 1!important;
	color: var(--chat-text-primary)!important
}

@media (max-width:1023px) {
	.language-menu-item {
		padding: 6px 12px!important;
		font-size: 13px!important;
		line-height: 1.3!important;
		margin-bottom: 4px!important
	}

	#languageModal .modal-header {
		padding: 16px 20px 12px!important
	}

	#languageModal .modal-body {
		padding: 12px 16px!important;
		max-height: calc(100dvh - 200px)!important
	}

	#languageModal .modal-footer {
		padding: 12px 20px 16px!important
	}

	#languageModal .modal-dialog {
		max-height: 90dvh!important;
		max-width: 95%!important
	}
}

#languageModal .modal-footer,#themeModal .modal-footer,.modal-overlay .modal-footer {
	padding: 16px 24px 20px!important;
	border-top: 1px solid var(--chat-border)!important;
	display: flex!important;
	justify-content: flex-end!important;
	gap: 12px!important;
	transition: border-color .3s ease!important
}

#languageModal .modal-btn,#themeModal .modal-btn,.modal-overlay .modal-btn {
	padding: 10px 20px!important;
	border: none!important;
	border-radius: 8px!important;
	font-size: 14px!important;
	font-weight: 500!important;
	cursor: pointer!important;
	transition: all .2s ease!important;
	pointer-events: auto!important;
	position: relative!important;
	z-index: 1!important
}

#languageModal .modal-btn-primary,#themeModal .modal-btn-primary,.modal-overlay .modal-btn-primary {
	background: var(--chat-primary)!important;
	color: #fff!important
}

#languageModal .modal-btn-primary:hover,#themeModal .modal-btn-primary:hover,.modal-overlay .modal-btn-primary:hover {
	background: var(--chat-primary-hover)!important;
	transform: translateY(-1px)!important
}

#languageModal .modal-btn-secondary,#themeModal .modal-btn-secondary,.modal-overlay .modal-btn-secondary {
	background: var(--chat-hover-bg)!important;
	color: var(--chat-text-primary)!important
}

#languageModal .modal-btn-secondary:hover,#themeModal .modal-btn-secondary:hover,.modal-overlay .modal-btn-secondary:hover {
	background: var(--chat-border)!important
}

#themeModal .theme-menu-item,.modal-overlay .theme-menu-item,.theme-menu-item {
	display: flex!important;
	flex-direction: column!important;
	align-items: center!important;
	justify-content: center!important;
	gap: 8px!important;
	padding: 16px!important;
	border: 2px solid var(--chat-border)!important;
	border-radius: 12px!important;
	cursor: pointer!important;
	transition: all .2s ease!important;
	position: relative!important;
	color: var(--chat-text-primary)!important;
	background: var(--chat-card-bg)!important
}

#themeModal .theme-menu-item:hover,.modal-overlay .theme-menu-item:hover,.theme-menu-item:hover {
	background: var(--chat-hover-bg)!important;
	border-color: var(--chat-primary)!important;
	transform: translateY(-2px)!important;
	box-shadow: 0 4px 12px rgba(0,123,255,.15)!important
}

#themeModal .theme-menu-item .theme-preview,#themeModal div.theme-menu-item div.theme-preview,.modal-overlay .theme-menu-item .theme-preview,.modal-overlay div.theme-menu-item div.theme-preview,.theme-menu-item .theme-preview,div.theme-menu-item div.theme-preview {
	width: 60px!important;
	height: 60px!important;
	border-radius: 8px!important;
	border: 2px solid var(--chat-border)!important;
	flex-shrink: 0!important;
	transition: all .3s ease!important;
	margin-right: 0!important;
	margin-left: 0!important;
	margin-top: 0!important;
	margin-bottom: 0!important;
	min-width: 60px!important;
	min-height: 60px!important;
	max-width: 60px!important;
	max-height: 60px!important
}

#themeModal .theme-menu-item:hover .theme-preview,.modal-overlay .theme-menu-item:hover .theme-preview,.theme-menu-item:hover .theme-preview {
	border-color: var(--chat-primary)!important;
	transform: scale(1.05)!important
}

#themeModal .theme-menu-item .theme-check,.modal-overlay .theme-menu-item .theme-check,.theme-menu-item .theme-check {
	position: absolute!important;
	top: 8px!important;
	right: 8px!important;
	color: #007bff!important;
	font-size: 20px!important;
	background: var(--chat-card-bg)!important;
	border-radius: 50%!important;
	width: 28px!important;
	height: 28px!important;
	display: none!important;
	align-items: center!important;
	justify-content: center!important;
	box-shadow: 0 2px 8px rgba(0,0,0,.15)!important
}

#themeModal .theme-menu-item[data-theme=dark-blue] .theme-check,#themeModal .theme-menu-item[data-theme=dark-green] .theme-check,#themeModal .theme-menu-item[data-theme=dark] .theme-check,#themeModal .theme-menu-item[data-theme=tech-dark] .theme-check,.modal-overlay .theme-menu-item[data-theme=dark-blue] .theme-check,.modal-overlay .theme-menu-item[data-theme=dark-green] .theme-check,.modal-overlay .theme-menu-item[data-theme=dark] .theme-check,.modal-overlay .theme-menu-item[data-theme=tech-dark] .theme-check,.theme-menu-item[data-theme=dark-blue] .theme-check,.theme-menu-item[data-theme=dark-green] .theme-check,.theme-menu-item[data-theme=dark] .theme-check,.theme-menu-item[data-theme=tech-dark] .theme-check {
	color: #4a9eff!important
}

.sidebar-nav-groups {
	padding: 0;
	margin-bottom: 0;
	margin-top: 0;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 8px
}

.sidebar-nav-group {
	border: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--chat-border)
}

.sidebar-nav-group:last-child {
	border-bottom: none
}

.sidebar-nav-group summary {
	list-style: none
}

.sidebar-nav-group summary::-webkit-details-marker {
	display: none
}

.sidebar-nav-group-header {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	cursor: pointer;
	user-select: none;
	color: var(--chat-text-primary);
	font-weight: 400;
	font-size: 14px;
	font-family: inherit;
	transition: background-color .2s ease,border-color .2s ease,color .2s ease;
	position: relative;
	border-radius: 0!important;
	background: var(--chat-card-bg);
	border: 1px solid var(--chat-border);
	margin-bottom: 0
}

.sidebar-nav-group-header:hover {
	background: var(--chat-hover-bg);
	border-color: var(--chat-border);
	color: var(--chat-text-primary)
}

.sidebar-nav-group-header.active {
	background: var(--chat-hover-bg);
	border-color: var(--chat-border);
	color: var(--chat-text-primary)
}

.sidebar-nav-group-header.active:hover {
	background: var(--chat-hover-bg);
	border-color: var(--chat-border);
	color: var(--chat-text-primary)
}

html[data-theme=light] .sidebar-nav-group-header:hover {
	background: rgba(16,185,129,.08)!important;
	border-color: rgba(16,185,129,.2)!important;
	color: var(--chat-text-primary)!important
}

html[data-theme=light] .sidebar-nav-group-header.active {
	background: rgba(16,185,129,.12)!important;
	border-color: rgba(16,185,129,.4)!important;
	border-left-width: 3px!important;
	color: var(--chat-text-primary)!important
}

html[data-theme=light] .sidebar-nav-group-header.active:hover {
	background: rgba(16,185,129,.15)!important;
	border-color: rgba(16,185,129,.5)!important
}

.sidebar-nav-group-header::before {
	display: none!important
}

.sidebar-nav-group-arrow {
	margin-left: auto;
	font-size: 12px;
	color: var(--chat-text-secondary);
	transition: transform .2s ease,color .2s ease;
	flex-shrink: 0
}

.sidebar-nav-group[open]>.sidebar-nav-group-header>.sidebar-nav-group-arrow {
	transform: rotate(180deg)
}

.sidebar-nav-group .group-icon {
	font-size: 16px;
	color: var(--chat-text-muted,var(--chat-text-secondary));
	opacity: .7;
	flex-shrink: 0;
	display: inline-flex!important;
	align-items: center!important;
	justify-content: center!important;
	width: 16px;
	height: 16px;
	position: relative;
	line-height: 1;
	vertical-align: middle
}

.sidebar-nav-group .group-icon.bi-tools {
	font-size: 0!important;
	line-height: 0!important;
	width: 16px!important;
	height: 16px!important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3q0-.405-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708M3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3q0-.405-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708M3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026z'/%3E%3C/svg%3E");
	-webkit-mask-size: 16px 16px!important;
	mask-size: 16px 16px!important;
	-webkit-mask-repeat: no-repeat!important;
	mask-repeat: no-repeat!important;
	-webkit-mask-position: center center!important;
	mask-position: center center!important;
	background-color: currentColor!important;
	color: var(--chat-text-muted,var(--chat-text-secondary))!important;
	opacity: .7!important
}

.sidebar-nav-group .group-icon.bi-tools::after,.sidebar-nav-group .group-icon.bi-tools::before {
	display: none!important;
	content: none!important
}

body.chat-page .sidebar-nav-group .group-icon.bi-robot {
	font-size: 16px!important;
	line-height: 1!important;
	width: 1em!important;
	height: 1em!important;
	min-width: 16px!important;
	min-height: 16px!important;
	color: var(--chat-text-muted,var(--chat-text-secondary))!important;
	opacity: .7!important;
	-webkit-mask-image: none!important;
	mask-image: none!important;
	background-color: transparent!important;
	display: inline-block!important
}

body.chat-page .sidebar-nav-group .group-icon.bi-robot::after {
	display: none!important;
	content: none!important
}

body:not(.chat-page) .sidebar-nav-group .group-icon.bi-robot {
	font-size: 0!important;
	line-height: 0!important;
	width: 16px!important;
	height: 16px!important;
	min-width: 16px!important;
	min-height: 16px!important;
	color: var(--chat-text-muted,var(--chat-text-secondary))!important;
	opacity: .7!important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M6 12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5M3 8.062C3 6.76 4.235 5.765 5.53 5.886a26.6 26.6 0 0 0 4.94 0C11.765 5.765 13 6.76 13 8.062v1.157a.93.93 0 0 1-.765.935c-.845.147-2.34.346-4.235.346s-3.39-.2-4.235-.346A.93.93 0 0 1 3 9.219zm4.542-.827a.25.25 0 0 0-.217.068l-.92.9a25 25 0 0 1-1.871-.183.25.25 0 0 0-.068.495c.55.076 1.232.149 2.02.193a.25.25 0 0 0 .189-.071l.754-.736.847 1.71a.25.25 0 0 0 .404.062l.932-.97a25 25 0 0 0 1.922-.188.25.25 0 0 0-.068-.495c-.538.074-1.207.145-1.98.189a.25.25 0 0 0-.166.076l-.754.785-.842-1.7a.25.25 0 0 0-.182-.135'/%3E%3Cpath d='M8.5 1.866a1 1 0 1 0-1 0V3h-2A4.5 4.5 0 0 0 1 7.5V8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1v-.5A4.5 4.5 0 0 0 10.5 3h-2zM14 7.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.5A3.5 3.5 0 0 1 5.5 4h5A3.5 3.5 0 0 1 14 7.5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M6 12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5M3 8.062C3 6.76 4.235 5.765 5.53 5.886a26.6 26.6 0 0 0 4.94 0C11.765 5.765 13 6.76 13 8.062v1.157a.93.93 0 0 1-.765.935c-.845.147-2.34.346-4.235.346s-3.39-.2-4.235-.346A.93.93 0 0 1 3 9.219zm4.542-.827a.25.25 0 0 0-.217.068l-.92.9a25 25 0 0 1-1.871-.183.25.25 0 0 0-.068.495c.55.076 1.232.149 2.02.193a.25.25 0 0 0 .189-.071l.754-.736.847 1.71a.25.25 0 0 0 .404.062l.932-.97a25 25 0 0 0 1.922-.188.25.25 0 0 0-.068-.495c-.538.074-1.207.145-1.98.189a.25.25 0 0 0-.166.076l-.754.785-.842-1.7a.25.25 0 0 0-.182-.135'/%3E%3Cpath d='M8.5 1.866a1 1 0 1 0-1 0V3h-2A4.5 4.5 0 0 0 1 7.5V8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1v-.5A4.5 4.5 0 0 0 10.5 3h-2zM14 7.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.5A3.5 3.5 0 0 1 5.5 4h5A3.5 3.5 0 0 1 14 7.5'/%3E%3C/svg%3E");
	-webkit-mask-size: 16px 16px!important;
	mask-size: 16px 16px!important;
	-webkit-mask-repeat: no-repeat!important;
	mask-repeat: no-repeat!important;
	-webkit-mask-position: center center!important;
	mask-position: center center!important;
	background-color: currentColor!important;
	display: inline-block!important
}

body:not(.chat-page) .sidebar-nav-group .group-icon.bi-robot::after,body:not(.chat-page) .sidebar-nav-group .group-icon.bi-robot::before {
	display: none!important;
	content: none!important
}

.sidebar-nav-group .group-title {
	flex: 1;
	font-size: 14px;
	line-height: 1;
	display: flex;
	align-items: center;
	font-weight: 400;
	font-family: inherit;
	color: var(--chat-text-primary)
}

.sidebar-nav-group-items {
	padding: 4px 0;
	animation: slideDown .2s ease-out
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-5px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

#sidebar .sidebar-nav-group-item,.main-layout .sidebar-nav-group-item,.sidebar .sidebar-nav-group-item,.sidebar-nav-group-item,body.chat-page .sidebar-nav-group-item,body:not(.chat-page) .sidebar-nav-group-item {
	display: flex!important;
	align-items: center!important;
	gap: 10px!important;
	padding: 8px 16px 8px 40px!important;
	color: var(--chat-text-primary)!important;
	text-decoration: none!important;
	transition: all .25s cubic-bezier(.4, 0, .2, 1)!important;
	font-size: 14px!important;
	border-radius: 0!important;
	border: none!important;
	position: relative!important;
	margin: 1px 0!important;
	background: 0 0!important;
	box-shadow: none!important
}

.main-layout .sidebar-nav-group-item:hover,.sidebar-nav-group-item:hover,body.chat-page .sidebar-nav-group-item:hover,body:not(.chat-page) .sidebar-nav-group-item:hover {
	background: linear-gradient(90deg,rgba(34,197,94,.12) 0,rgba(34,197,94,.08) 100%)!important;
	color: #22c55e!important;
	text-decoration: none!important;
	transform: translateX(2px)!important;
	box-shadow: inset 0 0 0 1px rgba(34,197,94,.15)!important;
	font-weight: 600!important
}

.main-layout .sidebar-nav-group-item:hover::before,.sidebar-nav-group-item:hover::before,body.chat-page .sidebar-nav-group-item:hover::before,body:not(.chat-page) .sidebar-nav-group-item:hover::before {
	display: none!important;
	content: none!important
}

.main-layout .sidebar-nav-group-item:hover::after,.sidebar-nav-group-item:hover::after,body.chat-page .sidebar-nav-group-item:hover::after,body:not(.chat-page) .sidebar-nav-group-item:hover::after {
	content: ''!important;
	position: absolute!important;
	left: 0!important;
	top: 0!important;
	right: 0!important;
	bottom: 0!important;
	background: radial-gradient(circle at left center,rgba(34,197,94,.08) 0,transparent 70%)!important;
	pointer-events: none!important;
	border-radius: 0!important
}
[data-theme=dark-blue] .main-layout .sidebar-nav-group-item:hover,[data-theme=dark-blue] .sidebar-nav-group-item:hover,[data-theme=dark-blue] body.chat-page .sidebar-nav-group-item:hover,[data-theme=dark-blue] body:not(.chat-page) .sidebar-nav-group-item:hover,[data-theme=dark-green] .main-layout .sidebar-nav-group-item:hover,[data-theme=dark-green] .sidebar-nav-group-item:hover,[data-theme=dark-green] body.chat-page .sidebar-nav-group-item:hover,[data-theme=dark-green] body:not(.chat-page) .sidebar-nav-group-item:hover,[data-theme=dark] .main-layout .sidebar-nav-group-item:hover,[data-theme=dark] .sidebar-nav-group-item:hover,[data-theme=dark] body.chat-page .sidebar-nav-group-item:hover,[data-theme=dark] body:not(.chat-page) .sidebar-nav-group-item:hover,[data-theme=tech-dark] .main-layout .sidebar-nav-group-item:hover,[data-theme=tech-dark] .sidebar-nav-group-item:hover,[data-theme=tech-dark] body.chat-page .sidebar-nav-group-item:hover,[data-theme=tech-dark] body:not(.chat-page) .sidebar-nav-group-item:hover {
	background: linear-gradient(90deg,rgba(74,158,255,.18) 0,rgba(74,158,255,.12) 100%)!important;
	color: #6bb0ff!important;
	box-shadow: inset 0 0 0 1px rgba(74,158,255,.15)!important
}
[data-theme=dark-blue] .main-layout .sidebar-nav-group-item:hover::after,[data-theme=dark-blue] .sidebar-nav-group-item:hover::after,[data-theme=dark-blue] body.chat-page .sidebar-nav-group-item:hover::after,[data-theme=dark-blue] body:not(.chat-page) .sidebar-nav-group-item:hover::after,[data-theme=dark-green] .main-layout .sidebar-nav-group-item:hover::after,[data-theme=dark-green] .sidebar-nav-group-item:hover::after,[data-theme=dark-green] body.chat-page .sidebar-nav-group-item:hover::after,[data-theme=dark-green] body:not(.chat-page) .sidebar-nav-group-item:hover::after,[data-theme=dark] .main-layout .sidebar-nav-group-item:hover::after,[data-theme=dark] .sidebar-nav-group-item:hover::after,[data-theme=dark] body.chat-page .sidebar-nav-group-item:hover::after,[data-theme=dark] body:not(.chat-page) .sidebar-nav-group-item:hover::after,[data-theme=tech-dark] .main-layout .sidebar-nav-group-item:hover::after,[data-theme=tech-dark] .sidebar-nav-group-item:hover::after,[data-theme=tech-dark] body.chat-page .sidebar-nav-group-item:hover::after,[data-theme=tech-dark] body:not(.chat-page) .sidebar-nav-group-item:hover::after {
	background: radial-gradient(circle at left center,rgba(74,158,255,.12) 0,transparent 70%)!important
}

.main-layout .sidebar-nav-group-item.active,.sidebar-nav-group-item.active,body.chat-page .sidebar-nav-group-item.active,body:not(.chat-page) .sidebar-nav-group-item.active {
	background: linear-gradient(90deg,rgba(34,197,94,.12) 0,rgba(34,197,94,.08) 100%)!important;
	color: #22c55e!important;
	font-weight: 600!important;
	padding-left: 37px!important;
	box-shadow: inset 0 0 0 1px rgba(34,197,94,.15)!important
}

.main-layout .sidebar-nav-group-item.active::before,.sidebar-nav-group-item.active::before,body.chat-page .sidebar-nav-group-item.active::before,body:not(.chat-page) .sidebar-nav-group-item.active::before {
	content: ''!important;
	position: absolute!important;
	left: 0!important;
	top: 50%!important;
	transform: translateY(-50%)!important;
	width: 3px!important;
	height: 70%!important;
	background: linear-gradient(180deg,#22c55e 0,rgba(34,197,94,.8) 100%)!important;
	border-radius: 0 3px 3px 0!important;
	box-shadow: 0 0 8px rgba(34,197,94,.4),0 0 4px rgba(34,197,94,.2)!important;
	animation: slideInLeft .3s ease-out!important
}

@keyframes slideInLeft {
	from {
		width: 0;
		opacity: 0
	}

	to {
		width: 3px;
		opacity: 1
	}
}

.main-layout .sidebar-nav-group-item.active::after,.sidebar-nav-group-item.active::after,body.chat-page .sidebar-nav-group-item.active::after,body:not(.chat-page) .sidebar-nav-group-item.active::after {
	content: ''!important;
	position: absolute!important;
	left: 0!important;
	top: 0!important;
	right: 0!important;
	bottom: 0!important;
	background: radial-gradient(circle at left center,rgba(34,197,94,.08) 0,transparent 70%)!important;
	pointer-events: none!important;
	border-radius: 0!important
}

.main-layout .sidebar-nav-group-item i,.sidebar-nav-group-item i,body.chat-page .sidebar-nav-group-item i,body:not(.chat-page) .sidebar-nav-group-item i {
	font-size: 14px!important;
	width: 16px!important;
	text-align: center!important;
	flex-shrink: 0!important;
	display: inline-flex!important;
	align-items: center!important;
	justify-content: center!important;
	vertical-align: middle!important;
	transition: all .25s cubic-bezier(.4, 0, .2, 1)!important
}

body.chat-page .sidebar-nav-group-item i.bi-circle-fill {
	font-size: 6px!important;
	width: 6px!important;
	min-width: 6px!important;
	height: 6px!important;
	min-height: 6px!important;
	color: var(--chat-text-secondary)!important;
	transition: all .25s cubic-bezier(.4, 0, .2, 1)!important;
	display: inline-flex!important;
	align-items: center!important;
	justify-content: center!important;
	visibility: visible!important;
	opacity: 1!important;
	font-family: bootstrap-icons!important;
	font-style: normal!important;
	font-weight: 400!important;
	line-height: 1!important;
	-webkit-mask-image: none!important;
	mask-image: none!important;
	background-color: transparent!important
}

#sidebar .sidebar-nav-group-item i.bi-circle-fill,.main-layout .sidebar-nav-group-item i.bi-circle-fill,.sidebar .sidebar-nav-group-item i.bi-circle-fill,body:not(.chat-page) .sidebar-nav-group-item i.bi-circle-fill {
	font-size: 0!important;
	line-height: 0!important;
	width: 6px!important;
	min-width: 6px!important;
	height: 6px!important;
	min-height: 6px!important;
	color: var(--chat-text-secondary)!important;
	transition: all .25s cubic-bezier(.4, 0, .2, 1)!important;
	display: inline-flex!important;
	align-items: center!important;
	justify-content: center!important;
	visibility: visible!important;
	opacity: 1!important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E");
	-webkit-mask-size: 6px 6px!important;
	mask-size: 6px 6px!important;
	-webkit-mask-repeat: no-repeat!important;
	mask-repeat: no-repeat!important;
	-webkit-mask-position: center center!important;
	mask-position: center center!important;
	background-color: currentColor!important
}

.main-layout .sidebar-nav-group-item i.bi-circle-fill::after,.main-layout .sidebar-nav-group-item i.bi-circle-fill::before,body:not(.chat-page) .sidebar-nav-group-item i.bi-circle-fill::after,body:not(.chat-page) .sidebar-nav-group-item i.bi-circle-fill::before {
	display: none!important;
	content: none!important
}

.main-layout .sidebar-nav-group-item.active i.bi-circle-fill,.sidebar-nav-group-item.active i.bi-circle-fill,body.chat-page .sidebar-nav-group-item.active i.bi-circle-fill,body:not(.chat-page) .sidebar-nav-group-item.active i.bi-circle-fill {
	color: #22c55e!important;
	transform: scale(1.5)!important;
	filter: drop-shadow(0 0 3px rgba(34, 197, 94, .5))!important
}

.main-layout .sidebar-nav-group-item span,.sidebar-nav-group-item span,body.chat-page .sidebar-nav-group-item span,body:not(.chat-page) .sidebar-nav-group-item span {
	flex: 1!important;
	white-space: nowrap!important;
	overflow: hidden!important;
	text-overflow: ellipsis!important;
	transition: color .25s cubic-bezier(.4, 0, .2, 1)!important;
	letter-spacing: .01em!important;
	line-height: 1.5!important;
	display: flex!important;
	align-items: center!important
}

.main-layout .sidebar-nav-group-item.active span,.sidebar-nav-group-item.active span,body.chat-page .sidebar-nav-group-item.active span,body:not(.chat-page) .sidebar-nav-group-item.active span {
	text-shadow: 0 0 8px rgba(34,197,94,.2)!important
}

.main-layout .sidebar-member-menu-item.active span,.sidebar-member-menu-item.active span,body.chat-page .sidebar-member-menu-item.active span,body:not(.chat-page) .sidebar-member-menu-item.active span {
	text-shadow: 0 0 8px rgba(34,197,94,.2)!important
}
[data-theme=dark-blue] .main-layout .sidebar-nav-group-item.active,[data-theme=dark-blue] .sidebar-nav-group-item.active,[data-theme=dark-green] .main-layout .sidebar-nav-group-item.active,[data-theme=dark-green] .sidebar-nav-group-item.active,[data-theme=dark] .main-layout .sidebar-nav-group-item.active,[data-theme=dark] .sidebar-nav-group-item.active,[data-theme=tech-dark] .main-layout .sidebar-nav-group-item.active,[data-theme=tech-dark] .sidebar-nav-group-item.active {
	background: linear-gradient(90deg,rgba(74,158,255,.18) 0,rgba(74,158,255,.12) 100%)!important;
	color: #6bb0ff!important;
	box-shadow: inset 0 0 0 1px rgba(74,158,255,.15)!important
}
[data-theme=dark-blue] .main-layout .sidebar-nav-group-item.active::before,[data-theme=dark-blue] .sidebar-nav-group-item.active::before,[data-theme=dark-green] .main-layout .sidebar-nav-group-item.active::before,[data-theme=dark-green] .sidebar-nav-group-item.active::before,[data-theme=dark] .main-layout .sidebar-nav-group-item.active::before,[data-theme=dark] .sidebar-nav-group-item.active::before,[data-theme=tech-dark] .main-layout .sidebar-nav-group-item.active::before,[data-theme=tech-dark] .sidebar-nav-group-item.active::before {
	background: linear-gradient(180deg,#4a9eff 0,rgba(74,158,255,.8) 100%)!important;
	box-shadow: 0 0 10px rgba(74,158,255,.5),0 0 5px rgba(74,158,255,.3)!important
}
[data-theme=dark-blue] .main-layout .sidebar-nav-group-item.active::after,[data-theme=dark-blue] .sidebar-nav-group-item.active::after,[data-theme=dark-green] .main-layout .sidebar-nav-group-item.active::after,[data-theme=dark-green] .sidebar-nav-group-item.active::after,[data-theme=dark] .main-layout .sidebar-nav-group-item.active::after,[data-theme=dark] .sidebar-nav-group-item.active::after,[data-theme=tech-dark] .main-layout .sidebar-nav-group-item.active::after,[data-theme=tech-dark] .sidebar-nav-group-item.active::after {
	background: radial-gradient(circle at left center,rgba(74,158,255,.12) 0,transparent 70%)!important
}
[data-theme=dark-blue] .main-layout .sidebar-nav-group-item.active i.bi-circle-fill,[data-theme=dark-blue] .sidebar-nav-group-item.active i.bi-circle-fill,[data-theme=dark-green] .main-layout .sidebar-nav-group-item.active i.bi-circle-fill,[data-theme=dark-green] .sidebar-nav-group-item.active i.bi-circle-fill,[data-theme=dark] .main-layout .sidebar-nav-group-item.active i.bi-circle-fill,[data-theme=dark] .sidebar-nav-group-item.active i.bi-circle-fill,[data-theme=tech-dark] .main-layout .sidebar-nav-group-item.active i.bi-circle-fill,[data-theme=tech-dark] .sidebar-nav-group-item.active i.bi-circle-fill {
	color: #6bb0ff!important;
	filter: drop-shadow(0 0 4px rgba(74, 158, 255, .6))!important
}
[data-theme=dark-blue] .main-layout .sidebar-nav-group-item.active span,[data-theme=dark-blue] .sidebar-nav-group-item.active span,[data-theme=dark-green] .main-layout .sidebar-nav-group-item.active span,[data-theme=dark-green] .sidebar-nav-group-item.active span,[data-theme=dark] .main-layout .sidebar-nav-group-item.active span,[data-theme=dark] .sidebar-nav-group-item.active span,[data-theme=tech-dark] .main-layout .sidebar-nav-group-item.active span,[data-theme=tech-dark] .sidebar-nav-group-item.active span {
	text-shadow: 0 0 10px rgba(74,158,255,.3)!important
}

.sidebar-member-menu {
	border: none;
	margin: 0;
	padding: 0;
	margin-top: 8px;
	border-top: 1px solid var(--chat-border);
	padding-top: 8px
}

.sidebar-member-menu summary {
	list-style: none
}

.sidebar-member-menu summary::-webkit-details-marker {
	display: none
}

.sidebar-member-menu .sidebar-user-info {
	cursor: pointer;
	padding: 8px
}

.sidebar-member-menu-arrow {
	margin-left: auto;
	font-size: 12px;
	color: var(--chat-text-secondary);
	transition: transform .2s ease;
	flex-shrink: 0
}

.sidebar-member-menu[open] .sidebar-member-menu-arrow {
	transform: rotate(180deg)
}

.sidebar-member-menu-items {
	padding: 4px 0;
	animation: slideDown .2s ease-out
}

#sidebar .sidebar-member-menu-item,.main-layout .sidebar-member-menu-item,.sidebar .sidebar-member-menu-item,.sidebar-member-menu-item,body.chat-page .sidebar-member-menu-item,body:not(.chat-page) .sidebar-member-menu-item {
	display: flex!important;
	align-items: center!important;
	gap: 10px!important;
	padding: 8px 16px 8px 40px!important;
	color: var(--chat-text-primary)!important;
	text-decoration: none!important;
	transition: all .25s cubic-bezier(.4, 0, .2, 1)!important;
	font-size: 14px!important;
	border-radius: 0!important;
	border: none!important;
	position: relative!important;
	margin: 1px 0!important;
	background: 0 0!important;
	box-shadow: none!important
}

.main-layout .sidebar-member-menu-item:hover,.sidebar-member-menu-item:hover,body.chat-page .sidebar-member-menu-item:hover,body:not(.chat-page) .sidebar-member-menu-item:hover {
	background: linear-gradient(90deg,rgba(34,197,94,.12) 0,rgba(34,197,94,.08) 100%)!important;
	color: #22c55e!important;
	text-decoration: none!important;
	transform: translateX(2px)!important;
	box-shadow: inset 0 0 0 1px rgba(34,197,94,.15)!important;
	font-weight: 600!important
}

.main-layout .sidebar-member-menu-item:hover::before,.sidebar-member-menu-item:hover::before,body.chat-page .sidebar-member-menu-item:hover::before,body:not(.chat-page) .sidebar-member-menu-item:hover::before {
	display: none!important;
	content: none!important
}

.main-layout .sidebar-member-menu-item:hover::after,.sidebar-member-menu-item:hover::after,body.chat-page .sidebar-member-menu-item:hover::after,body:not(.chat-page) .sidebar-member-menu-item:hover::after {
	content: ''!important;
	position: absolute!important;
	left: 0!important;
	top: 0!important;
	right: 0!important;
	bottom: 0!important;
	background: radial-gradient(circle at left center,rgba(34,197,94,.08) 0,transparent 70%)!important;
	pointer-events: none!important;
	border-radius: 0!important
}
[data-theme=dark-blue] .main-layout .sidebar-member-menu-item:hover,[data-theme=dark-blue] .sidebar-member-menu-item:hover,[data-theme=dark-blue] body.chat-page .sidebar-member-menu-item:hover,[data-theme=dark-blue] body:not(.chat-page) .sidebar-member-menu-item:hover,[data-theme=dark-green] .main-layout .sidebar-member-menu-item:hover,[data-theme=dark-green] .sidebar-member-menu-item:hover,[data-theme=dark-green] body.chat-page .sidebar-member-menu-item:hover,[data-theme=dark-green] body:not(.chat-page) .sidebar-member-menu-item:hover,[data-theme=dark] .main-layout .sidebar-member-menu-item:hover,[data-theme=dark] .sidebar-member-menu-item:hover,[data-theme=dark] body.chat-page .sidebar-member-menu-item:hover,[data-theme=dark] body:not(.chat-page) .sidebar-member-menu-item:hover,[data-theme=tech-dark] .main-layout .sidebar-member-menu-item:hover,[data-theme=tech-dark] .sidebar-member-menu-item:hover,[data-theme=tech-dark] body.chat-page .sidebar-member-menu-item:hover,[data-theme=tech-dark] body:not(.chat-page) .sidebar-member-menu-item:hover {
	background: linear-gradient(90deg,rgba(74,158,255,.18) 0,rgba(74,158,255,.12) 100%)!important;
	color: #6bb0ff!important;
	box-shadow: inset 0 0 0 1px rgba(74,158,255,.15)!important
}
[data-theme=dark-blue] .main-layout .sidebar-member-menu-item:hover::after,[data-theme=dark-blue] .sidebar-member-menu-item:hover::after,[data-theme=dark-blue] body.chat-page .sidebar-member-menu-item:hover::after,[data-theme=dark-blue] body:not(.chat-page) .sidebar-member-menu-item:hover::after,[data-theme=dark-green] .main-layout .sidebar-member-menu-item:hover::after,[data-theme=dark-green] .sidebar-member-menu-item:hover::after,[data-theme=dark-green] body.chat-page .sidebar-member-menu-item:hover::after,[data-theme=dark-green] body:not(.chat-page) .sidebar-member-menu-item:hover::after,[data-theme=dark] .main-layout .sidebar-member-menu-item:hover::after,[data-theme=dark] .sidebar-member-menu-item:hover::after,[data-theme=dark] body.chat-page .sidebar-member-menu-item:hover::after,[data-theme=dark] body:not(.chat-page) .sidebar-member-menu-item:hover::after,[data-theme=tech-dark] .main-layout .sidebar-member-menu-item:hover::after,[data-theme=tech-dark] .sidebar-member-menu-item:hover::after,[data-theme=tech-dark] body.chat-page .sidebar-member-menu-item:hover::after,[data-theme=tech-dark] body:not(.chat-page) .sidebar-member-menu-item:hover::after {
	background: radial-gradient(circle at left center,rgba(74,158,255,.12) 0,transparent 70%)!important
}

.main-layout .sidebar-member-menu-item.active,.sidebar-member-menu-item.active,body.chat-page .sidebar-member-menu-item.active,body:not(.chat-page) .sidebar-member-menu-item.active {
	background: linear-gradient(90deg,rgba(34,197,94,.12) 0,rgba(34,197,94,.08) 100%)!important;
	color: #22c55e!important;
	font-weight: 600!important;
	padding-left: 37px!important;
	box-shadow: inset 0 0 0 1px rgba(34,197,94,.15)!important
}

.main-layout .sidebar-member-menu-item.active::before,.sidebar-member-menu-item.active::before,body.chat-page .sidebar-member-menu-item.active::before,body:not(.chat-page) .sidebar-member-menu-item.active::before {
	content: ''!important;
	position: absolute!important;
	left: 0!important;
	top: 50%!important;
	transform: translateY(-50%)!important;
	width: 3px!important;
	height: 70%!important;
	background: linear-gradient(180deg,#22c55e 0,rgba(34,197,94,.8) 100%)!important;
	border-radius: 0 3px 3px 0!important;
	box-shadow: 0 0 8px rgba(34,197,94,.4),0 0 4px rgba(34,197,94,.2)!important;
	animation: slideInLeft .3s ease-out!important
}

.main-layout .sidebar-member-menu-item.active::after,.sidebar-member-menu-item.active::after,body.chat-page .sidebar-member-menu-item.active::after,body:not(.chat-page) .sidebar-member-menu-item.active::after {
	content: ''!important;
	position: absolute!important;
	left: 0!important;
	top: 0!important;
	right: 0!important;
	bottom: 0!important;
	background: radial-gradient(circle at left center,rgba(34,197,94,.08) 0,transparent 70%)!important;
	pointer-events: none!important;
	border-radius: 0!important
}

.main-layout .sidebar-member-menu-item span,.sidebar-member-menu-item span,body.chat-page .sidebar-member-menu-item span,body:not(.chat-page) .sidebar-member-menu-item span {
	flex: 1!important;
	white-space: nowrap!important;
	overflow: hidden!important;
	text-overflow: ellipsis!important;
	transition: color .25s cubic-bezier(.4, 0, .2, 1)!important;
	letter-spacing: .01em!important;
	line-height: 1.5!important;
	display: flex!important;
	align-items: center!important
}
[data-theme=dark-blue] .main-layout .sidebar-member-menu-item.active,[data-theme=dark-blue] .sidebar-member-menu-item.active,[data-theme=dark-green] .main-layout .sidebar-member-menu-item.active,[data-theme=dark-green] .sidebar-member-menu-item.active,[data-theme=dark] .main-layout .sidebar-member-menu-item.active,[data-theme=dark] .sidebar-member-menu-item.active,[data-theme=tech-dark] .main-layout .sidebar-member-menu-item.active,[data-theme=tech-dark] .sidebar-member-menu-item.active {
	background: linear-gradient(90deg,rgba(74,158,255,.18) 0,rgba(74,158,255,.12) 100%)!important;
	color: #6bb0ff!important;
	box-shadow: inset 0 0 0 1px rgba(74,158,255,.15)!important
}
[data-theme=dark-blue] .main-layout .sidebar-member-menu-item.active::before,[data-theme=dark-blue] .sidebar-member-menu-item.active::before,[data-theme=dark-green] .main-layout .sidebar-member-menu-item.active::before,[data-theme=dark-green] .sidebar-member-menu-item.active::before,[data-theme=dark] .main-layout .sidebar-member-menu-item.active::before,[data-theme=dark] .sidebar-member-menu-item.active::before,[data-theme=tech-dark] .main-layout .sidebar-member-menu-item.active::before,[data-theme=tech-dark] .sidebar-member-menu-item.active::before {
	background: linear-gradient(180deg,#4a9eff 0,rgba(74,158,255,.8) 100%)!important;
	box-shadow: 0 0 10px rgba(74,158,255,.5),0 0 5px rgba(74,158,255,.3)!important
}
[data-theme=dark-blue] .main-layout .sidebar-member-menu-item.active::after,[data-theme=dark-blue] .sidebar-member-menu-item.active::after,[data-theme=dark-green] .main-layout .sidebar-member-menu-item.active::after,[data-theme=dark-green] .sidebar-member-menu-item.active::after,[data-theme=dark] .main-layout .sidebar-member-menu-item.active::after,[data-theme=dark] .sidebar-member-menu-item.active::after,[data-theme=tech-dark] .main-layout .sidebar-member-menu-item.active::after,[data-theme=tech-dark] .sidebar-member-menu-item.active::after {
	background: radial-gradient(circle at left center,rgba(74,158,255,.12) 0,transparent 70%)!important
}
[data-theme=dark-blue] .main-layout .sidebar-member-menu-item.active span,[data-theme=dark-blue] .sidebar-member-menu-item.active span,[data-theme=dark-green] .main-layout .sidebar-member-menu-item.active span,[data-theme=dark-green] .sidebar-member-menu-item.active span,[data-theme=dark] .main-layout .sidebar-member-menu-item.active span,[data-theme=dark] .sidebar-member-menu-item.active span,[data-theme=tech-dark] .main-layout .sidebar-member-menu-item.active span,[data-theme=tech-dark] .sidebar-member-menu-item.active span {
	text-shadow: 0 0 10px rgba(74,158,255,.3)!important
}

.site-footer {
	margin-left: 280px!important;
	width: calc(100% - 280px)!important;
	box-sizing: border-box!important
}

.back-to-top {
	right: 20px!important
}

@media (max-width:1023px) {
	body:not(.chat-page) .main-layout>.sidebar {
		position: fixed!important;
		left: 0!important;
		top: 0!important;
		height: 100dvh!important;
		width: 0!important;
		min-width: 0!important;
		max-width: 0!important;
		margin: 0!important;
		padding: 0!important;
		flex: 0 0 0!important;
		transform: translateX(-100%)
	}

	body:not(.chat-page) .main-layout>.sidebar.show {
		width: 280px!important;
		min-width: 280px!important;
		max-width: 280px!important;
		transform: translateX(0)!important;
		visibility: visible!important;
		opacity: 1!important;
		pointer-events: auto!important;
		z-index: 1001!important
	}

	body:not(.chat-page) .main-layout>.main-content-area {
		margin-left: 0!important;
		width: 100%!important;
		flex: 1 1 100%!important
	}

	body:not(.chat-page) .main-layout {
		margin-left: 0!important;
		padding-left: 0!important
	}

	.site-footer {
		margin-left: 0!important;
		width: 100%!important
	}

	.sidebar-recent-section {
		display: none!important
	}

	.sidebar {
		display: flex!important;
		flex-direction: column!important;
		justify-content: flex-start!important;
		height: 100dvh!important;
		max-height: 100dvh!important;
		overflow: hidden!important
	}

	.sidebar-top-menu {
		flex-shrink: 0!important;
		position: relative;
		z-index: 1
	}

	.sidebar-footer {
		margin-top: auto!important;
		flex-shrink: 0!important;
		position: sticky!important;
		bottom: 0!important;
		z-index: 10!important;
		display: flex!important;
		flex-direction: column!important;
		justify-content: flex-start!important;
		align-items: stretch!important;
		min-height: auto!important;
		width: 100%!important;
		box-sizing: border-box!important;
		gap: 8px!important;
		background: var(--chat-card-bg)!important
	}

	.sidebar-main-menu,.sidebar-nav-groups,.sidebar-search {
		flex: 0 1 auto!important;
		min-height: 0!important;
		max-height: calc(100dvh - 350px)!important;
		overflow-y: auto!important;
		overflow-x: hidden!important;
		-webkit-overflow-scrolling: touch
	}

	.sidebar-main-menu::-webkit-scrollbar,.sidebar-nav-groups::-webkit-scrollbar,.sidebar-search::-webkit-scrollbar {
		width: 4px
	}

	.sidebar-main-menu::-webkit-scrollbar-track,.sidebar-nav-groups::-webkit-scrollbar-track,.sidebar-search::-webkit-scrollbar-track {
		background: 0 0
	}

	.sidebar-main-menu::-webkit-scrollbar-thumb,.sidebar-nav-groups::-webkit-scrollbar-thumb,.sidebar-search::-webkit-scrollbar-thumb {
		background: var(--chat-text-secondary);
		border-radius: 2px;
		opacity: .3
	}

	body.chat-page .main-layout {
		display: flex!important;
		flex-direction: column!important;
		grid-template-columns: none!important;
		grid-template-areas: none!important;
		height: auto!important
	}

	body.chat-page .main-layout>.sidebar {
		position: fixed!important;
		grid-area: auto!important
	}

	body.chat-page .main-layout>.main-content-area {
		grid-area: auto!important;
		width: 100%!important;
		margin-left: 0!important;
		height: auto!important
	}
}