:root {
	--ida-bg-primary: #ffffff;
	--ida-bg-secondary: #f5f7fb;
	--ida-bg-tertiary: #eef3fb;
	--ida-bg-elevated: #ffffff;
	--ida-text-primary: #1a1a1a;
	--ida-text-secondary: #6b7280;
	--ida-border: rgba(0, 0, 0, 0.08);
	--ida-accent: #4f6cff;
	--ida-accent-strong: #7c8cff;
	--ida-success: #22c55e;
	--ida-warning: #f59e0b;
	--ida-danger: #ef4444;
	--ida-on-accent: #ffffff;
	--ida-surface-soft: rgba(255, 255, 255, 0.78);
	--ida-accent-soft: rgba(79, 108, 255, 0.14);
	--ida-success-soft: rgba(34, 197, 94, 0.15);
	--ida-warning-soft: rgba(245, 158, 11, 0.16);
	--ida-danger-soft: rgba(239, 68, 68, 0.15);
	--ida-muted-soft: rgba(148, 163, 184, 0.16);
	--ida-loader-track: rgba(255, 255, 255, 0.36);
	--ida-loader-thumb: #ffffff;
	--ida-shadow-card: 0 12px 32px rgba(15, 23, 42, 0.06);
	--ida-shadow-strong: 0 20px 48px rgba(79, 108, 255, 0.2);
	--ida-shadow-danger: 0 18px 42px rgba(239, 68, 68, 0.12);
	--ida-shadow-inset: 0 0 0 1px rgba(79, 108, 255, 0.05);
	--ida-glass-surface: rgba(255, 255, 255, 0.78);
	--ida-glass-strong: rgba(255, 255, 255, 0.9);
	--ida-glass-line: rgba(255, 255, 255, 0.45);
	--ida-glass-shadow: 0 24px 48px rgba(15, 23, 42, 0.12);
	--ida-glow-ring: 0 0 0 1px rgba(79, 108, 255, 0.16);
}

.dark-mode {
	--ida-bg-primary: #0b1020;
	--ida-bg-secondary: #11182e;
	--ida-bg-tertiary: #1a2440;
	--ida-bg-elevated: #151d35;
	--ida-text-primary: #ffffff;
	--ida-text-secondary: #9ca3af;
	--ida-border: rgba(255, 255, 255, 0.08);
	--ida-accent: #5b7cff;
	--ida-accent-strong: #8a7cff;
	--ida-surface-soft: rgba(18, 25, 45, 0.88);
	--ida-accent-soft: rgba(91, 124, 255, 0.2);
	--ida-success-soft: rgba(34, 197, 94, 0.18);
	--ida-warning-soft: rgba(245, 158, 11, 0.2);
	--ida-danger-soft: rgba(239, 68, 68, 0.2);
	--ida-muted-soft: rgba(148, 163, 184, 0.14);
	--ida-shadow-card: 0 0 0 1px rgba(91, 124, 255, 0.12), 0 22px 46px rgba(0, 0, 0, 0.44);
	--ida-shadow-strong: 0 0 0 1px rgba(91, 124, 255, 0.16), 0 26px 50px rgba(0, 0, 0, 0.48);
	--ida-shadow-danger: 0 0 0 1px rgba(239, 68, 68, 0.14), 0 26px 50px rgba(0, 0, 0, 0.48);
	--ida-shadow-inset: 0 0 0 1px rgba(255, 255, 255, 0.04);
	--ida-glass-surface: rgba(18, 25, 45, 0.74);
	--ida-glass-strong: rgba(20, 29, 53, 0.9);
	--ida-glass-line: rgba(255, 255, 255, 0.08);
	--ida-glass-shadow: 0 24px 56px rgba(0, 0, 0, 0.42);
	--ida-glow-ring: 0 0 0 1px rgba(91, 124, 255, 0.18);
}

.ida-membership-module {
	direction: rtl;
	color: var(--ida-text-primary);
	font-family: "Vazirmatn", Tahoma, sans-serif;
}

.ida-membership-module.ida-membership-payment,
.ida-membership-module.ida-membership-report,
.ida-membership-module.ida-membership-receipt {
	position: relative;
	padding: 12px 0 4px;
}

.ida-membership-module,
.ida-membership-module * {
	box-sizing: border-box;
}

.ida-layout-stack {
	display: grid;
	gap: 20px;
}

.ida-membership-shell {
	gap: 24px;
}

.ida-card {
	position: relative;
	overflow: hidden;
	padding: 24px;
	border-radius: 28px;
	border: 1px solid var(--ida-border);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 50%),
		var(--ida-bg-secondary);
	box-shadow: var(--ida-shadow-card);
	transition: all 0.25s ease;
}

.ida-membership-module.ida-membership-payment .ida-card,
.ida-membership-module.ida-membership-report .ida-card,
.ida-membership-module.ida-membership-receipt .ida-card {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 50%),
		var(--ida-bg-secondary) !important;
	border: 1px solid var(--ida-border) !important;
	border-radius: 28px !important;
	box-shadow: var(--ida-shadow-card) !important;
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.ida-card::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	box-shadow: var(--ida-shadow-inset);
}

.ida-card:hover {
	transform: translateY(-1px);
}

.card-header,
.ida-card-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
}

.ida-kicker {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ida-accent);
}

.ida-title,
.ida-section-title {
	margin: 0;
	line-height: 1.4;
	color: var(--ida-text-primary);
}

.ida-title {
	font-size: 22px;
	font-weight: 800;
}

.ida-section-title {
	font-size: 16px;
	font-weight: 700;
}

.ida-subtitle,
.ida-section-subtitle,
.ida-plan-description,
.ida-hero-caption {
	margin: 8px 0 0;
	line-height: 1.8;
	color: var(--ida-text-secondary);
}

.ida-card-hero {
	padding: 28px;
	border-color: var(--ida-accent);
	background:
		radial-gradient(circle at top left, var(--ida-accent-soft), transparent 38%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 60%),
		var(--ida-bg-secondary);
}

.ida-membership-module.ida-membership-payment .ida-card-hero {
	background:
		radial-gradient(circle at 12% 16%, var(--ida-accent-soft), transparent 28%),
		radial-gradient(circle at 88% 82%, var(--ida-accent-soft), transparent 24%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.06), transparent 56%),
		var(--ida-bg-secondary) !important;
}

.ida-hero-card-active {
	box-shadow: var(--ida-shadow-card), var(--ida-shadow-strong);
}

.ida-hero-card-expired {
	border-color: var(--ida-danger);
	background:
		radial-gradient(circle at top left, var(--ida-danger-soft), transparent 38%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 60%),
		var(--ida-bg-secondary);
	box-shadow: var(--ida-shadow-card), var(--ida-shadow-danger);
}

.ida-hero-card-needs-payment,
.ida-hero-card-pending {
	background:
		radial-gradient(circle at top left, var(--ida-warning-soft), transparent 38%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 60%),
		var(--ida-bg-secondary);
}

.ida-hero-top {
	margin-bottom: 16px;
}

.ida-hero-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
	gap: 20px;
	align-items: stretch;
}

.ida-hero-copy,
.ida-hero-side {
	display: grid;
	gap: 14px;
}

.ida-hero-copy-block,
.ida-hero-price,
.ida-hero-metric,
.ida-info-item,
.ida-receipt-item,
.ida-info-note,
.ida-history-compact-item {
	border: 1px solid var(--ida-border);
	background: var(--ida-surface-soft);
}

.ida-hero-copy-block {
	padding: 22px;
	border-radius: 24px;
	background:
		linear-gradient(180deg, transparent, var(--ida-surface-soft)),
		var(--ida-bg-tertiary);
}

