.hover-input-popup {
	position: relative;
}

.input-popup {
	display: none;
}

.hover-input-popup .input-popup {
	display: block;
	position: absolute;
	bottom: 70%;
	left: 50%;
	width: 280px;
	background-color: #1a1a1a;
	color: #fff;
	padding: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.input-popup::after {
	position: absolute;
	content: '';
	bottom: -19px;
	left: 50%;
	margin-left: -5px;
	border-width: 10px 10px 10px 10px;
	border-style: solid;
	border-color: transparent transparent #1a1a1a transparent;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.input-popup p {
	padding-left: 20px;
	position: relative;
}

.input-popup p::before {
	position: absolute;
	content: '';
	font-family: 'Line Awesome Free';
	font-weight: 900;
	left: 0;
	top: 4px;
	line-height: 1;
	font-size: 18px;
}

.input-popup p.error {
	text-decoration: line-through;
}

.input-popup p.error::before {
	content: "\f057";
	color: #ea5455;
}

.input-popup p.success::before {
	content: "\f058";
	color: #28c76f;
}

.copyInput {
	display: inline-block;
	line-height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.copied::after {
	position: absolute;
	top: 8px;
	right: 12%;
	width: 100px;
	display: block;
	content: "COPIED";
	font-size: 1em;
	padding: 5px 5px;
	color: #fff;
	background-color: #FF7000;
	border-radius: 3px;
	opacity: 0;
	will-change: opacity, transform;
	animation: showcopied 1.5s ease;
}

@keyframes showcopied {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}

	50% {
		opacity: 0.7;
		transform: translateX(40%);
	}

	70% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
	}
}

.cookies-card {
	width: 520px;
	padding: 30px;
	color: #1E2337;
	position: fixed;
	bottom: 15px;
	left: 15px;
	z-index: 999999;
	transition: all .5s;
	background: #d1d1d1;
	border-radius: 5px;
}

.cookies-card.hide {
	bottom: -500px !important;
}

.radius--10px {
	border-radius: 10px;
}

.cookies-card__icon {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: #6e6f70;
	color: #fff;
	font-size: 32px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.cookies-card__content {
	margin-bottom: 0;
}

.cookies-btn {
	color: #363636;
	text-decoration: none;
	padding: 10px 35px;
	margin: 3px 5px;
	display: inline-block;
	border-radius: 999px;
}

.cookies-btn:hover {
	color: #363636;
}


@media (max-width: 767px) {
	.cookies-card {
		width: 100%;
		left: 0;
		bottom: 0;
		font-size: 14px;
		padding: 15px;
	}
}




.hover-input-popup {
	position: relative;
}

.input-popup {
	display: none;
}

.hover-input-popup .input-popup {
	display: block;
	position: absolute;
	bottom: 130%;
	left: 50%;
	width: 280px;
	background-color: #1a1a1a;
	color: #fff;
	padding: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.input-popup::after {
	position: absolute;
	content: '';
	bottom: -19px;
	left: 50%;
	margin-left: -5px;
	border-width: 10px 10px 10px 10px;
	border-style: solid;
	border-color: transparent transparent #1a1a1a transparent;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.input-popup p {
	padding-left: 20px;
	position: relative;
}

.input-popup p::before {
	position: absolute;
	content: '';
	font-family: 'Line Awesome Free';
	font-weight: 900;
	left: 0;
	top: 4px;
	line-height: 1;
	font-size: 18px;
}

.input-popup p.error {
	text-decoration: line-through;
}

.input-popup p.error::before {
	content: "\f057";
	color: #ea5455;
}

.input-popup p.success::before {
	content: "\f058";
	color: #28c76f;
}



.show-filter {
	display: none;
}

@media(max-width:767px) {
	.responsive-filter-card {
		display: none;
		transition: none;
	}

	.show-filter {
		display: block;
	}
}



/* ////////////////// select 2 css //////////////// */
.select2-dropdown {
	border: 0 !important;
	margin-top: 8px !important;
	border-radius: 5px !important;
	box-shadow: 0 3px 9px rgba(50, 50, 9, 0.05), 6px 4px 19px rgb(115 103 240 / 20%)
}

.select2-search--dropdown {
	padding: 10px 10px !important;
	border-color: #ced4da !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #eaeaea !important;
	padding: 10px 20px;
}

.select2-results__option.select2-results__option--selected,
.select2-results__option--selectable,
.select2-container--default .select2-results__option--disabled {
	padding: 12px 14px !important;
	border-bottom: 1px solid #eee;
}

.select2-results__option.select2-results__message {
	text-align: center !important;
	padding: 12px 14px !important;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
	width: 8px;
	border-radius: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
	background: #ddd;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
	background: #ddd;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
	position: absolute;
	right: 10px;
	top: 0;
	content: "\f107";
	font-family: "Line Awesome Free";
	font-weight: 900;
	transition: .3s;
}

.select2-container--default .select2-selection--single {
	border-color: #eaeaea !important;
	border-width: 1px !important;
	border-radius: .375rem !important;
	padding: .375rem .75rem !important;
	height: 100% !important;
}


.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
	content: "\f106";
}

.select2-results__option:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.select2-results__option:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.select2-results__option.select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #f1f1f1 !important;
	color: #000 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	border-color: #eaeaea !important;
	box-shadow: 0 0 25px rgba(115, 103, 240 0.071) !important;
	outline: 0 !important;
}

