/* AdminLTE-inspired modern shell for the existing Bootstrap 3 backend. */
:root {
	--hc-black: #000;
	--hc-ink: #111;
	--hc-graphite: #1f1f1f;
	--hc-charcoal: #2f2f2f;
	--hc-muted: #6f6f6f;
	--hc-line: #dcdcdc;
	--hc-soft-line: #ececec;
	--hc-page: #f5f5f5;
	--hc-panel: #fff;
	--hc-panel-soft: #fafafa;
	--hc-white: #fff;
	--hc-radius: 8px;
	--hc-shadow: 0 8px 22px rgba(0, 0, 0, 0.07);
	--hc-shadow-soft: 0 2px 10px rgba(0, 0, 0, 0.05);
}

html,
body.adminlte-modern {
	background: var(--hc-page);
	color: var(--hc-ink);
}

body.adminlte-modern {
	font-size: 13px;
	line-height: 1.55;
	letter-spacing: 0;
}

body.adminlte-modern .body {
	background: var(--hc-page);
	min-height: 100vh;
}

body.adminlte-modern .inner-wrapper {
	background: var(--hc-page);
}

body.adminlte-modern .content-body {
	background: var(--hc-page);
	padding: 22px 24px 36px;
}

body.adminlte-modern .header {
	background: var(--hc-black);
	border: 0;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08), 0 3px 14px rgba(0, 0, 0, 0.16);
	min-height: 56px;
}

body.adminlte-modern .header .logo-container {
	background: var(--hc-black);
	border: 0;
	box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.08);
	height: 56px;
}

body.adminlte-modern .header .logo img {
	max-height: 38px;
	object-fit: contain;
}

body.adminlte-modern .header .header-right {
	background: var(--hc-black);
	height: 56px;
	padding-right: 18px;
}

body.adminlte-modern .header .separator {
	background: rgba(255, 255, 255, 0.16);
	height: 28px;
	margin: 14px 16px 0;
}

body.adminlte-modern .header .search.nav-form {
	margin-top: 11px;
}

body.adminlte-modern .header .search.nav-form a {
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	display: inline-block;
	line-height: 1.1;
	padding: 8px 12px;
	text-decoration: none;
}

body.adminlte-modern .header .search.nav-form a:hover,
body.adminlte-modern .header .search.nav-form a:focus {
	background: var(--hc-white);
	color: var(--hc-black) !important;
}

body.adminlte-modern .header .notifications > li .notification-icon {
	border-radius: 8px;
	height: 38px;
	line-height: 38px;
	margin-top: 9px;
	width: 38px;
}

body.adminlte-modern .header .notifications > li .notification-icon:hover,
body.adminlte-modern .header .notifications > li.open .notification-icon {
	background: var(--hc-white);
	color: var(--hc-black) !important;
}

body.adminlte-modern .header .badge {
	border: 2px solid var(--hc-black);
	box-shadow: none;
}

body.adminlte-modern .userbox {
	margin-top: 7px;
}

body.adminlte-modern .userbox > a {
	border-radius: 999px;
	padding: 5px 10px 5px 6px;
}

body.adminlte-modern .userbox.open > a,
body.adminlte-modern .userbox > a:hover {
	background: var(--hc-white);
	color: var(--hc-black) !important;
}

body.adminlte-modern .userbox.open .profile-info .name,
body.adminlte-modern .userbox > a:hover .profile-info .name,
body.adminlte-modern .userbox.open .custom-caret,
body.adminlte-modern .userbox > a:hover .custom-caret {
	color: var(--hc-black) !important;
}

body.adminlte-modern .userbox .profile-picture img,
body.adminlte-modern .img-circle,
body.adminlte-modern .img-box-boder {
	border: 2px solid var(--hc-white);
	box-shadow: none;
}

body.adminlte-modern .dropdown-menu,
body.adminlte-modern .notification-menu {
	border: 1px solid var(--hc-line);
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow);
	padding: 8px 0;
}

body.adminlte-modern .notification-menu .notification-title {
	background: var(--hc-black);
	color: var(--hc-white);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0;
	padding: 10px 14px;
	text-transform: uppercase;
}

body.adminlte-modern .sidebar-left {
	background: var(--hc-ink);
	box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.08);
}

body.adminlte-modern .sidebar-left .sidebar-header {
	background: var(--hc-black);
	border: 0;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
	height: 48px;
}

body.adminlte-modern .sidebar-left .sidebar-title {
	color: rgba(255, 255, 255, 0.62) !important;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 48px;
	padding-left: 18px;
	text-transform: uppercase;
}

body.adminlte-modern .sidebar-left .sidebar-toggle {
	border-left: 1px solid rgba(255, 255, 255, 0.08);
	color: var(--hc-white) !important;
	height: 48px;
	line-height: 48px;
}

body.adminlte-modern .sidebar-left .nano {
	background: var(--hc-ink);
}

body.adminlte-modern .nav-main {
	padding: 12px 10px 24px;
}

body.adminlte-modern .sidebar-left .nav-main > li {
	margin: 3px 0;
}

body.adminlte-modern .sidebar-left .nav-main li a {
	border-radius: var(--hc-radius);
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.25;
	margin: 0;
	padding: 11px 12px;
	transition: background 160ms ease, color 160ms ease, padding-left 160ms ease;
}

body.adminlte-modern .sidebar-left .nav-main li a i {
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 15px;
	margin-right: 9px;
	text-align: center;
	width: 18px;
}

body.adminlte-modern .sidebar-left .nav-main > li > a:hover,
body.adminlte-modern .sidebar-left .nav-main > li.nav-active > a,
body.adminlte-modern .sidebar-left .nav-main li.nav-parent.nav-expanded > a {
	background: var(--hc-white) !important;
	color: var(--hc-black) !important;
	padding-left: 15px;
}

body.adminlte-modern .sidebar-left .nav-main > li > a:hover i,
body.adminlte-modern .sidebar-left .nav-main > li.nav-active > a i,
body.adminlte-modern .sidebar-left .nav-main li.nav-parent.nav-expanded > a i {
	color: var(--hc-black) !important;
}

body.adminlte-modern .sidebar-left .nav-main ul.nav-children {
	background: rgba(255, 255, 255, 0.06);
	border-radius: var(--hc-radius);
	box-shadow: none;
	margin: 5px 0 8px;
	padding: 7px;
}

body.adminlte-modern .sidebar-left .nav-main ul.nav-children li a {
	font-size: 12px;
	font-weight: 500;
	padding: 8px 10px 8px 18px;
}

body.adminlte-modern .page-header {
	background: transparent;
	border: 0;
	box-shadow: none;
	margin: 0 0 20px;
	min-height: auto;
	padding: 0;
}

body.adminlte-modern .page-header h2 {
	border: 0;
	color: var(--hc-ink);
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	padding: 0;
	text-transform: none;
}

body.adminlte-modern .page-header h2:after {
	background: var(--hc-black);
	content: "";
	display: block;
	height: 3px;
	margin-top: 10px;
	width: 42px;
}

body.adminlte-modern .panel {
	background: var(--hc-panel);
	border: 1px solid var(--hc-soft-line);
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow-soft);
	margin-bottom: 20px;
	overflow: hidden;
}

body.adminlte-modern .panel + .panel {
	margin-top: 0;
}

body.adminlte-modern .panel-heading {
	background: var(--hc-panel) !important;
	border-bottom: 1px solid var(--hc-soft-line) !important;
	padding: 14px 16px;
}

body.adminlte-modern .panel-title {
	color: var(--hc-ink);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.35;
}

body.adminlte-modern .panel-body {
	background: var(--hc-panel);
	padding: 16px;
}

body.adminlte-modern .panel-footer {
	background: var(--hc-panel-soft) !important;
	border-top: 1px solid var(--hc-soft-line) !important;
	padding: 12px 16px;
}

body.adminlte-modern .panel-featured,
body.adminlte-modern .panel-featured-left {
	border-top-color: var(--hc-black) !important;
}

body.adminlte-modern .panel-featured-left {
	border-left: 4px solid var(--hc-black) !important;
}

body.adminlte-modern .tile-box,
body.adminlte-modern .widget-summary,
body.adminlte-modern .summary,
body.adminlte-modern .small-box {
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow-soft);
}

body.adminlte-modern .tile-box {
	background: var(--hc-black);
	min-height: 112px;
}

body.adminlte-modern .tile-box.tile-pvs-color {
	background: var(--hc-white);
	border: 1px solid var(--hc-soft-line);
}

body.adminlte-modern .tile-box.tile-pvs-color .num,
body.adminlte-modern .tile-box.tile-pvs-color h3,
body.adminlte-modern .tile-box.tile-pvs-color p {
	color: var(--hc-ink);
}

body.adminlte-modern .table-responsive {
	border: 0;
}

body.adminlte-modern .table {
	background: var(--hc-white);
	margin-bottom: 0;
}

body.adminlte-modern .table > thead > tr > th {
	background: var(--hc-black) !important;
	border-bottom: 0 !important;
	color: var(--hc-white) !important;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0;
	padding: 11px 12px;
	text-transform: uppercase;
	vertical-align: middle;
}

body.adminlte-modern .table > tbody > tr > td,
body.adminlte-modern .table > tbody > tr > th {
	border-color: var(--hc-soft-line) !important;
	padding: 11px 12px;
	vertical-align: middle;
}

body.adminlte-modern .table-striped > tbody > tr:nth-child(odd) > td,
body.adminlte-modern .table-striped > tbody > tr:nth-child(odd) > th {
	background: #fbfbfb !important;
}

body.adminlte-modern .table-hover > tbody > tr:hover > td,
body.adminlte-modern .table-hover > tbody > tr:hover > th {
	background: #f0f0f0 !important;
}

body.adminlte-modern .dataTables_wrapper .row,
body.adminlte-modern .datatables-header,
body.adminlte-modern .datatables-footer {
	margin-left: 0;
	margin-right: 0;
}

body.adminlte-modern .dataTables_filter input,
body.adminlte-modern .dataTables_length select {
	border-radius: 6px;
	height: 34px;
}

body.adminlte-modern .form-control,
body.adminlte-modern .select2-container .select2-choice,
body.adminlte-modern .select2-container-multi .select2-choices,
body.adminlte-modern .input-group-addon {
	border: 1px solid var(--hc-line) !important;
	border-radius: 6px;
	box-shadow: none !important;
	color: var(--hc-ink) !important;
	min-height: 36px;
}

body.adminlte-modern textarea.form-control {
	min-height: 88px;
}

body.adminlte-modern .form-control:focus,
body.adminlte-modern .select2-container-active .select2-choice,
body.adminlte-modern .select2-dropdown-open .select2-choice {
	border-color: var(--hc-black) !important;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1) !important;
}