.ida-hero-label,
.ida-hero-user,
.ida-price-label,
.ida-hero-metric span,
.ida-info-item span,
.ida-receipt-item span,
.ida-info-note span {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: var(--ida-text-secondary);
}

.ida-hero-label,
.ida-price-label {
	margin-bottom: 8px;
}

.ida-hero-value {
	display: block;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.3;
	color: var(--ida-text-primary);
}

.ida-hero-user {
	margin-top: 10px;
}

.ida-hero-meta-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.meta-item,
.ida-hero-metric,
.ida-info-item,
.ida-receipt-item {
	padding: 16px 18px;
	border-radius: 20px;
	backdrop-filter: blur(8px);
}

.ida-hero-metric span,
.ida-info-item span,
.ida-receipt-item span {
	margin-bottom: 8px;
}

.ida-hero-metric strong,
.ida-info-item strong,
.ida-receipt-item strong {
	display: block;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.6;
	color: var(--ida-text-primary);
}

.ida-hero-status {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.ida-hero-side-icon {
	width: 44px;
	height: 44px;
	border-radius: 18px;
	background:
		radial-gradient(circle at 30% 30%, var(--ida-accent-soft), transparent 60%),
		var(--ida-bg-tertiary);
	border: 1px solid var(--ida-border);
	flex: 0 0 auto;
}

.ida-hero-price {
	position: relative;
	overflow: hidden;
	padding: 22px;
	border-radius: 24px;
	text-align: right;
	background:
		linear-gradient(180deg, transparent, var(--ida-surface-soft)),
		var(--ida-bg-tertiary);
}

.price-display-block::before {
	content: "";
	position: absolute;
	left: -24px;
	bottom: -50px;
	width: 136px;
	height: 136px;
	border-radius: 50%;
	background: var(--ida-accent-soft);
	filter: blur(10px);
}

.ida-price-value {
	position: relative;
	display: block;
	font-size: 36px;
	font-weight: 800;
	line-height: 1.1;
	color: var(--ida-accent);
}

.ida-price-value small {
	font-size: 13px;
	font-weight: 700;
	color: var(--ida-text-secondary);
}

.ida-badge,
.ida-inline-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.membership-status-badge {
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
}

.badge-success {
	background: var(--ida-success-soft);
	color: var(--ida-success);
}

.badge-warning {
	background: var(--ida-warning-soft);
	color: var(--ida-warning);
}

.badge-danger {
	background: var(--ida-danger-soft);
	color: var(--ida-danger);
}

.badge-info {
	background: var(--ida-accent-soft);
	color: var(--ida-accent);
}

.badge-muted {
	background: var(--ida-muted-soft);
	color: var(--ida-text-secondary);
}

.ida-action-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
	gap: 20px;
	align-items: start;
}

.ida-payment-card {
	padding: 26px;
	background:
		radial-gradient(circle at top center, var(--ida-accent-soft), transparent 54%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 48%),
		var(--ida-bg-secondary);
}

.ida-membership-module.ida-membership-payment .ida-payment-card,
.ida-membership-module.ida-membership-payment .ida-info-card {
	min-height: 100%;
}

.ida-payment-card-expired {
	border-color: var(--ida-danger);
}

.ida-payment-cta {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 26px 24px;
	border-radius: 24px;
	text-align: center;
	background:
		linear-gradient(180deg, transparent, var(--ida-surface-soft)),
		var(--ida-bg-tertiary);
}

.ida-membership-module.ida-membership-payment .price-display-block,
.ida-membership-module.ida-membership-payment .ida-hero-copy-block,
.ida-membership-module.ida-membership-payment .ida-hero-metric,
.ida-membership-module.ida-membership-payment .ida-info-note {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 100%),
		var(--ida-surface-soft) !important;
	border: 1px solid var(--ida-border) !important;
}

.ida-payment-security {
	position: relative;
	margin: 12px 0 0;
	font-size: 12px;
	font-weight: 700;
	color: var(--ida-text-secondary);
}

.ida-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 12px 20px;
	border: 0;
	border-radius: 16px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.25s ease;
}

.ida-button-primary {
	background: linear-gradient(135deg, var(--ida-accent), var(--ida-accent-strong));
	color: var(--ida-on-accent);
	box-shadow: 0 12px 22px var(--ida-accent-soft);
}

.ida-membership-module.ida-membership-payment .action-button-primary {
	background: linear-gradient(135deg, var(--ida-accent), var(--ida-accent-strong)) !important;
	box-shadow: 0 16px 32px var(--ida-accent-soft) !important;
}

.action-button-primary {
	width: 100%;
	min-height: 60px;
	border-radius: 18px;
	font-size: 16px;
}

.ida-button-secondary {
	border: 1px solid var(--ida-border);
	background: var(--ida-surface-soft);
	color: var(--ida-text-primary);
}

.receipt-link-button {
	min-height: 46px;
}

.ida-button:hover,
.ida-button:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 14px 26px var(--ida-accent-soft);
	outline: none;
}

.ida-card-actions {
	display: flex;
	justify-content: flex-start;
	margin-top: 18px;
}

.ida-payment-form {
	margin-top: 10px;
}

.ida-button-loader {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid var(--ida-loader-track);
	border-top-color: var(--ida-loader-thumb);
	display: none;
	animation: ida-spin 0.7s linear infinite;
}

.ida-membership-module.is-submitting .ida-button-loader {
	display: inline-block;
}

.ida-membership-module.is-submitting .ida-button-label {
	opacity: 0.86;
}

.ida-info-card {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 50%),
		var(--ida-bg-secondary);
}

.ida-info-note-list {
	display: grid;
	gap: 12px;
}

.ida-info-note {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px;
	border-radius: 18px;
}

.ida-info-note > div {
	flex: 1 1 auto;
}

.ida-info-icon {
	width: 12px;
	height: 12px;
	margin-top: 6px;
	border-radius: 50%;
	background: var(--ida-accent);
	box-shadow: 0 0 0 6px var(--ida-accent-soft);
	flex: 0 0 auto;
}

.ida-info-note span {
	margin-bottom: 8px;
}

.ida-info-note strong {
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.8;
	color: var(--ida-text-primary);
}

.ida-history-compact-list {
	display: grid;
	gap: 12px;
}

.ida-membership-history-page .ida-history-page-hero {
	background:
		radial-gradient(circle at top left, var(--ida-accent-soft), transparent 34%),
		radial-gradient(circle at bottom right, var(--ida-muted-soft), transparent 28%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.04), transparent 60%),
		var(--ida-bg-secondary);
}

.ida-membership-history-page .ida-history-hero-stats {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ida-history-compact-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 16px 18px;
	border-radius: 18px;
}

.ida-history-compact-item strong {
	display: block;
	margin-bottom: 6px;
	font-size: 15px;
	font-weight: 700;
	color: var(--ida-text-primary);
}

.ida-history-compact-item span {
	font-size: 12px;
	color: var(--ida-text-secondary);
}

.ida-history-compact-meta {
	display: flex;
	align-items: center;
	gap: 12px;
}

.ida-alert {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 18px;
	padding: 14px;
	border-radius: 16px;
	border: 1px solid var(--ida-border);
}

.ida-alert-icon {
	width: 12px;
	height: 12px;
	margin-top: 7px;
	border-radius: 50%;
	background: currentColor;
	flex: 0 0 auto;
}

.ida-alert-content {
	font-weight: 600;
	line-height: 1.9;
	color: inherit;
}

.ida-alert-success {
	background: var(--ida-success-soft);
	color: var(--ida-success);
}

.ida-alert-warning {
	background: var(--ida-warning-soft);
	color: var(--ida-warning);
}

