@media only screen and (max-width: 1920px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1520px !important;
	}
}
/* =========================================
DASHBOARD
========================================= */
:root {
	--green: #314f3f;
	--dark-green: #243d31;
	--light-green: #eaf0eb;
	--cream: #f8f6f0;
	--gold: #b99b62;
	--text: #27332d;
	--muted: #7b857f;
	--white: #ffffff;
	--border: #e8e9e5;
}
/* =========================================
SIDEBAR
========================================= */
.gh-account-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 255px;
    height: 100vh;
    background: #3d1c4e;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    transition: .3s ease;
}
.gh-account-user-info {
    padding: 20px;
    color: #fff;
    font-size: 15px;
}
.gh-account-brand {
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.gh-account-brand-title {
	color: #fff;
	font-family: "Playfair Display", serif;
	font-size: 25px;
	line-height: 1.1;
	margin: 0;
}
.gh-account-brand-subtitle {
	color: rgba(255,255,255,.65);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 7px;
}
.gh-account-menu {
	padding: 22px 14px;
	flex: 1;
}
.gh-account-menu-label {
	color: rgba(255,255,255,.42);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.7px;
	text-transform: uppercase;
	padding: 0 13px 10px;
}
.gh-account-menu a {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 12px 14px;
	margin-bottom: 4px;
	border-radius: 9px;
	color: rgba(255,255,255,.75);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: .2s ease;
}
.gh-account-menu a i {
	width: 20px;
	text-align: center;
	font-size: 14px;
}
.gh-account-menu a:hover, .gh-account-menu a.active {
    background: rgba(255, 255, 255, .12);
    color: #cfac44;
}
.gh-account-menu a.active {
	box-shadow: inset 3px 0 0 var(--gold);
}
.gh-account-sidebar-bottom {
	padding: 18px;
	border-top: 1px solid rgba(255,255,255,.12);
}
.gh-account-profile-small {
	display: flex;
	align-items: center;
	gap: 11px;
}
.gh-account-profile-avatar {
	width: 39px;
	height: 39px;
	background: var(--gold);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 700;
}
.gh-account-profile-name {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
}
.gh-account-profile-role {
	color: rgba(255,255,255,.5);
	font-size: 11px;
}
/* =========================================
MAIN
========================================= */
.gh-account-main {
	margin-left: 255px;
	min-height: 100vh;
}
/* =========================================
TOPBAR
========================================= */
.gh-account-topbar {
    background: #fff;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 22px;
}
.gh-account-page-title {
	margin: 0;
	font-size: 25px;
	color: var(--dark-green);
}
.gh-account-page-subtitle {
	margin: 3px 0 0;
	font-size: 12px;
	color: var(--muted);
}
.gh-account-topbar-right {
	display: flex;
	align-items: center;
	gap: 15px;
}
.gh-account-top-icon {
	width: 40px;
	height: 40px;
	border: 1px solid var(--border);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--green);
	position: relative;
	cursor: pointer;
}
.gh-account-notification-dot {
	position: absolute;
	width: 8px;
	height: 8px;
	background: #c35d54;
	border-radius: 50%;
	right: 7px;
	top: 7px;
	border: 2px solid #fff;
}
.gh-account-view-site {
    border: 1px solid var(--green);
    color: var(--green);
    border-radius: 7px;
    padding: 9px 15px !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    transition: .2s;
}
.gh-account-view-site:hover {
	background: var(--green);
	color: #fff;
}
/* =========================================
CONTENT
========================================= */
.gh-account-content {
	padding: 32px;
}
/* =========================================
WELCOME
========================================= */
.gh-account-welcome {
    background: #3d1c4e;
    border-radius: 14px;
    padding: 27px 30px;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}
