/* ============================================
   СОВРЕМЕННЫЙ ДИЗАЙН МОДУЛЯ PAYMENT_STATS
   Полностью переработанный UI/UX
   ============================================ */

/* Основной контейнер */
.payment-stats-dark {
	background: transparent;
	border-radius: 0;
	overflow: visible;
	width: 100%;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* ========== ЗАГОЛОВОК СТРАНИЦЫ ========== */
.stats-header-dark {
	position: relative;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
	border-radius: 20px;
	padding: 50px 40px;
	margin-bottom: 35px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(102, 126, 234, 0.3);
	border: none;
}

.stats-header-dark::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -20%;
	width: 500px;
	height: 500px;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
	border-radius: 50%;
	animation: pulse 4s ease-in-out infinite;
}

@keyframes pulse {
	0%, 100% { transform: scale(1); opacity: 0.5; }
	50% { transform: scale(1.1); opacity: 0.8; }
}

.stats-header-bg {
	display: none;
}

.stats-header-content {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 30px;
}

.stats-header-icon {
	font-size: 64px;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 20px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(20px);
	flex-shrink: 0;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
	animation: float 3s ease-in-out infinite;
}

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

.stats-header-text {
	flex: 1;
}

.stats-title-dark {
	margin: 0 0 12px 0;
	font-size: 42px;
	font-weight: 800;
	color: #ffffff;
	text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	letter-spacing: -1px;
	line-height: 1.2;
}

.stats-subtitle-dark {
	margin: 0;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.95);
	font-weight: 400;
	line-height: 1.6;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* ========== ИНФОРМАЦИОННЫЙ БЛОК ========== */
.info-banner-dark {
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
	border: 1px solid rgba(102, 126, 234, 0.3);
	border-radius: 16px;
	padding: 28px 32px;
	margin-bottom: 35px;
	position: relative;
	overflow: hidden;
}

.info-banner-dark::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #667eea, #764ba2, #f093fb);
}

.info-banner-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	flex-wrap: wrap;
}

.info-banner-main {
	display: flex;
	gap: 20px;
	flex: 1;
	min-width: 300px;
}

.info-banner-icon {
	width: 56px;
	height: 56px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
}

.info-banner-icon i {
	font-size: 24px;
	color: #ffffff;
}

.info-banner-text {
	flex: 1;
}

.info-banner-title {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 8px 0;
}

.info-banner-description {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.75);
	line-height: 1.6;
	margin: 0 0 16px 0;
}