.ida-alert-error {
	background: var(--ida-danger-soft);
	color: var(--ida-danger);
}

.ida-alert-info {
	background: var(--ida-accent-soft);
	color: var(--ida-accent);
}

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

.ida-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 10px;
}

.ida-table thead th {
	padding: 0 14px 8px;
	text-align: right;
	font-size: 12px;
	font-weight: 700;
	color: var(--ida-text-secondary);
}

.ida-table tbody tr {
	background: var(--ida-surface-soft);
	box-shadow: var(--ida-shadow-inset);
}

.ida-table tbody td {
	padding: 16px 14px;
	border-top: 1px solid var(--ida-border);
	border-bottom: 1px solid var(--ida-border);
	color: var(--ida-text-primary);
	font-weight: 600;
	vertical-align: middle;
}

.ida-table tbody td:first-child {
	border-right: 1px solid var(--ida-border);
	border-radius: 0 18px 18px 0;
}

.ida-table tbody td:last-child {
	border-left: 1px solid var(--ida-border);
	border-radius: 18px 0 0 18px;
}

.ida-table-link {
	color: var(--ida-accent);
	font-weight: 700;
	text-decoration: none;
}

.ida-table-link:hover,
.ida-table-link:focus-visible {
	color: var(--ida-accent-strong);
}

.ida-receipt-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.ida-receipt-column {
	display: grid;
	gap: 14px;
}

.ida-mb-receipt-logo {
	margin: 0 0 20px;
}

.ida-mb-receipt-logo img {
	max-height: 72px;
	width: auto;
}

.ida-mb-receipt-footer {
	margin: 20px 0 0;
	color: var(--ida-text-secondary);
	line-height: 1.9;
}

.ida-mb-receipt-actions {
	margin: 24px 0 0;
}

.ida-mb-receipt-page, .ida-mb-receipt-page * {
	font-family: "Vazirmatn", Tahoma, sans-serif !important;
}

.ida-mb-receipt-page {
	background: var(--ida-bg-primary);
	padding: 28px 16px;
}

.ida-loading-shell {
	display: none;
}

.ida-membership-module.is-submitting .ida-loading-shell {
	display: block;
}

.ida-membership-module.is-submitting .ida-payment-card,
.ida-membership-module.is-submitting .ida-membership-action-card {
	opacity: 0.4;
	pointer-events: none;
}

.ida-skeleton {
	position: relative;
	overflow: hidden;
	border-radius: 16px;
	background: var(--ida-surface-soft);
}

.ida-skeleton::after {
	content: "";
	position: absolute;
	inset: 0;
	transform: translateX(-100%);
	background: linear-gradient(90deg, transparent, var(--ida-accent-soft), transparent);
	animation: ida-shimmer 1.4s infinite;
}

.ida-skeleton-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 18px;
}

.ida-skeleton-title {
	width: 46%;
	height: 28px;
}

.ida-skeleton-box {
	height: 88px;
}

.ida-skeleton-button {
	width: 100%;
	height: 52px;
	margin-top: 18px;
}

@keyframes ida-shimmer {
	100% {
		transform: translateX(100%);
	}
}

@keyframes ida-spin {
	100% {
		transform: rotate(360deg);
	}
}

.ida-membership-payment-shell {
	gap: 22px;
}

.ida-membership-payment .ida-membership-hero,
.ida-membership-payment .ida-membership-action-card,
.ida-membership-payment .ida-membership-info-card,
.ida-membership-payment .ida-membership-alert-card {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--ida-glass-line) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 100%),
		var(--ida-glass-surface) !important;
	box-shadow: var(--ida-glass-shadow), var(--ida-glow-ring) !important;
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
}

.ida-membership-payment .ida-membership-hero {
	padding: 28px;
	border-radius: 30px !important;
	background:
		radial-gradient(circle at 12% 18%, var(--ida-accent-soft), transparent 28%),
		radial-gradient(circle at 86% 20%, var(--ida-muted-soft), transparent 22%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.12), transparent 54%),
		var(--ida-glass-surface) !important;
}

.ida-membership-hero__backdrop {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 78% 76%, var(--ida-accent-soft), transparent 26%),
		radial-gradient(circle at 20% 80%, var(--ida-muted-soft), transparent 30%);
	opacity: 0.85;
	pointer-events: none;
}

.ida-membership-hero__wrap {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
	gap: 24px;
	align-items: stretch;
}

.ida-membership-hero__info,
.ida-membership-hero__aside {
	display: grid;
	align-content: start;
	gap: 18px;
}

.ida-membership-hero__header {
	margin-bottom: 0;
}

.ida-membership-hero__typeblock {
	padding: 22px;
	border-radius: 24px;
	border: 1px solid var(--ida-glass-line);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 100%),
		var(--ida-glass-strong);
}

.ida-membership-hero__eyebrow {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 700;
	color: var(--ida-text-secondary);
}

.ida-membership-hero__type {
	display: block;
	font-size: 32px;
	font-weight: 800;
	line-height: 1.35;
	color: var(--ida-text-primary);
}

.ida-membership-hero__user {
	display: inline-flex;
	margin-top: 12px;
	font-size: 13px;
	font-weight: 600;
	color: var(--ida-text-secondary);
}

.ida-membership-hero__meta {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.ida-membership-payment .ida-membership-hero .ida-hero-metric {
	padding: 18px 20px;
	border: 1px solid var(--ida-glass-line);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 100%),
		var(--ida-glass-strong);
}

.ida-membership-payment .ida-membership-hero .ida-hero-metric strong {
	font-size: 18px;
	font-weight: 800;
}

.ida-membership-hero__aside {
	position: relative;
	padding: 22px;
	border-radius: 26px;
	border: 1px solid var(--ida-glass-line);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 100%),
		var(--ida-glass-strong);
}

.ida-membership-hero__orb {
	position: absolute;
	top: -28px;
	left: -18px;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background:
		radial-gradient(circle at 35% 35%, var(--ida-accent-strong), transparent 62%),
		var(--ida-accent-soft);
	filter: blur(10px);
	opacity: 0.9;
	pointer-events: none;
}

.ida-membership-hero__price,
.ida-membership-action-card__price {
	position: relative;
	z-index: 1;
	padding: 22px;
	border-radius: 24px;
	border: 1px solid var(--ida-glass-line);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 100%),
		var(--ida-glass-surface);
}

.ida-membership-payment .price-display-block::before {
	left: auto;
	right: -18px;
	bottom: -34px;
	width: 150px;
	height: 150px;
	background: var(--ida-accent-soft);
	filter: blur(14px);
}

.ida-membership-hero__summary {
	position: relative;
	z-index: 1;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.9;
	color: var(--ida-text-secondary);
}

.ida-membership-payment .ida-membership-hero .ida-price-value,
.ida-membership-payment .ida-membership-action-card .ida-price-value {
	font-size: 48px;
	font-weight: 900;
	letter-spacing: -0.03em;
}

.ida-membership-payment .ida-membership-hero .ida-price-label,
.ida-membership-payment .ida-membership-action-card .ida-price-label {
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
}

.ida-membership-hero--active {
	box-shadow: var(--ida-glass-shadow), var(--ida-shadow-strong) !important;
}

.ida-membership-hero--expired {
	box-shadow: var(--ida-glass-shadow), var(--ida-shadow-danger) !important;
}

.ida-membership-hero--expired .ida-membership-hero__price .ida-price-value {
	color: var(--ida-danger);
}

.ida-membership-hero--invalid-mobile,
.ida-membership-hero--error {
	border-color: var(--ida-danger-soft) !important;
}

.ida-membership-hero--pending .ida-membership-hero__price .ida-price-value {
	color: var(--ida-accent-strong);
}