.gh-account-welcome:after {
	content: "";
	position: absolute;
	width: 230px;
	height: 230px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 50%;
	right: -70px;
	top: -100px;
}
.gh-account-welcome h2 {
    font-size: 25px;
    margin: 0 0 6px;
    color: #fff;
    line-height: 25px;
}
.gh-account-welcome p {
    margin: 0;
    color: #fff !important;
    font-size: 13px;
}
/* =========================================
STAT CARDS
========================================= */
.gh-account-stat-card {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 13px;
	padding: 20px;
	height: 100%;
	transition: .2s ease;
}
.gh-account-stat-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(34,51,43,.07);
}
.gh-account-stat-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.gh-account-stat-icon {
	width: 43px;
	height: 43px;
	background: var(--light-green);
	color: var(--green);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gh-account-stat-number {
	font-size: 28px;
	font-weight: 700;
	color: var(--dark-green);
	margin-top: 18px;
}
.gh-account-stat-title {
	font-size: 12px;
	color: var(--muted);
	margin-top: 2px;
}
.gh-account-stat-change {
	font-size: 11px;
	color: #5c866b;
	margin-top: 8px;
}
/* =========================================
SECTION CARD
========================================= */
.gh-account-card {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 13px;
	overflow: hidden;
}
.gh-account-card-header {
	padding: 20px 22px;
	border-bottom: 1px solid var(--border);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.gh-account-card-header h3 {
    margin: 0;
    font-size: 18px !important;
    color: var(--dark-green);
    line-height: 18px !important;
}
.gh-account-card-header a {
	font-size: 11px;
	color: var(--green);
	text-decoration: none;
	font-weight: 600;
}
/* =========================================
TABLE
========================================= */
.gh-account-table {
	margin: 0;
}
.gh-account-table thead th {
	background: #fafbf9;
	color: #8a918c;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: .7px;
	font-weight: 700;
	border: 0;
	padding: 13px 18px;
}
.gh-account-table tbody td {
	padding: 15px 18px;
	vertical-align: middle;
	border-color: #f0f1ee;
	font-size: 12px;
}
.gh-account-member-cell {
	display: flex;
	align-items: center;
	gap: 10px;
}
.gh-account-member-avatar {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--light-green);
	color: var(--green);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 11px;
}
.gh-account-member-name {
	font-weight: 600;
	color: var(--dark-green);
}
.gh-account-member-email {
	font-size: 10px;
	color: #929992;
	margin-top: 2px;
}
.gh-account-status {
	display: inline-block;
	padding: 5px 9px;
	border-radius: 20px;
	font-size: 10px;
	font-weight: 600;
}
.gh-account-status-active {
	background: #e8f2eb;
	color: #4d775c;
}
.gh-account-status-pending {
	background: #f8f0df;
	color: #98783d;
}
/* =========================================
EVENTS
========================================= */
.gh-account-event-item {
	padding: 17px 20px;
	border-bottom: 1px solid #f0f1ee;
	display: flex;
	gap: 14px;
	align-items: center;
}
.gh-account-event-item:last-child {
	border-bottom: 0;
}
.gh-account-event-date {
	width: 48px;
	min-width: 48px;
	height: 52px;
	border-radius: 9px;
	background: var(--light-green);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.gh-account-event-date .month {
	font-size: 9px;
	text-transform: uppercase;
	color: var(--green);
	font-weight: 700;
}
.gh-account-event-date .day {
	font-size: 19px;
	font-weight: 700;
	color: var(--dark-green);
	line-height: 18px;
}
.gh-account-event-info {
	flex: 1;
}
.gh-account-event-info h4 {
	margin: 0;
	color: var(--dark-green);
	font-size: 13px;
	font-weight: 600;
}
.gh-account-event-info p {
	margin: 4px 0 0;
	color: #929992;
	font-size: 10px;
}
.gh-account-event-count {
	color: var(--green);
	font-size: 11px;
	font-weight: 600;
}
.gh-account-event-action {
	color: var(--green);
	text-decoration: none;
	font-size: 11px;
	font-weight: 600;
}
/* =========================================
QUICK ACTIONS
========================================= */
.gh-account-quick-action {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 15px 18px !important;
    border-bottom: 1px solid #f0f1ee;
    text-decoration: none;
    color: var(--text);
    transition: .2s;
}
.gh-account-quick-action:last-child {
	border-bottom: 0;
}
.gh-account-quick-action:hover {
	background: #fafbf9;
}
.gh-account-quick-icon {
	width: 38px;
	height: 38px;
	background: var(--light-green);
	color: var(--green);
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gh-account-quick-action span {
	font-size: 12px;
	font-weight: 600;
	flex: 1;
}
.gh-account-quick-action i.fa-chevron-right {
	color: #adb3ae;
	font-size: 10px;
}
/* =========================================
PROFILE
========================================= */
.gh-account-profile-box {
	padding: 24px 22px;
	text-align: center;
}
.gh-account-profile-box .gh-account-profile-avatar {
	margin: 0 auto 12px;
}
.gh-account-profile-box .gh-account-profile-name {
	color: var(--dark-green);
	font-size: 15px;
	font-weight: 600;
}
.gh-account-profile-email {
	font-size: 11px;
	color: #929992;
	margin-top: 4px;
}
.gh-account-membership-box {
	margin-top: 18px;
	padding: 15px;
	background: #fafbf9;
	border-radius: 9px;
	text-align: left;
}
.gh-account-membership-label {
	font-size: 10px;
	color: #929992;
	text-transform: uppercase;
	letter-spacing: .7px;
}
.gh-account-membership-value {
	font-size: 13px;
	font-weight: 600;
	color: var(--dark-green);
	margin-top: 5px;
}
/* =========================================
EMPTY STATE
========================================= */
.gh-account-empty-state {
	padding: 30px 20px;
	text-align: center;
	color: #929992;
	font-size: 12px;
}
.gh-account-empty-state i {
	font-size: 22px;
	margin-bottom: 8px;
	color: var(--green);
}
/* =========================================
MOBILE
========================================= */
.gh-account-mobile-toggle {
	display: none;
	border: 0;
	background: transparent;
	font-size: 21px;
	color: var(--green);
}
/* =========================================
RESPONSIVE
========================================= */
@media(max-width: 991px) {
	.gh-account-sidebar {
		left: -255px;
	}
	.gh-account-sidebar.show {
		left: 0;
	}
	.gh-account-main {
		margin-left: 0;
	}
	.gh-account-mobile-toggle {
		display: block;
	}
	.gh-account-topbar {
		padding: 0 18px;
	}
	.gh-account-content {
		padding: 20px 15px;
	}
	.gh-account-view-site {
		display: none;
	}
}
@media(max-width: 576px) {
	.gh-account-page-title {
		font-size: 20px;
	}
	.gh-account-page-subtitle {
		display: none;
	}
	.gh-account-top-icon {
		width: 36px;
		height: 36px;
	}
	.gh-account-welcome {
		padding: 22px;
	}
	.gh-account-welcome h2 {
		font-size: 21px;
	}
	.gh-account-stat-number {
		font-size: 24px;
	}
	.gh-account-card {
		margin-bottom: 18px;
	}
}
/* profile*/
 .ghps-profile-wrapper {
        padding: 35px;
        background: #f6f7f4;
        min-height: calc(100vh - 70px);
        font-family: "DM Sans", sans-serif;
    }
    .ghps-profile-container {
        max-width: 1100px;
        margin: 0 auto;
    }
    /* Header */
    .ghps-profile-heading {
        margin-bottom: 25px;
    }
    .ghps-profile-heading h1 {
        margin: 0 0 8px;
    color: #102b42;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    }
    .ghps-profile-heading p {
            margin: 0;
    font-size: 14px;
    }
    /* Profile Header */
    .ghps-profile-card {
        background: #ffffff;
        border: 1px solid #e5e8e3;
        border-radius: 15px;
        overflow: hidden;
        margin-bottom: 25px;
    }
    .ghps-profile-cover {
    width: 100%;
    height: 150px;
    background: linear-gradient(135deg, #f5f6d8 0%, #f7eaf4 50%, #e8eef3 100%);
    }
    .ghps-profile-cover:after {
        content: "";
        position: absolute;
        width: 300px;
        height: 300px;
        border: 1px solid rgba(255,255,255,.10);
        border-radius: 50%;
        right: -80px;
        top: -170px;
    }
    .ghps-profile-main {
       position: relative;
    display: flex;
    align-items: center;
	    margin-top: -55px;
    gap: 25px;
    padding: 0 35px 30px;
    }
    .ghps-profile-avatar {
        position: relative;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
    margin-top: -60px;
    overflow: hidden;
    border: 6px solid #ffffff;
    border-radius: 50%;
    background: #f1f3f5;
    box-shadow: 0 8px 25px rgba(16, 43, 66, .12);
    }
    .ghps-profile-avatar img {
     width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    }
    .ghps-profile-info {
        padding-bottom: 7px;
    }
    .ghps-profile-info h2 {
        margin: 0;
        font-family: "Playfair Display", serif;
        color: #294335;
        font-size: 25px;
    }
    .ghps-profile-info p {
            margin: 0 0 10px;
    color: #7a8792;
    font-size: 13px;
    }
    .ghps-role {
        display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 30px;
    background: #f7eaf4;
    color: #8c0f73;
    font-size: 11px;
    font-weight: 700;
    }
    /* Content */
    .ghps-profile-grid {
            display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
    }
    .ghps-info-card {
        background: #fff;
        border: 1px solid #e5e8e3;
        border-radius: 15px;
        overflow: hidden;
    }
    .ghps-info-header {
        padding: 19px 22px;
        border-bottom: 1px solid #edf0ec;
    }
   .ghps-info-header h3 {
    margin: 0;
    color: #294335;
    font-family: "Playfair Display", serif;
    font-size: 18px;
    font-size: 21px !important;
    line-height: 21px !important;
}
    .ghps-info-body {
         padding: 5px 25px 15px; 
    }
    .ghps-detail {
        display: flex;
        align-items: center;
        padding: 15px 0;
        border-bottom: 1px solid #f0f2ef;
        gap: 14px;
    }
    .ghps-detail:last-child {
        border-bottom: 0;
    }
    .ghps-detail-icon {
           width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #f7eaf4;
    color: #8c0f73;
    font-size: 14px;
    }
    .ghps-detail-label {
        font-size: 10px;
        color: #929a95;
        margin-bottom: 3px;
    }
    .ghps-detail-value {
        font-size: 13px;
        color: #293d32;
        font-weight: 600;
        word-break: break-word;
    }
    /* Account Info */
    .ghps-account-box {
        grid-column: 1 / -1;
    }
    .ghps-account-grid {
      display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    }
    .ghps-account-item {
        background: #f8faf7;
        border-radius: 10px;
        padding: 16px;
    }
    .ghps-account-label {
       margin-bottom: 7px;
    color: #98a2ac;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    }
    .ghps-account-value {
            color: #102b42;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    word-break: break-word;
    }
    /* Button */
    .ghps-edit-profile {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        background: #294a3a;
        color: #fff;
        text-decoration: none;
        padding: 10px 17px;
        border-radius: 7px;
        font-size: 12px;
        font-weight: 600;
        margin-left: auto;
    }
    .ghps-edit-profile:hover {
        background: #203a2d;
        color: #fff;
    }
    /* Responsive */
    @media(max-width: 767px) {
        .ghps-profile-wrapper {
            padding: 20px 15px;
        }
        .ghps-profile-grid {
            grid-template-columns: 1fr;
        }
        .ghps-account-box {
            grid-column: auto;
        }
        .ghps-account-grid {
            grid-template-columns: 1fr;
        }
        .ghps-profile-main {
            padding: 0 20px 25px;
            flex-wrap: wrap;
            margin-top: -45px;
        }
        .ghps-profile-avatar {
            width: 90px;
            height: 90px;
        }
        .ghps-profile-info {
            width: 100%;
        }
        .ghps-edit-profile {
            margin-left: 0;
        }
    }
/* Add Event*/
.aeadd-event-wrapper {
	padding: 25px;
}
.aepage-title {
	font-size: 28px;
	font-weight: 700;
	color: #1f2937;
	margin-bottom: 5px;
}
.aepage-subtitle {
	color: #6b7280;
	margin-bottom: 25px;
}
.aeevent-card {
	background: #ffffff;
	border: 0;
	border-radius: 15px;
	box-shadow: 0 5px 25px rgba(0,0,0,0.07);
}
.aeevent-card .card-header {
	background: #ffffff;
	border-bottom: 1px solid #eee;
	padding: 20px 25px;
	border-radius: 15px 15px 0 0;
}
.aeevent-card .card-header h5 {
	margin: 0;
	font-weight: 700;
	color: #1f2937;
}
.aeevent-card .card-body {
	padding: 25px;
}
.aeform-label {
	font-weight: 600;
	color: #374151;
	margin-bottom: 7px;
}
.aeform-control,
.aeform-select {
	min-height: 45px;
	border-radius: 8px;
	border: 1px solid #d1d5db;
}
.aeform-control:focus,
.aeform-select:focus {
	border-color: #6366f1;
	box-shadow: 0 0 0 3px rgba(99,102,241,.10);
}
textarea.aeform-control {
	min-height: 130px;
	resize: vertical;
}
.aebtn-save {
	background: #4f46e5;
	border: none;
	color: #fff;
	padding: 11px 25px;
	border-radius: 8px;
	font-weight: 600;
}
.aebtn-save:hover {
	background: #4338ca;
	color: #fff;
}
.aebtn-cancel {
	padding: 11px 25px;
	border-radius: 8px;
	font-weight: 600;
}
.aerequired {
	color: #dc2626;
}
/*Add Event*/
.aecontent-wrapper {
	margin-left: 238px !important;
	width: calc(100% - 238px) !important;
	min-height: 100vh;
	padding: 30px;
	box-sizing: border-box;
	background: #f7f8fa;
}
.aeadd-event-wrapper {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.aeadd-event-header {
	margin-bottom: 25px;
}
.aepage-title {
	font-family: 'Playfair Display', serif;
	font-size: 32px;
	font-weight: 600;
	color: #294b3d;
	margin: 0 0 5px;
}
.aepage-subtitle {
	color: #777;
	font-size: 14px;
	margin: 0;
}
.aeevent-card {
	width: 100%;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 5px 25px rgba(0,0,0,.06);
	overflow: hidden;
}
.aeevent-card-header {
	background: #fff;
	border-bottom: 1px solid #eee;
	padding: 20px 25px;
}
.aeevent-card-header h5 {
	margin: 0;
	color: #294b3d;
	font-size: 18px;
	font-weight: 700;
}
.aeevent-card-header h5 i {
	margin-right: 8px;
	color: #496f5d;
}
.aeevent-card-body {
	padding: 28px;
}
.aeevent-form-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #33443c;
	margin-bottom: 8px;
}
.aerequired {
	color: #d9534f;
}
.aeevent-form-control,
.aeevent-form-select {
	display: block;
	width: 100%;
	min-height: 46px;
	padding: 10px 13px;
	border: 1px solid #d7dce0;
	border-radius: 8px;
	background: #fff;
	color: #333;
	font-family: 'DM Sans', sans-serif;
	font-size: 14px;
	outline: none;
	transition: .2s;
	box-sizing: border-box;
}
.aeevent-form-control:focus,
.aeevent-form-select:focus {
	border-color: #496f5d;
	box-shadow: 0 0 0 3px rgba(73,111,93,.10);
}
/* .event-description {
	min-height: 135px;
	resize: vertical;
} */
.aeevent-actions {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	margin-top: 5px;
}
.aeevent-cancel-btn, .aeview-events-btn, .aeevent-save-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 20px !important;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: .2s;
}
.aeevent-cancel-btn {
	border: 1px solid #ddd;
	background: #fff;
	color: #333;
}
.aeevent-cancel-btn:hover {
	background: #f5f5f5;
	color: #333;
}
.aeview-events-btn {
	border: 1px solid #496f5d;
	background: #fff;
	color: #496f5d;
}
.aeview-events-btn:hover {
	background: #496f5d;
	color: #fff;
}
.aeevent-save-btn {
    border: 0;
    background: #3d1c4e;
    color: #fff;
    cursor: pointer;
}
.aeevent-save-btn:hover {
	background: #4434d0;
}
.aeevent-save-btn:disabled {
	opacity: .7;
	cursor: not-allowed;
}
.aeevent-actions i {
	margin-right: 7px;
}
#aeevent-ajax-message {
	margin-bottom: 20px;
}
@media (max-width: 991px) {
	.aecontent-wrapper {
		margin-left: 0 !important;
		width: 100% !important;
		padding: 20px;
	}
}
@media (max-width: 767px) {
	.aecontent-wrapper {
		padding: 15px;
	}

	.aeevent-card-body {
		padding: 18px;
	}
	.aepage-title {
		font-size: 26px;
	}
	.aeevent-actions {
		flex-direction: column;
		align-items: stretch;
	}
	.aeevent-cancel-btn,
	.aeevent-save-btn,
	.aeview-events-btn {
		width: 100%;
	}
}
/*All Events*/
/* =========================================================
MAIN
========================================================= */
.levevents-page-wrapper {
margin-left: 238px;
width: calc(100% - 238px);
min-height: 100vh;
padding: 30px;
background: #f7f8fa;
box-sizing: border-box;
font-family: "DM Sans", sans-serif;
}
/* =========================================================
HEADER
========================================================= */
.levevents-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}
.levevents-header-left h1 {
	margin: 0;
    color: #294b3d;
    font-size: 32px;
    font-weight: 600;

}
.levevents-header-left p {
	margin: 6px 0 0;
	color: #777;
	font-size: 14px;
}
.levadd-event-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 18px !important;
    background: #3d1c4e !important;
    color: #fff !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: none !important;
    transition: .2s ease;
}
.levadd-event-btn:hover {
	background: #4434d0 !important;
	color: #fff !important;
}
.levadd-event-btn i {
	color: #fff !important;
}
/* =========================================================
SEARCH
========================================================= */
.levevents-search-box {
	background: #fff;
	padding: 18px;
	border-radius: 12px;
	margin-bottom: 20px;
	box-shadow: 0 5px 25px rgba(0,0,0,.05);
}
.levevents-search-input {
	width: 100%;
	height: 44px;
	padding: 0 14px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	outline: none;
	box-sizing: border-box;
}
.levevents-search-input:focus {
	border-color: #496f5d;
	box-shadow: 0 0 0 3px rgba(73,111,93,.10);
}
/* =========================================================
TABLE
========================================================= */
.levevents-table-card {
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 5px 25px rgba(0,0,0,.06);
}
.levevents-table-wrapper {
	width: 100%;
	max-height: 620px;
	overflow-x: auto;
	overflow-y: auto;
}
.levevents-table {
	width: 100%;
	min-width: 1400px;
	border-collapse: collapse;
}
.levevents-table thead th {
	position: sticky;
	top: 0;
	z-index: 5;
	background: #f8f9fa;
	padding: 16px 18px;
	border-bottom: 1px solid #eee;
	color: #555;
	font-size: 13px;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
}
.levevents-table tbody td {
	padding: 16px 18px;
	border-bottom: 1px solid #eee;
	color: #555;
	font-size: 14px;
	vertical-align: middle;
}
.levevents-table tbody tr:last-child td {
	border-bottom: 0;
}
.levevents-table tbody tr:hover {
	background: #fafafa;
}
.levevents-table th:first-child,
.levevents-table td:first-child {
	width: 70px;
	min-width: 70px;
	text-align: center;
}
/* =========================================================
EVENT DATA
========================================================= */
.levevent-title {
	color: #294b3d;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 4px;
}
.levevent-description {
	max-width: 250px;
	color: #888;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.levevent-date,
.levevent-time {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
	color: #555;
}
.levevent-date i,
.levevent-time i {
    color: #496f5d;
	font-size: 13px;
}
.levevent-location {
	max-width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.levevent-location i {
	color: #496f5d;
	margin-right: 5px;
}
.levevent-price,
.levevent-seats {
	white-space: nowrap;
	font-weight: 600;
	color: #555;
}
/* =========================================================
REGISTRATION
========================================================= */
.levevent-registration {
	display: inline-flex;
	align-items: center;
	padding: 6px 11px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}
.levevent-registration-open {
	background: #e8f7ed;
	color: #238b45;
}
.levevent-registration-closed {
	background: #ffeded;
	color: #d9534f;
}
/* =========================================================
STATUS
========================================================= */
.levevent-status {
	display: inline-flex;
	align-items: center;
	padding: 6px 11px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
}
.levevent-status-active {
	background: #e8f7ed;
	color: #238b45;
}
.levevent-status-inactive {
	background: #f3f3f3;
	color: #777;
}
/* =========================================================
ACTIONS
========================================================= */
.levevent-actions {
	display: flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
}
.levevent-action {
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 7px !important;
	border: none !important;
	text-decoration: none !important;
	cursor: pointer;
	font-size: 13px !important;
	transition: .2s ease;
}
.levevent-action i {
	font-size: 13px !important;
}
.levevent-view {
	background: #edf4ff;
	color: #3674d9;
}
.levevent-view:hover {
	background: #3674d9;
	color: #fff;
}
.levevent-edit {
	background: #fff4df;
	color: #d28a12;
}
.levevent-edit:hover {
	background: #d28a12;
	color: #fff;
}
.levevent-delete {
	background: #ffeded;
	color: #d9534f;
}
.levevent-delete:hover {
	background: #d9534f;
	color: #fff;
}
/* =========================================================
EMPTY
========================================================= */
.levevents-empty {
	padding: 70px 20px;
	text-align: center;
}
.levevents-empty-icon {
	font-size: 45px;
	color: #bbb;
	margin-bottom: 15px;
}
.levevents-empty h3 {
	margin: 0 0 8px;
	color: #555;
	font-size: 20px;
}
.levevents-empty p {
	margin: 0 0 20px;
	color: #999;
	font-size: 14px;
}
.levno-search-results {
	display: none;
	padding: 40px;
	text-align: center;
	color: #888;
	font-size: 14px;
}
/* =========================================================
MODAL
========================================================= */
.levevent-modal-overlay {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(15, 25, 30, .62);
	backdrop-filter: blur(4px);
}
.levevent-modal-overlay.active {
	display: flex;
}
.levevent-modal {
	width: 100%;
	max-width: 720px;
	max-height: 90vh;
	overflow-y: auto;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 25px 80px rgba(0,0,0,.25);
	animation: eventModalOpen .2s ease;
}
@keyframes eventModalOpen {
	from {
		opacity: 0;
		transform: translateY(15px) scale(.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}
.levevent-modal-header {
	position: sticky;
	top: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 20px 24px;
	background: #fff;
	border-bottom: 1px solid #eee;
}
.levevent-modal-header h2 {
	margin: 0;
	color: #294b3d;
	font-size: 21px;
	font-weight: 700;
}
.levevent-modal-header p {
	margin: 4px 0 0;
	color: #999;
	font-size: 12px;
}
.levevent-modal-close {
	width: 36px;
	height: 36px;
	min-width: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 8px;
	background: #f5f5f5;
	color: #777;
	cursor: pointer;
	font-size: 16px;
}
.levevent-modal-close:hover {
	background: #ffeded;
	color: #d9534f;
}
/* =========================================================
MODAL BODY
========================================================= */
.levevent-modal-body {
	padding: 24px;
}
.levevent-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}
.levevent-form-group {
	min-width: 0;
}
.levevent-form-group.full-width {
	grid-column: 1 / -1;
}
.levevent-form-group label {
	display: block;
	margin-bottom: 7px;
	color: #555;
	font-size: 12px;
	font-weight: 700;
}
.levevent-form-group input,
.levevent-form-group select,
.levevent-form-group textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #fff;
	color: #444;
	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	outline: none;
}
.levevent-form-group input,
.levevent-form-group select {
	height: 44px;
	padding: 0 13px;
}
.levevent-form-group textarea {
	min-height: 130px;
	padding: 12px 13px;
	resize: vertical;
}
.levevent-form-group input:focus,
.levevent-form-group select:focus,
.levevent-form-group textarea:focus {
	border-color: #496f5d;
	box-shadow: 0 0 0 3px rgba(73,111,93,.10);
}
/* =========================================================
TITLE - NOT EDITABLE
========================================================= */
.levevent-readonly-title {
	padding: 13px 14px;
	background: #f7f8fa;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	color: #294b3d;
	font-size: 14px;
	font-weight: 700;
	cursor: default;
	user-select: none;
}
.levevent-readonly-note {
	display: block;
	margin-top: 5px;
	color: #aaa;
	font-size: 10px;
}
/* =========================================================
MODAL FOOTER
========================================================= */
.levevent-modal-footer {
	position: sticky;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	padding: 18px 24px;
	background: #fff;
	border-top: 1px solid #eee;
}
.levevent-modal-cancel {
	min-height: 42px;
	padding: 0 18px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #fff;
	color: #666;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
}
.levevent-modal-cancel:hover {
	background: #f7f7f7;
}
.levevent-modal-save {
	min-height: 42px;
	padding: 0 20px;
	border: 0;
	border-radius: 8px;
	background: #5443e8;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	font-weight: 700;
}
.levevent-modal-save:hover {
	background: #4434d0;
}
.levevent-modal-save:disabled {
	opacity: .6;
	cursor: not-allowed;
}
/* =========================================================
MESSAGE
========================================================= */
.levevent-modal-message {
	display: none;
	margin-bottom: 18px;
	padding: 11px 13px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
}
.levevent-modal-message.success {
	display: block;
	background: #e8f7ed;
	color: #238b45;
}
.levevent-modal-message.error {
	display: block;
	background: #ffeded;
	color: #d9534f;
}
/* =========================================================
LOADING
========================================================= */
.levevent-loading {
	display: none;
	position: absolute;
	inset: 0;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,.75);
	z-index: 20;
}
.levevent-loading.active {
	display: flex;
}
.levevent-loading i {
	color: #5443e8;
	font-size: 25px;
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 991px) {

	.levevents-page-wrapper {
		margin-left: 0;
		width: 100%;
		padding: 20px;
	}

}
@media (max-width: 767px) {
	.levevents-page-wrapper {
		padding: 15px;
	}
	.levevents-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}
	.levadd-event-btn {
		width: 100%;
	}
	.levevents-header-left h1 {
		font-size: 27px;
	}
	.levevent-modal-overlay {
		padding: 10px;
	}
	.levevent-modal {
		max-height: 95vh;
		border-radius: 12px;
	}
	.levevent-form-grid {
		grid-template-columns: 1fr;
	}
	.levevent-form-group.full-width {
		grid-column: auto;
	}
	.levevent-modal-header,
	.levevent-modal-body,
	.levevent-modal-footer {
		padding-left: 18px;
		padding-right: 18px;
	}
	.levevent-modal-footer {
		flex-direction: column-reverse;
	}
	.levevent-modal-footer button {
		width: 100%;
	}
}
/*Dashboard*/
/*
============================================================
DASHBOARD BASE
============================================================
*/
.admin-main {
	margin-left: 260px;
	min-height: 100vh;
}
/*
============================================================
TOPBAR
============================================================
*/
.topbar {
	height: 80px;
	background: #ffffff;
	border-bottom: 1px solid #e7ebe7;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 35px;
}
.page-title {
	margin: 0;
	font-size: 27px;
	font-weight: 600;
	color: #29392f;
}
.page-subtitle {
	margin: 4px 0 0;
	color: #909991;
	font-size: 13px;
}
.topbar-right {
	display: flex;
	align-items: center;
	gap: 20px;
}
.top-icon {
	position: relative;
	width: 40px;
	height: 40px;
	border: 1px solid #e3e8e3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #526157;
}
.notification-dot {
	position: absolute;
	width: 7px;
	height: 7px;
	background: #b7775d;
	border-radius: 50%;
	top: 7px;
	right: 7px;
}
.view-site {
	text-decoration: none;
	color: #56635a;
	font-size: 13px;
	font-weight: 600;
}
/*
============================================================
CONTENT
============================================================
*/
.dashboard-content {
	padding: 30px 35px;
}
/*
============================================================
WELCOME
============================================================
*/
.welcome-box {
	background: #304638;
	border-radius: 16px;
	padding: 30px;
	color: #ffffff;
	margin-bottom: 25px;
}
.welcome-box h2 {
	margin: 0 0 8px;
	font-size: 28px;
	color: #fff !important;
	line-height: 30px;
}
.welcome-box p {
	margin: 0;
	color: #dce5df !important;
	font-size: 14px;
}
/*
============================================================
STAT CARDS
============================================================
*/
.stat-card {
	background: #ffffff;
	border: 1px solid #e7ebe7;
	border-radius: 14px;
	padding: 22px;
	height: 100%;
}
.stat-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.stat-title {
	color: #858e87;
	font-size: 12px;
	margin-bottom: 7px;
}
.stat-number {
	color: #2d3c32;
	font-size: 24px;
	font-weight: 700;
}
.stat-icon {
	width: 45px;
	height: 45px;
	background: #edf2ed;
	color: #526c58;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.stat-change {
	margin-top: 14px;
	color: #778179;
	font-size: 11px;
}
/*
============================================================
DASHBOARD CARD
============================================================
*/
.dashboard-card {
	background: #ffffff;
	border: 1px solid #e7ebe7;
	border-radius: 14px;
	overflow: hidden;
	height: 100%;
	padding: 10px;
}
.card-header-custom {
	padding: 18px 20px;
	border-bottom: 1px solid #edf0ed;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.card-header-custom h3 {
	margin: 0;
	color: #344238;
	font-size: 16px;
	font-weight: 700;
}
.card-header-custom a {
	color: #657269;
	text-decoration: none;
	font-size: 11px;
	font-weight: 600;
}
/*
============================================================
TABLE
============================================================
*/
.custom-table {
	margin: 0;
}
.custom-table th {
	color: #929992;
	font-size: 10px;
	font-weight: 600;
	padding: 13px 20px;
	border-bottom: 1px solid #edf0ed;
}
.custom-table td {
	color: #4d5a51;
	font-size: 12px;
	padding: 15px 20px;
	vertical-align: middle;
	border-bottom: 1px solid #f0f2f0;
}
/*
============================================================
MEMBERS
============================================================
*/
.member-cell {
	display: flex;
	align-items: center;
	gap: 10px;
}
.member-avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #e4ece5;
	color: #4d6553;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 700;
}
.member-name {
	color: #3e4b42;
	font-size: 12px;
	font-weight: 600;
}
.member-email {
	color: #9aa29c;
	font-size: 9px;
	margin-top: 2px;
}
/*
============================================================
STATUS
============================================================
*/
.status {
	display: inline-block;
	border-radius: 20px;
	padding: 5px 10px;
	font-size: 10px;
	font-weight: 600;
}
.status-active {
	background: #e7f3e9;
	color: #47734f;
}
.status-pending {
	background: #fff2df;
	color: #9a6c2d;
}
/*
============================================================
EVENTS
============================================================
*/
.event-item {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 15px 18px;
	border-bottom: 1px solid #f0f2f0;
}
.event-item:last-child {
	border-bottom: 0;
}
.event-date {
	width: 48px;
	min-width: 48px;
	height: 52px;
	background: #eef3ee;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.event-date .month {
	color: #78847b;
	font-size: 9px;
	text-transform: uppercase;
}
.event-date .day {
	color: #35483a;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
}
.event-info {
	flex: 1;
}
.event-info h4 {
	color: #354238;
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 5px;
}
.event-info p {
	color: #929992;
	font-size: 10px;
	margin: 0;
}
.event-count {
	color: #78847b;
	font-size: 11px;
	font-weight: 600;
}
.event-action {
	color: #526958;
	border: 1px solid #dce5dd;
	border-radius: 7px;
	text-decoration: none;
	font-size: 10px;
	font-weight: 600;
	padding: 6px 9px;
}
/*
============================================================
QUICK ACTIONS
============================================================
*/
.quick-action {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 15px 18px !important;
	border-bottom: 1px solid #f0f2f0;
	color: #455249;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
}
.quick-action:last-child {
	border-bottom: 0;
}
.quick-action:hover {
	background: #f8faf8;
}
.quick-action > i {
	margin-left: auto;
	color: #a0aaa3;
	font-size: 10px;
}
.quick-icon {
	width: 38px;
	height: 38px;
	background: #edf2ed;
	color: #526b58;
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*
============================================================
PROFILE
============================================================
*/
.profile-box {
	padding: 22px;
}
.profile-avatar {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: #e4ece5;
	color: #4d6553;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 12px;
}
.profile-name {
	color: #344238;
	font-size: 17px;
	font-weight: 700;
}
.profile-email {
	color: #929992;
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 15px;
}
.membership-box {
	background: #f6f8f6;
	border: 1px solid #e5eae5;
	border-radius: 10px;
	padding: 15px;
}
.membership-label {
	color: #929992;
	font-size: 10px;
	margin-bottom: 4px;
}
.membership-value {
	color: #3d4d42;
	font-size: 13px;
	font-weight: 700;
}
/*
============================================================
EMPTY STATE
============================================================
*/
.empty-state {
	padding: 35px 20px;
	text-align: center;
	color: #929992;
	font-size: 12px;
}
.empty-state i {
	font-size: 25px;
	margin-bottom: 10px;
}
/*
============================================================
MOBILE
============================================================
*/
.mobile-toggle {
	display: none;
	border: 0;
	background: transparent;
	font-size: 20px;
}
@media (max-width: 991px) {
	.admin-main {
		margin-left: 0;
	}
	.mobile-toggle {
		display: block;
	}
	.dashboard-content {
		padding: 20px;
	}
	.topbar {
		padding: 0 20px;
	}
	.view-site {
		display: none;
	}

}
/*Events*/
/* =========================================================
GLOBAL
========================================================= */
.events-page-wrapper,
.events-page-wrapper * {
	box-sizing: border-box;
}
.events-page-wrapper {
	width: 100%;
	background: #e5dece;
}
/* =========================================================
HERO
========================================================= */
.events-hero {
	position: relative;
	min-height: 260px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #f5f6d8;
}
.events-hero-content {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 750px;
	padding: 55px 20px;
	text-align: center;
}
.events-hero-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	color: #8c0f73;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.events-hero h1 {
	margin: 0;
	color: #102b42;
	font-size: 48px;
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: -1px;
}
.events-hero-description {
	max-width: 600px;
	margin: 16px auto 0;
	color: #667586;
	font-size: 15px;
	line-height: 1.7;
}
/* =========================================================
DECORATION
========================================================= */

.events-decoration {
	position: absolute;
	border-radius: 50%;
	border: 1px solid rgba(140,15,115,.10);
	pointer-events: none;
}
.events-decoration-one {
	width: 450px;
	height: 450px;
	left: -250px;
	top: -270px;
}
.events-decoration-two {
	width: 500px;
	height: 500px;
	right: -300px;
	bottom: -350px;
	border-color: rgba(16,43,66,.08);
}
/* =========================================================
MAIN
========================================================= */
.events-main {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 60px 25px 85px;
}
/* =========================================================
TOP HEADER
========================================================= */
.events-top-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 38px;
}
.events-top-left {
	min-width: 0;
}
.events-small-title {
	display: block;
	margin-bottom: 8px;
	color: #8c0f73;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.events-top-left h2 {
	margin: 0 0 8px;
	color: #102b42;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 800;
}
.events-top-left p {
	margin: 0;
	color: #718090;
	font-size: 14px;
	line-height: 1.6;
}
/* =========================================================
ADD EVENT
========================================================= */
.add-event-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	padding: 0 20px !important;
	background: #8c0f73 !important;
	color: #fff !important;
	border-radius: 7px;
	text-decoration: none !important;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
	box-shadow: 0 7px 20px rgba(140, 15, 115, .16);
	transition: all .25s ease;
}
.add-event-button:hover {
	background: #102b42;
	color: #ffffff !important;
	transform: translateY(-2px);
}
/* =========================================================
EVENTS GRID
========================================================= */
.events-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
}
/* =========================================================
EVENT CARD
========================================================= */
.event-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: #f4efe1;
	border: 1px solid #f4efe1;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 6px 25px rgba(16, 43, 66, .055);
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.event-card:hover {
	transform: translateY(-5px);
	border-color: #e0d2dc;
	box-shadow: 0 18px 40px rgba(16,43,66,.11);
}
/* =========================================================
IMAGE
========================================================= */
.event-image {
	position: relative;
	width: 100%;
	height: 245px;
	overflow: hidden;
	background: #e8ebed;
}
.event-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: transform .5s ease;
}
.event-card:hover .event-image img {
	transform: scale(1.055);
}
.event-image-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient( 180deg, rgba(16,43,66,0) 45%, rgba(16,43,66,.38) 100% );
	pointer-events: none;
}
/* =========================================================
PLACEHOLDER
========================================================= */
.event-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient( 135deg, #edf0f2, #dfe4e7 );
	color: #9ca5ac;
	font-size: 55px;
}
/* =========================================================
DATE BADGE
========================================================= */
.event-date-badge {
	position: absolute;
	z-index: 5;
	left: 20px;
	bottom: 18px;
	width: 68px;
	background: #ffffff;
	border-radius: 9px;
	overflow: hidden;
	text-align: center;
	box-shadow: 0 6px 18px rgba(0,0,0,.18);
}
.event-date-month {
	display: block;
	padding: 7px 5px 6px;
	background: #8c0f73;
	color: #ffffff;
	font-size: 10px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.event-date-day {
	display: block;
	padding: 8px 5px 10px;
	color: #102b42;
	font-size: 27px;
	line-height: 1;
	font-weight: 900;
}
/* =========================================================
REGISTERED BADGE
========================================================= */
.event-registered-badge {
	position: absolute;
	z-index: 7;
	top: 18px;
	right: 18px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	background: #e9f8ef;
	color: #238b45;
	border: 1px solid #ccefd9;
	border-radius: 20px;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	box-shadow: 0 5px 15px rgba(0,0,0,.12);
}
.event-registered-badge i {
	font-size: 10px;
}
/* =========================================================
CARD BODY
========================================================= */
.event-card-body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 25px 25px 22px;
}
/* =========================================================
LABEL
========================================================= */
.event-card-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 9px;
	color: #8c0f73;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.event-card-label i {
	font-size: 10px;
}
/* =========================================================
TITLE
========================================================= */
.event-title {
	margin: 0 0 12px;
	font-size: 21px;
	line-height: 1.3;
	font-weight: 800;
	letter-spacing: -.3px;
}
.event-title a {
	color: #102b42;
	text-decoration: none;
	transition: color .2s ease;
}
.event-title a:hover {
	color: #8c0f73;
}
/* =========================================================
DESCRIPTION
========================================================= */
.event-description {
	margin: 0 0 20px;
	color: #718090;
	font-size: 13px;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* =========================================================
BASIC INFORMATION
========================================================= */
.event-information {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 18px;
}
.event-information-row {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 11px 12px;
	background: #f8f9fa;
	border: 1px solid #edf0f2;
	border-radius: 9px;
	color: #667586;
	font-size: 12px;
	line-height: 1.4;
}
.event-information-row i {
	width: 27px;
	height: 27px;
	min-width: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f7eaf4;
	border-radius: 7px;
	color: #8c0f73;
	font-size: 11px;
}
.event-information-row span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* =========================================================
EXTRA EVENT DETAILS
========================================================= */
.event-extra-details {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 20px;
}
.event-detail-box {
	position: relative;
	min-width: 0;
	padding: 14px 12px;
	background: #ffffff;
	border: 1px solid #e7eaed;
	border-radius: 10px;
	box-shadow: 0 3px 12px rgba(16,43,66,.035);
	transition: all .2s ease;
}
.event-detail-box:hover {
	border-color: #dfcddd;
	transform: translateY(-2px);
}
.event-detail-icon {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 9px;
	background: #f7eaf4;
	border-radius: 7px;
	color: #8c0f73;
	font-size: 11px;
}
.event-detail-label {
	display: block;
	margin-bottom: 4px;
	color: #8994a0;
	font-size: 9px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: .8px;
	text-transform: uppercase;
}
.event-detail-value {
	display: block;
	min-width: 0;
	color: #102b42;
	font-size: 13px;
	line-height: 1.3;
	font-weight: 800;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* =========================================================
PRICE
========================================================= */
.event-price-value {
	color: #8c0f73;
}
/* =========================================================
SEATS
========================================================= */
.event-seats-value {
	color: #102b42;
}
/* =========================================================
REGISTRATION STATUS
========================================================= */
.event-registration-value {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	max-width: 100%;
	padding: 5px 8px;
	border-radius: 20px;
	font-size: 10px;
	font-weight: 800;
}
.event-registration-open {
	background: #e9f8ef;
	color: #238b45;
}
.event-registration-closed {
	background: #ffeded;
	color: #d9534f;
}
.event-registration-registered {
	background: #e9f8ef;
	color: #238b45;
}
.event-registration-value i {
	font-size: 8px;
}
/* =========================================================
FOOTER
========================================================= */
.event-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-top: auto;
	padding-top: 18px;
	border-top: 1px solid #edf0f2;
}
/* =========================================================
VIEW DETAILS
========================================================= */
.event-view-details {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #102b42 !important;
	text-decoration: none !important;
	font-size: 12px;
	font-weight: 800;
	transition: all .2s ease;
}
.event-view-details i {
	font-size: 10px;
	transition: transform .2s ease;
}
.event-view-details:hover {
	color: #8c0f73 !important;
}
.event-view-details:hover i {
	transform: translateX(4px);
}
/* =========================================================
REGISTER BUTTON
========================================================= */
.event-register-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	min-height: 40px !important;
	padding: 0 16px !important;
	background: #8c0f73 !important;
	color: #ffffff !important;
	border: 0 !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	box-shadow: 0 5px 14px rgba(140,15,115,.16) !important;
	transition: all .25s ease !important;
}
.event-register-button:hover {
	background: #102b42 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}
.event-register-button i {
	color: #ffffff !important;
	font-size: 10px !important;
}
/* =========================================================
CLOSED BUTTON
========================================================= */
.event-register-button.is-closed {
	background: #e9ecef !important;
	color: #7b858e !important;
	box-shadow: none !important;
	cursor: not-allowed;
	pointer-events: none;
}
.event-register-button.is-closed i {
	color: #7b858e !important;
}
/* =========================================================
REGISTERED BUTTON
========================================================= */
.event-register-button.is-registered {
	background: #e9f8ef !important;
	color: #238b45 !important;
	border: 1px solid #ccefd9 !important;
	box-shadow: none !important;
	cursor: default;
	pointer-events: none;
}
.event-register-button.is-registered i {
	color: #238b45 !important;
}
/* =========================================================
NO EVENTS
========================================================= */
.no-events {
	padding: 80px 25px;
	background: #ffffff;
	border: 1px solid #e7eaed;
	border-radius: 16px;
	text-align: center;
	box-shadow: 0 6px 25px rgba(16,43,66,.04);
}
.no-events-icon {
	width: 70px;
	height: 70px;
	margin: 0 auto 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f7eaf4;
	border-radius: 50%;
	color: #8c0f73;
	font-size: 26px;
}
.no-events h3 {
	margin: 0 0 8px;
	color: #102b42;
	font-size: 22px;
	font-weight: 800;
}
.no-events p {
	margin: 0;
	color: #718090;
	font-size: 14px;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width: 950px) {
	.events-main {
		padding-left: 20px;
		padding-right: 20px;
	}
	.events-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}
	.event-image {
		height: 220px;
	}
	.event-card-body {
		padding: 22px 20px;
	}
	.event-extra-details {
		grid-template-columns: 1fr;
	}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 700px) {
	.events-main {
		padding: 45px 15px 60px;
	}
	.events-top-header {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 30px;
	}
	.events-top-left h2 {
		font-size: 28px;
	}
	.events-grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}
	.event-image {
		height: 230px;
	}
	.event-information {
		grid-template-columns: 1fr;
	}
	.event-extra-details {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media (max-width: 450px) {
	.events-main {
		padding-left: 12px;
		padding-right: 12px;
	}
	.event-card-body {
		padding: 21px 18px 18px;
	}
	.event-title {
		font-size: 19px;
	}
	.event-extra-details {
		grid-template-columns: 1fr;
	}
	.event-detail-box {
		display: grid;
		grid-template-columns: 34px 1fr;
		column-gap: 10px;
		align-items: center;
	}
	.event-detail-icon {
		grid-row: span 2;
		margin-bottom: 0;
	}
	.event-detail-label {
		margin-bottom: 2px;
	}
	.event-card-footer {
		align-items: stretch;
		flex-direction: column;
		gap: 14px;
	}
	.event-view-details {
		justify-content: center;
	}
	.event-register-button {
		width: 100% !important;
	}
}
/*Members*/
/* =========================================================
PAGE
========================================================= */
.mghmembers-page {
    max-width: 1370px;
    margin: 0 auto;
    padding: 45px 20px 80px;
}
/* =========================================================
HEADER
========================================================= */
.mghmembers-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
	margin-bottom: 30px;
}
.mghmembers-title h1 {
	margin: 0 0 7px;
	font-size: 36px;
	line-height: 1.2;
	font-weight: 700;
	color: #171717;
}
.mghmembers-title p {
	margin: 0;
	color: #777;
	font-size: 15px;
}
/* =========================================================
SEARCH
========================================================= */
.mghmembers-search {
	width: 360px;
}
.mghmembers-search form {
	position: relative;
	margin: 0;
}
.mghmembers-search input {
	width: 100%;
	height: 48px;
	padding: 0 105px 0 18px;
	border: 1px solid #dedede;
	border-radius: 8px;
	background: #fff;
	font-size: 14px;
	outline: none;
	box-sizing: border-box;
}
.mghmembers-search input:focus {
	border-color: #999;
}
.mghmembers-search button {
	position: absolute;
	right: 5px;
	top: 5px;
	height: 38px;
	padding: 0 18px;
	border: 0;
	border-radius: 6px;
	background: #1f1f1f;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}
.mghmembers-search button:hover {
	background: #000;
}
/* =========================================================
TABLE CARD
========================================================= */
.mghmembers-table-card {
	width: 100%;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 12px;
	overflow: hidden;
}
/* =========================================================
TABLE WRAPPER
========================================================= */
.mghmembers-table-wrapper {
	width: 100%;
	overflow-x: auto;
}
/* =========================================================
TABLE
========================================================= */
.mghmembers-table {
	width: 100%;
	min-width: 950px;
	border-collapse: collapse;
	border: 1px solid #dcdcdc;
}
.mghmembers-table thead {
	background: #f8f8f8;
}
.mghmembers-table th {
	padding: 15px 18px;
	text-align: left;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .6px;
	font-weight: 700;
	color: #666;
	background: #f7f7f7;
	border: 1px solid #dcdcdc;
}
.mghmembers-table td {
	padding: 17px 18px;
	vertical-align: middle;
	font-size: 14px;
	color: #444;
	border: 1px solid #e1e1e1;
}
.mghmembers-table tbody tr {
	transition: background .2s ease;
}
.mghmembers-table tbody tr:hover {
	background: #fafafa;
}
.mghmembers-table tbody tr:last-child td {
	border-bottom: 0;
}
/* =========================================================
S.NO
========================================================= */
.mghmember-sno {
	width: 55px;
	color: #999 !important;
	font-size: 13px !important;
	font-weight: 600;
}
/* =========================================================
IMAGE
========================================================= */
.mghmember-image {
	width: 70px;
}
.mghmember-image img {
	display: block;
	width: 48px !important;
	height: 48px !important;
	max-width: 48px !important;
	border-radius: 50% !important;
	object-fit: cover;
}
/* =========================================================
MEMBER
========================================================= */
.mghmember-details {
	min-width: 180px;
}
.mghmember-name {
	margin: 0 0 4px;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 700;
	color: #222;
}
.mghmember-username {
	font-size: 12px;
	color: #999;
}
/* =========================================================
EMAIL
========================================================= */
.mghmember-email {
	color: #666;
	font-size: 13px;
	white-space: nowrap;
}
/* =========================================================
EVENTS
========================================================= */
.mghmember-events {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	max-width: 350px;
}
.mghevent-badge {
	display: inline-block;
	padding: 6px 10px;
	border-radius: 5px;
	background: #f3f3f3;
	color: #444 !important;
	font-size: 12px;
	line-height: 1.2;
	text-decoration: none !important;
	transition: .2s ease;
}
.mghevent-badge:hover {
	background: #e8e8e8;
	color: #111 !important;
}
.mghno-event {
	color: #aaa;
	font-size: 13px;
}
/* =========================================================
REGISTRATION COUNT
========================================================= */
.mghevent-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 28px;
	padding: 0 9px;
	border-radius: 20px;
	background: #f1f1f1;
	color: #333;
	font-size: 12px;
	font-weight: 700;
}
/* =========================================================
PROFILE BUTTON
========================================================= */
.mghmember-profile {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 15px;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fff;
	color: #222 !important;
	text-decoration: none !important;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	transition: all .2s ease;
	cursor: pointer;
}
.mghmember-profile:hover {
	background: #222;
	border-color: #222;
	color: #fff !important;
}
/* =========================================================
EMPTY
========================================================= */
.mghmembers-empty {
	padding: 80px 20px;
	text-align: center;
}
.mghmembers-empty-icon {
	width: 60px;
	height: 60px;
	margin: 0 auto 18px;
	border-radius: 50%;
	background: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
}
.mghmembers-empty h3 {
	margin: 0 0 7px;
	font-size: 20px;
	color: #222;
}
.mghmembers-empty p {
	margin: 0;
	color: #888;
	font-size: 14px;
}
/* =========================================================
ERROR
========================================================= */
.mghmembers-error {
	padding: 25px;
	color: #a00;
	background: #fff5f5;
	border: 1px solid #f0cccc;
	border-radius: 8px;
}
/* =========================================================
MODAL
========================================================= */
.mghmember-modal {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px;
	background: rgba(8, 8, 8, .74);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease;
	box-sizing: border-box;
}
.mghmember-modal.active {
	opacity: 1;
	visibility: visible;
}
/* =========================================================
MODAL CONTENT
========================================================= */
.mghmember-modal-content {
	position: relative;
	width: 100%;
	max-width: 700px;
	max-height: calc(100vh - 50px);
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 35px 100px rgba(0, 0, 0, .38);
	transform: translateY(30px) scale(.96);
	transition: transform .3s cubic-bezier(.2,.8,.2,1);
	box-sizing: border-box;
}
.mghmember-modal.active .member-modal-content {
	transform: translateY(0) scale(1);
}
/* =========================================================
MODAL HEADER
========================================================= */
.mghmember-modal-top {
	position: relative;
	padding: 32px 32px 30px;
	background:	linear-gradient(135deg, #f4f4f4 0%, #ffffff 50%, #eeeeee 100%);
	border-bottom: 1px solid #e9e9e9;
}
/* =========================================================
CLOSE
========================================================= */
.mghmember-modal-close {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #dedede;
	border-radius: 50%;
	background: rgba(255,255,255,.95);
	color: #444;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	transition: all .2s ease;
}
.mghmember-modal-close:hover {
	background: #222;
	border-color: #222;
	color: #fff;
	transform: rotate(90deg);
}
/* =========================================================
PROFILE TOP
========================================================= */
.mghmember-profile-top {
	display: flex;
	align-items: center;
	gap: 20px;
	padding-right: 50px;
}
/* =========================================================
PROFILE IMAGE
========================================================= */
.mghmember-profile-image {
	flex: 0 0 auto;
}
.mghmember-profile-image img {
	display: block;
	width: 96px !important;
	height: 96px !important;
	max-width: 96px !important;
	border-radius: 50% !important;
	object-fit: cover;
	border: 4px solid #fff;
	box-shadow: 0 7px 25px rgba(0,0,0,.15);
}
/* =========================================================
PROFILE MAIN
========================================================= */
.mghmember-profile-main {
	min-width: 0;
}
.mghmember-profile-main h2 {
	margin: 0 0 6px;
	color: #181818;
	font-size: 26px;
	line-height: 1.25;
	font-weight: 750;
}
.mghprofile-username {
	margin: 0 0 8px;
	color: #888;
	font-size: 13px;
}
.mghprofile-email {
	margin: 0;
	color: #555;
	font-size: 14px;
	word-break: break-word;
}
/* =========================================================
MODAL BODY
========================================================= */
.mghmember-modal-body {
	max-height: calc(100vh - 310px);
	overflow-y: auto;
	padding: 26px 32px 30px;
	box-sizing: border-box;
}
/* =========================================================
INFO GRID
========================================================= */
.mghmember-info-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-bottom: 30px;
}
.mghmember-info-box {
	padding: 17px 16px;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	background: #fafafa;
	transition: all .2s ease;
}
.mghmember-info-box:hover {
	background: #fff;
	border-color: #d5d5d5;
	box-shadow: 0 7px 20px rgba(0,0,0,.05);
}
.mghmember-info-label {
	display: block;
	margin-bottom: 7px;
	color: #999;
	font-size: 10px;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: .7px;
	font-weight: 700;
}
.mghmember-info-value {
	display: block;
	color: #222;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 650;
	word-break: break-word;
}
/* =========================================================
EVENTS HEADER
========================================================= */
.mghmember-modal-events-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 15px;
}
.mghmember-modal-events-title {
	margin: 0;
	color: #202020;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 700;
}
.mghmember-modal-events-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 28px;
	padding: 0 9px;
	border-radius: 20px;
	background: #f1f1f1;
	color: #444;
	font-size: 11px;
	font-weight: 700;
}
/* =========================================================
EVENT LIST
========================================================= */
.mghmember-modal-events {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
/* =========================================================
EVENT CARD
========================================================= */
.mghmember-modal-event {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 15px 16px;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	background: #fff;
	transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.mghmember-modal-event:hover {
	border-color: #d2d2d2;
	box-shadow: 0 7px 22px rgba(0,0,0,.06);
	transform: translateY(-1px);
}
/* =========================================================
EVENT ICON
========================================================= */
.mghmember-modal-event-icon {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: #f3f3f3;
	color: #333;
	font-size: 17px;
}
/* =========================================================
EVENT CONTENT
========================================================= */
.mghmember-modal-event-content {
	min-width: 0;
	flex: 1;
}
.mghmember-modal-event-title {
	display: block;
	margin: 0 0 5px;
	color: #222 !important;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 700;
	text-decoration: none !important;
	word-break: break-word;
}
.mghmember-modal-event-title:hover {
	color: #000 !important;
	text-decoration: underline !important;
}
.mghmember-modal-event-date {
	display: block;
	color: #999;
	font-size: 11px;
	line-height: 1.4;
}
.mghmember-modal-event-date strong {
	color: #666;
	font-weight: 600;
}
/* =========================================================
EVENT ARROW
========================================================= */
.mghmember-modal-event-arrow {
	flex: 0 0 auto;
	color: #aaa;
	font-size: 20px;
	transition: transform .2s ease;
}
.mghmember-modal-event:hover .member-modal-event-arrow {
	transform: translateX(4px);
	color: #555;
}
/* =========================================================
NO EVENTS
========================================================= */
.mghmember-modal-no-events {
	padding: 30px 15px;
	text-align: center;
	border: 1px dashed #d8d8d8;
	border-radius: 11px;
	color: #999;
	font-size: 13px;
	background: #fafafa;
}
/* =========================================================
MODAL FOOTER
========================================================= */
.mghmember-modal-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 16px 32px;
	border-top: 1px solid #ededed;
	background: #fff;
}
.mghmember-modal-close-bottom {
	height: 39px;
	padding: 0 20px;
	border: 1px solid #ddd;
	border-radius: 7px;
	background: #fff;
	color: #222;
	font-size: 12px;
	font-weight: 650;
	cursor: pointer;
	transition: all .2s ease;
}
.mghmember-modal-close-bottom:hover {
	background: #222;
	border-color: #222;
	color: #fff;
}
/* =========================================================
SCROLLBAR
========================================================= */
.mghmember-modal-body::-webkit-scrollbar {
	width: 7px;
}
.mghmember-modal-body::-webkit-scrollbar-track {
	background: #f7f7f7;
}
.mghmember-modal-body::-webkit-scrollbar-thumb {
	background: #d0d0d0;
	border-radius: 10px;
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 900px) {
	.mghmembers-top {
		align-items: flex-start;
		flex-direction: column;
	}
	.mghmembers-search {
		width: 100%;
		max-width: 500px;
	}
}
@media (max-width: 650px) {
	.mghmembers-page {
		padding: 30px 15px 60px;
	}
	.mghmembers-title h1 {
		font-size: 30px;
	}
	.mghmember-modal {
		padding: 12px;
	}
	.mghmember-modal-content {
		max-height: calc(100vh - 24px);
		border-radius: 16px;
	}
	.mghmember-modal-top {
		padding:
			25px
			20px
			23px;
	}
	.mghmember-modal-body {
		max-height: calc(100vh - 280px);
		padding: 20px;
	}
	.mghmember-modal-footer {
		padding: 14px 20px;
	}
	.mghmember-profile-top {
		gap: 15px;
		padding-right: 35px;
	}
	.mghmember-profile-image img {
		width: 74px !important;
		height: 74px !important;
		max-width: 74px !important;
	}
	.mghmember-profile-main h2 {
		font-size: 20px;
	}
	.mghprofile-email {
		font-size: 12px;
	}
	.mghmember-info-grid {
		grid-template-columns: 1fr;
	}
	.mghmember-modal-event {
		padding: 13px;
	}
	.mghmember-modal-event-icon {
		width: 36px;
		height: 36px;
		border-radius: 8px;
	}
}
@media (max-width: 420px) {
	.mghmember-profile-top {
		align-items: flex-start;
	}
	.mghmember-profile-image img {
		width: 62px !important;
		height: 62px !important;
		max-width: 62px !important;
	}
	.mghmember-profile-main h2 {
		font-size: 18px;
	}
}
/* Registered Events*/
/* =========================================================
GLOBAL
========================================================= */

.rghregistered-events-page {
	margin-left: 260px;
	min-height: 100vh;
	padding: 42px 45px 80px;
	background: #f5f7f5;
	color: #202821;

}
.rghregistered-events-container {
    max-width: 100%;
    margin: 0 auto;
}
/* =========================================================
HERO
========================================================= */
.rghregistered-events-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
    padding: 32px 34px;
    border-radius: 18px;
    background: #3d1c4e;
    color: #fff;
    box-shadow: 0 12px 30px rgba(31, 47, 37, .12);
}
.rghregistered-events-hero:after {
	content: '';
	position: absolute;
	width: 230px;
	height: 230px;
	right: -80px;
	top: -100px;
	border-radius: 50%;
	background: rgba(255,255,255,.06);
}
.rghregistered-events-hero-content {
	position: relative;
	z-index: 2;
}
.rghregistered-events-eyebrow {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 9px;
	color: #cbd6ce;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.2px;
}
.rghregistered-events-hero h1 {
	margin: 0 0 8px;
	color: #fff;
	font-size: 38px;
	font-weight: 600;
	line-height: 1.2;
}
.rghregistered-events-hero p {
    max-width: 620px;
    margin: 0;
    color: #d5ddd7 !important;
    font-size: 14px;
    line-height: 1.6;
}
/* =========================================================
STATS
========================================================= */
.rghregistered-stats {
	display: grid;
	grid-template-columns:repeat(3, 1fr);
	gap: 15px;
	margin-top: 25px;
}
.rghregistered-stat {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 14px 16px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 10px;
	background:rgba(255,255,255,.07);
}
.rghregistered-stat-icon {
	width: 38px;
	height: 38px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9px;
	background: rgba(255,255,255,.10);
	color: #fff;
}
.rghregistered-stat-label {
	margin-bottom: 2px;
	color: #c7d0ca;
	font-size: 10px;
}
.rghregistered-stat-number {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}
/* =========================================================
TABS
========================================================= */

