/* =========================================
TRUE WORSHIPERS
ADMIN DASHBOARD
========================================= */

.admin-header {

display: flex;

align-items: center;

justify-content: space-between;

padding: 20px 30px;

border-bottom: 1px solid rgba(212,175,55,0.3);

}

.admin-logo {

font-family: 'Cinzel', serif;

font-size: 22px;

font-weight: 700;

color: #d4af37;

}

.admin-logo span {

color: white;

}

.logout-btn {

padding: 10px 18px;

background: transparent;

border: 1px solid #d4af37;

color: #d4af37;

border-radius: 5px;

cursor: pointer;

font-weight: 600;

}

.logout-btn:hover {

background: #d4af37;

color: black;

}

.admin-dashboard {

max-width: 1100px;

margin: auto;

padding: 50px 20px;

}

.admin-title {

text-align: center;

margin-bottom: 40px;

}

.admin-title h1 {

font-family: 'Cinzel', serif;

color: #d4af37;

}

.member-stat {

text-align: center;

padding: 30px;

margin-bottom: 40px;

border: 1px solid rgba(212,175,55,0.3);

border-radius: 10px;

}

.member-stat span {

display: block;

font-size: 48px;

font-weight: 700;

color: #d4af37;

}

.member-stat p {

margin-top: 5px;

letter-spacing: 2px;

}

.members-section h2 {

color: #d4af37;

font-family: 'Cinzel', serif;

}

.members-list {

display: grid;

grid-template-columns:
    repeat(auto-fit, minmax(260px, 1fr));

gap: 20px;

margin-top: 25px;

}

.member-card {

padding: 22px;

border: 1px solid rgba(212,175,55,0.3);

border-radius: 10px;

background: rgba(255,255,255,0.03);

}

.member-card h3 {

color: #d4af37;

margin-bottom: 10px;

}

.member-card p {

margin: 6px 0;

word-break: break-word;

}

.member-card strong {

color: #d4af37;

}

@media (max-width: 600px) {

.admin-header {

    padding: 15px;

}

.admin-logo {

    font-size: 16px;

}

.admin-dashboard {

    padding: 35px 15px;

}

}