.select2-dropdown .country-flag {
	width: 25px;
	height: 25px;
	border-radius: 8px;
}

.select2-dropdown .gateway-title {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0px !important;
}

.select2-dropdown .gateway-subtitle {
	font-size: 12px;
	margin-bottom: 0px !important;
}

.select2-container--open .select2-selection.select2-selection--single,
.select2-container--open .select2-selection.select2-selection--multiple {
	border-color: hsl(var(--base)) !important;
	border-radius: .375rem !important;
}


.gateway-card {
	padding: 15px;
}

@media (max-width: 575px) {
	.gateway-card {
		padding: 0px;
	}

	.payment-item {
		padding: 8px !important;
	}

	.payment-item__name {
		font-size: 0.875rem;
	}
}

.payment-card-title {
	padding: 13px 25px;
	text-align: center;
	background-color: #FF5851;
	border-radius: 5px;
	border: 0;
	margin-bottom: 0px;
	color: #fff;
}

.payment-system-list {
	--thumb-width: 100px;
	--thumb-height: 40px;
	--radio-size: 12px;
	--border-color: #cccccf59;
	--hover-border-color: rgb(var(--main));
	background-color: #fff;
	border-radius: 5px;
	height: 100%;

}


.payment-system-list.is-scrollable {
	max-height: min(388px, 70vh);
	overflow-x: auto;
	padding-block: 4px;
}

.payment-system-list.is-scrollable::-webkit-scrollbar {
	width: 5px;
}

.payment-system-list.is-scrollable::-webkit-scrollbar {
	width: 5px;

}

.payment-system-list.is-scrollable::-webkit-scrollbar-thumb {
	background-color: rgb(var(--main));
	border-radius: 10px;
}

.payment-item {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px 18px;
	border: 1px solid #fff;
	border-top-color: var(--border-color);
	transition: all 0.3s;
	border-left: 3px solid transparent;
}

.payment-item:first-child {
	border-top-color: #fff;
	border-radius: 5px 5px 0 0;
}

.payment-item:has(.payment-item__radio:checked) {
	border-left: 3px solid #FF5851;
	border-radius: 0px;
}

.payment-item__check {
	border: 3px solid transparent;
}

.payment-item:has(.payment-item__radio:checked) .payment-item__check {
	border: 3px solid #FF5851;
}

.payment-item__info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	max-width: calc(100% - var(--thumb-width))
}

.payment-item__check {
	width: var(--radio-size);
	height: var(--radio-size);
	border: 1px solid #a9a9a9;
	display: inline-block;
	border-radius: 100%;

}

.payment-item__name {
	padding-left: 10px;
	width: calc(100% - var(--radio-size));
	transition: all 0.3s;
}

.payment-item__thumb {
	width: var(--thumb-width);
	height: var(--thumb-height);
	text-align: right;
	padding-left: 10px;

	&:has(.text) {
		width: fit-content;
	}
}

.payment-item__thumb img {
	max-width: var(--thumb-width);
	max-height: var(--thumb-height);
	object-fit: cover;
}


.deposit-info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 6px;
}

.deposit-info__title {
	max-width: 50%;
	margin-bottom: 0px;
	text-align: left;
}

.deposit-info__input {
	max-width: 50%;
	text-align: right;
	width: 100%;
}

.deposit-info__input-select {
	border: 1px solid var(--border-color);
	width: 100%;
	border-radius: 5px;
	padding-block: 6px;
}

.deposit-info__input-group {
	border: 1px solid var(--border-color);
	border-radius: 5px;
}

.deposit-info__input-group-text {
	align-self: center;
	padding-left: 5px;
}

.deposit-info__input-group .form--control {
	padding: 5px;
	border: 0;
	height: 35px;
	text-align: right;
}

.deposit-info__input-group .form--control:focus {
	box-shadow: unset;
}

.info-text .text,
.deposit-info__input .text {
	font-size: 14px;

}

.deposit-info__title .text.has-icon {
	display: flex;
	align-items: center;
	gap: 5px
}

.total-amount {
	border-top: 1px solid var(--border-color);
}

.total-amount .deposit-info__title {
	font-weight: 600;
}

