@import url("/design/legacy/css/fontawesome/all.min.css");
@import url("/design/legacy/css/fonts.css");

:root{
	--brand-primary:#1f3f8c;
	--brand-secondary:#0f172a;
	--brand-accent:#ff6b3d;
	--brand-soft:#e6e9f3;
	--brand-soft-2:#eef2fb;
	--surface:#ffffff;
	--text-main:#0f172a;
	--text-soft:#6b7285;
	--card-shadow:0 20px 50px rgba(15,23,42,0.12);
}

/* Custom lazy load blink */
img.lazyload{
	background: #f6f7fb;
	position: relative;
}
img.lazyload.lazy-blink{
	animation: lazyBlink 1s ease-in-out infinite;
}
img.lazyload.lazy-loaded{
	animation: none;
	background: transparent;
}
img.lazyload.lazy-error{
	animation: none;
	background: #fff1f1;
}
@keyframes lazyBlink{
	0%{opacity:0.8;}
	50%{opacity:0.4;}
	100%{opacity:0.8;}
}

/* Notification center */
.notif-shell{
	max-width: 960px;
	margin: 12px auto 40px;
	padding: 6px 4px 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.notif-hero{
	background: linear-gradient(135deg,#0f172a,#1f3f8c 60%,#2c5bcf);
	color: #fff;
	border-radius: 18px;
	padding: 18px;
	box-shadow: var(--card-shadow);
	display: flex;
	flex-direction: column;
	gap: 8px;
	overflow: hidden;
	position: relative;
}

.notif-hero:after{
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 14% 20%, rgba(255,255,255,0.12), transparent 36%), radial-gradient(circle at 82% 0%, rgba(255,255,255,0.1), transparent 30%);
	pointer-events: none;
}

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

.notif-hero__eyebrow{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 12px;
	font-weight: 800;
	opacity: 0.8;
	margin: 0;
}

.notif-hero__title{
	margin: 0;
	font-weight: 800;
	font-size: 24px;
}

.notif-hero__subtitle{
	margin: 0;
	color: rgba(255,255,255,0.88);
	max-width: 760px;
}

.notif-hero__chips{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 6px;
}

.notif-chip{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 12px;
	background: rgba(255,255,255,0.14);
	border: 1px solid rgba(255,255,255,0.24);
	font-weight: 800;
	letter-spacing: 0.02em;
}

.notif-chip i{
	opacity: 0.9;
}

.notif-chip.is-soft{
	background: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.2);
}

