.sticky-navbar {
	position: sticky;
	top: 0;
	z-index: 99999;
	background: rgba(255, 255, 255, .96);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid rgba(220, 228, 239, .85);
	box-shadow: 0 3px 15px rgba(6, 38, 92, .05)
}

.site-footer {
	padding: 52px 0 20px;
	background: #f5f8ff;
	color: #63708a;
	font-size: .85rem
}
#voucher-purchase .buyamount{
	display: block;
	margin-top: 8px;
	font-size: 2rem;
	font-weight: 700;
	color: #cb6500;
}

#voucher-purchase .par{
	margin-top: 8px;
	font-size: .9rem;
	font-weight: 600;
	color: #36363b;
}
#voucher-purchase .hd{
	font-size: 1.5rem;
	font-weight: 700;
	color: #000216;
}
.section-space .hd{
	font-size: 1.5rem;
	font-weight: 700;
	color: #000216;
}

.section-space .par{
	margin-top: 8px;
	font-size: .9rem;
	font-weight: 600;
	color: #36363b;
}

.site-footer strong {
	color: #06265c
}

.site-footer p {
	margin-top: 10px;
	line-height: 1.85
}

.footer-brand {
	font-size: 1.1rem
}

.footer-hours {
	font-weight: 700;
	color: #8b6710
}

.footer-bottom {
	border-top: 1px solid #dfe7f4;
	padding-top: 17px;
	text-align: center;
	margin-top: 14px
}

/* Keep Bootstrap modals fixed to the viewport, above every portal layer. */
.modal {
	position: fixed !important;
	z-index: 9999999 !important
}


.modal-backdrop {
	z-index: 9999998 !important
}

#otpModal {
	z-index: 9999999 !important;
	background: transparent !important
}

#otpModal .modal-dialog {
	position: relative;
	z-index: 10000000 !important
}

#otpModal .modal-content {
	position: relative;
	z-index: 10000001 !important;
	background: #fff !important;
	opacity: 1 !important
}

.modal-backdrop.show {
	opacity: .72 !important
}

.admin-global-nav {
	position: sticky;
	top: 76px;
	z-index: 99990;
	background: rgba(246, 248, 252, .97);
	border-bottom: 1px solid #dfe7f4;
	padding: .6rem 0;
	backdrop-filter: blur(10px)
}

.admin-tools-scroll {
	display: flex;
	gap: .5rem;
	overflow-x: auto;
	padding-bottom: .25rem;
	white-space: nowrap
}

.admin-tools-scroll .btn {
	flex: 0 0 auto
}

.adminlte-shell {
	display: grid;
	grid-template-columns: 270px minmax(0, 1fr);
	background: #f4f6f9;
	min-height: calc(100vh - 77px);
	color: #1f2d3d
}

.adminlte-sidebar {
	background: #343a40;
	color: #c2c7d0;
	padding: 18px 10px;
	box-shadow: 4px 0 18px rgba(0, 0, 0, .12)
}

.adminlte-brand {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	padding: 0 10px 18px;
	font-size: 1.12rem
}

.adminlte-brand:hover,
.adminlte-menu a:hover {
	color: #fff
}

.adminlte-brand-mark {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #f4f6f9;
	color: #343a40;
	font-weight: 900
}

.adminlte-user {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.adminlte-user small {
	display: block;
	color: #9ea7b1
}

.adminlte-avatar {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: linear-gradient(135deg, #0d6efd, #20c997);
	color: #fff;
	font-weight: 900;
	box-shadow: 0 8px 16px rgba(0, 0, 0, .18)
}

.adminlte-avatar.large {
	width: 68px;
	height: 68px;
	font-size: 1.7rem;
	flex: 0 0 auto
}

.adminlte-menu {
	display: grid;
	gap: 5px;
	padding-top: 14px
}

.adminlte-menu a {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #c2c7d0;
	padding: 11px 12px;
	border-radius: 6px
}

.adminlte-menu a.active {
	background: #007bff;
	color: #fff
}

.adminlte-menu i {
	width: 22px;
	text-align: center
}

.adminlte-main {
	padding: 24px;
	min-width: 0
}

.adminlte-topbar {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: center;
	margin-bottom: 20px
}

.adminlte-topbar h1 {
	font-weight: 700;
	margin: 0;
	font-size: 1.8rem
}

.adminlte-breadcrumb {
	display: block;
	color: #6c757d;
	font-size: .85rem;
	margin-bottom: 4px
}

.adminlte-actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap
}

.adminlte-info-card {
	position: relative;
	overflow: hidden;
	min-height: 142px;
	border-radius: 4px;
	color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .18)
}

