:root{
		--stats-green-1:#003c3c;
		--stats-green-2:#005c5c;
		--stats-green-3:#0a6b6b;
		--stats-yellow:#ffc107;
		--stats-yellow-dark:#e2a800;
		--stats-bg:#eef3f7;
		--stats-text:#183153;
		--stats-muted:#6c7a89;
		--stats-white:#ffffff;
		--stats-shadow:0 12px 30px rgba(0,0,0,.10);
		--stats-shadow-hover:0 18px 40px rgba(0,0,0,.18);
	}

	.stats-hero{
		border: 1px solid rgba(0,92,92,.18);
		border-radius: 18px;
		box-shadow: var(--stats-shadow);
		padding: 10px;
		margin-bottom: 18px;
		position: relative;
		overflow: hidden;
	}

	.stats-hero:before{
		content:"";
		position:absolute;
		top:-50px;
		right:-50px;
		width:180px;
		height:180px;
		border-radius:50%;
	}

	.stats-title{
		font-weight: bold;
		color: var(--stats-text);
		margin-bottom: 6px;
		line-height: 1.1;
	}

	.stats-subtitle{
		color: var(--stats-muted);
		font-size: .98rem;
		max-width: 950px;
		margin-bottom: 14px;
	}

	.stats-chip-wrap{
		display:flex;
		flex-wrap:wrap;
		gap:8px;
	}

	.stats-chip{
		display:inline-flex;
		align-items:center;
		gap:8px;
		padding:8px 12px;
		border-radius:999px;
		background: rgba(0,92,92,.08);
		color: var(--stats-green-2);
		font-size:.88rem;
		font-weight:600;
		border:1px solid rgba(0,92,92,.12);
	}

	.stats-welcome{
		background: linear-gradient(135deg, rgba(0,92,92,.96) 0%, rgba(0,60,60,.96) 100%);
		border-radius: 18px;
		padding: 18px 20px;
		color:#fff;
		box-shadow: var(--stats-shadow);
		margin-bottom: 18px;
		position: relative;
		overflow:hidden;
		border:1px solid rgba(255,255,255,.08);
	}

	.stats-welcome:before{
		content:"";
		position:absolute;
		inset:0;
		background:
			radial-gradient(circle at right top, rgba(255,193,7,.15), transparent 25%),
			linear-gradient(90deg, transparent, rgba(255,255,255,.03), transparent);
		pointer-events:none;
	}

	.stats-welcome-title{
		font-size:1.2rem;
		font-weight:800;
		margin-bottom:4px;
	}

	.stats-welcome-text{
		margin:0;
		color:rgba(255,255,255,.88);
	}

	.stats-user-badge{
		display:inline-flex;
		align-items:center;
		gap:8px;
		padding:7px 12px;
		border-radius:999px;
		font-size:.85rem;
		font-weight:700;
		background: rgba(255,255,255,.12);
		border:1px solid rgba(255,255,255,.16);
	}

	.stats-grid-card{
		position:relative;
		background: linear-gradient(145deg, var(--stats-green-2) 0%, var(--stats-green-1) 100%);
		border-radius: 18px;
		padding: 18px;
		min-height: 100%;
		box-shadow: var(--stats-shadow);
		overflow:hidden;
		border:1px solid rgba(255,255,255,.07);
		transition: transform .25s ease, box-shadow .25s ease;
	}

	.stats-grid-card:hover{
		transform: translateY(-6px);
		box-shadow: var(--stats-shadow-hover);
	}

	.stats-grid-card:before{
		content:"";
		position:absolute;
		top:-60px;
		right:-50px;
		width:150px;
		height:150px;
		border-radius:50%;
		background: radial-gradient(circle, rgba(255,193,7,.16), transparent 70%);
	}

	.stats-grid-card:after{
		content:"";
		position:absolute;
		inset:0;
		background: linear-gradient(180deg, rgba(255,255,255,.04), transparent 35%);
		pointer-events:none;
	}

	.stats-card-top{
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
		gap:12px;
		margin-bottom:12px;
		position:relative;
		z-index:2;
	}

	.stats-card-icon{
		width:56px;
		height:56px;
		border-radius:16px;
		display:flex;
		align-items:center;
		justify-content:center;
		background: rgba(255,255,255,.10);
		border:1px solid rgba(255,255,255,.08);
		color:#fff;
		font-size:1.45rem;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
	}

	.stats-card-badge{
		background: linear-gradient(135deg, #31c46c, #1fa650);
		color:#fff;
		font-size:.72rem;
		font-weight:800;
		padding:6px 10px;
		border-radius:999px;
		text-transform:uppercase;
		letter-spacing:.4px;
		box-shadow:0 6px 14px rgba(0,0,0,.16);
	}

	.stats-card-title{
		font-size:1.5rem;
		font-weight:800;
		color:#fff;
		margin-bottom:6px;
		line-height:1;
		position:relative;
		z-index:2;
	}

	.stats-card-desc{
		font-size:.96rem;
		color:rgba(255,255,255,.92);
		line-height:1.45;
		min-height:58px;
		margin-bottom:14px;
		position:relative;
		z-index:2;
	}

	.stats-mini-list{
		list-style:none;
		padding:0;
		margin:0 0 16px 0;
		display:grid;
		gap:8px;
		position:relative;
		z-index:2;
	}

	.stats-mini-list li{
		display:flex;
		align-items:center;
		gap:8px;
		font-size:.90rem;
		color:rgba(255,255,255,.92);
		background: rgba(255,255,255,.06);
		border:1px solid rgba(255,255,255,.07);
		padding:9px 12px;
		border-radius:12px;
	}

	.stats-mini-list i{
		color:#ffd24a;
		width:16px;
		text-align:center;
	}

	.stats-card-footer{
		display:flex;
		align-items:center;
		gap:10px;
		position:relative;
		z-index:2;
	}

	.stats-count{
		min-width:95px;
		padding:11px 12px;
		border-radius:12px;
		background: rgba(0,0,0,.18);
		color:#d9ecec;
		font-size:1rem;
		text-align:center;
		border:1px solid rgba(255,255,255,.07);
	}

	.stats-open-btn{
		flex:1;
		border:none;
		border-radius:12px;
		padding:11px 14px;
		font-weight:800;
		background: linear-gradient(135deg, var(--stats-yellow) 0%, #ffcf33 100%);
		color:#232323;
		box-shadow: 0 8px 16px rgba(255,193,7,.22);
		transition: all .2s ease;
	}

	.stats-open-btn:hover{
		background: linear-gradient(135deg, #ffd24a 0%, var(--stats-yellow) 100%);
		transform: translateY(-1px);
	}

	.stats-section-space{
		margin-bottom: 22px;
	}

	.stats-access-tag{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		border-radius:999px;
		font-size:.70rem;
		font-weight:800;
		padding:4px 8px;
		margin-left:8px;
		border:1px solid transparent;
		white-space:nowrap;
	}

	.stats-access-tag.normal{
		background:#e8f7ee;
		color:#1d6b3d;
		border-color:rgba(40,167,69,.20);
	}

	.stats-access-tag.premium{
		background:#fff4cc;
		color:#7a5b00;
		border-color:rgba(255,193,7,.30);
	}

	.stats-modal .modal-content{
		border:none;
		border-radius:0;
		min-height:100vh;
		box-shadow:none;
	}

	.stats-modal .modal-header{
		background: linear-gradient(135deg, var(--stats-green-2), var(--stats-green-1));
		color:#fff;
		padding:14px 16px;
		border:none;
		position:sticky;
		top:0;
		z-index:20;
	}

	.stats-modal .modal-title{
		font-weight:800;
		letter-spacing:.3px;
	}

	.stats-modal .modal-body{
		padding:16px;
		background:#f8fbfc;
		flex:1 1 auto;
		overflow-y:auto;
	}

	.stats-modal-group-title{
		font-size:.88rem;
		font-weight:800;
		text-transform:uppercase;
		letter-spacing:.5px;
		color: var(--stats-green-2);
		margin:18px 0 10px;
		display:flex;
		align-items:center;
		gap:8px;
	}

	.stats-modal-btn{
		display:flex;
		align-items:center;
		justify-content:space-between;
		width:100%;
		border:1px solid rgba(0,92,92,.10);
		background:#fff;
		border-radius:12px;
		padding:11px 14px;
		margin-bottom:10px;
		font-weight:700;
		color:#214040;
		transition: all .2s ease;
		box-shadow:0 8px 18px rgba(0,0,0,.04);
	}

	.stats-modal-btn:hover{
		transform:translateY(-2px);
		border-color:rgba(0,92,92,.18);
		background:#fdfefe;
	}

	.stats-modal-btn .left{
		display:flex;
		align-items:center;
		gap:10px;
		text-align:left;
		flex-wrap:wrap;
	}

	.stats-modal-btn .left i{
		width:18px;
		text-align:center;
		color: var(--stats-green-2);
	}

	.stats-modal .btn-close-top{
		display:inline-flex;
		align-items:center;
		gap:8px;
		border:none;
		background:rgba(255,255,255,.14);
		color:#fff;
		padding:8px 12px;
		border-radius:10px;
		font-size:.86rem;
		font-weight:700;
	}

	.stats-modal .btn-close-top:hover{
		background:rgba(255,255,255,.22);
	}

	.stats-modal-footer{
		padding:14px 16px;
		background:#f4f8fa;
		border-top:1px solid rgba(0,92,92,.10);
		display:flex;
		justify-content:flex-end;
		position:sticky;
		bottom:0;
		z-index:20;
	}

	.stats-modal-footer .btn{
		border-radius:10px;
		font-weight:700;
		padding:8px 16px;
	}

	.stats-assoc-alert{
		background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
		border:1px solid rgba(0,92,92,.12);
		border-radius:16px;
		padding:14px 16px;
		box-shadow: var(--stats-shadow);
	}

	@media (max-width: 767px){
		.stats-page{
			padding:12px;
			border-radius:14px;
		}

		.stats-card-title{
			font-size:1.3rem;
		}

		.stats-card-desc{
			min-height:auto;
		}

		.stats-card-footer{
			flex-direction:column;
			align-items:stretch;
		}

		.stats-count{
			width:100%;
		}

		.stats-modal .modal-header{
			padding:12px;
		}

		.stats-modal .modal-body{
			padding:12px;
		}

		.stats-modal-footer{
			padding:12px;
		}
	}