body.adminlte-modern .form-bordered .form-group {
	border-bottom-color: var(--hc-soft-line);
	padding-bottom: 14px;
	padding-top: 14px;
}

body.adminlte-modern label,
body.adminlte-modern .control-label {
	color: var(--hc-graphite);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0;
}

body.adminlte-modern .help-block,
body.adminlte-modern .help-inline,
body.adminlte-modern small {
	color: var(--hc-muted);
}

body.adminlte-modern .btn {
	border-radius: 6px;
	font-weight: 700;
	letter-spacing: 0;
	padding: 7px 13px;
	transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

body.adminlte-modern .btn-xs {
	border-radius: 5px;
	padding: 3px 8px;
}

body.adminlte-modern .btn-sm {
	padding: 5px 10px;
}

body.adminlte-modern .btn-primary,
body.adminlte-modern .btn-success,
body.adminlte-modern .btn-info,
body.adminlte-modern .btn-warning,
body.adminlte-modern .btn-danger,
body.adminlte-modern .btn-dark {
	background: var(--hc-black) !important;
	border-color: var(--hc-black) !important;
	color: var(--hc-white) !important;
}

body.adminlte-modern .btn-primary:hover,
body.adminlte-modern .btn-success:hover,
body.adminlte-modern .btn-info:hover,
body.adminlte-modern .btn-warning:hover,
body.adminlte-modern .btn-danger:hover,
body.adminlte-modern .btn-dark:hover,
body.adminlte-modern .btn-primary:focus,
body.adminlte-modern .btn-success:focus,
body.adminlte-modern .btn-info:focus,
body.adminlte-modern .btn-warning:focus,
body.adminlte-modern .btn-danger:focus,
body.adminlte-modern .btn-dark:focus {
	background: var(--hc-charcoal) !important;
	border-color: var(--hc-charcoal) !important;
	color: var(--hc-white) !important;
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12) !important;
}

body.adminlte-modern .btn-default,
body.adminlte-modern .btn-link {
	background: var(--hc-white) !important;
	border-color: var(--hc-black) !important;
	color: var(--hc-black) !important;
}

body.adminlte-modern .btn-default:hover,
body.adminlte-modern .btn-link:hover,
body.adminlte-modern .btn-default:focus,
body.adminlte-modern .btn-link:focus {
	background: var(--hc-page) !important;
	color: var(--hc-black) !important;
}

body.adminlte-modern .alert {
	border: 1px solid var(--hc-line);
	border-radius: var(--hc-radius);
	box-shadow: none;
	color: var(--hc-ink);
}

body.adminlte-modern .alert-info,
body.adminlte-modern .alert-success,
body.adminlte-modern .alert-warning,
body.adminlte-modern .alert-danger,
body.adminlte-modern .alert-default {
	background: var(--hc-white);
	border-left: 4px solid var(--hc-black);
}

body.adminlte-modern .label,
body.adminlte-modern .badge {
	border-radius: 999px;
	font-weight: 700;
	letter-spacing: 0;
}

body.adminlte-modern .pagination > li > a,
body.adminlte-modern .pagination > li > span {
	border-color: var(--hc-line);
	color: var(--hc-black);
}

body.adminlte-modern .pagination > .active > a,
body.adminlte-modern .pagination > .active > span {
	background: var(--hc-black) !important;
	border-color: var(--hc-black) !important;
	color: var(--hc-white) !important;
}

body.adminlte-modern .modal-content {
	background: var(--hc-white);
	border: 0;
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow);
	overflow: hidden;
}

body.adminlte-modern .modal-header,
body.adminlte-modern .modal-footer {
	background: var(--hc-panel-soft) !important;
	border-color: var(--hc-soft-line) !important;
}

body.adminlte-modern .fileinput .thumbnail,
body.adminlte-modern .thumbnail {
	border-color: var(--hc-line);
	border-radius: var(--hc-radius);
	box-shadow: none;
}

body.adminlte-modern .loading-overlay {
	background: rgba(255, 255, 255, 0.82);
}

body.adminlte-modern [style*="background-color: #483747"],
body.adminlte-modern [style*="background-color:#483747"] {
	background-color: var(--hc-black) !important;
}

body.adminlte-modern .body-sign {
	background: var(--hc-page);
}

body.adminlte-modern .panel-sign {
	border: 1px solid var(--hc-soft-line);
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow);
	overflow: hidden;
}

body.adminlte-modern .panel-title-sign .title {
	background: var(--hc-black);
	color: var(--hc-white);
	border-radius: 6px 6px 0 0;
}

@media (max-width: 767px) {
	body.adminlte-modern .content-body {
		padding: 16px 12px 28px;
	}

	body.adminlte-modern .page-header h2 {
		font-size: 20px;
	}

	body.adminlte-modern .header .header-right {
		padding-right: 8px;
	}

	body.adminlte-modern .header .search.nav-form {
		display: none;
	}

	body.adminlte-modern .panel-body,
	body.adminlte-modern .panel-heading,
	body.adminlte-modern .panel-footer {
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* HouseCouncil professional UI refresh. Built as a safe AdminLTE-style layer over the existing Bootstrap 3 theme. */
body.adminlte-modern {
	--hc-page: #f4f5f7;
	--hc-panel: #ffffff;
	--hc-panel-soft: #f8f9fb;
	--hc-text: #171717;
	--hc-text-soft: #545454;
	--hc-text-muted: #7a7a7a;
	--hc-line: #d8dde3;
	--hc-soft-line: #edf0f3;
	--hc-menu: #090909;
	--hc-menu-soft: #151515;
	--hc-menu-hover: #262626;
	--hc-focus: rgba(0, 0, 0, 0.14);
	--hc-radius: 8px;
	--hc-radius-sm: 6px;
	--hc-shadow: 0 12px 32px rgba(0, 0, 0, 0.09);
	--hc-shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.06);
	background: var(--hc-page);
	color: var(--hc-text);
	font-family: "Open Sans", Arial, sans-serif;
	text-rendering: optimizeLegibility;
}

body.adminlte-modern a {
	color: var(--hc-text);
}

body.adminlte-modern a:hover,
body.adminlte-modern a:focus {
	color: #000;
	text-decoration: none;
}

body.adminlte-modern .body,
body.adminlte-modern .inner-wrapper,
body.adminlte-modern .content-body {
	background: var(--hc-page);
}

body.adminlte-modern .content-body {
	padding: 24px 28px 40px;
}

body.adminlte-modern .header {
	background: #000;
	border: 0;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 26px rgba(0, 0, 0, 0.18);
	height: 60px;
}

body.adminlte-modern .header .logo-container {
	background: #000;
	border: 0;
	box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.08);
	height: 60px;
}

body.adminlte-modern .header .logo.hc-brand {
	align-items: center;
	color: #fff;
	display: flex;
	float: left;
	gap: 11px;
	height: 60px;
	line-height: 1.15;
	margin: 0;
	max-width: 270px;
	min-width: 0;
	padding: 0 18px;
}

body.adminlte-modern .header .logo.hc-brand img {
	background: #fff;
	border-radius: 7px;
	height: 40px;
	max-width: 44px;
	object-fit: contain;
	padding: 3px;
	width: 44px;
}

body.adminlte-modern .hc-brand-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

body.adminlte-modern .hc-brand-title {
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0;
	max-width: 190px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.adminlte-modern .hc-brand-subtitle {
	color: rgba(255, 255, 255, 0.62);
	display: block;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-top: 3px;
	text-transform: uppercase;
}

body.adminlte-modern .header .header-right {
	align-items: center;
	background: #000;
	display: flex;
	float: right;
	height: 60px;
	justify-content: flex-end;
	padding: 0 18px 0 8px;
}

body.adminlte-modern .header .separator {
	background: rgba(255, 255, 255, 0.16);
	flex: 0 0 1px;
	height: 30px;
	margin: 0 14px;
	width: 1px;
}

body.adminlte-modern .header .search.nav-form {
	margin: 0;
	width: auto;
}

body.adminlte-modern .header .input-search,
body.adminlte-modern .header .input-group {
	display: block;
}

body.adminlte-modern .header .hc-session-pill {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	color: #fff !important;
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	padding: 9px 13px;
	white-space: nowrap;
}

body.adminlte-modern .header .hc-session-pill:hover,
body.adminlte-modern .header .hc-session-pill:focus {
	background: #fff;
	border-color: #fff;
	color: #000 !important;
}

body.adminlte-modern .header .notifications {
	align-items: center;
	display: flex;
	margin: 0;
}

body.adminlte-modern .header .notifications > li .notification-icon {
	align-items: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	color: #fff !important;
	display: inline-flex;
	height: 38px;
	justify-content: center;
	line-height: 1;
	margin: 0;
	position: relative;
	width: 38px;
}

body.adminlte-modern .header .notifications .badge {
	background: #fff !important;
	border: 2px solid #000;
	color: #000 !important;
	font-size: 10px;
	line-height: 15px;
	min-width: 19px;
	padding: 1px 5px;
	position: absolute;
	right: -7px;
	top: -7px;
}

body.adminlte-modern .userbox {
	margin: 0;
}

body.adminlte-modern .userbox > a {
	align-items: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	display: flex;
	min-height: 42px;
	padding: 4px 12px 4px 5px;
}

body.adminlte-modern .userbox .profile-picture {
	margin-right: 9px;
}

body.adminlte-modern .userbox .profile-picture img {
	border: 2px solid #fff;
	height: 32px;
	object-fit: cover;
	width: 32px;
}

body.adminlte-modern .userbox .profile-info {
	line-height: 1.1;
	max-width: 160px;
	min-width: 0;
}

body.adminlte-modern .userbox .profile-info .name {
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: 800;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.adminlte-modern .userbox .profile-info .role {
	color: rgba(255, 255, 255, 0.58);
	display: block;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin-top: 3px;
	text-transform: uppercase;
}

body.adminlte-modern .userbox .custom-caret {
	border-top-color: rgba(255, 255, 255, 0.75);
	margin-left: 10px;
}

body.adminlte-modern .dropdown-menu,
body.adminlte-modern .notification-menu {
	border: 1px solid var(--hc-line);
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow);
	color: var(--hc-text);
	margin-top: 10px;
	overflow: hidden;
	padding: 7px 0;
}

body.adminlte-modern .dropdown-menu > li > a,
body.adminlte-modern .notification-menu a {
	color: var(--hc-text);
	font-size: 13px;
	padding: 9px 14px;
}

body.adminlte-modern .dropdown-menu > li > a:hover,
body.adminlte-modern .dropdown-menu > li > a:focus,
body.adminlte-modern .notification-menu a:hover,
body.adminlte-modern .notification-menu a:focus {
	background: #f2f3f5;
	color: #000;
}

body.adminlte-modern .sidebar-left {
	background: var(--hc-menu);
	box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.08);
}