.adminlte-info-card h2 {
	font-size: 1.85rem;
	font-weight: 800;
	margin: 0;
	padding: 18px 16px 2px
}

.adminlte-info-card span {
	display: block;
	padding: 0 16px 20px;
	font-weight: 600
}

.adminlte-info-card>i {
	position: absolute;
	right: 18px;
	top: 20px;
	font-size: 4rem;
	opacity: .22
}

.adminlte-info-card a {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	padding: 7px;
	color: inherit;
	background: rgba(0, 0, 0, .14);
	font-weight: 700
}

.adminlte-panel,
.adminlte-profile-card {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
	overflow: hidden
}

.adminlte-panel-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	border-bottom: 1px solid #e9ecef;
	padding: 14px 18px
}

.adminlte-panel-header h5 {
	margin: 0;
	font-weight: 700
}

.adminlte-panel-header span,
.adminlte-panel-header a {
	font-size: .85rem;
	color: #6c757d
}

.adminlte-chart {
	height: 260px;
	margin: 18px;
	display: flex;
	align-items: end;
	gap: 18px;
	padding: 24px 16px 0;
	background: repeating-linear-gradient(to top, #fff 0, #fff 51px, #e9ecef 52px);
	border-left: 1px solid #e9ecef;
	border-bottom: 1px solid #e9ecef
}

.adminlte-chart div {
	flex: 1;
	border-radius: 12px 12px 0 0;
	background: linear-gradient(180deg, rgba(23, 162, 184, .68), rgba(23, 162, 184, .95))
}

.adminlte-metrics {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	background: #e9ecef;
	border-top: 1px solid #e9ecef
}

.adminlte-metrics div {
	background: #fff;
	padding: 14px 18px
}

.adminlte-metrics strong,
.adminlte-metrics small {
	display: block
}

.adminlte-metrics small {
	color: #6c757d
}

.adminlte-table {
	margin: 0
}

.adminlte-table th {
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #6c757d
}

.adminlte-status {
	display: inline-flex;
	padding: 4px 9px;
	border-radius: 999px;
	background: #e8f2ff;
	color: #0d6efd;
	font-weight: 700;
	font-size: .76rem
}

.adminlte-profile-hero {
	display: flex;
	gap: 14px;
	align-items: center;
	background: linear-gradient(135deg, #007bff, #20c997);
	color: #fff;
	padding: 20px
}

.adminlte-profile-hero span {
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: .7rem;
	font-weight: 800;
	opacity: .85
}

.adminlte-profile-hero h4 {
	margin: 3px 0 0;
	font-weight: 800
}

.adminlte-profile-hero p {
	margin: 0;
	opacity: .9
}

.adminlte-profile-card form {
	padding: 18px
}

.adminlte-password-note {
	background: #f4f6f9;
	border: 1px solid #e3e8ef;
	border-radius: 10px;
	padding: 12px 14px
}

.adminlte-password-note strong,
.adminlte-password-note span {
	display: block
}

.adminlte-password-note span {
	color: #6c757d;
	font-size: .86rem
}

.adminlte-calendar {
	background: #28a745;
	color: #fff
}

.adminlte-calendar .adminlte-panel-header {
	border-color: rgba(255, 255, 255, .18)
}

.adminlte-calendar .adminlte-panel-header span {
	color: #eef
}

.adminlte-calendar-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 8px;
	padding: 18px;
	text-align: center
}

.adminlte-calendar-grid strong {
	font-size: .8rem
}

.adminlte-calendar-grid span {
	padding: 6px;
	border-radius: 6px;
	color: rgba(255, 255, 255, .88)
}

.adminlte-calendar-grid .today {
	background: rgba(255, 255, 255, .18);
	font-weight: 900
}

.adminlte-shell+.mobile-nav,
.adminlte-shell~.site-footer {
	display: none
}

@media(max-width:991px) {
	.adminlte-shell {
		grid-template-columns: 1fr
	}

	.adminlte-sidebar {
		position: relative
	}

	.adminlte-menu {
		grid-template-columns: repeat(2, 1fr)
	}

	.adminlte-main {
		padding: 16px
	}

	.adminlte-topbar {
		align-items: flex-start;
		flex-direction: column
	}

	.adminlte-metrics {
		grid-template-columns: repeat(2, 1fr)
	}

	.adminlte-topbar {
		border-radius: 10px;
		padding: 14px 16px
	}
}

@media(max-width:575px) {
	.adminlte-menu {
		grid-template-columns: 1fr
	}

	.adminlte-chart {
		gap: 8px;
		height: 210px
	}

	.adminlte-metrics {
		grid-template-columns: 1fr
	}

	.adminlte-profile-hero {
		align-items: flex-start
	}

	.adminlte-info-card h2 {
		font-size: 1.45rem
	}
}

/* Mobile off-canvas sidebar */
.adminlte-sidebar .mobile-close {
	display: none
}

@media (max-width: 767px) {
	.adminlte-shell {
		grid-template-columns: 0 1fr
	}

	.adminlte-sidebar {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		width: 270px;
		transform: translateX(-110%);
		transition: transform .28s ease;
		z-index: 1050;
		height: 100vh;
		margin: 0;
		border-radius: 0;
		padding-top: 18px
	}

	body.admin-mobile-open .adminlte-sidebar {
		transform: translateX(0)
	}

	/* dark backdrop when mobile menu open */
	#adminSidebarBackdrop {
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, .45);
		z-index: 1040;
		opacity: 0;
		pointer-events: none;
		transition: opacity .18s ease
	}

	body.admin-mobile-open #adminSidebarBackdrop {
		opacity: 1;
		pointer-events: auto
	}

	/* show a small close button inside the sidebar on mobile */
	.adminlte-sidebar .mobile-close {
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
		border: none;
		background: transparent;
		color: #fff;
		font-size: 1.25rem;
		padding: 6px 10px;
		border-radius: 50%;
		transition: transform .24s ease, background-color .24s ease, color .24s ease
	}

	.adminlte-sidebar .mobile-close:hover {
		background: rgba(255, 255, 255, .08);
		transform: scale(1.05)
	}

	/* ensure main content has some padding when sidebar is hidden */
	.adminlte-main {
		padding: 14px
	}
}