.ida-membership-hero--active .ida-membership-hero__price .ida-price-value {
	color: var(--ida-success);
}

.ida-membership-action-card {
	padding: 28px;
	border-radius: 28px !important;
	background:
		radial-gradient(circle at 100% 0, var(--ida-accent-soft), transparent 38%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.12), transparent 54%),
		var(--ida-glass-surface) !important;
}

.ida-membership-action-card__header {
	margin-bottom: 20px;
}

.ida-membership-action-card__secure {
	display: inline-flex;
	margin-top: 14px;
	font-size: 12px;
	font-weight: 700;
	color: var(--ida-text-secondary);
}

.ida-membership-payment .ida-membership-action-card .action-button-primary {
	width: 100%;
	min-height: 62px;
	margin-top: 18px;
	border-radius: 18px;
	font-size: 16px;
	background: linear-gradient(135deg, var(--ida-accent), var(--ida-accent-strong)) !important;
	box-shadow: 0 18px 34px var(--ida-accent-soft) !important;
}

.ida-membership-payment .ida-membership-action-card .action-button-primary:hover,
.ida-membership-payment .ida-membership-action-card .action-button-primary:focus-visible {
	transform: translateY(-3px);
	box-shadow: 0 22px 40px var(--ida-accent-soft) !important;
}

.ida-membership-info-card {
	padding: 24px 26px;
	border-radius: 26px !important;
}

.ida-membership-info-card__header {
	margin-bottom: 18px;
}

.ida-membership-support-list {
	display: grid;
	gap: 12px;
}

.ida-membership-support-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 18px;
	border: 1px solid var(--ida-border);
	background: var(--ida-surface-soft);
	color: var(--ida-text-primary);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.8;
}

.ida-membership-support-item__icon {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--ida-accent);
	box-shadow: 0 0 0 7px var(--ida-accent-soft);
	flex: 0 0 auto;
}

.ida-membership-alert-card {
	padding: 24px;
	border-radius: 24px !important;
}

.ida-membership-alert-card__content {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.ida-membership-alert-card__icon {
	width: 16px;
	height: 16px;
	margin-top: 5px;
	border-radius: 50%;
	background: currentColor;
	flex: 0 0 auto;
}

.ida-membership-alert-card--success {
	color: var(--ida-success);
}

.ida-membership-alert-card--warning {
	color: var(--ida-warning);
}

.ida-membership-alert-card--error {
	color: var(--ida-danger);
}

.ida-membership-alert-card .ida-section-subtitle {
	margin-top: 6px;
}

.ida-button-compact {
	width: auto;
	min-height: 44px;
	padding: 10px 16px;
	border-radius: 14px;
	align-self: flex-start;
}

@media (max-width: 1024px) {
	.ida-hero-layout,
	.ida-action-grid,
	.ida-receipt-grid {
		grid-template-columns: 1fr;
	}

	.ida-membership-history-page .ida-history-hero-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ida-membership-hero__wrap {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.ida-card,
	.ida-card-hero,
	.ida-payment-card {
		padding: 20px 18px;
		border-radius: 22px;
	}

	.card-header,
	.ida-card-head {
		flex-direction: column;
		align-items: stretch;
	}

	.ida-title {
		font-size: 20px;
	}

	.ida-hero-meta-grid {
		grid-template-columns: 1fr;
	}

	.ida-membership-history-page .ida-history-hero-stats {
		grid-template-columns: 1fr;
	}

	.ida-membership-payment .ida-membership-hero,
	.ida-membership-payment .ida-membership-action-card,
	.ida-membership-payment .ida-membership-info-card,
	.ida-membership-payment .ida-membership-alert-card {
		padding: 22px 18px;
		border-radius: 24px !important;
	}

	.ida-membership-hero__type {
		font-size: 26px;
	}

	.ida-membership-hero__meta {
		grid-template-columns: 1fr;
	}

	.ida-membership-payment .ida-membership-hero .ida-price-value,
	.ida-membership-payment .ida-membership-action-card .ida-price-value {
		font-size: 38px;
	}

	.ida-membership-hero__aside {
		padding: 18px;
	}

	.ida-hero-value,
	.ida-price-value,
	.ida-hero-metric strong,
	.ida-info-item strong,
	.ida-receipt-item strong {
		font-size: 20px;
	}

	.ida-button,
	.ida-card-actions .ida-button {
		width: 100%;
	}

	.ida-button-compact {
		width: 100%;
	}

	.ida-history-compact-item,
	.ida-history-compact-meta {
		flex-direction: column;
		align-items: flex-start;
	}

	.ida-skeleton-grid {
		grid-template-columns: 1fr;
	}

	.ida-table,
	.ida-table thead,
	.ida-table tbody,
	.ida-table tr,
	.ida-table td {
		display: block;
		width: 100%;
	}

	.ida-table thead {
		display: none;
	}

	.ida-table tbody {
		display: grid;
		gap: 12px;
	}

	.ida-table tbody tr {
		padding: 6px;
		border: 1px solid var(--ida-border);
		border-radius: 18px;
	}

	.ida-table tbody td {
		position: relative;
		min-height: 40px;
		padding: 10px 110px 10px 12px;
		border: 0;
		border-radius: 0;
	}

	.ida-table tbody td::before {
		content: attr(data-label);
		position: absolute;
		right: 12px;
		top: 10px;
		font-size: 12px;
		font-weight: 700;
		color: var(--ida-text-secondary);
	}

	.ida-table tbody td:first-child,
	.ida-table tbody td:last-child {
		border-radius: 0;
	}
}

.ida-mb-ui {
	--ida-mb-bg: rgba(255, 255, 255, 0.68);
	--ida-mb-bg-strong: rgba(255, 255, 255, 0.88);
	--ida-mb-bg-soft: rgba(244, 247, 253, 0.88);
	--ida-mb-text: #111827;
	--ida-mb-text-soft: #667085;
	--ida-mb-border: rgba(148, 163, 184, 0.2);
	--ida-mb-line: rgba(255, 255, 255, 0.52);
	--ida-mb-accent: #4f6cff;
	--ida-mb-accent-2: #7c8cff;
	--ida-mb-success: #22c55e;
	--ida-mb-warning: #f59e0b;
	--ida-mb-danger: #ef4444;
	--ida-mb-accent-soft: rgba(79, 108, 255, 0.16);
	--ida-mb-success-soft: rgba(34, 197, 94, 0.16);
	--ida-mb-warning-soft: rgba(245, 158, 11, 0.18);
	--ida-mb-danger-soft: rgba(239, 68, 68, 0.18);
	--ida-mb-shadow: 0 20px 48px rgba(15, 23, 42, 0.12);
	--ida-mb-shadow-strong: 0 22px 56px rgba(79, 108, 255, 0.18);
	--ida-mb-shadow-danger: 0 22px 56px rgba(239, 68, 68, 0.14);
	--ida-mb-font: "Vazirmatn", Tahoma, sans-serif;
	position: relative;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	isolation: isolate;
	direction: rtl;
	text-align: right;
	color: var(--ida-mb-text);
	font-family: var(--ida-mb-font);
	overflow: visible;
}

.dark-mode .ida-mb-ui,
[data-theme="dark"] .ida-mb-ui,
.ida-mb-ui.is-dark {
	--ida-mb-bg: rgba(16, 24, 44, 0.72);
	--ida-mb-bg-strong: rgba(21, 30, 55, 0.92);
	--ida-mb-bg-soft: rgba(25, 36, 66, 0.88);
	--ida-mb-text: #f8fafc;
	--ida-mb-text-soft: #a3afc2;
	--ida-mb-border: rgba(148, 163, 184, 0.16);
	--ida-mb-line: rgba(255, 255, 255, 0.08);
	--ida-mb-accent: #6f8bff;
	--ida-mb-accent-2: #9a85ff;
	--ida-mb-accent-soft: rgba(111, 139, 255, 0.22);
	--ida-mb-success-soft: rgba(34, 197, 94, 0.2);
	--ida-mb-warning-soft: rgba(245, 158, 11, 0.22);
	--ida-mb-danger-soft: rgba(239, 68, 68, 0.24);
	--ida-mb-shadow: 0 26px 60px rgba(2, 6, 23, 0.5);
	--ida-mb-shadow-strong: 0 28px 64px rgba(79, 108, 255, 0.22);
	--ida-mb-shadow-danger: 0 28px 64px rgba(239, 68, 68, 0.18);
}

@media (prefers-color-scheme: dark) {
	.ida-mb-ui {
		--ida-mb-bg: rgba(16, 24, 44, 0.72);
		--ida-mb-bg-strong: rgba(21, 30, 55, 0.92);
		--ida-mb-bg-soft: rgba(25, 36, 66, 0.88);
		--ida-mb-text: #f8fafc;
		--ida-mb-text-soft: #a3afc2;
		--ida-mb-border: rgba(148, 163, 184, 0.16);
		--ida-mb-line: rgba(255, 255, 255, 0.08);
		--ida-mb-accent: #6f8bff;
		--ida-mb-accent-2: #9a85ff;
		--ida-mb-accent-soft: rgba(111, 139, 255, 0.22);
		--ida-mb-success-soft: rgba(34, 197, 94, 0.2);
		--ida-mb-warning-soft: rgba(245, 158, 11, 0.22);
		--ida-mb-danger-soft: rgba(239, 68, 68, 0.24);
		--ida-mb-shadow: 0 26px 60px rgba(2, 6, 23, 0.5);
		--ida-mb-shadow-strong: 0 28px 64px rgba(79, 108, 255, 0.22);
		--ida-mb-shadow-danger: 0 28px 64px rgba(239, 68, 68, 0.18);
	}
}

.ida-mb-ui,
.ida-mb-ui section,
.ida-mb-ui article,
.ida-mb-ui div,
.ida-mb-ui form,
.ida-mb-ui select,
.ida-mb-ui table,
.ida-mb-ui thead,
.ida-mb-ui tbody,
.ida-mb-ui tr,
.ida-mb-ui th,
.ida-mb-ui td,
.ida-mb-ui ul,
.ida-mb-ui li,
.ida-mb-ui p,
.ida-mb-ui h1,
.ida-mb-ui h2,
.ida-mb-ui h3,
.ida-mb-ui h4,
.ida-mb-ui h5,
.ida-mb-ui h6,
.ida-mb-ui a,
.ida-mb-ui button,
.ida-mb-ui span,
.ida-mb-ui strong,
.ida-mb-ui small,
.ida-mb-ui input,
.ida-mb-ui select {
	box-sizing: border-box;
}

.ida-mb-ui h1,
.ida-mb-ui h2,
.ida-mb-ui h3,
.ida-mb-ui h4,
.ida-mb-ui h5,
.ida-mb-ui h6,
.ida-mb-ui p,
.ida-mb-ui ul,
.ida-mb-ui li {
	margin: 0;
	padding: 0;
}

.ida-mb-ui h1,
.ida-mb-ui h2,
.ida-mb-ui h3,
.ida-mb-ui h4,
.ida-mb-ui h5,
.ida-mb-ui h6,
.ida-mb-ui strong {
	font-weight: 700;
	line-height: 1.5;
	color: var(--ida-mb-text);
}

.ida-mb-ui p,
.ida-mb-ui span,
.ida-mb-ui li,
.ida-mb-ui td,
.ida-mb-ui th,
.ida-mb-ui a,
.ida-mb-ui button,
.ida-mb-ui input,
.ida-mb-ui select {
	font-size: 14px;
	line-height: 1.8;
	color: inherit;
	font-family: inherit;
}

.ida-mb-ui a {
	text-decoration: none;
}

.ida-mb-ui button,
.ida-mb-ui input,
.ida-mb-ui select {
	border: 0;
	background: none;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
}

.ida-mb-ui ul,
.ida-mb-ui ol {
	list-style: none;
}

.ida-mb-ui table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.ida-mb-ui .ida-mb-page,
.ida-mb-ui .ida-mb-history-page {
	display: block !important;
	position: relative;
	width: 100% !important;
	max-width: none !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible;
	align-self: stretch;
	justify-self: stretch;
}

.ida-mb-ui .ida-mb-shell {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0;
	gap: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	align-items: stretch !important;
	justify-items: stretch !important;
}

.ida-mb-ui .ida-mb-card {
	position: relative;
	display: block !important;
	overflow: hidden;
	z-index: 1;
	padding: 26px;
	border-radius: 28px !important;
	border: 1px solid var(--ida-mb-line) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 100%),
		var(--ida-mb-bg) !important;
	box-shadow: var(--ida-mb-shadow) !important;
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	text-align: right !important;
	min-width: 0;
	isolation: isolate;
}

.ida-mb-ui .ida-mb-card::before,
.ida-mb-ui .ida-mb-card::after {
	pointer-events: none;
	z-index: 0;
}

.ida-mb-ui .ida-mb-card > :not(.ida-mb-hero__backdrop) {
	position: relative;
	z-index: 2;
}

.ida-mb-ui .ida-mb-card-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}