body.adminlte-modern .sidebar-left .sidebar-header {
	background: #000;
	border: 0;
	height: 52px;
}

body.adminlte-modern .sidebar-left .sidebar-title {
	color: rgba(255, 255, 255, 0.56) !important;
	font-size: 11px;
	font-weight: 800;
	line-height: 52px;
	padding-left: 18px;
	text-transform: uppercase;
}

body.adminlte-modern .sidebar-left .sidebar-toggle {
	color: #fff !important;
	height: 52px;
	line-height: 52px;
}

body.adminlte-modern .sidebar-left .nano,
body.adminlte-modern .sidebar-left .nano-content {
	background: var(--hc-menu);
}

body.adminlte-modern .nav-main {
	padding: 12px 10px 28px;
}

body.adminlte-modern .sidebar-left .nav-main > li {
	margin: 3px 0;
}

body.adminlte-modern .sidebar-left .nav-main li a {
	border-left: 0;
	border-radius: var(--hc-radius-sm);
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.25;
	margin: 0;
	min-height: 40px;
	padding: 11px 12px;
	position: relative;
}

body.adminlte-modern .sidebar-left .nav-main li a i {
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 15px;
	margin-right: 10px;
	text-align: center;
	width: 18px;
}

body.adminlte-modern .sidebar-left .nav-main li a span {
	vertical-align: middle;
}

body.adminlte-modern .sidebar-left .nav-main > li > a:hover,
body.adminlte-modern .sidebar-left .nav-main > li.nav-active > a,
body.adminlte-modern .sidebar-left .nav-main li.nav-parent.nav-expanded > a {
	background: #fff !important;
	color: #000 !important;
}

body.adminlte-modern .sidebar-left .nav-main > li > a:hover i,
body.adminlte-modern .sidebar-left .nav-main > li.nav-active > a i,
body.adminlte-modern .sidebar-left .nav-main li.nav-parent.nav-expanded > a i {
	color: #000 !important;
}

body.adminlte-modern .sidebar-left .nav-main ul.nav-children {
	background: var(--hc-menu-soft);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: var(--hc-radius-sm);
	margin: 6px 0 9px;
	padding: 7px;
}

body.adminlte-modern .sidebar-left .nav-main ul.nav-children li a {
	border-radius: 6px;
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: 12px;
	font-weight: 600;
	min-height: 34px;
	padding: 8px 10px 8px 16px;
}

body.adminlte-modern .sidebar-left .nav-main ul.nav-children li.nav-active > a,
body.adminlte-modern .sidebar-left .nav-main ul.nav-children li a:hover {
	background: rgba(255, 255, 255, 0.12) !important;
	color: #fff !important;
}

body.adminlte-modern .sidebar-left .nav-main ul.nav-children li.nav-active > a i,
body.adminlte-modern .sidebar-left .nav-main ul.nav-children li a:hover i {
	color: #fff !important;
}

body.adminlte-modern .hc-page-header {
	align-items: flex-start;
	background: transparent;
	border: 0;
	box-shadow: none;
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px;
	min-height: auto;
	padding: 0;
}

body.adminlte-modern .hc-page-title-wrap {
	min-width: 0;
	padding-right: 20px;
}

body.adminlte-modern .hc-page-header h2 {
	border: 0;
	color: #000;
	font-size: 25px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	text-transform: none;
}

body.adminlte-modern .hc-page-kicker {
	color: var(--hc-text-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0;
	margin: 7px 0 0;
	text-transform: uppercase;
}

body.adminlte-modern .hc-page-kicker span {
	border-left: 1px solid var(--hc-line);
	margin-left: 8px;
	padding-left: 9px;
}

body.adminlte-modern .hc-page-right {
	float: none !important;
	margin: 0;
	position: static;
}

body.adminlte-modern .hc-breadcrumbs {
	background: #fff;
	border: 1px solid var(--hc-soft-line);
	border-radius: 999px;
	box-shadow: var(--hc-shadow-soft);
	display: flex;
	margin: 0;
	padding: 8px 13px;
}

body.adminlte-modern .hc-breadcrumbs > li {
	color: var(--hc-text-muted);
	font-size: 12px;
	font-weight: 700;
}

body.adminlte-modern .hc-breadcrumbs > li + li:before {
	color: #b8b8b8;
	content: "/";
	padding: 0 8px;
}

body.adminlte-modern .panel,
body.adminlte-modern .box,
body.adminlte-modern .tabs,
body.adminlte-modern .well,
body.adminlte-modern .invoice,
body.adminlte-modern .profile-info-panel {
	background: #fff;
	border: 1px solid var(--hc-soft-line) !important;
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow-soft);
	overflow: hidden;
}

body.adminlte-modern .panel-heading,
body.adminlte-modern .box-header {
	background: linear-gradient(180deg, #fff 0%, #fafbfc 100%) !important;
	border-bottom: 1px solid var(--hc-soft-line) !important;
	min-height: 48px;
	padding: 14px 18px;
}

body.adminlte-modern .panel-title,
body.adminlte-modern .panel-heading h2,
body.adminlte-modern .panel-heading h3,
body.adminlte-modern .panel-heading h4,
body.adminlte-modern .box-title {
	color: #000;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.25;
	margin: 0;
	text-transform: none;
}

body.adminlte-modern .panel-subtitle,
body.adminlte-modern .panel-actions,
body.adminlte-modern .box-tools {
	color: var(--hc-text-muted);
}

body.adminlte-modern .panel-body,
body.adminlte-modern .box-body,
body.adminlte-modern .tab-content,
body.adminlte-modern .well {
	padding: 18px;
}

body.adminlte-modern .panel-footer,
body.adminlte-modern .box-footer {
	background: var(--hc-panel-soft) !important;
	border-top: 1px solid var(--hc-soft-line) !important;
	padding: 13px 18px;
}

body.adminlte-modern .row > [class*="col-"] > .panel,
body.adminlte-modern .row > [class*="col-"] > .box {
	margin-bottom: 18px;
}

body.adminlte-modern .small-box,
body.adminlte-modern .info-box,
body.adminlte-modern .tile-box,
body.adminlte-modern .widget-summary,
body.adminlte-modern .summary,
body.adminlte-modern .dashboard-card {
	background: #fff !important;
	border: 1px solid var(--hc-soft-line);
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow-soft);
	color: var(--hc-text);
	overflow: hidden;
}

body.adminlte-modern .small-box .inner,
body.adminlte-modern .tile-box,
body.adminlte-modern .widget-summary .widget-summary-col {
	padding: 17px;
}

body.adminlte-modern .small-box h3,
body.adminlte-modern .tile-box .num,
body.adminlte-modern .widget-summary .summary .amount,
body.adminlte-modern .summary .amount {
	color: #000 !important;
	font-size: 28px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.1;
}

body.adminlte-modern .small-box p,
body.adminlte-modern .tile-box p,
body.adminlte-modern .widget-summary .summary .title,
body.adminlte-modern .summary .title {
	color: var(--hc-text-muted) !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

body.adminlte-modern .small-box .icon,
body.adminlte-modern .tile-box i,
body.adminlte-modern .widget-summary .summary-icon {
	color: #000 !important;
	opacity: 0.12;
}

body.adminlte-modern .table-responsive,
body.adminlte-modern .hc-table-responsive {
	background: #fff;
	border: 1px solid var(--hc-soft-line);
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow-soft);
	margin-bottom: 18px;
	overflow-x: auto;
}

body.adminlte-modern .panel .table-responsive,
body.adminlte-modern .box .table-responsive,
body.adminlte-modern .panel .hc-table-responsive,
body.adminlte-modern .box .hc-table-responsive {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
}

body.adminlte-modern .table {
	background: #fff;
	color: var(--hc-text);
	margin-bottom: 0;
}

body.adminlte-modern .table > thead > tr > th {
	background: #0d0d0d !important;
	border: 0 !important;
	color: #fff !important;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.02em;
	padding: 12px 13px;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}

body.adminlte-modern .table > tbody > tr > td,
body.adminlte-modern .table > tbody > tr > th,
body.adminlte-modern .table > tfoot > tr > td,
body.adminlte-modern .table > tfoot > tr > th {
	border-color: var(--hc-soft-line) !important;
	color: var(--hc-text);
	padding: 11px 13px;
	vertical-align: middle;
}

body.adminlte-modern .table-striped > tbody > tr:nth-child(odd) > td,
body.adminlte-modern .table-striped > tbody > tr:nth-child(odd) > th {
	background: #fbfcfd !important;
}

body.adminlte-modern .table-hover > tbody > tr:hover > td,
body.adminlte-modern .table-hover > tbody > tr:hover > th {
	background: #f1f3f5 !important;
}

body.adminlte-modern .dataTables_wrapper .dataTables_filter,
body.adminlte-modern .dataTables_wrapper .dataTables_length {
	margin-bottom: 12px;
}

body.adminlte-modern .dataTables_wrapper .dataTables_filter input,
body.adminlte-modern .dataTables_wrapper .dataTables_length select {
	background: #fff;
	border: 1px solid var(--hc-line);
	border-radius: var(--hc-radius-sm);
	box-shadow: none;
	height: 36px;
	margin-left: 8px;
	padding: 6px 10px;
}

body.adminlte-modern .dataTables_wrapper .dataTables_info {
	color: var(--hc-text-muted);
	font-size: 12px;
	font-weight: 700;
	padding-top: 12px;
}

body.adminlte-modern .form-control,
body.adminlte-modern select.form-control,
body.adminlte-modern textarea.form-control,
body.adminlte-modern .select2-container .select2-choice,
body.adminlte-modern .select2-container-multi .select2-choices,
body.adminlte-modern .bootstrap-tagsinput,
body.adminlte-modern .input-group-addon {
	background: #fff !important;
	border: 1px solid var(--hc-line) !important;
	border-radius: var(--hc-radius-sm);
	box-shadow: none !important;
	color: var(--hc-text) !important;
	font-size: 13px;
	min-height: 36px;
}

body.adminlte-modern textarea.form-control {
	min-height: 96px;
	resize: vertical;
}