/* Dashboard isolation: keeps the public site chrome from breaking the admin layout. */
.admin-dashboard-body {
	padding-bottom: 0;
	background: #f4f6f9
}

.admin-dashboard-body .mobile-nav,
.admin-dashboard-body .site-footer {
	display: none !important
}

.admin-dashboard-body>.container.mt-3 {
	max-width: none;
	margin: 0 !important;
	padding: 12px 24px 0 294px;
	background: #f4f6f9
}

.admin-dashboard-body>.container.mt-3 .alert {
	margin-bottom: 0
}

.admin-dashboard-body .adminlte-shell {
	min-height: 100vh
}

.admin-dashboard-body .adminlte-sidebar {
	position: sticky;
	top: 0;
	align-self: start;
	min-height: 100vh
}

.admin-dashboard-body .adminlte-main {
	max-width: 1500px;
	width: 100%;
	margin: 0 auto
}

.adminlte-profile-card .form-control,
.adminlte-profile-card .form-select {
	width: 100%
}

.adminlte-profile-card .col-12.d-flex {
	gap: 12px;
	flex-wrap: wrap
}

@media(max-width:991px) {
	.admin-dashboard-body>.container.mt-3 {
		padding: 12px 16px 0
	}

	.admin-dashboard-body .adminlte-sidebar {
		position: relative;
		min-height: auto
	}
}

/* Keep the account dropdown visible outside the rounded topbar card. */
.admin-dashboard-body .adminlte-topbar {
	overflow: visible;
	isolation: isolate
}

