:root {
	--chat-bg-start: #07111d;
	--chat-bg-end: #0d2138;
	--chat-surface: rgba(10, 22, 38, 0.78);
	--chat-surface-strong: rgba(8, 18, 31, 0.94);
	--chat-surface-soft: rgba(13, 31, 54, 0.7);
	--chat-border: rgba(138, 198, 255, 0.18);
	--chat-border-strong: rgba(138, 198, 255, 0.32);
	--chat-text: #e4f2ff;
	--chat-text-muted: #98afc9;
	--chat-accent: #55d7ff;
	--chat-accent-2: #6f8dff;
	--chat-success: #34d17d;
	--chat-warn: #ffb84d;
	--chat-shadow: 0 18px 48px rgba(0, 0, 0, 0.3);
}

html,
body {
	min-height: 100%;
}

body {
	background:
		radial-gradient(circle at top left, rgba(76, 150, 255, 0.22), transparent 28%),
		radial-gradient(circle at top right, rgba(85, 215, 255, 0.16), transparent 24%),
		linear-gradient(180deg, var(--chat-bg-start) 0%, var(--chat-bg-end) 100%);
	color: var(--chat-text);
	font-family: "Segoe UI", Tahoma, Arial, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

a {
	color: #8fe0ff;
}

a:hover,
a:focus {
	color: #d6f5ff;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-header h1,
.widget-block .widget-head h5,
.nonboxy-widget .widget-head h5 {
	color: var(--chat-text);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inner,
#sidebar,
.widget-block,
.stat-block,
.nonboxy-widget,
.content-wizard,
.chart-block,
.data-tbl-simple,
.data-tbl-striped,
.table_top,
.tbl-tools-searchbox,
.tbl_tools,
.actionBar,
.summary ul li .summary-icon,
.graph-wrap,
.index-graph,
.modal-content,
.modal-header,
.modal-footer,
.modal-body,
.dropdown-menu,
.breadcrumb,
.alert,
.pagination a,
.pager a,
.btn,
.btn-group .btn,
.widget-control .btn,
.top-search input[type="text"],
.dataTables_filter input,
input,
textarea,
select {
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

#sidebar {
	background: linear-gradient(180deg, rgba(6, 14, 25, 0.96) 0%, rgba(10, 23, 39, 0.96) 100%);
	border-right: 1px solid var(--chat-border-strong);
	box-shadow: 18px 0 42px rgba(0, 0, 0, 0.28);
}

.navbar-inner {
	min-height: 44px;
	background: linear-gradient(180deg, rgba(13, 34, 57, 0.95) 0%, rgba(7, 17, 30, 0.98) 100%);
	border: 1px solid rgba(136, 196, 255, 0.18);
	border-radius: 0 0 18px 18px;
	box-shadow: var(--chat-shadow);
}

.navbar .nav > li > a {
	color: rgba(228, 242, 255, 0.82);
	text-shadow: none;
}

.navbar .nav > li > a:hover,
.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav .active > a:focus {
	color: #ffffff;
	background-color: rgba(85, 215, 255, 0.14);
}

.side-nav li a,
.accordion-header a {
	background: linear-gradient(180deg, rgba(19, 40, 66, 0.94) 0%, rgba(11, 26, 45, 0.98) 100%);
	color: rgba(228, 242, 255, 0.88);
	border-bottom: 1px solid rgba(138, 198, 255, 0.12);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.side-nav li a:hover,
.side-nav li a:focus,
.accordion-header a:hover {
	background: linear-gradient(180deg, rgba(36, 82, 128, 0.96) 0%, rgba(20, 52, 86, 0.98) 100%);
	color: #ffffff;
}

.side-nav li ul li a {
	background: rgba(10, 20, 35, 0.78);
	color: var(--chat-text-muted);
}

.side-nav li ul li a:hover {
	color: #ffffff;
}

.side-nav li ul li a .sidenav-icon .sidenav-link-color {
	background: rgba(85, 215, 255, 0.42);
}

.breadcrumb {
	padding: 8px 14px;
	margin: 0 0 18px;
	background: rgba(10, 22, 38, 0.72);
	border: 1px solid var(--chat-border);
	border-radius: 999px;
	box-shadow: var(--chat-shadow);
}

.breadcrumb li,
.breadcrumb .divider,
.breadcrumb .active,
.breadcrumb .active a {
	color: var(--chat-text-muted);
	text-shadow: none;
}

.breadcrumb .active,
.breadcrumb .active a {
	color: var(--chat-text);
}

.widget-block,
.stat-block,
.nonboxy-widget,
.content-wizard,
.chart-block,
.data-tbl-simple,
.data-tbl-striped,
.table_top,
.tbl-tools-searchbox,
.tbl_tools,
.actionBar,
.graph-wrap,
.index-graph {
	background: var(--chat-surface);
	border: 1px solid var(--chat-border);
	border-radius: 18px;
	box-shadow: var(--chat-shadow);
	overflow: hidden;
}

.widget-block .widget-head,
.widget-block .widget-bottom,
.stat-block,
.actionBar,
.tbl_tools,
.tbl-tools-searchbox {
	background: linear-gradient(180deg, rgba(18, 38, 63, 0.94) 0%, rgba(10, 22, 37, 0.98) 100%);
	color: var(--chat-text);
	border-color: var(--chat-border);
}

.widget-block .widget-content,
.widget-block .widget-box,
.nonboxy-widget .widget-content,
.content-wizard .stepContainer,
.data-tbl-simple,
.data-tbl-striped,
.chart-block,
.graph-wrap,
.index-graph,
.table_top,
.tbl-searchbox,
.tbl-tools-searchbox,
.actionBar {
	background: rgba(7, 16, 28, 0.88);
	color: var(--chat-text);
}

.widget-block .widget-head h5,
.nonboxy-widget .widget-head h5,
.stat-block h5 {
	color: #f4fbff;
}

.widget-block .widget-head .h-icon {
	filter: brightness(1.2);
}

.widget-control {
	border-left: 1px solid rgba(138, 198, 255, 0.12);
}

.widget-control .btn,
.btn,
.pagination a,
.pager a,
.content-wizard .buttonNext,
.content-wizard .buttonPrevious,
.content-wizard .buttonFinish,
.DTTT_button,
.ColVis_Button,
.theme-accordion-header a,
.top-search .btn,
.navbar .btn,
.widget-control .btn {
	background: linear-gradient(180deg, rgba(78, 143, 255, 0.95) 0%, rgba(43, 103, 214, 0.95) 100%);
	color: #ffffff;
	border: 1px solid rgba(136, 196, 255, 0.34);
	box-shadow: 0 10px 22px rgba(6, 23, 45, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.14);
	text-shadow: none;
}

.btn:hover,
.pagination a:hover,
.pager a:hover,
.content-wizard .buttonNext:hover,
.content-wizard .buttonPrevious:hover,
.content-wizard .buttonFinish:hover,
.DTTT_button:hover,
.ColVis_Button:hover,
.widget-control .btn:hover {
	background: linear-gradient(180deg, rgba(104, 170, 255, 0.98) 0%, rgba(57, 129, 230, 0.98) 100%);
	color: #ffffff;
}

.btn-info,
.btn-primary,
.btn-success,
.btn-warning,
.btn-danger {
	color: #ffffff;
}

.btn-info {
	background: linear-gradient(180deg, rgba(85, 215, 255, 0.92) 0%, rgba(42, 168, 222, 0.96) 100%);
}

.btn-success {
	background: linear-gradient(180deg, rgba(73, 209, 130, 0.95) 0%, rgba(27, 148, 87, 0.96) 100%);
}

.btn-warning {
	background: linear-gradient(180deg, rgba(255, 197, 92, 0.95) 0%, rgba(214, 131, 28, 0.96) 100%);
}

.btn-danger {
	background: linear-gradient(180deg, rgba(255, 118, 131, 0.95) 0%, rgba(193, 57, 76, 0.96) 100%);
}

input,
textarea,
select,
.top-search input[type="text"],
.dataTables_filter input,
.widget-searchbox input[type="text"],
.widget-selectbox .data-select,
.modal input,
.modal textarea,
.modal select {
	background: rgba(7, 16, 28, 0.88);
	color: var(--chat-text);
	border: 1px solid rgba(138, 198, 255, 0.18);
	border-radius: 10px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}

input::placeholder,
textarea::placeholder {
	color: rgba(152, 175, 201, 0.85);
}

select option {
	background: #0d2138;
	color: var(--chat-text);
}

.table,
.table-bordered,
.table-striped,
.widget-block .user-tbl,
.dataTables_wrapper table,
.DTTT_container table {
	color: var(--chat-text);
	background: rgba(7, 16, 28, 0.72);
}

.table th,
.table td,
.table-bordered th,
.table-bordered td,
.widget-block .user-tbl tr th,
.widget-block .user-tbl tr td,
.dataTables_wrapper th,
.dataTables_wrapper td {
	border-color: rgba(138, 198, 255, 0.12);
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th,
.widget-block .user-tbl tbody tr:nth-child(odd) td {
	background: rgba(11, 24, 41, 0.88);
}

.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr:nth-child(even) > th,
.widget-block .user-tbl tbody tr:nth-child(even) td {
	background: rgba(7, 16, 28, 0.92);
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th,
.widget-block .user-tbl tbody tr:hover td {
	background: rgba(43, 103, 214, 0.16);
}

.alert {
	background: rgba(8, 23, 38, 0.88);
	border: 1px solid rgba(138, 198, 255, 0.16);
	color: var(--chat-text);
	border-radius: 14px;
	box-shadow: var(--chat-shadow);
}

.alert-info {
	background: linear-gradient(180deg, rgba(20, 64, 99, 0.92) 0%, rgba(10, 38, 64, 0.92) 100%);
	border-color: rgba(85, 215, 255, 0.18);
}

.alert-success {
	background: linear-gradient(180deg, rgba(19, 82, 55, 0.92) 0%, rgba(10, 45, 31, 0.92) 100%);
}

.alert-warning {
	background: linear-gradient(180deg, rgba(94, 63, 16, 0.92) 0%, rgba(58, 40, 10, 0.92) 100%);
}

.alert-error,
.alert-danger {
	background: linear-gradient(180deg, rgba(96, 24, 38, 0.92) 0%, rgba(53, 14, 23, 0.92) 100%);
}

.modal,
.modal-content {
	background: rgba(6, 15, 26, 0.95);
	color: var(--chat-text);
}

.modal-header,
.modal-footer {
	border-color: rgba(138, 198, 255, 0.12);
	background: linear-gradient(180deg, rgba(16, 33, 54, 0.96) 0%, rgba(8, 19, 31, 0.98) 100%);
}

.modal-body {
	background: rgba(7, 16, 28, 0.92);
}

.dropdown-menu {
	background: rgba(8, 18, 31, 0.98);
	border: 1px solid rgba(138, 198, 255, 0.18);
	box-shadow: var(--chat-shadow);
}

.dropdown-menu a,
.dropdown-menu > li > a {
	color: var(--chat-text);
}

.dropdown-menu a:hover,
.dropdown-menu > li > a:hover {
	background: rgba(85, 215, 255, 0.12);
	color: #ffffff;
}

.pagination .active a,
.pager .active a {
	background: linear-gradient(180deg, rgba(85, 215, 255, 0.96) 0%, rgba(43, 103, 214, 0.96) 100%);
	color: #ffffff;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
	color: rgba(152, 175, 201, 0.55);
}

.widget-block .widget-content .widget-box,
.widget-block .widget-content .table,
.widget-block .widget-content .widget-table,
.nonboxy-widget .widget-table {
	background: rgba(7, 16, 28, 0.88);
}

.nicklist-webcam-launcher,
.context-menu,
.nicklist-webcam-status-dot {
	border-color: rgba(138, 198, 255, 0.18);
}

.context-menu {
	background: linear-gradient(180deg, rgba(16, 34, 58, 0.98), rgba(8, 18, 31, 0.98));
	color: var(--chat-text);
}

.context-menu-item:hover {
	background: rgba(85, 215, 255, 0.16);
}

.context-menu-item-profile {
	background: linear-gradient(135deg, rgba(40, 110, 198, 0.96), rgba(73, 209, 130, 0.86));
	color: #ffffff;
}

.ignored-user {
	opacity: 0.55;
	filter: grayscale(100%);
}

.tooltip-inner,
.noty_bar.noty_theme_default {
	background: linear-gradient(180deg, rgba(16, 33, 54, 0.98), rgba(8, 19, 31, 0.98));
	border: 1px solid rgba(138, 198, 255, 0.18);
	color: var(--chat-text);
	text-shadow: none;
}

.noty_bar.noty_theme_default .noty_message,
.noty_bar.noty_theme_default .noty_message .noty_buttons {
	color: var(--chat-text);
}

.content-wizard ul.anchor,
.content-wizard .stepContainer,
.content-wizard .actionBar,
.content-wizard .loader,
.vertical-wizard,
.themer-content,
#customize-theme,
#customize-theme .switch {
	background: rgba(7, 16, 28, 0.9);
	border-color: rgba(138, 198, 255, 0.12);
}

.widget-block .widget-head .btn,
.widget-block .widget-bottom .btn,
.widget-control .btn,
.top-search .btn,
.modal .btn {
	border-radius: 10px;
}

.top-search-icon,
.lang-icons,
.user-position,
.label-green,
.label-red,
.stat-block .stat-count span:last-child,
.summary ul li .count,
.summary ul li .summary-title {
	color: var(--chat-text);
}

.stat-block .stat-count span:first-child,
.post-by a,
.post-date a,
.site-stat h5,
.site-stat ul li,
.site-stat ul li span {
	color: var(--chat-text-muted);
}

.site-stat ul li {
	background: rgba(7, 16, 28, 0.88);
	border: 1px solid rgba(138, 198, 255, 0.12);
}

.site-stat ul li:hover {
	background: rgba(43, 103, 214, 0.14);
}

.theme-accordion-header a {
	background: linear-gradient(180deg, rgba(85, 215, 255, 0.24) 0%, rgba(43, 103, 214, 0.5) 100%);
	border-color: rgba(85, 215, 255, 0.24);
}

.theme-accordion-header a:hover {
	background: linear-gradient(180deg, rgba(85, 215, 255, 0.36) 0%, rgba(43, 103, 214, 0.68) 100%);
}

.table td,
.table th,
.widget-block .user-tbl tr th,
.widget-block .user-tbl tr td,
.dataTables_wrapper th,
.dataTables_wrapper td {
	vertical-align: middle;
}

.logo,
.branding,
.top-search,
.navbar .nav.pull-right,
.navbar .nav > li > a,
.widget-control,
.modal-header,
.modal-footer,
.breadcrumb,
.page-header,
.widget-block,
.stat-block,
.nonboxy-widget,
.content-wizard,
.chart-block,
.graph-wrap,
.index-graph,
.data-tbl-simple,
.data-tbl-striped,
.table_top,
.tbl_tools,
.tbl-tools-searchbox,
.actionBar,
.site-stat,
.summary,
.top-search form {
	position: relative;
}