.rghregistered-events-tabs {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 25px;
	padding: 5px;
	width: fit-content;
	border: 1px solid #e0e4e0;
	border-radius: 10px;
	background: #fff;
}
.rghregistered-tab {
	border: 0;
	padding: 10px 17px;
	border-radius: 7px;
	background: transparent;
	color: #727a74;
	font-family: inherit;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: .2s ease;
}
.rghregistered-tab:hover {
	color: #273229;
}
.registered-tab.active {
	background: #26362b;
	color: #fff;
}
.rghregistered-tab span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	margin-left: 5px;
	padding: 0 5px;
	border-radius: 10px;
	background: #eef1ee;
	color: #59645d;
	font-size: 10px;
}
.rghregistered-tab.active span {
	background: rgba(255,255,255,.15);
	color: #000000;
}
/* =========================================================
EVENT SECTION
========================================================= */
.rghevents-section {
display: none;
}
.rghevents-section.active {
display: block;
}
.rghevents-section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 17px;
}
.rghevents-section-title {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: #273028;
}

.rghevents-section-description {
	margin: 3px 0 0;
	color: #8a918c;
	font-size: 12px;
}
/* =========================================================
GRID
========================================================= */
.rghregistered-events-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;

}
/* =========================================================
CARD
========================================================= */
.rghregistered-event-card {
	overflow: hidden;
	border:1px solid #e0e4e0;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 4px 16px rgba(32, 45, 36, .035);
transition: transform .25s ease, box-shadow .25s ease;
}
.rghregistered-event-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 32px rgba(32, 45, 36, .09);

}
/* =========================================================
IMAGE
========================================================= */