.notif-list{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.notif-card{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 12px;
	align-items: center;
	padding: 14px;
	border-radius: 14px;
	background: #fff;
	border: 1px solid #e6e9f3;
	box-shadow: 0 12px 26px rgba(15,23,42,0.08);
	transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.notif-card:hover{
	transform: translateY(-1px);
	box-shadow: 0 14px 28px rgba(15,23,42,0.12);
	border-color: rgba(31,63,140,0.35);
}

.notif-card.is-unread{
	background: linear-gradient(135deg,#f5f7ff,#eef2fb);
	border-color: #cbd7ff;
}

.notif-icon{
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg,#1f3f8c,#2c5bcf);
	color: #fff;
	box-shadow: 0 10px 22px rgba(31,63,140,0.28);
}

.notif-card.is-unread .notif-icon{
	background: linear-gradient(135deg,#ff6b3d,#ff8a5c);
	box-shadow: 0 10px 22px rgba(255,107,61,0.3);
}

.notif-title{
	margin: 0;
	font-weight: 800;
}

.notif-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	color: var(--text-soft);
	font-weight: 700;
	font-size: 13px;
}

.notif-time i{
	margin-right: 6px;
}

.notif-status{
	padding: 6px 10px;
	border-radius: 10px;
	font-weight: 800;
	font-size: 12px;
	background: var(--brand-soft-2);
	color: var(--brand-primary);
}

.notif-status.is-muted{
	background: #f1f3f8;
	color: var(--text-soft);
}

.notif-empty{
	background: linear-gradient(135deg,#f7f8fc,#eef2fb);
	border: 1px dashed #d2d8ea;
	border-radius: 16px;
	padding: 18px;
	text-align: center;
	box-shadow: 0 12px 26px rgba(15,23,42,0.08);
}

.notif-empty__icon{
	width: 56px;
	height: 56px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	margin: 0 auto 8px;
	background: #1f3f8c;
	color: #fff;
	box-shadow: 0 12px 24px rgba(31,63,140,0.28);
}

.notif-empty__title{
	margin: 0 0 6px 0;
	font-weight: 800;
}

.notif-empty__desc{
	margin: 0;
	color: var(--text-soft);
	font-weight: 700;
}

/* Inbox board */
.inbox-shell{
	max-width: 1100px;
	margin: 12px auto 40px;
	padding: 6px 4px 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.inbox-hero{
	background: linear-gradient(120deg,#0f172a,#1f3f8c 60%,#2c5bcf);
	color: #fff;
	border-radius: 18px;
	padding: 18px;
	box-shadow: var(--card-shadow);
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 12px;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.inbox-hero:after{
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 20% 18%,rgba(255,255,255,0.14),transparent 36%),radial-gradient(circle at 86% 0%,rgba(255,255,255,0.1),transparent 34%);
	pointer-events: none;
}

.inbox-hero.is-empty{
	grid-template-columns: 1fr;
}

.inbox-hero__eyebrow{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 12px;
	font-weight: 800;
	opacity: 0.85;
	margin: 0 0 4px 0;
}

.inbox-hero__title{
	margin: 0;
	font-weight: 800;
	font-size: 24px;
}

.inbox-hero__subtitle{
	margin: 4px 0 0 0;
	opacity: 0.9;
	max-width: 720px;
}

.inbox-hero__chips{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.inbox-chip{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 12px;
	background: rgba(255,255,255,0.14);
	border: 1px solid rgba(255,255,255,0.2);
	font-weight: 800;
}

.inbox-chip.is-soft{
	background: rgba(255,255,255,0.12);
	border-color: rgba(255,255,255,0.16);
}

.inbox-hero__aside{
	display: grid;
	gap: 8px;
	justify-items: end;
}

.inbox-hero__bubble{
	background: rgba(255,255,255,0.14);
	color: #fff;
	padding: 10px 12px;
	border-radius: 14px;
	font-weight: 700;
	border: 1px solid rgba(255,255,255,0.18);
	box-shadow: 0 10px 24px rgba(15,23,42,0.12);
}

.inbox-hero__bubble.is-soft{
	opacity: 0.9;
}

.inbox-layout{
	display: grid;
	grid-template-columns: 360px 1fr;
	gap: 14px;
	align-items: start;
}

.inbox-list{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.inbox-card{
	background: #fff;
	border: 1px solid #e6e9f3;
	border-radius: 14px;
	padding: 14px;
	box-shadow: 0 12px 26px rgba(15,23,42,0.08);
	cursor: pointer;
	transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.inbox-card:hover{
	transform: translateY(-1px);
	box-shadow: 0 16px 30px rgba(15,23,42,0.12);
	border-color: rgba(31,63,140,0.35);
}

.inbox-card.is-active{
	border-color: #1f3f8c;
	box-shadow: 0 18px 36px rgba(31,63,140,0.16);
}

.inbox-card.is-unread{
	background: linear-gradient(135deg,#f5f7ff,#eef2fb);
	border-color: #cbd7ff;
}

.inbox-card__head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.inbox-card__from{
	font-weight: 800;
	color: var(--text-main);
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.inbox-card__time{
	color: var(--text-soft);
	font-weight: 700;
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.inbox-card__preview{
	margin: 10px 0;
	color: var(--text-soft);
	font-weight: 600;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.inbox-card__meta{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
	color: var(--brand-primary);
}

.inbox-card__status{
	padding: 6px 10px;
	border-radius: 10px;
	background: #eef2fb;
}

.inbox-card.is-unread .inbox-card__status{
	background: #ffe7dc;
	color: #d4511c;
}

.inbox-card__cta{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--brand-primary);
	font-weight: 800;
}

.inbox-detail{
	background: #fff;
	border: 1px solid #e6e9f3;
	border-radius: 16px;
	box-shadow: var(--card-shadow);
	min-height: 280px;
	padding: 0;
	overflow: hidden;
}

.inbox-detail__card{
	padding: 16px;
	display: grid;
	gap: 12px;
}

.inbox-detail__head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.inbox-detail__eyebrow{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 12px;
	font-weight: 800;
	color: var(--text-soft);
	margin: 0 0 4px 0;
}

.inbox-detail__title{
	margin: 0;
	font-weight: 800;
}

.inbox-detail__meta{
	color: var(--text-soft);
	font-weight: 700;
}

.inbox-detail__message{
	background: #f7f8fc;
	border: 1px solid #e6e9f3;
	border-radius: 12px;
	padding: 14px;
	font-weight: 600;
	color: var(--text-main);
	word-break: break-word;
	overflow-wrap: anywhere;
}

.inbox-detail__contact{
	display: grid;
	gap: 8px;
}

.inbox-detail__label{
	margin: 0;
	font-weight: 800;
	color: var(--text-main);
}

.inbox-contact{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(140px,1fr));
	gap: 10px;
}

.inbox-contact .btn{
	width: 100%;
	font-weight: 800;
	border-radius: 12px;
}

.inbox-empty{
	padding: 18px;
	text-align: center;
	display: grid;
	gap: 8px;
	align-items: center;
	justify-items: center;
}

.inbox-empty__icon{
	width: 54px;
	height: 54px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	background: #1f3f8c;
	color: #fff;
	box-shadow: 0 12px 24px rgba(31,63,140,0.24);
}

.inbox-empty__title{
	margin: 0;
	font-weight: 800;
}

.inbox-empty__desc{
	margin: 0;
	color: var(--text-soft);
	font-weight: 600;
	max-width: 460px;
}

@media (max-width: 768px){
	.inbox-layout{
		grid-template-columns: 1fr;
	}
	.inbox-hero{
		grid-template-columns: 1fr;
	}
	.inbox-hero__aside{
		justify-items: start;
	}
}

@media (max-width: 576px){
	.notif-shell{
		padding: 0 2px 24px;
	}
	.notif-card{
		grid-template-columns: 1fr;
		align-items: flex-start;
	}
	.notif-meta{
		flex-direction: column;
		align-items: flex-start;
	}
	.notif-icon{
		width: 40px;
		height: 40px;
	}
}

body{
	font-size: 16px;
	font-family: 'Manrope','Space Grotesk',sans-serif;
	background: linear-gradient(180deg, #f7f8fc 0%, #eef1f8 100%);
	color: var(--text-main);
	line-height: 1.6;
}

.logo{
	height: 30px;
}

.modern-nav{
	background: linear-gradient(120deg, var(--brand-secondary), #142447 60%, var(--brand-primary));
	box-shadow: var(--card-shadow);
	border: none;
}

.modern-nav .btn-secondary{
	background: rgba(255,255,255,0.14);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.2);
}

.modern-nav .btn-secondary:hover{
	background: rgba(255,255,255,0.2);
	color: #fff;
}

.modern-nav .dropdown-menu{
	border-radius: 12px;
	box-shadow: var(--card-shadow);
	border: 1px solid #e6e9f3;
	overflow: hidden;
}

.modern-nav .navbar-brand{
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.brand-title{
	font-weight: 700;
}

.glass-pill{
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 16px;
	box-shadow: var(--card-shadow);
	backdrop-filter: blur(8px);
}

.balance-label{
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.nav-money{
	gap: 10px;
}

.balance-card{
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 14px;
	padding: 8px 12px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
	min-width: 210px;
	display: flex;
	align-items: center;
}

.balance-icon{
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: rgba(255,255,255,0.18);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	margin-right: 8px;
}

.balance-text .label{
	font-size: 11px;
	color: rgba(255,255,255,0.85);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.balance-text .amount{
	font-weight: 800;
	color: #fff;
	font-size: 15px;
	line-height: 1.1;
}

.balance-text{
	margin-right: auto;
}

.btn-balance{
	background: #fff;
	color: var(--brand-primary);
	border-radius: 12px;
	border: none;
	font-weight: 700;
	padding: 6px 10px;
	margin-left: 10px;
	box-shadow: 0 6px 18px rgba(255,255,255,0.25);
}

.btn-balance:hover{
	background: #f2f4fb;
	color: var(--brand-primary);
}

.btn-sell{
	background: linear-gradient(120deg, var(--brand-accent), #ff8a5c);
	color: #fff;
	font-weight: 800;
	border-radius: 14px;
	border: none;
	padding: 10px 16px;
	box-shadow: 0 12px 30px rgba(255,107,61,0.35);
}

.btn-sell:hover{
	color: #fff;
	background: linear-gradient(120deg, #ff7a45, #ff9d70);
}

.modern-ghost{
	background: rgba(255,255,255,0.08);
	color: #fff;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,0.2);
}

.modern-ghost:hover{
	color: #fff;
	background: rgba(255,255,255,0.15);
}

.letter-2{
	letter-spacing: 0.08em;
}

.eyebrow{
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hero-title{
	font-family: 'Space Grotesk','Manrope',sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
	text-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

@media (min-width: 992px){
	.hero-title{
		font-size: 42px;
	}
}

/* Pasang iklan redesign */
#formPasangIklan,
#formEditAd{
	max-width: 1180px;
	margin: 12px auto 42px;
	padding: 18px;
	border-radius: 22px;
	border: 1px solid #dde4f5;
	background: radial-gradient(circle at 12% 12%, rgba(31,63,140,0.08), transparent 36%), radial-gradient(circle at 86% 0%, rgba(255,107,61,0.08), transparent 32%), linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
	box-shadow: 0 22px 48px rgba(15,23,42,0.14);
	display: flex;
	flex-direction: column;
	gap: 14px;
}

#formPasangIklan>.form-group,
#formEditAd>.form-group{
	padding: 16px;
	border-radius: 16px;
	border: 1px solid #e3e9f5;
	background: linear-gradient(145deg, #ffffff, #f4f6ff);
	box-shadow: 0 12px 24px rgba(15,23,42,0.08);
	margin-bottom: 0;
}

#formPasangIklan label,
#formEditAd label{
	font-weight: 800;
	letter-spacing: 0.01em;
	color: var(--brand-secondary);
	margin-bottom: 8px;
	display: block;
}

#formPasangIklan .form-control,
#formEditAd .form-control,
#formPasangIklan select,
#formEditAd select{
	border: 1.5px solid #c8d3eb;
	border-radius: 14px;
	background: #ffffff;
	font-weight: 700;
	color: #0f172a;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.65);
}

#formPasangIklan .form-control:focus,
#formEditAd .form-control:focus,
#formPasangIklan select:focus,
#formEditAd select:focus,
#formPasangIklan textarea:focus,
#formEditAd textarea:focus{
	border-color: #2c5bcf;
	box-shadow: 0 0 0 4px rgba(44,91,207,0.18);
	background: #fff;
}

#formPasangIklan .input-group,
#formEditAd .input-group{
	border: 1.5px solid #c8d3eb;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.65);
	padding: 4px 6px 4px 10px;
}

#formPasangIklan .input-group .form-control,
#formEditAd .input-group .form-control{
	border: 0;
	background: transparent;
	box-shadow: none;
	padding-left: 0;
}

#formPasangIklan .form-control::placeholder,
#formEditAd .form-control::placeholder,
#formPasangIklan textarea::placeholder,
#formEditAd textarea::placeholder{
	color: #4b5565;
	opacity: 0.82;
}

/* price pill */
#formPasangIklan [data-group=price] .input-group,
#formEditAd [data-group=price] .input-group{
	padding: 12px;
	border-radius: 18px;
	background: linear-gradient(120deg, #f7f9ff, #eef2fb);
	border: 1.5px solid #c7d5f0;
	box-shadow: 0 14px 30px rgba(15,23,42,0.08), inset 0 1px 0 rgba(255,255,255,0.8);
	align-items: stretch;
	gap: 10px;
}

#formPasangIklan [data-group=price] .input-group .form-control,
#formEditAd [data-group=price] .input-group .form-control{
	height: 58px;
	font-size: 20px;
	font-weight: 800;
	text-align: center;
	border-radius: 12px;
	border: 1px solid #d7e0f4;
	background: #fff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

#formPasangIklan [data-group=price] .input-group-append .btn-group-toggle,
#formEditAd [data-group=price] .input-group-append .btn-group-toggle{
	margin-left: 6px;
}

#formPasangIklan [data-group=price] .input-group-append .btn-group-toggle .btn,
#formEditAd [data-group=price] .input-group-append .btn-group-toggle .btn{
	border-radius: 12px;
	padding: 12px 16px;
	font-weight: 800;
	border: none;
	background: linear-gradient(120deg, #0f172a, #2c5bcf);
	color: #fff;
	box-shadow: 0 12px 22px rgba(44,91,207,0.26);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

#formPasangIklan [data-group=price] .input-group-append .btn-group-toggle .btn input,
#formEditAd [data-group=price] .input-group-append .btn-group-toggle .btn input{
	display: none;
}

#formPasangIklan .input-group-append .btn,
#formEditAd .input-group-append .btn{
	border-radius: 12px;
	border: 1px solid #dfe5f4;
	background: #fff;
	font-weight: 800;
	color: var(--brand-primary);
	box-shadow: 0 10px 18px rgba(15,23,42,0.08);
}

#formPasangIklan .btn-group-toggle,
#formEditAd .btn-group-toggle{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

#formPasangIklan .btn-group-toggle .btn,
#formEditAd .btn-group-toggle .btn{
	position: relative;
	border-radius: 12px;
	border: 1px solid #d5def4;
	background: #f4f6ff;
	color: var(--brand-secondary);
	font-weight: 800;
	padding: 10px 14px;
	box-shadow: 0 10px 20px rgba(15,23,42,0.06);
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

#formPasangIklan .btn-group-toggle .btn.active,
#formEditAd .btn-group-toggle .btn.active,
#formPasangIklan .btn-group-toggle .btn:hover,
#formEditAd .btn-group-toggle .btn:hover{
	background: linear-gradient(120deg, #1f3f8c, #2c5bcf);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 14px 24px rgba(31,63,140,0.26);
	transform: translateY(-1px);
}

#formPasangIklan .btn-outline-dark,
#formEditAd .btn-outline-dark,
#formPasangIklan .btn-outline-success,
#formEditAd .btn-outline-success{
	color: var(--brand-secondary);
	border-color: #d5def4;
	background: #f4f6ff;
	box-shadow: none;
}

#formPasangIklan .btn-outline-dark.active,
#formEditAd .btn-outline-dark.active,
#formPasangIklan .btn-outline-success.active,
#formEditAd .btn-outline-success.active{
	background: linear-gradient(120deg, #0ea5e9, #1f3f8c);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 14px 24px rgba(14,165,233,0.26);
}

#formPasangIklan hr,
#formEditAd hr{
	border-color: #e2e8f7;
	margin: 6px 0 2px 0;
}

#formPasangIklan h2.big,
#formEditAd h2.big{
	font-size: 24px;
	font-weight: 800;
	letter-spacing: 0.01em;
	color: var(--brand-secondary);
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	background: #eef2fb;
	border-radius: 12px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

#formPasangIklan #sectionAdditional,
#formEditAd #sectionAdditional{
	border: 1px dashed #cfd7ee;
	background: linear-gradient(135deg, #f8fbff, #eef2fb);
	border-radius: 16px;
	box-shadow: 0 10px 20px rgba(15,23,42,0.06);
}

#formPasangIklan button.btn-primary.btn-lg,
#formEditAd button.btn-primary.btn-lg{
	border-radius: 14px;
	background: linear-gradient(120deg, #ff6b3d, #ff924f);
	border: none;
	font-weight: 800;
	box-shadow: 0 16px 28px rgba(255,107,61,0.32);
}

#formPasangIklan button.btn-primary.btn-lg:hover,
#formEditAd button.btn-primary.btn-lg:hover{
	transform: translateY(-1px);
}

@media (max-width: 767.98px){
	#formPasangIklan,
	#formEditAd{
		padding: 12px;
		border-radius: 16px;
	}
	#formPasangIklan>.form-group,
	#formEditAd>.form-group{
		padding: 14px;
	}
}

/* Membership redesign */
.membership-shell{
	max-width:1200px;
	margin:0 auto 48px;
	padding:18px 12px 48px;
	display:flex;
	flex-direction:column;
	gap:18px;
}
.membership-hero{
	position:relative;
	background:linear-gradient(135deg,#0f172a,#1f3f8c 60%,#2f5adf);
	color:#fff;
	border-radius:24px;
	padding:26px 26px 28px;
	box-shadow:var(--card-shadow);
	overflow:hidden;
}
.membership-hero:after{
	content:"";
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 16% 18%,rgba(255,255,255,0.16),transparent 36%),radial-gradient(circle at 82% 0%,rgba(255,255,255,0.12),transparent 30%);
	pointer-events:none;
}
.membership-hero__copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;max-width:840px;}
.membership-hero__title{font-weight:800;font-size:30px;letter-spacing:-0.01em;margin:0;}
.membership-hero__subtitle{color:rgba(255,255,255,0.9);margin:0;}
.membership-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.membership-btn{
	border-radius:12px;
	font-weight:800;
	padding:12px 16px;
	display:inline-flex;
	align-items:center;
	gap:8px;
	text-transform:uppercase;
	letter-spacing:0.04em;
}
.membership-btn.primary{
	background:linear-gradient(120deg,#ffd166,#f6ae2d);
	color:#0b2545;
	border:0;
	box-shadow:0 12px 26px rgba(0,0,0,0.18);
}
.membership-btn.primary:hover{transform:translateY(-1px);}
.membership-btn.ghost{
	background:rgba(255,255,255,0.12);
	color:#fff;
	border:1px solid rgba(255,255,255,0.24);
}
.membership-btn.block{width:100%;justify-content:center;}
.membership-hero__stats{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
	gap:12px;
	margin-top:12px;
}
.membership-stat{
	display:grid;
	grid-template-columns:auto 1fr;
	align-items:center;
	gap:12px;
	padding:14px;
	border-radius:16px;
	background:rgba(255,255,255,0.12);
	border:1px solid rgba(255,255,255,0.2);
	backdrop-filter:blur(3px);
	box-shadow:0 12px 26px rgba(0,0,0,0.16);
}
.membership-stat .stat-icon{
	width:46px;
	height:46px;
	border-radius:12px;
	background:rgba(255,255,255,0.16);
	display:grid;
	place-items:center;
	font-size:18px;
	color:#fff;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,0.14);
}
.membership-stat .stat-icon.accent{background:#ffd166;color:#0b2545;box-shadow:0 10px 18px rgba(255,209,102,0.35);}
.membership-stat .stat-icon.soft{background:rgba(255,255,255,0.1);}
.membership-stat .stat-label{font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.82);}
.membership-stat .stat-value{font-weight:800;font-size:18px;}
.membership-stat .stat-hint{color:rgba(255,255,255,0.85);font-size:13px;margin:0;}
.membership-section{
	background:var(--surface);
	border:1px solid #e6e9f4;
	border-radius:18px;
	padding:16px;
	box-shadow:var(--card-shadow);
	display:flex;
	flex-direction:column;
	gap:12px;
}
.membership-section__head{
	display:flex;
	justify-content:space-between;
	gap:10px;
	flex-wrap:wrap;
	align-items:flex-start;
}
.membership-section__title{margin:0;font-weight:800;}
.membership-pain-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
	gap:12px;
}
.membership-pain-card{
	display:grid;
	grid-template-columns:auto 1fr;
	gap:10px;
	align-items:center;
	padding:12px;
	border-radius:14px;
	background:linear-gradient(135deg,#f7f8fc,#eef2fb);
	border:1px solid #e3e7f3;
	box-shadow:0 12px 26px rgba(15,23,42,0.08);
}
.membership-pain-card .pain-icon{
	width:42px;
	height:42px;
	border-radius:12px;
	background:#1f3f8c;
	color:#fff;
	display:grid;
	place-items:center;
	box-shadow:0 10px 20px rgba(31,63,140,0.28);
}
.membership-pain-card .pain-title{font-weight:800;}
.membership-pain-card .pain-desc{margin:0;color:var(--text-soft);font-weight:700;font-size:14px;}
.membership-value-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
	gap:14px;
}
.membership-value-card{
	background:#fff;
	border:1px solid #e5e8f5;
	border-radius:16px;
	padding:14px;
	box-shadow:0 14px 28px rgba(15,23,42,0.1);
	display:flex;
	flex-direction:column;
	gap:8px;
}
.membership-value-card .value-icon{
	width:46px;
	height:46px;
	border-radius:12px;
	display:grid;
	place-items:center;
	background:#1f3f8c;
	color:#fff;
	box-shadow:0 10px 22px rgba(31,63,140,0.3);
}
.membership-value-card .value-icon.accent{background:#ff6b3d;box-shadow:0 10px 22px rgba(255,107,61,0.32);}
.membership-value-card .value-icon.soft{background:#0f172a;}
.membership-value-card .value-title{font-weight:800;margin:0;}
.membership-value-card .value-desc{margin:0;color:var(--text-soft);}
.membership-value-card .value-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-weight:700;color:var(--text-soft);}
.membership-value-card .value-list i{color:#1f3f8c;margin-right:8px;}
.membership-plan-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
	gap:14px;
}
.membership-plan{
	position:relative;
	border-radius:16px;
	padding:16px;
	display:flex;
	flex-direction:column;
	gap:8px;
	min-height:100%;
}
.membership-plan--dark{
	background:linear-gradient(135deg,#0f172a,#1f3f8c 60%,#2c5bcf);
	color:#fff;
	box-shadow:var(--card-shadow);
}
.membership-plan--light{
	background:#f8faff;
	border:1px solid #e3e8f6;
	box-shadow:0 12px 24px rgba(15,23,42,0.08);
}
.plan-badge{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:6px 10px;
	border-radius:999px;
	background:rgba(255,255,255,0.14);
	border:1px solid rgba(255,255,255,0.18);
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:0.06em;
	font-size:12px;
}
.plan-badge.soft{background:#eef2fb;color:#1f3f8c;border-color:#d8def0;}
.plan-title{margin:4px 0;font-weight:800;}
.plan-price{font-size:24px;font-weight:800;}
.plan-desc{margin:0;color:inherit;opacity:0.9;}
.plan-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-weight:700;}
.plan-list i{margin-right:8px;}
.plan-cta{margin-top:auto;}
.membership-gallery{background:linear-gradient(180deg,#f9fbff 0%,#eef2fb 100%);}
.membership-gallery__grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
	gap:12px;
}
.membership-gallery__img{
	border-radius:12px;
	border:1px solid #dfe5f5;
	box-shadow:0 10px 20px rgba(15,23,42,0.08);
	background:#fff;
}
.membership-cta-card{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	flex-wrap:wrap;
	padding:18px;
	background:linear-gradient(120deg,#0f2f72,#1b4aa5);
	color:#fff;
	border-radius:18px;
	box-shadow:var(--card-shadow);
}
.cta-title{margin:0;font-weight:800;font-size:22px;}
.cta-desc{margin:0;color:rgba(255,255,255,0.9);}
.badge-soft{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:6px 10px;
	border-radius:10px;
	background:#eef4ff;
	color:#1f3f8c;
	font-weight:800;
	letter-spacing:0.02em;
}
.membership-bonus{
	display:flex;
	align-items:center;
	gap:12px;
	background:rgba(255,255,255,0.1);
	border:1px solid rgba(255,255,255,0.2);
	border-radius:14px;
	padding:10px 12px;
	box-shadow:0 12px 22px rgba(0,0,0,0.18);
}
.membership-bonus__title{font-weight:800;}
.membership-timer{font-weight:800;font-size:16px;letter-spacing:0.04em;}
@media (max-width:991.98px){
	.membership-shell{padding:14px 10px 36px;}
	.membership-hero__title{font-size:24px;}
	.membership-cta-card{align-items:flex-start;}
}

.hero-description{
	font-size: 16px;
	max-width: 540px;
}

.modern-hero{
	position: relative;
	background: linear-gradient(135deg, rgba(15,23,42,0.9), rgba(26,42,74,0.85));
	color: #fff;
	overflow: visible;
	min-height: 520px;
	display: flex;
	align-items: center;
}

.hero-video{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	opacity: 0.85;
}

.modern-hero:before{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, rgba(10,18,35,0.62), rgba(12,24,48,0.45));
	z-index: 1;
}

.modern-hero:after{
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 20% 20%, rgba(255,255,255,0.06), transparent 35%), radial-gradient(circle at 80% 0%, rgba(255,255,255,0.08), transparent 30%);
	pointer-events: none;
	z-index: 1;
}

.modern-hero .container{
	position: relative;
	z-index: 2;
}

.admin-shell{
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin-top: 12px;
}

.admin-hero{
	position: relative;
	background: linear-gradient(135deg, #0f172a, #1b2f5b);
	color: #fff;
	padding: 22px;
	border-radius: 20px;
	box-shadow: var(--card-shadow);
	overflow: hidden;
}

@media (min-width: 768px){
	.admin-hero{
		padding: 28px;
	}
}

.admin-hero:after{
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 12% 18%, rgba(255,255,255,0.08), transparent 35%), radial-gradient(circle at 80% 10%, rgba(255,255,255,0.06), transparent 30%);
	pointer-events: none;
}

.admin-hero__intro{
	position: relative;
	z-index: 1;
	max-width: 620px;
}

.admin-hero__title{
	font-weight: 800;
	font-size: 28px;
	margin: 0 0 6px 0;
	letter-spacing: -0.01em;
}

@media (min-width: 992px){
	.admin-hero__title{
		font-size: 34px;
	}
}

.admin-hero__desc{
	color: rgba(255,255,255,0.9);
	max-width: 680px;
	margin-bottom: 12px;
}

.admin-chips{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.admin-chip{
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.22);
	border-radius: 999px;
	padding: 6px 12px;
	font-weight: 700;
	color: #fff;
	box-shadow: 0 10px 26px rgba(0,0,0,0.18);
	font-size: 13px;
}

.admin-chip i{
	margin-right: 6px;
}

.admin-hero__stats{
	position: relative;
	z-index: 1;
	margin-top: 16px;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
	gap: 12px;
}

.admin-stat-card{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
	border-radius: 16px;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.18);
	backdrop-filter: blur(3px);
	box-shadow: 0 16px 32px rgba(0,0,0,0.18);
}

.admin-stat__icon{
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: rgba(255,255,255,0.18);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

.admin-stat__label{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgba(255,255,255,0.82);
}

.admin-stat__value{
	font-weight: 800;
	font-size: 22px;
	line-height: 1.1;
}

.admin-stat__hint{
	color: rgba(255,255,255,0.78);
	font-size: 12px;
}

.admin-grid-wrapper{
	background: var(--surface);
	border-radius: 18px;
	padding: 18px;
	box-shadow: var(--card-shadow);
	border: 1px solid #e5e8f0;
}

.admin-grid__head{
	display: flex;
	flex-direction: column;
	gap: 4px;
}

@media (min-width: 768px){
	.stat-hero-card{
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	.stat-layout{
		grid-template-columns: 2fr 1fr;
	}

	.admin-grid__head{
		flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
	}
}

.admin-grid__title{
	font-weight: 800;
	margin: 0;
}

.admin-grid__hint{
	font-size: 13px;
	max-width: 380px;
}

.admin-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
	gap: 14px;
	margin-top: 12px;
}

.admin-card{
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 10px;
	align-items: center;
	padding: 14px;
	border-radius: 14px;
	background: linear-gradient(120deg, #f7f8fc, #eef2fb);
	border: 1px solid #e4e8f5;
	box-shadow: 0 14px 32px rgba(15,23,42,0.08);
	color: inherit;
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.admin-card__icon{
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: #1f3f8c;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	box-shadow: 0 10px 22px rgba(31,63,140,0.35);
}

.admin-card__body{
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.admin-card__title{
	font-weight: 800;
	font-size: 15px;
	margin: 0;
}

.admin-card__desc{
	font-size: 13px;
	color: var(--text-soft);
	line-height: 1.4;
	margin: 0;
}

.admin-card__action{
	color: var(--brand-primary);
	opacity: 0.7;
	transition: opacity 0.15s ease;
}

.admin-card:hover{
	transform: translateY(-2px);
	box-shadow: 0 18px 36px rgba(15,23,42,0.12);
	border-color: rgba(31,63,140,0.35);
	text-decoration: none;
}

.admin-card:hover .admin-card__action{
	opacity: 1;
}

.stat-shell{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.stat-hero-card{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 18px;
	border-radius: 18px;
	background: radial-gradient(circle at 15% 20%, rgba(255,255,255,0.12), transparent 32%), radial-gradient(circle at 80% 0%, rgba(255,255,255,0.18), transparent 36%), linear-gradient(135deg, #0c1737, #1f3f8c 60%, #285ddf);
	color: #fff;
	box-shadow: var(--card-shadow);
	overflow: hidden;
}

.stat-hero-card:after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, rgba(255,255,255,0.08), transparent 40%);
	pointer-events: none;
	z-index: 0;
}

.stat-hero-card > *{
	position: relative;
	z-index: 1;
}

.stat-hero__title{
	font-family: 'Space Grotesk','Manrope',sans-serif;
	font-weight: 800;
	margin: 0;
	font-size: 26px;
}

.stat-hero__desc{
	margin: 2px 0 10px;
	color: rgba(255,255,255,0.86);
	max-width: 780px;
}

.stat-hero__tags{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	position: relative;
	z-index: 1;
}

.stat-hero__summary{
	display: grid;
	gap: 6px;
	align-content: center;
}

.stat-hero__value{
	font-size: 34px;
	font-weight: 800;
	line-height: 1;
}

.stat-hero__hint{
	color: rgba(255,255,255,0.9);
	font-weight: 700;
}

.stat-hero__meta{
	color: rgba(255,255,255,0.82);
	font-size: 13px;
}

.stat-hero__glance{
	position: relative;
	z-index: 1;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.18);
	border-radius: 16px;
	padding: 12px;
	min-width: 220px;
	box-shadow: 0 18px 38px rgba(0,0,0,0.2);
}

.stat-glance__label{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	color: rgba(255,255,255,0.8);
}

.stat-glance__value{
	font-weight: 800;
	font-size: 32px;
	line-height: 1;
}

.stat-glance__meta{
	font-weight: 700;
	font-size: 13px;
}

.stat-mini{
	color: rgba(255,255,255,0.78);
	font-size: 12px;
	margin-top: 2px;
}

/* Special Promo */
.promo-shell{
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 6px;
}

.promo-hero{
	position: relative;
	background: radial-gradient(circle at 10% 10%, rgba(255,255,255,0.1), transparent 36%), radial-gradient(circle at 90% 14%, rgba(255,255,255,0.08), transparent 30%), linear-gradient(135deg, #0f172a, #12315a 55%, #0b6fa4);
	color: #fff;
	padding: 22px;
	border-radius: 20px;
	box-shadow: var(--card-shadow);
	display: grid;
	gap: 12px;
}

@media (min-width: 768px){
	.promo-hero{
		grid-template-columns: 1.2fr 0.8fr;
		align-items: center;
	}
}

.promo-eyebrow{
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 11px;
	font-weight: 800;
	margin: 0 0 4px 0;
	color: rgba(255,255,255,0.75);
}

.promo-title{
	margin: 0 0 4px 0;
	font-weight: 800;
	font-size: 26px;
}

@media (min-width: 992px){
	.promo-title{
		font-size: 30px;
	}
}

.promo-subtitle{
	color: rgba(255,255,255,0.85);
	margin: 0 0 10px 0;
	max-width: 640px;
}

.promo-hero__chips{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.promo-chip{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border-radius: 999px;
	padding: 6px 12px;
	background: rgba(255,255,255,0.14);
	border: 1px solid rgba(255,255,255,0.24);
	font-weight: 700;
	color: #fff;
	font-size: 12px;
}

.promo-chip.soft{
	background: #f5f7fb;
	border-color: #e0e4ee;
	color: #0f172a;
}

.promo-chip.alt{
	background: #0e9bd9;
	border-color: #6fd1ff;
	box-shadow: 0 8px 18px rgba(14,155,217,0.35);
}

.promo-hero__stats{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
	gap: 10px;
}

.promo-highlight{
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 14px;
	padding: 12px;
	box-shadow: 0 16px 28px rgba(0,0,0,0.16);
}

.promo-highlight__label{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgba(255,255,255,0.78);
}

.promo-highlight__value{
	font-weight: 800;
	font-size: 22px;
	line-height: 1.1;
	margin: 4px 0;
	word-break: break-all;
}

.promo-highlight__hint{
	color: rgba(255,255,255,0.82);
	font-size: 12px;
}

.promo-grid{
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

@media (min-width: 960px){
	.promo-grid{
		grid-template-columns: 1fr 1.1fr;
	}
}

.promo-card{
	background: #fff;
	border: 1px solid #e5e8f0;
	border-radius: 16px;
	box-shadow: var(--card-shadow);
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.promo-card__head{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
}

.promo-card__title{
	margin: 0;
	font-weight: 800;
	font-size: 18px;
}

.promo-card__desc{
	margin: 4px 0 0 0;
	color: var(--text-soft);
	font-size: 13px;
}

.promo-form{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.promo-form__header{
	display: flex;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.promo-form__title{
	margin: 0;
	font-weight: 800;
	font-size: 18px;
}

.promo-form__hint{
	margin: 4px 0 0 0;
	color: var(--text-soft);
	max-width: 520px;
}

.promo-badge{
	background: #eef4ff;
	color: #1f3f8c;
	border: 1px solid #d5e1ff;
	padding: 6px 10px;
	border-radius: 10px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.promo-label{
	font-weight: 700;
	margin: 2px 0 4px 0;
	display: block;
}

.promo-input{
	display: flex;
	align-items: center;
	border: 1px solid #d7dbe5;
	border-radius: 12px;
	padding: 10px;
	gap: 10px;
	background: #f9fafc;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.promo-input__icon{
	color: #7b8190;
}

.promo-input__field{
	border: none;
	background: transparent;
	width: 100%;
	outline: none;
	font-size: 14px;
}

.promo-form__actions{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	justify-content: flex-end;
}

.promo-btn{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	border-radius: 10px;
	padding: 10px 14px;
}

.promo-note{
	color: var(--text-soft);
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.promo-table-wrap{
	width: 100%;
	overflow-x: auto;
}

.promo-table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.promo-table thead{
	background: #0f172a;
	color: #fff;
}

.promo-table th{
	text-align: left;
	padding: 10px 12px;
	font-size: 13px;
	letter-spacing: 0.02em;
}

.promo-table th:first-child{
	border-top-left-radius: 12px;
}

.promo-table th:last-child{
	border-top-right-radius: 12px;
}

.promo-table td{
	padding: 12px;
	border-bottom: 1px solid #eef1f7;
	vertical-align: middle;
}

.promo-table tbody tr:hover{
	background: #f7f9ff;
}

.promo-identity{
	display: flex;
	align-items: center;
	gap: 10px;
}

.promo-avatar{
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: linear-gradient(135deg, #0f172a, #1b4b89);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
}

.promo-email{
	font-weight: 700;
}

.promo-meta{
	color: var(--text-soft);
	font-size: 12px;
}

.promo-col--time{
	text-align: right;
	min-width: 150px;
}

.promo-date{
	font-weight: 700;
}

.promo-pill{
	display: inline-block;
	background: #e9f7ff;
	color: #0f7bbf;
	border-radius: 999px;
	padding: 4px 10px;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 0.02em;
}

.promo-empty{
	padding: 18px;
	border: 1px dashed #cdd3e1;
	border-radius: 14px;
	text-align: center;
	background: #fbfcff;
}

.promo-empty__icon{
	font-size: 26px;
	color: #1f3f8c;
	margin-bottom: 6px;
}

.promo-empty__title{
	font-weight: 800;
	margin: 0 0 4px 0;
}

.promo-empty__desc{
	margin: 0;
	color: var(--text-soft);
}

.stat-chip-row{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.pill{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border-radius: 999px;
	padding: 6px 12px;
	font-weight: 700;
	font-size: 12px;
	border: 1px solid transparent;
}

.pill--light{
	background: rgba(255,255,255,0.14);
	color: #fff;
	border-color: rgba(255,255,255,0.2);
}

.pill--primary{
	background: #fff;
	color: var(--brand-primary);
	border-color: rgba(255,255,255,0.28);
	box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

.pill--ghost{
	background: rgba(31,63,140,0.1);
	color: var(--brand-secondary);
	border-color: rgba(31,63,140,0.18);
}

.pill--soft{
	background: #eef2fb;
	color: var(--brand-primary);
	border-color: #d8dff5;
}

.stat-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
	gap: 12px;
}

.stat-grid--dense{
	grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
}

.stat-card{
	background: #f9fbff;
	border: 1px solid #e1e6f4;
	border-radius: 14px;
	padding: 14px;
	box-shadow: var(--card-shadow);
}

.stat-card--primary{
	background: linear-gradient(145deg, #1f3f8c, #2e58c6);
	color: #fff;
	border-color: transparent;
}

.stat-card--accent{
	background: linear-gradient(135deg, #ffe1d4, #ffd1be);
	border-color: #ffc4aa;
	box-shadow: 0 12px 30px rgba(255,132,86,0.25);
}

.stat-card__label{
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 12px;
	color: var(--text-soft);
	margin-bottom: 6px;
}

.stat-card--primary .stat-card__label{
	color: rgba(255,255,255,0.8);
}

.stat-card__value{
	font-weight: 800;
	font-size: 26px;
	line-height: 1.1;
	margin-bottom: 6px;
}
.stat-card--primary .stat-card__value{
	color: #fff;
}

.stat-card__hint{
	color: var(--text-soft);
	font-size: 13px;
	margin: 0;
}

.stat-card--primary .stat-card__hint{
	color: rgba(255,255,255,0.86);
}

.stat-card--accent .stat-card__label,
.stat-card--accent .stat-card__value{
	color: #b54f1f;
}

.stat-glance__meta{
	color: rgba(255,255,255,0.92);
}

.stat-card__hint.positive,
.stat-glance__meta.positive{
	color: #1aa873;
}

.stat-card__hint.negative,
.stat-glance__meta.negative{
	color: #d75252;
}

.stat-layout{
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

.stat-panel{
	background: #fff;
	border: 1px solid #e5e9f4;
	border-radius: 14px;
	padding: 14px;
	box-shadow: var(--card-shadow);
}

.stat-panel--wide{
	min-height: 100%;
}

.stat-panel__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 6px;
	margin-bottom: 10px;
}

.stat-panel__eyebrow{
	text-transform: uppercase;
	letter-spacing: .06em;
	font-size: 11px;
	color: var(--text-soft);
}

.stat-panel__title{
	margin: 0;
	font-weight: 800;
}

.stat-panel__hint{
	color: var(--text-soft);
	font-size: 12px;
}

.invoice-shell{
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 10px;
}

.invoice-hero{
	display: grid;
	grid-template-columns: 1.3fr auto;
	gap: 12px;
	align-items: center;
	background: linear-gradient(135deg, #0f172a, #1f3f8c 65%, #2c5bcf);
	color: #fff;
	padding: 18px;
	border-radius: 18px;
	box-shadow: var(--card-shadow);
}

@media (max-width: 768px){
	.invoice-hero{
		grid-template-columns: 1fr;
	}
}

.invoice-hero__title{
	margin: 0;
	font-weight: 800;
}

.invoice-hero__desc{
	color: rgba(255,255,255,0.86);
	margin: 4px 0 0;
}

.invoice-hero__stats{
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.invoice-hero__stat{
	min-width: 170px;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 14px;
	padding: 10px 12px;
	box-shadow: 0 14px 32px rgba(0,0,0,0.15);
}

.invoice-stat__label{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 12px;
	color: rgba(255,255,255,0.8);
}

.invoice-stat__value{
	font-weight: 800;
	font-size: 22px;
	line-height: 1.1;
}

.invoice-stat__hint{
	color: rgba(255,255,255,0.9);
	font-size: 12px;
}

.invoice-list{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.invoice-card{
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 12px;
	align-items: stretch;
	background: linear-gradient(135deg, #f9fbff, #eef2fb);
	border: 1px solid #e4e8f5;
	border-radius: 16px;
	padding: 14px;
	box-shadow: 0 14px 30px rgba(15,23,42,0.08);
}

@media (max-width: 768px){
	.invoice-card{
		grid-template-columns: 1fr;
	}
}

.invoice-card__profile{
	background: #f6f8fb;
	border: 1px solid #e4e8f5;
	border-radius: 12px;
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.invoice-card__header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.invoice-name{
	font-weight: 800;
	margin: 0;
}

.invoice-tag{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 999px;
	background: #fff;
	color: #d7263d;
	font-weight: 700;
	border: 1px solid #f2d6dc;
	font-size: 12px;
}

.invoice-tag--pending{
	background: #fff4f4;
}

.invoice-chip{
	display: inline-block;
	width: fit-content;
	background: #2da5e5;
	color: #fff;
	padding: 6px 12px;
	border-radius: 10px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.invoice-email{
	font-size: 14px;
	color: var(--text-soft);
}

.invoice-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	font-size: 13px;
	color: var(--text-soft);
}

.invoice-meta i{
	color: #1f3f8c;
	margin-right: 6px;
}

.invoice-card__actions{
	background: #fff;
	border: 1px solid #e4e8f5;
	border-radius: 12px;
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: space-between;
}

.invoice-amount{
	margin: 0;
	font-weight: 800;
	font-size: 22px;
	color: #d7263d;
}

.invoice-note{
	font-size: 13px;
}

.invoice-card__contact .p-2{
	padding: 0;
}

.invoice-card__contact .btn{
	border-radius: 10px;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-shadow: 0 12px 26px rgba(31,63,140,0.2);
	border-color: #1f3f8c;
}

.invoice-card__contact .btn + .btn{
	margin-top: 10px;
}

.invoice-card__contact .btn-primary{
	background: #1f3f8c;
}

.stat-bar{
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 10px;
	padding: 8px 0;
}

.stat-bar__label{
	font-weight: 700;
}

.stat-bar__meter{
	position: relative;
	background: #eef1f8;
	border-radius: 999px;
	overflow: hidden;
	height: 10px;
}

.stat-bar__meter span{
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, #1f3f8c, #4e6de0);
}

.stat-bar__value{
	font-weight: 700;
}

.stat-side{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.stat-list{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #edf0f7;
}

.stat-list:last-child{
	border-bottom: none;
}

.stat-list__title{
	font-weight: 700;
}

.stat-list__hint{
	color: var(--text-soft);
	font-size: 12px;
}

.stat-list__value{
	font-weight: 800;
}

.stat-table-wrapper{
	overflow: auto;
	max-height: 520px;
}

.stat-table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.stat-empty{
	padding: 14px;
	border: 1px dashed #cdd3e6;
	border-radius: 14px;
	color: var(--text-soft);
}

.stat-table thead th{
	position: sticky;
	top: 0;
	background: var(--brand-secondary);
	color: #fff;
	padding: 10px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.stat-table tbody td{
	padding: 10px;
	border-bottom: 1px solid #edf0f7;
	vertical-align: top;
}

.stat-chip{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #eef2fb;
	color: var(--brand-primary);
	border-radius: 999px;
	padding: 4px 10px;
	font-weight: 700;
	font-size: 12px;
	margin-bottom: 4px;
}

.stat-time{
	color: var(--text-soft);
	font-size: 12px;
}

.stat-title{
	font-weight: 700;
}

.stat-sub{
	color: var(--text-soft);
	font-size: 13px;
}

.glass-card{
	background: rgba(255,255,255,0.94);
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,0.6);
	box-shadow: var(--card-shadow);
	color: var(--brand-secondary);
}

.glass-card .form-control{
	border-radius: 12px;
	border-color: #dce0eb;
}

.glass-card h1,.glass-card h2,.glass-card h3,.glass-card h4,.glass-card p,.glass-card label,.glass-card span{
	color: var(--brand-secondary);
}

.glass-card input::placeholder{
	color: #6b7285;
	opacity: 1;
}

.hero-badges .pill-soft{
	display: inline-block;
	padding: 8px 12px;
	margin: 0 8px 8px 0;
	background: linear-gradient(135deg, rgba(31,63,140,0.92), rgba(48,92,195,0.88));
	color: #fff;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 14px;
	font-size: 12px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.badge-soft{
	background: var(--brand-soft);
	color: var(--brand-primary);
	border-radius: 999px;
	padding: 6px 12px;
	font-weight: 600;
}

.section-title{
	font-family: 'Space Grotesk','Manrope',sans-serif;
	font-weight: 700;
	color: var(--brand-secondary);
}

.modern-section{
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}

.section-surface{
	background: var(--surface);
	border-radius: 24px;
	padding: 28px 24px;
	box-shadow: var(--card-shadow);
	border: 1px solid #e6e9f3;
}

.profile-layout .section-surface{
	height: 100%;
}

.profile-card{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	text-align: center;
}

.profile-card img{
	max-width: 180px;
	border-radius: 16px;
	object-fit: cover;
	box-shadow: 0 12px 30px rgba(15,23,42,0.15);
}

.profile-card .btn,
.profile-card button{
	width: 100%;
}

.property-grid{
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.about-hero{
	position: relative;
	background: linear-gradient(135deg, #0f1f3d 0%, #1f3f8c 60%, #234fb8 100%);
	color: #fff;
	border-radius: 28px;
	padding: 38px 28px;
	overflow: hidden;
	box-shadow: var(--card-shadow);
	border: 1px solid rgba(255,255,255,0.1);
}

.about-hero__halo{
	position: absolute;
	inset: -40px;
	background: radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12), transparent 35%), radial-gradient(circle at 80% 10%, rgba(255,255,255,0.14), transparent 30%), radial-gradient(circle at 50% 80%, rgba(255,255,255,0.08), transparent 30%);
	opacity: 0.7;
	filter: blur(2px);
	pointer-events: none;
}

.about-title{
	font-size: 32px;
	font-family: 'Space Grotesk','Manrope',sans-serif;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 10px;
	text-shadow: 0 14px 36px rgba(0,0,0,0.25);
}

@media (min-width: 992px){
	.about-title{
		font-size: 42px;
	}
}

.about-subtitle{
	color: rgba(255,255,255,0.9);
	max-width: 620px;
	font-size: 16px;
	margin-bottom: 16px;
}

.about-chip-row{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 16px;
}

.about-chip{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 999px;
	font-weight: 700;
	color: #fff;
	box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}

.about-cta{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}

.about-btn{
	border-radius: 14px;
	font-weight: 700;
	padding: 10px 16px;
}

.about-btn.ghost{
	background: rgba(255,255,255,0.14);
	border: 1px solid rgba(255,255,255,0.3);
	color: #fff;
}

.about-btn.ghost:hover{
	color: #fff;
	background: rgba(255,255,255,0.2);
}

.about-panel{
	height: 100%;
}

.about-panel__header{
	margin-bottom: 12px;
}

.about-panel__title{
	font-weight: 800;
	color: var(--brand-secondary);
}

.about-panel__stats{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
	gap: 10px;
}

.about-panel__stat{
	padding: 12px;
	border: 1px solid #e6e9f3;
	border-radius: 14px;
	background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);
	box-shadow: 0 12px 32px rgba(15,23,42,0.08);
}

.about-panel__value{
	font-weight: 800;
	font-size: 20px;
	color: var(--brand-secondary);
	line-height: 1.1;
}

.about-panel__label{
	color: var(--text-soft);
	font-size: 13px;
	margin-top: 2px;
}

.about-panel__list{
	list-style: none;
	padding-left: 0;
	margin: 16px 0 0 0;
	display: grid;
	gap: 10px;
	color: var(--text-soft);
}

.about-panel__list li{
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.about-panel__list li:before{
	content: '•';
	color: var(--brand-accent);
	font-weight: 900;
	line-height: 1.2;
}

.about-section{
	border: 1px solid #e6e9f3;
}

.about-stat-grid > [class*="col-"]{
	margin-bottom: 14px;
}

.about-stat-card{
	display: flex;
	align-items: flex-start;
	gap: 12px;
	border: 1px solid #e6e9f3;
	border-radius: 18px;
	padding: 14px 12px;
	background: linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
	box-shadow: 0 10px 26px rgba(15,23,42,0.08);
	height: 100%;
}

.about-stat-icon{
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: var(--brand-soft);
	color: var(--brand-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

.about-stat-value{
	font-weight: 800;
	color: var(--brand-secondary);
	font-size: 17px;
	line-height: 1.2;
}

.about-stat-label{
	color: var(--brand-primary);
	font-weight: 700;
}

.about-stat-desc{
	color: var(--text-soft);
	font-size: 14px;
}

.about-story p{
	color: var(--text-main);
}

.about-mini-card{
	display: flex;
	align-items: flex-start;
	gap: 12px;
	border: 1px dashed #d7ddf0;
	border-radius: 16px;
	padding: 16px;
	background: #f9fbff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}

.about-mini-card__icon{
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: linear-gradient(135deg, #fce4d9, #ffd6b8);
	color: #c24c1f;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

.about-mini-card__title{
	font-weight: 800;
	color: var(--brand-secondary);
}

.about-mini-card__list{
	list-style: none;
	padding-left: 0;
	display: grid;
	gap: 8px;
	color: var(--text-soft);
}

.about-mini-card__list li{
	position: relative;
	padding-left: 18px;
}

.about-mini-card__list li:before{
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--brand-accent);
	position: absolute;
	left: 0;
	top: 8px;
}

.about-cta-card{
	background: linear-gradient(135deg, #fdf7f2, #f2f6ff);
	border: 1px solid #e6e9f3;
	box-shadow: var(--card-shadow);
}

.about-cta-layout{
	gap: 12px;
}

.about-cta-actions{
	gap: 10px;
	flex-wrap: wrap;
}

/* Category showcase */
.category-showcase{
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.category-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
	gap: 18px;
}

.category-card{
	position: relative;
	min-height: 280px;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 16px 40px rgba(15,23,42,0.18);
	isolation: isolate;
	background: linear-gradient(135deg, rgba(230,233,243,0.85), rgba(255,255,255,0.9));
}

.category-card__media{
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.category-card__media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.05);
	filter: saturate(1.05);
}

.category-card__overlay{
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(10,17,34,0.15), rgba(10,17,34,0.75));
}

.category-card__body{
	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 18px;
	background: linear-gradient(180deg, rgba(12,24,48,0.25), rgba(12,24,48,0.55));
	color: #fff;
}

.category-card__eyebrow{
	font-size: 12px;
	letter-spacing: 0.08em;
	font-weight: 800;
	opacity: 0.85;
}

.category-card__title{
	margin: 4px 0;
	font-size: 22px;
	font-weight: 800;
	color: #fff;
}

.category-card__desc{
	margin: 0;
	color: rgba(255,255,255,0.86);
	font-weight: 600;
}

.category-chip-group{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.category-chip{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 14px;
	background: linear-gradient(120deg, #224dad, #1a3d88);
	border: 1px solid rgba(255,255,255,0.22);
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	text-decoration: none;
	box-shadow: 0 10px 24px rgba(16,36,86,0.35);
	transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.category-chip:hover{
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(16,36,86,0.38);
	background: linear-gradient(120deg, #1f3f8c, #17326d);
	color: #fff;
	text-decoration: none;
}

.category-chip__label{
	flex: 1;
}

.category-chip__count{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(255,255,255,0.16);
	font-size: 12px;
	font-weight: 700;
}

@media (max-width: 991px){
	.category-card{
		min-height: 240px;
	}
	.category-chip-group{
		flex-direction: row;
		flex-wrap: wrap;
	}
	.category-chip{
		width: calc(50% - 6px);
		min-width: 180px;
	}
}

@media (max-width: 575px){
	.category-grid{
		grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
	}
	.category-chip{
		width: 100%;
	}
}

/* Single ad page */
.listing-hero{
	padding-top: 1.5rem;
	padding-bottom: 0.5rem;
}

.listing-title{
	font-family: 'Space Grotesk','Manrope',sans-serif;
	font-weight: 700;
	color: var(--brand-secondary);
}

.listing-hero-meta span{
	display: inline-flex;
	align-items: center;
	margin-right: 12px;
	color: var(--text-soft);
	font-weight: 600;
}

.listing-hero-meta i{
	margin-right: 6px;
}

.listing-meta-chips{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 6px;
}

.meta-chip{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 10px;
	background: rgba(15,23,42,0.05);
	color: var(--brand-secondary);
	font-weight: 600;
}

.meta-chip i{
	color: var(--brand-primary);
}

.listing-gallery .swiper-container{
	border-radius: 18px;
	overflow: hidden;
	box-shadow: var(--card-shadow);
	background: #f5f6fb;
	height: 420px;
}

.listing-gallery-card{
	padding: 12px;
}

.listing-gallery-grid{
	display: grid;
	grid-template-columns: 1fr 120px;
	gap: 12px;
}

.listing-gallery-main{
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: var(--card-shadow);
	background: #f3f4f8;
	cursor: pointer;
}

.listing-gallery-main img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.sold-ribbon{
	position: absolute;
	top: 16px;
	right: -60px;
	transform: rotate(45deg);
	background: #1f3f8c;
	color: #fff;
	padding: 10px 70px;
	font-weight: 700;
	box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

.listing-gallery-thumbs{
	display: grid;
	grid-template-rows: repeat(4,1fr);
	gap: 10px;
}

.listing-thumb{
	border-radius: 12px;
	overflow: hidden;
	background: #e6e9f3;
	box-shadow: var(--card-shadow);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: var(--brand-secondary);
}

.listing-thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.listing-thumb-more{
	background: linear-gradient(135deg, rgba(15,23,42,0.9), rgba(31,63,140,0.85));
	color: #fff;
}

/* Modal gallery popup */
.gallery-modal{
	display: grid;
	grid-template-columns: 3fr 1fr;
	gap: 14px;
	height: 78vh;
	max-width: 1200px;
	margin: auto;
	background: #fff;
	border-radius: 16px;
	padding: 12px;
	box-shadow: 0 25px 60px rgba(0,0,0,0.35);
}

.gallery-main{
	width: 100%;
	height: 100%;
}

.gallery-main .swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #111;
	border-radius: 16px;
	overflow: hidden;
}

.gallery-main img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.gallery-thumbs{
	height: 100%;
	overflow-y: auto;
	padding-right: 4px;
}

.gallery-thumbs .swiper-wrapper{
	height: 100%;
	flex-direction: column;
	gap: 10px;
}

.gallery-thumbs .swiper-slide{
	height: 120px;
	border-radius: 12px;
	overflow: hidden;
	background: #f3f4f8;
	box-shadow: var(--card-shadow);
}

.gallery-thumbs img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* New lightbox layout */
.gallery-lightbox{
	max-width: 1280px;
	margin: auto;
	background: #fff;
	border-radius: 16px;
	padding: 12px;
	box-shadow: 0 25px 60px rgba(0,0,0,0.35);
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 85vh;
}

.gallery-lightbox__header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.gallery-lightbox__meta .title{
	font-weight: 700;
	color: var(--brand-secondary);
	line-height: 1.3;
}

.gallery-lightbox__meta .price{
	font-weight: 700;
	color: var(--brand-primary);
}

.gallery-lightbox__body{
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 12px;
	height: 100%;
}

.gallery-lightbox__sidebar{
	display: flex;
	align-items: flex-start;
}

.gallery-thumb-card{
	position: relative;
	border: 1px solid #e6e9f3;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--card-shadow);
}

.gallery-thumb-card img{
	width: 100%;
	height: 150px;
	object-fit: cover;
	display: block;
}

.gallery-thumb-count{
	position: absolute;
	bottom: 8px;
	right: 8px;
	background: rgba(0,0,0,0.65);
	color: #fff;
	padding: 4px 8px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 12px;
}

.gallery-lightbox__content{
	overflow-y: auto;
	padding-right: 4px;
}

.gallery-feed-item{
	margin-bottom: 14px;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: var(--card-shadow);
	background: #f7f8fc;
}

.gallery-feed-item img{
	width: 100%;
	height: auto;
	display: block;
}

.gallery-overlay{
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.75);
	z-index: 1050;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	overflow: auto;
}

.gallery-shell{
	width: 100%;
	height: 100vh;
	max-width: none;
	background: #f8f9fd;
	border-radius: 0;
	box-shadow: 0 25px 60px rgba(0,0,0,0.35);
	padding: 14px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
}

.gallery-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	position: sticky;
	top: 0;
	z-index: 2;
	background: #f8f9fd;
	padding-bottom: 8px;
}

.gallery-title-wrap .title{
	font-weight: 700;
	color: var(--brand-secondary);
	line-height: 1.3;
}

.gallery-title-wrap .price{
	font-weight: 700;
	color: var(--brand-primary);
}

.gallery-body{
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: 12px;
	min-height: 60vh;
	max-height: 100%;
	overflow-y: auto;
}

.overflow-hidden{
	overflow: hidden;
}

.gallery-sidebar{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.gallery-feed{
	padding-right: 8px;
}

.gallery-feed-item{
	margin-bottom: 14px;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--card-shadow);
	background: #fff;
}

.gallery-feed-item img{
	width: 100%;
	height: auto;
	display: block;
}

.gallery-sidebar .gallery-thumb-card{
	position: relative;
	border: 1px solid #e6e9f3;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--card-shadow);
}

.gallery-sidebar .gallery-thumb-card img{
	width: 100%;
	height: 120px;
	object-fit: cover;
	display: block;
}

.gallery-sidebar .gallery-thumb-count{
	position: absolute;
	bottom: 8px;
	right: 8px;
	background: rgba(0,0,0,0.65);
	color: #fff;
	padding: 4px 8px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 12px;
}

@media (max-width: 768px){
	.gallery-thumb-card{
		display: none;
	}
}

@media (max-width: 992px){
	.gallery-shell{
		max-height: 100vh;
		margin: 0;
	}
	.gallery-body{
		grid-template-columns: 1fr;
	}
	.gallery-feed{
		max-height: none;
	}
}

@media (max-width: 992px){
	.gallery-modal{
		grid-template-columns: 1fr;
		height: 70vh;
		max-width: 96vw;
		padding: 8px;
	}
	.gallery-thumbs{
		height: auto;
	}
	.gallery-thumbs .swiper-wrapper{
		height: auto;
		flex-direction: row;
	}
	.gallery-thumbs .swiper-slide{
		height: 90px;
	}

	.gallery-lightbox{
		height: 80vh;
		max-width: 96vw;
	}
	.gallery-lightbox__body{
		grid-template-columns: 1fr;
	}
	.gallery-lightbox__sidebar{
		order: 2;
	}
	.gallery-lightbox__content{
		order: 1;
	}
}

.listing-body{
	padding-bottom: 2rem;
}

.listing-main-card{
	gap: 12px;
}

.listing-location{
	font-weight: 700;
	color: var(--brand-secondary);
}

.listing-share .btn{
	border-radius: 12px;
	font-weight: 600;
}


.listing-description{
	font-size: 16px;
	color: var(--text-main);
}

.listing-spec{
	border-top: 1px solid #e6e9f3;
	padding-top: 16px;
}

.listing-badge{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 12px;
	font-weight: 700;
	font-size: 12px;
	margin: 6px 8px 6px 0;
}

.listing-badge-partner{
	background: #e8f7ff;
	color: #0b6aa8;
	border: 1px solid #b7e1ff;
}

.listing-badge-reco{
	background: #fff7e6;
	color: #b45b00;
	border: 1px solid #ffd9a3;
}

.stats-shell{
	max-width: 1240px;
	margin: 0 auto;
}

.stats-hero{
	position: relative;
	overflow: hidden;
	padding: 22px;
	border-radius: 22px;
	background: linear-gradient(135deg, var(--brand-secondary), #1f3063 60%, var(--brand-primary));
	color: #fff;
	box-shadow: var(--card-shadow);
}

.stats-hero:after{
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 15% 15%, rgba(255,255,255,0.16), transparent 30%), radial-gradient(circle at 80% 30%, rgba(255,255,255,0.12), transparent 36%);
	pointer-events: none;
}

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

.stats-eyebrow{
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 800;
	font-size: 12px;
	opacity: .9;
	margin-bottom: 6px;
}

.stats-title{
	font-size: 26px;
	font-weight: 800;
	margin: 0 0 6px;
}

.stats-subtitle{
	margin: 0;
	color: rgba(255,255,255,.86);
	max-width: 820px;
}

.stats-hero__meta{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 10px;
	margin-top: 14px;
}

.stats-pill{
	background: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.16);
	border-radius: 14px;
	padding: 12px 14px;
	box-shadow: 0 14px 34px rgba(15,23,42,.25);
}

.stats-pill__label{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .05em;
	opacity: .78;
}

.stats-pill__value{
	font-size: 26px;
	font-weight: 800;
	margin: 2px 0;
}

.stats-pill__note{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 700;
	font-size: 12px;
	opacity: .9;
}

.stats-list{
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

.stats-card{
	background: var(--surface);
	border: 1px solid #e6e9f3;
	border-radius: 16px;
	padding: 16px;
	box-shadow: var(--card-shadow);
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.stats-card__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.stats-card__eyebrow{
	text-transform: uppercase;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: .08em;
	color: var(--text-soft);
	margin-bottom: 6px;
}

.stats-card__title{
	font-size: 18px;
	font-weight: 800;
	margin: 0;
	color: var(--brand-secondary);
}

.stats-chip{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 12px;
	background: var(--brand-soft-2);
	color: var(--brand-secondary);
	font-weight: 800;
	font-size: 13px;
	border: 1px solid #d7ddf1;
}

.stats-chip.alt{
	background: rgba(255,107,61,.12);
	color: var(--brand-accent);
	border-color: rgba(255,107,61,.18);
}

.stats-chip.ghost{
	background: rgba(15,23,42,.06);
	color: var(--brand-secondary);
	border-color: rgba(15,23,42,.08);
}

.stats-meta{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.stats-progress{
	width: 100%;
	height: 8px;
	background: var(--brand-soft);
	border-radius: 999px;
	overflow: hidden;
}

.stats-progress span{
	display: block;
	height: 100%;
	background: linear-gradient(120deg, var(--brand-primary), #4b6cc1);
	border-radius: 999px;
	box-shadow: 0 8px 20px rgba(31,63,140,.25);
}

.stats-card__actions{
	display: flex;
	justify-content: flex-end;
}

.stats-card__actions .btn{
	font-weight: 800;
}

@media (min-width: 992px){
	.stats-title{
		font-size: 30px;
	}
	.stats-list{
		grid-template-columns: repeat(2, 1fr);
	}
}

.listing-stats{
	line-height: 1.4;
}

.listing-main-head .meta-chip{
	margin-bottom: 6px;
}

.listing-sidebar .btn,
.listing-sidebar button{
	width: 100%;
}

.listing-admin-stats{
	background: #0f172a;
	color: #fff;
	border-radius: 16px;
	margin-top: 12px;
}

.listing-admin-stats .row > div{
	border-right: 1px solid rgba(255,255,255,0.15);
}

.listing-admin-stats .row > div:last-child{
	border-right: none;
}

.profile-page{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.profile-hero{
	position: relative;
	background: linear-gradient(135deg, #dfe8ff, #f3f6ff);
	padding: 18px;
	box-shadow: var(--card-shadow);
	overflow: hidden;
}

.profile-hero:after{
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 15% 10%, rgba(31,63,140,0.12), transparent 35%), radial-gradient(circle at 80% 20%, rgba(15,23,42,0.08), transparent 30%);
	pointer-events: none;
}

.profile-hero__card{
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1.8fr 1fr;
	gap: 18px;
	background: rgba(255,255,255,0.92);
	border-radius: 22px;
}

.profile-hero__main{
	display: grid;
	grid-template-columns: 150px 1fr 80px;
	gap: 18px;
	align-items: start;
}

.profile-avatar{
	width: 150px;
	height: 150px;
	border-radius: 26px;
	overflow: hidden;
	background: #e9edfb;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 48px;
	font-weight: 700;
	color: var(--brand-primary);
	box-shadow: 0 15px 40px rgba(31,63,140,0.18);
}

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

.profile-avatar--fallback{
	border: 2px solid #cfd7f3;
}

.profile-identity{
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.profile-name-row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.profile-badge{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 13px;
}

.profile-badge i{
	color: inherit;
}

.badge-premier{
	background: #fff4d6;
	color: #c5900f;
	border: 1px solid #f1d07a;
}

.badge-partner{
	background: #e9f4ff;
	color: #1f3f8c;
	border: 1px solid #cddff9;
}

.badge-soft{
	background: #eef2fb;
	color: var(--brand-secondary);
	border: 1px solid #dfe4f2;
}

.profile-meta-line{
	color: var(--text-soft);
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.profile-contact-block .btn{
	width: 100%;
	margin-bottom: 8px;
}

.profile-actions{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.profile-actions .btn{
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
}

.profile-hero__aside{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.type-grid{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px,1fr));
	gap: 12px;
}

.type-card{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
	border: 1px solid #e6e9f3;
	border-radius: 14px;
	background: #f7f9ff;
	box-shadow: 0 10px 26px rgba(15,23,42,0.08);
}

.type-card.muted{
	background: #fafbff;
	border-style: dashed;
	justify-content: center;
}

.type-icon{
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: linear-gradient(135deg, #e8f0ff, #d9e6ff);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #2344a2;
}

.type-count{
	font-size: 18px;
	font-weight: 800;
	color: var(--brand-secondary);
}

.type-label{
	font-weight: 700;
	color: var(--text-soft);
}

.profile-area__title{
	font-weight: 700;
	color: var(--brand-secondary);
	margin-bottom: 6px;
}

.chip-collection{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.chip-tag{
	background: #eef2fb;
	border-radius: 999px;
	padding: 6px 12px;
	font-weight: 700;
	color: var(--brand-primary);
	border: 1px solid #dde3f6;
}

.profile-stats-bar{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
	gap: 12px;
	align-items: center;
	border-radius: 16px;
	background: linear-gradient(120deg, rgba(31,63,140,0.1), rgba(15,23,42,0.12));
}

.profile-stat{
	text-align: center;
	padding: 12px;
}

.stat-value{
	font-size: 24px;
	font-weight: 800;
	color: var(--brand-secondary);
}

.stat-label{
	color: var(--text-soft);
	font-weight: 700;
}

.property-board{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.property-board__head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.property-actions{
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.property-filter-card{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.filter-title{
	font-weight: 800;
	color: var(--brand-secondary);
}

.filter-menu{
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.filter-link{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid transparent;
	font-weight: 700;
	color: var(--text-soft);
	background: #f6f7fb;
	text-decoration: none;
}

.filter-link:hover{
	border-color: #c8d3f5;
	color: var(--brand-secondary);
}

.filter-link.is-active{
	background: #e9f0ff;
	border-color: #c8d3f5;
	color: var(--brand-primary);
}

.filter-count{
	font-weight: 800;
	color: inherit;
}

.profile-search .search-shell{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 12px;
	border: 1px solid #d6dcef;
	background: #f8f9ff;
}

.profile-search input{
	border: none;
	background: transparent;
	outline: none;
	min-width: 200px;
}

.profile-search i{
	color: var(--text-soft);
}

.property-grid.modern-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
	gap: 18px;
	padding: 4px;
	width: 100%;
	max-width: 100%;
}
.property-grid.modern-grid.modern-grid--two-col{
	grid-template-columns: repeat(2,minmax(0,1fr));
}
.property-grid.modern-grid > *{
	min-width: 0;
}
@media (max-width: 768px){
	.property-grid.modern-grid.modern-grid--two-col{
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px){
	.section-surface{
		padding: 18px 12px;
	}
	.property-grid.modern-grid{
		grid-template-columns: 1fr;
		gap: 14px;
		padding: 0 6px;
	}
	.property-grid.modern-grid > *{
		width: 100%;
	}
}

.property-tile{
	background: linear-gradient(180deg,#ffffff 0%,#f6f8ff 60%,#eef2fb 100%);
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid #dfe5f4;
	box-shadow: 0 18px 46px rgba(15,23,42,0.14);
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	max-width: 100%;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.property-tile:hover{
	transform: translateY(-6px);
	box-shadow: 0 22px 52px rgba(15,23,42,0.18);
	border-color: rgba(31,63,140,0.26);
}

.property-tile__media{
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: linear-gradient(135deg,rgba(31,63,140,0.08),rgba(15,23,42,0.06));
	border-bottom: 1px solid #dfe5f4;
}

.property-tile__image{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	position: absolute;
	inset: 0;
	transition: transform 0.25s ease;
}

.property-tile:hover .property-tile__image{
	transform: scale(1.03);
}

.property-tile__media:after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg,rgba(0,0,0,0.02),rgba(0,0,0,0.25));
	pointer-events: none;
}

.tile-badge{
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 6px 10px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 12px;
	background: rgba(15,23,42,0.8);
	color: #fff;
}

.tile-badge.badge-premier{
	background: linear-gradient(135deg, #f8d867, #e4b200);
	color: #1a1a1a;
}

.tile-badge.badge-partner{
	background: rgba(31,63,140,0.9);
}

.property-tile__body{
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
}

.property-tile__body:before{
	content: '';
	position: absolute;
	right: -14px;
	top: -34px;
	width: 120px;
	height: 120px;
	background: radial-gradient(circle at center,rgba(44,91,207,0.18),transparent 60%);
	filter: blur(12px);
	pointer-events: none;
}

.property-tile__meta-bar{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.property-tile__meta-bar .chip{
	border-radius: 999px;
	padding: 7px 12px;
	border: 1px solid #e4e9f7;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}

.chip-ghost{
	background: rgba(15,23,42,0.04);
	color: var(--text-soft);
}

.chip-soft{
	background: #eef2fb;
	color: var(--brand-secondary);
}

.chip-accent{
	background: #ffe9d8;
	color: #c26422;
}

.property-tile__price{
	font-size: 22px;
	font-weight: 800;
	color: var(--brand-secondary);
}

.property-tile__title{
	font-weight: 700;
	font-size: 18px;
	color: var(--brand-secondary);
	line-height: 1.35;
}

.property-tile__title a{
	color: inherit;
}

.property-tile__price-row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
}

.property-tile__time{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 700;
	color: var(--text-soft);
	background: #f2f4fa;
	padding: 6px 10px;
	border-radius: 10px;
}

.property-tile__location{
	color: var(--brand-secondary);
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 12px;
	background: #eef2fb;
	border: 1px solid #e4e9f7;
	max-width: 100%;
	word-break: break-word;
	white-space: normal;
}

.property-tile__spec{
	color: var(--text-soft);
	font-weight: 700;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
}

.property-tile__spec span{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 10px;
	background: #f8f9fd;
	border: 1px solid #e7ecf8;
}

.property-tile__footer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	border-top: 1px dashed #e3e8f6;
	padding-top: 10px;
}

.property-tile__cta{
	display: inline-flex;
	gap: 8px;
	flex-wrap: wrap;
}

.property-tile__cta .btn{
	border-radius: 12px;
	font-weight: 800;
	padding: 8px 12px;
	box-shadow: 0 8px 18px rgba(15,23,42,0.08);
}

.date-chip{
	background: #f2f4fa;
	color: var(--text-soft);
	padding: 6px 10px;
	border-radius: 10px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

@media (max-width: 991.98px){
	.profile-hero__card{
		grid-template-columns: 1fr;
	}
	.profile-hero__main{
		grid-template-columns: 1fr;
	}
	.profile-actions{
		flex-direction: row;
		justify-content: flex-start;
	}
	.profile-avatar{
		width: 120px;
		height: 120px;
	}
	.profile-search input{
		min-width: 140px;
	}
}

.btn-primary{
	background: linear-gradient(120deg, var(--brand-primary), #274cb3);
	border-color: var(--brand-primary);
	border-radius: 12px;
}

.btn-primary:hover{
	background: linear-gradient(120deg, #233f97, #1b5fd8);
	border-color: #1b5fd8;
}

.btn-outline-primary{
	color: var(--brand-primary);
	border-color: var(--brand-primary);
	border-radius: 12px;
}

.btn-outline-primary:hover{
	background: var(--brand-primary);
	color: #fff;
}

.bg-primary{
	background: var(--brand-primary) !important;
}

.text-primary{
	color: var(--brand-primary) !important;
}

/* text css */

.text-yellow{
	color: #fbf7d9;
}

.shadow-white{
	text-shadow: 1px 1px #fff;
}

.shadow-dark{
	text-shadow: 1px 1px #000;
}

/* font css */

.font-raleway{
	font-family: 'Space Grotesk','Manrope',sans-serif;
}

.font-ubuntu{
	font-family: 'Space Grotesk','Manrope',sans-serif;
}

.font-sniglet{
	font-family: 'Space Grotesk','Manrope',sans-serif;
}

/* breadcrumbs css */
.breadcrumb{
	background: linear-gradient(120deg, rgba(255,255,255,0.96), var(--brand-soft-2));
	border: 1px solid #dfe3f1;
	border-radius: 16px;
	padding: 14px 18px;
	box-shadow: var(--card-shadow);
	gap: 10px;
}

.breadcrumb-item{
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--text-main);
	font-weight: 700;
	padding: 6px 10px;
	border-radius: 12px;
	background: rgba(255,255,255,0.7);
	transition: all 0.2s ease;
}

.breadcrumb-item a{
	color: inherit;
}

.breadcrumb-item:hover{
	background: rgba(31,63,140,0.08);
	color: var(--brand-primary);
	transform: translateY(-1px);
}

.breadcrumb-item + .breadcrumb-item{
	padding-left: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: '\f061';
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	background: linear-gradient(135deg, var(--brand-primary), var(--brand-accent));
	color: #fff;
	box-shadow: 0 8px 18px rgba(31,63,140,0.22);
	margin-right: 6px;
	padding: 0;
}

.breadcrumb-item:last-child{
	background: rgba(31,63,140,0.08);
	color: var(--brand-primary);
	box-shadow: 0 10px 24px rgba(15,23,42,0.12);
}

@media (max-width: 576px){
	.breadcrumb{
		padding: 10px 12px;
		border-radius: 14px;
	}
	.breadcrumb-item{
		font-size: 14px;
		padding: 6px 8px;
	}
	.breadcrumb-item + .breadcrumb-item::before{
		width: 22px;
		height: 22px;
	}
}

/* background css */
.red-transparent{
	background-color: rgba(158, 31, 31, 0.9);
}

.blue-transparent{
	background: linear-gradient(120deg, rgba(15,23,42,0.9), rgba(31,63,140,0.92));
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.16);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.white-transparent{
	background: rgba(255,255,255,0.9);
	backdrop-filter: blur(8px);
	border-radius: 14px;
	box-shadow: var(--card-shadow);
}

.bg-yellow{
	background: #fffdd7;
}

.bg-blue{
	background: #28263a;
}

.bg-sky{
	background: #9cd3ef;
}

.bg-sky-light{
	background: #e6f7ff;
}

.bg-facebook{
	background: #3B5998;
}

.bg-twitter{
	background: #55ACEE;
}

.bg-wa{
	background: #5cc373;
}

.border-2 {
    border-width:2px !important;
}

.absolute-bottom{
	position: absolute;
    bottom: 10px;
}

.absolute-top{
	position: absolute;
    top: 10px;
}

.absolute-bottom.center,.absolute-top.center{
	left: 5%;
	right: 5%;
}

.absolute-bottom.none{
	left: 0px !important;
	right: 0px !important;
	bottom: 0px !important;
}

.absolute-top.none{
	left: 0px !important;
	right: 0px !important;
}

.absolute-top.left{
	left: 10px;
}

.relative{
	position: relative;
}

/* glowing css */
.glowing-yellow{
	box-shadow: 0 0 15px #b4b57e;
}

.glowing-white{
	box-shadow: 0 0 15px #fff;
}

.glowing-white-small{
	box-shadow: 0 0 5px #fff;
}

.glowing-dark-small{
	box-shadow: 0 0 5px #000;
}

.box-primary{
    box-shadow: inset 0 0 30px #10232b;
}

/* font size */
.mega{
	font-size: 50px;
}

.super{
	font-size: 38px;
}

.big{
	font-size: 24px;
}

.medium{
	font-size: 18px;
}

.small{
	font-size: 14px;
}

.tiny{
	font-size: 12px;
}

/* callFullBox */
.boxbar-fixed-top{
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 104;
	box-shadow: 0 14px 30px rgba(15,23,42,0.18);
}

.boxbar-fixed-bottom{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 103;
}

.boxbar-absolute-top{
	position: absolute;
	top: 0;
	width: 100%;
}

.boxFull{
	position: fixed;
	inset: 0;
	z-index: 1031;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	/* padding: 18px 0 28px !important; */
	background:
		radial-gradient(circle at 12% 18%, rgba(31,63,140,0.08), transparent 34%),
		radial-gradient(circle at 86% 6%, rgba(255,107,61,0.07), transparent 30%),
		linear-gradient(180deg, #f2f4f9 0%, #e6ebf7 100%);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	overflow-y: auto;
	overscroll-behavior: contain;
}

#navBar{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 16px !important;
	position: relative;
	box-shadow: 0 14px 28px rgba(15,23,42,0.18);
}

#navBar #btnClose{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: none;
	border-radius: 14px;
	padding: 10px 16px;
	font-weight: 800;
	letter-spacing: 0.02em;
	background: linear-gradient(120deg, #1f3f8c, #2e58c6);
	box-shadow: 0 12px 26px rgba(31,63,140,0.3);
	text-transform: uppercase;
	color: #fff;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

#navBar #btnClose i{
	font-size: 14px;
}

#navBar #btnClose:hover{
	transform: translateY(-1px);
	box-shadow: 0 16px 34px rgba(31,63,140,0.32);
}

/* footer css */
.modern-footer{
	background: radial-gradient(circle at 12% 20%, rgba(255,255,255,0.08), transparent 32%), radial-gradient(circle at 85% 10%, rgba(255,255,255,0.06), transparent 30%), linear-gradient(135deg, #0f1e46, #1f3f8c 55%, #153371);
	padding: 48px 0 28px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 -12px 40px rgba(0,0,0,0.12);
}

.modern-footer:after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(15,23,42,0.28), transparent 50%);
	pointer-events: none;
}

.modern-footer .container{
	position: relative;
	z-index: 2;
}

.footer-brand-card{
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 16px;
	padding: 18px 20px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.modern-footer .text-soft{
	color: rgba(255,255,255,0.72);
}

.footer-kicker{
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.7);
	font-weight: 700;
	margin-bottom: 8px;
}

.footer-social{
	gap: 12px;
}

.footer-label{
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.82);
	margin-right: 8px;
}

.social-btns{
	gap: 10px;
}

.social-btn{
	width: 42px;
	height: 42px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.25);
	color: #fff;
	box-shadow: 0 8px 22px rgba(0,0,0,0.18);
	transition: all .2s ease;
}

.social-btn:hover{
	background: #fff;
	color: var(--brand-primary);
	text-decoration: none;
	transform: translateY(-2px);
}

.footer-heading{
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: rgba(255,255,255,0.7);
	margin-bottom: 10px;
	font-weight: 700;
}

.footer-list li{
	margin-bottom: 8px;
}

.footer-list a{
	color: #fff;
	font-weight: 600;
}

.footer-list a:hover{
	color: #d5defd;
	text-decoration: none;
}

.footer-cta{
	background: rgba(255,255,255,0.08);
	border: 1px dashed rgba(255,255,255,0.25);
	border-radius: 16px;
	padding: 16px 18px;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
}

.footer-cta__title{
	font-weight: 700;
	margin-bottom: 6px;
}

.footer-cta__subtitle{
	color: rgba(255,255,255,0.7);
	margin: 0;
}

.footer-bottom{
	border-top: 1px solid rgba(255,255,255,0.1);
}

/* ribbon css */

.ribbonSold{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	z-index: 2;
	pointer-events: none;
}

.ribbonSold .text{
	text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    text-shadow: #fff 0 0 100px;
    bottom: 16px;
    left: 14px;
    width: 200px;
    position: absolute;
    background: rgb(41 60 107 / 70%);
    border-radius: 12px;
}

.mylisting-card > .ribbonSold{
	width: 44%;
	height: 100%;
	right: auto;
	bottom: auto;
}

.ribbon3 {
    width: 180px;
    height: 36px;
    line-height: 36px;
    padding-left: 14px;
    position: absolute;
    left: 12px;
    top: 16px;
    background: linear-gradient(135deg, #0c4211, #136b19);
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    z-index: 3;
}
.ribbon3:before, .ribbon3:after {
  content: "";
  position: absolute;
}
.ribbon3:before {
  height: 0;
  width: 0;
  top: -8.5px;
  left: 0.1px;
  border-bottom: 9px solid #0f2110;
  border-left: 9px solid transparent;
}
.ribbon3:after {
    height: 100%;
    width: 10px;
    right: -10px;
    top: 0;
    background: inherit;
    clip-path: polygon(0 0,100% 50%,0 100%);
}

.ribbon4 {
    width: 180px;
    height: 36px;
    line-height: 36px;
    padding-left: 14px;
    position: absolute;
    left: 12px;
    top: 16px;
    background: linear-gradient(135deg, #854141, #b05a5a);
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    z-index: 3;
}
.ribbon4:before, .ribbon4:after {
  content: "";
  position: absolute;
}
.ribbon4:before {
  height: 0;
  width: 0;
  top: -8.5px;
  left: 0.1px;
  border-bottom: 9px solid #422e0e;
  border-left: 9px solid transparent;
}
.ribbon4:after {
    height: 100%;
    width: 10px;
    right: -10px;
    top: 0;
    background: inherit;
    clip-path: polygon(0 0,100% 50%,0 100%);
}

.ribbon5 {
  display: block;
  width: calc(100% + 20px);
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-left: -10px;
  margin-right: -10px;
  background: #EDBA19;
  position: relative;
  top: 20px;
}
.ribbon5:before, .ribbon5:after {
  content: "";
  position: absolute;
}
.ribbon5:before {
  height: 0;
  width: 0;
  bottom: -10px;
  left: 0;
  border-top: 10px solid #cd8d11;
  border-left: 10px solid transparent;
}
.ribbon5:after {
  height: 0;
  width: 0;
  right: 0;
  bottom: -10px;
  border-top: 10px solid #cd8d11;
  border-right: 10px solid transparent;
}
.wrap {
  width: 100%;
  height: 188px;
  position: absolute;
  top: -8px;
  left: 8px;
  overflow: hidden;
}
.wrap:before, .wrap:after {
  content: ""; 
  position: absolute;
}
.wrap:before {
  width: 40px;
  height: 8px;
  right: 100px;
  background: #4D6530;
  border-radius: 8px 8px 0px 0px;
}
.wrap:after {
  width: 8px;
  height: 40px;
  right: 0px;
  top: 100px;
  background: #4D6530;
  border-radius: 0px 8px 8px 0px;
}
.ribbon6 {
  width: 200px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 30px;
  right: -50px;
  z-index: 2;
  overflow: hidden;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px dashed;
  box-shadow:0 0 0 3px #57DD43,  0px 21px 5px -18px rgba(0,0,0,0.6);
  background: #57DD43;
  text-align: center;
}

/* gallery css */
.imgFit{
	max-width: 100%;
	max-height: 300px
}

.listGallery{
	margin-top: 50px;
}

.listGallery #isi #gambar:first-child div:before{
	content: 'Gambar Cover';
	font-weight: bold;
}

.listGallery #isi #gambar:first-child div{
	background: rgba(252, 223, 75, 0.3) !important;
}

.listGallery #isi #gambar #btnCover{
	display: block;
}

.listGallery #isi #gambar:first-child #btnCover{
	display: none;
}


.listGallery img{
    position: relative;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
}

/* swipper css */

.swiper-gallery{
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.swiper-gallery .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow-y: auto;
}

.swiper-icon{
	width: 100%;
	overflow: hidden;
}

.splashBanner .container{
	position: relative;
	z-index: 2;
}

.search-card{
	max-width: 640px;
	margin-left: auto;
	position: relative;
	overflow: visible;
	z-index: 5;
}

#boxKeyword{
	position: absolute;
	top: calc(100% + 12px);
	left: 0;
	width: 100%;
	background: #fff;
	border: 1px solid #e2e6f3;
	border-radius: 14px;
	box-shadow: 0 22px 48px rgba(15,23,42,0.18);
	z-index: 40;
	overflow: hidden;
	max-height: 420px;
}

#boxKeyword button#btnLink{
	text-align: left;
	padding: 14px 16px;
	font-weight: 800;
	color: var(--brand-secondary);
	border-bottom: 1px solid #f1f3fb;
	white-space: normal;
}

#boxKeyword button#btnLink:last-child{
	border-bottom: none;
}

#boxKeyword button#btnLink:hover{
	background: #f4f6ff;
	color: var(--brand-primary);
}

.swiper-icon img{
	height: 75px;
}

.swiper-icon .swiper-slide {
	text-align: center;
	font-size: 18px;
	width: fit-content;
	opacity: 0.4;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-icon .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-icon .swiper-slide:nth-child(2n) {
  width: fit-content;
}
.swiper-icon .swiper-slide:nth-child(3n) {
  width: fit-content;
}

.swiper-icon .swiper-button-prev{
	left: 0;
    padding: 10px;
    color: #fff;
    background: rgba(0,0,0,0);
    height: auto;
}

.swiper-icon .swiper-button-next{
	right: 0;
    padding: 10px;
    color: #fff;
    background: rgba(0,0,0,0);
    height: auto;
}

.swiper-container{
  width: 100%;
  height: 320px;
  overflow: hidden;
  background: #7d7777;
  border-top: solid 10px #000 !important;
  border-bottom: solid 10px #000 !important;
}

.swiper-container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: fit-content;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container .swiper-slide:nth-child(2n) {
  width: fit-content;
}
.swiper-container .swiper-slide:nth-child(3n) {
  width: fit-content;
}

.swiper-container .swiper-button-prev, .swiper-gallery .swiper-button-prev{
	left: 0;
    padding: 10px;
    color: #fff;
    background: rgba(0,0,0,0.8);
    height: auto;
	border-radius: 0 10px 10px 0;
}

.swiper-container .swiper-button-next, .swiper-gallery .swiper-button-next{
	right: 0;
    padding: 10px;
    color: #fff;
    background: rgba(0,0,0,0.8);
    height: auto;
	border-radius: 10px 0 0 10px;
}

@media(min-width: 0px) and (max-width:600px){
	.imgFit{
		max-width: 100%;
		max-height: 200px
	}
	.swiper-container{
	  width: 100%;
	  height: 220px;
	  overflow: hidden;
	}
}

/* more ad css */
.bgImage{
    background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
    background-repeat: no-repeat;
}

.bg-processing{
	background: #dab9b9;
    color: #441616;
}

.bg-rejected{
	background: #d86565;
    color: #f9d8d8;
}

.bg-pending,.bg-closed{
	background: #d2bdbd;
    color: #310808;
}

.bg-waiting{
	background: #e0e5aa;
	color: #0d2c1e;
}

.bg-active{
	background: #b9daba;
    color: #16441c;
}

.import-shell{
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.import-hero{
	background: linear-gradient(120deg, var(--brand-secondary), #1f3063 70%, var(--brand-primary));
	color: #fff;
	border-radius: 18px;
	padding: 22px 24px;
	display: flex;
	justify-content: space-between;
	gap: 16px;
	box-shadow: var(--card-shadow);
	position: relative;
	overflow: hidden;
}

.import-hero:after{
	content: "";
	position: absolute;
	right: -60px;
	top: -60px;
	width: 180px;
	height: 180px;
	background: radial-gradient(circle at center, rgba(255,255,255,0.18), transparent 60%);
	transform: rotate(12deg);
}

.import-hero-badges{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.import-pill{
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.02em;
	color: #fff;
	border: 1px solid rgba(255,255,255,0.2);
	background: rgba(255,255,255,0.12);
}

.import-pill--outline{
	background: #f7f9ff;
	color: var(--brand-primary);
	border-color: #d7def3;
}

.import-hero-aside{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(140px,1fr));
	gap: 10px;
	z-index: 1;
}

.import-metric{
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 14px;
	padding: 12px 14px;
	color: #fff;
	box-shadow: var(--card-shadow);
}

.import-metric .label{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	opacity: 0.82;
}

.import-metric .value{
	font-weight: 800;
	font-size: 18px;
	margin: 2px 0;
}

.import-metric .hint{
	font-size: 12px;
	opacity: 0.9;
}

.import-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
	gap: 12px;
}

.import-card{
	background: var(--surface);
	border: 1px solid #e6e9f3;
	border-radius: 16px;
	padding: 16px;
	box-shadow: var(--card-shadow);
}

.import-card--api{
	min-height: 100%;
}

.import-card--list{
	padding: 18px;
}

.import-form__header{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}

.import-copy-group .form-control{
	border-radius: 12px 0 0 12px;
}

.import-copy-btn{
	border-radius: 0 12px 12px 0 !important;
	font-weight: 700;
}

.import-input-control{
	font-family: 'Space Grotesk','Manrope',sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.import-textarea{
	min-height: 180px;
	border-radius: 14px;
	background: var(--brand-soft-2);
	border-color: #d7def3;
}

.import-form__hint{
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 12px;
	background: #f5f7ff;
	border: 1px dashed #d7def3;
}

.import-dot{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--text-soft);
	display: inline-block;
}

.import-dot--accent{
	background: var(--brand-accent);
}

.import-list{
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 12px;
}

.import-row{
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 12px;
	padding: 14px 16px;
	border: 1px solid #e6e9f3;
	border-radius: 14px;
	background: #f9fbff;
	box-shadow: 0 12px 30px rgba(15,23,42,0.08);
}

.import-row:hover{
	border-color: #cdd7f5;
}

.import-url .label{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--text-soft);
	margin-bottom: 4px;
}

.import-link{
	color: var(--brand-primary);
	font-weight: 700;
	word-break: break-word;
	display: inline-block;
}

.import-posted{
	margin-top: 8px;
	padding: 10px 12px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid #e6e9f3;
}

.import-posted .label{
	color: var(--text-soft);
	font-size: 12px;
	margin-bottom: 4px;
}

.import-state{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.import-status{
	padding: 7px 12px;
	border-radius: 999px;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 0.02em;
}

.import-status--done{
	background: #e6f6ed;
	color: #0f5132;
}

.import-status--progress{
	background: #fff4e5;
	color: #92400e;
}

.import-status--pending{
	background: #ffe8e5;
	color: #7f1d1d;
}

.import-summary{
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.import-chip{
	padding: 6px 10px;
	border-radius: 12px;
	font-weight: 700;
	font-size: 12px;
	border: 1px solid;
}

.import-chip--success{
	background: #e6f6ed;
	border-color: #b7e2c6;
	color: #0f5132;
}

.import-chip--progress{
	background: #fff4e5;
	border-color: #ffd8aa;
	color: #92400e;
}

.import-chip--pending{
	background: #ffe8e5;
	border-color: #ffcbc1;
	color: #7f1d1d;
}

.import-submit-btn{
	white-space: nowrap;
	font-weight: 700;
}

.text-accent{
	color: var(--brand-accent);
}

@media (max-width: 768px){
	.import-hero{
		flex-direction: column;
	}
	.import-row{
		grid-template-columns: 1fr;
	}
	.import-state{
		justify-content: flex-start;
	}
}

/* flipclock */
#timeTopUp {
    zoom: 0.5;
    -moz-transform: scale(0.5);
}

#timeClock{
	zoom: 0.3;
	-moz-transform: scale(0.3);
}

.flip-clock-label{ display: none !important; }

.flip-clock-wrapper{
	width: auto !important;
}

/* payment css */
.showBank img{
	width: 50px;
	margin-left: 5px;
}

.showBank img:first-child{
	margin: 0;
}

.bankIcon{
	max-width: 120px;
    width: 100%;
}

.bankTiny{
	width: 50px;
}

.payment-grid{
	row-gap: 18px;
}

.payment-card{
	background: var(--surface);
	border: 1px solid #e6e9f3;
	border-radius: 18px;
	padding: 18px;
	box-shadow: var(--card-shadow);
	position: relative;
	overflow: hidden;
}

.payment-card:before{
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 85% 10%, rgba(31,63,140,0.14), transparent 35%);
	pointer-events: none;
}

.payment-card__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.payment-amount{
	font-size: 30px;
	font-weight: 800;
	color: var(--brand-secondary);
	line-height: 1.1;
	margin: 6px 0 2px;
}

.payment-subtext{
	color: var(--text-soft);
	font-weight: 700;
	font-size: 14px;
}

.payment-badge{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 12px;
	border-radius: 999px;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 0.02em;
	background: #eef2fb;
	color: var(--brand-secondary);
}

.payment-badge--pending{
	background: linear-gradient(120deg, #fff7ed, #ffe7d9);
	color: #b45309;
}

.payment-countdown{
	min-width: 200px;
	padding: 10px 12px;
	background: var(--brand-soft-2);
	border: 1px dashed #d7ddf1;
	border-radius: 14px;
	box-shadow: inset 0 1px 0 #f2f4fb;
}

.payment-countdown .label{
	display: block;
	font-weight: 800;
	color: var(--text-soft);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 12px;
	margin-bottom: 4px;
}

.payment-countdown #timeClock{
	zoom: 0.55;
	-moz-transform: scale(0.55);
	transform-origin: right top;
}

.payment-meta{
	margin: 16px 0 10px;
	border: 1px solid #eef2fb;
	border-radius: 12px;
	overflow: hidden;
}

.payment-meta .meta-row{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 12px;
	font-weight: 700;
	color: var(--text-main);
	background: #f9fbff;
	border-bottom: 1px solid #eef2fb;
}

.payment-meta .meta-row:nth-child(even){
	background: #ffffff;
}

.payment-meta .meta-label{
	color: var(--text-soft);
	font-weight: 800;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.payment-meta .meta-value{
	text-align: right;
	color: var(--brand-secondary);
}

.payment-meta .meta-note{
	max-height: 84px;
	overflow-y: auto;
	word-break: break-word;
}

.payment-actions{
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.payment-primary{
	border-radius: 12px;
	font-weight: 800;
	padding: 12px 16px;
	box-shadow: 0 12px 30px rgba(31,63,140,0.25);
}

.payment-secondary{
	border-radius: 12px;
	font-weight: 800;
	padding: 10px 14px;
	border: 1px solid #d7ddf1;
	color: var(--brand-secondary);
	background: #fff;
}

.payment-link{
	font-weight: 800;
}

.payment-copy{
	width: 100%;
	padding: 12px;
	background: linear-gradient(120deg, #e8edfc, #f7f9ff);
	border: 1px solid #d7ddf1;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: var(--brand-secondary);
	font-weight: 800;
	text-align: left;
}

.payment-copy small{
	display: block;
	color: var(--text-soft);
	font-weight: 700;
	font-size: 12px;
	margin-bottom: 2px;
}

.payment-bank{
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border: 1px solid #e6e9f3;
	border-radius: 12px;
	background: #fff;
	box-shadow: inset 0 1px 0 #f2f4fb;
}

.payment-bank__logo{
	width: 76px;
}

.payment-bank__label{
	color: var(--text-soft);
	font-weight: 800;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.payment-bank__value{
	font-weight: 800;
	font-size: 18px;
	color: var(--brand-secondary);
	line-height: 1.2;
}

.payment-bank__name{
	color: var(--text-soft);
	font-weight: 700;
}

.payment-note,
.payment-notice{
	margin-top: 12px;
	padding: 12px;
	border-radius: 12px;
	font-weight: 700;
	line-height: 1.5;
	border: 1px dashed #f0b429;
	background: #fff7ed;
	color: #92400e;
}

.payment-notice--info{
	background: #eef7ff;
	border-color: #b7d3ff;
	color: #0f3b75;
}

.payment-empty{
	box-shadow: var(--card-shadow);
	border-radius: 16px;
}

@media (max-width: 767px){
	.payment-card__head{
		flex-direction: column;
	}

	.payment-countdown{
		width: 100%;
		text-align: left;
	}
}

/* top up packages */
.topup-grid{
	row-gap: 16px;
}

.topup-card{
	position: relative;
	display: flex;
	flex-direction: column;
	text-align: left;
	width: 100%;
	height: 100%;
	padding: 16px 16px 14px;
	border-radius: 18px;
	border: 1px solid #e6e9f3;
	background: var(--surface);
	box-shadow: var(--card-shadow);
	overflow: hidden;
	gap: 10px;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

.topup-card:before{
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 20% 20%, rgba(47,92,216,0.08), transparent 35%), radial-gradient(circle at 80% 0%, rgba(255,107,61,0.08), transparent 32%);
	opacity: 0;
	transition: opacity 0.18s ease;
	pointer-events: none;
}

.topup-card:hover{
	transform: translateY(-4px);
	box-shadow: 0 26px 52px rgba(15,23,42,0.16);
	border-color: rgba(31,63,140,0.35);
	color: inherit;
}

.topup-card:hover:before{
	opacity: 1;
}

.topup-card.is-featured{
	border-color: #ffb46a;
	box-shadow: 0 30px 70px rgba(255,133,64,0.25);
}

.topup-card__badge-row{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 4px;
	z-index: 1;
}

.topup-chip{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 999px;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 0.02em;
	background: var(--brand-soft);
	color: var(--text-main);
	border: 1px solid #d8dff5;
	white-space: nowrap;
}

.topup-chip--accent{
	background: linear-gradient(120deg, var(--brand-primary), #2f5cd8);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 10px 24px rgba(47,92,216,0.32);
}

.topup-chip--warning{
	background: linear-gradient(120deg, #ff7a45, #ffb347);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 12px 26px rgba(255,133,64,0.32);
}

.topup-chip--ghost{
	background: rgba(15,23,42,0.06);
	color: var(--text-main);
	border-color: rgba(15,23,42,0.1);
}

.topup-card__head{
	display: flex;
	flex-direction: column;
	gap: 4px;
	z-index: 1;
}

.topup-card__eyebrow{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	font-weight: 800;
	color: var(--text-soft);
}

.topup-card__amount{
	font-family: 'Space Grotesk','Manrope',sans-serif;
	font-weight: 800;
	font-size: 26px;
	letter-spacing: -0.01em;
	color: var(--brand-secondary);
}

.topup-card__bonus{
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	color: var(--brand-primary);
	flex-wrap: wrap;
}

.topup-card__bonus--muted{
	color: var(--text-soft);
}

.bonus-value{
	background: rgba(47,92,216,0.12);
	color: var(--brand-primary);
	padding: 4px 8px;
	border-radius: 10px;
	font-weight: 800;
}

.bonus-value--muted{
	background: #f1f4fb;
	color: var(--text-soft);
}

.topup-card__meta{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	z-index: 1;
}

.topup-pill{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 10px;
	border-radius: 12px;
	background: var(--brand-secondary);
	color: #fff;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 0.02em;
	box-shadow: 0 12px 26px rgba(15,23,42,0.25);
}

.topup-pill.is-soft{
	background: #eef2fb;
	color: var(--brand-primary);
	border: 1px solid #d8dff5;
	box-shadow: none;
}

.topup-features{
	list-style: none;
	padding: 0;
	margin: 6px 0 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
	z-index: 1;
}

.topup-feature{
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-weight: 700;
	color: var(--text-main);
}

.topup-feature i{
	/* color: var(--brand-primary); */
	color: #ffffff;
	margin-top: 2px;
}

.topup-feature--muted{
	color: var(--text-soft);
	font-weight: 600;
}

.topup-note{
	margin-top: 10px;
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px dashed #f0c57c;
	background: #fff7ec;
	color: #a35a00;
	font-weight: 700;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	line-height: 1.4;
}

.topup-card__cta{
	margin-top: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-weight: 800;
	color: var(--brand-primary);
	z-index: 1;
}

.topup-cta-icon{
	width: 36px;
	height: 36px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: linear-gradient(120deg, var(--brand-primary), #2f5cd8);
	color: #fff;
	box-shadow: 0 12px 26px rgba(31,63,140,0.28);
}

.topup-card__cta span:first-child{
	padding: 10px 0;
}

.topup-card.is-partner{
	border-color: rgba(46,196,182,0.35);
	box-shadow: 0 26px 52px rgba(46,196,182,0.22);
}

.topup-card.is-partner:before{
	opacity: 1;
}

.topup-card.is-partner .topup-pill{
	background: linear-gradient(120deg, #1f3f8c, #2f5cd8);
}

.topup-card.is-partner .topup-pill.is-soft{
	color: #fff;
	border-color: transparent;
	box-shadow: 0 12px 26px rgba(31,63,140,0.28);
}

.topup-card.is-partner .topup-pill.is-soft i{
	color: #fff;
}

@media (max-width: 767px){
	.topup-card{
		padding: 14px;
	}
	.topup-card__amount{
		font-size: 22px;
	}
	.topup-pill{
		width: 100%;
	}
	.topup-card__cta{
		margin-top: 10px;
	}
}

/* top up promotion modal */
.topup-modal{
	border: 1px solid #e3e8f6;
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0 28px 72px rgba(15,23,42,0.25);
	background: #ffffff;
}

.topup-modal .modal-header{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	border: none;
	padding: 20px 22px 18px;
	color: var(--brand-secondary);
	background: linear-gradient(135deg, #f9fbff 0%, #eef2fb 100%);
	border-bottom: 1px solid #e3e8f6;
	position: relative;
}

.topup-modal .modal-header .close{
	color: #6b7285;
	text-shadow: none;
	opacity: 0.7;
	position: absolute;
	right: 14px;
	top: 14px;
}

.topup-modal .p-3{
	background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
	border-top: 1px solid #e6e9f3;
}

.topup-hero{
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
}

.topup-hero__badge{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 12px;
	background: rgba(31,63,140,0.1);
	color: #1f3f8c;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 12px;
	border: 1px solid rgba(31,63,140,0.16);
}

.topup-hero__title{
	color: var(--brand-secondary);
	font-weight: 800;
	font-size: 26px;
	margin: 2px 0 0;
	letter-spacing: -0.01em;
}

.topup-hero__subtitle{
	color: var(--text-soft);
	margin: 0 0 6px;
	font-weight: 700;
}

.topup-body{
	padding: 18px 20px 22px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	background: #fff;
}

.topup-feature{
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 16px;
	background: #f8f9ff;
	border: 1px solid #e3e8f5;
	box-shadow: inset 0 1px 0 #ffffff;
}

.topup-feature__icon{
	padding: 10px;	
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: linear-gradient(140deg, #1f3f8c, #2f5cd8);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	box-shadow: 0 14px 26px rgba(31,63,140,0.3);
}

.topup-feature__title{
	font-weight: 800;
	color: var(--brand-secondary);
	font-size: 16px;
	margin-bottom: 4px;
}

.topup-feature__text{
	color: var(--text-soft);
	margin-bottom: 0;
	font-weight: 700;
	line-height: 1.5;
}

.topup-countdown{
	margin: 16px 0;
	padding: 14px 12px;
	text-align: center;
	border-radius: 14px;
	border: 1px dashed #c7d2f3;
	background: #fff7ed;
	box-shadow: none;
}

.topup-countdown__label{
	font-weight: 800;
	color: #c26422;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 12px;
}

.topup-countdown__timer #timeClock{
	zoom: 0.7;
	-moz-transform: scale(0.7);
	transform-origin: center top;
	display: inline-block;
}

.topup-countdown__hint{
	color: var(--text-soft);
	margin: 4px 0 0;
	font-size: 13px;
}

.topup-actions{
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 12px;
}

.topup-cta{
	border: none;
	border-radius: 999px;
	font-weight: 800;
	padding: 14px 18px;
	font-size: 15px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	background: linear-gradient(130deg, #1f3f8c, #2e59d3);
	box-shadow: 0 18px 38px rgba(31,63,140,0.32);
}

.topup-cta:hover{
	background: linear-gradient(130deg, #2b4fae, #3c6cf0);
}

.topup-actions__note{
	text-align: center;
	font-weight: 700;
	color: var(--text-soft);
	background: #f7f9ff;
	border: 1px solid #e6e9f3;
	border-radius: 14px;
	padding: 10px 12px;
}

@media (max-width: 576px){
	.topup-modal{
		border-radius: 18px;
	}
	.topup-hero__title{
		font-size: 22px;
	}
	.topup-modal .modal-header{
		padding: 16px 16px 12px;
	}
	.topup-body{
		padding: 16px;
	}
}

/* menu css */
.menu,
.menu-bar {
	position: fixed;
	right: 16px;
	top: 68px;
	list-style-type: none;
	margin: 0;
	padding: 12px 10px;
	background: linear-gradient(160deg, rgba(15, 23, 42, 0.9), rgba(26, 42, 74, 0.95));
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25);
	border-radius: 18px;
	z-index: 100;
	overflow: hidden;
	backdrop-filter: blur(8px);
}

.menu {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 76px;
}

.menu li {
	list-style: none;
}

.menu li a,
.menu li button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 12px 8px;
	width: 100%;
	min-height: 64px;
	gap: 6px;
	text-align: center;
	color: #e5e7eb;
	background: rgba(255, 255, 255, 0.06);
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	transition: all 0.2s ease;
	position: relative;
	font-weight: 700;
	letter-spacing: 0.01em;
}

.menu li a i,
.menu li button i {
	font-size: 16px;
}

.menu .amount {
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 11px;
}

.menu li a:hover,
.menu li button:hover,
.menu li:first-child a {
	background: linear-gradient(145deg, var(--brand-primary), #2b50a7);
	color: #fff;
	border-color: rgba(255, 255, 255, 0.16);
	box-shadow: 0 10px 30px rgba(31, 63, 140, 0.35);
	text-decoration: none;
}

.menu li:first-child a {
	min-height: 56px;
}

.menu-bar {
	right: 108px;
	top: 68px;
	width: 0;
	max-height: 0;
	opacity: 0;
	padding: 0;
	background: #0b1429;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 16px;
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25);
	transition: all 0.25s ease;
	pointer-events: none;
}

.menu-bar li {
	list-style: none;
}

.menu-bar li a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	padding: 12px 16px;
	color: #e5e7eb;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	font-weight: 600;
	letter-spacing: 0.01em;
	white-space: nowrap;
}

.menu-bar li a span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 24px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	font-weight: 700;
	letter-spacing: 0.02em;
}

.menu-bar li:first-child a {
	background: rgba(255, 255, 255, 0.06);
	border-radius: 14px 14px 0 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.menu-bar li:last-child a {
	border-bottom: none;
}

.menu-bar li a:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
}

.menu-bar.open {
	width: 260px;
	max-height: calc(100vh - 120px);
	padding: 10px 0;
	opacity: 1;
	pointer-events: auto;
	overflow-y: auto;
}

.menu-bar .menu-install {
	margin-top: 6px;
	padding: 12px 14px 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.menu-bar .menu-install .add-to-btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border-radius: 12px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.menu-bar .menu-install .add-to-btn i {
	font-size: 14px;
}

.para {
	color: #033f72;
	padding-left: 100px;
	font-size: 3em;
	margin-bottom: 20px;
}

@media all and (max-width: 500px) {
	body {
		font-size: 16px;
		width: 100%;
	}
	.container {
		/* margin-top: 100px; */
	}
	.menu {
        flex-direction: row;
        position: fixed;
        bottom: 0px !important;
        top: auto;
        left: 0;
        right: 0;
        width: 100%;
        border-radius: 0 !important;
        background: rgba(15, 23, 42, 0.94);
	}
	.menu li {
		flex: 1;
	}
	.menu li a,
	.menu li button {
		min-height: 54px;
		padding: 10px 14px;
	}
	.menu-bar {
		left: 10px;
		right: 10px;
		bottom: 78px !important;
		top: auto;
		width: 0;
		max-height: 0;
	}
	.menu-bar.open {
		width: calc(100% - 20px);
		max-height: 360px;
	}
}

@media all and (max-width: 768px) {
	.menu a[href*="/statistics"],
	.menu a[href*="/support"],
	.menu-bar a[href*="/statistics"],
	.menu-bar a[href*="/support"],
	.menu li[title="Statistik Iklan"],
	.menu li[title="Pusat Bantuan"],
	.menu-bar li[title="Statistik Iklan"],
	.menu-bar li[title="Pusat Bantuan"] {
		display: none !important;
	}
}

@media screen and (min-width: 500px) {
	.menu,
	.menu-bar {
		top: 72px !important;
	}
}

/* general css */
.notifyjs-bootstrap-base {
	white-space: normal !important;
}

.notifyjs-wrapper{
    width: 100% !important;
}

.notifyjs-corner .notifyjs-wrapper, .notifyjs-corner .notifyjs-container {
    margin: 0 !important;
    margin-bottom: 3px !important;
}

@media screen and (min-width: 700px) and (max-width: 4000px){
	.splashBanner{
		background-image: url(/design/legacy/images/banner.jpg);
		background-size: cover;
	}
}
@media screen and (min-width: 0px) and (max-width: 700px){
	.splashBanner{
		background-image: url(/design/legacy/images/banner-mobile.jpg);
		background-size: cover;
	}
}

.tableBudget td{
	vertical-align: middle;
}
.budget-shell{
	max-width: 1240px;
	margin: 0 auto 24px;
}
.budget-hero-panel{
	position: relative;
	overflow: hidden;
	padding: 22px;
	border-radius: 20px;
	background: linear-gradient(135deg, var(--brand-secondary), #16305e 55%, var(--brand-primary));
	color: #fff;
	box-shadow: var(--card-shadow);
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 18px;
	align-items: center;
}
.budget-hero-panel:after{
	content:'';
	position:absolute;
	inset:0;
	background: radial-gradient(circle at 80% 20%, rgba(255,255,255,0.18), transparent 40%);
	opacity: .7;
}
.budget-hero-panel>*{
	position: relative;
	z-index: 1;
}
.budget-hero-title{
	font-family: 'Space Grotesk','Manrope',sans-serif;
	font-size: 26px;
	font-weight: 800;
	margin: 4px 0 6px;
}
.budget-hero-text{
	color: rgba(255,255,255,0.9);
	margin: 0;
	max-width: 720px;
}
.budget-summary-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(170px,1fr));
	gap: 12px;
}
.budget-summary-card{
	background: rgba(255,255,255,0.09);
	border: 1px solid rgba(255,255,255,0.22);
	border-radius: 14px;
	padding: 10px 12px;
	color: #fff;
	box-shadow: 0 12px 28px rgba(0,0,0,0.18);
}
.budget-summary-label{
	margin: 0;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 11px;
	color: rgba(255,255,255,0.8);
}
.budget-summary-value{
	font-weight: 800;
	font-size: 20px;
	line-height: 1.2;
	margin-top: 4px;
}
.budget-summary-diff{
	font-size: 13px;
	font-weight: 700;
	color: rgba(255,255,255,0.86);
}
.budget-card{
	background: var(--surface);
	border: 1px solid #e6e9f3;
	border-radius: 18px;
	padding: 18px;
	box-shadow: var(--card-shadow);
}
.budget-card__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}
.budget-card__title{
	font-size: 20px;
	font-weight: 800;
	margin: 4px 0 6px;
	color: var(--brand-secondary);
}
.budget-card__subtitle{
	margin: 0;
	color: var(--text-soft);
	max-width: 680px;
}
.budget-chip{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 10px;
	font-weight: 800;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
	background: var(--brand-soft);
	color: var(--brand-secondary);
}
.budget-chip.ghost{
	background: #eef2fb;
	color: var(--brand-secondary);
}
.budget-table-wrapper{
	margin-top: 12px;
	border: 1px solid #e6e9f3;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 18px 34px rgba(15,23,42,0.08);
}
.tableBudget{
	min-width: 720px;
}
.tableBudget thead th{
	background: #3a3a3a;
	color: #fff;
	border: none;
	font-weight: 800;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding: 14px 16px;
}
.tableBudget tbody tr{
	transition: background 0.2s ease, transform 0.2s ease;
}
.tableBudget tbody tr:nth-child(odd){
	background: #f7f1f4;
}
.tableBudget tbody tr:nth-child(even){
	background: #f4f6fb;
}
.tableBudget tbody tr:hover{
	transform: translateY(-1px);
	box-shadow: inset 0 1px 0 rgba(15,23,42,0.04);
}
.tableBudget td{
	border-top: 1px solid rgba(15,23,42,0.06);
	padding: 14px 16px;
}
.budget-amount{
	font-weight: 800;
	text-align: center;
	color: #7a2c2c;
	min-width: 140px;
	border-right: 1px solid rgba(15,23,42,0.06);
}
.budget-note-cell{
	font-size: 14px;
}
.budget-note{
	font-weight: 700;
	color: var(--text-main);
}
.budget-time{
	margin-top: 8px;
	color: #6b7285;
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.budget-balance{
	font-weight: 800;
	text-align: right;
	color: var(--brand-secondary);
	min-width: 150px;
}
.budget-type-topUp .budget-amount{
	background: linear-gradient(135deg,#e9f7ef,#d4f0df);
	color: #0f5132;
}
.budget-type-view .budget-amount,
.budget-type-freeView .budget-amount{
	background: linear-gradient(135deg,#fbeaec,#f6dfe3);
	color: #7a2c2c;
}
.budget-type-shared .budget-amount{
	background: linear-gradient(135deg,#eef2ff,#e3e7ff);
	color: #1f3f8c;
}
@media screen and (max-width: 768px){
	.budget-hero-panel{
		grid-template-columns: 1fr;
	}
	.budget-card{
		padding: 14px;
	}
	.tableBudget{
		min-width: 100%;
	}
}

.overflow-y{
	overflow-y: auto;
}

.overflow-x{
	overflow-x: auto;
}

.nowrap{
	white-space: nowrap;
}

div[data-toggle=buttons] label.active:before{
	font-family: 'Font Awesome\ 5 Free';
	content: '\f058';
}

div[data-type=radio] label.active:before{
	font-family: 'Font Awesome\ 5 Free';
	content: '\f192';
}

.shining {
    border: 1px solid transparent;    
    -webkit-transition: border 0.1s linear, box-shadow 0.1s linear;
       -moz-transition: border 0.1s linear, box-shadow 0.1s linear;
            transition: border 0.1s linear, box-shadow 0.1s linear;
}

.shining.active {
    border-color: yellow;
    -webkit-box-shadow: 0 0 10px yellow;
       -moz-box-shadow: 0 0 10px yellow;
            box-shadow: 0 0 10px yellow;
}

.icon{
	width: 30px;
	height: 30px;
}

.outter{
	position: fixed;
    top: -500px;
    left: -500px;
}

.block{
	display: block;
}

.circle{
	border-radius: 15px;
}

.rounded-top{
	border-radius: 15px 15px 0 0 !important;
}

.rounded-top-left-1 {
    border-top-left-radius: 1rem;
}
.rounded-top-right-1 {
    border-top-right-radius: 1rem;
}
.rounded-bottom-left-1 {
    border-bottom-left-radius: 1rem;
}
.rounded-bottom-right-1 {
    border-bottom-right-radius: 1rem;
}

.rounded-right{
	border-radius: 0 10px 10px 0;
}

.rounded-left{
	border-radius: 10px 0 0 10px;
}

.border-solid{
	border: solid 3px;
}

.border-left-solid{
	border-left: solid 3px;
}

.pr-max{
	padding-right: 4rem !important;
}

.w-200{
	width: 200px;
}

.w-170{
	width: 170px;
}

.mw-150{
	max-width: 150px;
}

.mw-300{
	max-width: 300px;
}

.mw-400{
	max-width: 400px;
}

.minw-120{
	min-width: 120px;
}

.minw-200{
	min-width: 200px
}

.minw-300{
	min-width: 300px
}

.minh-100{
	min-height: 100px;
}

.minh-200{
	min-height: 200px;
}

.minh-215{
	min-height: 215px;
}

.minh-250{
	min-height: 250px;
}

.minh-300{
	min-height: 300px;
}

.minh-400{
	min-height: 400px;
}

.minh-450{
	min-height: 450px;
}

.mh-100p{
	max-height: 100%;
}

.mh-200{
	max-height: 200px;
}

.mh-250{
	max-height: 250px;
}

.mh-300{
	max-height: 300px;
}

.mh-400{
	max-height: 400px;
}

.mt-6{
	margin-top: 4rem!important;
}

.mt-max{
	margin-top: 5rem!important;
}

.p5{
	padding: 5px;
}

.mb-custom{
	margin-bottom: 2.7rem!important;
}

.h-200{
	height: 200px;
}

.h-300{
	height: 300px;
}

/* support css */
#sectionReply .card:first-child{
	border: solid 3px #158cba;
	box-shadow: 0 0 15px #b4b57e;
}
.support-shell{
	max-width: 1200px;
	margin: 0 auto;
	padding: 1.5rem 1rem 2.5rem;
}
.support-hero{
	background: linear-gradient(135deg,#0b1f3f,#123e6b);
	color: #f3f6ff;
	border: none;
	border-radius: 18px;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
@media (min-width: 768px){
	.support-hero{
		flex-direction: row;
		align-items: center;
		padding: 2rem;
	}
}
.support-hero__copy{
	flex: 1;
	min-width: 0;
}
.support-title{
	margin: 0 0 .35rem;
	font-weight: 800;
	letter-spacing: -0.02em;
}
.support-subtitle{
	margin: .35rem 0 1rem;
	color: #d9e4ff;
}
.support-eyebrow{
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: .75rem;
	margin: 0 0 .25rem;
	color: #a9c7ff;
}
.support-hero__actions{
	display: flex;
	flex-direction: column;
	gap: .35rem;
	margin-top: 1rem;
}
@media (min-width: 576px){
	.support-hero__actions{
		flex-direction: row;
		align-items: center;
	}
}
.support-btn{
	border: none;
	padding: .85rem 1.2rem;
	border-radius: 12px;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.support-btn--primary{
	background: #28b0b4;
	color: #fff;
	box-shadow: 0 16px 32px rgba(40,176,180,.35);
}
.support-btn--primary:hover{
	background: #1f8f92;
	transform: translateY(-2px);
}
.support-hint{
	color: #d9e4ff;
	font-size: .9rem;
}
.support-hero__meta{
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin-top: .35rem;
}
.support-chip{
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .6rem .85rem;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.3);
	color: #f5f7ff;
	background: rgba(255,255,255,.14);
	font-weight: 700;
}
.support-chip.subtle{
	background: rgba(255,255,255,.08);
	color: #e2ecff;
}
.support-card{
	border: none;
	border-radius: 16px;
	padding: 1.25rem;
	margin-top: 1.25rem;
}
.admin-support-shell{
	padding: 1.5rem .75rem 2.5rem;
}
@media (min-width: 768px){
	.admin-support-shell{
		padding: 2rem 1rem 3rem;
	}
}
.admin-support-hero{
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	padding: 1.5rem 1.5rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	background: linear-gradient(135deg,#0c1f46,#184a92);
	color: #e8f2ff;
	box-shadow: 0 20px 45px rgba(12,31,70,.28);
}
@media (max-width: 768px){
	.admin-support-hero{
		flex-direction: column;
	}
}
.admin-support-hero:before,
.admin-support-hero:after{
	content: "";
	position: absolute;
	border-radius: 999px;
	filter: blur(50px);
	opacity: .35;
}
.admin-support-hero:before{
	width: 220px;
	height: 220px;
	background: #3aa6ff;
	right: -40px;
	top: -80px;
}
.admin-support-hero:after{
	width: 180px;
	height: 180px;
	background: #1ed0c3;
	left: -60px;
	bottom: -80px;
}
.admin-support-hero__text{
	position: relative;
	z-index: 1;
}
.admin-support-title{
	margin: 0 0 .35rem;
	font-weight: 800;
	letter-spacing: -0.02em;
}
.admin-support-subtitle{
	margin: 0 0 1rem;
	color: #c9dbff;
	max-width: 620px;
}
.admin-support-tags{
	display: flex;
	gap: .5rem;
	flex-wrap: wrap;
}
.admin-support-chip{
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .55rem .95rem;
	border-radius: 999px;
	font-weight: 800;
	font-size: .9rem;
	color: #0b1c3a;
	background: #fff;
	box-shadow: 0 14px 28px rgba(0,0,0,.18);
}
.admin-support-chip.live{
	background: #d6fff6;
	color: #0f5e58;
}
.admin-support-chip.muted{
	background: #f2f5ff;
	color: #203863;
}
.admin-support-hero__cta{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: .5rem;
	min-width: 200px;
}
@media (max-width: 768px){
	.admin-support-hero__cta{
		align-items: flex-start;
	}
}
.admin-support-badge{
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	padding: .65rem .95rem;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.2);
	color: #dbe8ff;
	border-radius: 12px;
	font-weight: 700;
}
.admin-support-refresh{
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	padding: .65rem .95rem;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,.35);
	color: #0c1f46;
	background: #fff;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 10px 22px rgba(0,0,0,.16);
	transition: transform .12s ease, box-shadow .12s ease;
}
.admin-support-refresh:hover{
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(0,0,0,.2);
	color: #0c1f46;
}
.admin-support-board{
	margin-top: 1.5rem;
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}
@media (min-width: 992px){
	.admin-support-board{
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 1.25rem;
	}
}
.support-board{
	margin-top: 1.75rem;
	row-gap: 1.25rem;
}
.support-column{
	padding: .35rem 0 1rem;
}
.support-column__head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	margin: 1rem 0 .5rem;
}
.support-column__title{
	margin: 0;
	font-weight: 800;
	color: #11243f;
}
.support-pill{
	display: inline-flex;
	align-items: center;
	padding: .45rem .85rem;
	border-radius: 999px;
	font-weight: 800;
	font-size: .85rem;
	background: #eef4ff;
	color: #264b7c;
}
.support-pill.accent{
	background: #e6fffa;
	color: #0f5e58;
}
.support-pill.muted{
	background: #f2f2f6;
	color: #6c7080;
}
.support-ticket-list{
	display: grid;
	grid-template-columns: 1fr;
	gap: .75rem;
	margin-top: .75rem;
}
.support-ticket-list--stack{
	grid-template-columns: 1fr;
}
@media (min-width: 576px){
	.support-ticket-list{
		grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
	}
}
.support-ticket{
	text-align: left;
	border-radius: 14px;
	padding: 1rem 1.1rem;
	border: 1px solid #e1e7f1;
	background: linear-gradient(135deg,#f6fbff,#f1f5fb);
	box-shadow: 0 8px 20px rgba(16,41,70,.06);
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
	color: #0f223f;
}
.support-ticket:hover{
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(16,41,70,.12);
	border-color: #c7d4ea;
}
.support-ticket__row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	margin-bottom: .5rem;
}
.support-badge{
	background: #f2f6ff;
	color: #1f3d66;
	padding: .45rem .7rem;
	border-radius: 10px;
	font-weight: 800;
	font-size: .85rem;
}
.support-status{
	font-weight: 800;
	color: #0f5e58;
}
.support-ticket__title{
	font-weight: 800;
	font-size: 1.05rem;
	margin: 0 0 .35rem;
}
.support-ticket__meta{
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #64738a;
	font-size: .9rem;
}
@media (max-width: 520px){
	.support-ticket__meta{
		flex-direction: column;
		align-items: flex-start;
		gap: .25rem;
	}
}
.support-ticket--active{
	border-color: #b6e2dc;
	background: linear-gradient(135deg,#f2fffb,#e6f7f3);
}
.support-ticket--closed{
	border-color: #d9caca;
	background: linear-gradient(135deg,#fdf7f5,#f6efed);
}
.support-ticket--processing{
	border-color: #f7ddaa;
	background: linear-gradient(135deg,#fffaf2,#fff3df);
}
.support-ticket--closed .support-status{
	color: #8b5b5b;
}
.support-ticket--processing .support-status{
	color: #8b5b1d;
}
.support-empty{
	border: 1px dashed #d5dded;
	border-radius: 14px;
	text-align: center;
	background: #f8fbff;
}
.support-empty__icon{
	font-size: 1.6rem;
	color: #4059ad;
}
.support-empty__text{
	color: #5f6679;
	font-weight: 700;
}

/* checkbox */
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #000;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #050801;
    background-color: #111b03;
}

/* scrollbar */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Dashboard panel refresh */
.dashboard-shell{
	max-width: 1240px;
	margin: 0 auto;
}

.dashboard-hero-card{
	position: relative;
	overflow: hidden;
	padding: 22px 22px 18px;
	border-radius: 20px;
	background: linear-gradient(135deg, var(--brand-secondary), #16294f 60%, var(--brand-primary));
	color: #fff;
	box-shadow: var(--card-shadow);
}

.dashboard-hero-card:after{
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 80% 20%, rgba(255,255,255,0.16), transparent 38%);
	opacity: 0.8;
}

.dashboard-hero-card > *{
	position: relative;
	z-index: 1;
}

.dashboard-hero-title{
	font-family: 'Space Grotesk','Manrope',sans-serif;
	font-size: 28px;
	font-weight: 800;
	margin: 6px 0;
}

@media (min-width: 992px){
	.dashboard-hero-title{
		font-size: 34px;
	}
}

.dashboard-hero-text{
	color: rgba(255,255,255,0.88);
	max-width: 680px;
	margin: 0 0 12px;
}

.dashboard-hero-actions{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.dashboard-hero-meta{
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 12px;
}

.hero-chip{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background: rgba(255,255,255,0.18);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 12px;
	color: #fff;
	font-weight: 700;
}

.hero-chip.subtle{
	background: rgba(255,255,255,0.12);
	color: rgba(255,255,255,0.92);
}

.dashboard-slot-grid{
	margin-top: 8px;
}

.slot-card{
	background: var(--surface);
	border: 1px solid #e6e9f3;
	border-radius: 16px;
	padding: 18px;
	box-shadow: var(--card-shadow);
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.slot-card:before{
	content: '';
	position: absolute;
	top: -60px;
	right: -40px;
	width: 160px;
	height: 160px;
	background: radial-gradient(circle at center, rgba(31,63,140,0.15), transparent 62%);
}

.slot-card.slot-partner:before{
	background: radial-gradient(circle at center, rgba(255,107,61,0.18), transparent 62%);
}

.slot-card__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.slot-eyebrow{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 12px;
	font-weight: 800;
	color: var(--text-soft);
	margin: 0 0 6px;
}

.slot-value{
	font-size: 30px;
	font-weight: 800;
	color: var(--brand-secondary);
	line-height: 1.1;
}

.slot-value__label{
	font-size: 14px;
	font-weight: 600;
	color: var(--text-soft);
	margin-left: 6px;
}

.slot-subtext{
	margin: 4px 0 0;
	color: #6b7285;
	font-size: 14px;
}

.slot-chip{
	background: var(--brand-primary);
	color: #fff;
	padding: 8px 12px;
	border-radius: 10px;
	font-weight: 800;
	font-size: 13px;
	box-shadow: 0 10px 24px rgba(31,63,140,0.28);
}

.slot-chip.ghost{
	background: #eef2fb;
	color: var(--brand-secondary);
	border: 1px solid #d7ddf1;
	box-shadow: none;
}

.slot-progress{
	width: 100%;
	height: 10px;
	background: var(--brand-soft-2);
	border-radius: 999px;
	overflow: hidden;
}

.slot-progress span{
	display: block;
	height: 100%;
	background: linear-gradient(120deg, var(--brand-primary), #4b6cc1);
	border-radius: 999px;
}

.slot-progress.alt span{
	background: linear-gradient(120deg, var(--brand-accent), #ff8a5c);
}

.slot-meta{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	font-weight: 600;
	color: var(--text-soft);
	font-size: 14px;
}

.slot-meta i{
	font-size: 10px;
	margin-right: 6px;
	color: var(--brand-accent);
}

.slot-link{
	font-weight: 800;
	color: var(--brand-primary);
	text-decoration: none;
}

.slot-link:hover{
	text-decoration: underline;
}

.slot-promo-note{
	margin-top: 12px;
	background: #fff8e6;
	border: 1px dashed #f0b429;
	border-radius: 12px;
	padding: 10px 12px;
	color: #9a6b00;
	font-weight: 700;
	font-size: 14px;
}

.dashboard-card{
	background: var(--surface);
	border: 1px solid #e6e9f3;
	border-radius: 18px;
	padding: 18px;
	box-shadow: var(--card-shadow);
}

.dashboard-card__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.dashboard-card__title{
	font-size: 20px;
	font-weight: 800;
	margin: 0 0 6px;
	color: var(--brand-secondary);
}

.dashboard-card__subtitle{
	color: var(--text-soft);
	margin: 0;
	max-width: 720px;
}

.dashboard-card__body{
	margin-top: 14px;
}

.dashboard-menu-grid{
	margin-top: 6px;
}

.dashboard-menu-card{
	position: relative;
	background: linear-gradient(180deg, #f9fbff, #f1f4fd);
	border: 1px solid #e6e9f3;
	border-radius: 16px;
	padding: 16px 14px;
	color: var(--text-main);
	text-decoration: none;
	box-shadow: 0 10px 30px rgba(15,23,42,0.08);
	min-height: 120px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dashboard-menu-card:hover{
	transform: translateY(-4px);
	box-shadow: 0 14px 36px rgba(15,23,42,0.12);
}

.menu-icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: #e8edfc;
	color: var(--brand-primary);
	font-size: 18px;
	margin-bottom: 12px;
}

.menu-title{
	display: block;
	font-weight: 800;
	font-size: 15px;
}

.menu-arrow{
	position: absolute;
	right: 14px;
	bottom: 14px;
	color: var(--brand-primary);
	font-weight: 700;
}

.menu-arrow i{
	font-size: 14px;
}

.dashboard-promo-card{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	background: linear-gradient(120deg, #0f172a, #1f3f8c);
	color: #fff;
}

.dashboard-promo-card .promo-badge{
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border-radius: 10px;
	background: rgba(255,255,255,0.15);
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 12px;
}

.dashboard-promo-card .promo-title{
	margin: 6px 0;
	font-weight: 800;
	font-size: 20px;
}

.dashboard-promo-card .promo-text{
	margin: 0;
	color: rgba(255,255,255,0.86);
}

.dashboard-promo-card .promo-counter{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 64px;
	padding: 6px 10px;
	margin-left: 4px;
	background: #fff;
	color: var(--brand-secondary);
	border-radius: 10px;
	font-weight: 800;
	box-shadow: 0 8px 18px rgba(255,255,255,0.18);
}

.dashboard-promo-card .promo-actions .btn{
	box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}

/* Dashboard myad redesign */
.listing-summary{
	margin-top: 6px;
}

.listing-summary-card{
	border-radius: 16px;
	padding: 14px;
	background: #f8fafc;
	border: 1px solid #e5e7eb;
	color: var(--text-main);
}

.listing-summary-card.active{
	background: linear-gradient(120deg, #dff4ea, #c4f1d0);
	border-color: #b6e5c4;
}

.listing-summary-card.rejected{
	background: linear-gradient(120deg, #ffe9e5, #ffd2cc);
	border-color: #ffc2ba;
}

.listing-summary-card .label{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 800;
	font-size: 12px;
}

.listing-summary-card .value{
	font-size: 28px;
	font-weight: 800;
	line-height: 1.1;
}

.listing-summary-card .value a{
	color: inherit;
	text-decoration: none;
}

.listing-summary-card .hint{
	margin: 6px 0 0;
	color: var(--text-soft);
	font-size: 13px;
}

.listing-filter-chips{
	margin: 6px 0 14px;
}

.chip{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	border-radius: 999px;
	border: 1px solid #d7ddf1;
	color: var(--text-main);
	text-decoration: none;
	font-weight: 700;
	margin: 0 4px;
	background: #f5f7fb;
}

.chip.ghost{
	background: #fff;
}

.chip:hover{
	box-shadow: 0 8px 20px rgba(15,23,42,0.08);
}

.listing-search-card{
	padding: 16px;
}

.listing-card{
	background: var(--surface);
	border: 1px solid #e6e9f3;
	border-radius: 18px;
	overflow: hidden;
}

.mylisting-card{
	background: var(--surface);
	border: 1px solid #e6e9f3;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: var(--card-shadow);
	position: relative;
}

.mylisting-grid{
	display: grid;
	grid-template-columns: 1.1fr 1.4fr;
	gap: 0;
}

.mylisting-media{
	position: relative;
	min-height: 220px;
	overflow: hidden;
}

.mylisting-media-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mylisting-status-pill{
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 8px 12px;
	border-radius: 12px;
	font-weight: 800;
	background: #eef2fb;
	color: var(--brand-secondary);
	box-shadow: 0 10px 20px rgba(15,23,42,0.12);
}

.mylisting-status-pill.status-active{
	background: #dcfce7;
	color: #0f5132;
}

.mylisting-status-pill.status-rejected{
	background: #ffe4e6;
	color: #b91c1c;
}

.mylisting-status-pill.status-waiting,
.mylisting-status-pill.status-processing{
	background: #fff7ed;
	color: #b45309;
}

.mylisting-media-meta{
	position: absolute;
	left: 12px;
	bottom: 12px;
	display: flex;
	gap: 10px;
	padding: 8px 12px;
	border-radius: 12px;
	background: rgba(15,23,42,0.78);
	color: #fff;
	font-weight: 700;
}

.mylisting-media-meta i{
	margin-right: 6px;
	color: #fcd34d;
}

.mylisting-content{
	padding: 16px 18px 18px 18px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mylisting-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
}

.mylisting-head__meta{
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.mylisting-badge{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 10px;
	font-weight: 800;
	font-size: 12px;
	background: #eef2fb;
	color: var(--brand-secondary);
}

.mylisting-badge.is-premium{
	background: linear-gradient(135deg, #f8d867, #e4b200);
	color: #1a1a1a;
}

.mylisting-badge.is-partner{
	background: rgba(31,63,140,0.12);
	color: var(--brand-secondary);
	border: 1px solid rgba(31,63,140,0.22);
}

.mylisting-badge.is-sold{
	background: rgba(220,53,69,0.12);
	color: #b42318;
	border: 1px solid rgba(220,53,69,0.25);
}

.mylisting-eyebrow{
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 800;
	color: var(--text-soft);
}

.mylisting-title{
	font-weight: 800;
	font-size: 20px;
	color: var(--brand-secondary);
	text-decoration: none;
}

.mylisting-title:hover{
	text-decoration: underline;
}

.mylisting-price{
	font-weight: 800;
	color: var(--brand-primary);
}

.mylisting-spec{
	color: var(--text-soft);
}

.mylisting-location{
	color: var(--text-soft);
	font-weight: 700;
}

.mylisting-location i{
	color: var(--brand-primary);
	margin-right: 6px;
}

.mylisting-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	color: var(--text-soft);
	font-weight: 700;
}

.mylisting-actions{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding-top: 4px;
}

.mylisting-btn{
	flex: 1 1 140px;
	font-weight: 800;
	border-radius: 12px;
	box-shadow: none;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	line-height: 1.2;
}

.mylisting-btn.danger{
	box-shadow: none;
}

.mylisting-secondary-actions{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.mylisting-pill-btn{
	font-weight: 800;
	border-radius: 12px;
	min-height: 42px;
}

.mylisting-more{
	border: 1px solid #dfe5f2;
	border-radius: 14px;
	background: #f8faff;
	overflow: hidden;
}

.mylisting-more > summary{
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
	font-weight: 800;
	color: var(--brand-primary);
	user-select: none;
}

.mylisting-more > summary::-webkit-details-marker{
	display: none;
}

.mylisting-more > summary:hover{
	background: #eef3ff;
}

.mylisting-more__chevron{
	transition: transform .2s ease;
}

.mylisting-more[open] .mylisting-more__chevron{
	transform: rotate(180deg);
}

.mylisting-more__content{
	padding: 0 12px 12px;
	display: grid;
	gap: 12px;
}

.mylisting-bid .listing-bid-card{
	border-radius: 14px;
	margin-top: 0;
	box-shadow: none !important;
	border: 1px solid #e1e7f2;
}

.mylisting-bid .listing-bid-card .form-control{
	border-radius: 10px;
}

.mylisting-card .listing-notice{
	margin-top: 6px;
}

.mylisting-card .listing-status-chip{
	background: #eef2fb;
}

.mylisting-card .listing-meta-stats{
	margin-top: 4px;
}

@media (max-width: 991px){
	.mylisting-grid{
		grid-template-columns: 1fr;
	}
	.mylisting-media{
		min-height: 180px;
	}
	.mylisting-card > .ribbonSold{
		width: 100%;
		height: 180px;
	}
	.mylisting-actions .mylisting-btn,
	.mylisting-secondary-actions .mylisting-pill-btn{
		flex: 1 1 48%;
	}
}

@media (max-width: 575px){
	.mylisting-actions .mylisting-btn,
	.mylisting-secondary-actions .mylisting-pill-btn{
		flex: 1 1 100%;
	}
	.mylisting-secondary-actions{
		grid-template-columns: 1fr;
	}
}

.listing-card__media{
	background: #0f172a;
}

.listing-media-inner{
	position: relative;
	height: 100%;
}

.listing-media-img{
	height: 100%;
	max-height: 320px;
	object-fit: cover;
	display: block;
}

.listing-bid-card{
	padding: 12px;
	background: #f7f9ff;
	border-top: 1px solid #e6e9f3;
}

.listing-bid-title{
	font-weight: 800;
	font-size: 14px;
	margin-bottom: 8px;
	color: var(--brand-secondary);
}

.listing-bid-toggle{
	padding-left: 0;
}

.listing-card__body{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.listing-card__header{
	gap: 10px;
}

.listing-title{
	display: inline-block;
	font-weight: 800;
	font-size: 18px;
	color: var(--brand-secondary);
	text-decoration: none;
}

.listing-title:hover{
	text-decoration: underline;
}

.listing-price{
	font-weight: 800;
	color: var(--brand-primary);
}

.listing-spec{
	color: var(--text-soft);
	margin-top: 4px;
}

.listing-meta-stats{
	display: flex;
	gap: 12px;
	align-items: center;
	color: var(--text-soft);
	font-weight: 700;
}

.listing-meta-stats i{
	color: var(--brand-accent);
	margin-right: 6px;
}

.listing-action-row .btn{
	font-weight: 700;
}

.listing-secondary-actions .btn{
	margin-bottom: 6px;
	font-weight: 700;
}

.listing-status-chip{
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border-radius: 10px;
	font-weight: 800;
	font-size: 13px;
	background: #eef2fb;
	color: var(--brand-secondary);
}

.listing-status-chip.status-active{
	background: #dcfce7;
	color: #0f5132;
}

.listing-status-chip.status-rejected{
	background: #ffe4e6;
	color: #b91c1c;
}

.listing-status-chip.status-waiting, .listing-status-chip.status-processing{
	background: #fff7ed;
	color: #b45309;
}

.listing-notice{
	background: #fff7ed;
	border: 1px dashed #f59e0b;
	color: #92400e;
	padding: 10px;
	border-radius: 12px;
	font-weight: 700;
}

.listing-footer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 6px;
}

.listing-time{
	color: var(--text-soft);
	font-weight: 700;
}

.listing-status-label{
	padding: 6px 10px;
	border-radius: 8px;
	color: #fff;
	font-weight: 800;
}

.website-shell-modern{
	max-width: 1200px;
	margin: 12px auto 48px;
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.website-hero-card{
	position: relative;
	background: radial-gradient(circle at 14% 20%, rgba(255,255,255,0.12), transparent 32%), radial-gradient(circle at 86% 0%, rgba(255,255,255,0.12), transparent 30%), linear-gradient(135deg, #0f172a, #1f3f8c 60%, #2f5adf);
	color: #fff;
	border-radius: 24px;
	padding: 24px;
	box-shadow: var(--card-shadow);
	overflow: hidden;
}

.website-hero__grid{
	display: grid;
	grid-template-columns: minmax(0,1.2fr) minmax(0,0.9fr);
	gap: 18px;
	align-items: flex-start;
}

.website-hero__title{
	font-weight: 800;
	font-size: 28px;
	line-height: 1.2;
	margin: 0 0 8px 0;
}

.website-lead{
	color: rgba(255,255,255,0.92);
	font-weight: 700;
	margin: 0 0 12px 0;
	max-width: 720px;
}

.website-pill{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 999px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.website-pill.soft{
	background: rgba(255,255,255,0.14);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.24);
}

.website-pill.subtle{
	background: #eef4ff;
	color: var(--brand-primary);
	border: 1px solid #d8e2ff;
}

.website-hero__badges{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0 12px;
}

.hero-chip{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 12px;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.2);
	font-weight: 700;
	color: #fff;
}

.website-hero__stats{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
	gap: 10px;
}

.hero-stat{
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.24);
	border-radius: 14px;
	padding: 12px;
	box-shadow: 0 14px 30px rgba(0,0,0,0.16);
}

.hero-stat .label{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	opacity: 0.85;
}

.hero-stat .value{
	font-weight: 800;
	font-size: 18px;
	line-height: 1.2;
}

.hero-stat .hint{
	color: rgba(255,255,255,0.9);
	margin: 0;
	font-size: 13px;
}

.website-card-modern{
	background: #fff;
	border-radius: 18px;
	border: 1px solid #e6e9f3;
	box-shadow: var(--card-shadow);
	padding: 16px;
}

.website-section-head{
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 10px;
}

.website-card-title{
	margin: 0;
	font-weight: 800;
}

.website-grid-modern{
	display: grid;
	grid-template-columns: minmax(0,1.2fr) minmax(0,0.9fr);
	gap: 14px;
	align-items: flex-start;
}

.website-benefit-list{
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
	gap: 10px;
}

.website-benefit{
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: flex-start;
	gap: 10px;
	padding: 12px;
	border-radius: 14px;
	border: 1px solid #e6e9f3;
	background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
	box-shadow: 0 12px 22px rgba(15,23,42,0.08);
}

.benefit-icon{
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--brand-soft-2);
	color: var(--brand-primary);
	display: grid;
	place-items: center;
	box-shadow: 0 12px 22px rgba(31,63,140,0.16);
}

.benefit-title{
	margin: 0 0 4px 0;
	font-weight: 800;
}

.benefit-tag{
	background: #eef4ff;
	color: var(--brand-primary);
	border-radius: 999px;
	padding: 6px 10px;
	font-weight: 800;
	font-size: 12px;
}

.website-speed-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 12px;
}

.speed-chip{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	border-radius: 12px;
	background: #eef2fb;
	color: var(--brand-secondary);
	font-weight: 700;
}

.speed-chip.primary{
	background: #1f3f8c;
	color: #fff;
	box-shadow: 0 10px 20px rgba(31,63,140,0.2);
}

.website-speed-preview img{
	border-radius: 12px;
	border: 1px solid #e6e9f3;
	box-shadow: 0 12px 24px rgba(15,23,42,0.08);
}

.website-theme-track{
	display: flex;
	gap: 10px;
	overflow-x: auto;
	padding: 4px 4px 8px;
	scroll-snap-type: x mandatory;
}

.website-theme-track::-webkit-scrollbar{
	height: 8px;
}

.website-theme-track::-webkit-scrollbar-thumb{
	background: #cfd6eb;
	border-radius: 999px;
}

.website-theme-card{
	min-width: 260px;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid #e6e9f3;
	box-shadow: 0 12px 20px rgba(15,23,42,0.08);
	background: #fff;
	scroll-snap-align: start;
}

.website-theme-card img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.website-pricing-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
	gap: 10px;
}

.pricing-item{
	border: 1px solid #e6e9f3;
	border-radius: 14px;
	padding: 12px;
	background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
	box-shadow: 0 12px 22px rgba(15,23,42,0.08);
}

.price-label{
	font-weight: 800;
	color: var(--brand-secondary);
}

.price-value{
	font-weight: 800;
	font-size: 20px;
	color: var(--brand-primary);
}

.pricing-note{
	display: inline-block;
	margin-top: 4px;
	color: #ff6b3d;
	font-weight: 800;
}

.website-order-card{
	border: 1px dashed #d8def0;
	background: #f7f9ff;
}

.website-hero-actions .btn,
.website-order-card .btn{
	border-radius: 14px;
	font-weight: 800;
	box-shadow: 0 12px 26px rgba(15,23,42,0.14);
	padding: 12px 16px;
}

.website-hero-actions .btn:hover{
	transform: translateY(-1px);
}

@media (max-width: 991.98px){
	.website-hero__grid,
	.website-grid-modern{
		grid-template-columns: 1fr;
	}
	.website-hero-card{
		padding: 20px;
	}
}

@media (max-width: 575.98px){
	.website-shell-modern{
		padding: 8px;
	}
	.website-hero__title{
		font-size: 22px;
	}
	.website-benefit{
		grid-template-columns: auto 1fr;
	}
	.website-benefit .benefit-tag{
		display: none;
	}
}

.website-section{
	border-radius: 16px;
	background: #fff;
	box-shadow: var(--card-shadow);
	border: 1px solid #e6e9f3;
}

.website-card{
	border-radius: 14px;
	background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
	border: 1px solid #e6e9f3;
}

.website-domain{
	font-weight: 800;
	font-size: 18px;
	color: var(--brand-primary);
	text-decoration: none;
	margin-right: 10px;
}

.website-domain:hover{
	color: #14306b;
	text-decoration: underline;
}

.status-pill{
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 14px;
	font-weight: 800;
	font-size: 13px;
	margin-left: 6px;
}

.status-online{
	background: #dcfce7;
	color: #0f5132;
}

.status-waiting{
	background: #fff7ed;
	color: #b45309;
}

.website-warning{
	background: #fff7ed;
	border: 1px dashed #f59e0b;
	color: #92400e;
	border-radius: 14px;
	padding: 12px;
	font-weight: 700;
}

.website-action, .website-extend{
	font-weight: 800;
	border-radius: 12px;
	padding: 10px 18px;
	box-shadow: 0 12px 30px rgba(31,63,140,0.25);
}

.website-extend{
	min-width: 240px;
}

/* Admin - Manage Member */
.member-admin-shell{
	max-width: 1200px;
	margin: 0 auto;
}

.member-search-card{
	position: relative;
	background: linear-gradient(120deg, var(--brand-secondary), #1d2f5b 55%, var(--brand-primary));
	color: #fff;
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.08);
}

.member-search-inner{
	padding: 22px;
}

.member-search-row{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.member-input-label{
	font-weight: 700;
	letter-spacing: 0.02em;
	font-size: 12px;
	color: rgba(255,255,255,0.82);
	text-transform: uppercase;
}

.member-search-input{
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	background: #fff;
	border-radius: 14px;
	padding: 10px 10px 10px 14px;
	box-shadow: var(--card-shadow);
}

.member-search-input .form-control{
	border: none;
	box-shadow: none;
	background: transparent;
	padding-left: 30px;
	height: 46px;
}

.member-search-input .form-control:focus{
	box-shadow: none;
}

.member-search-input .search-icon{
	position: absolute;
	left: 16px;
	color: var(--text-soft);
}

.member-search-btn{
	border-radius: 12px;
	font-weight: 800;
	box-shadow: 0 12px 30px rgba(31,63,140,0.35);
	padding: 10px 16px;
}

.member-stats-card{
	background: #fff;
	border: 1px solid #e6e9f3;
	border-radius: 16px;
	padding: 18px 20px;
	box-shadow: var(--card-shadow);
	margin-top: 16px;
}

.member-stats-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
	gap: 12px;
}

.member-stat-card{
	background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
	border: 1px solid #e6e9f3;
	border-radius: 14px;
	padding: 12px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 700;
}

.stat-month{
	color: var(--text-main);
}

.stat-total{
	font-size: 22px;
	color: var(--brand-primary);
	font-weight: 800;
}

.member-count-pill{
	background: #eef2fb;
	color: var(--brand-secondary);
	border-radius: 999px;
	padding: 8px 14px;
	font-weight: 800;
	border: 1px solid #d9def0;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}

.member-count-pill.subtle{
	background: #f5f7ff;
	color: #4b5563;
	border-color: #e7ebf7;
}

.member-table-card{
	background: #fff;
	border-radius: 18px;
	border: 1px solid #e6e9f3;
	box-shadow: var(--card-shadow);
	margin-top: 16px;
	overflow: hidden;
}

.member-table-head{
	padding: 18px 20px 12px;
	background: linear-gradient(180deg, #f9fbff 0%, #ffffff 100%);
	border-bottom: 1px solid #e6e9f3;
}

.member-table{
	margin-bottom: 0;
}

.member-table thead th{
	border-top: none;
	border-bottom: 1px solid #e6e9f3;
	font-weight: 800;
	color: var(--brand-secondary);
	background: #f7f8fc;
}

.member-table tbody tr:hover{
	background: #f9fbff;
}

.member-title{
	font-weight: 800;
	font-size: 16px;
}

.member-subtext{
	color: var(--text-soft);
	font-size: 14px;
}

.member-pill{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #f3f5fb;
	color: var(--brand-secondary);
	padding: 8px 10px;
	border-radius: 12px;
	font-weight: 700;
}

.saldo-chip{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 12px;
	background: linear-gradient(120deg, var(--brand-primary), #1d2f5b);
	color: #fff;
	font-weight: 800;
	box-shadow: 0 12px 24px rgba(31,63,140,0.25);
}

.member-edit-btn{
	border-radius: 12px;
	padding: 8px 14px;
	font-weight: 800;
}

.empty-state-card{
	background: #fff;
	border: 1px dashed #e5e7eb;
	border-radius: 16px;
}

.empty-icon{
	color: var(--brand-primary);
	font-size: 26px;
}

@media (max-width: 767.98px){
	.member-search-input{
		flex-direction: column;
		align-items: stretch;
		padding: 14px;
	}
	.member-search-input .form-control{
		padding-left: 38px;
	}
	.member-search-btn{
		width: 100%;
		justify-content: center;
		display: flex;
	}
	.member-table-card{
		padding-bottom: 6px;
	}
}

/* Check ad board */
.review-shell{
	margin-top: 32px;
}

.review-header{
	background: linear-gradient(120deg, #0f172a, #1f3f8c);
	color: #fff;
	border-radius: 18px;
	padding: 18px 22px;
	box-shadow: var(--card-shadow);
	gap: 10px;
}

.review-chip-group{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.review-chip{
	background: rgba(255,255,255,0.14);
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 999px;
	padding: 6px 12px;
	font-weight: 700;
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #fff;
}

.review-chip i{
	opacity: 0.9;
}

.review-grid{
	margin-top: 18px;
}

.review-card{
	background: #fff;
	border: 1px solid #e6e9f3;
	border-radius: 16px;
	box-shadow: 0 14px 30px rgba(15,23,42,0.08);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform .15s ease, box-shadow .15s ease;
}

.review-card:hover{
	transform: translateY(-4px);
	box-shadow: 0 22px 46px rgba(15,23,42,0.14);
}

.review-media{
	position: relative;
	padding-top: 62%;
	background: var(--brand-soft-2);
}

.review-media img{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-bottom: 1px solid #e6e9f3;
}

.review-media-overlay{
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	pointer-events: none;
}

.review-tag{
	background: rgba(15,23,42,0.82);
	color: #fff;
	padding: 6px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 700;
}

.review-time{
	background: rgba(255,255,255,0.9);
	color: var(--text-main);
	padding: 6px 12px;
	border-radius: 12px;
	font-size: 12px;
	border: 1px solid #e6e9f3;
	box-shadow: 0 8px 18px rgba(15,23,42,0.12);
}

.review-body{
	padding: 14px 16px 6px;
	flex: 1;
}

.review-title{
	font-weight: 800;
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 8px;
	color: var(--text-main);
}

.review-location{
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
}

.review-user{
	font-weight: 700;
	color: var(--text-main);
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
}

.review-footer{
	padding: 0 16px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.review-footer .btn-link{
	text-decoration: none;
	padding-left: 0;
}

@media (max-width: 767.98px){
	.review-header{
		padding: 16px;
	}
	.review-title{
		font-size: 15px;
	}
}

/* Server invoice */
.server-invoice-shell{
	max-width: 1180px;
	margin: 0 auto 40px;
	padding: 20px 14px;
}

.server-invoice-hero{
	background: linear-gradient(120deg, #0f172a, #0b4f6c);
	color: #eef2ff;
	border-radius: 22px;
	padding: 22px 24px;
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: space-between;
	box-shadow: 0 16px 40px rgba(5,12,34,0.28);
}

.server-hero__text{
	flex: 1;
}

.server-eyebrow{
	text-transform: uppercase;
	letter-spacing: 1.4px;
	font-size: 12px;
	color: #9ec8ff;
	margin-bottom: 6px;
}

.server-title{
	font-size: 26px;
	font-weight: 800;
	margin: 0 0 6px;
}

.server-subtitle{
	margin: 0 0 12px;
	color: rgba(255,255,255,0.82);
}

.server-chip-row{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.server-pill{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.16);
	border-radius: 999px;
	padding: 8px 12px;
	font-weight: 700;
	font-size: 13px;
	color: #eef2ff;
}

.server-hero__stats{
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	min-width: 220px;
}

.server-stat{
	background: rgba(255,255,255,0.14);
	border-radius: 14px;
	padding: 12px 14px;
}

.server-stat--alert{
	background: rgba(255,197,61,0.18);
	color: #fef3c7;
}

.server-stat__label{
	font-size: 13px;
	opacity: 0.9;
}

.server-stat__value{
	font-size: 28px;
	font-weight: 800;
	line-height: 1.1;
}

.server-grid{
	margin-top: 18px;
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
}

.server-card{
	background: #ffffff;
	border: 1px solid #e7eaf1;
	border-radius: 18px;
	box-shadow: 0 12px 28px rgba(15,23,42,0.08);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.server-card__header{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 16px 16px 8px;
	gap: 12px;
}

.server-card__title{
	font-size: 17px;
	font-weight: 800;
	color: #0f172a;
	line-height: 1.2;
}

.server-card__email{
	font-size: 13px;
	color: #6b7280;
}

.server-chip{
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 12px;
	border: 1px solid transparent;
}

.server-chip--safe{
	background: #e8f7ef;
	color: #166534;
	border-color: #bbf7d0;
}

.server-chip--warn{
	background: #fff7e6;
	color: #92400e;
	border-color: #fed7aa;
}

.server-chip--critical{
	background: #fef2f2;
	color: #991b1b;
	border-color: #fecdd3;
}

.server-card__body{
	padding: 0 16px 10px;
}

.server-meta{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.server-meta__item{
	display: grid;
	grid-template-columns: 36px 1fr;
	gap: 10px;
	align-items: center;
}

.server-meta__icon{
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: grid;
	place-items: center;
	background: #eef2ff;
	color: #1d4ed8;
}

.server-meta__label{
	font-size: 12px;
	color: #6b7280;
	margin-bottom: 2px;
}

.server-meta__value{
	font-weight: 700;
	color: #0f172a;
}

.server-link{
	font-weight: 700;
	color: #0f5d80;
	text-decoration: none;
}

.server-link:hover{
	text-decoration: underline;
}

.server-note{
	margin: 12px 0 0;
	background: #f8fafc;
	border: 1px dashed #d5deed;
	border-radius: 12px;
	padding: 10px 12px;
}

.server-note__label{
	font-size: 12px;
	color: #6b7280;
}

.server-note__value{
	font-weight: 800;
	color: #0f172a;
}

.server-note__sub{
	font-size: 12px;
	color: #64748b;
}

.server-card__actions{
	padding: 0 16px 16px;
}

.server-actions .p-2{
	padding: 0;
}

.server-actions .btn{
	border-radius: 12px;
	font-weight: 800;
	box-shadow: 0 8px 18px rgba(37,99,235,0.22);
}

.server-actions .btn + .btn{
	margin-top: 8px;
}

@media (max-width: 767.98px){
	.server-invoice-hero{
		flex-direction: column;
		align-items: flex-start;
	}
	.server-hero__stats{
		width: 100%;
		grid-template-columns: repeat(2,1fr);
	}
	.server-grid{
		grid-template-columns: 1fr;
	}
}

.ga-shell{
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 10px;
}

.ga-hero-card{
	background: linear-gradient(135deg, #0f172a, #1f3f8c);
	color: #fff;
	border-radius: 18px;
	padding: 18px;
	box-shadow: var(--card-shadow);
	display: grid;
	gap: 12px;
}

@media (min-width: 768px){
	.ga-hero-card{
		grid-template-columns: 1.2fr 1fr;
		align-items: center;
	}
}

.ga-hero__title{
	font-weight: 800;
	font-size: 24px;
	margin: 0;
}

@media (min-width: 992px){
	.ga-hero__title{
		font-size: 28px;
	}
}

.ga-hero__desc{
	margin: 4px 0 0;
	color: rgba(255,255,255,0.88);
	max-width: 640px;
}

.ga-stat-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
	gap: 10px;
}

.ga-stat-card{
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.18);
	border-radius: 14px;
	padding: 12px;
	box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

.ga-stat-card.highlight{
	background: linear-gradient(120deg, #ff6b3d, #ff8a5c);
	border: none;
	box-shadow: 0 16px 32px rgba(255,107,61,0.25);
}

.ga-stat-card.soft{
	background: rgba(255,255,255,0.14);
}

.ga-stat__label{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	opacity: 0.85;
}

.ga-stat__value{
	font-weight: 800;
	font-size: 26px;
	line-height: 1.1;
}

.ga-stat__hint{
	margin-top: 4px;
	font-size: 13px;
	opacity: 0.9;
}

.ga-list{
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.ga-card{
	background: #fff;
	border: 1px solid #e6e9f3;
	border-radius: 16px;
	box-shadow: 0 14px 32px rgba(15,23,42,0.08);
	padding: 14px;
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 12px;
	align-items: stretch;
}

@media (max-width: 767.98px){
	.ga-card{
		grid-template-columns: 1fr;
	}
}

.ga-card__info{
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.ga-card__title-row{
	display: flex;
	align-items: center;
	gap: 10px;
}

.ga-avatar{
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: linear-gradient(135deg, #1f3f8c, #2c5bcf);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	box-shadow: 0 10px 22px rgba(31,63,140,0.25);
}

.ga-name{
	font-weight: 800;
	font-size: 15px;
}

.ga-email{
	color: var(--text-soft);
	font-size: 13px;
}

.ga-chipset{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0 6px;
}

.ga-chip{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 12px;
	font-weight: 700;
	font-size: 12px;
	border: 1px solid transparent;
}

.ga-chip i{
	font-size: 12px;
}

.ga-chip.success{
	background: #e8f6ef;
	color: #1f7a4a;
	border-color: #c2e6d5;
}

.ga-chip.warn{
	background: #fff6e6;
	color: #b76b18;
	border-color: #f3d9a8;
}

.ga-chip.danger{
	background: #ffecec;
	color: #c23b3b;
	border-color: #f5c2c7;
}

.ga-chip.muted{
	background: #f5f7fb;
	color: var(--text-soft);
	border-color: #e6e9f3;
}

.ga-chip.outline{
	background: transparent;
	color: var(--brand-primary);
	border-color: #d8def0;
}

.ga-note{
	margin: 0;
	color: var(--text-soft);
	font-size: 13px;
	line-height: 1.5;
}

.ga-card__actions{
	background: #f8f9fd;
	border: 1px solid #e6e9f3;
	border-radius: 14px;
	padding: 12px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ga-actions-title{
	font-weight: 800;
	font-size: 13px;
	color: var(--text-main);
}

.ga-contact-block{
	padding: 0 !important;
}

.ga-contact-block #btnContact,
.ga-contact-btn{
	border-radius: 12px;
	font-weight: 800;
	box-shadow: 0 10px 20px rgba(31,63,140,0.18);
}

.ga-contact-btn span{
	font-weight: 700;
}

/* Category page refresh */
.section-heading h3{
	color: var(--brand-secondary);
}

.section-heading p{
	margin-bottom: 6px;
}

.pill-soft{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	border-radius: 999px;
	background: #eef2fb;
	color: var(--brand-primary);
	border: 1px solid #d8def0;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.category-hero{
	background: linear-gradient(120deg, var(--brand-secondary), #1f3f8c 60%, #2c5bcf);
	border-radius: 28px;
	padding: 26px 22px;
	box-shadow: var(--card-shadow);
	color: #fff;
	margin-bottom: 18px;
}

.category-hero__body{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

@media (min-width: 992px){
	.category-hero__body{
		flex-direction: row;
		align-items: stretch;
	}
}

.category-hero__text{
	flex: 1;
}

.category-title{
	font-family: 'Space Grotesk','Manrope',sans-serif;
	font-weight: 800;
	color: #fff;
}

.category-subtitle{
	color: rgba(255,255,255,0.86);
	max-width: 720px;
}

.category-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.category-meta .chip{
	background: rgba(255,255,255,0.12);
	border-color: rgba(255,255,255,0.24);
	color: #fff;
}

.category-meta .chip-soft{
	background: rgba(255,255,255,0.18);
	color: #0f172a;
}

.category-meta .chip:hover{
	box-shadow: 0 10px 24px rgba(0,0,0,0.18);
}

.category-search-card{
	background: #fff;
	border: 1px solid #e6e9f3;
	border-radius: 18px;
	box-shadow: var(--card-shadow);
	flex: 1;
	min-width: 280px;
}

.category-quick{
	background: var(--surface);
	border-radius: 22px;
	box-shadow: var(--card-shadow);
	padding: 22px;
	border: 1px solid #e6e9f3;
}

.category-location-chips{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	overflow-x: auto;
	padding-bottom: 6px;
}

.category-location-chips::-webkit-scrollbar{
	height: 6px;
}

.category-location-chips::-webkit-scrollbar-thumb{
	background: #c6cee9;
	border-radius: 20px;
}

.category-layout{
	margin-top: 18px;
}

.category-list-card{
	padding: 22px;
}

.category-card{
	background: var(--surface);
	border: 1px solid #e6e9f3;
	border-radius: 18px;
	box-shadow: var(--card-shadow);
}

@media (min-width: 992px){
	.sticky-card{
		position: sticky;
		top: 90px;
	}
}

/* Pagination */
.pagination-shell{
	display: flex;
	justify-content: center;
	margin: 20px 0 10px;
}

.pagination-modern{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 16px;
	background: var(--surface);
	border: 1px solid #e6e9f3;
	box-shadow: var(--card-shadow);
	overflow-x: auto;
	max-width: 100%;
	scrollbar-width: thin;
}

.pagination-modern::-webkit-scrollbar{
	height: 6px;
}

.pagination-modern::-webkit-scrollbar-thumb{
	background: #c6cee9;
	border-radius: 12px;
}

.page-chip{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 40px;
	height: 40px;
	padding: 0 14px;
	border-radius: 12px;
	background: var(--brand-soft);
	border: 1px solid #d8dce9;
	color: var(--text-main);
	font-weight: 700;
	letter-spacing: 0.02em;
	text-decoration: none;
	box-shadow: 0 8px 18px rgba(15,23,42,0.08);
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
	white-space: nowrap;
}

.page-chip .label{
	line-height: 1;
}

.page-chip i{
	font-size: 12px;
	opacity: 0.75;
}

.page-chip:hover{
	background: #fff;
	border-color: #c7cfe4;
	box-shadow: 0 12px 26px rgba(15,23,42,0.12);
	transform: translateY(-1px);
	color: var(--brand-primary);
}

.page-chip.is-active{
	background: linear-gradient(120deg, var(--brand-primary), #2f5cd8);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 14px 30px rgba(47,92,216,0.35);
}

.page-chip.is-active i{
	opacity: 0.95;
}

.page-chip.is-ghost{
	background: transparent;
	border: 1px dashed #c8d0e4;
	color: var(--text-soft);
	box-shadow: none;
}

.page-chip.is-ghost:hover{
	border-style: solid;
	color: var(--brand-primary);
}

@media (max-width: 576px){
	.pagination-modern{
		padding: 10px 12px;
		gap: 8px;
	}
	.page-chip{
		height: 36px;
		padding: 0 12px;
	}
}

/* Confirmation modal */
.confirm-modal{
	border: 1px solid #dfe3f1;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 28px 60px rgba(15,23,42,0.22);
	background: var(--surface);
}

.confirm-modal .modal-header{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	border: none;
	padding: 18px 20px 14px;
	color: #fff;
	background: linear-gradient(135deg, var(--brand-secondary), #1f3f8c 60%, #2c5bcf);
}

.confirm-modal .modal-header .close{
	color: rgba(255,255,255,0.85);
	text-shadow: none;
	opacity: 0.9;
}

.confirm-modal__hero{
	display: flex;
	align-items: center;
	gap: 12px;
}

.confirm-modal__icon{
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.32), transparent 55%), linear-gradient(135deg, #ff6b3d, #ff8a5c);
	color: #fff;
	box-shadow: 0 16px 32px rgba(255,107,61,0.35);
}

.confirm-modal__eyebrow{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 800;
	font-size: 11px;
	color: #c8d6ff;
	margin-bottom: 4px;
}

.confirm-modal__heading{
	margin: 0;
	font-weight: 800;
	letter-spacing: -0.01em;
}

.confirm-modal__content{
	background: linear-gradient(180deg, #f7f8fc 0%, #ffffff 65%);
	border-top: 1px solid #e6e9f3;
	padding: 18px 20px 16px;
}

.confirm-modal__message{
	font-weight: 700;
	color: var(--text-main);
	margin-bottom: 16px;
}

.confirm-actions{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 10px;
}

.btn-confirm-primary{
	background: linear-gradient(120deg, #1f3f8c, #2f5cd8);
	color: #fff;
	border: none;
	border-radius: 12px;
	font-weight: 800;
	padding: 12px 14px;
	box-shadow: 0 14px 26px rgba(31,63,140,0.28);
}

.btn-confirm-primary:hover{
	color: #fff;
	transform: translateY(-1px);
}

.btn-confirm-ghost{
	background: #fff;
	border: 1px solid #e5e9f3;
	color: var(--brand-secondary);
	border-radius: 12px;
	font-weight: 800;
	padding: 12px 14px;
	box-shadow: 0 8px 18px rgba(15,23,42,0.08);
}

.btn-confirm-ghost:hover{
	background: #f7f9ff;
	color: var(--brand-primary);
}

@media (max-width: 576px){
	.confirm-modal__content{
		padding: 16px 16px 14px;
	}
	.confirm-modal__hero{
		align-items: flex-start;
	}
}

/* Payment reminder modal */
.payment-reminder{
	background: linear-gradient(145deg, #0f172a, #1f3f8c 65%, #1b58d6);
	color: #fff;
	border-radius: 20px;
	padding: 18px;
	box-shadow: var(--card-shadow);
	border: 1px solid rgba(255,255,255,0.12);
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.payment-reminder__title{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.payment-reminder__eyebrow{
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 11px;
	color: #94b3ff;
}

.payment-reminder__hero{
	display: flex;
	gap: 12px;
	align-items: flex-start;
	background: rgba(255,255,255,0.06);
	border-radius: 16px;
	padding: 12px;
	border: 1px solid rgba(255,255,255,0.14);
}

.payment-reminder__badge{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #ff6b3d;
	color: #fff;
	border-radius: 999px;
	padding: 6px 10px;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 0.03em;
	box-shadow: 0 12px 30px rgba(255,107,61,0.3);
}

.payment-reminder__summary{
	display: grid;
	gap: 2px;
}

.payment-reminder__count{
	font-weight: 800;
	font-size: 20px;
	margin: 0;
}

.payment-reminder__count span{
	color: #ffd166;
}

.payment-reminder__summary p{
	margin: 0;
	color: rgba(255,255,255,0.85);
}

.payment-reminder__grid{
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

@media (min-width: 768px){
	.payment-reminder__grid{
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

.payment-reminder__card{
	background: #fff;
	color: var(--text-main);
	border-radius: 16px;
	padding: 14px;
	border: 1px solid #e5e8f0;
	box-shadow: 0 16px 30px rgba(15,23,42,0.12);
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 12px;
	align-items: flex-start;
}

.payment-reminder__card.is-soft{
	background: #0f172a;
	color: #f7f9ff;
	border-color: #243a6e;
}

.payment-reminder__icon{
	width: 42px;
	height: 42px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: var(--brand-soft-2);
	color: var(--brand-secondary);
	font-size: 18px;
	box-shadow: 0 10px 20px rgba(47,92,216,0.18);
}

.payment-reminder__card.is-soft .payment-reminder__icon{
	background: rgba(255,255,255,0.12);
	color: #fff;
	box-shadow: none;
}

.payment-reminder__label{
	font-weight: 800;
	margin-bottom: 4px;
}

.payment-reminder__text{
	margin: 0 0 10px;
	color: var(--text-soft);
}

.payment-reminder__card.is-soft .payment-reminder__text{
	color: rgba(247,249,255,0.82);
}

.payment-reminder__btn{
	border-radius: 12px;
	font-weight: 800;
	padding: 11px 12px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	box-shadow: 0 12px 28px rgba(15,23,42,0.22);
	border: none;
	display: block;
	width: 100%;
}

.payment-reminder__btn--primary{
	background: linear-gradient(120deg, #2f5cd8, #3b82f6);
	color: #fff;
}

.payment-reminder__btn--primary:hover{
	color: #fff;
	transform: translateY(-1px);
}

.payment-reminder__btn--ghost{
	background: transparent;
	border: 1px solid rgba(255,255,255,0.4);
	color: #f7f9ff;
	box-shadow: none;
}

.payment-reminder__btn--ghost:hover{
	background: rgba(255,255,255,0.12);
	color: #fff;
}

/* Auth modal */
.login-modal .modal-dialog{
	max-width: 960px;
}

.login-modal__card{
	border: none;
	border-radius: 22px;
	overflow: hidden;
	box-shadow: var(--card-shadow);
	background: var(--surface);
}

.login-modal__grid{
	display: grid;
	grid-template-columns: 1fr;
}

@media (min-width: 992px){
	.login-modal__grid{
		grid-template-columns: 0.95fr 1.05fr;
	}
}

.login-modal__aside{
	background: linear-gradient(150deg, var(--brand-secondary), #243a6e);
	color: #fff;
	padding: 28px 30px;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.login-modal__aside::after{
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(120% 90% at 10% 20%, rgba(255,255,255,0.18), transparent 60%), radial-gradient(80% 60% at 90% 80%, rgba(255,107,61,0.18), transparent 70%);
	pointer-events: none;
}

.login-badge{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(255,255,255,0.14);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 40px;
	padding: 8px 14px;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	width: fit-content;
	box-shadow: 0 8px 26px rgba(0,0,0,0.2);
}

.login-perks{
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 8px;
}

.login-perks li{
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 14px;
	line-height: 1.4;
}

.login-perks i{
	margin-top: 2px;
	color: #b5cdfd;
}

.login-aside__cta{
	border-radius: 12px;
	font-weight: 800;
	box-shadow: 0 12px 30px rgba(0,0,0,0.18);
	border: none;
	color: var(--brand-secondary);
}

.login-modal__main{
	background: var(--surface);
	padding: 26px 28px 22px;
	position: relative;
}

.login-modal__close{
	position: absolute;
	top: 12px;
	right: 12px;
	background: #eef2fb;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	opacity: 0.9;
	display: grid;
	place-items: center;
}

.login-modal__close span{
	line-height: 1;
}

.login-modal__head .modal-title{
	font-weight: 800;
	color: var(--brand-secondary);
}

.login-modal__head p{
	max-width: 520px;
}

.login-switch{
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin: 12px 0 16px;
}

.login-pill{
	border-radius: 999px;
	border: 1px solid var(--brand-soft);
	background: transparent;
	color: var(--text-main);
	font-weight: 700;
	padding: 8px 14px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.login-pill:hover,
.login-pill.active{
	background: var(--brand-soft-2);
	color: var(--brand-primary);
	border-color: var(--brand-primary);
}

.login-modal__body{
	background: #f7f8fd;
	border: 1px solid var(--brand-soft);
	border-radius: 16px;
	padding: 18px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.login-modal__footer{
	border: none;
	padding: 16px 0 0;
	flex-direction: column;
	align-items: stretch;
}

.login-divider{
	position: relative;
	text-align: center;
	width: 100%;
	color: var(--text-soft);
	font-weight: 700;
	margin-bottom: 10px;
}

.login-divider:before,
.login-divider:after{
	content: "";
	position: absolute;
	top: 50%;
	width: 38%;
	height: 1px;
	background: #d8dce9;
}

.login-divider:before{
	left: 0;
}

.login-divider:after{
	right: 0;
}

.login-google{
	border-radius: 12px;
	font-weight: 800;
	box-shadow: 0 12px 24px rgba(255,73,73,0.25);
}

.auth-form{
	margin-bottom: 6px;
}

.auth-field{
	margin-bottom: 14px;
}

.auth-label{
	font-weight: 800;
	color: var(--brand-secondary);
	font-size: 14px;
	margin-bottom: 6px;
}

.input-icon{
	position: relative;
}

.input-icon i{
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--text-soft);
	font-size: 14px;
}

.auth-input{
	padding-left: 40px;
	border-radius: 12px;
	border: 1px solid #d8deed;
	background: #fff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.auth-input:focus{
	border-color: var(--brand-primary);
	box-shadow: 0 0 0 3px rgba(31,63,140,0.12);
}

.auth-action-row{
	gap: 10px;
}

.auth-submit{
	border-radius: 12px;
	font-weight: 800;
	padding: 10px 18px;
}

.auth-link{
	color: var(--brand-primary);
}

.auth-ghost{
	border: 1px dashed var(--brand-primary);
	color: var(--brand-primary);
	font-weight: 700;
	border-radius: 12px;
	background: #fff;
}

.auth-ghost:hover{
	background: var(--brand-soft-2);
}

@media (max-width: 991.98px){
	.login-modal__aside{
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.login-modal__main{
		padding-top: 34px;
	}
	.login-modal__close{
		top: 10px;
		right: 10px;
	}
}

.verification-shell{
	max-width: 1180px;
	margin: 0 auto 32px;
	padding: 16px 10px 40px;
}

.verify-hero{
	background: linear-gradient(120deg, var(--brand-secondary), #1f3f8c 70%, #2646a0);
	color: #fff;
	border-radius: 20px;
	padding: 22px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 18px;
	box-shadow: var(--card-shadow);
	position: relative;
	overflow: hidden;
}

.verify-hero:after{
	content: "";
	position: absolute;
	width: 220px;
	height: 220px;
	right: -60px;
	bottom: -100px;
	background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.25), rgba(255,255,255,0));
	transform: rotate(-8deg);
}

.verify-badge{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 999px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.verify-title{
	margin: 6px 0 6px;
	font-weight: 800;
}

.verify-subtitle{
	margin: 0;
	color: rgba(255,255,255,0.9);
}

.verify-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
}

.verify-meta__item{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background: rgba(255,255,255,0.1);
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,0.2);
	font-weight: 700;
}

.verify-progress{
	min-width: 240px;
	padding: 12px 14px;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 14px;
	backdrop-filter: blur(6px);
	position: relative;
	z-index: 1;
}

.verify-progress__label{
	color: rgba(255,255,255,0.9);
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 8px;
}

.verify-progress__bar{
	background: rgba(255,255,255,0.18);
	border-radius: 10px;
	height: 9px;
	overflow: hidden;
}

.verify-progress__fill{
	display: block;
	height: 100%;
	background: linear-gradient(90deg, #ffce73, #7cf0c5);
	border-radius: inherit;
	box-shadow: 0 6px 12px rgba(124,240,197,0.3);
}

.verify-progress__step{
	margin-top: 8px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #e9edff;
}

.verify-layout{
	margin-top: 18px;
	display: grid;
	grid-template-columns: 1.05fr 1fr;
	gap: 18px;
}

.verify-panel{
	background: #fff;
	border-radius: 20px;
	border: 1px solid var(--brand-soft);
	box-shadow: 0 10px 30px rgba(15,23,42,0.08);
	padding: 22px;
	height: 100%;
}

.verify-panel--info{
	background: linear-gradient(180deg, #f9fbff 0%, #eef2fb 100%);
	border-color: #e1e6f5;
}

.verify-panel__title{
	font-weight: 800;
	margin-bottom: 10px;
}

.verify-list{
	list-style: none;
	padding: 0;
	margin: 12px 0 0;
}

.verify-list li{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	color: var(--text-soft);
	font-weight: 700;
}

.verify-list i{
	color: var(--brand-primary);
}

.verify-panel__note{
	margin-top: 12px;
	padding: 12px;
	border-radius: 12px;
	border: 1px dashed #c9d2ec;
	color: var(--brand-secondary);
	font-weight: 700;
}

.verify-panel__note i{
	color: var(--brand-primary);
	margin-right: 8px;
}

.verify-panel--form{
	padding: 18px 18px 10px;
	border: 1px solid #e5e9f4;
}

.verify-form{
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 6px;
}

.verify-form__intro{
	background: var(--brand-soft-2);
	border: 1px solid #e2e7f6;
	border-radius: 14px;
	padding: 12px;
}

.verify-form__title{
	margin: 6px 0 4px;
	font-weight: 800;
}

.verify-chip{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid #e2e7f6;
	color: var(--brand-primary);
	font-weight: 800;
	font-size: 13px;
}

.verify-form__grid{
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.verify-shell{
	display: grid;
	gap: 16px;
	align-items: start;
}

@media (min-width: 992px){
	.verify-shell{
		grid-template-columns: 1.05fr 0.95fr;
	}
}

.verify-info{
	background: linear-gradient(180deg,#f7f8fc 0%,#eef2fb 100%);
	border: 1px solid #e0e6f4;
	border-radius: 18px;
	padding: 18px;
	box-shadow: var(--card-shadow);
	display: grid;
	gap: 12px;
}

.verify-info__eyebrow{
	margin: 0;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--text-soft);
}

.verify-info__title{
	margin: 0;
	font-weight: 800;
	color: var(--brand-secondary);
	line-height: 1.3;
}

.verify-info__list{
	list-style: none;
	padding: 0;
	margin: 6px 0 0 0;
	display: grid;
	gap: 8px;
}

.verify-info__list li{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	color: var(--brand-secondary);
}

.verify-info__list i{
	color: #1f3f8c;
}

.verify-info__note{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 800;
	color: var(--brand-secondary);
	background: #eef2fb;
	border: 1px dashed #cfd7ee;
	border-radius: 12px;
	padding: 10px 12px;
}

.verify-group label{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 800;
	margin-bottom: 6px;
	color: var(--brand-secondary);
	line-height: 1.2;
}

.verify-group--full{
	grid-column: 1 / -1;
}

.verify-input{
	position: relative;
}

.verify-input i{
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--text-soft);
}

.verify-input .form-control{
	padding-left: 40px;
	padding-right: 140px;
	border-radius: 12px;
	border: 1px solid #d8deed;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
	height: 46px;
}

@media (max-width: 576px){
	.verify-input .form-control{
		padding-right: 72px;
	}
}

.verify-tag{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: var(--brand-soft);
	color: var(--brand-primary);
	font-weight: 800;
	padding: 6px 10px;
	border-radius: 999px;
	font-size: 12px;
	border: 1px solid #d2d9ef;
	line-height: 1.2;
}

.verify-contact .btn{
	margin-right: 4px;
	margin-bottom: 6px;
	border-radius: 10px;
	font-weight: 800;
	padding: 8px 12px;
}

.verify-form__footer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 4px;
}

.verify-assurance{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--text-soft);
	font-weight: 700;
}

.verify-assurance i{
	color: var(--brand-primary);
}

.verify-submit{
	min-width: 200px;
	border-radius: 14px;
	font-weight: 800;
	box-shadow: 0 10px 20px rgba(31,63,140,0.25);
}

@media (max-width: 991.98px){
	.verify-hero{
		flex-direction: column;
		align-items: flex-start;
	}
	.verify-layout{
		grid-template-columns: 1fr;
	}
	.verify-panel{
		order: 2;
	}
	.verify-panel--form{
		order: 1;
	}
}

@media (max-width: 767.98px){
	.verification-shell{
		padding: 12px 6px 24px;
	}
	.verify-form__grid{
		grid-template-columns: 1fr;
	}
	.verify-tag{
		position: static;
		transform: none;
		display: inline-block;
		margin-top: 6px;
		margin-left: 4px;
	}
}

.promo-upgrade{
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 16px 100px;
	background: linear-gradient(120deg,#0f2f72,#1b4aa5);
	color: #fff;
	position: relative;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(21,64,140,0.22);
}
.promo-upgrade:before{
	content: "";
	position: absolute;
	right: -60px;
	top: -60px;
	width: 160px;
	height: 160px;
	background: radial-gradient(circle at center,rgba(255,255,255,0.22),transparent 60%);
	transform: rotate(18deg);
}
.promo-upgrade__icon{
	width: 54px;
	height: 54px;
	border-radius: 14px;
	background: rgba(255,255,255,0.16);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12);
}
.promo-upgrade__copy{
	flex: 1;
	min-width: 0;
}
.promo-upgrade__eyebrow{
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 700;
	opacity: 0.8;
}
.promo-upgrade__title{
	font-size: 18px;
	font-weight: 800;
	margin-top: 2px;
	line-height: 1.35;
}
.promo-upgrade__desc{
	font-size: 14px;
	margin-top: 4px;
	color: rgba(255,255,255,0.85);
	line-height: 1.4;
}
.promo-upgrade__cta{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
	min-width: 220px;
}
.promo-upgrade__button{
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: linear-gradient(135deg,#ff7a45 0%,#ffd166 55%,#7cc4ff 115%);
	color: #0b2545;
	border: 1px solid rgba(255,255,255,0.3);
	padding: 12px 20px;
	font-weight: 800;
	border-radius: 16px;
	box-shadow: 0 16px 34px rgba(0,0,0,0.22), 0 6px 0 rgba(12,36,74,0.12);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
	overflow: hidden;
}
.promo-upgrade__button:before{
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: 14px;
	background: radial-gradient(circle at 18% 32%, rgba(255,255,255,0.35), transparent 42%);
	mix-blend-mode: screen;
	pointer-events: none;
}
.promo-upgrade__button:hover{
	transform: translateY(-2px) scale(1.01);
	box-shadow: 0 18px 38px rgba(0,0,0,0.25), 0 8px 0 rgba(12,36,74,0.14);
	filter: drop-shadow(0 0 12px rgba(255,209,102,0.6));
}
.promo-upgrade__button:active{
	transform: translateY(0);
	box-shadow: 0 10px 22px rgba(0,0,0,0.2);
}
.promo-upgrade__note{
	font-size: 12px;
	color: rgba(255,255,255,0.78);
	text-align: right;
}
.promo-upgrade.is-partner{
	background: linear-gradient(120deg,#0f2b46,#1b3a60);
	box-shadow: 0 12px 30px rgba(15,43,70,0.28);
}
.promo-upgrade.is-partner:before{
	background: radial-gradient(circle at center,rgba(46,196,182,0.32),transparent 65%);
}
.promo-upgrade.is-partner .promo-upgrade__icon{
	color: #2ec4b6;
	background: rgba(46,196,182,0.12);
	box-shadow: inset 0 0 0 1px rgba(46,196,182,0.25);
}
.promo-upgrade.is-partner .promo-upgrade__eyebrow{
	color: #8bd1ff;
}
.promo-upgrade.is-partner .promo-upgrade__button{
	background: linear-gradient(135deg,#2ec4b6 0%,#5ff0d9 65%);
	color: #04243b;
	border-color: rgba(255,255,255,0.28);
	box-shadow: 0 16px 36px rgba(46,196,182,0.35), 0 6px 0 rgba(4,36,59,0.12);
}
.promo-upgrade.is-partner .promo-upgrade__note{
	color: rgba(174,221,255,0.9);
}

/* Refund Policy */
.refund-page{
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.refund-hero{
	position: relative;
	background: linear-gradient(135deg, #0f172a, #1f3f8c 60%, #2f5adf);
	color: #fff;
	padding: 24px;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: var(--card-shadow);
	border: 1px solid rgba(255,255,255,0.08);
}

@media (min-width: 768px){
	.refund-hero{
		padding: 30px;
	}
}

.refund-hero:after{
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 18% 20%, rgba(255,255,255,0.12), transparent 32%), radial-gradient(circle at 82% 0%, rgba(255,255,255,0.16), transparent 30%);
	pointer-events: none;
}

.refund-eyebrow{
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 800;
	font-size: 12px;
	opacity: 0.8;
	margin: 0 0 6px 0;
}

.refund-title{
	margin: 0 0 8px 0;
	font-weight: 800;
	font-size: 28px;
}

@media (min-width: 992px){
	.refund-title{
		font-size: 32px;
	}
}

.refund-date{
	margin: 0 0 6px 0;
	font-weight: 700;
}

.refund-note{
	margin: 0 0 12px 0;
	color: rgba(255,255,255,0.9);
	max-width: 860px;
}

.refund-chips{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	position: relative;
	z-index: 1;
}

.refund-chip{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.24);
	border-radius: 12px;
	font-weight: 700;
	backdrop-filter: blur(3px);
}

.refund-stats{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
	gap: 12px;
}

.refund-stat{
	display: flex;
	gap: 12px;
	padding: 14px;
	background: #fff;
	border: 1px solid #e4e8f5;
	border-radius: 14px;
	box-shadow: var(--card-shadow);
	align-items: center;
}

.refund-stat__icon{
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: linear-gradient(135deg, #1f3f8c, #2e58c6);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	box-shadow: 0 10px 24px rgba(31,63,140,0.28);
}

.refund-stat__label{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	color: var(--text-soft);
	margin-bottom: 4px;
	font-weight: 800;
}

.refund-stat__value{
	font-weight: 800;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 2px;
}

.refund-stat__hint{
	margin: 0;
	color: var(--text-soft);
	font-size: 13px;
}

.refund-grid{
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

@media (min-width: 960px){
	.refund-grid{
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.refund-card--wide{
		grid-column: span 2;
	}
}

.refund-card{
	background: #fff;
	border: 1px solid #e5e8f0;
	border-radius: 16px;
	padding: 16px;
	box-shadow: var(--card-shadow);
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.refund-card__eyebrow{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	color: var(--text-soft);
	font-weight: 800;
}

.refund-card__title{
	margin: 0;
	font-weight: 800;
	font-size: 20px;
	color: var(--text-main);
}

.refund-list{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.refund-list li{
	position: relative;
	padding-left: 26px;
}

.refund-list li:before{
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1f3f8c, #2e58c6);
	box-shadow: 0 6px 12px rgba(31,63,140,0.25);
}

.refund-steps{
	counter-reset: refund-step;
	list-style: none;
	padding: 0;
	margin: 6px 0 0 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.refund-steps li{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 12px;
	align-items: start;
	padding: 12px;
	border: 1px solid #e7eaf4;
	border-radius: 14px;
	background: #f8faff;
}

.step-number{
	width: 36px;
	height: 36px;
	border-radius: 12px;
	background: linear-gradient(135deg, #ff6b3d, #ff8749);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	box-shadow: 0 10px 20px rgba(255,107,61,0.28);
}

.step-body{
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.step-title{
	font-weight: 800;
	margin: 0;
}

.step-desc{
	margin: 0;
	color: var(--text-soft);
	font-size: 14px;
}

.refund-contact{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 12px;
	align-items: center;
	padding: 16px;
	background: linear-gradient(120deg, #eef2fb, #f7f9ff);
	border: 1px solid #dfe5f5;
	border-radius: 16px;
	box-shadow: var(--card-shadow);
}

.refund-contact__icon{
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: #1f3f8c;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	box-shadow: 0 12px 26px rgba(31,63,140,0.28);
}

.refund-contact__title{
	margin: 0;
	font-weight: 800;
}

.refund-contact__desc{
	margin: 4px 0 0 0;
	color: var(--text-soft);
	max-width: 760px;
}

@media (max-width: 767.98px){
	.promo-upgrade{
		flex-direction: column;
		align-items: flex-start;
		padding: 14px 16px;
	}
	.promo-upgrade__cta{
		width: 100%;
		align-items: flex-start;
		min-width: 0;
	}
	.promo-upgrade__button{
		width: 100%;
		text-align: center;
		justify-content: center;
	}
	.promo-upgrade__note{
		text-align: left;
	}
}

/* Legal / policy page */
.legal-hero{
	margin: 0 auto 28px;
	padding: 34px 0 72px;
	background: linear-gradient(120deg,var(--brand-secondary),#1f3f8c 65%,#2c5bcf);
	color: #fff;
	border-radius: 28px;
	box-shadow: var(--card-shadow);
	position: relative;
	overflow: hidden;
}
.legal-hero:after{
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 15% 20%,rgba(255,255,255,0.16),transparent 38%),radial-gradient(circle at 85% 0%,rgba(255,255,255,0.12),transparent 36%);
	pointer-events: none;
}
.legal-hero__pill{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.28);
	background: rgba(255,255,255,0.14);
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 12px;
}
.legal-hero__title{
	margin: 12px 0 8px;
	font-weight: 800;
	font-size: 28px;
	line-height: 1.25;
	max-width: 820px;
}
@media (min-width: 992px){
	.legal-hero__title{
		font-size: 34px;
	}
}
.legal-hero__desc{
	max-width: 760px;
	color: rgba(255,255,255,0.9);
	margin-bottom: 18px;
}
.legal-hero__meta{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(210px,1fr));
	gap: 12px;
}
.legal-meta-card{
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 16px;
	padding: 12px 14px;
	box-shadow: 0 14px 30px rgba(0,0,0,0.18);
}
.legal-meta-card .label{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	color: rgba(255,255,255,0.85);
	display: block;
	margin-bottom: 6px;
}
.legal-meta-card strong{
	display: block;
	font-size: 16px;
	margin-bottom: 4px;
}
.legal-meta-card small{
	color: rgba(255,255,255,0.9);
	line-height: 1.45;
}
.legal-shell{
	max-width: 1180px;
	margin: -48px auto 40px;
	position: relative;
	z-index: 2;
	padding: 0 10px;
}
.legal-grid{
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	align-items: start;
}
@media (min-width: 992px){
	.legal-grid{
		grid-template-columns: 0.38fr 1fr;
		gap: 20px;
	}
	.legal-aside{
		position: sticky;
		top: 90px;
	}
}
.legal-card{
	background: var(--surface);
	border: 1px solid #e5e9f3;
	border-radius: 18px;
	padding: 18px;
	box-shadow: var(--card-shadow);
}
.legal-toc-card{
	position: relative;
	overflow: hidden;
}
.legal-toc-card:after{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(31,63,140,0.08), rgba(44,93,223,0.08));
	pointer-events: none;
}
.legal-toc__title{
	font-weight: 800;
	margin-bottom: 4px;
}
.legal-toc__hint{
	margin: 0 0 10px 0;
	color: var(--text-soft);
	font-size: 13px;
}
.legal-toc{
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 8px;
}
.legal-toc a{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid #e5e9f3;
	background: #f8f9fd;
	color: var(--text-main);
	font-weight: 700;
	text-decoration: none;
	transition: all 0.15s ease;
}
.legal-toc a i{
	color: var(--brand-primary);
	opacity: 0.9;
}
.legal-toc a:hover{
	transform: translateY(-1px);
	box-shadow: 0 12px 24px rgba(15,23,42,0.12);
	border-color: rgba(31,63,140,0.35);
}
.legal-highlight{
	display: flex;
	gap: 12px;
	align-items: center;
	background: linear-gradient(135deg,#ff6b3d,#ff9b63);
	color: #fff;
	border: none;
}
.legal-highlight__icon{
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: rgba(255,255,255,0.18);
	display: grid;
	place-items: center;
	font-size: 20px;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.3);
}
.legal-highlight__title{
	font-weight: 800;
	margin: 0 0 4px;
}
.legal-highlight__text{
	margin: 0;
	color: rgba(255,255,255,0.9);
	line-height: 1.5;
}
.legal-main{
	width: 100%;
}
.legal-article{
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.legal-section{
	padding: 4px 0;
}
.legal-section h3{
	font-weight: 800;
	margin-bottom: 8px;
	color: var(--text-main);
}
.legal-section__eyebrow{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 800;
	color: var(--text-soft);
	margin-bottom: 8px;
}
.legal-section p{
	margin-bottom: 10px;
	color: var(--text-main);
}
.legal-callout{
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px;
	border-radius: 14px;
	background: linear-gradient(135deg,#eef2fb,#f7f9ff);
	border: 1px solid #dfe5f6;
}
.legal-callout__icon{
	width: 36px;
	height: 36px;
	border-radius: 12px;
	background: var(--brand-soft-2);
	display: grid;
	place-items: center;
	color: var(--brand-primary);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
.legal-callout__title{
	font-weight: 800;
	margin-bottom: 4px;
}
.legal-callout__text{
	margin: 0;
	color: var(--text-soft);
}
.legal-list{
	list-style: none;
	padding-left: 0;
	margin: 0;
	display: grid;
	gap: 10px;
}
.legal-list li{
	position: relative;
	padding: 12px 12px 12px 32px;
	line-height: 1.55;
	color: var(--text-main);
	background: #f9fafc;
	border: 1px solid #e5e9f4;
	border-radius: 12px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}
.legal-list li:before{
	content: '';
	position: absolute;
	left: 12px;
	top: 14px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: linear-gradient(135deg,#1f3f8c,#2c5bcf);
	box-shadow: 0 0 0 4px rgba(47,92,216,0.15);
}
@media (max-width: 767.98px){
	.legal-shell{
		margin-top: -30px;
		padding: 0 6px;
	}
	.legal-hero{
		padding-bottom: 60px;
	}
}

.report-hero{
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 18px;
	padding: 22px;
	border-radius: 22px;
	background: radial-gradient(circle at 10% 20%, rgba(255,255,255,0.12), transparent 32%), radial-gradient(circle at 86% 10%, rgba(255,255,255,0.12), transparent 30%), linear-gradient(135deg, #0f172a, #1f3f8c 60%, #2c5bcf);
	color: #fff;
	margin-bottom: 18px;
	overflow: hidden;
	position: relative;
}

.report-hero:after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, rgba(255,255,255,0.12), transparent 40%);
	pointer-events: none;
}

.report-hero__body{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.report-hero__title{
	margin: 0;
	font-weight: 800;
	font-size: 28px;
}

@media (min-width: 992px){
	.report-hero__title{
		font-size: 32px;
	}
}

.report-hero__subtitle{
	margin: 0;
	color: rgba(255,255,255,0.88);
	max-width: 760px;
}

.report-hero__chips{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.report-hero__aside{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-self: stretch;
}

.report-highlight{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 12px;
	align-items: center;
	padding: 14px;
	border-radius: 16px;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.25);
	box-shadow: 0 16px 32px rgba(0,0,0,0.16);
}

.report-highlight__icon{
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: rgba(255,255,255,0.16);
	display: grid;
	place-items: center;
	font-size: 20px;
	color: #ffd166;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2);
}

.report-highlight__label{
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.8);
	margin: 0 0 4px 0;
	font-weight: 800;
}

.report-highlight__value{
	margin: 0;
	font-weight: 800;
	font-size: 18px;
}

.report-highlight__hint{
	margin: 4px 0 0 0;
	color: rgba(255,255,255,0.85);
}

.report-hero__note{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 12px;
	font-weight: 700;
	color: rgba(255,255,255,0.92);
}

@media (max-width: 991.98px){
	.report-hero{
		grid-template-columns: 1fr;
	}
}

.report-layout{
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 10px;
}

.report-panel{
	background: #fff;
	border: 1px solid #e6e9f3;
	border-radius: 20px;
	padding: 16px;
	box-shadow: var(--card-shadow);
}

.report-panel__head{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.report-panel__eyebrow{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	font-weight: 800;
	color: var(--text-soft);
	margin: 0;
}

.report-panel__title{
	margin: 0;
	font-weight: 800;
}

.report-panel__subtitle{
	margin: 4px 0 0 0;
	color: var(--text-soft);
}

.report-pill{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	border-radius: 999px;
	background: var(--brand-soft-2);
	color: var(--brand-primary);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.report-pill--accent{
	background: #ffe9d8;
	color: #c26422;
}

.report-card-grid{
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

@media (min-width: 768px){
	.report-card-grid{
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

.report-card{
	background: linear-gradient(145deg, #f9fbff, #eef2fb);
	border: 1px solid #e4e8f5;
	border-radius: 16px;
	padding: 14px;
	box-shadow: var(--card-shadow);
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.report-card__head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	flex-wrap: wrap;
}

.report-chip{
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border-radius: 999px;
	font-weight: 800;
	font-size: 12px;
	background: #1f3f8c;
	color: #fff;
	letter-spacing: 0.03em;
}

.report-source{
	color: var(--text-soft);
	font-weight: 700;
	font-size: 13px;
}

.report-card__title{
	margin: 0;
	font-weight: 800;
	font-size: 16px;
	color: var(--brand-secondary);
}

.report-link{
	word-break: break-word;
	font-weight: 700;
	color: var(--brand-primary);
}

.report-card__meta{
	color: var(--text-soft);
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 2px;
}

.report-empty{
	border: 1px dashed #cdd3e6;
	background: #fbfcff;
	color: var(--text-soft);
	border-radius: 14px;
	padding: 14px;
	text-align: center;
	font-weight: 700;
}

.report-empty--muted{
	background: #f7f8fc;
}

.report-subsection{
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 12px;
}

.report-subsection__head{
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.report-subsection__title{
	margin: 0;
	font-weight: 800;
	font-size: 18px;
	color: var(--brand-secondary);
}

.report-banner{
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 14px 16px;
	background: linear-gradient(120deg, #0f172a, #1f3f8c 65%, #2c5bcf);
	color: #fff;
	border-radius: 16px;
	border: 1px solid rgba(255,255,255,0.16);
	box-shadow: var(--card-shadow);
}

.report-banner__eyebrow{
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 11px;
	font-weight: 800;
	margin: 0 0 4px 0;
	color: rgba(255,255,255,0.8);
}

.report-banner__title{
	margin: 0 0 4px 0;
	font-weight: 800;
	font-size: 18px;
}

.report-banner__desc{
	margin: 0;
	color: rgba(255,255,255,0.88);
}

.report-banner__btn{
	border-radius: 12px;
	font-weight: 800;
	box-shadow: 0 12px 26px rgba(0,0,0,0.18);
}

/* Sitemap refresh */
.sitemap-hero{
	background: linear-gradient(135deg, rgba(15,23,42,0.92), #1f3f8c);
	color: #fff;
	border-radius: 22px;
	box-shadow: var(--card-shadow);
	padding: 32px 28px;
	position: relative;
	overflow: hidden;
	margin-bottom: 24px;
}

.sitemap-hero:after{
	content: "";
	position: absolute;
	right: -120px;
	bottom: -120px;
	width: 320px;
	height: 320px;
	background: radial-gradient(circle at center, rgba(255,255,255,0.16), transparent 60%);
	filter: blur(2px);
}

.sitemap-hero__grid{
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 24px;
	align-items: center;
	position: relative;
	z-index: 1;
}

.sitemap-hero__eyebrow{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 8px;
	opacity: 0.8;
}

.sitemap-hero__title{
	font-size: 30px;
	font-weight: 800;
	margin-bottom: 8px;
}

.sitemap-hero__desc{
	margin-bottom: 16px;
	max-width: 600px;
	color: rgba(255,255,255,0.85);
}

.sitemap-hero__cta{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sitemap-cta{
	border-radius: 12px;
	font-weight: 700;
	padding: 10px 14px;
	box-shadow: 0 10px 28px rgba(0,0,0,0.2);
}

.sitemap-hero__stats{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
}

.stat-card{
	background: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 14px;
	padding: 14px 16px;
	box-shadow: 0 14px 34px rgba(0,0,0,0.18);
}

.stat-label{
	display: block;
	font-size: 12px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-bottom: 6px;
	color: rgba(255,255,255,0.72);
}

.stat-value{
	font-size: 28px;
	line-height: 1.1;
	display: block;
	margin-bottom: 4px;
}

.stat-sub{
	color: rgba(255,255,255,0.72);
}

.sitemap-section{
	margin-bottom: 28px;
}

.sitemap-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 16px;
}

.sitemap-card{
	background: var(--surface);
	border-radius: 18px;
	border: 1px solid #e6e9f3;
	box-shadow: var(--card-shadow);
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.sitemap-card__head{
	display: flex;
	align-items: center;
	gap: 12px;
}

.sitemap-card__icon{
	width: 44px;
	height: 44px;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(31,63,140,0.12), rgba(31,63,140,0.28));
	color: var(--brand-primary);
}

.sitemap-card__title{
	margin: 0;
	font-size: 18px;
	font-weight: 800;
}

.sitemap-chiplist{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sitemap-chip{
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	min-width: 46%;
	flex: 1 1 calc(50% - 10px);
	gap: 8px;
	padding: 10px 12px;
	border-radius: 12px;
	background: linear-gradient(135deg, #f5f7ff, #eef2fb);
	border: 1px solid #e4e8f5;
	color: var(--text-main);
	text-decoration: none;
	transition: all 0.15s ease;
	box-shadow: 0 10px 24px rgba(15,23,42,0.06);
}

.sitemap-chip:hover{
	transform: translateY(-1px);
	box-shadow: 0 16px 30px rgba(15,23,42,0.12);
	border-color: #cfd7ef;
	color: var(--brand-secondary);
}

.chip-name{
	font-weight: 700;
}

.chip-count{
	background: #fff;
	border-radius: 10px;
	padding: 4px 8px;
	font-weight: 800;
	color: var(--brand-primary);
	min-width: 48px;
	text-align: center;
	border: 1px solid #dce3f7;
}

.contact-shell{
	max-width: 1180px;
	margin: 0 auto 40px;
	padding: 18px 14px 40px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.contact-hero{
	position: relative;
	background: linear-gradient(135deg, var(--brand-secondary), #1f3f8c 60%, #2c5bcf);
	color: #fff;
	border-radius: 22px;
	padding: 24px 24px 28px;
	box-shadow: var(--card-shadow);
	overflow: hidden;
}

.contact-hero:after{
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 14% 20%, rgba(255,255,255,0.12), transparent 36%), radial-gradient(circle at 80% 0%, rgba(255,255,255,0.1), transparent 32%);
	pointer-events: none;
}

.contact-hero__badge{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.24);
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 12px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.18);
}

.contact-hero__title{
	font-weight: 800;
	margin: 6px 0 8px 0;
	font-size: 28px;
	letter-spacing: -0.01em;
}

.contact-hero__desc{
	color: rgba(255,255,255,0.9);
	margin: 0 0 10px 0;
	max-width: 780px;
}

.contact-hero__meta{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.contact-chip{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 12px;
	font-weight: 800;
	color: #fff;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.18);
	box-shadow: 0 10px 22px rgba(0,0,0,0.18);
}

.contact-chip--ghost{
	background: rgba(255,255,255,0.08);
	border-color: rgba(255,255,255,0.2);
}

.contact-chip--accent{
	background: #ffd166;
	border-color: #f6ae2d;
	color: #0b2545;
	box-shadow: 0 10px 22px rgba(255,209,102,0.4);
}

.contact-grid{
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 16px;
}

.contact-panel{
	background: var(--surface);
	border-radius: 18px;
	border: 1px solid #e3e7f3;
	box-shadow: var(--card-shadow);
	padding: 18px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 100%;
}

.contact-panel--primary{
	background: linear-gradient(135deg, #f9fbff, #eef2fb);
	border: 1px solid #dfe5f6;
}

.contact-panel--secondary{
	background: #0f172a;
	color: #f6f8ff;
	border: 1px solid #243a6e;
}

.contact-panel__head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.contact-agent{
	display: flex;
	align-items: center;
	gap: 10px;
}

.contact-avatar{
	width: 52px;
	height: 52px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, #1f3f8c, #2c5bcf);
	color: #fff;
	font-weight: 800;
	box-shadow: 0 12px 26px rgba(31,63,140,0.3);
}

.contact-agent__name{
	font-weight: 800;
	margin: 0;
}

.contact-agent__role{
	margin: 0;
	color: var(--text-soft);
	font-weight: 700;
	font-size: 13px;
}

.contact-panel__copy{
	margin: 0;
	color: var(--text-soft);
	font-weight: 700;
}

.contact-panel--secondary .contact-panel__copy,
.contact-panel--secondary .contact-agent__role{
	color: rgba(246,248,255,0.85);
}

.contact-actions .p-2{
	padding: 0;
}

.contact-actions #btnContact{
	border-radius: 12px;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-shadow: 0 12px 26px rgba(31,63,140,0.2);
	border: none;
	height: 48px;
}

.contact-actions #btnContact span{
	font-weight: 700;
}

.contact-pill-row{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.contact-pill{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 12px;
	font-weight: 800;
	border: 1px solid #d8deed;
	background: #fff;
	color: var(--text-main);
}

.contact-pill--soft{
	background: #eef2fb;
	border-color: #d8def0;
	color: var(--brand-primary);
}

.contact-pill--live{
	background: #22c55e;
	color: #0b2b16;
	border-color: #16a34a;
	box-shadow: 0 10px 20px rgba(34,197,94,0.35);
}

.contact-panel--secondary .contact-pill{
	background: rgba(255,255,255,0.08);
	color: #f6f8ff;
	border-color: rgba(255,255,255,0.2);
}

.contact-panel__title-row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.contact-panel__eyebrow{
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	font-weight: 800;
	color: #9ab3ff;
}

.contact-panel__title{
	font-weight: 800;
	font-size: 20px;
	margin: 2px 0 0 0;
}

.contact-note{
	font-weight: 700;
	color: rgba(246,248,255,0.9);
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.contact-list{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.contact-list__item{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 12px;
	align-items: center;
	padding: 12px;
	border-radius: 12px;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.1);
}

.contact-list__icon{
	width: 42px;
	height: 42px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: rgba(255,255,255,0.16);
	color: #f6f8ff;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14);
}

.contact-list__icon--accent{
	background: #ffd166;
	color: #0b2545;
	box-shadow: 0 10px 20px rgba(255,209,102,0.3);
}

.contact-list__icon--ghost{
	background: #1f3f8c;
	color: #fff;
	box-shadow: 0 10px 22px rgba(31,63,140,0.3);
}

.contact-list__label{
	font-weight: 800;
	margin: 0;
	color: #f6f8ff;
}

.contact-list__value{
	color: #dce6ff;
	font-weight: 700;
}

.contact-panel__footer{
	padding-top: 4px;
	border-top: 1px dashed rgba(255,255,255,0.25);
}

@media (max-width: 991.98px){
	.contact-grid{
		grid-template-columns: 1fr;
	}
	.contact-hero__title{
		font-size: 24px;
	}
	.contact-shell{
		padding: 12px 10px 30px;
	}
}

@media (max-width: 991.98px){
	.sitemap-hero{
		padding: 24px 18px;
	}
	.sitemap-hero__grid{
		grid-template-columns: 1fr;
	}
	.sitemap-hero__title{
		font-size: 26px;
	}
	.sitemap-chip{
		flex: 1 1 100%;
		min-width: 100%;
	}
}

/* Mobile sticky contact button */
.contact-cta{
	position: fixed;
	right: 16px;
	bottom: 18px;
	width: 64px;
	height: 64px;
	display: grid;
	place-items: center;
	border-radius: 18px;
	background: linear-gradient(140deg, var(--brand-accent), #1f3f8c 75%);
	color: #fff;
	border: none;
	box-shadow: 0 18px 36px rgba(15,23,42,0.32);
	overflow: hidden;
	z-index: 1060;
}

.contact-cta:focus{
	outline: none;
	box-shadow: 0 20px 40px rgba(15,23,42,0.32), 0 0 0 4px rgba(255,255,255,0.2);
}

.contact-cta__halo{
	position: absolute;
	inset: -10%;
	background: radial-gradient(circle at 28% 28%, rgba(255,255,255,0.35), transparent 40%), radial-gradient(circle at 80% 10%, rgba(255,255,255,0.18), transparent 42%);
	opacity: 0.2;
	pointer-events: none;
	animation: contactPulse 2s ease-in-out infinite;
}

.contact-cta__icon{
	width: 42px;
	height: 42px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	background: rgba(255,255,255,0.16);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.22);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18), 0 12px 20px rgba(0,0,0,0.18);
	position: relative;
	z-index: 1;
	font-size: 18px;
}

@media (min-width: 992px){
	.contact-cta{
		display: none;
	}
}

@media (max-width: 480px){
	.contact-cta{
		width: 58px;
		height: 58px;
		right: 12px;
	}
	.contact-cta__icon{
		width: 38px;
		height: 38px;
	}
}

@supports(padding: max(0px)){
	.contact-cta{
		bottom: calc(18px + env(safe-area-inset-bottom));
	}
}

@keyframes contactPulse{
	0%,100%{opacity:0.2;transform:scale(1);}
	50%{opacity:0.35;transform:scale(1.05);}
}