.ida-mb-ui .ida-mb-kicker {
	display: inline-flex;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ida-mb-accent);
}

.ida-mb-ui .ida-mb-title {
	font-size: 22px;
	font-weight: 800;
	color: var(--ida-mb-text);
}

.ida-mb-ui .ida-mb-section-title {
	font-size: 16px;
	font-weight: 700;
	color: var(--ida-mb-text);
}

.ida-mb-ui .ida-mb-section-subtitle {
	margin-top: 8px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.9;
	color: var(--ida-mb-text-soft);
}

.ida-mb-ui .ida-mb-badge,
.ida-mb-ui .ida-mb-inline-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 6px 14px;
	border-radius: 999px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	white-space: nowrap;
	text-transform: none !important;
	letter-spacing: normal !important;
}

.ida-mb-ui .badge-success {
	background: var(--ida-mb-success-soft);
	color: var(--ida-mb-success);
}

.ida-mb-ui .badge-warning {
	background: var(--ida-mb-warning-soft);
	color: var(--ida-mb-warning);
}

.ida-mb-ui .badge-danger {
	background: var(--ida-mb-danger-soft);
	color: var(--ida-mb-danger);
}

.ida-mb-ui .badge-info {
	background: var(--ida-mb-accent-soft);
	color: var(--ida-mb-accent);
}

.ida-mb-ui .badge-muted {
	background: rgba(148, 163, 184, 0.16);
	color: var(--ida-mb-text-soft);
}

.ida-mb-ui .ida-mb-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 54px;
	padding: 12px 20px;
	border-radius: 18px !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	cursor: pointer;
	transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-align: center !important;
}

.ida-mb-ui .ida-mb-btn-primary {
	background: linear-gradient(135deg, var(--ida-mb-accent), var(--ida-mb-accent-2)) !important;
	color: #fff !important;
	box-shadow: 0 18px 36px var(--ida-mb-accent-soft) !important;
}

.ida-mb-ui .ida-mb-btn-primary:hover,
.ida-mb-ui .ida-mb-btn-primary:focus-visible {
	transform: translateY(-3px);
	box-shadow: 0 22px 42px var(--ida-mb-accent-soft);
}