.payment-item__btn {
	border: 0;
	border-block: 1px solid #f3f3f3;
	border-bottom: 0;
	background: #fff;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 15px;
	font-weight: 500;
}

.payment-item:hover+.payment-item__btn {
	border-top-color: #fff;
}

button .spinner-border {
	--bs-spinner-width: 1.5rem;
	--bs-spinner-height: 1.5rem;
}








/* ////////////////// select 2 css //////////////// */
.select2-dropdown {
	border: 0 !important;
	margin-top: 8px !important;
	border-radius: 5px !important;
	box-shadow: 0 3px 9px rgba(50, 50, 9, 0.05), 6px 4px 19px rgb(115 103 240 / 20%)
}

.select2-search--dropdown {
	padding: 10px 10px !important;
	border-color: #ced4da !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: #eaeaea !important;
	padding: 10px 20px;
	background: transparent !important;
	color: hsl(var(--white)) !important;
	border-radius: 4px;
}

.select2-results__option.select2-results__option--selected,
.select2-results__option--selectable,
.select2-container--default .select2-results__option--disabled {
	padding: 12px 14px !important;
	border-bottom: 1px solid #eee;
}

.select2-results__option.select2-results__message {
	text-align: center !important;
	padding: 12px 14px !important;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
	width: 8px;
	border-radius: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
	background: #ddd;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
	background: #ddd;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
	position: absolute;
	right: 10px;
	top: 50%;
	content: "\f107";
	font-family: "Line Awesome Free";
	font-weight: 900;
	transition: .3s;
	transform: translateY(-50%);
}

.selection {
	width: 100%;
}

.select2-selection.select2-selection--single {
	background: hsl(var(--base-two));
	border-color: #eaeaea !important;
	color: hsl(var(--white));
	padding: 10px 24px !important;
	line-height: 1.2;
	height: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 53px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
	content: "\f106";
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: hsl(var(--white)/.7) !important;
	line-height: 32px !important;
}

.select2-results__option:last-child {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.select2-results__option:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.select2-results__option.select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #f1f1f1 !important;
	color: #000 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	box-shadow: 0 0 25px rgba(115, 103, 240 0.071) !important;
	outline: 0 !important;
}

.select2-dropdown .country-flag {
	width: 25px;
	height: 25px;
	border-radius: 8px;
}

.select2-dropdown {
	background-color: #fff !important;
}

.select2-dropdown .gateway-title {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0px !important;
}

.select2-dropdown .gateway-subtitle {
	font-size: 12px;
	margin-bottom: 0px !important;
}

.select2-container--open .select2-selection.select2-selection--single,
.select2-container--open .select2-selection.select2-selection--multiple {
	border-color: rgba(255, 88, 81, 0.7) !important;
	border-radius: .375rem !important;
	box-shadow: 1px 1px 15px 3px #FF585114 !important;
}

.select2-results__option.select2-results__option--selected,
.select2-results__option--selectable,
.select2-container--default .select2-results__option--disabled {
	border: 1px solid hsl(var(--white)/.1) !important;
}

.select2 .dropdown-wrapper {
	display: none;
}

.select2-container:has(.select2-selection--single) {
	width: 100% !important;
}

/* Indeed Clone Design System (Premium) */
html,
body {
	overflow-x: hidden;
	overflow-y: auto !important;
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto !important;
}

:root {
	--indeed-blue: #2557a7;
	--indeed-blue-hover: #164081;
	--indeed-gold: #c5a021;
	/* Professional Gold */
	--indeed-gold-hover: #a6861b;
	--indeed-bg: #ffffff;
	--indeed-section-bg: #f3f2f1;
	--indeed-border: #d4d2d0;
	--indeed-text-primary: #2d2d2d;
	--indeed-text-secondary: #6f6f6f;
	--indeed-radius: 8px;
	--base: 37, 87, 167;
}

body {
	font-family: 'Noto Sans', 'Arial', sans-serif !important;
	color: var(--indeed-text-primary) !important;
	background-color: var(--indeed-bg) !important;
}

.btn--gold {
	background-color: var(--indeed-gold) !important;
	border-color: var(--indeed-gold) !important;
	color: #fff !important;
	border-radius: var(--indeed-radius) !important;
	font-weight: 700 !important;
	padding: 10px 24px !important;
	transition: all 0.2s ease !important;
}

.btn--gold:hover {
	background-color: var(--indeed-gold-hover) !important;
	border-color: var(--indeed-gold-hover) !important;
	box-shadow: 0 4px 8px rgba(197, 160, 33, 0.2) !important;
}

.btn--base {
	background-color: var(--indeed-blue) !important;
	border-color: var(--indeed-blue) !important;
	color: #fff !important;
	border-radius: var(--indeed-radius) !important;
	font-weight: 700 !important;
	padding: 10px 24px !important;
	transition: all 0.2s ease !important;
}