body.adminlte-modern .input-group .form-control:first-child,
body.adminlte-modern .input-group-addon:first-child {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

body.adminlte-modern .input-group .form-control:last-child,
body.adminlte-modern .input-group-addon:last-child {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

body.adminlte-modern .form-control:focus,
body.adminlte-modern .select2-container-active .select2-choice,
body.adminlte-modern .select2-dropdown-open .select2-choice,
body.adminlte-modern .bootstrap-tagsinput.focus {
	border-color: #000 !important;
	box-shadow: 0 0 0 3px var(--hc-focus) !important;
	outline: 0;
}

body.adminlte-modern label,
body.adminlte-modern .control-label {
	color: var(--hc-text);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
}

body.adminlte-modern .form-bordered .form-group {
	border-bottom-color: var(--hc-soft-line);
	margin-left: -18px;
	margin-right: -18px;
	padding: 14px 18px;
}

body.adminlte-modern .form-bordered .form-group:last-child {
	border-bottom: 0;
}

body.adminlte-modern .help-block,
body.adminlte-modern .help-inline,
body.adminlte-modern small,
body.adminlte-modern .text-muted {
	color: var(--hc-text-muted) !important;
}

body.adminlte-modern .btn {
	border-radius: var(--hc-radius-sm);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.35;
	padding: 8px 13px;
	text-transform: none;
}

body.adminlte-modern .btn i {
	margin-right: 5px;
}

body.adminlte-modern .btn-xs {
	border-radius: 5px;
	font-size: 11px;
	padding: 4px 8px;
}

body.adminlte-modern .btn-sm {
	padding: 6px 11px;
}

body.adminlte-modern .btn-lg {
	border-radius: 8px;
	font-size: 14px;
	padding: 11px 16px;
}

body.adminlte-modern .btn-primary,
body.adminlte-modern .btn-success,
body.adminlte-modern .btn-info,
body.adminlte-modern .btn-warning,
body.adminlte-modern .btn-danger,
body.adminlte-modern .btn-dark,
body.adminlte-modern .btn-black {
	background: #000 !important;
	border-color: #000 !important;
	color: #fff !important;
}

body.adminlte-modern .btn-primary:hover,
body.adminlte-modern .btn-success:hover,
body.adminlte-modern .btn-info:hover,
body.adminlte-modern .btn-warning:hover,
body.adminlte-modern .btn-danger:hover,
body.adminlte-modern .btn-dark:hover,
body.adminlte-modern .btn-black:hover,
body.adminlte-modern .btn-primary:focus,
body.adminlte-modern .btn-success:focus,
body.adminlte-modern .btn-info:focus,
body.adminlte-modern .btn-warning:focus,
body.adminlte-modern .btn-danger:focus,
body.adminlte-modern .btn-dark:focus,
body.adminlte-modern .btn-black:focus {
	background: #262626 !important;
	border-color: #262626 !important;
	box-shadow: 0 0 0 3px var(--hc-focus);
	color: #fff !important;
}

body.adminlte-modern .btn-default,
body.adminlte-modern .btn-link {
	background: #fff !important;
	border-color: #000 !important;
	color: #000 !important;
}

body.adminlte-modern .btn-default:hover,
body.adminlte-modern .btn-link:hover,
body.adminlte-modern .btn-default:focus,
body.adminlte-modern .btn-link:focus {
	background: #f2f3f5 !important;
	border-color: #000 !important;
	color: #000 !important;
}

body.adminlte-modern .btn-group > .btn + .btn {
	margin-left: 4px;
}

body.adminlte-modern .label,
body.adminlte-modern .badge,
body.adminlte-modern .status-badge {
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.03em;
	padding: 4px 8px;
	text-transform: uppercase;
}

body.adminlte-modern .label-default,
body.adminlte-modern .badge-default,
body.adminlte-modern .label-info,
body.adminlte-modern .badge-info,
body.adminlte-modern .label-success,
body.adminlte-modern .badge-success,
body.adminlte-modern .label-warning,
body.adminlte-modern .badge-warning,
body.adminlte-modern .label-danger,
body.adminlte-modern .badge-danger,
body.adminlte-modern .label-primary,
body.adminlte-modern .badge-primary {
	background: #000 !important;
	color: #fff !important;
}

body.adminlte-modern .alert {
	background: #fff !important;
	border: 1px solid var(--hc-line);
	border-left: 4px solid #000;
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow-soft);
	color: var(--hc-text);
}

body.adminlte-modern .alert strong {
	color: #000;
}

body.adminlte-modern .nav-tabs {
	border-bottom: 1px solid var(--hc-line);
}

body.adminlte-modern .nav-tabs > li > a {
	border-radius: var(--hc-radius-sm) var(--hc-radius-sm) 0 0;
	color: var(--hc-text-muted);
	font-weight: 800;
}

body.adminlte-modern .nav-tabs > li.active > a,
body.adminlte-modern .nav-tabs > li.active > a:hover,
body.adminlte-modern .nav-tabs > li.active > a:focus {
	background: #fff;
	border-color: var(--hc-line) var(--hc-line) #fff;
	color: #000;
}

body.adminlte-modern .pagination > li > a,
body.adminlte-modern .pagination > li > span {
	background: #fff;
	border-color: var(--hc-line);
	color: #000;
	font-weight: 800;
}

body.adminlte-modern .pagination > .active > a,
body.adminlte-modern .pagination > .active > span,
body.adminlte-modern .pagination > .active > a:hover,
body.adminlte-modern .pagination > .active > span:hover {
	background: #000 !important;
	border-color: #000 !important;
	color: #fff !important;
}

body.adminlte-modern .modal-content {
	border: 0;
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow);
}

body.adminlte-modern .modal-header,
body.adminlte-modern .modal-footer {
	background: var(--hc-panel-soft) !important;
	border-color: var(--hc-soft-line) !important;
}

body.adminlte-modern .modal-title {
	color: #000;
	font-weight: 800;
}

body.adminlte-modern .datepicker,
body.adminlte-modern .timepicker-picker,
body.adminlte-modern .select2-drop,
body.adminlte-modern .ui-datepicker,
body.adminlte-modern .pnotify {
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow);
}

body.adminlte-modern .fileinput .thumbnail,
body.adminlte-modern .thumbnail,
body.adminlte-modern .profile-picture img,
body.adminlte-modern .img-thumbnail {
	border-color: var(--hc-line);
	border-radius: var(--hc-radius-sm);
	box-shadow: none;
}

body.adminlte-modern .progress {
	background: #eceff2;
	border-radius: 999px;
	box-shadow: none;
	height: 9px;
}

body.adminlte-modern .progress-bar {
	background: #000 !important;
	box-shadow: none;
}

body.adminlte-modern .timeline,
body.adminlte-modern .timeline-body {
	color: var(--hc-text);
}

body.adminlte-modern .timeline .tm-icon,
body.adminlte-modern .timeline .tm-tag {
	background: #000 !important;
	color: #fff !important;
}

body.adminlte-modern .fc,
body.adminlte-modern .calendar,
body.adminlte-modern .fc-view {
	background: #fff;
	border-radius: var(--hc-radius);
}

body.adminlte-modern .fc-button {
	background: #fff;
	border-color: #000;
	color: #000;
	text-shadow: none;
}

body.adminlte-modern .fc-state-active,
body.adminlte-modern .fc-button:hover {
	background: #000;
	color: #fff;
}

body.adminlte-modern .body-sign {
	align-items: center;
	background: radial-gradient(circle at top left, #ffffff 0, #f5f6f8 35%, #eceff2 100%);
	display: flex;
	min-height: 100vh;
	padding: 28px 14px;
}

body.adminlte-modern .center-sign {
	margin: auto;
	width: min(430px, 100%);
}

body.adminlte-modern .panel-sign {
	border: 1px solid var(--hc-soft-line);
	border-radius: 10px;
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.12);
	overflow: hidden;
}

body.adminlte-modern .panel-title-sign {
	margin: 0 !important;
	text-align: left !important;
}

body.adminlte-modern .panel-title-sign .title {
	background: #000;
	border-radius: 0;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.04em;
	padding: 14px 18px;
	text-transform: uppercase;
}

body.adminlte-modern .panel-sign .panel-body {
	padding: 24px;
}

body.adminlte-modern .loading-overlay {
	background: rgba(255, 255, 255, 0.82);
}

body.adminlte-modern .bounce-loader .bounce1,
body.adminlte-modern .bounce-loader .bounce2,
body.adminlte-modern .bounce-loader .bounce3 {
	background: #000;
}

