.crm-mdhanway-wrap {
	box-sizing: border-box;
	max-width: 760px;
	margin: 0 auto;
	padding: 20px;
}

.crm-lead-form-wrap {
	max-width: 100%;
	padding: 48px 20px 36px;
}

.crm-mdhanway-form {
	background: #fff;
	border: 1px solid rgba(226, 232, 240, 0.72);
	border-radius: 12px;
	box-shadow: 0 22px 58px rgba(15, 23, 42, 0.1);
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 800px;
	padding: 34px;
	width: min(100%, 800px);
}

.crm-mdhanway-form .crm-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px 22px;
}

.crm-mdhanway-form .crm-full {
	grid-column: 1 / -1;
}

.crm-mdhanway-form .crm-field label {
	display: block;
	margin-bottom: 7px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	color: #07112f;
}

.crm-mdhanway-form .crm-field input,
.crm-mdhanway-form .crm-field textarea {
	border: 0;
	border-radius: 10px;
	box-sizing: border-box;
	background: transparent;
	box-shadow: none;
	color: #07112f;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.45;
	outline: none;
	width: 100%;
}

.crm-mdhanway-form .crm-field input {
	height: 48px;
	padding: 0 14px 0 44px;
}

.crm-input-icon-wrap {
	align-items: center;
	background: #fff;
	border: 1px solid #cfd8e6;
	border-radius: 10px;
	box-sizing: border-box;
	display: flex;
	min-height: 48px;
	position: relative;
	transition: border-color 150ms ease, box-shadow 150ms ease;
	width: 100%;
}

.crm-input-icon-wrap:focus-within,
.crm-phone-input-wrap:focus-within {
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.crm-input-icon {
	color: #006bff;
	display: inline-flex;
	height: 18px;
	left: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
}

.crm-input-icon svg,
.crm-phone-caret svg,
.crm-submit-btn svg {
	display: block;
	height: 100%;
	width: 100%;
}

.crm-input-icon svg,
.crm-phone-caret svg {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.crm-phone-input-wrap {
	align-items: center;
	background: #fff;
	border: 1px solid #cfd8e6;
	border-radius: 10px;
	box-sizing: border-box;
	display: flex;
	height: 48px;
	overflow: hidden;
	transition: border-color 140ms ease, box-shadow 140ms ease;
	width: 100%;
}

.crm-phone-prefix {
	align-items: center;
	align-self: stretch;
	background: #fff;
	border-right: 1px solid #cfd8e6;
	color: #07112f;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 15px;
	font-weight: 600;
	gap: 8px;
	min-width: 108px;
	padding: 0 14px;
	white-space: nowrap;
}

.crm-phone-flag {
	font-size: 18px;
	line-height: 1;
}

.crm-phone-caret {
	color: #07112f;
	display: inline-flex;
	height: 14px;
	width: 14px;
}

.crm-phone-input-wrap input[type="tel"] {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	flex: 1 1 auto;
	height: 46px;
	min-width: 0;
	padding: 0 14px;
}

.crm-mdhanway-form .crm-field input::placeholder,
.crm-mdhanway-form .crm-field textarea::placeholder {
	color: #8590ab;
	opacity: 1;
}

.crm-phone-input-wrap input[type="tel"]:focus {
	border-color: transparent;
	box-shadow: none;
}

.crm-mdhanway-form .crm-field textarea {
	min-height: 124px;
	padding: 14px 14px 14px 44px;
	resize: vertical;
}

.crm-textarea-icon-wrap {
	align-items: flex-start;
	min-height: 124px;
}

.crm-textarea-icon-wrap .crm-input-icon {
	top: 16px;
	transform: none;
}

.crm-field-error {
	color: #b91c1c;
	font-size: 13px;
	line-height: 1.35;
	margin: 7px 0 0;
}

.crm-submit-btn {
	align-items: center;
	display: inline-flex;
	gap: 10px;
	justify-content: center;
	margin-top: 22px;
	width: 100%;
	min-height: 48px;
	padding: 12px 18px;
	border: 0;
	border-radius: 7px;
	background: #006bff;
	box-shadow: 0 14px 24px rgba(0, 92, 230, 0.18);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color 150ms ease, box-shadow 150ms ease;
}

.crm-submit-btn:hover,
.crm-submit-btn:focus {
	background: #005fe3;
	box-shadow: 0 16px 28px rgba(0, 92, 230, 0.22);
	color: #fff;
	outline: none;
}

.crm-submit-btn:focus-visible {
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16), 0 16px 28px rgba(0, 92, 230, 0.22);
}

.crm-submit-btn svg {
	fill: none;
	flex: 0 0 auto;
	height: 18px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	width: 18px;
}

@media (max-width: 640px) {
	.crm-lead-form-wrap {
		padding: 28px 14px;
	}

	.crm-mdhanway-form {
		padding: 26px 18px 22px;
	}

	.crm-mdhanway-form .crm-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.crm-mdhanway-form .crm-field label {
		font-size: 13px;
		margin-bottom: 7px;
	}

	.crm-mdhanway-form .crm-field input,
	.crm-phone-input-wrap {
		height: 48px;
	}

	.crm-input-icon-wrap {
		min-height: 48px;
	}

	.crm-mdhanway-form .crm-field input {
		font-size: 15px;
		padding-left: 42px;
	}

	.crm-input-icon {
		height: 17px;
		left: 15px;
		width: 17px;
	}

	.crm-phone-prefix {
		font-size: 15px;
		gap: 8px;
		min-width: 105px;
		padding: 0 12px;
	}

	.crm-phone-input-wrap input[type="tel"] {
		font-size: 15px;
		height: 46px;
		padding: 0 12px;
	}

	.crm-mdhanway-form .crm-field textarea,
	.crm-textarea-icon-wrap {
		min-height: 118px;
	}

	.crm-mdhanway-form .crm-field textarea {
		font-size: 15px;
		padding: 14px 14px 14px 42px;
	}

	.crm-textarea-icon-wrap .crm-input-icon {
		top: 16px;
	}

	.crm-submit-btn {
		font-size: 15px;
		margin-top: 20px;
		min-height: 48px;
	}
}

@media (max-width: 420px) {
	.crm-lead-form-wrap {
		padding: 22px 12px;
	}

	.crm-mdhanway-form {
		border-radius: 10px;
		padding: 22px 14px 18px;
	}

	.crm-mdhanway-form .crm-grid {
		gap: 15px;
	}

	.crm-phone-prefix {
		min-width: 103px;
		padding: 0 12px;
	}

	.crm-phone-code {
		font-size: 15px;
	}

	.crm-phone-flag {
		font-size: 18px;
	}

	.crm-phone-caret {
		height: 14px;
		width: 14px;
	}

	.crm-phone-input-wrap input[type="tel"] {
		padding: 0 12px;
	}
}

.crm-staff-auth-wrap {
	max-width: 460px;
}

.crm-staff-login-shell {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	max-width: 460px;
	min-height: 58vh;
	padding: 24px 16px;
}

.crm-staff-login-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 34px;
	width: 100%;
}

.crm-staff-login-card h2 {
	color: #111827;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 6px;
	text-align: left;
}

.crm-staff-login-card input[type="text"],
.crm-staff-login-card input[type="password"] {
	background: #fff;
	border: 1px solid #d7dce3;
	border-radius: 8px;
	box-sizing: border-box;
	color: #111827;
	font-size: 15px;
	line-height: 1.4;
	padding: 14px 15px;
	width: 100%;
}

.crm-staff-login-card input[type="text"]:focus,
.crm-staff-login-card input[type="password"]:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
	outline: none;
}

.crm-staff-login-card input::placeholder {
	color: #6b7280;
	opacity: 1;
}

.crm-staff-remember {
	align-items: center;
	color: #374151;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	gap: 9px;
	line-height: 1.4;
	margin: -2px 0 2px;
}

.crm-staff-remember input {
	accent-color: #2563eb;
	height: 16px;
	margin: 0;
	width: 16px;
}

.crm-staff-login-card button {
	background: #2563eb;
	border: 0;
	border-radius: 8px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	padding: 14px 18px;
	width: 100%;
}

.crm-staff-login-card button:hover,
.crm-staff-login-card button:focus {
	background: #1d4ed8;
	outline: none;
}

.crm-staff-login-notice {
	border: 1px solid #d1d5db;
	border-radius: 8px;
	box-sizing: border-box;
	margin-bottom: 14px;
	padding: 12px 14px;
	width: 100%;
}

.crm-staff-login-notice-error {
	background: #fef2f2;
	border-color: #fecaca;
	color: #991b1b;
}

.crm-staff-login-notice-success {
	background: #ecfdf5;
	border-color: #a7f3d0;
	color: #065f46;
}

.crm-screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}

.crm-staff-brand {
	margin-bottom: 16px;
	text-align: center;
}

.crm-staff-brand h2,
.crm-staff-dashboard-header h2 {
	color: #111827;
	font-size: 28px;
	line-height: 1.2;
	margin: 0 0 6px;
}

.crm-staff-brand p,
.crm-staff-dashboard-header p {
	color: #64748b;
	margin: 0;
}

.crm-staff-login-form .crm-field + .crm-field {
	margin-top: 16px;
}

.crm-staff-message {
	border: 1px solid #d1d5db;
	border-radius: 8px;
	margin-bottom: 16px;
	padding: 12px 14px;
}

.crm-staff-message-error {
	background: #fef2f2;
	border-color: #fecaca;
	color: #991b1b;
}

.crm-staff-message-success {
	background: #ecfdf5;
	border-color: #a7f3d0;
	color: #065f46;
}

.crm-staff-dashboard-wrap {
	box-sizing: border-box;
	margin: 0;
	max-width: none;
	padding: 0;
	width: 100%;
}

.crm-staff-dashboard-header {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 18px;
	width: 100%;
}

.crm-staff-profile-header {
	align-items: center;
	display: flex;
	gap: 12px;
	min-width: 0;
}

.crm-staff-profile-avatar {
	--crm-staff-avatar-size: clamp(48px, 4vw, 58px);
	align-items: center;
	aspect-ratio: 1 / 1;
	background: #eef2ff;
	border-radius: 50%;
	color: #1e3a8a;
	display: flex;
	flex: 0 0 var(--crm-staff-avatar-size);
	font-size: 16px;
	font-weight: 800;
	height: var(--crm-staff-avatar-size);
	justify-content: center;
	line-height: 1;
	overflow: hidden;
	text-transform: uppercase;
	width: var(--crm-staff-avatar-size);
}

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

.crm-staff-profile-copy {
	min-width: 0;
}

.crm-staff-profile-copy h2,
.crm-staff-profile-copy p {
	overflow-wrap: anywhere;
}

.crm-leaderboard {
	box-sizing: border-box;
	color: #111827;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: 0;
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}

.crm-leaderboard *,
.crm-leaderboard *::before,
.crm-leaderboard *::after {
	box-sizing: border-box;
}

.crm-leaderboard-tabs {
	background: #fff;
	border: 1px solid #eef2f7;
	border-radius: 999px;
	box-shadow: 0 12px 34px rgba(15, 23, 42, 0.1);
	display: grid;
	gap: 6px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 auto 28px;
	max-width: 560px;
	padding: 8px;
}