.admin-dashboard-body .adminlte-topbar::after {
	pointer-events: none;
	z-index: -1
}

.admin-dashboard-body .adminlte-actions,
.admin-dashboard-body .adminlte-actions .dropdown {
	position: relative;
	z-index: 1085
}

.admin-dashboard-body .adminlte-actions .dropdown-menu {
	z-index: 1090;
	margin-top: .55rem;
	box-shadow: 0 18px 42px rgba(15, 23, 42, .18);
	border: 0;
	border-radius: 12px;
	padding: .45rem;
	min-width: 210px
}

.admin-dashboard-body .adminlte-actions .dropdown-item {
	border-radius: 8px;
	padding: .6rem .75rem
}

/* Collapsed admin sidebar */
.admin-collapsed .adminlte-shell {
	grid-template-columns: 80px minmax(0, 1fr)
}

.admin-collapsed .adminlte-sidebar {
	padding: 14px 6px
}

.admin-collapsed .adminlte-brand span {
	display: none
}

.admin-collapsed .adminlte-menu a {
	justify-content: center;
	padding: 10px
}

.admin-collapsed .adminlte-menu a i {
	margin: 0
}

.admin-collapsed .adminlte-user {
	justify-content: center
}

.admin-collapsed .adminlte-user div {
	display: none
}

.admin-collapsed .adminlte-avatar {
	margin: 0 auto
}

.admin-collapsed .adminlte-main {
	padding-left: 18px
}

/* Polished admin topbar and sidebar visuals */
.adminlte-topbar {
	position: sticky;
	top: 0;
	z-index: 1060;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(180deg, #07203a, #0b2a42);
	color: #fff;
	padding: 14px 20px;
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(6, 30, 54, .14);
	border: 1px solid rgba(255, 255, 255, .12);
	backdrop-filter: blur(18px);
	transition: background-color .24s ease, border-color .24s ease, box-shadow .24s ease, transform .24s ease;
	position: sticky;
	top: 0;
	overflow: hidden
}

.adminlte-topbar::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: rgba(255, 255, 255, .18);
	opacity: .95
}

.adminlte-topbar .adminlte-title {
	font-size: 1.3rem;
	font-weight: 700;
	color: #fff
}

.adminlte-topbar .adminlte-breadcrumb {
	color: rgba(255, 255, 255, .78)
}

.adminlte-sidebar {
	background: linear-gradient(180deg, #07203a, #0b2a42);
	padding: 20px;
	border-radius: 10px;
	margin: 12px 6px 12px 12px;
	box-shadow: 0 12px 28px rgba(6, 30, 54, .12);
	transition: all .24s cubic-bezier(.22, .9, .2, 1)
}

.adminlte-brand {
	color: #fff;
	font-weight: 800
}

.adminlte-brand-mark {
	background: #fff;
	color: #0b2a42
}

.adminlte-user {
	padding: 14px 8px;
	border-radius: 8px;
	margin-bottom: 8px
}

.adminlte-user strong {
	color: #fff
}

.adminlte-user small {
	color: #cbd5e1
}

.adminlte-menu a {
	color: #dfe9f8;
	padding: 12px;
	border-radius: 8px;
	margin-bottom: 4px
}

.adminlte-menu a:hover {
	background: rgba(255, 255, 255, .04);
	transform: translateX(6px);
	color: #fff
}

.adminlte-menu a i {
	font-size: 1.05rem
}

.adminlte-menu a.active {
	background: linear-gradient(90deg, #0a66d0, #0e8af0);
	box-shadow: inset 4px 0 0 rgba(255, 255, 255, .06);
	color: #fff
}

.adminlte-main {
	transition: margin .2s ease, padding .2s ease
}

.adminlte-main::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 0;
	pointer-events: none
}

.adminlte-panel {
	background: #fff;
	border-radius: 12px;
	padding: 18px;
	box-shadow: 0 14px 36px rgba(12, 34, 56, .06)
}

/* subtle hover for info cards */
.adminlte-info-card:hover {
	transform: translateY(-6px);
	transition: transform .18s ease
}

#adminSidebarToggle {
	transition: transform .28s cubic-bezier(.22, .9, .2, 1), background-color .24s ease, color .24s ease, box-shadow .24s ease
}