body.adminlte-modern .hc-ui-soften {
	transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body.adminlte-modern .hc-ui-soften:hover {
	transform: translateY(-1px);
}

@media (max-width: 991px) {
	body.adminlte-modern .hc-page-header {
		display: block;
	}

	body.adminlte-modern .hc-page-right {
		margin-top: 12px;
	}

	body.adminlte-modern .hc-breadcrumbs {
		display: inline-flex;
		max-width: 100%;
		overflow: hidden;
	}
}

@media only screen and (max-width: 767px) {
	body.adminlte-modern .content-body {
		padding: 16px 12px 28px;
	}

	body.adminlte-modern .header {
		height: auto;
	}

	body.adminlte-modern .header .logo-container {
		height: 60px;
	}

	body.adminlte-modern .header .logo.hc-brand {
		max-width: calc(100vw - 72px);
		padding-left: 14px;
	}

	body.adminlte-modern .header .header-right {
		align-items: center;
		height: 56px;
		margin-top: 60px;
		padding: 0 10px;
		width: 100%;
	}

	body.adminlte-modern .header .separator,
	body.adminlte-modern .header .search.nav-form {
		display: none;
	}

	body.adminlte-modern .userbox .profile-info {
		display: none;
	}

	body.adminlte-modern .hc-page-header h2 {
		font-size: 21px;
	}

	body.adminlte-modern .hc-page-kicker {
		font-size: 11px;
	}

	body.adminlte-modern .hc-page-kicker span {
		display: block;
		border: 0;
		margin: 4px 0 0;
		padding: 0;
	}

	body.adminlte-modern .hc-breadcrumbs {
		border-radius: var(--hc-radius-sm);
		display: block;
		line-height: 1.9;
	}

	body.adminlte-modern .panel-body,
	body.adminlte-modern .panel-heading,
	body.adminlte-modern .panel-footer,
	body.adminlte-modern .box-body,
	body.adminlte-modern .box-header,
	body.adminlte-modern .box-footer {
		padding-left: 13px;
		padding-right: 13px;
	}

	body.adminlte-modern .form-horizontal .control-label {
		margin-bottom: 6px;
		text-align: left;
	}

	body.adminlte-modern .btn-group > .btn + .btn {
		margin-left: 0;
	}
}

/* Industry-level rich interface theme. This final layer intentionally moves beyond monochrome. */
body.adminlte-modern {
	--hc-primary: #145da0;
	--hc-primary-deep: #0d3f6f;
	--hc-primary-soft: #e8f2fb;
	--hc-teal: #0d9488;
	--hc-teal-soft: #e6f7f5;
	--hc-gold: #d69b2d;
	--hc-gold-soft: #fff5df;
	--hc-danger: #c43b4a;
	--hc-danger-soft: #fdecef;
	--hc-success: #11845b;
	--hc-success-soft: #e8f7ef;
	--hc-warning: #b86b00;
	--hc-warning-soft: #fff3df;
	--hc-info: #2276a8;
	--hc-info-soft: #e9f5fb;
	--hc-ink: #172033;
	--hc-sidebar: #111b2d;
	--hc-sidebar-soft: #18263f;
	--hc-page: #f3f6fb;
	--hc-panel: #ffffff;
	--hc-panel-soft: #f8fafd;
	--hc-text: #1e293b;
	--hc-text-soft: #52606f;
	--hc-text-muted: #7b8794;
	--hc-line: #d9e2ec;
	--hc-soft-line: #e8edf3;
	--hc-focus: rgba(20, 93, 160, 0.18);
	--hc-shadow: 0 18px 44px rgba(17, 27, 45, 0.13);
	--hc-shadow-soft: 0 8px 22px rgba(17, 27, 45, 0.08);
	background: var(--hc-page);
	color: var(--hc-text);
	letter-spacing: 0 !important;
}

body.adminlte-modern *,
body.adminlte-modern *:before,
body.adminlte-modern *:after {
	letter-spacing: 0 !important;
}

body.adminlte-modern .body,
body.adminlte-modern .inner-wrapper,
body.adminlte-modern .content-body {
	background: linear-gradient(180deg, #eef4fb 0, var(--hc-page) 230px, var(--hc-page) 100%);
}

body.adminlte-modern .content-body {
	padding: 26px 30px 42px;
}

body.adminlte-modern .header {
	background: #ffffff;
	border-bottom: 1px solid var(--hc-soft-line);
	box-shadow: 0 8px 24px rgba(17, 27, 45, 0.08);
	height: 60px;
}

body.adminlte-modern .header .logo-container {
	background: linear-gradient(135deg, #10213b 0, var(--hc-primary) 66%, var(--hc-teal) 100%);
	box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.14);
	height: 60px;
}

body.adminlte-modern .header .logo.hc-brand img {
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 7px 16px rgba(0, 0, 0, 0.16);
}

body.adminlte-modern .hc-brand-title,
body.adminlte-modern .hc-brand-subtitle {
	color: #fff;
}

body.adminlte-modern .hc-brand-subtitle {
	opacity: 0.72;
}

body.adminlte-modern .header .header-right {
	background: #ffffff;
	box-shadow: none;
}

body.adminlte-modern .header .separator {
	background: var(--hc-soft-line);
}

body.adminlte-modern .header .hc-session-pill {
	background: var(--hc-primary-soft);
	border-color: rgba(20, 93, 160, 0.2);
	color: var(--hc-primary-deep) !important;
}

body.adminlte-modern .header .hc-session-pill:hover,
body.adminlte-modern .header .hc-session-pill:focus {
	background: var(--hc-primary);
	border-color: var(--hc-primary);
	color: #fff !important;
}

body.adminlte-modern .header .notifications > li .notification-icon {
	background: #ffffff;
	border-color: var(--hc-soft-line);
	box-shadow: 0 5px 14px rgba(17, 27, 45, 0.08);
	color: var(--hc-primary-deep) !important;
}

body.adminlte-modern .header .notifications > li .notification-icon:hover,
body.adminlte-modern .header .notifications > li.open .notification-icon {
	background: var(--hc-primary);
	border-color: var(--hc-primary);
	color: #fff !important;
}

body.adminlte-modern .header .notifications .badge {
	background: var(--hc-danger) !important;
	border-color: #fff;
	color: #fff !important;
}

body.adminlte-modern .userbox > a {
	background: #ffffff;
	border-color: var(--hc-soft-line);
	box-shadow: 0 5px 14px rgba(17, 27, 45, 0.08);
}

body.adminlte-modern .userbox.open > a,
body.adminlte-modern .userbox > a:hover {
	background: var(--hc-primary-soft);
	color: var(--hc-primary-deep) !important;
}

body.adminlte-modern .userbox .profile-picture img {
	border-color: #ffffff;
	box-shadow: 0 0 0 2px rgba(20, 93, 160, 0.18);
}

body.adminlte-modern .userbox .profile-info .name {
	color: var(--hc-text);
}

body.adminlte-modern .userbox .profile-info .role {
	color: var(--hc-text-muted);
}

body.adminlte-modern .userbox .custom-caret {
	border-top-color: var(--hc-text-muted);
}

body.adminlte-modern .userbox.open .profile-info .name,
body.adminlte-modern .userbox > a:hover .profile-info .name,
body.adminlte-modern .userbox.open .custom-caret,
body.adminlte-modern .userbox > a:hover .custom-caret {
	color: var(--hc-primary-deep) !important;
}

body.adminlte-modern .dropdown-menu,
body.adminlte-modern .notification-menu {
	border-color: var(--hc-soft-line);
	box-shadow: var(--hc-shadow);
}

body.adminlte-modern .notification-menu .notification-title {
	background: linear-gradient(135deg, var(--hc-primary-deep), var(--hc-primary));
	color: #fff;
}

body.adminlte-modern .sidebar-left {
	background: linear-gradient(180deg, #101827 0, var(--hc-sidebar) 48%, #102b37 100%);
	box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.09);
}

body.adminlte-modern .sidebar-left .sidebar-header {
	background: rgba(4, 12, 25, 0.72);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.adminlte-modern .sidebar-left .sidebar-title {
	color: rgba(255, 255, 255, 0.58) !important;
}

body.adminlte-modern .sidebar-left .nano,
body.adminlte-modern .sidebar-left .nano-content {
	background: transparent;
}

body.adminlte-modern .sidebar-left .nav-main li a {
	color: rgba(232, 240, 249, 0.78) !important;
}

body.adminlte-modern .sidebar-left .nav-main li a i {
	color: rgba(232, 240, 249, 0.72) !important;
}

body.adminlte-modern .sidebar-left .nav-main > li > a:hover,
body.adminlte-modern .sidebar-left .nav-main > li.nav-active > a,
body.adminlte-modern .sidebar-left .nav-main li.nav-parent.nav-expanded > a {
	background: rgba(255, 255, 255, 0.12) !important;
	box-shadow: inset 3px 0 0 var(--hc-gold);
	color: #ffffff !important;
}

body.adminlte-modern .sidebar-left .nav-main > li > a:hover i,
body.adminlte-modern .sidebar-left .nav-main > li.nav-active > a i,
body.adminlte-modern .sidebar-left .nav-main li.nav-parent.nav-expanded > a i {
	color: var(--hc-gold) !important;
}

body.adminlte-modern .sidebar-left .nav-main ul.nav-children {
	background: rgba(255, 255, 255, 0.075);
	border-color: rgba(255, 255, 255, 0.08);
}

body.adminlte-modern .sidebar-left .nav-main ul.nav-children li.nav-active > a,
body.adminlte-modern .sidebar-left .nav-main ul.nav-children li a:hover {
	background: rgba(20, 93, 160, 0.32) !important;
	color: #ffffff !important;
}

body.adminlte-modern .hc-page-header {
	background: linear-gradient(135deg, #ffffff 0, #f8fbff 58%, #fff8eb 100%);
	border: 1px solid var(--hc-soft-line);
	border-left: 4px solid var(--hc-primary);
	border-radius: 8px;
	box-shadow: var(--hc-shadow-soft);
	margin-bottom: 22px;
	padding: 18px 20px;
}

body.adminlte-modern .hc-page-header h2 {
	color: var(--hc-ink);
	font-size: 25px;
	font-weight: 800;
}

body.adminlte-modern .hc-page-kicker {
	color: var(--hc-text-muted);
}

body.adminlte-modern .hc-page-kicker span {
	border-left-color: var(--hc-line);
	color: var(--hc-primary-deep);
}

body.adminlte-modern .hc-breadcrumbs {
	background: rgba(255, 255, 255, 0.82);
	border-color: var(--hc-soft-line);
	box-shadow: none;
}

body.adminlte-modern .hc-breadcrumbs > li,
body.adminlte-modern .hc-breadcrumbs > li a {
	color: var(--hc-text-soft);
}

body.adminlte-modern .panel,
body.adminlte-modern .box,
body.adminlte-modern .tabs,
body.adminlte-modern .well,
body.adminlte-modern .invoice,
body.adminlte-modern .profile-info-panel,
body.adminlte-modern .table-responsive,
body.adminlte-modern .hc-table-responsive {
	border-color: var(--hc-soft-line) !important;
	border-radius: 8px;
	box-shadow: var(--hc-shadow-soft);
}

body.adminlte-modern .panel-heading,
body.adminlte-modern .box-header {
	background: linear-gradient(180deg, #ffffff 0, #f7faff 100%) !important;
	border-bottom-color: var(--hc-soft-line) !important;
}

body.adminlte-modern .panel-heading:before,
body.adminlte-modern .box-header:before {
	background: linear-gradient(180deg, var(--hc-primary), var(--hc-teal));
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 3px;
}

body.adminlte-modern .panel-heading,
body.adminlte-modern .box-header {
	position: relative;
}

body.adminlte-modern .panel-title,
body.adminlte-modern .panel-heading h2,
body.adminlte-modern .panel-heading h3,
body.adminlte-modern .panel-heading h4,
body.adminlte-modern .box-title {
	color: var(--hc-ink);
}

body.adminlte-modern .small-box,
body.adminlte-modern .info-box,
body.adminlte-modern .tile-box,
body.adminlte-modern .widget-summary,
body.adminlte-modern .summary,
body.adminlte-modern .dashboard-card {
	background: linear-gradient(135deg, #ffffff 0, #f7fbff 100%) !important;
	border-color: var(--hc-soft-line);
	border-radius: 8px;
	box-shadow: var(--hc-shadow-soft);
}

body.adminlte-modern .small-box h3,
body.adminlte-modern .tile-box .num,
body.adminlte-modern .widget-summary .summary .amount,
body.adminlte-modern .summary .amount {
	color: var(--hc-primary-deep) !important;
}

body.adminlte-modern .small-box p,
body.adminlte-modern .tile-box p,
body.adminlte-modern .widget-summary .summary .title,
body.adminlte-modern .summary .title {
	color: var(--hc-text-soft) !important;
}

body.adminlte-modern .small-box .icon,
body.adminlte-modern .tile-box i,
body.adminlte-modern .widget-summary .summary-icon {
	color: var(--hc-primary) !important;
	opacity: 0.16;
}

body.adminlte-modern .table > thead > tr > th {
	background: linear-gradient(135deg, var(--hc-primary-deep), var(--hc-primary)) !important;
	color: #ffffff !important;
}

body.adminlte-modern .table > tbody > tr > td,
body.adminlte-modern .table > tbody > tr > th,
body.adminlte-modern .table > tfoot > tr > td,
body.adminlte-modern .table > tfoot > tr > th {
	color: var(--hc-text);
}

body.adminlte-modern .table-striped > tbody > tr:nth-child(odd) > td,
body.adminlte-modern .table-striped > tbody > tr:nth-child(odd) > th {
	background: #f9fbfe !important;
}

body.adminlte-modern .table-hover > tbody > tr:hover > td,
body.adminlte-modern .table-hover > tbody > tr:hover > th {
	background: var(--hc-primary-soft) !important;
}

body.adminlte-modern .form-control,
body.adminlte-modern select.form-control,
body.adminlte-modern textarea.form-control,
body.adminlte-modern .select2-container .select2-choice,
body.adminlte-modern .select2-container-multi .select2-choices,
body.adminlte-modern .bootstrap-tagsinput,
body.adminlte-modern .input-group-addon {
	border-color: var(--hc-line) !important;
	color: var(--hc-text) !important;
}

body.adminlte-modern .form-control:focus,
body.adminlte-modern .select2-container-active .select2-choice,
body.adminlte-modern .select2-dropdown-open .select2-choice,
body.adminlte-modern .bootstrap-tagsinput.focus {
	border-color: var(--hc-primary) !important;
	box-shadow: 0 0 0 3px var(--hc-focus) !important;
}

body.adminlte-modern label,
body.adminlte-modern .control-label {
	color: var(--hc-ink);
}

body.adminlte-modern .btn-primary,
body.adminlte-modern .btn-dark,
body.adminlte-modern .btn-black {
	background: linear-gradient(135deg, var(--hc-primary-deep), var(--hc-primary)) !important;
	border-color: var(--hc-primary) !important;
	color: #ffffff !important;
}

body.adminlte-modern .btn-success {
	background: linear-gradient(135deg, #0d6f55, var(--hc-success)) !important;
	border-color: var(--hc-success) !important;
	color: #ffffff !important;
}

body.adminlte-modern .btn-info {
	background: linear-gradient(135deg, #176083, var(--hc-info)) !important;
	border-color: var(--hc-info) !important;
	color: #ffffff !important;
}

body.adminlte-modern .btn-warning {
	background: linear-gradient(135deg, #a65f00, var(--hc-gold)) !important;
	border-color: var(--hc-gold) !important;
	color: #ffffff !important;
}

body.adminlte-modern .btn-danger {
	background: linear-gradient(135deg, #992d3d, var(--hc-danger)) !important;
	border-color: var(--hc-danger) !important;
	color: #ffffff !important;
}

body.adminlte-modern .btn-primary:hover,
body.adminlte-modern .btn-success:hover,
body.adminlte-modern .btn-info:hover,
body.adminlte-modern .btn-warning:hover,
body.adminlte-modern .btn-danger:hover,
body.adminlte-modern .btn-dark:hover,
body.adminlte-modern .btn-black:hover,
body.adminlte-modern .btn-primary:focus,
body.adminlte-modern .btn-success:focus,
body.adminlte-modern .btn-info:focus,
body.adminlte-modern .btn-warning:focus,
body.adminlte-modern .btn-danger:focus,
body.adminlte-modern .btn-dark:focus,
body.adminlte-modern .btn-black:focus {
	filter: brightness(0.96);
	box-shadow: 0 0 0 3px var(--hc-focus);
}

body.adminlte-modern .btn-default,
body.adminlte-modern .btn-link {
	background: #ffffff !important;
	border-color: var(--hc-line) !important;
	color: var(--hc-primary-deep) !important;
}

body.adminlte-modern .btn-default:hover,
body.adminlte-modern .btn-link:hover,
body.adminlte-modern .btn-default:focus,
body.adminlte-modern .btn-link:focus {
	background: var(--hc-primary-soft) !important;
	border-color: rgba(20, 93, 160, 0.28) !important;
	color: var(--hc-primary-deep) !important;
}

body.adminlte-modern .label-primary,
body.adminlte-modern .badge-primary {
	background: var(--hc-primary) !important;
}

body.adminlte-modern .label-success,
body.adminlte-modern .badge-success {
	background: var(--hc-success) !important;
}

body.adminlte-modern .label-info,
body.adminlte-modern .badge-info {
	background: var(--hc-info) !important;
}

body.adminlte-modern .label-warning,
body.adminlte-modern .badge-warning {
	background: var(--hc-warning) !important;
}

body.adminlte-modern .label-danger,
body.adminlte-modern .badge-danger {
	background: var(--hc-danger) !important;
}

body.adminlte-modern .alert-info {
	background: var(--hc-info-soft) !important;
	border-left-color: var(--hc-info);
}

body.adminlte-modern .alert-success {
	background: var(--hc-success-soft) !important;
	border-left-color: var(--hc-success);
}

body.adminlte-modern .alert-warning {
	background: var(--hc-warning-soft) !important;
	border-left-color: var(--hc-warning);
}

body.adminlte-modern .alert-danger,
body.adminlte-modern .alert-primary {
	background: var(--hc-danger-soft) !important;
	border-left-color: var(--hc-danger);
}

body.adminlte-modern .nav-tabs > li.active > a,
body.adminlte-modern .nav-tabs > li.active > a:hover,
body.adminlte-modern .nav-tabs > li.active > a:focus {
	color: var(--hc-primary-deep);
}

body.adminlte-modern .pagination > .active > a,
body.adminlte-modern .pagination > .active > span,
body.adminlte-modern .pagination > .active > a:hover,
body.adminlte-modern .pagination > .active > span:hover {
	background: var(--hc-primary) !important;
	border-color: var(--hc-primary) !important;
}

body.adminlte-modern .progress-bar {
	background: linear-gradient(90deg, var(--hc-primary), var(--hc-teal)) !important;
}

body.adminlte-modern .timeline .tm-icon,
body.adminlte-modern .timeline .tm-tag {
	background: var(--hc-primary) !important;
}

body.adminlte-modern .fc-state-active,
body.adminlte-modern .fc-button:hover {
	background: var(--hc-primary);
	border-color: var(--hc-primary);
	color: #ffffff;
}

body.adminlte-modern.hc-auth-body {
	background: #eef4fb;
	min-height: 100vh;
}

body.adminlte-modern.hc-auth-body .body-sign,
body.adminlte-modern .hc-auth-page {
	align-items: center;
	background:
		linear-gradient(135deg, rgba(20, 93, 160, 0.12) 0, rgba(13, 148, 136, 0.08) 44%, rgba(214, 155, 45, 0.12) 100%),
		linear-gradient(180deg, #f8fbff 0, #eef4fb 100%);
	display: flex;
	height: auto;
	margin: 0;
	max-width: none;
	min-height: 100vh;
	padding: 30px;
	width: 100%;
}

body.adminlte-modern .hc-auth-shell {
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(255, 255, 255, 0.78);
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(17, 27, 45, 0.18);
	display: grid;
	grid-template-columns: minmax(320px, 1fr) minmax(360px, 440px);
	margin: auto;
	max-width: 1040px;
	overflow: hidden;
	width: 100%;
}

body.adminlte-modern .hc-auth-showcase {
	background:
		linear-gradient(135deg, rgba(13, 148, 136, 0.16) 0, rgba(20, 93, 160, 0.08) 48%, rgba(214, 155, 45, 0.18) 100%),
		linear-gradient(145deg, #10213b 0, #145da0 70%, #0d9488 100%);
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 560px;
	padding: 38px;
}

body.adminlte-modern .hc-auth-brand-lockup {
	align-items: center;
	display: flex;
	gap: 13px;
}

body.adminlte-modern .hc-auth-brand-lockup img {
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
	height: 52px;
	object-fit: contain;
	padding: 5px;
	width: 52px;
}

body.adminlte-modern .hc-auth-brand-lockup span {
	color: rgba(255, 255, 255, 0.84);
	font-size: 13px;
	font-weight: 800;
}

body.adminlte-modern .hc-auth-eyebrow {
	color: var(--hc-gold-soft);
	font-size: 12px;
	font-weight: 800;
	margin-bottom: 12px;
	text-transform: uppercase;
}

body.adminlte-modern .hc-auth-showcase h1 {
	color: #ffffff;
	font-size: 34px;
	font-weight: 800;
	line-height: 1.16;
	margin: 0 0 14px;
	max-width: 560px;
}

body.adminlte-modern .hc-auth-showcase-copy p:last-child {
	color: rgba(255, 255, 255, 0.82);
	font-size: 15px;
	line-height: 1.7;
	margin: 0;
	max-width: 520px;
}

body.adminlte-modern .hc-auth-role-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.adminlte-modern .hc-auth-role-grid span {
	align-items: center;
	background: rgba(255, 255, 255, 0.13);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	color: #ffffff;
	display: flex;
	font-size: 12px;
	font-weight: 800;
	gap: 9px;
	min-height: 44px;
	padding: 10px 12px;
}

body.adminlte-modern .hc-auth-role-grid i {
	color: var(--hc-gold-soft);
	width: 16px;
}

body.adminlte-modern .hc-auth-card-wrap,
body.adminlte-modern .center-sign.hc-auth-card-wrap {
	align-self: center;
	display: block;
	margin: 0;
	padding: 34px;
	vertical-align: initial;
	width: auto;
}

body.adminlte-modern .hc-auth-card-wrap .errors-container {
	margin-bottom: 14px;
}

body.adminlte-modern .hc-auth-card-wrap .errors-container:empty {
	display: none;
}

body.adminlte-modern .hc-auth-card {
	border: 0 !important;
	border-radius: 8px;
	box-shadow: none;
	margin: 0;
}

body.adminlte-modern .hc-auth-card .panel-title-sign .title {
	background: transparent;
	color: var(--hc-primary-deep);
	font-size: 15px;
	padding: 0 0 14px;
}

body.adminlte-modern .hc-auth-card .panel-body {
	padding: 0;
}

body.adminlte-modern .hc-auth-card-heading {
	margin-bottom: 18px;
}

body.adminlte-modern .hc-auth-card-heading img {
	background: #ffffff;
	border: 1px solid var(--hc-soft-line);
	border-radius: 8px;
	height: 64px;
	object-fit: contain;
	padding: 6px;
}

body.adminlte-modern .hc-auth-card-heading h5 {
	color: var(--hc-ink);
	font-size: 18px;
	font-weight: 800;
	margin: 12px 0 4px;
}

body.adminlte-modern .hc-auth-card-heading p {
	color: var(--hc-text-muted);
	margin: 0;
}

body.adminlte-modern .hc-auth-card hr {
	border-color: var(--hc-soft-line);
	margin: 18px 0;
}

body.adminlte-modern .hc-auth-card .input-lg {
	border-radius: 8px;
	height: 46px;
}

body.adminlte-modern .hc-auth-card .input-group-addon {
	background: var(--hc-primary-soft) !important;
	color: var(--hc-primary-deep) !important;
}

body.adminlte-modern .hc-auth-card .btn {
	border-radius: 8px;
	min-height: 42px;
}

body.adminlte-modern .hc-auth-card-wrap > .text-muted,
body.adminlte-modern .hc-auth-card + .text-muted,
body.adminlte-modern .panel-sign + .text-muted {
	color: var(--hc-text-muted) !important;
}

@media (max-width: 991px) {
	body.adminlte-modern .hc-auth-shell {
		grid-template-columns: 1fr;
		max-width: 560px;
	}

	body.adminlte-modern .hc-auth-showcase {
		min-height: auto;
		padding: 28px;
	}

	body.adminlte-modern .hc-auth-showcase-copy {
		margin: 34px 0;
	}
}

@media only screen and (max-width: 767px) {
	body.adminlte-modern .content-body {
		padding: 16px 12px 30px;
	}

	body.adminlte-modern .header .header-right {
		background: #ffffff;
	}

	body.adminlte-modern .hc-page-header {
		padding: 15px;
	}

	body.adminlte-modern.hc-auth-body .body-sign,
	body.adminlte-modern .hc-auth-page {
		padding: 14px;
	}

	body.adminlte-modern .hc-auth-showcase {
		padding: 22px;
	}

	body.adminlte-modern .hc-auth-showcase h1 {
		font-size: 26px;
	}

	body.adminlte-modern .hc-auth-role-grid {
		grid-template-columns: 1fr;
	}

	body.adminlte-modern .hc-auth-card-wrap,
	body.adminlte-modern .center-sign.hc-auth-card-wrap {
		padding: 22px;
	}
}

/* Layout stability fixes for the fixed Porto/AdminLTE hybrid shell. */
@media only screen and (min-width: 768px) {
	html.fixed body.adminlte-modern .inner-wrapper {
		padding-top: 60px !important;
	}

	html.fixed body.adminlte-modern .page-header,
	html.fixed body.adminlte-modern .hc-page-header,
	html.fixed.sidebar-left-collapsed body.adminlte-modern .page-header,
	html.fixed.sidebar-left-collapsed body.adminlte-modern .hc-page-header,
	html.fixed.sidebar-left-sm body.adminlte-modern .page-header,
	html.fixed.sidebar-left-sm body.adminlte-modern .hc-page-header,
	html.fixed.sidebar-left-xs body.adminlte-modern .page-header,
	html.fixed.sidebar-left-xs body.adminlte-modern .hc-page-header {
		left: auto !important;
		margin: 0 0 22px !important;
		position: relative !important;
		right: auto !important;
		top: auto !important;
		z-index: 1 !important;
	}

	html.fixed body.adminlte-modern .header {
		align-items: stretch;
		display: flex;
		overflow: visible;
	}

	html.fixed body.adminlte-modern .header .logo-container {
		flex: 0 0 300px;
		position: relative;
		width: 300px;
	}

	html.fixed.sidebar-left-sm body.adminlte-modern .header .logo-container {
		flex-basis: 250px;
		width: 250px;
	}

	html.fixed.sidebar-left-xs body.adminlte-modern .header .logo-container {
		flex-basis: 200px;
		width: 200px;
	}

	html.fixed.sidebar-left-collapsed body.adminlte-modern .header .logo-container {
		flex-basis: 73px;
		width: 73px;
	}

	html.fixed.sidebar-left-collapsed body.adminlte-modern .header .logo.hc-brand {
		justify-content: center;
		padding: 0;
		width: 73px;
	}

	html.fixed.sidebar-left-collapsed body.adminlte-modern .hc-brand-text {
		display: none;
	}

	html.fixed body.adminlte-modern .header .header-right {
		flex: 1 1 auto;
		float: none !important;
		min-width: 0;
		position: relative;
		width: auto;
		z-index: 2;
	}

	html.fixed body.adminlte-modern .content-body {
		padding-top: 26px;
	}

	html.fixed body.adminlte-modern .sidebar-left {
		z-index: 1010;
	}

	html.fixed body.adminlte-modern .header {
		z-index: 1040;
	}
}

body.adminlte-modern .sidebar-left .nav-main li.nav-parent > a:after {
	color: rgba(255, 255, 255, 0.58);
	line-height: 1;
	padding: 12px 14px;
	right: 4px;
	top: 2px;
}

body.adminlte-modern .sidebar-left .nav-main li.nav-parent > a {
	padding-right: 42px;
}

body.adminlte-modern .sidebar-left .nav-main li.nav-parent > ul.nav-children {
	display: none;
}

body.adminlte-modern .sidebar-left .nav-main li.nav-parent.nav-expanded > ul.nav-children {
	display: block;
}

html.sidebar-left-collapsed body.adminlte-modern .sidebar-left .nav-main li.nav-parent > a {
	padding-right: 12px;
}

html.sidebar-left-collapsed body.adminlte-modern .sidebar-left .nav-main li.nav-parent > a:after {
	display: none;
}

html.sidebar-left-collapsed body.adminlte-modern .sidebar-left .nano:hover .nav-main li.nav-parent > a {
	padding-right: 42px;
}

html.sidebar-left-collapsed body.adminlte-modern .sidebar-left .nano:hover .nav-main li.nav-parent > a:after {
	display: block;
}

@media only screen and (max-width: 767px) {
	body.adminlte-modern .header {
		overflow: visible;
	}

	body.adminlte-modern .hc-page-header,
	body.adminlte-modern .page-header {
		position: relative !important;
		top: auto !important;
		z-index: 1 !important;
	}
}

/* 2026 professional refinement layer: richer, calmer, denser, and tablet-aware. */
body.adminlte-modern {
	--ui26-navy-950: #08111f;
	--ui26-navy-900: #0d1b2f;
	--ui26-navy-800: #14243d;
	--ui26-blue-700: #155fb8;
	--ui26-blue-600: #2374d1;
	--ui26-blue-500: #3488e6;
	--ui26-cyan-600: #0e99ac;
	--ui26-teal-600: #0f9f87;
	--ui26-amber-500: #d99a28;
	--ui26-rose-600: #c43b55;
	--ui26-green-600: #13835f;
	--ui26-page: #f4f7fb;
	--ui26-surface: #ffffff;
	--ui26-surface-2: #f8fbff;
	--ui26-border: #dce6f1;
	--ui26-border-soft: #eaf0f7;
	--ui26-text: #1d2939;
	--ui26-muted: #667085;
	--ui26-shadow-sm: 0 8px 22px rgba(15, 23, 42, 0.075);
	--ui26-shadow-md: 0 18px 42px rgba(15, 23, 42, 0.12);
	background:
		linear-gradient(180deg, rgba(35, 116, 209, 0.07) 0, rgba(15, 159, 135, 0.035) 240px, transparent 520px),
		var(--ui26-page);
	color: var(--ui26-text);
	font-family: "Inter", "Open Sans", "Segoe UI", Arial, sans-serif;
}

body.adminlte-modern .body,
body.adminlte-modern .inner-wrapper,
body.adminlte-modern .content-body {
	background: transparent;
}

body.adminlte-modern .content-body {
	padding: 28px 30px 44px;
}

body.adminlte-modern .header {
	background: rgba(255, 255, 255, 0.96);
	border-bottom: 1px solid rgba(220, 230, 241, 0.9);
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.075);
}

body.adminlte-modern .header .logo-container {
	background:
		linear-gradient(135deg, rgba(14, 153, 172, 0.32), rgba(217, 154, 40, 0.16)),
		linear-gradient(135deg, var(--ui26-navy-950) 0, var(--ui26-navy-900) 45%, #12395e 100%);
}

body.adminlte-modern .header .logo.hc-brand {
	max-width: 100%;
}

body.adminlte-modern .hc-brand-title {
	font-size: 13px;
	line-height: 1.25;
	max-width: 200px;
}

body.adminlte-modern .hc-brand-subtitle {
	color: rgba(255, 255, 255, 0.68);
	font-size: 9px;
}

body.adminlte-modern .header .header-right {
	gap: 12px;
	padding-right: 20px;
}

body.adminlte-modern .header .separator {
	display: none;
}

body.adminlte-modern .header .hc-session-pill,
body.adminlte-modern .header .notifications > li .notification-icon,
body.adminlte-modern .userbox > a {
	border-color: rgba(220, 230, 241, 0.95);
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.07);
}

body.adminlte-modern .header .hc-session-pill {
	background: linear-gradient(135deg, #eef6ff, #f5fbff);
	color: var(--ui26-blue-700) !important;
}

body.adminlte-modern .header .notifications > li .notification-icon {
	color: var(--ui26-blue-700) !important;
}

body.adminlte-modern .header .notifications > li .notification-icon:hover,
body.adminlte-modern .header .notifications > li.open .notification-icon,
body.adminlte-modern .header .hc-session-pill:hover,
body.adminlte-modern .header .hc-session-pill:focus {
	background: linear-gradient(135deg, var(--ui26-blue-700), var(--ui26-cyan-600));
	color: #fff !important;
}

body.adminlte-modern .userbox > a:hover,
body.adminlte-modern .userbox.open > a {
	background: #eef6ff;
	border-color: rgba(35, 116, 209, 0.22);
}

body.adminlte-modern .sidebar-left {
	background:
		linear-gradient(180deg, rgba(14, 153, 172, 0.08) 0, transparent 42%),
		linear-gradient(180deg, var(--ui26-navy-950) 0, var(--ui26-navy-900) 58%, #102b3a 100%);
}

body.adminlte-modern .sidebar-left .sidebar-header {
	background: rgba(5, 13, 27, 0.78);
	height: 54px;
}

body.adminlte-modern .sidebar-left .sidebar-title {
	font-size: 10px;
	letter-spacing: 0.08em !important;
	line-height: 54px;
}

body.adminlte-modern .nav-main {
	padding: 14px 10px 34px;
}

body.adminlte-modern .sidebar-left .nav-main > li {
	margin: 4px 0;
}

body.adminlte-modern .sidebar-left .nav-main li a {
	border-radius: 8px;
	font-size: 12px;
	font-weight: 700;
	min-height: 42px;
	padding-bottom: 11px;
	padding-top: 11px;
}

body.adminlte-modern .sidebar-left .nav-main li a i {
	font-size: 14px;
	margin-right: 10px;
	opacity: 0.92;
}

body.adminlte-modern .sidebar-left .nav-main > li > a:hover,
body.adminlte-modern .sidebar-left .nav-main > li.nav-active > a,
body.adminlte-modern .sidebar-left .nav-main li.nav-parent.nav-expanded > a {
	background:
		linear-gradient(135deg, rgba(35, 116, 209, 0.28), rgba(14, 153, 172, 0.18)) !important;
	box-shadow: inset 3px 0 0 var(--ui26-amber-500), 0 8px 18px rgba(0, 0, 0, 0.14);
}

body.adminlte-modern .sidebar-left .nav-main > li > a:hover i,
body.adminlte-modern .sidebar-left .nav-main > li.nav-active > a i,
body.adminlte-modern .sidebar-left .nav-main li.nav-parent.nav-expanded > a i {
	color: #ffe4ad !important;
}

body.adminlte-modern .sidebar-left .nav-main ul.nav-children {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.09);
	margin: 7px 0 10px;
	padding: 8px;
}

body.adminlte-modern .sidebar-left .nav-main ul.nav-children li a {
	font-size: 11px;
	min-height: 34px;
	padding-bottom: 8px;
	padding-top: 8px;
}

body.adminlte-modern .hc-page-header {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0, rgba(248, 251, 255, 0.98) 58%, rgba(255, 249, 237, 0.92) 100%);
	border: 1px solid rgba(220, 230, 241, 0.9);
	border-left: 4px solid var(--ui26-blue-700);
	box-shadow: var(--ui26-shadow-sm);
	padding: 18px 20px;
}

body.adminlte-modern .hc-page-header h2 {
	color: var(--ui26-navy-900);
	font-size: 24px;
	font-weight: 800;
	line-height: 1.2;
}

body.adminlte-modern .hc-page-kicker {
	color: var(--ui26-muted);
	font-size: 11px;
	font-weight: 800;
	margin-top: 7px;
}

body.adminlte-modern .hc-breadcrumbs {
	background: #fff;
	border-color: var(--ui26-border-soft);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75);
}

body.adminlte-modern .panel,
body.adminlte-modern .box,
body.adminlte-modern .tabs,
body.adminlte-modern .well,
body.adminlte-modern .invoice,
body.adminlte-modern .profile-info-panel,
body.adminlte-modern .table-responsive,
body.adminlte-modern .hc-table-responsive {
	background: var(--ui26-surface);
	border-color: var(--ui26-border-soft) !important;
	box-shadow: var(--ui26-shadow-sm);
}

body.adminlte-modern .panel:hover,
body.adminlte-modern .box:hover,
body.adminlte-modern .small-box:hover,
body.adminlte-modern .info-box:hover,
body.adminlte-modern .widget-summary:hover,
body.adminlte-modern .tile-box:hover {
	box-shadow: var(--ui26-shadow-md);
}

body.adminlte-modern .panel-heading,
body.adminlte-modern .box-header {
	background: linear-gradient(180deg, #ffffff 0, #f7faff 100%) !important;
	min-height: 50px;
	padding: 15px 18px;
}

body.adminlte-modern .panel-title,
body.adminlte-modern .panel-heading h2,
body.adminlte-modern .panel-heading h3,
body.adminlte-modern .panel-heading h4,
body.adminlte-modern .box-title {
	color: var(--ui26-navy-900);
	font-size: 14px;
	font-weight: 800;
}

body.adminlte-modern .panel-body,
body.adminlte-modern .box-body,
body.adminlte-modern .tab-content,
body.adminlte-modern .well {
	padding: 18px;
}

body.adminlte-modern .small-box,
body.adminlte-modern .info-box,
body.adminlte-modern .tile-box,
body.adminlte-modern .widget-summary,
body.adminlte-modern .summary,
body.adminlte-modern .dashboard-card {
	background:
		linear-gradient(135deg, #ffffff 0, #f7fbff 72%, #fffaf1 100%) !important;
	border: 1px solid var(--ui26-border-soft);
}

body.adminlte-modern .small-box h3,
body.adminlte-modern .tile-box .num,
body.adminlte-modern .widget-summary .summary .amount,
body.adminlte-modern .summary .amount {
	color: var(--ui26-blue-700) !important;
	font-size: 30px;
}

body.adminlte-modern .small-box .icon,
body.adminlte-modern .tile-box i,
body.adminlte-modern .widget-summary .summary-icon {
	color: var(--ui26-blue-700) !important;
	opacity: 0.14;
}

body.adminlte-modern .table-responsive,
body.adminlte-modern .hc-table-responsive {
	border-radius: 8px;
}

body.adminlte-modern .table > thead > tr > th {
	background: linear-gradient(135deg, var(--ui26-navy-900), var(--ui26-blue-700)) !important;
	font-size: 10px;
	font-weight: 800;
	padding: 12px 13px;
}

body.adminlte-modern .table > tbody > tr > td,
body.adminlte-modern .table > tbody > tr > th,
body.adminlte-modern .table > tfoot > tr > td,
body.adminlte-modern .table > tfoot > tr > th {
	border-color: var(--ui26-border-soft) !important;
	font-size: 12px;
	padding: 11px 13px;
}

body.adminlte-modern .table-hover > tbody > tr:hover > td,
body.adminlte-modern .table-hover > tbody > tr:hover > th {
	background: #edf6ff !important;
}

body.adminlte-modern .form-control,
body.adminlte-modern select.form-control,
body.adminlte-modern textarea.form-control,
body.adminlte-modern .select2-container .select2-choice,
body.adminlte-modern .select2-container-multi .select2-choices,
body.adminlte-modern .bootstrap-tagsinput,
body.adminlte-modern .input-group-addon {
	border-color: var(--ui26-border) !important;
	border-radius: 8px;
	min-height: 38px;
}

body.adminlte-modern .form-control:focus,
body.adminlte-modern .select2-container-active .select2-choice,
body.adminlte-modern .select2-dropdown-open .select2-choice,
body.adminlte-modern .bootstrap-tagsinput.focus {
	border-color: var(--ui26-blue-600) !important;
	box-shadow: 0 0 0 4px rgba(35, 116, 209, 0.14) !important;
}

body.adminlte-modern .btn {
	border-radius: 8px;
	font-size: 12px;
	font-weight: 800;
	min-height: 34px;
}

body.adminlte-modern .btn-primary,
body.adminlte-modern .btn-dark,
body.adminlte-modern .btn-black {
	background: linear-gradient(135deg, var(--ui26-blue-700), var(--ui26-blue-500)) !important;
	border-color: var(--ui26-blue-700) !important;
}

body.adminlte-modern .btn-success {
	background: linear-gradient(135deg, #0e765a, var(--ui26-green-600)) !important;
	border-color: var(--ui26-green-600) !important;
}

body.adminlte-modern .btn-info {
	background: linear-gradient(135deg, #126d8e, var(--ui26-cyan-600)) !important;
	border-color: var(--ui26-cyan-600) !important;
}

body.adminlte-modern .btn-warning {
	background: linear-gradient(135deg, #b97712, var(--ui26-amber-500)) !important;
	border-color: var(--ui26-amber-500) !important;
}

body.adminlte-modern .btn-danger {
	background: linear-gradient(135deg, #a93145, var(--ui26-rose-600)) !important;
	border-color: var(--ui26-rose-600) !important;
}

body.adminlte-modern .modal-content,
body.adminlte-modern .dropdown-menu,
body.adminlte-modern .notification-menu,
body.adminlte-modern .select2-drop,
body.adminlte-modern .datepicker {
	border-color: var(--ui26-border-soft);
	box-shadow: var(--ui26-shadow-md);
}

body.adminlte-modern .loading-overlay {
	background: rgba(244, 247, 251, 0.82);
}

body.adminlte-modern .bounce-loader .bounce1,
body.adminlte-modern .bounce-loader .bounce2,
body.adminlte-modern .bounce-loader .bounce3 {
	background: var(--ui26-blue-700);
}

body.adminlte-modern .hc-auth-shell {
	box-shadow: 0 28px 80px rgba(8, 17, 31, 0.2);
	max-width: 1120px;
}

body.adminlte-modern .hc-auth-showcase {
	background:
		linear-gradient(135deg, rgba(14, 153, 172, 0.2), rgba(217, 154, 40, 0.14)),
		linear-gradient(140deg, var(--ui26-navy-950) 0, var(--ui26-blue-700) 66%, var(--ui26-teal-600) 100%);
}

body.adminlte-modern .hc-auth-showcase h1 {
	font-size: 36px;
}

body.adminlte-modern .hc-auth-card .panel-title-sign .title {
	color: var(--ui26-blue-700);
}

body.adminlte-modern .hc-auth-card-heading h5 {
	color: var(--ui26-navy-900);
}

@media only screen and (min-width: 1200px) {
	body.adminlte-modern .content-body {
		padding-left: 34px;
		padding-right: 34px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	body.adminlte-modern .content-body {
		padding: 22px 20px 36px;
	}

	body.adminlte-modern .hc-page-header {
		align-items: flex-start;
		display: flex;
		gap: 14px;
		padding: 16px;
	}

	body.adminlte-modern .hc-page-header h2 {
		font-size: 21px;
	}

	body.adminlte-modern .hc-page-right {
		flex: 0 0 auto;
	}

	body.adminlte-modern .hc-breadcrumbs {
		max-width: 280px;
	}

	body.adminlte-modern .header .header-right {
		gap: 8px;
		padding-right: 12px;
	}

	body.adminlte-modern .userbox .profile-info {
		max-width: 112px;
	}

	body.adminlte-modern .header .hc-session-pill {
		font-size: 11px;
		padding: 8px 10px;
	}

	body.adminlte-modern .panel-body,
	body.adminlte-modern .box-body,
	body.adminlte-modern .tab-content,
	body.adminlte-modern .well {
		padding: 15px;
	}

	body.adminlte-modern .table > tbody > tr > td,
	body.adminlte-modern .table > tbody > tr > th,
	body.adminlte-modern .table > tfoot > tr > td,
	body.adminlte-modern .table > tfoot > tr > th {
		padding: 10px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	html.fixed body.adminlte-modern .header .logo-container {
		flex-basis: 250px;
		width: 250px;
	}

	html.fixed body.adminlte-modern .content-body {
		margin-left: 250px;
	}

	html.fixed body.adminlte-modern .sidebar-left {
		width: 250px;
	}

	html.fixed.sidebar-left-collapsed body.adminlte-modern .content-body {
		margin-left: 73px;
	}

	html.fixed.sidebar-left-collapsed body.adminlte-modern .sidebar-left {
		width: 73px;
	}

	body.adminlte-modern .hc-brand-title {
		max-width: 150px;
	}

	body.adminlte-modern .hc-brand-subtitle,
	body.adminlte-modern .hc-page-kicker span {
		display: none;
	}
}