.info-banner-roles {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 16px;
	padding: 12px 16px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.info-role {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}

.info-role i {
	font-size: 12px;
}

.role-helper {
	background: rgba(149, 165, 166, 0.3);
	color: #bdc3c7;
	border: 1px solid rgba(149, 165, 166, 0.4);
}

.role-moderator {
	background: rgba(52, 152, 219, 0.3);
	color: #5dade2;
	border: 1px solid rgba(52, 152, 219, 0.4);
}

.role-admin {
	background: rgba(155, 89, 182, 0.3);
	color: #bb8fce;
	border: 1px solid rgba(155, 89, 182, 0.4);
}

.role-head-admin {
	background: linear-gradient(135deg, rgba(241, 196, 15, 0.3) 0%, rgba(243, 156, 18, 0.3) 100%);
	color: #f1c40f;
	border: 1px solid rgba(241, 196, 15, 0.5);
	box-shadow: 0 0 12px rgba(241, 196, 15, 0.2);
}

.role-arrow {
	color: rgba(255, 255, 255, 0.4);
	font-size: 12px;
}

@media (max-width: 600px) {
	.info-banner-roles {
		justify-content: center;
	}
	
	.role-arrow {
		display: none;
	}
	
	.info-role {
		font-size: 11px;
		padding: 5px 10px;
	}
}

.info-banner-features {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.info-feature {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.85);
	background: rgba(255, 255, 255, 0.06);
	padding: 5px 10px;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.info-feature i {
	color: #667eea;
	font-size: 11px;
}

.info-banner-cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 20px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.info-cta-text {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	font-weight: 500;
}

.info-cta-text i {
	color: #f093fb;
	font-size: 18px;
}

.info-cta-button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 28px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.info-cta-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(102, 126, 234, 0.5);
	color: #ffffff;
	text-decoration: none;
}

.info-cta-button i {
	font-size: 16px;
}

@media (max-width: 900px) {
	.info-banner-content {
		flex-direction: column;
		align-items: stretch;
	}
	
	.info-banner-cta {
		flex-direction: row;
		justify-content: space-between;
	}
}

@media (max-width: 600px) {
	.info-banner-dark {
		padding: 20px;
	}
	
	.info-banner-main {
		flex-direction: column;
		text-align: center;
		min-width: auto;
	}
	
	.info-banner-icon {
		margin: 0 auto;
	}
	
	.info-banner-features {
		justify-content: center;
	}
	
	.info-banner-cta {
		flex-direction: column;
	}
	
	.info-cta-button {
		width: 100%;
		justify-content: center;
	}
}

/* ========== ОБЩАЯ СТАТИСТИКА ========== */
.stats-overview-dark {
	margin-bottom: 35px;
}

.overview-grid-dark {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-bottom: 28px;
}

@media (max-width: 1200px) {
	.overview-grid-dark {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.overview-grid-dark {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.overview-grid-dark {
		grid-template-columns: 1fr;
	}
}

.overview-card-dark {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	border-radius: 12px;
	padding: 18px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(20px);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	align-items: flex-start;
	gap: 16px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.overview-card-dark::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(90deg, transparent, currentColor, transparent);
	opacity: 0.8;
	transform: scaleX(0);
	transition: transform 0.4s ease;
}

.overview-card-dark:hover {
	transform: translateY(-4px) scale(1.01);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
	border-color: rgba(255, 255, 255, 0.25);
}

.overview-card-dark:hover::before {
	transform: scaleX(1);
}

.overview-card-dark-primary {
	color: #667eea;
}

.overview-card-dark-info {
	color: #3498db;
}

.overview-card-dark-success {
	color: #2ecc71;
}

.overview-card-dark-warning {
	color: #f39c12;
}

.overview-card-dark-danger {
	color: #e74c3c;
}

.overview-card-dark-icon {
	font-size: 36px;
	opacity: 1;
	flex-shrink: 0;
	filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
	transition: transform 0.3s ease;
}

.overview-card-dark:hover .overview-card-dark-icon {
	transform: scale(1.1) rotate(5deg);
}

.overview-card-dark-content {
	flex: 1;
}

.overview-card-dark-label {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 8px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.overview-card-dark-value {
	font-size: 28px;
	font-weight: 800;
	color: #ffffff;
	line-height: 1.2;
	margin-bottom: 6px;
}

.overview-card-dark .best-admin-link {
	color: #ffffff !important;
	text-decoration: none !important;
	transition: all 0.2s ease;
	cursor: pointer !important;
	font-size: inherit;
	font-weight: inherit;
}

.overview-card-dark .best-admin-link:hover {
	color: #2ecc71 !important;
	text-decoration: underline !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.overview-card-dark-subtext {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.7);
	margin-top: 4px;
	line-height: 1.4;
}

/* ========== ТАБЫ ========== */
.stats-tabs-dark-wrapper {
	margin-bottom: 30px;
}

.stats-tabs-dark {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(20px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.tab-dark-btn {
	background: transparent;
	border: none;
	padding: 14px 28px;
	border-radius: 12px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	justify-content: center;
	min-width: 170px;
	position: relative;
	overflow: hidden;
}

.tab-dark-btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
	transition: left 0.5s ease;
}

.tab-dark-btn:hover::before {
	left: 100%;
}

.tab-dark-btn i {
	font-size: 18px;
	transition: transform 0.3s ease;
}

.tab-dark-btn:hover {
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 1);
	transform: translateY(-2px);
}

.tab-dark-btn:hover i {
	transform: scale(1.2);
}

.tab-dark-btn.active {
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.4) 0%, rgba(118, 75, 162, 0.4) 100%);
	color: #ffffff;
	border: 1px solid rgba(102, 126, 234, 0.6);
	box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
	transform: translateY(-2px);
}

.tab-dark-btn.active i {
	transform: scale(1.2);
}

/* ========== КОНТЕНТ ТАБОВ ========== */
.tab-content-dark {
	display: none;
	animation: fadeIn 0.4s ease;
}

.tab-content-dark.active {
	display: block;
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

/* ========== ФИЛЬТРЫ ========== */
.filters-bar-dark {
	margin-bottom: 25px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	padding: 20px 24px;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(20px);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.filters-row-dark {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 14px;
}

.filters-stats-dark {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
	padding-top: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	font-weight: 500;
}

.filters-stats-dark span {
	color: #667eea;
	font-weight: 700;
	font-size: 16px;
}

.filter-search-dark {
	flex: 1;
	min-width: 320px;
	background: rgba(20, 20, 30, 0.8);
	border: 2px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	padding: 14px 20px;
	color: #ffffff;
	font-size: 15px;
	transition: all 0.3s ease;
	font-weight: 500;
}

.filter-search-dark:focus {
	outline: none;
	border-color: #667eea;
	box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.2), 0 4px 20px rgba(102, 126, 234, 0.3);
	background: rgba(20, 20, 30, 0.95);
	transform: translateY(-2px);
}

.filter-search-dark::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.filter-select-dark {
	min-width: 220px;
	background: rgba(20, 20, 30, 0.8);
	border: 2px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	padding: 14px 20px;
	color: #ffffff;
	font-size: 15px;
	transition: all 0.3s ease;
	cursor: pointer;
	font-weight: 500;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 18px center;
	padding-right: 45px;
}

.filter-select-dark:focus {
	outline: none;
	border-color: #667eea;
	box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.2), 0 4px 20px rgba(102, 126, 234, 0.3);
	background-color: rgba(20, 20, 30, 0.95);
	transform: translateY(-2px);
}

.filter-select-dark option {
	background: #1e1e28;
	color: #ffffff;
	padding: 10px;
}

.btn-filter-reset {
	background: linear-gradient(135deg, rgba(231, 76, 60, 0.3) 0%, rgba(192, 57, 43, 0.3) 100%);
	border: 2px solid rgba(231, 76, 60, 0.5);
	border-radius: 12px;
	padding: 14px 18px;
	color: #e74c3c;
	font-size: 15px;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 50px;
	font-weight: 600;
}

.btn-filter-reset:hover {
	background: linear-gradient(135deg, rgba(231, 76, 60, 0.5) 0%, rgba(192, 57, 43, 0.5) 100%);
	border-color: rgba(231, 76, 60, 0.8);
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(231, 76, 60, 0.3);
}

.filters-card-dark {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	border-radius: 20px;
	padding: 28px;
	margin-bottom: 30px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(20px);
}

.filters-header-dark {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 22px;
	padding-bottom: 18px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.filters-header-dark i {
	font-size: 20px;
	color: #667eea;
}

.filters-header-dark span {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: -0.5px;
}

.filters-body-dark {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 22px;
}

.filter-group-dark {
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: relative;
}

.filter-label-dark {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 10px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height: 1.6;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	flex-shrink: 0;
	white-space: nowrap;
	position: relative;
	z-index: 1;
}

.filter-label-dark i {
	font-size: 16px;
	color: #667eea;
	flex-shrink: 0;
}

.input-dark,
.select-dark {
	background: rgba(20, 20, 30, 0.8);
	border: 2px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	padding: 14px 20px;
	color: #ffffff;
	font-size: 15px;
	transition: all 0.3s ease;
	width: 100%;
	font-weight: 500;
	line-height: 1.6;
	min-height: 48px;
	box-sizing: border-box;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	z-index: 0;
}

.input-dark:focus,
.select-dark:focus {
	outline: none;
	border-color: #667eea;
	box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.2), 0 4px 20px rgba(102, 126, 234, 0.3);
	background: rgba(20, 20, 30, 0.95);
	transform: translateY(-2px);
}

.input-dark::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.select-dark option {
	background: #1e1e28;
	color: #ffffff;
	padding: 10px;
}

/* ========== КОМПАКТНАЯ ТАБЛИЦА АДМИНИСТРАТОРОВ ========== */
.admins-table-container-dark {
	overflow-x: hidden;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(20px);
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.admins-table-wrapper-dark {
	overflow-x: hidden;
	overflow-y: visible;
}

.admins-table-dark {
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
	table-layout: fixed;
}

.admins-table-dark-wrapper {
	overflow-x: hidden;
	width: 100%;
}

.admins-table-dark thead {
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);
	border-bottom: 3px solid rgba(102, 126, 234, 0.4);
}

.admins-table-dark th {
	padding: 8px 10px;
	text-align: left;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.95);
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	white-space: nowrap;
}

.admins-table-dark th.col-avatar {
	width: 42px;
	text-align: center;
	padding-left: 12px;
}

.admins-table-dark td.col-avatar {
	padding-left: 12px;
}

.admins-table-dark th.col-name {
	min-width: 150px;
}

.admins-table-dark th.col-amount {
	min-width: 130px;
	padding-right: 8px;
}

.admins-table-dark th.col-payments {
	width: 80px;
	text-align: center;
	padding-left: 8px;
}

.admins-table-dark th.col-time {
	min-width: 130px;
}

.admins-table-dark th.col-days {
	width: 100px;
	text-align: center;
}

.admins-table-dark th.col-double {
	min-width: 120px;
}

.admins-table-dark th.col-last {
	min-width: 110px;
}

.admins-table-dark th.col-actions {
	width: 80px;
	text-align: center;
}

.admins-table-dark tbody tr {
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	transition: all 0.3s ease;
	background: rgba(255, 255, 255, 0.02);
}

.admins-table-dark tbody tr:hover {
	background: linear-gradient(90deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
	border-color: rgba(102, 126, 234, 0.3);
	box-shadow: 0 4px 16px rgba(102, 126, 234, 0.2);
}

.admins-table-dark td {
	padding: 8px 15px;
	vertical-align: middle;
}

.admins-table-dark td.col-amount {
	padding-right: 8px;
}

.admins-table-dark td.col-payments {
	padding-left: 8px;
}

.admin-avatar-table-dark {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 5px;
}

.admin-avatar-wrapper-table-dark {
	width: 32px;
	height: 32px;
	position: relative;
}

.admin-avatar-img-table-dark {
	width: 32px;
	height: 32px;
	border-radius: 4px;
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.4) 0%, rgba(118, 75, 162, 0.4) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #ffffff;
	border: 1.5px solid rgba(102, 126, 234, 0.6);
	box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
	transition: transform 0.3s ease;
	overflow: hidden;
	position: relative;
}

.admin-avatar-img-table-dark img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	object-fit: cover;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.admin-avatar-fallback-table-dark {
	z-index: 0;
}

.admin-ramka-table-dark {
	position: absolute;
	top: -1.5px;
	left: -1.5px;
	width: 35px;
	height: 35px;
	z-index: 2;
	pointer-events: none;
	border-radius: 4px;
	object-fit: cover;
}

.admins-table-dark tbody tr:hover .admin-avatar-img-table-dark {
	transform: scale(1.05);
}

.admins-table-dark tbody tr:hover .admin-ramka-table-dark {
	transform: scale(1.05);
}

.admin-name-cell-dark {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.admin-name-cell-dark .admin-link-dark {
	font-weight: 700;
	font-size: 12px;
	color: #ffffff;
	transition: color 0.3s ease;
	line-height: 1.2;
}

.admin-name-cell-dark .admin-link-dark:hover {
	color: #667eea;
}

.admin-name-cell-dark .admin-steamid-dark {
	font-size: 10px;
	margin-top: 0;
	font-family: 'Courier New', monospace;
	opacity: 0.7;
	line-height: 1.2;
}

.admin-name-cell-dark .admin-group-dark {
	font-size: 10px;
	margin-top: 0;
	color: #667eea;
	opacity: 0.9;
	font-weight: 500;
	line-height: 1.2;
}

.stat-value-table-dark {
	font-weight: 700;
	color: #ffffff;
	font-size: 12px;
	line-height: 1.3;
}

.stat-value-table-dark.stat-amount {
	color: #2ecc71;
	font-weight: 800;
	font-size: 13px;
	line-height: 1.3;
}

.stat-value-table-dark.stat-double {
	color: #f39c12;
	font-weight: 700;
}

.stat-value-table-dark.stat-empty {
	color: rgba(255, 255, 255, 0.4);
	font-weight: 400;
}

.stat-subtext-table-dark {
	font-size: 10px;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 2px;
	font-weight: 500;
	line-height: 1.2;
}

.btn-table-dark {
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.4) 0%, rgba(118, 75, 162, 0.4) 100%);
	border: 1.5px solid rgba(102, 126, 234, 0.6);
	border-radius: 4px;
	padding: 4px 8px;
	color: #ffffff;
	font-size: 11px;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 28px;
	font-weight: 600;
}

.btn-table-dark:hover {
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.6) 0%, rgba(118, 75, 162, 0.6) 100%);
	border-color: rgba(102, 126, 234, 0.8);
	transform: translateY(-2px) scale(1.05);
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