.rghregistered-event-image {
	position: relative;
	height: 210px;
	overflow: hidden;
	background: #e9edea;
}
.rghregistered-event-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition:	transform .4s ease;
}
.rghregistered-event-card:hover
.rghregistered-event-image img {
	transform: scale(1.05);
}
.rghevent-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background:linear-gradient(135deg,#dfe5e0,#f0f3f0);
	color: #78847b;
	font-size: 40px;
}
/* =========================================================
DATE BADGE
========================================================= */
.rghevent-date-badge {
	position: absolute;
	left: 15px;
	bottom: 15px;
	width: 58px;
	overflow: hidden;
	border-radius: 9px;
	background: #fff;
	text-align: center;
	box-shadow:0 5px 18px rgba(0,0,0,.14);
}
.rghevent-date-month {
	display: block;
	padding: 5px 4px 4px;
	background: #26362b;
	color: #fff;
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
}
.rghevent-date-day {
	display: block;
	padding: 5px 3px 0;
	color: #26362b;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.1;
}
.rghevent-date-year {
	display: block;
	padding: 2px 3px 6px;
	color: #929892;
	font-size: 8px;
}
/* =========================================================
STATUS
========================================================= */
.rghevent-status {
	position: absolute;
	top: 14px;
	right: 14px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 10px;
	border-radius: 20px;
	background: rgba(255,255,255,.96);
	color: #3d5946;
	font-size: 10px;
	font-weight: 700;
	box-shadow:0 3px 12px rgba(0,0,0,.08);
}
.rghevent-status i {
	font-size: 10px;
}
/* =========================================================
CARD BODY
========================================================= */
.rghregistered-event-body {
	padding: 19px;
}
.rghregistered-event-title {
	min-height: 52px;
	margin: 0 0 14px;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.3;
	color: #222a24;
}
.rghregistered-event-title a {
	color: inherit !important;
	text-decoration: none !important;
}
.rghregistered-event-title a:hover {
	color: #52645a !important;
}
/* =========================================================
META
========================================================= */
.rghevent-meta-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 16px;
}
.rghevent-meta {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: #707871;
	font-size: 11px;
	line-height: 1.4;
}
.rghevent-meta-icon {
	width: 17px;
	flex-shrink: 0;
	color: #56665b;
	text-align: center;
}
.rghevent-meta strong {
	color: #3c463f;
	font-weight: 600;
}
/* =========================================================
DIVIDER
========================================================= */
.rghevent-divider {
	height: 1px;
	margin: 0 0 14px;
	background: #ecefec;
}
/* =========================================================
REGISTERED INFO
========================================================= */
.rghregistered-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 15px;
}
.rghregistered-info-label {
	color: #9a9f9b;
	font-size: 10px;
}
.rghregistered-info-date {
	color: #4f5952;
	font-size: 10px;
	font-weight: 600;
}
/* =========================================================
BUTTON
========================================================= */
.rghview-event-button {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 width: 100%;
 height: 41px;
 border: 1px solid #3d1c4e;
 border-radius: 7px;
 background: #3d1c4e !important;
 color: #fff !important;
 text-decoration: none !important;
 font-size: 11px;
 font-weight: 700;
 transition: .2s ease;
}
.rghview-event-button:hover {
	background: #fff;
	color: #26362b !important;
}
.rghview-event-button i {
	font-size: 10px;
	transition: .2s ease;
}
.rghview-event-button:hover i {
	transform: translateX(3px);
}
/* =========================================================
PAST EVENT
========================================================= */
.rghpast-event-card {
	opacity: .84;
}
.rghpast-event-card .rghevent-status {
	color: #777;
}
.rghpast-event-card .rghevent-status i {
	color: #888;
}
.rghpast-event-card .rghevent-date-month {
	background: #777;
}
/* =========================================================
EMPTY
========================================================= */
.rghevents-empty {
	padding: 70px 25px;
	border:1px solid #e0e4e0;
	border-radius: 14px;
	background: #fff;
	text-align: center;
}
.rghevents-empty-icon {
	width: 68px;
	height: 68px;
	margin: 0 auto 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #eef2ee;
	color: #66766a;
	font-size: 25px;
}
.rghevents-empty h3 {
	margin: 0 0 7px;
	font-size: 23px;
	color: #283129;
}
.rghevents-empty p {
	margin: 0 0 20px;
	color: #898f8a;
	font-size: 12px;
}
.rghbrowse-events-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 17px;
	border-radius: 7px;
	background: #26362b;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 11px;
	font-weight: 700;
}
.rghbrowse-events-button:hover {
	background: #172019;
}
/* =========================================================
ERROR
========================================================= */
.rghregistration-error {
	padding: 22px;
	border: 1px solid #ecd1d1;
	border-radius: 12px;
	background: #fff7f7;
	color: #9d4444;
	font-size: 13px;
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 1150px) {
	.rghregistered-events-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 850px) {
	.rghregistered-events-page {
		margin-left: 0;
		padding: 30px 20px 60px;
	}
	.rghregistered-events-hero {
		padding: 27px 24px;
	}
	.rghregistered-stats {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 650px) {
	.rghregistered-events-grid {
		grid-template-columns: 1fr;
	}
	.rghregistered-events-hero h1 {
		font-size: 30px;
	}
	.rghregistered-events-tabs {
		width: 100%;
	}
	.rghregistered-tab {
		flex: 1;
		padding-left: 8px;
		padding-right: 8px;
	}
}
@media (max-width: 480px) {
	.rghregistered-events-page {
		padding: 22px 14px 50px;
	}
	.rghregistered-events-hero {
		padding: 23px 19px;
		border-radius: 14px;
	}
	.rghregistered-event-image {
		height: 195px;
	}
}
/* SIDEBAR */
.admin-sidebar {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 260px;
	z-index: 999;
}
/* SUBMENU PARENT */
.menu-item.has-submenu {
	width: 100%;
	display: block;
}
/* EVENTS TOGGLE */
.submenu-toggle {
	display: flex !important;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	width: 100%;
}
.submenu-toggle .submenu-arrow {
	margin-left: auto;
	font-size: 11px;
	transition: transform 0.3s ease;
}
/* SUBMENU */
.submenu {
	display: none;
	padding-left: 18px;
	margin-top: 4px;
}
/* OPEN */
.has-submenu.open .submenu {
	display: block;
}
/* ARROW */
.has-submenu.open .submenu-arrow {
	transform: rotate(180deg);
}
/* SUBMENU LINKS */
.submenu a {
	display: flex !important;
	align-items: center;
	gap: 12px;
	padding: 10px 15px !important;
	font-size: 14px;
}
.submenu a i {
	width: 16px;
	text-align: center;
	font-size: 13px;
}
/* ACTIVE SUBMENU */
.submenu a.active {
	background: rgba(255, 255, 255, 0.10);
	border-radius: 6px;
}
/* ACTIVE PARENT */
.submenu-toggle.active {
	background: rgba(255, 255, 255, 0.10);
	border-radius: 6px;
}
/* HOVER */
.submenu a:hover {
	background: rgba(255, 255, 255, 0.08);
	border-radius: 6px;
}
/* MOBILE */
@media (max-width: 768px) {
	.admin-sidebar {
		width: 250px;
	}
	.submenu {
		padding-left: 15px;
	}
}
/* User Menu */
.custom-user-menu {
	position: relative;
}
/* Dropdown */
.custom-user-menu > .custom-user-dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	left: auto;
	min-width: 200px;
	background: #fff;
	padding: 8px 0;
	margin: 0;
	list-style: none;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
	display: none;
	z-index: 9999;
}
/* Show dropdown on hover */
.custom-user-menu:hover > .custom-user-dropdown {
	display: block;
}
/* Dropdown links */
.custom-user-dropdown li {
	width: 100%;
	margin: 0;
	padding: 0;
}
.custom-user-dropdown li a {
	display: block;
	padding: 10px 15px;
	color: #333;
	text-decoration: none;
	white-space: nowrap;
}
.custom-user-dropdown li a:hover {
	background: #f5f5f5;
}
/* Arrow */
.dropdown-arrow {
	font-size: 10px;
	margin-left: 5px;
}
/* User Menu */
.custom-user-menu {
	position: relative;
}
/* Main Welcome link */
.custom-user-menu > .custom-user-toggle {
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 6px;
}
/* Arrow */
.custom-user-menu .dropdown-arrow {
	font-size: 10px;
	line-height: 1;
	transition: transform 0.2s ease;
}
/* Dropdown */
.custom-user-menu > .custom-user-dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	left: auto;
	min-width: 210px;
	margin: 0;
	padding: 8px 0;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
	z-index: 9999;
	display: none;
}
/* Dropdown items */
.custom-user-dropdown li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.custom-user-dropdown li a {
	display: block;
	padding: 10px 15px;
	color: #333;
	text-decoration: none;
	white-space: nowrap;
}
.custom-user-dropdown li a:hover {
	background: #f5f5f5;
}
/* Show dropdown on hover */
.custom-user-menu:hover > .custom-user-dropdown {
	display: block;
}
/* Rotate arrow */
.custom-user-menu:hover .dropdown-arrow {
	transform: rotate(180deg);
}