#adminSidebarToggle:hover {
	transform: scale(1.05)
}

#adminSidebarToggle.active i {
	transform: rotate(90deg)
}

#adminSidebarToggle i {
	transition: transform .28s cubic-bezier(.22, .9, .2, 1)
}

/* improve collapsed mode readability */
.admin-collapsed .adminlte-menu a {
	padding: 10px 6px
}

.admin-collapsed .adminlte-menu a span {
	display: none
}

.admin-collapsed .adminlte-brand-mark {
	width: 40px;
	height: 40px
}

/* accessibility: focus styles */
.adminlte-menu a:focus {
	outline: 3px solid rgba(14, 138, 240, .18);
	outline-offset: 3px
}

/* Ensure calendar day cells are visible and readable */
.adminlte-calendar-grid strong {
	color: rgba(255, 255, 255, .9);
	display: block;
	margin-bottom: 6px
}

.adminlte-calendar-grid span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	border-radius: 6px;
	background: rgba(255, 255, 255, .04);
	color: #fff;
	font-weight: 600
}

.adminlte-calendar-grid span.today {
	background: rgba(255, 255, 255, .12);
	box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .06)
}

.adminlte-calendar {
	background: linear-gradient(90deg, #1fa055, #28a745);
	color: #fff
}

/* Admin login split-screen */
.admin-login-body {
	margin: 0;
	padding: 0;
	background: #080914;
	color: #fff;
	min-height: 100vh;
	overflow-x: hidden;
	display: flex;
	align-items: center;
	justify-content: center
}

.admin-login-shell {
	width: 100%;
	max-width: 1440px;
	min-height: 100vh;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
	background: #080914;
	z-index: auto
}

.admin-login-hero {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 64px clamp(28px, 5vw, 72px);
	overflow: hidden;
	background: radial-gradient(circle at 10% 0, rgba(126, 116, 244, .55), transparent 30%), radial-gradient(circle at 86% 100%, rgba(22, 88, 145, .75), transparent 31%), #10111e;
	border-radius: 30px 0 0 30px;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .35)
}

.admin-login-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
	background-size: 115px 115px;
	mask-image: linear-gradient(90deg, #000, rgba(0, 0, 0, .2));
	pointer-events: none
}

.admin-login-hero>* {
	position: relative;
	z-index: 1
}

.admin-login-brand {
	display: flex;
	align-items: center;
	gap: 14px;
	font-size: 1.75rem
}

.admin-login-brand span:first-child {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: #7c6ff2;
	color: #fff;
	box-shadow: 0 20px 50px rgba(124, 111, 242, .28)
}

.admin-login-brand strong span {
	color: #7c6ff2
}

.admin-login-copy {
	max-width: 640px;
	margin: 8vh 0 0
}

.admin-login-copy h1 {
	font-size: clamp(2.4rem, 5vw, 4rem);
	line-height: 1.08;
	font-weight: 900;
	letter-spacing: -.04em;
	margin-bottom: 24px
}

.admin-login-copy p {
	max-width: 620px;
	color: #c9cde4;
	font-size: 1.12rem;
	line-height: 1.75
}

.admin-login-stats {
	display: flex;
	gap: 34px;
	flex-wrap: wrap;
	margin-top: 42px
}

.admin-login-stats strong {
	display: block;
	font-size: 1.95rem;
	line-height: 1;
	font-weight: 900;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .22)
}

.admin-login-stats span {
	display: block;
	color: #aeb5cf;
	margin-top: 10px
}

.admin-login-quote {
	max-width: 820px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 24px;
	background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02));
	box-shadow: 0 22px 70px rgba(0, 0, 0, .22);
	padding: 30px 34px;
	backdrop-filter: blur(20px)
}

.admin-login-quote p {
	font-size: 1.05rem;
	line-height: 1.7;
	margin-bottom: 24px;
	color: #f5f7ff
}

.admin-login-quote>div {
	display: flex;
	align-items: center;
	gap: 14px
}

