/* =========================================================
   SMM PROVIDER UNIFIED THEME
   Public Landing + Public Pages + PerfectPanel Private Pages
   Palette: #F9F8F6 #EFE9E3 #D9CFC7 #C9B59C
            #FCF8F8 #FBEFEF #F9DFDF #F5AFAF
   Bootstrap 3.3.7 / PerfectPanel compatible
========================================================= */

:root {
			--sp-bg: #F9F8F6;
			--sp-surface: #EFE9E3;
			--sp-muted: #D9CFC7;
			--sp-brown: #C9B59C;

			--sp-white-pink: #FCF8F8;
			--sp-light-pink: #FBEFEF;
			--sp-soft-pink: #F9DFDF;
			--sp-primary: #F5AFAF;

			--sp-primary-dark: #DC8D8D;
			--sp-primary-deep: #B96C6C;

			--sp-dark: #302A27;
			--sp-dark-soft: #48403C;
			--sp-text: #3C3531;
			--sp-text-soft: #796E67;
			--sp-white: #FFFFFF;

			--sp-success: #5F9A78;
			--sp-warning: #C8924F;
			--sp-danger: #C96363;
			--sp-info: #718EA8;

			--sp-border: rgba(77, 62, 54, 0.11);
			--sp-border-strong: rgba(77, 62, 54, 0.18);

			--sp-shadow-sm: 0 8px 25px rgba(76, 58, 48, 0.07);
			--sp-shadow: 0 18px 55px rgba(76, 58, 48, 0.11);

			--sp-radius-sm: 10px;
			--sp-radius: 15px;
			--sp-radius-lg: 22px;

			--sp-sidebar-width: 270px;
			--sp-topbar-height: 76px;
		}

		* {
			box-sizing: border-box;
		}

		html {
			min-height: 100%;
			scroll-behavior: smooth;
		}

		body {
			min-height: 100%;
			margin: 0;
			background:
				radial-gradient(circle at 10% 4%, rgba(245, 175, 175, 0.13), transparent 24%),
				var(--sp-bg);
			color: var(--sp-text);
			font-family: "DM Sans", sans-serif;
			font-size: 14px;
			line-height: 1.65;
			overflow-x: hidden;
		}

		body.private-layout {
			background: #F7F4F1;
		}

		a,
		button,
		input,
		select,
		textarea {
			transition: all 0.22s ease;
		}

		a,
		a:hover,
		a:focus {
			text-decoration: none;
		}

		img {
			max-width: 100%;
		}

		ul {
			padding-left: 0;
		}

		::selection {
			background: var(--sp-primary);
			color: var(--sp-dark);
		}

		/* ========================================
		   SHARED BUTTONS
		======================================== */

		.btn {
			min-height: 42px;
			padding: 10px 18px;
			border-radius: var(--sp-radius-sm);
			font-size: 13px;
			font-weight: 700;
			line-height: 20px;
			box-shadow: none;
			outline: none !important;
		}

		.btn-sm {
			min-height: 34px;
			padding: 6px 12px;
			font-size: 12px;
		}

		.btn-xs {
			min-height: 28px;
			padding: 4px 9px;
			border-radius: 7px;
			font-size: 11px;
		}

		.btn-lg {
			min-height: 50px;
			padding: 14px 24px;
			font-size: 15px;
		}

		.btn-primary,
		.btn-primary:focus {
			border-color: var(--sp-primary);
			background: var(--sp-primary);
			color: var(--sp-dark);
			box-shadow: 0 8px 20px rgba(245, 175, 175, 0.28);
		}

		.btn-primary:hover,
		.btn-primary:active,
		.btn-primary.active,
		.open > .dropdown-toggle.btn-primary {
			border-color: var(--sp-primary-dark);
			background: var(--sp-primary-dark);
			color: var(--sp-white);
			transform: translateY(-1px);
		}

		.btn-default,
		.btn-default:focus {
			border-color: var(--sp-border-strong);
			background: var(--sp-white);
			color: var(--sp-text);
		}

		.btn-default:hover,
		.btn-default:active {
			border-color: var(--sp-brown);
			background: var(--sp-surface);
			color: var(--sp-dark);
		}

		.btn-success {
			border-color: var(--sp-success);
			background: var(--sp-success);
		}

		.btn-warning {
			border-color: var(--sp-warning);
			background: var(--sp-warning);
		}

		.btn-danger {
			border-color: var(--sp-danger);
			background: var(--sp-danger);
		}

		.btn-info {
			border-color: var(--sp-info);
			background: var(--sp-info);
		}

		.btn-link {
			color: var(--sp-primary-deep);
		}

		.btn-link:hover {
			color: var(--sp-primary-dark);
		}

		/* ========================================
		   FORMS
		======================================== */

		label,
		.control-label {
			margin-bottom: 7px;
			color: var(--sp-text);
			font-size: 13px;
			font-weight: 700;
		}

		.form-group {
			margin-bottom: 19px;
		}

		.form-control {
			width: 100%;
			height: 45px;
			padding: 10px 13px;
			border: 1px solid var(--sp-border-strong);
			border-radius: var(--sp-radius-sm);
			background: var(--sp-white);
			color: var(--sp-text);
			font-size: 13px;
			box-shadow: none;
		}

		.form-control:hover {
			border-color: var(--sp-muted);
		}

		.form-control:focus {
			border-color: var(--sp-primary);
			box-shadow: 0 0 0 4px rgba(245, 175, 175, 0.18);
		}

		textarea.form-control {
			min-height: 120px;
			height: auto;
			resize: vertical;
		}

		select.form-control {
			cursor: pointer;
		}

		.input-group-addon {
			border-color: var(--sp-border-strong);
			background: var(--sp-surface);
			color: var(--sp-text-soft);
		}

		.input-group .form-control:first-child,
		.input-group-addon:first-child,
		.input-group-btn:first-child > .btn {
			border-radius: var(--sp-radius-sm) 0 0 var(--sp-radius-sm);
		}

		.input-group .form-control:last-child,
		.input-group-addon:last-child,
		.input-group-btn:last-child > .btn {
			border-radius: 0 var(--sp-radius-sm) var(--sp-radius-sm) 0;
		}

		.help-block {
			color: var(--sp-text-soft);
			font-size: 12px;
		}

		.checkbox label,
		.radio label {
			color: var(--sp-text-soft);
			font-weight: 500;
		}

		input[type="checkbox"],
		input[type="radio"] {
			accent-color: var(--sp-primary-dark);
		}

		/* ========================================
		   PANELS / CARDS
		======================================== */

		.panel,
		.well {
			border: 1px solid var(--sp-border);
			border-radius: var(--sp-radius);
			background: rgba(255, 255, 255, 0.96);
			box-shadow: var(--sp-shadow-sm);
		}

		.panel {
			margin-bottom: 24px;
			overflow: hidden;
		}

		.panel-heading {
			min-height: 58px;
			padding: 18px 21px;
			border-bottom: 1px solid var(--sp-border) !important;
			border-radius: 0;
			background: linear-gradient(135deg, var(--sp-white), var(--sp-white-pink)) !important;
			color: var(--sp-text) !important;
			font-size: 15px;
			font-weight: 800;
		}

		.panel-title {
			color: var(--sp-text);
			font-size: 15px;
			font-weight: 800;
		}

		.panel-body {
			padding: 22px;
		}

		.panel-footer {
			padding: 15px 21px;
			border-top: 1px solid var(--sp-border);
			background: var(--sp-white-pink);
		}

		.well {
			min-height: 20px;
			margin-bottom: 24px;
			padding: 22px;
		}

		.well-sm {
			padding: 15px;
		}

		.well-lg {
			padding: 28px;
		}

		.panel-primary,
		.panel-success,
		.panel-info,
		.panel-warning,
		.panel-danger {
			border-color: var(--sp-border);
		}

		/* ========================================
		   ALERTS
		======================================== */

		.alert {
			position: relative;
			padding: 15px 45px 15px 17px;
			border: 0;
			border-radius: var(--sp-radius-sm);
			font-size: 13px;
			box-shadow: var(--sp-shadow-sm);
		}

		.alert-success {
			background: #EAF4EE;
			color: #3E7658;
		}

		.alert-danger {
			background: #FAE9E9;
			color: #A54747;
		}

		.alert-warning {
			background: #FFF4E5;
			color: #9C6A2F;
		}

		.alert-info {
			background: #EAF1F7;
			color: #536F89;
		}

		.alert .close {
			top: 0;
			right: -26px;
			color: inherit;
			opacity: 0.55;
		}

		/* ========================================
		   BADGES / LABELS
		======================================== */

		.badge,
		.label {
			padding: 5px 9px;
			border-radius: 50px;
			font-size: 10px;
			font-weight: 800;
			letter-spacing: 0.2px;
		}

		.badge {
			background: var(--sp-soft-pink);
			color: var(--sp-primary-deep);
		}

		.label-default {
			background: var(--sp-muted);
			color: var(--sp-dark);
		}

		.label-primary {
			background: var(--sp-primary);
			color: var(--sp-dark);
		}

		.label-success {
			background: var(--sp-success);
		}

		.label-info {
			background: var(--sp-info);
		}

		.label-warning {
			background: var(--sp-warning);
		}

		.label-danger {
			background: var(--sp-danger);
		}

		/* ========================================
		   TABLES
		======================================== */

		.table-responsive {
			margin-bottom: 20px;
			border: 0;
			border-radius: var(--sp-radius);
			background: var(--sp-white);
			box-shadow: var(--sp-shadow-sm);
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}

		.table {
			width: 100%;
			margin-bottom: 0;
			background: var(--sp-white);
		}

		.table > thead > tr > th {
			padding: 15px 13px;
			border-bottom: 1px solid var(--sp-border);
			background: var(--sp-surface);
			color: var(--sp-text);
			font-size: 11px;
			font-weight: 800;
			letter-spacing: 0.45px;
			text-transform: uppercase;
			vertical-align: middle;
			white-space: nowrap;
		}

		.table > tbody > tr > td,
		.table > tfoot > tr > td {
			padding: 14px 13px;
			border-top: 1px solid var(--sp-border);
			color: var(--sp-text-soft);
			font-size: 12px;
			vertical-align: middle;
		}

		.table > tbody > tr:hover > td {
			background: var(--sp-white-pink);
			color: var(--sp-text);
		}

		.table-striped > tbody > tr:nth-of-type(odd) {
			background: #FDFBFA;
		}

		.table-bordered {
			border: 0;
		}

		.table-bordered > thead > tr > th,
		.table-bordered > tbody > tr > td {
			border-right: 0;
			border-left: 0;
		}

		/* ========================================
		   PAGINATION
		======================================== */

		.pagination {
			margin: 20px 0;
		}

		.pagination > li > a,
		.pagination > li > span {
			min-width: 38px;
			margin: 0 3px;
			padding: 9px 12px;
			border: 1px solid var(--sp-border);
			border-radius: 9px !important;
			background: var(--sp-white);
			color: var(--sp-text-soft);
			text-align: center;
		}

		.pagination > li > a:hover,
		.pagination > li > span:hover {
			border-color: var(--sp-primary);
			background: var(--sp-light-pink);
			color: var(--sp-primary-deep);
		}

		.pagination > .active > a,
		.pagination > .active > span,
		.pagination > .active > a:hover,
		.pagination > .active > span:hover {
			border-color: var(--sp-primary);
			background: var(--sp-primary);
			color: var(--sp-dark);
		}

		/* ========================================
		   DROPDOWNS
		======================================== */

		.dropdown-menu {
			min-width: 190px;
			padding: 8px;
			border: 1px solid var(--sp-border);
			border-radius: 13px;
			background: var(--sp-white);
			box-shadow: var(--sp-shadow);
		}

		.dropdown-menu > li > a {
			padding: 10px 12px;
			border-radius: 8px;
			color: var(--sp-text-soft);
			font-size: 12px;
			font-weight: 600;
		}

		.dropdown-menu > li > a:hover,
		.dropdown-menu > li.active > a,
		.dropdown-menu > li.active > a:hover {
			background: var(--sp-light-pink);
			color: var(--sp-primary-deep);
		}

		.dropdown-max-height {
			max-height: 310px;
			overflow-y: auto;
		}

		/* ========================================
		   MODALS
		======================================== */

		.modal-content {
			border: 0;
			border-radius: var(--sp-radius-lg);
			box-shadow: var(--sp-shadow);
			overflow: hidden;
		}

		.modal-header {
			padding: 20px 23px;
			border-bottom: 1px solid var(--sp-border);
			background: var(--sp-white-pink);
		}

		.modal-title {
			font-size: 17px;
			font-weight: 800;
		}

		.modal-body {
			padding: 23px;
		}

		.modal-footer {
			padding: 17px 23px;
			border-top: 1px solid var(--sp-border);
			background: var(--sp-bg);
		}

		/* ========================================
		   PUBLIC NAVBAR
		======================================== */

		.sp-public-navbar {
			min-height: 76px;
			margin: 0;
			border: 0;
			border-bottom: 1px solid var(--sp-border);
			border-radius: 0;
			background: rgba(249, 248, 246, 0.95);
			box-shadow: 0 7px 25px rgba(76, 58, 48, 0.05);
			backdrop-filter: blur(14px);
			z-index: 1050;
		}

		.sp-public-navbar .navbar-header {
			min-height: 76px;
		}

		.sp-public-navbar .navbar-brand {
			display: flex;
			align-items: center;
			height: 76px;
			padding-top: 0;
			padding-bottom: 0;
			color: var(--sp-dark);
			font-family: "Playfair Display", serif;
			font-size: 24px;
			font-weight: 800;
		}

		.sp-public-navbar .navbar-brand img {
			width: auto;
			max-width: 190px;
			max-height: 45px;
		}

		.sp-brand-icon {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			margin-right: 10px;
			border-radius: 12px;
			background: var(--sp-primary);
			color: var(--sp-dark);
			font-family: "DM Sans", sans-serif;
			font-size: 15px;
			font-weight: 800;
			box-shadow: 0 8px 20px rgba(245, 175, 175, 0.28);
		}

		.sp-public-navbar .navbar-nav > li > a {
			padding: 28px 14px;
			background: transparent;
			color: var(--sp-text-soft);
			font-size: 13px;
			font-weight: 700;
		}

		.sp-public-navbar .navbar-nav > li > a:hover,
		.sp-public-navbar .navbar-nav > li > a:focus,
		.sp-public-navbar .navbar-nav > li.active > a,
		.sp-public-navbar .navbar-nav > li.active > a:hover {
			background: transparent;
			color: var(--sp-primary-deep);
		}

		.sp-public-navbar .navbar-nav > li.active > a:after {
			position: absolute;
			right: 14px;
			bottom: 18px;
			left: 14px;
			height: 2px;
			border-radius: 5px;
			background: var(--sp-primary);
			content: "";
		}

		.sp-public-navbar .navbar-icon {
			margin-right: 6px;
		}

		.sp-public-navbar .navbar-toggle {
			margin-top: 19px;
			border: 1px solid var(--sp-border-strong);
			border-radius: 10px;
			background: var(--sp-white);
		}

		.sp-public-navbar .navbar-toggle:hover,
		.sp-public-navbar .navbar-toggle:focus {
			background: var(--sp-light-pink);
		}

		.sp-public-navbar .navbar-toggle .icon-bar {
			background: var(--sp-dark);
		}

		.sp-language-menu {
			margin-top: 13px;
		}

		.sp-language-menu > a {
			padding: 12px 16px !important;
			border: 1px solid var(--sp-border);
			border-radius: 11px;
			background: var(--sp-white) !important;
		}

		/* ========================================
		   PUBLIC CONTENT
		======================================== */

		.sp-public-main {
			min-height: 530px;
		}

		/* Prevent default content from touching edges */
		.sp-public-main > .container:first-child,
		.sp-public-main > .container-fluid:first-child {
			padding-top: 35px;
			padding-bottom: 35px;
		}

		/* ========================================
		   PRIVATE LAYOUT
		======================================== */

		.sp-private-shell {
			min-height: 100vh;
		}

		.sp-private-sidebar {
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			z-index: 1060;
			display: flex;
			flex-direction: column;
			width: var(--sp-sidebar-width);
			background:
				radial-gradient(circle at 15% 5%, rgba(245, 175, 175, 0.17), transparent 26%),
				linear-gradient(180deg, #352F2C 0%, #292421 100%);
			color: rgba(255, 255, 255, 0.72);
			box-shadow: 12px 0 35px rgba(47, 39, 35, 0.12);
			overflow: hidden;
		}

		.sp-sidebar-brand {
			display: flex;
			align-items: center;
			min-height: var(--sp-topbar-height);
			padding: 15px 21px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.08);
			color: var(--sp-white);
		}

		.sp-sidebar-brand:hover,
		.sp-sidebar-brand:focus {
			color: var(--sp-white);
		}

		.sp-sidebar-brand img {
			width: auto;
			max-width: 180px;
			max-height: 43px;
		}

		.sp-sidebar-brand .sp-brand-icon {
			flex: 0 0 40px;
			color: var(--sp-dark);
		}

		.sp-sidebar-brand-name {
			max-width: 165px;
			color: var(--sp-white);
			font-family: "Playfair Display", serif;
			font-size: 20px;
			font-weight: 800;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.sp-sidebar-user {
			margin: 16px 15px 10px;
			padding: 15px;
			border: 1px solid rgba(255, 255, 255, 0.08);
			border-radius: 15px;
			background: rgba(255, 255, 255, 0.05);
		}

		.sp-sidebar-user-top {
			display: flex;
			align-items: center;
			gap: 11px;
		}

		.sp-user-avatar {
			display: flex;
			flex: 0 0 42px;
			align-items: center;
			justify-content: center;
			width: 42px;
			height: 42px;
			border-radius: 13px;
			background: var(--sp-primary);
			color: var(--sp-dark);
			font-size: 15px;
			font-weight: 800;
		}

		.sp-user-details {
			min-width: 0;
		}

		.sp-user-details strong {
			display: block;
			color: var(--sp-white);
			font-size: 13px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.sp-user-details span {
			display: block;
			margin-top: 2px;
			color: rgba(255, 255, 255, 0.48);
			font-size: 10px;
			letter-spacing: 0.5px;
			text-transform: uppercase;
		}

		.sp-sidebar-balance {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 13px;
			padding-top: 12px;
			border-top: 1px solid rgba(255, 255, 255, 0.07);
		}

		.sp-sidebar-balance span {
			color: rgba(255, 255, 255, 0.48);
			font-size: 10px;
			font-weight: 700;
			letter-spacing: 0.5px;
			text-transform: uppercase;
		}

		.sp-sidebar-balance strong {
			color: var(--sp-primary);
			font-size: 13px;
			font-weight: 800;
		}

		.sp-sidebar-navigation {
			flex: 1;
			padding: 8px 12px 25px;
			overflow-x: hidden;
			overflow-y: auto;
		}

		.sp-sidebar-navigation::-webkit-scrollbar {
			width: 5px;
		}

		.sp-sidebar-navigation::-webkit-scrollbar-track {
			background: transparent;
		}

		.sp-sidebar-navigation::-webkit-scrollbar-thumb {
			border-radius: 20px;
			background: rgba(255, 255, 255, 0.12);
		}

		.sp-sidebar-label {
			display: block;
			padding: 13px 12px 8px;
			color: rgba(255, 255, 255, 0.30);
			font-size: 9px;
			font-weight: 800;
			letter-spacing: 1.2px;
			text-transform: uppercase;
		}

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

		.sp-sidebar-menu li {
			margin-bottom: 4px;
		}

		.sp-sidebar-menu li a {
			position: relative;
			display: flex;
			align-items: center;
			min-height: 44px;
			padding: 10px 13px;
			border-radius: 11px;
			color: rgba(255, 255, 255, 0.63);
			font-size: 12px;
			font-weight: 650;
		}

		.sp-sidebar-menu li a:hover {
			background: rgba(255, 255, 255, 0.07);
			color: var(--sp-white);
			transform: translateX(2px);
		}

		.sp-sidebar-menu li.active a {
			background: linear-gradient(135deg, var(--sp-primary), #EDC2C2);
			color: var(--sp-dark);
			box-shadow: 0 8px 22px rgba(245, 175, 175, 0.16);
		}

		.sp-sidebar-menu li.active a:before {
			position: absolute;
			top: 10px;
			bottom: 10px;
			left: -12px;
			width: 3px;
			border-radius: 0 6px 6px 0;
			background: var(--sp-primary);
			content: "";
		}

		.sp-sidebar-menu .navbar-icon,
		.sp-sidebar-menu li a > i {
			flex: 0 0 22px;
			width: 22px;
			margin-right: 9px;
			font-size: 14px;
			text-align: center;
		}

		.sp-private-body {
			min-height: 100vh;
			margin-left: var(--sp-sidebar-width);
		}

		.sp-private-topbar {
			position: sticky;
			top: 0;
			z-index: 1040;
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: var(--sp-topbar-height);
			padding: 0 28px;
			border-bottom: 1px solid var(--sp-border);
			background: rgba(249, 248, 246, 0.94);
			box-shadow: 0 7px 25px rgba(76, 58, 48, 0.05);
			backdrop-filter: blur(15px);
		}

		.sp-private-topbar-left {
			display: flex;
			align-items: center;
			min-width: 0;
		}

		.sp-private-title {
			margin: 0;
			color: var(--sp-dark);
			font-family: "Playfair Display", serif;
			font-size: 22px;
			font-weight: 800;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.sp-private-subtitle {
			display: block;
			margin-top: 2px;
			color: var(--sp-text-soft);
			font-size: 11px;
		}

		.sp-private-topbar-right {
			display: flex;
			align-items: center;
			gap: 9px;
		}

		.sp-topbar-action {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 42px;
			height: 42px;
			padding: 0 13px;
			border: 1px solid var(--sp-border);
			border-radius: 11px;
			background: var(--sp-white);
			color: var(--sp-text-soft);
			font-size: 12px;
			font-weight: 700;
			cursor: pointer;
		}

		.sp-topbar-action:hover,
		.sp-topbar-action:focus {
			border-color: var(--sp-primary);
			background: var(--sp-light-pink);
			color: var(--sp-primary-deep);
		}

		.sp-topbar-balance {
			gap: 7px;
			color: var(--sp-text);
		}

		.sp-topbar-balance i {
			color: var(--sp-primary-deep);
		}

		.sp-private-content {
			min-height: calc(100vh - var(--sp-topbar-height));
			padding: 27px;
		}

		.sp-private-content > .container {
			width: 100%;
			padding-right: 0;
			padding-left: 0;
		}

		.sp-private-content > .container-fluid {
			padding-right: 0;
			padding-left: 0;
		}

		/* Common PerfectPanel page headings */
		.sp-private-content h1 {
			margin: 0 0 22px;
			color: var(--sp-dark);
			font-family: "Playfair Display", serif;
			font-size: 30px;
			font-weight: 800;
		}

		.sp-private-content h2 {
			color: var(--sp-dark);
			font-size: 23px;
			font-weight: 800;
		}

		.sp-private-content h3 {
			color: var(--sp-dark);
			font-size: 18px;
			font-weight: 800;
		}

		/* ========================================
		   MOBILE PRIVATE HEADER
		======================================== */

		.sp-mobile-private-navbar {
			display: none;
			min-height: 68px;
			margin: 0;
			border: 0;
			border-bottom: 1px solid var(--sp-border);
			border-radius: 0;
			background: rgba(249, 248, 246, 0.97);
			box-shadow: var(--sp-shadow-sm);
		}

		.sp-mobile-private-navbar .navbar-header {
			min-height: 68px;
		}

		.sp-mobile-private-navbar .navbar-brand {
			display: flex;
			align-items: center;
			height: 68px;
			padding-top: 0;
			padding-bottom: 0;
			color: var(--sp-dark);
			font-family: "Playfair Display", serif;
			font-size: 20px;
			font-weight: 800;
		}

		.sp-mobile-private-navbar .navbar-brand img {
			max-width: 155px;
			max-height: 39px;
		}

		.sp-mobile-private-navbar .navbar-toggle {
			margin-top: 17px;
			border-color: var(--sp-border-strong);
			border-radius: 10px;
			background: var(--sp-white);
		}

		.sp-mobile-private-navbar .navbar-toggle .icon-bar {
			background: var(--sp-dark);
		}

		.sp-mobile-private-navbar .navbar-collapse {
			border-top: 1px solid var(--sp-border);
			background: var(--sp-white);
			box-shadow: var(--sp-shadow);
		}

		.sp-mobile-private-menu {
			margin: 8px 0;
		}

		.sp-mobile-private-menu > li > a {
			margin: 3px 8px;
			padding: 11px 13px;
			border-radius: 9px;
			color: var(--sp-text-soft);
			font-size: 12px;
			font-weight: 700;
		}

		.sp-mobile-private-menu > li.active > a,
		.sp-mobile-private-menu > li > a:hover {
			background: var(--sp-light-pink);
			color: var(--sp-primary-deep);
		}

		/* ========================================
		   PERFECTPANEL COMMON COMPONENTS
		======================================== */

		/* Nav pills and tabs */
		.nav-tabs {
			margin-bottom: 22px;
			border-bottom: 1px solid var(--sp-border);
		}

		.nav-tabs > li > a {
			margin-right: 5px;
			padding: 11px 15px;
			border: 0;
			border-radius: 10px 10px 0 0;
			color: var(--sp-text-soft);
			font-size: 12px;
			font-weight: 700;
		}

		.nav-tabs > li > a:hover {
			border: 0;
			background: var(--sp-light-pink);
			color: var(--sp-primary-deep);
		}

		.nav-tabs > li.active > a,
		.nav-tabs > li.active > a:hover,
		.nav-tabs > li.active > a:focus {
			border: 0;
			border-bottom: 3px solid var(--sp-primary);
			background: var(--sp-white);
			color: var(--sp-text);
		}

		.nav-pills > li > a {
			margin: 3px;
			border-radius: 9px;
			color: var(--sp-text-soft);
			font-size: 12px;
			font-weight: 700;
		}

		.nav-pills > li.active > a,
		.nav-pills > li.active > a:hover {
			background: var(--sp-primary);
			color: var(--sp-dark);
		}

		/* Service category buttons */
		.services-list-filter,
		.orders-filter,
		.nav-tabs {
			overflow-x: auto;
			white-space: nowrap;
			-webkit-overflow-scrolling: touch;
		}

		/* Order status appearance */
		.status-pending,
		.order-status-pending {
			color: var(--sp-warning);
			font-weight: 700;
		}

		.status-completed,
		.order-status-completed {
			color: var(--sp-success);
			font-weight: 700;
		}

		.status-canceled,
		.order-status-canceled,
		.status-cancelled {
			color: var(--sp-danger);
			font-weight: 700;
		}

		.status-processing,
		.order-status-processing,
		.status-inprogress {
			color: var(--sp-info);
			font-weight: 700;
		}

		.status-partial,
		.order-status-partial {
			color: var(--sp-primary-deep);
			font-weight: 700;
		}

		/* Ticket messages */
		.ticket-message,
		.message {
			margin-bottom: 15px;
			padding: 17px;
			border: 1px solid var(--sp-border);
			border-radius: 13px;
			background: var(--sp-white);
			box-shadow: var(--sp-shadow-sm);
		}

		.ticket-message.right,
		.message.right,
		.ticket-message.user {
			margin-left: 40px;
			background: var(--sp-light-pink);
		}

		.ticket-message.left,
		.message.left,
		.ticket-message.support {
			margin-right: 40px;
			background: var(--sp-white);
		}

		/* API code blocks */
		pre,
		code {
			border: 1px solid var(--sp-border);
			border-radius: 9px;
			background: #352F2C;
			color: #F8DFDF;
		}

		pre {
			padding: 17px;
			font-size: 12px;
		}

		code {
			padding: 3px 6px;
		}

		pre code {
			padding: 0;
			border: 0;
		}

		/* Select2 */
		.select2-container {
			width: 100% !important;
		}

		.select2-container .select2-selection--single {
			height: 45px;
			border: 1px solid var(--sp-border-strong);
			border-radius: var(--sp-radius-sm);
			background: var(--sp-white);
		}

		.select2-container--default .select2-selection--single .select2-selection__rendered {
			padding-right: 35px;
			padding-left: 13px;
			color: var(--sp-text);
			line-height: 43px;
		}

		.select2-container--default .select2-selection--single .select2-selection__arrow {
			top: 9px;
			right: 9px;
		}

		.select2-dropdown {
			border: 1px solid var(--sp-border);
			border-radius: 12px;
			box-shadow: var(--sp-shadow);
			overflow: hidden;
		}

		.select2-container--default .select2-results__option--highlighted[aria-selected] {
			background: var(--sp-primary);
			color: var(--sp-dark);
		}

		/* Progress */
		.progress {
			height: 9px;
			border-radius: 30px;
			background: var(--sp-surface);
			box-shadow: none;
			overflow: hidden;
		}

		.progress-bar {
			background: var(--sp-primary-dark);
			box-shadow: none;
		}

		/* List groups */
		.list-group {
			border-radius: var(--sp-radius);
			box-shadow: var(--sp-shadow-sm);
			overflow: hidden;
		}

		.list-group-item {
			padding: 14px 17px;
			border-color: var(--sp-border);
			color: var(--sp-text-soft);
		}

		.list-group-item.active,
		.list-group-item.active:hover {
			border-color: var(--sp-primary);
			background: var(--sp-primary);
			color: var(--sp-dark);
		}

		/* ========================================
		   FIVE-COLUMN PUBLIC FOOTER
		======================================== */

		.sp-public-footer {
			padding: 75px 0 0;
			background:
				radial-gradient(circle at 7% 10%, rgba(245, 175, 175, 0.12), transparent 24%),
				#302A27;
			color: rgba(255, 255, 255, 0.64);
		}

		.sp-footer-grid {
			display: grid;
			grid-template-columns: 1.55fr repeat(4, 1fr);
			gap: 35px;
		}

		.sp-footer-brand {
			display: inline-flex;
			align-items: center;
			margin-bottom: 18px;
			color: var(--sp-white);
			font-family: "Playfair Display", serif;
			font-size: 23px;
			font-weight: 800;
		}

		.sp-footer-brand:hover,
		.sp-footer-brand:focus {
			color: var(--sp-white);
		}

		.sp-footer-brand img {
			max-width: 185px;
			max-height: 45px;
		}

		.sp-footer-description {
			max-width: 350px;
			margin-bottom: 22px;
			color: rgba(255, 255, 255, 0.58);
			font-size: 13px;
			line-height: 1.85;
		}

		.sp-footer-socials {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
		}

		.sp-footer-socials a {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 39px;
			height: 39px;
			border: 1px solid rgba(255, 255, 255, 0.09);
			border-radius: 11px;
			background: rgba(255, 255, 255, 0.06);
			color: rgba(255, 255, 255, 0.75);
		}

		.sp-footer-socials a:hover {
			border-color: var(--sp-primary);
			background: var(--sp-primary);
			color: var(--sp-dark);
			transform: translateY(-2px);
		}

		.sp-footer-column h4 {
			margin: 5px 0 21px;
			color: var(--sp-white);
			font-size: 13px;
			font-weight: 800;
			letter-spacing: 0.3px;
		}

		.sp-footer-links {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.sp-footer-links li {
			margin-bottom: 11px;
		}

		.sp-footer-links a {
			color: rgba(255, 255, 255, 0.57);
			font-size: 12px;
		}

		.sp-footer-links a:hover {
			color: var(--sp-primary);
			padding-left: 4px;
		}

		.sp-footer-contact-item {
			display: flex;
			gap: 10px;
			margin-bottom: 13px;
			color: rgba(255, 255, 255, 0.57);
			font-size: 12px;
		}

		.sp-footer-contact-item i {
			margin-top: 5px;
			color: var(--sp-primary);
		}

		.sp-footer-bottom {
			margin-top: 55px;
			padding: 22px 0;
			border-top: 1px solid rgba(255, 255, 255, 0.09);
		}

		.sp-footer-bottom-inner {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 20px;
			font-size: 11px;
		}

		.sp-footer-payment {
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.sp-payment-pill {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			height: 29px;
			padding: 0 9px;
			border: 1px solid rgba(255, 255, 255, 0.09);
			border-radius: 7px;
			background: rgba(255, 255, 255, 0.05);
			color: rgba(255, 255, 255, 0.65);
			font-size: 9px;
			font-weight: 800;
		}

		/* Private compact footer */
		.sp-private-footer {
			padding: 6px 27px 22px;
			color: var(--sp-text-soft);
			font-size: 11px;
			text-align: center;
		}

		/* Notification */
		#notify-wrapper {
			position: fixed;
			right: 22px;
			bottom: 22px;
			z-index: 9999;
			min-width: 270px;
			max-width: 410px;
		}

		/* ========================================
		   RESPONSIVE
		======================================== */

		@media (max-width: 1199px) {
			:root {
				--sp-sidebar-width: 245px;
			}

			.sp-footer-grid {
				grid-template-columns: 1.4fr repeat(4, 1fr);
				gap: 25px;
			}
		}

		@media (max-width: 991px) {
			body.private-layout {
				padding-top: 0;
			}

			.sp-private-sidebar,
			.sp-private-topbar {
				display: none;
			}

			.sp-mobile-private-navbar {
				display: block;
			}

			.sp-private-body {
				margin-left: 0;
			}

			.sp-private-content {
				min-height: calc(100vh - 68px);
				padding: 23px 18px;
			}

			.sp-footer-grid {
				grid-template-columns: repeat(3, 1fr);
			}

			.sp-footer-column:first-child {
				grid-column: span 3;
			}

			.sp-footer-description {
				max-width: 650px;
			}
		}

		@media (max-width: 767px) {
			body {
				font-size: 13px;
			}

			.sp-public-navbar {
				min-height: 68px;
			}

			.sp-public-navbar .navbar-header {
				min-height: 68px;
			}

			.sp-public-navbar .navbar-brand {
				height: 68px;
				font-size: 20px;
			}

			.sp-public-navbar .navbar-brand img {
				max-width: 155px;
				max-height: 39px;
			}

			.sp-public-navbar .navbar-collapse {
				border-top: 1px solid var(--sp-border);
				background: var(--sp-bg);
				box-shadow: var(--sp-shadow);
			}

			.sp-public-navbar .navbar-nav {
				margin-top: 8px;
				margin-bottom: 8px;
			}

			.sp-public-navbar .navbar-nav > li > a {
				margin: 3px 8px;
				padding: 11px 13px;
				border-radius: 9px;
			}

			.sp-public-navbar .navbar-nav > li.active > a {
				background: var(--sp-light-pink);
			}

			.sp-public-navbar .navbar-nav > li.active > a:after {
				display: none;
			}

			.sp-language-menu {
				margin: 8px;
			}

			.sp-language-menu > a {
				margin: 0 !important;
			}

			.panel-body,
			.well {
				padding: 17px;
			}

			.panel-heading {
				padding: 16px 17px;
			}

			.sp-private-content {
				padding: 18px 12px;
			}

			.sp-private-content h1 {
				font-size: 25px;
			}

			.table-responsive {
				border-radius: 11px;
			}

			.table > thead > tr > th,
			.table > tbody > tr > td {
				padding: 12px 10px;
			}

			.sp-footer-grid {
				grid-template-columns: repeat(2, 1fr);
			}

			.sp-footer-column:first-child {
				grid-column: span 2;
			}

			.sp-footer-bottom-inner {
				flex-direction: column;
				text-align: center;
			}

			.sp-footer-payment {
				flex-wrap: wrap;
				justify-content: center;
			}

			.btn {
				white-space: normal;
			}
		}

		@media (max-width: 520px) {
			.sp-footer-grid {
				grid-template-columns: 1fr;
			}

			.sp-footer-column:first-child {
				grid-column: span 1;
			}

			.sp-public-footer {
				padding-top: 55px;
				text-align: center;
			}

			.sp-footer-description {
				margin-right: auto;
				margin-left: auto;
			}

			.sp-footer-socials {
				justify-content: center;
			}

			.sp-footer-contact-item {
				justify-content: center;
			}

			.sp-private-content {
				padding: 14px 9px;
			}

			.panel,
			.well,
			.table-responsive {
				border-radius: 11px;
			}

			.form-control {
				font-size: 16px;
			}

			.ticket-message.right,
			.message.right,
			.ticket-message.user {
				margin-left: 15px;
			}

			.ticket-message.left,
			.message.left,
			.ticket-message.support {
				margin-right: 15px;
			}

			#notify-wrapper {
				right: 10px;
				bottom: 10px;
				left: 10px;
				min-width: 0;
				max-width: none;
			}
		}
		/* ========================================
		   PUBLIC LANDING PAGE — SCOPED STYLES
		   Matches Pasted text(151).txt exactly
		======================================== */
		.sp-landing-page { background: var(--sp-bg); color: var(--sp-text); overflow: hidden; }
		.sp-landing-page .section-space { padding: 95px 0; }
		.sp-landing-page .section-soft { background: var(--sp-white-pink); }
		.sp-landing-page .section-pink { background: var(--sp-light-pink); }
		.sp-landing-page .section-heading { max-width: 730px; margin: 0 auto 52px; text-align: center; }
		.sp-landing-page .section-heading h2 { margin: 0 0 16px; font-family: "Playfair Display", serif; font-size: 43px; line-height: 1.15; font-weight: 800; }
		.sp-landing-page .section-heading p { margin: 0; color: var(--sp-text-soft); font-size: 17px; }
		.sp-landing-page .eyebrow,
		.sp-landing-page .hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 15px; padding: 8px 15px; border: 1px solid rgba(245,175,175,.55); border-radius: 50px; background: var(--sp-light-pink); color: var(--sp-primary-deep); font-size: 12px; font-weight: 800; letter-spacing: 1.1px; text-transform: uppercase; }
		.sp-landing-page .btn-main,
		.sp-landing-page .btn-outline { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 13px 24px; border: 1px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 800; }
		.sp-landing-page .btn-main { border-color: var(--sp-primary); background: var(--sp-primary); color: var(--sp-dark); box-shadow: 0 12px 25px rgba(245,175,175,.34); }
		.sp-landing-page .btn-main:hover,
		.sp-landing-page .btn-main:focus { border-color: var(--sp-primary-dark); background: var(--sp-primary-dark); color: var(--sp-white); transform: translateY(-2px); }
		.sp-landing-page .btn-outline { border-color: var(--sp-brown); background: transparent; color: var(--sp-dark); }
		.sp-landing-page .btn-outline:hover,
		.sp-landing-page .btn-outline:focus { border-color: var(--sp-dark); background: var(--sp-dark); color: var(--sp-white); transform: translateY(-2px); }

		.sp-landing-page .hero-section { position: relative; padding: 95px 0 88px; background: radial-gradient(circle at 8% 15%, rgba(245,175,175,.32), transparent 25%), radial-gradient(circle at 90% 20%, rgba(201,181,156,.25), transparent 28%), linear-gradient(135deg, var(--sp-bg), var(--sp-white-pink)); overflow: hidden; }
		.sp-landing-page .hero-section:before,
		.sp-landing-page .hero-section:after { position: absolute; border-radius: 50%; content: ""; pointer-events: none; }
		.sp-landing-page .hero-section:before { top: -120px; right: -110px; width: 330px; height: 330px; border: 50px solid rgba(249,223,223,.55); }
		.sp-landing-page .hero-section:after { bottom: -135px; left: -95px; width: 290px; height: 290px; border: 45px solid rgba(217,207,199,.35); }
		.sp-landing-page .hero-content { position: relative; z-index: 2; padding-top: 24px; }
		.sp-landing-page .hero-content h1 { max-width: 690px; margin: 0 0 23px; font-family: "Playfair Display", serif; font-size: 62px; line-height: 1.04; font-weight: 800; letter-spacing: -1.5px; }
		.sp-landing-page .hero-content h1 span { color: var(--sp-primary-deep); }
		.sp-landing-page .hero-content > p { max-width: 620px; margin: 0 0 29px; color: var(--sp-text-soft); font-size: 18px; line-height: 1.8; }
		.sp-landing-page .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 33px; }
		.sp-landing-page .hero-proof { display: flex; flex-wrap: wrap; gap: 21px; }
		.sp-landing-page .hero-proof-item { display: flex; align-items: center; gap: 8px; color: var(--sp-text-soft); font-size: 13px; font-weight: 700; }
		.sp-landing-page .hero-proof-item i { color: var(--sp-primary-deep); }

		.sp-landing-page .login-wrapper { position: relative; z-index: 3; max-width: 450px; margin-left: auto; }
		.sp-landing-page .login-decoration { position: absolute; top: -25px; right: -25px; width: 115px; height: 115px; border-radius: 30px; background: var(--sp-soft-pink); transform: rotate(12deg); }
		.sp-landing-page .login-card { position: relative; padding: 35px; border: 1px solid rgba(255,255,255,.8); border-radius: 28px; background: rgba(255,255,255,.84); box-shadow: var(--sp-shadow); backdrop-filter: blur(18px); }
		.sp-landing-page .login-card-header { margin-bottom: 27px; }
		.sp-landing-page .login-card-header h3 { margin: 0 0 8px; font-size: 26px; font-weight: 800; }
		.sp-landing-page .login-card-header p { margin: 0; color: var(--sp-text-soft); }
		.sp-landing-page .input-wrap { position: relative; }
		.sp-landing-page .input-wrap i { position: absolute; top: 50%; left: 16px; z-index: 2; color: #AA9283; transform: translateY(-50%); }
		.sp-landing-page .login-card .form-control { height: 52px; padding-left: 45px; background: var(--sp-bg); }
		.sp-landing-page .login-options { display: flex; align-items: center; justify-content: space-between; margin: 6px 0 20px; font-size: 13px; }
		.sp-landing-page .login-options label { margin: 0; color: var(--sp-text-soft); font-weight: 600; }
		.sp-landing-page .login-options a,
		.sp-landing-page .login-bottom a { color: var(--sp-primary-deep); font-weight: 800; }
		.sp-landing-page .login-submit { width: 100%; }
		.sp-landing-page .login-bottom { margin: 22px 0 0; text-align: center; }

		.sp-landing-page .trust-section { position: relative; z-index: 4; margin-top: -28px; }
		.sp-landing-page .trust-bar { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid var(--sp-border); border-radius: 20px; background: var(--sp-white); box-shadow: var(--sp-shadow-sm); overflow: hidden; }
		.sp-landing-page .trust-item { padding: 23px 16px; border-right: 1px solid var(--sp-border); text-align: center; }
		.sp-landing-page .trust-item:last-child { border-right: 0; }
		.sp-landing-page .trust-item i { display: block; margin-bottom: 9px; color: var(--sp-primary-deep); font-size: 22px; }
		.sp-landing-page .trust-item strong { color: var(--sp-text); font-size: 13px; }

		.sp-landing-page .feature-card,
		.sp-landing-page .service-card,
		.sp-landing-page .step-card,
		.sp-landing-page .review-card,
		.sp-landing-page .country-card { height: 100%; border: 1px solid var(--sp-border); border-radius: var(--sp-radius-lg); background: var(--sp-white); box-shadow: var(--sp-shadow-sm); transition: .3s ease; }
		.sp-landing-page .feature-card:hover,
		.sp-landing-page .service-card:hover,
		.sp-landing-page .step-card:hover,
		.sp-landing-page .review-card:hover,
		.sp-landing-page .country-card:hover { border-color: rgba(245,175,175,.8); box-shadow: var(--sp-shadow); transform: translateY(-7px); }
		.sp-landing-page .feature-card { min-height: 265px; margin-bottom: 30px; padding: 31px; }
		.sp-landing-page .card-icon { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; margin-bottom: 22px; border-radius: 17px; background: var(--sp-soft-pink); color: var(--sp-primary-deep); font-size: 23px; }
		.sp-landing-page .feature-card h3,
		.sp-landing-page .service-card h3,
		.sp-landing-page .step-card h3 { margin: 0 0 12px; font-size: 19px; font-weight: 800; }
		.sp-landing-page .feature-card p,
		.sp-landing-page .service-card p,
		.sp-landing-page .step-card p { margin: 0; color: var(--sp-text-soft); }

		.sp-landing-page .about-visual { position: relative; min-height: 510px; border-radius: 30px; background: linear-gradient(145deg, rgba(245,175,175,.86), rgba(249,223,223,.92)); box-shadow: var(--sp-shadow); overflow: hidden; }
		.sp-landing-page .about-visual:before { position: absolute; top: -75px; left: -65px; width: 260px; height: 260px; border: 45px solid rgba(255,255,255,.35); border-radius: 50%; content: ""; }
		.sp-landing-page .about-dashboard { position: absolute; top: 65px; right: -30px; width: 88%; padding: 24px; border: 1px solid rgba(255,255,255,.75); border-radius: 22px; background: rgba(255,255,255,.88); box-shadow: var(--sp-shadow); }
		.sp-landing-page .dashboard-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
		.sp-landing-page .dashboard-dots { display: flex; gap: 6px; }
		.sp-landing-page .dashboard-dots span { width: 9px; height: 9px; border-radius: 50%; background: var(--sp-muted); }
		.sp-landing-page .dashboard-dots span:first-child { background: var(--sp-primary); }
		.sp-landing-page .dashboard-badge { padding: 6px 11px; border-radius: 20px; background: var(--sp-light-pink); color: var(--sp-primary-deep); font-size: 11px; font-weight: 800; }
		.sp-landing-page .dashboard-line { position: relative; height: 145px; margin-bottom: 20px; border-radius: 16px; background: linear-gradient(to right,transparent 49%,rgba(80,60,50,.06) 50%), linear-gradient(to bottom,transparent 49%,rgba(80,60,50,.06) 50%), var(--sp-bg); background-size: 42px 42px; overflow: hidden; }
		.sp-landing-page .dashboard-line:after { position: absolute; right: 0; bottom: 25px; left: 0; height: 75px; border-bottom: 5px solid var(--sp-primary); border-radius: 50%; content: ""; transform: rotate(-7deg); }
		.sp-landing-page .dashboard-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
		.sp-landing-page .dashboard-stat { padding: 14px; border-radius: 13px; background: var(--sp-bg); }
		.sp-landing-page .dashboard-stat strong { display: block; font-size: 18px; }
		.sp-landing-page .dashboard-stat span { color: var(--sp-text-soft); font-size: 11px; }
		.sp-landing-page .about-content { padding: 26px 0 0 45px; }
		.sp-landing-page .about-content h2 { margin: 0 0 20px; font-family: "Playfair Display", serif; font-size: 44px; line-height: 1.15; font-weight: 800; }
		.sp-landing-page .about-content > p { margin: 0 0 22px; color: var(--sp-text-soft); font-size: 16px; }
		.sp-landing-page .about-list { margin: 25px 0 30px; padding: 0; list-style: none; }
		.sp-landing-page .about-list li { position: relative; margin-bottom: 14px; padding-left: 34px; font-weight: 700; }
		.sp-landing-page .about-list li i { position: absolute; top: 4px; left: 0; display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; border-radius: 50%; background: var(--sp-soft-pink); color: var(--sp-primary-deep); font-size: 10px; }

		.sp-landing-page .service-card { position: relative; min-height: 285px; margin-bottom: 30px; padding: 31px; overflow: hidden; }
		.sp-landing-page .service-card:after { position: absolute; right: -32px; bottom: -38px; width: 115px; height: 115px; border-radius: 50%; background: var(--sp-light-pink); content: ""; }
		.sp-landing-page .service-icon { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; margin-bottom: 24px; border-radius: 18px; background: var(--sp-surface); font-size: 26px; }
		.sp-landing-page .service-card h3,
		.sp-landing-page .service-card p,
		.sp-landing-page .service-link { position: relative; z-index: 2; }
		.sp-landing-page .service-card p { margin-bottom: 19px; }
		.sp-landing-page .service-link { color: var(--sp-primary-deep); font-size: 13px; font-weight: 800; }

		.sp-landing-page .counter-section { padding: 68px 0; background: var(--sp-dark); color: var(--sp-white); }
		.sp-landing-page .counter-grid { display: grid; grid-template-columns: repeat(4,1fr); }
		.sp-landing-page .counter-item { padding: 15px 25px; border-right: 1px solid rgba(255,255,255,.13); text-align: center; }
		.sp-landing-page .counter-item:last-child { border-right: 0; }
		.sp-landing-page .counter-item strong { display: block; margin-bottom: 6px; color: var(--sp-primary); font-family: "Playfair Display", serif; font-size: 40px; line-height: 1; }
		.sp-landing-page .counter-item span { color: rgba(255,255,255,.72); font-size: 13px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; }

		.sp-landing-page .steps-row { position: relative; }
		.sp-landing-page .steps-row:before { position: absolute; top: 55px; right: 13%; left: 13%; height: 2px; background: var(--sp-muted); content: ""; }
		.sp-landing-page .step-card { position: relative; min-height: 270px; margin-bottom: 30px; padding: 34px 25px; text-align: center; }
		.sp-landing-page .step-number { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 67px; height: 67px; margin: 0 auto 24px; border: 8px solid var(--sp-bg); border-radius: 50%; background: var(--sp-primary); box-shadow: 0 0 0 1px var(--sp-soft-pink); font-size: 19px; font-weight: 800; }

		.sp-landing-page .advantage-panel { padding: 58px; border-radius: 30px; background: radial-gradient(circle at 90% 10%, rgba(245,175,175,.45), transparent 30%), var(--sp-surface); box-shadow: var(--sp-shadow-sm); }
		.sp-landing-page .advantage-panel h2 { margin: 0 0 17px; font-family: "Playfair Display", serif; font-size: 42px; line-height: 1.2; font-weight: 800; }
		.sp-landing-page .lead-text { max-width: 720px; margin-bottom: 36px; color: var(--sp-text-soft); font-size: 16px; }
		.sp-landing-page .advantage-item { display: flex; gap: 17px; margin-bottom: 28px; }
		.sp-landing-page .advantage-item-icon { display: flex; flex: 0 0 46px; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 13px; background: var(--sp-white); color: var(--sp-primary-deep); box-shadow: var(--sp-shadow-sm); }
		.sp-landing-page .advantage-item h4 { margin: 0 0 5px; font-size: 16px; font-weight: 800; }
		.sp-landing-page .advantage-item p { margin: 0; color: var(--sp-text-soft); font-size: 13px; }

		.sp-landing-page .country-card { display: flex; align-items: center; min-height: 92px; margin-bottom: 22px; padding: 18px 20px; color: inherit; }
		.sp-landing-page .country-flag { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: 14px; border-radius: 14px; background: var(--sp-soft-pink); font-size: 24px; }
		.sp-landing-page .country-card strong { display: block; font-size: 14px; }
		.sp-landing-page .country-card span span { display: block; color: var(--sp-text-soft); font-size: 12px; }

		.sp-landing-page .review-card { min-height: 310px; margin-bottom: 30px; padding: 31px; }
		.sp-landing-page .review-stars { margin-bottom: 19px; color: var(--sp-primary-dark); font-size: 13px; }
		.sp-landing-page .review-card > p { margin-bottom: 25px; color: var(--sp-text-soft); font-size: 15px; line-height: 1.85; }
		.sp-landing-page .review-user { display: flex; align-items: center; gap: 13px; }
		.sp-landing-page .review-avatar { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--sp-soft-pink); color: var(--sp-primary-deep); font-weight: 800; }
		.sp-landing-page .review-user strong { display: block; font-size: 14px; }
		.sp-landing-page .review-user span { display: block; color: var(--sp-text-soft); font-size: 12px; }

		.sp-landing-page .faq-wrap { max-width: 900px; margin: 0 auto; }
		.sp-landing-page .faq-item { margin-bottom: 14px; border: 1px solid var(--sp-border); border-radius: 15px; background: var(--sp-white); box-shadow: 0 6px 20px rgba(83,61,50,.05); overflow: hidden; }
		.sp-landing-page .faq-question { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 21px 23px; border: 0; background: transparent; color: var(--sp-text); text-align: left; font-size: 15px; font-weight: 800; outline: none; }
		.sp-landing-page .faq-question i { color: var(--sp-primary-deep); transition: transform .25s ease; }
		.sp-landing-page .faq-question[aria-expanded="true"] i { transform: rotate(45deg); }
		.sp-landing-page .faq-answer { padding: 0 23px 21px; color: var(--sp-text-soft); }

		.sp-landing-page .cta-section { padding: 90px 0; }
		.sp-landing-page .cta-box { position: relative; padding: 75px 45px; border-radius: 32px; background: radial-gradient(circle at 10% 10%, rgba(255,255,255,.4), transparent 27%), linear-gradient(135deg,var(--sp-primary),var(--sp-soft-pink)); text-align: center; box-shadow: var(--sp-shadow); overflow: hidden; }
		.sp-landing-page .cta-box:after { position: absolute; right: -80px; bottom: -100px; width: 280px; height: 280px; border: 45px solid rgba(255,255,255,.24); border-radius: 50%; content: ""; }
		.sp-landing-page .cta-box h2 { position: relative; z-index: 2; max-width: 740px; margin: 0 auto 18px; font-family: "Playfair Display", serif; font-size: 45px; line-height: 1.15; font-weight: 800; }
		.sp-landing-page .cta-box p { position: relative; z-index: 2; max-width: 650px; margin: 0 auto 28px; color: #665552; font-size: 16px; }
		.sp-landing-page .cta-box .btn-outline { position: relative; z-index: 2; border-color: var(--sp-dark); background: var(--sp-dark); color: var(--sp-white); }

		@media (max-width: 991px) {
			.sp-landing-page .section-space { padding: 75px 0; }
			.sp-landing-page .hero-content { margin-bottom: 55px; padding-top: 0; text-align: center; }
			.sp-landing-page .hero-content h1,
			.sp-landing-page .hero-content > p { margin-right: auto; margin-left: auto; }
			.sp-landing-page .hero-actions,
			.sp-landing-page .hero-proof { justify-content: center; }
			.sp-landing-page .login-wrapper { margin-right: auto; margin-left: auto; }
			.sp-landing-page .trust-bar { grid-template-columns: repeat(3,1fr); }
			.sp-landing-page .trust-item:nth-child(3) { border-right: 0; }
			.sp-landing-page .trust-item:nth-child(-n+3) { border-bottom: 1px solid var(--sp-border); }
			.sp-landing-page .about-content { padding: 55px 0 0; }
			.sp-landing-page .steps-row:before { display: none; }
			.sp-landing-page .counter-grid { grid-template-columns: repeat(2,1fr); }
			.sp-landing-page .counter-item:nth-child(2) { border-right: 0; }
			.sp-landing-page .counter-item:nth-child(-n+2) { margin-bottom: 25px; }
		}
		@media (max-width: 767px) {
			.sp-landing-page .hero-section { padding: 70px 0 75px; }
			.sp-landing-page .hero-content h1 { font-size: 43px; }
			.sp-landing-page .hero-content > p { font-size: 16px; }
			.sp-landing-page .login-card { padding: 27px 22px; }
			.sp-landing-page .trust-section { margin-top: -18px; }
			.sp-landing-page .trust-bar { grid-template-columns: 1fr 1fr; }
			.sp-landing-page .trust-item { border-right: 1px solid var(--sp-border) !important; border-bottom: 1px solid var(--sp-border); }
			.sp-landing-page .trust-item:nth-child(even) { border-right: 0 !important; }
			.sp-landing-page .trust-item:last-child { grid-column: 1/3; border-right: 0 !important; border-bottom: 0; }
			.sp-landing-page .section-heading h2,
			.sp-landing-page .about-content h2,
			.sp-landing-page .advantage-panel h2,
			.sp-landing-page .cta-box h2 { font-size: 34px; }
			.sp-landing-page .about-visual { min-height: 410px; }
			.sp-landing-page .about-dashboard { top: 55px; right: 20px; left: 20px; width: auto; }
			.sp-landing-page .dashboard-stats { grid-template-columns: 1fr; }
			.sp-landing-page .dashboard-stat:nth-child(n+2) { display: none; }
			.sp-landing-page .advantage-panel { padding: 35px 22px; }
			.sp-landing-page .cta-box { padding: 58px 22px; }
		}
		@media (max-width: 520px) {
			.sp-landing-page .hero-content h1 { font-size: 38px; }
			.sp-landing-page .hero-actions { display: block; }
			.sp-landing-page .hero-actions .btn-main,
			.sp-landing-page .hero-actions .btn-outline { width: 100%; margin-bottom: 11px; }
			.sp-landing-page .hero-proof { display: block; }
			.sp-landing-page .hero-proof-item { justify-content: center; margin-bottom: 10px; }
			.sp-landing-page .login-options { display: block; }
			.sp-landing-page .login-options a { display: block; margin-top: 8px; }
			.sp-landing-page .counter-grid { grid-template-columns: 1fr; }
			.sp-landing-page .counter-item { margin-bottom: 20px !important; border-right: 0; }
		}

/* =========================================================
   PERFECTPANEL EXTRA PAGE COMPATIBILITY
   New Order, Mass Order, Services, Orders, Refill, Drip-feed,
   Subscriptions, Add Funds, Tickets, Updates, API and Account
========================================================= */

.sp-private-content .order-form,
.sp-private-content .mass-order-form,
.sp-private-content .add-funds-form,
.sp-private-content .account-form,
.sp-private-content .ticket-form,
.sp-private-content .api-form,
.sp-private-content .subscription-form,
.sp-private-content .refill-form {
	max-width: 100%;
}

.sp-private-content .service-description,
.sp-private-content .order-description,
.sp-private-content .form-description,
.sp-private-content .panel-description {
	margin-top: 10px;
	padding: 13px 15px;
	border: 1px solid var(--sp-border);
	border-radius: var(--sp-radius-sm);
	background: var(--sp-white-pink);
	color: var(--sp-text-soft);
	font-size: 12px;
	line-height: 1.7;
}

.sp-private-content .search-wrap,
.sp-private-content .filters-wrap,
.sp-private-content .orders-filter,
.sp-private-content .services-list-filter {
	margin-bottom: 18px;
}

.sp-private-content .search-wrap .form-control,
.sp-private-content .orders-filter .form-control,
.sp-private-content .services-list-filter .form-control {
	background: var(--sp-white);
}

.sp-private-content .service-category,
.sp-private-content .category-title,
.sp-private-content .table-category {
	padding: 12px 15px;
	border-radius: 10px;
	background: var(--sp-surface);
	color: var(--sp-dark);
	font-weight: 800;
}

.sp-private-content .service-name,
.sp-private-content .order-link,
.sp-private-content .ticket-title {
	color: var(--sp-text);
	font-weight: 700;
	word-break: break-word;
}

.sp-private-content .order-id,
.sp-private-content .service-id,
.sp-private-content .ticket-id {
	font-family: monospace;
	color: var(--sp-primary-deep);
	font-weight: 700;
}

.sp-private-content .balance-card,
.sp-private-content .stat-card,
.sp-private-content .dashboard-card,
.sp-private-content .account-card,
.sp-private-content .payment-card {
	margin-bottom: 22px;
	padding: 21px;
	border: 1px solid var(--sp-border);
	border-radius: var(--sp-radius);
	background: var(--sp-white);
	box-shadow: var(--sp-shadow-sm);
}

.sp-private-content .balance-card strong,
.sp-private-content .stat-card strong,
.sp-private-content .dashboard-card strong {
	display: block;
	color: var(--sp-dark);
	font-size: 22px;
	font-weight: 800;
}

.sp-private-content .balance-card span,
.sp-private-content .stat-card span,
.sp-private-content .dashboard-card span {
	color: var(--sp-text-soft);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.sp-private-content .payment-method,
.sp-private-content .payment-method-card,
.sp-private-content .method-card {
	position: relative;
	margin-bottom: 16px;
	padding: 17px;
	border: 1px solid var(--sp-border);
	border-radius: var(--sp-radius-sm);
	background: var(--sp-white);
	cursor: pointer;
}

.sp-private-content .payment-method:hover,
.sp-private-content .payment-method-card:hover,
.sp-private-content .method-card:hover,
.sp-private-content .payment-method.active,
.sp-private-content .payment-method-card.active,
.sp-private-content .method-card.active {
	border-color: var(--sp-primary);
	background: var(--sp-light-pink);
	box-shadow: 0 8px 22px rgba(245,175,175,.16);
}

.sp-private-content .copy-btn,
.sp-private-content .btn-copy,
.sp-private-content [data-clipboard-text] {
	border-color: var(--sp-border-strong);
	background: var(--sp-white);
	color: var(--sp-primary-deep);
}

.sp-private-content .copy-btn:hover,
.sp-private-content .btn-copy:hover,
.sp-private-content [data-clipboard-text]:hover {
	border-color: var(--sp-primary);
	background: var(--sp-light-pink);
}

.sp-private-content .accordion-toggle,
.sp-private-content .panel-heading a {
	color: var(--sp-text);
}

.sp-private-content .empty-state,
.sp-private-content .no-data,
.sp-private-content .no-results {
	padding: 45px 20px;
	border: 1px dashed var(--sp-muted);
	border-radius: var(--sp-radius);
	background: var(--sp-white-pink);
	color: var(--sp-text-soft);
	text-align: center;
}

.sp-private-content .bootstrap-select > .dropdown-toggle {
	height: 45px;
	border: 1px solid var(--sp-border-strong);
	border-radius: var(--sp-radius-sm);
	background: var(--sp-white);
	color: var(--sp-text);
}

.sp-private-content .bootstrap-select > .dropdown-toggle:focus,
.sp-private-content .bootstrap-select.open > .dropdown-toggle {
	border-color: var(--sp-primary);
	background: var(--sp-white);
	box-shadow: 0 0 0 4px rgba(245,175,175,.18);
}

.sp-private-content .input-group-btn .btn {
	height: 45px;
}

.sp-private-content .dataTables_wrapper .dataTables_filter,
.sp-private-content .dataTables_wrapper .dataTables_length {
	margin-bottom: 15px;
}

.sp-private-content .dataTables_wrapper .dataTables_info {
	padding-top: 14px;
	color: var(--sp-text-soft);
	font-size: 12px;
}

.sp-private-content .dataTables_wrapper .dataTables_paginate {
	padding-top: 10px;
}

.sp-private-content .dataTables_wrapper .dataTables_paginate .paginate_button {
	margin: 0 2px;
	padding: 7px 11px;
	border: 1px solid var(--sp-border) !important;
	border-radius: 8px;
	background: var(--sp-white) !important;
	color: var(--sp-text-soft) !important;
}

.sp-private-content .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.sp-private-content .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border-color: var(--sp-primary) !important;
	background: var(--sp-primary) !important;
	color: var(--sp-dark) !important;
}

@media (max-width: 767px) {
	.sp-private-content .btn-group,
	.sp-private-content .btn-group-vertical {
		max-width: 100%;
	}

	.sp-private-content .dataTables_wrapper .dataTables_filter,
	.sp-private-content .dataTables_wrapper .dataTables_length,
	.sp-private-content .dataTables_wrapper .dataTables_info,
	.sp-private-content .dataTables_wrapper .dataTables_paginate {
		float: none;
		width: 100%;
		text-align: left;
	}
}

/* ==========================
   ORDER STATUS
========================== */

.order-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:100px;
    padding:6px 14px;
    border-radius:30px;
    font-size:12px;
    font-weight:700;
    line-height:1;
    border:1px solid transparent;
    white-space:nowrap;
    text-align:center;
}

/* Pending */
.status-pending{
    color:#E6A700;
    background:rgba(230,167,0,.12);
    border-color:rgba(230,167,0,.30);
}

/* Processing */
.status-processing{
    color:#17A2B8;
    background:rgba(23,162,184,.12);
    border-color:rgba(23,162,184,.30);
}

/* In Progress */
.status-inprogress{
    color:#0D6EFD;
    background:rgba(13,110,253,.12);
    border-color:rgba(13,110,253,.30);
}

/* Completed */
.status-completed{
    color:#198754;
    background:rgba(25,135,84,.12);
    border-color:rgba(25,135,84,.30);
}

/* Partial */
.status-partial{
    color:#FD7E14;
    background:rgba(253,126,20,.12);
    border-color:rgba(253,126,20,.30);
}

/* Canceled */
.status-canceled{
    color:#DC3545;
    background:rgba(220,53,69,.12);
    border-color:rgba(220,53,69,.30);
}

/* Cancel Reason Icon */
.status-reason-icon{
    margin-left:6px;
    color:#DC3545;
    cursor:help;
    font-size:13px;
}

.rtl-table .status-reason-icon{
    margin-left:0;
    margin-right:6px;
}