.crm-leaderboard-tab {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 999px;
	color: #0f172a;
	display: inline-flex;
	font-size: 15px;
	font-weight: 650;
	justify-content: center;
	line-height: 1.25;
	min-height: 44px;
	padding: 10px 18px;
	text-decoration: none;
	transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.crm-leaderboard .crm-leaderboard-tabs .crm-leaderboard-tab,
.crm-leaderboard .crm-leaderboard-tabs .crm-leaderboard-tab:visited,
.crm-leaderboard .crm-leaderboard-tabs .crm-leaderboard-tab:hover,
.crm-leaderboard .crm-leaderboard-tabs .crm-leaderboard-tab:focus,
.crm-leaderboard .crm-leaderboard-tabs .crm-leaderboard-tab:active {
	text-decoration: none !important;
}

.crm-leaderboard-tab:hover,
.crm-leaderboard-tab:focus {
	color: #0f172a;
	outline: none;
}

.crm-leaderboard-tab.is-active {
	background: linear-gradient(180deg, #d8fbfb 0%, #c4f4f4 100%);
	border-color: #82dddd;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .75);
}

.crm-leaderboard-layout {
	align-items: end;
	display: grid;
	gap: clamp(24px, 4vw, 56px);
	grid-template-columns: minmax(310px, .95fr) minmax(420px, 1.55fr);
	width: 100%;
}

.crm-leaderboard-layout-no-rest {
	display: block;
}

.crm-leaderboard-empty {
	background: #fff;
	border: 1px solid #e8edf5;
	border-radius: 26px;
	box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
	color: #64748b;
	font-size: 15px;
	font-weight: 650;
	margin: 0 auto;
	max-width: 560px;
	padding: 32px;
	text-align: center;
}

.crm-leaderboard-feature-area {
	min-width: 0;
}

.crm-leaderboard-podium {
	align-items: end;
	display: grid;
	gap: 0;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0 auto;
	max-width: 470px;
	min-height: 430px;
}

.crm-leaderboard-feature-count-1 {
	grid-template-columns: minmax(0, 220px);
	justify-content: center;
}

.crm-leaderboard-feature-count-2 {
	grid-template-columns: repeat(2, minmax(0, 210px));
	justify-content: center;
}

.crm-leaderboard-feature {
	align-items: center;
	display: flex;
	flex-direction: column;
	min-width: 0;
	position: relative;
	text-align: center;
}

.crm-leaderboard-feature-rank-1 {
	order: 2;
}

.crm-leaderboard-feature-rank-2 {
	order: 1;
}

.crm-leaderboard-feature-rank-3 {
	order: 3;
}

.crm-leaderboard-feature-count-1 .crm-leaderboard-feature-rank-1,
.crm-leaderboard-feature-count-2 .crm-leaderboard-feature-rank-1 {
	order: 1;
}

.crm-leaderboard-feature-count-2 .crm-leaderboard-feature-rank-2 {
	order: 2;
}

.crm-leaderboard-feature-avatar,
.crm-leaderboard-row-avatar {
	align-items: center;
	aspect-ratio: 1 / 1;
	background: #e8fbfb;
	border: 1px solid #9ee8e8;
	border-radius: 50%;
	box-shadow: 0 10px 26px rgba(15, 23, 42, .14);
	color: #0f766e;
	display: flex;
	font-weight: 800;
	justify-content: center;
	overflow: hidden;
}

.crm-leaderboard-feature-avatar {
	border: 2px solid #cbf7f7;
	font-size: 22px;
	height: clamp(76px, 7.5vw, 96px);
	margin-bottom: 14px;
	width: clamp(76px, 7.5vw, 96px);
}

.crm-leaderboard-row-avatar {
	font-size: 14px;
	height: 52px;
	width: 52px;
}

.crm-leaderboard-feature-avatar img,
.crm-leaderboard-row-avatar img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.crm-leaderboard-feature h3,
.crm-leaderboard-row-main h3 {
	color: #0f172a;
	font-weight: 800;
	letter-spacing: 0;
	overflow-wrap: anywhere;
}

.crm-leaderboard-feature h3 {
	font-size: clamp(18px, 1.8vw, 22px);
	line-height: 1.25;
	margin: 0 0 12px;
	max-width: 170px;
}

.crm-leaderboard-reward-pill {
	background: #fff;
	border: 1px solid #e7edf3;
	border-radius: 13px;
	box-shadow: 0 10px 22px rgba(15, 23, 42, .11);
	color: #111827;
	font-size: clamp(15px, 1.45vw, 18px);
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 18px;
	padding: 10px 18px;
	white-space: nowrap;
}

.crm-leaderboard-feature-sales {
	color: #64748b;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	margin: -8px 0 14px;
}

.crm-leaderboard-podium-block {
	align-items: center;
	background: linear-gradient(180deg, #f5ffff 0%, #e9fbfb 100%);
	border: 1px solid #d6f0f0;
	border-top: 22px solid #42d2c9;
	box-shadow: 0 22px 32px rgba(20, 184, 166, .16);
	display: flex;
	justify-content: center;
	min-height: 150px;
	width: 100%;
}

.crm-leaderboard-feature-rank-1 .crm-leaderboard-podium-block {
	min-height: 240px;
}

.crm-leaderboard-feature-rank-2 .crm-leaderboard-podium-block {
	min-height: 185px;
}

.crm-leaderboard-feature-rank-3 .crm-leaderboard-podium-block {
	min-height: 150px;
}

.crm-leaderboard-podium-block span {
	color: #111827;
	font-size: clamp(64px, 7.8vw, 108px);
	font-weight: 900;
	line-height: 1;
	text-shadow: 0 8px 16px rgba(15, 23, 42, .14);
}

.crm-leaderboard-rest-panel {
	background: #fff;
	border: 1px solid #e9edf4;
	border-radius: 28px;
	box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
	min-height: 360px;
	min-width: 0;
	padding: 28px 18px 28px 28px;
	position: relative;
}

.crm-leaderboard-rest-notch {
	align-items: center;
	background: #fff;
	border-bottom: 1px solid #e9edf4;
	border-left: 1px solid #e9edf4;
	border-right: 1px solid #e9edf4;
	border-radius: 0 0 36px 36px;
	display: flex;
	height: 36px;
	justify-content: center;
	left: 50%;
	position: absolute;
	top: -1px;
	transform: translate(-50%, -50%);
	width: 86px;
}

.crm-leaderboard-rest-notch span {
	border: 4px solid #44d1cb;
	border-radius: 50%;
	height: 18px;
	width: 18px;
}

.crm-leaderboard-rest-list {
	display: grid;
	gap: 20px;
	max-height: min(52vh, 520px);
	overflow-y: auto;
	padding: 16px 12px 0 0;
	scrollbar-color: #43d0cb #e5e7eb;
	scrollbar-width: thin;
}

.crm-leaderboard-rest-list::-webkit-scrollbar {
	width: 8px;
}

.crm-leaderboard-rest-list::-webkit-scrollbar-track {
	background: #e5e7eb;
	border-radius: 999px;
}

.crm-leaderboard-rest-list::-webkit-scrollbar-thumb {
	background: #43d0cb;
	border-radius: 999px;
}

.crm-leaderboard-row {
	align-items: center;
	background: #fff;
	border: 1px solid #edf1f6;
	border-radius: 18px;
	box-shadow: 0 10px 24px rgba(15, 23, 42, .07);
	display: grid;
	gap: 18px;
	grid-template-columns: auto auto minmax(0, 1fr) auto;
	min-height: 84px;
	padding: 16px 26px;
}

.crm-leaderboard-row-rank {
	align-items: center;
	background: #fff;
	border: 2px solid #48d2ce;
	border-radius: 50%;
	color: #0f172a;
	display: flex;
	font-size: 14px;
	font-weight: 800;
	height: 34px;
	justify-content: center;
	width: 34px;
}

.crm-leaderboard-row-main {
	min-width: 0;
}

.crm-leaderboard-row-main h3 {
	font-size: clamp(17px, 1.55vw, 22px);
	line-height: 1.25;
	margin: 0 0 4px;
}

.crm-leaderboard-row-main span {
	color: #64748b;
	font-size: 12px;
	font-weight: 650;
}

.crm-leaderboard-row > strong {
	color: #070b16;
	font-size: clamp(19px, 2vw, 28px);
	font-weight: 900;
	line-height: 1.1;
	white-space: nowrap;
}

.crm-mdhanway-wrap.crm-earning-dashboard {
	box-sizing: border-box;
	color: #172033;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: 0;
	margin: 0 auto;
	max-width: none;
	padding: clamp(12px, 2vw, 22px);
	width: 100%;
}

.crm-earning-dashboard *,
.crm-earning-dashboard *::before,
.crm-earning-dashboard *::after {
	box-sizing: border-box;
}

.crm-earning-shell {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: clamp(30px, 4.5vw, 58px);
	width: 100%;
}

.crm-earning-greeting {
	margin-bottom: clamp(42px, 5vw, 70px);
}

.crm-earning-greeting h2 {
	color: #172033;
	font-size: 44px;
	font-weight: 750;
	letter-spacing: 0;
	line-height: 1.18;
	margin: 0;
	overflow-wrap: anywhere;
}

.crm-earning-greeting h2 span:first-of-type {
	color: #1684f2;
}

.crm-earning-wave {
	display: inline-block;
	font-size: .9em;
	line-height: 1;
	vertical-align: .02em;
}

.crm-earning-section-heading {
	margin-bottom: 28px;
}

.crm-earning-section-heading h3 {
	color: #172033;
	font-size: 28px;
	font-weight: 760;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0 0 12px;
}

.crm-earning-section-heading p {
	color: #5d6678;
	font-size: 21px;
	line-height: 1.35;
	margin: 0;
}

.crm-earning-summary-panel {
	background: rgba(255, 255, 255, .86);
	border: 1px solid #e1e8f1;
	border-radius: 26px;
	box-shadow: 0 18px 46px rgba(15, 23, 42, .08);
	padding: clamp(22px, 3vw, 34px);
	width: 100%;
}

.crm-earning-card-grid {
	display: grid;
	gap: clamp(22px, 2.8vw, 32px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: 100%;
}

.crm-earning-card {
	align-items: center;
	background: #fff;
	border: 1px solid #e1e8f1;
	border-radius: 20px;
	box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) minmax(92px, 156px);
	min-height: 156px;
	overflow: hidden;
	padding: clamp(24px, 3vw, 34px);
	position: relative;
}

.crm-earning-card-copy {
	min-width: 0;
}

.crm-earning-card h3 {
	color: #172033;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.28;
	margin: 0 0 24px;
	overflow-wrap: anywhere;
}

.crm-earning-card strong {
	color: #172033;
	display: block;
	font-size: 44px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1;
	white-space: nowrap;
}

.crm-earning-card-today strong {
	color: #f59a23;
}

.crm-earning-card-last-7-days strong {
	color: #b45cef;
}

.crm-earning-card-last-30-days strong {
	color: #14aaa9;
}

.crm-earning-card-all-time h3,
.crm-earning-card-all-time strong {
	color: #1684f2;
}

.crm-earning-visual {
	align-items: center;
	color: #1684f2;
	display: flex;
	height: 86px;
	justify-content: flex-end;
	justify-self: end;
	max-width: 158px;
	position: relative;
	width: 100%;
}

.crm-earning-card-today .crm-earning-visual {
	color: #f59a23;
}

.crm-earning-card-last-7-days .crm-earning-visual {
	color: #b45cef;
}

.crm-earning-card-last-30-days .crm-earning-visual {
	color: #14aaa9;
}

.crm-earning-visual svg {
	display: block;
	filter: drop-shadow(0 10px 14px rgba(15, 23, 42, .08));
	height: 78px;
	width: 145px;
}

.crm-earning-visual path {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 7;
}

.crm-earning-visual-line::after {
	border-radius: 22px;
	bottom: 5px;
	content: "";
	height: 58px;
	position: absolute;
	right: 0;
	width: 130px;
	z-index: 0;
}

.crm-earning-card-today .crm-earning-visual-line::after {
	background: linear-gradient(180deg, rgba(245, 154, 35, .16), transparent);
}

.crm-earning-card-all-time .crm-earning-visual-line::after {
	background: linear-gradient(180deg, rgba(22, 132, 242, .16), transparent);
}

.crm-earning-visual-line svg {
	position: relative;
	z-index: 1;
}

.crm-earning-visual-bars {
	align-items: flex-end;
	gap: 12px;
	padding-right: 20px;
}

.crm-earning-bar {
	background: linear-gradient(180deg, #cf75ff 0%, #a34ce8 100%);
	border-radius: 999px;
	box-shadow: 0 10px 18px rgba(180, 92, 239, .25);
	display: block;
	width: 15px;
}

.crm-earning-bar-1 {
	height: 46px;
}

.crm-earning-bar-2 {
	height: 68px;
}

.crm-earning-bar-3 {
	height: 34px;
}

.crm-earning-visual-columns {
	align-items: flex-end;
	gap: 14px;
	padding-right: 10px;
}

.crm-earning-column {
	background: linear-gradient(180deg, rgba(226, 232, 240, .85) 0%, rgba(20, 170, 169, .15) 34%, #14aaa9 100%);
	border-radius: 999px;
	box-shadow: 0 10px 18px rgba(20, 170, 169, .16);
	display: block;
	width: 12px;
}

.crm-earning-column-1 {
	height: 70px;
}

.crm-earning-column-2 {
	height: 52px;
}

.crm-earning-column-3 {
	height: 64px;
}

.crm-earning-column-4 {
	height: 70px;
}

.crm-earning-column-5 {
	height: 58px;
}

.crm-payment-history-section {
	margin-top: clamp(28px, 4vw, 46px);
}

.crm-payment-history-heading {
	margin-bottom: 18px;
}

.crm-payment-history-heading h3 {
	color: #172033;
	font-size: 28px;
	font-weight: 760;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0;
}

.crm-payment-history-search {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 16px;
	width: 100%;
}

.crm-payment-history-search input[type="search"] {
	background: #fff;
	border: 1px solid #d7dde8;
	border-radius: 8px;
	box-shadow: none;
	box-sizing: border-box;
	color: #111827;
	flex: 1 1 320px;
	font-size: 14px;
	line-height: 1.4;
	min-height: 42px;
	padding: 10px 12px;
	width: 100%;
}

.crm-payment-history-search input[type="search"]:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
	outline: none;
}

.crm-payment-history-search .crm-admin-btn {
	flex: 0 0 auto;
}

.crm-payment-history-panel {
	background: rgba(255, 255, 255, .9);
	border: 1px solid #e1e8f1;
	border-radius: 26px;
	box-shadow: 0 18px 46px rgba(15, 23, 42, .08);
	overflow: hidden;
	width: 100%;
}

.crm-payment-history-scroll {
	overflow-x: auto;
	width: 100%;
}

.crm-payment-history-table {
	background: #fff;
	border-collapse: collapse;
	color: #172033;
	min-width: 640px;
	width: 100%;
}

.crm-payment-history-table th,
.crm-payment-history-table td {
	border-bottom: 1px solid #edf1f6;
	padding: 18px 22px;
	text-align: left;
	vertical-align: top;
}

.crm-payment-history-table th {
	background: #f8fbff;
	color: #46556d;
	font-size: 13px;
	font-weight: 760;
	letter-spacing: 0;
	line-height: 1.35;
}

.crm-payment-history-table tr:last-child td {
	border-bottom: 0;
}

.crm-payment-history-id {
	color: #172033;
	font-size: 14px;
	font-weight: 780;
	white-space: nowrap;
	width: 110px;
}

.crm-payment-history-lead {
	max-width: none;
}

.crm-payment-history-table th:last-child {
	text-align: center;
}

.crm-payment-history-reward {
	color: #16a34a;
	font-size: 20px;
	font-weight: 850;
	line-height: 1.25;
	text-align: center !important;
	white-space: nowrap;
	width: 180px;
}

.crm-payment-history-empty {
	color: #64748b;
	font-size: 15px;
	font-weight: 650;
	line-height: 1.45;
	padding: 30px 24px;
	text-align: center;
}

.crm-payment-history-pagination {
	justify-content: center;
}

.crm-staff-dashboard-header form {
	margin-left: auto;
}

.crm-staff-logout-btn {
	background: #111827;
	border: 0;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	padding: 11px 16px;
}

.crm-staff-summary {
	box-sizing: border-box;
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	margin-bottom: 18px;
	min-width: 0;
	width: 100%;
}

.crm-staff-summary > div,
.crm-staff-table-panel {
	background: #fff;
	border: 1px solid #e6e8ef;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 16px;
	box-shadow: 0 10px 24px rgba(16, 24, 40, 0.06);
}

.crm-staff-table-panel {
	min-width: 0;
	width: 100%;
}

.crm-staff-summary span {
	color: #64748b;
	display: block;
	font-size: 13px;
	margin-bottom: 6px;
}

.crm-staff-summary strong {
	color: #111827;
	display: block;
	font-size: 20px;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.crm-staff-table-panel h3 {
	color: #111827;
	font-size: 20px;
	margin: 0 0 14px;
}

.crm-staff-table-scroll {
	max-width: 100%;
	overflow-x: auto;
}

.crm-staff-lead-table {
	border-collapse: collapse;
	min-width: 860px;
	width: 100%;
}

.crm-staff-lead-table th,
.crm-staff-lead-table td {
	border-bottom: 1px solid #e5e7eb;
	color: #111827;
	padding: 12px;
	text-align: left;
	vertical-align: top;
}

.crm-staff-lead-table th {
	background: #f8fafc;
	font-size: 13px;
	font-weight: 700;
}

.crm-staff-lead-table td {
	font-size: 14px;
}

.crm-staff-lead-row-new {
	animation: crm-staff-new-lead 2.8s ease-out;
}

@keyframes crm-staff-new-lead {
	0% {
		background: #ecfdf5;
	}

	100% {
		background: transparent;
	}
}

.crm-staff-leads-admin {
	box-sizing: border-box;
	color: #111827;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: 0;
	min-width: 0;
	width: 100%;
}

.crm-leads-search-card,
.crm-leads-table-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
	box-sizing: border-box;
	margin-bottom: 16px;
	width: 100%;
}

.crm-leads-search-card {
	padding: 16px;
}

.crm-staff-leads-admin .crm-leads-search-card form {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
}

.crm-staff-leads-admin .crm-leads-search-card input[type="search"] {
	flex: 1 1 320px;
}

.crm-staff-leads-admin .crm-leads-search-card select {
	flex: 0 1 180px;
}

.crm-staff-leads-admin .crm-leads-search-card .crm-admin-btn {
	flex: 0 0 auto;
}

.crm-leads-search-card input[type="search"],
.crm-leads-search-card select {
	background: #fff;
	border: 1px solid #d7dde8;
	border-radius: 8px;
	box-shadow: none;
	box-sizing: border-box;
	color: #111827;
	font-size: 14px;
	line-height: 1.4;
	min-height: 42px;
	padding: 10px 12px;
	width: 100%;
}

.crm-leads-search-card select {
	max-width: 190px;
}

.crm-leads-search-card input[type="search"]:focus,
.crm-leads-search-card select:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
	outline: none;
}

.crm-admin-btn,
.crm-page-btn,
.crm-action-toggle,
.crm-icon-btn {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 8px;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-flex;
	font-size: 13px;
	font-weight: 650;
	gap: 6px;
	justify-content: center;
	line-height: 1.25;
	min-height: 38px;
	padding: 9px 13px;
	text-decoration: none;
	transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.crm-admin-btn:disabled,
.crm-page-btn:disabled,
.crm-action-toggle:disabled,
.crm-icon-btn:disabled {
	cursor: not-allowed;
	opacity: 0.55;
}

.crm-admin-btn-primary {
	background: #2563eb;
	border-color: #2563eb;
	color: #fff;
}

.crm-admin-btn-primary:hover,
.crm-admin-btn-primary:focus {
	background: #1d4ed8;
	border-color: #1d4ed8;
	color: #fff;
	outline: none;
}

.crm-admin-btn-secondary,
.crm-page-btn {
	background: #fff;
	border-color: #d7dde8;
	color: #334155;
}

.crm-admin-btn-secondary:hover,
.crm-admin-btn-secondary:focus,
.crm-page-btn:hover,
.crm-page-btn:focus {
	background: #f8fafc;
	border-color: #b9c2d2;
	color: #0f172a;
	outline: none;
}

.crm-leads-table-card {
	overflow: visible;
	position: relative;
}

.crm-leads-table-header {
	align-items: flex-start;
	border-bottom: 1px solid #edf0f5;
	display: flex;
	justify-content: space-between;
	padding: 16px 18px;
}

.crm-leads-table-header h2 {
	color: #0f172a;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
}

.crm-leads-table-header p {
	color: #64748b;
	font-size: 13px;
	line-height: 1.45;
	margin: 5px 0 0;
}

.crm-leads-loading {
	background: rgba(255, 255, 255, 0.82);
	border-radius: 8px;
	color: #475569;
	font-size: 13px;
	font-weight: 650;
	inset: 58px 0 54px;
	padding-top: 24px;
	position: absolute;
	text-align: center;
	z-index: 2;
}

.crm-leads-table-scroll {
	max-width: 100%;
	overflow-x: auto;
}

.crm-leads-table {
	border-collapse: separate;
	border-spacing: 0;
	min-width: 1080px;
	table-layout: fixed;
	width: 100%;
}

.crm-col-id {
	width: 70px;
}

.crm-col-lead-details {
	width: 260px;
}

.crm-col-quality {
	width: 120px;
}

.crm-col-stage {
	width: 150px;
}

.crm-col-status {
	width: 130px;
}

.crm-col-date {
	width: 150px;
}

.crm-col-action {
	width: 74px;
}

.crm-leads-table th,
.crm-leads-table td {
	border-bottom: 1px solid #edf0f5;
	color: #111827;
	font-size: 13px;
	line-height: 1.45;
	padding: 13px 16px;
	text-align: left;
	vertical-align: middle;
}

.crm-leads-table th {
	background: #f8fafc;
	color: #64748b;
	font-size: 12px;
	font-weight: 700;
	text-transform: none;
}

.crm-leads-table tr:last-child td {
	border-bottom: 0;
}

.crm-id-cell {
	color: #64748b;
	font-weight: 700;
	white-space: nowrap;
}

.crm-lead-details-cell {
	display: grid;
	gap: 4px;
	max-width: 360px;
}

.crm-lead-details-cell strong {
	color: #111827;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
}

.crm-lead-details-cell > span:not(.crm-status-badge),
.crm-lead-details-cell > .crm-lead-phone-link {
	color: #64748b;
	font-size: 12px;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.crm-lead-details-cell > .crm-lead-phone-link {
	text-decoration: none;
}

.crm-lead-details-cell > .crm-lead-phone-link:hover,
.crm-lead-details-cell > .crm-lead-phone-link:focus {
	text-decoration: underline;
}

.crm-lead-details-cell .crm-status-badge {
	margin-top: 2px;
	width: fit-content;
}

.crm-lead-message-preview {
	display: -webkit-box;
	margin-top: 2px;
	max-width: 340px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.crm-status-badge {
	align-items: center;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 999px;
	color: #166534;
	display: inline-flex;
	font-size: 12px;
	font-weight: 650;
	gap: 6px;
	line-height: 1.2;
	padding: 6px 9px;
	white-space: nowrap;
}

.crm-status-dot {
	background: #22c55e;
	border-radius: 999px;
	height: 7px;
	width: 7px;
}

.crm-quality-badge,
.crm-quality-empty,
.crm-stage-badge,
.crm-stage-empty {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 12px;
	font-weight: 650;
	line-height: 1.2;
	padding: 6px 9px;
	white-space: nowrap;
}

.crm-quality-badge {
	background: #f8fafc;
	border: 1px solid #dbe3ef;
	color: #334155;
}

.crm-stage-badge {
	background: #eef2ff;
	border: 1px solid #c7d2fe;
	color: #3730a3;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.crm-stage-cell {
	align-items: center;
	display: inline-flex;
	flex-direction: column;
	gap: 7px;
	width: 100%;
}

.crm-follow-up-date-text {
	align-items: center;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 999px;
	color: #166534;
	display: inline-flex;
	font-size: 12px;
	font-weight: 650;
	line-height: 1.2;
	padding: 6px 9px;
	white-space: nowrap;
}

.crm-staff-leads-table th:nth-child(4),
.crm-staff-leads-table td:nth-child(4) {
	text-align: center;
}

.crm-stage-badge-follow-up {
	align-items: flex-start;
	flex-direction: column;
	white-space: normal;
}

.crm-stage-badge-follow-up small {
	color: #475569;
	display: block;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.25;
}

.crm-quality-empty,
.crm-stage-empty {
	color: #94a3b8;
	padding-left: 0;
	padding-right: 0;
}

.crm-lead-status-badge,
.crm-lead-status-empty {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 12px;
	font-weight: 650;
	gap: 6px;
	line-height: 1.2;
	padding: 6px 9px;
	white-space: nowrap;
}

.crm-lead-status-success {
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	color: #166534;
}

.crm-lead-status-pending {
	background: #fffbeb;
	border: 1px solid #fde68a;
	color: #92400e;
}

.crm-lead-status-lost {
	background: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
}

.crm-lead-status-dot {
	background: currentColor;
	border-radius: 999px;
	height: 7px;
	width: 7px;
}

.crm-lead-status-empty {
	color: #94a3b8;
	padding-left: 0;
	padding-right: 0;
}

.crm-leads-table td.crm-discussion-column {
	vertical-align: top;
}

.crm-discussion-cell {
	color: #475569;
	font-size: 12px;
	line-height: 1.45;
	max-width: none;
	overflow-wrap: anywhere;
	white-space: pre-wrap;
	word-break: break-word;
}

.crm-discussion-empty {
	color: #94a3b8;
	font-size: 12px;
	font-weight: 650;
}

.crm-date-cell {
	display: grid;
	gap: 2px;
	white-space: nowrap;
}

.crm-date-line {
	color: #111827;
	font-size: 13px;
	line-height: 1.35;
}

.crm-time-line {
	color: #64748b;
	font-size: 12px;
	line-height: 1.35;
}

.crm-actions-cell {
	position: relative;
	text-align: left;
	width: 74px;
}

.crm-action-wrap {
	display: flex;
	justify-content: flex-start;
	position: relative;
	width: 100%;
}

.crm-action-toggle {
	background: #fff;
	border-color: #d7dde8;
	color: #334155;
	height: 34px;
	min-height: 34px;
	padding: 0;
	width: 34px;
}

.crm-staff-leads-admin .crm-action-toggle,
.crm-staff-leads-admin .crm-action-toggle:hover,
.crm-staff-leads-admin .crm-action-toggle:focus,
.crm-staff-leads-admin .crm-action-toggle:active {
	color: #334155;
}

.crm-action-toggle:hover,
.crm-action-toggle:focus {
	background: #f8fafc;
	border-color: #b9c2d2;
	outline: none;
}

.crm-dots,
.crm-dots::before,
.crm-dots::after {
	background: currentColor;
	border-radius: 50%;
	display: block;
	height: 4px;
	width: 4px;
}

.crm-dots {
	position: relative;
}

.crm-dots::before,
.crm-dots::after {
	content: "";
	position: absolute;
	top: 0;
}

.crm-dots::before {
	left: -7px;
}

.crm-dots::after {
	right: -7px;
}

.crm-action-menu {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
	box-sizing: border-box;
	max-width: 148px;
	min-width: 126px;
	overflow: hidden;
	padding: 6px;
	position: fixed;
	left: 0;
	right: auto;
	top: 0;
	transform: none;
	white-space: nowrap;
	z-index: 100001;
}

.crm-action-menu button {
	background: transparent;
	border: 0;
	border-radius: 6px;
	color: #334155;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	padding: 9px 10px;
	text-align: left;
	width: 100%;
}

.crm-action-menu button:hover,
.crm-action-menu button:focus {
	background: #f8fafc;
	color: #0f172a;
	outline: none;
}

.crm-action-note {
	color: #64748b;
	display: block;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.35;
	padding: 9px 10px;
	white-space: nowrap;
}

.crm-empty-state {
	color: #64748b !important;
	font-size: 14px !important;
	padding: 28px 16px !important;
	text-align: center !important;
}

.crm-leads-pagination {
	align-items: center;
	border-top: 1px solid #edf0f5;
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	padding: 14px 18px;
}

.crm-page-btn {
	height: 36px;
	min-height: 36px;
	padding: 0;
	width: 38px;
}

.crm-page-current {
	align-items: center;
	background: #eff6ff;
	border: 1px solid #bfdbfe;
	border-radius: 8px;
	color: #1d4ed8;
	display: inline-flex;
	font-size: 13px;
	font-weight: 750;
	height: 36px;
	justify-content: center;
	min-width: 38px;
	padding: 0 12px;
}

.crm-lead-modal {
	inset: 0;
	overflow: hidden;
	position: fixed;
	z-index: 100000;
}

.crm-lead-modal-backdrop {
	background: rgba(15, 23, 42, 0.32);
	inset: 0;
	position: absolute;
}

.crm-lead-modal-panel {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.2);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 80vh;
	left: 50%;
	max-height: calc(100vh - 32px);
	max-width: calc(100vw - 32px);
	overflow: hidden;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: min(80vw, 960px);
}

.crm-lead-modal-header {
	align-items: flex-start;
	border-bottom: 1px solid #edf0f5;
	display: flex;
	flex: 0 0 auto;
	justify-content: space-between;
	padding: 18px 20px;
}

.crm-lead-modal-header h2 {
	color: #0f172a;
	font-size: 18px;
	font-weight: 750;
	line-height: 1.3;
	margin: 0;
}

.crm-lead-modal-header p {
	color: #64748b;
	font-size: 13px;
	line-height: 1.45;
	margin: 5px 0 0;
}

.crm-icon-btn {
	background: #fff;
	border-color: #d7dde8;
	color: #334155;
	font-size: 20px;
	height: 34px;
	min-height: 34px;
	padding: 0;
	width: 34px;
}

.crm-edit-grid {
	display: grid;
	flex: 1 1 auto;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	min-height: 0;
	overscroll-behavior: contain;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 18px 20px;
}

.crm-lead-modal-panel form {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	overflow: hidden;
}

.crm-edit-grid label {
	display: grid;
	gap: 7px;
}

.crm-edit-grid label span {
	color: #334155;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
}

.crm-edit-grid input,
.crm-edit-grid select,
.crm-edit-grid textarea {
	border: 1px solid #d7dde8;
	border-radius: 8px;
	box-shadow: none;
	box-sizing: border-box;
	color: #111827;
	font-size: 14px;
	line-height: 1.4;
	min-height: 40px;
	padding: 9px 11px;
	width: 100%;
}

.crm-edit-grid textarea {
	resize: vertical;
}

.crm-edit-grid input:focus,
.crm-edit-grid select:focus,
.crm-edit-grid textarea:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
	outline: none;
}

.crm-edit-full {
	grid-column: 1 / -1;
}

.crm-modal-message {
	border-radius: 8px;
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.4;
	margin: 0 20px 14px;
	padding: 10px 12px;
}

.crm-modal-message-error {
	background: #fef2f2;
	color: #991b1b;
}

.crm-modal-message-success {
	background: #ecfdf5;
	color: #166534;
}

.crm-modal-actions {
	align-items: center;
	border-top: 1px solid #edf0f5;
	display: flex;
	flex: 0 0 auto;
	gap: 10px;
	justify-content: flex-end;
	padding: 16px 20px;
}

.crm-mdhanway-wrap.crm-goal-dashboard {
	box-sizing: border-box;
	color: #07112f;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: 0;
	margin: 0;
	max-width: none;
	min-width: 0;
	overflow-wrap: break-word;
	padding: 0;
	width: 100%;
}

.crm-goal-dashboard *,
.crm-goal-dashboard *::before,
.crm-goal-dashboard *::after {
	box-sizing: border-box;
}

.crm-goal-header {
	align-items: flex-start;
	display: flex;
	gap: 20px;
	justify-content: space-between;
	margin-bottom: 26px;
	min-width: 0;
	width: 100%;
}

.crm-goal-header > div {
	min-width: 0;
}

.crm-goal-header-actions {
	align-items: flex-start;
	display: flex;
	flex: 0 0 auto;
	gap: 24px;
	justify-content: flex-end;
	max-width: 100%;
	min-width: 0;
}

.crm-goal-header h2 {
	color: #07112f;
	font-size: clamp(28px, 2vw, 32px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0 0 8px;
	overflow-wrap: anywhere;
}

.crm-goal-header p {
	color: #4d5a7c;
	font-size: clamp(14px, 1.05vw, 16px);
	font-weight: 400;
	line-height: 1.4;
	margin: 0;
	overflow-wrap: anywhere;
}

.crm-goal-month-control {
	flex: 0 0 auto;
	max-width: 100%;
	min-width: 0;
	position: relative;
}

.crm-goal-month-trigger,
.crm-goal-apply-month,
.crm-goal-save-button {
	align-items: center;
	background: #fff;
	border: 1px solid #dce4f1;
	border-radius: 10px;
	box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
	color: #07112f;
	cursor: pointer;
	display: inline-flex;
	font-size: 15px;
	font-weight: 600;
	gap: 10px;
	justify-content: center;
	line-height: 1.2;
	max-width: 100%;
	min-height: 56px;
	padding: 13px 20px;
	text-decoration: none;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
	white-space: nowrap;
}

.crm-goal-apply-month:hover,
.crm-goal-apply-month:focus,
.crm-goal-save-button:hover,
.crm-goal-save-button:focus {
	border-color: #9db7ff;
	box-shadow: 0 12px 28px rgba(37, 99, 235, .14);
	outline: none;
	transform: translateY(-1px);
}

.crm-goal-month-trigger {
	min-width: 184px;
	transition: none;
}

.crm-goal-month-trigger:hover,
.crm-goal-month-trigger:focus,
.crm-goal-month-trigger:active,
.crm-goal-month-trigger[aria-expanded="true"],
.crm-goal-month-control.open .crm-goal-month-trigger,
.crm-goal-month-control.is-open .crm-goal-month-trigger {
	background: #fff;
	border-color: #dce4f1;
	box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
	color: #07112f;
	outline: none;
	text-decoration: none;
	transform: none;
}

.crm-goal-month-trigger .dashicons {
	color: #0f4dd7;
	font-size: 20px;
	height: 20px;
	width: 20px;
}

.crm-goal-month-trigger:hover .dashicons,
.crm-goal-month-trigger:focus .dashicons,
.crm-goal-month-trigger:active .dashicons,
.crm-goal-month-trigger[aria-expanded="true"] .dashicons,
.crm-goal-month-control.open .crm-goal-month-trigger .dashicons,
.crm-goal-month-control.is-open .crm-goal-month-trigger .dashicons {
	color: #0f4dd7;
}

.crm-goal-month-popover {
	background: #fff;
	border: 1px solid #dce4f1;
	border-radius: 14px;
	box-shadow: 0 20px 46px rgba(15, 23, 42, .16);
	display: grid;
	gap: 12px;
	padding: 14px;
	position: absolute;
	right: 0;
	top: calc(100% + 8px);
	max-width: 100%;
	width: min(280px, 84vw);
	z-index: 20;
}

.crm-goal-month-popover[hidden] {
	display: none;
}

.crm-goal-month-popover label {
	display: grid;
	gap: 7px;
}

.crm-goal-month-popover label > span,
.crm-goal-info-field > span,
.crm-goal-card-copy > span {
	color: #07112f;
	font-size: 12px;
	font-weight: 650;
	letter-spacing: 0;
	text-transform: uppercase;
}

.crm-goal-month-popover select,
.crm-goal-month-popover input,
.crm-goal-card-copy input {
	background: #fff;
	border: 1px solid #d8e1ef;
	border-radius: 10px;
	box-shadow: none;
	color: #07112f;
	font-size: 15px;
	font-weight: 650;
	min-height: 44px;
	padding: 10px 12px;
	width: 100%;
}

.crm-goal-month-popover select:focus,
.crm-goal-month-popover input:focus,
.crm-goal-card-copy input:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, .13);
	outline: none;
}

.crm-goal-apply-month,
.crm-goal-save-button {
	background: linear-gradient(135deg, #2563eb, #0f7cf5);
	border-color: transparent;
	color: #fff;
	box-shadow: 0 12px 24px rgba(37, 99, 235, .22);
}

.crm-goal-month-popover .crm-goal-apply-month {
	min-height: 44px;
	padding: 10px 14px;
}

.crm-goal-save-button-header {
	border-radius: 8px;
	box-shadow: 0 16px 28px rgba(37, 99, 235, .24);
	font-size: 15px;
	font-weight: 600;
	gap: 10px;
	min-width: 150px;
	padding-left: 24px;
	padding-right: 24px;
}

.crm-goal-save-button-header .dashicons {
	font-size: 18px;
	height: 18px;
	width: 18px;
}

.crm-goal-save-button:disabled {
	cursor: progress;
	opacity: .68;
	transform: none;
}

.crm-goal-top-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	margin-bottom: 20px;
	min-width: 0;
	width: 100%;
}

.crm-goal-panel,
.crm-goal-stay-card {
	background: rgba(255, 255, 255, .92);
	border: 1px solid #dde6f3;
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
	max-width: 100%;
	min-width: 0;
	padding: clamp(20px, 2vw, 28px);
	width: 100%;
}

.crm-goal-section-title {
	align-items: center;
	display: flex;
	gap: 14px;
	margin-bottom: 22px;
	min-width: 0;
}

.crm-goal-section-title > div {
	min-width: 0;
}

.crm-goal-section-title h3 {
	color: #07112f;
	font-size: clamp(20px, 1.35vw, 22px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0;
	overflow-wrap: anywhere;
}

.crm-goal-section-title p {
	color: #07112f;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.45;
	margin: 8px 0 0;
	overflow-wrap: anywhere;
}

.crm-goal-section-icon {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 26px;
	height: 32px;
	justify-content: center;
	width: 32px;
}

.crm-goal-section-icon-blue {
	color: #0f7cf5;
}

.crm-goal-section-icon-purple {
	color: #5839ff;
}

.crm-goal-info-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	margin-bottom: 34px;
	min-width: 0;
}

.crm-goal-info-field {
	display: grid;
	gap: 10px;
	min-width: 0;
}

.crm-goal-info-box {
	align-items: center;
	background: #fff;
	border: 1px solid #d8e1ef;
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(15, 23, 42, .04);
	display: flex;
	gap: 14px;
	max-width: 100%;
	min-height: 56px;
	min-width: 0;
	padding: 11px 16px;
}

.crm-goal-info-box .dashicons {
	color: #0f4dd7;
	font-size: 20px;
	height: 20px;
	width: 20px;
}

.crm-goal-info-box strong {
	color: #07112f;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25;
	min-width: 0;
	overflow-wrap: anywhere;
}

.crm-goal-staff-box img,
.crm-goal-avatar-fallback {
	border-radius: 50%;
	flex: 0 0 auto;
	height: 42px;
	width: 42px;
}

.crm-goal-staff-box img {
	object-fit: cover;
}

.crm-goal-avatar-fallback {
	align-items: center;
	background: linear-gradient(135deg, #dbeafe, #bfdbfe);
	color: #0f4dd7;
	display: inline-flex;
	font-size: 15px;
	font-weight: 700;
	justify-content: center;
}

.crm-goal-card-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	min-width: 0;
	width: 100%;
}

.crm-goal-target-card {
	align-items: center;
	background: #fff;
	border: 1px solid #bdd5ff;
	border-radius: 10px;
	display: flex;
	gap: 16px;
	grid-column: span 2;
	max-width: 100%;
	min-height: 100px;
	min-width: 0;
	overflow: hidden;
	padding: 16px;
	text-decoration: none;
}

.crm-goal-target-revenue {
	background: linear-gradient(135deg, #fff, #f7fff9);
	border-color: #a7e8c2;
}

.crm-goal-target-pending {
	background: linear-gradient(135deg, #fff, #fffcf1);
	border-color: #f6d77a;
}

.crm-goal-target-invite {
	grid-column: span 3;
}

.crm-goal-target-webinar {
	background: linear-gradient(135deg, #fff, #fcfaff);
	border-color: #d6c5ff;
}

.crm-goal-target-mentor {
	background: linear-gradient(135deg, #fff, #f4feff);
	border-color: #a7e6ef;
}

.crm-goal-card-icon {
	align-items: center;
	background: linear-gradient(135deg, #2377ff, #1269e7);
	border-radius: 10px;
	box-shadow: 0 10px 20px rgba(18, 105, 231, .22);
	color: #fff;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 28px;
	height: 54px;
	justify-content: center;
	width: 54px;
}

.crm-goal-target-revenue .crm-goal-card-icon {
	background: linear-gradient(135deg, #15c763, #07a649);
	box-shadow: 0 10px 20px rgba(7, 166, 73, .2);
}

.crm-goal-target-pending .crm-goal-card-icon {
	background: linear-gradient(135deg, #ffe8a3, #f4b520);
	box-shadow: 0 10px 20px rgba(244, 181, 32, .2);
	color: #b77903;
}

.crm-goal-target-webinar .crm-goal-card-icon {
	background: linear-gradient(135deg, #a855f7, #7c3aed);
	box-shadow: 0 10px 20px rgba(124, 58, 237, .2);
}

.crm-goal-target-mentor .crm-goal-card-icon {
	background: linear-gradient(135deg, #16d4df, #06b6d4);
	box-shadow: 0 10px 20px rgba(6, 182, 212, .2);
}

.crm-goal-card-copy {
	display: grid;
	gap: 8px;
	min-width: 0;
	overflow-wrap: anywhere;
	width: 100%;
}

.crm-goal-card-copy input,
.crm-goal-card-copy strong,
.crm-goal-money-entry {
	border: 0;
	color: #07112f;
	font-size: clamp(24px, 1.65vw, 28px);
	font-weight: 550;
	letter-spacing: 0;
	line-height: 1.15;
	margin: 0;
	max-width: 100%;
	min-width: 0;
	padding: 0;
}

.crm-goal-money-entry {
	align-items: center;
	display: flex;
	gap: 8px;
	min-width: 0;
}

.crm-goal-money-entry > span {
	flex: 0 0 auto;
}

.crm-goal-money-entry input {
	flex: 1 1 auto;
	min-width: 0;
}

.crm-goal-card-copy input:focus {
	border: 0;
	box-shadow: none;
	outline: 2px solid rgba(37, 99, 235, .18);
	outline-offset: 4px;
}

.crm-goal-card-copy input:disabled,
.crm-goal-money-entry input:disabled {
	color: #475569;
	cursor: not-allowed;
	opacity: .75;
}

.crm-goal-target-leads .crm-goal-card-copy input,
.crm-goal-target-revenue .crm-goal-money-entry,
.crm-goal-target-revenue .crm-goal-money-entry input,
.crm-goal-target-webinar .crm-goal-card-copy input,
.crm-goal-target-mentor .crm-goal-card-copy input {
	font-weight: 500;
}

.crm-goal-card-copy input::-webkit-outer-spin-button,
.crm-goal-card-copy input::-webkit-inner-spin-button {
	margin: 0;
}

.crm-goal-form-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: flex-end;
	margin-top: 20px;
}

.crm-goal-message {
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
	padding: 8px 12px;
}

.crm-goal-message.is-success {
	background: #ecfdf5;
	color: #047857;
}

.crm-goal-message.is-error {
	background: #fef2f2;
	color: #b91c1c;
}

.crm-goal-benchmark {
	background: rgba(255, 255, 255, .78);
	border: 1px solid #dde6f3;
	border-radius: 10px;
	margin-bottom: 16px;
	padding: 18px 20px;
}

.crm-goal-benchmark h4 {
	color: #07112f;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.3;
	margin: 0 0 12px;
}

.crm-goal-benchmark p {
	align-items: center;
	color: #07112f;
	display: flex;
	font-size: 12px;
	font-weight: 400;
	gap: 10px;
	line-height: 1.45;
	margin: 0 0 10px;
}

.crm-goal-benchmark p:last-child {
	margin-bottom: 0;
}

.crm-goal-dot {
	border-radius: 50%;
	display: inline-block;
	flex: 0 0 auto;
	height: 12px;
	width: 12px;
}

.crm-goal-dot-green {
	background: #09b85f;
}

.crm-goal-dot-yellow {
	background: #f4bd18;
}

.crm-goal-dot-red {
	background: #ef3b35;
}

.crm-goal-table-scroll {
	display: block;
	max-width: 100%;
	min-width: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

.crm-goal-table {
	background: #fff;
	border: 1px solid #dde6f3;
	border-collapse: separate;
	border-radius: 10px;
	border-spacing: 0;
	color: #07112f;
	min-width: 600px;
	overflow: hidden;
	width: 100%;
}

.crm-goal-table th,
.crm-goal-table td {
	border-bottom: 1px solid #e8edf6;
	border-right: 1px solid #e8edf6;
	padding: 14px 16px;
	text-align: center;
	vertical-align: middle;
}

.crm-goal-table th:last-child,
.crm-goal-table td:last-child {
	border-right: 0;
}

.crm-goal-table tr:last-child td {
	border-bottom: 0;
}

.crm-goal-table th {
	background: #f9fbff;
	color: #07112f;
	font-size: 12px;
	font-weight: 650;
	letter-spacing: 0;
	line-height: 1.3;
	text-transform: uppercase;
}

.crm-goal-table td {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
}

.crm-goal-table td:first-child,
.crm-goal-table th:first-child {
	text-align: left;
}

.crm-goal-table-metric {
	align-items: center;
	display: inline-flex;
	gap: 10px;
	font-weight: 650;
}

.crm-goal-row-icon {
	align-items: center;
	background: #eef5ff;
	border-radius: 50%;
	color: #0f7cf5;
	display: inline-flex;
	font-size: 18px;
	height: 34px;
	justify-content: center;
	width: 34px;
}

.crm-goal-row-icon-green {
	background: #eafbf1;
	color: #0ea85b;
}

.crm-goal-percent,
.crm-goal-zone-text-red {
	color: #ef1111;
	font-weight: 650;
}

.crm-goal-zone-text-yellow {
	color: #b77903;
}

.crm-goal-zone-text-green {
	color: #05a34f;
}

.crm-goal-zone {
	border-radius: 8px;
	display: inline-flex;
	font-size: 12px;
	font-weight: 600;
	justify-content: center;
	line-height: 1.2;
	min-width: 64px;
	padding: 7px 12px;
}

.crm-goal-zone-red {
	background: #ffe3e5;
	color: #ed1c24;
}

.crm-goal-zone-yellow {
	background: #fff4cf;
	color: #a16207;
}

.crm-goal-zone-green {
	background: #dff7ea;
	color: #079247;
}

.crm-goal-conversion-panel {
	margin-bottom: 20px;
}

.crm-goal-stay-card {
	align-items: center;
	display: flex;
	gap: 18px;
}

.crm-goal-stay-icon {
	align-items: center;
	background: linear-gradient(135deg, #7b4dff, #4e38f5);
	border-radius: 50%;
	box-shadow: 0 12px 24px rgba(78, 56, 245, .24);
	color: #fff;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 26px;
	height: 54px;
	justify-content: center;
	width: 54px;
}

.crm-goal-stay-card h3 {
	color: #11118f;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 6px;
}

.crm-goal-stay-card p {
	color: #07112f;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
}

@media (max-width: 1160px) {
	.crm-goal-top-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 960px) {
	.crm-leaderboard-tabs {
		margin-bottom: 24px;
		max-width: 640px;
	}

	.crm-leaderboard-layout {
		align-items: stretch;
		gap: 28px;
		grid-template-columns: 1fr;
	}

	.crm-leaderboard-podium {
		max-width: 720px;
		min-height: 560px;
	}

	.crm-leaderboard-feature-rank-1 .crm-leaderboard-podium-block {
		min-height: 300px;
	}

	.crm-leaderboard-feature-rank-2 .crm-leaderboard-podium-block {
		min-height: 235px;
	}

	.crm-leaderboard-feature-rank-3 .crm-leaderboard-podium-block {
		min-height: 200px;
	}

	.crm-leaderboard-rest-panel {
		border-radius: 26px;
		min-height: 0;
		padding: 34px 14px 24px 24px;
	}

	.crm-leaderboard-rest-list {
		max-height: 520px;
	}

	.crm-earning-shell {
		padding: 32px;
	}

	.crm-earning-greeting {
		margin-bottom: 44px;
	}

	.crm-earning-card {
		grid-template-columns: minmax(0, 1fr) minmax(84px, 128px);
		min-height: 148px;
	}

	.crm-earning-greeting h2 {
		font-size: 38px;
	}

	.crm-earning-section-heading h3 {
		font-size: 26px;
	}

	.crm-earning-section-heading p {
		font-size: 19px;
	}

	.crm-earning-card h3 {
		font-size: 22px;
	}

	.crm-earning-card strong {
		font-size: 40px;
	}

	.crm-payment-history-heading h3 {
		font-size: 26px;
	}

	.crm-goal-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.crm-goal-target-card,
	.crm-goal-target-invite {
		grid-column: span 1;
	}
}

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

	.crm-staff-login-shell {
		min-height: auto;
		padding: 18px 12px;
	}

	.crm-staff-login-card {
		padding: 26px 20px;
	}

	.crm-staff-login-card h2 {
		font-size: 24px;
	}

	.crm-staff-dashboard-header {
		align-items: flex-start;
		flex-direction: column;
	}

	.crm-staff-dashboard-header form {
		margin-left: 0;
	}

	.crm-staff-summary {
		grid-template-columns: 1fr;
	}

	.crm-staff-leads-admin .crm-leads-search-card form {
		align-items: stretch;
	}

	.crm-leads-search-card select {
		max-width: 100%;
	}

	.crm-staff-leads-admin .crm-leads-search-card input[type="search"],
	.crm-staff-leads-admin .crm-leads-search-card select,
	.crm-staff-leads-admin .crm-leads-search-card .crm-admin-btn {
		flex-basis: 100%;
	}

	.crm-admin-btn {
		width: 100%;
	}

	.crm-leads-table-header,
	.crm-leads-pagination {
		align-items: flex-start;
		flex-direction: column;
	}

	.crm-leads-pagination {
		align-items: stretch;
		flex-direction: row;
		justify-content: center;
	}

	.crm-edit-grid {
		grid-template-columns: 1fr;
	}

	.crm-mdhanway-wrap.crm-earning-dashboard {
		padding: 12px;
	}

	.crm-earning-card-grid {
		grid-template-columns: 1fr;
	}

	.crm-earning-card {
		min-height: 138px;
	}

	.crm-payment-history-panel {
		border-radius: 22px;
	}

	.crm-mdhanway-wrap.crm-goal-dashboard {
		padding: 0;
	}

	.crm-goal-header {
		align-items: stretch;
		flex-direction: column;
		margin-bottom: 22px;
	}

	.crm-goal-header-actions {
		align-items: stretch;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.crm-goal-month-control,
	.crm-goal-month-trigger {
		width: 100%;
	}

	.crm-goal-month-popover {
		left: 0;
		right: auto;
		width: 100%;
	}

	.crm-goal-panel,
	.crm-goal-stay-card {
		border-radius: 12px;
		padding: 20px;
	}

	.crm-goal-header h2 {
		font-size: clamp(24px, 3vw, 28px);
	}

	.crm-goal-header p {
		font-size: 14px;
	}

	.crm-goal-month-trigger,
	.crm-goal-save-button-header {
		font-size: 14px;
		min-height: 52px;
	}

	.crm-goal-save-button-header .dashicons {
		font-size: 17px;
		height: 17px;
		width: 17px;
	}

	.crm-goal-section-title h3 {
		font-size: clamp(18px, 2.4vw, 20px);
	}

	.crm-goal-info-box strong {
		font-size: 15px;
		font-weight: 600;
	}

	.crm-goal-card-copy input,
	.crm-goal-card-copy strong,
	.crm-goal-money-entry {
		font-size: clamp(20px, 3vw, 24px);
	}

	.crm-goal-table td {
		font-size: 13px;
	}

	.crm-goal-info-grid {
		grid-template-columns: 1fr;
		margin-bottom: 28px;
	}

	.crm-goal-form-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.crm-goal-save-button {
		width: 100%;
	}

	.crm-goal-message {
		border-radius: 10px;
		text-align: center;
	}
}

@media (max-width: 640px) {
	.crm-leaderboard-tabs {
		gap: 4px;
		margin-bottom: 20px;
		padding: 6px;
	}

	.crm-leaderboard-tab {
		font-size: 14px;
		min-height: 42px;
		padding: 9px 10px;
	}

	.crm-leaderboard-podium {
		min-height: 445px;
	}

	.crm-leaderboard-feature-avatar {
		height: 68px;
		margin-bottom: 10px;
		width: 68px;
	}

	.crm-leaderboard-feature h3 {
		font-size: 16px;
		margin-bottom: 9px;
		max-width: 120px;
	}

	.crm-leaderboard-reward-pill {
		border-radius: 12px;
		font-size: 14px;
		margin-bottom: 14px;
		padding: 8px 12px;
	}

	.crm-leaderboard-feature-sales {
		font-size: 11px;
		margin: -7px 0 11px;
	}

	.crm-leaderboard-podium-block {
		border-top-width: 18px;
	}

	.crm-leaderboard-feature-rank-1 .crm-leaderboard-podium-block {
		min-height: 230px;
	}

	.crm-leaderboard-feature-rank-2 .crm-leaderboard-podium-block {
		min-height: 180px;
	}

	.crm-leaderboard-feature-rank-3 .crm-leaderboard-podium-block {
		min-height: 150px;
	}

	.crm-leaderboard-podium-block span {
		font-size: 64px;
	}

	.crm-leaderboard-rest-panel {
		border-radius: 22px;
		padding: 30px 10px 18px 16px;
	}

	.crm-leaderboard-rest-notch {
		height: 30px;
		width: 74px;
	}

	.crm-leaderboard-rest-notch span {
		height: 16px;
		width: 16px;
	}

	.crm-leaderboard-rest-list {
		gap: 14px;
		max-height: 500px;
		padding-right: 8px;
	}

	.crm-leaderboard-row {
		gap: 10px;
		grid-template-columns: auto auto minmax(0, 1fr);
		min-height: 86px;
		padding: 14px;
	}

	.crm-leaderboard-row > strong {
		grid-column: 3;
		justify-self: start;
	}

	.crm-leaderboard-row-avatar {
		height: 46px;
		width: 46px;
	}

	.crm-leaderboard-row-main h3 {
		font-size: 17px;
	}

	.crm-earning-shell {
		padding: 24px 18px;
	}

	.crm-earning-greeting {
		margin-bottom: 34px;
	}

	.crm-earning-greeting h2 {
		font-size: 30px;
	}

	.crm-earning-section-heading {
		margin-bottom: 20px;
	}

	.crm-earning-section-heading h3 {
		font-size: 22px;
		margin-bottom: 8px;
	}

	.crm-earning-section-heading p {
		font-size: 17px;
	}

	.crm-earning-summary-panel {
		border-radius: 20px;
		padding: 16px;
	}

	.crm-earning-card-grid {
		gap: 16px;
	}

	.crm-earning-card {
		border-radius: 16px;
		gap: 12px;
		grid-template-columns: minmax(0, 1fr) 92px;
		min-height: 126px;
		padding: 20px;
	}

	.crm-earning-card h3 {
		font-size: 18px;
		margin-bottom: 18px;
	}

	.crm-earning-card strong {
		font-size: 32px;
	}

	.crm-earning-visual {
		height: 70px;
		max-width: 92px;
	}

	.crm-earning-visual svg {
		height: 64px;
		width: 92px;
	}

	.crm-earning-visual-line::after {
		height: 48px;
		width: 86px;
	}

	.crm-earning-visual-bars {
		gap: 8px;
		padding-right: 8px;
	}

	.crm-earning-bar {
		width: 11px;
	}

	.crm-earning-bar-1 {
		height: 36px;
	}

	.crm-earning-bar-2 {
		height: 54px;
	}

	.crm-earning-bar-3 {
		height: 28px;
	}

	.crm-earning-visual-columns {
		gap: 8px;
		padding-right: 0;
	}

	.crm-earning-column {
		width: 9px;
	}

	.crm-earning-column-1,
	.crm-earning-column-4 {
		height: 58px;
	}

	.crm-earning-column-2 {
		height: 42px;
	}

	.crm-earning-column-3 {
		height: 52px;
	}

	.crm-earning-column-5 {
		height: 46px;
	}

	.crm-payment-history-section {
		margin-top: 30px;
	}

	.crm-payment-history-heading {
		margin-bottom: 14px;
	}

	.crm-payment-history-heading h3 {
		font-size: 22px;
	}

	.crm-payment-history-table {
		min-width: 520px;
	}

	.crm-payment-history-table th,
	.crm-payment-history-table td {
		padding: 15px 16px;
	}

	.crm-payment-history-reward {
		font-size: 18px;
		width: 150px;
	}

	.crm-goal-section-title {
		align-items: flex-start;
		gap: 12px;
	}

	.crm-goal-section-title h3 {
		font-size: 18px;
	}

	.crm-goal-header h2 {
		font-size: 22px;
	}

	.crm-goal-header p {
		font-size: 13px;
	}

	.crm-goal-month-trigger,
	.crm-goal-save-button-header {
		font-size: 13px;
		min-height: 48px;
	}

	.crm-goal-month-trigger .dashicons {
		font-size: 18px;
		height: 18px;
		width: 18px;
	}

	.crm-goal-save-button-header .dashicons {
		font-size: 16px;
		height: 16px;
		width: 16px;
	}

	.crm-goal-month-popover label > span,
	.crm-goal-info-field > span,
	.crm-goal-card-copy > span,
	.crm-goal-table th {
		font-size: 11px;
	}

	.crm-goal-info-box strong {
		font-size: 14px;
		font-weight: 550;
	}

	.crm-goal-card-copy input,
	.crm-goal-card-copy strong,
	.crm-goal-money-entry {
		font-size: clamp(18px, 5vw, 22px);
	}

	.crm-goal-benchmark {
		padding: 16px;
	}

	.crm-goal-benchmark h4 {
		font-size: 12px;
	}

	.crm-goal-benchmark p {
		align-items: flex-start;
		font-size: 11px;
	}

	.crm-goal-table {
		min-width: 560px;
	}

	.crm-goal-card-grid {
		grid-template-columns: 1fr;
	}

	.crm-goal-table th,
	.crm-goal-table td {
		padding: 12px 12px;
	}

	.crm-goal-table td {
		font-size: 12px;
	}

	.crm-goal-stay-card {
		align-items: flex-start;
	}

	.crm-goal-stay-card h3 {
		font-size: 17px;
	}

	.crm-goal-stay-card p {
		font-size: 12px;
	}
}

@media (max-width: 420px) {
	.crm-earning-shell {
		padding: 20px 14px;
	}

	.crm-earning-summary-panel {
		padding: 12px;
	}

	.crm-earning-card {
		grid-template-columns: minmax(0, 1fr) 72px;
		padding: 18px;
	}

	.crm-earning-card strong {
		font-size: 28px;
	}

	.crm-earning-visual {
		max-width: 72px;
	}

	.crm-earning-visual svg {
		width: 72px;
	}

	.crm-earning-visual-line::after {
		width: 68px;
	}

	.crm-earning-visual-columns {
		gap: 6px;
	}

	.crm-payment-history-table {
		min-width: 480px;
	}

	.crm-payment-history-table th,
	.crm-payment-history-table td {
		padding: 14px;
	}

	.crm-payment-history-id {
		width: 82px;
	}

	.crm-payment-history-reward {
		width: 132px;
	}

	.crm-goal-target-card {
		align-items: flex-start;
		flex-direction: column;
	}

	.crm-goal-card-icon {
		font-size: 24px;
		height: 48px;
		width: 48px;
	}

	.crm-goal-table {
		min-width: 520px;
	}
}

.crm-mdhanway-wrap.crm-performance-summary-dashboard {
	box-sizing: border-box;
	color: #07112f;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: 0;
	margin: 0 auto;
	max-width: none;
	min-width: 0;
	padding: clamp(24px, 2.6vw, 40px);
	width: 100%;
}

.crm-performance-summary-dashboard *,
.crm-performance-summary-dashboard *::before,
.crm-performance-summary-dashboard *::after {
	box-sizing: border-box;
}

.crm-performance-summary-header {
	align-items: flex-start;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin-bottom: 24px;
}

.crm-performance-summary-heading {
	align-items: center;
	display: flex;
	gap: 18px;
	min-width: 0;
}

.crm-performance-summary-heading-icon {
	align-items: center;
	background: linear-gradient(135deg, #f3f0ff, #f7f6ff);
	border-radius: 14px;
	color: #675bff;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 30px;
	height: 58px;
	justify-content: center;
	width: 58px;
}

.crm-performance-summary-heading-icon::before {
	font-size: inherit;
	height: auto;
	width: auto;
}

.crm-performance-summary-heading h2 {
	color: #07112f;
	font-size: clamp(21px, 1.85vw, 28px);
	font-weight: 750;
	line-height: 1.2;
	margin: 0 0 8px;
}

.crm-performance-summary-heading p {
	color: #546491;
	font-size: 14px;
	line-height: 1.45;
	margin: 0;
}

.crm-performance-month-control {
	flex: 0 0 auto;
	position: relative;
}

.crm-performance-controls {
	align-items: flex-start;
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: flex-end;
}

.crm-performance-month-trigger,
.crm-performance-apply-month {
	align-items: center;
	appearance: none;
	background: #fff;
	border: 1px solid #dce5f2;
	border-radius: 12px;
	color: #07112f;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 650;
	gap: 12px;
	justify-content: center;
	letter-spacing: 0;
	line-height: 1.2;
	min-height: 48px;
	padding: 0 18px;
	text-decoration: none;
}

.crm-performance-month-trigger {
	min-width: 190px;
}

.crm-performance-date-control {
	align-items: center;
	background: #fff;
	border: 1px solid #dce5f2;
	border-radius: 12px;
	color: #07112f;
	display: inline-flex;
	gap: 10px;
	justify-content: center;
	min-height: 48px;
	padding: 0 14px;
}

.crm-performance-month-trigger .dashicons {
	color: #07112f;
	font-size: 19px;
	height: 19px;
	width: 19px;
}

.crm-performance-date-control .dashicons {
	color: #07112f;
	font-size: 18px;
	height: 18px;
	width: 18px;
}

.crm-performance-date-control input {
	appearance: none;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #07112f;
	font-size: 14px;
	font-weight: 650;
	line-height: 1.2;
	min-height: 0;
	min-width: 132px;
	outline: none;
	padding: 0;
}

.crm-performance-date-control input:focus {
	box-shadow: none;
	outline: none;
}

.crm-performance-clear-date {
	appearance: none;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #546491;
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	padding: 0;
	text-decoration: none;
}

.crm-performance-clear-date:hover,
.crm-performance-clear-date:focus,
.crm-performance-clear-date:active {
	background: transparent;
	box-shadow: none;
	color: #546491;
	outline: none;
	text-decoration: none;
}

.crm-performance-month-trigger:hover,
.crm-performance-month-trigger:focus,
.crm-performance-month-trigger:active,
.crm-performance-month-trigger[aria-expanded="true"] {
	background: #fff;
	border-color: #dce5f2;
	box-shadow: none;
	color: #07112f;
	outline: none;
}

.crm-performance-month-trigger:hover .dashicons,
.crm-performance-month-trigger:focus .dashicons,
.crm-performance-month-trigger:active .dashicons,
.crm-performance-month-trigger[aria-expanded="true"] .dashicons {
	color: #07112f;
}

.crm-performance-month-popover {
	background: #fff;
	border: 1px solid #dce5f2;
	border-radius: 14px;
	box-shadow: 0 20px 45px rgba(15, 23, 42, .14);
	display: grid;
	gap: 12px;
	min-width: 260px;
	padding: 16px;
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	z-index: 20;
}

.crm-performance-month-popover[hidden] {
	display: none;
}

.crm-performance-month-popover label {
	display: grid;
	gap: 6px;
}

.crm-performance-month-popover label > span {
	color: #07112f;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.crm-performance-month-popover select,
.crm-performance-month-popover input {
	background: #fff;
	border: 1px solid #dce5f2;
	border-radius: 10px;
	color: #07112f;
	font-size: 15px;
	font-weight: 500;
	min-height: 44px;
	padding: 0 12px;
	width: 100%;
}

.crm-performance-apply-month {
	background: #2563eb;
	border-color: #2563eb;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	min-height: 46px;
	padding: 0 18px;
}

.crm-performance-apply-month:hover,
.crm-performance-apply-month:focus {
	background: #1d4ed8;
	border-color: #1d4ed8;
	color: #fff;
	outline: none;
}

.crm-performance-table-card,
.crm-performance-overall-card {
	background: #fff;
	border: 1px solid #dce5f2;
	border-radius: 14px;
	box-shadow: 0 18px 40px rgba(15, 23, 42, .05);
	overflow: hidden;
	width: 100%;
}

.crm-performance-table-card {
	margin-bottom: 24px;
}

.crm-performance-table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

.crm-performance-table {
	background: #fff;
	border-collapse: separate;
	border-spacing: 0;
	min-width: 980px;
	width: 100%;
}

.crm-performance-table th,
.crm-performance-table td {
	border-bottom: 1px solid #e2e8f4;
	border-right: 1px solid #e2e8f4;
	padding: 20px 28px;
	text-align: center;
	vertical-align: middle;
}

.crm-performance-table th:first-child,
.crm-performance-table td:first-child {
	text-align: left;
	width: 31%;
}

.crm-performance-table th:last-child,
.crm-performance-table td:last-child {
	border-right: 0;
}

.crm-performance-table tr:last-child td {
	border-bottom: 0;
}

.crm-performance-table th {
	background: #fbfbff;
	color: #07112f;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
}

.crm-performance-table td {
	color: #07112f;
	font-size: 17px;
	font-weight: 550;
	line-height: 1.35;
}

.crm-performance-metric {
	align-items: center;
	display: flex;
	gap: 18px;
	min-width: 0;
}

.crm-performance-metric-icon {
	align-items: center;
	border-radius: 12px;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 24px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.crm-performance-metric-icon::before {
	font-size: inherit;
	height: auto;
	width: auto;
}

.crm-performance-metric-blue {
	background: #eaf6ff;
	border: 1px solid #cfebff;
	color: #1682f3;
}

.crm-performance-metric-orange {
	background: #fff1de;
	border: 1px solid #ffe0ba;
	color: #ff8a00;
}

.crm-performance-metric-green {
	background: #e8f8ee;
	border: 1px solid #cff0da;
	color: #10a651;
}

.crm-performance-metric strong {
	color: #07112f;
	display: block;
	font-size: 16px;
	font-weight: 650;
	line-height: 1.25;
	margin: 0 0 4px;
}

.crm-performance-metric small {
	color: #546491;
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.35;
}

.crm-performance-percent {
	display: block;
	font-size: 18px;
	font-weight: 650;
	line-height: 1.2;
	margin-bottom: 10px;
}

.crm-performance-text-green {
	color: #06983d;
}

.crm-performance-text-yellow {
	color: #ca8a04;
}

.crm-performance-text-red {
	color: #ef262f;
}

.crm-performance-bar {
	background: #e4e8f2;
	border-radius: 999px;
	display: block;
	height: 8px;
	margin: 0 auto;
	max-width: 200px;
	overflow: hidden;
	width: 100%;
}

.crm-performance-bar > span {
	border-radius: inherit;
	display: block;
	height: 100%;
	transition: width .2s ease;
}

.crm-performance-bar-green > span {
	background: #0ba246;
}

.crm-performance-bar-yellow > span {
	background: #f7c400;
}

.crm-performance-bar-red > span {
	background: #ef3037;
}

.crm-performance-status {
	align-items: center;
	border-radius: 10px;
	display: inline-flex;
	font-size: 14px;
	font-weight: 650;
	gap: 9px;
	justify-content: center;
	min-height: 42px;
	min-width: 104px;
	padding: 0 15px;
}

.crm-performance-status .dashicons {
	align-items: center;
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	font-size: 17px;
	height: 22px;
	justify-content: center;
	width: 22px;
}

.crm-performance-status .dashicons::before {
	font-size: inherit;
	height: auto;
	width: auto;
}

.crm-performance-status-green {
	background: #e9f8ee;
	color: #078b38;
}

.crm-performance-status-green .dashicons {
	background: #0ba246;
}

.crm-performance-status-yellow {
	background: #fff8db;
	color: #b77900;
}

.crm-performance-status-yellow .dashicons {
	background: #f2b900;
}

.crm-performance-status-red {
	background: #fff0f0;
	color: #ef262f;
}

.crm-performance-status-red .dashicons {
	background: #ef3037;
}

.crm-performance-overall-card {
	align-items: center;
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(270px, 1.1fr) minmax(300px, .9fr) minmax(270px, 1fr);
	padding: 24px 32px;
}

.crm-performance-overall-intro,
.crm-performance-overall-status,
.crm-performance-overall-score {
	align-items: center;
	display: flex;
	min-width: 0;
}

.crm-performance-overall-intro,
.crm-performance-overall-status {
	gap: 18px;
}

.crm-performance-overall-score,
.crm-performance-overall-status {
	border-left: 1px solid #e2e8f4;
	padding-left: 34px;
}

.crm-performance-overall-icon {
	align-items: center;
	background: linear-gradient(135deg, #eeeaff, #f5f2ff);
	border-radius: 50%;
	color: #6555f5;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 36px;
	height: 74px;
	justify-content: center;
	width: 74px;
}

.crm-performance-overall-icon::before,
.crm-performance-overall-status-icon::before {
	font-size: inherit;
	height: auto;
	width: auto;
}

.crm-performance-overall-card h3 {
	color: #07112f;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 7px;
}

.crm-performance-overall-card p {
	color: #546491;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.45;
	margin: 0;
}

.crm-performance-overall-score {
	gap: 26px;
	justify-content: center;
}

.crm-performance-overall-score strong {
	color: #6657f6;
	font-size: clamp(34px, 3.5vw, 46px);
	font-weight: 700;
	line-height: 1;
}

.crm-performance-ring {
	background: conic-gradient(#6555f5 var(--crm-performance-overall-progress, 0%), #e5e7f1 0);
	border-radius: 50%;
	display: inline-block;
	flex: 0 0 auto;
	height: 66px;
	position: relative;
	width: 66px;
}

.crm-performance-ring::after {
	background: #fff;
	border-radius: 50%;
	content: "";
	inset: 14px;
	position: absolute;
}

.crm-performance-overall-status-icon {
	align-items: center;
	background: #f0edff;
	border-radius: 10px;
	color: #6a5bf5;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 28px;
	height: 56px;
	justify-content: center;
	width: 56px;
}

.crm-performance-overall-yellow .crm-performance-overall-status-icon {
	background: #fff8db;
	color: #ca8a04;
}

.crm-performance-overall-red .crm-performance-overall-status-icon {
	background: #fff0f0;
	color: #ef262f;
}

@media (max-width: 1180px) {
	.crm-performance-summary-header {
		align-items: stretch;
		flex-direction: column;
		margin-bottom: 24px;
	}

	.crm-performance-controls {
		justify-content: stretch;
		width: 100%;
	}

	.crm-performance-month-control,
	.crm-performance-month-trigger,
	.crm-performance-date-control {
		flex: 1 1 220px;
		width: 100%;
	}

	.crm-performance-month-popover {
		left: 0;
		right: auto;
	}

	.crm-performance-overall-card {
		grid-template-columns: 1fr;
	}

	.crm-performance-overall-score,
	.crm-performance-overall-status {
		border-left: 0;
		border-top: 1px solid #e2e8f4;
		justify-content: flex-start;
		padding-left: 0;
		padding-top: 26px;
	}
}

@media (max-width: 700px) {
	.crm-mdhanway-wrap.crm-performance-summary-dashboard {
		padding: 18px 14px;
	}

	.crm-performance-summary-heading {
		align-items: flex-start;
		gap: 16px;
	}

	.crm-performance-summary-heading-icon {
		font-size: 28px;
		height: 52px;
		width: 52px;
	}

	.crm-performance-summary-heading h2 {
		font-size: 22px;
	}

	.crm-performance-summary-heading p {
		font-size: 13px;
	}

	.crm-performance-month-trigger {
		font-size: 14px;
		min-height: 46px;
		padding: 0 16px;
	}

	.crm-performance-date-control {
		justify-content: flex-start;
		min-height: 46px;
		width: 100%;
	}

	.crm-performance-date-control input {
		font-size: 14px;
		min-width: 0;
		width: 100%;
	}

	.crm-performance-table th,
	.crm-performance-table td {
		padding: 18px 22px;
	}

	.crm-performance-table th {
		font-size: 12px;
	}

	.crm-performance-table td,
	.crm-performance-percent {
		font-size: 16px;
	}

	.crm-performance-metric {
		gap: 18px;
	}

	.crm-performance-metric-icon {
		font-size: 22px;
		height: 44px;
		width: 44px;
	}

	.crm-performance-metric strong {
		font-size: 15px;
	}

	.crm-performance-metric small {
		font-size: 12px;
	}

	.crm-performance-overall-card {
		gap: 24px;
		padding: 24px;
	}

	.crm-performance-overall-intro,
	.crm-performance-overall-status,
	.crm-performance-overall-score {
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
	}

	.crm-performance-overall-icon {
		font-size: 32px;
		height: 66px;
		width: 66px;
	}

	.crm-performance-overall-status-icon {
		font-size: 26px;
		height: 52px;
		width: 52px;
	}

	.crm-performance-overall-card h3 {
		font-size: 16px;
	}

	.crm-performance-overall-card p {
		font-size: 13px;
	}
}

.crm-mdhanway-wrap.crm-mdhanway-payment-dashboard {
	box-sizing: border-box;
	color: #07112f;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: 0;
	margin: 0;
	max-width: none;
	min-width: 0;
	padding: clamp(18px, 2vw, 28px);
	width: 100%;
}

.crm-mdhanway-payment-dashboard *,
.crm-mdhanway-payment-dashboard *::before,
.crm-mdhanway-payment-dashboard *::after {
	box-sizing: border-box;
}

.crm-share-dashboard-header {
	margin-bottom: 20px;
}

.crm-share-dashboard-header h2 {
	color: #07112f;
	font-size: clamp(20px, 1.8vw, 26px);
	font-weight: 750;
	line-height: 1.2;
	margin: 0 0 8px;
}

.crm-share-dashboard-header p {
	color: #4d5a7c;
	font-size: 14px;
	line-height: 1.45;
	margin: 0;
}

.crm-share-report-panel,
.crm-share-summary-card,
.crm-share-income-card,
.crm-share-adjustment-card,
.crm-share-payment-due-card,
.crm-share-breakdown,
.crm-share-history-section,
.crm-share-payment-dialog {
	background: rgba(255, 255, 255, .96);
	border: 1px solid #dce4f1;
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}

.crm-share-report-panel {
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
	margin-bottom: 18px;
	padding: 18px 22px;
}

.crm-share-report-main {
	min-width: 0;
}

.crm-share-report-main h3 {
	color: #07112f;
	font-size: 15px;
	font-weight: 750;
	line-height: 1.3;
	margin: 0 0 14px;
}

.crm-share-report-grid {
	align-items: end;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
	min-width: 0;
}

.crm-share-field {
	display: grid;
	gap: 7px;
	min-width: 0;
}

.crm-share-field > span:first-child,
.crm-share-ratio-panel label > span:first-child {
	color: #17254b;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
}

.crm-share-date-control,
.crm-share-ratio-control {
	align-items: center;
	background: #fff;
	border: 1px solid #d8e1ef;
	border-radius: 7px;
	color: #07112f;
	display: flex;
	gap: 10px;
	height: 42px;
	min-height: 42px;
	min-width: 0;
	padding: 8px 12px;
}

.crm-share-date-control .dashicons,
.crm-share-ratio-control > span {
	color: #52658e;
	flex: 0 0 auto;
	font-size: 18px;
	height: 18px;
	width: 18px;
}

.crm-share-date-control input {
	background: transparent;
	border: 0;
	box-shadow: none;
	color: #07112f;
	font-size: 14px;
	font-weight: 550;
	line-height: 1.2;
	min-width: 0;
	padding: 0;
	width: 100%;
}

.crm-share-date-control input:focus {
	box-shadow: none;
	outline: none;
}

.crm-share-period-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: flex-start;
	min-width: 0;
}

.crm-share-period-btn,
.crm-share-view-all,
.crm-share-view-details {
	align-items: center;
	background: #fff;
	border: 1px solid #d8e1ef;
	border-radius: 7px;
	color: #17254b;
	cursor: pointer;
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	gap: 8px;
	justify-content: center;
	line-height: 1.2;
	min-height: 42px;
	padding: 10px 18px;
	text-decoration: none;
	transition: border-color .18s ease, box-shadow .18s ease, color .18s ease;
	white-space: nowrap;
}

.crm-share-view-all:hover,
.crm-share-view-all:focus {
	border-color: #9db7ff;
	box-shadow: 0 10px 22px rgba(37, 99, 235, .12);
	color: #0f4dd7;
	outline: none;
}

.crm-share-period-btn {
	height: 42px;
}

.crm-share-period-btn:hover,
.crm-share-period-btn:focus,
.crm-share-period-btn:active {
	background: #fff;
	border-color: #d8e1ef;
	box-shadow: none;
	color: #17254b;
	outline: none;
}

.crm-share-period-btn.is-active,
.crm-share-period-btn-custom.is-active {
	background: #fff;
	border-color: #6f8dff;
	box-shadow: none;
	color: #174cff;
}

.crm-share-period-btn.is-active:hover,
.crm-share-period-btn.is-active:focus,
.crm-share-period-btn.is-active:active,
.crm-share-period-btn-custom.is-active:hover,
.crm-share-period-btn-custom.is-active:focus,
.crm-share-period-btn-custom.is-active:active {
	background: #fff;
	border-color: #6f8dff;
	box-shadow: none;
	color: #174cff;
	outline: none;
}

.crm-share-ratio-panel {
	border-left: 1px solid #dce4f1;
	padding-left: 22px;
}

.crm-share-ratio-panel label {
	display: grid;
	gap: 8px;
}

.crm-share-ratio-panel .dashicons-info-outline,
.crm-share-card-heading .dashicons-info-outline {
	color: #52658e;
	font-size: 15px;
	height: 15px;
	width: 15px;
}

.crm-share-income-card .crm-share-card-heading .dashicons-info-outline {
	color: #fff;
}

.crm-share-ratio-control strong {
	color: #07112f;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	min-width: 0;
	width: 100%;
}

.crm-share-fixed-income {
	align-items: baseline;
	color: #52608a;
	display: flex;
	font-size: 12px;
	font-weight: 650;
	gap: 5px;
	line-height: 1.25;
	white-space: nowrap;
}

.crm-share-fixed-income strong {
	color: #07112f;
	font-size: 12px;
	font-weight: 750;
	line-height: 1.25;
}

.crm-share-summary-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 18px;
	min-width: 0;
}

.crm-share-summary-card {
	align-items: center;
	display: flex;
	gap: 18px;
	min-height: 92px;
	min-width: 0;
	padding: 18px 20px;
}

.crm-share-summary-card > div,
.crm-share-payment-grid > *,
.crm-share-history-body {
	min-width: 0;
}

.crm-share-summary-card h3 {
	color: #52608a;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 7px;
}

.crm-share-summary-card strong {
	color: #07112f;
	display: block;
	font-size: 21px;
	font-weight: 760;
	line-height: 1.1;
	margin-bottom: 7px;
	overflow-wrap: anywhere;
}

.crm-share-summary-card p {
	color: #52608a;
	font-size: 12px;
	line-height: 1.35;
	margin: 0;
}

.crm-share-summary-icon {
	align-items: center;
	border-radius: 50%;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 26px;
	height: 54px;
	justify-content: center;
	width: 54px;
}

.crm-share-summary-green .crm-share-summary-icon {
	background: #dff8eb;
	color: #168455;
}

.crm-share-summary-orange .crm-share-summary-icon {
	background: #fff0df;
	color: #ff8616;
}

.crm-share-summary-purple .crm-share-summary-icon {
	background: #efe3ff;
	color: #7b2cff;
}

.crm-share-summary-blue .crm-share-summary-icon {
	background: #e4ecff;
	color: #315df3;
}

.crm-share-payment-grid {
	align-items: stretch;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(240px, .95fr) minmax(320px, 1.7fr) minmax(240px, 1fr);
	margin-bottom: 18px;
	min-width: 0;
}

.crm-share-income-card {
	background: linear-gradient(145deg, #6574ff 0%, #3159f5 100%);
	border-color: transparent;
	color: #fff;
	display: flex;
	flex-direction: column;
	min-height: 210px;
	padding: 20px 24px;
}

.crm-share-card-heading {
	align-items: center;
	display: flex;
	gap: 8px;
	justify-content: center;
	min-width: 0;
}

.crm-share-income-card .crm-share-card-heading {
	justify-content: flex-start;
}

.crm-share-card-heading h3 {
	color: inherit;
	font-size: 18px;
	font-weight: 740;
	line-height: 1.25;
	margin: 0;
}

.crm-share-income-card p,
.crm-share-payment-due-card p,
.crm-share-adjustment-card p {
	font-size: 13px;
	line-height: 1.45;
	margin: 8px 0 0;
}

.crm-share-income-card p {
	color: rgba(255, 255, 255, .9);
}

.crm-share-income-card > strong {
	border-top: 1px dashed rgba(255, 255, 255, .55);
	color: #fff;
	display: block;
	font-size: clamp(34px, 3vw, 44px);
	font-weight: 760;
	line-height: 1.05;
	margin-top: 14px;
	padding-top: 14px;
}

.crm-share-income-ratio {
	align-items: center;
	background: rgba(255, 255, 255, .12);
	border-radius: 999px;
	display: flex;
	font-size: 12px;
	gap: 10px;
	justify-content: space-between;
	margin-top: 16px;
	padding: 8px 12px;
}

.crm-share-income-ratio b {
	font-weight: 750;
}

.crm-share-income-card small {
	color: rgba(255, 255, 255, .92);
	display: block;
	font-size: 11px;
	line-height: 1.55;
	margin-top: 16px;
}

.crm-share-adjustment-area {
	display: grid;
	gap: 12px;
	min-width: 0;
}

.crm-share-adjustment-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	min-width: 0;
}

.crm-share-adjustment-card {
	min-height: 142px;
	padding: 20px 24px;
}

.crm-share-adjustment-gold {
	background: linear-gradient(145deg, #fff, #fff7e5);
}

.crm-share-adjustment-rose {
	background: linear-gradient(145deg, #fff, #fff3f7);
}

.crm-share-adjustment-card .crm-share-card-heading {
	justify-content: space-between;
}

.crm-share-adjustment-card h3,
.crm-share-payment-due-card h3 {
	color: #07112f;
	font-size: 15px;
	font-weight: 750;
	line-height: 1.3;
	margin: 0;
}

.crm-share-adjustment-card p,
.crm-share-payment-due-card p {
	color: #52608a;
}

.crm-share-adjustment-value {
	align-items: center;
	display: flex;
	gap: 26px;
	margin-top: 18px;
}

.crm-share-adjustment-icon {
	align-items: center;
	border-radius: 50%;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 24px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.crm-share-adjustment-gold .crm-share-adjustment-icon {
	background: #ffeab3;
	color: #f59e0b;
}

.crm-share-adjustment-rose .crm-share-adjustment-icon {
	background: #ffe0ea;
	color: #ef334b;
}

.crm-share-adjustment-value strong {
	color: #07112f;
	font-size: 22px;
	font-weight: 760;
	line-height: 1.1;
}

.crm-share-adjustment-rose .crm-share-adjustment-value strong {
	color: #e11d48;
}

.crm-share-payment-due-card {
	align-items: center;
	background: linear-gradient(145deg, #fff, #eefaf7);
	color: #0f7a52;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 210px;
	padding: 22px;
	text-align: center;
}

.crm-share-payment-due-card.is-negative {
	background: linear-gradient(145deg, #fff, #fff3f7);
	color: #e11d48;
}

.crm-share-payment-due-card .crm-share-card-heading {
	color: #0f7a52;
}

.crm-share-payment-due-card.is-negative .crm-share-card-heading {
	color: #e11d48;
}

.crm-share-due-icon {
	align-items: center;
	background: #c9f4df;
	border-radius: 50%;
	color: #168455;
	display: inline-flex;
	font-size: 34px;
	height: 62px;
	justify-content: center;
	margin: 20px 0 12px;
	width: 62px;
}

.crm-share-payment-due-card > strong {
	color: #168455;
	font-size: clamp(36px, 3.4vw, 48px);
	font-weight: 760;
	line-height: 1;
}

.crm-share-payment-due-card.is-negative > strong {
	color: #e11d48;
}

.crm-share-breakdown {
	max-width: 100%;
	min-height: 62px;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 10px 12px;
	scrollbar-color: #c9d4e8 transparent;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

.crm-share-breakdown::-webkit-scrollbar {
	height: 6px;
}

.crm-share-breakdown::-webkit-scrollbar-track {
	background: transparent;
}

.crm-share-breakdown::-webkit-scrollbar-thumb {
	background: #c9d4e8;
	border-radius: 999px;
}

.crm-share-breakdown-track {
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(9, max-content);
	justify-content: center;
	min-width: 100%;
	width: max-content;
}

.crm-share-breakdown-item {
	display: grid;
	gap: 4px;
	min-width: 80px;
	text-align: center;
}

.crm-share-breakdown-item small {
	color: #52608a;
	font-size: 9px;
	font-weight: 700;
	line-height: 1.2;
}

.crm-share-breakdown-item strong {
	color: #07112f;
	font-size: 11px;
	font-weight: 760;
	line-height: 1.2;
}

.crm-share-breakdown-item:last-child strong {
	color: #168455;
}

.crm-mdhanway-payment-dashboard.has-negative-payment-due .crm-share-breakdown-item:last-child strong {
	color: #e11d48;
}

.crm-share-breakdown-symbol {
	color: #18335d;
	font-size: 18px;
	font-weight: 800;
}

.crm-share-history-section {
	padding: 16px 22px 12px;
}

.crm-share-history-title {
	align-items: center;
	display: flex;
	gap: 10px;
	margin-bottom: 12px;
}

.crm-share-history-title .dashicons {
	color: #52658e;
	font-size: 18px;
	height: 18px;
	width: 18px;
}

.crm-share-history-title h3 {
	color: #07112f;
	font-size: 16px;
	font-weight: 750;
	line-height: 1.25;
	margin: 0;
}

.crm-share-history-scroll {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

.crm-share-history-table {
	background: #fff;
	border: 1px solid #dce4f1;
	border-collapse: separate;
	border-radius: 9px;
	border-spacing: 0;
	color: #07112f;
	font-size: 13px;
	min-width: 780px;
	overflow: hidden;
	width: 100%;
}

.crm-share-history-table th,
.crm-share-history-table td {
	border-bottom: 1px solid #e7edf7;
	padding: 16px 18px;
	text-align: center;
	vertical-align: middle;
}

.crm-share-history-table th {
	background: #fbfcff;
	color: #17254b;
	font-size: 12px;
	font-weight: 750;
	line-height: 1.2;
}

.crm-share-history-table tr:last-child td {
	border-bottom: 0;
}

.crm-share-view-details {
	border-color: #9db7ff;
	color: #174cff;
	min-height: 36px;
	padding: 8px 12px;
}

.crm-share-view-details:hover,
.crm-share-view-details:focus,
.crm-share-view-details:active {
	background: #fff;
	border-color: #9db7ff;
	box-shadow: none;
	color: #174cff;
	outline: none;
}

.crm-share-view-details .dashicons {
	font-size: 15px;
	height: 15px;
	width: 15px;
}

.crm-share-history-empty {
	color: #52608a;
	font-weight: 650;
	padding: 24px !important;
}

.crm-share-view-all-wrap {
	display: flex;
	justify-content: center;
	padding-top: 10px;
}

.crm-share-view-all {
	border-color: transparent;
	box-shadow: none;
	color: #174cff;
	min-height: 34px;
	padding: 8px 14px;
	transition: none;
}

.crm-share-view-all:hover,
.crm-share-view-all:focus,
.crm-share-view-all:active {
	background: #fff;
	border-color: transparent;
	box-shadow: none;
	color: #174cff;
	opacity: 1;
	outline: none;
	text-decoration: none;
	transform: none;
}

.crm-share-view-all:disabled {
	cursor: default;
	opacity: .6;
}

.crm-share-payment-modal[hidden] {
	display: none;
}

.crm-share-payment-modal {
	align-items: center;
	display: flex;
	inset: 0;
	justify-content: center;
	padding: 20px;
	position: fixed;
	z-index: 9999;
}

.crm-share-payment-modal-backdrop {
	background: rgba(7, 17, 47, .48);
	inset: 0;
	position: absolute;
}

.crm-share-payment-dialog {
	display: flex;
	flex-direction: column;
	max-height: 80vh;
	max-width: 560px;
	overflow: hidden;
	position: relative;
	width: min(100%, 560px);
	z-index: 1;
}

.crm-share-payment-dialog header {
	align-items: center;
	border-bottom: 1px solid #e7edf7;
	display: flex;
	justify-content: space-between;
	padding: 16px 18px;
}

.crm-share-payment-dialog h3 {
	color: #07112f;
	font-size: 18px;
	font-weight: 750;
	margin: 0;
}

.crm-share-payment-dialog header button {
	align-items: center;
	background: #f8fafc;
	border: 1px solid #dce4f1;
	border-radius: 8px;
	color: #07112f;
	cursor: pointer;
	display: inline-flex;
	font-size: 22px;
	height: 34px;
	justify-content: center;
	line-height: 1;
	width: 34px;
}

.crm-share-payment-detail-body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	padding: 18px;
}

.crm-share-payment-detail-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.crm-share-payment-detail-grid > div {
	background: #fbfcff;
	border: 1px solid #e7edf7;
	border-radius: 9px;
	display: grid;
	gap: 6px;
	padding: 12px;
}

.crm-share-payment-detail-grid span {
	color: #52608a;
	font-size: 12px;
	font-weight: 700;
}

.crm-share-payment-detail-grid strong {
	color: #07112f;
	font-size: 15px;
	font-weight: 750;
}

.crm-share-payment-detail-notes {
	grid-column: 1 / -1;
}

.crm-share-payment-detail-notes p,
.crm-share-payment-detail-empty {
	color: #52608a;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
}

@media (max-width: 1180px) {
	.crm-share-summary-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.crm-share-payment-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.crm-share-breakdown-track {
		justify-content: start;
	}
}

@media (max-width: 820px) {
	.crm-mdhanway-wrap.crm-mdhanway-payment-dashboard {
		padding: 18px 14px;
	}

	.crm-share-report-panel {
		grid-template-columns: minmax(0, 1fr);
		padding: 16px;
	}

	.crm-share-report-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.crm-share-ratio-panel {
		border-left: 0;
		border-top: 1px solid #dce4f1;
		padding-left: 0;
		padding-top: 16px;
	}

	.crm-share-summary-grid,
	.crm-share-adjustment-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.crm-share-summary-card,
	.crm-share-adjustment-card,
	.crm-share-income-card,
	.crm-share-payment-due-card,
	.crm-share-history-section {
		padding: 16px;
	}

	.crm-share-period-actions {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.crm-share-period-btn {
		padding-left: 10px;
		padding-right: 10px;
		white-space: normal;
	}
}

@media (max-width: 520px) {
	.crm-share-dashboard-header h2 {
		font-size: 22px;
	}

	.crm-share-period-actions {
		grid-template-columns: minmax(0, 1fr);
	}

	.crm-share-summary-card {
		align-items: flex-start;
	}

	.crm-share-income-ratio {
		align-items: flex-start;
		border-radius: 12px;
		flex-direction: column;
	}

	.crm-share-breakdown-symbol {
		line-height: 1;
	}

	.crm-share-payment-detail-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}