.btn--base:hover {
	background-color: var(--indeed-blue-hover) !important;
	border-color: var(--indeed-blue-hover) !important;
}

.text--base {
	color: var(--indeed-blue) !important;
}

/* Indeed Job Item Styles (Premium) */
.job__item {
	background: #fff !important;
	border: 1px solid var(--indeed-border) !important;
	padding: 16px 24px !important;
	margin-bottom: 0 !important;
	border-bottom: 0 !important;
	transition: all 0.2s ease !important;
	position: relative !important;
}

.job__item:last-child {
	border-bottom: 1px solid var(--indeed-border) !important;
}

.job__item:hover {
	border-color: var(--indeed-gold) !important;
	border-left: 4px solid var(--indeed-gold) !important;
	background-color: #fdfaf0 !important;
	z-index: 1 !important;
}

.job__item .title {
	font-size: 1.25rem !important;
	margin-bottom: 4px !important;
}

.job__item .title a {
	color: var(--indeed-blue) !important;
	text-decoration: none !important;
	font-weight: 700 !important;
}

.job__item .title a:hover {
	text-decoration: underline !important;
}

.job__item .company-name {
	font-size: 1.05rem !important;
	color: var(--indeed-text-primary) !important;
	margin-bottom: 4px !important;
	font-weight: 500 !important;
}

.job__item .location {
	font-size: 0.95rem !important;
	color: var(--indeed-text-secondary) !important;
	margin-bottom: 12px !important;
}

.job__item .location i,
.job__item .cookies-card__icon i {
	color: var(--indeed-gold) !important;
}

/* Dashbord Table Normalization */
.table thead th {
	background-color: #f8f9fa !important;
	color: #6f6f6f !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.5px !important;
	border-bottom: 1px solid #d4d2d0 !important;
}

/* Account Page Redesign */
.account-section {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	min-height: 100vh !important;
	background-color: var(--indeed-section-bg) !important;
	padding: 40px 20px !important;
}

.account-left {
	width: 100% !important;
	max-width: 450px !important;
	background: #fff !important;
	padding: 40px !important;
	border-top: 5px solid var(--indeed-gold) !important;
	border: 1px solid var(--indeed-border);
	border-top: 5px solid var(--indeed-gold) !important;
	border-radius: var(--indeed-radius) !important;
}

.account__header-title {
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	margin-bottom: 24px !important;
	text-align: left !important;
}

.account-form .form-label {
	font-weight: 700 !important;
	font-size: 0.95rem !important;
	margin-bottom: 8px !important;
}

.account-form .form--control {
	border: 1px solid var(--indeed-border) !important;
	border-radius: 4px !important;
	padding: 12px 16px !important;
	height: auto !important;
}

.account-form .form--control:focus {
	border-color: var(--indeed-blue) !important;
	box-shadow: 0 0 0 4px rgba(37, 87, 167, 0.1) !important;
}

/* Footer Redesign */
.footer-section {
	background: var(--indeed-section-bg) !important;
	border-top: 1px solid var(--indeed-border) !important;
	padding: 60px 0 20px !important;
	color: var(--indeed-text-secondary) !important;
}

.footer-section::before {
	display: none !important;
}

.footer__widget .widget-title {
	font-size: 0.95rem !important;
	font-weight: 700 !important;
	margin-bottom: 16px !important;
	color: var(--indeed-text-primary) !important;
	padding-bottom: 0 !important;
}

.footer__widget .widget-title::before {
	display: none !important;
}

.footer-links {
	padding: 0 !important;
	list-style: none !important;
}

.footer-links li {
	margin-bottom: 8px !important;
}

.footer-links a {
	color: #2d2d2d !important;
	font-size: 0.9rem !important;
	text-decoration: none !important;
	font-weight: 400 !important;
}

.footer-links a:hover {
	text-decoration: underline !important;
	color: var(--indeed-blue) !important;
}

.footer-top {
	padding-top: 60px !important;
	padding-bottom: 40px !important;
}

.footer-bottom {
	border-top: 1px solid var(--indeed-border) !important;
	padding: 20px 0 !important;
	margin-top: 0 !important;
}

.copyright {
	color: #2d2d2d !important;
	font-size: 0.85rem !important;
}

/* Modern Indeed-style Sidebar */
.dashboard-sidebar {
	width: 260px;
	height: 100vh;
	background: #ffffff;
	border-right: 1px solid #d4d2d0;
	display: flex;
	flex-direction: column;
	padding: 0;
	z-index: 1000;
	transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	flex-shrink: 0;
	overflow-x: hidden;
	overflow-y: auto;
}