/* =========================================================
   ADMIN EVENT REGISTRATIONS
========================================================= */
/* MAIN CONTENT */
        /*
        |--------------------------------------------------------------------------
        | MAIN LAYOUT
        |--------------------------------------------------------------------------
        */

        .gh-event-registration-layout {
            width: 100%;
            min-height: 100vh;
            display: flex;
            background: #f7f8fa;
        }


        .gh-admin-event-registration-main {
            flex: 1;
            min-width: 0;
            padding: 35px;
        }


        .gh-admin-event-registration-page {
            width: 100%;
        }


        .gh-admin-event-registration-container {
            width: 100%;
            max-width: 1300px;
            margin: 0 auto;
        }


        /*
        |--------------------------------------------------------------------------
        | HEADER
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 25px;
            margin-bottom: 25px;
        }


        .gh-admin-event-registration-heading h1 {
            margin: 0 0 7px;
            color: #102b42;
            font-size: 30px;
            line-height: 1.2;
            font-weight: 800;
        }


        .gh-admin-event-registration-heading p {
            margin: 0;
            color: #718090;
            font-size: 14px;
        }


        .gh-admin-event-registration-total {
            display: flex;
            align-items: center;
            gap: 9px;
            padding: 12px 17px;
            background: #ffffff;
            border: 1px solid #e7ebee;
            border-radius: 10px;
            color: #718090;
            font-size: 12px;
            font-weight: 700;
            white-space: nowrap;
        }


        .gh-admin-event-registration-total i {
            color: #8c0f73;
            font-size: 15px;
        }


        .gh-admin-event-registration-total span {
            color: #102b42;
            font-size: 18px;
            font-weight: 900;
        }


        /*
        |--------------------------------------------------------------------------
        | CARD
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-card {
            overflow: hidden;
            background: #ffffff;
            border: 1px solid #e5e9ec;
            border-radius: 16px;
            box-shadow: 0 8px 30px rgba(16,43,66,.05);
        }


        /*
        |--------------------------------------------------------------------------
        | TABLE TOP
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-table-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 19px 22px;
            border-bottom: 1px solid #edf0f2;
        }


        .gh-admin-event-registration-table-title {
            display: flex;
            align-items: center;
            gap: 9px;
            color: #102b42;
            font-size: 14px;
            font-weight: 800;
        }


        .gh-admin-event-registration-table-title i {
            color: #8c0f73;
        }


        /*
        |--------------------------------------------------------------------------
        | TABLE WRAPPER
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-table-wrapper {
            width: 100%;
            overflow-x: auto;
        }


        /*
        |--------------------------------------------------------------------------
        | TABLE
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-table {
            width: 100%;
            min-width: 1050px;
            border-collapse: collapse;
        }


        .gh-admin-event-registration-table th {
            padding: 14px 15px;
            background: #f8f9fa;
            border-bottom: 1px solid #e8ecef;
            color: #7d8994;
            font-size: 9px;
            font-weight: 800;
            letter-spacing: .7px;
            text-align: left;
            text-transform: uppercase;
            white-space: nowrap;
        }


        .gh-admin-event-registration-table td {
            padding: 17px 15px;
            border-bottom: 1px solid #edf0f2;
            vertical-align: middle;
        }


        .gh-admin-event-registration-table tbody tr:last-child td {
            border-bottom: 0;
        }


        .gh-admin-event-registration-row {
            transition: background .2s ease;
        }


        .gh-admin-event-registration-row:hover {
            background: #fcfafc;
        }


        /*
        |--------------------------------------------------------------------------
        | NUMBER
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-number {
            width: 50px;
            color: #89939d;
            font-size: 12px;
            font-weight: 800;
        }


        /*
        |--------------------------------------------------------------------------
        | USER
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-user {
            min-width: 180px;
        }


        .gh-admin-event-registration-user-name {
            display: block;
            margin-bottom: 4px;
            color: #102b42;
            font-size: 13px;
            font-weight: 800;
        }


        .gh-admin-event-registration-user-email {
            display: block;
            color: #89939d;
            font-size: 11px;
        }


        /*
        |--------------------------------------------------------------------------
        | PHONE
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-phone {
            color: #52616f;
            font-size: 12px;
            font-weight: 600;
            white-space: nowrap;
        }


        /*
        |--------------------------------------------------------------------------
        | EVENT
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-event {
            min-width: 180px;
        }


        .gh-admin-event-registration-event-name {
            display: block;
            color: #102b42;
            font-size: 13px;
            font-weight: 800;
        }


        /*
        |--------------------------------------------------------------------------
        | EVENT DATE
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-event-date {
            color: #52616f;
            font-size: 11px;
            font-weight: 700;
            white-space: nowrap;
        }


        /*
        |--------------------------------------------------------------------------
        | REGISTERED DATE
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-registered-date-main {
            display: block;
            color: #52616f;
            font-size: 11px;
            font-weight: 700;
            white-space: nowrap;
        }


        .gh-admin-event-registration-registered-date-time {
            display: block;
            margin-top: 3px;
            color: #a0a8af;
            font-size: 10px;
        }


        /*
        |--------------------------------------------------------------------------
        | STATUS
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-status {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 9px;
            border-radius: 20px;
            font-size: 9px;
            font-weight: 800;
            text-transform: capitalize;
            white-space: nowrap;
        }


        .gh-admin-event-registration-status i {
            font-size: 6px;
        }


        .gh-admin-event-registration-status.confirmed {
            background: #eaf7ef;
            color: #18743c;
        }


        .gh-admin-event-registration-status.pending {
            background: #fff8e7;
            color: #996c00;
        }


        .gh-admin-event-registration-status.cancelled {
            background: #fff0f0;
            color: #a12828;
        }


        .gh-admin-event-registration-status.registered {
            background: #eaf7ef;
            color: #18743c;
        }


        /*
        |--------------------------------------------------------------------------
        | ACTION
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-action {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            padding: 8px 12px;
            border-radius: 7px;
            background: #f7eaf4;
            color: #8c0f73;
            font-size: 10px;
            font-weight: 800;
            text-decoration: none;
            transition: all .2s ease;
            white-space: nowrap;
        }


        .gh-admin-event-registration-action:hover {
            background: #8c0f73;
            color: #ffffff;
        }


        .gh-admin-event-registration-action i {
            font-size: 10px;
        }


        .gh-admin-event-registration-action-disabled {
            color: #a7afb5;
            font-size: 11px;
            font-weight: 700;
        }


        /*
        |--------------------------------------------------------------------------
        | EMPTY STATE
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-empty {
            padding: 75px 25px;
            text-align: center;
        }


        .gh-admin-event-registration-empty-icon {
            width: 65px;
            height: 65px;
            margin: 0 auto 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: #f7eaf4;
            color: #8c0f73;
            font-size: 25px;
        }


        .gh-admin-event-registration-empty h3 {
            margin: 0 0 8px;
            color: #102b42;
            font-size: 18px;
            font-weight: 800;
        }


        .gh-admin-event-registration-empty p {
            margin: 0;
            color: #89939d;
            font-size: 13px;
        }

        /*
        |--------------------------------------------------------------------------
        | DATABASE ERROR
        |--------------------------------------------------------------------------
        */

        .gh-admin-event-registration-db-error {
            margin: 20px;
            padding: 15px 17px;
            border: 1px solid #f1cccc;
            border-radius: 8px;
            background: #fff0f0;
            color: #a12828;
            font-size: 13px;
            font-weight: 700;
        }

        /*
        |--------------------------------------------------------------------------
        | RESPONSIVE
        |--------------------------------------------------------------------------
        */

        @media (max-width: 900px) {

            .gh-admin-event-registration-main {
                padding: 25px 15px;
            }

            .gh-admin-event-registration-header {
                align-items: flex-start;
                flex-direction: column;
            }

            .gh-admin-event-registration-total {
                width: 100%;
                justify-content: center;
            }

        }

        @media (max-width: 600px) {

            .gh-admin-event-registration-heading h1 {
                font-size: 24px;
            }

        }