.admin-login-face {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(135deg, #7c6ff2, #295c97);
	font-weight: 900
}

.admin-login-quote small {
	display: block;
	color: #abb2cb;
	margin-top: 4px
}

.admin-login-panel {
	position: relative;
	display: grid;
	place-items: center;
	padding: 52px clamp(24px, 6vw, 86px);
	background: #090a13;
	border-radius: 0 30px 30px 0;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .28)
}

.admin-login-theme {
	position: absolute;
	right: 24px;
	top: 24px;
	width: 50px;
	height: 50px;
	border-radius: 14px;
	border: 1px solid #25283a;
	background: #151724;
	color: #b8bed6;
	font-size: 1.2rem
}

.admin-login-card {
	width: min(100%, 490px);
	background: rgba(14, 18, 35, .88);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 28px;
	padding: 36px
}

.admin-login-card h2 {
	font-size: 2.15rem;
	font-weight: 850;
	letter-spacing: -.035em;
	margin: 0 0 10px
}

.admin-login-card p {
	color: #aeb5d7;
	font-size: 1.02rem
}

.admin-login-card .alert {
	border: 0;
	border-radius: 16px;
	padding: 15px
}

.admin-login-card label.form-label {
	font-weight: 800;
	color: #f4f6ff;
	margin-bottom: 10px
}

.admin-login-field {
	min-height: 58px;
	display: flex;
	align-items: center;
	gap: 14px;
	border: 1px solid #303449;
	background: #171927;
	border-radius: 12px;
	padding: 0 16px;
	transition: border-color .18s ease, box-shadow .18s ease
}

.admin-login-field:focus-within {
	border-color: #7c6ff2;
	box-shadow: 0 0 0 4px rgba(124, 111, 242, .14)
}

.admin-login-field>i {
	color: #8f96b7;
	font-size: 1.05rem
}

.admin-login-field input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: #fff;
	font-size: 1rem
}

.admin-login-field input::placeholder {
	color: #838aa8
}

.admin-login-eye {
	border: 0;
	background: transparent;
	color: #8f96b7;
	padding: 4px
}

.admin-login-eye.active,
.admin-login-eye:hover {
	color: #fff
}

.admin-login-options {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 22px 0 28px;
	color: #bec4df
}

.admin-login-options label {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer
}

.admin-login-options input {
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 8px;
	background: #7c6ff2;
	display: grid;
	place-items: center
}

.admin-login-options input::after {
	content: '✓';
	font-weight: 900;
	color: #fff;
	font-size: .9rem
}

.admin-login-options a,
.admin-login-trial a {
	color: #8175ff;
	font-weight: 800
}

.admin-login-submit {
	width: 100%;
	min-height: 64px;
	border: 0;
	border-radius: 14px;
	background: #7c72f4;
	color: #fff;
	font-weight: 900;
	font-size: 1.02rem;
	box-shadow: 0 18px 40px rgba(124, 114, 244, .24);
	transition: transform .18s ease, box-shadow .18s ease
}

.admin-login-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 22px 48px rgba(124, 114, 244, .32)
}

.admin-login-divider {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 34px 0;
	color: #707897
}

.admin-login-divider::before,
.admin-login-divider::after {
	content: '';
	height: 1px;
	flex: 1;
	background: #26293a
}

.admin-login-divider span {
	font-size: .92rem
}

.admin-login-trial {
	text-align: center;
	margin: 0 0 34px
}

.admin-login-copyline {
	display: block;
	text-align: center;
	color: #747c9b
}

@media(max-width:991px) {
	.admin-login-shell {
		grid-template-columns: 1fr
	}

	.admin-login-hero {
		min-height: auto;
		padding: 44px 24px 38px
	}

	.admin-login-copy {
		margin: 46px 0
	}

	.admin-login-quote {
		display: none
	}

	.admin-login-panel {
		padding: 40px 22px 52px;
		border-radius: 0 0 30px 30px
	}

	.admin-login-theme {
		display: none
	}
}

@media(max-width:575px) {
	.admin-login-copy h1 {
		font-size: 2.35rem
	}

	.admin-login-stats {
		gap: 22px
	}

	.admin-login-options {
		align-items: flex-start;
		flex-direction: column
	}

	.admin-login-card h2 {
		font-size: 1.85rem
	}
}