@media (min-width: 992px) {
	.dashboard-sidebar {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		width: 76px;
		overflow-y: auto;
		overflow-x: hidden;
		/* Collapsed width showing only icons */
	}

	.dashboard-sidebar:hover {
		width: 260px;
		/* Expanded width on hover */
	}

	/* Main content shifts right of the fixed sidebar */
	.dashboard__body,
	.body__element,
	body.dashboard-page>.main-wrapper,
	.dashboard-main-content,
	.dashboard-main {
		margin-left: 76px;
		transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}

	.dashboard-sidebar:hover~.dashboard__body,
	.dashboard-sidebar:hover~.body__element,
	.dashboard-sidebar:hover~.dashboard-main-content,
	.dashboard-sidebar:hover~.dashboard-main {
		margin-left: 260px;
	}

	/* Hide text labels in collapsed state */
	.dashboard-sidebar:not(:hover) .sidebar-logo-text,
	.dashboard-sidebar:not(:hover) .sidebar-menu span,
	.dashboard-sidebar:not(:hover) .menu-label,
	.dashboard-sidebar:not(:hover) .user-info,
	.dashboard-sidebar:not(:hover) .status-label,
	.dashboard-sidebar:not(:hover) .status-value,
	.dashboard-sidebar:not(:hover) .progress {
		opacity: 0 !important;
		visibility: hidden !important;
		white-space: nowrap !important;
		display: none !important;
	}

	/* Keep icons centered in collapsed state */
	.dashboard-sidebar:not(:hover) .sidebar-menu a {
		justify-content: center !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		display: flex !important;
		width: 100% !important;
	}

	.dashboard-sidebar:not(:hover) .sidebar-menu a i {
		margin-right: 0 !important;
		font-size: 1.5rem !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
	}

	/* Adjust footer/profile in collapsed state */
	.dashboard-sidebar:not(:hover) .sidebar-user {
		justify-content: center !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.dashboard-sidebar:not(:hover) .logo-area {
		justify-content: center !important;
		padding: 24px 0 !important;
		display: flex !important;
	}

	.dashboard-sidebar:not(:hover) .sidebar-menu-wrapper {
		padding: 0 !important;
	}
}

.logo-area {
	padding: 24px;
	margin-bottom: 8px;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
}

.sidebar-logo-text {
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--indeed-blue);
	letter-spacing: -0.5px;
	font-family: 'Inter', sans-serif;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.sidebar-menu-wrapper {
	flex-grow: 1;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 12px;
}

.sidebar-menu-wrapper::-webkit-scrollbar {
	width: 4px;
}

.sidebar-menu-wrapper::-webkit-scrollbar-thumb {
	background: #eee;
	border-radius: 10px;
}

.sidebar-menu {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}

.menu-label {
	font-size: 0.75rem;
	font-weight: 700;
	color: #6f6f6f;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 24px 12px 8px;
	transition: opacity 0.2s ease;
}

.sidebar-menu li {
	margin-bottom: 4px;
	list-style: none !important;
}

.sidebar-menu a {
	display: flex;
	align-items: center;
	padding: 10px 12px;
	color: #2d2d2d !important;
	text-decoration: none !important;
	border-radius: 8px;
	font-weight: 500;
	font-size: 0.9375rem;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	white-space: nowrap;
}

.sidebar-menu a i {
	font-size: 1.25rem;
	margin-right: 12px;
	color: #595959;
	transition: all 0.2s ease;
	flex-shrink: 0;
}

.sidebar-menu a span {
	transition: opacity 0.2s ease;
}

.sidebar-menu a:hover {
	background-color: #f3f2f1;
	color: #000 !important;
}

.sidebar-menu a:hover i {
	color: #2d2d2d;
}

.sidebar-menu a.active {
	background-color: rgba(37, 87, 167, 0.08);
	color: var(--indeed-blue) !important;
	font-weight: 700;
}

.sidebar-menu a.active i {
	color: var(--indeed-blue);
}

.sidebar-menu a.active::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 60%;
	background-color: var(--indeed-blue);
	border-radius: 0 4px 4px 0;
}

.sidebar-footer {
	padding: 24px;
	border-top: 1px solid #d4d2d0;
	background: #fff;
	margin-top: auto;
}

.sidebar-profile-status .status-label {
	font-size: 0.7rem;
	font-weight: 700;
	color: #6f6f6f;
	text-transform: uppercase;
}

.sidebar-profile-status .status-value {
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--indeed-blue);
}

.sidebar-user {
	padding-top: 8px;
}

.user-avatar-wrapper {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #d4d2d0;
}