/* =========================================================
   EVENT PAYMENTS ADMIN PAGE
   ========================================================= */

.gh-payments-page,
.gh-payments-page * {
    box-sizing: border-box;
}

.gh-payments-page {
    width: calc(100% - 255px);
    margin-left: 255px;
    min-height: 100vh;
    box-sizing: border-box;
}


/* =========================================================
   MAIN Payments
   ========================================================= */

.gh-payments-main {
   width: 100%;
    max-width: 100%;
    padding: 40px;
    box-sizing: border-box;
}


/* =========================================================
   HEADER
   ========================================================= */

.gh-payments-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 28px;
}


.gh-payments-eyebrow {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 7px;
    color: #8c0f73;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.5px;
}


.gh-payments-header h1 {
    margin: 0;
    color: #102b42;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 900;
}


.gh-payments-header p {
    margin: 8px 0 0;
    color: #7d8a96;
    font-size: 12px;
}


.gh-payments-header-icon {
    width: 58px;
    height: 58px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7eaf4;
    border-radius: 15px;
    color: #8c0f73;
    font-size: 21px;
}


/* =========================================================
   STAT CARDS
   ========================================================= */

.gh-payments-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}


.gh-payments-stat-card {
    min-height: 90px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px;
    background: #ffffff;
    border: 1px solid #e7ebee;
    border-radius: 13px;
    box-shadow: 0 7px 25px rgba(16,43,66,.045);
}