.ida-mb-ui .ida-mb-btn-secondary {
	border: 1px solid var(--ida-mb-border) !important;
	background: var(--ida-mb-bg-soft) !important;
	color: var(--ida-mb-text) !important;
}

.ida-mb-ui .ida-mb-btn-compact {
	min-height: 44px;
	padding: 10px 16px;
	border-radius: 15px;
}

.ida-mb-ui .ida-mb-btn-loader {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.28);
	border-top-color: #fff;
	display: none;
	animation: ida-spin 0.7s linear infinite;
}

.ida-mb-ui.is-submitting .ida-mb-btn-loader {
	display: inline-block;
}

.ida-mb-ui.is-submitting .ida-mb-btn-label {
	opacity: 0.86;
}

.ida-mb-ui .ida-mb-price-block {
	position: relative;
	display: block !important;
	overflow: hidden;
	padding: 22px;
	border-radius: 24px;
	border: 1px solid var(--ida-mb-line);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 100%),
		var(--ida-mb-bg-strong);
}

.ida-mb-ui .ida-mb-price-block::after {
	content: "";
	position: absolute;
	left: -10px;
	bottom: -48px;
	width: 152px;
	height: 152px;
	border-radius: 50%;
	background: var(--ida-mb-accent-soft);
	filter: blur(12px);
	pointer-events: none;
	z-index: 0;
}

.ida-mb-ui .ida-mb-price-label {
	position: relative;
	z-index: 1;
	display: block;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: var(--ida-mb-text-soft);
}

.ida-mb-ui .ida-mb-price-value {
	position: relative;
	z-index: 1;
	display: block;
	font-size: 48px;
	font-weight: 900;
	line-height: 1.04;
	color: var(--ida-mb-accent);
}

.ida-mb-ui .ida-mb-price-value small {
	font-size: 13px;
	font-weight: 700;
	color: var(--ida-mb-text-soft);
}

.ida-mb-ui .ida-mb-meta-item,
.ida-mb-ui .ida-mb-stat-card {
	padding: 18px 20px;
	border-radius: 22px;
	border: 1px solid var(--ida-mb-line);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 100%),
		var(--ida-mb-bg-strong);
}

.ida-mb-ui .ida-mb-meta-item__label,
.ida-mb-ui .ida-mb-stat-card__label {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 700;
	color: var(--ida-mb-text-soft);
}

.ida-mb-ui .ida-mb-meta-item__value,
.ida-mb-ui .ida-mb-stat-card__value {
	display: block;
	font-size: 18px;
	font-weight: 800;
	color: var(--ida-mb-text);
}

.ida-mb-ui .ida-mb-hero {
	height: auto;
	min-height: 0;
	border-radius: 30px;
	padding: 22px !important;
	background:
		radial-gradient(circle at 12% 18%, rgba(79, 108, 255, 0.08), transparent 24%),
		radial-gradient(circle at 88% 82%, rgba(148, 163, 184, 0.08), transparent 18%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.08), transparent 48%),
		var(--ida-mb-bg-strong) !important;
}

.ida-mb-ui .ida-mb-hero--active {
	box-shadow: var(--ida-mb-shadow-strong) !important;
}

.ida-mb-ui .ida-mb-hero--expired {
	box-shadow: var(--ida-mb-shadow-danger) !important;
}

.ida-mb-ui .ida-mb-hero__backdrop {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 78% 76%, rgba(79, 108, 255, 0.08), transparent 24%),
		radial-gradient(circle at 18% 84%, rgba(148, 163, 184, 0.08), transparent 22%);
	opacity: 0.55;
	pointer-events: none;
	z-index: 0;
}

.ida-mb-ui .ida-mb-hero__wrap {
	position: relative;
	z-index: 2;
	display: grid !important;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr) !important;
	gap: 18px;
	width: 100%;
	align-items: start;
}

.ida-mb-ui .ida-mb-hero__info,
.ida-mb-ui .ida-mb-hero__aside {
	display: grid !important;
	align-content: start;
	gap: 14px;
	align-self: start;
}

.ida-mb-ui .ida-mb-hero__typeblock,
.ida-mb-ui .ida-mb-hero__aside {
	position: relative;
	padding: 18px;
	border-radius: 24px;
	border: 1px solid var(--ida-mb-line);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 100%),
		var(--ida-mb-bg-strong);
	overflow: hidden;
	z-index: 2;
}

.ida-mb-ui .ida-mb-hero__eyebrow {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 700;
	color: var(--ida-mb-text-soft);
}

.ida-mb-ui .ida-mb-hero__type {
	display: block;
	font-size: 32px;
	font-weight: 800;
	line-height: 1.35;
	color: var(--ida-mb-text);
}

.ida-mb-ui .ida-mb-hero__user {
	display: inline-flex;
	margin-top: 12px;
	font-size: 13px;
	font-weight: 600;
	color: var(--ida-mb-text-soft);
}

.ida-mb-ui .ida-mb-hero__meta {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px;
}

.ida-mb-ui .ida-mb-hero__orb {
	position: absolute;
	top: -14px;
	left: -10px;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background:
		radial-gradient(circle at 35% 35%, var(--ida-mb-accent-2), transparent 60%),
		var(--ida-mb-accent-soft);
	filter: blur(8px);
	opacity: 0.5;
	pointer-events: none;
	z-index: 0;
}

.ida-mb-ui .ida-mb-hero__summary {
	position: relative;
	z-index: 2;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.8;
	color: var(--ida-mb-text-soft);
}

.ida-mb-ui .ida-mb-hero--active .ida-mb-price-value {
	color: var(--ida-mb-success);
}

.ida-mb-ui .ida-mb-hero--expired .ida-mb-price-value,
.ida-mb-ui .ida-mb-alert-card--error .ida-mb-alert-card__icon {
	color: var(--ida-mb-danger);
}

.ida-mb-ui .ida-mb-hero--pending .ida-mb-price-value {
	color: var(--ida-mb-accent-2);
}

.ida-mb-ui .ida-mb-hero--invalid-mobile,
.ida-mb-ui .ida-mb-hero--error {
	border-color: var(--ida-mb-danger-soft);
}

.ida-mb-ui .ida-mb-action-card {
	background:
		radial-gradient(circle at 100% 0, var(--ida-mb-accent-soft), transparent 38%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.14), transparent 54%),
		var(--ida-mb-bg) !important;
}

.ida-mb-ui .ida-mb-action-card__secure {
	display: inline-flex;
	margin-top: 14px;
	font-size: 12px;
	font-weight: 700;
	color: var(--ida-mb-text-soft);
}

.ida-mb-ui .ida-mb-action-button {
	width: 100%;
	margin-top: 18px;
}

.ida-mb-ui .ida-mb-info-card {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 100%),
		var(--ida-mb-bg) !important;
}

.ida-mb-ui .ida-mb-support-list {
	display: grid !important;
	gap: 12px;
}

.ida-mb-ui .ida-mb-support-item {
	display: flex !important;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 18px;
	border: 1px solid var(--ida-mb-border);
	background: var(--ida-mb-bg-soft);
	font-size: 14px;
	font-weight: 600;
	color: var(--ida-mb-text);
}

.ida-mb-ui .ida-mb-support-item__icon {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--ida-mb-accent);
	box-shadow: 0 0 0 7px var(--ida-mb-accent-soft);
	flex: 0 0 auto;
}

.ida-mb-ui .ida-mb-alert-card__content {
	display: flex !important;
	align-items: flex-start;
	gap: 14px;
}

.ida-mb-ui .ida-mb-alert-card__icon {
	width: 16px;
	height: 16px;
	margin-top: 5px;
	border-radius: 50%;
	background: currentColor;
	flex: 0 0 auto;
}