.user-avatar {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.user-name {
	font-size: 0.875rem;
	font-weight: 700;
	color: #2d2d2d;
}

.logout-link {
	font-size: 0.75rem;
	color: #6f6f6f;
	text-decoration: none;
	transition: color 0.2s ease;
}

.logout-link:hover {
	color: #d93025 !important;
	text-decoration: underline !important;
}

/* Dashboard Content Area Adjustment */
.dashboard-main {
	flex: 1;
	width: 100%;
	background-color: #f8f9fa !important;
	padding: 24px;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
}

.dashboard-wrapper {
	display: flex;
	width: 100%;
	background: #f8f9fa;
}

/* Dashbord Table Normalization */
.table thead th {
	background-color: #f8f9fa !important;
	color: #6f6f6f !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.5px !important;
	border-bottom: 1px solid #d4d2d0 !important;
}

/* Dashboard Container */
.dashboard-container {
	max-width: 1400px;
	margin: 0 auto;
	width: 100%;
	padding: 0 15px;
}

/* Stats Grid for responsive cards */
.stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-bottom: 24px;
	align-items: stretch;
}

/* Collapse to 2 columns on medium screens */
@media (max-width: 1199px) {
	.stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Single column on small mobile */
@media (max-width: 575px) {
	.stats-grid {
		grid-template-columns: 1fr;
	}
}

.stat-card-modern {
	background: #ffffff;
	padding: 16px 20px;
	border-radius: 12px;
	border: 1px solid #e2e8f0;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
	height: 100%;
}

.stat-card-modern:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.stat-icon {
	width: 56px;
	height: 56px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	margin-right: 20px;
	flex-shrink: 0;
}

.icon-blue {
	background-color: rgba(37, 87, 167, 0.1);
	color: #2557a7;
}

.icon-purple {
	background-color: rgba(118, 75, 162, 0.1);
	color: #764ba2;
}

.icon-gold {
	background-color: rgba(197, 160, 33, 0.1);
	color: #c5a021;
}

.stat-label {
	font-size: 0.75rem;
	font-weight: 700;
	color: #6f6f6f;
	margin-bottom: 4px;
	letter-spacing: 0.5px;
}

.stat-value {
	font-size: 1.25rem;
	font-weight: 800;
	color: #2d2d2d;
	margin-bottom: 2px;
}

.stat-trend {
	font-size: 0.75rem;
	font-weight: 600;
}

.trend-up {
	color: #28a745;
}

/* Dashboard Responsive Fixes */
@media (max-width: 991px) {
	.dashboard-sidebar {
		position: fixed !important;
		left: -260px !important;
		top: 0;
		height: 100vh !important;
		z-index: 1100 !important;
		width: 260px !important;
		transition: all 0.3s ease !important;
	}

	.dashboard-sidebar.active {
		left: 0 !important;
		box-shadow: 10px 0 20px rgba(0, 0, 0, 0.1) !important;
	}

	.dashboard-main {
		margin-left: 0 !important;
		padding: 16px !important;
		width: 100% !important;
	}

	.dashboard-wrapper {
		display: block !important;
	}

	.top-nav-search {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.top-nav-search .search-box {
		margin-right: 0 !important;
		margin-bottom: 16px !important;
		max-width: 100% !important;
	}
}

/* Indeed-style Job Wizard */
.wizard-form-container {
	background: #fff;
	padding: 0;
}

.wizard-form-container h1 {
	font-size: 2rem;
	color: #2d2d2d;
	letter-spacing: -0.02em;
}

.wizard-step .step-content-box {
	animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

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

.form-control-lg,
.form-select-lg {
	border-radius: 8px !important;
	padding: 0.75rem 1rem !important;
	font-size: 1rem !important;
	border-color: #d4d2d0 !important;
}

.form-control:focus,
.form-select:focus {
	border-color: var(--indeed-blue) !important;
	box-shadow: 0 0 0 3px rgba(37, 87, 167, 0.1) !important;
}

.form-label {
	margin-bottom: 0.5rem;
	color: #2d2d2d;
	font-size: 0.95rem;
}

/* Radio Cards */
.radio-card-input {
	display: none;
}

.radio-card-label {
	display: flex;
	align-items: center;
	padding: 1.25rem 1rem;
	border: 2px solid #e2e8f0;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
	background: white;
	height: 100%;
}

.radio-card-input:checked+.radio-card-label {
	border-color: #2557a7;
	background-color: #f3f9ff;
	box-shadow: 0 4px 12px rgba(37, 87, 167, 0.08);
}

.radio-card-circle {
	width: 20px;
	height: 20px;
	border: 2px solid #cbd5e1;
	border-radius: 50%;
	margin-right: 12px;
	position: relative;
	flex-shrink: 0;
}

.radio-card-input:checked+.radio-card-label .radio-card-circle {
	border-color: #2557a7;
	background-color: #2557a7;
}

.radio-card-input:checked+.radio-card-label .radio-card-circle::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	background: white;
	border-radius: 50%;
}

.wizard-sidebar {
	position: sticky;
	top: 100px;
}

.custom-check-card {
	padding: 1rem !important;
	border: 2px solid #e2e8f0;
	border-radius: 8px;
	margin-bottom: 0.5rem;
	cursor: pointer;
}

.custom-check-card:hover {
	border-color: #2557a7;
	background-color: #f3f9ff;
}

.review-details-text p {
	margin-bottom: 0.5rem;
}

.review-details-text strong {
	color: #2d2d2d;
}

/* Candidate Management Page (Indeed Style) */
.candidate-header-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 24px;
}

.candidate-stat-card {
	background: #ffffff;
	padding: 16px;
	border-radius: 12px;
	border: 1px solid #d4d2d0;
	display: flex;
	flex-direction: column;
	min-width: 120px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.candidate-stat-label {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #6f6f6f;
	margin-bottom: 4px;
}

.candidate-stat-label.highlight {
	color: var(--indeed-blue);
}

.candidate-stat-value {
	font-size: 1.5rem;
	font-weight: 900;
	color: #2d2d2d;
}

.candidate-tabs {
	display: flex;
	gap: 32px;
	border-bottom: 1px solid #d4d2d0;
	padding: 0 24px;
	overflow-x: auto;
}

.candidate-tab {
	padding: 12px 0;
	border-bottom: 4px solid transparent;
	color: #6f6f6f;
	font-weight: 700;
	font-size: 0.875rem;
	white-space: nowrap;
	cursor: pointer;
	transition: all 0.2s ease;
	background: none;
	border-top: none;
	border-left: none;
	border-right: none;
}

.candidate-tab:hover {
	color: #2d2d2d;
}

.candidate-tab.active {
	border-bottom-color: var(--indeed-blue);
	color: #2d2d2d;
}

.candidate-filters {
	padding: 16px;
	background: #ffffff;
	border-bottom: 1px solid #d4d2d0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

@media (min-width: 768px) {
	.candidate-filters {
		flex-direction: row;
	}
}

.candidate-table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

.candidate-table th {
	background: rgba(243, 242, 241, 0.5);
	color: #6f6f6f;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 16px 24px;
	border-bottom: 1px solid #d4d2d0;
}

.candidate-table td {
	padding: 16px 24px;
	vertical-align: middle;
	border-bottom: 1px solid #f3f2f1;
}

.candidate-table tr:hover td {
	background: #fdfdfd;
}

.candidate-avatar-img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid #e2e8f0;
}

.status-badge-modern {
	padding: 4px 12px;
	font-size: 0.75rem;
	font-weight: 700;
	border-radius: 999px;
}

.status-new {
	background: rgba(37, 87, 167, 0.1);
	color: var(--indeed-blue);
}

.status-interviewing {
	background: rgba(0, 102, 204, 0.1);
	color: #0066cc;
}

.status-reviewed {
	background: rgba(40, 167, 69, 0.1);
	color: #28a745;
}

.status-rejected {
	background: rgba(220, 53, 69, 0.1);
	color: #dc3545;
}

.status-awaiting {
	background: #f8f9fa;
	color: #6c757d;
}

.action-btn-modern {
	background: none;
	border: none;
	color: #6f6f6f;
	padding: 8px;
	border-radius: 50%;
	transition: all 0.2s;
}

.action-btn-modern:hover {
	color: var(--indeed-blue);
	background: #f3f2f1;
}

.candidate-marketing-callout {
	margin-top: 48px;
	padding: 32px;
	background: #ffffff;
	border: 1px solid #d4d2d0;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 24px;
}

@media (min-width: 768px) {
	.candidate-marketing-callout {
		flex-direction: row;
		justify-content: space-between;
		text-align: left;
	}
}

.btn-sponsor {
	background: #ff5a1f !important;
	border-color: #ff5a1f !important;
	color: #fff !important;
	font-weight: 700 !important;
	padding: 12px 32px !important;
	border-radius: 8px !important;
}

.btn-sponsor:hover {
	background: #e64a19 !important;
	border-color: #e64a19 !important;
}

/* Candidate Profile Modernization */
.candidate-profile-header {
	background: #ffffff;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	border: 1px solid #d4d2d0;
	margin-bottom: 24px;
}

.candidate-profile-avatar-wrapper {
	width: 96px;
	height: 96px;
	border-radius: 16px;
	overflow: hidden;
	background: #e2e8f0;
	position: relative;
	flex-shrink: 0;
}

.candidate-profile-avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.candidate-info-pill {
	padding: 4px 12px;
	background: #f3f2f1;
	color: #4a4a4a;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	display: inline-block;
}

.candidate-profile-card {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	border: 1px solid #d4d2d0;
	margin-bottom: 24px;
	overflow: hidden;
}

.candidate-profile-card-header {
	padding: 20px 24px;
	border-bottom: 1px solid #f3f2f1;
	background: rgba(243, 242, 241, 0.5);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.candidate-profile-card-body {
	padding: 24px;
}

.resume-section-title {
	font-weight: 700;
	color: #2d2d2d;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #f3f2f1;
	padding-bottom: 4px;
}

.resume-content-text {
	font-size: 0.875rem;
	line-height: 1.6;
	color: #4a4a4a;
}

.action-btn-primary {
	background: var(--indeed-blue);
	color: #ffffff;
	border: none;
	padding: 8px 16px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 0.875rem;
	transition: background 0.2s;
}

.action-btn-primary:hover {
	background: #1c417e;
	color: #ffffff;
}

.action-btn-secondary {
	background: #f3f2f1;
	color: #2d2d2d;
	border: none;
	padding: 8px 16px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 0.875rem;
	transition: background 0.2s;
}

.action-btn-secondary:hover {
	background: #e2e8f0;
}

.action-btn-danger {
	background: rgba(220, 53, 69, 0.1);
	color: #dc3545;
	border: none;
	padding: 8px 16px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 0.875rem;
	transition: background 0.2s;
}

.action-btn-danger:hover {
	background: rgba(220, 53, 69, 0.2);
}

.action-btn-orange {
	background: #ff6100;
	color: #ffffff;
	border: none;
	padding: 8px 16px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 0.875rem;
	transition: background 0.2s;
}

.action-btn-orange:hover {
	background: #e65700;
	color: #ffffff;
}

.candidate-profile-tabs {
	display: flex;
	gap: 32px;
	border-bottom: 1px solid #d4d2d0;
	margin-bottom: 24px;
}

.candidate-profile-tab {
	padding-bottom: 16px;
	border-bottom: 2px solid transparent;
	color: #6f6f6f;
	font-weight: 600;
	font-size: 0.875rem;
	cursor: pointer;
	text-decoration: none;
}

.candidate-profile-tab:hover {
	color: var(--indeed-blue);
}

.candidate-profile-tab.active {
	border-bottom-color: var(--indeed-blue);
	color: var(--indeed-blue);
	font-weight: 700;
}

/* Employer Job History Modernization */
.job-history-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.job-history-card {
	background: #ffffff;
	border-radius: 12px;
	border: 1px solid #d4d2d0;
	padding: 24px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.job-history-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	border-color: #b3b1b0;
}

.job-history-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 16px;
}

.job-history-title-wrap {
	display: flex;
	flex-direction: column;
}

.job-history-title {
	font-size: 1.125rem;
	font-weight: 700;
	color: #2d2d2d;
	margin-bottom: 4px;
	text-decoration: none;
}

.job-history-title:hover {
	text-decoration: underline;
	color: var(--indeed-blue);
}

.job-history-meta-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}

.job-history-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	background: #f8f9fa;
	border-radius: 8px;
	padding: 16px;
	margin-bottom: 16px;
}