.gh-payments-stat-icon {
    width: 43px;
    height: 43px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    font-size: 14px;
}


.gh-payments-stat-icon.purple {
    background: #f7eaf4;
    color: #8c0f73;
}


.gh-payments-stat-icon.green {
    background: #eaf7ef;
    color: #18743c;
}


.gh-payments-stat-icon.blue {
    background: #edf4fa;
    color: #27678f;
}


.gh-payments-stat-card span {
    display: block;
    margin-bottom: 4px;
    color: #8e99a3;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .8px;
    text-transform: uppercase;
}


.gh-payments-stat-card strong {
    display: block;
    color: #102b42;
    font-size: 20px;
    font-weight: 900;
}


/* =========================================================
   TABLE CARD
   ========================================================= */

.gh-payments-card {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e7ebee;
    border-radius: 15px;
    box-shadow: 0 8px 30px rgba(16,43,66,.05);
}


.gh-payments-card-header {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 20px;
    border-bottom: 1px solid #edf0f2;
}


.gh-payments-card-header h2 {
    margin: 0 0 4px;
    color: #102b42;
    font-size: 16px;
    font-weight: 900;
}


.gh-payments-card-header span {
    color: #98a2ab;
    font-size: 10px;
}


.gh-payments-search {
    width: 270px;
    height: 39px;
    position: relative;
    display: flex;
    align-items: center;
}