.ida-mb-ui .ida-mb-alert-card--success {
	color: var(--ida-mb-success);
}

.ida-mb-ui .ida-mb-alert-card--warning {
	color: var(--ida-mb-warning);
}

.ida-mb-ui .ida-mb-alert-card--error {
	color: var(--ida-mb-danger);
}

.ida-mb-ui .ida-mb-card-actions {
	display: flex !important;
	margin-top: 18px;
}

.ida-mb-ui .ida-mb-history-hero {
	background:
		radial-gradient(circle at 10% 12%, var(--ida-mb-accent-soft), transparent 24%),
		radial-gradient(circle at 90% 20%, rgba(148, 163, 184, 0.12), transparent 22%),
		linear-gradient(145deg, rgba(255, 255, 255, 0.14), transparent 54%),
		var(--ida-mb-bg) !important;
}

.ida-mb-ui .ida-mb-history-stats {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 14px;
}

.ida-mb-ui .ida-mb-history-card {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 100%),
		var(--ida-mb-bg) !important;
}

.ida-mb-ui .ida-mb-table-wrap {
	width: 100%;
	overflow-x: auto;
}

.ida-mb-ui .ida-mb-table {
	border-collapse: separate;
	border-spacing: 0 12px;
	width: 100% !important;
}

.ida-mb-ui .ida-mb-table thead th {
	padding: 0 14px 8px;
	text-align: right;
	font-size: 12px;
	font-weight: 800;
	color: var(--ida-mb-text-soft);
}

.ida-mb-ui .ida-mb-table tbody tr {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 100%),
		var(--ida-mb-bg-strong);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.ida-mb-ui .ida-mb-table tbody td {
	padding: 16px 14px;
	border-top: 1px solid var(--ida-mb-border);
	border-bottom: 1px solid var(--ida-mb-border);
	font-weight: 600;
	color: var(--ida-mb-text);
	vertical-align: middle;
}

.ida-mb-ui .ida-mb-table tbody td:first-child {
	border-right: 1px solid var(--ida-mb-border);
	border-radius: 0 18px 18px 0;
}

.ida-mb-ui .ida-mb-table tbody td:last-child {
	border-left: 1px solid var(--ida-mb-border);
	border-radius: 18px 0 0 18px;
}

.ida-mb-ui .ida-mb-table-link {
	color: var(--ida-mb-accent) !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	text-transform: none !important;
}

.ida-mb-ui .ida-mb-empty-state {
	display: grid !important;
	justify-items: center;
	gap: 14px;
	padding: 28px 18px;
	border-radius: 24px;
	border: 1px dashed var(--ida-mb-border);
	background: var(--ida-mb-bg-soft);
	text-align: center;
}

.ida-mb-ui .ida-mb-empty-state__icon {
	width: 52px;
	height: 52px;
	border-radius: 18px;
	background:
		radial-gradient(circle at 35% 35%, var(--ida-mb-accent-soft), transparent 62%),
		var(--ida-mb-bg-strong);
	position: relative;
}

.ida-mb-ui .ida-mb-empty-state__icon::before {
	content: "";
	position: absolute;
	inset: 15px;
	border-radius: 50%;
	background: var(--ida-mb-accent);
	opacity: 0.8;
}

.ida-mb-ui .ida-mb-empty-state__message {
	max-width: 420px;
	font-size: 14px;
	font-weight: 600;
	color: var(--ida-mb-text-soft);
}

.ida-mb-ui .ida-mb-basic-alert-card {
	padding: 22px !important;
}

.ida-mb-ui .ida-mb-basic-alert {
	display: flex !important;
	align-items: flex-start;
	gap: 12px;
	color: var(--ida-mb-warning);
}

.ida-mb-ui .ida-mb-basic-alert__icon {
	width: 14px;
	height: 14px;
	margin-top: 6px;
	border-radius: 50%;
	background: currentColor;
	flex: 0 0 auto;
}

.ida-mb-ui .ida-mb-basic-alert__content {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.9;
	color: inherit;
}

.ida-mb-ui .ida-mb-basic-alert--success {
	color: var(--ida-mb-success);
}

.ida-mb-ui .ida-mb-basic-alert--warning {
	color: var(--ida-mb-warning);
}

.ida-mb-ui .ida-mb-basic-alert--error {
	color: var(--ida-mb-danger);
}

.ida-mb-ui .ida-mb-basic-alert--info {
	color: var(--ida-mb-accent);
}