@media (min-width: 768px) {
	.job-history-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.job-metric {
	display: flex;
	flex-direction: column;
}

.job-metric-label {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #6f6f6f;
	margin-bottom: 4px;
	letter-spacing: 0.05em;
}

.job-metric-value {
	font-size: 1rem;
	font-weight: 700;
	color: #2d2d2d;
}

.job-metric-value.highlight {
	color: var(--indeed-gold);
}

.job-history-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 16px;
	border-top: 1px solid #f3f2f1;
}

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

.job-history-date {
	font-size: 0.875rem;
	color: #6f6f6f;
}

/* --- Modern Dashboard UI Enhancements --- */

.dashboard-container {
	background-color: #f8f9fa;
	min-height: 100vh;
}

.search-pill-container {
	background-color: #ffffff;
	border: 1px solid #e1e4e8;
	border-radius: 50px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
	padding: 0.5rem 1rem;
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.search-pill-container:focus-within {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	border-color: var(--base-color);
}

.search-pill-input {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

.search-pill-input:focus {
	outline: none !important;
	box-shadow: none !important;
}

.card-modern {
	background: #ffffff !important;
	border: none !important;
	border-radius: 16px !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-modern:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.stat-card-modern {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.icon-bubble {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	margin-bottom: 10px;
}

.icon-bubble.blue {
	background-color: rgba(37, 87, 167, 0.1);
	color: #2557a7;
}

.icon-bubble.green {
	background-color: rgba(16, 185, 129, 0.1);
	color: #10b981;
}

.icon-bubble.orange {
	background-color: rgba(245, 158, 11, 0.1);
	color: #f59e0b;
}

.icon-bubble.purple {
	background-color: rgba(139, 92, 246, 0.1);
	color: #8b5cf6;
}

.table-modern {
	border-collapse: separate;
	border-spacing: 0;
}

.table-modern tbody tr {
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	transition: transform 0.1s ease;
}

.table-modern tbody tr:hover {
	transform: scale(1.005);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
}

.btn-modern {
	border-radius: 50px !important;
	font-weight: 600;
	transition: all 0.2s ease;
}

.btn-modern:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}