.gh-payments-search > i {
    position: absolute;
    left: 13px;
    color: #9aa4ad;
    font-size: 11px;
    pointer-events: none;
}


.gh-payments-search input {
    width: 100%;
    height: 100%;
    padding: 0 35px;
    border: 1px solid #dfe4e8;
    border-radius: 8px;
    outline: none;
    background: #ffffff;
    color: #102b42;
    font-family: inherit;
    font-size: 11px;
}


.gh-payments-search input:focus {
    border-color: #8c0f73;
    box-shadow: 0 0 0 3px rgba(140,15,115,.07);
}


.gh-payments-search-clear {
    position: absolute;
    right: 11px;
    color: #9aa4ad !important;
    text-decoration: none !important;
    font-size: 11px;
}


/* =========================================================
   TABLE
   ========================================================= */

.gh-payments-table-wrapper {
    width: 100%;
    overflow-x: auto;
}


.gh-payments-table {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
}


.gh-payments-table thead th {
    height: 45px;
    padding: 0 15px;
    background: #fafbfc;
    border-bottom: 1px solid #edf0f2;
    color: #89949e;
    text-align: left;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .8px;
    text-transform: uppercase;
    white-space: nowrap;
}


.gh-payments-table tbody td {
    padding: 15px;
    border-bottom: 1px solid #f0f2f4;
    vertical-align: middle;
}


.gh-payments-table tbody tr {
    transition: background .18s ease;
}


.gh-payments-table tbody tr:hover {
    background: #fcfafc;
}


.gh-payment-number {
    color: #a1aab2;
    font-size: 10px;
    font-weight: 800;
}


/* =========================================================
   USER
   ========================================================= */

.gh-payment-user {
    display: flex;
    align-items: center;
    gap: 10px;
}


.gh-payment-avatar {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #f7eaf4;
    color: #8c0f73;
    font-size: 11px;
    font-weight: 900;
}


.gh-payment-user-info {
    min-width: 0;
}


.gh-payment-user-info strong {
    display: block;
    max-width: 180px;
    overflow: hidden;
    color: #102b42;
    font-size: 11px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.gh-payment-user-info span {
    display: block;
    max-width: 180px;
    overflow: hidden;
    margin-top: 3px;
    color: #97a1aa;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =========================================================
   EVENT
   ========================================================= */

.gh-payment-event {
    display: flex;
    align-items: center;
    gap: 9px;
}

.gh-payment-event-icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f5f7f8;
    color: #8c0f73;
    font-size: 10px;
}

.gh-payment-event strong {
    display: block;
    max-width: 190px;
    overflow: hidden;
    color: #102b42;
    font-size: 11px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gh-payment-event span {
    display: block;
    margin-top: 3px;
    color: #98a2ab;
    font-size: 8px;
}

/* =========================================================
   AMOUNT
   ========================================================= */

.gh-payment-amount {
    color: #102b42;
    font-size: 13px;
    font-weight: 900;
}

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

.gh-payment-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    border-radius: 20px;
    background: #eaf7ef;
    color: #18743c;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.gh-payment-status i {
    font-size: 7px;
}

/* =========================================================
   DATE
   ========================================================= */

.gh-payment-date strong {
    display: block;
    color: #465866;
    font-size: 10px;
    font-weight: 800;
}

.gh-payment-date span {
    display: block;
    margin-top: 3px;
    color: #9ca5ad;
    font-size: 8px;
}

/* =========================================================
   VIEW BUTTON
   ========================================================= */

.gh-payment-view-button {
    width: 31px;
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e5e8;
    border-radius: 8px;
    background: #ffffff;
    color: #71808c !important;
    text-decoration: none !important;
    font-size: 10px;
    transition: all .2s ease;
}

.gh-payment-view-button:hover {
    border-color: #8c0f73;
    background: #8c0f73;
    color: #ffffff !important;
}

/* =========================================================
   EMPTY
   ========================================================= */

.gh-payments-empty {
    height: 280px;
    text-align: center !important;
}

.gh-payments-empty-icon {
    width: 55px;
    height: 55px;
    margin: 0 auto 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #f7eaf4;
    color: #8c0f73;
    font-size: 19px;
}

.gh-payments-empty strong {
    display: block;
    color: #102b42;
    font-size: 14px;
    font-weight: 900;
}

.gh-payments-empty span {
    display: block;
    margin-top: 6px;
    color: #99a3ac;
    font-size: 10px;
}

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

.gh-payments-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    padding: 15px 20px;
    border-top: 1px solid #edf0f2;
}

.gh-pagination-button {
    width: 31px;
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e5e8;
    border-radius: 7px;
    background: #ffffff;
    color: #687783 !important;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 800;
}

.gh-pagination-button:hover,
.gh-pagination-button.active {
    border-color: #8c0f73;
    background: #8c0f73;
    color: #ffffff !important;
}