@media (max-width: 1024px) {
	.ida-mb-ui .ida-mb-hero__wrap,
	.ida-mb-ui .ida-mb-history-stats {
		grid-template-columns: 1fr 1fr;
	}

	.ida-mb-ui .ida-mb-hero__wrap {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.ida-mb-ui .ida-mb-card {
		padding: 22px 18px;
		border-radius: 24px;
	}

	.ida-mb-ui .ida-mb-card-header {
		flex-direction: column;
		align-items: stretch;
	}

	.ida-mb-ui .ida-mb-title {
		font-size: 20px;
	}

	.ida-mb-ui .ida-mb-hero {
		padding: 18px !important;
		border-radius: 22px !important;
	}

	.ida-mb-ui .ida-mb-hero__wrap {
		display: flex !important;
		flex-direction: column !important;
		gap: 14px !important;
		align-items: stretch !important;
	}

	.ida-mb-ui .ida-mb-hero__info,
	.ida-mb-ui .ida-mb-hero__aside {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		width: 100% !important;
		min-width: 0;
	}

	.ida-mb-ui .ida-mb-hero__aside {
		order: 1;
		padding: 16px;
		border-radius: 20px;
	}

	.ida-mb-ui .ida-mb-hero__info {
		order: 2;
	}

	.ida-mb-ui .ida-mb-hero__header {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 10px;
	}

	.ida-mb-ui .ida-mb-hero__header .ida-mb-badge {
		align-self: flex-start;
	}

	.ida-mb-ui .ida-mb-hero__typeblock,
	.ida-mb-ui .ida-mb-price-block {
		width: 100% !important;
		padding: 16px;
		border-radius: 20px;
	}

	.ida-mb-ui .ida-mb-hero__type {
		font-size: 22px;
	}

	.ida-mb-ui .ida-mb-price-value {
		font-size: 32px;
		line-height: 1.1;
	}

	.ida-mb-ui .ida-mb-hero__meta,
	.ida-mb-ui .ida-mb-history-stats {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.ida-mb-ui .ida-mb-meta-item {
		padding: 14px 16px;
		border-radius: 18px;
	}

	.ida-mb-ui .ida-mb-meta-item__value {
		font-size: 17px;
	}

	.ida-mb-ui .ida-mb-hero__summary {
		font-size: 13px;
		line-height: 1.8;
	}

	.ida-mb-ui .ida-mb-hero__orb {
		display: none;
	}

	.ida-mb-ui .ida-mb-hero__backdrop {
		opacity: 0.28;
	}

	.ida-mb-ui .ida-mb-btn,
	.ida-mb-ui .ida-mb-card-actions .ida-mb-btn {
		width: 100%;
	}

	.ida-mb-ui .ida-mb-table,
	.ida-mb-ui .ida-mb-table thead,
	.ida-mb-ui .ida-mb-table tbody,
	.ida-mb-ui .ida-mb-table tr,
	.ida-mb-ui .ida-mb-table td {
		display: block;
		width: 100%;
	}

	.ida-mb-ui .ida-mb-table thead {
		display: none;
	}

	.ida-mb-ui .ida-mb-table tbody {
		display: grid;
		gap: 12px;
	}

	.ida-mb-ui .ida-mb-table tbody tr {
		padding: 6px;
		border: 1px solid var(--ida-mb-border);
		border-radius: 18px;
	}

	.ida-mb-ui .ida-mb-table tbody td {
		position: relative;
		padding: 10px 112px 10px 12px;
		border: 0;
	}

	.ida-mb-ui .ida-mb-table tbody td::before {
		content: attr(data-label);
		position: absolute;
		right: 12px;
		top: 10px;
		font-size: 12px;
		font-weight: 700;
		color: var(--ida-mb-text-soft);
	}

	.ida-mb-ui .ida-mb-table tbody td:first-child,
	.ida-mb-ui .ida-mb-table tbody td:last-child {
		border-radius: 0;
	}
}

@media print {
	:root,
	.dark-mode {
		--ida-bg-primary: #ffffff;
		--ida-bg-secondary: #ffffff;
		--ida-bg-tertiary: #ffffff;
		--ida-bg-elevated: #ffffff;
		--ida-text-primary: #111111;
		--ida-text-secondary: #5b6472;
		--ida-border: rgba(0, 0, 0, 0.1);
		--ida-surface-soft: #ffffff;
		--ida-shadow-card: none;
		--ida-shadow-strong: none;
		--ida-shadow-danger: none;
		--ida-shadow-inset: none;
	}

	body,
	.ida-mb-receipt-page {
		background: var(--ida-bg-primary);
		padding: 0;
	}

	.ida-card {
		padding: 0;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	.ida-mb-receipt-actions {
		display: none;
	}
}

.ida-mb-receipt-actions { display:flex; gap:12px; justify-content:center; align-items:center; flex-wrap:wrap; }
.ida-mb-receipt-actions a, .ida-mb-receipt-actions button { min-width: 140px; }


/* Receipt hardening */
.ida-mb-receipt-page {
	background: #f3f5fb !important;
	color: #111827 !important;
	font-family: "Vazirmatn", Tahoma, sans-serif !important;
}

.ida-mb-receipt-page .ida-mb-ui,
.ida-mb-receipt-page .ida-membership-module {
	--ida-mb-bg: rgba(255,255,255,0.96) !important;
	--ida-mb-bg-strong: #ffffff !important;
	--ida-mb-bg-soft: #f8fafc !important;
	--ida-mb-text: #111827 !important;
	--ida-mb-text-soft: #667085 !important;
	--ida-mb-border: rgba(148,163,184,0.22) !important;
	--ida-mb-line: rgba(15,23,42,0.08) !important;
	--ida-mb-shadow: 0 18px 40px rgba(15,23,42,0.08) !important;
	--ida-mb-shadow-strong: 0 18px 40px rgba(15,23,42,0.08) !important;
	--ida-mb-shadow-danger: 0 18px 40px rgba(15,23,42,0.08) !important;
	color: #111827 !important;
	font-family: "Vazirmatn", Tahoma, sans-serif !important;
}

.ida-mb-receipt-page .ida-card,
.ida-mb-receipt-page .ida-mb-receipt,
.ida-mb-receipt-page .ida-receipt-item,
.ida-mb-receipt-page .ida-receipt-grid > * {
	background: #ffffff !important;
	color: #111827 !important;
	border-color: rgba(148,163,184,0.22) !important;
	box-shadow: 0 12px 28px rgba(15,23,42,0.06) !important;
}

.ida-mb-receipt-page .ida-title,
.ida-mb-receipt-page .ida-section-title,
.ida-mb-receipt-page .ida-subtitle,
.ida-mb-receipt-page .ida-kicker,
.ida-mb-receipt-page .ida-receipt-item__label,
.ida-mb-receipt-page .ida-receipt-item__value,
.ida-mb-receipt-page .ida-mb-receipt-footer,
.ida-mb-receipt-page .ida-button,
.ida-mb-receipt-page .ida-badge {
	color: inherit !important;
	font-family: "Vazirmatn", Tahoma, sans-serif !important;
}

.ida-mb-receipt-page .ida-subtitle,
.ida-mb-receipt-page .ida-mb-receipt-footer,
.ida-mb-receipt-page .ida-receipt-item__label {
	color: #667085 !important;
}

.ida-mb-receipt-page .ida-receipt-item__value,
.ida-mb-receipt-page .ida-title {
	color: #111827 !important;
}

.ida-mb-receipt-page .ida-button-secondary {
	background: #eef2ff !important;
	color: #334155 !important;
	border: 1px solid rgba(99,102,241,0.18) !important;
}

.ida-mb-receipt-page .ida-button-primary {
	background: #4f6cff !important;
	color: #ffffff !important;
	border: 1px solid #4f6cff !important;
}

@media print {
	@page {
		size: A4 portrait;
		margin: 12mm;
	}

	html, body, .ida-mb-receipt-page {
		background: #ffffff !important;
		color: #111827 !important;
		padding: 0 !important;
		margin: 0 !important;
		font-family: "Vazirmatn", Tahoma, sans-serif !important;
	}

	.ida-mb-receipt-page .ida-mb-ui,
	.ida-mb-receipt-page .ida-membership-module,
	.ida-mb-receipt-page .ida-card,
	.ida-mb-receipt-page .ida-mb-receipt,
	.ida-mb-receipt-page .ida-receipt-grid > *,
	.ida-mb-receipt-page .ida-receipt-item {
		background: #ffffff !important;
		color: #111827 !important;
		box-shadow: none !important;
		border-color: #d7deea !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}

	.ida-mb-receipt-page .ida-mb-receipt {
		padding: 0 !important;
	}

	.ida-mb-receipt-page .ida-card-head {
		margin-bottom: 12px !important;
	}

	.ida-mb-receipt-page .ida-receipt-grid {
		grid-template-columns: 1fr 1fr !important;
		gap: 10px !important;
	}

	.ida-mb-receipt-page .ida-receipt-column {
		gap: 10px !important;
	}

	.ida-mb-receipt-page .ida-receipt-item {
		padding: 12px 14px !important;
		border-radius: 12px !important;
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.ida-mb-receipt-page .ida-title {
		font-size: 20px !important;
	}

	.ida-mb-receipt-page .ida-subtitle,
	.ida-mb-receipt-page .ida-mb-receipt-footer,
	.ida-mb-receipt-page .ida-receipt-item__label {
		color: #5b6472 !important;
	}

	.ida-mb-receipt-page .ida-receipt-item__value,
	.ida-mb-receipt-page .ida-title,
	.ida-mb-receipt-page .ida-section-title,
	.ida-mb-receipt-page .ida-kicker {
		color: #111827 !important;
	}

	.ida-mb-receipt-actions {
		display: none !important;
	}
}


/* Receipt hardening v126 */
.ida-mb-receipt-page .ida-receipt-item strong,
.ida-mb-receipt-page .ida-receipt-item__value,
.ida-mb-receipt-page .ida-title,
.ida-mb-receipt-page .ida-section-title,
.ida-mb-receipt-page .ida-subtitle,
.ida-mb-receipt-page .ida-kicker,
.ida-mb-receipt-page .ida-badge {
	font-family: "Vazirmatn", Tahoma, sans-serif !important;
}

@media print {
	.ida-mb-receipt-page, .ida-mb-receipt-page * {
		font-family: "Vazirmatn", Tahoma, sans-serif !important;
	}
}


/* Payment direct form fallback */
.ida-mb-direct-payment-form { margin: 0; padding: 0; display: block; }
.ida-mb-payment-fallback-link { display: inline-flex; margin-top: 10px; font-size: 12px; opacity: .78; text-decoration: none; color: inherit; }
.ida-mb-payment-fallback-link:hover { opacity: 1; text-decoration: underline; }