/* shared header.php */


	/* İlk boyamada: body sınıfı darkmode.js gelene kadar; body.dark-mode kuralları darkmode.css'te */
	html.dark-mode {
		background-color: #12051f;
	}
	html.dark-mode body {
		background-color: #12051f;
		color: #e1e1e1;
	}
	

/* shared header.php */



/* New Badge Styles */
.new-badge {
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    color: white;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: 0.5rem;
    box-shadow: 0 2px 6px rgba(255, 107, 107, 0.3);
    animation: pulse 2s infinite;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.new-badge::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: shimmer 3s infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 2px 6px rgba(255, 107, 107, 0.3);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 3px 8px rgba(255, 107, 107, 0.5);
    }
}

@keyframes shimmer {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

/* Menu item alignment */
.menu-item .menu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-item .menu-link .menu-title {
    flex: 1;
}


		@media (min-width: 992px) {

		.header .header-container {
			display: flex !important;
			align-items: center !important;
			justify-content: space-between !important;
			flex-wrap: nowrap !important;
			}
		}

		@media (min-width: 1021px) and (max-width: 1680px) {
			.main-container-wrapper {
				flex-direction: column-reverse;
			}
		}


		.py-3 {
			padding-top: 2.75rem !important;
			/*padding-bottom: 0.75rem !important;*/
		}
		
        /* Status bar: tek kez; mobilde 25+30px üst üste binmesin */
        @supports (padding-top: env(safe-area-inset-top)) {
            html[data-panel-shell] body,
            html[data-panel-shell] #kt_body {
                padding-top: env(safe-area-inset-top, 0px) !important;
            }
        }
        
        /* FOUC: head içindeki tema scripti sınıfı html'e ekler; body'ye de darkmode.js ekler */
        html[data-panel-shell] body {
            visibility: hidden;
        }
        html[data-panel-shell].dark-mode body,
        html[data-panel-shell].light-mode body,
        html[data-panel-shell] body.dark-mode,
        html[data-panel-shell] body.light-mode {
            visibility: visible;
        }
		.admin-gradient-btn {
			background: linear-gradient(135deg, #7c3aed, #9b4de8) !important;
			color: #fff !important;
			border: 1px solid rgba(255,255,255,.2) !important;
			border-radius: 999px !important;
			box-shadow: 0 .65rem 1.4rem rgba(124,58,237,.22) !important;
			font-weight: 800;
			transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
			transform: translateY(0);
		}
		.admin-gradient-btn .admin-button-icon {
			display: inline-block;
			width: 1.1em;
			height: 1.1em;
			margin-right: .35rem;
			flex: 0 0 auto;
			fill: none;
			stroke: currentColor;
			stroke-width: 1.8;
			stroke-linecap: round;
			stroke-linejoin: round;
			vertical-align: -.15em;
		}
		.admin-btn-container:hover .admin-gradient-btn, .admin-gradient-btn:focus {
			color: #fff !important;
			box-shadow: 0 .9rem 1.8rem rgba(124,58,237,.32) !important;
			filter: brightness(1.06);
			transform: translateY(-2px);
			text-decoration: none;
		}

		/* Panel actions use the same rounded, bordered language as the public header. */
		#kt_header.panel-nova-header {
			margin: 0 auto;
			max-width: 1320px;
			border: 1px solid rgba(124,58,237,.16) !important;
			border-radius: 1.5rem !important;
			background: rgba(250,248,255,.82) !important;
			box-shadow: 0 1rem 3rem rgba(124,58,237,.10) !important;
			color: #171329;
		}
		#kt_header.panel-nova-header .header-container {
			min-height: 5.9rem;
			padding: .7rem 1.2rem;
		}
		#kt_header.panel-nova-header .page-title h1,
		#kt_header.panel-nova-header .page-title h1 span,
		#kt_header.panel-nova-header .page-title h1 small {
			color: #171329 !important;
		}
		#kt_header.panel-nova-header .page-title h1 span { font-size: 1.12rem !important; font-weight: 800 !important; }
		#kt_header.panel-nova-header .page-title h1 small { opacity: .62; }
		#kt_header.panel-nova-header .panel-header-action {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 2.8rem;
			border: 1px solid rgba(124,58,237,.18) !important;
			border-radius: 999px !important;
			background: rgba(255,255,255,.5) !important;
			color: #25113f !important;
			box-shadow: 0 .35rem 1rem rgba(124,58,237,.08) !important;
			transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease !important;
		}
		#kt_header.panel-nova-header .panel-header-action:hover,
		#kt_header.panel-nova-header .panel-header-action:focus-visible {
			border-color: rgba(124,58,237,.52) !important;
			background: rgba(242,237,255,.92) !important;
			box-shadow: 0 .55rem 1.2rem rgba(124,58,237,.14) !important;
			transform: translateY(-1px);
		}
		#kt_header.panel-nova-header .panel-balance-action {
			padding: .72rem 1.05rem;
			font-weight: 800;
			white-space: nowrap;
		}
		#kt_header.panel-nova-header .panel-icon-action {
			width: 2.8rem;
			padding: 0;
			border-radius: 50% !important;
		}
		#kt_header.panel-nova-header .panel-icon-action .svg-icon { color: #7c3aed !important; }
		#kt_header.panel-nova-header .panel-icon-action .bullet { border: 2px solid #faf8ff; }
		#kt_header.panel-nova-header .panel-theme-toggle { position: relative; overflow: hidden; }
		#kt_header.panel-nova-header .panel-theme-toggle .panel-theme-scene { position: relative; width: 1.35rem; height: 1.35rem; display: block; }
		#kt_header.panel-nova-header .panel-theme-toggle .panel-theme-sun,
		#kt_header.panel-nova-header .panel-theme-toggle .panel-theme-moon { position: absolute; inset: 0; margin: auto; transition: opacity .36s ease, transform .48s cubic-bezier(.2,.8,.2,1); }
		#kt_header.panel-nova-header .panel-theme-toggle .panel-theme-sun { width: .68rem; height: .68rem; border-radius: 50%; background: #7c3aed; box-shadow: 0 -.56rem 0 -.25rem #7c3aed, 0 .56rem 0 -.25rem #7c3aed, .56rem 0 0 -.25rem #7c3aed, -.56rem 0 0 -.25rem #7c3aed, .4rem .4rem 0 -.25rem #7c3aed, -.4rem -.4rem 0 -.25rem #7c3aed, .4rem -.4rem 0 -.25rem #7c3aed, -.4rem .4rem 0 -.25rem #7c3aed; }
		#kt_header.panel-nova-header .panel-theme-toggle .panel-theme-moon { width: .9rem; height: .9rem; border-radius: 50%; background: #d9b8ff; opacity: 0; transform: scale(.35) rotate(90deg); }
		#kt_header.panel-nova-header .panel-theme-toggle .panel-theme-moon::after { position: absolute; top: -.18rem; right: -.18rem; width: .8rem; height: .8rem; border-radius: 50%; background: #faf8ff; content: ''; }
		#kt_header.panel-nova-header .panel-theme-toggle[data-theme="dark"] .panel-theme-sun { opacity: 0; transform: scale(.35) rotate(-90deg); }
		#kt_header.panel-nova-header .panel-theme-toggle[data-theme="dark"] .panel-theme-moon { opacity: 1; transform: scale(1) rotate(0deg); }
		html.theme-switching *,
		html.theme-switching *::before,
		html.theme-switching *::after {
			transition: none !important;
			animation: none !important;
		}
		#kt_header.panel-nova-header .panel-header-menu { background: rgba(250,248,255,.98); border: 1px solid rgba(124,58,237,.16); border-radius: 1.1rem; box-shadow: 0 1rem 2.5rem rgba(33,13,61,.16); overflow: hidden; }
		#kt_header.panel-nova-header .panel-header-menu .text-gray-800,
		#kt_header.panel-nova-header .panel-header-menu .profile-name { color: #25113f !important; }
		#kt_header.panel-nova-header .panel-header-menu .text-gray-400,
		#kt_header.panel-nova-header .panel-header-menu .profile-mail { color: #765f91 !important; }
		#kt_header.panel-nova-header .panel-header-menu .profile-menu-item { color: #34204f !important; }
		#kt_header.panel-nova-header .panel-header-menu .profile-menu-item:hover { background: #f2edff !important; color: #7438df !important; }
		body.dark-mode #kt_header.panel-nova-header,
		html.dark-mode #kt_header.panel-nova-header { border-color: #6d4a92 !important; color: #f3eefe; box-shadow: 0 1rem 3rem rgba(8,4,18,.3) !important; }
		body.dark-mode #kt_header.panel-nova-header .page-title h1,
		body.dark-mode #kt_header.panel-nova-header .page-title h1 span,
		body.dark-mode #kt_header.panel-nova-header .page-title h1 small,
		html.dark-mode #kt_header.panel-nova-header .page-title h1,
		html.dark-mode #kt_header.panel-nova-header .page-title h1 span,
		html.dark-mode #kt_header.panel-nova-header .page-title h1 small { color: #f3eefe !important; }
		body.dark-mode #kt_header.panel-nova-header .panel-header-action,
		html.dark-mode #kt_header.panel-nova-header .panel-header-action { border-color: #6d4a92 !important; background: rgba(36,18,62,.72) !important; color: #d9b8ff !important; }
		body.dark-mode #kt_header.panel-nova-header .panel-icon-action .svg-icon,
		html.dark-mode #kt_header.panel-nova-header .panel-icon-action .svg-icon { color: #d9b8ff !important; }
		body.dark-mode #kt_header.panel-nova-header .panel-theme-toggle .panel-theme-moon::after,
		html.dark-mode #kt_header.panel-nova-header .panel-theme-toggle .panel-theme-moon::after { background: #1a0b2e; }
		body.dark-mode #kt_header.panel-nova-header .panel-header-action:hover,
		html.dark-mode #kt_header.panel-nova-header .panel-header-action:focus-visible { background: #321958 !important; border-color: #a978e8 !important; }
		body.dark-mode #kt_header.panel-nova-header .panel-icon-action .bullet { border-color: #24123e; }
		body.dark-mode #kt_header.panel-nova-header .panel-header-menu,
		html.dark-mode #kt_header.panel-nova-header .panel-header-menu { background: #24123e; border-color: #6d4a92; box-shadow: 0 1rem 2.5rem rgba(0,0,0,.35); }
		body.dark-mode #kt_aside_logo .logo-image,
		html.dark-mode #kt_aside_logo .logo-image,
		body.dark-mode .header-mobile .logo-image,
		html.dark-mode .header-mobile .logo-image { filter: none !important; }
		body.light-mode #kt_aside_logo .logo-image,
		html.light-mode #kt_aside_logo .logo-image,
		body.light-mode .header-mobile .logo-image,
		html.light-mode .header-mobile .logo-image { filter: none !important; }
		body.dark-mode #kt_header.panel-nova-header .panel-header-menu .text-gray-800,
		body.dark-mode #kt_header.panel-nova-header .panel-header-menu .profile-name,
		html.dark-mode #kt_header.panel-nova-header .panel-header-menu .text-gray-800,
		html.dark-mode #kt_header.panel-nova-header .panel-header-menu .profile-name { color: #f3eefe !important; }
		body.dark-mode #kt_header.panel-nova-header .panel-header-menu .text-gray-400,
		body.dark-mode #kt_header.panel-nova-header .panel-header-menu .profile-mail,
		html.dark-mode #kt_header.panel-nova-header .panel-header-menu .text-gray-400,
		html.dark-mode #kt_header.panel-nova-header .panel-header-menu .profile-mail { color: #cbb8df !important; }
		body.dark-mode #kt_header.panel-nova-header .panel-header-menu .profile-menu-item,
		html.dark-mode #kt_header.panel-nova-header .panel-header-menu .profile-menu-item { color: #f3eefe !important; }
		body.dark-mode #kt_header.panel-nova-header .panel-header-menu .profile-menu-item:hover,
		html.dark-mode #kt_header.panel-nova-header .panel-header-menu .profile-menu-item:hover { background: #321958 !important; color: #d9b8ff !important; }
		@media (max-width: 991.98px) {
			/* Desktop header must not participate in the mobile layout. */
			#kt_wrapper > #kt_header.panel-nova-header { display: none !important; }
		}
		@media (min-width: 992px) and (max-width: 1240px) {
			#kt_header.panel-nova-header .page-title { margin-right: 1rem !important; }
			#kt_header.panel-nova-header .page-title h1 small { display: none; }
			#kt_header.panel-nova-header .header-container { padding-left: 1rem; padding-right: 1rem; }
		}
        /* Modern profil dropdown menüsü */
        .profile-dropdown-modern {
            background: var(--profile-bg, #fff);
            border-radius: 18px;
            box-shadow: 0 8px 32px 0 rgba(80,80,120,0.13);
            border: 1.5px solid var(--profile-border, #ececec);
            padding: 18px 0 10px 0;
            min-width: 270px;
            max-width: 320px;
            transition: background 0.3s, border 0.3s;
        }
        .profile-dropdown-modern .profile-user {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 2px;
            padding: 0 24px 10px 24px;
            border-bottom: 1px solid var(--profile-border, #ececec);
            margin-bottom: 10px;
        }
        .profile-dropdown-modern .profile-user .profile-name {
            font-weight: 700;
            font-size: 1.13rem;
            color: var(--profile-name, #23243a);
        }
        .profile-dropdown-modern .profile-user .profile-mail {
            font-size: 0.98rem;
            color: var(--profile-mail, #888);
            word-break: break-all;
        }
        .profile-dropdown-modern .profile-menu-item {
            padding: 10px 24px;
            border-radius: 10px;
            margin: 0 8px 4px 8px;
            font-size: 1.05rem;
            color: var(--profile-link, #23243a);
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            transition: background 0.2s, color 0.2s;
            text-decoration: none;
        }
        .profile-dropdown-modern .profile-menu-item:hover {
            background: var(--profile-hover, #f3eaff);
            color: var(--profile-link-hover, #cb6ce6);
        }
        .profile-dropdown-modern .profile-menu-separator {
            border: none;
            border-top: 1px solid var(--profile-border, #ececec);
            margin: 8px 0;
        }
        body.dark-mode .profile-dropdown-modern {
            --profile-bg: #23243a;
            --profile-border: #35365a;
            --profile-name: #fff;
            --profile-mail: #bdbdbd;
            --profile-link: #e0e0e0;
            --profile-link-hover: #cb6ce6;
            --profile-hover: #2d2e4a;
            background: var(--profile-bg);
            border-color: var(--profile-border);
        }
        body.light-mode .profile-dropdown-modern {
            --profile-bg: #fff;
            --profile-border: #ececec;
            --profile-name: #23243a;
            --profile-mail: #888;
            --profile-link: #23243a;
            --profile-link-hover: #cb6ce6;
            --profile-hover: #f3eaff;
            background: var(--profile-bg);
            border-color: var(--profile-border);
        }
        

		.mobile-aside-logo { display: none !important; }

		.bg-danger-custom {
			margin-top: 0 !important;
			background: linear-gradient(135deg, #ff6b6b 0%, #ff8e8e 25%, #ffa8a8 50%, #ff6b6b 75%, #ff4757 100%) !important;
			background-size: 300% 300% !important;
			animation: gradientShift 4s ease infinite !important;
			border: none !important;
			border-radius: 12px !important;
			box-shadow: 0 8px 32px rgba(255, 107, 107, 0.3), 0 4px 16px rgba(255, 71, 87, 0.2) !important;
			position: relative !important;
			overflow: hidden !important;
		}
		
		.bg-danger-custom::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);
			animation: shimmer 3s ease-in-out infinite;
			pointer-events: none;
		}
		
		@keyframes gradientShift {
			0% { background-position: 0% 50%; }
			50% { background-position: 100% 50%; }
			100% { background-position: 0% 50%; }
		}
		
		@keyframes shimmer {
			0% { transform: translateX(-100%); }
			100% { transform: translateX(100%); }
		}

		/* Branding linkini kalıcı gizle */
		iframe[title*="chat"] a[href*="tawk.to/?utm_source=tawk-messenger"] {
			display: none !important;
		}

		/* Branding kapsayıcı div'ler için */
		iframe[title*="chat"] [id^="t3vga"],
		iframe[title*="chat"] [id^="tq5lp"],
		iframe[title*="chat"] img[src*="Tawky_16x16.svg"] {
			display: none !important;
		}
		@media (min-width: 992px) {
			.header-fixed[data-kt-sticky-header=on] .header {
				height: 140px !important;
			}
			#kt_body.aside-fixed #kt_aside_logo .desktop-aside-logo {
				width: 88% !important;
				height: 76px !important;
				max-width: 100% !important;
				max-height: 76px !important;
				aspect-ratio: auto !important;
				object-fit: contain !important;
				object-position: center !important;
				padding: 0 !important;
				display: block !important;
			}
		}

		/* Devre dışı: panel yeniden klasik dikey aside düzenini kullanıyor. */
		@media (min-width: 99999px) {
			#kt_body.aside-fixed > .flex-root {
				display: block !important;
			}
			#kt_body.aside-fixed #kt_aside {
				position: sticky !important;
				top: 0 !important;
				left: auto !important;
				z-index: 100 !important;
				display: flex !important;
				flex-direction: row !important;
				align-items: center !important;
				width: min(1140px, calc(100% - 40px)) !important;
				height: 92px !important;
				min-height: 92px !important;
				margin: 20px auto 0 !important;
				padding: 12px 24px !important;
				border: 1px solid rgba(124, 58, 237, .22) !important;
				border-radius: 30px !important;
				background: rgba(250, 248, 255, .78) !important;
				box-shadow: 0 16px 42px rgba(124, 58, 237, .10) !important;
			}
			body.dark-mode #kt_body.aside-fixed #kt_aside,
			html.dark-mode #kt_body.aside-fixed #kt_aside {
				border-color: #6d4a92 !important;
				background: rgba(36, 18, 62, .82) !important;
				box-shadow: 0 16px 42px rgba(8, 4, 20, .30) !important;
			}
			#kt_body.aside-fixed #kt_aside_logo {
				display: flex !important;
				align-items: center !important;
				width: 190px !important;
				height: 64px !important;
				padding: 0 !important;
				margin: 0 auto 0 0 !important;
			}
			#kt_body.aside-fixed #kt_aside_logo a {
				display: flex !important;
				align-items: center !important;
			}
			#kt_body.aside-fixed #kt_aside_logo .logo-image {
				width: 178px !important;
				height: auto !important;
				max-height: 58px !important;
				padding: 0 !important;
			}
			#kt_body.aside-fixed #kt_aside_menu_scroll {
				display: flex !important;
				align-items: center !important;
				width: auto !important;
				height: 66px !important;
				padding: 0 !important;
				flex: 1 1 auto !important;
				overflow: visible !important;
			}
			#kt_body.aside-fixed #kt_aside_menu {
				display: flex !important;
				flex-direction: row !important;
				align-items: center !important;
				justify-content: center !important;
				gap: 8px !important;
				width: auto !important;
				min-width: 456px !important;
				padding: 6px 16px !important;
				border: 1px solid rgba(124, 58, 237, .16) !important;
				border-radius: 999px !important;
				background: rgba(255, 255, 255, .42) !important;
				margin: 0 auto !important;
			}
			body.dark-mode #kt_body.aside-fixed #kt_aside_menu,
			html.dark-mode #kt_body.aside-fixed #kt_aside_menu {
				border-color: #6d4a92 !important;
				background: rgba(18, 11, 33, .34) !important;
			}
			#kt_body.aside-fixed #kt_aside_menu > .menu-item {
				position: relative !important;
				padding: 0 !important;
			}
			#kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link {
				display: inline-flex !important;
				flex-direction: row !important;
				align-items: center !important;
				gap: 0 !important;
				min-height: 48px !important;
				padding: 10px 14px !important;
				border-radius: 999px !important;
				color: #34204f !important;
				font: 800 15px/1.2 Manrope, sans-serif !important;
				transition: background .18s ease, color .18s ease, transform .18s ease !important;
			}
			#kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-title,
			#kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-icon,
			#kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-icon i,
			#kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-icon svg {
				color: #17132d !important;
				opacity: 1 !important;
			}
			body.dark-mode #kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link,
			html.dark-mode #kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link {
				color: #f6efff !important;
			}
			body.dark-mode #kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-title,
			body.dark-mode #kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-icon,
			body.dark-mode #kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-icon i,
			body.dark-mode #kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-icon svg,
			html.dark-mode #kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-title,
			html.dark-mode #kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-icon,
			html.dark-mode #kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-icon i,
			html.dark-mode #kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-icon svg {
				color: #f6efff !important;
			}
			#kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link:hover,
			#kt_body.aside-fixed #kt_aside_menu > .menu-item.here > .menu-link,
			#kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link.active {
				background: rgba(124, 58, 237, .16) !important;
				color: #7438df !important;
				transform: translateY(-1px) !important;
			}
			#kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-icon {
				display: none !important;
			}
			#kt_body.aside-fixed #kt_aside_menu > .menu-item > .menu-link .menu-title {
				display: inline !important;
				font-size: 14px !important;
			}
			#kt_body.aside-fixed #kt_aside_footer {
				display: flex !important;
				align-items: center !important;
				width: 118px !important;
				padding: 0 !important;
				margin-left: 12px !important;
			}
			#kt_body.aside-fixed #kt_aside_footer .aside-logout-row { width: 100% !important; }
			#kt_body.aside-fixed #kt_aside_footer .aside-logout-link {
				display: inline-flex !important;
				align-items: center !important;
				gap: 8px !important;
				min-height: 48px !important;
				width: 100% !important;
				padding: 10px 18px !important;
				border: 1px solid rgba(124, 58, 237, .18) !important;
				border-radius: 999px !important;
				background: rgba(124, 58, 237, .08) !important;
				color: #7438df !important;
				font: 800 14px/1.2 Manrope, sans-serif !important;
				white-space: nowrap !important;
			}
			#kt_body.aside-fixed #kt_aside_footer .aside-logout-link:hover {
				background: #7438df !important;
				border-color: #7438df !important;
				color: #fff !important;
			}
			#kt_body.aside-fixed #kt_aside_footer .aside-logout-link:hover .svg-icon,
			#kt_body.aside-fixed #kt_aside_footer .aside-logout-link:hover svg,
			#kt_body.aside-fixed #kt_aside_footer .aside-logout-link:hover svg * {
				color: #fff !important;
				fill: currentColor !important;
			}
			#kt_body.aside-fixed .panel-profile-sub {
				width: 250px !important;
				min-width: 250px !important;
				max-width: calc(100vw - 32px) !important;
				padding: 10px !important;
				border: 1px solid #6d4a92 !important;
				border-radius: 18px !important;
				background: #24123e !important;
				box-shadow: 0 18px 40px rgba(8, 4, 20, .34) !important;
			}
			#kt_body.aside-fixed .panel-profile-sub__identity {
				padding: 10px 12px 12px !important;
				border-bottom: 1px solid rgba(217, 184, 255, .16) !important;
			}
			#kt_body.aside-fixed .panel-profile-sub__identity strong,
			#kt_body.aside-fixed .panel-profile-sub__identity span {
				display: block;
				font-family: Manrope, sans-serif;
			}
			#kt_body.aside-fixed .panel-profile-sub__identity strong { color: #f6efff; font-size: 14px; }
			#kt_body.aside-fixed .panel-profile-sub__identity span { margin-top: 3px; color: #d9b8ff; font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
			#kt_body.aside-fixed .panel-profile-sub a {
				display: block;
				padding: 10px 12px;
				border-radius: 10px;
				color: #f6efff;
				font: 800 13px/1.2 Manrope, sans-serif;
				text-decoration: none;
			}
			#kt_body.aside-fixed .panel-profile-sub a:hover { background: rgba(217, 184, 255, .12); color: #d9b8ff; }
			body.light-mode #kt_body.aside-fixed .panel-profile-sub,
			html.light-mode #kt_body.aside-fixed .panel-profile-sub {
				border-color: rgba(124, 58, 237, .2) !important;
				background: #faf8ff !important;
				box-shadow: 0 18px 40px rgba(76, 38, 130, .16) !important;
			}
			body.light-mode #kt_body.aside-fixed .panel-profile-sub__identity,
			html.light-mode #kt_body.aside-fixed .panel-profile-sub__identity { border-bottom-color: rgba(124, 58, 237, .14) !important; }
			body.light-mode #kt_body.aside-fixed .panel-profile-sub__identity strong,
			html.light-mode #kt_body.aside-fixed .panel-profile-sub__identity strong { color: #25113f; }
			body.light-mode #kt_body.aside-fixed .panel-profile-sub__identity span,
			html.light-mode #kt_body.aside-fixed .panel-profile-sub__identity span { color: #7443b8; }
			body.light-mode #kt_body.aside-fixed .panel-profile-sub a,
			html.light-mode #kt_body.aside-fixed .panel-profile-sub a { color: #34204f; }
			body.light-mode #kt_body.aside-fixed .panel-profile-sub a:hover,
			html.light-mode #kt_body.aside-fixed .panel-profile-sub a:hover { background: rgba(124, 58, 237, .10); color: #7438df; }
			#kt_body.aside-fixed #kt_wrapper {
				margin-left: 0 !important;
				padding-left: 0 !important;
				padding-top: 0 !important;
			}
			#kt_body.aside-fixed #kt_header {
				width: min(1140px, calc(100% - 40px)) !important;
				margin-right: auto !important;
				margin-left: auto !important;
			}
			#kt_body.aside-fixed > .flex-root #kt_wrapper > .header-info,
			#kt_body.aside-fixed #kt_content_container {
				width: min(1140px, calc(100% - 40px)) !important;
				max-width: 1140px !important;
				margin-right: auto !important;
				margin-left: auto !important;
			}
			#kt_body.aside-fixed #kt_content_container {
				padding-right: 0 !important;
				padding-left: 0 !important;
			}
		}

		/* Mobil üst: body padding kapatıldı; safe-area tek yerde header-mobile’da - çift boşluk yok */
		@media (max-width: 991.98px) {
			body,
			#kt_body {
				padding-top: 0 !important;
			}
			html[data-panel-shell] #kt_body {
				padding-top: 0 !important;
			}
			.header-mobile {
				display: flex !important;
				flex-direction: column !important;
				align-items: stretch !important;
				height: auto !important;
				min-height: 0 !important;
			}
			.header-mobile > .container {
				width: 100%;
				max-width: none;
			}
			.header-mobile.py-3 {
				padding-top: max(0.35rem, env(safe-area-inset-top, 0px)) !important;
				padding-bottom: 0.45rem !important;
			}
			.header-mobile .d-flex.align-items-center.flex-grow-1.flex-lg-grow-0 {
				flex-grow: 0 !important;
				min-width: 0;
				max-width: calc(100% - 52px);
			}
			.header-mobile a[href] {
				display: inline-flex;
				align-items: center;
				line-height: 0;
			}
			.header-mobile .logo-image {
				width: auto !important;
				max-width: min(148px, 50vw);
				height: auto !important;
				aspect-ratio: 1028 / 302 !important;
				max-height: 44px;
				object-fit: contain;
				object-position: left center;
			}
			.header-mobile-logo-wrap {
				max-width: calc(100% - 104px) !important;
			}
			.header-mobile .header-mobile-actions {
				display: inline-flex;
				align-items: center;
				gap: .45rem;
				margin-left: auto;
			}
			.header-mobile .panel-mobile-action {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 2.75rem;
				height: 2.75rem;
				padding: 0;
				border: 1px solid rgba(124,58,237,.24) !important;
				border-radius: .9rem !important;
				background: rgba(255,255,255,.68) !important;
				color: #7c3aed !important;
				box-shadow: 0 .35rem 1rem rgba(124,58,237,.1) !important;
			}
			.header-mobile .panel-mobile-action .svg-icon,
			.header-mobile .panel-mobile-action .panel-theme-sun { color: currentColor !important; }
			.header-mobile .panel-mobile-action .panel-theme-scene {
				position: relative;
				display: block;
				width: 1.35rem;
				height: 1.35rem;
			}
			.header-mobile .panel-mobile-action .panel-theme-sun,
			.header-mobile .panel-mobile-action .panel-theme-moon {
				position: absolute;
				inset: 0;
				margin: auto;
			}
			.header-mobile .panel-mobile-action .panel-theme-sun {
				width: .68rem;
				height: .68rem;
				border-radius: 50%;
				background: currentColor;
				box-shadow: 0 -.56rem 0 -.25rem currentColor, 0 .56rem 0 -.25rem currentColor, .56rem 0 0 -.25rem currentColor, -.56rem 0 0 -.25rem currentColor, .4rem .4rem 0 -.25rem currentColor, -.4rem -.4rem 0 -.25rem currentColor, .4rem -.4rem 0 -.25rem currentColor, -.4rem .4rem 0 -.25rem currentColor;
			}
			.header-mobile .panel-mobile-action .panel-theme-moon {
				width: .92rem;
				height: .92rem;
				border-radius: 50%;
				background: currentColor;
				opacity: 0;
				transform: scale(.35) rotate(90deg);
			}
			.header-mobile .panel-mobile-action .panel-theme-moon::after {
				position: absolute;
				top: -.18rem;
				right: -.18rem;
				width: .8rem;
				height: .8rem;
				border-radius: 50%;
				background: #faf8ff;
				content: '';
			}
			.header-mobile .panel-mobile-action[data-theme="dark"] .panel-theme-sun {
				opacity: 0;
				transform: scale(.35) rotate(-90deg);
			}
			.header-mobile .panel-mobile-action[data-theme="dark"] .panel-theme-moon {
				opacity: 1;
				transform: scale(1) rotate(0deg);
			}
			body.dark-mode .header-mobile .panel-mobile-action,
			html.dark-mode .header-mobile .panel-mobile-action {
				border-color: #6d4a92 !important;
				background: rgba(36,18,62,.72) !important;
				color: #d9b8ff !important;
			}
			body.dark-mode .header-mobile .panel-theme-moon::after,
			html.dark-mode .header-mobile .panel-theme-moon::after { background: #1a0b2e; }

			.header-mobile .container {
				flex-wrap: wrap;
				gap: .4rem .65rem;
			}
			.header-mobile .header-mobile-logo-wrap {
				flex: 1 1 auto !important;
				max-width: none !important;
				min-width: 0;
			}
			.header-mobile .header-mobile-actions {
				display: flex !important;
				flex: 0 0 auto;
				align-self: stretch;
				width: 100%;
				margin-left: 0;
				margin-top: .35rem;
				min-height: 3.35rem;
				align-items: center;
				align-content: center;
				justify-content: center;
				flex-wrap: wrap;
				gap: .4rem;
				min-width: 0;
				padding-top: .45rem;
				padding-right: .75rem;
				padding-bottom: .45rem;
				padding-left: .75rem;
				box-sizing: border-box;
				border-top: 1px solid rgba(124,58,237,.12);
				margin-bottom: .7rem;
			}
			.header-mobile .panel-mobile-page-title {
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 100%;
				margin-top: .65rem;
				padding: 0 1rem;
				text-align: center;
				box-sizing: border-box;
			}
			.header-mobile .panel-mobile-page-title h1 {
				margin: 0;
				color: #25113f;
				font-size: clamp(1rem, 3.25vw, 1.35rem);
				font-weight: 700;
				line-height: 1.25;
			}
			.header-mobile .panel-mobile-page-title p {
				max-width: 42rem;
				margin: .35rem 0 0;
				color: #765f91;
				font-size: clamp(.72rem, 2.2vw, .85rem);
				line-height: 1.45;
			}
			body.dark-mode .header-mobile .panel-mobile-page-title h1,
			html.dark-mode .header-mobile .panel-mobile-page-title h1 { color: #f3eefe; }
			body.dark-mode .header-mobile .panel-mobile-page-title p,
			html.dark-mode .header-mobile .panel-mobile-page-title p { color: #cbb8df; }
			.header-mobile .panel-mobile-aside-top {
				flex: 0 0 auto;
				margin-left: auto;
			}
			#kt_wrapper > .header-info.header-margin-adjustment {
				margin-top: .6rem !important;
			}
			#kt_wrapper > .header-info .bg-danger-custom {
				margin-top: 0 !important;
			}
			.header-mobile .panel-mobile-balance {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				min-height: 2.75rem;
				padding: .55rem .8rem;
				border: 1px solid rgba(124,58,237,.24) !important;
				border-radius: .9rem !important;
				background: rgba(255,255,255,.68) !important;
				color: #25113f !important;
				font-size: .75rem;
				font-weight: 700;
				line-height: 1.2;
				white-space: nowrap;
				box-shadow: 0 .35rem 1rem rgba(124,58,237,.1) !important;
			}
			.header-mobile .panel-mobile-menu-wrap {
				position: relative;
				display: inline-flex;
				flex: 0 0 auto;
			}
			.header-mobile .panel-mobile-action img {
				width: 1.55rem;
				height: 1.55rem;
				border-radius: 50%;
				object-fit: cover;
			}
			.header-mobile .panel-mobile-admin {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				min-height: 2.75rem;
				padding: .55rem .85rem !important;
				border-radius: .9rem !important;
				font-size: .75rem;
				font-weight: 700;
				line-height: 1.2;
				white-space: nowrap;
			}
			.header-mobile .panel-mobile-menu {
				z-index: 12000 !important;
				min-width: 250px;
				max-width: min(320px, calc(100vw - 24px));
				padding: 0 !important;
				border: 1px solid rgba(124,58,237,.18) !important;
				border-radius: 1rem !important;
				background: #faf8ff !important;
				box-shadow: 0 1rem 2.5rem rgba(33,13,61,.18) !important;
				overflow: hidden;
			}
			.header-mobile .panel-mobile-menu-title {
				padding: .9rem 1rem;
				border-bottom: 1px solid rgba(124,58,237,.12);
				color: #25113f;
				font-size: .8rem;
				font-weight: 700;
			}
			.header-mobile .panel-mobile-menu-list {
				max-height: 260px;
				overflow-y: auto;
				padding: .35rem .7rem;
			}
			.header-mobile .panel-mobile-announcement {
				padding: .65rem .3rem;
				border-bottom: 1px solid rgba(124,58,237,.1);
				color: #765f91;
				font-size: .72rem;
				line-height: 1.4;
			}
			.header-mobile .panel-mobile-announcement strong { color: #7438df; }
			.header-mobile .panel-mobile-announcement span { margin-left: .25rem; color: #9b8bb0; }
			.header-mobile .panel-mobile-announcement p { margin: .2rem 0 0; }
			.header-mobile .panel-mobile-announcement-empty { padding: 1rem .3rem; color: #765f91; font-size: .75rem; }
			.header-mobile .panel-mobile-profile-summary {
				display: flex;
				flex-direction: column;
				gap: .2rem;
				padding: 1rem;
				border-bottom: 1px solid rgba(124,58,237,.12);
			}
			.header-mobile .panel-mobile-profile-summary strong { color: #25113f; font-size: .82rem; }
			.header-mobile .panel-mobile-profile-summary span { color: #765f91; font-size: .7rem; overflow-wrap: anywhere; }
			.header-mobile .panel-mobile-profile-menu:not(.show) {
				display: none !important;
			}
			.header-mobile .panel-mobile-profile-menu.show {
				display: flex !important;
				flex-direction: column !important;
				align-items: stretch !important;
				height: auto !important;
			}
			.header-mobile .panel-mobile-menu .profile-menu-item {
				display: flex;
				flex: 0 0 auto !important;
				align-items: center;
				gap: .55rem;
				min-height: 2.75rem;
				padding: .72rem 1rem !important;
				line-height: 1.25 !important;
				font-size: .78rem;
				text-decoration: none;
				color: #34204f !important;
			}
			.header-mobile .panel-mobile-menu .profile-menu-item:hover { background: #f2edff !important; color: #7438df !important; }
			body.dark-mode .header-mobile .panel-mobile-balance,
			html.dark-mode .header-mobile .panel-mobile-balance { border-color: #6d4a92 !important; background: rgba(36,18,62,.72) !important; color: #f3eefe !important; }
			body.dark-mode .header-mobile .panel-mobile-menu,
			html.dark-mode .header-mobile .panel-mobile-menu { border-color: #6d4a92 !important; background: #24123e !important; }
			body.dark-mode .header-mobile .panel-mobile-menu-title,
			html.dark-mode .header-mobile .panel-mobile-menu-title,
			body.dark-mode .header-mobile .panel-mobile-profile-summary,
			html.dark-mode .header-mobile .panel-mobile-profile-summary { border-color: rgba(217,184,255,.16); }
			body.dark-mode .header-mobile .panel-mobile-menu-title,
			html.dark-mode .header-mobile .panel-mobile-menu-title,
			body.dark-mode .header-mobile .panel-mobile-profile-summary strong,
			html.dark-mode .header-mobile .panel-mobile-profile-summary strong { color: #f3eefe; }
			body.dark-mode .header-mobile .panel-mobile-announcement,
			html.dark-mode .header-mobile .panel-mobile-announcement { border-color: rgba(217,184,255,.12); color: #cbb8df; }
			body.dark-mode .header-mobile .panel-mobile-announcement strong,
			html.dark-mode .header-mobile .panel-mobile-announcement strong { color: #d9b8ff; }
			body.dark-mode .header-mobile .panel-mobile-announcement span,
			html.dark-mode .header-mobile .panel-mobile-announcement span,
			body.dark-mode .header-mobile .panel-mobile-profile-summary span,
			html.dark-mode .header-mobile .panel-mobile-profile-summary span { color: #a993bd; }
			body.dark-mode .header-mobile .panel-mobile-menu .profile-menu-item,
			html.dark-mode .header-mobile .panel-mobile-menu .profile-menu-item { color: #f3eefe !important; }
			body.dark-mode .header-mobile .panel-mobile-menu .profile-menu-item:hover,
			html.dark-mode .header-mobile .panel-mobile-menu .profile-menu-item:hover { background: #321958 !important; color: #d9b8ff !important; }

			body.dark-mode .header-mobile .header-mobile-actions,
			html.dark-mode .header-mobile .header-mobile-actions { border-top-color: rgba(217,184,255,.16); }
		}

		/* Mobil aside: JS .drawer gelene kadar gizli - aksi halde aside+header iki logo; drawer açılınca flex */
		@media (max-width: 991.98px) {
			#kt_aside.aside:not(.drawer) {
				display: none !important;
			}
			#kt_aside.aside.drawer,
			#kt_aside.drawer {
				position: fixed !important;
				inset: 0 auto 0 0 !important;
				width: min(268px, calc(100vw - 28px)) !important;
				max-width: calc(100vw - 32px) !important;
				height: 100dvh !important;
				min-height: 100dvh !important;
				overflow: hidden !important;
				-webkit-overflow-scrolling: auto;
				display: flex !important;
				flex-direction: column !important;
				align-items: stretch;
				z-index: 10050 !important;
			}
			/* Bundle mobilde .aside-logo gizliyor; menü üstü status’a yapışıyordu - logo göster + üst boşluk */
			#kt_aside .aside-logo {
				display: flex !important;
				flex-shrink: 0;
				align-items: center;
				justify-content: center;
				min-height: 78px;
				padding: calc(env(safe-area-inset-top, 0px) + 0.75rem) 1rem 0.5rem !important;
			}
			#kt_aside .aside-logo > a {
				display: flex !important;
				width: 100%;
				max-width: 150px;
				height: 52px;
				align-items: center;
				justify-content: center;
			}
			#kt_aside .aside-logo .mobile-aside-logo {
				width: auto !important;
				max-width: 100% !important;
				height: 48px !important;
				max-height: none !important;
				aspect-ratio: auto !important;
				object-fit: contain !important;
				object-position: center !important;
				padding: 0 !important;
			}
			#kt_aside .desktop-aside-logo { display: none !important; }
			#kt_aside .mobile-aside-logo { display: block !important; }
			#kt_aside .aside-menu.flex-column-fluid {
				flex: 1 1 0;
				min-height: 0;
				overflow: hidden;
				display: flex;
				flex-direction: column;
				padding-top: 0 !important;
				padding-bottom: 5.25rem !important;
			}
			#kt_aside .aside-menu .menu.menu-column {
				margin-top: 0 !important;
				margin-bottom: 0 !important;
				flex: 1 1 auto;
				min-height: 0;
				overflow-y: auto;
				overflow-x: hidden;
				-webkit-overflow-scrolling: touch;
			}
			#kt_aside #kt_aside_menu > .menu-item {
				padding: 2px 10px !important;
			}
			#kt_aside #kt_aside_menu > .menu-item > .menu-link {
				display: flex !important;
				flex-direction: row !important;
				justify-content: flex-start !important;
				gap: 12px !important;
				min-height: 44px;
				padding: 6px 10px !important;
			}
			#kt_aside #kt_aside_menu > .menu-item > .menu-link .menu-icon {
				flex: 0 0 58px !important;
				width: 58px !important;
				height: 58px !important;
				min-width: 58px !important;
				margin: 0 !important;
				display: inline-flex !important;
				align-items: center !important;
				justify-content: center !important;
				border-radius: 18px !important;
			}
			#kt_aside #kt_aside_menu > .menu-item > .menu-link .menu-icon .svg-icon {
				width: 26px !important;
				height: 26px !important;
			}
			#kt_aside #kt_aside_menu > .menu-item > .menu-link .menu-title {
				text-align: left;
				white-space: nowrap;
			}
			#kt_aside_footer.aside-footer-logout {
				position: absolute !important;
				left: 0;
				right: 0;
				bottom: 0;
				width: 100%;
				margin: 0 !important;
				padding: 0.6rem 0.75rem calc(0.55rem + env(safe-area-inset-bottom, 0px)) !important;
				z-index: 15;
				flex-shrink: 0;
				border-top: 1px solid rgba(255, 255, 255, 0.08);
				background-color: #1a1a1f;
			}
			body.light-mode #kt_aside_footer.aside-footer-logout,
			html.light-mode #kt_aside_footer.aside-footer-logout {
				background-color: #ffffff;
				border-top-color: #e4e6ef;
			}
			#kt_aside_footer .aside-logout-link {
				display: inline-flex;
				align-items: center;
				justify-content: center;
			}
		}
	

/* panel-home.css merged */
/* Hallmark · genre: branded operations console · macrostructure: command deck / split-pane · anchor hue: violet · pre-emit critique: P4 H5 E4 S5 R5 V4 · contrast: pass · slop: pass */

.panel-home-shell {
    --panel-ink: #f6efff;
    --panel-muted: #c5b5db;
    --panel-faint: #9d8ab8;
    --panel-night: #12051f;
    --panel-deep: #1a082b;
    --panel-surface: rgba(42, 21, 63, .82);
    --panel-surface-strong: #2a153f;
    --panel-rule: rgba(215, 180, 255, .2);
    --panel-rule-strong: rgba(215, 180, 255, .34);
    --panel-violet: #9f5cff;
    --panel-lilac: #c995ff;
    --panel-green: #63e6b0;
    position: relative;
    width: 100%;
    max-width: 1360px;
    min-width: 0;
    margin-inline: auto;
    padding: 0 26px 56px;
    box-sizing: border-box;
    color: var(--panel-ink);
}

/* Keep a consistent breathing space between the shared panel header and page content. */
html[data-panel-shell] #kt_wrapper > #kt_content {
    margin-top: 30px !important;
}

/* The profile view already provides this spacing as its own top padding. */
html[data-panel-shell] #kt_wrapper > #kt_content.profile-page {
    margin-top: 0 !important;
}

@media (max-width: 991.98px) {
    html[data-panel-shell] #kt_wrapper > #kt_content {
        margin-top: 18px !important;
    }
}

.panel-home-shell,
.panel-home-shell *,
.panel-home-shell *::before,
.panel-home-shell *::after {
    box-sizing: border-box;
}

body.light-mode .panel-home-shell,
html.light-mode .panel-home-shell {
    --panel-ink: #171126;
    --panel-muted: #66597b;
    --panel-faint: #87799c;
    --panel-night: #f8f5ff;
    --panel-deep: #f1ebff;
    --panel-surface: rgba(255, 255, 255, .86);
    --panel-surface-strong: #fff;
    --panel-rule: rgba(105, 65, 180, .18);
    --panel-rule-strong: rgba(105, 65, 180, .3);
    --panel-violet: #7535df;
    --panel-lilac: #9d5af1;
    --panel-green: #168a68;
}

body.dark-mode #kt_content,
html.dark-mode #kt_content {
    background: #12051f !important;
}

/* Keep the header surround in the same violet-black family as the panel canvas. */
body.dark-mode#kt_body,
html.dark-mode body#kt_body {
    background-color: #12051f !important;
}

body.dark-mode#kt_body #kt_wrapper,
html.dark-mode body#kt_body #kt_wrapper {
    background-color: #12051f;
}

body.light-mode #kt_content,
html.light-mode #kt_content {
    background: #f8f5ff !important;
}

body.light-mode#kt_body,
html.light-mode body#kt_body,
body.light-mode#kt_body #kt_wrapper,
html.light-mode body#kt_body #kt_wrapper {
    background-color: #f8f5ff !important;
}

.panel-home-shell .panel-home-buy {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 0 0 28px;
    padding: clamp(22px, 3vw, 38px);
    border: 1px solid var(--panel-rule);
    border-radius: 28px;
    background:
        radial-gradient(circle at 88% 0%, rgba(159, 92, 255, .18), transparent 32%),
        linear-gradient(145deg, var(--panel-deep), var(--panel-night) 72%);
    box-shadow: 0 24px 60px rgba(10, 2, 20, .18);
}

.panel-home-shell .panel-home-buy::before {
    position: absolute;
    z-index: -1;
    top: -130px;
    right: -80px;
    width: 360px;
    height: 360px;
    border: 1px solid var(--panel-rule);
    border-radius: 50%;
    content: '';
    opacity: .42;
}

.panel-home-shell .phb-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 32px;
    margin-bottom: 28px;
    padding-top: 0;
}

.panel-home-shell .phb-switcher {
    position: relative !important;
    display: grid;
    width: max-content;
    max-width: 100%;
    margin: 0 0 22px;
    transform: none;
    border: 1px solid var(--panel-rule);
    background: rgba(255, 255, 255, .045);
    margin-inline: auto;
}

.panel-home-shell .phb-hero > div:first-child > .phb-switcher {
    position: absolute !important;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-inline: 0;
}

.panel-home-shell .phb-hero > div:first-child {
    padding-top: 73px;
}

#kt_wrapper {
    --panel-demo-surface: rgba(42, 21, 63, .82);
    --panel-demo-border: rgba(215, 180, 255, .22);
    --panel-demo-ink: #f6efff;
    --panel-demo-muted: #c5b5db;
    --panel-demo-accent: #c995ff;
    --panel-demo-action-surface: rgba(159, 92, 255, .16);
    --panel-demo-action-hover: rgba(159, 92, 255, .28);
    --panel-demo-shadow: rgba(10, 2, 20, .13);
}

#kt_wrapper > .panel-demo-notice {
    width: min(1360px, calc(100% - 52px));
    margin: 1rem auto 1.25rem;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

#kt_wrapper > .panel-demo-notice + #kt_content {
    margin-top: 0 !important;
}

#kt_wrapper .panel-demo-notice__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    min-height: 3.8rem;
    padding: .6rem .7rem .6rem .85rem;
    border: 1px solid var(--panel-demo-border);
    border-radius: 1.15rem;
    background: var(--panel-demo-surface);
    color: var(--panel-demo-ink);
    box-shadow: 0 .75rem 1.6rem var(--panel-demo-shadow);
}

#kt_wrapper .panel-demo-notice__mark {
    display: inline-grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid var(--panel-demo-border);
    border-radius: .85rem;
    color: var(--panel-demo-accent);
    background: var(--panel-demo-action-surface);
}

#kt_wrapper .panel-demo-notice__mark svg {
    width: 1.15rem;
    height: 1.15rem;
}

#kt_wrapper .panel-demo-notice__copy {
    display: grid;
    gap: .12rem;
    min-width: 0;
    text-align: left;
}

#kt_wrapper .panel-demo-notice__copy strong {
    color: var(--panel-demo-ink);
    font-size: .84rem;
    font-weight: 700;
    line-height: 1.2;
}

#kt_wrapper .panel-demo-notice__copy span {
    color: var(--panel-demo-muted);
    font-size: .77rem;
    line-height: 1.35;
}

#kt_wrapper .panel-demo-notice__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.45rem;
    padding: .55rem .9rem;
    border: 1px solid var(--panel-demo-border);
    border-radius: .8rem;
    background: var(--panel-demo-action-surface);
    color: var(--panel-demo-accent);
    font-size: .76rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

#kt_wrapper .panel-demo-notice__action:hover {
    border-color: var(--panel-demo-accent);
    background: var(--panel-demo-action-hover);
    color: var(--panel-demo-ink);
    transform: translateY(-1px);
}

#kt_wrapper .panel-demo-notice__action:focus-visible {
    outline: 2px solid var(--panel-demo-accent);
    outline-offset: 2px;
}

#kt_wrapper #kt_header {
    background:
        radial-gradient(circle at 92% 0%, rgba(159, 92, 255, .2), transparent 34%),
        linear-gradient(135deg, #24103d 0%, #160622 74%) !important;
    border-bottom: 1px solid rgba(215, 180, 255, .2);
}

@media (min-width: 992px) {
    #kt_body:not([data-kt-sticky-header="on"]) #kt_wrapper #kt_header.panel-nova-header {
        margin-top: .75rem;
    }

    #kt_wrapper #kt_header.panel-nova-header.py-3.py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #kt_wrapper #kt_header.panel-nova-header {
        height: 5.9rem !important;
        flex-direction: row;
        align-items: stretch;
        position: sticky !important;
        top: 0;
        z-index: 100;
    }

    #kt_wrapper #kt_header.panel-nova-header .py-3.py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #kt_wrapper #kt_header.panel-nova-header .header-container {
        height: 100% !important;
        min-height: 0;
    }

    #kt_body.header-fixed[data-kt-sticky-header="on"] #kt_wrapper #kt_header.panel-nova-header {
        height: 5.9rem !important;
    }

    #kt_body.header-fixed[data-kt-sticky-header="on"] #kt_wrapper {
        padding-top: 5.9rem !important;
    }
}

body.light-mode #kt_wrapper #kt_header,
html.light-mode #kt_wrapper #kt_header {
    background:
        radial-gradient(circle at 92% 0%, rgba(157, 90, 241, .12), transparent 34%),
        linear-gradient(135deg, #fbf9ff 0%, #f1eaff 100%) !important;
    border: 1px solid rgba(105, 65, 180, .18) !important;
    border-bottom-color: rgba(105, 65, 180, .18) !important;
    box-shadow: 0 18px 40px rgba(105, 65, 180, .1) !important;
}

body.light-mode #kt_wrapper #kt_header .page-title h1 .text-white,
html.light-mode #kt_wrapper #kt_header .page-title h1 .text-white {
    color: #171126 !important;
}

body.light-mode #kt_wrapper #kt_header .page-title h1 small.text-white,
html.light-mode #kt_wrapper #kt_header .page-title h1 small.text-white {
    color: #66597b !important;
}

body.light-mode #kt_wrapper,
html.light-mode #kt_wrapper {
    --panel-demo-surface: rgba(255, 255, 255, .88);
    --panel-demo-border: rgba(105, 65, 180, .18);
    --panel-demo-ink: #25113f;
    --panel-demo-muted: #765f91;
    --panel-demo-accent: #7535df;
    --panel-demo-action-surface: rgba(117, 53, 223, .08);
    --panel-demo-action-hover: rgba(117, 53, 223, .15);
    --panel-demo-shadow: rgba(105, 65, 180, .08);
}

@media (max-width: 991.98px) {
    #kt_wrapper > .panel-demo-notice {
        width: calc(100% - 1.5rem);
        margin: .7rem auto 1rem;
    }

    #kt_wrapper .panel-demo-notice__inner {
        grid-template-columns: auto minmax(0, 1fr);
        padding: .7rem .8rem;
    }

    #kt_wrapper .panel-demo-notice__action {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 420px) {
    #kt_wrapper > .panel-demo-notice {
        width: calc(100% - 1rem);
    }

    #kt_wrapper .panel-demo-notice__inner {
        gap: .65rem;
        border-radius: 1rem;
    }
}

body.dark-mode #kt_content_container.panel-home-shell .phb-card,
html.dark-mode #kt_content_container.panel-home-shell .phb-card,
body.dark-mode #kt_content_container.panel-home-shell .phb-hero-stats div,
html.dark-mode #kt_content_container.panel-home-shell .phb-hero-stats div {
    background: rgba(42, 21, 63, .84) !important;
}

body.dark-mode #kt_content_container.panel-home-shell .panel-home-buy,
html.dark-mode #kt_content_container.panel-home-shell .panel-home-buy {
    background:
        radial-gradient(circle at 88% 0%, rgba(159, 92, 255, .18), transparent 32%),
        linear-gradient(145deg, #1a082b, #12051f 72%) !important;
}

body.light-mode #kt_content_container.panel-home-shell .phb-card,
html.light-mode #kt_content_container.panel-home-shell .phb-card,
body.light-mode #kt_content_container.panel-home-shell .phb-hero-stats div,
html.light-mode #kt_content_container.panel-home-shell .phb-hero-stats div {
    background: rgba(255, 255, 255, .88) !important;
}

body.light-mode #kt_content_container.panel-home-shell .panel-home-buy,
html.light-mode #kt_content_container.panel-home-shell .panel-home-buy {
    background:
        radial-gradient(circle at 88% 0%, rgba(157, 90, 241, .16), transparent 32%),
        linear-gradient(145deg, #f1ebff, #f8f5ff 72%) !important;
}

body.light-mode #kt_content_container.panel-home-shell .phb-app-item,
html.light-mode #kt_content_container.panel-home-shell .phb-app-item,
body.light-mode #kt_content_container.panel-home-shell .phb-country-group,
html.light-mode #kt_content_container.panel-home-shell .phb-country-group,
body.light-mode #kt_content_container.panel-home-shell .phb-country-group-header,
html.light-mode #kt_content_container.panel-home-shell .phb-country-group-header,
body.light-mode #kt_content_container.panel-home-shell .phb-country-item,
html.light-mode #kt_content_container.panel-home-shell .phb-country-item,
body.light-mode #kt_content_container.panel-home-shell .phb-active-number,
html.light-mode #kt_content_container.panel-home-shell .phb-active-number,
body.light-mode #kt_content_container.panel-home-shell .phb-selected-summary,
html.light-mode #kt_content_container.panel-home-shell .phb-selected-summary {
    background: rgba(255, 255, 255, .8) !important;
    color: #171126 !important;
}

body.light-mode #kt_content_container.panel-home-shell .phb-app-name,
html.light-mode #kt_content_container.panel-home-shell .phb-app-name,
body.light-mode #kt_content_container.panel-home-shell .phb-country-main strong,
html.light-mode #kt_content_container.panel-home-shell .phb-country-main strong,
body.light-mode #kt_content_container.panel-home-shell .phb-active-card strong,
html.light-mode #kt_content_container.panel-home-shell .phb-active-card strong,
body.light-mode #kt_content_container.panel-home-shell .phb-selection-title,
html.light-mode #kt_content_container.panel-home-shell .phb-selection-title {
    color: #171126 !important;
}

.panel-home-shell .phb-switcher-slider {
    background: linear-gradient(135deg, var(--panel-violet), var(--panel-lilac));
    box-shadow: 0 8px 22px rgba(117, 53, 223, .28);
}

.panel-home-shell .phb-switcher-option {
    min-height: 39px;
    padding: 8px 16px;
    color: var(--panel-muted);
    font-size: .84rem;
    font-weight: 800;
}

.panel-home-shell .phb-hero h1 {
    color: var(--panel-ink);
    font-size: clamp(1.75rem, 3vw, 2.55rem);
    letter-spacing: -.04em;
}

.panel-home-shell .phb-hero h1 i {
    color: var(--panel-lilac);
}

.panel-home-shell .phb-hero p {
    max-width: 620px;
    color: var(--panel-muted);
    font-size: .96rem;
}

.panel-home-shell .phb-hero-stats {
    min-width: 132px;
}

.panel-home-shell .phb-hero-stats div,
.panel-home-shell .phb-card {
    border-color: var(--panel-rule);
    border-radius: 20px;
    background: var(--panel-surface) !important;
    box-shadow: 0 14px 34px rgba(8, 2, 18, .12);
}

.panel-home-shell .phb-hero-stats div {
    padding: 15px 17px;
}

.panel-home-shell .phb-hero-stats span,
.panel-home-shell .phb-card-title small,
.panel-home-shell .phb-selection-eyebrow,
.panel-home-shell .phb-active-number-label,
.panel-home-shell .phb-active-sms-label {
    color: var(--panel-faint);
}

.panel-home-shell .phb-hero-stats strong,
.panel-home-shell .phb-card-title,
.panel-home-shell .phb-selection-title,
.panel-home-shell .phb-country-main strong,
.panel-home-shell .phb-active-card strong {
    color: var(--panel-ink);
}

.panel-home-shell .phb-grid {
    grid-template-columns: minmax(220px, .8fr) minmax(250px, 1fr) minmax(300px, 1.15fr);
    gap: 14px;
    min-width: 0;
}

.panel-home-shell .panel-home-buy,
.panel-home-shell .phb-hero,
.panel-home-shell .phb-grid > *,
.panel-home-shell .phb-card,
.panel-home-shell .phb-card-title,
.panel-home-shell .phb-search,
.panel-home-shell .phb-country-sort,
.panel-home-shell .phb-selected-summary,
.panel-home-shell .phb-country-group,
.panel-home-shell .phb-country-group-header,
.panel-home-shell .phb-country-item {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.panel-home-shell .phb-country-main,
.panel-home-shell .phb-country-side,
.panel-home-shell .phb-country-summary,
.panel-home-shell .phb-selection-body {
    min-width: 0;
}

.panel-home-shell .phb-country-main strong,
.panel-home-shell .phb-country-main span,
.panel-home-shell .phb-app-name,
.panel-home-shell .phb-selection-title,
.panel-home-shell .phb-selection-subtitle {
    overflow-wrap: anywhere;
}

/* Keep long, scrollable lists out of layout and paint work until they enter the scrollport. */
.panel-home-shell #phbAppList > .phb-app-item {
    content-visibility: auto;
    contain-intrinsic-size: auto 3.9rem;
}

.panel-home-shell #phbCountryList > .phb-country-group {
    content-visibility: auto;
    contain-intrinsic-size: auto 4.9rem;
}

.panel-home-shell .phb-card {
    min-height: 535px;
    padding: 17px;
}

.panel-home-shell .phb-card-title {
    margin-bottom: 13px;
    font-size: .98rem;
    letter-spacing: -.01em;
}

.panel-home-shell .phb-search,
.panel-home-shell .phb-country-sort select {
    border-color: var(--panel-rule);
    border-radius: 12px;
    background: rgba(255, 255, 255, .055);
    color: var(--panel-ink);
}

.panel-home-shell .phb-search input,
.panel-home-shell .phb-search input::placeholder,
.panel-home-shell .phb-country-sort label {
    color: var(--panel-muted);
}

.panel-home-shell .phb-search i {
    color: var(--panel-lilac);
}

.panel-home-shell .phb-app-item,
.panel-home-shell .phb-country-group,
.panel-home-shell .phb-country-group-header,
.panel-home-shell .phb-country-item,
.panel-home-shell .phb-active-number,
.panel-home-shell .phb-selected-summary {
    border-color: var(--panel-rule);
    border-radius: 14px;
    background: rgba(255, 255, 255, .035) !important;
    color: var(--panel-ink);
}

.panel-home-shell .phb-app-item:hover,
.panel-home-shell .phb-country-group:hover,
.panel-home-shell .phb-country-item:hover,
.panel-home-shell .phb-app-item.active,
.panel-home-shell .phb-country-group.has-active,
.panel-home-shell .phb-country-item.active {
    border-color: var(--panel-rule-strong);
    background: rgba(159, 92, 255, .13);
    box-shadow: inset 3px 0 0 var(--panel-violet);
}

.panel-home-shell .phb-app-icon,
.panel-home-shell .phb-flag,
.panel-home-shell .phb-selection-flag {
    border-color: var(--panel-rule);
    background: rgba(255, 255, 255, .08);
}

.panel-home-shell .phb-app-name,
.panel-home-shell .phb-country-main span,
.panel-home-shell .phb-active-card span,
.panel-home-shell .phb-selection-subtitle,
.panel-home-shell .phb-show-all,
.panel-home-shell .phb-secondary-link {
    color: var(--panel-muted);
}

.panel-home-shell .phb-show-all,
.panel-home-shell .phb-secondary-link {
    border-color: var(--panel-rule);
    background: rgba(159, 92, 255, .08);
}

.panel-home-shell .phb-show-all:hover,
.panel-home-shell .phb-secondary-link:hover {
    border-color: var(--panel-rule-strong);
    background: rgba(159, 92, 255, .16);
    color: var(--panel-lilac) !important;
}

.panel-home-shell .phb-buy-btn {
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--panel-violet), var(--panel-lilac));
    box-shadow: 0 12px 24px rgba(117, 53, 223, .25);
}

.panel-home-shell .phb-buy-btn:disabled {
    border: 1px solid var(--panel-rule);
    background: rgba(255, 255, 255, .08);
    color: var(--panel-faint);
    box-shadow: none;
}

.panel-home-shell .phb-live-dot {
    background: var(--panel-green);
    box-shadow: 0 0 0 4px rgba(99, 230, 176, .12);
}

.panel-home-shell .phb-success-feed {
    margin: 0 4px 38px;
    color: var(--panel-ink);
}

/* Active-number polling changes content above the success feed. Keep Chrome from
   compensating with an unexpected document-level scroll adjustment. */
#kt_content_container.panel-home-shell {
    overflow-anchor: none;
}

.panel-home-shell .phb-success-head {
    padding-bottom: 15px;
    border-bottom: 1px solid var(--panel-rule);
}

.panel-home-shell .phb-success-head h2 {
    color: var(--panel-ink);
    font-size: clamp(1.35rem, 2.2vw, 1.8rem);
    letter-spacing: -.035em;
}

.panel-home-shell .phb-success-head p,
.panel-home-shell .phb-success-country {
    color: var(--panel-muted);
}

.panel-home-shell .phb-success-state {
    border-color: rgba(99, 230, 176, .26);
    background: rgba(99, 230, 176, .08);
    color: var(--panel-green);
}

.panel-home-shell .phb-success-item,
.panel-home-shell .phb-success-empty {
    border-color: var(--panel-rule);
    border-radius: 16px;
    background: var(--panel-surface);
}

.panel-home-shell .phb-success-item:hover {
    border-color: var(--panel-rule-strong);
    background: rgba(159, 92, 255, .1);
}

@media (max-width: 1199.98px) {
    .panel-home-shell .phb-grid {
        grid-template-columns: minmax(220px, .8fr) minmax(250px, 1fr);
    }

    /* Android WebView can otherwise keep an intrinsic width for deferred list rows. */
    .panel-home-shell #phbAppList > .phb-app-item,
    .panel-home-shell #phbCountryList > .phb-country-group {
        content-visibility: visible;
    }
}

@media (min-width: 992px) {
    #kt_body.aside-fixed #kt_aside_menu_scroll {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 10px 0 !important;
    }

    #kt_body.aside-fixed #kt_aside_menu {
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
    }

    #kt_body.aside-fixed #kt_aside_menu > .menu-item {
        padding: 7px 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .panel-home-shell .phb-country-card {
        grid-column: auto;
    }
}

@media (max-width: 767.98px) {
    .panel-home-shell {
        padding: 0 12px 34px;
    }
    .panel-home-shell .panel-home-buy {
        padding: 19px 14px;
        border-radius: 22px;
    }
    .panel-home-shell .phb-hero {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "switcher stats"
            "title title"
            "copy copy";
        align-items: center;
        gap: .8rem .75rem;
        padding-top: .35rem;
    }
    .panel-home-shell .phb-hero > div:first-child {
        display: contents;
    }
    .panel-home-shell .phb-hero > div:first-child > .phb-switcher {
        grid-area: switcher;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none;
        margin: 0;
    }
    .panel-home-shell .phb-hero-stats {
        grid-area: stats;
        grid-template-columns: minmax(0, 1fr);
        width: auto;
        min-width: 4.8rem;
    }
    .panel-home-shell .phb-hero h1 {
        grid-area: title;
        min-width: 0;
        margin: .25rem 0 0;
        font-size: clamp(1.58rem, 8vw, 2rem);
        line-height: 1.12;
    }
    .panel-home-shell .phb-hero p {
        grid-area: copy;
        margin: 0;
        font-size: .88rem;
        line-height: 1.55;
    }
    .panel-home-shell .phb-hero-stats > div {
        min-width: 0;
        padding: .62rem .72rem;
        border-radius: .9rem;
        text-align: center;
    }
    .panel-home-shell .phb-hero-stats span {
        font-size: .65rem;
        letter-spacing: .01em;
    }
    .panel-home-shell .phb-hero-stats strong {
        margin-top: .15rem;
        font-size: 1.05rem;
    }
    .panel-home-shell .phb-grid {
        grid-template-columns: 1fr;
    }
    .panel-home-shell .phb-country-card {
        grid-column: auto;
    }
    .panel-home-shell .phb-card {
        min-height: 0;
    }
    .panel-home-shell .phb-switcher {
        width: 100%;
    }
    .panel-home-shell .phb-switcher-option {
        min-width: 0;
        padding-inline: 8px;
        font-size: .77rem;
    }

    .panel-home-shell .phb-switcher.single-option {
        width: fit-content;
        max-width: 100%;
        padding: 4px;
    }

    .panel-home-shell .phb-switcher.single-option .phb-switcher-option {
        padding-inline: .95rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .panel-home-shell * {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/* Sticky header must cover the scrolled content instead of showing it through. */
body.dark-mode[data-kt-sticky-header="on"] #kt_wrapper #kt_header.panel-nova-header,
html.dark-mode body[data-kt-sticky-header="on"] #kt_wrapper #kt_header.panel-nova-header {
    background: #170c28 !important;
    background-image: none !important;
    border-color: rgba(215, 180, 255, .2) !important;
    box-shadow: 0 1rem 2.5rem rgba(10, 2, 20, .32), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

body.light-mode[data-kt-sticky-header="on"] #kt_wrapper #kt_header.panel-nova-header,
html.light-mode body[data-kt-sticky-header="on"] #kt_wrapper #kt_header.panel-nova-header {
    background: #faf8ff !important;
    background-image: none !important;
    border-color: rgba(105, 65, 180, .2) !important;
    box-shadow: 0 1rem 2.5rem rgba(105, 65, 180, .14), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.site-adsense-slot {
    display: block;
    width: min(100% - 2rem, 1120px);
    max-width: 100%;
    min-width: 0;
    height: 0;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease;
}

.site-adsense-slot .adsbygoogle {
    display: block !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 0 !important;
    overflow: hidden;
}

.site-adsense-slot.is-visible {
    height: auto;
    min-height: 90px;
    margin: 1rem auto 1.5rem;
    overflow: visible;
    opacity: 1;
    pointer-events: auto;
}

.site-adsense-slot.is-visible .adsbygoogle {
    height: auto !important;
    min-height: 90px;
    overflow: visible;
}

@media (max-width: 575.98px) {
    .site-adsense-slot {
        width: calc(100% - 1.25rem);
    }
}


/* index.php block 1 */

html[data-panel-page="home"] /* Destek talepleri tasarımı */
    #ticketsContainer .ticket-card{
        border: 1px solid rgba(108, 77, 230, .12) !important;
        border-radius: 16px !important;
        background: #fff !important;
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
    }html[data-panel-page="home"] #ticketsContainer .ticket-card:hover{
        transform: translateY(-3px);
        border-color: rgba(108, 77, 230, .35) !important;
        box-shadow: 0 12px 28px rgba(79, 61, 150, .12) !important;
    }html[data-panel-page="home"] #ticketsContainer .ticket-icon i,
html[data-panel-page="home"] #ticketsContainer .text-hover-primary:hover,
html[data-panel-page="home"] #ticketsContainer .text-primary{
        color: #6c4de6 !important;
    }html[data-panel-page="home"] #ticketsContainer .text-hover-primary:hover{ text-decoration: none; }html[data-panel-page="home"] #ticketsContainer .ticket-card-overlay{ background: linear-gradient(135deg, rgba(108, 77, 230, .04), rgba(139, 108, 246, .02)) !important; }html[data-panel-page="home"] #ticketModal .btn-primary,
html[data-panel-page="home"] .card-toolbar [data-bs-target="#ticketModal"]{
        background: #6c4de6 !important;
        border-color: #6c4de6 !important;
        color: #fff !important;
        border-radius: 10px !important;
        transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
    }html[data-panel-page="home"] #ticketModal .btn-primary:hover,
html[data-panel-page="home"] .card-toolbar [data-bs-target="#ticketModal"]:hover{
        background: #5739c7 !important;
        border-color: #5739c7 !important;
        color: #fff !important;
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(108, 77, 230, .22);
    }html[data-panel-page="home"] .card-toolbar .app-suggestion-btn{
        background: #f0edff !important;
        border-color: #ded7ff !important;
        color: #5b3fd0 !important;
    }html[data-panel-page="home"] .card-toolbar .app-suggestion-btn:hover{
        background: #e4ddff !important;
        border-color: #cfc4ff !important;
        color: #4b32b4 !important;
    }html[data-panel-page="home"] .card-toolbar [data-bs-target="#ticketModal"]:hover,
html[data-panel-page="home"] .card-toolbar [data-bs-target="#ticketModal"]:focus,
html[data-panel-page="home"] .card-toolbar [data-bs-target="#ticketModal"]:active{
        color: #fff !important;
    }html[data-panel-page="home"] .card-toolbar .app-suggestion-btn:hover,
html[data-panel-page="home"] .card-toolbar .app-suggestion-btn:focus,
html[data-panel-page="home"] .card-toolbar .app-suggestion-btn:active{
        background: #e4ddff !important;
        border-color: #cfc4ff !important;
        color: #4b32b4 !important;
        box-shadow: 0 5px 12px rgba(108, 77, 230, .14) !important;
    }html[data-panel-page="home"] body.light-mode .card-toolbar [data-bs-target="#ticketModal"]:not([data-app-suggestion="1"]){
        background: #6c4de6 !important;
        border-color: #6c4de6 !important;
        color: #fff !important;
    }html[data-panel-page="home"] body.light-mode .card-toolbar [data-bs-target="#ticketModal"]:not([data-app-suggestion="1"]):hover{
        background: #5739c7 !important;
        border-color: #5739c7 !important;
        color: #fff !important;
    }html[data-panel-page="home"] body.dark-mode .card-toolbar .app-suggestion-btn{
        background: #302653 !important;
        border-color: #54449a !important;
        color: #d9d0ff !important;
    }html[data-panel-page="home"] body.dark-mode .card-toolbar .app-suggestion-btn:hover{
        background: #443578 !important;
        border-color: #7965cf !important;
        color: #fff !important;
    }html[data-panel-page="home"] body.dark-mode #ticketsContainer .ticket-card{ background: #1f2033 !important; border-color: rgba(167, 139, 250, .2) !important; }html[data-panel-page="home"] body.dark-mode #ticketsContainer .text-hover-primary{ color: #f3f0ff !important; }html[data-panel-page="home"] /* Rent Promo Card Styles */
    .rent-promo-card{
        transition: all 0.3s ease;
        height: 100%;
    }html[data-panel-page="home"] .rent-promo-card .card-body{
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }html[data-panel-page="home"] .rent-promo-card:hover{
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
    }html[data-panel-page="home"] /* Sol ve sağ kolonları eşit yükseklikte yap */
    @media (min-width: 1400px){
        .row.g-5.g-xl-10 > .col-xxl-6 {
            display: flex;
            flex-direction: column;
        }
        
        .row.g-5.g-xl-10 > .col-xxl-6 > .row,
        .row.g-5.g-xl-10 > .col-xxl-6 > .card {
            flex: 1;
        }
    }html[data-panel-page="home"] .rent-promo-card .btn-white{
        background-color: #ffffff !important;
        color: #702ff3 !important;
        border: none;
    }html[data-panel-page="home"] .rent-promo-card .btn-white,
html[data-panel-page="home"] .rent-promo-card .btn-white *{
        color: #702ff3 !important;
    }html[data-panel-page="home"] .rent-promo-card .btn-white i{
        color: #702ff3 !important;
    }html[data-panel-page="home"] .rent-promo-card .btn-white:hover{
        background-color: #f8f9fa !important;
        transform: translateX(5px);
        color: #702ff3 !important;
    }html[data-panel-page="home"] .rent-promo-card .btn-white:hover,
html[data-panel-page="home"] .rent-promo-card .btn-white:hover *{
        color: #702ff3 !important;
    }html[data-panel-page="home"] .rent-promo-card .btn-white:hover i{
        color: #702ff3 !important;
    }html[data-panel-page="home"] /* Dark Mode Support */
    body.dark-mode .rent-promo-card{
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    }html[data-panel-page="home"] body.dark-mode .rent-promo-card:hover{
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
    }html[data-panel-page="home"] /* Responsive */
    @media (max-width: 991.98px){
        .rent-promo-card .card-body {
            padding: 2rem !important;
        }
        
        .rent-promo-card h2 {
            font-size: 2rem !important;
        }
    }
    
    @media (max-width: 575.98px) {html[data-panel-page="home"] .rent-promo-card .card-body{
            padding: 1.5rem !important;
        }html[data-panel-page="home"] .rent-promo-card h2{
            font-size: 1.75rem !important;
        }html[data-panel-page="home"] .rent-promo-card .symbol-80px{
            width: 60px !important;
            height: 60px !important;
        }html[data-panel-page="home"] .rent-promo-card .symbol-label i{
            font-size: 1.75rem !important;
        }
    }html[data-panel-page="home"] /* SMS Promo Card Styles - Same as Rent Card */
    .panel-home-legacy-promos{
        display: none !important;
    }html[data-panel-page="home"] .panel-home-buy{
        --phb-bg: #f6f8fb;
        --phb-surface: #ffffff;
        --phb-border: rgba(15, 23, 42, 0.09);
        --phb-text: #111827;
        --phb-muted: #667085;
        --phb-primary: #6c4de6;
        --phb-primary-2: #8b6cf6;
        --phb-success: #6c4de6;
        --phb-warning: #d97706;
        --phb-danger: #dc2626;
        background: var(--phb-bg);
        border-radius: 18px;
        padding: clamp(1rem, 2vw, 1.4rem);
        margin-bottom: 2rem;
    }html[data-panel-page="home"] .phb-success-feed{
        color: #111827;
        margin-bottom: 2rem;
    }html[data-panel-page="home"] .phb-success-head{
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 0.85rem;
    }html[data-panel-page="home"] .phb-success-head h2{
        color: #111827;
        font-size: 1.08rem;
        font-weight: 600;
        line-height: 1.3;
        letter-spacing: 0;
        margin: 0 0 0.18rem;
    }html[data-panel-page="home"] .phb-success-head p{
        color: #667085;
        font-size: 0.86rem;
        font-weight: 400;
        line-height: 1.35;
        margin: 0;
    }html[data-panel-page="home"] .phb-success-state{
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        color: #15803d;
        font-size: 0.8rem;
        font-weight: 500;
        padding: 0.34rem 0.64rem;
        background: #ecfdf3;
        border: 1px solid #bbf7d0;
        border-radius: 999px;
        white-space: nowrap;
    }html[data-panel-page="home"] .phb-success-state i{
        width: 7px;
        height: 7px;
        background: #22c55e;
        border-radius: 50%;
    }html[data-panel-page="home"] .phb-success-list{
        display: flex;
        flex-direction: column;
        gap: 0.55rem;
    }html[data-panel-page="home"] .phb-success-item{
        display: flex;
        align-items: center;
        gap: 0.82rem;
        min-height: 64px;
        padding: 0.65rem 0.82rem;
        background: #ffffff;
        border: 1px solid #e3e8ef;
        border-radius: 8px;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }html[data-panel-page="home"] .phb-success-item:hover{
        border-color: #d2c8ff;
        box-shadow: 0 3px 10px rgba(15, 23, 42, 0.06);
    }html[data-panel-page="home"] .phb-success-flag{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        overflow: hidden;
        background: #f8fafc;
        border-radius: 50%;
        border: 1px solid #e2e8f0;
    }html[data-panel-page="home"] .phb-success-flag img{
        display: block;
        width: 40px;
        height: 40px;
        object-fit: cover;
    }html[data-panel-page="home"] .phb-success-country{
        color: #182230;
        font-size: 0.95rem;
        font-weight: 500;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
    }html[data-panel-page="home"] .phb-success-location{
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        gap: 0.12rem;
        min-width: 0;
    }html[data-panel-page="home"] .phb-success-operator{
        overflow: hidden;
        color: #667085;
        font-size: 0.75rem;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }html[data-panel-page="home"] .phb-success-service{
        display: inline-flex;
        align-items: center;
        gap: 0.56rem;
        min-width: min(220px, 42%);
        justify-content: flex-start;
        color: #475467;
        font-size: 0.88rem;
        font-weight: 400;
    }html[data-panel-page="home"] .phb-success-logo{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        color: #6c4de6;
        font-size: 1rem;
        background: #f5f3ff;
        border-radius: 8px;
    }html[data-panel-page="home"] .phb-success-logo img{
        display: block;
        width: 22px;
        height: 22px;
        object-fit: contain;
    }html[data-panel-page="home"] .phb-success-service-name{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }html[data-panel-page="home"] .phb-success-buy-btn{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        gap: 0.4rem;
        min-height: 34px;
        padding: 0.45rem 0.72rem;
        color: #6841d9;
        font-size: 0.78rem;
        font-weight: 600;
        line-height: 1;
        background: #f5f1ff;
        border: 1px solid #d9ccff;
        border-radius: 8px;
        cursor: pointer;
        transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
    }html[data-panel-page="home"] .phb-success-buy-icon{
        display: block;
        width: 15px;
        height: 15px;
        flex: 0 0 15px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }html[data-panel-page="home"] .phb-success-buy-btn:hover,
html[data-panel-page="home"] .phb-success-buy-btn:focus-visible{
        color: #ffffff;
        background: #7c4ce8;
        border-color: #7c4ce8;
    }html[data-panel-page="home"] .phb-success-empty{
        display: flex;
        align-items: center;
        gap: 0.65rem;
        min-height: 64px;
        padding: 0.9rem 1rem;
        color: #667085;
        font-size: 0.9rem;
        background: #ffffff;
        border: 1px dashed #d0d5dd;
        border-radius: 8px;
    }html[data-panel-page="home"] .phb-success-empty i{
        color: #98a2b3;
    }html[data-panel-page="home"] body.dark-mode .phb-success-head h2{
        color: #f4f4f5;
    }html[data-panel-page="home"] body.dark-mode .phb-success-head p{
        color: #a1a1aa;
    }html[data-panel-page="home"] body.dark-mode .phb-success-state{
        color: #86efac;
        background: rgba(22, 101, 52, 0.22);
        border-color: rgba(74, 222, 128, 0.26);
    }html[data-panel-page="home"] body.dark-mode .phb-success-item,
html[data-panel-page="home"] body.dark-mode .phb-success-empty{
        color: #a1a1aa;
        background: #181b26;
        border-color: #2a3040;
    }html[data-panel-page="home"] body.dark-mode .phb-success-item:hover{
        border-color: rgba(138, 109, 255, 0.42);
        box-shadow: none;
    }html[data-panel-page="home"] body.dark-mode .phb-success-flag{
        background: #242936;
        border-color: #303748;
    }html[data-panel-page="home"] body.dark-mode .phb-success-country{
        color: #f1f5f9;
    }html[data-panel-page="home"] body.dark-mode .phb-success-operator{
        color: #a1a1aa;
    }html[data-panel-page="home"] body.dark-mode .phb-success-service{
        color: #cbd5e1;
    }html[data-panel-page="home"] body.dark-mode .phb-success-logo{
        color: #b9a7ff;
        background: #25223b;
    }html[data-panel-page="home"] body.dark-mode .phb-success-empty i{
        color: #818cf8;
    }html[data-panel-page="home"] body.dark-mode .phb-success-buy-btn{
        color: #d4c7ff;
        background: #2a2042;
        border-color: #5f4b91;
    }html[data-panel-page="home"] body.dark-mode .phb-success-buy-btn:hover,
html[data-panel-page="home"] body.dark-mode .phb-success-buy-btn:focus-visible{
        color: #ffffff;
        background: #7c4ce8;
        border-color: #9b7bff;
    }
    @media (max-width: 575.98px) {html[data-panel-page="home"] .phb-success-head{
            align-items: center;
        }html[data-panel-page="home"] .phb-success-item{
            gap: 0.68rem;
            padding: 0.6rem;
        }html[data-panel-page="home"] .phb-success-country{
            font-size: 0.91rem;
        }html[data-panel-page="home"] .phb-success-service{
            min-width: auto;
        }html[data-panel-page="home"] .phb-success-service-name{
            display: none;
        }html[data-panel-page="home"] .phb-success-buy-btn{
            min-width: 34px;
            width: 34px;
            padding: 0;
        }html[data-panel-page="home"] .phb-success-buy-btn span{
            display: none;
        }
    }html[data-panel-page="home"] .phb-hero{
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        padding-top: 4.25rem;
        margin-bottom: 1rem;
    }html[data-panel-page="home"] .phb-switcher{
        position: relative;
        display: inline-grid;
        grid-template-columns: 1fr 1fr;
        padding: 5px;
        margin-bottom: 1rem;
        border: 1px solid #e2e8f0;
        border-radius: 999px;
        background: #f1f5f9;
    }html[data-panel-page="home"] .phb-hero > div:first-child > .phb-switcher{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 0;
    }html[data-panel-page="home"] .phb-switcher-slider{
        position: absolute;
        inset: 5px auto 5px 5px;
        width: calc(50% - 5px);
        border-radius: 999px;
        background: linear-gradient(135deg, var(--phb-primary), var(--phb-primary-2));
        box-shadow: 0 4px 12px rgba(108, 77, 230, 0.32);
    }html[data-panel-page="home"] .phb-switcher.single-option{
        grid-template-columns: 1fr;
    }html[data-panel-page="home"] .phb-switcher.single-option .phb-switcher-slider{
        width: calc(100% - 10px);
    }html[data-panel-page="home"] .phb-switcher-option{
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        padding: 0.62rem 1.15rem;
        color: #64748b;
        font-weight: 700;
        text-decoration: none !important;
        white-space: nowrap;
    }html[data-panel-page="home"] .phb-switcher-option.active{
        color: #fff !important;
    }html[data-panel-page="home"] .phb-hero h1{
        margin: 0;
        color: var(--phb-text);
        font-size: clamp(1.55rem, 3vw, 2.15rem);
        font-weight: 900;
        display: flex;
        align-items: center;
        gap: 0.65rem;
    }html[data-panel-page="home"] .phb-hero h1 i{
        color: var(--phb-primary);
        font-size: 1.04em;
        line-height: 1;
    }html[data-panel-page="home"] .phb-hero p{
        max-width: 48rem;
        margin: 0.6rem 0 0;
        color: var(--phb-muted);
        line-height: 1.6;
    }html[data-panel-page="home"] .phb-hero-stats{
        display: grid;
        grid-template-columns: minmax(120px, 1fr);
        gap: 0.75rem;
        min-width: 140px;
    }html[data-panel-page="home"] .phb-hero-stats div,
html[data-panel-page="home"] .phb-card{
        border: 1px solid var(--phb-border);
        border-radius: 14px;
        background: var(--phb-surface);
        box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04);
    }html[data-panel-page="home"] .phb-hero-stats div{
        padding: 0.9rem;
    }html[data-panel-page="home"] .phb-hero-stats span{
        display: block;
        color: var(--phb-muted);
        font-size: 0.74rem;
        font-weight: 800;
    }html[data-panel-page="home"] .phb-hero-stats strong{
        display: block;
        margin-top: 0.35rem;
        color: var(--phb-text);
        font-size: 1.15rem;
    }html[data-panel-page="home"] .phb-grid{
        display: grid;
        grid-template-columns: minmax(240px, 0.85fr) minmax(280px, 1fr) minmax(320px, 1.15fr);
        gap: 1rem;
        align-items: start;
    }html[data-panel-page="home"] .phb-card{
        padding: 1rem;
        min-height: 520px;
    }html[data-panel-page="home"] .phb-card-title{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        margin-bottom: 0.85rem;
        color: var(--phb-text);
        font-weight: 900;
        font-size: 1.02rem;
    }html[data-panel-page="home"] .phb-card-title small{
        color: var(--phb-primary);
        font-size: 0.875rem;
        font-weight: 800;
    }html[data-panel-page="home"] .phb-live-dot{
        width: 9px;
        height: 9px;
        border-radius: 999px;
        background: #6c4de6;
        box-shadow: 0 0 0 4px rgba(108, 77, 230, 0.16);
    }html[data-panel-page="home"] .phb-search{
        display: flex;
        align-items: center;
        gap: 0.6rem;
        padding: 0.72rem 0.9rem;
        margin-bottom: 0.85rem;
        border: 1px solid var(--phb-border);
        border-radius: 11px;
        background: #f8fafc;
        color: var(--phb-muted);
    }html[data-panel-page="home"] .phb-search input{
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--phb-text);
        font-size: 0.9375rem;
        font-weight: 600;
    }html[data-panel-page="home"] .phb-country-sort{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        margin: -.1rem 0 .85rem;
    }html[data-panel-page="home"] .phb-country-sort label{
        color: var(--phb-muted);
        font-size: .78rem;
        font-weight: 800;
    }html[data-panel-page="home"] .phb-country-sort select{
        min-width: 10.5rem;
        padding: .52rem .7rem;
        border: 1px solid var(--phb-border);
        border-radius: 9px;
        background: #f8fafc;
        color: var(--phb-text);
        font: inherit;
        font-size: .78rem;
        font-weight: 700;
        outline: 0;
    }html[data-panel-page="home"] .phb-app-list,
html[data-panel-page="home"] .phb-country-list,
html[data-panel-page="home"] .phb-active-list{
        display: flex;
        flex-direction: column;
        gap: 0.55rem;
        max-height: 425px;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        padding-right: 0.2rem;
    }html[data-panel-page="home"] .phb-app-item,
html[data-panel-page="home"] .phb-country-group,
html[data-panel-page="home"] .phb-country-group-header,
html[data-panel-page="home"] .phb-country-item{
        width: 100%;
        border: 1px solid var(--phb-border);
        border-radius: 10px;
        background: #fff;
        color: var(--phb-text);
        transition: border-color .18s ease, background .18s ease, transform .18s ease;
    }html[data-panel-page="home"] .phb-app-item{
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.75rem;
        text-align: left;
    }html[data-panel-page="home"] #phbAppList.phb-apps-collapsed .phb-app-item.is-extra{
        display: none;
    }html[data-panel-page="home"] #phbAppList:not(.phb-apps-collapsed) .phb-app-item.is-extra{
        display: flex;
        animation: panel_home_phbAppReveal 0.3s cubic-bezier(0.4, 0, 0.2, 1) both;
    }
    @keyframes panel_home_phbAppReveal {
        from {
            opacity: 0;
            transform: translateY(-6px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }html[data-panel-page="home"] .phb-app-item:hover,
html[data-panel-page="home"] .phb-country-group:hover,
html[data-panel-page="home"] .phb-country-item:hover{
        border-color: rgba(108, 77, 230, 0.32);
        background: #faf9ff;
        transform: translateY(-1px);
    }html[data-panel-page="home"] .phb-country-group:hover{
        transform: none;
    }html[data-panel-page="home"] .phb-app-list.is-dragging,
html[data-panel-page="home"] .phb-country-list.is-dragging,
html[data-panel-page="home"] .phb-active-list.is-dragging{
        cursor: grabbing !important;
        user-select: none;
    }html[data-panel-page="home"] .phb-app-item.active,
html[data-panel-page="home"] .phb-country-group.has-active,
html[data-panel-page="home"] .phb-country-item.active{
        border-color: rgba(108, 77, 230, 0.42);
        background: #f1edff;
        box-shadow: inset 3px 0 0 var(--phb-primary);
    }html[data-panel-page="home"] .phb-app-icon{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 10px;
        background: #f4f1ff;
        color: var(--phb-primary);
        flex: 0 0 auto;
        overflow: hidden;
    }html[data-panel-page="home"] .phb-app-icon img{
        width: 24px;
        height: 24px;
        object-fit: contain;
    }html[data-panel-page="home"] .phb-app-name{
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 800;
    }html[data-panel-page="home"] .phb-show-all,
html[data-panel-page="home"] .phb-secondary-link{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        width: 100%;
        margin-top: 0.8rem;
        padding: 0.72rem 1rem;
        border: 1px solid rgba(108, 77, 230, 0.2);
        border-radius: 10px;
        background: #f6f3ff;
        color: var(--phb-primary) !important;
        font-weight: 800;
        text-decoration: none !important;
    }html[data-panel-page="home"] .phb-show-all .fa-chevron-down{
        transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }html[data-panel-page="home"] .phb-show-all.active .fa-chevron-down,
html[data-panel-page="home"] .phb-show-all .fa-rotate-180{
        transform: rotate(180deg);
    }html[data-panel-page="home"] .phb-selected-summary{
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.05rem;
        margin-bottom: 0.85rem;
        border: 1px solid rgba(108, 77, 230, 0.18);
        border-radius: 14px;
        background: linear-gradient(145deg, #faf8ff 0%, #f3f0ff 55%, #eef2ff 100%);
        box-shadow: 0 4px 14px rgba(108, 77, 230, 0.08);
    }html[data-panel-page="home"] .phb-selected-summary[data-state="empty"]{
        border-style: dashed;
        border-color: rgba(108, 77, 230, 0.28);
        background: linear-gradient(145deg, #faf9ff 0%, #f5f3ff 100%);
        box-shadow: none;
    }html[data-panel-page="home"] .phb-selected-summary[data-state="loading"] .phb-selection-flag{
        animation: none;
    }html[data-panel-page="home"] .phb-selected-summary[data-state="loading"] .phb-selection-flag.is-loading{
        animation: none;
    }html[data-panel-page="home"] .phb-selection-card{
        display: flex;
        align-items: flex-start;
        gap: 0.9rem;
        flex: 1;
        min-width: 0;
    }html[data-panel-page="home"] .phb-selection-visual{
        flex: 0 0 auto;
    }html[data-panel-page="home"] .phb-selection-flag{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background: #f1f5f9;
        border: 1px solid rgba(108, 77, 230, 0.14);
        box-shadow: 0 6px 16px rgba(108, 77, 230, 0.1);
        overflow: hidden;
    }html[data-panel-page="home"] .phb-selection-flag img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }html[data-panel-page="home"] .phb-selection-flag.is-requesting{
        position: relative;
    }html[data-panel-page="home"] .phb-selection-flag.is-requesting img{
        filter: blur(2px);
        opacity: 0.58;
        transform: scale(1.06);
        transition: filter 160ms ease, opacity 160ms ease, transform 160ms ease;
    }html[data-panel-page="home"] .phb-selection-flag.is-requesting::after{
        content: '';
        position: absolute;
        width: 17px;
        height: 17px;
        border: 2px solid rgba(255, 255, 255, 0.58);
        border-top-color: var(--phb-primary);
        border-radius: 50%;
        animation: panel_home_phbSelectionSpin 700ms linear infinite;
    }html[data-panel-page="home"] .phb-selection-flag.is-loading img{
        display: none !important;
    }html[data-panel-page="home"] .phb-selection-flag.is-loading .phb-selection-placeholder-icon{
        display: inline-block !important;
    }html[data-panel-page="home"] .phb-selection-placeholder-icon{
        font-size: 1.35rem;
        color: var(--phb-primary);
        opacity: 0.72;
    }html[data-panel-page="home"] .phb-selected-summary[data-state="ready"] .phb-selection-placeholder-icon,
html[data-panel-page="home"] .phb-selected-summary[data-state="loading"] .phb-selection-placeholder-icon,
html[data-panel-page="home"] .phb-selected-summary[data-state="unavailable"] .phb-selection-placeholder-icon{
        display: none;
    }html[data-panel-page="home"] .phb-selected-summary[data-state="ready"] .phb-selection-flag img,
html[data-panel-page="home"] .phb-selected-summary[data-state="loading"] .phb-selection-flag img,
html[data-panel-page="home"] .phb-selected-summary[data-state="unavailable"] .phb-selection-flag img{
        display: block !important;
    }html[data-panel-page="home"] .phb-selection-body{
        flex: 1;
        min-width: 0;
    }html[data-panel-page="home"] .phb-selection-eyebrow{
        margin: 0 0 0.2rem;
        color: var(--phb-muted);
        font-size: 0.8125rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }html[data-panel-page="home"] .phb-selection-title{
        margin: 0;
        color: var(--phb-text);
        font-size: 1.2rem;
        font-weight: 900;
        line-height: 1.25;
        letter-spacing: -0.02em;
    }html[data-panel-page="home"] .phb-selected-summary[data-state="empty"] .phb-selection-title{
        color: #64748b;
        font-size: 1.05rem;
        font-weight: 800;
    }html[data-panel-page="home"] .phb-selection-subtitle{
        margin: 0.35rem 0 0;
        color: var(--phb-muted);
        font-size: 0.9375rem;
        font-weight: 600;
        line-height: 1.45;
    }html[data-panel-page="home"] .phb-selection-meta{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        margin-top: 0.65rem;
    }html[data-panel-page="home"] .phb-selection-chip{
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        padding: 0.38rem 0.72rem;
        border-radius: 999px;
        font-size: 0.875rem;
        font-weight: 800;
        line-height: 1.2;
    }html[data-panel-page="home"] .phb-selection-chip i{
        font-size: 0.8rem;
        opacity: 0.9;
    }html[data-panel-page="home"] .phb-selection-price{
        background: #fff;
        border: 1px solid rgba(108, 77, 230, 0.16);
        color: var(--phb-primary);
    }html[data-panel-page="home"] .phb-selection-stock{
        background: rgba(108, 77, 230, 0.1);
        color: #4c32c9;
    }html[data-panel-page="home"] .phb-selection-stock.is-live{
        background: rgba(16, 185, 129, 0.12);
        color: #047857;
    }html[data-panel-page="home"] .phb-selection-stock.is-low,
html[data-panel-page="home"] .phb-selection-stock.is-out{
        background: rgba(239, 68, 68, 0.1);
        color: #b91c1c;
    }html[data-panel-page="home"] .phb-selection-stock.is-loading{
        background: rgba(148, 163, 184, 0.14);
        color: #475569;
    }
    @keyframes panel_home_phbPulse {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.55; }
    }
    @keyframes panel_home_phbSelectionSpin {
        to { transform: rotate(360deg); }
    }html[data-panel-page="home"] .phb-buy-btn{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        align-self: center;
        flex: 0 0 auto;
        border: 0;
        border-radius: 12px;
        padding: 0.85rem 1.15rem;
        background: linear-gradient(135deg, var(--phb-primary), var(--phb-primary-2));
        color: #fff;
        font-size: 0.9375rem;
        font-weight: 900;
        white-space: nowrap;
        box-shadow: 0 8px 18px rgba(108, 77, 230, 0.28);
    }html[data-panel-page="home"] .phb-buy-btn:disabled{
        opacity: 0.45;
        box-shadow: none;
        cursor: not-allowed;
    }html[data-panel-page="home"] .panel-home-buy.is-buying .phb-app-item,
html[data-panel-page="home"] .panel-home-buy.is-buying .phb-country-item,
html[data-panel-page="home"] .panel-home-buy.is-buying .phb-show-all{
        opacity: 0.72;
        cursor: wait;
    }html[data-panel-page="home"] .panel-home-buy,
html[data-panel-page="home"] .panel-home-buy .swal2-container{
        user-select: none;
        -webkit-user-select: none;
    }html[data-panel-page="home"] body.phb-capture-blocked .panel-home-buy{
        filter: blur(18px);
    }
    @media print {html[data-panel-page="home"] .panel-home-buy,
html[data-panel-page="home"] .swal2-container{
            display: none !important;
        }
    }html[data-panel-page="home"] .phb-country-group{
        overflow: visible;
        background: #fff;
    }html[data-panel-page="home"] .phb-country-group-header{
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) minmax(94px, auto) auto 18px;
        gap: 0.72rem;
        align-items: center;
        width: 100%;
        padding: 0.75rem;
        text-align: left;
        border: 0;
        border-radius: 10px;
        background: transparent;
        cursor: pointer;
        list-style: none;
        user-select: none;
        transition: background 0.18s ease;
    }html[data-panel-page="home"] .phb-country-operators-panel{
        display: grid;
        grid-template-rows: 0fr;
        opacity: 0;
        overflow: hidden;
        transition: grid-template-rows 0.34s cubic-bezier(0.4, 0, 0.2, 1),
                    opacity 0.26s ease;
    }html[data-panel-page="home"] .phb-country-group.is-open .phb-country-operators-panel{
        grid-template-rows: 1fr;
        opacity: 1;
    }html[data-panel-page="home"] .phb-country-group-header:hover{
        background: #faf9ff;
    }html[data-panel-page="home"] .phb-country-group.has-active .phb-country-group-header{
        background: transparent;
    }html[data-panel-page="home"] .phb-country-summary{
        display: inline-flex;
        align-items: flex-end;
        flex-direction: column;
        gap: 0.28rem;
        min-width: 94px;
    }html[data-panel-page="home"] .phb-price-range,
html[data-panel-page="home"] .phb-best-price{
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 1px;
        line-height: 1.15;
        font-size: 0.95rem;
        font-weight: 900;
        white-space: nowrap;
    }html[data-panel-page="home"] .phb-price-min,
html[data-panel-page="home"] .phb-price-single{
        color: var(--phb-primary);
    }html[data-panel-page="home"] .phb-price-max{
        color: #d97706;
    }html[data-panel-page="home"] .phb-best-label{
        color: #64748b;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.1;
        white-space: nowrap;
    }html[data-panel-page="home"] .phb-best-price{
        color: var(--phb-primary);
        font-size: 1.12rem;
    }html[data-panel-page="home"] .phb-operator-count{
        display: inline-flex;
        align-items: center;
        padding: 0.25rem 0.6rem;
        border-radius: 999px;
        background: #f4f1ff;
        color: var(--phb-primary);
        font-size: 0.875rem;
        font-weight: 900;
        white-space: nowrap;
    }html[data-panel-page="home"] .phb-group-chevron{
        color: var(--phb-primary);
        font-size: 0.82rem;
        transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }html[data-panel-page="home"] .phb-country-group.is-open .phb-group-chevron{
        transform: rotate(180deg);
    }html[data-panel-page="home"] .phb-country-operators{
        display: grid;
        gap: 0.45rem;
        min-height: 0;
        overflow: hidden;
        padding: 0 0.55rem;
        transform: translateY(-6px);
        transition: padding 0.28s ease, transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }html[data-panel-page="home"] .phb-country-group.is-open .phb-country-operators{
        padding: 0 0.55rem 0.6rem 0.55rem;
        transform: translateY(0);
    }html[data-panel-page="home"] .phb-country-item{
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 0.65rem;
        align-items: center;
        padding: 0.64rem 0.68rem;
        text-align: left;
        border-color: rgba(108, 77, 230, 0.12);
        background: #fbfaff;
        box-shadow: none;
    }html[data-panel-page="home"] .phb-country-item:hover{
        transform: none;
    }html[data-panel-page="home"] .phb-country-item.is-unavailable{
        opacity: 0.62;
    }html[data-panel-page="home"] .phb-country-item.is-unavailable .phb-price{
        color: #94a3b8;
    }html[data-panel-page="home"] .phb-operator-index{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        min-width: 30px;
        padding: 0 0.4rem;
        height: 30px;
        border-radius: 8px;
        background: #f4f1ff;
        color: var(--phb-primary);
        font-size: 0.875rem;
        font-weight: 900;
        flex: 0 0 auto;
    }html[data-panel-page="home"] .phb-operator-flag{
        width: 34px;
        height: 34px;
        box-shadow: 0 0 0 1px rgba(108, 77, 230, 0.12);
    }html[data-panel-page="home"] .phb-operator-suffix{
        display: inline !important;
        margin-left: 0.25rem;
        color: #dc2626 !important;
        font-size: 0.875rem !important;
        font-weight: 800 !important;
    }html[data-panel-page="home"] .phb-flag{
        width: 38px;
        height: 38px;
        border-radius: 50%;
        overflow: hidden;
        background: #f1f5f9;
    }html[data-panel-page="home"] .phb-flag img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }html[data-panel-page="home"] .phb-country-main strong,
html[data-panel-page="home"] .phb-active-card strong{
        display: block;
        color: var(--phb-text);
        font-weight: 900;
        line-height: 1.25;
        font-size: 1rem;
    }html[data-panel-page="home"] .phb-country-main span,
html[data-panel-page="home"] .phb-active-card span{
        display: block;
        color: var(--phb-muted);
        font-size: 0.875rem;
        font-weight: 700;
        margin-top: 0.18rem;
    }html[data-panel-page="home"] .phb-country-main .phb-country-dial{
        color: var(--phb-primary);
        font-size: 0.9375rem;
        font-weight: 800;
        font-variant-numeric: tabular-nums;
        letter-spacing: 0.02em;
    }html[data-panel-page="home"] .phb-country-side{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 0.35rem;
        min-width: 96px;
    }html[data-panel-page="home"] .phb-rate-wrap{
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: 0.18rem;
    }html[data-panel-page="home"] .phb-rate-wrap--compact{
        flex-direction: column;
        align-items: flex-end;
        gap: 0.15rem;
    }html[data-panel-page="home"] .phb-workrate{
        font-size: 1rem;
        font-weight: 750;
        font-variant-numeric: tabular-nums;
        line-height: 1;
        white-space: nowrap;
    }html[data-panel-page="home"] .phb-workrate--success{ color: #17c653; }html[data-panel-page="home"] .phb-workrate--warning{ color: #d9a400; }html[data-panel-page="home"] .phb-workrate--danger{ color: #f1416c; }html[data-panel-page="home"] .phb-workrate--neutral{ color: #94a3b8; }html[data-panel-page="home"] .phb-rate-period{ display: block; color: #7b8498; font-size: .76rem; font-weight: 650; line-height: 1.2; white-space: nowrap; }html[data-panel-page="home"] .phb-price{
        color: var(--phb-primary);
        font-size: 1.12rem;
        font-weight: 900;
        white-space: nowrap;
    }html[data-panel-page="home"] .phb-price-discount{ display: inline-flex; align-items: baseline; gap: 6px; white-space: nowrap; }html[data-panel-page="home"] .phb-old-price{ color: #687386; font-size: .88em; font-weight: 700; opacity: 1; text-decoration: line-through; text-decoration-thickness: .7px; text-decoration-color: #e11d48; }html[data-panel-page="home"] .phb-discount-arrow{ display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #138a4a; color: #fff; font-size: .82rem; font-weight: 900; line-height: 1; flex: 0 0 auto; }html[data-panel-page="home"] .phb-discount-arrow i,
html[data-panel-page="home"] .phb-discount-arrow svg{ display: block; width: 12px; height: 12px; color: #fff; line-height: 1; }html[data-panel-page="home"] .phb-price-discount strong{ color: var(--phb-primary); font-weight: 900; }html[data-panel-page="home"] .phb-country-summary{ gap: 7px; }html[data-panel-page="home"] .phb-country-summary .phb-price-discount{ gap: 4px; }html[data-panel-page="home"] .phb-country-summary .phb-old-price{ font-size: .78em; }html[data-panel-page="home"] .phb-country-summary .phb-price-discount strong{ font-size: .9rem; }html[data-panel-page="home"] .phb-country-summary .phb-best-label{ max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }html[data-panel-page="home"] .phb-signal{
        display: inline-flex;
        align-items: flex-end;
        gap: 2px;
        width: 18px;
        height: 14px;
        line-height: 1;
        flex: 0 0 auto;
        vertical-align: middle;
    }html[data-panel-page="home"] .phb-signal i{
        display: block;
        width: 3px;
        border-radius: 3px 3px 1px 1px;
        background: #d1d5db;
        opacity: 0.22;
    }html[data-panel-page="home"] .phb-signal i.active{
        opacity: 1;
    }html[data-panel-page="home"] .phb-signal i:nth-child(1){ height: 4px; }html[data-panel-page="home"] .phb-signal i:nth-child(2){ height: 7px; }html[data-panel-page="home"] .phb-signal i:nth-child(3){ height: 10px; }html[data-panel-page="home"] .phb-signal i:nth-child(4){ height: 13px; }html[data-panel-page="home"] .phb-signal--success i.active{ background: #17c653 !important; }html[data-panel-page="home"] .phb-signal--warning i.active{ background: #f6c000 !important; }html[data-panel-page="home"] .phb-signal--danger i.active{ background: #f1416c !important; }html[data-panel-page="home"] .phb-signal--neutral i{
        background: #94a3b8 !important;
        opacity: 0.92 !important;
    }html[data-panel-page="home"] .phb-active-card{
        position: relative;
        transition: box-shadow 0.35s ease, border-color 0.35s ease;
    }html[data-panel-page="home"] .phb-active-card.has-items .phb-live-dot{
        animation: panel_home_phbLivePulse 1.8s ease-in-out infinite;
    }html[data-panel-page="home"] .phb-active-card.is-highlighted{
        border-color: rgba(108, 77, 230, 0.55) !important;
        box-shadow: 0 0 0 1px rgba(108, 77, 230, 0.2),
                    0 0 0 4px rgba(108, 77, 230, 0.12),
                    0 16px 40px rgba(108, 77, 230, 0.18) !important;
        animation: panel_home_phbActiveCardGlow 2.2s ease-out 2;
    }
    @keyframes panel_home_phbActiveCardGlow {
        0%, 100% { box-shadow: 0 0 0 1px rgba(108, 77, 230, 0.2), 0 0 0 4px rgba(108, 77, 230, 0.12), 0 16px 40px rgba(108, 77, 230, 0.18); }
        50% { box-shadow: 0 0 0 1px rgba(108, 77, 230, 0.45), 0 0 0 8px rgba(108, 77, 230, 0.2), 0 20px 48px rgba(108, 77, 230, 0.28); }
    }
    @keyframes panel_home_phbLivePulse {
        0%, 100% { box-shadow: 0 0 0 4px rgba(108, 77, 230, 0.16); transform: scale(1); }
        50% { box-shadow: 0 0 0 7px rgba(108, 77, 230, 0.08); transform: scale(1.08); }
    }html[data-panel-page="home"] .phb-active-title-group{
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }html[data-panel-page="home"] .phb-active-count{
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        min-width: 1.45rem;
        height: 1.45rem;
        padding: 0 0.34rem;
        border-radius: 999px;
        background: var(--phb-primary);
        color: #ffffff !important;
        font-size: 0.8125rem;
        font-weight: 900;
        line-height: 1;
        margin-top: 0 !important;
        box-shadow: 0 2px 8px rgba(108, 77, 230, 0.24);
    }html[data-panel-page="home"] .phb-live-indicator{
        display: inline-flex;
        align-items: center;
    }html[data-panel-page="home"] .phb-active-alert{
        display: flex;
        align-items: flex-start;
        gap: 0.55rem;
        margin-bottom: 0.75rem;
        padding: 0.65rem 0.75rem;
        border: 1px solid rgba(23, 198, 83, 0.35);
        border-radius: 11px;
        background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
        color: #047857;
        font-size: 0.8125rem;
        font-weight: 800;
        line-height: 1.4;
        animation: panel_home_phbAlertIn 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    }html[data-panel-page="home"] .phb-active-alert i{
        margin-top: 0.1rem;
        font-size: 1rem;
        color: #17c653;
    }
    @keyframes panel_home_phbAlertIn {
        from { opacity: 0; transform: translateY(-6px); }
        to { opacity: 1; transform: translateY(0); }
    }html[data-panel-page="home"] .phb-active-list{
        scroll-behavior: smooth;
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }html[data-panel-page="home"] .phb-active-empty{
        flex-direction: column;
        gap: 0.65rem;
        min-height: 200px;
        padding: 1.25rem;
        border: 1px dashed rgba(108, 77, 230, 0.22);
        border-radius: 14px;
        background: linear-gradient(180deg, #faf9ff 0%, #f8fafc 100%);
    }html[data-panel-page="home"] .phb-active-empty i{
        font-size: 1.75rem;
        color: var(--phb-primary);
        opacity: 0.55;
    }html[data-panel-page="home"] .phb-active-empty strong{
        color: var(--phb-text);
        font-size: 0.9375rem;
    }html[data-panel-page="home"] .phb-active-empty span{
        max-width: 14rem;
        font-size: 0.8125rem;
        font-weight: 600;
        line-height: 1.45;
    }html[data-panel-page="home"] .phb-active-item{
        position: relative;
        padding: 0.9rem;
        border: 1px solid var(--phb-border);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }html[data-panel-page="home"] .phb-active-item.is-waiting{
        border-color: rgba(245, 158, 11, 0.35);
        background: linear-gradient(180deg, #fff 0%, #fffbeb 100%);
    }html[data-panel-page="home"] .phb-active-item.is-received{
        border-color: rgba(23, 198, 83, 0.35);
        background: linear-gradient(180deg, #fff 0%, #f0fdf4 100%);
    }html[data-panel-page="home"] .phb-active-item--new{
        animation: panel_home_phbActiveItemIn 0.65s cubic-bezier(0.34, 1.4, 0.64, 1);
        border-color: rgba(108, 77, 230, 0.55) !important;
        box-shadow: 0 0 0 1px rgba(108, 77, 230, 0.25),
                    0 12px 28px rgba(108, 77, 230, 0.16) !important;
    }html[data-panel-page="home"] .phb-active-item--new::after{
        content: '';
        position: absolute;
        inset: -2px;
        border-radius: 16px;
        border: 2px solid rgba(108, 77, 230, 0.45);
        pointer-events: none;
        animation: panel_home_phbActiveRing 2s ease-out 3;
    }
    @keyframes panel_home_phbActiveItemIn {
        from { opacity: 0; transform: translateY(12px) scale(0.96); }
        to { opacity: 1; transform: translateY(0) scale(1); }
    }
    @keyframes panel_home_phbActiveRing {
        0% { opacity: 1; transform: scale(1); }
        100% { opacity: 0; transform: scale(1.03); }
    }html[data-panel-page="home"] .phb-active-head{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.55rem;
    }html[data-panel-page="home"] .phb-active-service{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
        min-width: 0;
    }html[data-panel-page="home"] .phb-active-service strong{
        font-size: 1rem;
        line-height: 1.25;
    }html[data-panel-page="home"] .phb-active-badge{
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.22rem 0.55rem;
        border-radius: 999px;
        font-size: 0.8125rem;
        font-weight: 900;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }html[data-panel-page="home"] .phb-active-badge--wait{
        background: rgba(245, 158, 11, 0.14);
        color: #b45309;
    }html[data-panel-page="home"] .phb-active-badge--ok{
        background: rgba(23, 198, 83, 0.14);
        color: #047857;
    }html[data-panel-page="home"] .phb-active-time{
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 0.25rem;
        min-width: 58px;
        padding: 0.3rem 0.5rem;
        border-radius: 999px;
        background: #fef3c7;
        color: #b45309 !important;
        font-size: 0.9375rem !important;
        font-weight: 900 !important;
        flex-shrink: 0;
    }html[data-panel-page="home"] .phb-active-time::before{
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: currentColor;
        animation: panel_home_phbLivePulse 1.5s ease-in-out infinite;
    }html[data-panel-page="home"] .phb-active-number{
        display: flex;
        flex-direction: column;
        gap: 0.38rem;
        margin-top: 0.8rem;
        padding: 0.88rem 0.95rem;
        border: 1px solid rgba(108, 77, 230, 0.12);
        border-radius: 11px;
        background: #f8fafc;
        cursor: pointer;
        transition: background 0.18s ease, border-color 0.18s ease;
    }html[data-panel-page="home"] .phb-active-number:hover{
        background: #f1edff;
        border-color: rgba(108, 77, 230, 0.28);
    }html[data-panel-page="home"] .phb-active-number-top{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }html[data-panel-page="home"] .phb-active-number-label{
        color: var(--phb-muted);
        font-size: 0.86rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }html[data-panel-page="home"] .phb-active-number i{
        color: var(--phb-primary);
        font-size: 1.05rem;
    }html[data-panel-page="home"] .phb-active-number-value{
        color: var(--phb-text);
        font-size: 1.68rem !important;
        font-weight: 900 !important;
        font-variant-numeric: tabular-nums;
        letter-spacing: 0;
        line-height: 1.18 !important;
        word-break: break-all;
    }html[data-panel-page="home"] .panel-home-buy .phb-active-card .phb-active-number .phb-active-number-value{
        display: block;
        color: var(--phb-text) !important;
        font-size: 1.18rem !important;
        font-weight: 850 !important;
        line-height: 1.25 !important;
    }html[data-panel-page="home"] .phb-active-sms{
        margin-top: 0.65rem;
    }html[data-panel-page="home"] .phb-active-sms-label{
        display: block;
        margin-bottom: 0.3rem;
        color: var(--phb-muted);
        font-size: 0.8125rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }html[data-panel-page="home"] .phb-status{
        display: flex;
        align-items: center;
        gap: 0.4rem;
        margin: 0;
        padding: 0.55rem 0.65rem;
        border-radius: 9px;
        background: #f1f5f9;
        color: var(--phb-muted);
        font-size: 0.9375rem;
        font-weight: 700;
        line-height: 1.4;
    }html[data-panel-page="home"] .phb-status-code{
        background: linear-gradient(135deg, #f1edff 0%, #ede9fe 100%);
        color: #4c32c9;
        font-size: 1rem;
        font-weight: 900;
        font-variant-numeric: tabular-nums;
        letter-spacing: 0.06em;
        text-align: center;
    }html[data-panel-page="home"] .phb-cancel-number{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        width: 100%;
        margin-top: 0.65rem;
        padding: 0.55rem 0.75rem;
        border: 1px solid rgba(220, 38, 38, 0.22);
        border-radius: 10px;
        background: #fff1f2;
        color: #b91c1c;
        font-size: 0.8125rem;
        font-weight: 900;
        transition: background 0.18s ease, transform 0.18s ease;
    }html[data-panel-page="home"] .phb-cancel-number:hover:not(:disabled){
        background: #ffe4e6;
        transform: translateY(-1px);
    }html[data-panel-page="home"] .phb-cancel-number:disabled{
        opacity: 0.6;
        cursor: wait;
    }
    @media (prefers-reduced-motion: reduce) {html[data-panel-page="home"] .phb-active-card.is-highlighted,
html[data-panel-page="home"] .phb-active-item--new,
html[data-panel-page="home"] .phb-active-item--new::after,
html[data-panel-page="home"] .phb-active-alert,
html[data-panel-page="home"] .phb-active-card.has-items .phb-live-dot,
html[data-panel-page="home"] .phb-active-time::before{
            animation: none !important;
        }
    }html[data-panel-page="home"] .phb-loading,
html[data-panel-page="home"] .phb-empty{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.55rem;
        min-height: 120px;
        color: var(--phb-muted);
        font-weight: 800;
        text-align: center;
    }html[data-panel-page="home"] .phb-loading span{
        width: 16px;
        height: 16px;
        border: 2px solid #dbeafe;
        border-top-color: var(--phb-primary);
        border-radius: 50%;
        animation-name: panel_home_phbSpin !important;
        animation-duration: 1.5s !important;
        animation-timing-function: linear !important;
        animation-iteration-count: infinite !important;
    }
    @keyframes panel_home_phbSpin { to { transform: rotate(360deg); } }html[data-panel-page="home"] .panel-home-buy .spinner-border,
html[data-panel-page="home"] .panel-home-buy .fa-spin{
        animation-duration: 1.5s !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy{
        --phb-bg: #111827;
        --phb-surface: #1b2230;
        --phb-border: rgba(255,255,255,0.08);
        --phb-text: #f8fafc;
        --phb-muted: #aeb8c8;
        background: radial-gradient(circle at top left, rgba(124, 58, 237, 0.18), transparent 34%),
                    linear-gradient(135deg, #111827 0%, #151b2b 100%) !important;
        border-color: rgba(167, 139, 250, 0.16) !important;
        box-shadow: 0 20px 45px rgba(0,0,0,0.34) !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy h1,
html[data-panel-page="home"] body.dark-mode .panel-home-buy h2,
html[data-panel-page="home"] body.dark-mode .panel-home-buy h3,
html[data-panel-page="home"] body.dark-mode .panel-home-buy h4,
html[data-panel-page="home"] body.dark-mode .panel-home-buy h5,
html[data-panel-page="home"] body.dark-mode .panel-home-buy strong,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-app-name,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-country-main strong,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-card strong,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-card-title span{
        color: #f8fafc !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy p,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-hero p,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-hero-stats span,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-country-main span,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-card span,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-status,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-empty,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-loading,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-muted{
        color: #aeb8c8 !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-country-main .phb-country-dial{
        color: #c4b5fd !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-count{
        background: #c4b5fd !important;
        color: #1b1238 !important;
        box-shadow: 0 2px 10px rgba(196, 181, 253, 0.22) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-card,
html[data-panel-page="home"] body.dark-mode .phb-hero-stats div{
        background: rgba(27, 34, 48, 0.96) !important;
        border-color: rgba(255,255,255,0.08) !important;
        box-shadow: 0 14px 32px rgba(0,0,0,0.22) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-card::before{
        background: linear-gradient(90deg, #a78bfa 0%, #7c3aed 100%) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-switcher{
        background: #252540 !important;
        border-color: #3f3f5a !important;
    }html[data-panel-page="home"] body.dark-mode .phb-switcher-slider{
        background: linear-gradient(135deg, #6c4de6 0%, #8b6cf6 100%) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-switcher-option{
        color: #aeb8c8 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-switcher-option.active{
        color: #ffffff !important;
    }html[data-panel-page="home"] body.dark-mode .phb-search,
html[data-panel-page="home"] body.dark-mode .phb-active-number{
        background: #151c29 !important;
        border-color: rgba(255,255,255,0.08) !important;
        color: #f8fafc !important;
    }html[data-panel-page="home"] body.dark-mode .phb-search i{
        color: #a78bfa !important;
    }html[data-panel-page="home"] body.dark-mode .phb-search input{
        color: #f8fafc !important;
    }html[data-panel-page="home"] body.dark-mode .phb-search input::placeholder{
        color: #7f8aa3 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-country-sort label{
        color: #aeb8c8 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-country-sort select{
        background: #151c29 !important;
        border-color: rgba(255,255,255,0.08) !important;
        color: #f8fafc !important;
    }html[data-panel-page="home"] body.dark-mode .phb-app-card{
        background: #1b2230 !important;
        border-color: rgba(255,255,255,0.08) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-app-list{
        scrollbar-color: #4b3f7a #151c29;
    }html[data-panel-page="home"] body.dark-mode .phb-app-item,
html[data-panel-page="home"] body.dark-mode .phb-country-group,
html[data-panel-page="home"] body.dark-mode .phb-country-group-header,
html[data-panel-page="home"] body.dark-mode .phb-country-item,
html[data-panel-page="home"] body.dark-mode .phb-active-card.is-highlighted{
        background: #151c29 !important;
        color: #f8fafc !important;
        border-color: rgba(255,255,255,0.08) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-card.is-highlighted{
        border-color: rgba(167, 139, 250, 0.5) !important;
        box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.25),
                    0 0 0 6px rgba(167, 139, 250, 0.1),
                    0 18px 42px rgba(0, 0, 0, 0.35) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-alert{
        background: linear-gradient(135deg, rgba(23, 198, 83, 0.14) 0%, rgba(16, 185, 129, 0.08) 100%) !important;
        border-color: rgba(49, 213, 131, 0.35) !important;
        color: #6ee7b7 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-alert i{
        color: #31d583 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-empty{
        background: linear-gradient(180deg, #252040 0%, #1b2230 100%) !important;
        border-color: rgba(167, 139, 250, 0.22) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-item{
        background: #1b2230 !important;
        border-color: rgba(255,255,255,0.08) !important;
        color: #f8fafc !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-item.is-waiting{
        background: linear-gradient(180deg, #1b2230 0%, #2a2418 100%) !important;
        border-color: rgba(251, 191, 36, 0.28) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-item.is-received{
        background: linear-gradient(180deg, #1b2230 0%, #152a22 100%) !important;
        border-color: rgba(49, 213, 131, 0.28) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-item--new{
        border-color: rgba(167, 139, 250, 0.5) !important;
        box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.3), 0 14px 32px rgba(0, 0, 0, 0.35) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-item--new::after{
        border-color: rgba(167, 139, 250, 0.45);
    }html[data-panel-page="home"] body.dark-mode .phb-active-badge--wait{
        background: rgba(251, 191, 36, 0.14) !important;
        color: #fcd34d !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-badge--ok{
        background: rgba(49, 213, 131, 0.14) !important;
        color: #6ee7b7 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-app-item:hover,
html[data-panel-page="home"] body.dark-mode .phb-country-group:hover,
html[data-panel-page="home"] body.dark-mode .phb-country-group-header:hover,
html[data-panel-page="home"] body.dark-mode .phb-country-item:hover{
        background: #20293a !important;
        border-color: rgba(167, 139, 250, 0.28) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-app-item.active,
html[data-panel-page="home"] body.dark-mode .phb-country-group.has-active,
html[data-panel-page="home"] body.dark-mode .phb-country-item.active{
        background: #2d2548 !important;
        border-color: rgba(167, 139, 250, 0.45) !important;
        box-shadow: inset 3px 0 0 #a78bfa !important;
    }html[data-panel-page="home"] body.dark-mode .phb-app-item.active .phb-app-name{
        color: #ffffff !important;
    }html[data-panel-page="home"] body.dark-mode .phb-app-icon,
html[data-panel-page="home"] body.dark-mode .phb-flag{
        background: #2d2548 !important;
        color: #c4b5fd !important;
        border-color: rgba(167, 139, 250, 0.22) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-app-icon i{
        color: #c4b5fd !important;
    }html[data-panel-page="home"] body.dark-mode .phb-price{
        color: #c4b5fd !important;
    }html[data-panel-page="home"] body.dark-mode .phb-country-operators{
        background: transparent !important;
    }html[data-panel-page="home"] body.dark-mode .phb-operator-index,
html[data-panel-page="home"] body.dark-mode .phb-operator-count{
        background: #2d2548 !important;
        color: #c4b5fd !important;
    }html[data-panel-page="home"] body.dark-mode .phb-price-min,
html[data-panel-page="home"] body.dark-mode .phb-price-single,
html[data-panel-page="home"] body.dark-mode .phb-best-price{
        color: #c4b5fd !important;
    }html[data-panel-page="home"] body.dark-mode .phb-best-label{
        color: #aeb8c8 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-price-max{
        color: #fbbf24 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-group-chevron{
        color: #c4b5fd !important;
    }html[data-panel-page="home"] body.dark-mode .phb-operator-suffix{
        color: #fca5a5 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-selected-summary{
        background: linear-gradient(145deg, #2d2548 0%, #24243a 100%) !important;
        border-color: rgba(167, 139, 250, 0.28) !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-selected-summary[data-state="empty"]{
        background: linear-gradient(145deg, #252040 0%, #1f1d33 100%) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-selection-flag{
        background: #151c29 !important;
        border-color: rgba(167, 139, 250, 0.22) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-selection-eyebrow,
html[data-panel-page="home"] body.dark-mode .phb-selection-subtitle{
        color: #aeb8c8 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-selection-title{
        color: #f8fafc !important;
    }html[data-panel-page="home"] body.dark-mode .phb-selected-summary[data-state="empty"] .phb-selection-title{
        color: #94a3b8 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-selection-price{
        background: #1b2230 !important;
        border-color: rgba(167, 139, 250, 0.24) !important;
        color: #c4b5fd !important;
    }html[data-panel-page="home"] body.dark-mode .phb-selection-stock{
        background: rgba(167, 139, 250, 0.14) !important;
        color: #ddd6fe !important;
    }html[data-panel-page="home"] body.dark-mode .phb-selection-stock.is-live{
        background: rgba(16, 185, 129, 0.16) !important;
        color: #6ee7b7 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-selection-stock.is-low,
html[data-panel-page="home"] body.dark-mode .phb-selection-stock.is-out{
        background: rgba(248, 113, 113, 0.14) !important;
        color: #fecaca !important;
    }html[data-panel-page="home"] body.dark-mode .phb-buy-btn{
        background: linear-gradient(135deg, #6c4de6 0%, #8b6cf6 100%) !important;
        color: #ffffff !important;
        box-shadow: 0 10px 24px rgba(108,77,230,0.34) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-buy-btn i,
html[data-panel-page="home"] body.dark-mode .phb-buy-btn span{
        color: #ffffff !important;
    }html[data-panel-page="home"] body.dark-mode .phb-buy-btn:disabled{
        background: #2f3442 !important;
        color: #8993a8 !important;
        box-shadow: none !important;
    }html[data-panel-page="home"] body.dark-mode .phb-show-all,
html[data-panel-page="home"] body.dark-mode .phb-secondary-link{
        background: #2d2548 !important;
        border-color: rgba(167,139,250,0.32) !important;
        color: #c4b5fd !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-number-label{
        color: #aeb8c8 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-number-value{
        color: #f8fafc !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-number i{
        color: #c4b5fd !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-time{
        background: rgba(251, 191, 36, 0.14) !important;
        color: #fcd34d !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-number{
        background: #151c29 !important;
        border-color: rgba(167, 139, 250, 0.2) !important;
    }html[data-panel-page="home"] body.dark-mode .phb-active-number:hover{
        background: #2d2548 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-status{
        background: #151c29 !important;
        color: #aeb8c8 !important;
    }html[data-panel-page="home"] body.dark-mode .phb-status-code{
        background: linear-gradient(135deg, #2d2548 0%, #252040 100%) !important;
        color: #ddd6fe !important;
    }html[data-panel-page="home"] body.dark-mode .phb-cancel-number{
        background: rgba(248, 113, 113, 0.12) !important;
        border-color: rgba(248, 113, 113, 0.24) !important;
        color: #fecaca !important;
    }html[data-panel-page="home"] body.dark-mode .phb-live-dot{
        background: #a78bfa !important;
        box-shadow: 0 0 0 rgba(167,139,250,.45) !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-signal i{
        background: #4b5563 !important;
        opacity: 0.35 !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-signal i.active{
        opacity: 1 !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-signal--success i.active{ background: #31d583 !important; }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-signal--warning i.active{ background: #ffd24d !important; }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-signal--danger i.active{ background: #ff5f7e !important; }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-signal--neutral i{
        background: #9ca3af !important;
        opacity: 0.95 !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-workrate--success{ color: #31d583 !important; }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-workrate--warning{ color: #ffd24d !important; }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-workrate--danger{ color: #ff5f7e !important; }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-workrate--neutral{ color: #9ca3af !important; }html[data-panel-page="home"] /* Aktif Numaralar - dark mode okunabilirlik düzeltmeleri */
    body.dark-mode .panel-home-buy .phb-active-card{
        background: #141b29 !important;
        border-color: rgba(148, 163, 184, 0.16) !important;
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28) !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-card::before{
        background: linear-gradient(90deg, #22c55e 0%, #6c4de6 100%) !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-card .phb-card-title > span,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-title-group > span:first-child{
        color: #f8fafc !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-count{
        min-width: 1.35rem;
        height: 1.35rem;
        padding: 0 0.38rem;
        background: rgba(34, 197, 94, 0.16) !important;
        border: 1px solid rgba(74, 222, 128, 0.42);
        color: #86efac !important;
        font-size: 0.78rem;
        box-shadow: none !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-empty{
        background: #101827 !important;
        border-color: rgba(148, 163, 184, 0.18) !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-empty i{
        color: #8b6cf6 !important;
        opacity: 0.75;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-empty strong{
        color: #f8fafc !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-empty span{
        color: #cbd5e1 !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-item{
        background: #101827 !important;
        border-color: rgba(148, 163, 184, 0.16) !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-item.is-waiting{
        background: linear-gradient(180deg, #101827 0%, #1d1b15 100%) !important;
        border-color: rgba(245, 158, 11, 0.34) !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-item.is-received{
        background: linear-gradient(180deg, #101827 0%, #102019 100%) !important;
        border-color: rgba(34, 197, 94, 0.34) !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-service strong,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-number-value{
        color: #f8fafc !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-number-label,
html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-sms-label{
        color: #94a3b8 !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-number{
        background: #0f1724 !important;
        border-color: rgba(139, 108, 246, 0.26) !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-number:hover{
        background: #171f32 !important;
        border-color: rgba(139, 108, 246, 0.46) !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-number i{
        color: #a78bfa !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-badge--wait{
        background: rgba(245, 158, 11, 0.16) !important;
        color: #fbbf24 !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-badge--ok{
        background: rgba(34, 197, 94, 0.16) !important;
        color: #86efac !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-time{
        background: rgba(245, 158, 11, 0.15) !important;
        border: 1px solid rgba(251, 191, 36, 0.28);
        color: #fbbf24 !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-status{
        background: #0f1724 !important;
        color: #cbd5e1 !important;
        border-color: rgba(148, 163, 184, 0.14) !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-status-code{
        background: rgba(139, 108, 246, 0.14) !important;
        color: #ddd6fe !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-cancel-number{
        background: rgba(239, 68, 68, 0.14) !important;
        border-color: rgba(248, 113, 113, 0.34) !important;
        color: #fecaca !important;
    }html[data-panel-page="home"] body.dark-mode .panel-home-buy .phb-active-alert{
        background: rgba(34, 197, 94, 0.12) !important;
        border-color: rgba(74, 222, 128, 0.36) !important;
        color: #bbf7d0 !important;
    }html[data-panel-page="home"] /* Panel tipografi hiyerarşisi: daha kurumsal, daha az kalın */
    .panel-home-buy .phb-hero h1{
        font-weight: 800 !important;
    }html[data-panel-page="home"] .panel-home-buy .phb-hero h1 i{
        font-size: 1.04em !important;
    }html[data-panel-page="home"] .panel-home-buy .phb-card-title,
html[data-panel-page="home"] .panel-home-buy .phb-selection-title,
html[data-panel-page="home"] .panel-home-buy .phb-country-main strong,
html[data-panel-page="home"] .panel-home-buy .phb-active-card strong{
        font-weight: 700 !important;
    }html[data-panel-page="home"] .panel-home-buy .phb-app-name,
html[data-panel-page="home"] .panel-home-buy .phb-show-all,
html[data-panel-page="home"] .panel-home-buy .phb-secondary-link,
html[data-panel-page="home"] .panel-home-buy .phb-selection-chip,
html[data-panel-page="home"] .panel-home-buy .phb-country-main span,
html[data-panel-page="home"] .panel-home-buy .phb-active-card span,
html[data-panel-page="home"] .panel-home-buy .phb-selection-subtitle{
        font-weight: 500 !important;
    }html[data-panel-page="home"] .panel-home-buy .phb-hero-stats span,
html[data-panel-page="home"] .panel-home-buy .phb-card-title small,
html[data-panel-page="home"] .panel-home-buy .phb-selection-eyebrow,
html[data-panel-page="home"] .panel-home-buy .phb-active-number-label,
html[data-panel-page="home"] .panel-home-buy .phb-active-sms-label{
        font-weight: 600 !important;
    }html[data-panel-page="home"] .panel-home-buy .phb-price,
html[data-panel-page="home"] .panel-home-buy .phb-workrate,
html[data-panel-page="home"] .panel-home-buy .phb-best-price,
html[data-panel-page="home"] .panel-home-buy .phb-price-min,
html[data-panel-page="home"] .panel-home-buy .phb-price-max,
html[data-panel-page="home"] .panel-home-buy .phb-price-single,
html[data-panel-page="home"] .panel-home-buy .phb-active-time,
html[data-panel-page="home"] .panel-home-buy .phb-active-count{
        font-weight: 700 !important;
    }html[data-panel-page="home"] .panel-home-buy .phb-buy-btn,
html[data-panel-page="home"] .panel-home-buy .phb-active-badge{
        font-weight: 700 !important;
    }html[data-panel-page="home"] .panel-home-buy .phb-active-card .phb-active-number .phb-active-number-value{
        font-weight: 650 !important;
    }

    @media (max-width: 1199.98px) {html[data-panel-page="home"] .phb-grid{
            grid-template-columns: 1fr 1fr;
        }html[data-panel-page="home"] .phb-app-card{
            order: 1;
        }html[data-panel-page="home"] .phb-country-card{
            order: 2;
        }html[data-panel-page="home"] .phb-active-card{
            order: 3;
            grid-column: 1 / -1;
            min-height: auto;
        }html[data-panel-page="home"] .phb-active-list{
            max-height: none;
            overflow: visible;
        }
    }
    @media (max-width: 767.98px) {html[data-panel-page="home"] .phb-hero,
html[data-panel-page="home"] .phb-selected-summary{
            flex-direction: column;
            align-items: stretch;
        }html[data-panel-page="home"] .phb-buy-btn{
            width: 100%;
            align-self: stretch;
        }html[data-panel-page="home"] .phb-hero-stats,
html[data-panel-page="home"] .phb-grid{
            grid-template-columns: 1fr;
        }html[data-panel-page="home"] .phb-app-card,
html[data-panel-page="home"] .phb-country-card,
html[data-panel-page="home"] .phb-active-card{
            grid-column: auto;
        }html[data-panel-page="home"] .phb-card{
            min-height: auto;
        }html[data-panel-page="home"] .phb-app-list,
html[data-panel-page="home"] .phb-country-list{
            max-height: 380px;
            overflow-y: auto;
            overscroll-behavior-y: auto;
            -webkit-overflow-scrolling: touch;
            touch-action: pan-y;
        }html[data-panel-page="home"] .phb-country-card{
            padding: 0.85rem;
        }html[data-panel-page="home"] .phb-country-group-header{
            grid-template-columns: 34px minmax(0, 1fr) 18px;
            grid-template-areas:
                "flag main chevron"
                ". summary summary";
            gap: 0.45rem 0.55rem;
            padding: 0.62rem;
        }html[data-panel-page="home"] .phb-country-group-header > .phb-flag{
            grid-area: flag;
            width: 34px;
            height: 34px;
        }html[data-panel-page="home"] .phb-country-group-header > .phb-country-main{
            grid-area: main;
            min-width: 0;
        }html[data-panel-page="home"] .phb-country-group-header > .phb-rate-wrap{
            display: none;
        }html[data-panel-page="home"] .phb-country-group-header > .phb-group-chevron{
            grid-area: chevron;
            justify-self: end;
        }html[data-panel-page="home"] .phb-country-summary{
            grid-area: summary;
            width: 100%;
            min-width: 0;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            gap: 0.45rem;
            margin-top: 0.2rem;
            padding: 0.38rem 0.5rem;
            border-radius: 8px;
            background: #f8f6ff;
        }html[data-panel-page="home"] body.dark-mode .phb-country-summary{
            background: #252040 !important;
        }html[data-panel-page="home"] .phb-country-summary .phb-best-label{
            font-size: 0.75rem;
            min-width: 0;
            max-width: 38%;
            overflow: hidden;
            text-overflow: ellipsis;
        }html[data-panel-page="home"] .phb-country-summary .phb-best-price{
            font-size: 0.95rem;
        }html[data-panel-page="home"] .phb-country-summary .phb-operator-count{
            font-size: 0.72rem;
            padding: 0.18rem 0.45rem;
            flex: 0 0 auto;
        }html[data-panel-page="home"] .phb-country-item{
            grid-template-columns: 34px minmax(0, 1fr) auto;
            gap: 0.45rem;
            padding: 0.55rem;
        }html[data-panel-page="home"] .phb-country-item .phb-operator-flag{
            width: 32px;
            height: 32px;
        }html[data-panel-page="home"] .phb-country-item .phb-country-main{
            grid-column: auto;
            min-width: 0;
        }html[data-panel-page="home"] .phb-country-item .phb-country-side{
            grid-column: auto;
            align-items: flex-end;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
            width: auto;
            min-width: 74px;
            gap: 0.18rem;
        }html[data-panel-page="home"] .phb-country-item .phb-price{
            font-size: 0.94rem;
        }html[data-panel-page="home"] .phb-country-item .phb-workrate{
            font-size: 0.78rem;
        }html[data-panel-page="home"] .phb-country-item .phb-rate-wrap{
            gap: 0.28rem;
        }html[data-panel-page="home"] .phb-country-item .phb-rate-period{ font-size: .7rem; }html[data-panel-page="home"] .phb-country-item .phb-signal{
            height: 14px;
            gap: 2px;
        }html[data-panel-page="home"] .phb-country-item .phb-signal i{
            width: 3px;
        }html[data-panel-page="home"] .phb-country-item .phb-signal i:nth-child(1){ height: 4px; }html[data-panel-page="home"] .phb-country-item .phb-signal i:nth-child(2){ height: 7px; }html[data-panel-page="home"] .phb-country-item .phb-signal i:nth-child(3){ height: 10px; }html[data-panel-page="home"] .phb-country-item .phb-signal i:nth-child(4){ height: 13px; }html[data-panel-page="home"] .phb-active-number{
            padding: 0.95rem 1rem;
        }html[data-panel-page="home"] .phb-active-number-value{
            font-size: 1.72rem !important;
            line-height: 1.18 !important;
        }html[data-panel-page="home"] .panel-home-buy .phb-active-card .phb-active-number .phb-active-number-value{
            font-size: 1.16rem !important;
        }html[data-panel-page="home"] .phb-switcher{
            width: 100%;
        }html[data-panel-page="home"] .phb-hero > div:first-child > .phb-switcher{
            left: 0;
            transform: none;
        }html[data-panel-page="home"] .phb-switcher-option{
            padding-inline: 0.6rem;
            font-size: 0.82rem;
        }
    }html[data-panel-page="home"] .sms-promo-card{
        transition: all 0.3s ease;
        height: 100%;
    }html[data-panel-page="home"] .sms-promo-card .card-body{
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }html[data-panel-page="home"] .sms-promo-card:hover{
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
    }html[data-panel-page="home"] .sms-promo-card .btn-white{
        background-color: #ffffff !important;
        color: #702ff3 !important;
        border: none;
    }html[data-panel-page="home"] .sms-promo-card .btn-white,
html[data-panel-page="home"] .sms-promo-card .btn-white *{
        color: #702ff3 !important;
    }html[data-panel-page="home"] .sms-promo-card .btn-white i{
        color: #702ff3 !important;
    }html[data-panel-page="home"] .sms-promo-card .btn-white:hover{
        background-color: #f8f9fa !important;
        transform: translateX(5px);
        color: #702ff3 !important;
    }html[data-panel-page="home"] .sms-promo-card .btn-white:hover,
html[data-panel-page="home"] .sms-promo-card .btn-white:hover *{
        color: #702ff3 !important;
    }html[data-panel-page="home"] .sms-promo-card .btn-white:hover i{
        color: #702ff3 !important;
    }html[data-panel-page="home"] /* Responsive Adjustments for SMS Card */
    @media (max-width: 991.98px){
        .sms-promo-card .card-body {
            padding: 2rem !important;
        }
        
        .sms-promo-card h2 {
            font-size: 2rem !important;
        }
    }
    
    @media (max-width: 575.98px) {html[data-panel-page="home"] .sms-promo-card .card-body{
            padding: 1.5rem !important;
        }html[data-panel-page="home"] .sms-promo-card h2{
            font-size: 1.75rem !important;
        }html[data-panel-page="home"] .sms-promo-card .symbol-80px{
            width: 60px !important;
            height: 60px !important;
        }html[data-panel-page="home"] .sms-promo-card .symbol-label i{
            font-size: 1.75rem !important;
        }
    }



html[data-panel-page="service"] /* Destek talepleri tasarımı */
    #ticketsContainer .ticket-card{
        border: 1px solid rgba(108, 77, 230, .12) !important;
        border-radius: 16px !important;
        background: #fff !important;
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
    }html[data-panel-page="service"] #ticketsContainer .ticket-card:hover{
        transform: translateY(-3px);
        border-color: rgba(108, 77, 230, .35) !important;
        box-shadow: 0 12px 28px rgba(79, 61, 150, .12) !important;
    }html[data-panel-page="service"] #ticketsContainer .ticket-icon i,
html[data-panel-page="service"] #ticketsContainer .text-hover-primary:hover,
html[data-panel-page="service"] #ticketsContainer .text-primary{
        color: #6c4de6 !important;
    }html[data-panel-page="service"] #ticketsContainer .text-hover-primary:hover{ text-decoration: none; }html[data-panel-page="service"] #ticketsContainer .ticket-card-overlay{ background: linear-gradient(135deg, rgba(108, 77, 230, .04), rgba(139, 108, 246, .02)) !important; }html[data-panel-page="service"] #ticketModal .btn-primary,
html[data-panel-page="service"] .card-toolbar [data-bs-target="#ticketModal"]{
        background: #6c4de6 !important;
        border-color: #6c4de6 !important;
        color: #fff !important;
        border-radius: 10px !important;
        transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
    }html[data-panel-page="service"] #ticketModal .btn-primary:hover,
html[data-panel-page="service"] .card-toolbar [data-bs-target="#ticketModal"]:hover{
        background: #5739c7 !important;
        border-color: #5739c7 !important;
        color: #fff !important;
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(108, 77, 230, .22);
    }html[data-panel-page="service"] .card-toolbar .app-suggestion-btn{
        background: #f0edff !important;
        border-color: #ded7ff !important;
        color: #5b3fd0 !important;
    }html[data-panel-page="service"] .card-toolbar .app-suggestion-btn:hover{
        background: #e4ddff !important;
        border-color: #cfc4ff !important;
        color: #4b32b4 !important;
    }html[data-panel-page="service"] .card-toolbar [data-bs-target="#ticketModal"]:hover,
html[data-panel-page="service"] .card-toolbar [data-bs-target="#ticketModal"]:focus,
html[data-panel-page="service"] .card-toolbar [data-bs-target="#ticketModal"]:active{
        color: #fff !important;
    }html[data-panel-page="service"] .card-toolbar .app-suggestion-btn:hover,
html[data-panel-page="service"] .card-toolbar .app-suggestion-btn:focus,
html[data-panel-page="service"] .card-toolbar .app-suggestion-btn:active{
        background: #e4ddff !important;
        border-color: #cfc4ff !important;
        color: #4b32b4 !important;
        box-shadow: 0 5px 12px rgba(108, 77, 230, .14) !important;
    }html[data-panel-page="service"] body.light-mode .card-toolbar [data-bs-target="#ticketModal"]:not([data-app-suggestion="1"]){
        background: #6c4de6 !important;
        border-color: #6c4de6 !important;
        color: #fff !important;
    }html[data-panel-page="service"] body.light-mode .card-toolbar [data-bs-target="#ticketModal"]:not([data-app-suggestion="1"]):hover{
        background: #5739c7 !important;
        border-color: #5739c7 !important;
        color: #fff !important;
    }html[data-panel-page="service"] body.dark-mode .card-toolbar .app-suggestion-btn{
        background: #302653 !important;
        border-color: #54449a !important;
        color: #d9d0ff !important;
    }html[data-panel-page="service"] body.dark-mode .card-toolbar .app-suggestion-btn:hover{
        background: #443578 !important;
        border-color: #7965cf !important;
        color: #fff !important;
    }html[data-panel-page="service"] body.dark-mode #ticketsContainer .ticket-card{ background: #1f2033 !important; border-color: rgba(167, 139, 250, .2) !important; }html[data-panel-page="service"] body.dark-mode #ticketsContainer .text-hover-primary{ color: #f3f0ff !important; }html[data-panel-page="service"] /* Rent Promo Card Styles */
    .rent-promo-card{
        transition: all 0.3s ease;
        height: 100%;
    }html[data-panel-page="service"] .rent-promo-card .card-body{
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }html[data-panel-page="service"] .rent-promo-card:hover{
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
    }html[data-panel-page="service"] /* Sol ve sağ kolonları eşit yükseklikte yap */
    @media (min-width: 1400px){
        .row.g-5.g-xl-10 > .col-xxl-6 {
            display: flex;
            flex-direction: column;
        }
        
        .row.g-5.g-xl-10 > .col-xxl-6 > .row,
        .row.g-5.g-xl-10 > .col-xxl-6 > .card {
            flex: 1;
        }
    }html[data-panel-page="service"] .rent-promo-card .btn-white{
        background-color: #ffffff !important;
        color: #702ff3 !important;
        border: none;
    }html[data-panel-page="service"] .rent-promo-card .btn-white,
html[data-panel-page="service"] .rent-promo-card .btn-white *{
        color: #702ff3 !important;
    }html[data-panel-page="service"] .rent-promo-card .btn-white i{
        color: #702ff3 !important;
    }html[data-panel-page="service"] .rent-promo-card .btn-white:hover{
        background-color: #f8f9fa !important;
        transform: translateX(5px);
        color: #702ff3 !important;
    }html[data-panel-page="service"] .rent-promo-card .btn-white:hover,
html[data-panel-page="service"] .rent-promo-card .btn-white:hover *{
        color: #702ff3 !important;
    }html[data-panel-page="service"] .rent-promo-card .btn-white:hover i{
        color: #702ff3 !important;
    }html[data-panel-page="service"] /* Dark Mode Support */
    body.dark-mode .rent-promo-card{
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    }html[data-panel-page="service"] body.dark-mode .rent-promo-card:hover{
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
    }html[data-panel-page="service"] /* Responsive */
    @media (max-width: 991.98px){
        .rent-promo-card .card-body {
            padding: 2rem !important;
        }
        
        .rent-promo-card h2 {
            font-size: 2rem !important;
        }
    }
    
    @media (max-width: 575.98px) {html[data-panel-page="service"] .rent-promo-card .card-body{
            padding: 1.5rem !important;
        }html[data-panel-page="service"] .rent-promo-card h2{
            font-size: 1.75rem !important;
        }html[data-panel-page="service"] .rent-promo-card .symbol-80px{
            width: 60px !important;
            height: 60px !important;
        }html[data-panel-page="service"] .rent-promo-card .symbol-label i{
            font-size: 1.75rem !important;
        }
    }html[data-panel-page="service"] /* SMS Promo Card Styles - Same as Rent Card */
    .panel-home-legacy-promos{
        display: none !important;
    }html[data-panel-page="service"] .panel-home-buy{
        --phb-bg: #f6f8fb;
        --phb-surface: #ffffff;
        --phb-border: rgba(15, 23, 42, 0.09);
        --phb-text: #111827;
        --phb-muted: #667085;
        --phb-primary: #6c4de6;
        --phb-primary-2: #8b6cf6;
        --phb-success: #6c4de6;
        --phb-warning: #d97706;
        --phb-danger: #dc2626;
        background: var(--phb-bg);
        border-radius: 18px;
        padding: clamp(1rem, 2vw, 1.4rem);
        margin-bottom: 2rem;
    }html[data-panel-page="service"] .phb-success-feed{
        color: #111827;
        margin-bottom: 2rem;
    }html[data-panel-page="service"] .phb-success-head{
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 0.85rem;
    }html[data-panel-page="service"] .phb-success-head h2{
        color: #111827;
        font-size: 1.08rem;
        font-weight: 600;
        line-height: 1.3;
        letter-spacing: 0;
        margin: 0 0 0.18rem;
    }html[data-panel-page="service"] .phb-success-head p{
        color: #667085;
        font-size: 0.86rem;
        font-weight: 400;
        line-height: 1.35;
        margin: 0;
    }html[data-panel-page="service"] .phb-success-state{
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        color: #15803d;
        font-size: 0.8rem;
        font-weight: 500;
        padding: 0.34rem 0.64rem;
        background: #ecfdf3;
        border: 1px solid #bbf7d0;
        border-radius: 999px;
        white-space: nowrap;
    }html[data-panel-page="service"] .phb-success-state i{
        width: 7px;
        height: 7px;
        background: #22c55e;
        border-radius: 50%;
    }html[data-panel-page="service"] .phb-success-list{
        display: flex;
        flex-direction: column;
        gap: 0.55rem;
    }html[data-panel-page="service"] .phb-success-item{
        display: flex;
        align-items: center;
        gap: 0.82rem;
        min-height: 64px;
        padding: 0.65rem 0.82rem;
        background: #ffffff;
        border: 1px solid #e3e8ef;
        border-radius: 8px;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }html[data-panel-page="service"] .phb-success-item:hover{
        border-color: #d2c8ff;
        box-shadow: 0 3px 10px rgba(15, 23, 42, 0.06);
    }html[data-panel-page="service"] .phb-success-flag{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        overflow: hidden;
        background: #f8fafc;
        border-radius: 50%;
        border: 1px solid #e2e8f0;
    }html[data-panel-page="service"] .phb-success-flag img{
        display: block;
        width: 40px;
        height: 40px;
        object-fit: cover;
    }html[data-panel-page="service"] .phb-success-country{
        color: #182230;
        font-size: 0.95rem;
        font-weight: 500;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
    }html[data-panel-page="service"] .phb-success-location{
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        gap: 0.12rem;
        min-width: 0;
    }html[data-panel-page="service"] .phb-success-operator{
        overflow: hidden;
        color: #667085;
        font-size: 0.75rem;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }html[data-panel-page="service"] .phb-success-service{
        display: inline-flex;
        align-items: center;
        gap: 0.56rem;
        min-width: min(220px, 42%);
        justify-content: flex-start;
        color: #475467;
        font-size: 0.88rem;
        font-weight: 400;
    }html[data-panel-page="service"] .phb-success-logo{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        color: #6c4de6;
        font-size: 1rem;
        background: #f5f3ff;
        border-radius: 8px;
    }html[data-panel-page="service"] .phb-success-logo img{
        display: block;
        width: 22px;
        height: 22px;
        object-fit: contain;
    }html[data-panel-page="service"] .phb-success-service-name{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }html[data-panel-page="service"] .phb-success-buy-btn{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        gap: 0.4rem;
        min-height: 34px;
        padding: 0.45rem 0.72rem;
        color: #6841d9;
        font-size: 0.78rem;
        font-weight: 600;
        line-height: 1;
        background: #f5f1ff;
        border: 1px solid #d9ccff;
        border-radius: 8px;
        cursor: pointer;
        transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
    }html[data-panel-page="service"] .phb-success-buy-btn:hover,
html[data-panel-page="service"] .phb-success-buy-btn:focus-visible{
        color: #ffffff;
        background: #7c4ce8;
        border-color: #7c4ce8;
    }html[data-panel-page="service"] .phb-success-empty{
        display: flex;
        align-items: center;
        gap: 0.65rem;
        min-height: 64px;
        padding: 0.9rem 1rem;
        color: #667085;
        font-size: 0.9rem;
        background: #ffffff;
        border: 1px dashed #d0d5dd;
        border-radius: 8px;
    }html[data-panel-page="service"] .phb-success-empty i{
        color: #98a2b3;
    }html[data-panel-page="service"] body.dark-mode .phb-success-head h2{
        color: #f4f4f5;
    }html[data-panel-page="service"] body.dark-mode .phb-success-head p{
        color: #a1a1aa;
    }html[data-panel-page="service"] body.dark-mode .phb-success-state{
        color: #86efac;
        background: rgba(22, 101, 52, 0.22);
        border-color: rgba(74, 222, 128, 0.26);
    }html[data-panel-page="service"] body.dark-mode .phb-success-item,
html[data-panel-page="service"] body.dark-mode .phb-success-empty{
        color: #a1a1aa;
        background: #181b26;
        border-color: #2a3040;
    }html[data-panel-page="service"] body.dark-mode .phb-success-item:hover{
        border-color: rgba(138, 109, 255, 0.42);
        box-shadow: none;
    }html[data-panel-page="service"] body.dark-mode .phb-success-flag{
        background: #242936;
        border-color: #303748;
    }html[data-panel-page="service"] body.dark-mode .phb-success-country{
        color: #f1f5f9;
    }html[data-panel-page="service"] body.dark-mode .phb-success-operator{
        color: #a1a1aa;
    }html[data-panel-page="service"] body.dark-mode .phb-success-service{
        color: #cbd5e1;
    }html[data-panel-page="service"] body.dark-mode .phb-success-logo{
        color: #b9a7ff;
        background: #25223b;
    }html[data-panel-page="service"] body.dark-mode .phb-success-empty i{
        color: #818cf8;
    }html[data-panel-page="service"] body.dark-mode .phb-success-buy-btn{
        color: #d4c7ff;
        background: #2a2042;
        border-color: #5f4b91;
    }html[data-panel-page="service"] body.dark-mode .phb-success-buy-btn:hover,
html[data-panel-page="service"] body.dark-mode .phb-success-buy-btn:focus-visible{
        color: #ffffff;
        background: #7c4ce8;
        border-color: #9b7bff;
    }
    @media (max-width: 575.98px) {html[data-panel-page="service"] .phb-success-head{
            align-items: center;
        }html[data-panel-page="service"] .phb-success-item{
            gap: 0.68rem;
            padding: 0.6rem;
        }html[data-panel-page="service"] .phb-success-country{
            font-size: 0.91rem;
        }html[data-panel-page="service"] .phb-success-service{
            min-width: auto;
        }html[data-panel-page="service"] .phb-success-service-name{
            display: none;
        }html[data-panel-page="service"] .phb-success-buy-btn{
            min-width: 34px;
            width: 34px;
            padding: 0;
        }html[data-panel-page="service"] .phb-success-buy-btn span{
            display: none;
        }
    }html[data-panel-page="service"] .phb-hero{
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        padding-top: 4.25rem;
        margin-bottom: 1rem;
    }html[data-panel-page="service"] .phb-switcher{
        position: relative;
        display: inline-grid;
        grid-template-columns: 1fr 1fr;
        padding: 5px;
        margin-bottom: 1rem;
        border: 1px solid #e2e8f0;
        border-radius: 999px;
        background: #f1f5f9;
    }html[data-panel-page="service"] .phb-hero > div:first-child > .phb-switcher{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 0;
    }html[data-panel-page="service"] .phb-switcher-slider{
        position: absolute;
        inset: 5px auto 5px 5px;
        width: calc(50% - 5px);
        border-radius: 999px;
        background: linear-gradient(135deg, var(--phb-primary), var(--phb-primary-2));
        box-shadow: 0 4px 12px rgba(108, 77, 230, 0.32);
    }html[data-panel-page="service"] .phb-switcher.single-option{
        grid-template-columns: 1fr;
    }html[data-panel-page="service"] .phb-switcher.single-option .phb-switcher-slider{
        width: calc(100% - 10px);
    }html[data-panel-page="service"] .phb-switcher-option{
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        padding: 0.62rem 1.15rem;
        color: #64748b;
        font-weight: 700;
        text-decoration: none !important;
        white-space: nowrap;
    }html[data-panel-page="service"] .phb-switcher-option.active{
        color: #fff !important;
    }html[data-panel-page="service"] .phb-hero h1{
        margin: 0;
        color: var(--phb-text);
        font-size: clamp(1.55rem, 3vw, 2.15rem);
        font-weight: 900;
        display: flex;
        align-items: center;
        gap: 0.65rem;
    }html[data-panel-page="service"] .phb-hero h1 i{
        color: var(--phb-primary);
        font-size: 1.04em;
        line-height: 1;
    }html[data-panel-page="service"] .phb-hero p{
        max-width: 48rem;
        margin: 0.6rem 0 0;
        color: var(--phb-muted);
        line-height: 1.6;
    }html[data-panel-page="service"] .phb-hero-stats{
        display: grid;
        grid-template-columns: minmax(120px, 1fr);
        gap: 0.75rem;
        min-width: 140px;
    }html[data-panel-page="service"] .phb-hero-stats div,
html[data-panel-page="service"] .phb-card{
        border: 1px solid var(--phb-border);
        border-radius: 14px;
        background: var(--phb-surface);
        box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04);
    }html[data-panel-page="service"] .phb-hero-stats div{
        padding: 0.9rem;
    }html[data-panel-page="service"] .phb-hero-stats span{
        display: block;
        color: var(--phb-muted);
        font-size: 0.74rem;
        font-weight: 800;
    }html[data-panel-page="service"] .phb-hero-stats strong{
        display: block;
        margin-top: 0.35rem;
        color: var(--phb-text);
        font-size: 1.15rem;
    }html[data-panel-page="service"] .phb-grid{
        display: grid;
        grid-template-columns: minmax(240px, 0.85fr) minmax(280px, 1fr) minmax(320px, 1.15fr);
        gap: 1rem;
        align-items: start;
    }html[data-panel-page="service"] .phb-card{
        padding: 1rem;
        min-height: 520px;
    }html[data-panel-page="service"] .phb-card-title{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        margin-bottom: 0.85rem;
        color: var(--phb-text);
        font-weight: 900;
        font-size: 1.02rem;
    }html[data-panel-page="service"] .phb-card-title small{
        color: var(--phb-primary);
        font-size: 0.875rem;
        font-weight: 800;
    }html[data-panel-page="service"] .phb-live-dot{
        width: 9px;
        height: 9px;
        border-radius: 999px;
        background: #6c4de6;
        box-shadow: 0 0 0 4px rgba(108, 77, 230, 0.16);
    }html[data-panel-page="service"] .phb-search{
        display: flex;
        align-items: center;
        gap: 0.6rem;
        padding: 0.72rem 0.9rem;
        margin-bottom: 0.85rem;
        border: 1px solid var(--phb-border);
        border-radius: 11px;
        background: #f8fafc;
        color: var(--phb-muted);
    }html[data-panel-page="service"] .phb-search input{
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--phb-text);
        font-size: 0.9375rem;
        font-weight: 600;
    }html[data-panel-page="service"] .phb-country-sort{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        margin: -.1rem 0 .85rem;
    }html[data-panel-page="service"] .phb-country-sort label{
        color: var(--phb-muted);
        font-size: .78rem;
        font-weight: 800;
    }html[data-panel-page="service"] .phb-country-sort select{
        min-width: 10.5rem;
        padding: .52rem .7rem;
        border: 1px solid var(--phb-border);
        border-radius: 9px;
        background: #f8fafc;
        color: var(--phb-text);
        font: inherit;
        font-size: .78rem;
        font-weight: 700;
        outline: 0;
    }html[data-panel-page="service"] .phb-app-list,
html[data-panel-page="service"] .phb-country-list,
html[data-panel-page="service"] .phb-active-list{
        display: flex;
        flex-direction: column;
        gap: 0.55rem;
        max-height: 425px;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        padding-right: 0.2rem;
    }html[data-panel-page="service"] .phb-app-item,
html[data-panel-page="service"] .phb-country-group,
html[data-panel-page="service"] .phb-country-group-header,
html[data-panel-page="service"] .phb-country-item{
        width: 100%;
        border: 1px solid var(--phb-border);
        border-radius: 10px;
        background: #fff;
        color: var(--phb-text);
        transition: border-color .18s ease, background .18s ease, transform .18s ease;
    }html[data-panel-page="service"] .phb-app-item{
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.75rem;
        text-align: left;
    }html[data-panel-page="service"] #phbAppList.phb-apps-collapsed .phb-app-item.is-extra{
        display: none;
    }html[data-panel-page="service"] #phbAppList:not(.phb-apps-collapsed) .phb-app-item.is-extra{
        display: flex;
        animation: panel_service_phbAppReveal 0.3s cubic-bezier(0.4, 0, 0.2, 1) both;
    }
    @keyframes panel_service_phbAppReveal {
        from {
            opacity: 0;
            transform: translateY(-6px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }html[data-panel-page="service"] .phb-app-item:hover,
html[data-panel-page="service"] .phb-country-group:hover,
html[data-panel-page="service"] .phb-country-item:hover{
        border-color: rgba(108, 77, 230, 0.32);
        background: #faf9ff;
        transform: translateY(-1px);
    }html[data-panel-page="service"] .phb-country-group:hover{
        transform: none;
    }html[data-panel-page="service"] .phb-app-list.is-dragging,
html[data-panel-page="service"] .phb-country-list.is-dragging,
html[data-panel-page="service"] .phb-active-list.is-dragging{
        cursor: grabbing !important;
        user-select: none;
    }html[data-panel-page="service"] .phb-app-item.active,
html[data-panel-page="service"] .phb-country-group.has-active,
html[data-panel-page="service"] .phb-country-item.active{
        border-color: rgba(108, 77, 230, 0.42);
        background: #f1edff;
        box-shadow: inset 3px 0 0 var(--phb-primary);
    }html[data-panel-page="service"] .phb-app-icon{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 10px;
        background: #f4f1ff;
        color: var(--phb-primary);
        flex: 0 0 auto;
        overflow: hidden;
    }html[data-panel-page="service"] .phb-app-icon img{
        width: 24px;
        height: 24px;
        object-fit: contain;
    }html[data-panel-page="service"] .phb-app-name{
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 800;
    }html[data-panel-page="service"] .phb-show-all,
html[data-panel-page="service"] .phb-secondary-link{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        width: 100%;
        margin-top: 0.8rem;
        padding: 0.72rem 1rem;
        border: 1px solid rgba(108, 77, 230, 0.2);
        border-radius: 10px;
        background: #f6f3ff;
        color: var(--phb-primary) !important;
        font-weight: 800;
        text-decoration: none !important;
    }html[data-panel-page="service"] .phb-show-all .fa-chevron-down{
        transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }html[data-panel-page="service"] .phb-show-all.active .fa-chevron-down,
html[data-panel-page="service"] .phb-show-all .fa-rotate-180{
        transform: rotate(180deg);
    }html[data-panel-page="service"] .phb-selected-summary{
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        gap: 1rem;
        padding: 1rem 1.05rem;
        margin-bottom: 0.85rem;
        border: 1px solid rgba(108, 77, 230, 0.18);
        border-radius: 14px;
        background: linear-gradient(145deg, #faf8ff 0%, #f3f0ff 55%, #eef2ff 100%);
        box-shadow: 0 4px 14px rgba(108, 77, 230, 0.08);
    }html[data-panel-page="service"] .phb-selected-summary[data-state="empty"]{
        border-style: dashed;
        border-color: rgba(108, 77, 230, 0.28);
        background: linear-gradient(145deg, #faf9ff 0%, #f5f3ff 100%);
        box-shadow: none;
    }html[data-panel-page="service"] .phb-selected-summary[data-state="loading"] .phb-selection-flag{
        animation: none;
    }html[data-panel-page="service"] .phb-selected-summary[data-state="loading"] .phb-selection-flag.is-loading{
        animation: none;
    }html[data-panel-page="service"] .phb-selection-card{
        display: flex;
        align-items: flex-start;
        gap: 0.9rem;
        flex: 1;
        min-width: 0;
    }html[data-panel-page="service"] .phb-selection-visual{
        flex: 0 0 auto;
    }html[data-panel-page="service"] .phb-selection-flag{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background: #f1f5f9;
        border: 1px solid rgba(108, 77, 230, 0.14);
        box-shadow: 0 6px 16px rgba(108, 77, 230, 0.1);
        overflow: hidden;
    }html[data-panel-page="service"] .phb-selection-flag img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }html[data-panel-page="service"] .phb-selection-flag.is-requesting{
        position: relative;
    }html[data-panel-page="service"] .phb-selection-flag.is-requesting img{
        filter: blur(2px);
        opacity: 0.58;
        transform: scale(1.06);
        transition: filter 160ms ease, opacity 160ms ease, transform 160ms ease;
    }html[data-panel-page="service"] .phb-selection-flag.is-requesting::after{
        content: '';
        position: absolute;
        width: 17px;
        height: 17px;
        border: 2px solid rgba(255, 255, 255, 0.58);
        border-top-color: var(--phb-primary);
        border-radius: 50%;
        animation: panel_service_phbSelectionSpin 700ms linear infinite;
    }html[data-panel-page="service"] .phb-selection-flag.is-loading img{
        display: none !important;
    }html[data-panel-page="service"] .phb-selection-flag.is-loading .phb-selection-placeholder-icon{
        display: inline-block !important;
    }html[data-panel-page="service"] .phb-selection-placeholder-icon{
        font-size: 1.35rem;
        color: var(--phb-primary);
        opacity: 0.72;
    }html[data-panel-page="service"] .phb-selected-summary[data-state="ready"] .phb-selection-placeholder-icon,
html[data-panel-page="service"] .phb-selected-summary[data-state="loading"] .phb-selection-placeholder-icon,
html[data-panel-page="service"] .phb-selected-summary[data-state="unavailable"] .phb-selection-placeholder-icon{
        display: none;
    }html[data-panel-page="service"] .phb-selected-summary[data-state="ready"] .phb-selection-flag img,
html[data-panel-page="service"] .phb-selected-summary[data-state="loading"] .phb-selection-flag img,
html[data-panel-page="service"] .phb-selected-summary[data-state="unavailable"] .phb-selection-flag img{
        display: block !important;
    }html[data-panel-page="service"] .phb-selection-body{
        flex: 1;
        min-width: 0;
    }html[data-panel-page="service"] .phb-selection-eyebrow{
        margin: 0 0 0.2rem;
        color: var(--phb-muted);
        font-size: 0.8125rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }html[data-panel-page="service"] .phb-selection-title{
        margin: 0;
        color: var(--phb-text);
        font-size: 1.2rem;
        font-weight: 900;
        line-height: 1.25;
        letter-spacing: -0.02em;
    }html[data-panel-page="service"] .phb-selected-summary[data-state="empty"] .phb-selection-title{
        color: #64748b;
        font-size: 1.05rem;
        font-weight: 800;
    }html[data-panel-page="service"] .phb-selection-subtitle{
        margin: 0.35rem 0 0;
        color: var(--phb-muted);
        font-size: 0.9375rem;
        font-weight: 600;
        line-height: 1.45;
    }html[data-panel-page="service"] .phb-selection-meta{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        margin-top: 0.65rem;
    }html[data-panel-page="service"] .phb-selection-chip{
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        padding: 0.38rem 0.72rem;
        border-radius: 999px;
        font-size: 0.875rem;
        font-weight: 800;
        line-height: 1.2;
    }html[data-panel-page="service"] .phb-selection-chip i{
        font-size: 0.8rem;
        opacity: 0.9;
    }html[data-panel-page="service"] .phb-selection-price{
        background: #fff;
        border: 1px solid rgba(108, 77, 230, 0.16);
        color: var(--phb-primary);
    }html[data-panel-page="service"] .phb-selection-stock{
        background: rgba(108, 77, 230, 0.1);
        color: #4c32c9;
    }html[data-panel-page="service"] .phb-selection-stock.is-live{
        background: rgba(16, 185, 129, 0.12);
        color: #047857;
    }html[data-panel-page="service"] .phb-selection-stock.is-low,
html[data-panel-page="service"] .phb-selection-stock.is-out{
        background: rgba(239, 68, 68, 0.1);
        color: #b91c1c;
    }html[data-panel-page="service"] .phb-selection-stock.is-loading{
        background: rgba(148, 163, 184, 0.14);
        color: #475569;
    }
    @keyframes panel_service_phbPulse {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.55; }
    }
    @keyframes panel_service_phbSelectionSpin {
        to { transform: rotate(360deg); }
    }html[data-panel-page="service"] .phb-buy-btn{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        align-self: center;
        flex: 0 0 auto;
        border: 0;
        border-radius: 12px;
        padding: 0.85rem 1.15rem;
        background: linear-gradient(135deg, var(--phb-primary), var(--phb-primary-2));
        color: #fff;
        font-size: 0.9375rem;
        font-weight: 900;
        white-space: nowrap;
        box-shadow: 0 8px 18px rgba(108, 77, 230, 0.28);
    }html[data-panel-page="service"] .phb-buy-btn:disabled{
        opacity: 0.45;
        box-shadow: none;
        cursor: not-allowed;
    }html[data-panel-page="service"] .panel-home-buy.is-buying .phb-app-item,
html[data-panel-page="service"] .panel-home-buy.is-buying .phb-country-item,
html[data-panel-page="service"] .panel-home-buy.is-buying .phb-show-all{
        opacity: 0.72;
        cursor: wait;
    }html[data-panel-page="service"] .panel-home-buy,
html[data-panel-page="service"] .panel-home-buy .swal2-container{
        user-select: none;
        -webkit-user-select: none;
    }html[data-panel-page="service"] body.phb-capture-blocked .panel-home-buy{
        filter: blur(18px);
    }
    @media print {html[data-panel-page="service"] .panel-home-buy,
html[data-panel-page="service"] .swal2-container{
            display: none !important;
        }
    }html[data-panel-page="service"] .phb-country-group{
        overflow: visible;
        background: #fff;
    }html[data-panel-page="service"] .phb-country-group-header{
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) minmax(94px, auto) auto 18px;
        gap: 0.72rem;
        align-items: center;
        width: 100%;
        padding: 0.75rem;
        text-align: left;
        border: 0;
        border-radius: 10px;
        background: transparent;
        cursor: pointer;
        list-style: none;
        user-select: none;
        transition: background 0.18s ease;
    }html[data-panel-page="service"] .phb-country-operators-panel{
        display: grid;
        grid-template-rows: 0fr;
        opacity: 0;
        overflow: hidden;
        transition: grid-template-rows 0.34s cubic-bezier(0.4, 0, 0.2, 1),
                    opacity 0.26s ease;
    }html[data-panel-page="service"] .phb-country-group.is-open .phb-country-operators-panel{
        grid-template-rows: 1fr;
        opacity: 1;
    }html[data-panel-page="service"] .phb-country-group-header:hover{
        background: #faf9ff;
    }html[data-panel-page="service"] .phb-country-group.has-active .phb-country-group-header{
        background: transparent;
    }html[data-panel-page="service"] .phb-country-summary{
        display: inline-flex;
        align-items: flex-end;
        flex-direction: column;
        gap: 0.28rem;
        min-width: 94px;
    }html[data-panel-page="service"] .phb-price-range,
html[data-panel-page="service"] .phb-best-price{
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 1px;
        line-height: 1.15;
        font-size: 0.95rem;
        font-weight: 900;
        white-space: nowrap;
    }html[data-panel-page="service"] .phb-price-min,
html[data-panel-page="service"] .phb-price-single{
        color: var(--phb-primary);
    }html[data-panel-page="service"] .phb-price-max{
        color: #d97706;
    }html[data-panel-page="service"] .phb-best-label{
        color: #64748b;
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.1;
        white-space: nowrap;
    }html[data-panel-page="service"] .phb-best-price{
        color: var(--phb-primary);
        font-size: 1.12rem;
    }html[data-panel-page="service"] .phb-operator-count{
        display: inline-flex;
        align-items: center;
        padding: 0.25rem 0.6rem;
        border-radius: 999px;
        background: #f4f1ff;
        color: var(--phb-primary);
        font-size: 0.875rem;
        font-weight: 900;
        white-space: nowrap;
    }html[data-panel-page="service"] .phb-group-chevron{
        color: var(--phb-primary);
        font-size: 0.82rem;
        transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }html[data-panel-page="service"] .phb-country-group.is-open .phb-group-chevron{
        transform: rotate(180deg);
    }html[data-panel-page="service"] .phb-country-operators{
        display: grid;
        gap: 0.45rem;
        min-height: 0;
        overflow: hidden;
        padding: 0 0.55rem;
        transform: translateY(-6px);
        transition: padding 0.28s ease, transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }html[data-panel-page="service"] .phb-country-group.is-open .phb-country-operators{
        padding: 0 0.55rem 0.6rem 0.55rem;
        transform: translateY(0);
    }html[data-panel-page="service"] .phb-country-item{
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) auto;
        gap: 0.65rem;
        align-items: center;
        padding: 0.64rem 0.68rem;
        text-align: left;
        border-color: rgba(108, 77, 230, 0.12);
        background: #fbfaff;
        box-shadow: none;
    }html[data-panel-page="service"] .phb-country-item:hover{
        transform: none;
    }html[data-panel-page="service"] .phb-country-item.is-unavailable{
        opacity: 0.62;
    }html[data-panel-page="service"] .phb-country-item.is-unavailable .phb-price{
        color: #94a3b8;
    }html[data-panel-page="service"] .phb-operator-index{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        min-width: 30px;
        padding: 0 0.4rem;
        height: 30px;
        border-radius: 8px;
        background: #f4f1ff;
        color: var(--phb-primary);
        font-size: 0.875rem;
        font-weight: 900;
        flex: 0 0 auto;
    }html[data-panel-page="service"] .phb-operator-flag{
        width: 34px;
        height: 34px;
        box-shadow: 0 0 0 1px rgba(108, 77, 230, 0.12);
    }html[data-panel-page="service"] .phb-operator-suffix{
        display: inline !important;
        margin-left: 0.25rem;
        color: #dc2626 !important;
        font-size: 0.875rem !important;
        font-weight: 800 !important;
    }html[data-panel-page="service"] .phb-flag{
        width: 38px;
        height: 38px;
        border-radius: 50%;
        overflow: hidden;
        background: #f1f5f9;
    }html[data-panel-page="service"] .phb-flag img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }html[data-panel-page="service"] .phb-country-main strong,
html[data-panel-page="service"] .phb-active-card strong{
        display: block;
        color: var(--phb-text);
        font-weight: 900;
        line-height: 1.25;
        font-size: 1rem;
    }html[data-panel-page="service"] .phb-country-main span,
html[data-panel-page="service"] .phb-active-card span{
        display: block;
        color: var(--phb-muted);
        font-size: 0.875rem;
        font-weight: 700;
        margin-top: 0.18rem;
    }html[data-panel-page="service"] .phb-country-main .phb-country-dial{
        color: var(--phb-primary);
        font-size: 0.9375rem;
        font-weight: 800;
        font-variant-numeric: tabular-nums;
        letter-spacing: 0.02em;
    }html[data-panel-page="service"] .phb-country-side{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 0.35rem;
        min-width: 96px;
    }html[data-panel-page="service"] .phb-rate-wrap{
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: 0.18rem;
    }html[data-panel-page="service"] .phb-rate-wrap--compact{
        flex-direction: column;
        align-items: flex-end;
        gap: 0.15rem;
    }html[data-panel-page="service"] .phb-workrate{
        font-size: 1rem;
        font-weight: 750;
        font-variant-numeric: tabular-nums;
        line-height: 1;
        white-space: nowrap;
    }html[data-panel-page="service"] .phb-workrate--success{ color: #17c653; }html[data-panel-page="service"] .phb-workrate--warning{ color: #d9a400; }html[data-panel-page="service"] .phb-workrate--danger{ color: #f1416c; }html[data-panel-page="service"] .phb-workrate--neutral{ color: #94a3b8; }html[data-panel-page="service"] .phb-rate-period{ display: block; color: #7b8498; font-size: .76rem; font-weight: 650; line-height: 1.2; white-space: nowrap; }html[data-panel-page="service"] .phb-price{
        color: var(--phb-primary);
        font-size: 1.12rem;
        font-weight: 900;
        white-space: nowrap;
    }html[data-panel-page="service"] .phb-price-discount{ display: inline-flex; align-items: baseline; gap: 6px; white-space: nowrap; }html[data-panel-page="service"] .phb-old-price{ color: #687386; font-size: .88em; font-weight: 700; opacity: 1; text-decoration: line-through; text-decoration-thickness: .7px; text-decoration-color: #e11d48; }html[data-panel-page="service"] .phb-discount-arrow{ display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #138a4a; color: #fff; font-size: .82rem; font-weight: 900; line-height: 1; flex: 0 0 auto; }html[data-panel-page="service"] .phb-discount-arrow i,
html[data-panel-page="service"] .phb-discount-arrow svg{ display: block; width: 12px; height: 12px; color: #fff; line-height: 1; }html[data-panel-page="service"] .phb-price-discount strong{ color: var(--phb-primary); font-weight: 900; }html[data-panel-page="service"] .phb-country-summary{ gap: 7px; }html[data-panel-page="service"] .phb-country-summary .phb-price-discount{ gap: 4px; }html[data-panel-page="service"] .phb-country-summary .phb-old-price{ font-size: .78em; }html[data-panel-page="service"] .phb-country-summary .phb-price-discount strong{ font-size: .9rem; }html[data-panel-page="service"] .phb-country-summary .phb-best-label{ max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }html[data-panel-page="service"] .phb-signal{
        display: inline-flex;
        align-items: flex-end;
        gap: 2px;
        width: 18px;
        height: 14px;
        line-height: 1;
        flex: 0 0 auto;
        vertical-align: middle;
    }html[data-panel-page="service"] .phb-signal i{
        display: block;
        width: 3px;
        border-radius: 3px 3px 1px 1px;
        background: #d1d5db;
        opacity: 0.22;
    }html[data-panel-page="service"] .phb-signal i.active{
        opacity: 1;
    }html[data-panel-page="service"] .phb-signal i:nth-child(1){ height: 4px; }html[data-panel-page="service"] .phb-signal i:nth-child(2){ height: 7px; }html[data-panel-page="service"] .phb-signal i:nth-child(3){ height: 10px; }html[data-panel-page="service"] .phb-signal i:nth-child(4){ height: 13px; }html[data-panel-page="service"] .phb-signal--success i.active{ background: #17c653 !important; }html[data-panel-page="service"] .phb-signal--warning i.active{ background: #f6c000 !important; }html[data-panel-page="service"] .phb-signal--danger i.active{ background: #f1416c !important; }html[data-panel-page="service"] .phb-signal--neutral i{
        background: #94a3b8 !important;
        opacity: 0.92 !important;
    }html[data-panel-page="service"] .phb-active-card{
        position: relative;
        transition: box-shadow 0.35s ease, border-color 0.35s ease;
    }html[data-panel-page="service"] .phb-active-card.has-items .phb-live-dot{
        animation: panel_service_phbLivePulse 1.8s ease-in-out infinite;
    }html[data-panel-page="service"] .phb-active-card.is-highlighted{
        border-color: rgba(108, 77, 230, 0.55) !important;
        box-shadow: 0 0 0 1px rgba(108, 77, 230, 0.2),
                    0 0 0 4px rgba(108, 77, 230, 0.12),
                    0 16px 40px rgba(108, 77, 230, 0.18) !important;
        animation: panel_service_phbActiveCardGlow 2.2s ease-out 2;
    }
    @keyframes panel_service_phbActiveCardGlow {
        0%, 100% { box-shadow: 0 0 0 1px rgba(108, 77, 230, 0.2), 0 0 0 4px rgba(108, 77, 230, 0.12), 0 16px 40px rgba(108, 77, 230, 0.18); }
        50% { box-shadow: 0 0 0 1px rgba(108, 77, 230, 0.45), 0 0 0 8px rgba(108, 77, 230, 0.2), 0 20px 48px rgba(108, 77, 230, 0.28); }
    }
    @keyframes panel_service_phbLivePulse {
        0%, 100% { box-shadow: 0 0 0 4px rgba(108, 77, 230, 0.16); transform: scale(1); }
        50% { box-shadow: 0 0 0 7px rgba(108, 77, 230, 0.08); transform: scale(1.08); }
    }html[data-panel-page="service"] .phb-active-title-group{
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }html[data-panel-page="service"] .phb-active-count{
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        min-width: 1.45rem;
        height: 1.45rem;
        padding: 0 0.34rem;
        border-radius: 999px;
        background: var(--phb-primary);
        color: #ffffff !important;
        font-size: 0.8125rem;
        font-weight: 900;
        line-height: 1;
        margin-top: 0 !important;
        box-shadow: 0 2px 8px rgba(108, 77, 230, 0.24);
    }html[data-panel-page="service"] .phb-live-indicator{
        display: inline-flex;
        align-items: center;
    }html[data-panel-page="service"] .phb-active-alert{
        display: flex;
        align-items: flex-start;
        gap: 0.55rem;
        margin-bottom: 0.75rem;
        padding: 0.65rem 0.75rem;
        border: 1px solid rgba(23, 198, 83, 0.35);
        border-radius: 11px;
        background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
        color: #047857;
        font-size: 0.8125rem;
        font-weight: 800;
        line-height: 1.4;
        animation: panel_service_phbAlertIn 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    }html[data-panel-page="service"] .phb-active-alert i{
        margin-top: 0.1rem;
        font-size: 1rem;
        color: #17c653;
    }
    @keyframes panel_service_phbAlertIn {
        from { opacity: 0; transform: translateY(-6px); }
        to { opacity: 1; transform: translateY(0); }
    }html[data-panel-page="service"] .phb-active-list{
        scroll-behavior: smooth;
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }html[data-panel-page="service"] .phb-active-empty{
        flex-direction: column;
        gap: 0.65rem;
        min-height: 200px;
        padding: 1.25rem;
        border: 1px dashed rgba(108, 77, 230, 0.22);
        border-radius: 14px;
        background: linear-gradient(180deg, #faf9ff 0%, #f8fafc 100%);
    }html[data-panel-page="service"] .phb-active-empty i{
        font-size: 1.75rem;
        color: var(--phb-primary);
        opacity: 0.55;
    }html[data-panel-page="service"] .phb-active-empty strong{
        color: var(--phb-text);
        font-size: 0.9375rem;
    }html[data-panel-page="service"] .phb-active-empty span{
        max-width: 14rem;
        font-size: 0.8125rem;
        font-weight: 600;
        line-height: 1.45;
    }html[data-panel-page="service"] .phb-active-item{
        position: relative;
        padding: 0.9rem;
        border: 1px solid var(--phb-border);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }html[data-panel-page="service"] .phb-active-item.is-waiting{
        border-color: rgba(245, 158, 11, 0.35);
        background: linear-gradient(180deg, #fff 0%, #fffbeb 100%);
    }html[data-panel-page="service"] .phb-active-item.is-received{
        border-color: rgba(23, 198, 83, 0.35);
        background: linear-gradient(180deg, #fff 0%, #f0fdf4 100%);
    }html[data-panel-page="service"] .phb-active-item--new{
        animation: panel_service_phbActiveItemIn 0.65s cubic-bezier(0.34, 1.4, 0.64, 1);
        border-color: rgba(108, 77, 230, 0.55) !important;
        box-shadow: 0 0 0 1px rgba(108, 77, 230, 0.25),
                    0 12px 28px rgba(108, 77, 230, 0.16) !important;
    }html[data-panel-page="service"] .phb-active-item--new::after{
        content: '';
        position: absolute;
        inset: -2px;
        border-radius: 16px;
        border: 2px solid rgba(108, 77, 230, 0.45);
        pointer-events: none;
        animation: panel_service_phbActiveRing 2s ease-out 3;
    }
    @keyframes panel_service_phbActiveItemIn {
        from { opacity: 0; transform: translateY(12px) scale(0.96); }
        to { opacity: 1; transform: translateY(0) scale(1); }
    }
    @keyframes panel_service_phbActiveRing {
        0% { opacity: 1; transform: scale(1); }
        100% { opacity: 0; transform: scale(1.03); }
    }html[data-panel-page="service"] .phb-active-head{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.55rem;
    }html[data-panel-page="service"] .phb-active-service{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
        min-width: 0;
    }html[data-panel-page="service"] .phb-active-service strong{
        font-size: 1rem;
        line-height: 1.25;
    }html[data-panel-page="service"] .phb-active-badge{
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.22rem 0.55rem;
        border-radius: 999px;
        font-size: 0.8125rem;
        font-weight: 900;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }html[data-panel-page="service"] .phb-active-badge--wait{
        background: rgba(245, 158, 11, 0.14);
        color: #b45309;
    }html[data-panel-page="service"] .phb-active-badge--ok{
        background: rgba(23, 198, 83, 0.14);
        color: #047857;
    }html[data-panel-page="service"] .phb-active-time{
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 0.25rem;
        min-width: 58px;
        padding: 0.3rem 0.5rem;
        border-radius: 999px;
        background: #fef3c7;
        color: #b45309 !important;
        font-size: 0.9375rem !important;
        font-weight: 900 !important;
        flex-shrink: 0;
    }html[data-panel-page="service"] .phb-active-time::before{
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: currentColor;
        animation: panel_service_phbLivePulse 1.5s ease-in-out infinite;
    }html[data-panel-page="service"] .phb-active-number{
        display: flex;
        flex-direction: column;
        gap: 0.38rem;
        margin-top: 0.8rem;
        padding: 0.88rem 0.95rem;
        border: 1px solid rgba(108, 77, 230, 0.12);
        border-radius: 11px;
        background: #f8fafc;
        cursor: pointer;
        transition: background 0.18s ease, border-color 0.18s ease;
    }html[data-panel-page="service"] .phb-active-number:hover{
        background: #f1edff;
        border-color: rgba(108, 77, 230, 0.28);
    }html[data-panel-page="service"] .phb-active-number-top{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
    }html[data-panel-page="service"] .phb-active-number-label{
        color: var(--phb-muted);
        font-size: 0.86rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }html[data-panel-page="service"] .phb-active-number i{
        color: var(--phb-primary);
        font-size: 1.05rem;
    }html[data-panel-page="service"] .phb-active-number-value{
        color: var(--phb-text);
        font-size: 1.68rem !important;
        font-weight: 900 !important;
        font-variant-numeric: tabular-nums;
        letter-spacing: 0;
        line-height: 1.18 !important;
        word-break: break-all;
    }html[data-panel-page="service"] .panel-home-buy .phb-active-card .phb-active-number .phb-active-number-value{
        display: block;
        color: var(--phb-text) !important;
        font-size: 1.18rem !important;
        font-weight: 850 !important;
        line-height: 1.25 !important;
    }html[data-panel-page="service"] .phb-active-sms{
        margin-top: 0.65rem;
    }html[data-panel-page="service"] .phb-active-sms-label{
        display: block;
        margin-bottom: 0.3rem;
        color: var(--phb-muted);
        font-size: 0.8125rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }html[data-panel-page="service"] .phb-status{
        display: flex;
        align-items: center;
        gap: 0.4rem;
        margin: 0;
        padding: 0.55rem 0.65rem;
        border-radius: 9px;
        background: #f1f5f9;
        color: var(--phb-muted);
        font-size: 0.9375rem;
        font-weight: 700;
        line-height: 1.4;
    }html[data-panel-page="service"] .phb-status-code{
        background: linear-gradient(135deg, #f1edff 0%, #ede9fe 100%);
        color: #4c32c9;
        font-size: 1rem;
        font-weight: 900;
        font-variant-numeric: tabular-nums;
        letter-spacing: 0.06em;
        text-align: center;
    }html[data-panel-page="service"] .phb-cancel-number{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        width: 100%;
        margin-top: 0.65rem;
        padding: 0.55rem 0.75rem;
        border: 1px solid rgba(220, 38, 38, 0.22);
        border-radius: 10px;
        background: #fff1f2;
        color: #b91c1c;
        font-size: 0.8125rem;
        font-weight: 900;
        transition: background 0.18s ease, transform 0.18s ease;
    }html[data-panel-page="service"] .phb-cancel-number:hover:not(:disabled){
        background: #ffe4e6;
        transform: translateY(-1px);
    }html[data-panel-page="service"] .phb-cancel-number:disabled{
        opacity: 0.6;
        cursor: wait;
    }
    @media (prefers-reduced-motion: reduce) {html[data-panel-page="service"] .phb-active-card.is-highlighted,
html[data-panel-page="service"] .phb-active-item--new,
html[data-panel-page="service"] .phb-active-item--new::after,
html[data-panel-page="service"] .phb-active-alert,
html[data-panel-page="service"] .phb-active-card.has-items .phb-live-dot,
html[data-panel-page="service"] .phb-active-time::before{
            animation: none !important;
        }
    }html[data-panel-page="service"] .phb-loading,
html[data-panel-page="service"] .phb-empty{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.55rem;
        min-height: 120px;
        color: var(--phb-muted);
        font-weight: 800;
        text-align: center;
    }html[data-panel-page="service"] .phb-loading span{
        width: 16px;
        height: 16px;
        border: 2px solid #dbeafe;
        border-top-color: var(--phb-primary);
        border-radius: 50%;
        animation-name: panel_service_phbSpin !important;
        animation-duration: 1.5s !important;
        animation-timing-function: linear !important;
        animation-iteration-count: infinite !important;
    }
    @keyframes panel_service_phbSpin { to { transform: rotate(360deg); } }html[data-panel-page="service"] .panel-home-buy .spinner-border,
html[data-panel-page="service"] .panel-home-buy .fa-spin{
        animation-duration: 1.5s !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy{
        --phb-bg: #111827;
        --phb-surface: #1b2230;
        --phb-border: rgba(255,255,255,0.08);
        --phb-text: #f8fafc;
        --phb-muted: #aeb8c8;
        background: radial-gradient(circle at top left, rgba(124, 58, 237, 0.18), transparent 34%),
                    linear-gradient(135deg, #111827 0%, #151b2b 100%) !important;
        border-color: rgba(167, 139, 250, 0.16) !important;
        box-shadow: 0 20px 45px rgba(0,0,0,0.34) !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy h1,
html[data-panel-page="service"] body.dark-mode .panel-home-buy h2,
html[data-panel-page="service"] body.dark-mode .panel-home-buy h3,
html[data-panel-page="service"] body.dark-mode .panel-home-buy h4,
html[data-panel-page="service"] body.dark-mode .panel-home-buy h5,
html[data-panel-page="service"] body.dark-mode .panel-home-buy strong,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-app-name,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-country-main strong,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-card strong,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-card-title span{
        color: #f8fafc !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy p,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-hero p,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-hero-stats span,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-country-main span,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-card span,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-status,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-empty,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-loading,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-muted{
        color: #aeb8c8 !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-country-main .phb-country-dial{
        color: #c4b5fd !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-count{
        background: #c4b5fd !important;
        color: #1b1238 !important;
        box-shadow: 0 2px 10px rgba(196, 181, 253, 0.22) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-card,
html[data-panel-page="service"] body.dark-mode .phb-hero-stats div{
        background: rgba(27, 34, 48, 0.96) !important;
        border-color: rgba(255,255,255,0.08) !important;
        box-shadow: 0 14px 32px rgba(0,0,0,0.22) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-card::before{
        background: linear-gradient(90deg, #a78bfa 0%, #7c3aed 100%) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-switcher{
        background: #252540 !important;
        border-color: #3f3f5a !important;
    }html[data-panel-page="service"] body.dark-mode .phb-switcher-slider{
        background: linear-gradient(135deg, #6c4de6 0%, #8b6cf6 100%) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-switcher-option{
        color: #aeb8c8 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-switcher-option.active{
        color: #ffffff !important;
    }html[data-panel-page="service"] body.dark-mode .phb-search,
html[data-panel-page="service"] body.dark-mode .phb-active-number{
        background: #151c29 !important;
        border-color: rgba(255,255,255,0.08) !important;
        color: #f8fafc !important;
    }html[data-panel-page="service"] body.dark-mode .phb-search i{
        color: #a78bfa !important;
    }html[data-panel-page="service"] body.dark-mode .phb-search input{
        color: #f8fafc !important;
    }html[data-panel-page="service"] body.dark-mode .phb-search input::placeholder{
        color: #7f8aa3 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-country-sort label{
        color: #aeb8c8 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-country-sort select{
        background: #151c29 !important;
        border-color: rgba(255,255,255,0.08) !important;
        color: #f8fafc !important;
    }html[data-panel-page="service"] body.dark-mode .phb-app-card{
        background: #1b2230 !important;
        border-color: rgba(255,255,255,0.08) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-app-list{
        scrollbar-color: #4b3f7a #151c29;
    }html[data-panel-page="service"] body.dark-mode .phb-app-item,
html[data-panel-page="service"] body.dark-mode .phb-country-group,
html[data-panel-page="service"] body.dark-mode .phb-country-group-header,
html[data-panel-page="service"] body.dark-mode .phb-country-item,
html[data-panel-page="service"] body.dark-mode .phb-active-card.is-highlighted{
        background: #151c29 !important;
        color: #f8fafc !important;
        border-color: rgba(255,255,255,0.08) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-card.is-highlighted{
        border-color: rgba(167, 139, 250, 0.5) !important;
        box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.25),
                    0 0 0 6px rgba(167, 139, 250, 0.1),
                    0 18px 42px rgba(0, 0, 0, 0.35) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-alert{
        background: linear-gradient(135deg, rgba(23, 198, 83, 0.14) 0%, rgba(16, 185, 129, 0.08) 100%) !important;
        border-color: rgba(49, 213, 131, 0.35) !important;
        color: #6ee7b7 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-alert i{
        color: #31d583 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-empty{
        background: linear-gradient(180deg, #252040 0%, #1b2230 100%) !important;
        border-color: rgba(167, 139, 250, 0.22) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-item{
        background: #1b2230 !important;
        border-color: rgba(255,255,255,0.08) !important;
        color: #f8fafc !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-item.is-waiting{
        background: linear-gradient(180deg, #1b2230 0%, #2a2418 100%) !important;
        border-color: rgba(251, 191, 36, 0.28) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-item.is-received{
        background: linear-gradient(180deg, #1b2230 0%, #152a22 100%) !important;
        border-color: rgba(49, 213, 131, 0.28) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-item--new{
        border-color: rgba(167, 139, 250, 0.5) !important;
        box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.3), 0 14px 32px rgba(0, 0, 0, 0.35) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-item--new::after{
        border-color: rgba(167, 139, 250, 0.45);
    }html[data-panel-page="service"] body.dark-mode .phb-active-badge--wait{
        background: rgba(251, 191, 36, 0.14) !important;
        color: #fcd34d !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-badge--ok{
        background: rgba(49, 213, 131, 0.14) !important;
        color: #6ee7b7 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-app-item:hover,
html[data-panel-page="service"] body.dark-mode .phb-country-group:hover,
html[data-panel-page="service"] body.dark-mode .phb-country-group-header:hover,
html[data-panel-page="service"] body.dark-mode .phb-country-item:hover{
        background: #20293a !important;
        border-color: rgba(167, 139, 250, 0.28) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-app-item.active,
html[data-panel-page="service"] body.dark-mode .phb-country-group.has-active,
html[data-panel-page="service"] body.dark-mode .phb-country-item.active{
        background: #2d2548 !important;
        border-color: rgba(167, 139, 250, 0.45) !important;
        box-shadow: inset 3px 0 0 #a78bfa !important;
    }html[data-panel-page="service"] body.dark-mode .phb-app-item.active .phb-app-name{
        color: #ffffff !important;
    }html[data-panel-page="service"] body.dark-mode .phb-app-icon,
html[data-panel-page="service"] body.dark-mode .phb-flag{
        background: #2d2548 !important;
        color: #c4b5fd !important;
        border-color: rgba(167, 139, 250, 0.22) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-app-icon i{
        color: #c4b5fd !important;
    }html[data-panel-page="service"] body.dark-mode .phb-price{
        color: #c4b5fd !important;
    }html[data-panel-page="service"] body.dark-mode .phb-country-operators{
        background: transparent !important;
    }html[data-panel-page="service"] body.dark-mode .phb-operator-index,
html[data-panel-page="service"] body.dark-mode .phb-operator-count{
        background: #2d2548 !important;
        color: #c4b5fd !important;
    }html[data-panel-page="service"] body.dark-mode .phb-price-min,
html[data-panel-page="service"] body.dark-mode .phb-price-single,
html[data-panel-page="service"] body.dark-mode .phb-best-price{
        color: #c4b5fd !important;
    }html[data-panel-page="service"] body.dark-mode .phb-best-label{
        color: #aeb8c8 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-price-max{
        color: #fbbf24 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-group-chevron{
        color: #c4b5fd !important;
    }html[data-panel-page="service"] body.dark-mode .phb-operator-suffix{
        color: #fca5a5 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-selected-summary{
        background: linear-gradient(145deg, #2d2548 0%, #24243a 100%) !important;
        border-color: rgba(167, 139, 250, 0.28) !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-selected-summary[data-state="empty"]{
        background: linear-gradient(145deg, #252040 0%, #1f1d33 100%) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-selection-flag{
        background: #151c29 !important;
        border-color: rgba(167, 139, 250, 0.22) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-selection-eyebrow,
html[data-panel-page="service"] body.dark-mode .phb-selection-subtitle{
        color: #aeb8c8 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-selection-title{
        color: #f8fafc !important;
    }html[data-panel-page="service"] body.dark-mode .phb-selected-summary[data-state="empty"] .phb-selection-title{
        color: #94a3b8 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-selection-price{
        background: #1b2230 !important;
        border-color: rgba(167, 139, 250, 0.24) !important;
        color: #c4b5fd !important;
    }html[data-panel-page="service"] body.dark-mode .phb-selection-stock{
        background: rgba(167, 139, 250, 0.14) !important;
        color: #ddd6fe !important;
    }html[data-panel-page="service"] body.dark-mode .phb-selection-stock.is-live{
        background: rgba(16, 185, 129, 0.16) !important;
        color: #6ee7b7 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-selection-stock.is-low,
html[data-panel-page="service"] body.dark-mode .phb-selection-stock.is-out{
        background: rgba(248, 113, 113, 0.14) !important;
        color: #fecaca !important;
    }html[data-panel-page="service"] body.dark-mode .phb-buy-btn{
        background: linear-gradient(135deg, #6c4de6 0%, #8b6cf6 100%) !important;
        color: #ffffff !important;
        box-shadow: 0 10px 24px rgba(108,77,230,0.34) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-buy-btn i,
html[data-panel-page="service"] body.dark-mode .phb-buy-btn span{
        color: #ffffff !important;
    }html[data-panel-page="service"] body.dark-mode .phb-buy-btn:disabled{
        background: #2f3442 !important;
        color: #8993a8 !important;
        box-shadow: none !important;
    }html[data-panel-page="service"] body.dark-mode .phb-show-all,
html[data-panel-page="service"] body.dark-mode .phb-secondary-link{
        background: #2d2548 !important;
        border-color: rgba(167,139,250,0.32) !important;
        color: #c4b5fd !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-number-label{
        color: #aeb8c8 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-number-value{
        color: #f8fafc !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-number i{
        color: #c4b5fd !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-time{
        background: rgba(251, 191, 36, 0.14) !important;
        color: #fcd34d !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-number{
        background: #151c29 !important;
        border-color: rgba(167, 139, 250, 0.2) !important;
    }html[data-panel-page="service"] body.dark-mode .phb-active-number:hover{
        background: #2d2548 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-status{
        background: #151c29 !important;
        color: #aeb8c8 !important;
    }html[data-panel-page="service"] body.dark-mode .phb-status-code{
        background: linear-gradient(135deg, #2d2548 0%, #252040 100%) !important;
        color: #ddd6fe !important;
    }html[data-panel-page="service"] body.dark-mode .phb-cancel-number{
        background: rgba(248, 113, 113, 0.12) !important;
        border-color: rgba(248, 113, 113, 0.24) !important;
        color: #fecaca !important;
    }html[data-panel-page="service"] body.dark-mode .phb-live-dot{
        background: #a78bfa !important;
        box-shadow: 0 0 0 rgba(167,139,250,.45) !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-signal i{
        background: #4b5563 !important;
        opacity: 0.35 !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-signal i.active{
        opacity: 1 !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-signal--success i.active{ background: #31d583 !important; }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-signal--warning i.active{ background: #ffd24d !important; }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-signal--danger i.active{ background: #ff5f7e !important; }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-signal--neutral i{
        background: #9ca3af !important;
        opacity: 0.95 !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-workrate--success{ color: #31d583 !important; }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-workrate--warning{ color: #ffd24d !important; }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-workrate--danger{ color: #ff5f7e !important; }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-workrate--neutral{ color: #9ca3af !important; }html[data-panel-page="service"] /* Aktif Numaralar - dark mode okunabilirlik düzeltmeleri */
    body.dark-mode .panel-home-buy .phb-active-card{
        background: #141b29 !important;
        border-color: rgba(148, 163, 184, 0.16) !important;
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28) !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-card::before{
        background: linear-gradient(90deg, #22c55e 0%, #6c4de6 100%) !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-card .phb-card-title > span,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-title-group > span:first-child{
        color: #f8fafc !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-count{
        min-width: 1.35rem;
        height: 1.35rem;
        padding: 0 0.38rem;
        background: rgba(34, 197, 94, 0.16) !important;
        border: 1px solid rgba(74, 222, 128, 0.42);
        color: #86efac !important;
        font-size: 0.78rem;
        box-shadow: none !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-empty{
        background: #101827 !important;
        border-color: rgba(148, 163, 184, 0.18) !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-empty i{
        color: #8b6cf6 !important;
        opacity: 0.75;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-empty strong{
        color: #f8fafc !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-empty span{
        color: #cbd5e1 !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-item{
        background: #101827 !important;
        border-color: rgba(148, 163, 184, 0.16) !important;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-item.is-waiting{
        background: linear-gradient(180deg, #101827 0%, #1d1b15 100%) !important;
        border-color: rgba(245, 158, 11, 0.34) !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-item.is-received{
        background: linear-gradient(180deg, #101827 0%, #102019 100%) !important;
        border-color: rgba(34, 197, 94, 0.34) !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-service strong,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-number-value{
        color: #f8fafc !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-number-label,
html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-sms-label{
        color: #94a3b8 !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-number{
        background: #0f1724 !important;
        border-color: rgba(139, 108, 246, 0.26) !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-number:hover{
        background: #171f32 !important;
        border-color: rgba(139, 108, 246, 0.46) !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-number i{
        color: #a78bfa !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-badge--wait{
        background: rgba(245, 158, 11, 0.16) !important;
        color: #fbbf24 !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-badge--ok{
        background: rgba(34, 197, 94, 0.16) !important;
        color: #86efac !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-time{
        background: rgba(245, 158, 11, 0.15) !important;
        border: 1px solid rgba(251, 191, 36, 0.28);
        color: #fbbf24 !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-status{
        background: #0f1724 !important;
        color: #cbd5e1 !important;
        border-color: rgba(148, 163, 184, 0.14) !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-status-code{
        background: rgba(139, 108, 246, 0.14) !important;
        color: #ddd6fe !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-cancel-number{
        background: rgba(239, 68, 68, 0.14) !important;
        border-color: rgba(248, 113, 113, 0.34) !important;
        color: #fecaca !important;
    }html[data-panel-page="service"] body.dark-mode .panel-home-buy .phb-active-alert{
        background: rgba(34, 197, 94, 0.12) !important;
        border-color: rgba(74, 222, 128, 0.36) !important;
        color: #bbf7d0 !important;
    }html[data-panel-page="service"] /* Panel tipografi hiyerarşisi: daha kurumsal, daha az kalın */
    .panel-home-buy .phb-hero h1{
        font-weight: 800 !important;
    }html[data-panel-page="service"] .panel-home-buy .phb-hero h1 i{
        font-size: 1.04em !important;
    }html[data-panel-page="service"] .panel-home-buy .phb-card-title,
html[data-panel-page="service"] .panel-home-buy .phb-selection-title,
html[data-panel-page="service"] .panel-home-buy .phb-country-main strong,
html[data-panel-page="service"] .panel-home-buy .phb-active-card strong{
        font-weight: 700 !important;
    }html[data-panel-page="service"] .panel-home-buy .phb-app-name,
html[data-panel-page="service"] .panel-home-buy .phb-show-all,
html[data-panel-page="service"] .panel-home-buy .phb-secondary-link,
html[data-panel-page="service"] .panel-home-buy .phb-selection-chip,
html[data-panel-page="service"] .panel-home-buy .phb-country-main span,
html[data-panel-page="service"] .panel-home-buy .phb-active-card span,
html[data-panel-page="service"] .panel-home-buy .phb-selection-subtitle{
        font-weight: 500 !important;
    }html[data-panel-page="service"] .panel-home-buy .phb-hero-stats span,
html[data-panel-page="service"] .panel-home-buy .phb-card-title small,
html[data-panel-page="service"] .panel-home-buy .phb-selection-eyebrow,
html[data-panel-page="service"] .panel-home-buy .phb-active-number-label,
html[data-panel-page="service"] .panel-home-buy .phb-active-sms-label{
        font-weight: 600 !important;
    }html[data-panel-page="service"] .panel-home-buy .phb-price,
html[data-panel-page="service"] .panel-home-buy .phb-workrate,
html[data-panel-page="service"] .panel-home-buy .phb-best-price,
html[data-panel-page="service"] .panel-home-buy .phb-price-min,
html[data-panel-page="service"] .panel-home-buy .phb-price-max,
html[data-panel-page="service"] .panel-home-buy .phb-price-single,
html[data-panel-page="service"] .panel-home-buy .phb-active-time,
html[data-panel-page="service"] .panel-home-buy .phb-active-count{
        font-weight: 700 !important;
    }html[data-panel-page="service"] .panel-home-buy .phb-buy-btn,
html[data-panel-page="service"] .panel-home-buy .phb-active-badge{
        font-weight: 700 !important;
    }html[data-panel-page="service"] .panel-home-buy .phb-active-card .phb-active-number .phb-active-number-value{
        font-weight: 650 !important;
    }

    @media (max-width: 1199.98px) {html[data-panel-page="service"] .phb-grid{
            grid-template-columns: 1fr 1fr;
        }html[data-panel-page="service"] .phb-app-card{
            order: 1;
        }html[data-panel-page="service"] .phb-country-card{
            order: 2;
        }html[data-panel-page="service"] .phb-active-card{
            order: 3;
            grid-column: 1 / -1;
            min-height: auto;
        }html[data-panel-page="service"] .phb-active-list{
            max-height: none;
            overflow: visible;
        }
    }
    @media (max-width: 767.98px) {html[data-panel-page="service"] .phb-hero,
html[data-panel-page="service"] .phb-selected-summary{
            flex-direction: column;
            align-items: stretch;
        }html[data-panel-page="service"] .phb-buy-btn{
            width: 100%;
            align-self: stretch;
        }html[data-panel-page="service"] .phb-hero-stats,
html[data-panel-page="service"] .phb-grid{
            grid-template-columns: 1fr;
        }html[data-panel-page="service"] .phb-app-card,
html[data-panel-page="service"] .phb-country-card,
html[data-panel-page="service"] .phb-active-card{
            grid-column: auto;
        }html[data-panel-page="service"] .phb-card{
            min-height: auto;
        }html[data-panel-page="service"] .phb-app-list,
html[data-panel-page="service"] .phb-country-list{
            max-height: 380px;
            overflow-y: auto;
            overscroll-behavior-y: auto;
            -webkit-overflow-scrolling: touch;
            touch-action: pan-y;
        }html[data-panel-page="service"] .phb-country-card{
            padding: 0.85rem;
        }html[data-panel-page="service"] .phb-country-group-header{
            grid-template-columns: 34px minmax(0, 1fr) 18px;
            grid-template-areas:
                "flag main chevron"
                ". summary summary";
            gap: 0.45rem 0.55rem;
            padding: 0.62rem;
        }html[data-panel-page="service"] .phb-country-group-header > .phb-flag{
            grid-area: flag;
            width: 34px;
            height: 34px;
        }html[data-panel-page="service"] .phb-country-group-header > .phb-country-main{
            grid-area: main;
            min-width: 0;
        }html[data-panel-page="service"] .phb-country-group-header > .phb-rate-wrap{
            display: none;
        }html[data-panel-page="service"] .phb-country-group-header > .phb-group-chevron{
            grid-area: chevron;
            justify-self: end;
        }html[data-panel-page="service"] .phb-country-summary{
            grid-area: summary;
            width: 100%;
            min-width: 0;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            gap: 0.45rem;
            margin-top: 0.2rem;
            padding: 0.38rem 0.5rem;
            border-radius: 8px;
            background: #f8f6ff;
        }html[data-panel-page="service"] body.dark-mode .phb-country-summary{
            background: #252040 !important;
        }html[data-panel-page="service"] .phb-country-summary .phb-best-label{
            font-size: 0.75rem;
            min-width: 0;
            max-width: 38%;
            overflow: hidden;
            text-overflow: ellipsis;
        }html[data-panel-page="service"] .phb-country-summary .phb-best-price{
            font-size: 0.95rem;
        }html[data-panel-page="service"] .phb-country-summary .phb-operator-count{
            font-size: 0.72rem;
            padding: 0.18rem 0.45rem;
            flex: 0 0 auto;
        }html[data-panel-page="service"] .phb-country-item{
            grid-template-columns: 34px minmax(0, 1fr) auto;
            gap: 0.45rem;
            padding: 0.55rem;
        }html[data-panel-page="service"] .phb-country-item .phb-operator-flag{
            width: 32px;
            height: 32px;
        }html[data-panel-page="service"] .phb-country-item .phb-country-main{
            grid-column: auto;
            min-width: 0;
        }html[data-panel-page="service"] .phb-country-item .phb-country-side{
            grid-column: auto;
            align-items: flex-end;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: center;
            width: auto;
            min-width: 74px;
            gap: 0.18rem;
        }html[data-panel-page="service"] .phb-country-item .phb-price{
            font-size: 0.94rem;
        }html[data-panel-page="service"] .phb-country-item .phb-workrate{
            font-size: 0.78rem;
        }html[data-panel-page="service"] .phb-country-item .phb-rate-wrap{
            gap: 0.28rem;
        }html[data-panel-page="service"] .phb-country-item .phb-rate-period{ font-size: .7rem; }html[data-panel-page="service"] .phb-country-item .phb-signal{
            height: 14px;
            gap: 2px;
        }html[data-panel-page="service"] .phb-country-item .phb-signal i{
            width: 3px;
        }html[data-panel-page="service"] .phb-country-item .phb-signal i:nth-child(1){ height: 4px; }html[data-panel-page="service"] .phb-country-item .phb-signal i:nth-child(2){ height: 7px; }html[data-panel-page="service"] .phb-country-item .phb-signal i:nth-child(3){ height: 10px; }html[data-panel-page="service"] .phb-country-item .phb-signal i:nth-child(4){ height: 13px; }html[data-panel-page="service"] .phb-active-number{
            padding: 0.95rem 1rem;
        }html[data-panel-page="service"] .phb-active-number-value{
            font-size: 1.72rem !important;
            line-height: 1.18 !important;
        }html[data-panel-page="service"] .panel-home-buy .phb-active-card .phb-active-number .phb-active-number-value{
            font-size: 1.16rem !important;
        }html[data-panel-page="service"] .phb-switcher{
            width: 100%;
        }html[data-panel-page="service"] .phb-hero > div:first-child > .phb-switcher{
            left: 0;
            transform: none;
        }html[data-panel-page="service"] .phb-switcher-option{
            padding-inline: 0.6rem;
            font-size: 0.82rem;
        }
    }html[data-panel-page="service"] .sms-promo-card{
        transition: all 0.3s ease;
        height: 100%;
    }html[data-panel-page="service"] .sms-promo-card .card-body{
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }html[data-panel-page="service"] .sms-promo-card:hover{
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
    }html[data-panel-page="service"] .sms-promo-card .btn-white{
        background-color: #ffffff !important;
        color: #702ff3 !important;
        border: none;
    }html[data-panel-page="service"] .sms-promo-card .btn-white,
html[data-panel-page="service"] .sms-promo-card .btn-white *{
        color: #702ff3 !important;
    }html[data-panel-page="service"] .sms-promo-card .btn-white i{
        color: #702ff3 !important;
    }html[data-panel-page="service"] .sms-promo-card .btn-white:hover{
        background-color: #f8f9fa !important;
        transform: translateX(5px);
        color: #702ff3 !important;
    }html[data-panel-page="service"] .sms-promo-card .btn-white:hover,
html[data-panel-page="service"] .sms-promo-card .btn-white:hover *{
        color: #702ff3 !important;
    }html[data-panel-page="service"] .sms-promo-card .btn-white:hover i{
        color: #702ff3 !important;
    }html[data-panel-page="service"] /* Responsive Adjustments for SMS Card */
    @media (max-width: 991.98px){
        .sms-promo-card .card-body {
            padding: 2rem !important;
        }
        
        .sms-promo-card h2 {
            font-size: 2rem !important;
        }
    }
    
    @media (max-width: 575.98px) {html[data-panel-page="service"] .sms-promo-card .card-body{
            padding: 1.5rem !important;
        }html[data-panel-page="service"] .sms-promo-card h2{
            font-size: 1.75rem !important;
        }html[data-panel-page="service"] .sms-promo-card .symbol-80px{
            width: 60px !important;
            height: 60px !important;
        }html[data-panel-page="service"] .sms-promo-card .symbol-label i{
            font-size: 1.75rem !important;
        }
    }




/* rent.php block 1 */

html[data-panel-page="rent"] .panel-rent-buy{
    --prb-bg: #f6f8fb;
    --prb-surface: #ffffff;
    --prb-border: rgba(15, 23, 42, 0.1);
    --prb-text: #111827;
    --prb-muted: #64748b;
    --prb-primary: #6c4de6;
    --prb-primary-2: #8b6cf6;
    --prb-success: #15803d;
    background: var(--prb-bg);
    border-radius: 18px;
    padding: clamp(1rem, 2vw, 1.45rem);
    margin-bottom: 2rem;
    color: var(--prb-text);
}html[data-panel-page="rent"] .prb-hero{
    text-align: center;
    margin-bottom: 1.15rem;
}html[data-panel-page="rent"] .panel-rent-buy .phb-switcher{
    position: relative;
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    padding: 5px;
    margin: 0 auto 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f1f5f9;
}html[data-panel-page="rent"] .panel-rent-buy .phb-switcher-slider{
    position: absolute;
    inset: 5px 5px 5px auto;
    width: calc(50% - 5px);
    border-radius: 999px;
    background: linear-gradient(135deg, var(--prb-primary), var(--prb-primary-2));
    box-shadow: 0 4px 12px rgba(108, 77, 230, 0.32);
}html[data-panel-page="rent"] .panel-rent-buy .phb-switcher-option{
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .62rem 1.15rem;
    color: #64748b;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
}html[data-panel-page="rent"] .panel-rent-buy .phb-switcher-option.active{ color: #fff !important; }html[data-panel-page="rent"] .prb-hero h1{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    margin: 0;
    color: var(--prb-text);
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    font-weight: 700;
}html[data-panel-page="rent"] .prb-hero h1 i{ color: var(--prb-primary); }html[data-panel-page="rent"] .prb-hero p{
    margin: .45rem auto 0;
    color: var(--prb-muted);
    font-size: .96rem;
}html[data-panel-page="rent"] .prb-grid{
    display: grid;
    grid-template-columns: minmax(250px, 310px) minmax(420px, 1fr);
    gap: 1rem;
    align-items: start;
}html[data-panel-page="rent"] .prb-card{
    border: 1px solid var(--prb-border);
    border-radius: 14px;
    background: var(--prb-surface);
    padding: 1rem;
    box-shadow: 0 10px 25px rgba(15, 23, 42, .04);
}html[data-panel-page="rent"] .prb-card-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .6rem;
    margin-bottom: 1rem;
    font-size: 1.03rem;
    font-weight: 600;
    color: var(--prb-text);
}html[data-panel-page="rent"] .prb-card-title i,
html[data-panel-page="rent"] .prb-card-title small{
    color: var(--prb-primary);
    font-size: .85rem;
    font-weight: 600;
}html[data-panel-page="rent"] .prb-label{
    display: block;
    margin: 0 0 .42rem;
    color: var(--prb-muted);
    font-size: .83rem;
    font-weight: 600;
}html[data-panel-page="rent"] .prb-label:not(:first-of-type){ margin-top: 1rem; }html[data-panel-page="rent"] .prb-select{
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
    min-height: 54px;
    padding: .2rem .62rem .2rem .8rem;
    border: 1px solid var(--prb-border);
    border-radius: 12px;
    background: #f8fafc;
    color: var(--prb-primary);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}html[data-panel-page="rent"] .prb-select:focus-within{
    border-color: rgba(108, 77, 230, .55);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(108, 77, 230, .1);
}html[data-panel-page="rent"] .prb-select > i{
    font-size: .95rem;
    text-align: center;
}html[data-panel-page="rent"] .prb-select select{
    width: 100%;
    height: 46px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--prb-text);
    font-size: .92rem;
    font-weight: 600;
    appearance: none;
}html[data-panel-page="rent"] .prb-select select:disabled{ color: #94a3b8; }html[data-panel-page="rent"] .prb-smart-select .select2-container{
    min-width: 0;
    width: 100% !important;
}html[data-panel-page="rent"] .prb-smart-select .select2-container--bootstrap5 .select2-selection--single{
    display: flex;
    align-items: center;
    height: 48px;
    border: 0;
    border-radius: 0;
    background: transparent;
}html[data-panel-page="rent"] .prb-smart-select .select2-container--bootstrap5.select2-container--disabled .select2-selection--single{
    background: transparent;
    cursor: not-allowed;
    opacity: .65;
}html[data-panel-page="rent"] .prb-smart-select .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered{
    width: 100%;
    padding: 0 2.1rem 0 .15rem;
    color: var(--prb-text);
    font-size: .94rem;
    font-weight: 500;
    line-height: 48px;
}html[data-panel-page="rent"] .prb-smart-select .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder{
    color: #8b96a8;
}html[data-panel-page="rent"] .prb-smart-select .select2-container--bootstrap5 .select2-selection--single .select2-selection__arrow{
    top: 0;
    right: .15rem;
    width: 1.7rem;
    height: 48px;
}html[data-panel-page="rent"] .prb-smart-select .select2-container--bootstrap5 .select2-selection--single .select2-selection__arrow b{
    display: none;
}html[data-panel-page="rent"] .prb-smart-select .select2-container--bootstrap5 .select2-selection--single .select2-selection__arrow::before{
    content: "\f078";
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #7c8798;
    font-family: "Font Awesome 5 Free";
    font-size: .72rem;
    font-weight: 900;
    transition: transform .18s ease;
}html[data-panel-page="rent"] .prb-smart-select .select2-container--open .select2-selection__arrow::before{
    transform: rotate(180deg);
}html[data-panel-page="rent"] .prb-period-select{
    grid-template-columns: 34px minmax(0, 1fr);
    gap: .45rem;
    min-height: 52px;
    padding-left: .55rem;
}html[data-panel-page="rent"] .prb-period-select > i{
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f0ecff;
    color: var(--prb-primary);
}html[data-panel-page="rent"] .prb-period-select .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered{
    font-size: .96rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}html[data-panel-page="rent"] .panel-rent-buy .select2-dropdown{
    overflow: hidden;
    margin-top: .3rem;
    padding: .4rem;
    border: 1px solid var(--prb-border);
    border-radius: 12px;
    background: var(--prb-surface);
    box-shadow: 0 16px 36px rgba(15, 23, 42, .12);
}html[data-panel-page="rent"] .panel-rent-buy .select2-search--dropdown{
    padding: .2rem .15rem .45rem;
}html[data-panel-page="rent"] .panel-rent-buy .select2-container--bootstrap5 .select2-search--dropdown .select2-search__field{
    height: 42px;
    padding: 0 .8rem;
    border: 1px solid var(--prb-border);
    border-radius: 9px;
    background: #f8fafc;
    color: var(--prb-text);
    font-family: inherit;
    font-size: .9rem;
    outline: none;
}html[data-panel-page="rent"] .panel-rent-buy .select2-container--bootstrap5 .select2-search--dropdown .select2-search__field:focus{
    border-color: rgba(108, 77, 230, .55);
    box-shadow: 0 0 0 3px rgba(108, 77, 230, .1);
}html[data-panel-page="rent"] .panel-rent-buy .select2-container--bootstrap5 .select2-results > .select2-results__options{
    max-height: 270px;
    padding: .1rem;
}html[data-panel-page="rent"] .panel-rent-buy .select2-container--bootstrap5 .select2-results__option{
    margin-bottom: .12rem;
    padding: .68rem .75rem;
    border-radius: 8px;
    color: var(--prb-text);
    font-size: .9rem;
    font-weight: 500;
}html[data-panel-page="rent"] .panel-rent-buy .select2-container--bootstrap5 .select2-results__option--selected{
    background: #f1edff;
    color: var(--prb-primary);
}html[data-panel-page="rent"] .panel-rent-buy .select2-container--bootstrap5 .select2-results__option--highlighted.select2-results__option--selectable{
    background: var(--prb-primary);
    color: #fff;
}html[data-panel-page="rent"] .panel-rent-buy .prb-period-dropdown .select2-results__option{
    padding: .62rem .75rem;
    font-variant-numeric: tabular-nums;
}html[data-panel-page="rent"] .prb-assurance{
    display: grid;
    gap: .75rem;
    margin: 1.2rem 0;
    padding: .9rem;
    border-radius: 10px;
    background: #faf9ff;
}html[data-panel-page="rent"] .prb-assurance div{
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    color: var(--prb-muted);
    font-size: .82rem;
    line-height: 1.45;
}html[data-panel-page="rent"] .prb-assurance i{
    margin-top: .13rem;
    color: var(--prb-primary);
}html[data-panel-page="rent"] .prb-secondary-link{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    border: 1px solid rgba(108, 77, 230, .18);
    border-radius: 10px;
    padding: .7rem;
    color: var(--prb-primary) !important;
    background: #f6f3ff;
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none !important;
}html[data-panel-page="rent"] .prb-toolbar{
    display: grid;
    grid-template-columns: minmax(200px, 1fr) 190px;
    gap: .65rem;
    margin-bottom: .8rem;
}html[data-panel-page="rent"] .prb-search,
html[data-panel-page="rent"] .prb-sort{
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: 0 .72rem;
    height: 46px;
    border: 1px solid var(--prb-border);
    border-radius: 10px;
    background: #f8fafc;
    color: var(--prb-muted);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}html[data-panel-page="rent"] .prb-sort:focus-within{
    border-color: rgba(108, 77, 230, .55);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(108, 77, 230, .1);
}html[data-panel-page="rent"] .prb-sort > i{
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f0ecff;
    color: var(--prb-primary);
    font-size: .78rem;
}html[data-panel-page="rent"] .prb-search input,
html[data-panel-page="rent"] .prb-sort select{
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--prb-text);
    font-size: .9rem;
    font-weight: 600;
}html[data-panel-page="rent"] .prb-sort select{ appearance: none; }html[data-panel-page="rent"] .prb-sort .select2-container{
    min-width: 0;
    flex: 1;
    width: 100% !important;
}html[data-panel-page="rent"] .prb-sort .select2-container--bootstrap5 .select2-selection--single{
    display: flex;
    align-items: center;
    height: 44px;
    border: 0;
    border-radius: 0;
    background: transparent;
}html[data-panel-page="rent"] .prb-sort .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered{
    width: 100%;
    padding: 0 1.65rem 0 0;
    color: var(--prb-text);
    font-size: .88rem;
    font-weight: 500;
    line-height: 44px;
}html[data-panel-page="rent"] .prb-sort .select2-container--bootstrap5 .select2-selection--single .select2-selection__arrow{
    top: 0;
    right: 0;
    width: 1.45rem;
    height: 44px;
}html[data-panel-page="rent"] .prb-sort .select2-container--bootstrap5 .select2-selection--single .select2-selection__arrow b{
    display: none;
}html[data-panel-page="rent"] .prb-sort .select2-container--bootstrap5 .select2-selection--single .select2-selection__arrow::before{
    content: "\f078";
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #7c8798;
    font-family: "Font Awesome 5 Free";
    font-size: .68rem;
    font-weight: 900;
    transition: transform .18s ease;
}html[data-panel-page="rent"] .prb-sort .select2-container--open .select2-selection__arrow::before{
    transform: rotate(180deg);
}html[data-panel-page="rent"] .prb-search button{
    border: 0;
    padding: .25rem;
    background: transparent;
    color: var(--prb-muted);
}html[data-panel-page="rent"] .prb-selection{
    display: grid;
    grid-template-columns: 42px minmax(130px, 1fr) auto auto;
    align-items: center;
    gap: .8rem;
    margin-bottom: .8rem;
    padding: .78rem;
    border: 1px dashed rgba(108, 77, 230, .28);
    border-radius: 12px;
    background: #faf9ff;
}html[data-panel-page="rent"] .prb-selection[data-state="ready"]{
    border-style: solid;
    background: #f6f3ff;
}html[data-panel-page="rent"] .phb-flag{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    background: #eef2ff;
}html[data-panel-page="rent"] .phb-flag img{ width: 100%; height: 100%; object-fit: cover; }html[data-panel-page="rent"] .prb-selection-main{ min-width: 0; }html[data-panel-page="rent"] .prb-selection-main small{
    display: block;
    color: var(--prb-muted);
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
}html[data-panel-page="rent"] .prb-selection-main strong{
    display: block;
    overflow: hidden;
    color: var(--prb-text);
    font-size: .98rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}html[data-panel-page="rent"] .prb-selection-main span{
    display: block;
    color: var(--prb-muted);
    font-size: .82rem;
}html[data-panel-page="rent"] .prb-selection-price{
    color: var(--prb-primary);
    font-size: 1.08rem;
    font-weight: 700;
    white-space: nowrap;
}html[data-panel-page="rent"] .prb-buy-btn{
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 0;
    border-radius: 10px;
    padding: .76rem 1rem;
    background: linear-gradient(135deg, var(--prb-primary), var(--prb-primary-2));
    color: #fff;
    font-size: .88rem;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(108, 77, 230, .2);
}html[data-panel-page="rent"] .prb-buy-btn:disabled{ opacity: .42; box-shadow: none; cursor: not-allowed; }html[data-panel-page="rent"] .prb-country-list{
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-height: 510px;
    overflow-y: auto;
    padding-right: .2rem;
}html[data-panel-page="rent"] .prb-country-item{
    display: grid;
    grid-template-columns: 42px minmax(100px, 1fr) auto 18px;
    align-items: center;
    gap: .7rem;
    width: 100%;
    padding: .62rem .7rem;
    border: 1px solid var(--prb-border);
    border-radius: 10px;
    background: #fff;
    color: var(--prb-text);
    text-align: left;
    transition: border-color .18s ease, background .18s ease;
}html[data-panel-page="rent"] .prb-country-item:hover,
html[data-panel-page="rent"] .prb-country-item.active{
    border-color: rgba(108, 77, 230, .38);
    background: #faf9ff;
}html[data-panel-page="rent"] .prb-country-item.active{ box-shadow: inset 3px 0 0 var(--prb-primary); }html[data-panel-page="rent"] .prb-country-main strong{
    display: block;
    color: var(--prb-text);
    font-size: .94rem;
    font-weight: 600;
}html[data-panel-page="rent"] .prb-country-main small{
    display: block;
    color: var(--prb-muted);
    font-size: .78rem;
    font-weight: 500;
}html[data-panel-page="rent"] .prb-country-price{
    color: var(--prb-primary);
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
}html[data-panel-page="rent"] .prb-country-arrow{ color: var(--prb-primary); font-size: .78rem; }html[data-panel-page="rent"] .prb-loading,
html[data-panel-page="rent"] .prb-empty{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 125px;
    color: var(--prb-muted);
    font-size: .9rem;
}html[data-panel-page="rent"] .prb-loading span{
    width: 17px;
    height: 17px;
    border: 2px solid rgba(108, 77, 230, .2);
    border-top-color: var(--prb-primary);
    border-radius: 50%;
    animation: panel_rent_prbSpin .7s linear infinite;
}
@keyframes panel_rent_prbSpin { to { transform: rotate(360deg); } }html[data-panel-page="rent"] body.dark-mode .panel-rent-buy{
    --prb-bg: #111827;
    --prb-surface: #1b2230;
    --prb-border: rgba(255,255,255,.1);
    --prb-text: #f8fafc;
    --prb-muted: #aeb8c8;
}html[data-panel-page="rent"] body.dark-mode .panel-rent-buy .phb-switcher{
    background: #252540;
    border-color: #3f3f5a;
}html[data-panel-page="rent"] body.dark-mode .panel-rent-buy .phb-switcher-option{ color: #aeb8c8; }html[data-panel-page="rent"] body.dark-mode .prb-card{ box-shadow: 0 14px 30px rgba(0,0,0,.22); }html[data-panel-page="rent"] body.dark-mode .prb-select,
html[data-panel-page="rent"] body.dark-mode .prb-search,
html[data-panel-page="rent"] body.dark-mode .prb-sort,
html[data-panel-page="rent"] body.dark-mode .prb-country-item{
    background: #151c29;
}html[data-panel-page="rent"] body.dark-mode .prb-select:focus-within{
    background: #161e2d;
    border-color: rgba(139, 108, 246, .62);
    box-shadow: 0 0 0 3px rgba(139, 108, 246, .17);
}html[data-panel-page="rent"] body.dark-mode .prb-sort:focus-within{
    background: #161e2d;
    border-color: rgba(139, 108, 246, .62);
    box-shadow: 0 0 0 3px rgba(139, 108, 246, .17);
}html[data-panel-page="rent"] body.dark-mode .prb-sort > i{
    background: #292346;
    color: #c7b9ff;
}html[data-panel-page="rent"] body.dark-mode .prb-period-select > i{
    background: #292346;
    color: #c7b9ff;
}html[data-panel-page="rent"] body.dark-mode .prb-assurance,
html[data-panel-page="rent"] body.dark-mode .prb-selection,
html[data-panel-page="rent"] body.dark-mode .prb-secondary-link{
    background: #252040;
}html[data-panel-page="rent"] body.dark-mode .prb-selection[data-state="ready"],
html[data-panel-page="rent"] body.dark-mode .prb-country-item:hover,
html[data-panel-page="rent"] body.dark-mode .prb-country-item.active{
    background: #27213f;
}html[data-panel-page="rent"] body.dark-mode .prb-select select,
html[data-panel-page="rent"] body.dark-mode .prb-search input,
html[data-panel-page="rent"] body.dark-mode .prb-sort select{ color: #f8fafc; }html[data-panel-page="rent"] body.dark-mode .prb-sort .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered{
    color: #f8fafc;
}html[data-panel-page="rent"] body.dark-mode .prb-sort .select2-container--bootstrap5 .select2-selection--single .select2-selection__arrow::before{
    color: #aeb8c8;
}html[data-panel-page="rent"] body.dark-mode .prb-search input::placeholder{ color: #8290a6; }html[data-panel-page="rent"] body.dark-mode .prb-smart-select .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered{
    color: #f8fafc;
}html[data-panel-page="rent"] body.dark-mode .prb-smart-select .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder,
html[data-panel-page="rent"] body.dark-mode .prb-smart-select .select2-container--bootstrap5 .select2-selection--single .select2-selection__arrow::before{
    color: #8290a6;
}html[data-panel-page="rent"] body.dark-mode .panel-rent-buy .select2-dropdown{
    background: #1b2230;
    border-color: rgba(255,255,255,.1);
    box-shadow: 0 20px 42px rgba(0,0,0,.3);
}html[data-panel-page="rent"] body.dark-mode .panel-rent-buy .select2-container--bootstrap5 .select2-search--dropdown .select2-search__field{
    background: #151c29;
    border-color: rgba(255,255,255,.1);
    color: #f8fafc;
}html[data-panel-page="rent"] body.dark-mode .panel-rent-buy .select2-container--bootstrap5 .select2-results__option{
    color: #f8fafc;
}html[data-panel-page="rent"] body.dark-mode .panel-rent-buy .select2-container--bootstrap5 .select2-results__option--selected{
    background: #292346;
    color: #c7b9ff;
}

@media (max-width: 991.98px) {html[data-panel-page="rent"] .prb-grid{ grid-template-columns: 1fr; }html[data-panel-page="rent"] .prb-settings{ order: 0; }html[data-panel-page="rent"] .prb-country-card{ order: 1; }
}
@media (max-width: 575.98px) {html[data-panel-page="rent"] .panel-rent-buy{ padding: .75rem; border-radius: 12px; }html[data-panel-page="rent"] .panel-rent-buy .phb-switcher{ display: grid; width: 100%; }html[data-panel-page="rent"] .panel-rent-buy .phb-switcher-option{ padding: .6rem .45rem; font-size: .82rem; }html[data-panel-page="rent"] .prb-hero h1{ font-size: 1.25rem; }html[data-panel-page="rent"] .prb-toolbar{ grid-template-columns: 1fr; }html[data-panel-page="rent"] .prb-selection{
        grid-template-columns: 40px minmax(0, 1fr) auto;
    }html[data-panel-page="rent"] .prb-buy-btn{ grid-column: 1 / -1; width: 100%; justify-content: center; }html[data-panel-page="rent"] .prb-country-list{ max-height: 420px; }html[data-panel-page="rent"] .prb-country-item{ padding: .55rem; gap: .5rem; }
}html[data-panel-page="rent"] .rent-numbers-page{
    --prn-bg: #f6f8fb;
    --prn-surface: #fff;
    --prn-border: rgba(15, 23, 42, .1);
    --prn-text: #101827;
    --prn-muted: #617087;
    --prn-primary: #6c4de6;
    --prn-primary-2: #8b6cf6;
    --prn-success: #15803d;
    --prn-success-bg: #ecfdf3;
    --prn-warning: #b45309;
    --prn-warning-bg: #fff7e6;
    --prn-danger: #b42318;
    background: var(--prn-bg);
    border-radius: 18px;
    margin-bottom: 2rem;
    padding: clamp(1rem, 2vw, 1.45rem);
    color: var(--prn-text);
}html[data-panel-page="rent"] .prn-hero{
    margin-bottom: 1rem;
    text-align: center;
}html[data-panel-page="rent"] .rent-numbers-page .phb-switcher{
    position: relative;
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 auto 1.15rem;
    padding: 5px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f1f5f9;
}html[data-panel-page="rent"] .rent-numbers-page .phb-switcher-slider{
    position: absolute;
    inset: 5px 5px 5px auto;
    width: calc(50% - 5px);
    border-radius: 999px;
    background: linear-gradient(135deg, var(--prn-primary), var(--prn-primary-2));
    box-shadow: 0 4px 12px rgba(108, 77, 230, .28);
}html[data-panel-page="rent"] .rent-numbers-page .phb-switcher-option{
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .62rem 1.15rem;
    color: var(--prn-muted);
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
}html[data-panel-page="rent"] .rent-numbers-page .phb-switcher-option.active{ color: #fff !important; }html[data-panel-page="rent"] .prn-title-row{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    text-align: left;
}html[data-panel-page="rent"] .prn-title-row h1{
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 0;
    color: var(--prn-text);
    font-size: clamp(1.4rem, 2vw, 1.82rem);
    font-weight: 700;
}html[data-panel-page="rent"] .prn-title-row h1 i{ color: var(--prn-primary); }html[data-panel-page="rent"] .prn-title-row p{
    margin: .4rem 0 0;
    color: var(--prn-muted);
    font-size: .94rem;
}html[data-panel-page="rent"] .prn-new-rent{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .48rem;
    min-height: 44px;
    padding: .62rem 1rem;
    border-radius: 8px;
    background: var(--prn-primary);
    color: #fff !important;
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
}html[data-panel-page="rent"] .prn-metrics{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin: 1.1rem 0;
}html[data-panel-page="rent"] .prn-metric{
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    padding: .8rem;
    border: 1px solid rgba(108, 77, 230, .14);
    border-radius: 8px;
    background: #f7f4ff;
}html[data-panel-page="rent"] .prn-metric i{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(108, 77, 230, .12);
    color: var(--prn-primary);
}html[data-panel-page="rent"] .prn-metric span{
    color: var(--prn-muted);
    font-size: .84rem;
    font-weight: 500;
}html[data-panel-page="rent"] .prn-metric strong{
    color: var(--prn-primary);
    font-size: 1.38rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}html[data-panel-page="rent"] .prn-metric-success{
    background: var(--prn-success-bg);
    border-color: rgba(21, 128, 61, .14);
}html[data-panel-page="rent"] .prn-metric-success i{ background: rgba(21, 128, 61, .1); color: var(--prn-success); }html[data-panel-page="rent"] .prn-metric-success strong{ color: var(--prn-success); }html[data-panel-page="rent"] .prn-metric-neutral{
    border-color: var(--prn-border);
    background: #fff;
}html[data-panel-page="rent"] .prn-metric-neutral i{ background: #f1f5f9; color: #536277; }html[data-panel-page="rent"] .prn-metric-neutral strong{ color: #334155; }html[data-panel-page="rent"] .prn-workspace{
    display: grid;
    grid-template-columns: minmax(330px, .92fr) minmax(390px, 1.08fr);
    gap: .9rem;
    align-items: start;
}html[data-panel-page="rent"] .prn-panel{
    border: 1px solid var(--prn-border);
    border-radius: 8px;
    background: var(--prn-surface);
    padding: .95rem;
}html[data-panel-page="rent"] .prn-panel-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    margin-bottom: .75rem;
}html[data-panel-page="rent"] .prn-panel-head h2{
    margin: 0;
    color: var(--prn-text);
    font-size: 1.02rem;
    font-weight: 600;
}html[data-panel-page="rent"] .prn-icon-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--prn-border);
    border-radius: 8px;
    background: #fff;
    color: var(--prn-muted);
}html[data-panel-page="rent"] .prn-icon-button:hover,
html[data-panel-page="rent"] .prn-icon-button:focus-visible{
    border-color: rgba(108, 77, 230, .32);
    color: var(--prn-primary);
}html[data-panel-page="rent"] .prn-icon-button.is-loading i{ animation: panel_rent_prnSpin .7s linear infinite; }
@keyframes panel_rent_prnSpin { to { transform: rotate(360deg); } }html[data-panel-page="rent"] .prn-search{
    display: flex;
    align-items: center;
    gap: .55rem;
    height: 46px;
    margin-bottom: .72rem;
    padding: 0 .8rem;
    border: 1px solid var(--prn-border);
    border-radius: 8px;
    background: #f8fafc;
    color: var(--prn-muted);
}html[data-panel-page="rent"] .prn-search:focus-within{
    border-color: rgba(108, 77, 230, .5);
    box-shadow: 0 0 0 3px rgba(108, 77, 230, .1);
}html[data-panel-page="rent"] .prn-search input{
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--prn-text);
    font-size: .9rem;
}html[data-panel-page="rent"] .prn-search input::placeholder{ color: #8290a6; }html[data-panel-page="rent"] .prn-filters{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .35rem;
    margin-bottom: .82rem;
    padding: .28rem;
    border-radius: 8px;
    background: #f1f5f9;
}html[data-panel-page="rent"] .prn-filters button{
    min-height: 36px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--prn-muted);
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
}html[data-panel-page="rent"] .prn-filters button.active{
    background: #fff;
    color: var(--prn-primary);
    box-shadow: 0 1px 4px rgba(15, 23, 42, .1);
}html[data-panel-page="rent"] .prn-number-list{
    display: flex;
    flex-direction: column;
    gap: .55rem;
    max-height: 590px;
    overflow-y: auto;
    padding-right: .18rem;
}html[data-panel-page="rent"] .prn-loading,
html[data-panel-page="rent"] .prn-empty{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    min-height: 230px;
    border: 1px dashed rgba(108, 77, 230, .2);
    border-radius: 8px;
    color: var(--prn-muted);
    font-size: .9rem;
    text-align: center;
}html[data-panel-page="rent"] .prn-loading span{
    width: 20px;
    height: 20px;
    border: 2px solid rgba(108, 77, 230, .18);
    border-top-color: var(--prn-primary);
    border-radius: 50%;
    animation: panel_rent_prnSpin .7s linear infinite;
}html[data-panel-page="rent"] .prn-empty i,
html[data-panel-page="rent"] .prn-detail-empty i{
    color: var(--prn-primary);
    font-size: 1.7rem;
    opacity: .6;
}html[data-panel-page="rent"] .prn-empty strong{ color: var(--prn-text); font-weight: 600; }html[data-panel-page="rent"] .prn-number-card{
    position: relative;
    display: grid;
    gap: .58rem;
    padding: .78rem;
    border: 1px solid var(--prn-border);
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}html[data-panel-page="rent"] .prn-number-card:hover{
    border-color: rgba(108, 77, 230, .3);
    background: #faf9ff;
}html[data-panel-page="rent"] .prn-number-card.active{
    border-color: rgba(108, 77, 230, .46);
    background: #f7f4ff;
    box-shadow: inset 3px 0 0 var(--prn-primary);
}html[data-panel-page="rent"] .prn-card-top,
html[data-panel-page="rent"] .prn-card-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
}html[data-panel-page="rent"] .prn-card-service{
    overflow: hidden;
    color: var(--prn-text);
    font-size: .9rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}html[data-panel-page="rent"] .prn-badge{
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    flex-shrink: 0;
    padding: .25rem .5rem;
    border-radius: 999px;
    background: var(--prn-warning-bg);
    color: var(--prn-warning);
    font-size: .72rem;
    font-weight: 600;
}html[data-panel-page="rent"] .prn-badge.received{
    background: var(--prn-success-bg);
    color: var(--prn-success);
}html[data-panel-page="rent"] .prn-badge.finished{
    background: #f1f5f9;
    color: #536277;
}html[data-panel-page="rent"] .prn-badge.canceled{
    background: #fff1f2;
    color: var(--prn-danger);
}html[data-panel-page="rent"] .prn-number{
    color: var(--prn-text);
    font-size: 1.12rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}html[data-panel-page="rent"] .prn-remaining{
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    color: var(--prn-muted);
    font-size: .82rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}html[data-panel-page="rent"] .prn-remaining.live{ color: var(--prn-primary); }html[data-panel-page="rent"] .prn-remaining.live i{ font-size: .45rem; }html[data-panel-page="rent"] .prn-detail-panel{ min-height: 455px; }html[data-panel-page="rent"] .prn-detail-empty{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 430px;
    color: var(--prn-muted);
    text-align: center;
}html[data-panel-page="rent"] .prn-detail-empty strong{
    color: var(--prn-text);
    font-size: 1rem;
    font-weight: 600;
}html[data-panel-page="rent"] .prn-detail-empty span{ max-width: 280px; font-size: .88rem; line-height: 1.45; }html[data-panel-page="rent"] .prn-detail-head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
    padding-bottom: .82rem;
    border-bottom: 1px solid var(--prn-border);
}html[data-panel-page="rent"] .prn-detail-head small{
    display: block;
    color: var(--prn-muted);
    font-size: .76rem;
    margin-bottom: .18rem;
}html[data-panel-page="rent"] .prn-detail-head h2{
    margin: 0;
    color: var(--prn-text);
    font-size: 1.08rem;
    font-weight: 600;
}html[data-panel-page="rent"] .prn-number-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    margin: .85rem 0;
    padding: .78rem;
    border-radius: 8px;
    background: #f8fafc;
}html[data-panel-page="rent"] .prn-number-box small{
    display: block;
    margin-bottom: .18rem;
    color: var(--prn-muted);
    font-size: .76rem;
}html[data-panel-page="rent"] .prn-number-box strong{
    color: var(--prn-text);
    font-size: 1.32rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}html[data-panel-page="rent"] .prn-copy-button,
html[data-panel-page="rent"] .prn-action{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 40px;
    padding: .52rem .74rem;
    border: 1px solid var(--prn-border);
    border-radius: 8px;
    background: #fff;
    color: var(--prn-text);
    font-size: .83rem;
    font-weight: 500;
}html[data-panel-page="rent"] .prn-copy-button i{ color: var(--prn-primary); }html[data-panel-page="rent"] .prn-meta{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: .85rem;
}html[data-panel-page="rent"] .prn-meta div{
    padding: .62rem .7rem;
    border: 1px solid var(--prn-border);
    border-radius: 8px;
}html[data-panel-page="rent"] .prn-meta span{
    display: block;
    margin-bottom: .18rem;
    color: var(--prn-muted);
    font-size: .73rem;
}html[data-panel-page="rent"] .prn-meta strong{
    color: var(--prn-text);
    font-size: .88rem;
    font-weight: 500;
}html[data-panel-page="rent"] .prn-actions{
    display: flex;
    gap: .48rem;
    margin-bottom: .9rem;
}html[data-panel-page="rent"] .prn-action.primary{
    border-color: rgba(108, 77, 230, .2);
    background: #f7f4ff;
    color: var(--prn-primary);
}html[data-panel-page="rent"] .prn-action.danger{
    border-color: rgba(180, 35, 24, .18);
    background: #fff5f5;
    color: var(--prn-danger);
}html[data-panel-page="rent"] .prn-action:disabled{ cursor: wait; opacity: .62; }html[data-panel-page="rent"] .prn-messages-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .58rem;
}html[data-panel-page="rent"] .prn-messages-title strong{
    color: var(--prn-text);
    font-size: .92rem;
    font-weight: 600;
}html[data-panel-page="rent"] .prn-message-list{
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-height: 270px;
    overflow-y: auto;
}html[data-panel-page="rent"] .prn-message{
    padding: .72rem;
    border: 1px solid rgba(21, 128, 61, .16);
    border-radius: 8px;
    background: #f3fdf6;
}html[data-panel-page="rent"] .prn-message-head{
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .38rem;
    color: var(--prn-muted);
    font-size: .73rem;
}html[data-panel-page="rent"] .prn-message p{
    margin: 0;
    color: var(--prn-text);
    font-size: .9rem;
    line-height: 1.48;
    word-break: break-word;
}html[data-panel-page="rent"] .prn-message-empty{
    padding: 1.2rem .85rem;
    border: 1px dashed var(--prn-border);
    border-radius: 8px;
    color: var(--prn-muted);
    font-size: .87rem;
    text-align: center;
}html[data-panel-page="rent"] body.dark-mode .rent-numbers-page{
    --prn-bg: #111827;
    --prn-surface: #1b2230;
    --prn-border: rgba(255, 255, 255, .1);
    --prn-text: #f8fafc;
    --prn-muted: #aeb8c8;
    --prn-success-bg: rgba(21, 128, 61, .18);
    --prn-warning-bg: rgba(180, 83, 9, .22);
}html[data-panel-page="rent"] body.dark-mode .rent-numbers-page .phb-switcher,
html[data-panel-page="rent"] body.dark-mode .prn-filters{ background: #252c3b; border-color: var(--prn-border); }html[data-panel-page="rent"] body.dark-mode .rent-numbers-page .phb-switcher-option{ color: var(--prn-muted); }html[data-panel-page="rent"] body.dark-mode .prn-metric{ background: #252040; border-color: rgba(139, 108, 246, .22); }html[data-panel-page="rent"] body.dark-mode .prn-metric-success{ background: rgba(21, 128, 61, .16); }html[data-panel-page="rent"] body.dark-mode .prn-metric-neutral,
html[data-panel-page="rent"] body.dark-mode .prn-icon-button,
html[data-panel-page="rent"] body.dark-mode .prn-number-card,
html[data-panel-page="rent"] body.dark-mode .prn-copy-button,
html[data-panel-page="rent"] body.dark-mode .prn-action{ background: #151c29; }html[data-panel-page="rent"] body.dark-mode .prn-metric-neutral i{ background: #252c3b; color: #cbd5e1; }html[data-panel-page="rent"] body.dark-mode .prn-metric-neutral strong{ color: #f8fafc; }html[data-panel-page="rent"] body.dark-mode .prn-search,
html[data-panel-page="rent"] body.dark-mode .prn-number-box{ background: #151c29; }html[data-panel-page="rent"] body.dark-mode .prn-filters button.active{
    background: #33304a;
    color: #c7b9ff;
}html[data-panel-page="rent"] body.dark-mode .prn-number-card:hover,
html[data-panel-page="rent"] body.dark-mode .prn-number-card.active{ background: #27213f; }html[data-panel-page="rent"] body.dark-mode .prn-badge.finished{ background: #252c3b; color: #cbd5e1; }html[data-panel-page="rent"] body.dark-mode .prn-badge.canceled{ background: rgba(180, 35, 24, .2); color: #fda29b; }html[data-panel-page="rent"] body.dark-mode .prn-action.primary{ background: #292346; color: #c7b9ff; }html[data-panel-page="rent"] body.dark-mode .prn-action.danger{ background: rgba(180, 35, 24, .16); color: #fda29b; }html[data-panel-page="rent"] body.dark-mode .prn-message{ background: rgba(21, 128, 61, .13); border-color: rgba(74, 222, 128, .18); }
@media (max-width: 991.98px) {html[data-panel-page="rent"] .prn-workspace{ grid-template-columns: 1fr; }html[data-panel-page="rent"] .prn-number-list{ max-height: 500px; }html[data-panel-page="rent"] .prn-detail-panel{ min-height: 0; }html[data-panel-page="rent"] .prn-detail-empty{ min-height: 210px; }
}
@media (max-width: 575.98px) {html[data-panel-page="rent"] .rent-numbers-page{ padding: .75rem; border-radius: 12px; }html[data-panel-page="rent"] .rent-numbers-page .phb-switcher{ display: grid; width: 100%; }html[data-panel-page="rent"] .rent-numbers-page .phb-switcher-option{ padding: .6rem .35rem; font-size: .81rem; }html[data-panel-page="rent"] .prn-title-row{ align-items: stretch; flex-direction: column; }html[data-panel-page="rent"] .prn-new-rent{ width: 100%; }html[data-panel-page="rent"] .prn-metrics{ grid-template-columns: 1fr; gap: .5rem; }html[data-panel-page="rent"] .prn-metric{ padding: .6rem .7rem; }html[data-panel-page="rent"] .prn-panel{ padding: .72rem; }html[data-panel-page="rent"] .prn-filters{ overflow-x: auto; grid-template-columns: repeat(4, minmax(76px, 1fr)); }html[data-panel-page="rent"] .prn-card-bottom{ align-items: flex-start; flex-direction: column; }html[data-panel-page="rent"] .prn-number-box{ align-items: flex-start; flex-direction: column; }html[data-panel-page="rent"] .prn-copy-button{ width: 100%; }html[data-panel-page="rent"] .prn-meta{ grid-template-columns: 1fr; }html[data-panel-page="rent"] .prn-actions{ flex-direction: column; }html[data-panel-page="rent"] .prn-action{ width: 100%; }
}




/* buy.php block 1 */

html[data-panel-page="buy"] /* Sayfa sonundaki ana <style> gelmeden önce parse edilir: grid/flex yoksa kartlar alt alta sola yapışıyor */
#kt_content_container.buy-page-services .services-list{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	align-items: start;
}
@media (max-width: 991.98px) {html[data-panel-page="buy"] #kt_content_container.buy-page-services .services-list{
		grid-template-columns: 1fr;
	}
}html[data-panel-page="buy"] #kt_content_container.buy-page-services .services-list > .category-section:only-child{
	grid-column: 1 / -1;
}html[data-panel-page="buy"] #kt_content_container.buy-page-services .services-grid{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-auto-rows: auto;
	align-content: start;
	gap: 0.75rem;
	margin-bottom: 0;
}
@media (max-width: 991.98px) {html[data-panel-page="buy"] #kt_content_container.buy-page-services .services-grid{
		grid-template-columns: minmax(0, 1fr);
	}
}html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item{
	display: flex;
	align-items: center;
	align-self: start;
	gap: 1rem;
	box-sizing: border-box;
	position: relative;
	min-height: 0;
}html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-icon{
	overflow: hidden;
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	min-width: 50px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-icon img{
	width: 30px;
	height: 30px;
	max-width: 100%;
	object-fit: contain;
	display: block;
	vertical-align: middle;
}html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-content{
	flex: 1;
	min-width: 0;
}html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-arrow{
	flex-shrink: 0;
}html[data-panel-page="buy"] .buy-signal{
	display: inline-flex;
	align-items: flex-end;
	gap: 2px;
	width: 18px;
	height: 14px;
	line-height: 1;
	flex: 0 0 auto;
	vertical-align: middle;
}html[data-panel-page="buy"] .buy-signal__bar{
	display: block;
	width: 3px;
	border-radius: 3px 3px 1px 1px;
	background: currentColor;
	opacity: 0.22;
}html[data-panel-page="buy"] .buy-signal__bar:nth-child(1){ height: 4px; }html[data-panel-page="buy"] .buy-signal__bar:nth-child(2){ height: 7px; }html[data-panel-page="buy"] .buy-signal__bar:nth-child(3){ height: 10px; }html[data-panel-page="buy"] .buy-signal__bar:nth-child(4){ height: 13px; }html[data-panel-page="buy"] .buy-signal__bar.is-active{
	opacity: 1;
}html[data-panel-page="buy"] .buy-signal--success{
	color: #17c653;
}html[data-panel-page="buy"] .buy-signal--warning{
	color: #f6c000;
}html[data-panel-page="buy"] .buy-signal--danger{
	color: #f1416c;
}html[data-panel-page="buy"] .buy-signal--success .buy-signal__bar{
	background-color: #17c653 !important;
}html[data-panel-page="buy"] .buy-signal--warning .buy-signal__bar{
	background-color: #f6c000 !important;
}html[data-panel-page="buy"] .buy-signal--danger .buy-signal__bar{
	background-color: #f1416c !important;
}html[data-panel-page="buy"] body.dark-mode .buy-signal--success,
html[data-panel-page="buy"] .dark-mode .buy-signal--success{
	color: #31d583 !important;
}html[data-panel-page="buy"] body.dark-mode .buy-signal--warning,
html[data-panel-page="buy"] .dark-mode .buy-signal--warning{
	color: #ffd24d !important;
}html[data-panel-page="buy"] body.dark-mode .buy-signal--danger,
html[data-panel-page="buy"] .dark-mode .buy-signal--danger{
	color: #ff5f7e !important;
}html[data-panel-page="buy"] body.dark-mode .buy-signal__bar,
html[data-panel-page="buy"] .dark-mode .buy-signal__bar{
	opacity: 0.35;
}html[data-panel-page="buy"] body.dark-mode .buy-signal__bar.is-active,
html[data-panel-page="buy"] .dark-mode .buy-signal__bar.is-active{
	opacity: 1;
}html[data-panel-page="buy"] body.dark-mode .buy-signal--success .buy-signal__bar,
html[data-panel-page="buy"] .dark-mode .buy-signal--success .buy-signal__bar{
	background-color: #31d583 !important;
}html[data-panel-page="buy"] body.dark-mode .buy-signal--warning .buy-signal__bar,
html[data-panel-page="buy"] .dark-mode .buy-signal--warning .buy-signal__bar{
	background-color: #ffd24d !important;
}html[data-panel-page="buy"] body.dark-mode .buy-signal--danger .buy-signal__bar,
html[data-panel-page="buy"] .dark-mode .buy-signal--danger .buy-signal__bar{
	background-color: #ff5f7e !important;
}




/* buy.php block 2 */

html[data-panel-page="buy"] /* Modal Styles */
.modal{
    z-index: 1059 !important;
}html[data-panel-page="buy"] /* Modal Animasyonları */
@keyframes modalFadeIn{
    from {
        opacity: 0;
        transform: translate(0, -60px);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes panel_buy_modalFadeOut {
    from {
        opacity: 1;
        transform: translate(0, 0);
    }

    to {
        opacity: 0;
        transform: translate(0, -60px);
    }
}

@keyframes panel_buy_modalBackdropIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.5;
    }
}

@keyframes panel_buy_modalBackdropOut {
    from {
        opacity: 0.5;
    }

    to {
        opacity: 0;
    }
}html[data-panel-page="buy"] .modal.fade .modal-dialog{
    transition: none;
}html[data-panel-page="buy"] .modal.fade:not(.show) .modal-dialog{
    animation: panel_buy_modalFadeOut 0.3s ease-out;
}html[data-panel-page="buy"] .modal.fade.show .modal-dialog{
    animation: panel_buy_modalFadeIn 0.3s ease-out;
}html[data-panel-page="buy"] .modal-backdrop.fade:not(.show){
    animation: panel_buy_modalBackdropOut 0.3s ease-out;
}html[data-panel-page="buy"] .modal-backdrop.fade.show{
    animation: panel_buy_modalBackdropIn 0.3s ease-out;
}html[data-panel-page="buy"] /* Mobil: Numara Satın Al - viewport içinde kalır, üst kırpılmaz; içerik modal-body’de kayar */
@media (max-width: 991.98px){
    #orderModal.modal.show {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0.5rem;
        padding-top: max(0.5rem, env(safe-area-inset-top, 0px));
        padding-bottom: max(0.5rem, env(safe-area-inset-bottom, 0px));
        box-sizing: border-box;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        min-height: 100%;
        min-height: 100dvh;
    }
    #orderModal .modal-dialog.modal-mobile {
        margin: 0 auto !important;
        width: 100%;
        max-width: 100%;
        max-height: calc(100dvh - 1rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
        max-height: calc(100vh - 1rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
        height: auto;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
    }
    #orderModal .modal-content {
        max-height: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
    #orderModal .modal-body {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        flex: 1 1 auto;
        min-height: 0;
    }
    #orderModal.modal.fade .modal-dialog,
    #orderModal.modal.fade.show .modal-dialog {
        animation: none;
        transform: none;
    }
}html[data-panel-page="buy"] /* Servis kategorileri - Metronic / panel teması */
        #kt_content_container.buy-page-services .service-card{
            background: var(--bs-body-bg);
            border: 1px solid var(--bs-gray-200);
            border-radius: 0.625rem;
            box-shadow: 0 0 20px rgba(24, 28, 50, 0.04);
            overflow: hidden;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-header{
            background: var(--bs-gray-100);
            border-bottom: 1px solid var(--bs-gray-200);
            padding: 1rem 1.25rem;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-header .card-title h3{
            color: var(--bs-gray-900);
            font-size: 1.1rem;
            font-weight: 600;
            margin: 0;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-header .text-primary{
            color: var(--bs-primary) !important;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .search-container{
            position: relative;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .search-input-wrapper{
            position: relative;
            background: var(--bs-body-bg);
            border-radius: 0.475rem;
            padding: 0;
            border: 1px solid var(--bs-gray-300);
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .search-input-wrapper:focus-within{
            border-color: var(--bs-primary);
            box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.15);
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .search-input{
            background: transparent !important;
            border: none !important;
            color: var(--bs-gray-900) !important;
            padding: 0.65rem 1rem 0.65rem 2.75rem !important;
            font-size: 0.95rem;
            width: 100%;
            outline: none;
            border-radius: 0.475rem;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .search-input::placeholder{
            color: var(--bs-gray-500);
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .search-icon-left{
            position: absolute;
            left: 1rem;
            top: 50%;
            transform: translateY(-50%);
            color: var(--bs-gray-500);
            font-size: 1rem;
            z-index: 2;
            pointer-events: none;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .search-focus-border{
            display: none;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .category-section{
            margin-bottom: 0;
            min-width: 0;
            display: flex;
            flex-direction: column;
            align-self: start;
            height: auto;
            min-height: 0;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .category-header{
            margin-bottom: 0.65rem;
            text-align: left;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .category-badge{
            display: inline-flex;
            align-items: center;
            padding: 0.35rem 0.75rem;
            border-radius: 0.475rem;
            font-size: 0.7rem;
            font-weight: 600;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .category-badge.popular{
            background: rgba(var(--bs-warning-rgb), 0.15);
            color: var(--bs-gray-900);
            border: 1px solid rgba(var(--bs-warning-rgb), 0.35);
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .category-badge.normal{
            background: rgba(var(--bs-primary-rgb), 0.1);
            color: var(--bs-gray-800);
            border: 1px solid rgba(var(--bs-primary-rgb), 0.2);
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .services-grid{
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            grid-auto-rows: auto;
            align-content: start;
            gap: 0.75rem;
            margin-bottom: 0;
            flex: none;
            min-height: 0;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item{
            background: var(--bs-body-bg);
            border: 1px solid var(--bs-gray-200);
            border-radius: 0.475rem;
            padding: 0.65rem 0.85rem;
            cursor: pointer;
            transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
            display: flex;
            align-items: center;
            align-self: start;
            gap: 0.85rem;
            position: relative;
            overflow: hidden;
            will-change: auto;
            min-height: 0;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item::before{
            display: none;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item:hover{
            transform: none;
            border-color: rgba(var(--bs-primary-rgb), 0.45);
            box-shadow: 0 0 20px rgba(24, 28, 50, 0.06);
            background: rgba(var(--bs-primary-rgb), 0.04);
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item.popular{
            border-color: rgba(var(--bs-warning-rgb), 0.4);
            background: rgba(var(--bs-warning-rgb), 0.06);
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item.popular:hover{
            border-color: rgba(var(--bs-warning-rgb), 0.55);
            background: rgba(var(--bs-warning-rgb), 0.1);
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-icon{
            width: 46px;
            height: 46px;
            min-width: 46px;
            background: var(--bs-gray-100);
            border: 1px solid var(--bs-gray-200);
            border-radius: 0.475rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.35rem;
            color: var(--bs-gray-700);
            transition: background 0.2s ease, border-color 0.2s ease;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item:hover .service-icon{
            background: rgba(var(--bs-primary-rgb), 0.1);
            border-color: rgba(var(--bs-primary-rgb), 0.25);
            transform: none;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-icon img{
            width: 28px;
            height: 28px;
            object-fit: contain;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-icon i{
            font-size: 1.35rem;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-content{
            flex: 1;
            min-width: 0;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-title{
            color: var(--bs-gray-900);
            font-size: 0.95rem;
            font-weight: 600;
            margin: 0 0 0.25rem 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-badges{
            display: flex;
            gap: 0.5rem;
            flex-wrap: wrap;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .badge{
            padding: 0.2rem 0.55rem;
            border-radius: 0.35rem;
            font-size: 0.7rem;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 0.25rem;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .badge-popular{
            background: rgba(var(--bs-warning-rgb), 0.2);
            color: var(--bs-gray-900);
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .badge-other{
            background: var(--bs-gray-200);
            color: var(--bs-gray-800);
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-arrow{
            color: var(--bs-gray-500);
            font-size: 0.95rem;
            transition: color 0.2s ease, transform 0.2s ease;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item:hover .service-arrow{
            color: var(--bs-primary);
            transform: translateX(4px);
        }html[data-panel-page="buy"] /* Solda popüler, sağda tüm servisler (iki sütun); mobilde tek sütun */
        #kt_content_container.buy-page-services .services-list.buy-services-list-split{
            display: grid !important;
            grid-template-columns: 1fr 1fr;
            gap: 1rem 1.25rem;
            align-items: start;
            max-height: calc(100vh - 300px);
            overflow-y: auto;
            overflow-x: hidden;
            padding-right: 0.35rem;
        }

        @media (max-width: 991.98px) {html[data-panel-page="buy"] #kt_content_container.buy-page-services .services-list.buy-services-list-split{
                grid-template-columns: 1fr;
            }
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .services-list > .category-section:only-child{
            grid-column: 1 / -1;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .services-list::-webkit-scrollbar{
            width: 6px;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .services-list::-webkit-scrollbar-track{
            background: var(--bs-gray-200);
            border-radius: 3px;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .services-list::-webkit-scrollbar-thumb{
            background: var(--bs-gray-400);
            border-radius: 3px;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .services-list::-webkit-scrollbar-thumb:hover{
            background: var(--bs-gray-500);
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .no-results-message{
            text-align: center;
            padding: 2.5rem 1rem;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .no-results-icon{
            font-size: 3rem;
            color: var(--bs-gray-400);
            margin-bottom: 0.75rem;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .no-results-message h5{
            color: var(--bs-gray-800);
            margin-bottom: 0.35rem;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .no-results-message p{
            color: var(--bs-gray-600);
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .loading-container{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 200px;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .loading-spinner{
            position: relative;
            width: 56px;
            height: 56px;
            margin-bottom: 1rem;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .spinner-ring{
            position: absolute;
            width: 100%;
            height: 100%;
            border: 3px solid transparent;
            border-top: 3px solid var(--bs-primary);
            border-radius: 50%;
            animation: panel_buy_buySpin 1.2s linear infinite;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .spinner-ring:nth-child(2){
            width: 80%;
            height: 80%;
            top: 10%;
            left: 10%;
            border-top-color: var(--bs-primary);
            opacity: 0.7;
            animation-delay: -0.4s;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .spinner-ring:nth-child(3){
            width: 60%;
            height: 60%;
            top: 20%;
            left: 20%;
            border-top-color: var(--bs-primary);
            opacity: 0.45;
            animation-delay: -0.8s;
        }

        @keyframes panel_buy_buySpin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .loading-text{
            color: var(--bs-gray-600);
            font-size: 0.95rem;
            margin: 0;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card{
            background: #252530;
            border-color: #3a3a45;
            box-shadow: none;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card-header{
            background: #2a2a35;
            border-bottom-color: #3a3a45;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card-header .card-title h3{
            color: #e1e1e1;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .search-input-wrapper{
            background: #252530;
            border-color: #3a3a45;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .search-input-wrapper:focus-within{
            border-color: var(--bs-primary);
            box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.22);
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .search-input{
            color: #e1e1e1 !important;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .search-input::placeholder{
            color: #9ca3af;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .search-icon-left{
            color: #9ca3af;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .category-badge.popular{
            background: rgba(var(--bs-warning-rgb), 0.12);
            color: #fbbf24;
            border-color: rgba(251, 191, 36, 0.35);
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .category-badge.normal{
            background: rgba(var(--bs-primary-rgb), 0.12);
            color: #e1e1e1;
            border-color: rgba(var(--bs-primary-rgb), 0.28);
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card-item{
            background: #252530;
            border-color: #3a3a45;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card-item:hover{
            border-color: rgba(var(--bs-primary-rgb), 0.45);
            background: rgba(var(--bs-primary-rgb), 0.08);
            box-shadow: none;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card-item.popular{
            border-color: rgba(251, 191, 36, 0.35);
            background: rgba(251, 191, 36, 0.06);
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card-item.popular:hover{
            border-color: rgba(251, 191, 36, 0.5);
            background: rgba(251, 191, 36, 0.1);
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-icon{
            background: #2a2a35;
            border-color: #3a3a45;
            color: #e1e1e1;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card-item:hover .service-icon{
            background: rgba(var(--bs-primary-rgb), 0.15);
            border-color: rgba(var(--bs-primary-rgb), 0.35);
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-title{
            color: #e1e1e1;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .badge-popular{
            background: rgba(251, 191, 36, 0.15);
            color: #fde68a;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .badge-other{
            background: #3a3a45;
            color: #e1e1e1;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-arrow{
            color: #9ca3af;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .services-list::-webkit-scrollbar-track{
            background: #2a2a35;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .services-list::-webkit-scrollbar-thumb{
            background: #4b5563;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .no-results-icon{
            color: #6b7280;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .no-results-message h5{
            color: #e1e1e1;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .no-results-message p{
            color: #9ca3af;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .loading-text{
            color: #9ca3af;
        }html[data-panel-page="buy"] /* Responsive Design - sadece buy kategorileri */
        @media (max-width: 991.98px){
            #kt_content_container.buy-page-services .service-card {
                margin-bottom: 1rem;
            }
            #kt_content_container.buy-page-services .services-grid {
                grid-template-columns: 1fr;
            }
            #kt_content_container.buy-page-services .service-card-item {
                padding: 0.85rem 1rem;
            }
            #kt_content_container.buy-page-services .service-icon {
                width: 42px;
                height: 42px;
                min-width: 42px;
            }
            #kt_content_container.buy-page-services .service-title {
                font-size: 0.9rem;
            }
        }

        @media (max-width: 576px) {html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-header{
                padding: 0.85rem 1rem;
            }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-header .card-title h3{
                font-size: 1rem;
            }html[data-panel-page="buy"] #kt_content_container.buy-page-services .search-input{
                padding: 0.55rem 1rem 0.55rem 2.5rem !important;
                font-size: 0.9rem;
            }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item{
                padding: 0.65rem 0.85rem;
                gap: 0.65rem;
            }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-icon{
                width: 40px;
                height: 40px;
                min-width: 40px;
            }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-title{
                font-size: 0.85rem;
            }html[data-panel-page="buy"] #kt_content_container.buy-page-services .badge{
                font-size: 0.65rem;
            }
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item.filtered-out{
            display: none !important;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item[style*="visibility: hidden"]{
            display: none !important;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item[style*="opacity: 0"]{
            opacity: 0 !important;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item{
            margin: 0;
            transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, opacity 0.3s ease, visibility 0.3s ease;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .search-input:focus{
            box-shadow: none !important;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item:focus{
            outline: none;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item:focus-visible{
            outline: 2px solid rgba(var(--bs-primary-rgb), 0.55);
            outline-offset: 2px;
        }

        @media (hover: none) {html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item:active{
                transform: scale(0.99);
                transition: transform 0.1s ease;
            }
        }


@media (max-width: 992px) {html[data-panel-page="buy"] .header-fixed[data-kt-sticky-header=on] .header{
        height: 130px !important;
    }html[data-panel-page="buy"] .header .header-container{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
}html[data-panel-page="buy"] /* JS hover-stable - tema ile uyumlu */
        #kt_content_container.buy-page-services .service-card-item{
            -webkit-user-select: none;
            user-select: none;
            cursor: pointer !important;
            -webkit-tap-highlight-color: transparent;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item.hover-stable,
html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item.hover-active{
            transform: none;
            transition: none;
            border-color: rgba(var(--bs-primary-rgb), 0.5);
            background: rgba(var(--bs-primary-rgb), 0.08);
            box-shadow: 0 0 20px rgba(24, 28, 50, 0.08);
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item.hover-stable .service-icon,
html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item.hover-active .service-icon{
            background: rgba(var(--bs-primary-rgb), 0.12);
            border-color: rgba(var(--bs-primary-rgb), 0.3);
            transform: none;
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item.hover-stable .service-arrow,
html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item.hover-active .service-arrow{
            color: var(--bs-primary);
            transform: translateX(4px);
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card-item.hover-stable,
html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card-item.hover-active{
            border-color: rgba(var(--bs-primary-rgb), 0.45);
            background: rgba(var(--bs-primary-rgb), 0.12);
            box-shadow: none;
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card-item.hover-stable .service-icon,
html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card-item.hover-active .service-icon{
            background: rgba(var(--bs-primary-rgb), 0.18);
            border-color: rgba(var(--bs-primary-rgb), 0.35);
        }html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item.popular.hover-stable,
html[data-panel-page="buy"] #kt_content_container.buy-page-services .service-card-item.popular.hover-active{
            border-color: rgba(var(--bs-warning-rgb), 0.55);
            background: rgba(var(--bs-warning-rgb), 0.1);
        }html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card-item.popular.hover-stable,
html[data-panel-page="buy"] body:not(.light-mode) #kt_content_container.buy-page-services .service-card-item.popular.hover-active{
            border-color: rgba(251, 191, 36, 0.45);
            background: rgba(251, 191, 36, 0.1);
        }html[data-panel-page="buy"] /* ============================================
   YILBAŞI TEMASI
   ============================================ */
.newyear-theme .modal-content{
    position: relative;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    border: 2px solid rgba(255, 215, 0, 0.3);
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.2), 
                0 0 60px rgba(220, 20, 60, 0.15),
                inset 0 0 30px rgba(255, 215, 0, 0.1);
    overflow: hidden;
}html[data-panel-page="buy"] .newyear-theme .modal-header{
    background: linear-gradient(135deg, rgba(220, 20, 60, 0.2) 0%, rgba(255, 215, 0, 0.2) 100%);
    border-bottom: 2px solid rgba(255, 215, 0, 0.3);
    position: relative;
    z-index: 10;
}html[data-panel-page="buy"] .newyear-theme .modal-header .modal-title{
    color: #ffd700;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5),
                 0 0 20px rgba(220, 20, 60, 0.3);
    font-weight: 700;
}html[data-panel-page="buy"] .newyear-theme .modal-body{
    position: relative;
    z-index: 10;
}html[data-panel-page="buy"] .newyear-theme .modal-footer{
    background: linear-gradient(135deg, rgba(220, 20, 60, 0.1) 0%, rgba(255, 215, 0, 0.1) 100%);
    border-top: 2px solid rgba(255, 215, 0, 0.3);
    position: relative;
    z-index: 10;
}html[data-panel-page="buy"] .newyear-theme .btn-primary{
    background: linear-gradient(135deg, #dc143c 0%, #ffd700 100%);
    border: 2px solid rgba(255, 215, 0, 0.5);
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3),
                0 0 20px rgba(220, 20, 60, 0.2);
    transition: all 0.3s ease;
}html[data-panel-page="buy"] .newyear-theme .btn-primary:hover{
    background: linear-gradient(135deg, #ffd700 0%, #dc143c 100%);
    box-shadow: 0 6px 20px rgba(255, 215, 0, 0.5),
                0 0 30px rgba(220, 20, 60, 0.3);
    transform: translateY(-2px);
}html[data-panel-page="buy"] /* Kar Taneleri Animasyonu */
.newyear-decorations{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1000;
    overflow: visible;
}html[data-panel-page="buy"] .snowflakes{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: visible;
}html[data-panel-page="buy"] .snowflake{
    position: absolute;
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.2em;
    font-family: Arial, sans-serif;
    text-shadow: 
        0 0 10px rgba(255, 255, 255, 0.8),
        0 0 20px rgba(200, 220, 255, 0.6),
        0 0 30px rgba(180, 200, 255, 0.4);
    animation: panel_buy_snowfall linear infinite;
    top: -10px;
    z-index: 1001;
    pointer-events: none;
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.5));
}html[data-panel-page="buy"] .snowflake.accumulated{
    animation: none !important;
    position: absolute;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}html[data-panel-page="buy"] .snowflake.pushed{
    pointer-events: none;
    z-index: 1002;
}html[data-panel-page="buy"] .snowflake.falling{
    pointer-events: none;
    z-index: 1002;
}

@keyframes panel_buy_snowfall {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translateY(100vh) rotate(360deg);
        opacity: 0;
    }
}html[data-panel-page="buy"] /* Konfeti Container */
.confetti-container{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}html[data-panel-page="buy"] .confetti{
    position: absolute;
    width: 12px;
    height: 12px;
    background: #ffd700;
    animation: panel_buy_confetti-fall linear infinite;
    z-index: 1001;
    pointer-events: none;
    box-shadow: 
        0 0 8px rgba(255, 215, 0, 0.8),
        0 0 15px rgba(255, 215, 0, 0.5),
        inset 0 0 5px rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    filter: brightness(1.1) saturate(1.2);
}html[data-panel-page="buy"] .confetti.accumulated{
    animation: none !important;
    position: absolute;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}html[data-panel-page="buy"] .confetti.pushed{
    pointer-events: none;
    z-index: 1002;
}html[data-panel-page="buy"] .confetti.falling{
    pointer-events: none;
    z-index: 1002;
}html[data-panel-page="buy"] .confetti:nth-child(2n){
    background: #ff1744;
    box-shadow: 
        0 0 8px rgba(255, 23, 68, 0.8),
        0 0 15px rgba(255, 23, 68, 0.5),
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}html[data-panel-page="buy"] .confetti:nth-child(3n){
    background: #00e676;
    box-shadow: 
        0 0 8px rgba(0, 230, 118, 0.8),
        0 0 15px rgba(0, 230, 118, 0.5),
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}html[data-panel-page="buy"] .confetti:nth-child(4n){
    background: #00b0ff;
    box-shadow: 
        0 0 8px rgba(0, 176, 255, 0.8),
        0 0 15px rgba(0, 176, 255, 0.5),
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}html[data-panel-page="buy"] .confetti:nth-child(5n){
    background: #ff6d00;
    box-shadow: 
        0 0 8px rgba(255, 109, 0, 0.8),
        0 0 15px rgba(255, 109, 0, 0.5),
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}html[data-panel-page="buy"] .confetti:nth-child(6n){
    background: #d500f9;
    box-shadow: 
        0 0 8px rgba(213, 0, 249, 0.8),
        0 0 15px rgba(213, 0, 249, 0.5),
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}

@keyframes panel_buy_confetti-fall {
    0% {
        transform: translateY(-10px) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translateY(100vh) rotate(720deg);
        opacity: 0;
    }
}html[data-panel-page="buy"] /* Yılbaşı Işıkları */
.newyear-theme .modal-content::before{
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, 
        rgba(255, 215, 0, 0.1) 0%,
        rgba(220, 20, 60, 0.1) 25%,
        transparent 50%);
    animation: panel_buy_rotate 20s linear infinite;
    pointer-events: none;
    z-index: 0;
}

@keyframes panel_buy_rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}html[data-panel-page="buy"] /* Form Elementleri Yılbaşı Teması */
.newyear-theme .form-select,
html[data-panel-page="buy"] .newyear-theme .form-control{
    border: 1px solid rgba(255, 215, 0, 0.3);
    background: rgba(26, 26, 46, 0.8);
    color: #fff;
}html[data-panel-page="buy"] .newyear-theme .form-select:focus,
html[data-panel-page="buy"] .newyear-theme .form-control:focus{
    border-color: rgba(255, 215, 0, 0.6);
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
    background: rgba(26, 26, 46, 0.9);
}html[data-panel-page="buy"] .newyear-theme .form-floating > label{
    color: rgba(255, 255, 255, 0.7);
}html[data-panel-page="buy"] .newyear-theme .form-floating > .form-select:focus ~ label,
html[data-panel-page="buy"] .newyear-theme .form-floating > .form-control:focus ~ label{
    color: #ffd700;
}html[data-panel-page="buy"] /* Badge ve Alert Yılbaşı Teması */
.newyear-theme .bg-light-primary{
    background: linear-gradient(135deg, rgba(0, 191, 255, 0.2) 0%, rgba(255, 215, 0, 0.2) 100%) !important;
    border: 1px solid rgba(255, 215, 0, 0.3);
}html[data-panel-page="buy"] .newyear-theme .bg-light-success{
    background: linear-gradient(135deg, rgba(0, 255, 0, 0.2) 0%, rgba(255, 215, 0, 0.2) 100%) !important;
    border: 1px solid rgba(255, 215, 0, 0.3);
}html[data-panel-page="buy"] .newyear-theme .alert-warning{
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.15) 0%, rgba(220, 20, 60, 0.15) 100%);
    border: 1px solid rgba(255, 215, 0, 0.4);
    color: #fff;
}html[data-panel-page="buy"] .newyear-theme .alert-danger{
    background: linear-gradient(135deg, rgba(220, 20, 60, 0.2) 0%, rgba(255, 69, 0, 0.2) 100%);
    border: 1px solid rgba(220, 20, 60, 0.4);
}html[data-panel-page="buy"] /* Text Colors */
.newyear-theme .text-gray-600{
    color: rgba(255, 255, 255, 0.8) !important;
}html[data-panel-page="buy"] .newyear-theme .text-primary{
    color: #00bfff !important;
    text-shadow: 0 0 5px rgba(0, 191, 255, 0.5);
}html[data-panel-page="buy"] .newyear-theme .text-success{
    color: #00ff00 !important;
    text-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
}html[data-panel-page="buy"] .newyear-theme .text-warning{
    color: #ffd700 !important;
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
}html[data-panel-page="buy"] .newyear-theme .text-danger{
    color: #ff6b6b !important;
    text-shadow: 0 0 5px rgba(255, 107, 107, 0.5);
}html[data-panel-page="buy"] /* Close Button */
.newyear-theme .btn-close{
    filter: brightness(0) invert(1);
    opacity: 0.8;
}html[data-panel-page="buy"] .newyear-theme .btn-close:hover{
    opacity: 1;
    filter: brightness(0) invert(1) drop-shadow(0 0 5px rgba(255, 215, 0, 0.8));
}html[data-panel-page="buy"] /* ============================================
   YILBAŞI TEMASI - SAYFA
   ============================================ */
.newyear-theme-page{
    position: relative;
    overflow: hidden;
}html[data-panel-page="buy"] .newyear-theme-page::before{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
        rgba(220, 20, 60, 0.05) 0%,
        rgba(255, 215, 0, 0.05) 25%,
        rgba(0, 255, 0, 0.05) 50%,
        rgba(0, 191, 255, 0.05) 75%,
        rgba(220, 20, 60, 0.05) 100%);
    background-size: 400% 400%;
    animation: panel_buy_gradientShift 15s ease infinite;
    pointer-events: none;
    z-index: 0;
}

@keyframes panel_buy_gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}html[data-panel-page="buy"] /* Yılbaşı Dekorasyonları - Sayfa */
.newyear-decorations-page{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    overflow: visible;
}html[data-panel-page="buy"] .snowflakes-page{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: visible;
}html[data-panel-page="buy"] .snowflake-page{
    position: fixed;
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.2em;
    font-family: Arial, sans-serif;
    text-shadow: 
        0 0 10px rgba(255, 255, 255, 0.8),
        0 0 20px rgba(200, 220, 255, 0.6),
        0 0 30px rgba(180, 200, 255, 0.4);
    animation: panel_buy_snowfall-page linear infinite;
    top: -10px;
    z-index: 10000;
    pointer-events: none;
    will-change: transform, opacity;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.5));
    --random-x: 0px; /* CSS variable için varsayılan değer */
}html[data-panel-page="buy"] .snowflake-page.accumulated{
    animation: none !important;
    position: fixed;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}html[data-panel-page="buy"] .snowflake-page.pushed{
    pointer-events: none;
    z-index: 10001;
}html[data-panel-page="buy"] .snowflake-page.falling{
    pointer-events: none;
    z-index: 10001;
}

@keyframes panel_buy_snowfall-page {
    0% {
        transform: translateY(0) translateX(0) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translateY(100vh) translateX(0) rotate(360deg);
        opacity: 0;
    }
}html[data-panel-page="buy"] /* Masaüstünde rastgele X hareketi için */
@media (min-width: 768px){
    @keyframes snowfall-page {
        0% {
            transform: translateY(0) translateX(0) rotate(0deg);
            opacity: 1;
        }
        100% {
            transform: translateY(100vh) translateX(50px) rotate(360deg);
            opacity: 0;
        }
    }
}html[data-panel-page="buy"] /* Mobil cihazlarda rastgele X hareketi için */
@media (max-width: 767px){
    .snowflake-page {
        animation: panel_buy_snowfall-page-mobile linear infinite;
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.6) !important; /* Daha basit shadow */
        filter: none !important; /* Filter'ı kaldır (GPU kullanımını azaltır) */
        will-change: auto !important; /* will-change'i kaldır */
        -webkit-font-smoothing: auto !important; /* Font smoothing'i kaldır */
    }
    
    .confetti-page {
        animation: panel_buy_confetti-fall-page-mobile linear infinite;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) !important; /* Daha basit shadow */
        filter: none !important; /* Filter'ı kaldır */
        will-change: auto !important; /* will-change'i kaldır */
    }
    
    @keyframes snowfall-page-mobile {
        0% {
            transform: translateY(0) translateX(0) rotate(0deg);
            opacity: 1;
        }
        100% {
            transform: translateY(100vh) translateX(var(--random-x, 0px)) rotate(360deg);
            opacity: 0;
        }
    }
    
    @keyframes confetti-fall-page-mobile {
        0% {
            transform: translateY(-10px) translateX(0) rotate(0deg);
            opacity: 1;
        }
        100% {
            transform: translateY(100vh) translateX(var(--random-x, 0px)) rotate(720deg);
            opacity: 0;
        }
    }
}html[data-panel-page="buy"] /* Konfeti Container - Sayfa */
.confetti-container-page{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}html[data-panel-page="buy"] .confetti-page{
    position: fixed;
    width: 12px;
    height: 12px;
    background: #ffd700;
    animation: panel_buy_confetti-fall-page linear infinite;
    z-index: 10000;
    pointer-events: none;
    box-shadow: 
        0 0 8px rgba(255, 215, 0, 0.8),
        0 0 15px rgba(255, 215, 0, 0.5),
        inset 0 0 5px rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    filter: brightness(1.1) saturate(1.2);
    --random-x: 0px; /* CSS variable için varsayılan değer */
}html[data-panel-page="buy"] .confetti-page.accumulated{
    animation: none !important;
    position: fixed;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}html[data-panel-page="buy"] .confetti-page.pushed{
    pointer-events: none;
    z-index: 10001;
}html[data-panel-page="buy"] .confetti-page.falling{
    pointer-events: none;
    z-index: 10001;
}html[data-panel-page="buy"] .confetti-page:nth-child(2n){
    background: #ff1744;
    box-shadow: 
        0 0 8px rgba(255, 23, 68, 0.8),
        0 0 15px rgba(255, 23, 68, 0.5),
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}html[data-panel-page="buy"] .confetti-page:nth-child(3n){
    background: #00e676;
    box-shadow: 
        0 0 8px rgba(0, 230, 118, 0.8),
        0 0 15px rgba(0, 230, 118, 0.5),
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}html[data-panel-page="buy"] .confetti-page:nth-child(4n){
    background: #00b0ff;
    box-shadow: 
        0 0 8px rgba(0, 176, 255, 0.8),
        0 0 15px rgba(0, 176, 255, 0.5),
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}html[data-panel-page="buy"] .confetti-page:nth-child(5n){
    background: #ff6d00;
    box-shadow: 
        0 0 8px rgba(255, 109, 0, 0.8),
        0 0 15px rgba(255, 109, 0, 0.5),
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}html[data-panel-page="buy"] .confetti-page:nth-child(6n){
    background: #d500f9;
    box-shadow: 
        0 0 8px rgba(213, 0, 249, 0.8),
        0 0 15px rgba(213, 0, 249, 0.5),
        inset 0 0 5px rgba(255, 255, 255, 0.3);
}

@keyframes panel_buy_confetti-fall-page {
    0% {
        transform: translateY(-10px) translateX(0) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translateY(100vh) translateX(0) rotate(720deg);
        opacity: 0;
    }
}html[data-panel-page="buy"] /* Masaüstünde rastgele X hareketi için */
@media (min-width: 768px){
    @keyframes confetti-fall-page {
        0% {
            transform: translateY(-10px) translateX(0) rotate(0deg);
            opacity: 1;
        }
        100% {
            transform: translateY(100vh) translateX(100px) rotate(720deg);
            opacity: 0;
        }
    }
}html[data-panel-page="buy"] /* Service Card Yılbaşı Teması */
.newyear-theme-page .service-card{
    background: linear-gradient(135deg, 
        rgba(220, 20, 60, 0.1) 0%, 
        rgba(255, 217, 0, 0.28) 50%, 
        rgba(0, 255, 0, 0.1) 100%) !important;
    border: 2px solid rgba(255, 215, 0, 0.3) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1),
                0 0 20px rgba(255, 215, 0, 0.1) !important;
    position: relative;
    z-index: 2;
}html[data-panel-page="buy"] .newyear-theme-page .service-card-header{
    background: linear-gradient(135deg, rgba(220, 20, 60, 0.15) 0%, rgba(255, 215, 0, 0.15) 100%) !important;
    border-bottom: 2px solid rgba(255, 215, 0, 0.3) !important;
}html[data-panel-page="buy"] .newyear-theme-page .service-card-header .card-title h3{
    color: #ffd700 !important;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5),
                 0 0 20px rgba(220, 20, 60, 0.3) !important;
}html[data-panel-page="buy"] .newyear-theme-page .service-card-item{
    border: 1px solid rgba(255, 215, 0, 0.2) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}html[data-panel-page="buy"] .newyear-theme-page .service-card-item:hover{
    border-color: rgba(255, 215, 0, 0.5) !important;
    background: rgba(255, 215, 0, 0.1) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2),
                0 0 20px rgba(255, 215, 0, 0.2) !important;
}html[data-panel-page="buy"] .newyear-theme-page .service-card-item.popular{
    border-color: rgba(255, 215, 0, 0.4) !important;
    background: rgba(255, 215, 0, 0.08) !important;
}html[data-panel-page="buy"] .newyear-theme-page .service-card-item.popular:hover{
    border-color: rgba(255, 215, 0, 0.7) !important;
    background: rgba(255, 215, 0, 0.15) !important;
    box-shadow: 0 15px 35px rgba(255, 215, 0, 0.3) !important;
}html[data-panel-page="buy"] /* Search Input Yılbaşı Teması */
.newyear-theme-page .search-input-wrapper{
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.1) !important;
}html[data-panel-page="buy"] .newyear-theme-page .search-input-wrapper:focus-within{
    border-color: rgba(255, 215, 0, 0.6) !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.3) !important;
}html[data-panel-page="buy"] .newyear-theme-page .search-focus-border{
    background: linear-gradient(90deg, #ffd700, #dc143c) !important;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.5) !important;
}html[data-panel-page="buy"] /* Category Badge Yılbaşı Teması */
.newyear-theme-page .category-badge.popular{
    background: linear-gradient(135deg, #ffd700, #dc143c) !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}html[data-panel-page="buy"] .newyear-theme-page .category-badge.normal{
    background: linear-gradient(135deg, #00bfff, #00ff00) !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(0, 191, 255, 0.3) !important;
}html[data-panel-page="buy"] /* Container z-index */
.newyear-theme-page .container-xxl,
html[data-panel-page="buy"] .newyear-theme-page .row,
html[data-panel-page="buy"] .newyear-theme-page .col-lg-6,
html[data-panel-page="buy"] .newyear-theme-page .col-lg-9{
    position: relative;
    z-index: 2;
}




/* buy2.php block 1 */



@keyframes panel_buy2_pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}html[data-panel-page="buy2"] .bullet-dot-anim{
    animation: panel_buy2_pulse 1.5s infinite;
}html[data-panel-page="buy2"] /* Açılış animasyonu */
@keyframes modalFadeIn{
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}html[data-panel-page="buy2"] /* Kapanış animasyonu */
@keyframes modalFadeOut{
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-50px);
    opacity: 0;
  }
}html[data-panel-page="buy2"] /* Modal animasyon sınıfları */
.modal.fade .modal-dialog{
  animation-duration: 0.5s;
  animation-fill-mode: both;
}html[data-panel-page="buy2"] .modal.fade.show .modal-dialog{
  animation-name: panel_buy2_modalFadeIn;
}html[data-panel-page="buy2"] .modal.fade:not(.show) .modal-dialog{
  animation-name: panel_buy2_modalFadeOut;
}html[data-panel-page="buy2"] /* Telefon ekranları için modal boyutunu küçült */
@media (max-width: 576px){
  .modal-dialog {
    max-width: 90%; /* Modal genişliğini küçült */
    margin: 1rem auto; /* Etrafındaki boşluğu azalt */
  }

  .modal-content {
    padding: 1rem; /* İç boşluğu azalt */
  }

  .modal-title {
    font-size: 1.25rem; /* Başlık boyutunu küçült */
  }

  .modal-body {
    font-size: 0.9rem; /* İçerik boyutunu küçült */
  }

  .modal-footer button {
    font-size: 0.875rem; /* Buton boyutunu küçült */
    padding: 0.5rem 1rem; /* Butonların iç boşluğunu ayarla */
  }
}





/* numbers2.php block 1 */

html[data-panel-page="numbers"] body.dark-mode .numbers-container{
    background-color: #28303B;
    color: #ffffff;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .number-entry{
    background-color: #28303B;
    border-bottom: 1px solid #3a424e;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .entry-id{
    color: #ffffff;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .entry-date{
    color: #a0a0a0;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .whatsapp-text{
    color: #ffffff;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .country-text{
    color: #ffffff;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .phone-number{
    color: #ffffff;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .virtual-info{
    color: #a0a0a0;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .last-message-code{
    background-color: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .empty-state{
    color: #a0a0a0;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .empty-state-title{
    color: #ffffff;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .pagination-container{
    background-color: #28303B;
    border-top: 1px solid #3a424e;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .pagination-info{
    color: #a0a0a0;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .pagination-button{
    background-color: #3a424e;
    border: 1px solid #4a5568;
    color: #ffffff;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .pagination-button:hover:not(.disabled){
    background-color: #4a5568;
    border-color: #5a6578;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .pagination-button.disabled{
    background-color: #2d3748;
    border-color: #3a424e;
    color: #6c757d;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .page-number{
    background-color: #3a424e;
    border: 1px solid #4a5568;
    color: #ffffff;
}html[data-panel-page="numbers"] body.dark-mode .numbers-container .page-number:hover:not(.active){
    background-color: #4a5568;
    border-color: #5a6578;
}html[data-panel-page="numbers"] body.light-mode .numbers-container{
    background-color: #ffffff;
    color: #333333;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}html[data-panel-page="numbers"] body.light-mode .numbers-container .number-entry{
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .entry-id{
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .entry-date{
    color: #718096;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .whatsapp-text{
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .country-text{
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .phone-number{
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .virtual-info{
    color: #718096;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .last-message-code{
    background-color: #f7fafc;
    border-color: #e2e8f0;
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .empty-state{
    color: #718096;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .empty-state-title{
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .pagination-container{
    background-color: #ffffff;
    border-top: 1px solid #e2e8f0;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .pagination-info{
    color: #718096;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .pagination-button{
    background-color: #f7fafc;
    border: 1px solid #e2e8f0;
    color: #4a5568;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .pagination-button:hover:not(.disabled){
    background-color: #edf2f7;
    border-color: #cbd5e0;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .pagination-button.disabled{
    background-color: #f7fafc;
    border-color: #e2e8f0;
    color: #a0aec0;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .page-number{
    background-color: #f7fafc;
    border: 1px solid #e2e8f0;
    color: #4a5568;
}html[data-panel-page="numbers"] body.light-mode .numbers-container .page-number:hover:not(.active){
    background-color: #edf2f7;
    border-color: #cbd5e0;
}html[data-panel-page="numbers"] .numbers-container{
    min-height: 100vh;
    padding: 0;
    width: 60%;
    max-width: 800px;
    border-radius: 10px;
    position: relative;
    transition: all 0.3s ease;
    flex: 1 1 auto; 
    min-width: 300px; 
    background-color: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}html[data-panel-page="numbers"] .pagination-container{
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}html[data-panel-page="numbers"] .pagination-info{
    font-size: 14px;
}html[data-panel-page="numbers"] .pagination-controls{
    display: flex;
    gap: 5px;
    align-items: center;
}html[data-panel-page="numbers"] .pagination-button{
    padding: 11px 7px;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}html[data-panel-page="numbers"] .pagination-button.disabled{
    cursor: not-allowed;
}html[data-panel-page="numbers"] .pagination-button.active{
    background-color: #ffc107;
    border-color: #ffc107;
    color: #28303B;
}html[data-panel-page="numbers"] .pagination-button.active:hover{
    background-color: #ffc107;
    border-color: #ffc107;
    color: #28303B;
}html[data-panel-page="numbers"] body.light-mode .pagination-button.active{
    background-color: #4299e1;
    border-color: #4299e1;
    color: #ffffff;
}html[data-panel-page="numbers"] body.light-mode .pagination-button.active:hover{
    background-color: #4299e1;
    border-color: #4299e1;
    color: #ffffff;
}html[data-panel-page="numbers"] .page-numbers{
    display: flex;
    gap: 5px;
    align-items: center;
}html[data-panel-page="numbers"] .page-number{
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    min-width: 32px;
    text-align: center;
}html[data-panel-page="numbers"] .page-number.active{
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #28303B !important;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(255, 193, 7, 0.3);
}html[data-panel-page="numbers"] .page-number.active:hover{
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #28303B !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(255, 193, 7, 0.4);
}html[data-panel-page="numbers"] body.light-mode .page-number.active{
    background-color: #4299e1 !important;
    border-color: #4299e1 !important;
    color: #ffffff !important;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(66, 153, 225, 0.3);
}html[data-panel-page="numbers"] body.light-mode .page-number.active:hover{
    background-color: #4299e1 !important;
    border-color: #4299e1 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(66, 153, 225, 0.4);
}html[data-panel-page="numbers"] body.dark-mode .page-number.active{
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #28303B !important;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(255, 193, 7, 0.3);
}html[data-panel-page="numbers"] body.dark-mode .page-number.active:hover{
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #28303B !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(255, 193, 7, 0.4);
}html[data-panel-page="numbers"] .empty-state{
    text-align: center;
    padding: 40px 20px;
}html[data-panel-page="numbers"] .empty-state-icon{
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}html[data-panel-page="numbers"] .empty-state-icon img{
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 8px;
}html[data-panel-page="numbers"] .empty-state-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}html[data-panel-page="numbers"] .empty-state-message{
    font-size: 14px;
    line-height: 1.5;
}html[data-panel-page="numbers"] .cancel-button-container{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}html[data-panel-page="numbers"] .cancel-button{
    background-color: #dc3545;
    border: 1px solid #dc3545;
    color: #ffffff;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}html[data-panel-page="numbers"] .cancel-button:hover{
    background-color: #c82333;
    border-color: #bd2130;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
}html[data-panel-page="numbers"] .cancel-button:active{
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(220, 53, 69, 0.3);
}html[data-panel-page="numbers"] .cancel-button i{
    font-size: 10px;
}html[data-panel-page="numbers"] body.light-mode .cancel-button{
    background-color: #e53e3e;
    border-color: #e53e3e;
}html[data-panel-page="numbers"] body.light-mode .cancel-button:hover{
    background-color: #c53030;
    border-color: #c53030;
    box-shadow: 0 2px 4px rgba(229, 62, 62, 0.3);
}html[data-panel-page="numbers"] body.light-mode .cancel-button:active{
    box-shadow: 0 1px 2px rgba(229, 62, 62, 0.3);
}html[data-panel-page="numbers"] .number-entry{
    padding: 20px 24px;
}html[data-panel-page="numbers"] .entry-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}html[data-panel-page="numbers"] .entry-row:last-child{
    margin-bottom: 0;
}html[data-panel-page="numbers"] .entry-id{
    font-size: 16px;
    font-weight: 600;
}html[data-panel-page="numbers"] .entry-date{
    font-size: 14px;
}html[data-panel-page="numbers"] .whatsapp-info{
    display: flex;
    align-items: center;
}html[data-panel-page="numbers"] .service-icon{
    width: 22px;
    height: 22px;
    margin-right: 8px;
    object-fit: contain;
    border-radius: 50%;
}html[data-panel-page="numbers"] .whatsapp-text{
    font-size: 14px;
}html[data-panel-page="numbers"] .virtual-info{
    font-size: 14px;
}html[data-panel-page="numbers"] .envelope-count{
    display: flex;
    align-items: center;
    color: #7ba7d1;
    font-size: 14px;
}html[data-panel-page="numbers"] .envelope-icon{
    width: 26px;
    height: 26px;
    margin-right: 6px;
    object-fit: contain;
}html[data-panel-page="numbers"] .last-message-code{
    font-size: 14px;
    font-weight: 600;
    padding: 4px 8px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    color: #495057;
    font-family: 'Courier New', monospace;
    letter-spacing: 0.5px;
}html[data-panel-page="numbers"] .status-icon{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}html[data-panel-page="numbers"] .status-success{
    background-color: #28a745;
}html[data-panel-page="numbers"] .status-pending{
    background-color: #945f2eab;
}html[data-panel-page="numbers"] .status-error{
    background-color: #dc3545;
}html[data-panel-page="numbers"] .status-icon i{
    color: white;
    font-size: 18px;
}html[data-panel-page="numbers"] body.light-mode .status-success{
    background-color: #38a169;
}html[data-panel-page="numbers"] body.light-mode .status-pending{
    background-color: #d69e2e;
}html[data-panel-page="numbers"] body.light-mode .status-error{
    background-color: #e53e3e;
}html[data-panel-page="numbers"] .status-icon .custom-pending-icon,
html[data-panel-page="numbers"] .status-icon .custom-success-icon,
html[data-panel-page="numbers"] .status-icon .custom-error-icon{
    width: 20px;
    height: 20px;
    fill: white;
}html[data-panel-page="numbers"] .status-icon .custom-pending-icon{
    animation: panel_numbers_hourglassRotate 3s linear infinite;
}
@keyframes panel_numbers_hourglassRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}html[data-panel-page="numbers"] .country-info-x{
    display: flex;
    align-items: center;
}html[data-panel-page="numbers"] .flag-icon{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
    object-fit: cover;
    object-position: center;
}html[data-panel-page="numbers"] .country-text{
    font-size: 14px;
}html[data-panel-page="numbers"] .phone-number{
    font-size: 14px;
    font-weight: 500;
}html[data-panel-page="numbers"] .additional-number{
    font-size: 12px;
}html[data-panel-page="numbers"] .debug-toggle{
    border-radius: 6px;
    padding: 10px;
    margin: 10px 0;
    cursor: pointer;
    transition: all 0.3s ease;
}html[data-panel-page="numbers"] .debug-title{
    font-size: 14px;
    font-weight: 500;
}html[data-panel-page="numbers"] .debug-content{
    margin-top: 10px;
    padding: 10px;
    border-radius: 4px;
}html[data-panel-page="numbers"] .debug-content pre{
    font-size: 12px;
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
}html[data-panel-page="numbers"] body.dark-mode .debug-toggle{
    background-color: #3a424e;
    border: 1px solid #4a5568;
}html[data-panel-page="numbers"] body.dark-mode .debug-toggle:hover{
    background-color: #4a5568;
}html[data-panel-page="numbers"] body.dark-mode .debug-title{
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .debug-content{
    background-color: #2d3748;
    border: 1px solid #4a5568;
}html[data-panel-page="numbers"] body.dark-mode .debug-content pre{
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.light-mode .debug-toggle{
    background-color: #f7fafc;
    border: 1px solid #e2e8f0;
}html[data-panel-page="numbers"] body.light-mode .debug-toggle:hover{
    background-color: #edf2f7;
}html[data-panel-page="numbers"] body.light-mode .debug-title{
    color: #4a5568;
}html[data-panel-page="numbers"] body.light-mode .debug-content{
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
}html[data-panel-page="numbers"] body.light-mode .debug-content pre{
    color: #2d3748;
}html[data-panel-page="numbers"] .countdown-timer{
    display: flex;
    align-items: center;
    color: #ffc107;
    font-size: 14px;
    font-weight: 500;
}html[data-panel-page="numbers"] .countdown-text{
    margin-right: 5px;
}html[data-panel-page="numbers"] .countdown-display{
    color: #ffc107;
    font-weight: 600;
}html[data-panel-page="numbers"] body.light-mode .countdown-timer{
    color: #4299e1;
}html[data-panel-page="numbers"] body.light-mode .countdown-text{
    color: #718096;
}html[data-panel-page="numbers"] body.light-mode .countdown-display{
    color: #4299e1;
}html[data-panel-page="numbers"] .status-icon{
    position: relative;
}html[data-panel-page="numbers"] .status-icon::before{
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border: 2px solid transparent;
    border-top: 2px solid #ffc107;
    border-radius: 50%;
    animation: panel_numbers_spin 2s linear infinite;
    pointer-events: none;
    opacity: 0;
}html[data-panel-page="numbers"] .status-icon.status-pending::before{
    opacity: 1;
}
@keyframes panel_numbers_spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}html[data-panel-page="numbers"] .tab-navigation{
    display: flex;
    background-color: #f8f9fa;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e2e8f0;
}html[data-panel-page="numbers"] .tab-button{
    flex: 1;
    padding: 15px 20px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #6c757d;
    transition: all 0.3s ease;
    border-radius: 10px 10px 0 0;
    position: relative;
}html[data-panel-page="numbers"] .tab-button:hover{
    color: #495057;
    background-color: #e9ecef;
}html[data-panel-page="numbers"] .tab-button.active{
    color: #007bff;
    background-color: #ffffff;
    border-bottom: 2px solid #007bff;
}html[data-panel-page="numbers"] .tab-button.active::after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #ffffff;
}html[data-panel-page="numbers"] body.dark-mode .tab-navigation{
    background-color: #2d3748;
    border-bottom-color: #4a5568;
}html[data-panel-page="numbers"] body.dark-mode .tab-button{
    color: #a0a0a0;
}html[data-panel-page="numbers"] body.dark-mode .tab-button:hover{
    color: #ffffff;
    background-color: #3a424e;
}html[data-panel-page="numbers"] body.dark-mode .tab-button.active{
    color: #4299e1;
    background-color: #28303B;
    border-bottom-color: #4299e1;
}html[data-panel-page="numbers"] body.dark-mode .tab-button.active::after{
    background-color: #28303B;
}html[data-panel-page="numbers"] body.light-mode .tab-navigation{
    background-color: #f7fafc;
    border-bottom-color: #e2e8f0;
}html[data-panel-page="numbers"] body.light-mode .tab-button{
    color: #718096;
}html[data-panel-page="numbers"] body.light-mode .tab-button:hover{
    color: #4a5568;
    background-color: #edf2f7;
}html[data-panel-page="numbers"] body.light-mode .tab-button.active{
    color: #4299e1;
    background-color: #ffffff;
    border-bottom-color: #4299e1;
}html[data-panel-page="numbers"] body.light-mode .tab-button.active::after{
    background-color: #ffffff;
}html[data-panel-page="numbers"] .tab-content{
    display: none;
    min-height: 400px;
}html[data-panel-page="numbers"] .tab-content.active{
    display: block;
}html[data-panel-page="numbers"] .tab-content .pagination-container{
    border-radius: 0 0 15px 15px;
}html[data-panel-page="numbers"] .main-container-wrapper{
    display: flex;
    flex-direction: row;   
    gap: 20px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 20px;
    min-height: 100vh;
    width: 100%;
    justify-content: center;
}html[data-panel-page="numbers"] .purchase-container{
    display: none;
    flex: 0 0 500px;  
    max-width: 500px; 
    min-width: 300px; 
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 0;
    height: fit-content;
    top: 20px;
    transition: all 0.3s ease;
}
@keyframes panel_numbers_gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}html[data-panel-page="numbers"] .purchase-content{
    padding: 20px;
}html[data-panel-page="numbers"] .service-selection,
html[data-panel-page="numbers"] .country-selection{
    margin-bottom: 20px;
}html[data-panel-page="numbers"] .service-selection label,
html[data-panel-page="numbers"] .country-selection label{
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #2d3748;
    font-size: 0.9rem;
}html[data-panel-page="numbers"] .service-dropdown,
html[data-panel-page="numbers"] .country-dropdown{
    width: 100%;
    padding: 12px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.9rem;
    background-color: #ffffff;
    transition: border-color 0.3s ease;
}html[data-panel-page="numbers"] .service-dropdown:focus,
html[data-panel-page="numbers"] .country-dropdown:focus{
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}html[data-panel-page="numbers"] .purchase-actions{
    margin-bottom: 20px;
}html[data-panel-page="numbers"] .purchase-btn{
    width: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    padding: 15px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}html[data-panel-page="numbers"] .purchase-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
}html[data-panel-page="numbers"] .purchase-btn:active{
    transform: translateY(0);
}html[data-panel-page="numbers"] .purchase-info{
    border-top: 1px solid #e2e8f0;
    padding-top: 15px;
}html[data-panel-page="numbers"] .balance-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f7fafc;
    padding: 12px;
    border-radius: 8px;
}html[data-panel-page="numbers"] .balance-label{
    font-weight: 500;
    color: #4a5568;
}html[data-panel-page="numbers"] .balance-amount{
    font-weight: 600;
    color: #2d3748;
    font-size: 1.1rem;
}html[data-panel-page="numbers"] body.dark-mode .purchase-container{
    background-color: #28303B;
    color: #ffffff;
}html[data-panel-page="numbers"] body.dark-mode .service-selection label,
html[data-panel-page="numbers"] body.dark-mode .country-selection label{
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .service-dropdown,
html[data-panel-page="numbers"] body.dark-mode .country-dropdown{
    background-color: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .service-dropdown:focus,
html[data-panel-page="numbers"] body.dark-mode .country-dropdown:focus{
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}html[data-panel-page="numbers"] body.dark-mode .purchase-btn{
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
}html[data-panel-page="numbers"] body.dark-mode .purchase-info{
    border-top-color: #4a5568;
}html[data-panel-page="numbers"] body.dark-mode .balance-info{
    background-color: #2d3748;
}html[data-panel-page="numbers"] body.dark-mode .balance-label{
    color: #a0aec0;
}html[data-panel-page="numbers"] body.dark-mode .balance-amount{
    color: #e2e8f0;
}html[data-panel-page="numbers"] .provider-selection,
html[data-panel-page="numbers"] .service-selection,
html[data-panel-page="numbers"] .country-selection{
    margin-bottom: 20px;
}html[data-panel-page="numbers"] .select-label{
    display: block;
    margin-bottom: 12px;
    font-weight: 600;
    color: #2d3748;
    font-size: 0.95rem;
    letter-spacing: 0.025em;
}html[data-panel-page="numbers"] .modern-select{
    position: relative;
    width: 100%;
    cursor: pointer;
}html[data-panel-page="numbers"] .select-trigger{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}html[data-panel-page="numbers"] #country-selection .select-trigger{
    padding: 12px 16px;
}html[data-panel-page="numbers"] .select-trigger:hover{
    border-color: #cbd5e0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}html[data-panel-page="numbers"] .select-trigger.active{
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1), 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}html[data-panel-page="numbers"] .select-value{
    font-size: 0.95rem;
    font-weight: 500;
    color: #2d3748;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}html[data-panel-page="numbers"] .select-value img{
    width: 20px;
    height: 20px;
    object-fit: contain;
    flex-shrink: 0;
}html[data-panel-page="numbers"] .select-arrow{
    color: #718096;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: rotate(0deg);
}html[data-panel-page="numbers"] .select-trigger.active .select-arrow{
    color: #667eea;
    transform: rotate(180deg);
}html[data-panel-page="numbers"] .select-options{
    position: static;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin-top: 8px;
    overflow: hidden;
    max-height: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}html[data-panel-page="numbers"] #service-options{
    max-height: 300px;
    border-color: #667eea;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}html[data-panel-page="numbers"] #service-options::-webkit-scrollbar{
    display: none;
}html[data-panel-page="numbers"] #service-selection .select-trigger{
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1), 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}html[data-panel-page="numbers"] #service-selection .select-arrow{
    color: #667eea;
    transform: rotate(180deg);
}html[data-panel-page="numbers"] #country-options{
    max-height: 300px;
    border-color: #667eea;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}html[data-panel-page="numbers"] #country-options::-webkit-scrollbar{
    display: none;
}html[data-panel-page="numbers"] #country-selection .select-trigger{
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1), 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}html[data-panel-page="numbers"] #country-selection .select-arrow{
    color: #667eea;
    transform: rotate(180deg);
}html[data-panel-page="numbers"] .select-options.show{
    max-height: 300px;
    border-color: #667eea;
}html[data-panel-page="numbers"] .select-option{
    padding: 0;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f1f5f9;
}html[data-panel-page="numbers"] .select-option:last-child{
    border-bottom: none;
}html[data-panel-page="numbers"] .select-option:hover{
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}html[data-panel-page="numbers"] .option-content{
    display: flex;
    align-items: center;
    padding: 16px 20px;
    gap: 12px;
}html[data-panel-page="numbers"] .option-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 10px;
    color: white;
    flex-shrink: 0;
}html[data-panel-page="numbers"] .option-text{
    flex: 1;
}html[data-panel-page="numbers"] .option-title{
    font-size: 0.95rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 2px;
}html[data-panel-page="numbers"] .option-subtitle{
    font-size: 0.8rem;
    color: #718096;
    font-weight: 500;
}html[data-panel-page="numbers"] body.dark-mode .select-label{
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .select-trigger{
    background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
    border-color: #4a5568;
}html[data-panel-page="numbers"] body.dark-mode .select-trigger:hover{
    border-color: #5a6578;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}html[data-panel-page="numbers"] body.dark-mode .select-trigger.active{
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.2), 0 4px 12px rgba(0, 0, 0, 0.2);
}html[data-panel-page="numbers"] body.dark-mode .select-value{
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .select-value img{
    filter: brightness(1.2);
}html[data-panel-page="numbers"] body.dark-mode .select-arrow{
    color: #a0aec0;
}html[data-panel-page="numbers"] body.dark-mode .select-trigger.active .select-arrow{
    color: #667eea;
}html[data-panel-page="numbers"] body.dark-mode .select-options{
    background: #2d3748;
    border-color: #4a5568;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}html[data-panel-page="numbers"] body.dark-mode .select-options.show{
    border-color: #667eea;
}html[data-panel-page="numbers"] body.dark-mode .select-option{
    border-bottom-color: #4a5568;
}html[data-panel-page="numbers"] body.dark-mode .select-option:hover{
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
}html[data-panel-page="numbers"] body.dark-mode .option-title{
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .option-subtitle{
    color: #a0aec0;
}html[data-panel-page="numbers"] body.light-mode .select-label{
    color: #4a5568;
}html[data-panel-page="numbers"] body.light-mode .select-trigger{
    background: linear-gradient(135deg, #ffffff 0%, #f7fafc 100%);
    border-color: #e2e8f0;
}html[data-panel-page="numbers"] body.light-mode .select-trigger:hover{
    border-color: #cbd5e0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}html[data-panel-page="numbers"] body.light-mode .select-trigger.active{
    border-color: #4299e1;
    box-shadow: 0 0 0 4px rgba(66, 153, 225, 0.1), 0 4px 12px rgba(0, 0, 0, 0.1);
}html[data-panel-page="numbers"] body.light-mode .select-value{
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .select-value img{
    filter: none;
}html[data-panel-page="numbers"] body.light-mode .select-arrow{
    color: #718096;
}html[data-panel-page="numbers"] body.light-mode .select-trigger.active .select-arrow{
    color: #4299e1;
}html[data-panel-page="numbers"] body.light-mode .select-options{
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}html[data-panel-page="numbers"] body.light-mode .select-options.show{
    border-color: #4299e1;
}html[data-panel-page="numbers"] body.light-mode .select-option{
    border-bottom-color: #f1f5f9;
}html[data-panel-page="numbers"] body.light-mode .select-option:hover{
    background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
}html[data-panel-page="numbers"] body.light-mode .option-title{
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .option-subtitle{
    color: #718096;
}html[data-panel-page="numbers"] .service-option{
    display: flex;
    align-items: center;
    padding: 16px 20px;
    gap: 12px;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f1f5f9;
}html[data-panel-page="numbers"] .service-option:last-child{
    border-bottom: none;
}html[data-panel-page="numbers"] .service-option:hover{
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}html[data-panel-page="numbers"] .service-icon-container{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}html[data-panel-page="numbers"] .service-icon-container img{
    width: 24px;
    height: 24px;
    object-fit: contain;
}html[data-panel-page="numbers"] .service-info{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}html[data-panel-page="numbers"] .service-name{
    font-size: 0.95rem;
    font-weight: 600;
    color: #2d3748;
    margin: 0;
}html[data-panel-page="numbers"] .service-details{
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.8rem;
}html[data-panel-page="numbers"] .service-price{
    color: #667eea;
    font-weight: 600;
}html[data-panel-page="numbers"] .service-count{
    color: #10b981;
    font-weight: 500;
}html[data-panel-page="numbers"] .country-search-container{
    position: relative;
    flex: 1;
    margin-right: 12px;
}html[data-panel-page="numbers"] .selected-country-display{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    margin-right: 12px;
    font-size: 0.95rem;
    font-weight: 500;
    color: #2d3748;
}html[data-panel-page="numbers"] .selected-country-display img{
    width: 20px;
    height: 20px;
    object-fit: contain;
    flex-shrink: 0;
}html[data-panel-page="numbers"] .clear-country-btn{
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.1);
    transition: all 0.2s ease;
    flex-shrink: 0;
}html[data-panel-page="numbers"] .clear-country-btn:hover{
    background-color: rgba(0,0,0,0.2);
    transform: scale(1.1);
}html[data-panel-page="numbers"] .clear-country-btn svg{
    color: #666;
    transition: color 0.2s ease;
}html[data-panel-page="numbers"] .clear-country-btn:hover svg{
    color: #333;
}html[data-panel-page="numbers"] .clear-service-btn{
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.1);
    transition: all 0.2s ease;
    flex-shrink: 0;
}html[data-panel-page="numbers"] .clear-service-btn:hover{
    background-color: rgba(0,0,0,0.2);
    transform: scale(1.1);
}html[data-panel-page="numbers"] .clear-service-btn svg{
    color: #666;
    transition: color 0.2s ease;
}html[data-panel-page="numbers"] .clear-service-btn:hover svg{
    color: #333;
}html[data-panel-page="numbers"] .search-icon{
    position: absolute;
    left: 1px;
    top: 50%;
    transform: translateY(-50%);
    color: #667eea;
    z-index: 1;
}html[data-panel-page="numbers"] .country-search-input{
    width: 100%;
    padding: 8px 8px 8px 32px;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    background-color: transparent;
    color: #2d3748;
    transition: all 0.3s ease;
}html[data-panel-page="numbers"] .country-search-input:focus{
    outline: none;
    background-color: rgba(102, 126, 234, 0.05);
}html[data-panel-page="numbers"] .country-search-input::placeholder{
    color: #a0aec0;
}html[data-panel-page="numbers"] .service-search-container{
    position: relative;
    flex: 1;
    margin-right: 12px;
}html[data-panel-page="numbers"] .service-search-input{
    width: 100%;
    padding: 8px 8px 8px 32px;
    border: none;
    background-color: transparent;
    color: #2d3748;
    font-size: 0.95rem;
    outline: none;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}html[data-panel-page="numbers"] .service-search-input:focus{
    background-color: rgba(102, 126, 234, 0.05);
}html[data-panel-page="numbers"] .service-search-input::placeholder{
    color: #a0aec0;
    font-size: 0.9rem;
}html[data-panel-page="numbers"] .countries-list{
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}html[data-panel-page="numbers"] .countries-list::-webkit-scrollbar{
    display: none;
}html[data-panel-page="numbers"] .country-option{
    display: flex;
    align-items: center;
    padding: 12px 16px;
    gap: 12px;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
}html[data-panel-page="numbers"] .country-option:last-child{
    border-bottom: none;
}html[data-panel-page="numbers"] .country-option:hover{
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}html[data-panel-page="numbers"] .country-star-icon{
    color: #a0aec0;
    font-size: 16px;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
}html[data-panel-page="numbers"] .country-star-icon svg{
    width: 20px;
    height: 20px;
    transition: all 0.2s ease;
}html[data-panel-page="numbers"] .country-star-icon svg path{
    fill: #a0aec0;
    transition: all 0.2s ease;
}html[data-panel-page="numbers"] .country-star-icon:hover{
    color: #fbbf24;
    transform: scale(1.1);
}html[data-panel-page="numbers"] .country-star-icon:hover svg path{
    fill: #fbbf24;
}html[data-panel-page="numbers"] .country-star-icon.favorited{
    color: #FFC107;
}html[data-panel-page="numbers"] .country-star-icon.favorited svg path{
    fill: #FFC107;
}html[data-panel-page="numbers"] .country-star-icon[title]{
    position: relative;
}html[data-panel-page="numbers"] .country-star-icon[title]:hover::after{
    content: attr(title);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    animation: panel_numbers_tooltipFadeIn 0.2s ease forwards;
    margin-bottom: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}html[data-panel-page="numbers"] .country-star-icon[title]:hover::before{
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.9);
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    animation: panel_numbers_tooltipFadeIn 0.2s ease forwards;
    margin-bottom: 3px;
}
@keyframes panel_numbers_tooltipFadeIn {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}html[data-panel-page="numbers"] .country-icon-container{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    border: 2px solid #e2e8f0;
}html[data-panel-page="numbers"] .country-icon-container img{
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 50%;
}html[data-panel-page="numbers"] .country-info{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}html[data-panel-page="numbers"] .country-name{
    font-size: 0.9rem;
    font-weight: 500;
    color: #2d3748;
    margin: 0;
}html[data-panel-page="numbers"] .country-details{
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.8rem;
}html[data-panel-page="numbers"] .country-operators{
    color: #10b981;
    font-weight: 500;
}html[data-panel-page="numbers"] .Countriesloader{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #FFF;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: panel_numbers_rotation 1s linear infinite;
}
@keyframes panel_numbers_rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}html[data-panel-page="numbers"] .countries-loading{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    color: #a0aec0;
    font-size: 0.9rem;
}html[data-panel-page="numbers"] .countries-loading .Countriesloader{
    margin-right: 12px;
}html[data-panel-page="numbers"] body.dark-mode .service-option{
    border-bottom-color: #4a5568;
}html[data-panel-page="numbers"] body.dark-mode .service-option:hover{
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
}html[data-panel-page="numbers"] body.dark-mode .service-name{
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .service-price{
    color: #667eea;
}html[data-panel-page="numbers"] body.dark-mode .service-count{
    color: #10b981;
}html[data-panel-page="numbers"] body.light-mode .service-option{
    border-bottom-color: #f1f5f9;
}html[data-panel-page="numbers"] body.light-mode .service-option:hover{
    background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
}html[data-panel-page="numbers"] body.light-mode .service-name{
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .service-price{
    color: #4299e1;
}html[data-panel-page="numbers"] body.light-mode .service-count{
    color: #10b981;
}html[data-panel-page="numbers"] body.dark-mode .search-icon{
    color: #667eea;
}html[data-panel-page="numbers"] body.dark-mode .country-search-input{
    background-color: transparent;
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .country-search-input:focus{
    background-color: rgba(102, 126, 234, 0.1);
}html[data-panel-page="numbers"] body.dark-mode .country-search-input::placeholder{
    color: #a0aec0;
}html[data-panel-page="numbers"] body.dark-mode .service-search-input{
    background-color: transparent;
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .service-search-input:focus{
    background-color: rgba(102, 126, 234, 0.1);
}html[data-panel-page="numbers"] body.dark-mode .service-search-input::placeholder{
    color: #a0aec0;
}html[data-panel-page="numbers"] body.dark-mode .selected-country-display{
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .selected-country-display img{
    filter: brightness(1.2);
}html[data-panel-page="numbers"] body.dark-mode .clear-country-btn{
    background-color: rgba(255,255,255,0.1);
}html[data-panel-page="numbers"] body.dark-mode .clear-country-btn:hover{
    background-color: rgba(255,255,255,0.2);
}html[data-panel-page="numbers"] body.dark-mode .clear-country-btn svg{
    color: #a0aec0;
}html[data-panel-page="numbers"] body.dark-mode .clear-country-btn:hover svg{
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .clear-service-btn{
    background-color: rgba(255,255,255,0.1);
}html[data-panel-page="numbers"] body.dark-mode .clear-service-btn:hover{
    background-color: rgba(255,255,255,0.2);
}html[data-panel-page="numbers"] body.dark-mode .clear-service-btn svg{
    color: #a0aec0;
}html[data-panel-page="numbers"] body.dark-mode .clear-service-btn:hover svg{
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .country-option{
    border-bottom-color: #4a5568;
}html[data-panel-page="numbers"] body.dark-mode .country-option:hover{
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
}html[data-panel-page="numbers"] body.dark-mode .country-star-icon{
    color: #a0aec0;
}html[data-panel-page="numbers"] body.dark-mode .country-star-icon svg path{
    fill: #a0aec0;
}html[data-panel-page="numbers"] body.dark-mode .country-name{
    color: #e2e8f0;
}html[data-panel-page="numbers"] body.dark-mode .country-operators{
    color: #10b981;
}html[data-panel-page="numbers"] body.dark-mode .country-star-icon:hover{
    color: #fbbf24;
}html[data-panel-page="numbers"] body.dark-mode .country-star-icon:hover svg path{
    fill: #fbbf24;
}html[data-panel-page="numbers"] body.dark-mode .country-star-icon.favorited{
    color: #FFC107;
}html[data-panel-page="numbers"] body.dark-mode .country-star-icon.favorited svg path{
    fill: #FFC107;
}html[data-panel-page="numbers"] body.dark-mode .country-star-icon[title]:hover::after{
    background: rgba(255, 255, 255, 0.95);
    color: #1a202c;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}html[data-panel-page="numbers"] body.dark-mode .country-star-icon[title]:hover::before{
    border-top-color: rgba(255, 255, 255, 0.95);
}html[data-panel-page="numbers"] body.dark-mode .country-icon-container{
    border-color: #4a5568;
}html[data-panel-page="numbers"] body.light-mode .search-icon{
    color: #4299e1;
}html[data-panel-page="numbers"] body.light-mode .country-search-input{
    background-color: transparent;
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .country-search-input:focus{
    background-color: rgba(66, 153, 225, 0.05);
}html[data-panel-page="numbers"] body.light-mode .country-search-input::placeholder{
    color: #a0aec0;
}html[data-panel-page="numbers"] body.light-mode .service-search-input{
    background-color: transparent;
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .service-search-input:focus{
    background-color: rgba(66, 153, 225, 0.05);
}html[data-panel-page="numbers"] body.light-mode .service-search-input::placeholder{
    color: #a0aec0;
}html[data-panel-page="numbers"] body.light-mode .selected-country-display{
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .selected-country-display img{
    filter: none;
}html[data-panel-page="numbers"] body.light-mode .clear-country-btn{
    background-color: rgba(0,0,0,0.1);
}html[data-panel-page="numbers"] body.light-mode .clear-country-btn:hover{
    background-color: rgba(0,0,0,0.2);
}html[data-panel-page="numbers"] body.light-mode .clear-country-btn svg{
    color: #666;
}html[data-panel-page="numbers"] body.light-mode .clear-country-btn:hover svg{
    color: #333;
}html[data-panel-page="numbers"] body.light-mode .clear-service-btn{
    background-color: rgba(0,0,0,0.1);
}html[data-panel-page="numbers"] body.light-mode .clear-service-btn:hover{
    background-color: rgba(0,0,0,0.2);
}html[data-panel-page="numbers"] body.light-mode .clear-service-btn svg{
    color: #666;
}html[data-panel-page="numbers"] body.light-mode .clear-service-btn:hover svg{
    color: #333;
}html[data-panel-page="numbers"] .operator-selection{
    margin-bottom: 20px;
}html[data-panel-page="numbers"] .operators-list{
    display: flex;
    flex-direction: column;
    gap: 12px;
}html[data-panel-page="numbers"] .operator-option{
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 80px;
}html[data-panel-page="numbers"] .operator-option:hover{
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
    transform: translateY(-2px);
}html[data-panel-page="numbers"] .operator-header{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1;
}html[data-panel-page="numbers"] .operator-badge{
    background: #87CEEB;
    color: white;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}html[data-panel-page="numbers"] .operator-badge.low-price{
    background: #28A745;
}html[data-panel-page="numbers"] .operator-name{
    font-size: 1.1rem;
    font-weight: bold;
    color: #2d3748;
    margin: 0;
}html[data-panel-page="numbers"] .operator-details{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1;
}html[data-panel-page="numbers"] .operator-rate{
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.9rem;
    color: #718096;
}html[data-panel-page="numbers"] .operator-rate-icon{
    width: 16px;
    height: 16px;
    color: #667eea;
}html[data-panel-page="numbers"] .operator-sms-badge{
    background: #f1f5f9;
    color: #4a5568;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}html[data-panel-page="numbers"] .operator-footer{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    flex: 1;
}html[data-panel-page="numbers"] .operator-price{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}html[data-panel-page="numbers"] .operator-price-amount{
    font-size: 1.5rem;
    font-weight: bold;
    color: #2d3748;
    display: flex;
    align-items: center;
    gap: 4px;
}html[data-panel-page="numbers"] .operator-price-currency{
    font-size: 1.2rem;
    color: #2d3748;
    font-weight: bold;
}html[data-panel-page="numbers"] .operator-count{
    font-size: 0.85rem;
    color: #10b981;
    font-weight: 500;
    margin-top: 2px;
}html[data-panel-page="numbers"] .operator-count.low-stock{
    color: #DC3545;
}html[data-panel-page="numbers"] .operator-buy-button{
    background: #007BFF;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
}html[data-panel-page="numbers"] .operator-buy-button:hover{
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
    background: #0056b3;
}html[data-panel-page="numbers"] .operator-buy-button img{
    width: 18px;
    height: 18px;
    object-fit: contain;
}html[data-panel-page="numbers"] body.dark-mode .operator-option{
    background: #28303D;
    border-color: #3a424e;
}html[data-panel-page="numbers"] body.dark-mode .operator-option:hover{
    border-color: #4a5568;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}html[data-panel-page="numbers"] body.dark-mode .operator-name{
    color: #FFFFFF;
}html[data-panel-page="numbers"] body.dark-mode .operator-rate{
    color: #FFFFFF;
}html[data-panel-page="numbers"] body.dark-mode .operator-rate-icon{
    color: #B0B0B0;
}html[data-panel-page="numbers"] body.dark-mode .operator-sms-badge{
    background: #6C757D;
    color: white;
}html[data-panel-page="numbers"] body.dark-mode .operator-price-amount{
    color: #FFFFFF;
}html[data-panel-page="numbers"] body.dark-mode .operator-price-currency{
    color: #FFFFFF;
}html[data-panel-page="numbers"] body.dark-mode .operator-count{
    color: #28A745;
}html[data-panel-page="numbers"] body.dark-mode .operator-count.low-stock{
    color: #DC3545;
}html[data-panel-page="numbers"] body.dark-mode .operator-badge{
    background: #4A90E2;
    color: white;
}html[data-panel-page="numbers"] body.dark-mode .operator-badge.low-price{
    background: #2ECC71;
    color: white;
}html[data-panel-page="numbers"] body.light-mode .operator-option{
    background: #ffffff;
    border-color: #e2e8f0;
}html[data-panel-page="numbers"] body.light-mode .operator-option:hover{
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}html[data-panel-page="numbers"] body.light-mode .operator-name{
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .operator-rate{
    color: #718096;
}html[data-panel-page="numbers"] body.light-mode .operator-rate-icon{
    color: #667eea;
}html[data-panel-page="numbers"] body.light-mode .operator-sms-badge{
    background: #f1f5f9;
    color: #4a5568;
}html[data-panel-page="numbers"] body.light-mode .operator-price-amount{
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .operator-price-currency{
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .operator-count{
    color: #10b981;
}html[data-panel-page="numbers"] body.light-mode .operator-count.low-stock{
    color: #DC3545;
}html[data-panel-page="numbers"] body.light-mode .operator-badge{
    background: #87CEEB;
    color: white;
}html[data-panel-page="numbers"] body.light-mode .operator-badge.low-price{
    background: #28A745;
    color: white;
}html[data-panel-page="numbers"] body.light-mode .country-option{
    border-bottom-color: #f1f5f9;
}html[data-panel-page="numbers"] body.light-mode .country-option:hover{
    background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
}html[data-panel-page="numbers"] body.light-mode .country-star-icon{
    color: #a0aec0;
}html[data-panel-page="numbers"] body.light-mode .country-star-icon svg path{
    fill: #a0aec0;
}html[data-panel-page="numbers"] body.light-mode .country-name{
    color: #2d3748;
}html[data-panel-page="numbers"] body.light-mode .country-operators{
    color: #10b981;
}html[data-panel-page="numbers"] body.light-mode .country-star-icon:hover svg path{
    fill: #fbbf24;
}html[data-panel-page="numbers"] body.light-mode .country-star-icon.favorited{
    color: #FFC107;
}html[data-panel-page="numbers"] body.light-mode .country-star-icon.favorited svg path{
    fill: #FFC107;
}html[data-panel-page="numbers"] body.light-mode .country-star-icon[title]:hover::after{
    background: rgba(0, 0, 0, 0.9);
    color: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}html[data-panel-page="numbers"] body.light-mode .country-star-icon[title]:hover::before{
    border-top-color: rgba(0, 0, 0, 0.9);
}html[data-panel-page="numbers"] body.dark-mode #service-options{
    border-color: #667eea;
}html[data-panel-page="numbers"] body.dark-mode #service-selection .select-trigger{
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.2), 0 4px 12px rgba(0, 0, 0, 0.2);
}html[data-panel-page="numbers"] body.dark-mode #service-selection .select-arrow{
    color: #667eea;
    transform: rotate(180deg);
}html[data-panel-page="numbers"] body.light-mode #service-options{
    border-color: #4299e1;
}html[data-panel-page="numbers"] body.light-mode #service-selection .select-trigger{
    border-color: #4299e1;
    box-shadow: 0 0 0 4px rgba(66, 153, 225, 0.1), 0 4px 12px rgba(0, 0, 0, 0.1);
}html[data-panel-page="numbers"] body.light-mode #service-selection .select-arrow{
    color: #4299e1;
    transform: rotate(180deg);
}html[data-panel-page="numbers"] body.dark-mode #country-options{
    border-color: #667eea;
}html[data-panel-page="numbers"] body.dark-mode #country-selection .select-trigger{
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.2), 0 4px 12px rgba(0, 0, 0, 0.2);
}html[data-panel-page="numbers"] body.dark-mode #country-selection .select-arrow{
    color: #667eea;
    transform: rotate(180deg);
}html[data-panel-page="numbers"] body.light-mode #country-options{
    border-color: #4299e1;
}html[data-panel-page="numbers"] body.light-mode #country-selection .select-trigger{
    border-color: #4299e1;
    box-shadow: 0 0 0 4px rgba(66, 153, 225, 0.1), 0 4px 12px rgba(0, 0, 0, 0.1);
}html[data-panel-page="numbers"] body.light-mode #country-selection .select-arrow{
    color: #4299e1;
    transform: rotate(180deg);
}
@media (min-width: 1400px) {html[data-panel-page="numbers"] .main-container-wrapper{
        max-width: 1600px;
        gap: 30px;
        padding: 30px;
    }html[data-panel-page="numbers"] .purchase-container{
        flex: 0 0 500px;
        max-width: 500px;
    }html[data-panel-page="numbers"] .numbers-container{
        flex: 1 1 auto;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {html[data-panel-page="numbers"] .main-container-wrapper{
        max-width: 1200px;
        gap: 25px;
        padding: 25px;
    }html[data-panel-page="numbers"] .purchase-container{
        flex: 0 0 450px;
        max-width: 450px;
    }html[data-panel-page="numbers"] .numbers-container{
        flex: 1 1 auto;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {html[data-panel-page="numbers"] .main-container-wrapper{
        max-width: 100%;
        gap: 20px;
        padding: 20px;
    }html[data-panel-page="numbers"] .purchase-container{
        flex: 0 0 400px;
        max-width: 400px;
        min-width: 350px;
    }html[data-panel-page="numbers"] .numbers-container{
        flex: 1 1 auto;
        min-width: 300px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {html[data-panel-page="numbers"] .main-container-wrapper{
        flex-direction: row;
        gap: 15px;
        padding: 15px;
    }html[data-panel-page="numbers"] .purchase-container{
        flex: 0 0 350px;
        max-width: 350px;
        min-width: 300px;
        top: 15px;
    }html[data-panel-page="numbers"] .numbers-container{
        flex: 1 1 auto;
        min-width: 300px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {html[data-panel-page="numbers"] .main-container-wrapper{
        flex-direction: column-reverse;
        gap: 15px;
        padding: 15px;
    }html[data-panel-page="numbers"] .purchase-container{
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        min-width: auto;
        order: 1;
    }html[data-panel-page="numbers"] .numbers-container{
        flex: 1 1 auto;
        width: 100%;
        min-width: auto;
        order: 2;
    }
}
@media (max-width: 575px) {html[data-panel-page="numbers"] .main-container-wrapper{
        flex-direction: column-reverse;
        gap: 10px;
        padding: 10px;
    }html[data-panel-page="numbers"] .purchase-container{
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        min-width: auto;
        order: 1;
        border-radius: 10px;
    }html[data-panel-page="numbers"] .numbers-container{
        flex: 1 1 auto;
        width: 100%;
        min-width: auto;
        order: 2;
        border-radius: 10px;
    }html[data-panel-page="numbers"] .purchase-content{
        padding: 15px;
    }
}
@media (max-width: 375px) {html[data-panel-page="numbers"] .main-container-wrapper{
        padding: 8px;
        gap: 8px;
    }html[data-panel-page="numbers"] .purchase-container{
        border-radius: 8px;
    }html[data-panel-page="numbers"] .numbers-container{
        border-radius: 8px;
    }html[data-panel-page="numbers"] .purchase-content{
        padding: 12px;
    }
}html[data-panel-page="numbers"] .loading-overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}html[data-panel-page="numbers"] .loading-overlay.show{
    opacity: 1;
    visibility: visible;
}html[data-panel-page="numbers"] .loader{
    color: #ffffff;
    font-size: 45px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    transform: translateZ(0);
    animation: panel_numbers_mltShdSpin 1.7s infinite ease, panel_numbers_round 1.7s infinite ease;
}html[data-panel-page="numbers"] .loading-text{
    color: #ffffff;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}html[data-panel-page="numbers"] .loading-content{
    display: flex;
    flex-direction: column;
    align-items: center;
}
@keyframes panel_numbers_mltShdSpin {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em,
        0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
        0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 
        0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 
        0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, 
        -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, 
        -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }
    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
         -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, 
         -0.749em -0.34em 0 -0.477em;
    }
    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
         -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, 
         -0.82em -0.09em 0 -0.477em;
    }
    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 
        0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}
@keyframes panel_numbers_round {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}html[data-panel-page="numbers"] body.dark-mode .loading-overlay{
    background-color: rgba(0, 0, 0, 0.8);
}html[data-panel-page="numbers"] body.dark-mode .purchase-header .beta-badge,
html[data-panel-page="numbers"] body.light-mode .purchase-header .beta-badge,
html[data-panel-page="numbers"] .beta-badge{
    background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%) !important;
    color: white !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(10px) !important;
    text-align: center !important;
    min-width: 60px !important;
    display: inline-block !important;
}html[data-panel-page="numbers"] .purchase-header{
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    padding: 20px !important;
    border-radius: 15px 15px 0 0 !important;
    text-align: center !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important; 
    width: 100% !important;
}html[data-panel-page="numbers"] .purchase-header h3{
    margin: 0 !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    display: inline-block !important;
    color: #fff !important; 
}html[data-panel-page="numbers"] body.dark-mode .purchase-header h3{
    color: #fff !important;
}




/* numbers2.php block 2 */

html[data-panel-page="numbers"] .debug-toggle{
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 8px 12px;
    margin: 10px 0;
    cursor: pointer;
    font-size: 12px;
    color: #6c757d;
    transition: background-color 0.2s;
}html[data-panel-page="numbers"] .debug-toggle:hover{
    background-color: #e9ecef;
}html[data-panel-page="numbers"] .debug-title{
    font-weight: bold;
    color: #495057;
}html[data-panel-page="numbers"] .debug-content{
    margin-top: 10px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 10px;
    max-height: 300px;
    overflow-y: auto;
}html[data-panel-page="numbers"] .debug-content pre{
    margin: 0;
    font-size: 11px;
    color: #495057;
    white-space: pre-wrap;
    word-wrap: break-word;
}html[data-panel-page="numbers"] body.dark-mode .debug-toggle{
    background-color: #343a40;
    border-color: #495057;
    color: #adb5bd;
}html[data-panel-page="numbers"] body.dark-mode .debug-toggle:hover{
    background-color: #495057;
}html[data-panel-page="numbers"] body.dark-mode .debug-title{
    color: #ffffff;
}html[data-panel-page="numbers"] body.dark-mode .debug-content{
    background-color: #343a40;
    border-color: #495057;
}html[data-panel-page="numbers"] body.dark-mode .debug-content pre{
    color: #ffffff;
}




/* balance.php block 1 */

html[data-panel-page="balance"] /* Dark Mode Styles */
body.dark-mode .card{
    background: #383a46 !important;
    border-color: #4a4d5a !important;
}html[data-panel-page="balance"] body.dark-mode .card-header{
    background: #323448 !important;
    border-color: #4a4d5a !important;
}html[data-panel-page="balance"] body.dark-mode .card-body{
    background: #383a46 !important;
    border-radius: 1.15rem !important;
}html[data-panel-page="balance"] body.dark-mode h1,
html[data-panel-page="balance"] body.dark-mode h4,
html[data-panel-page="balance"] body.dark-mode h5,
html[data-panel-page="balance"] body.dark-mode h6{
    color: #ffffff !important;
}html[data-panel-page="balance"] body.dark-mode .text-dark{
    color: #ffffff !important;
}html[data-panel-page="balance"] body.dark-mode .text-gray-600,
html[data-panel-page="balance"] body.dark-mode .text-gray-700{
    color: #b0b3c4 !important;
}html[data-panel-page="balance"] body.dark-mode .text-muted{
    color: #8a8d9a !important;
}html[data-panel-page="balance"] /* Alert Styles */
body.dark-mode .alert-info{
    background: #1e3a5f !important;
    border-color: #2d5a8a !important;
    color: #ffffff !important;
}html[data-panel-page="balance"] body.dark-mode .alert-warning{
    background: #3d2c02 !important;
    border-color: #4a3a0a !important;
    color: #ffc107 !important;
}html[data-panel-page="balance"] body.dark-mode .bg-light{
    background: #323448 !important;
}html[data-panel-page="balance"] body.dark-mode .bg-light-info{
    background: #1e3a5f !important;
}html[data-panel-page="balance"] /* Form Input Styles */
body.dark-mode .form-control,
html[data-panel-page="balance"] body.dark-mode .form-select{
    background: #323448 !important;
    border-color: #4a4d5a !important;
    color: #ffffff !important;
}html[data-panel-page="balance"] body.dark-mode .form-control::placeholder{
    color: #8a8d9a !important;
}html[data-panel-page="balance"] body.dark-mode .input-group-text{
    background: #323448 !important;
    border-color: #4a4d5a !important;
    color: #b0b3c4 !important;
}html[data-panel-page="balance"] /* Button Styles */
body.dark-mode .btn-primary{
    background: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #ffffff !important;
}html[data-panel-page="balance"] body.dark-mode .btn-success{
    background: #198754 !important;
    border-color: #198754 !important;
    color: #ffffff !important;
}html[data-panel-page="balance"] body.dark-mode .btn-warning{
    background: #fd7e14 !important;
    border-color: #fd7e14 !important;
    color: #e1e1e1 !important;
}html[data-panel-page="balance"] body.dark-mode .btn-outline-primary{
    color: #0d6efd !important;
    border-color: #0d6efd !important;
}html[data-panel-page="balance"] body.dark-mode .btn-outline-primary:hover{
    background: #0d6efd !important;
    color: #ffffff !important;
}html[data-panel-page="balance"] /* Disabled Button Styles */
body.dark-mode .btn:disabled,
html[data-panel-page="balance"] body.dark-mode .btn[disabled]{
    background: #4a4d5a !important;
    border-color: #4a4d5a !important;
    color: #8a8d9a !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}html[data-panel-page="balance"] body.dark-mode .form-control:disabled,
html[data-panel-page="balance"] body.dark-mode .form-select:disabled{
    background: #2a2d3a !important;
    border-color: #4a4d5a !important;
    color: #8a8d9a !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}html[data-panel-page="balance"] /* Modal Styles */
body.dark-mode .modal-content{
    background: #383a46 !important;
    border-color: #4a4d5a !important;
}html[data-panel-page="balance"] body.dark-mode .modal-header{
    background: #323448 !important;
    border-color: #4a4d5a !important;
}html[data-panel-page="balance"] body.dark-mode .modal-body{
    background: #383a46 !important;
}html[data-panel-page="balance"] body.dark-mode .modal-footer{
    background: #383a46 !important;
    border-color: #4a4d5a !important;
}html[data-panel-page="balance"] /* Bank Card Styles */
body.dark-mode .card.border{
    border-color: #4a4d5a !important;
}html[data-panel-page="balance"] body.dark-mode .card.border .card-body{
    background: #383a46 !important;
}html[data-panel-page="balance"] /* Icon Colors */
body.dark-mode .text-primary{
    color: #0d6efd !important;
}html[data-panel-page="balance"] body.dark-mode .text-success{
    color: #198754 !important;
}html[data-panel-page="balance"] body.dark-mode .text-warning{
    color: #fd7e14 !important;
}html[data-panel-page="balance"] body.dark-mode .text-info{
    color: #0dcaf0 !important;
}html[data-panel-page="balance"] /* Form Label Styles */
body.dark-mode .form-label{
    color: #ffffff !important;
}html[data-panel-page="balance"] /* Small Text 
body.dark-mode small {
    color: #8a8d9a !important;
}*/

/* Close Button */
body.dark-mode .btn-close{
    filter: invert(1) grayscale(100%) brightness(200%);
}html[data-panel-page="balance"] /* Disabled Button Styles (Light Mode) */
.btn:disabled,
html[data-panel-page="balance"] .btn[disabled]{
    opacity: 0.6;
    cursor: not-allowed;
}html[data-panel-page="balance"] .form-control:disabled,
html[data-panel-page="balance"] .form-select:disabled{
    background-color: #e9ecef;
    opacity: 0.6;
    cursor: not-allowed;
}

@media (min-width: 992px) {html[data-panel-page="balance"] .header-fixed[data-kt-sticky-header=on] .header{
        height: 130px !important;
    }
}




/* chat.php block 1 */

html[data-panel-page="chat"]{
            --primary-color: #6c5ce7;
            --secondary-color: #5a49db;
            --bg-color: #ffffff;
            --text-color: #374151;
            --border-color: #e5e7eb;
            --success-color: #10b981;
            --error-color: #ef4444;
            --shadow-color: rgba(0, 0, 0, 0.15);
            --own-msg-color: #6c5ce7;
            --other-msg-color: #f3f4f6;
            --toggle-color: #6b7280;
            --input-bg: #f9fafb;
            --gradient-overlay: rgba(255, 255, 255, 0.9);
            --header-text-color: #ffffff;
        }html[data-panel-page="chat"] body.dark-mode{
            --bg-color: #1f2937;
            --text-color: #f3f4f6;
            --border-color: #374151;
            --shadow-color: rgba(0, 0, 0, 0.3);
            --other-msg-color: #4b5563;
            --toggle-color: #d1d5db;
            --input-bg: rgba(255, 255, 255, 0.1);
            --gradient-overlay: rgba(31, 41, 55, 0.9);
            --header-text-color: #ffffff;
        }html[data-panel-page="chat"] body{
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    margin: 0;
    padding: 0;
}html[data-panel-page="chat"] .chat-container{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}html[data-panel-page="chat"] .chat-toggle{
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
            padding: 12px 24px;
            border-radius: 50px;
            cursor: pointer;
            box-shadow: 0 4px 16px var(--shadow-color);
            transition: transform 0.2s, box-shadow 0.2s;
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 600;
        }html[data-panel-page="chat"] .chat-toggle:hover{
            transform: translateY(-2px);
            box-shadow: 0 6px 20px var(--shadow-color);
        }html[data-panel-page="chat"] .chat-box{
    display: none;
            width: 370px;
            height: 600px;
            background: var(--bg-color);
            border-radius: 16px;
            box-shadow: 0 8px 32px var(--shadow-color);
    overflow: hidden;
            animation: panel_chat_slideIn 0.3s ease;
}html[data-panel-page="chat"] .chat-header{
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: var(--header-text-color);
            padding: 16px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
    cursor: pointer;
        }html[data-panel-page="chat"] .chat-header h2{
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            color: var(--header-text-color);
        }html[data-panel-page="chat"] .messages-container{
            height: calc(100% - 130px);
    overflow-y: auto;
            padding: 16px;
    display: flex;
    flex-direction: column;
            gap: 16px;
            scroll-behavior: smooth;
        }html[data-panel-page="chat"] .messages-container::-webkit-scrollbar{
            width: 6px;
        }html[data-panel-page="chat"] .messages-container::-webkit-scrollbar-track{
            background: transparent;
        }html[data-panel-page="chat"] .messages-container::-webkit-scrollbar-thumb{
            background: var(--border-color);
            border-radius: 3px;
        }html[data-panel-page="chat"] .message{
            display: flex;
            gap: 10px;
            max-width: 85%;
            align-items: flex-start;
        }html[data-panel-page="chat"] .message.own{
            margin-left: auto;
            flex-direction: row-reverse;
        }html[data-panel-page="chat"] .avatar{
            width: 36px;
            height: 36px;
    border-radius: 50%;
    flex-shrink: 0;
}html[data-panel-page="chat"] .message-content{
            background: var(--other-msg-color);
            padding: 12px 16px;
            border-radius: 16px;
            position: relative;
            max-width: 100%;
            overflow: hidden;
            box-shadow: 0 2px 5px var(--shadow-color);
            color: var(--text-color);
        }html[data-panel-page="chat"] .message.own .message-content{
            background: var(--own-msg-color);
            color: white;
        }html[data-panel-page="chat"] .delete-button{
            position: absolute;
            top: 8px;
            right: 8px;
            width: 24px;
            height: 24px;
            background-color: rgba(255, 255, 255, 0.9);
            color: #ff3b30;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            opacity: 1;
            transition: transform 0.2s ease, background-color 0.2s ease;
            z-index: 5;
            font-size: 16px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
            border: 1px solid rgba(0,0,0,0.1);
        }html[data-panel-page="chat"] .delete-button:hover{
            transform: scale(1.1);
            background-color: #ff3b30;
            color: white;
        }html[data-panel-page="chat"] .message.own .delete-button{
            background-color: rgba(0, 0, 0, 0.4);
            color: white;
            border-color: rgba(255,255,255,0.2);
        }html[data-panel-page="chat"] .message.own .delete-button:hover{
            background-color: #ff3b30;
            border-color: rgba(255,255,255,0.4);
        }html[data-panel-page="chat"] .username{
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 4px;
            display: block;
            opacity: 0.9;
        }html[data-panel-page="chat"] .message-text{
    font-size: 14px;
            line-height: 1.5;
            word-break: break-word;
    position: relative;
            white-space: pre-wrap;
            word-wrap: break-word;
        }html[data-panel-page="chat"] .message-text.collapsed{
            max-height: 60px;
            overflow: hidden;
        }html[data-panel-page="chat"] .message-text.expanded{
            max-height: 1000px;
            overflow: auto;
            max-width: 100%;
        }html[data-panel-page="chat"] .message-text.collapsed:after{
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 20px;
            background: linear-gradient(transparent, var(--other-msg-color));
            pointer-events: none;
        }html[data-panel-page="chat"] .message.own .message-text.collapsed:after{
            background: linear-gradient(transparent, var(--own-msg-color));
        }html[data-panel-page="chat"] .toggle-message{
            font-size: 12px;
            color: var(--toggle-color);
            cursor: pointer;
            margin-top: 6px;
            user-select: none;
            text-align: right;
            display: none;
            font-weight: 500;
        }html[data-panel-page="chat"] .toggle-message:hover{
            text-decoration: underline;
        }html[data-panel-page="chat"] .timestamp{
            font-size: 11px;
            opacity: 0.7;
            margin-top: 6px;
            display: block;
            text-align: right;
        }html[data-panel-page="chat"] .chat-input{
            padding: 16px;
            border-top: 1px solid var(--border-color);
    display: flex;
            gap: 10px;
    align-items: center;
            background-color: var(--bg-color);
        }html[data-panel-page="chat"] .message-input{
            flex: 1;
            padding: 12px 16px;
            border: 1px solid var(--border-color);
            border-radius: 24px;
            outline: none;
            font-size: 14px;
            transition: border-color 0.2s;
            background-color: var(--input-bg);
            color: var(--text-color);
        }html[data-panel-page="chat"] .message-input:focus{
            border-color: var(--primary-color);
            box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.2);
        }html[data-panel-page="chat"] .message-input::placeholder{
            color: var(--toggle-color);
            opacity: 0.7;
        }html[data-panel-page="chat"] .send-button{
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            color: white;
    border: none;
            width: 42px;
            height: 42px;
            border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
            transition: transform 0.2s;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        }html[data-panel-page="chat"] .send-button:hover{
            transform: scale(1.05);
        }html[data-panel-page="chat"] .emoji-button{
            background: none;
    border: none;
            font-size: 20px;
    cursor: pointer;
            padding: 8px;
            color: rgba(255, 255, 255, 0.7);
            transition: color 0.2s;
        }html[data-panel-page="chat"] .emoji-button:hover{
            color: var(--text-color);
        }html[data-panel-page="chat"] .emoji-picker{
            position: absolute;
            bottom: 80px;
            right: 16px;
            background: var(--bg-color);
            border: 1px solid var(--border-color);
            border-radius: 12px;
            padding: 12px;
            display: none;
            grid-template-columns: repeat(6, 1fr);
            gap: 8px;
            width: 320px;
            height: 300px;
            overflow-y: auto;
            overflow-x: hidden;
            z-index: 1001;
            box-shadow: 0 4px 20px var(--shadow-color);
        }html[data-panel-page="chat"] .emoji-picker.show{
            display: grid;
        }html[data-panel-page="chat"] .emoji-item{
    cursor: pointer;
            padding: 4px;
            text-align: center;
            transition: transform 0.2s;
            font-size: 20px;
            word-break: keep-all;
            white-space: nowrap;
        }html[data-panel-page="chat"] .emoji-item:hover{
            transform: scale(1.2);
            background-color: var(--border-color);
            border-radius: 8px;
        }html[data-panel-page="chat"] .emoji-category{
            grid-column: 1 / -1;
            padding: 4px 0;
            margin-top: 8px;
            font-weight: bold;
            color: var(--primary-color);
            border-bottom: 1px solid var(--border-color);
            text-align: left;
            word-wrap: break-word;
        }html[data-panel-page="chat"] .alert{
    position: fixed;
            top: 20px;
    right: 20px;
            padding: 12px 20px;
            border-radius: 8px;
            color: white;
            display: none;
            align-items: center;
            gap: 10px;
            animation: panel_chat_slideIn 0.3s ease;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            font-weight: 500;
        }html[data-panel-page="chat"] .alert.success{
            background: var(--success-color);
        }html[data-panel-page="chat"] .alert.error{
            background: var(--error-color);
        }html[data-panel-page="chat"] .new-message-alert{
            position: fixed;
            bottom: 80px;
    right: 20px;
            background: var(--primary-color);
            color: white;
            padding: 8px 16px;
            border-radius: 20px;
            display: none;
    align-items: center;
            gap: 8px;
            cursor: pointer;
            box-shadow: 0 4px 12px var(--shadow-color);
            animation: panel_chat_bounce 0.5s ease;
            font-weight: 500;
        }html[data-panel-page="chat"] .new-message-alert.show{
            display: flex;
        }

        @keyframes panel_chat_bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-5px); }
}

@keyframes panel_chat_slideIn {
    from {
                transform: translateY(20px);
        opacity: 0;
    }
    to {
                transform: translateY(0);
        opacity: 1;
            }
        }html[data-panel-page="chat"] /* Silinen mesajlar için animasyon */
        @keyframes fadeOut{
            from {
                opacity: 1;
                transform: scale(1);
            }
            to {
                opacity: 0;
                transform: scale(0.9);
            }
        }html[data-panel-page="chat"] .message.fade-out{
            animation: panel_chat_fadeOut 0.5s ease forwards;
            pointer-events: none;
        }
    



/* profile.php block 1 */

html[data-panel-page="profile"] /* E-posta Bildirimleri Özel Slider Tasarımı */
.email-notification-switch{
    position: relative;
    display: inline-block;
    width: 72px;
    height: 30px;
    cursor: pointer;
}html[data-panel-page="profile"] .email-notification-switch input{
    opacity: 0;
    width: 0;
    height: 0;
}html[data-panel-page="profile"] .email-notification-slider{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e0e0e0;
    transition: all 0.3s ease;
    border-radius: 30px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px;
}html[data-panel-page="profile"] .email-notification-slider:before{
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 2;
}html[data-panel-page="profile"] .email-notification-label{
    font-size: 9px;
    font-weight: 600;
    transition: all 0.3s ease;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}html[data-panel-page="profile"] .email-notification-on{
    color: #fff;
    opacity: 0;
    transform: translateX(-10px);
}html[data-panel-page="profile"] .email-notification-off{
    color: #666;
    opacity: 1;
    transform: translateX(0);
}html[data-panel-page="profile"] /* Light Mode - Açık Durum */
body:not(.dark-mode) input:checked + .email-notification-slider{
    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(76, 175, 80, 0.2);
}html[data-panel-page="profile"] body:not(.dark-mode) input:checked + .email-notification-slider:before{
    transform: translateX(42px);
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}html[data-panel-page="profile"] body:not(.dark-mode) input:checked + .email-notification-slider .email-notification-on{
    opacity: 1;
    transform: translateX(0);
}html[data-panel-page="profile"] body:not(.dark-mode) input:checked + .email-notification-slider .email-notification-off{
    opacity: 0;
    transform: translateX(10px);
}html[data-panel-page="profile"] /* Light Mode - Kapalı Durum */
body:not(.dark-mode) .email-notification-slider{
    background-color: #e0e0e0;
}html[data-panel-page="profile"] body:not(.dark-mode) .email-notification-slider:before{
    background-color: #fff;
}html[data-panel-page="profile"] /* Dark Mode - Açık Durum */
body.dark-mode input:checked + .email-notification-slider{
    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(76, 175, 80, 0.3);
}html[data-panel-page="profile"] body.dark-mode input:checked + .email-notification-slider:before{
    transform: translateX(42px);
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}html[data-panel-page="profile"] body.dark-mode input:checked + .email-notification-slider .email-notification-on{
    opacity: 1;
    transform: translateX(0);
    color: #fff;
}html[data-panel-page="profile"] body.dark-mode input:checked + .email-notification-slider .email-notification-off{
    opacity: 0;
    transform: translateX(10px);
}html[data-panel-page="profile"] /* Dark Mode - Kapalı Durum */
body.dark-mode .email-notification-slider{
    background-color: #42444f;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}html[data-panel-page="profile"] body.dark-mode .email-notification-slider:before{
    background-color: #fff;
}html[data-panel-page="profile"] body.dark-mode .email-notification-off{
    color: #b0b0b0;
}html[data-panel-page="profile"] /* Hover Efektleri */
.email-notification-switch:hover .email-notification-slider{
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(76, 175, 80, 0.1);
}html[data-panel-page="profile"] body.dark-mode .email-notification-switch:hover .email-notification-slider{
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(76, 175, 80, 0.2);
}html[data-panel-page="profile"] .email-notification-switch:hover .email-notification-slider:before{
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}html[data-panel-page="profile"] body.dark-mode .email-notification-switch:hover .email-notification-slider:before{
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
}html[data-panel-page="profile"] /* Active/Focus Durumları */
.email-notification-switch input:focus + .email-notification-slider{
    outline: 2px solid rgba(76, 175, 80, 0.5);
    outline-offset: 2px;
}html[data-panel-page="profile"] body.dark-mode .email-notification-switch input:focus + .email-notification-slider{
    outline: 2px solid rgba(76, 175, 80, 0.6);
}html[data-panel-page="profile"] .input-group-modern{
    display: flex;
    align-items: center;
    gap: 8px;
}html[data-panel-page="profile"] .modern-input{
    border-radius: 10px !important;
    font-size: 1rem;
    padding: 8px 14px;
    height: 44px;
    box-shadow: none;
    border: 1.5px solid #e0e0e0;
    transition: border 0.2s;
}html[data-panel-page="profile"] .modern-input:focus{
    border: 1.5px solid #6c63ff;
    outline: none;
}html[data-panel-page="profile"] .modern-sendcode-btn{
    border-radius: 8px !important;
    font-size: 0.98rem;
    padding: 8px 18px;
    height: 44px;
    font-weight: 600;
    background: linear-gradient(90deg, #6c63ff 0%, #cb6ce6 100%);
    color: #fff;
    border: none;
    box-shadow: 0 2px 8px 0 rgba(80,80,120,0.08);
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    white-space: nowrap;
}html[data-panel-page="profile"] .modern-sendcode-btn:hover,
html[data-panel-page="profile"] .modern-sendcode-btn:focus{
    background: linear-gradient(90deg, #cb6ce6 0%, #6c63ff 100%);
    color: #fff;
    box-shadow: 0 4px 16px 0 #cb6ce655;
}html[data-panel-page="profile"] .modern-timer{
    background: #f7f7fa;
    color: #6c63ff;
    border-radius: 8px;
    font-size: 0.98rem;
    font-weight: 500;
    border: none;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 600px) {html[data-panel-page="profile"] .input-group-modern{
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
    }html[data-panel-page="profile"] .modern-sendcode-btn,
html[data-panel-page="profile"] .modern-input,
html[data-panel-page="profile"] .modern-timer{
        width: 35%;
        min-width: 0;
        max-width: 100%;
        height: 42px;
    }html[data-panel-page="profile"] .modern-timer{
        margin-top: 4px;
    }
}html[data-panel-page="profile"] .input-group > .form-control,
html[data-panel-page="profile"] .input-group > .form-select{
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}




/* SUCCESS.php block 1 */

html[data-panel-page="success"] .loading-spinner{
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes panel_success_checkmark {
    0% { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}html[data-panel-page="success"] .success-icon{
    animation: panel_success_checkmark 0.5s ease-in-out forwards;
    display: none;
}html[data-panel-page="success"] .pending-icon{
    color: #009ef7;
}html[data-panel-page="success"] .refunded-icon{
    color: #f1416c;
}




/* transactions.php block 1 */

html[data-panel-page="transactions"] .transactions-page{
    --tx-bg: #f6f8fb;
    --tx-surface: #ffffff;
    --tx-border: rgba(15, 23, 42, 0.09);
    --tx-text: #101828;
    --tx-muted: #667085;
    --tx-soft: #f8fafc;
    --tx-primary: #6d5dfc;
    --tx-success: #16a34a;
    --tx-warning: #d97706;
    --tx-danger: #dc2626;
    --tx-info: #0284c7;
}html[data-panel-page="transactions"] .transactions-page .tx-shell{
    background: var(--tx-bg);
    border-radius: 18px;
    padding: clamp(1rem, 2vw, 1.5rem);
}html[data-panel-page="transactions"] .transactions-page .tx-hero{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}html[data-panel-page="transactions"] .transactions-page .tx-eyebrow{
    margin-bottom: 0.35rem;
    color: var(--tx-primary);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}html[data-panel-page="transactions"] .transactions-page .tx-title{
    margin: 0;
    color: var(--tx-text);
    font-size: clamp(1.45rem, 3vw, 2rem);
    line-height: 1.15;
}html[data-panel-page="transactions"] .transactions-page .tx-subtitle{
    max-width: 48rem;
    margin: 0.55rem 0 0;
    color: var(--tx-muted);
    line-height: 1.6;
}html[data-panel-page="transactions"] .transactions-page .tx-refresh{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--tx-border);
    border-radius: 10px;
    background: var(--tx-surface);
    color: var(--tx-text);
    transition: transform 0.18s ease, border-color 0.18s ease;
}html[data-panel-page="transactions"] .transactions-page .tx-refresh:hover{
    transform: translateY(-1px);
    border-color: rgba(109, 93, 252, 0.35);
}html[data-panel-page="transactions"] .transactions-page .tx-stats{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}html[data-panel-page="transactions"] .transactions-page .tx-stat{
    min-height: 92px;
    padding: 1rem;
    border: 1px solid var(--tx-border);
    border-radius: 12px;
    background: var(--tx-surface);
}html[data-panel-page="transactions"] .transactions-page .tx-stat span{
    display: block;
    color: var(--tx-muted);
    font-size: 0.78rem;
    font-weight: 700;
}html[data-panel-page="transactions"] .transactions-page .tx-stat strong{
    display: block;
    margin-top: 0.4rem;
    color: var(--tx-text);
    font-size: 1.35rem;
    line-height: 1.1;
}html[data-panel-page="transactions"] .transactions-page .tx-table-panel{
    border: 1px solid var(--tx-border);
    border-radius: 14px;
    background: var(--tx-surface);
    overflow: hidden;
}html[data-panel-page="transactions"] .transactions-page .tx-table-toolbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--tx-border);
}html[data-panel-page="transactions"] .transactions-page .tx-toolbar-title{
    color: var(--tx-text);
    font-weight: 800;
}html[data-panel-page="transactions"] .transactions-page .tx-toolbar-note{
    color: var(--tx-muted);
    font-size: 0.82rem;
}html[data-panel-page="transactions"] .transactions-page .table-responsive{
    padding: 0;
}html[data-panel-page="transactions"] .transactions-page #transactionsTable{
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
}html[data-panel-page="transactions"] .transactions-page #transactionsTable thead th{
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--tx-border) !important;
    background: var(--tx-soft);
    color: var(--tx-muted) !important;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody td{
    padding: 1rem;
    border-bottom: 1px solid var(--tx-border);
    vertical-align: middle;
}html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody tr:last-child td{
    border-bottom: 0;
}html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody tr{
    background: var(--tx-surface) !important;
}html[data-panel-page="transactions"] .transactions-page .tx-id{
    color: var(--tx-muted);
    font-weight: 800;
}html[data-panel-page="transactions"] .transactions-page .tx-main{
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 18rem;
}html[data-panel-page="transactions"] .transactions-page .tx-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    flex: 0 0 auto;
    background: #eef2ff;
    color: var(--tx-primary);
}html[data-panel-page="transactions"] .transactions-page .tx-icon.success{ background: #dcfce7; color: var(--tx-success); }html[data-panel-page="transactions"] .transactions-page .tx-icon.warning{ background: #fef3c7; color: var(--tx-warning); }html[data-panel-page="transactions"] .transactions-page .tx-icon.danger{ background: #fee2e2; color: var(--tx-danger); }html[data-panel-page="transactions"] .transactions-page .tx-icon.info{ background: #e0f2fe; color: var(--tx-info); }html[data-panel-page="transactions"] .transactions-page .tx-name{
    color: var(--tx-text);
    font-weight: 800;
    line-height: 1.35;
}html[data-panel-page="transactions"] .transactions-page .tx-meta{
    margin-top: 0.25rem;
    color: var(--tx-muted);
    font-size: 0.8rem;
}html[data-panel-page="transactions"] .transactions-page .tx-badge{
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.34rem 0.58rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 800;
}html[data-panel-page="transactions"] .transactions-page .tx-badge.success{ background: #dcfce7; color: #166534; }html[data-panel-page="transactions"] .transactions-page .tx-badge.warning{ background: #fef3c7; color: #92400e; }html[data-panel-page="transactions"] .transactions-page .tx-badge.danger{ background: #fee2e2; color: #991b1b; }html[data-panel-page="transactions"] .transactions-page .tx-badge.info{ background: #e0f2fe; color: #075985; }html[data-panel-page="transactions"] .transactions-page .tx-badge.neutral{ background: #f1f5f9; color: #475569; }html[data-panel-page="transactions"] .transactions-page .tx-date{
    color: var(--tx-text);
    font-weight: 700;
    white-space: nowrap;
}html[data-panel-page="transactions"] .transactions-page .tx-date small{
    display: block;
    margin-top: 0.25rem;
    color: var(--tx-muted);
    font-size: 0.76rem;
    font-weight: 600;
}html[data-panel-page="transactions"] .transactions-page .tx-amount{
    font-weight: 900;
    white-space: nowrap;
}html[data-panel-page="transactions"] .transactions-page .tx-amount.positive{ color: var(--tx-success); }html[data-panel-page="transactions"] .transactions-page .tx-amount.negative{ color: var(--tx-danger); }html[data-panel-page="transactions"] .transactions-page .tx-amount.neutral{ color: var(--tx-muted); }html[data-panel-page="transactions"] .transactions-page .tx-actions{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    min-width: 9rem;
}html[data-panel-page="transactions"] .transactions-page .tx-empty-action{
    color: var(--tx-muted);
    font-weight: 800;
}html[data-panel-page="transactions"] .transactions-page .btn{
    border-radius: 9px;
}html[data-panel-page="transactions"] .transactions-page .dataTables_wrapper{
    padding: 0 1rem 1rem;
}html[data-panel-page="transactions"] .transactions-page .tx-mobile-list{
    display: none;
}html[data-panel-page="transactions"] .transactions-page .dataTables_paginate{
    padding-top: 0.85rem;
}html[data-panel-page="transactions"] .transactions-page .paginate_button.page-item .page-link{
    border-radius: 8px;
    border-color: var(--tx-border);
}html[data-panel-page="transactions"] .transactions-page .paginate_button.page-item.active .page-link{
    background: var(--tx-primary);
    border-color: var(--tx-primary);
}html[data-panel-page="transactions"] body.dark-mode .transactions-page{
    --tx-bg: #111827;
    --tx-surface: #1b2230;
    --tx-border: rgba(255, 255, 255, 0.08);
    --tx-text: #f8fafc;
    --tx-muted: #aeb8c8;
    --tx-soft: #151c29;
}html[data-panel-page="transactions"] body.dark-mode .transactions-page .tx-badge.success,
html[data-panel-page="transactions"] body.dark-mode .transactions-page .tx-icon.success{ background: rgba(22, 163, 74, 0.16); color: #4ade80 !important; }html[data-panel-page="transactions"] body.dark-mode .transactions-page .tx-badge.warning,
html[data-panel-page="transactions"] body.dark-mode .transactions-page .tx-icon.warning{ background: rgba(217, 119, 6, 0.18); color: #facc15 !important; }html[data-panel-page="transactions"] body.dark-mode .transactions-page .tx-badge.danger,
html[data-panel-page="transactions"] body.dark-mode .transactions-page .tx-icon.danger{ background: rgba(220, 38, 38, 0.16); color: #fb7185 !important; }html[data-panel-page="transactions"] body.dark-mode .transactions-page .tx-badge.info,
html[data-panel-page="transactions"] body.dark-mode .transactions-page .tx-icon.info{ background: rgba(2, 132, 199, 0.18); color: #38bdf8 !important; }html[data-panel-page="transactions"] body.dark-mode .transactions-page .tx-badge.neutral,
html[data-panel-page="transactions"] body.dark-mode .transactions-page .tx-icon.neutral{ background: rgba(148, 163, 184, 0.14); color: #cbd5e1 !important; }html[data-panel-page="transactions"] body.dark-mode .transactions-page .tx-amount.positive{ color: #4ade80 !important; }html[data-panel-page="transactions"] body.dark-mode .transactions-page .tx-amount.negative{ color: #fb7185 !important; }
@media (max-width: 991.98px) {html[data-panel-page="transactions"] .transactions-page .tx-stats{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 767.98px) {html[data-panel-page="transactions"] .transactions-page .tx-shell{
        padding: 0.75rem;
        border-radius: 14px;
    }html[data-panel-page="transactions"] .transactions-page .tx-hero{
        align-items: center;
        margin-bottom: 0.85rem;
    }html[data-panel-page="transactions"] .transactions-page .tx-title{
        font-size: 1.35rem;
    }html[data-panel-page="transactions"] .transactions-page .tx-subtitle,
html[data-panel-page="transactions"] .transactions-page .tx-toolbar-note{
        display: none;
    }html[data-panel-page="transactions"] .transactions-page .tx-refresh{
        width: 38px;
        height: 38px;
        border-radius: 9px;
        flex: 0 0 auto;
    }html[data-panel-page="transactions"] .transactions-page .tx-stats{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
        margin-bottom: 0.75rem;
    }html[data-panel-page="transactions"] .transactions-page .tx-stat{
        min-height: 76px;
        padding: 0.8rem;
        border-radius: 11px;
    }html[data-panel-page="transactions"] .transactions-page .tx-stat span{
        font-size: 0.74rem;
        font-weight: 650;
    }html[data-panel-page="transactions"] .transactions-page .tx-stat strong{
        font-size: 1.2rem;
    }html[data-panel-page="transactions"] .transactions-page .tx-table-toolbar{
        padding: 0.8rem 0.9rem;
    }html[data-panel-page="transactions"] .transactions-page .tx-toolbar-title{
        font-size: 0.95rem;
    }html[data-panel-page="transactions"] .transactions-page .table-responsive{
        overflow: visible;
    }html[data-panel-page="transactions"] .transactions-page .tx-mobile-list{
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
        padding: 0.65rem;
    }html[data-panel-page="transactions"] .transactions-page .tx-mobile-card{
        border: 1px solid var(--tx-border);
        border-radius: 14px;
        background: var(--tx-surface);
        padding: 0.82rem;
    }html[data-panel-page="transactions"] .transactions-page .tx-mobile-card-top{
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.75rem;
        align-items: flex-start;
    }html[data-panel-page="transactions"] .transactions-page .tx-mobile-card-bottom{
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        margin-top: 0.65rem;
    }html[data-panel-page="transactions"] .transactions-page .tx-mobile-actions{
        display: flex;
        justify-content: flex-end;
        margin-top: 0.7rem;
    }html[data-panel-page="transactions"] .transactions-page .tx-mobile-actions:empty{
        display: none;
    }html[data-panel-page="transactions"] .transactions-page .tx-mobile-empty{
        padding: 1.2rem;
        border: 1px dashed var(--tx-border);
        border-radius: 14px;
        color: var(--tx-muted);
        text-align: center;
    }html[data-panel-page="transactions"] .transactions-page .dataTables_wrapper{
        padding: 0 0 0.85rem;
    }html[data-panel-page="transactions"] .transactions-page #transactionsTable{
        display: none !important;
    }html[data-panel-page="transactions"] .transactions-page #transactionsTable thead{
        display: none;
    }html[data-panel-page="transactions"] .transactions-page #transactionsTable,
html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody{
        display: block;
        width: 100% !important;
    }html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody tr{
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "main amount"
            "type amount"
            "date actions";
        gap: 0.55rem 0.75rem;
        margin: 0.65rem;
        padding: 0.82rem;
        border: 1px solid var(--tx-border);
        border-radius: 14px;
        background: var(--tx-surface) !important;
    }html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody td{
        display: flex;
        align-items: center;
        min-width: 0;
        width: auto !important;
        padding: 0 !important;
        border-bottom: 0 !important;
    }html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody td::before{
        content: none;
        display: none;
    }html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody td:nth-child(1){
        display: none !important;
    }html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody td:nth-child(2){
        grid-area: main;
    }html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody td:nth-child(3){
        grid-area: type;
    }html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody td:nth-child(4){
        grid-area: date;
    }html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody td:nth-child(5){
        grid-area: amount;
        justify-content: flex-end;
        align-items: flex-start;
        text-align: right;
    }html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody td:nth-child(6){
        grid-area: actions;
        justify-content: flex-end;
    }html[data-panel-page="transactions"] .transactions-page #transactionsTable tbody td.dataTables_empty{
        display: block !important;
        grid-column: 1 / -1;
        width: 100% !important;
        padding: 1rem !important;
        color: var(--tx-muted) !important;
        text-align: center;
    }html[data-panel-page="transactions"] .transactions-page .tx-main{
        gap: 0.65rem;
        min-width: 0;
    }html[data-panel-page="transactions"] .transactions-page .tx-mobile-list .tx-main{
        align-items: flex-start;
        min-width: 0;
    }html[data-panel-page="transactions"] .transactions-page .tx-icon{
        width: 36px;
        height: 36px;
        border-radius: 9px;
        flex-basis: 36px;
    }html[data-panel-page="transactions"] .transactions-page .tx-name{
        font-size: 0.94rem;
        font-weight: 700;
        overflow-wrap: anywhere;
    }html[data-panel-page="transactions"] .transactions-page .tx-badge{
        padding: 0.3rem 0.52rem;
        font-size: 0.72rem;
        font-weight: 700;
    }html[data-panel-page="transactions"] .transactions-page .tx-date{
        font-size: 0.85rem;
        font-weight: 650;
        text-align: right;
    }html[data-panel-page="transactions"] .transactions-page .tx-date small{
        margin-top: 0.12rem;
        font-size: 0.72rem;
        font-weight: 550;
    }html[data-panel-page="transactions"] .transactions-page .tx-amount{
        font-size: 1rem;
        font-weight: 800;
    }html[data-panel-page="transactions"] .transactions-page .tx-actions{
        min-width: 0;
        flex-wrap: wrap;
        justify-content: flex-end;
    }html[data-panel-page="transactions"] .transactions-page .tx-mobile-actions .tx-actions{
        min-width: 0;
    }html[data-panel-page="transactions"] .transactions-page .tx-actions .btn{
        min-height: 34px;
        padding: 0.42rem 0.65rem;
        font-size: 0.76rem;
        white-space: nowrap;
    }html[data-panel-page="transactions"] .transactions-page .tx-empty-action{
        display: none;
    }html[data-panel-page="transactions"] .transactions-page .dataTables_paginate{
        padding: 0.25rem 0.65rem 0;
    }html[data-panel-page="transactions"] .transactions-page .pagination{
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.25rem;
    }
}
@media (max-width: 575.98px) {html[data-panel-page="transactions"] .transactions-page .tx-stats{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}




/* most_used_services.php block 1 */

html[data-panel-page="popular_services"] /* Modern CEO Dashboard Styles */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}html[data-panel-page="popular_services"] .dashboard-container{
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
    max-width: 1200px;
    margin: -40px auto;
    border-radius: 15px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: all 0.3s ease;
}html[data-panel-page="popular_services"] /* Light Mode Stylbeklemedees */
body.light-mode .dashboard-container{
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}html[data-panel-page="popular_services"] /* Dark Mode Styles */
body.dark-mode .dashboard-container{
    background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);
}html[data-panel-page="popular_services"] /* Header Styles */
.dashboard-header{
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .dashboard-header{
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}html[data-panel-page="popular_services"] .header-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}html[data-panel-page="popular_services"] .dashboard-title{
    color: white;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}html[data-panel-page="popular_services"] .dashboard-subtitle{
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    font-weight: 300;
    margin: 0;
}html[data-panel-page="popular_services"] .stats-summary{
    background: rgba(255, 255, 255, 0.15);
    padding: 1rem;
    border-radius: 15px;
    text-align: center;
}html[data-panel-page="popular_services"] .stat-number{
    display: block;
    font-size: 2rem;
    font-weight: 700;
    color: white;
}html[data-panel-page="popular_services"] .stat-label{
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    letter-spacing: 1px;
}html[data-panel-page="popular_services"] /* Empty State */
.empty-state{
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}html[data-panel-page="popular_services"] .empty-icon{
    font-size: 4rem;
    color: #ddd;
    margin-bottom: 1rem;
}html[data-panel-page="popular_services"] .empty-state h3{
    color: #333;
    margin-bottom: 0.5rem;
}html[data-panel-page="popular_services"] .empty-state p{
    color: #666;
}html[data-panel-page="popular_services"] /* Dashboard Content */
.dashboard-content{
    background: white;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .dashboard-content{
    background: #2d3748;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}html[data-panel-page="popular_services"] /* Top Services Grid */
.top-services-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}html[data-panel-page="popular_services"] .top-service-card{
    background: white;
    border-radius: 12px;
    padding: 1rem;
    position: relative;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
    display: flex;
    flex-direction: column;
    height: 100%;
}html[data-panel-page="popular_services"] body.dark-mode .top-service-card{
    background: #1f2937;
    border: 1px solid #374151;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}html[data-panel-page="popular_services"] .top-service-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-color: #3b82f6;
}html[data-panel-page="popular_services"] body.dark-mode .top-service-card:hover{
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}html[data-panel-page="popular_services"] /* Rank-specific designs */
.top-service-card.rank-1{
    border-left: 4px solid #f59e0b;
}html[data-panel-page="popular_services"] .top-service-card.rank-2{
    border-left: 4px solid #6b7280;
}html[data-panel-page="popular_services"] .top-service-card.rank-3{
    border-left: 4px solid #ea580c;
}html[data-panel-page="popular_services"] /* Card Header */
.card-header-top{
    margin-bottom: 0.75rem;
}html[data-panel-page="popular_services"] .service-header{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}html[data-panel-page="popular_services"] .service-icon{
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}html[data-panel-page="popular_services"] .service-icon .category-logo{
    width: 100%;
    height: 100%;
    object-fit: contain;
}html[data-panel-page="popular_services"] .service-title{
    flex: 1;
    min-width: 0;
}html[data-panel-page="popular_services"] .service-name{
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    line-height: 1.2;
    color: #1f2937;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}html[data-panel-page="popular_services"] body.dark-mode .service-name{
    color: #f9fafb;
}html[data-panel-page="popular_services"] .service-category{
    font-size: 0.8rem;
    color: #6b7280;
    font-weight: 500;
    margin: 0;
}html[data-panel-page="popular_services"] body.dark-mode .service-category{
    color: #9ca3af;
}html[data-panel-page="popular_services"] .rank-badge{
    background: #f3f4f6;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
    color: #6b7280;
    flex-shrink: 0;
}html[data-panel-page="popular_services"] body.dark-mode .rank-badge{
    background: #374151;
    color: #d1d5db;
}html[data-panel-page="popular_services"] .rank-number{
    font-size: 0.8rem;
    font-weight: 700;
}html[data-panel-page="popular_services"] /* Card Body */
.card-body-top{
    margin-top: auto;
}html[data-panel-page="popular_services"] .service-stats{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}html[data-panel-page="popular_services"] .stat-row{
    text-align: center;
    padding: 0.5rem;
    background: #f8fafc;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}html[data-panel-page="popular_services"] body.dark-mode .stat-row{
    background: #374151;
    border: 1px solid #4b5563;
}html[data-panel-page="popular_services"] .stat-label{
    display: block;
    font-size: 0.7rem;
    color: #6b7280;
    margin-bottom: 0.25rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}html[data-panel-page="popular_services"] body.dark-mode .stat-label{
    color: #9ca3af;
}html[data-panel-page="popular_services"] .stat-value{
    font-size: 1rem;
    font-weight: 700;
    color: #1f2937;
    line-height: 1;
}html[data-panel-page="popular_services"] body.dark-mode .stat-value{
    color: #f9fafb;
}html[data-panel-page="popular_services"] .success-rate{
    color: #10b981;
}html[data-panel-page="popular_services"] .price{
    color: #3b82f6;
}html[data-panel-page="popular_services"] /* Success Bar */
.success-bar{
    height: 4px;
    background: #e5e7eb;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 0.5rem;
}html[data-panel-page="popular_services"] body.dark-mode .success-bar{
    background: #4b5563;
}html[data-panel-page="popular_services"] .progress-fill{
    height: 100%;
    background: #10b981;
    border-radius: 2px;
    transition: width 0.3s ease;
}html[data-panel-page="popular_services"] /* Provider Badge Styles */
.provider-badge{
    margin-top: 0.5rem;
    display: flex;
    justify-content: flex-start;
}html[data-panel-page="popular_services"] .provider-badge-small{
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-shrink: 0;
    min-width: fit-content;
    padding-top: 0.2rem;
}html[data-panel-page="popular_services"] .provider-value{
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.3rem 0.8rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}html[data-panel-page="popular_services"] body.dark-mode .provider-value{
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
}html[data-panel-page="popular_services"] .provider-main{
    color: #10b981;
    border-color: rgba(16, 185, 129, 0.4);
    background: rgba(16, 185, 129, 0.1);
}html[data-panel-page="popular_services"] body.dark-mode .provider-main{
    background: rgba(16, 185, 129, 0.2);
    border-color: rgba(16, 185, 129, 0.4);
}html[data-panel-page="popular_services"] .provider-second{
    color: #f59e0b;
    border-color: rgba(245, 158, 11, 0.4);
    background: rgba(245, 158, 11, 0.1);
}html[data-panel-page="popular_services"] body.dark-mode .provider-second{
    background: rgba(245, 158, 11, 0.2);
    border-color: rgba(245, 158, 11, 0.4);
}html[data-panel-page="popular_services"] .provider-none{
    color: #6b7280;
    opacity: 0.6;
}html[data-panel-page="popular_services"] /* Analytics Section */
.analytics-section{
    margin-bottom: 3rem;
}html[data-panel-page="popular_services"] .section-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #f8f9fa;
}html[data-panel-page="popular_services"] .section-header h2{
    color: #333;
    font-size: 1.8rem;
    font-weight: 600;
    transition: color 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .section-header h2{
    color: #e2e8f0;
}html[data-panel-page="popular_services"] .period-badge{
    display: inline-block;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: 0.5rem;
    vertical-align: middle;
}html[data-panel-page="popular_services"] body.dark-mode .period-badge{
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
}html[data-panel-page="popular_services"] .view-controls{
    display: flex;
    gap: 0.5rem;
}html[data-panel-page="popular_services"] .view-btn{
    padding: 0.5rem 1rem;
    border: 2px solid #e9ecef;
    background: white;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.9rem;
}html[data-panel-page="popular_services"] .view-btn.active,
html[data-panel-page="popular_services"] .view-btn:hover{
    background: #007bff;
    color: white;
    border-color: #007bff;
}html[data-panel-page="popular_services"] /* Category Filter Styles */
.category-filter{
    margin-bottom: 2rem;
    padding: 1rem 0;
}html[data-panel-page="popular_services"] .filter-tabs{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
}html[data-panel-page="popular_services"] .search-container{
    position: relative;
    margin-right: 1rem;
}html[data-panel-page="popular_services"] .sort-container{
    position: relative;
    margin-right: 1rem;
}html[data-panel-page="popular_services"] .search-input{
    padding: 0.75rem 1rem 0.75rem 2.5rem;
    border: 2px solid #e2e8f0;
    border-radius: 25px;
    background: white;
    font-size: 0.9rem;
    width: 250px;
    transition: all 0.3s ease;
    outline: none;
}html[data-panel-page="popular_services"] body.dark-mode .search-input{
    background: #4a5568;
    border-color: #718096;
    color: #e2e8f0;
}html[data-panel-page="popular_services"] .search-input:focus{
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}html[data-panel-page="popular_services"] body.dark-mode .search-input:focus{
    border-color: #3182ce;
    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.2);
}html[data-panel-page="popular_services"] .search-input::placeholder{
    color: #a0aec0;
    transition: color 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .search-input::placeholder{
    color: #718096;
}html[data-panel-page="popular_services"] .search-icon{
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #a0aec0;
    font-size: 0.9rem;
    pointer-events: none;
    transition: color 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .search-icon{
    color: #718096;
}html[data-panel-page="popular_services"] .sort-select{
    padding: 0.75rem 1rem 0.75rem 2.5rem;
    border: 2px solid #e2e8f0;
    border-radius: 25px;
    background: white;
    font-size: 0.9rem;
    width: 280px;
    transition: all 0.3s ease;
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}html[data-panel-page="popular_services"] body.dark-mode .sort-select{
    background: #4a5568;
    border-color: #718096;
    color: #e2e8f0;
}html[data-panel-page="popular_services"] .sort-select:focus{
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}html[data-panel-page="popular_services"] body.dark-mode .sort-select:focus{
    border-color: #3182ce;
    box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.2);
}html[data-panel-page="popular_services"] .sort-icon{
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #a0aec0;
    font-size: 0.9rem;
    pointer-events: none;
    transition: color 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .sort-icon{
    color: #718096;
}html[data-panel-page="popular_services"] .filter-tab{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border: 2px solid #e2e8f0;
    background: white;
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    font-weight: 500;
    color: #4a5568;
    min-width: 120px;
    justify-content: center;
}html[data-panel-page="popular_services"] body.dark-mode .filter-tab{
    background: #4a5568;
    border-color: #718096;
    color: #e2e8f0;
}html[data-panel-page="popular_services"] .filter-tab:hover{
    background: #f7fafc;
    border-color: #cbd5e0;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}html[data-panel-page="popular_services"] body.dark-mode .filter-tab:hover{
    background: #718096;
    border-color: #a0aec0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}html[data-panel-page="popular_services"] .filter-tab.active{
    background: #007bff;
    border-color: #007bff;
    color: white;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}html[data-panel-page="popular_services"] body.dark-mode .filter-tab.active{
    background: #3182ce;
    border-color: #3182ce;
}html[data-panel-page="popular_services"] .filter-tab-logo{
    width: 16px;
    height: 16px;
    object-fit: contain;
}html[data-panel-page="popular_services"] /* Hidden state for filtered items */
.service-row.hidden,
html[data-panel-page="popular_services"] .service-card.hidden{
    display: none !important;
}html[data-panel-page="popular_services"] /* Modern Table */
.modern-table{
    overflow-x: auto;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}html[data-panel-page="popular_services"] .analytics-table{
    width: 100%;
    border-collapse: collapse;
    background: white;
    transition: background 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .analytics-table{
    background: #2d3748;
}html[data-panel-page="popular_services"] .analytics-table thead{
    background: linear-gradient(135deg, #343a40 0%, #495057 100%);
    color: white;
}html[data-panel-page="popular_services"] .analytics-table th{
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}html[data-panel-page="popular_services"] .analytics-table td{
    padding: 1rem;
    border-bottom: 1px solid #f8f9fa;
    transition: all 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .analytics-table td{
    border-bottom: 1px solid #4a5568;
    color: #e2e8f0;
}html[data-panel-page="popular_services"] .service-row:hover{
    background: #f8f9fa;
    transform: scale(1.01);
    transition: all 0.2s ease;
}html[data-panel-page="popular_services"] body.dark-mode .service-row:hover{
    background: #4a5568;
}html[data-panel-page="popular_services"] .rank-indicator{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.9rem;
}html[data-panel-page="popular_services"] .rank-indicator.rank-1{
    background: linear-gradient(135deg, #ffd700, #ffed4e);
    color: #333;
}html[data-panel-page="popular_services"] .rank-indicator.rank-2{
    background: linear-gradient(135deg, #c0c0c0, #e5e5e5);
    color: #333;
}html[data-panel-page="popular_services"] .rank-indicator.rank-3{
    background: linear-gradient(135deg, #cd7f32, #daa520);
    color: white;
}html[data-panel-page="popular_services"] .rank-indicator.rank-4,
html[data-panel-page="popular_services"] .rank-indicator.rank-5,
html[data-panel-page="popular_services"] .rank-indicator.rank-6,
html[data-panel-page="popular_services"] .rank-indicator.rank-7,
html[data-panel-page="popular_services"] .rank-indicator.rank-8,
html[data-panel-page="popular_services"] .rank-indicator.rank-9,
html[data-panel-page="popular_services"] .rank-indicator.rank-10{
    background: #6c757d;
    color: white;
}html[data-panel-page="popular_services"] .service-details{
    display: flex;
    align-items: center;
    gap: 1rem;
}html[data-panel-page="popular_services"] .service-name{
    font-weight: 600;
    color: #333;
    margin-bottom: 0.25rem;
    transition: color 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .service-name{
    color: #e2e8f0;
}html[data-panel-page="popular_services"] .service-id{
    font-size: 0.8rem;
    color: #666;
    transition: color 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .service-id{
    color: #a0aec0;
}html[data-panel-page="popular_services"] /* Category with logo styles */
.category-with-logo{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}html[data-panel-page="popular_services"] .category-with-logo-table{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}html[data-panel-page="popular_services"] .category-with-logo-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}html[data-panel-page="popular_services"] .category-logo{
    width: 24px;
    height: 24px;
    object-fit: contain;
}html[data-panel-page="popular_services"] .category-logo-table{
    width: 20px;
    height: 20px;
    object-fit: contain;
}html[data-panel-page="popular_services"] .category-logo-card{
    width: 24px;
    height: 24px;
    object-fit: contain;
}html[data-panel-page="popular_services"] .category-tag{
    font-size: 0.8rem;
    font-weight: 600;
    color: #666;
    text-transform: none;
    letter-spacing: 0;
    background: none;
    padding: 0;
    border-radius: 0;
    transition: color 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .category-tag{
    color: #a0aec0;
}html[data-panel-page="popular_services"] .price-value{
    font-weight: 600;
    color: #28a745;
    font-size: 1.1rem;
}html[data-panel-page="popular_services"] .usage-count,
html[data-panel-page="popular_services"] .success-count,
html[data-panel-page="popular_services"] .pending-count,
html[data-panel-page="popular_services"] .cancelled-count{
    font-weight: 600;
    font-size: 1.1rem;
}html[data-panel-page="popular_services"] .success-count{
    color: #28a745;
}html[data-panel-page="popular_services"] .pending-count{
    color: #ffc107;
}html[data-panel-page="popular_services"] .cancelled-count{
    color: #dc3545;
}html[data-panel-page="popular_services"] .rate-container{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}html[data-panel-page="popular_services"] .rate-bar{
    flex: 1;
    height: 8px;
    background: #e9ecef;
    border-radius: 4px;
    overflow: hidden;
}html[data-panel-page="popular_services"] .rate-fill{
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
}html[data-panel-page="popular_services"] .rate-fill.rate-high{
    background: linear-gradient(90deg, #28a745, #20c997);
}html[data-panel-page="popular_services"] .rate-fill.rate-medium{
    background: linear-gradient(90deg, #ffc107, #fd7e14);
}html[data-panel-page="popular_services"] .rate-fill.rate-low{
    background: linear-gradient(90deg, #dc3545, #e83e8c);
}html[data-panel-page="popular_services"] .rate-text{
    font-weight: 600;
    font-size: 0.9rem;
    min-width: 35px;
}html[data-panel-page="popular_services"] /* Card View */
.services-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}html[data-panel-page="popular_services"] .service-card{
    background: white;
    border-radius: 15px;
    padding: 1.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .service-card{
    background: #4a5568;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}html[data-panel-page="popular_services"] .service-card:hover{
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}html[data-panel-page="popular_services"] body.dark-mode .service-card:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
}html[data-panel-page="popular_services"] .card-header{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    min-height: auto;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    gap: 1rem;
}html[data-panel-page="popular_services"] body.dark-mode .card-header{
    background: rgba(0, 0, 0, 0.2);
    color: #e2e8f0;
    border: 1px solid rgba(255, 255, 255, 0.1);
}html[data-panel-page="popular_services"] body.light-mode .card-header{
    background: rgba(255, 255, 255, 0.1);
    color: #6c757d;
    border: 1px solid rgba(0, 0, 0, 0.1);
}html[data-panel-page="popular_services"] .card-title{
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin: 0;
    transition: color 0.3s ease;
    flex: 1;
    min-width: 0;
    line-height: 1.3;
    word-wrap: break-word;
    hyphens: auto;
}html[data-panel-page="popular_services"] body.dark-mode .card-title{
    color: #e2e8f0;
}html[data-panel-page="popular_services"] .card-category{
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    transition: color 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .card-category{
    color: #a0aec0;
}html[data-panel-page="popular_services"] .card-stats{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}html[data-panel-page="popular_services"] .stat-item{
    text-align: center;
}html[data-panel-page="popular_services"] .stat-item .stat-label{
    display: block;
    font-size: 0.8rem;
    color: #666;
    margin-bottom: 0.25rem;
}html[data-panel-page="popular_services"] .stat-item .stat-value{
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}html[data-panel-page="popular_services"] .stat-item .stat-value.success{
    color: #28a745;
}html[data-panel-page="popular_services"] .stat-item .stat-value.price{
    color: #007bff;
}html[data-panel-page="popular_services"] .success-rate{
    margin-top: 1rem;
}html[data-panel-page="popular_services"] .rate-label{
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 0.5rem;
}html[data-panel-page="popular_services"] /* Summary Section */
.summary-section{
    margin-top: 3rem;
}html[data-panel-page="popular_services"] .summary-cards{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}html[data-panel-page="popular_services"] .summary-card{
    background: white;
    border-radius: 12px;
    padding: 1rem;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, background 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .summary-card{
    background: #4a5568;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}html[data-panel-page="popular_services"] .summary-card:hover{
    transform: translateY(-2px);
}html[data-panel-page="popular_services"] .card-icon{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.5rem;
    font-size: 1.2rem;
    color: #6c757d;
}html[data-panel-page="popular_services"] .card-icon.success{
    background: linear-gradient(135deg, #28a745, #20c997);
    color: white;
}html[data-panel-page="popular_services"] .card-icon.warning{
    background: linear-gradient(135deg, #ffc107, #fd7e14);
    color: white;
}html[data-panel-page="popular_services"] .card-icon.danger{
    background: linear-gradient(135deg, #dc3545, #e83e8c);
    color: white;
}html[data-panel-page="popular_services"] .card-content h3{
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 0.25rem;
    transition: color 0.3s ease;
}html[data-panel-page="popular_services"] body.dark-mode .card-content h3{
    color: #e2e8f0;
}html[data-panel-page="popular_services"] .card-content p{
    color: #666;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
    margin: 0;
}html[data-panel-page="popular_services"] body.dark-mode .card-content p{
    color: #a0aec0;
}html[data-panel-page="popular_services"] /* Responsive Design */
@media (max-width: 768px){
    .dashboard-container {
        max-width: 100%;
        padding: 1rem;
    }
    
    .header-content {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
    
    .dashboard-title {
        font-size: 2rem;
    }
    
    .top-services-grid {
        grid-template-columns: 1fr;
    }
    
    .services-grid {
        grid-template-columns: 1fr;
    }
    
    .summary-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .analytics-table {
        font-size: 0.8rem;
    }
    
    .analytics-table th,
    .analytics-table td {
        padding: 0.5rem;
    }
}

@media (max-width: 480px) {html[data-panel-page="popular_services"] .summary-cards{
        grid-template-columns: 1fr;
    }html[data-panel-page="popular_services"] .service-stats{
        grid-template-columns: 1fr;
    }html[data-panel-page="popular_services"] .card-stats{
        grid-template-columns: 1fr;
    }
}html[data-panel-page="popular_services"] /* Hallmark redesign: Workbench · tone: restrained dashboard · anchor hue: violet */
.dashboard-container{
    max-width: 1280px;
    margin: 0 auto;
    padding: 1.5rem;
    background: #f7f8fa !important;
    border-radius: 0;
}html[data-panel-page="popular_services"] .dashboard-header{
    padding: 0 0 1.25rem;
    margin-bottom: 1.5rem;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-radius: 0;
    backdrop-filter: none;
}html[data-panel-page="popular_services"] .header-content{ align-items: flex-end; }html[data-panel-page="popular_services"] .dashboard-title{ color: #202633; font-size: 1.55rem; font-weight: 700; letter-spacing: -.02em; }html[data-panel-page="popular_services"] .dashboard-title i{ color: #6c4de6; font-size: 1.1rem; }html[data-panel-page="popular_services"] .dashboard-subtitle{ color: #7b8494; font-size: .9rem; }html[data-panel-page="popular_services"] .stats-summary{ padding: .45rem .75rem; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; text-align: right; }html[data-panel-page="popular_services"] .stat-number{ color: #202633; font-size: 1.2rem; }html[data-panel-page="popular_services"] .stats-summary .stat-label{ color: #7b8494; font-size: .65rem; letter-spacing: .04em; }html[data-panel-page="popular_services"] .dashboard-content{ padding: 0; background: transparent; box-shadow: none; }html[data-panel-page="popular_services"] .top-services-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; margin-bottom: 2rem; }html[data-panel-page="popular_services"] .top-service-card{ padding: 1rem; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 1px 2px rgba(16,24,40,.04); }html[data-panel-page="popular_services"] .top-service-card:hover{ transform: translateY(-1px); box-shadow: 0 4px 12px rgba(16,24,40,.08); border-color: #cfc7f7; }html[data-panel-page="popular_services"] .service-icon{ width: 36px; height: 36px; background: #f1effc; border-radius: 7px; }html[data-panel-page="popular_services"] .rank-badge{ width: 26px; height: 26px; background: #f3f4f6; }html[data-panel-page="popular_services"] .service-stats{ gap: .35rem; }html[data-panel-page="popular_services"] .stat-row{ padding: .45rem .3rem; background: #f8f9fb; border: 0; border-radius: 5px; }html[data-panel-page="popular_services"] .stat-row .stat-label{ color: #8a93a3; font-size: .62rem; }html[data-panel-page="popular_services"] .stat-row .stat-value{ color: #2b3340; font-size: .9rem; }html[data-panel-page="popular_services"] .analytics-section{ padding: 1.25rem; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; }html[data-panel-page="popular_services"] .section-header{ margin-bottom: 1.25rem; padding-bottom: .85rem; border-bottom: 1px solid #edf0f3; }html[data-panel-page="popular_services"] .section-header h2{ color: #202633; font-size: 1.15rem; font-weight: 700; }html[data-panel-page="popular_services"] .period-badge{ background: #f1effc; color: #5b3fc4; border-radius: 5px; }html[data-panel-page="popular_services"] .category-filter{ margin-bottom: 1rem; }html[data-panel-page="popular_services"] .filter-tabs{ gap: .5rem; }html[data-panel-page="popular_services"] .filter-tab,
html[data-panel-page="popular_services"] .view-btn,
html[data-panel-page="popular_services"] .sort-select,
html[data-panel-page="popular_services"] .search-input{ border-radius: 6px !important; }html[data-panel-page="popular_services"] .filter-tab{ border: 1px solid #e5e7eb; background: #fff; color: #667085; }html[data-panel-page="popular_services"] .filter-tab.active,
html[data-panel-page="popular_services"] .filter-tab:hover{ background: #f1effc; border-color: #cfc7f7; color: #5b3fc4; }html[data-panel-page="popular_services"] .service-card{ border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: none; }html[data-panel-page="popular_services"] .service-card:hover{ transform: translateY(-1px); box-shadow: 0 4px 12px rgba(16,24,40,.07); }html[data-panel-page="popular_services"] body.dark-mode .dashboard-container{ background: #151922 !important; }html[data-panel-page="popular_services"] body.dark-mode .dashboard-title,
html[data-panel-page="popular_services"] body.dark-mode .section-header h2{ color: #edf0f5; }html[data-panel-page="popular_services"] body.dark-mode .dashboard-header{ border-bottom-color: #2a303c !important; }html[data-panel-page="popular_services"] body.dark-mode .stats-summary,
html[data-panel-page="popular_services"] body.dark-mode .analytics-section,
html[data-panel-page="popular_services"] body.dark-mode .top-service-card,
html[data-panel-page="popular_services"] body.dark-mode .service-card{ background: #1c222d; border-color: #2a303c; }html[data-panel-page="popular_services"] body.dark-mode .stat-number,
html[data-panel-page="popular_services"] body.dark-mode .stat-row .stat-value{ color: #edf0f5; }
@media (max-width: 767px) {html[data-panel-page="popular_services"] .dashboard-container{ padding: 1rem; }html[data-panel-page="popular_services"] .header-content{ align-items: flex-start; flex-direction: column; gap: 1rem; }html[data-panel-page="popular_services"] .stats-summary{ width: 100%; text-align: left; }html[data-panel-page="popular_services"] .top-services-grid{ grid-template-columns: minmax(0, 1fr); }html[data-panel-page="popular_services"] .analytics-section{ padding: .85rem; }html[data-panel-page="popular_services"] .section-header{ align-items: flex-start; flex-direction: column; gap: .75rem; }
}




/* Hallmark · pre-emit critique: P4 H5 E4 S4 R5 V4 · genre: modern-minimal · macrostructure: Narrative Workflow · tone: calm payment guidance · anchor hue: violet · contrast: pass · shell: inherited panel · honest copy: pass · responsive: 500px light/dark preview · no new assets */
html[data-panel-page="balance"],
html[data-panel-page="balance"] body {
    overflow-x: clip;
}

html[data-panel-page="balance"] #shopier-wait-card {
    --sc-space-1: 0.25rem;
    --sc-space-2: 0.5rem;
    --sc-space-3: 0.75rem;
    --sc-space-4: 1rem;
    --sc-space-5: 1.25rem;
    --sc-space-6: 1.5rem;
    --sc-space-8: 2rem;
    --sc-space-10: 2.5rem;
    --sc-paper: #fbf9ff;
    --sc-paper: oklch(99% 0.008 295);
    --sc-surface: #f5f1fa;
    --sc-surface: oklch(97% 0.014 295);
    --sc-surface-raised: #ffffff;
    --sc-surface-raised: oklch(100% 0.002 295);
    --sc-ink: #241d30;
    --sc-ink: oklch(23% 0.035 295);
    --sc-muted: #655d71;
    --sc-muted: oklch(45% 0.028 295);
    --sc-rule: #ddd6e8;
    --sc-rule: oklch(88% 0.025 295);
    --sc-accent: #5934b2;
    --sc-accent: oklch(47% 0.19 295);
    --sc-accent-soft: #eee7fa;
    --sc-accent-soft: oklch(94% 0.045 295);
    --sc-accent-ink: #ffffff;
    --sc-accent-ink: oklch(99% 0.004 295);
    --sc-success: #176443;
    --sc-success: oklch(43% 0.13 154);
    --sc-success-soft: #e7f4ed;
    --sc-success-soft: oklch(95% 0.04 154);
    --sc-info: #165a84;
    --sc-info: oklch(42% 0.11 245);
    --sc-info-soft: #eaf4fb;
    --sc-info-soft: oklch(95% 0.03 245);
    --sc-danger: #9f261b;
    --sc-danger-soft: #fff1ef;
    --sc-radius-card: 1.25rem;
    --sc-radius-control: 0.8rem;
    --sc-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    width: min(100%, 68rem);
    margin: 0 auto var(--sc-space-10);
    color: var(--sc-ink);
    font-family: Poppins, Helvetica, sans-serif;
}

html.dark-mode[data-panel-page="balance"] #shopier-wait-card,
html[data-panel-page="balance"] body.dark-mode #shopier-wait-card {
    --sc-paper: #241d2c;
    --sc-paper: oklch(18% 0.025 295);
    --sc-surface: #2c2436;
    --sc-surface: oklch(21% 0.028 295);
    --sc-surface-raised: #30283b;
    --sc-surface-raised: oklch(24% 0.03 295);
    --sc-ink: #f4eefb;
    --sc-ink: oklch(95% 0.012 295);
    --sc-muted: #c8bdd5;
    --sc-muted: oklch(77% 0.02 295);
    --sc-rule: #51465e;
    --sc-rule: oklch(34% 0.03 295);
    --sc-accent: #c6a4ff;
    --sc-accent: oklch(75% 0.16 295);
    --sc-accent-soft: #3b2c4f;
    --sc-accent-soft: oklch(30% 0.07 295);
    --sc-accent-ink: #201628;
    --sc-accent-ink: oklch(18% 0.03 295);
    --sc-success: #8ae0ae;
    --sc-success: oklch(80% 0.12 154);
    --sc-success-soft: #263e31;
    --sc-success-soft: oklch(29% 0.065 154);
    --sc-info: #a4d7fa;
    --sc-info: oklch(82% 0.08 245);
    --sc-info-soft: #263b4a;
    --sc-info-soft: oklch(28% 0.05 245);
    --sc-danger: #ffb4a8;
    --sc-danger-soft: #452524;
    box-shadow: none;
}

@supports (color: oklch(1 0 0)) {
    html[data-panel-page="balance"] #shopier-wait-card {
        --sc-paper: oklch(99% 0.008 295);
        --sc-surface: oklch(97% 0.014 295);
        --sc-surface-raised: oklch(100% 0.002 295);
        --sc-ink: oklch(23% 0.035 295);
        --sc-muted: oklch(45% 0.028 295);
        --sc-rule: oklch(88% 0.025 295);
        --sc-accent: oklch(47% 0.19 295);
        --sc-accent-soft: oklch(94% 0.045 295);
        --sc-accent-ink: oklch(99% 0.004 295);
        --sc-success: oklch(43% 0.13 154);
        --sc-success-soft: oklch(95% 0.04 154);
        --sc-info: oklch(42% 0.11 245);
        --sc-info-soft: oklch(95% 0.03 245);
        --sc-danger: oklch(35% 0.14 25);
        --sc-danger-soft: oklch(96% 0.025 25);
    }

    html.dark-mode[data-panel-page="balance"] #shopier-wait-card,
    html[data-panel-page="balance"] body.dark-mode #shopier-wait-card {
        --sc-paper: oklch(18% 0.025 295);
        --sc-surface: oklch(21% 0.028 295);
        --sc-surface-raised: oklch(24% 0.03 295);
        --sc-ink: oklch(95% 0.012 295);
        --sc-muted: oklch(77% 0.02 295);
        --sc-rule: oklch(34% 0.03 295);
        --sc-accent: oklch(75% 0.16 295);
        --sc-accent-soft: oklch(30% 0.07 295);
        --sc-accent-ink: oklch(18% 0.03 295);
        --sc-success: oklch(80% 0.12 154);
        --sc-success-soft: oklch(29% 0.065 154);
        --sc-info: oklch(82% 0.08 245);
        --sc-info-soft: oklch(28% 0.05 245);
        --sc-danger: oklch(78% 0.10 25);
        --sc-danger-soft: oklch(30% 0.06 25);
    }
}

@supports not (color: oklch(1 0 0)) {
    html[data-panel-page="balance"] #shopier-wait-card {
        --sc-paper: #fbf9ff;
        --sc-surface: #f5f1fa;
        --sc-surface-raised: #ffffff;
        --sc-ink: #241d30;
        --sc-muted: #655d71;
        --sc-rule: #ddd6e8;
        --sc-accent: #5934b2;
        --sc-accent-soft: #eee7fa;
        --sc-accent-ink: #ffffff;
        --sc-success: #176443;
        --sc-success-soft: #e7f4ed;
        --sc-info: #165a84;
        --sc-info-soft: #eaf4fb;
        --sc-danger: #9f261b;
        --sc-danger-soft: #fff1ef;
    }

    html.dark-mode[data-panel-page="balance"] #shopier-wait-card,
    html[data-panel-page="balance"] body.dark-mode #shopier-wait-card {
        --sc-paper: #241d2c;
        --sc-surface: #2c2436;
        --sc-surface-raised: #30283b;
        --sc-ink: #f4eefb;
        --sc-muted: #c8bdd5;
        --sc-rule: #51465e;
        --sc-accent: #c6a4ff;
        --sc-accent-soft: #3b2c4f;
        --sc-accent-ink: #201628;
        --sc-success: #8ae0ae;
        --sc-success-soft: #263e31;
        --sc-info: #a4d7fa;
        --sc-info-soft: #263b4a;
        --sc-danger: #ffb4a8;
        --sc-danger-soft: #452524;
    }
}

html[data-panel-page="balance"] #shopier-wait-card *,
html[data-panel-page="balance"] #shopier-wait-card *::before,
html[data-panel-page="balance"] #shopier-wait-card *::after {
    box-sizing: border-box;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-checkout__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sc-space-6);
    padding: clamp(var(--sc-space-5), 3.5vw, var(--sc-space-10));
    border-bottom: 1px solid var(--sc-rule);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-checkout__heading {
    min-width: 0;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-checkout__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: var(--sc-space-3);
    margin-bottom: var(--sc-space-4);
    color: var(--sc-muted);
    font-size: 0.875rem;
    font-weight: 600;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-checkout__brand-mark,
html[data-panel-page="balance"] #shopier-wait-card .sc-summary__symbol {
    display: inline-grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--sc-rule);
    border-radius: 0.75rem;
    background: var(--sc-accent-soft);
    color: var(--sc-accent);
    font-size: 1.2rem;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-checkout__heading h1 {
    margin: 0;
    color: var(--sc-ink);
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    font-weight: 700;
    letter-spacing: -0.035em;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-checkout__heading p {
    max-width: 58ch;
    margin: 0.65rem 0 0;
    color: var(--sc-muted);
    font-size: 1rem;
    line-height: 1.6;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-back {
    display: inline-flex;
    min-height: 2.875rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex: 0 0 auto;
    padding: var(--sc-space-2) var(--sc-space-3);
    border: 1px solid var(--sc-rule);
    border-radius: var(--sc-radius-control);
    background: var(--sc-surface-raised);
    color: var(--sc-ink);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 160ms var(--sc-ease-out), color 160ms var(--sc-ease-out), border-color 160ms var(--sc-ease-out);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-checkout__body {
    padding: clamp(var(--sc-space-4), 3.5vw, var(--sc-space-10));
}

html[data-panel-page="balance"] #shopier-wait-card .sc-checkout__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    gap: clamp(var(--sc-space-4), 2.5vw, 1.75rem);
    align-items: stretch;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-summary {
    min-width: 0;
    padding: clamp(var(--sc-space-5), 3vw, var(--sc-space-8));
    border: 1px solid var(--sc-rule);
    border-radius: var(--sc-radius-card);
    background: var(--sc-surface);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-summary__topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-summary__label {
    color: var(--sc-muted);
    font-size: 0.9rem;
    font-weight: 600;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-summary__amount {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--sc-space-2);
    margin: var(--sc-space-4) 0 var(--sc-space-6);
    color: var(--sc-ink);
    font-variant-numeric: tabular-nums;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-summary__amount strong {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-summary__amount span {
    color: var(--sc-muted);
    font-size: 1rem;
    font-weight: 600;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-summary__rule {
    height: 1px;
    background: var(--sc-rule);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-summary__total {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-top: var(--sc-space-5);
    color: var(--sc-muted);
    font-size: 0.9rem;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-summary__total strong {
    color: var(--sc-ink);
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
    text-align: end;
    white-space: nowrap;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-summary__total small {
    font-size: 0.85em;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-summary__note {
    margin: 0.5rem 0 0;
    color: var(--sc-muted);
    font-size: 0.875rem;
    line-height: 1.55;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-summary__reference {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: var(--sc-space-6);
    padding-top: var(--sc-space-4);
    border-top: 1px solid var(--sc-rule);
    color: var(--sc-muted);
    font-size: 0.875rem;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-summary__reference strong {
    color: var(--sc-ink);
    font-variant-numeric: tabular-nums;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-status {
    min-width: 0;
    padding: clamp(var(--sc-space-5), 3vw, var(--sc-space-8));
    border: 1px solid var(--sc-rule);
    border-radius: var(--sc-radius-card);
    background: var(--sc-surface-raised);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-status__heading {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-status__indicator {
    width: 0.7rem;
    height: 0.7rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--sc-accent);
    box-shadow: 0 0 0 0.25rem var(--sc-accent-soft);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-status__heading h2 {
    min-width: 0;
    margin: 0;
    color: var(--sc-ink);
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-status__copy {
    margin: var(--sc-space-3) 0 var(--sc-space-5);
    color: var(--sc-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-notice {
    display: flex;
    align-items: flex-start;
    gap: var(--sc-space-3);
    margin-top: var(--sc-space-3);
    padding: var(--sc-space-3) var(--sc-space-3);
    border: 1px solid var(--sc-rule);
    border-radius: 0.75rem;
    font-size: 0.9rem;
    line-height: 1.55;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-notice > i {
    margin-top: 0.1rem;
    flex: 0 0 auto;
    font-size: 1.1rem;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-notice--info {
    border-color: var(--sc-info);
    background: var(--sc-info-soft);
    color: var(--sc-info);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-notice--success {
    border-color: var(--sc-success);
    background: var(--sc-success-soft);
    color: var(--sc-success);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-status__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sc-space-3);
    margin-top: var(--sc-space-6);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-action {
    display: inline-flex;
    min-width: 0;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: var(--sc-space-2);
    padding: var(--sc-space-3) var(--sc-space-4);
    border: 1px solid transparent;
    border-radius: var(--sc-radius-control);
    font: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 160ms var(--sc-ease-out), color 160ms var(--sc-ease-out), border-color 160ms var(--sc-ease-out), transform 100ms var(--sc-ease-out);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-action--primary {
    background: var(--sc-accent);
    color: var(--sc-accent-ink);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-action--secondary {
    border-color: var(--sc-rule);
    background: var(--sc-surface-raised);
    color: var(--sc-ink);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-back:focus-visible,
html[data-panel-page="balance"] #shopier-wait-card .sc-action:focus-visible {
    outline: 2px solid var(--sc-accent);
    outline-offset: 3px;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-action[disabled],
html[data-panel-page="balance"] #shopier-wait-card .sc-action[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-action.is-loading {
    opacity: 0.75;
    cursor: progress;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-action.is-error {
    border-color: var(--sc-danger);
    background: var(--sc-danger-soft);
    color: var(--sc-danger);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-action.is-success {
    border-color: var(--sc-success);
    background: var(--sc-success-soft);
    color: var(--sc-success);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-countdown {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: var(--sc-space-4);
    color: var(--sc-muted);
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-countdown > i {
    color: var(--sc-accent);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-steps {
    margin-top: clamp(var(--sc-space-6), 4vw, var(--sc-space-10));
    padding-top: clamp(var(--sc-space-6), 3vw, var(--sc-space-8));
    border-top: 1px solid var(--sc-rule);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-steps__intro h2 {
    margin: 0;
    color: var(--sc-ink);
    font-size: 1.15rem;
    font-weight: 700;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-steps__intro p {
    margin: var(--sc-space-2) 0 var(--sc-space-5);
    color: var(--sc-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-steps__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-step {
    display: flex;
    min-width: 0;
    gap: var(--sc-space-3);
    padding: var(--sc-space-2) var(--sc-space-4);
    border-inline-start: 1px solid var(--sc-rule);
}

html[data-panel-page="balance"] #shopier-wait-card .sc-step:first-child {
    padding-inline-start: 0;
    border-inline-start: 0;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-step__number {
    color: var(--sc-accent);
    font-size: 0.9rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-step h3 {
    margin: 0;
    color: var(--sc-ink);
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

html[data-panel-page="balance"] #shopier-wait-card .sc-step p {
    margin: 0.35rem 0 0;
    color: var(--sc-muted);
    font-size: 0.875rem;
    line-height: 1.55;
}

@media (hover: hover) and (pointer: fine) {
    html[data-panel-page="balance"] #shopier-wait-card .sc-back:hover,
    html[data-panel-page="balance"] #shopier-wait-card .sc-action--secondary:hover {
        border-color: var(--sc-accent);
        background: var(--sc-accent-soft);
        color: var(--sc-accent);
    }

    html[data-panel-page="balance"] #shopier-wait-card .sc-action--primary:hover {
        filter: brightness(0.94);
        transform: translateY(-1px);
    }
}

html[data-panel-page="balance"] #shopier-wait-card .sc-action:active {
    transform: translateY(1px);
}

@media (max-width: 60rem) {
    html[data-panel-page="balance"] #shopier-wait-card .sc-checkout__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    html[data-panel-page="balance"] #shopier-wait-card .sc-steps__list {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--sc-space-3);
    }

    html[data-panel-page="balance"] #shopier-wait-card .sc-step,
    html[data-panel-page="balance"] #shopier-wait-card .sc-step:first-child {
        padding: 0;
        border: 0;
    }
}

@media (max-width: 40rem) {
    html[data-panel-page="balance"] #shopier-wait-card {
        margin-bottom: var(--sc-space-6);
    }

    html[data-panel-page="balance"] #shopier-wait-card .sc-checkout__header {
        flex-direction: column;
        gap: 1rem;
    }

    html[data-panel-page="balance"] #shopier-wait-card .sc-back {
        align-self: flex-start;
    }

    html[data-panel-page="balance"] #shopier-wait-card .sc-status__actions {
        align-items: stretch;
        flex-direction: column;
    }

    html[data-panel-page="balance"] #shopier-wait-card .sc-action {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[data-panel-page="balance"] #shopier-wait-card .sc-back,
    html[data-panel-page="balance"] #shopier-wait-card .sc-action {
        transition-duration: 1ms;
    }
}




/* api.php block 1 */

html[data-panel-page="api"] h1{
        margin-top: 3rem;
    }html[data-panel-page="api"] h2,
html[data-panel-page="api"] h3,
html[data-panel-page="api"] h4{
        color: #2c3e50;
        margin-top: inherit;
        line-height: inherit;
    }html[data-panel-page="api"] code{
        background-color: #443E57;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 2px 4px;
        font-family: Consolas, monospace;
    }html[data-panel-page="api"] .dark-mode pre{
        background-color: #443E57;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 10px;
        white-space: pre-wrap;
        word-wrap: break-word;
    }html[data-panel-page="api"] pre{
        background-color: #f4f4f4;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 10px;
        white-space: pre-wrap;
        word-wrap: break-word;
    }html[data-panel-page="api"] .dark-mode .endpoint{
        background-color: #3f4257;
        border-left: 4px solid #3498db;
        padding: 10px;
        margin-bottom: 20px;
    }html[data-panel-page="api"] .endpoint{
        background-color: #e8f4f8;
        border-left: 4px solid #3498db;
        padding: 10px;
        margin-bottom: 20px;
    }html[data-panel-page="api"] .endpoint h3{
        margin-top: 0;
    }html[data-panel-page="api"] table{
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 20px;
    }html[data-panel-page="api"] th,
html[data-panel-page="api"] td{
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
    }html[data-panel-page="api"] th{
        background-color: #2F3140;
    }html[data-panel-page="api"] th{
        background-color: #2F3140;
    }




/* shopier_checkout_page.php block 1 */

html[data-panel-page="shopier_checkout_page"]{
            --bg: #07111f;
            --panel: rgba(8, 15, 28, 0.92);
            --panel-soft: rgba(255, 255, 255, 0.04);
            --border: rgba(255, 255, 255, 0.10);
            --text: #edf3ff;
            --muted: #9ca9c4;
            --accent: #4f46e5;
            --accent-2: #22c55e;
            --warn: #f59e0b;
            --danger: #f87171;
        }html[data-panel-page="shopier_checkout_page"] *{ box-sizing: border-box; }html[data-panel-page="shopier_checkout_page"] body{
            margin: 0;
            min-height: 100vh;
            font-family: Arial, sans-serif;
            background:
                radial-gradient(circle at top right, rgba(79, 70, 229, 0.20), transparent 28%),
                radial-gradient(circle at bottom left, rgba(34, 197, 94, 0.16), transparent 30%),
                var(--bg);
            color: var(--text);
        }html[data-panel-page="shopier_checkout_page"] .checkout-shell{
            width: min(1200px, calc(100% - 24px));
            margin: 0 auto;
            padding: 16px 0 28px;
            display: grid;
            gap: 16px;
        }html[data-panel-page="shopier_checkout_page"] .checkout-card{
            background: var(--panel);
            border: 1px solid var(--border);
            border-radius: 24px;
            box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
            overflow: hidden;
        }html[data-panel-page="shopier_checkout_page"] .checkout-head{
            display: grid;
            grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
            gap: 16px;
            padding: 22px;
        }html[data-panel-page="shopier_checkout_page"] .brand-chip{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 12px;
            border-radius: 999px;
            background: rgba(79, 70, 229, 0.14);
            color: #cfd0ff;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }html[data-panel-page="shopier_checkout_page"] .checkout-title{
            margin: 16px 0 0;
            font-size: 34px;
            line-height: 1.08;
            letter-spacing: -0.04em;
        }html[data-panel-page="shopier_checkout_page"] .checkout-text{
            margin: 12px 0 0;
            color: var(--muted);
            font-size: 15px;
            line-height: 1.7;
            max-width: 720px;
        }html[data-panel-page="shopier_checkout_page"] .meta-panel{ display: grid; gap: 12px; align-content: start; }html[data-panel-page="shopier_checkout_page"] .meta-box{
            padding: 16px;
            border-radius: 20px;
            background: var(--panel-soft);
            border: 1px solid var(--border);
        }html[data-panel-page="shopier_checkout_page"] .meta-label{
            color: var(--muted);
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0.06em;
        }html[data-panel-page="shopier_checkout_page"] .meta-value{
            margin-top: 8px;
            font-size: 24px;
            font-weight: 700;
            letter-spacing: -0.04em;
        }html[data-panel-page="shopier_checkout_page"] .meta-note{
            margin-top: 6px;
            color: var(--muted);
            font-size: 12px;
            line-height: 1.6;
        }html[data-panel-page="shopier_checkout_page"] .status-bar{
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 16px 22px;
            border-top: 1px solid var(--border);
            border-bottom: 1px solid var(--border);
            background: rgba(255, 255, 255, 0.025);
        }html[data-panel-page="shopier_checkout_page"] .status-chip{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 14px;
            border-radius: 999px;
            background: rgba(245, 158, 11, 0.12);
            color: #f9c66b;
            font-size: 13px;
            font-weight: 700;
        }html[data-panel-page="shopier_checkout_page"] .status-chip--success{
            background: rgba(34, 197, 94, 0.14);
            color: #74ebb0;
        }html[data-panel-page="shopier_checkout_page"] .status-chip--danger{
            background: rgba(248, 113, 113, 0.14);
            color: #f8a1a1;
        }html[data-panel-page="shopier_checkout_page"] .status-copy{
            color: var(--muted);
            font-size: 13px;
            text-align: right;
        }html[data-panel-page="shopier_checkout_page"] .frame-wrap{
            position: relative;
            padding: 18px;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
        }html[data-panel-page="shopier_checkout_page"] .frame-shell{
            position: relative;
            min-height: 76vh;
            border-radius: 22px;
            border: 1px solid var(--border);
            background: #ffffff;
            overflow: hidden;
        }html[data-panel-page="shopier_checkout_page"] .frame-loader{
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 12px;
            background: linear-gradient(180deg, rgba(7, 17, 31, 0.90), rgba(7, 17, 31, 0.72));
            color: #ffffff;
            z-index: 3;
            transition: opacity 0.25s ease, visibility 0.25s ease;
        }html[data-panel-page="shopier_checkout_page"] .frame-loader.is-hidden{
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }html[data-panel-page="shopier_checkout_page"] .frame-empty{
            position: absolute;
            inset: 0;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 24px;
            text-align: center;
            color: var(--muted);
            background: rgba(7, 17, 31, 0.92);
            z-index: 2;
        }html[data-panel-page="shopier_checkout_page"] .frame-empty.is-visible{
            display: flex;
        }html[data-panel-page="shopier_checkout_page"] .spinner{
            width: 42px;
            height: 42px;
            border-radius: 50%;
            border: 4px solid rgba(255, 255, 255, 0.15);
            border-top-color: #ffffff;
            animation: panel_shopier_checkout_page_spin 0.8s linear infinite;
        }
        @keyframes panel_shopier_checkout_page_spin { to { transform: rotate(360deg); } }html[data-panel-page="shopier_checkout_page"] iframe{
            display: block;
            width: 100%;
            min-height: 76vh;
            border: 0;
            background: #ffffff;
        }html[data-panel-page="shopier_checkout_page"] .checkout-actions{
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            padding: 0 18px 18px;
        }html[data-panel-page="shopier_checkout_page"] .btn{
            appearance: none;
            border: 0;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 50px;
            padding: 0 18px;
            border-radius: 16px;
            font-weight: 700;
            font-size: 14px;
            text-decoration: none;
            transition: transform 0.18s ease, opacity 0.18s ease, background 0.18s ease, border-color 0.18s ease;
        }html[data-panel-page="shopier_checkout_page"] .btn:hover{ transform: translateY(-1px); }html[data-panel-page="shopier_checkout_page"] .btn-primary{
            background: linear-gradient(135deg, var(--accent), #695df6);
            color: #ffffff;
        }html[data-panel-page="shopier_checkout_page"] .btn-secondary{
            background: transparent;
            color: var(--text);
            border: 1px solid var(--border);
        }html[data-panel-page="shopier_checkout_page"] .helper-grid{
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
            padding: 0 18px 18px;
        }html[data-panel-page="shopier_checkout_page"] .helper-box{
            padding: 16px;
            border-radius: 18px;
            background: var(--panel-soft);
            border: 1px solid var(--border);
        }html[data-panel-page="shopier_checkout_page"] .helper-box h3{ margin: 0 0 8px; font-size: 14px; }html[data-panel-page="shopier_checkout_page"] .helper-box p{
            margin: 0;
            color: var(--muted);
            font-size: 13px;
            line-height: 1.65;
        }html[data-panel-page="shopier_checkout_page"] #openPayFull{ display: none; }
        @media (max-width: 991px) {html[data-panel-page="shopier_checkout_page"] .checkout-head,
html[data-panel-page="shopier_checkout_page"] .helper-grid{ grid-template-columns: 1fr; }html[data-panel-page="shopier_checkout_page"] .checkout-title{ font-size: 28px; }
        }
        @media (max-width: 767px) {html[data-panel-page="shopier_checkout_page"] .checkout-shell{ width: min(100%, calc(100% - 12px)); padding-top: 8px; }html[data-panel-page="shopier_checkout_page"] .checkout-head,
html[data-panel-page="shopier_checkout_page"] .status-bar,
html[data-panel-page="shopier_checkout_page"] .frame-wrap{ padding-left: 14px; padding-right: 14px; }html[data-panel-page="shopier_checkout_page"] .status-bar{ align-items: flex-start; flex-direction: column; }html[data-panel-page="shopier_checkout_page"] .status-copy{ text-align: left; }html[data-panel-page="shopier_checkout_page"] .checkout-actions,
html[data-panel-page="shopier_checkout_page"] .helper-grid{ padding-left: 14px; padding-right: 14px; }html[data-panel-page="shopier_checkout_page"] .btn{ width: 100%; }
        }
    



/* shopier_bridge.php block 1 */

html[data-panel-page="shopier_bridge"] body{
            margin: 0;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: Arial, sans-serif;
            background: #f5f8fc;
            color: #334155;
        }html[data-panel-page="shopier_bridge"] .box{
            text-align: center;
            padding: 32px 24px;
            max-width: 420px;
        }html[data-panel-page="shopier_bridge"] .spinner{
            width: 42px;
            height: 42px;
            border: 3px solid #dbeafe;
            border-top-color: #2563eb;
            border-radius: 50%;
            margin: 0 auto 16px;
            animation: panel_shopier_bridge_spin 0.8s linear infinite;
        }
        @keyframes panel_shopier_bridge_spin { to { transform: rotate(360deg); } }html[data-panel-page="shopier_bridge"] p{ margin: 0; line-height: 1.6; font-size: 15px; }html[data-panel-page="shopier_bridge"] a{ color: #2563eb; }
    



/* shared footer.php */


		.ho-loading-overlay {
			position: fixed;
			inset: 0;
			z-index: 2147483000;
			display: flex;
			align-items: center;
			justify-content: center;
			background: rgba(15, 23, 42, 0.62);
			backdrop-filter: blur(5px);
			opacity: 0;
			visibility: hidden;
			pointer-events: none;
			transition: opacity .2s ease, visibility .2s ease;
		}
		.ho-loading-overlay.show {
			opacity: 1;
			visibility: visible;
			pointer-events: auto;
		}
		.ho-loading-content {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 18px;
			color: #fff;
		}
		.ho-loader {
			width: 44px;
			height: 44px;
			border-radius: 50%;
			border: 4px solid rgba(255, 255, 255, .22);
			border-top-color: #8b5cf6;
			animation: hoLoaderSpin .75s linear infinite;
		}
		.ho-loading-text {
			margin: 0;
			font-size: 15px;
			font-weight: 600;
			letter-spacing: 0;
			text-align: center;
		}
		html[data-theme="dark"] .ho-loading-overlay,
		body.dark-mode .ho-loading-overlay {
			background: rgba(3, 7, 18, .72);
		}
		@keyframes hoLoaderSpin {
			to { transform: rotate(360deg); }
		}
		
/* Static presentation attributes migrated to reusable panel classes */
html[data-panel-page="home"] .panel-inline-style-9e7cc82db531 { overflow: hidden }
html[data-panel-page="service"] .panel-inline-style-9e7cc82db531 { overflow: hidden }
html[data-panel-page="home"] .panel-inline-style-cec0d1672195 { background: linear-gradient(135deg, #702ff3 0%, #965ce9 50%, #965ce9 100%)
min-height: 100% }
html[data-panel-page="service"] .panel-inline-style-cec0d1672195 { background: linear-gradient(135deg, #702ff3 0%, #965ce9 50%, #965ce9 100%)
min-height: 100% }
html[data-panel-page="home"] .panel-inline-style-46bfb1f0b50b { background-image: radial-gradient(circle, rgba(255,255,255,.22) 1px, transparent 1px); background-size: 60px 60px }
html[data-panel-page="service"] .panel-inline-style-46bfb1f0b50b { background-image: radial-gradient(circle, rgba(255,255,255,.22) 1px, transparent 1px); background-size: 60px 60px }
html[data-panel-page="home"] .panel-inline-style-d6493fd318f6 { backdrop-filter: blur(10px) }
html[data-panel-page="service"] .panel-inline-style-d6493fd318f6 { backdrop-filter: blur(10px) }
html[data-panel-page="home"] .panel-inline-style-8c22ea69737f { font-size: 2.5rem }
html[data-panel-page="service"] .panel-inline-style-8c22ea69737f { font-size: 2.5rem }
html[data-panel-page="home"] .panel-inline-style-4589bc3a45ac { font-size: 2.5rem
text-shadow: 0 2px 10px rgba(0,0,0,0.2) }
html[data-panel-page="service"] .panel-inline-style-4589bc3a45ac { font-size: 2.5rem
text-shadow: 0 2px 10px rgba(0,0,0,0.2) }
html[data-panel-page="home"] .panel-inline-style-0a0dbda603f9 { color: #702ff3 !important }
html[data-panel-page="service"] .panel-inline-style-0a0dbda603f9 { color: #702ff3 !important }
html[data-panel-page="home"] .panel-inline-style-9fc7fd08457f { width: 200px
height: 200px }
html[data-panel-page="service"] .panel-inline-style-9fc7fd08457f { width: 200px
height: 200px }
html[data-panel-page="home"] .panel-inline-style-65a7bc91f218 { width: 180px
height: 180px
background: rgba(255,255,255,0.1)
border-radius: 50%
backdrop-filter: blur(10px) }
html[data-panel-page="service"] .panel-inline-style-65a7bc91f218 { width: 180px
height: 180px
background: rgba(255,255,255,0.1)
border-radius: 50%
backdrop-filter: blur(10px) }
html[data-panel-page="home"] .panel-inline-style-bd6a24e1001a { width: 140px
height: 140px
background: rgba(255,255,255,0.15)
border-radius: 50%
backdrop-filter: blur(10px) }
html[data-panel-page="service"] .panel-inline-style-bd6a24e1001a { width: 140px
height: 140px
background: rgba(255,255,255,0.15)
border-radius: 50%
backdrop-filter: blur(10px) }
html[data-panel-page="home"] .panel-inline-style-6c403f527b43 { width: 100px
height: 100px
background: rgba(255,255,255,0.2)
border-radius: 50%
backdrop-filter: blur(10px) }
html[data-panel-page="service"] .panel-inline-style-6c403f527b43 { width: 100px
height: 100px
background: rgba(255,255,255,0.2)
border-radius: 50%
backdrop-filter: blur(10px) }
html[data-panel-page="home"] .panel-inline-style-8ae57e885d14 { font-size: 3rem }
html[data-panel-page="service"] .panel-inline-style-8ae57e885d14 { font-size: 3rem }
html[data-panel-page="home"] .panel-inline-style-4824bc64163d { font-size: 4rem }
html[data-panel-page="service"] .panel-inline-style-4824bc64163d { font-size: 4rem }
html[data-panel-page="home"] .panel-inline-style-bf0d946b005b { border-radius: 12px
transition: all 0.3s ease }
html[data-panel-page="service"] .panel-inline-style-bf0d946b005b { border-radius: 12px
transition: all 0.3s ease }
html[data-panel-page="home"] .panel-inline-style-c761c7ebcc39 { background: linear-gradient(135deg, rgba(34, 197, 94, 0.05) 0%, rgba(16, 185, 129, 0.05) 100%)
pointer-events: none
z-index: 0 }
html[data-panel-page="service"] .panel-inline-style-c761c7ebcc39 { background: linear-gradient(135deg, rgba(34, 197, 94, 0.05) 0%, rgba(16, 185, 129, 0.05) 100%)
pointer-events: none
z-index: 0 }
html[data-panel-page="buy"] .panel-inline-style-a2b44b158bbc { font-size: 0.75rem }
html[data-panel-page="buy"] .panel-inline-style-22b62ca48b83 { font-size: 0.8rem }
html[data-panel-page="buy"] .panel-inline-style-39ddd20112df { text-decoration: none
transition: color 0.3s }
html[data-panel-page="buy2"] .panel-inline-style-2ae2a29bfc73 { left: 10px }
html[data-panel-page="buy2"] .panel-inline-style-80a39f0c5243 { width: 80%
max-width: 400px }
html[data-panel-page="buy2"] .panel-inline-style-6c4e6de3793d { height: 45px }
html[data-panel-page="buy2"] .panel-inline-style-3e9cbb4f5f13 { padding-right: 10px }
html[data-panel-page="buy2"] .panel-inline-style-7dd0b8de35ba { border-radius: 0.9rem }
html[data-panel-page="buy2"] .panel-inline-style-ab88f7103f8b { font-size: 1rem
margin-top: -25px }
html[data-panel-page="buy2"] .panel-inline-style-861f97fae003 { font-size: 1.7em
color: #6a4eec }
html[data-panel-page="buy2"] .panel-inline-style-72a68ac34497 { text-align: center }
html[data-panel-page="buy2"] .panel-inline-style-21dff010251c { vertical-align: inherit }
html[data-panel-page="balance"] .panel-inline-style-9d7e4e7b4567 { width: 80px
height: 80px }
html[data-panel-page="support"] .panel-inline-style-0dce84d8b3a1 { border-bottom:none }
html[data-panel-page="profile"] .panel-inline-style-f836a58a6769 { max-width:160px }
html[data-panel-page="profile"] .panel-inline-style-bb05181ec04f { color: #3F4254 }
html[data-panel-page="api"] .panel-inline-style-4c5102268b35 { padding-top:env(safe-area-inset-top)!important }
html[data-panel-page="balance"] .panel-inline-style-eb1967695ae3 { max-width: 560px }
html[data-panel-page="success"] .panel-inline-style-ee9247b2fbb9 { width: 3rem
height: 3rem }
html[data-panel-page="shopier_bridge"] .panel-inline-style-7598a81036be { margin-top:12px
font-size:13px
color:#64748b }

/* Remaining static HTML style attributes migrated */
html[data-panel-page] .panel-inline-style-dffe4bf950a6 { transition: opacity 0.2s ease }
html[data-panel-page] .panel-inline-style-8c84051ca549 { border-radius:50%
object-fit:cover }
html[data-panel-page] .panel-inline-style-46305c0daa7d { border-radius:50%
object-fit:cover
margin-bottom:10px }
html[data-panel-page="home"] .panel-inline-style-891be845a330 { border-radius: 12px
font-size: 1.1rem
transition: all 0.3s ease
color: #702ff3 !important }
html[data-panel-page="service"] .panel-inline-style-891be845a330 { border-radius: 12px
font-size: 1.1rem
transition: all 0.3s ease
color: #702ff3 !important }
html[data-panel-page="home"] .panel-inline-style-76ed9a07f7ff { border-radius: 8px }
html[data-panel-page="service"] .panel-inline-style-76ed9a07f7ff { border-radius: 8px }
html[data-panel-page="buy"] .panel-inline-style-39ddd20112df { text-decoration: none
transition: color 0.3s }
html[data-panel-page="numbers"] .panel-inline-style-76ef45f0b44e { width: 190px
height: 158px }
html[data-panel-page="balance"] .panel-inline-style-44228f0cd0b2 { width: 40px
height: 40px }

/* Static display rules migrated */
html[data-panel-page="buy"] .panel-inline-style-18d0459e3395 { width:30px
height:30px
max-width:100%
object-fit:contain
display:block }

html[data-panel-page="buy2"] .panel-inline-style-1f8b3f785a1c { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; position: relative }
html[data-panel-page="buy2"] .panel-inline-style-644a1a136416 { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
html[data-panel-page="home"] .panel-inline-style-55fe7f2a8c7b { border-radius: 8px }
html[data-panel-page="service"] .panel-inline-style-55fe7f2a8c7b { border-radius: 8px }

/* Dark mode contrast fixes for the support page and its ticket modal */
html[data-panel-page="support"] body.dark-mode #kt_content .text-dark,
html[data-panel-page="support"] body.dark-mode #kt_content .card-title,
html[data-panel-page="support"] body.dark-mode #kt_content .dataTables_empty {
    color: #f3f0ff !important;
}

html[data-panel-page="support"] body.dark-mode #kt_content .text-gray-600,
html[data-panel-page="support"] body.dark-mode #kt_content .text-gray-800,
html[data-panel-page="support"] body.dark-mode #kt_content .text-muted,
html[data-panel-page="support"] body.dark-mode #kt_content .dataTables_info,
html[data-panel-page="support"] body.dark-mode #kt_content .dataTables_length,
html[data-panel-page="support"] body.dark-mode #kt_content .dataTables_filter,
html[data-panel-page="support"] body.dark-mode #kt_content .dataTables_paginate {
    color: #b9b4c9 !important;
}

html[data-panel-page="support"] body.dark-mode #kt_content #ticketsTable,
html[data-panel-page="support"] body.dark-mode #kt_content #ticketsTable th,
html[data-panel-page="support"] body.dark-mode #kt_content #ticketsTable td {
    color: #e9e5f3 !important;
    border-color: #3b3549 !important;
}

html[data-panel-page="support"] body.dark-mode #kt_content #ticketsTable a {
    color: #c4a7ff !important;
}

html[data-panel-page="support"] body.dark-mode #ticketModal .modal-content {
    color: #f3f0ff !important;
    background: #252530 !important;
    border-color: #40394f !important;
}

html[data-panel-page="support"] body.dark-mode #ticketModal .modal-header,
html[data-panel-page="support"] body.dark-mode #ticketModal .modal-body,
html[data-panel-page="support"] body.dark-mode #ticketModal .modal-footer {
    color: #e9e5f3 !important;
    background: #252530 !important;
    border-color: #40394f !important;
}

html[data-panel-page="support"] body.dark-mode #ticketModal .modal-title,
html[data-panel-page="support"] body.dark-mode #ticketModal .input-group-text {
    color: #f3f0ff !important;
    background: #2d2a38 !important;
    border-color: #484153 !important;
}

html[data-panel-page="support"] body.dark-mode #ticketModal .form-control {
    color: #f3f0ff !important;
    background: #1c1d27 !important;
    border-color: #484153 !important;
}

html[data-panel-page="support"] body.dark-mode #ticketModal .form-control::placeholder {
    color: #aaa3ba !important;
    opacity: 1;
}

html[data-panel-page="support"] body.dark-mode #ticketModal [data-bs-dismiss="modal"] {
    color: #c4a7ff !important;
}

html[data-panel-page="support"] body.dark-mode #ticketModal [data-bs-dismiss="modal"]:hover {
    color: #ffffff !important;
    background: #39314b !important;
}

.dark-mode .swal2-popup .swal2-title,
.dark-mode .swal2-popup .swal2-html-container,
.dark-mode .swal2-popup .swal2-content,
.dark-mode .swal2-popup .swal2-validation-message {
    color: #f3f0ff !important;
}

.dark-mode .swal2-popup .swal2-html-container,
.dark-mode .swal2-popup .swal2-validation-message {
    color: #d3cde0 !important;
}

 .dark-mode #kt_content .card-title .text-dark,
.dark-mode #kt_content .card-title .card-label,
.dark-mode #ticketsContainer .text-gray-600 {
    color: #f3f0ff !important;
}

.dark-mode #kt_content .card-title .text-gray-400,
.dark-mode #kt_content .card-title .text-gray-600,
.dark-mode #kt_content .card-title .text-gray-500,
.dark-mode #ticketsContainer .text-gray-500,
.dark-mode #kt_content .text-gray-500 {
    color: #c3bdd0 !important;
}

.dark-mode #ticketModal .modal-content {
    color: #f3f0ff !important;
    background: #252530 !important;
    border-color: #40394f !important;
}

.dark-mode #ticketModal .modal-header,
.dark-mode #ticketModal .modal-body,
.dark-mode #ticketModal .modal-footer {
    color: #e9e5f3 !important;
    background: #252530 !important;
    border-color: #40394f !important;
}

.dark-mode #ticketModal .modal-title,
.dark-mode #ticketModal .input-group-text {
    color: #f3f0ff !important;
    background: #2d2a38 !important;
    border-color: #484153 !important;
}

.dark-mode #ticketModal .form-control {
    color: #f3f0ff !important;
    background: #1c1d27 !important;
    border-color: #484153 !important;
}

.dark-mode #ticketModal .form-control::placeholder {
    color: #aaa3ba !important;
    opacity: 1;
}

.dark-mode #ticketModal [data-bs-dismiss="modal"] {
    color: #c4a7ff !important;
}