/* ========== СПИСОК АДМИНИСТРАТОРОВ (совместимость) ========== */
.admins-list-dark {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.admins-grid-dark {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	gap: 25px;
}

.admin-card-dark {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(20px);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	flex-direction: column;
	width: 100%;
}

.admin-card-dark:hover {
	transform: translateY(-8px) scale(1.02);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
	border-color: rgba(102, 126, 234, 0.4);
}

.admin-card-dark-header {
	padding: 22px 24px;
	display: flex;
	align-items: center;
	gap: 18px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.admin-avatar-dark {
	position: relative;
	flex-shrink: 0;
}

.admin-avatar-img-dark {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.4) 0%, rgba(118, 75, 162, 0.4) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
	color: #ffffff;
	border: 3px solid rgba(102, 126, 234, 0.6);
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
	transition: transform 0.3s ease;
}

.admin-card-dark:hover .admin-avatar-img-dark {
	transform: scale(1.1) rotate(5deg);
}

.admin-info-dark {
	flex: 1;
	min-width: 0;
}

.admin-name-dark {
	margin: 0 0 6px 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}

.admin-link-dark {
	color: #ffffff;
	text-decoration: none;
	transition: color 0.3s ease;
}

.admin-link-dark:hover {
	color: #667eea;
}

.admin-steamid-dark {
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
	display: block;
	font-family: 'Courier New', monospace;
	letter-spacing: 0.5px;
}

.admin-card-dark-body {
	padding: 22px 24px;
	flex: 1;
}

.admin-stats-grid-dark {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 16px;
}

.admin-stat-item-dark {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 14px 16px;
	background: rgba(20, 20, 30, 0.6);
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.3s ease;
}

.admin-stat-item-dark:hover {
	background: rgba(20, 20, 30, 0.8);
	border-color: rgba(102, 126, 234, 0.4);
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(102, 126, 234, 0.2);
}

.admin-stat-item-dark i {
	font-size: 22px;
	color: #667eea;
	margin-top: 2px;
	flex-shrink: 0;
}

.admin-stat-content-dark {
	flex: 1;
	min-width: 0;
}

.admin-stat-label-dark {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 5px;
	display: block;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.admin-stat-value-dark {
	font-size: 18px;
	font-weight: 800;
	color: #ffffff;
	line-height: 1.3;
	word-break: break-word;
}

.admin-badge-dark {
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);
	border: 2px solid rgba(102, 126, 234, 0.4);
	border-radius: 10px;
	padding: 12px 16px;
	font-size: 13px;
	color: #667eea;
	margin-top: 16px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 700;
}

.admin-badge-dark i {
	font-size: 16px;
	color: #f39c12;
}

.admin-card-dark-footer {
	padding: 18px 24px;
	border-top: 2px solid rgba(255, 255, 255, 0.1);
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
}

.btn-dark {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border: 2px solid rgba(102, 126, 234, 0.6);
	border-radius: 12px;
	padding: 14px 24px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	box-shadow: 0 6px 24px rgba(102, 126, 234, 0.3);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.btn-dark:hover {
	background: linear-gradient(135deg, #7c8ef0 0%, #8a5bb8 100%);
	border-color: rgba(102, 126, 234, 0.8);
	box-shadow: 0 10px 32px rgba(102, 126, 234, 0.5);
	transform: translateY(-3px) scale(1.02);
}

.btn-dark-primary {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-color: rgba(102, 126, 234, 0.8);
}

.btn-dark-primary:hover {
	background: linear-gradient(135deg, #7c8ef0 0%, #8a5bb8 100%);
	box-shadow: 0 10px 32px rgba(102, 126, 234, 0.5);
	transform: translateY(-3px) scale(1.02);
}

.btn-dark-block {
	width: 100%;
}

/* ========== ТОП ДОНАТЕРЫ ========== */
.top-type-switcher-dark {
	display: flex;
	gap: 15px;
	margin-bottom: 25px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
	border-radius: 16px;
	padding: 8px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
}

.top-type-btn-dark {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px 20px;
	background: transparent;
	border: 2px solid transparent;
	border-radius: 12px;
	color: rgba(255, 255, 255, 0.7);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}

.top-type-btn-dark::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.top-type-btn-dark:hover {
	color: #ffffff;
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(102, 126, 234, 0.3);
	transform: translateY(-2px);
}

.top-type-btn-dark:hover::before {
	opacity: 1;
}

.top-type-btn-dark.active {
	color: #ffffff;
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.3) 0%, rgba(118, 75, 162, 0.3) 100%);
	border-color: rgba(102, 126, 234, 0.5);
	box-shadow: 0 4px 15px rgba(102, 126, 234, 0.2);
}

.top-type-btn-dark.active::before {
	opacity: 1;
}

.top-type-btn-dark i {
	font-size: 16px;
	position: relative;
	z-index: 1;
}

.top-type-btn-dark span {
	position: relative;
	z-index: 1;
}

.top-period-filter-dark {
	display: flex;
	gap: 20px;
	margin-bottom: 25px;
	padding: 20px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	flex-wrap: wrap;
	align-items: flex-start;
}

.top-period-filter-dark .filter-group-dark {
	flex: 1;
	min-width: 200px;
	gap: 18px;
	position: relative;
}

.top-period-filter-dark .filter-label-dark {
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	line-height: 1.6;
	height: auto;
	min-height: auto;
	position: relative;
	z-index: 2;
}

.top-period-filter-dark .select-dark {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 14px;
	padding-bottom: 14px;
	line-height: 1.6;
	height: auto;
	min-height: 48px;
	position: relative;
	z-index: 1;
}

.top-admins-dark-container {
	margin-top: 0;
}

.top-donators-section-dark {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	border-radius: 20px;
	padding: 35px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(20px);
}

.top-donators-header-dark {
	margin-bottom: 28px;
	padding-bottom: 22px;
	border-bottom: 3px solid rgba(102, 126, 234, 0.3);
}

.top-donators-title-dark {
	margin: 0 0 10px 0;
	font-size: 32px;
	font-weight: 800;
	color: #ffffff;
	display: flex;
	align-items: center;
	gap: 14px;
	letter-spacing: -1px;
}

.top-donators-title-dark i {
	color: #f39c12;
	font-size: 36px;
	filter: drop-shadow(0 4px 12px rgba(243, 156, 18, 0.4));
}

.top-donators-subtitle-dark {
	margin: 0;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 500;
}

.top-donators-list-dark {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.top-donators-grid-dark {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 20px;
}

.top-donator-item-dark {
	background: linear-gradient(135deg, rgba(20, 20, 30, 0.8) 0%, rgba(30, 30, 40, 0.8) 100%);
	border-radius: 16px;
	padding: 22px 24px;
	display: flex;
	align-items: center;
	gap: 20px;
	border: 2px solid rgba(255, 255, 255, 0.1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}

.top-donator-item-dark::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: currentColor;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.top-donator-item-dark:hover {
	background: linear-gradient(135deg, rgba(20, 20, 30, 0.95) 0%, rgba(30, 30, 40, 0.95) 100%);
	border-color: rgba(255, 255, 255, 0.2);
	transform: translateX(8px) scale(1.02);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.top-donator-item-dark:hover::before {
	opacity: 1;
}

.top-donator-dark-gold {
	border-left-color: #f6d365;
	color: #f6d365;
}

.top-donator-dark-silver {
	border-left-color: #c0c0c0;
	color: #c0c0c0;
}

.top-donator-dark-bronze {
	border-left-color: #cd7f32;
	color: #cd7f32;
}

.top-donator-avatar-dark {
	position: relative;
	flex-shrink: 0;
}

.top-donator-avatar-img-dark {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.4) 0%, rgba(118, 75, 162, 0.4) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	color: #ffffff;
	border: 4px solid rgba(102, 126, 234, 0.6);
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
	transition: transform 0.3s ease;
}

.top-donator-item-dark:hover .top-donator-avatar-img-dark {
	transform: scale(1.1) rotate(5deg);
}

.top-donator-rank-badge-dark {
	position: absolute;
	bottom: -6px;
	right: -6px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(20, 20, 30, 0.98);
	border: 3px solid rgba(255, 255, 255, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 800;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
	z-index: 1;
}

.top-donator-rank-gold-dark {
	background: linear-gradient(135deg, #f6d365 0%, #ffd700 50%, #fda085 100%);
	border: 3px solid rgba(255, 215, 0, 0.9);
	color: #1a1a2e;
	box-shadow: 0 6px 20px rgba(246, 211, 101, 0.7),
	            0 0 15px rgba(255, 215, 0, 0.5),
	            inset 0 2px 4px rgba(255, 255, 255, 0.3);
	animation: medalPulse 2s ease-in-out infinite;
	position: relative;
}

.top-donator-rank-gold-dark::before {
	content: '👑';
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 16px;
	opacity: 0.8;
	animation: crownFloat 2s ease-in-out infinite;
}

@keyframes medalPulse {
	0%, 100% {
		box-shadow: 0 6px 20px rgba(246, 211, 101, 0.7),
		            0 0 15px rgba(255, 215, 0, 0.5),
		            inset 0 2px 4px rgba(255, 255, 255, 0.3);
	}
	50% {
		box-shadow: 0 8px 25px rgba(246, 211, 101, 0.9),
		            0 0 20px rgba(255, 215, 0, 0.7),
		            inset 0 2px 4px rgba(255, 255, 255, 0.4);
	}
}

@keyframes crownFloat {
	0%, 100% {
		transform: translateX(-50%) translateY(0);
	}
	50% {
		transform: translateX(-50%) translateY(-3px);
	}
}

.top-donator-rank-silver-dark {
	background: linear-gradient(135deg, #c0c0c0 0%, #e8e8e8 50%, #d3d3d3 100%);
	border: 3px solid rgba(230, 230, 230, 0.9);
	color: #1a1a2e;
	box-shadow: 0 6px 20px rgba(192, 192, 192, 0.6),
	            0 0 12px rgba(230, 230, 230, 0.4),
	            inset 0 2px 4px rgba(255, 255, 255, 0.3);
}

.top-donator-rank-bronze-dark {
	background: linear-gradient(135deg, #cd7f32 0%, #b87351 50%, #a0522d 100%);
	border: 3px solid rgba(184, 115, 51, 0.9);
	color: #ffffff;
	box-shadow: 0 6px 20px rgba(205, 127, 50, 0.6),
	            0 0 12px rgba(184, 115, 51, 0.4),
	            inset 0 2px 4px rgba(255, 255, 255, 0.2);
}

.top-donator-info-dark {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}

.top-donator-name-dark {
	margin-bottom: 12px;
	line-height: 1.3;
	flex-shrink: 0;
}

.top-donator-link-dark {
	color: #ffffff;
	text-decoration: none;
	font-size: 20px;
	font-weight: 700;
	transition: color 0.3s ease;
	letter-spacing: -0.5px;
	display: inline-block;
	line-height: 1.3;
}

.top-donator-link-dark:hover {
	color: #667eea;
}

.top-donator-amount-dark {
	font-size: 28px;
	font-weight: 800;
	color: #2ecc71;
	margin-bottom: 8px;
	text-shadow: 0 2px 10px rgba(46, 204, 113, 0.3);
	line-height: 1.2;
	flex-shrink: 0;
}

.top-donator-payments-dark {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 500;
	margin-bottom: 6px;
	line-height: 1.5;
	flex-shrink: 0;
}

.top-donator-date-dark {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.6);
	font-weight: 500;
	margin-top: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
	line-height: 1.5;
	flex-shrink: 0;
}

.top-donator-date-dark i {
	color: rgba(102, 126, 234, 0.8);
	font-size: 12px;
	flex-shrink: 0;
}

/* ========== КВАДРАТНЫЕ КАРТОЧКИ ТОПА ========== */
.top-donator-card-dark {
	background: linear-gradient(135deg, rgba(20, 20, 30, 0.9) 0%, rgba(30, 30, 40, 0.9) 100%);
	border-radius: 16px;
	padding: 24px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	border: 2px solid rgba(255, 255, 255, 0.1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
	min-height: 240px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.top-donator-card-dark::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: currentColor;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.top-donator-card-dark:hover {
	background: linear-gradient(135deg, rgba(20, 20, 30, 0.95) 0%, rgba(30, 30, 40, 0.95) 100%);
	border-color: rgba(255, 255, 255, 0.25);
	transform: translateY(-8px) scale(1.03);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

.top-donator-card-dark:hover::before {
	opacity: 1;
}

/* Лидерборд - Золото (1 место) */
.top-donator-card-dark.top-donator-dark-gold {
	border: 3px solid rgba(246, 211, 101, 0.6);
	background: linear-gradient(135deg, rgba(246, 211, 101, 0.15) 0%, rgba(255, 215, 0, 0.1) 50%, rgba(246, 211, 101, 0.15) 100%);
	box-shadow: 0 8px 32px rgba(246, 211, 101, 0.4), 
	            0 0 20px rgba(246, 211, 101, 0.2),
	            inset 0 1px 0 rgba(255, 255, 255, 0.1);
	position: relative;
	overflow: visible;
	animation: goldGlow 3s ease-in-out infinite;
}

.top-donator-card-dark.top-donator-dark-gold::after {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	background: linear-gradient(45deg, 
		rgba(246, 211, 101, 0.8) 0%, 
		rgba(255, 215, 0, 0.8) 25%,
		rgba(246, 211, 101, 0.8) 50%,
		rgba(255, 215, 0, 0.8) 75%,
		rgba(246, 211, 101, 0.8) 100%);
	background-size: 200% 200%;
	border-radius: 12px;
	z-index: -1;
	opacity: 0.5;
	animation: goldShine 3s linear infinite;
}

@keyframes goldGlow {
	0%, 100% {
		box-shadow: 0 8px 32px rgba(246, 211, 101, 0.4), 
		            0 0 20px rgba(246, 211, 101, 0.2),
		            inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	50% {
		box-shadow: 0 8px 40px rgba(246, 211, 101, 0.6), 
		            0 0 30px rgba(246, 211, 101, 0.4),
		            inset 0 1px 0 rgba(255, 255, 255, 0.2);
	}
}

@keyframes goldShine {
	0% {
		background-position: 0% 50%;
	}
	100% {
		background-position: 200% 50%;
	}
}

.top-donator-card-dark.top-donator-dark-gold:hover {
	border-color: rgba(246, 211, 101, 1);
	box-shadow: 0 16px 50px rgba(246, 211, 101, 0.6), 
	            0 0 40px rgba(246, 211, 101, 0.4),
	            inset 0 1px 0 rgba(255, 255, 255, 0.2);
	transform: translateY(-12px) scale(1.05);
}

/* Лидерборд - Серебро (2 место) */
.top-donator-card-dark.top-donator-dark-silver {
	border: 3px solid rgba(192, 192, 192, 0.6);
	background: linear-gradient(135deg, rgba(192, 192, 192, 0.12) 0%, rgba(230, 230, 230, 0.08) 50%, rgba(192, 192, 192, 0.12) 100%);
	box-shadow: 0 6px 28px rgba(192, 192, 192, 0.35), 
	            0 0 15px rgba(192, 192, 192, 0.15),
	            inset 0 1px 0 rgba(255, 255, 255, 0.1);
	position: relative;
	overflow: visible;
}

.top-donator-card-dark.top-donator-dark-silver::after {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	background: linear-gradient(45deg, 
		rgba(192, 192, 192, 0.6) 0%, 
		rgba(230, 230, 230, 0.6) 50%,
		rgba(192, 192, 192, 0.6) 100%);
	background-size: 200% 200%;
	border-radius: 12px;
	z-index: -1;
	opacity: 0.4;
	animation: silverShine 4s linear infinite;
}

@keyframes silverShine {
	0% {
		background-position: 0% 50%;
	}
	100% {
		background-position: 200% 50%;
	}
}

.top-donator-card-dark.top-donator-dark-silver:hover {
	border-color: rgba(192, 192, 192, 0.9);
	box-shadow: 0 12px 40px rgba(192, 192, 192, 0.5), 
	            0 0 25px rgba(192, 192, 192, 0.3),
	            inset 0 1px 0 rgba(255, 255, 255, 0.15);
	transform: translateY(-10px) scale(1.04);
}

/* Лидерборд - Бронза (3 место) */
.top-donator-card-dark.top-donator-dark-bronze {
	border: 3px solid rgba(205, 127, 50, 0.6);
	background: linear-gradient(135deg, rgba(205, 127, 50, 0.12) 0%, rgba(184, 115, 51, 0.08) 50%, rgba(205, 127, 50, 0.12) 100%);
	box-shadow: 0 6px 28px rgba(205, 127, 50, 0.35), 
	            0 0 15px rgba(205, 127, 50, 0.15),
	            inset 0 1px 0 rgba(255, 255, 255, 0.1);
	position: relative;
	overflow: visible;
}

.top-donator-card-dark.top-donator-dark-bronze::after {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	background: linear-gradient(45deg, 
		rgba(205, 127, 50, 0.6) 0%, 
		rgba(184, 115, 51, 0.6) 50%,
		rgba(205, 127, 50, 0.6) 100%);
	background-size: 200% 200%;
	border-radius: 12px;
	z-index: -1;
	opacity: 0.4;
	animation: bronzeShine 4s linear infinite;
}

@keyframes bronzeShine {
	0% {
		background-position: 0% 50%;
	}
	100% {
		background-position: 200% 50%;
	}
}

.top-donator-card-dark.top-donator-dark-bronze:hover {
	border-color: rgba(205, 127, 50, 0.9);
	box-shadow: 0 12px 40px rgba(205, 127, 50, 0.5), 
	            0 0 25px rgba(205, 127, 50, 0.3),
	            inset 0 1px 0 rgba(255, 255, 255, 0.15);
	transform: translateY(-10px) scale(1.04);
}

.top-donator-card-dark .top-donator-rank-badge-dark {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(20, 20, 30, 0.98);
	border: 3px solid rgba(255, 255, 255, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 800;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
	z-index: 2;
	transition: all 0.3s ease;
}

.top-donator-card-dark:hover .top-donator-rank-badge-dark {
	transform: scale(1.1) rotate(5deg);
}

.top-donator-card-avatar-dark {
	margin-bottom: 16px;
	position: relative;
}

.top-donator-card-avatar-wrapper-dark {
	width: 80px;
	height: 80px;
	position: relative;
	margin: 0 auto;
}

.top-donator-card-avatar-img-dark {
	width: 80px;
	height: 80px;
	border-radius: 8px;
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.4) 0%, rgba(118, 75, 162, 0.4) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	color: #ffffff;
	border: 3px solid rgba(102, 126, 234, 0.6);
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
	transition: transform 0.3s ease;
	overflow: hidden;
	position: relative;
}

/* Специальные эффекты для аватаров топ-3 */
.top-donator-dark-gold .top-donator-card-avatar-img-dark {
	border: 3px solid rgba(246, 211, 101, 0.8);
	box-shadow: 0 8px 25px rgba(246, 211, 101, 0.5),
	            0 0 15px rgba(255, 215, 0, 0.3);
}

.top-donator-dark-silver .top-donator-card-avatar-img-dark {
	border: 3px solid rgba(192, 192, 192, 0.8);
	box-shadow: 0 8px 25px rgba(192, 192, 192, 0.5),
	            0 0 12px rgba(230, 230, 230, 0.3);
}

.top-donator-dark-bronze .top-donator-card-avatar-img-dark {
	border: 3px solid rgba(205, 127, 50, 0.8);
	box-shadow: 0 8px 25px rgba(205, 127, 50, 0.5),
	            0 0 12px rgba(184, 115, 51, 0.3);
}

.top-donator-card-avatar-img-dark img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	object-fit: cover;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.top-donator-card-avatar-fallback-dark {
	z-index: 0;
}

.top-donator-card-ramka-dark {
	position: absolute;
	top: -3px;
	left: -3px;
	width: 86px;
	height: 86px;
	z-index: 2;
	pointer-events: none;
	border-radius: 8px;
	object-fit: cover;
}

.top-donator-card-dark:hover .top-donator-card-avatar-img-dark {
	transform: scale(1.05);
}

.top-donator-card-dark:hover .top-donator-card-ramka-dark {
	transform: scale(1.05);
}

.top-donator-card-info-dark {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	flex: 1;
	justify-content: center;
}

.top-donator-card-name-dark {
	margin-bottom: 4px;
	line-height: 1.3;
}

.top-donator-card-link-dark {
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
	transition: color 0.3s ease;
	letter-spacing: -0.5px;
	display: inline-block;
	line-height: 1.3;
}

.top-donator-card-link-dark:hover {
	color: #667eea;
}

.top-donator-card-group-dark {
	font-size: 12px;
	color: #667eea;
	font-weight: 500;
	margin-top: 4px;
	line-height: 1.3;
}

.top-donator-card-amount-dark {
	font-size: 24px;
	font-weight: 800;
	color: #2ecc71;
	margin-top: 8px;
	margin-bottom: 4px;
	text-shadow: 0 2px 10px rgba(46, 204, 113, 0.3);
	line-height: 1.2;
	word-break: break-word;
}

.top-donator-card-payments-dark {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 500;
	margin-bottom: 4px;
	line-height: 1.4;
}

.top-donator-card-date-dark {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.6);
	font-weight: 500;
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	line-height: 1.4;
	flex-wrap: wrap;
}

.top-donator-card-date-dark i {
	color: rgba(102, 126, 234, 0.8);
	font-size: 11px;
}

/* ========== СТАТИСТИКА ПОЛЬЗОВАТЕЛЯ ========== */
.user-stats-grid-dark {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 25px;
}

.user-stat-card-dark {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(20px);
	display: flex;
	align-items: center;
	gap: 24px;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.user-stat-card-dark:hover {
	transform: translateY(-8px) scale(1.02);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.user-stat-icon-dark {
	font-size: 48px;
	color: #667eea;
	flex-shrink: 0;
	filter: drop-shadow(0 4px 12px rgba(102, 126, 234, 0.4));
	transition: transform 0.3s ease;
}

.user-stat-card-dark:hover .user-stat-icon-dark {
	transform: scale(1.2) rotate(5deg);
}

.user-stat-content-dark {
	flex: 1;
}

.user-stat-label-dark {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.user-stat-value-dark {
	font-size: 32px;
	font-weight: 800;
	color: #ffffff;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.user-stat-subtext-dark {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	margin-top: 8px;
	font-weight: 500;
	line-height: 1.4;
}

.user-stats-section-dark {
	margin-bottom: 50px;
}

.user-stats-section-title-dark {
	font-size: 24px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 25px;
	margin-top: 0;
	display: flex;
	align-items: center;
	gap: 12px;
	padding-bottom: 15px;
	border-bottom: 2px solid rgba(102, 126, 234, 0.3);
}

.user-stats-section-title-dark i {
	color: #667eea;
	font-size: 26px;
}

/* ========== СТАТИСТИКА ПО ОНЛАЙНУ ========== */
.online-stats-dark-container {
	margin-top: 25px;
}

.online-stats-summary-dark {
	margin-bottom: 35px;
}

.online-stats-grid-dark {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 25px;
	margin-bottom: 35px;
}

.online-stat-card-dark {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(20px);
	display: flex;
	align-items: center;
	gap: 24px;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.online-stat-card-dark:hover {
	transform: translateY(-8px) scale(1.02);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.online-stat-icon-dark {
	font-size: 48px;
	color: #3498db;
	flex-shrink: 0;
	filter: drop-shadow(0 4px 12px rgba(52, 152, 219, 0.4));
	transition: transform 0.3s ease;
}

.online-stat-card-dark:hover .online-stat-icon-dark {
	transform: scale(1.2) rotate(5deg);
}

.online-stat-content-dark {
	flex: 1;
}

.online-stat-label-dark {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.online-stat-value-dark {
	font-size: 32px;
	font-weight: 800;
	color: #ffffff;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.online-stats-detailed-dark {
	margin-top: 35px;
}

.section-title-dark {
	font-size: 24px;
	font-weight: 800;
	color: #ffffff;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding-bottom: 16px;
	border-bottom: 3px solid rgba(102, 126, 234, 0.4);
	letter-spacing: -0.5px;
}

.section-title-dark i {
	color: #667eea;
	font-size: 28px;
	filter: drop-shadow(0 4px 12px rgba(102, 126, 234, 0.4));
}

/* ========== КАРТОЧКИ СТАТИСТИКИ ПО ОНЛАЙНУ ========== */
.online-visits-cards-container-dark {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 100%;
}

.online-visit-card-modern-dark {
	background: linear-gradient(135deg, rgba(20, 20, 30, 0.9) 0%, rgba(30, 30, 40, 0.9) 100%);
	border-radius: 10px;
	padding: 14px 16px;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(10px);
	position: relative;
	overflow: hidden;
	max-width: 100%;
}

.online-visit-card-modern-dark::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.online-visit-card-modern-dark:hover {
	background: linear-gradient(135deg, rgba(20, 20, 30, 0.95) 0%, rgba(30, 30, 40, 0.95) 100%);
	border-color: rgba(102, 126, 234, 0.4);
	transform: translateX(4px);
	box-shadow: 0 4px 16px rgba(102, 126, 234, 0.2);
}

.online-visit-card-modern-dark:hover::before {
	opacity: 1;
}

.online-visit-card-left-dark {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
	max-width: calc(100% - 100px);
}

.online-visit-card-date-dark {
	margin-bottom: 6px;
	line-height: 1.4;
}

.online-visit-card-date-value {
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	display: inline-block;
}

.online-visit-card-date-day {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	font-weight: 500;
	display: inline-block;
	margin-left: 8px;
}

.online-visit-card-admin-dark {
	margin-bottom: 6px;
	line-height: 1.3;
}

.online-visit-card-name-dark {
	color: #ffffff;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	transition: color 0.3s ease;
	display: inline-block;
}

.online-visit-card-name-dark:hover {
	color: #667eea;
}

.online-visit-card-steamid-dark {
	font-size: 11px;
	color: #667eea;
	font-family: 'Courier New', monospace;
	font-weight: 500;
	margin-top: 3px;
	display: block;
	line-height: 1.3;
}

.online-visit-card-details-dark {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-top: 4px;
}

.online-visit-card-detail-item-dark {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.8);
	font-weight: 500;
	line-height: 1.3;
}

.online-visit-card-detail-item-dark i {
	font-size: 12px;
	flex-shrink: 0;
	width: 14px;
	text-align: center;
}

.online-visit-card-double-dark {
	color: #f39c12;
	font-weight: 600;
}

.online-visit-card-right-dark {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 85px;
	max-width: 85px;
}

.online-visit-card-time-dark {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 10px 12px;
	background: linear-gradient(135deg, rgba(20, 20, 30, 0.8) 0%, rgba(30, 30, 40, 0.8) 100%);
	border-radius: 8px;
	border: 1px solid rgba(102, 126, 234, 0.2);
	min-width: 75px;
	max-width: 75px;
}

.online-visit-card-time-dark i {
	font-size: 16px;
	color: #3498db;
	filter: drop-shadow(0 2px 4px rgba(52, 152, 219, 0.3));
}

.online-visit-card-time-dark span {
	font-size: 13px;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	line-height: 1.2;
}

/* Старые стили для совместимости */
.online-visits-list-dark {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.online-visit-item-dark {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	border-radius: 16px;
	padding: 20px 24px;
	display: flex;
	align-items: center;
	gap: 24px;
	border: 2px solid rgba(255, 255, 255, 0.1);
	transition: all 0.3s ease;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(10px);
}

.online-visit-item-dark:hover {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.1) 100%);
	border-color: rgba(102, 126, 234, 0.5);
	transform: translateX(6px) scale(1.01);
	box-shadow: 0 8px 24px rgba(102, 126, 234, 0.2);
}

.online-visit-date-dark {
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	min-width: 150px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.online-visit-date-day {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 500;
}

.online-visit-admin-dark {
	flex: 1;
	min-width: 0;
}

.online-visit-admin-dark a {
	color: #667eea;
	text-decoration: none;
	font-weight: 700;
	transition: color 0.3s ease;
	font-size: 16px;
}

.online-visit-admin-dark a:hover {
	color: #7c8ef0;
	text-decoration: underline;
}

.online-visit-time-dark {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.9);
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	min-width: 140px;
	justify-content: flex-end;
}

.online-visit-time-dark i {
	color: #3498db;
	font-size: 18px;
}

.online-visit-details-dark {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
	min-width: 180px;
}

.online-visit-double-rate {
	color: #f39c12;
	font-weight: 700;
}

/* ========== АЛЕРТЫ ========== */
.alert-dark {
	padding: 18px 24px;
	border-radius: 16px;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	gap: 14px;
	border: 2px solid rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(20px);
	font-weight: 500;
}

.alert-dark-info {
	background: linear-gradient(135deg, rgba(52, 152, 219, 0.2) 0%, rgba(41, 128, 185, 0.2) 100%);
	border-color: rgba(52, 152, 219, 0.4);
	color: #3498db;
}

.alert-dark-danger {
	background: linear-gradient(135deg, rgba(231, 76, 60, 0.2) 0%, rgba(192, 57, 43, 0.2) 100%);
	border-color: rgba(231, 76, 60, 0.4);
	color: #e74c3c;
}

.alert-dark i {
	font-size: 20px;
}

/* ========== ЗАГРУЗКА ========== */
.loading-dark {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 80px 20px;
	gap: 24px;
}

.loading-spinner-dark {
	font-size: 56px;
	color: #667eea;
	animation: spin 1s linear infinite;
	filter: drop-shadow(0 4px 12px rgba(102, 126, 234, 0.4));
}

.loading-text-dark {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.8);
	font-weight: 600;
	margin: 0;
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* ========== МОДАЛЬНОЕ ОКНО ========== */
.modal-dark-overlay {
	display: none;
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	backdrop-filter: blur(10px);
	align-items: center;
	justify-content: center;
	padding: 20px;
	animation: fadeIn 0.3s ease;
}

.modal-dark-overlay.show {
	display: flex;
}

.modal-dark-content {
	background: linear-gradient(135deg, rgba(30, 30, 40, 0.98) 0%, rgba(40, 40, 55, 0.98) 100%);
	border-radius: 24px;
	max-width: 800px;
	width: 100%;
	max-height: 90vh;
	overflow-y: auto;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);
	border: 2px solid rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(30px);
	display: flex;
	flex-direction: column;
	animation: slideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes slideUp {
	from { opacity: 0; transform: translateY(30px) scale(0.95); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.modal-dark-header {
	padding: 28px 32px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.15);
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
}

.modal-dark-header-content {
	display: flex;
	align-items: center;
	gap: 16px;
}

.modal-dark-icon {
	font-size: 36px;
	color: #667eea;
	filter: drop-shadow(0 4px 12px rgba(102, 126, 234, 0.4));
}

.modal-dark-header h4 {
	margin: 0;
	font-size: 24px;
	font-weight: 800;
	color: #ffffff;
	letter-spacing: -0.5px;
}

.modal-dark-close {
	background: rgba(255, 255, 255, 0.1);
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 22px;
	cursor: pointer;
	padding: 8px;
	transition: all 0.3s ease;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-dark-close:hover {
	background: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.3);
	color: #ffffff;
	transform: rotate(90deg) scale(1.1);
}

.modal-dark-body {
	padding: 32px;
	color: rgba(255, 255, 255, 0.95);
}

.admin-detail-header-dark {
	margin-bottom: 28px;
	padding-bottom: 22px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}

.admin-detail-header-dark h5 {
	margin: 0 0 10px 0;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: -0.5px;
}

.admin-detail-header-dark .admin-steamid-dark {
	margin-top: 6px;
}

.admin-detail-header-dark .admin-group-dark {
	color: #667eea;
	font-size: 13px;
	display: block;
	font-weight: 500;
	opacity: 0.9;
	margin-top: 6px;
}

.detail-section-dark {
	margin-top: 28px;
}

.detail-section-dark h6 {
	margin: 0 0 18px 0;
	font-size: 18px;
	font-weight: 800;
	color: #ffffff;
	display: flex;
	align-items: center;
	gap: 12px;
	padding-bottom: 12px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
	letter-spacing: -0.3px;
}

.detail-section-dark h6 i {
	color: #667eea;
	font-size: 20px;
	filter: drop-shadow(0 2px 8px rgba(102, 126, 234, 0.4));
}

.stats-grid-small-dark {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 18px;
}

.stat-card-small-dark {
	background: linear-gradient(135deg, rgba(20, 20, 30, 0.8) 0%, rgba(30, 30, 40, 0.8) 100%);
	border-radius: 14px;
	padding: 18px;
	border: 2px solid rgba(255, 255, 255, 0.1);
	transition: all 0.3s ease;
}

.stat-card-small-dark:hover {
	background: linear-gradient(135deg, rgba(20, 20, 30, 0.95) 0%, rgba(30, 30, 40, 0.95) 100%);
	border-color: rgba(102, 126, 234, 0.4);
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(102, 126, 234, 0.2);
}

.stat-label-small-dark {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.stat-value-small-dark {
	font-size: 24px;
	font-weight: 800;
	color: #ffffff;
}

/* ========== СТАТИСТИКА ПО ДНЯМ НЕДЕЛИ - КАРТОЧКИ ========== */
.week-stats-grid-dark {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 12px;
	margin-bottom: 30px;
}

@media (max-width: 1400px) {
	.week-stats-grid-dark {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 992px) {
	.week-stats-grid-dark {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.week-stats-grid-dark {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.week-stats-grid-dark {
		grid-template-columns: 1fr;
	}
}

.week-day-card-dark {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	border-radius: 12px;
	padding: 14px;
	border: 2px solid rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(20px);
	transition: all 0.3s ease;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	min-width: 0;
}

.week-day-card-dark:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
	border-color: rgba(102, 126, 234, 0.4);
}

.week-day-card-weekend-dark {
	border-left: 3px solid rgba(255, 152, 0, 0.6);
}

.week-day-card-weekend-dark:hover {
	border-color: rgba(255, 152, 0, 0.5);
}

.week-day-header-dark {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
	padding-bottom: 10px;
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.week-day-name-dark {
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: -0.3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
	margin-right: 8px;
}

.week-day-percentage-dark {
	font-size: 14px;
	font-weight: 800;
	color: #667eea;
	background: rgba(102, 126, 234, 0.2);
	padding: 3px 8px;
	border-radius: 6px;
	flex-shrink: 0;
	white-space: nowrap;
}

.week-day-info-dark {
	margin-bottom: 12px;
}

.week-day-count-dark {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 8px;
	font-weight: 600;
}

.week-day-count-dark i {
	color: #667eea;
	margin-right: 6px;
}

.week-day-avg-time-dark {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.8);
	font-weight: 600;
}

.week-day-avg-time-dark span {
	display: flex;
	align-items: center;
	gap: 5px;
}

.week-day-avg-time-dark i {
	color: #3498db;
	font-size: 10px;
}

.week-day-progress-dark {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.progress-item-dark {
	margin-bottom: 2px;
}

.progress-label-dark {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4px;
	font-size: 11px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.9);
}

.progress-value-dark {
	color: #ffffff;
	font-weight: 700;
	font-size: 11px;
}

.progress-bar-wrapper-dark {
	height: 6px;
	background: rgba(20, 20, 30, 0.6);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}

.progress-bar-dark {
	height: 100%;
	border-radius: 4px;
	transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}

.progress-bar-dark::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
	animation: shimmer 2s infinite;
}

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

.progress-bar-blue-dark {
	background: linear-gradient(90deg, #3498db 0%, #2980b9 100%);
	box-shadow: 0 0 10px rgba(52, 152, 219, 0.5);
}

.progress-bar-green-dark {
	background: linear-gradient(90deg, #2ecc71 0%, #27ae60 100%);
	box-shadow: 0 0 10px rgba(46, 204, 113, 0.5);
}

.progress-bar-gray-dark {
	background: linear-gradient(90deg, #95a5a6 0%, #7f8c8d 100%);
	box-shadow: 0 0 10px rgba(149, 165, 166, 0.3);
}

/* ========== ДЕТАЛЬНЫЙ СПИСОК ПОСЕЩЕНИЙ ПО ДНЯМ НЕДЕЛИ ========== */
.daily-visits-grid-dark {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	max-height: 600px;
	overflow-y: auto;
	padding: 10px;
}

.daily-visits-column-dark {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 100%);
	border-radius: 16px;
	border: 2px solid rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(20px);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	max-height: 580px;
}

.daily-visits-column-header-dark {
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);
	padding: 16px 18px;
	border-bottom: 2px solid rgba(102, 126, 234, 0.3);
}

.daily-visits-column-weekend-dark {
	border-left: 3px solid rgba(255, 152, 0, 0.6);
}

.daily-visits-column-header-weekend-dark {
	background: linear-gradient(135deg, rgba(255, 152, 0, 0.25) 0%, rgba(255, 193, 7, 0.25) 100%);
	border-bottom: 2px solid rgba(255, 152, 0, 0.4);
}

.daily-visits-column-title-dark {
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 6px;
	letter-spacing: -0.3px;
}

.daily-visits-column-count-dark {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 600;
}

.daily-visits-column-content-dark {
	flex: 1;
	overflow-y: auto;
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.daily-visit-card-dark {
	background: linear-gradient(135deg, rgba(20, 20, 30, 0.8) 0%, rgba(30, 30, 40, 0.8) 100%);
	border-radius: 12px;
	padding: 14px 16px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.3s ease;
}

.daily-visit-card-dark:hover {
	background: linear-gradient(135deg, rgba(20, 20, 30, 0.95) 0%, rgba(30, 30, 40, 0.95) 100%);
	border-color: rgba(102, 126, 234, 0.4);
	transform: translateX(4px);
	box-shadow: 0 4px 16px rgba(102, 126, 234, 0.2);
}

.daily-visit-date-dark {
	font-size: 13px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.daily-visit-admin-dark {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.daily-visit-name-wrapper-dark {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 0;
}

.daily-visit-avatar-wrapper-dark {
	width: 40px;
	height: 40px;
	position: relative;
	flex-shrink: 0;
}

.daily-visit-avatar-dark {
	width: 40px;
	height: 40px;
	border-radius: 6px;
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.4) 0%, rgba(118, 75, 162, 0.4) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #ffffff;
	border: 2px solid rgba(102, 126, 234, 0.6);
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
	overflow: hidden;
	position: relative;
}

.daily-visit-avatar-dark img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	object-fit: cover;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.daily-visit-avatar-fallback-dark {
	z-index: 0;
}

.daily-visit-ramka-dark {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 44px;
	height: 44px;
	z-index: 2;
	pointer-events: none;
	border-radius: 6px;
	object-fit: cover;
}

.daily-visit-name-dark {
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	margin: 0;
	line-height: 1.3;
}

.daily-visit-steamid-dark {
	font-size: 11px;
	color: #667eea;
	font-family: 'Courier New', monospace;
	font-weight: 500;
	margin: 0;
	line-height: 1.2;
}

.daily-visit-group-dark {
	font-size: 12px;
	color: #667eea;
	font-weight: 500;
	margin: 0;
	line-height: 1.2;
	opacity: 0.9;
}

.daily-visit-stats-dark {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 10px;
	font-size: 12px;
}

.daily-visit-stat-item-dark {
	display: flex;
	align-items: center;
	gap: 8px;
	color: rgba(255, 255, 255, 0.8);
	font-weight: 500;
}

.daily-visit-stat-item-dark i {
	font-size: 13px;
	flex-shrink: 0;
}

.daily-visit-stat-double-dark {
	color: #f39c12;
	font-weight: 600;
}

.daily-visit-activity-dark {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 12px;
}

.daily-visit-activity-item-dark {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.daily-visit-activity-label-dark {
	color: rgba(255, 255, 255, 0.7);
	font-weight: 600;
}

.daily-visit-activity-value-dark {
	color: #3498db;
	font-weight: 700;
	font-size: 13px;
}

.daily-visit-inactivity-dark {
	color: #95a5a6;
}

/* ========== АДАПТИВНОСТЬ ========== */
@media (max-width: 768px) {
	.stats-header-content {
	flex-direction: column;
		text-align: center;
	}
	
	.stats-title-dark {
		font-size: 28px;
	}
	
	.stats-header-icon {
		width: 80px;
		height: 80px;
		font-size: 48px;
	}
	
	.overview-grid-dark {
		grid-template-columns: 1fr;
	}
	
	.admins-grid-dark {
		grid-template-columns: 1fr;
	}
	
	.admin-stats-grid-dark {
		grid-template-columns: 1fr;
	}
	
	.filters-row-dark {
		flex-direction: column;
	}
	
	.filter-search-dark,
	.filter-select-dark {
		width: 100%;
		min-width: auto;
	}
	
	.admins-table-wrapper-dark {
		overflow-x: auto;
	}
	
	.admins-table-dark {
		min-width: 1000px;
	}
	
	.admins-table-dark th,
	.admins-table-dark td {
		padding: 12px 8px;
		font-size: 11px;
	}
	
	.admins-table-dark th {
		padding: 10px 6px;
		font-size: 9px;
		letter-spacing: 0.1px;
		line-height: 1.4;
		white-space: normal;
		word-break: break-word;
		hyphens: auto;
	}
	
	.admins-table-dark th.col-avatar {
		padding-left: 8px;
		width: 38px;
	}
	
	.admins-table-dark th.col-name {
		min-width: 120px;
	}
	
	.admins-table-dark th.col-amount {
		min-width: 100px;
		padding-right: 4px;
	}
	
	.admins-table-dark th.col-payments {
		width: 60px;
		padding-left: 4px;
	}
	
	.admins-table-dark th.col-time {
		min-width: 100px;
	}
	
	.admins-table-dark th.col-days {
		width: 80px;
	}
	
	.admins-table-dark th.col-double {
		min-width: 90px;
	}
	
	.admins-table-dark th.col-last {
		min-width: 90px;
	}
	
	.stats-tabs-dark {
	flex-direction: column;
	}
	
	.tab-dark-btn {
		min-width: auto;
	}
	
	.top-type-switcher-dark {
		flex-direction: column;
		gap: 10px;
	}
	
	.top-type-btn-dark {
		width: 100%;
	}
	
	.top-donators-grid-dark {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		gap: 16px;
	}
	
	.top-donator-card-dark {
		min-height: 220px;
		padding: 20px 16px;
	}
	
	.top-donator-card-avatar-img-dark {
		width: 70px;
		height: 70px;
		font-size: 35px;
	}
	
	.top-donator-card-link-dark {
		font-size: 16px;
	}
	
	.top-donator-card-amount-dark {
		font-size: 20px;
	}
	
	.top-donator-card-payments-dark {
	font-size: 12px;
	}
	
	.top-donator-item-dark {
		flex-direction: column;
	text-align: center;
}

	.online-visit-item-dark {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
	}
	
	.online-visit-time-dark {
		justify-content: flex-start;
	}
	
	.online-visit-card-modern-dark {
		flex-direction: column;
		gap: 16px;
	}
	
	.online-visit-card-right-dark {
		width: 100%;
		min-width: auto;
	}
	
	.online-visit-card-time-dark {
		width: 100%;
		flex-direction: row;
		justify-content: center;
	}
	
	.modal-dark-content {
		max-width: 100%;
		margin: 10px;
	}
	
	.daily-visits-grid-dark {
		grid-template-columns: 1fr;
		max-height: none;
	}
	
	.daily-visits-column-dark {
		max-height: none;
	}
}

/* ========== СКРОЛЛБАР ========== */
.online-visits-list-dark::-webkit-scrollbar,
.modal-dark-content::-webkit-scrollbar,
.admins-table-wrapper-dark::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.online-visits-list-dark::-webkit-scrollbar-track,
.modal-dark-content::-webkit-scrollbar-track,
.admins-table-wrapper-dark::-webkit-scrollbar-track {
	background: rgba(20, 20, 30, 0.5);
	border-radius: 5px;
}

.online-visits-list-dark::-webkit-scrollbar-thumb,
.modal-dark-content::-webkit-scrollbar-thumb,
.admins-table-wrapper-dark::-webkit-scrollbar-thumb {
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.6) 0%, rgba(118, 75, 162, 0.6) 100%);
	border-radius: 5px;
	border: 2px solid rgba(20, 20, 30, 0.5);
}

.online-visits-list-dark::-webkit-scrollbar-thumb:hover,
.modal-dark-content::-webkit-scrollbar-thumb:hover,
.admins-table-wrapper-dark::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(135deg, rgba(102, 126, 234, 0.8) 0%, rgba(118, 75, 162, 0.8) 100%);
}

/* ========== КАЛЕНДАРЬ ========== */
#calendarContainer {
	background: rgba(20, 20, 30, 0.6);
	border-radius: 12px;
	padding: 24px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	transition: max-width 0.3s ease;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	#calendarContainer {
		max-width: 100%;
		padding: 16px;
	}
}

#calendarNav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 768px) {
	#calendarNav {
		margin-bottom: 16px;
		padding-bottom: 12px;
	}
}

.calendar-nav-buttons {
	display: flex;
	align-items: center;
	gap: 12px;
}

#calendarMonthYear {
	font-weight: 600;
	color: rgba(255,255,255,0.95);
	font-size: 17px;
	cursor: pointer;
	padding: 6px 12px;
	border-radius: 8px;
	transition: all 0.2s;
	user-select: none;
}

#calendarMonthYear:hover {
	background: rgba(255,255,255,0.1);
	color: #ffffff;
}

@media (max-width: 768px) {
	#calendarMonthYear {
		font-size: 14px;
		padding: 4px 8px;
	}
}

.calendar-btn {
	background: rgba(102, 126, 234, 0.15);
	border: 1px solid rgba(102, 126, 234, 0.25);
	border-radius: 8px;
	padding: 10px 14px;
	color: rgba(255,255,255,0.9);
	cursor: pointer;
	transition: all 0.2s;
	font-size: 14px;
}

.calendar-btn:hover {
	background: rgba(102, 126, 234, 0.25);
	border-color: rgba(102, 126, 234, 0.4);
	transform: scale(1.05);
}

@media (max-width: 768px) {
	.calendar-btn {
		padding: 8px 10px;
		font-size: 12px;
	}
}

#calendarViewToggle {
	padding: 8px 12px;
	font-size: 13px;
}

@media (max-width: 768px) {
	#calendarViewToggle {
		padding: 6px 10px;
		font-size: 11px;
	}
}

#calendarWeekDays {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 8px;
	margin-bottom: 10px;
}

@media (max-width: 768px) {
	#calendarWeekDays {
		gap: 4px;
		margin-bottom: 8px;
	}
}

.calendar-weekday {
	text-align: center;
	font-weight: 600;
	color: rgba(255,255,255,0.6);
	font-size: 12px;
	padding: 8px 4px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

@media (max-width: 768px) {
	.calendar-weekday {
		font-size: 10px;
		padding: 6px 2px;
	}
}

#paymentCalendar {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 8px;
}

@media (max-width: 768px) {
	#paymentCalendar {
		gap: 4px;
	}
}

.calendar-day {
	text-align: center;
	padding: 11px 8px;
	border-radius: 8px;
	font-size: 14px;
	min-height: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s;
	font-weight: 500;
	position: relative;
	color: rgba(255,255,255,0.6);
}

@media (max-width: 768px) {
	.calendar-day {
		padding: 8px 4px;
		font-size: 12px;
		min-height: 32px;
	}
}

.calendar-day.today {
	background: rgba(102, 126, 234, 0.25);
	border: 2px solid #667eea;
	color: #ffffff;
	font-weight: 700;
	box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.calendar-day.has-payment {
	background: rgba(102, 126, 234, 0.35);
	border: 1px solid rgba(102, 126, 234, 0.4);
	color: #ffffff;
	font-weight: 600;
}

.calendar-day.weekend {
	color: rgba(255, 107, 107, 0.8);
}

.calendar-day:hover:not(.today):not(.has-payment) {
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255,255,255,0.85);
	transform: scale(1.05);
}

.calendar-day.weekend:hover:not(.today):not(.has-payment) {
	color: rgba(255, 107, 107, 0.9);
}

.calendar-day.today:hover,
.calendar-day.has-payment:hover {
	transform: scale(1.08);
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.calendar-day-content {
	line-height: 1;
}

.calendar-online-indicator {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	margin-top: 4px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}

@media (max-width: 768px) {
	.calendar-online-indicator {
		width: 5px;
		height: 5px;
		margin-top: 3px;
	}
}

.calendar-online-indicator.night {
	background: #9b59b6;
	box-shadow: 0 0 4px rgba(155, 89, 182, 0.6);
}

.calendar-online-indicator.morning {
	background: #3498db;
	box-shadow: 0 0 4px rgba(52, 152, 219, 0.6);
}

.calendar-online-indicator.day {
	background: #f39c12;
	box-shadow: 0 0 4px rgba(243, 156, 18, 0.6);
}

.calendar-online-indicator.evening {
	background: #e74c3c;
	box-shadow: 0 0 4px rgba(231, 76, 60, 0.6);
}

.calendar-online-indicator.default,
.calendar-online-indicator:not(.night):not(.morning):not(.day):not(.evening) {
	background: #2ecc71;
	box-shadow: 0 0 4px rgba(46, 204, 113, 0.6);
}

.calendar-tooltip {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 8px;
	background: rgba(0, 0, 0, 0.95);
	color: #ffffff;
	padding: 10px 14px;
	border-radius: 8px;
	font-size: 12px;
	white-space: pre-line;
	z-index: 10000;
	pointer-events: none;
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
	min-width: 180px;
	text-align: left;
	line-height: 1.6;
}

.calendar-tooltip.bottom {
	bottom: auto;
	top: 100%;
	margin-bottom: 0;
	margin-top: 8px;
}

#paymentCalendarYear {
	display: none;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	max-width: 900px;
	margin: 0 auto;
}

@media (max-width: 1400px) {
	#paymentCalendarYear {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	#paymentCalendarYear {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}
}

.year-month-card {
	background: rgba(20, 20, 30, 0.8);
	border-radius: 12px;
	padding: 16px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	cursor: pointer;
	transition: all 0.3s ease;
}

.year-month-card:hover {
	background: rgba(20, 20, 30, 0.95);
	border-color: rgba(102, 126, 234, 0.4);
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(102, 126, 234, 0.2);
}

.year-month-title {
	font-weight: 600;
	color: rgba(255,255,255,0.9);
	font-size: 14px;
	margin-bottom: 12px;
	text-align: center;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

@media (max-width: 768px) {
	.year-month-title {
		font-size: 12px;
		margin-bottom: 8px;
		padding-bottom: 6px;
	}
}

.year-month-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
}

@media (max-width: 768px) {
	.year-month-grid {
		gap: 3px;
	}
}

.year-day {
	text-align: center;
	padding: 5px 3px;
	border-radius: 5px;
	font-size: 11px;
	min-height: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: all 0.15s;
	position: relative;
	color: rgba(255,255,255,0.45);
}

@media (max-width: 768px) {
	.year-day {
		padding: 4px 2px;
		font-size: 9px;
		min-height: 20px;
	}
}

.year-day.today {
	background: rgba(102, 126, 234, 0.5);
	border: 1px solid #667eea;
	color: #ffffff;
	font-weight: 700;
}

.year-day.has-payment {
	background: rgba(102, 126, 234, 0.35);
	color: #ffffff;
	font-weight: 600;
}

.year-day.weekend {
	color: rgba(255, 107, 107, 0.7);
}

.year-day:hover:not(.today):not(.has-payment) {
	color: rgba(255,255,255,0.7);
}

.year-day.weekend:hover:not(.today):not(.has-payment) {
	color: rgba(255, 107, 107, 0.9);
}

.year-day-empty {
	min-height: 24px;
}

@media (max-width: 768px) {
	.year-day-empty {
		min-height: 20px;
	}
}

.year-online-indicator {
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	margin-left: 3px;
	vertical-align: middle;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.year-online-indicator.night {
	background: #9b59b6;
	box-shadow: 0 0 3px rgba(155, 89, 182, 0.8);
}

.year-online-indicator.morning {
	background: #3498db;
	box-shadow: 0 0 3px rgba(52, 152, 219, 0.8);
}

.year-online-indicator.day {
	background: #f39c12;
	box-shadow: 0 0 3px rgba(243, 156, 18, 0.8);
}

.year-online-indicator.evening {
	background: #e74c3c;
	box-shadow: 0 0 3px rgba(231, 76, 60, 0.8);
}

.year-online-indicator.default,
.year-online-indicator:not(.night):not(.morning):not(.day):not(.evening) {
	background: #2ecc71;
	box-shadow: 0 0 3px rgba(46, 204, 113, 0.8);
}

/* ========== МОДАЛЬНОЕ ОКНО ========== */
.modal-dark {
	display: none;
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	backdrop-filter: blur(5px);
	animation: fadeIn 0.2s ease;
	align-items: center;
	justify-content: center;
}

.modal-dark.show {
	display: flex;
}

.modal-content-dark {
	background: rgba(20, 20, 30, 0.98);
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
	animation: slideUp 0.3s ease;
	position: relative;
	max-width: min(1100px, calc(100vw - 40px));
	width: 95%;
	max-height: 90vh;
	overflow-y: auto;
}

.modal-header-dark {
	padding: 20px 24px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(30, 30, 40, 0.5);
	border-radius: 16px 16px 0 0;
}

.modal-title-dark {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.95);
	display: flex;
	align-items: center;
	gap: 10px;
}

.modal-close-dark {
	background: transparent;
	border: none;
	color: rgba(255, 255, 255, 0.7);
	font-size: 28px;
	cursor: pointer;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	transition: all 0.2s;
	line-height: 1;
}

.modal-close-dark:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

.modal-body-dark {
	padding: 24px;
}

#adminModalCalendarContainer {
	max-width: min(1000px, calc(100vw - 40px));
	width: 100%;
	padding: 24px;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.modal-content-dark {
		width: 100% !important;
		max-width: 100% !important;
		max-height: 100vh;
		border-radius: 0;
		margin: 0;
	}
	
	.modal-header-dark {
		padding: 16px;
	}
	
	.modal-title-dark {
		font-size: 18px;
	}
	
	.modal-body-dark {
		padding: 16px;
	}
	
	#adminModalCalendarContainer {
		max-width: 100% !important;
		width: 100% !important;
		padding: 12px !important;
		margin: 0 !important;
	}
	
	#adminModalCalendarNav {
		flex-wrap: wrap;
		gap: 8px;
		margin-bottom: 16px !important;
		padding-bottom: 12px !important;
	}
	
	#adminModalCalendarPrev,
	#adminModalCalendarNext,
	#adminModalCalendarViewToggle {
		padding: 8px 10px !important;
		font-size: 12px !important;
	}
	
	#adminModalCalendarMonthYear {
		font-size: 14px !important;
		padding: 4px 8px !important;
	}
	
	#adminModalCalendarWeekDays {
		gap: 4px !important;
		margin-bottom: 8px !important;
	}
	
	#adminModalPaymentCalendar {
		gap: 4px !important;
	}
	
	#adminModalPaymentCalendarYear {
		gap: 8px !important;
	}
}