/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-6c2qailq29] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-6c2qailq29] {
    flex: 1;
    margin-top: 0;
}

.top-navbar[b-6c2qailq29] {
    position: sticky;
    top: 0;
    z-index: 1040;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.content[b-6c2qailq29] {
    padding-top: 1.5rem !important;
}

@media (max-width: 991.98px) {
    .content[b-6c2qailq29] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media (min-width: 992px) {
    .content[b-6c2qailq29] {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

#blazor-error-ui[b-6c2qailq29] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-6c2qailq29] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Top Navigation Bar Styles */
.navbar[b-3dtiizn1r9] {
    padding: 0.75rem 1rem;
}

.navbar-brand[b-3dtiizn1r9] {
    font-weight: 600;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
}

.navbar-brand .bi[b-3dtiizn1r9] {
    font-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
}

.nav-link[b-3dtiizn1r9] {
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    border-radius: 0.25rem;
    margin: 0 0.25rem;
    color: rgba(255, 255, 255, 0.9) !important;
    cursor: pointer;
}

.nav-link:hover[b-3dtiizn1r9] {
    background-color: rgba(255, 255, 255, 0.1);
    color: white !important;
}

.nav-link.active[b-3dtiizn1r9] {
    background-color: rgba(255, 255, 255, 0.2);
    font-weight: 600;
    color: white !important;
}

.nav-link .bi[b-3dtiizn1r9] {
    width: 1.1rem;
    height: 1.1rem;
    margin-right: 0.5rem;
    top: 0;
}

.dropdown-toggle[b-3dtiizn1r9] {
    cursor: pointer;
}

.dropdown[b-3dtiizn1r9] {
    position: relative;
}

.dropdown-menu[b-3dtiizn1r9] {
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 0.375rem;
    margin-top: 0.5rem;
    animation: dropdownSlide-b-3dtiizn1r9 0.3s ease-out;
    min-width: 200px;
    display: none;
    position: absolute;
    z-index: 1050;
    background-color: #fff;
    padding: 0.5rem 0;
}

.dropdown-menu.show[b-3dtiizn1r9] {
    display: block;
}

@keyframes dropdownSlide-b-3dtiizn1r9 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dropdown-item[b-3dtiizn1r9] {
    padding: 0.75rem 1.25rem;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
    color: #212529;
    text-decoration: none;
    cursor: pointer;
}

.dropdown-item:hover[b-3dtiizn1r9] {
    background-color: #f8f9fa;
    color: #0d6efd;
    padding-left: 1.5rem;
}

.dropdown-item.active[b-3dtiizn1r9] {
    background-color: #0d6efd;
    color: white;
}

.dropdown-item .bi[b-3dtiizn1r9] {
    font-size: 1.1rem;
    width: 1.1rem;
    height: 1.1rem;
    margin-right: 0.5rem;
    top: 0;
}

.navbar-text[b-3dtiizn1r9] {
    font-size: 0.95rem;
}

.navbar-text .bi[b-3dtiizn1r9] {
    font-size: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
    top: 0;
}

/* Bootstrap Icon Styles for Navbar */
.bi-house-door-fill[b-3dtiizn1r9],
.bi-globe[b-3dtiizn1r9],
.bi-building[b-3dtiizn1r9],
.bi-map[b-3dtiizn1r9],
.bi-compass[b-3dtiizn1r9],
.bi-person-circle[b-3dtiizn1r9],
.bi-graph-up-arrow[b-3dtiizn1r9] {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Mobile Responsive */
@media (max-width: 991.98px) {
    .navbar-collapse[b-3dtiizn1r9] {
        margin-top: 1rem;
    }

    .nav-link[b-3dtiizn1r9] {
        margin: 0.25rem 0;
    }

    .dropdown-menu[b-3dtiizn1r9] {
        border: 1px solid rgba(0, 0, 0, 0.1);
        margin-top: 0.25rem;
        margin-left: 1rem;
        position: static;
    }

    .navbar-text[b-3dtiizn1r9] {
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .navbar-toggler[b-3dtiizn1r9] {
        border-color: rgba(255, 255, 255, 0.5);
    }
}

/* Desktop Responsive */
@media (min-width: 992px) {
    .navbar-nav[b-3dtiizn1r9] {
        gap: 0.5rem;
    }

    .dropdown-menu[b-3dtiizn1r9] {
        left: 0;
        top: 100%;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-o8ar801g7e],
.components-reconnect-repeated-attempt-visible[b-o8ar801g7e],
.components-reconnect-failed-visible[b-o8ar801g7e],
.components-pause-visible[b-o8ar801g7e],
.components-resume-failed-visible[b-o8ar801g7e],
.components-rejoining-animation[b-o8ar801g7e] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-o8ar801g7e],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-o8ar801g7e],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-o8ar801g7e],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-o8ar801g7e],
#components-reconnect-modal.components-reconnect-retrying[b-o8ar801g7e],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-o8ar801g7e],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-o8ar801g7e],
#components-reconnect-modal.components-reconnect-failed[b-o8ar801g7e],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-o8ar801g7e] {
    display: block;
}


#components-reconnect-modal[b-o8ar801g7e] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-o8ar801g7e 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-o8ar801g7e 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-o8ar801g7e 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-o8ar801g7e]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-o8ar801g7e 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-o8ar801g7e {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-o8ar801g7e {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-o8ar801g7e {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-o8ar801g7e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-o8ar801g7e] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-o8ar801g7e] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-o8ar801g7e] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-o8ar801g7e] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-o8ar801g7e] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-o8ar801g7e] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-o8ar801g7e 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-o8ar801g7e] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-o8ar801g7e {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AccountActivate.razor.rz.scp.css */
/* AccountActivate.razor.css */

/* ── Page shell ──────────────────────────────────────────────────────── */
.activate-page[b-qwe1h8q25j] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 16px 60px;
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    position: relative;
    overflow: hidden;
}

/* ── Subtle court pattern (light) ───────────────────────────────────── */
.court-bg[b-qwe1h8q25j] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.court-line[b-qwe1h8q25j] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(255, 255, 255, 0.12);
}

.court-line--left[b-qwe1h8q25j]  { left: 20%; }
.court-line--right[b-qwe1h8q25j] { right: 20%; }

.court-net[b-qwe1h8q25j] {
    position: absolute;
    top: 50%;
    left: 20%;
    right: 20%;
    height: 1px;
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-50%);
}

.court-net[b-qwe1h8q25j]::before {
    content: '';
    position: absolute;
    inset: -60px 0;
    background: repeating-linear-gradient(
        90deg,
        transparent, transparent 20px,
        rgba(255, 255, 255, 0.05) 20px,
        rgba(255, 255, 255, 0.05) 21px
    );
}

/* Corner arc decorations — matches Register's login-brand-section::before */
.court-bg[b-qwe1h8q25j]::before,
.court-bg[b-qwe1h8q25j]::after {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
    pointer-events: none;
}

.court-bg[b-qwe1h8q25j]::before {
    top: -50%;
    right: -20%;
}

.court-bg[b-qwe1h8q25j]::after {
    bottom: -50%;
    left: -20%;
}

/* ── Wrapper ─────────────────────────────────────────────────────────── */
.activate-wrapper[b-qwe1h8q25j] {
    width: 100%;
    max-width: 480px;
    position: relative;
    z-index: 1;
}

/* ── Brand header ────────────────────────────────────────────────────── */
.activate-brand[b-qwe1h8q25j] {
    text-align: center;
    margin-bottom: 8px;
}

.activate-logo-wrap[b-qwe1h8q25j] {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: float-b-qwe1h8q25j 3s ease-in-out infinite;
}

.activate-logo[b-qwe1h8q25j] {
    width: 120px;
    height: 120px;
    object-fit: contain;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3));
}

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

/* ── Card base ───────────────────────────────────────────────────────── */
.activate-card[b-qwe1h8q25j] {
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.04), 0 20px 50px rgba(30,136,229,0.1);
    border: 1px solid rgba(30, 136, 229, 0.1);
    padding: 40px 36px;
}

@media (max-width: 480px) {
    .activate-card[b-qwe1h8q25j] { padding: 28px 20px; }
}

/* ── Card hero ───────────────────────────────────────────────────────── */
.card-hero[b-qwe1h8q25j] {
    text-align: center;
    margin-bottom: 28px;
}

.card-hero-icon[b-qwe1h8q25j] {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 12px;
    display: block;
    animation: floatShuttle-b-qwe1h8q25j 3s ease-in-out infinite;
}

@keyframes floatShuttle-b-qwe1h8q25j {
    0%, 100% { transform: translateY(0) rotate(-5deg); }
    50%       { transform: translateY(-7px) rotate(4deg); }
}

.card-heading[b-qwe1h8q25j] {
    font-size: 24px;
    font-weight: 800;
    color: #0d2447;
    margin: 0 0 6px 0;
    letter-spacing: -0.3px;
}

.card-subheading[b-qwe1h8q25j] {
    font-size: 14px;
    color: #607d8b;
    line-height: 1.6;
    margin: 0;
}

.card-body-text[b-qwe1h8q25j] {
    font-size: 14px;
    color: #607d8b;
    line-height: 1.7;
    margin: 0 0 10px 0;
    text-align: center;
}

/* ── Referrer card ───────────────────────────────────────────────────── */
.referrer-card[b-qwe1h8q25j] {
    background: #ffffff;
    border: 1px solid rgba(30, 136, 229, 0.18);
    border-radius: 16px;
    margin-bottom: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(30,136,229,0.08);
}

.referrer-card-glow[b-qwe1h8q25j] { display: none; }

.referrer-badge[b-qwe1h8q25j] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #1565c0, #1e88e5);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 6px 16px;
}

.referrer-body[b-qwe1h8q25j] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
}

.referrer-avatar-ring[b-qwe1h8q25j] {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e88e5, #42a5f5);
    padding: 3px;
}

.referrer-avatar[b-qwe1h8q25j] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    background: #e3f2fd;
}

.referrer-avatar-initial[b-qwe1h8q25j] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #e3f2fd;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 800;
    color: #1565c0;
}

.referrer-info[b-qwe1h8q25j] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.referrer-name[b-qwe1h8q25j] {
    font-size: 16px;
    font-weight: 700;
    color: #0d2447;
}

.referrer-sub[b-qwe1h8q25j] {
    font-size: 13px;
    color: #607d8b;
}

.referrer-rank[b-qwe1h8q25j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, rgba(255,193,7,0.12), rgba(255,152,0,0.08));
    border: 1px solid rgba(255,193,7,0.3);
    border-radius: 20px;
    padding: 3px 10px;
    margin-top: 4px;
}

.referrer-rank-trophy[b-qwe1h8q25j] { font-size: 13px; }

.referrer-rank-label[b-qwe1h8q25j] {
    font-size: 12px;
    color: #e65100;
    font-weight: 700;
}

.referrer-rank-score[b-qwe1h8q25j] {
    font-size: 11px;
    color: #90a4ae;
}

.referrer-rank-unranked[b-qwe1h8q25j] {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    color: #90a4ae;
    margin-top: 4px;
}

/* ── Form fields ─────────────────────────────────────────────────────── */
.form-group[b-qwe1h8q25j] { margin-bottom: 20px; }

.form-label[b-qwe1h8q25j] {
    font-size: 13px;
    font-weight: 600;
    color: #37474f;
    margin-bottom: 6px;
    display: block;
}

.form-control:focus[b-qwe1h8q25j] {
    border-color: #1e88e5;
    box-shadow: 0 0 0 3px rgba(30, 136, 229, 0.12);
}

.validation-message[b-qwe1h8q25j] {
    color: #e53935;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

.code-input[b-qwe1h8q25j] {
    font-family: 'Courier New', monospace;
    letter-spacing: 2px;
    background: #f8fafc;
    color: #546e7a;
}

/* ── Password wrapper ────────────────────────────────────────────────── */
.password-input-wrapper[b-qwe1h8q25j] { position: relative; }
.password-input-wrapper .form-control[b-qwe1h8q25j] { padding-right: 48px; }

.password-toggle[b-qwe1h8q25j] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #90a4ae;
    cursor: pointer;
    padding: 4px 6px;
    font-size: 18px;
    line-height: 1;
    transition: color 0.2s;
}

.password-toggle:hover[b-qwe1h8q25j] { color: #1e88e5; }

/* ── Password strength meter ─────────────────────────────────────────── */
.strength-meter[b-qwe1h8q25j] {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.strength-track[b-qwe1h8q25j] {
    height: 4px;
    background: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
}

.strength-fill[b-qwe1h8q25j] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease, background-color 0.3s ease;
}

.strength-weak   .strength-fill[b-qwe1h8q25j] { background: #e53935; }
.strength-fair   .strength-fill[b-qwe1h8q25j] { background: #fb8c00; }
.strength-strong .strength-fill[b-qwe1h8q25j] { background: #43a047; }
.strength-great  .strength-fill[b-qwe1h8q25j] { background: #1e88e5; }

.strength-label[b-qwe1h8q25j] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.strength-weak   .strength-label[b-qwe1h8q25j] { color: #e53935; }
.strength-fair   .strength-label[b-qwe1h8q25j] { color: #fb8c00; }
.strength-strong .strength-label[b-qwe1h8q25j] { color: #43a047; }
.strength-great  .strength-label[b-qwe1h8q25j] { color: #1e88e5; }

.strength-hints[b-qwe1h8q25j] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.hint-pill[b-qwe1h8q25j] {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 20px;
    border: 1px solid;
    transition: all 0.2s;
}

.hint-pill.met[b-qwe1h8q25j] {
    background: rgba(67, 160, 71, 0.1);
    border-color: #43a047;
    color: #2e7d32;
}

.hint-pill.unmet[b-qwe1h8q25j] {
    background: #fafafa;
    border-color: #e0e0e0;
    color: #9e9e9e;
}

/* ── Smash button ────────────────────────────────────────────────────── */
.btn-smash[b-qwe1h8q25j] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    color: #ffffff;
    border: none;
    border-radius: 14px;
    padding: 15px 32px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(30, 136, 229, 0.35);
    transition: transform 0.15s, box-shadow 0.15s;
    letter-spacing: 0.2px;
    width: 100%;
    margin-top: 8px;
}

.btn-smash:hover:not(:disabled)[b-qwe1h8q25j] {
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(30, 136, 229, 0.45);
}

.btn-smash:active:not(:disabled)[b-qwe1h8q25j] {
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(30, 136, 229, 0.3);
}

.btn-smash:disabled[b-qwe1h8q25j] { opacity: 0.55; cursor: not-allowed; }
.btn-smash-icon[b-qwe1h8q25j] { font-size: 20px; }

/* ── Perks strip ─────────────────────────────────────────────────────── */
.perks-strip[b-qwe1h8q25j] {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #f0f4f8;
}

.perk[b-qwe1h8q25j] {
    font-size: 12px;
    color: #90a4ae;
    font-weight: 600;
}

/* ── Invalid card ────────────────────────────────────────────────────── */
.invalid-card[b-qwe1h8q25j] { text-align: center; }

.invalid-icon-wrap[b-qwe1h8q25j] { margin-bottom: 16px; }
.invalid-icon-wrap i[b-qwe1h8q25j] { font-size: 56px; color: #e53935; }

/* ── Success card ────────────────────────────────────────────────────── */
.success-burst[b-qwe1h8q25j] {
    font-size: 64px;
    line-height: 1;
    margin-bottom: 4px;
    display: block;
    animation: burstIn-b-qwe1h8q25j 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes burstIn-b-qwe1h8q25j {
    0%   { transform: scale(0) rotate(-30deg); opacity: 0; }
    100% { transform: scale(1) rotate(0); opacity: 1; }
}

.success-check[b-qwe1h8q25j] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #43a047, #66bb6a);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 4px;
    box-shadow: 0 6px 20px rgba(67, 160, 71, 0.3);
}

.success-check i[b-qwe1h8q25j] { font-size: 28px; color: white; }

.success-referrer[b-qwe1h8q25j] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f0f7ff;
    border: 1px solid #bbdefb;
    border-radius: 40px;
    padding: 8px 16px;
    margin-top: 20px;
}

.success-referrer-label[b-qwe1h8q25j] {
    font-size: 12px;
    color: #607d8b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.success-referrer-avatar[b-qwe1h8q25j] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #1e88e5;
}

.success-referrer-initial[b-qwe1h8q25j] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1e88e5;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
}

.success-referrer-name[b-qwe1h8q25j] {
    font-size: 14px;
    font-weight: 700;
    color: #0d2447;
}

/* ── Loading state ───────────────────────────────────────────────────── */
.shuttle-spin[b-qwe1h8q25j] {
    font-size: 44px;
    display: inline-block;
    animation: shuttleSpin-b-qwe1h8q25j 1s linear infinite;
}

@keyframes shuttleSpin-b-qwe1h8q25j {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* ── Misc ────────────────────────────────────────────────────────────── */
.text-link[b-qwe1h8q25j] {
    color: #1e88e5;
    font-weight: 600;
    text-decoration: none;
}

.text-link:hover[b-qwe1h8q25j] { text-decoration: underline; }

.fade-in[b-qwe1h8q25j] {
    animation: fadeInUp-b-qwe1h8q25j 0.4s ease-out;
}

@keyframes fadeInUp-b-qwe1h8q25j {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

    min-height: 100vh;
    background: linear-gradient(160deg, #0a1628 0%, #0d2447 45%, #0f3060 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    position: relative;
    overflow: hidden;[b-qwe1h8q25j]
}

/* ── Court background decoration ────────────────────────────────────── */
.court-bg[b-qwe1h8q25j] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.court-line[b-qwe1h8q25j] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: rgba(30, 136, 229, 0.12);
}

.court-line--left[b-qwe1h8q25j]  { left: 15%; }
.court-line--right[b-qwe1h8q25j] { right: 15%; }

.court-net[b-qwe1h8q25j] {
    position: absolute;
    top: 50%;
    left: 15%;
    right: 15%;
    height: 2px;
    background: rgba(30, 136, 229, 0.18);
    transform: translateY(-50%);
}

.court-net[b-qwe1h8q25j]::before {
    content: '';
    position: absolute;
    inset: -48px 0;
    background: repeating-linear-gradient(
        90deg,
        transparent,
        transparent 18px,
        rgba(30, 136, 229, 0.08) 18px,
        rgba(30, 136, 229, 0.08) 20px
    );
}

/* ── Wrapper ─────────────────────────────────────────────────────────── */
.activate-wrapper[b-qwe1h8q25j] {
    width: 100%;
    max-width: 480px;
    position: relative;
    z-index: 1;
}

/* ── Brand header ────────────────────────────────────────────────────── */
.activate-brand[b-qwe1h8q25j] {
    text-align: center;
    margin-bottom: 24px;
}

.activate-brand .brand-link[b-qwe1h8q25j] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.brand-shuttle[b-qwe1h8q25j] {
    width: 40px;
    height: 40px;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(30, 136, 229, 0.5));
}

.activate-brand .brand-name[b-qwe1h8q25j] {
    font-size: 22px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.3px;
}

/* ── Card base ───────────────────────────────────────────────────────── */
.activate-card[b-qwe1h8q25j] {
    background: rgba(255, 255, 255, 0.97);
    border-radius: 20px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(30, 136, 229, 0.15);
    padding: 40px 36px;
    backdrop-filter: blur(12px);
}

@media (max-width: 480px) {
    .activate-card[b-qwe1h8q25j] { padding: 28px 20px; }
}

/* ── Card hero (icon + heading) ──────────────────────────────────────── */
.card-hero[b-qwe1h8q25j] {
    text-align: center;
    margin-bottom: 28px;
}

.card-hero-icon[b-qwe1h8q25j] {
    font-size: 52px;
    line-height: 1;
    margin-bottom: 12px;
    animation: floatShuttle-b-qwe1h8q25j 3s ease-in-out infinite;
}

@keyframes floatShuttle-b-qwe1h8q25j {
    0%, 100% { transform: translateY(0) rotate(-5deg); }
    50%       { transform: translateY(-8px) rotate(5deg); }
}

.card-heading[b-qwe1h8q25j] {
    font-size: 24px;
    font-weight: 800;
    color: #0d2447;
    margin: 0 0 6px 0;
    letter-spacing: -0.3px;
}

.card-subheading[b-qwe1h8q25j] {
    font-size: 14px;
    color: #607d8b;
    line-height: 1.6;
    margin: 0;
}

.card-body-text[b-qwe1h8q25j] {
    font-size: 14px;
    color: #607d8b;
    line-height: 1.7;
    margin: 0 0 10px 0;
    text-align: center;
}

/* ── Referrer card ───────────────────────────────────────────────────── */
.referrer-card[b-qwe1h8q25j] {
    position: relative;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(30, 136, 229, 0.35);
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 16px;
    overflow: hidden;
}

.referrer-card-glow[b-qwe1h8q25j] {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 160px;
    height: 160px;
    background: radial-gradient(circle, rgba(30, 136, 229, 0.25) 0%, transparent 70%);
    pointer-events: none;
}

.referrer-badge[b-qwe1h8q25j] {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #ffd600, #ffab00);
    color: #0d2447;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.referrer-body[b-qwe1h8q25j] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.referrer-avatar-ring[b-qwe1h8q25j] {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e88e5, #42a5f5);
    padding: 3px;
    box-shadow: 0 0 16px rgba(30, 136, 229, 0.4);
}

.referrer-avatar[b-qwe1h8q25j] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    background: #0d2447;
}

.referrer-avatar-initial[b-qwe1h8q25j] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #0d2447;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 800;
    color: #42a5f5;
}

.referrer-info[b-qwe1h8q25j] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.referrer-name[b-qwe1h8q25j] {
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
}

.referrer-sub[b-qwe1h8q25j] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65);
}

.referrer-rank[b-qwe1h8q25j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 214, 0, 0.12);
    border: 1px solid rgba(255, 214, 0, 0.3);
    border-radius: 20px;
    padding: 3px 10px;
    margin-top: 4px;
}

.referrer-rank-trophy[b-qwe1h8q25j] { font-size: 13px; }

.referrer-rank-label[b-qwe1h8q25j] {
    font-size: 12px;
    color: #ffd600;
    font-weight: 600;
}

.referrer-rank-score[b-qwe1h8q25j] {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
}

.referrer-rank-unranked[b-qwe1h8q25j] {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    margin-top: 4px;
}

/* ── Form fields ─────────────────────────────────────────────────────── */
.form-group[b-qwe1h8q25j] { margin-bottom: 20px; }

.form-label[b-qwe1h8q25j] {
    font-size: 13px;
    font-weight: 600;
    color: #37474f;
    margin-bottom: 6px;
    display: block;
}

.form-control:focus[b-qwe1h8q25j] {
    border-color: #1e88e5;
    box-shadow: 0 0 0 3px rgba(30, 136, 229, 0.15);
}

.validation-message[b-qwe1h8q25j] {
    color: #e53935;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

.code-input[b-qwe1h8q25j] {
    font-family: 'Courier New', monospace;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* ── Password wrapper ────────────────────────────────────────────────── */
.password-input-wrapper[b-qwe1h8q25j] { position: relative; }

.password-input-wrapper .form-control[b-qwe1h8q25j] { padding-right: 48px; }

.password-toggle[b-qwe1h8q25j] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #90a4ae;
    cursor: pointer;
    padding: 4px 6px;
    font-size: 18px;
    line-height: 1;
    transition: color 0.2s;
}

.password-toggle:hover[b-qwe1h8q25j] { color: #1e88e5; }

/* ── Smash button ────────────────────────────────────────────────────── */
.btn-smash[b-qwe1h8q25j] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    color: #ffffff;
    border: none;
    border-radius: 14px;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(30, 136, 229, 0.45);
    transition: transform 0.15s, box-shadow 0.15s;
    letter-spacing: 0.2px;
}

.btn-smash:hover:not(:disabled)[b-qwe1h8q25j] {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(30, 136, 229, 0.55);
}

.btn-smash:active:not(:disabled)[b-qwe1h8q25j] {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.35);
}

.btn-smash:disabled[b-qwe1h8q25j] {
    opacity: 0.55;
    cursor: not-allowed;
}

.btn-smash-icon[b-qwe1h8q25j] { font-size: 20px; }

/* ── Perks strip ─────────────────────────────────────────────────────── */
.perks-strip[b-qwe1h8q25j] {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #f0f4f8;
}

.perk[b-qwe1h8q25j] {
    font-size: 12px;
    color: #90a4ae;
    font-weight: 600;
}

/* ── Invalid card ────────────────────────────────────────────────────── */
.invalid-card[b-qwe1h8q25j] {
    text-align: center;
}

.invalid-icon-wrap[b-qwe1h8q25j] {
    margin-bottom: 16px;
}

.invalid-icon-wrap i[b-qwe1h8q25j] {
    font-size: 56px;
    color: #e53935;
}

/* ── Success card ────────────────────────────────────────────────────── */
.success-card[b-qwe1h8q25j] { overflow: hidden; }

.success-burst[b-qwe1h8q25j] {
    font-size: 72px;
    line-height: 1;
    margin-bottom: 4px;
    animation: burstIn-b-qwe1h8q25j 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: block;
}

@keyframes burstIn-b-qwe1h8q25j {
    0%   { transform: scale(0) rotate(-30deg); opacity: 0; }
    100% { transform: scale(1) rotate(0); opacity: 1; }
}

.success-check[b-qwe1h8q25j] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #43a047, #66bb6a);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 4px;
    box-shadow: 0 8px 24px rgba(67, 160, 71, 0.35);
}

.success-check i[b-qwe1h8q25j] {
    font-size: 30px;
    color: white;
    font-weight: 900;
}

.success-referrer[b-qwe1h8q25j] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f0f7ff;
    border: 1px solid #bbdefb;
    border-radius: 40px;
    padding: 8px 16px;
    margin-top: 20px;
}

.success-referrer-label[b-qwe1h8q25j] {
    font-size: 12px;
    color: #607d8b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.success-referrer-avatar[b-qwe1h8q25j] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #1e88e5;
}

.success-referrer-initial[b-qwe1h8q25j] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #1e88e5;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}

.success-referrer-name[b-qwe1h8q25j] {
    font-size: 14px;
    font-weight: 700;
    color: #0d2447;
}

/* ── Loading spinner shuttle ─────────────────────────────────────────── */
.shuttle-spin[b-qwe1h8q25j] {
    font-size: 48px;
    display: inline-block;
    animation: shuttleSpin-b-qwe1h8q25j 1s linear infinite;
}

@keyframes shuttleSpin-b-qwe1h8q25j {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* ── Misc ────────────────────────────────────────────────────────────── */
.text-link[b-qwe1h8q25j] {
    color: #1e88e5;
    font-weight: 600;
    text-decoration: none;
}

.text-link:hover[b-qwe1h8q25j] { text-decoration: underline; }

.fade-in[b-qwe1h8q25j] {
    animation: fadeInUp-b-qwe1h8q25j 0.45s ease-out;
}

@keyframes fadeInUp-b-qwe1h8q25j {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* /Components/Pages/Admin/AddAttendance.razor.rz.scp.css */
/* AddAttendance.razor - Scoped Styles */

/* Page Title */
.page-title[b-a9bk8e0wdh] {
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
}

/* Stat Cards */
.stat-card[b-a9bk8e0wdh] {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.stat-card:hover[b-a9bk8e0wdh] {
    transform: translateY(-5px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
}

.stat-icon[b-a9bk8e0wdh] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    color: white;
}

.bg-sport-primary[b-a9bk8e0wdh] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
}

.stat-content[b-a9bk8e0wdh] {
    flex: 1;
}

.stat-value[b-a9bk8e0wdh] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-label[b-a9bk8e0wdh] {
    font-size: 0.875rem;
    color: var(--badminton-gray);
    font-weight: 600;
}

/* Card Styles */
.card-sport[b-a9bk8e0wdh] {
    border-left: 4px solid var(--badminton-primary);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    transition: all 0.3s ease;
}

.card-sport:hover[b-a9bk8e0wdh] {
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
}

/* Form Controls */
.form-control:focus[b-a9bk8e0wdh],
.form-select:focus[b-a9bk8e0wdh] {
    border-color: var(--badminton-primary);
    box-shadow: 0 0 0 0.2rem rgba(30, 136, 229, 0.25);
}

.input-group-text[b-a9bk8e0wdh] {
    background: var(--gradient-primary);
    color: white;
    border: 2px solid var(--badminton-primary);
    font-weight: 700;
}

/* Member List */
.member-list[b-a9bk8e0wdh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 600px;
    overflow-y: auto;
    padding: 0.5rem;
}

.member-item[b-a9bk8e0wdh] {
    padding: 1rem;
    border: 2px solid var(--badminton-gray-light);
    border-radius: 12px;
    transition: all 0.3s ease;
    background: white;
}

.member-item:hover[b-a9bk8e0wdh] {
    border-color: var(--badminton-primary);
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(21, 101, 192, 0.05) 100%);
    transform: translateX(5px);
}

.member-item.selected[b-a9bk8e0wdh] {
    border-color: var(--badminton-primary);
    border-width: 3px;
    background: linear-gradient(135deg, rgba(67, 160, 71, 0.1) 0%, rgba(46, 125, 50, 0.1) 100%);
    box-shadow: 0 4px 8px rgba(67, 160, 71, 0.2);
}

.member-item.group-member[b-a9bk8e0wdh] {
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.03) 0%, rgba(255, 152, 0, 0.03) 100%);
    border-left: 3px solid #ffc107;
}

.member-item.group-member.selected[b-a9bk8e0wdh] {
    background: linear-gradient(135deg, rgba(67, 160, 71, 0.1) 0%, rgba(46, 125, 50, 0.1) 100%);
}

/* Member Avatar */
.member-avatar[b-a9bk8e0wdh] {
    font-size: 2.5rem;
    color: var(--badminton-primary);
}

.member-name[b-a9bk8e0wdh] {
    font-weight: 700;
    color: var(--badminton-dark);
    font-size: 1rem;
}

.fee-display[b-a9bk8e0wdh] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--badminton-primary);
}

/* Summary Panel */
.summary-item[b-a9bk8e0wdh] {
    padding: 1rem;
    border-bottom: 1px solid var(--badminton-gray-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.summary-item:last-of-type[b-a9bk8e0wdh] {
    border-bottom: none;
}

.summary-item-total[b-a9bk8e0wdh] {
    padding: 1.5rem 1rem;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(21, 101, 192, 0.1) 100%);
    border-radius: 12px;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.summary-label[b-a9bk8e0wdh] {
    font-weight: 600;
    color: var(--badminton-gray);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.summary-value[b-a9bk8e0wdh] {
    font-weight: 700;
    color: var(--badminton-dark);
    font-size: 1rem;
}

.summary-value-total[b-a9bk8e0wdh] {
    font-weight: 800;
    color: var(--badminton-primary);
    font-size: 1.75rem;
}

/* Tips List */
.tips-list[b-a9bk8e0wdh] {
    list-style: none;
    padding-left: 0;
}

.tips-list li[b-a9bk8e0wdh] {
    padding: 0.75rem 0;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    align-items: start;
    gap: 0.75rem;
}

.tips-list li:last-child[b-a9bk8e0wdh] {
    border-bottom: none;
}

.tips-list i[b-a9bk8e0wdh] {
    font-size: 1.125rem;
    margin-top: 0.125rem;
}

/* Animations */
.slide-in[b-a9bk8e0wdh] {
    animation: slideIn-b-a9bk8e0wdh 0.5s ease-out;
}

@keyframes slideIn-b-a9bk8e0wdh {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Page header */
.page-header[b-a9bk8e0wdh] {
    margin-bottom: 2rem;
}

/* Member selection card - transition effect */
.member-card[b-a9bk8e0wdh] {
    transition: all 0.3s ease;
    cursor: pointer;
    border: 2px solid transparent;
}

.member-card:hover[b-a9bk8e0wdh] {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
    border-color: var(--badminton-primary);
}

.member-card.selected[b-a9bk8e0wdh] {
    border-color: var(--badminton-primary);
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(30, 136, 229, 0.1) 100%);
}

/* Date picker */
.date-picker-container[b-a9bk8e0wdh] {
    max-width: 300px;
}

/* Action buttons */
.action-buttons[b-a9bk8e0wdh] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

/* Loading overlay */
.loading-overlay[b-a9bk8e0wdh] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Search box */
.search-box[b-a9bk8e0wdh] {
    position: relative;
}

.search-box input[b-a9bk8e0wdh] {
    padding-left: 2.5rem;
}

.search-icon[b-a9bk8e0wdh] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--badminton-gray);
}

/* Badge counter */
.badge-counter[b-a9bk8e0wdh] {
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
}

/* Responsive */
@media (max-width: 768px) {
    .page-title[b-a9bk8e0wdh] {
        font-size: 1.75rem;
    }

    .stat-card[b-a9bk8e0wdh] {
        padding: 1rem;
    }

    .stat-icon[b-a9bk8e0wdh] {
        width: 48px;
        height: 48px;
        font-size: 1.5rem;
    }

    .stat-value[b-a9bk8e0wdh] {
        font-size: 1.5rem;
    }

    .member-avatar[b-a9bk8e0wdh] {
        font-size: 2rem;
    }

    .member-card[b-a9bk8e0wdh] {
        margin-bottom: 1rem;
    }
    
    .action-buttons[b-a9bk8e0wdh] {
        flex-direction: column;
    }
    
    .action-buttons button[b-a9bk8e0wdh] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AddContact.razor.rz.scp.css */
/* AddContact.razor - Scoped Styles */

/* Page Title */
.page-title[b-s2kazug9ho] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
}

/* Preview Styles */
.contact-preview[b-s2kazug9ho] {
    text-align: center;
    padding: 1.5rem 0;
}

.preview-avatar[b-s2kazug9ho] {
    font-size: 5rem;
    color: var(--badminton-primary);
    margin-bottom: 1rem;
}

.preview-name[b-s2kazug9ho] {
    font-weight: 700;
    color: var(--badminton-dark);
    margin-bottom: 1.5rem;
}

.preview-details[b-s2kazug9ho] {
    text-align: left;
}

.preview-item[b-s2kazug9ho] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--badminton-gray-light);
}

.preview-item:last-child[b-s2kazug9ho] {
    border-bottom: none;
}

.preview-item i[b-s2kazug9ho] {
    font-size: 1.25rem;
    width: 24px;
}

.preview-item span[b-s2kazug9ho] {
    flex: 1;
    color: var(--badminton-gray);
}

/* Buddy Search Styles */
.buddy-search-container[b-s2kazug9ho] {
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid #dee2e6;
}

.search-results[b-s2kazug9ho] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid var(--badminton-gray-light);
    border-radius: 8px;
    background: white;
}

.member-result-item[b-s2kazug9ho] {
    padding: 1rem;
    border-bottom: 1px solid var(--badminton-gray-light);
    cursor: pointer;
    transition: all 0.3s ease;
}

.member-result-item:last-child[b-s2kazug9ho] {
    border-bottom: none;
}

.member-result-item:hover[b-s2kazug9ho] {
    background: #f8f9fa;
}

.member-result-item.selected[b-s2kazug9ho] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(21, 101, 192, 0.1) 100%);
    border-left: 4px solid var(--badminton-primary);
}

.member-avatar[b-s2kazug9ho] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: var(--badminton-primary);
    margin-right: 1rem;
}

.member-name[b-s2kazug9ho] {
    font-weight: 600;
    color: var(--badminton-dark);
    margin-bottom: 0.25rem;
}

/* Help List */
.help-list[b-s2kazug9ho] {
    list-style: none;
    padding-left: 0;
}

.help-list li[b-s2kazug9ho] {
    display: flex;
    align-items: start;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--badminton-gray-light);
}

.help-list li:last-child[b-s2kazug9ho] {
    border-bottom: none;
}

.help-list i[b-s2kazug9ho] {
    font-size: 1.25rem;
    margin-top: 0.125rem;
}

/* Form Enhancements */
.form-label[b-s2kazug9ho] {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--badminton-dark);
}

.form-label i[b-s2kazug9ho] {
    font-size: 1rem;
}

.form-control:focus[b-s2kazug9ho],
.form-select:focus[b-s2kazug9ho] {
    border-color: var(--badminton-primary);
    box-shadow: 0 0 0 0.2rem rgba(30, 136, 229, 0.25);
}

.form-control.is-invalid[b-s2kazug9ho] {
    border-color: var(--badminton-danger);
}

.invalid-feedback[b-s2kazug9ho] {
    display: block;
    font-size: 0.875rem;
}

/* Form sections */
.form-section[b-s2kazug9ho] {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--badminton-gray-light);
}

.form-section:last-child[b-s2kazug9ho] {
    border-bottom: none;
}

.section-title[b-s2kazug9ho] {
    color: var(--badminton-primary);
    font-weight: 600;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Multi-input groups */
.multi-input-group[b-s2kazug9ho] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}

.multi-input-group .form-control[b-s2kazug9ho] {
    flex: 1;
}

.multi-input-group .btn[b-s2kazug9ho] {
    min-width: 40px;
}

/* Action buttons container */
.form-actions[b-s2kazug9ho] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--badminton-gray-light);
}

/* Icon in section title */
.section-title i[b-s2kazug9ho] {
    color: var(--badminton-primary);
}

/* Help text */
.form-text[b-s2kazug9ho] {
    color: var(--badminton-gray);
    font-size: 0.875rem;
}

/* Required indicator */
.required-field[b-s2kazug9ho]::after {
    content: ' *';
    color: var(--badminton-danger);
}

/* Responsive */
@media (max-width: 768px) {
    .form-actions[b-s2kazug9ho] {
        flex-direction: column-reverse;
    }
    
    .form-actions button[b-s2kazug9ho] {
        width: 100%;
    }
    
    .multi-input-group[b-s2kazug9ho] {
        flex-direction: column;
    }
    
    .multi-input-group .btn[b-s2kazug9ho] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/AddMember.razor.rz.scp.css */
/* AddMember.razor - Scoped Styles */

/* Stepper / Wizard styles */
.member-wizard[b-lb1w1bai75] {
    margin-bottom: 2rem;
}

.wizard-steps[b-lb1w1bai75] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    position: relative;
}

.wizard-steps[b-lb1w1bai75]::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--badminton-gray-light);
    z-index: -1;
}

.wizard-step[b-lb1w1bai75] {
    flex: 1;
    text-align: center;
    position: relative;
}

.wizard-step-circle[b-lb1w1bai75] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--badminton-gray-light);
    color: var(--badminton-gray);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-bottom: 0.5rem;
    transition: all 0.3s ease;
}

.wizard-step.active .wizard-step-circle[b-lb1w1bai75] {
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.wizard-step.completed .wizard-step-circle[b-lb1w1bai75] {
    background: linear-gradient(135deg, var(--badminton-success) 0%, #2e7d32 100%);
    color: white;
}

.wizard-step-label[b-lb1w1bai75] {
    font-size: 0.875rem;
    color: var(--badminton-gray);
}

.wizard-step.active .wizard-step-label[b-lb1w1bai75] {
    color: var(--badminton-primary);
    font-weight: 600;
}

/* Form groups */
.form-group[b-lb1w1bai75] {
    margin-bottom: 1.5rem;
}

/* Group member section */
.group-member-item[b-lb1w1bai75] {
    padding: 1rem;
    background: var(--badminton-gray-lighter);
    border-radius: 8px;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-member-btn[b-lb1w1bai75] {
    border: 2px dashed var(--badminton-primary);
    background: transparent;
    color: var(--badminton-primary);
    padding: 1rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.add-member-btn:hover[b-lb1w1bai75] {
    background: rgba(30, 136, 229, 0.05);
}

/* Summary section */
.member-summary[b-lb1w1bai75] {
    background: var(--badminton-gray-lighter);
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.summary-item[b-lb1w1bai75] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--badminton-gray-light);
}

.summary-item:last-child[b-lb1w1bai75] {
    border-bottom: none;
}

/* Navigation buttons */
.wizard-navigation[b-lb1w1bai75] {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}

/* Responsive */
@media (max-width: 768px) {
    .wizard-steps[b-lb1w1bai75] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .wizard-steps[b-lb1w1bai75]::before {
        display: none;
    }
    
    .wizard-step[b-lb1w1bai75] {
        display: flex;
        align-items: center;
        gap: 1rem;
        text-align: left;
    }
    
    .wizard-step-label[b-lb1w1bai75] {
        margin-bottom: 0;
    }
}


/* Extracted from inline styles */

    .page-title[b-lb1w1bai75] {
        font-size: 2.25rem;
        font-weight: 800;
        color: var(--badminton-dark);
        display: flex;
        align-items: center;
    }

    .stat-card[b-lb1w1bai75] {
        background: white;
        border-radius: 16px;
        padding: 1.5rem;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .stat-card:hover[b-lb1w1bai75] {
        transform: translateY(-5px);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
    }

    .stat-icon[b-lb1w1bai75] {
        width: 60px;
        height: 60px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.75rem;
        color: white;
    }

    .bg-sport-primary[b-lb1w1bai75] {
        background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    }

    .stat-content[b-lb1w1bai75] {
        flex: 1;
    }

    .stat-value[b-lb1w1bai75] {
        font-size: 2rem;
        font-weight: 800;
        color: var(--badminton-dark);
        line-height: 1;
        margin-bottom: 0.25rem;
    }

    .stat-label[b-lb1w1bai75] {
        font-size: 0.875rem;
        color: var(--badminton-gray);
        font-weight: 600;
    }

    .card-sport[b-lb1w1bai75] {
        border-left: 4px solid var(--badminton-primary);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
        border-radius: 16px;
        transition: all 0.3s ease;
    }

    .card-sport:hover[b-lb1w1bai75] {
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
    }

    .contact-list[b-lb1w1bai75] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        max-height: 600px;
        overflow-y: auto;
    }

    .contact-item[b-lb1w1bai75] {
        padding: 1.25rem;
        border: 2px solid var(--badminton-gray-light);
        border-radius: 12px;
        transition: all 0.3s ease;
        cursor: pointer;
        background: white;
    }

    .contact-item:hover[b-lb1w1bai75] {
        border-color: var(--badminton-primary);
        background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(21, 101, 192, 0.05) 100%);
        transform: translateX(5px);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .contact-item.selected[b-lb1w1bai75] {
        border-color: var(--badminton-primary);
        border-width: 3px;
        background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(21, 101, 192, 0.1) 100%);
        box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);
    }

    .contact-avatar[b-lb1w1bai75] {
        font-size: 3rem;
        color: var(--badminton-primary);
    }

    .contact-name[b-lb1w1bai75] {
        font-size: 1.125rem;
        font-weight: 700;
        color: var(--badminton-dark);
        margin-bottom: 0.25rem;
    }

    .contact-details[b-lb1w1bai75] {
        margin-bottom: 0.5rem;
    }

    .contact-meta[b-lb1w1bai75] {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .selected-contact-preview[b-lb1w1bai75] {
        text-align: center;
        padding: 1rem 0;
    }

    .preview-avatar[b-lb1w1bai75] {
        font-size: 5rem;
        color: var(--badminton-primary);
        margin-bottom: 1rem;
    }

    .preview-name[b-lb1w1bai75] {
        font-weight: 700;
        color: var(--badminton-dark);
        margin-bottom: 1.5rem;
    }

    .preview-details[b-lb1w1bai75] {
        text-align: left;
    }

    .preview-item[b-lb1w1bai75] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.75rem;
        border-bottom: 1px solid var(--badminton-gray-light);
    }

    .preview-item:last-child[b-lb1w1bai75] {
        border-bottom: none;
    }

    .preview-item i[b-lb1w1bai75] {
        font-size: 1.25rem;
        width: 24px;
    }

    .preview-item span[b-lb1w1bai75] {
        flex: 1;
        color: var(--badminton-gray);
    }

    .help-list[b-lb1w1bai75] {
        list-style: none;
        padding-left: 0;
    }

    .help-list li[b-lb1w1bai75] {
        display: flex;
        align-items: start;
        gap: 0.75rem;
        padding: 0.75rem 0;
        border-bottom: 1px solid var(--badminton-gray-light);
    }

    .help-list li:last-child[b-lb1w1bai75] {
        border-bottom: none;
    }

    .help-list i[b-lb1w1bai75] {
        font-size: 1.5rem;
        margin-top: 0.125rem;
    }

    .input-group-text[b-lb1w1bai75] {
        border-radius: 8px 0 0 8px;
        border: 2px solid var(--badminton-primary);
        border-right: none;
    }

    .input-group .form-control[b-lb1w1bai75] {
        border-radius: 0 8px 8px 0;
        border: 2px solid var(--badminton-primary);
        border-left: none;
    }

    .input-group .form-control:focus[b-lb1w1bai75] {
        box-shadow: none;
        border-color: var(--badminton-primary);
    }

    .form-control:focus[b-lb1w1bai75],
    .form-select:focus[b-lb1w1bai75] {
        border-color: var(--badminton-primary);
        box-shadow: 0 0 0 0.2rem rgba(30, 136, 229, 0.25);
    }

    .form-check-input:checked[b-lb1w1bai75] {
        background-color: var(--badminton-primary);
        border-color: var(--badminton-primary);
    }

    .slide-in[b-lb1w1bai75] {
        animation: slideIn 0.5s ease-out;
    }

    @@keyframes slideIn {
        from[b-lb1w1bai75] {
            opacity: 0;
            transform: translateX(-20px);
        }
        to[b-lb1w1bai75] {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .fade-in[b-lb1w1bai75] {
        animation: fadeIn 0.5s ease-out;
    }

    @@keyframes fadeIn {
        from[b-lb1w1bai75] {
            opacity: 0;
            transform: translateY(10px);
        }
        to[b-lb1w1bai75] {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @@media (max-width: 768px) {
        .page-title[b-lb1w1bai75] {
            font-size: 1.75rem;
        }

        .stat-card[b-lb1w1bai75] {
            padding: 1rem;
        }

        .stat-icon[b-lb1w1bai75] {
            width: 48px;
            height: 48px;
            font-size: 1.5rem;
        }

        .stat-value[b-lb1w1bai75] {
            font-size: 1.5rem;
        }

        .contact-item[b-lb1w1bai75] {
            padding: 1rem;
        }

        .contact-avatar[b-lb1w1bai75] {
            font-size: 2.5rem;
        }
    }

/* /Components/Pages/Admin/AdminAccountClosureDetail.razor.rz.scp.css */
.page-title[b-v6d7zkxm0h] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
}

.card-sport[b-v6d7zkxm0h] {
    border: none;
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.card-header[b-v6d7zkxm0h] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    color: white;
    font-weight: 700;
    padding: 1rem 1.5rem;
    border-bottom: none;
}

.card-body[b-v6d7zkxm0h] {
    padding: 1.5rem;
}

.detail-row[b-v6d7zkxm0h] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e9ecef;
}

.detail-row:last-child[b-v6d7zkxm0h] {
    border-bottom: none;
}

.detail-label[b-v6d7zkxm0h] {
    font-weight: 600;
    color: var(--badminton-gray);
    min-width: 150px;
    flex-shrink: 0;
}

.detail-value[b-v6d7zkxm0h] {
    color: var(--badminton-dark);
    text-align: right;
    flex-grow: 1;
}

.badge-success[b-v6d7zkxm0h] {
    background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
    color: white;
}

.badge-warning[b-v6d7zkxm0h] {
    background: linear-gradient(135deg, #ffa726 0%, #fb8c00 100%);
    color: white;
}

.badge-danger[b-v6d7zkxm0h] {
    background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
    color: white;
}

.badge-secondary[b-v6d7zkxm0h] {
    background: linear-gradient(135deg, #78909c 0%, #546e7a 100%);
    color: white;
}

.spinner-standard[b-v6d7zkxm0h] {
    width: 3rem;
    height: 3rem;
}

.spinner-sm[b-v6d7zkxm0h] {
    width: 1.5rem;
    height: 1.5rem;
}

.modal-content[b-v6d7zkxm0h] {
    border-radius: 16px;
    border: none;
    box-shadow: var(--shadow-lg);
}

.modal-header[b-v6d7zkxm0h] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.modal-footer[b-v6d7zkxm0h] {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.table-hover tbody tr[b-v6d7zkxm0h] {
    transition: all 0.2s ease;
}

.table-hover tbody tr:hover[b-v6d7zkxm0h] {
    background-color: rgba(30, 136, 229, 0.05);
}

.table thead th[b-v6d7zkxm0h] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8125rem;
    letter-spacing: 0.05em;
    border: none;
    padding: 1rem;
}

.alert[b-v6d7zkxm0h] {
    border-radius: 12px;
    border: none;
}

.btn[b-v6d7zkxm0h] {
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn:hover[b-v6d7zkxm0h] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.btn-link[b-v6d7zkxm0h] {
    font-weight: 600;
    color: var(--badminton-primary);
}

.btn-link:hover[b-v6d7zkxm0h] {
    transform: none;
    box-shadow: none;
}

@media (max-width: 768px) {
    .detail-row[b-v6d7zkxm0h] {
        flex-direction: column;
        gap: 0.25rem;
    }
    
    .detail-label[b-v6d7zkxm0h] {
        min-width: unset;
    }
    
    .detail-value[b-v6d7zkxm0h] {
        text-align: left;
    }
}
/* /Components/Pages/Admin/AdminAccountClosures.razor.rz.scp.css */
.page-title[b-khudq4xc9o] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
}

.stat-card[b-khudq4xc9o] {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.stat-card:hover[b-khudq4xc9o] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.stat-icon[b-khudq4xc9o] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    color: white;
}

.bg-warning[b-khudq4xc9o] {
    background: linear-gradient(135deg, #ffa726 0%, #fb8c00 100%);
}

.stat-icon-success[b-khudq4xc9o] {
    background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
}

.stat-icon-danger[b-khudq4xc9o] {
    background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
}

.stat-content[b-khudq4xc9o] {
    flex: 1;
}

.stat-value[b-khudq4xc9o] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-label[b-khudq4xc9o] {
    font-size: 0.875rem;
    color: var(--badminton-gray);
    font-weight: 600;
}

.closure-table[b-khudq4xc9o] {
    margin-bottom: 0;
}

.closure-table thead th[b-khudq4xc9o] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8125rem;
    letter-spacing: 0.05em;
    border: none;
    padding: 1rem;
}

.closure-table tbody tr[b-khudq4xc9o] {
    transition: all 0.3s ease;
}

.closure-table tbody tr:hover[b-khudq4xc9o] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(21, 101, 192, 0.05) 100%);
    transform: scale(1.01);
}

.closure-table tbody td[b-khudq4xc9o] {
    padding: 1rem;
    vertical-align: middle;
}

.closure-avatar[b-khudq4xc9o] {
    font-size: 2rem;
    color: var(--badminton-primary);
}

.badge-success[b-khudq4xc9o] {
    background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
    color: white;
}

.badge-warning[b-khudq4xc9o] {
    background: linear-gradient(135deg, #ffa726 0%, #fb8c00 100%);
    color: white;
}

.badge-danger[b-khudq4xc9o] {
    background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
    color: white;
}

.badge-secondary[b-khudq4xc9o] {
    background: linear-gradient(135deg, #78909c 0%, #546e7a 100%);
    color: white;
}

.card-sport[b-khudq4xc9o] {
    border: none;
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.card-header[b-khudq4xc9o] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    color: white;
    font-weight: 700;
    padding: 1rem 1.5rem;
    border-bottom: none;
}

.spinner-standard[b-khudq4xc9o] {
    width: 3rem;
    height: 3rem;
}
/* /Components/Pages/Admin/AdminAssessmentApproval.razor.rz.scp.css */
/* Assessment Approval Page -------------------------------------------------- */

.approval-page[b-uha9o9scgp] {
    --ap-primary:      var(--badminton-primary);
    --ap-primary-dark: var(--badminton-primary-dark);
    --ap-accent:       var(--badminton-secondary);
    --ap-approve:      #2e7d32;
    --ap-reject:       #c62828;
    background:
        radial-gradient(1200px 400px at 5% -10%, rgba(30, 136, 229, 0.12), transparent 60%),
        radial-gradient(900px 300px at 100% 0%,  rgba(255, 111, 0, 0.09), transparent 62%),
        linear-gradient(180deg, #f9fcff 0%, #f2f7fd 100%);
    min-height: 100%;
}

.approval-page h1[b-uha9o9scgp],
.approval-page h2[b-uha9o9scgp],
.approval-page h3[b-uha9o9scgp],
.approval-page h4[b-uha9o9scgp],
.approval-page h5[b-uha9o9scgp],
.approval-page h6[b-uha9o9scgp] {
    letter-spacing: -0.02em;
}

/* Hero --------------------------------------------------------------------- */

.approval-hero[b-uha9o9scgp] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(128deg, #1b5e20 0%, #2e7d32 45%, #1565c0 100%);
    color: #fff;
    border-radius: 20px;
    padding: 1.6rem;
    box-shadow: 0 16px 34px rgba(30, 136, 229, 0.28);
}

.approval-hero[b-uha9o9scgp]::after {
    content: "";
    position: absolute;
    right: -50px;
    top: -55px;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}

.approval-hero h1[b-uha9o9scgp] {
    font-size: 2rem;
    font-weight: 800;
}

.approval-hero-grid[b-uha9o9scgp] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 1.15rem;
    align-items: end;
}

.approval-hero .hero-eyebrow[b-uha9o9scgp] {
    display: inline-block;
    border-radius: 999px;
    padding: 0.28rem 0.72rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.2);
}

.approval-hero .hero-steps[b-uha9o9scgp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.approval-hero .hero-step[b-uha9o9scgp] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.36rem 0.72rem;
    font-size: 0.78rem;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.24);
}

.approval-hero .hero-note[b-uha9o9scgp] {
    border-radius: 14px;
    padding: 0.95rem;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08));
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(3px);
}

.approval-hero .hero-note h6[b-uha9o9scgp],
.approval-hero .hero-note p[b-uha9o9scgp] {
    color: rgba(255, 255, 255, 0.95);
}

@media (max-width: 767.98px) {
    .approval-hero-grid[b-uha9o9scgp] {
        grid-template-columns: 1fr;
    }

    .approval-hero .hero-note[b-uha9o9scgp] {
        display: none;
    }
}

/* Glass card --------------------------------------------------------------- */

.glass-card[b-uha9o9scgp] {
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.88);
}

.section-card[b-uha9o9scgp] {
    border-radius: 16px !important;
}

.section-card .card-header[b-uha9o9scgp] {
    border-radius: 16px 16px 0 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 0.85rem 1.2rem;
    font-weight: 600;
}

/* Player badge ------------------------------------------------------------- */

.player-badge[b-uha9o9scgp] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.player-badge-avatar[b-uha9o9scgp] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--ap-primary) 0%, var(--ap-accent) 100%);
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.reviewer-avatar[b-uha9o9scgp] {
    background: linear-gradient(135deg, #6a1b9a 0%, #ab47bc 100%);
}

.player-badge-photo[b-uha9o9scgp] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    border: 2px solid var(--ap-primary);
    box-shadow: 0 2px 8px rgba(21, 101, 192, 0.22);
    flex-shrink: 0;
}

.reviewer-photo[b-uha9o9scgp] {
    border-color: #8e24aa;
    box-shadow: 0 2px 8px rgba(142, 36, 170, 0.22);
}

.player-badge-name[b-uha9o9scgp] {
    font-weight: 700;
    font-size: 1rem;
    color: #1a1a2e;
}

.player-badge-sub[b-uha9o9scgp] {
    font-size: 0.78rem;
    color: #6c757d;
}

/* Facial photo showcase ---------------------------------------------------- */

.face-photo-showcase[b-uha9o9scgp] {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(21, 101, 192, 0.18);
    border: 2px solid var(--ap-primary);
}

.reviewer-showcase[b-uha9o9scgp] {
    border-color: #8e24aa;
    box-shadow: 0 6px 20px rgba(142, 36, 170, 0.18);
}

.face-photo-frame[b-uha9o9scgp] {
    position: relative;
}

.face-photo-img[b-uha9o9scgp] {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center top;
    display: block;
}

.face-photo-overlay[b-uha9o9scgp] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(21, 101, 192, 0.92) 0%, rgba(21, 101, 192, 0.0) 100%);
    color: #fff;
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0.4rem 0.7rem 0.55rem;
}

.reviewer-overlay[b-uha9o9scgp] {
    background: linear-gradient(0deg, rgba(106, 27, 154, 0.92) 0%, rgba(106, 27, 154, 0.0) 100%);
}

/* Info rows --------------------------------------------------------------- */

.info-row[b-uha9o9scgp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.42rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    gap: 0.5rem;
}

.info-row:last-child[b-uha9o9scgp] {
    border-bottom: none;
}

.info-label[b-uha9o9scgp] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.info-value[b-uha9o9scgp] {
    font-size: 0.88rem;
    font-weight: 500;
    color: #212529;
    text-align: right;
}

/* Overall badges ----------------------------------------------------------- */

.overall-badge[b-uha9o9scgp] {
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
}

.overall-badge.self[b-uha9o9scgp] {
    background: rgba(21, 101, 192, 0.12);
    color: #1565c0;
    border: 1px solid rgba(21, 101, 192, 0.25);
}

.overall-badge.peer[b-uha9o9scgp] {
    background: rgba(106, 27, 154, 0.12);
    color: #6a1b9a;
    border: 1px solid rgba(106, 27, 154, 0.25);
}

/* Notes boxes ------------------------------------------------------------- */

.self-notes-box[b-uha9o9scgp] {
    background: rgba(21, 101, 192, 0.06);
    border-left: 3px solid var(--ap-primary);
    border-radius: 0 8px 8px 0;
    padding: 0.6rem 0.85rem;
    font-size: 0.85rem;
    color: #374151;
    line-height: 1.55;
}

.peer-notes[b-uha9o9scgp] {
    background: rgba(106, 27, 154, 0.06);
    border-left-color: #8e24aa;
}

/* Category header --------------------------------------------------------- */

.category-header[b-uha9o9scgp] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ap-primary);
    padding: 0.4rem 0 0.2rem;
    border-bottom: 1px solid rgba(21, 101, 192, 0.15);
    margin-bottom: 0.2rem;
}

/* Skill readonly row ------------------------------------------------------ */

.skill-readonly-row[b-uha9o9scgp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.6rem;
    border-radius: 8px;
    background: rgba(248, 250, 255, 0.8);
    border: 1px solid rgba(21, 101, 192, 0.08);
}

.skill-readonly-meta[b-uha9o9scgp] {
    flex: 1;
    min-width: 0;
}

.skill-name[b-uha9o9scgp] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #212529;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.skill-notes-preview[b-uha9o9scgp] {
    font-size: 0.72rem;
    color: #6c757d;
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.1rem;
}

.skill-readonly-rating[b-uha9o9scgp] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
}

.rating-bar-wrap[b-uha9o9scgp] {
    width: 80px;
    height: 6px;
    background: rgba(21, 101, 192, 0.12);
    border-radius: 999px;
    overflow: hidden;
}

.rating-bar[b-uha9o9scgp] {
    height: 100%;
    background: linear-gradient(90deg, var(--ap-primary) 0%, var(--ap-accent) 100%);
    border-radius: 999px;
    transition: width 0.4s ease;
}

.rating-number[b-uha9o9scgp] {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--ap-primary);
    min-width: 34px;
    text-align: right;
}

.rating-denom[b-uha9o9scgp] {
    font-size: 0.7rem;
    font-weight: 400;
    color: #9ca3af;
}

/* Rating comparison ------------------------------------------------------- */

.rating-comparison-grid[b-uha9o9scgp] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    text-align: center;
    padding: 0.5rem 1rem;
}

.rc-label[b-uha9o9scgp] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6c757d;
    margin-bottom: 0.3rem;
}

.rc-value[b-uha9o9scgp] {
    font-size: 2.4rem;
    font-weight: 800;
    line-height: 1;
}

.rc-value.self[b-uha9o9scgp]  { color: #1565c0; }
.rc-value.peer[b-uha9o9scgp]  { color: #6a1b9a; }

.rc-denom[b-uha9o9scgp] {
    font-size: 0.9rem;
    font-weight: 400;
    color: #9ca3af;
}

.rc-sub[b-uha9o9scgp] {
    font-size: 0.78rem;
    color: #6c757d;
    margin-top: 0.2rem;
}

.rc-divider[b-uha9o9scgp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

/* Decision panel ---------------------------------------------------------- */

.decision-intro[b-uha9o9scgp] {
    background: rgba(21, 101, 192, 0.06);
    border-left: 4px solid var(--ap-primary);
    border-radius: 0 10px 10px 0;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
    color: #374151;
}

.decision-actions .btn[b-uha9o9scgp] {
    min-width: 180px;
    border-radius: 10px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.decision-actions .btn:hover:not(:disabled)[b-uha9o9scgp] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.char-count[b-uha9o9scgp] {
    text-align: right;
}

@media (max-width: 575.98px) {
    .decision-actions[b-uha9o9scgp] {
        flex-direction: column;
    }

    .decision-actions .btn[b-uha9o9scgp] {
        width: 100%;
    }

    .rating-comparison-grid[b-uha9o9scgp] {
        padding: 0;
    }

    .rc-value[b-uha9o9scgp] {
        font-size: 1.8rem;
    }
}
/* /Components/Pages/Admin/AdminAssessmentEligibleMembers.razor.rz.scp.css */
/* Admin Assessment Eligible Members Styles */

.stat-card[b-pvtetlfubq] {
    padding: 1.5rem;
    border-radius: 8px;
    text-align: center;
}

.stat-value[b-pvtetlfubq] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.stat-label[b-pvtetlfubq] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6c757d;
}

.bg-success-subtle[b-pvtetlfubq] {
    background-color: #d1e7dd;
}

.bg-warning-subtle[b-pvtetlfubq] {
    background-color: #fff3cd;
}

.bg-info-subtle[b-pvtetlfubq] {
    background-color: #cfe2ff;
}
/* /Components/Pages/Admin/AdminAssessmentQuestions.razor.rz.scp.css */
/* Question Bank Styles */

/* Category Stats */
.category-stats[b-x79jxl8sj2] {
    margin-bottom: 2rem;
}

.stat-card[b-x79jxl8sj2] {
    background: white;
    border-radius: 8px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.stat-card:hover[b-x79jxl8sj2] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

.stat-icon[b-x79jxl8sj2] {
    font-size: 2rem;
    color: #6c757d;
    opacity: 0.8;
}

.stat-content[b-x79jxl8sj2] {
    flex: 1;
}

.stat-value[b-x79jxl8sj2] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #212529;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-label[b-x79jxl8sj2] {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 500;
}

/* Category Card */
.category-card[b-x79jxl8sj2] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
}

.category-card:hover[b-x79jxl8sj2] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

.category-header[b-x79jxl8sj2] {
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
    user-select: none;
    border-bottom: 1px solid #e9ecef;
}

.category-header:hover[b-x79jxl8sj2] {
    background-color: #f8f9fa;
}

.category-header:active[b-x79jxl8sj2] {
    background-color: #e9ecef;
}

.chevron-icon[b-x79jxl8sj2] {
    font-size: 1.25rem;
    color: #6c757d;
    transition: transform 0.3s ease;
}

.category-title[b-x79jxl8sj2] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.category-subtitle[b-x79jxl8sj2] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.badge-count[b-x79jxl8sj2] {
    background-color: #e7f3ff;
    color: #0066cc;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    border-radius: 4px;
    font-size: 0.75rem;
}

.badge-active[b-x79jxl8sj2] {
    background-color: #d4edda;
    color: #28a745;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    border-radius: 4px;
    font-size: 0.75rem;
}

.badge-inactive[b-x79jxl8sj2] {
    background-color: #f8d7da;
    color: #dc3545;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    border-radius: 4px;
    font-size: 0.75rem;
}

.category-sort-badge[b-x79jxl8sj2] {
    background-color: #f8f9fa;
    color: #6c757d;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
}

.category-body[b-x79jxl8sj2] {
    padding: 1.5rem;
    background-color: #fafbfc;
    animation: slideDown-b-x79jxl8sj2 0.3s ease;
}

@keyframes slideDown-b-x79jxl8sj2 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Questions List */
.questions-list[b-x79jxl8sj2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.question-card[b-x79jxl8sj2] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 1.25rem;
    display: flex;
    gap: 1.25rem;
    transition: all 0.2s ease;
    position: relative;
}

.question-card:hover[b-x79jxl8sj2] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-color: #adb5bd;
}

.question-inactive[b-x79jxl8sj2] {
    opacity: 0.6;
    background-color: #f8f9fa;
}

.question-header[b-x79jxl8sj2] {
    display: flex;
    gap: 1rem;
    flex: 1;
}

.question-sort-badge[b-x79jxl8sj2] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
}

.question-content[b-x79jxl8sj2] {
    flex: 1;
}

.question-text[b-x79jxl8sj2] {
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

.question-help[b-x79jxl8sj2] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    background-color: #f8f9fa;
    border-radius: 4px;
    border-left: 3px solid #0dcaf0;
}

.question-video[b-x79jxl8sj2] {
    font-size: 0.875rem;
    color: #dc3545;
    margin-top: 0.5rem;
}

.video-link[b-x79jxl8sj2] {
    color: #dc3545;
    text-decoration: none;
    font-weight: 500;
}

.video-link:hover[b-x79jxl8sj2] {
    text-decoration: underline;
}

.question-actions[b-x79jxl8sj2] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
    min-width: 140px;
}

.question-status[b-x79jxl8sj2] {
    text-align: right;
}

.badge-status-active[b-x79jxl8sj2] {
    background-color: #d1e7dd;
    color: #0f5132;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 600;
}

.badge-status-inactive[b-x79jxl8sj2] {
    background-color: #f8d7da;
    color: #842029;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 600;
}

/* Empty State */
.empty-state[b-x79jxl8sj2] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}

.empty-icon[b-x79jxl8sj2] {
    font-size: 3rem;
    color: #dee2e6;
    margin-bottom: 1rem;
}

.empty-text[b-x79jxl8sj2] {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    color: #6c757d;
}

/* Responsive */
@media (max-width: 768px) {
    .category-stats[b-x79jxl8sj2] {
        margin-bottom: 1.5rem;
    }

    .stat-card[b-x79jxl8sj2] {
        padding: 1rem;
    }

    .stat-icon[b-x79jxl8sj2] {
        font-size: 1.5rem;
    }

    .stat-value[b-x79jxl8sj2] {
        font-size: 1.5rem;
    }

    .question-card[b-x79jxl8sj2] {
        flex-direction: column;
        gap: 1rem;
    }

    .question-actions[b-x79jxl8sj2] {
        align-items: stretch;
        width: 100%;
    }

    .question-status[b-x79jxl8sj2] {
        text-align: left;
    }

    .category-header[b-x79jxl8sj2] {
        padding: 1rem;
    }

    .category-body[b-x79jxl8sj2] {
        padding: 1rem;
    }
}
/* /Components/Pages/Admin/AdminFiles.razor.rz.scp.css */
/* Deleted upload row styling */
.deleted-upload-row[b-dwl0r7i95p] {
    opacity: 0.6;
    background: #f5f5f5 !important;
    text-decoration: line-through;
}
/* File Management Page Styles */

.page-title[b-dwl0r7i95p] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--badminton-dark, #2c3e50);
    margin-bottom: 0;
}

.spinner-standard[b-dwl0r7i95p] {
    width: 3rem;
    height: 3rem;
}

.card[b-dwl0r7i95p] {
    border: none;
    border-radius: 0.5rem;
}

.table[b-dwl0r7i95p] {
    font-size: 0.9rem;
}

.table thead th[b-dwl0r7i95p] {
    font-weight: 600;
    color: var(--badminton-dark, #2c3e50);
    border-bottom: 2px solid #dee2e6;
    padding: 1rem 0.75rem;
}

.table tbody td[b-dwl0r7i95p] {
    padding: 0.75rem;
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-dwl0r7i95p] {
    background-color: #f8f9fa;
}

.modal.show[b-dwl0r7i95p] {
    display: block !important;
}

.modal-backdrop[b-dwl0r7i95p] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.5;
}

.modal[b-dwl0r7i95p] {
    z-index: 1050;
}

.btn-group-sm .btn[b-dwl0r7i95p] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}
/* /Components/Pages/Admin/AdminFileUpload.razor.rz.scp.css */
/* File Upload Page Styles */

.page-title[b-enha3k37vu] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--badminton-dark, #2c3e50);
    margin-bottom: 0;
}

.spinner-standard[b-enha3k37vu] {
    width: 3rem;
    height: 3rem;
}

.bulk-member-list[b-enha3k37vu] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 0.75rem;
    background-color: #f8f9fa;
}

.bulk-member-list .form-check[b-enha3k37vu] {
    margin-bottom: 0.5rem;
}

.bulk-member-list .form-check:last-child[b-enha3k37vu] {
    margin-bottom: 0;
}

.btn-group .btn-check:checked + label[b-enha3k37vu] {
    background-color: var(--badminton-primary, #007bff);
    border-color: var(--badminton-primary, #007bff);
    color: white;
}

.card[b-enha3k37vu] {
    border: none;
    border-radius: 0.5rem;
}

.card-header[b-enha3k37vu] {
    border-bottom: 1px solid #e9ecef;
    padding: 1rem 1.25rem;
}
/* /Components/Pages/Admin/AdminSystemSettings.razor.rz.scp.css */
.page-title[b-amo4d5vfop] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
}

.card-sport[b-amo4d5vfop] {
    border: none;
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.card-header[b-amo4d5vfop] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    color: white;
    font-weight: 700;
    padding: 1rem 1.5rem;
    border-bottom: none;
}

.card-body[b-amo4d5vfop] {
    padding: 1.5rem;
}

.settings-table[b-amo4d5vfop] {
    margin-bottom: 0;
}

.settings-table thead th[b-amo4d5vfop] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8125rem;
    letter-spacing: 0.05em;
    border: none;
    padding: 1rem;
}

.settings-table tbody tr[b-amo4d5vfop] {
    transition: all 0.3s ease;
}

.settings-table tbody tr:hover[b-amo4d5vfop] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(21, 101, 192, 0.05) 100%);
}

.settings-table tbody td[b-amo4d5vfop] {
    padding: 1rem;
    vertical-align: middle;
}

.badge-primary[b-amo4d5vfop] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    color: white;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.875rem;
}

.editable-value[b-amo4d5vfop] {
    cursor: pointer;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    transition: all 0.2s ease;
    display: inline-block;
    min-width: 100px;
    border: 2px solid transparent;
}

.editable-value:hover[b-amo4d5vfop] {
    background: rgba(30, 136, 229, 0.1);
    border-color: var(--badminton-primary);
}

.edit-icon[b-amo4d5vfop] {
    font-size: 0.75rem;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

.editable-value:hover .edit-icon[b-amo4d5vfop] {
    opacity: 1;
}

.spinner-standard[b-amo4d5vfop] {
    width: 3rem;
    height: 3rem;
}

.card-help[b-amo4d5vfop] {
    border-left: 4px solid var(--badminton-primary);
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
}

.card-help ul[b-amo4d5vfop] {
    list-style-position: inside;
    line-height: 1.8;
}

.card-help li[b-amo4d5vfop] {
    color: var(--badminton-gray);
}

.alert[b-amo4d5vfop] {
    border-radius: 12px;
    border: none;
}

.alert-info[b-amo4d5vfop] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(21, 101, 192, 0.1) 100%);
    color: var(--badminton-dark);
    border-left: 4px solid var(--badminton-primary);
}

.alert-success[b-amo4d5vfop] {
    background: linear-gradient(135deg, rgba(67, 160, 71, 0.1) 0%, rgba(46, 125, 50, 0.1) 100%);
    color: #2e7d32;
    border-left: 4px solid #43a047;
}

.alert-danger[b-amo4d5vfop] {
    background: linear-gradient(135deg, rgba(229, 57, 53, 0.1) 0%, rgba(198, 40, 40, 0.1) 100%);
    color: #c62828;
    border-left: 4px solid #e53935;
}

@media (max-width: 768px) {
    .settings-table[b-amo4d5vfop] {
        font-size: 0.875rem;
    }
    
    .badge-primary[b-amo4d5vfop] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }
}
/* /Components/Pages/Admin/AssessmentWindowCreate.razor.rz.scp.css */
/* Assessment Window Create - Step Indicator Styles */

.step-indicator[b-day4s4id0v] {
    position: relative;
}

.step-circle[b-day4s4id0v] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #e9ecef;
    color: #6c757d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 600;
    transition: all 0.3s ease;
    margin: 0 auto;
}

.step-indicator.active .step-circle[b-day4s4id0v] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.step-label[b-day4s4id0v] {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 500;
}

.step-indicator.active .step-label[b-day4s4id0v] {
    color: #667eea;
    font-weight: 600;
}

.step-connector[b-day4s4id0v] {
    flex: 1;
    height: 2px;
    background-color: #e9ecef;
    margin: 0 1rem;
    position: relative;
    top: -20px;
}

/* Form Styling */
.form-control-lg[b-day4s4id0v] {
    font-size: 1rem;
    padding: 0.75rem 1rem;
}

.fw-semibold[b-day4s4id0v] {
    font-weight: 600;
}
/* /Components/Pages/Admin/AssessmentWindowEdit.razor.rz.scp.css */
/* Assessment Window Edit - Status Indicator Styles */

.status-indicator[b-6t9c8dvpsi] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.status-current[b-6t9c8dvpsi] {
    background-color: #d4edda;
}

.status-upcoming[b-6t9c8dvpsi] {
    background-color: #fff3cd;
}

.status-past[b-6t9c8dvpsi] {
    background-color: #f8d7da;
}

.form-control-lg[b-6t9c8dvpsi] {
    font-size: 1rem;
    padding: 0.75rem 1rem;
}

.fw-semibold[b-6t9c8dvpsi] {
    font-weight: 600;
}
/* /Components/Pages/Admin/AssessmentWindows.razor.rz.scp.css */
.modal-backdrop-custom[b-eoneanhim4] {
    background-color: rgba(0, 0, 0, 0.45);
}
/* /Components/Pages/Admin/AssessmentWindowSelectMembers.razor.rz.scp.css */
/* Assessment Window Select Members - Step Indicator Styles */

.step-indicator[b-2yp3yvs3zu] {
    position: relative;
}

.step-circle[b-2yp3yvs3zu] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #e9ecef;
    color: #6c757d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 600;
    transition: all 0.3s ease;
    margin: 0 auto;
}

.step-indicator.active .step-circle[b-2yp3yvs3zu] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.step-indicator.completed .step-circle[b-2yp3yvs3zu] {
    background-color: #28a745;
    color: white;
}

.step-label[b-2yp3yvs3zu] {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 500;
}

.step-indicator.active .step-label[b-2yp3yvs3zu] {
    color: #667eea;
    font-weight: 600;
}

.step-indicator.completed .step-label[b-2yp3yvs3zu] {
    color: #28a745;
    font-weight: 600;
}

.step-connector[b-2yp3yvs3zu] {
    flex: 1;
    height: 2px;
    background-color: #e9ecef;
    margin: 0 1rem;
    position: relative;
    top: -20px;
}

.step-connector.active[b-2yp3yvs3zu] {
    background-color: #28a745;
}

/* Member List Styles */
.list-group-item[b-2yp3yvs3zu] {
    border-left: none;
    border-right: none;
}

.list-group-item:hover[b-2yp3yvs3zu] {
    background-color: #f8f9fa;
}

.form-check-input:checked[b-2yp3yvs3zu] {
    background-color: #667eea;
    border-color: #667eea;
}
/* /Components/Pages/Admin/Attendance.razor.rz.scp.css */
/* Attendance.razor - Scoped Styles */

/* Date filter card styling */
.card .card-title[b-sy02w3ohlw] {
    color: var(--badminton-dark);
    font-weight: 600;
}

/* Table styling */
.table-responsive[b-sy02w3ohlw] {
    margin-top: 1rem;
}

.table thead th[b-sy02w3ohlw] {
    font-weight: 600;
    color: var(--badminton-dark);
    border-bottom: 2px solid var(--badminton-primary);
}

.table tbody td[b-sy02w3ohlw] {
    vertical-align: middle;
}

/* Badge styling */
.badge[b-sy02w3ohlw] {
    font-size: 0.75rem;
    padding: 0.35rem 0.65rem;
}

/* Empty state styling */
.sport-icon[b-sy02w3ohlw] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

/* Button styling */
.btn-outline-danger:hover[b-sy02w3ohlw] {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/* Modal styling */
.modal.show[b-sy02w3ohlw] {
    display: block;
}

.modal-header.bg-danger[b-sy02w3ohlw] {
    background: linear-gradient(135deg, var(--badminton-danger) 0%, #c62828 100%);
}

.modal-body .alert[b-sy02w3ohlw] {
    border-radius: 8px;
}

/* Loading states */
.spinner-border[b-sy02w3ohlw] {
    width: 1.5rem;
    height: 1.5rem;
}

/* Alert styling */
.alert[b-sy02w3ohlw] {
    border-radius: 12px;
    border-left-width: 4px;
}

.alert-danger[b-sy02w3ohlw] {
    background: linear-gradient(135deg, rgba(229, 57, 53, 0.1) 0%, rgba(229, 57, 53, 0.05) 100%);
}

.alert-success[b-sy02w3ohlw] {
    background: linear-gradient(135deg, rgba(67, 160, 71, 0.1) 0%, rgba(67, 160, 71, 0.05) 100%);
}

.alert-warning[b-sy02w3ohlw] {
    background: linear-gradient(135deg, rgba(255, 167, 38, 0.1) 0%, rgba(255, 167, 38, 0.05) 100%);
}

.alert-info[b-sy02w3ohlw] {
    background: linear-gradient(135deg, rgba(41, 182, 246, 0.1) 0%, rgba(41, 182, 246, 0.05) 100%);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .table thead[b-sy02w3ohlw] {
        font-size: 0.875rem;
    }
    
    .btn-sm[b-sy02w3ohlw] {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }
}
/* /Components/Pages/Admin/BalanceReminders.razor.rz.scp.css */
/* BalanceReminders.razor - Scoped Styles */

/* Filter section */
.filter-section[b-xa8v06btva] {
    background: var(--badminton-gray-lighter);
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 2rem;
}

/* Balance threshold indicator */
.balance-indicator[b-xa8v06btva] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 600;
}

.balance-indicator.negative[b-xa8v06btva] {
    background: linear-gradient(135deg, rgba(229, 57, 53, 0.1) 0%, rgba(229, 57, 53, 0.05) 100%);
    color: var(--badminton-danger);
}

.balance-indicator.low[b-xa8v06btva] {
    background: linear-gradient(135deg, rgba(255, 167, 38, 0.1) 0%, rgba(255, 167, 38, 0.05) 100%);
    color: var(--badminton-warning);
}

.balance-indicator.positive[b-xa8v06btva] {
    background: linear-gradient(135deg, rgba(67, 160, 71, 0.1) 0%, rgba(67, 160, 71, 0.05) 100%);
    color: var(--badminton-success);
}

/* Member list styling */
.member-list-item[b-xa8v06btva] {
    padding: 1rem;
    border-bottom: 1px solid var(--badminton-gray-light);
    transition: background 0.3s ease;
}

.member-list-item:hover[b-xa8v06btva] {
    background: var(--badminton-gray-lighter);
}

.member-list-item:last-child[b-xa8v06btva] {
    border-bottom: none;
}

/* Member info */
.member-info[b-xa8v06btva] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.member-avatar-small[b-xa8v06btva] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
}

.member-details[b-xa8v06btva] {
    flex: 1;
}

.member-name[b-xa8v06btva] {
    font-weight: 600;
    color: var(--badminton-dark);
    margin-bottom: 0.25rem;
}

.member-email[b-xa8v06btva] {
    font-size: 0.875rem;
    color: var(--badminton-gray);
}

/* Balance display */
.balance-amount[b-xa8v06btva] {
    font-size: 1.5rem;
    font-weight: 700;
    text-align: right;
}

.balance-amount.negative[b-xa8v06btva] {
    color: var(--badminton-danger);
}

.balance-amount.low[b-xa8v06btva] {
    color: var(--badminton-warning);
}

/* Bulk actions */
.bulk-actions[b-xa8v06btva] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    background: var(--badminton-gray-lighter);
    border-radius: 8px;
    align-items: center;
}

.bulk-actions .form-check[b-xa8v06btva] {
    margin-bottom: 0;
}

/* Statistics cards */
.stats-grid[b-xa8v06btva] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-xa8v06btva] {
    padding: 1.5rem;
    border-radius: 12px;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    text-align: center;
}

.stat-value[b-xa8v06btva] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--badminton-primary);
    margin-bottom: 0.5rem;
}

.stat-label[b-xa8v06btva] {
    color: var(--badminton-gray);
    font-size: 0.875rem;
}

/* Responsive */
@media (max-width: 768px) {
    .balance-amount[b-xa8v06btva] {
        font-size: 1.25rem;
    }
    
    .member-info[b-xa8v06btva] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .bulk-actions[b-xa8v06btva] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .stats-grid[b-xa8v06btva] {
        grid-template-columns: 1fr;
    }
}


/* Extracted from inline styles */

    .page-title[b-xa8v06btva] {
        font-size: 2.25rem;
        font-weight: 800;
        color: var(--badminton-dark);
        display: flex;
        align-items: center;
    }

    .stat-card[b-xa8v06btva] {
        background: white;
        border-radius: 16px;
        padding: 1.5rem;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .stat-card:hover[b-xa8v06btva] {
        transform: translateY(-5px);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
    }

    .stat-icon[b-xa8v06btva] {
        width: 60px;
        height: 60px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.75rem;
        color: white;
    }

    .bg-sport-primary[b-xa8v06btva] {
        background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    }

    .stat-content[b-xa8v06btva] {
        flex: 1;
    }

    .stat-value[b-xa8v06btva] {
        font-size: 2rem;
        font-weight: 800;
        color: var(--badminton-dark);
        line-height: 1;
        margin-bottom: 0.25rem;
    }

    .stat-label[b-xa8v06btva] {
        font-size: 0.875rem;
        color: var(--badminton-gray);
        font-weight: 600;
    }

    .card-sport[b-xa8v06btva] {
        border-left: 4px solid var(--badminton-primary);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
        border-radius: 16px;
        transition: all 0.3s ease;
    }

    .card-sport:hover[b-xa8v06btva] {
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
    }

    .member-list[b-xa8v06btva] {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        max-height: 600px;
        overflow-y: auto;
    }

    .member-item[b-xa8v06btva] {
        padding: 1rem;
        border: 2px solid var(--badminton-gray-light);
        border-radius: 12px;
        transition: all 0.3s ease;
        background: white;
    }

    .member-item:hover[b-xa8v06btva] {
        border-color: var(--badminton-primary);
        background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(21, 101, 192, 0.05) 100%);
    }

    .member-item.group-member[b-xa8v06btva] {
        background: linear-gradient(135deg, rgba(255, 193, 7, 0.03) 0%, rgba(255, 152, 0, 0.03) 100%);
        border-left: 3px solid #ffc107;
    }

    .member-avatar[b-xa8v06btva] {
        font-size: 2.5rem;
        color: var(--badminton-primary);
    }

    .member-name[b-xa8v06btva] {
        font-weight: 700;
        color: var(--badminton-dark);
        font-size: 1rem;
    }

    .balance-display[b-xa8v06btva] {
        font-size: 1.25rem;
        font-weight: 700;
    }

    .email-preview[b-xa8v06btva] {
        background: #f8f9fa;
        padding: 1.5rem;
        border-radius: 8px;
        border: 1px solid #dee2e6;
        min-height: 300px;
    }

    .preview-header[b-xa8v06btva] {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid #dee2e6;
        font-weight: 600;
    }

    .preview-body[b-xa8v06btva] {
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .info-list[b-xa8v06btva] {
        list-style: none;
        padding-left: 0;
    }

    .info-list li[b-xa8v06btva] {
        padding: 0.75rem 0;
        border-bottom: 1px solid #e9ecef;
        display: flex;
        align-items: start;
        gap: 0.75rem;
    }

    .info-list li:last-child[b-xa8v06btva] {
        border-bottom: none;
    }

    .info-list i[b-xa8v06btva] {
        font-size: 1.25rem;
        margin-top: 0.125rem;
    }

    .slide-in[b-xa8v06btva] {
        animation: slideIn 0.5s ease-out;
    }

    @@keyframes slideIn {
        from[b-xa8v06btva] {
            opacity: 0;
            transform: translateX(-20px);
        }
        to[b-xa8v06btva] {
            opacity: 1;
            transform: translateX(0);
        }
    }

    @@media (max-width: 768px) {
        .page-title[b-xa8v06btva] {
            font-size: 1.75rem;
        }

        .stat-card[b-xa8v06btva] {
            padding: 1rem;
        }

        .stat-icon[b-xa8v06btva] {
            width: 48px;
            height: 48px;
            font-size: 1.5rem;
        }

        .stat-value[b-xa8v06btva] {
            font-size: 1.5rem;
        }
    }

/* /Components/Pages/Admin/ComposeEmail.razor.rz.scp.css */
/* ComposeEmail.razor - Scoped Styles */

/* Recipient section */
.recipient-section[b-jq6d48jm2n] {
    margin-bottom: 1.5rem;
}

.recipient-chips[b-jq6d48jm2n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--badminton-gray-lighter);
    border-radius: 8px;
    min-height: 60px;
}

.recipient-chip[b-jq6d48jm2n] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    color: white;
    border-radius: 20px;
    font-size: 0.875rem;
}

.recipient-chip .remove-btn[b-jq6d48jm2n] {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
}

/* Email editor */
.email-editor[b-jq6d48jm2n] {
    margin-bottom: 1.5rem;
}

.subject-input[b-jq6d48jm2n] {
    font-weight: 600;
    font-size: 1.125rem;
}

.email-body-editor[b-jq6d48jm2n] {
    min-height: 400px;
    resize: vertical;
    font-family: inherit;
}

/* Rich text toolbar (if implemented) */
.editor-toolbar[b-jq6d48jm2n] {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--badminton-gray-lighter);
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid var(--badminton-gray-light);
}

.editor-toolbar button[b-jq6d48jm2n] {
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--badminton-gray-light);
    background: white;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.editor-toolbar button:hover[b-jq6d48jm2n] {
    background: var(--badminton-gray-lighter);
}

/* Attachment section */
.attachment-section[b-jq6d48jm2n] {
    margin-bottom: 1.5rem;
}

.attachment-list[b-jq6d48jm2n] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.attachment-item[b-jq6d48jm2n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    background: var(--badminton-gray-lighter);
    border-radius: 8px;
}

.attachment-info[b-jq6d48jm2n] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.attachment-icon[b-jq6d48jm2n] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

/* Template selector */
.template-selector[b-jq6d48jm2n] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
}

.template-card[b-jq6d48jm2n] {
    min-width: 200px;
    padding: 1rem;
    border: 2px solid var(--badminton-gray-light);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.template-card:hover[b-jq6d48jm2n],
.template-card.active[b-jq6d48jm2n] {
    border-color: var(--badminton-primary);
    background: rgba(30, 136, 229, 0.05);
}

.template-title[b-jq6d48jm2n] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.template-preview[b-jq6d48jm2n] {
    font-size: 0.75rem;
    color: var(--badminton-gray);
}

/* Action buttons */
.email-actions[b-jq6d48jm2n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
    border-top: 1px solid var(--badminton-gray-light);
}

.action-group[b-jq6d48jm2n] {
    display: flex;
    gap: 1rem;
}

/* Preview mode */
.email-preview[b-jq6d48jm2n] {
    padding: 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.preview-header[b-jq6d48jm2n] {
    border-bottom: 2px solid var(--badminton-gray-light);
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .recipient-chips[b-jq6d48jm2n] {
        flex-direction: column;
    }
    
    .email-actions[b-jq6d48jm2n] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .action-group[b-jq6d48jm2n] {
        width: 100%;
        flex-direction: column;
    }
    
    .action-group button[b-jq6d48jm2n] {
        width: 100%;
    }
    
    .template-selector[b-jq6d48jm2n] {
        flex-direction: column;
    }
    
    .template-card[b-jq6d48jm2n] {
        min-width: 100%;
    }
}


/* Extracted from inline styles */

    .page-title[b-jq6d48jm2n] {
        font-size: 2rem;
        font-weight: 800;
        color: var(--badminton-dark);
        display: flex;
        align-items: center;
    }

    .email-preview[b-jq6d48jm2n] {
        background: #f8f9fa;
        padding: 1.5rem;
        border-radius: 8px;
        border: 1px solid #dee2e6;
    }

    .preview-header[b-jq6d48jm2n] {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid #dee2e6;
    }

    .preview-body[b-jq6d48jm2n] {
        min-height: 200px;
    }

    .tips-list[b-jq6d48jm2n] {
        list-style: none;
        padding-left: 0;
    }

    .tips-list li[b-jq6d48jm2n] {
        padding: 0.5rem 0;
        border-bottom: 1px solid #e9ecef;
    }

    .tips-list li:last-child[b-jq6d48jm2n] {
        border-bottom: none;
    }

    code[b-jq6d48jm2n] {
        background: #e9ecef;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 0.875rem;
    }

/* /Components/Pages/Admin/ContactList.razor.rz.scp.css */
.page-title[b-v068anqy5x] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
}

.stat-card[b-v068anqy5x] {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.stat-card:hover[b-v068anqy5x] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.stat-icon[b-v068anqy5x] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    color: white;
}

.stat-content[b-v068anqy5x] {
    flex: 1;
}

.stat-value[b-v068anqy5x] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-label[b-v068anqy5x] {
    font-size: 0.875rem;
    color: var(--badminton-gray);
    font-weight: 600;
}

.contact-table[b-v068anqy5x] {
    margin-bottom: 0;
}

.contact-table thead th[b-v068anqy5x] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8125rem;
    letter-spacing: 0.05em;
    border: none;
    padding: 1rem;
}

.contact-table tbody tr[b-v068anqy5x] {
    transition: all 0.3s ease;
}

.contact-table tbody tr:hover[b-v068anqy5x] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(21, 101, 192, 0.05) 100%);
    transform: scale(1.01);
}

.contact-table tbody td[b-v068anqy5x] {
    padding: 1rem;
    vertical-align: middle;
}

.contact-avatar[b-v068anqy5x] {
    font-size: 2rem;
    color: var(--badminton-primary);
}

.badge-success[b-v068anqy5x] {
    background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
}

.badge-warning[b-v068anqy5x] {
    background: linear-gradient(135deg, #ffa726 0%, #fb8c00 100%);
}

.input-group-text[b-v068anqy5x] {
    border-radius: 8px 0 0 8px;
    border: 2px solid var(--badminton-primary);
    border-right: none;
}

.input-group .form-control[b-v068anqy5x] {
    border-radius: 0 8px 8px 0;
    border: 2px solid var(--badminton-primary);
    border-left: none;
}

.input-group .form-control:focus[b-v068anqy5x] {
    box-shadow: none;
    border-color: var(--badminton-primary);
}
/* /Components/Pages/Admin/ContactRegistration.razor.rz.scp.css */
/* ContactRegistration.razor - Scoped Styles */

/* Registration wizard */
.registration-wizard[b-uqorc077qw] {
    max-width: 800px;
    margin: 0 auto;
}

/* Progress indicator */
.progress-indicator[b-uqorc077qw] {
    margin-bottom: 2rem;
}

.progress-bar-custom[b-uqorc077qw] {
    height: 8px;
    background: var(--badminton-gray-light);
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill[b-uqorc077qw] {
    height: 100%;
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    transition: width 0.3s ease;
}

.progress-text[b-uqorc077qw] {
    text-align: center;
    margin-top: 0.5rem;
    color: var(--badminton-gray);
    font-size: 0.875rem;
}

/* Step container */
.registration-step[b-uqorc077qw] {
    animation: fadeInUp-b-uqorc077qw 0.5s ease;
}

@keyframes fadeInUp-b-uqorc077qw {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Welcome screen */
.welcome-screen[b-uqorc077qw] {
    text-align: center;
    padding: 3rem 1rem;
}

.welcome-icon[b-uqorc077qw] {
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    animation: pulse 2s ease-in-out infinite;
}

.welcome-icon i[b-uqorc077qw] {
    font-size: 3rem;
    color: white;
}

.welcome-title[b-uqorc077qw] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--badminton-dark);
    margin-bottom: 1rem;
}

.welcome-description[b-uqorc077qw] {
    color: var(--badminton-gray);
    font-size: 1.125rem;
    max-width: 600px;
    margin: 0 auto 2rem;
}

/* Form step */
.form-step[b-uqorc077qw] {
    padding: 2rem;
}

.step-title[b-uqorc077qw] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--badminton-primary);
    margin-bottom: 1.5rem;
}

.step-description[b-uqorc077qw] {
    color: var(--badminton-gray);
    margin-bottom: 2rem;
}

/* Review screen */
.review-section[b-uqorc077qw] {
    background: var(--badminton-gray-lighter);
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.review-section-title[b-uqorc077qw] {
    font-weight: 600;
    color: var(--badminton-dark);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.review-item[b-uqorc077qw] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--badminton-gray-light);
}

.review-item:last-child[b-uqorc077qw] {
    border-bottom: none;
}

.review-label[b-uqorc077qw] {
    color: var(--badminton-gray);
}

.review-value[b-uqorc077qw] {
    font-weight: 600;
    color: var(--badminton-dark);
}

/* Success screen */
.success-screen[b-uqorc077qw] {
    text-align: center;
    padding: 3rem 1rem;
}

.success-icon[b-uqorc077qw] {
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, var(--badminton-success) 0%, #2e7d32 100%);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    animation: bounceIn-b-uqorc077qw 0.5s ease;
}

@keyframes bounceIn-b-uqorc077qw {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.success-icon i[b-uqorc077qw] {
    font-size: 3rem;
    color: white;
}

/* Navigation buttons */
.wizard-navigation[b-uqorc077qw] {
    display: flex;
    justify-content: space-between;
    padding-top: 2rem;
    border-top: 1px solid var(--badminton-gray-light);
}

/* Terms and conditions */
.terms-checkbox[b-uqorc077qw] {
    margin-top: 1.5rem;
    padding: 1rem;
    background: var(--badminton-gray-lighter);
    border-radius: 8px;
}

/* Responsive */
@media (max-width: 768px) {
    .registration-wizard[b-uqorc077qw] {
        padding: 0;
    }
    
    .form-step[b-uqorc077qw] {
        padding: 1rem;
    }
    
    .welcome-screen[b-uqorc077qw],
    .success-screen[b-uqorc077qw] {
        padding: 2rem 1rem;
    }
    
    .welcome-icon[b-uqorc077qw],
    .success-icon[b-uqorc077qw] {
        width: 80px;
        height: 80px;
    }
    
    .welcome-icon i[b-uqorc077qw],
    .success-icon i[b-uqorc077qw] {
        font-size: 2rem;
    }
    
    .wizard-navigation[b-uqorc077qw] {
        flex-direction: column-reverse;
        gap: 1rem;
    }
    
    .wizard-navigation button[b-uqorc077qw] {
        width: 100%;
    }
}


/* Extracted from inline styles */

    .page-title[b-uqorc077qw] {
        font-size: 2.25rem;
        font-weight: 800;
        color: var(--badminton-dark);
        display: flex;
        align-items: center;
    }

    .stat-card[b-uqorc077qw] {
        background: white;
        border-radius: 16px;
        padding: 1.5rem;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .stat-card:hover[b-uqorc077qw] {
        transform: translateY(-5px);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
    }

    .stat-icon[b-uqorc077qw] {
        width: 60px;
        height: 60px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.75rem;
        color: white;
    }

    .bg-sport-primary[b-uqorc077qw] {
        background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    }

    .stat-content[b-uqorc077qw] {
        flex: 1;
    }

    .stat-value[b-uqorc077qw] {
        font-size: 2rem;
        font-weight: 800;
        color: var(--badminton-dark);
        line-height: 1;
        margin-bottom: 0.25rem;
    }

    .stat-label[b-uqorc077qw] {
        font-size: 0.875rem;
        color: var(--badminton-gray);
        font-weight: 600;
    }

    .card[b-uqorc077qw] {
        border-radius: 16px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
        transition: all 0.3s ease;
    }

    .card:hover[b-uqorc077qw] {
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
    }

    .card-sport[b-uqorc077qw] {
        border-left: 4px solid var(--badminton-primary);
    }

    .card-sport-success[b-uqorc077qw] {
        border-left: 4px solid var(--badminton-success);
    }

    .enquiry-list[b-uqorc077qw] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .enquiry-item[b-uqorc077qw] {
        padding: 1.25rem;
        border: 2px solid var(--badminton-gray-light);
        border-radius: 12px;
        transition: all 0.3s ease;
        cursor: pointer;
        background: white;
    }

    .enquiry-item:hover[b-uqorc077qw] {
        border-color: var(--badminton-primary);
        background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(21, 101, 192, 0.05) 100%);
        transform: translateX(5px);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .enquiry-item.unread[b-uqorc077qw] {
        border-left: 4px solid var(--badminton-primary);
        background: linear-gradient(135deg, rgba(30, 136, 229, 0.08) 0%, rgba(21, 101, 192, 0.08) 100%);
    }

    .enquiry-header[b-uqorc077qw] {
        display: flex;
        align-items: center;
        margin-bottom: 0.75rem;
    }

    .enquiry-avatar[b-uqorc077qw] {
        font-size: 2.5rem;
        color: var(--badminton-primary);
    }

    .enquiry-name[b-uqorc077qw] {
        font-size: 1rem;
        color: var(--badminton-dark);
        font-weight: 600;
    }

    .enquiry-subject[b-uqorc077qw] {
        font-weight: 600;
        color: var(--badminton-dark);
        margin-bottom: 0.5rem;
        font-size: 1rem;
    }

    .enquiry-preview[b-uqorc077qw] {
        color: var(--badminton-gray);
        font-size: 0.9375rem;
        margin-bottom: 0.75rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.6;
    }

    .enquiry-footer[b-uqorc077qw] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .badge-sm[b-uqorc077qw] {
        font-size: 0.7rem;
        padding: 0.25rem 0.5rem;
    }

    .badge-primary[b-uqorc077qw] {
        background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
        color: white;
    }

    .badge-warning[b-uqorc077qw] {
        background: linear-gradient(135deg, #ffa726 0%, #fb8c00 100%);
        color: white;
    }

    .badge-success[b-uqorc077qw] {
        background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
        color: white;
    }

    .btn-success[b-uqorc077qw] {
        background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
        border: none;
        color: white;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    .btn-success:hover[b-uqorc077qw] {
        transform: translateY(-2px);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .slide-in[b-uqorc077qw] {
        animation: slideIn 0.5s ease-out;
    }

    @@keyframes slideIn {
        from[b-uqorc077qw] {
            opacity: 0;
            transform: translateX(-20px);
        }
        to[b-uqorc077qw] {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .fade-in[b-uqorc077qw] {
        animation: fadeIn 0.5s ease-out;
    }

    @@keyframes fadeIn {
        from[b-uqorc077qw] {
            opacity: 0;
            transform: translateY(10px);
        }
        to[b-uqorc077qw] {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Responsive adjustments */
    @@media (max-width: 768px) {
        .page-title[b-uqorc077qw] {
            font-size: 1.75rem;
        }

        .stat-card[b-uqorc077qw] {
            padding: 1rem;
        }

        .stat-icon[b-uqorc077qw] {
            width: 48px;
            height: 48px;
            font-size: 1.5rem;
        }

        .stat-value[b-uqorc077qw] {
            font-size: 1.5rem;
        }

        .enquiry-item[b-uqorc077qw] {
            padding: 1rem;
        }

        .enquiry-avatar[b-uqorc077qw] {
            font-size: 2rem;
        }
    }

    @@media (max-width: 576px) {
        .page-title[b-uqorc077qw] {
            font-size: 1.5rem;
        }

        .stat-card[b-uqorc077qw] {
            flex-direction: row;
        }
    }

/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
/* Dashboard.razor - Scoped Styles */

/* ── Admin Pending Approvals Task Card ──────────────────────────────────── */

.admin-approval-card[b-sz4qcxmqaw] {
    border-left: 5px solid #2e7d32;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}

.approval-card-header[b-sz4qcxmqaw] {
    padding: 0.9rem 1.2rem 0.6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.approval-card-title[b-sz4qcxmqaw] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1b5e20;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.approval-card-badge[b-sz4qcxmqaw] {
    border-radius: 999px;
    background: #2e7d32;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.15rem 0.52rem;
}

.approval-card-sub[b-sz4qcxmqaw] {
    display: block;
    font-size: 0.78rem;
    color: #6c757d;
    margin-top: 0.2rem;
}

.approval-task-list[b-sz4qcxmqaw] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.approval-task-item[b-sz4qcxmqaw] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.65rem 1.2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: background 0.15s ease;
}

.approval-task-item:last-child[b-sz4qcxmqaw] {
    border-bottom: none;
}

.approval-task-item:hover[b-sz4qcxmqaw] {
    background: rgba(46, 125, 50, 0.04);
}

.approval-task-avatar[b-sz4qcxmqaw] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%);
    color: #fff;
    font-weight: 700;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.approval-task-photo[b-sz4qcxmqaw] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    border: 2px solid #2e7d32;
    box-shadow: 0 1px 6px rgba(46, 125, 50, 0.22);
    flex-shrink: 0;
}

.approval-task-body[b-sz4qcxmqaw] {
    flex: 1;
    min-width: 0;
}

.approval-task-name[b-sz4qcxmqaw] {
    font-weight: 600;
    font-size: 0.88rem;
    color: #212529;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.approval-task-meta[b-sz4qcxmqaw] {
    font-size: 0.72rem;
    color: #6c757d;
    margin-top: 0.15rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.approval-task-btn[b-sz4qcxmqaw] {
    flex-shrink: 0;
    padding: 0.32rem 0.8rem;
    border-radius: 8px;
    background: #2e7d32;
    color: #fff !important;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 0.18s ease, transform 0.14s ease;
}

.approval-task-btn:hover[b-sz4qcxmqaw] {
    background: #1b5e20;
    transform: translateX(2px);
}

@media (max-width: 575.98px) {
    .approval-task-meta[b-sz4qcxmqaw] {
        display: none;
    }
}

/* Dashboard grid layout */
.dashboard-grid[b-sz4qcxmqaw] {
    display: grid;
    gap: 1.5rem;
}

/* Hero section */
.dashboard-hero[b-sz4qcxmqaw] {
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    color: white;
    padding: 2rem;
    border-radius: 16px;
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
}

.dashboard-hero[b-sz4qcxmqaw]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.hero-content[b-sz4qcxmqaw] {
    position: relative;
    z-index: 1;
}

.hero-title[b-sz4qcxmqaw] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.hero-subtitle[b-sz4qcxmqaw] {
    opacity: 0.9;
    font-size: 1.125rem;
}

/* Stats cards */
.stats-row[b-sz4qcxmqaw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-sz4qcxmqaw] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.stat-card[b-sz4qcxmqaw]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
}

.stat-card:hover[b-sz4qcxmqaw] {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
}

.stat-card-icon[b-sz4qcxmqaw] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.stat-card.success .stat-card-icon[b-sz4qcxmqaw] {
    background: linear-gradient(135deg, var(--badminton-success) 0%, #2e7d32 100%);
}

.stat-card.warning .stat-card-icon[b-sz4qcxmqaw] {
    background: linear-gradient(135deg, var(--badminton-warning) 0%, #f57c00 100%);
}

.stat-card.danger .stat-card-icon[b-sz4qcxmqaw] {
    background: linear-gradient(135deg, var(--badminton-danger) 0%, #c62828 100%);
}

.stat-value[b-sz4qcxmqaw] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--badminton-dark);
    margin-bottom: 0.5rem;
}

.stat-label[b-sz4qcxmqaw] {
    color: var(--badminton-gray);
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stat-change[b-sz4qcxmqaw] {
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

.stat-change.positive[b-sz4qcxmqaw] {
    color: var(--badminton-success);
}

.stat-change.negative[b-sz4qcxmqaw] {
    color: var(--badminton-danger);
}

/* Quick actions */
.quick-actions[b-sz4qcxmqaw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.action-card[b-sz4qcxmqaw] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}

.action-card:hover[b-sz4qcxmqaw] {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
}

.action-icon[b-sz4qcxmqaw] {
    font-size: 2rem;
    color: var(--badminton-primary);
    margin-bottom: 1rem;
}

.action-title[b-sz4qcxmqaw] {
    font-weight: 600;
    color: var(--badminton-dark);
    margin-bottom: 0.5rem;
}

.action-description[b-sz4qcxmqaw] {
    font-size: 0.875rem;
    color: var(--badminton-gray);
}

/* Recent activity */
.activity-list[b-sz4qcxmqaw] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.activity-item[b-sz4qcxmqaw] {
    padding: 1rem;
    border-bottom: 1px solid var(--badminton-gray-light);
    display: flex;
    align-items: start;
    gap: 1rem;
}

.activity-item:last-child[b-sz4qcxmqaw] {
    border-bottom: none;
}

.activity-icon[b-sz4qcxmqaw] {
    width: 40px;
    height: 40px;
    background: var(--badminton-gray-lighter);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--badminton-primary);
    flex-shrink: 0;
}

.activity-content[b-sz4qcxmqaw] {
    flex: 1;
}

.activity-title[b-sz4qcxmqaw] {
    font-weight: 600;
    color: var(--badminton-dark);
    margin-bottom: 0.25rem;
}

.activity-description[b-sz4qcxmqaw] {
    font-size: 0.875rem;
    color: var(--badminton-gray);
}

.activity-time[b-sz4qcxmqaw] {
    font-size: 0.75rem;
    color: var(--badminton-gray);
}

/* Charts container */
.chart-container[b-sz4qcxmqaw] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    margin-bottom: 2rem;
}

.chart-header[b-sz4qcxmqaw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.chart-title[b-sz4qcxmqaw] {
    font-weight: 600;
    color: var(--badminton-dark);
}

/* Responsive */
@media (max-width: 768px) {
    .stats-row[b-sz4qcxmqaw] {
        grid-template-columns: 1fr;
    }
    
    .quick-actions[b-sz4qcxmqaw] {
        grid-template-columns: 1fr;
    }
    
    .dashboard-hero[b-sz4qcxmqaw] {
        padding: 1.5rem;
    }
    
    .hero-title[b-sz4qcxmqaw] {
        font-size: 1.5rem;
    }
    
    .stat-value[b-sz4qcxmqaw] {
        font-size: 1.5rem;
    }
}


/* Extracted from inline styles */

    /* Hero Section */
    .hero-banner[b-sz4qcxmqaw] {
        background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
        border-radius: 24px;
        padding: 4rem 2rem;
        box-shadow: 0 20px 40px rgba(30, 136, 229, 0.3);
        position: relative;
        overflow: hidden;
    }

    .hero-banner[b-sz4qcxmqaw]::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -10%;
        width: 500px;
        height: 500px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 50%;
    }

    .hero-content[b-sz4qcxmqaw] {
        position: relative;
        z-index: 1;
    }

    .hero-icon[b-sz4qcxmqaw] {
        font-size: 5rem;
        margin-bottom: 1rem;
        animation: float 3s ease-in-out infinite;
    }

    @@keyframes float {
        0%[b-sz4qcxmqaw], 100%[b-sz4qcxmqaw] { transform: translateY(0); }
        50%[b-sz4qcxmqaw] { transform: translateY(-20px); }
    }

    .hero-title[b-sz4qcxmqaw] {
        font-size: 3rem;
        font-weight: 800;
        color: white;
        margin-bottom: 0.5rem;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }

    .hero-subtitle[b-sz4qcxmqaw] {
        font-size: 1.5rem;
        color: rgba(255, 255, 255, 0.95);
        font-weight: 500;
    }

    .hero-stats[b-sz4qcxmqaw] {
        display: flex;
        justify-content: center;
        gap: 3rem;
        flex-wrap: wrap;
    }

    .stat-item[b-sz4qcxmqaw] {
        color: white;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 1.125rem;
        background: rgba(255, 255, 255, 0.1);
        padding: 0.75rem 1.5rem;
        border-radius: 50px;
        backdrop-filter: blur(10px);
    }

    .stat-item i[b-sz4qcxmqaw] {
        font-size: 1.5rem;
    }

    /* Activity Timeline */
    .activity-timeline[b-sz4qcxmqaw] {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .activity-item[b-sz4qcxmqaw] {
        display: flex;
        gap: 1rem;
        align-items: flex-start;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid var(--badminton-gray-light);
    }

    .activity-item:last-child[b-sz4qcxmqaw] {
        border-bottom: none;
        padding-bottom: 0;
    }

    .activity-icon[b-sz4qcxmqaw] {
        width: 48px;
        height: 48px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 1.25rem;
        flex-shrink: 0;
    }

    .activity-content[b-sz4qcxmqaw] {
        flex: 1;
    }

    .activity-content strong[b-sz4qcxmqaw] {
        font-size: 1rem;
        display: block;
        margin-bottom: 0.25rem;
    }

    .activity-content p[b-sz4qcxmqaw] {
        font-size: 0.9375rem;
        margin-bottom: 0.25rem;
    }

    .activity-content small[b-sz4qcxmqaw] {
        font-size: 0.8125rem;
    }

    /* Quick Stats */
    .quick-stat[b-sz4qcxmqaw] {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1rem 0;
        border-bottom: 1px solid var(--badminton-gray-light);
    }

    .quick-stat:last-child[b-sz4qcxmqaw] {
        border-bottom: none;
    }

    .quick-stat i[b-sz4qcxmqaw] {
        font-size: 1.75rem;
        width: 40px;
        flex-shrink: 0;
    }

    .quick-stat strong[b-sz4qcxmqaw] {
        display: block;
        font-size: 0.9375rem;
        margin-bottom: 0.25rem;
    }

    .quick-stat p[b-sz4qcxmqaw] {
        font-size: 0.875rem;
        color: var(--badminton-gray);
    }

    /* Responsive */
    @@media (max-width: 767.98px) {
        .hero-title[b-sz4qcxmqaw] {
            font-size: 2rem;
        }

        .hero-subtitle[b-sz4qcxmqaw] {
            font-size: 1.125rem;
        }

        .hero-stats[b-sz4qcxmqaw] {
            gap: 1rem;
        }

        .stat-item[b-sz4qcxmqaw] {
            font-size: 0.875rem;
            padding: 0.5rem 1rem;
        }
    }

/* /Components/Pages/Admin/MemberDetails.razor.rz.scp.css */
.page-title[b-59765kpqbn] {
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
}

.profile-avatar[b-59765kpqbn] {
    font-size: 6rem;
    color: var(--badminton-primary);
}

.member-name-large[b-59765kpqbn] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--badminton-dark);
    margin-bottom: 0.5rem;
}

.status-badges[b-59765kpqbn] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

.badge-lg[b-59765kpqbn] {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
}

.account-balance-large[b-59765kpqbn] {
    background: linear-gradient(135deg, var(--badminton-gray-lighter) 0%, var(--badminton-gray-light) 100%);
    padding: 1.5rem;
    border-radius: 12px;
    margin-top: 1.5rem;
}

.balance-label[b-59765kpqbn] {
    font-size: 0.875rem;
    color: var(--badminton-gray);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.balance-amount[b-59765kpqbn] {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1;
}

.stat-icon-purple[b-59765kpqbn] {
    background: linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);
}

.stat-card[b-59765kpqbn] {
    background: var(--badminton-white);
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-normal);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.stat-card:hover[b-59765kpqbn] {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.stat-icon[b-59765kpqbn] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    color: var(--badminton-white);
}

.bg-sport-primary[b-59765kpqbn] {
    background: var(--gradient-primary);
}

.stat-content[b-59765kpqbn] {
    flex: 1;
}

.stat-value[b-59765kpqbn] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--badminton-dark);
    line-height: 1.2;
    margin-bottom: 0.25rem;
}

.stat-label[b-59765kpqbn] {
    font-size: 0.875rem;
    color: var(--badminton-gray);
    font-weight: 600;
}

.card-sport[b-59765kpqbn] {
    border-left: 4px solid var(--badminton-primary);
    box-shadow: var(--shadow-sm);
    border-radius: 16px;
    transition: all var(--transition-normal);
}

.card-sport:hover[b-59765kpqbn] {
    box-shadow: var(--shadow-lg);
}

/* Enhanced Tab Styling with Gradients */
.card-header[b-59765kpqbn] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(21, 101, 192, 0.02) 100%);
    border-bottom: none;
    padding: 0;
}

.nav-tabs[b-59765kpqbn] {
    border-bottom: 2px solid var(--badminton-gray-light);
    padding: 0.5rem 1rem 0;
}

.nav-tabs .nav-link[b-59765kpqbn] {
    color: var(--badminton-gray);
    font-weight: 600;
    border: none;
    border-bottom: 3px solid transparent;
    padding: 1rem 1.5rem;
    transition: all var(--transition-normal);
    border-radius: 12px 12px 0 0;
    position: relative;
    margin-bottom: -2px;
}

.nav-tabs .nav-link:hover[b-59765kpqbn] {
    color: var(--badminton-white);
    transform: translateY(-2px);
}

/* Personal Information Tab - Blue Gradient */
.nav-tabs .nav-item:nth-child(1) .nav-link[b-59765kpqbn] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(21, 101, 192, 0.05) 100%);
}

.nav-tabs .nav-item:nth-child(1) .nav-link:hover[b-59765kpqbn] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
}

.nav-tabs .nav-item:nth-child(1) .nav-link.active[b-59765kpqbn] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    color: var(--badminton-white);
    border-bottom-color: #1565c0;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);
}

/* Contact Details Tab - Green Gradient */
.nav-tabs .nav-item:nth-child(2) .nav-link[b-59765kpqbn] {
    background: linear-gradient(135deg, rgba(67, 160, 71, 0.1) 0%, rgba(46, 125, 50, 0.05) 100%);
}

.nav-tabs .nav-item:nth-child(2) .nav-link:hover[b-59765kpqbn] {
    background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
}

.nav-tabs .nav-item:nth-child(2) .nav-link.active[b-59765kpqbn] {
    background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
    color: var(--badminton-white);
    border-bottom-color: #2e7d32;
    box-shadow: 0 4px 12px rgba(67, 160, 71, 0.3);
}

/* Membership Tab - Orange Gradient */
.nav-tabs .nav-item:nth-child(3) .nav-link[b-59765kpqbn] {
    background: linear-gradient(135deg, rgba(255, 111, 0, 0.1) 0%, rgba(230, 81, 0, 0.05) 100%);
}

.nav-tabs .nav-item:nth-child(3) .nav-link:hover[b-59765kpqbn] {
    background: linear-gradient(135deg, #ff6f00 0%, #e65100 100%);
}

.nav-tabs .nav-item:nth-child(3) .nav-link.active[b-59765kpqbn] {
    background: linear-gradient(135deg, #ff6f00 0%, #e65100 100%);
    color: var(--badminton-white);
    border-bottom-color: #e65100;
    box-shadow: 0 4px 12px rgba(255, 111, 0, 0.3);
}

/* Login Details Tab - Purple Gradient */
.nav-tabs .nav-item:nth-child(4) .nav-link[b-59765kpqbn] {
    background: linear-gradient(135deg, rgba(156, 39, 176, 0.1) 0%, rgba(123, 31, 162, 0.05) 100%);
}

.nav-tabs .nav-item:nth-child(4) .nav-link:hover[b-59765kpqbn] {
    background: linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);
}

.nav-tabs .nav-item:nth-child(4) .nav-link.active[b-59765kpqbn] {
    background: linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);
    color: var(--badminton-white);
    border-bottom-color: #7b1fa2;
    box-shadow: 0 4px 12px rgba(156, 39, 176, 0.3);
}

/* Transactions Tab - Teal Gradient */
.nav-tabs .nav-item:nth-child(5) .nav-link[b-59765kpqbn] {
    background: linear-gradient(135deg, rgba(0, 150, 136, 0.1) 0%, rgba(0, 121, 107, 0.05) 100%);
}

.nav-tabs .nav-item:nth-child(5) .nav-link:hover[b-59765kpqbn] {
    background: linear-gradient(135deg, #009688 0%, #00796b 100%);
}

.nav-tabs .nav-item:nth-child(5) .nav-link.active[b-59765kpqbn] {
    background: linear-gradient(135deg, #009688 0%, #00796b 100%);
    color: var(--badminton-white);
    border-bottom-color: #00796b;
    box-shadow: 0 4px 12px rgba(0, 150, 136, 0.3);
}

.info-section[b-59765kpqbn] {
    padding: 1rem 0;
    animation: fadeIn 0.4s ease-in-out;
}

/* Transaction Filters */
.transaction-filters[b-59765kpqbn] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(30, 136, 229, 0.02) 100%);
    padding: 1.5rem;
    border-radius: 12px;
    border: 1px solid rgba(30, 136, 229, 0.1);
}

.transaction-filters .form-label[b-59765kpqbn] {
    color: var(--badminton-dark);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.transaction-filters .form-control[b-59765kpqbn],
.transaction-filters .form-select[b-59765kpqbn] {
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 0.625rem 0.875rem;
    font-size: 0.9375rem;
    transition: all var(--transition-fast);
    background-color: var(--badminton-white);
}

.transaction-filters .form-control:focus[b-59765kpqbn],
.transaction-filters .form-select:focus[b-59765kpqbn] {
    border-color: var(--badminton-primary);
    box-shadow: 0 0 0 0.2rem rgba(30, 136, 229, 0.15);
    outline: none;
}

.transaction-filters .form-select[b-59765kpqbn] {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231e88e5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    padding-right: 2.5rem;
}

.transaction-filters .form-select:hover[b-59765kpqbn] {
    border-color: var(--badminton-primary);
}

/* Transaction Pagination */
.transaction-pagination[b-59765kpqbn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 1.25rem;
    background: linear-gradient(135deg, rgba(0, 150, 136, 0.05) 0%, rgba(0, 150, 136, 0.02) 100%);
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.pagination-info[b-59765kpqbn] {
    font-size: 0.9375rem;
    color: #424242;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.pagination-info i[b-59765kpqbn] {
    color: var(--badminton-primary);
}

.pagination-info.text-success i[b-59765kpqbn] {
    color: var(--badminton-success);
}

.pagination-buttons[b-59765kpqbn] {
    display: flex;
    gap: 0.75rem;
}

.pagination-buttons .btn[b-59765kpqbn] {
    padding: 0.625rem 1.25rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all var(--transition-normal);
}

.pagination-buttons .btn:hover[b-59765kpqbn] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.pagination-buttons .btn-outline-primary[b-59765kpqbn] {
    border: 2px solid var(--badminton-primary);
}

.pagination-buttons .btn-outline-primary:hover[b-59765kpqbn] {
    background: var(--badminton-primary);
    color: var(--badminton-white);
}

.pagination-buttons .btn-primary[b-59765kpqbn] {
    background: var(--gradient-primary);
    border: none;
}

/* Bank Statement Table */
.transaction-statement[b-59765kpqbn] {
    background: var(--badminton-white);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow-md);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.statement-table[b-59765kpqbn] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.statement-table thead[b-59765kpqbn] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
}

.statement-table thead th[b-59765kpqbn] {
    padding: 1.25rem 1rem;
    text-align: left;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--badminton-white);
    border-bottom: 3px solid #0d47a1;
    white-space: nowrap;
}

.statement-table tbody tr[b-59765kpqbn] {
    border-bottom: 1px solid #e0e0e0;
    transition: all var(--transition-fast);
    background: var(--badminton-white);
}

.statement-table tbody tr:nth-child(even)[b-59765kpqbn] {
    background: rgba(0, 0, 0, 0.02);
}

.statement-table tbody tr:hover[b-59765kpqbn] {
    background: rgba(30, 136, 229, 0.08);
    transform: scale(1.01);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.statement-table tbody tr.credit-row[b-59765kpqbn] {
    border-left: 4px solid var(--badminton-success);
}

.statement-table tbody tr.debit-row[b-59765kpqbn] {
    border-left: 4px solid var(--badminton-danger);
}

.statement-table tbody td[b-59765kpqbn] {
    padding: 1.25rem 1rem;
    vertical-align: middle;
}

.date-cell[b-59765kpqbn] {
    font-size: 0.9375rem;
    color: var(--badminton-dark);
    font-weight: 700;
    white-space: nowrap;
    min-width: 140px;
}

.date-cell i[b-59765kpqbn] {
    color: var(--badminton-primary);
    font-size: 1rem;
}

.date-cell strong[b-59765kpqbn] {
    font-weight: 800;
}

.description-cell[b-59765kpqbn] {
    max-width: 350px;
    min-width: 200px;
}

.transaction-type[b-59765kpqbn] {
    margin-bottom: 0.5rem;
}

.type-badge[b-59765kpqbn] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.875rem;
    border-radius: 20px;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--badminton-white);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.type-badge.credit[b-59765kpqbn] {
    background: var(--gradient-success);
    box-shadow: 0 2px 6px rgba(67, 160, 71, 0.3);
}

.type-badge.debit[b-59765kpqbn] {
    background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
    box-shadow: 0 2px 6px rgba(229, 57, 53, 0.3);
}

/* Settings Tab Styles */
.settings-card[b-59765kpqbn] {
    background: var(--badminton-white);
    border: 1px solid var(--badminton-gray-light);
    border-radius: 12px;
    overflow: hidden;
}

.settings-card-header[b-59765kpqbn] {
    background: linear-gradient(135deg, var(--badminton-gray-lighter) 0%, var(--badminton-white) 100%);
    border-bottom: 2px solid var(--badminton-gray-light);
    padding: 1.25rem 1.5rem;
    font-weight: 700;
    font-size: 1.125rem;
    color: var(--badminton-dark);
}

.settings-card-body[b-59765kpqbn] {
    padding: 1.5rem;
}

.setting-item[b-59765kpqbn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid var(--badminton-gray-light);
}

.setting-item:last-child[b-59765kpqbn] {
    border-bottom: none;
}

.setting-item .form-check-input[b-59765kpqbn] {
    width: 3rem;
    height: 1.5rem;
    cursor: pointer;
}

.setting-item .form-check-input:checked[b-59765kpqbn] {
    background-color: var(--badminton-primary);
    border-color: var(--badminton-primary);
}
    box-shadow: 0 2px 6px rgba(229, 57, 53, 0.3);[b-59765kpqbn]
}

.transaction-remarks[b-59765kpqbn] {
    font-size: 0.8125rem;
    color: #616161;
    font-style: italic;
    margin-top: 0.25rem;
    line-height: 1.4;
}

.amount-cell[b-59765kpqbn] {
    font-size: 1.0625rem;
    white-space: nowrap;
    min-width: 120px;
}

.credit-amount[b-59765kpqbn] {
    color: #2e7d32;
    font-weight: 800;
    font-size: 1.125rem;
}

.debit-amount[b-59765kpqbn] {
    color: #c62828;
    font-weight: 800;
    font-size: 1.125rem;
}

.balance-cell[b-59765kpqbn] {
    white-space: nowrap;
    min-width: 140px;
    background: rgba(0, 0, 0, 0.02);
    border-left: 2px solid #e0e0e0;
}

.balance-value[b-59765kpqbn] {
    font-size: 1.1875rem;
    font-weight: 900;
    letter-spacing: -0.02em;
}

/* Statement Footer */
.statement-footer[b-59765kpqbn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 1.25rem;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.08) 0%, rgba(30, 136, 229, 0.03) 100%);
    border-top: 3px solid var(--badminton-primary);
    margin-top: 0;
}

.footer-info[b-59765kpqbn] {
    font-size: 0.875rem;
    color: #424242;
    font-weight: 600;
}

.footer-balance[b-59765kpqbn] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1.5rem;
    background: var(--badminton-white);
    border-radius: 8px;
    border: 2px solid var(--badminton-primary);
}

.balance-label[b-59765kpqbn] {
    font-size: 0.875rem;
    color: #424242;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.balance-value[b-59765kpqbn] {
    font-size: 1.625rem;
    font-weight: 900;
    letter-spacing: -0.02em;
}
/* /Components/Pages/Admin/Members.razor.rz.scp.css */
.page-title[b-1kwbj8rmov] {
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
}

.stat-card[b-1kwbj8rmov] {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.stat-card:hover[b-1kwbj8rmov] {
    transform: translateY(-5px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
}

.stat-icon[b-1kwbj8rmov] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    color: white;
}

.bg-sport-primary[b-1kwbj8rmov] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
}

.stat-content[b-1kwbj8rmov] {
    flex: 1;
}

.stat-value[b-1kwbj8rmov] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-label[b-1kwbj8rmov] {
    font-size: 0.875rem;
    color: var(--badminton-gray);
    font-weight: 600;
}

.card-sport[b-1kwbj8rmov] {
    border-left: 4px solid var(--badminton-primary);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    transition: all 0.3s ease;
}

.card-sport:hover[b-1kwbj8rmov] {
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
}

.member-table[b-1kwbj8rmov] {
    margin-bottom: 0;
}

.member-table thead th[b-1kwbj8rmov] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8125rem;
    letter-spacing: 0.05em;
    border: none;
    padding: 1rem;
}

.member-table thead th.sortable[b-1kwbj8rmov] {
    cursor: pointer;
    user-select: none;
    transition: all 0.3s ease;
}

.member-table thead th.sortable:hover[b-1kwbj8rmov] {
    background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
    color: var(--badminton-primary);
}

.sort-icon[b-1kwbj8rmov] {
    font-size: 0.75rem;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.member-table thead th.sortable:hover .sort-icon[b-1kwbj8rmov] {
    opacity: 1;
}

.member-table tbody tr[b-1kwbj8rmov] {
    transition: all 0.3s ease;
}

.member-table tbody tr:hover[b-1kwbj8rmov] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(21, 101, 192, 0.05) 100%);
    transform: scale(1.01);
}

.member-table tbody tr.group-member-row[b-1kwbj8rmov] {
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.03) 0%, rgba(255, 152, 0, 0.03) 100%);
    border-left: 3px solid #ffc107;
}

.member-table tbody tr.group-member-row:hover[b-1kwbj8rmov] {
    background: linear-gradient(135deg, rgba(255, 193, 7, 0.08) 0%, rgba(255, 152, 0, 0.08) 100%);
    transform: scale(1.01);
}

.member-table tbody td[b-1kwbj8rmov] {
    padding: 1rem;
    vertical-align: middle;
}

.member-avatar[b-1kwbj8rmov] {
    font-size: 2.5rem;
    color: var(--badminton-primary);
}

.member-name[b-1kwbj8rmov] {
    font-weight: 700;
    color: var(--badminton-dark);
    font-size: 1rem;
}

.member-name:hover[b-1kwbj8rmov] {
    color: var(--badminton-primary);
    text-decoration: underline;
}

.account-balance[b-1kwbj8rmov] {
    text-align: right;
}

.balance-amount[b-1kwbj8rmov] {
    font-size: 1.125rem;
    font-weight: 700;
    display: block;
}

.badge-success[b-1kwbj8rmov] {
    background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
}

.badge-warning[b-1kwbj8rmov] {
    background: linear-gradient(135deg, #ffa726 0%, #fb8c00 100%);
}

.input-group-text[b-1kwbj8rmov] {
    border-radius: 8px 0 0 8px;
    border: 2px solid var(--badminton-primary);
    border-right: none;
}

.input-group .form-control[b-1kwbj8rmov] {
    border-radius: 0 8px 8px 0;
    border: 2px solid var(--badminton-primary);
    border-left: none;
}

.input-group .form-control:focus[b-1kwbj8rmov] {
    box-shadow: none;
    border-color: var(--badminton-primary);
}

.slide-in[b-1kwbj8rmov] {
    animation: slideIn-b-1kwbj8rmov 0.5s ease-out;
}

@keyframes slideIn-b-1kwbj8rmov {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (max-width: 768px) {
    .page-title[b-1kwbj8rmov] {
        font-size: 1.75rem;
    }

    .stat-card[b-1kwbj8rmov] {
        padding: 1rem;
    }

    .stat-icon[b-1kwbj8rmov] {
        width: 48px;
        height: 48px;
        font-size: 1.5rem;
    }

    .stat-value[b-1kwbj8rmov] {
        font-size: 1.5rem;
    }

    .member-table[b-1kwbj8rmov] {
        font-size: 0.875rem;
    }

    .member-avatar[b-1kwbj8rmov] {
        font-size: 2rem;
    }
}

.group-member-row[b-1kwbj8rmov] {
    background: rgba(30, 136, 229, 0.1);
}
/* /Components/Pages/Admin/Notifications.razor.rz.scp.css */
/* Notifications.razor - Scoped Styles */

/* Notification filters */
.notification-filters[b-jux0uys91q] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.filter-chip[b-jux0uys91q] {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    border: 2px solid var(--badminton-gray-light);
    background: white;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.875rem;
}

.filter-chip:hover[b-jux0uys91q] {
    border-color: var(--badminton-primary);
}

.filter-chip.active[b-jux0uys91q] {
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    color: white;
    border-color: var(--badminton-primary);
}

/* Notification list */
.notification-list[b-jux0uys91q] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.notification-item[b-jux0uys91q] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--badminton-gray-light);
    display: flex;
    gap: 1rem;
    transition: background 0.3s ease;
    cursor: pointer;
}

.notification-item:hover[b-jux0uys91q] {
    background: var(--badminton-gray-lighter);
}

.notification-item.unread[b-jux0uys91q] {
    background: rgba(30, 136, 229, 0.05);
    border-left: 4px solid var(--badminton-primary);
}

.notification-item:last-child[b-jux0uys91q] {
    border-bottom: none;
}

/* Notification icon */
.notification-icon[b-jux0uys91q] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.notification-icon.info[b-jux0uys91q] {
    background: linear-gradient(135deg, rgba(41, 182, 246, 0.1) 0%, rgba(41, 182, 246, 0.05) 100%);
    color: var(--badminton-info);
}

.notification-icon.success[b-jux0uys91q] {
    background: linear-gradient(135deg, rgba(67, 160, 71, 0.1) 0%, rgba(67, 160, 71, 0.05) 100%);
    color: var(--badminton-success);
}

.notification-icon.warning[b-jux0uys91q] {
    background: linear-gradient(135deg, rgba(255, 167, 38, 0.1) 0%, rgba(255, 167, 38, 0.05) 100%);
    color: var(--badminton-warning);
}

.notification-icon.error[b-jux0uys91q] {
    background: linear-gradient(135deg, rgba(229, 57, 53, 0.1) 0%, rgba(229, 57, 53, 0.05) 100%);
    color: var(--badminton-danger);
}

/* Notification content */
.notification-content[b-jux0uys91q] {
    flex: 1;
}

.notification-header[b-jux0uys91q] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 0.5rem;
}

.notification-title[b-jux0uys91q] {
    font-weight: 600;
    color: var(--badminton-dark);
}

.notification-time[b-jux0uys91q] {
    font-size: 0.75rem;
    color: var(--badminton-gray);
    flex-shrink: 0;
    margin-left: 1rem;
}

.notification-message[b-jux0uys91q] {
    color: var(--badminton-gray);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.notification-actions[b-jux0uys91q] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.notification-action[b-jux0uys91q] {
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    border: 1px solid var(--badminton-gray-light);
    background: white;
    cursor: pointer;
    font-size: 0.75rem;
    transition: all 0.3s ease;
}

.notification-action:hover[b-jux0uys91q] {
    background: var(--badminton-gray-lighter);
}

/* Badge indicator */
.unread-badge[b-jux0uys91q] {
    width: 12px;
    height: 12px;
    background: var(--badminton-primary);
    border-radius: 50%;
    margin-left: 0.5rem;
}

/* Empty state */
.notifications-empty[b-jux0uys91q] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-jux0uys91q] {
    width: 80px;
    height: 80px;
    background: var(--badminton-gray-lighter);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.empty-icon i[b-jux0uys91q] {
    font-size: 2.5rem;
    color: var(--badminton-gray);
}

.empty-title[b-jux0uys91q] {
    font-weight: 600;
    color: var(--badminton-dark);
    margin-bottom: 0.5rem;
}

.empty-description[b-jux0uys91q] {
    color: var(--badminton-gray);
}

/* Mark all as read button */
.mark-all-read[b-jux0uys91q] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

/* Notification settings */
.notification-settings[b-jux0uys91q] {
    padding: 1.5rem;
    background: var(--badminton-gray-lighter);
    border-radius: 12px;
    margin-top: 2rem;
}

.settings-title[b-jux0uys91q] {
    font-weight: 600;
    margin-bottom: 1rem;
}

.setting-item[b-jux0uys91q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid var(--badminton-gray-light);
}

.setting-item:last-child[b-jux0uys91q] {
    border-bottom: none;
}

.setting-label[b-jux0uys91q] {
    font-weight: 500;
    color: var(--badminton-dark);
}

.setting-description[b-jux0uys91q] {
    font-size: 0.875rem;
    color: var(--badminton-gray);
}

/* Responsive */
@media (max-width: 768px) {
    .notification-item[b-jux0uys91q] {
        flex-direction: column;
    }
    
    .notification-header[b-jux0uys91q] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .notification-time[b-jux0uys91q] {
        margin-left: 0;
    }
    
    .notification-filters[b-jux0uys91q] {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.5rem;
    }
    
    .filter-chip[b-jux0uys91q] {
        white-space: nowrap;
    }
}
/* /Components/Pages/Admin/SendSms.razor.rz.scp.css */
/* SendSms.razor - Scoped Styles */

/* SMS composer container */
.sms-composer[b-7vetceix5n] {
    max-width: 800px;
    margin: 0 auto;
}

/* Recipient selection */
.recipient-selector[b-7vetceix5n] {
    margin-bottom: 2rem;
}

.recipient-type-tabs[b-7vetceix5n] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--badminton-gray-light);
}

.recipient-tab[b-7vetceix5n] {
    padding: 0.75rem 1.5rem;
    background: transparent;
    border: none;
    color: var(--badminton-gray);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
    font-weight: 500;
}

.recipient-tab:hover[b-7vetceix5n] {
    color: var(--badminton-primary);
}

.recipient-tab.active[b-7vetceix5n] {
    color: var(--badminton-primary);
    border-bottom-color: var(--badminton-primary);
}

/* Selected recipients */
.selected-recipients[b-7vetceix5n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--badminton-gray-lighter);
    border-radius: 8px;
    min-height: 80px;
}

.recipient-tag[b-7vetceix5n] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: white;
    border: 1px solid var(--badminton-gray-light);
    border-radius: 20px;
    font-size: 0.875rem;
}

.recipient-tag .remove-btn[b-7vetceix5n] {
    background: none;
    border: none;
    color: var(--badminton-danger);
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
}

.recipient-count[b-7vetceix5n] {
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    color: white;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.875rem;
}

/* Member list for selection */
.member-selection-list[b-7vetceix5n] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid var(--badminton-gray-light);
    border-radius: 8px;
}

.member-selection-item[b-7vetceix5n] {
    padding: 1rem;
    border-bottom: 1px solid var(--badminton-gray-light);
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    transition: background 0.3s ease;
}

.member-selection-item:hover[b-7vetceix5n] {
    background: var(--badminton-gray-lighter);
}

.member-selection-item:last-child[b-7vetceix5n] {
    border-bottom: none;
}

.member-selection-item.selected[b-7vetceix5n] {
    background: rgba(30, 136, 229, 0.05);
}

/* SMS message editor */
.sms-editor[b-7vetceix5n] {
    margin-bottom: 2rem;
}

.message-textarea[b-7vetceix5n] {
    min-height: 200px;
    resize: vertical;
    font-family: inherit;
}

/* Character counter */
.message-info[b-7vetceix5n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: var(--badminton-gray-lighter);
    border-radius: 0 0 8px 8px;
    font-size: 0.875rem;
    margin-top: -1px;
}

.char-counter[b-7vetceix5n] {
    color: var(--badminton-gray);
}

.char-counter.warning[b-7vetceix5n] {
    color: var(--badminton-warning);
}

.char-counter.danger[b-7vetceix5n] {
    color: var(--badminton-danger);
}

.message-count[b-7vetceix5n] {
    color: var(--badminton-gray);
}

/* Template shortcuts */
.template-shortcuts[b-7vetceix5n] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.template-shortcut[b-7vetceix5n] {
    padding: 0.5rem 1rem;
    background: white;
    border: 1px solid var(--badminton-gray-light);
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.875rem;
}

.template-shortcut:hover[b-7vetceix5n] {
    border-color: var(--badminton-primary);
    background: rgba(30, 136, 229, 0.05);
}

/* Schedule section */
.schedule-section[b-7vetceix5n] {
    padding: 1.5rem;
    background: var(--badminton-gray-lighter);
    border-radius: 12px;
    margin-bottom: 2rem;
}

.schedule-option[b-7vetceix5n] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.datetime-input[b-7vetceix5n] {
    max-width: 300px;
}

/* Cost estimate */
.cost-estimate[b-7vetceix5n] {
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(30, 136, 229, 0.05) 100%);
    border-radius: 12px;
    border-left: 4px solid var(--badminton-primary);
    margin-bottom: 2rem;
}

.cost-item[b-7vetceix5n] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.cost-label[b-7vetceix5n] {
    color: var(--badminton-gray);
}

.cost-value[b-7vetceix5n] {
    font-weight: 600;
    color: var(--badminton-dark);
}

.cost-total[b-7vetceix5n] {
    font-size: 1.25rem;
    padding-top: 0.75rem;
    border-top: 2px solid var(--badminton-primary);
    margin-top: 0.75rem;
}

.cost-total .cost-value[b-7vetceix5n] {
    color: var(--badminton-primary);
}

/* Action buttons */
.sms-actions[b-7vetceix5n] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.action-group[b-7vetceix5n] {
    display: flex;
    gap: 1rem;
}

/* Preview modal */
.preview-content[b-7vetceix5n] {
    padding: 1.5rem;
    background: var(--badminton-gray-lighter);
    border-radius: 8px;
    font-family: monospace;
    white-space: pre-wrap;
    margin: 1rem 0;
}

/* SMS history */
.sms-history-item[b-7vetceix5n] {
    padding: 1rem;
    border-bottom: 1px solid var(--badminton-gray-light);
}

.sms-history-item:last-child[b-7vetceix5n] {
    border-bottom: none;
}

.history-header[b-7vetceix5n] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.history-status[b-7vetceix5n] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

.history-status.sent[b-7vetceix5n] {
    background: var(--badminton-success);
    color: white;
}

.history-status.failed[b-7vetceix5n] {
    background: var(--badminton-danger);
    color: white;
}

.history-status.pending[b-7vetceix5n] {
    background: var(--badminton-warning);
    color: white;
}

/* Responsive */
@media (max-width: 768px) {
    .sms-composer[b-7vetceix5n] {
        padding: 0;
    }
    
    .recipient-type-tabs[b-7vetceix5n] {
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    
    .recipient-tab[b-7vetceix5n] {
        white-space: nowrap;
    }
    
    .sms-actions[b-7vetceix5n] {
        flex-direction: column;
    }
    
    .action-group[b-7vetceix5n] {
        width: 100%;
        flex-direction: column;
    }
    
    .action-group button[b-7vetceix5n] {
        width: 100%;
    }
    
    .datetime-input[b-7vetceix5n] {
        max-width: 100%;
    }
}


/* Extracted from inline styles */

    .page-title[b-7vetceix5n] {
        font-size: 2rem;
        font-weight: 800;
        color: var(--badminton-dark);
        display: flex;
        align-items: center;
    }

    .tips-list[b-7vetceix5n] {
        list-style: none;
        padding-left: 0;
    }

    .tips-list li[b-7vetceix5n] {
        padding: 0.5rem 0;
        border-bottom: 1px solid #e9ecef;
    }

    .tips-list li:last-child[b-7vetceix5n] {
        border-bottom: none;
    }

    .status-item[b-7vetceix5n] {
        padding: 0.5rem 0;
    }

/* /Components/Pages/Admin/Transactions.razor.rz.scp.css */
/* Transactions.razor - Scoped Styles */

/* Transaction filters */
.transaction-filters[b-ijkex4af5y] {
    background: var(--badminton-gray-lighter);
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 2rem;
}

.filter-row[b-ijkex4af5y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.filter-row:last-child[b-ijkex4af5y] {
    margin-bottom: 0;
}

/* Transaction summary cards */
.transaction-summary[b-ijkex4af5y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.summary-card[b-ijkex4af5y] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

.summary-card[b-ijkex4af5y]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
}

.summary-card.income[b-ijkex4af5y]::before {
    background: linear-gradient(135deg, var(--badminton-success) 0%, #2e7d32 100%);
}

.summary-card.expense[b-ijkex4af5y]::before {
    background: linear-gradient(135deg, var(--badminton-danger) 0%, #c62828 100%);
}

.summary-card.total[b-ijkex4af5y]::before {
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
}

.summary-label[b-ijkex4af5y] {
    font-size: 0.875rem;
    color: var(--badminton-gray);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

.summary-value[b-ijkex4af5y] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--badminton-dark);
}

.summary-value.positive[b-ijkex4af5y] {
    color: var(--badminton-success);
}

.summary-value.negative[b-ijkex4af5y] {
    color: var(--badminton-danger);
}

/* Transaction table */
.transaction-table-container[b-ijkex4af5y] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.table-header[b-ijkex4af5y] {
    padding: 1.5rem;
    border-bottom: 2px solid var(--badminton-gray-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.table-title[b-ijkex4af5y] {
    font-weight: 600;
    color: var(--badminton-dark);
}

.table-actions[b-ijkex4af5y] {
    display: flex;
    gap: 0.5rem;
}

/* Transaction row styling */
.transaction-row[b-ijkex4af5y] {
    transition: background 0.3s ease;
}

.transaction-row:hover[b-ijkex4af5y] {
    background: var(--badminton-gray-lighter);
}

.transaction-type-badge[b-ijkex4af5y] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

.transaction-type-badge.credit[b-ijkex4af5y] {
    background: linear-gradient(135deg, rgba(67, 160, 71, 0.1) 0%, rgba(67, 160, 71, 0.05) 100%);
    color: var(--badminton-success);
}

.transaction-type-badge.debit[b-ijkex4af5y] {
    background: linear-gradient(135deg, rgba(229, 57, 53, 0.1) 0%, rgba(229, 57, 53, 0.05) 100%);
    color: var(--badminton-danger);
}

/* Amount display */
.amount-display[b-ijkex4af5y] {
    font-weight: 700;
    font-size: 1.125rem;
}

.amount-display.positive[b-ijkex4af5y] {
    color: var(--badminton-success);
}

.amount-display.negative[b-ijkex4af5y] {
    color: var(--badminton-danger);
}

.amount-display.positive[b-ijkex4af5y]::before {
    content: '+';
}

.amount-display.negative[b-ijkex4af5y]::before {
    content: '-';
}

/* Status badges */
.status-badge[b-ijkex4af5y] {
    padding: 0.35rem 0.65rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-badge.completed[b-ijkex4af5y] {
    background: var(--badminton-success);
    color: white;
}

.status-badge.pending[b-ijkex4af5y] {
    background: var(--badminton-warning);
    color: white;
}

.status-badge.failed[b-ijkex4af5y] {
    background: var(--badminton-danger);
    color: white;
}

/* Transaction details modal */
.transaction-details[b-ijkex4af5y] {
    padding: 1.5rem;
}

.detail-row[b-ijkex4af5y] {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    border-bottom: 1px solid var(--badminton-gray-light);
}

.detail-row:last-child[b-ijkex4af5y] {
    border-bottom: none;
}

.detail-label[b-ijkex4af5y] {
    color: var(--badminton-gray);
    font-weight: 500;
}

.detail-value[b-ijkex4af5y] {
    color: var(--badminton-dark);
    font-weight: 600;
}

/* Export options */
.export-dropdown[b-ijkex4af5y] {
    position: relative;
    display: inline-block;
}

.export-menu[b-ijkex4af5y] {
    position: absolute;
    right: 0;
    top: 100%;
    background: white;
    border: 1px solid var(--badminton-gray-light);
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    min-width: 150px;
    z-index: 1000;
    margin-top: 0.5rem;
}

.export-option[b-ijkex4af5y] {
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background 0.3s ease;
}

.export-option:hover[b-ijkex4af5y] {
    background: var(--badminton-gray-lighter);
}

/* Pagination */
.pagination-container[b-ijkex4af5y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-top: 1px solid var(--badminton-gray-light);
}

.page-info[b-ijkex4af5y] {
    color: var(--badminton-gray);
    font-size: 0.875rem;
}

.pagination-controls[b-ijkex4af5y] {
    display: flex;
    gap: 0.5rem;
}

/* Empty state */
.transactions-empty[b-ijkex4af5y] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-ijkex4af5y] {
    width: 80px;
    height: 80px;
    background: var(--badminton-gray-lighter);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.empty-icon i[b-ijkex4af5y] {
    font-size: 2.5rem;
    color: var(--badminton-gray);
}

/* Responsive */
@media (max-width: 768px) {
    .transaction-summary[b-ijkex4af5y] {
        grid-template-columns: 1fr;
    }
    
    .summary-value[b-ijkex4af5y] {
        font-size: 1.5rem;
    }
    
    .filter-row[b-ijkex4af5y] {
        grid-template-columns: 1fr;
    }
    
    .table-header[b-ijkex4af5y] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .table-actions[b-ijkex4af5y] {
        flex-direction: column;
    }
    
    .table-actions button[b-ijkex4af5y] {
        width: 100%;
    }
    
    .pagination-container[b-ijkex4af5y] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .detail-row[b-ijkex4af5y] {
        flex-direction: column;
        gap: 0.5rem;
    }
}
/* /Components/Pages/Community.razor.rz.scp.css */
.community-page[b-2plw1m5xow] {
    background: var(--badminton-gray-lighter);
}

/* Hero Section */
.community-hero[b-2plw1m5xow] {
    padding: 6rem 0 4rem;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(255, 111, 0, 0.05) 100%);
    position: relative;
    overflow: hidden;
}

.hero-badge[b-2plw1m5xow] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--gradient-primary);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.9375rem;
}

.badge-icon[b-2plw1m5xow] {
    font-size: 1.5rem;
}

.hero-title[b-2plw1m5xow] {
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-description[b-2plw1m5xow] {
    font-size: 1.25rem;
    color: var(--badminton-gray-dark);
    margin-bottom: 0;
    line-height: 1.8;
}

/* Our Community Section */
.our-community-section[b-2plw1m5xow] {
    padding: 6rem 0;
    background: white;
}

.section-title[b-2plw1m5xow] {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    color: var(--badminton-dark);
}

.community-text[b-2plw1m5xow] {
    font-size: 1.0625rem;
    line-height: 1.8;
    color: var(--badminton-gray-dark);
    margin-bottom: 1.5rem;
}

.community-actions[b-2plw1m5xow] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.community-visual[b-2plw1m5xow] {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visual-icon[b-2plw1m5xow] {
    font-size: 12rem;
    animation: float-b-2plw1m5xow 4s ease-in-out infinite;
    z-index: 2;
    position: relative;
}

.visual-circle[b-2plw1m5xow] {
    position: absolute;
    border-radius: 50%;
    background: var(--gradient-primary);
    opacity: 0.1;
}

.visual-circle-1[b-2plw1m5xow] {
    width: 350px;
    height: 350px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.visual-circle-2[b-2plw1m5xow] {
    width: 250px;
    height: 250px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: pulse 3s ease-in-out infinite;
}

@keyframes float-b-2plw1m5xow {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

/* Benefits Section */
.benefits-section[b-2plw1m5xow] {
    padding: 6rem 0;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.03) 0%, rgba(255, 111, 0, 0.03) 100%);
}

.section-header[b-2plw1m5xow] {
    max-width: 700px;
    margin: 0 auto;
}

.section-subtitle[b-2plw1m5xow] {
    font-size: 1.125rem;
    color: var(--badminton-gray);
}

.benefit-card[b-2plw1m5xow] {
    text-align: center;
    padding: 2.5rem 2rem;
    background: white;
    border-radius: 16px;
    transition: all var(--transition-normal);
    height: 100%;
    box-shadow: var(--shadow-sm);
}

.benefit-card:hover[b-2plw1m5xow] {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
}

.benefit-icon[b-2plw1m5xow] {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    background: var(--gradient-primary);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: white;
}

.benefit-icon-success[b-2plw1m5xow] {
    background: var(--gradient-success);
}

.benefit-icon-warning[b-2plw1m5xow] {
    background: linear-gradient(135deg, #ffa726 0%, #f57c00 100%);
}

.benefit-icon-secondary[b-2plw1m5xow] {
    background: var(--gradient-secondary);
}

.benefit-title[b-2plw1m5xow] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--badminton-dark);
}

.benefit-description[b-2plw1m5xow] {
    color: var(--badminton-gray-dark);
    font-size: 0.9375rem;
    line-height: 1.6;
    margin: 0;
}

/* Events Section */
.events-section[b-2plw1m5xow] {
    padding: 6rem 0;
    background: white;
}

.event-card[b-2plw1m5xow] {
    background: var(--badminton-gray-lighter);
    border-radius: 16px;
    padding: 2rem;
    text-align: center;
    transition: all var(--transition-normal);
    height: 100%;
    border: 2px solid transparent;
}

.event-card:hover[b-2plw1m5xow] {
    border-color: var(--badminton-primary);
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
    background: white;
}

.event-icon[b-2plw1m5xow] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
}

.event-title[b-2plw1m5xow] {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: var(--badminton-dark);
}

.event-description[b-2plw1m5xow] {
    color: var(--badminton-gray-dark);
    font-size: 0.9375rem;
    line-height: 1.6;
    margin: 0;
}

/* CTA Section */
.community-cta-section[b-2plw1m5xow] {
    padding: 4rem 0;
}

.cta-card[b-2plw1m5xow] {
    background: var(--gradient-primary);
    padding: 4rem 3rem;
    border-radius: 24px;
    color: white;
    box-shadow: var(--shadow-xl);
}

.cta-title[b-2plw1m5xow] {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 1rem;
}

.cta-description[b-2plw1m5xow] {
    font-size: 1.125rem;
    opacity: 0.95;
    margin-bottom: 0;
}

.btn-light[b-2plw1m5xow] {
    background: white;
    color: var(--badminton-primary);
    border: none;
    font-weight: 700;
}

.btn-light:hover[b-2plw1m5xow] {
    background: var(--badminton-gray-lighter);
    color: var(--badminton-primary-dark);
    transform: scale(1.05);
}

.btn-outline-light[b-2plw1m5xow] {
    border: 2px solid white;
    color: white;
    background: transparent;
    font-weight: 700;
}

.btn-outline-light:hover[b-2plw1m5xow] {
    background: white;
    color: var(--badminton-primary);
    transform: scale(1.05);
}

/* Footer Section */
.footer-section[b-2plw1m5xow] {
    padding: 2rem 0;
    background: var(--badminton-dark);
    color: white;
}

.footer-content[b-2plw1m5xow] {
    text-align: center;
}

.footer-content p[b-2plw1m5xow] {
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.8);
}

.footer-links[b-2plw1m5xow] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.footer-links a[b-2plw1m5xow] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.footer-links a:hover[b-2plw1m5xow] {
    color: white;
}

.footer-links span[b-2plw1m5xow] {
    color: rgba(255, 255, 255, 0.5);
}

/* Responsive */
@media (max-width: 991.98px) {
    .hero-title[b-2plw1m5xow] {
        font-size: 2.5rem;
    }

    .section-title[b-2plw1m5xow] {
        font-size: 2rem;
    }

    .community-visual[b-2plw1m5xow] {
        height: 300px;
    }

    .visual-icon[b-2plw1m5xow] {
        font-size: 8rem;
    }

    .cta-card[b-2plw1m5xow] {
        text-align: center;
    }

    .cta-title[b-2plw1m5xow] {
        font-size: 2rem;
    }
}

@media (max-width: 767.98px) {
    .community-hero[b-2plw1m5xow] {
        padding: 4rem 0 2rem;
    }

    .hero-title[b-2plw1m5xow] {
        font-size: 2rem;
    }

    .community-visual[b-2plw1m5xow] {
        height: 250px;
        margin-top: 2rem;
    }

    .visual-icon[b-2plw1m5xow] {
        font-size: 6rem;
    }

    .community-actions[b-2plw1m5xow] {
        flex-direction: column;
    }

    .community-actions .btn[b-2plw1m5xow] {
        width: 100%;
    }

    .benefits-section[b-2plw1m5xow],
    .events-section[b-2plw1m5xow] {
        padding: 4rem 0;
    }

    .cta-card[b-2plw1m5xow] {
        padding: 3rem 2rem;
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-page[b-saphll41sx] {
    background: var(--badminton-gray-lighter);
}

/* Hero Section */
.contact-hero[b-saphll41sx] {
    padding: 6rem 0 4rem;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(255, 111, 0, 0.05) 100%);
}

.hero-badge[b-saphll41sx] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--gradient-primary);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.9375rem;
}

.badge-icon[b-saphll41sx] {
    font-size: 1.5rem;
}

.hero-title[b-saphll41sx] {
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-description[b-saphll41sx] {
    font-size: 1.25rem;
    color: var(--badminton-gray-dark);
    margin-bottom: 0;
    line-height: 1.8;
}

/* Contact Content Section */
.contact-content-section[b-saphll41sx] {
    padding: 6rem 0;
}

.contact-info-card[b-saphll41sx],
.contact-form-card[b-saphll41sx] {
    background: white;
    border-radius: 16px;
    padding: 3rem;
    box-shadow: var(--shadow-md);
    height: 100%;
}

.info-title[b-saphll41sx],
.form-title[b-saphll41sx] {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
    color: var(--badminton-dark);
}

.info-subtitle[b-saphll41sx],
.form-subtitle[b-saphll41sx] {
    font-size: 1.0625rem;
    color: var(--badminton-gray);
    margin-bottom: 2rem;
}

/* Contact Methods */
.contact-methods[b-saphll41sx] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.contact-method[b-saphll41sx] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--badminton-gray-lighter);
    border-radius: 12px;
    transition: all var(--transition-fast);
}

.contact-method:hover[b-saphll41sx] {
    transform: translateX(8px);
    box-shadow: var(--shadow-sm);
}

.method-icon[b-saphll41sx] {
    width: 50px;
    height: 50px;
    background: var(--gradient-primary);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.method-icon-success[b-saphll41sx] {
    background: var(--gradient-success);
}

.method-icon-warning[b-saphll41sx] {
    background: linear-gradient(135deg, #ffa726 0%, #f57c00 100%);
}

.method-icon-secondary[b-saphll41sx] {
    background: var(--gradient-secondary);
}

.method-content h4[b-saphll41sx] {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--badminton-dark);
}

.method-content a[b-saphll41sx] {
    color: var(--badminton-primary);
    text-decoration: none;
    font-weight: 600;
    transition: color var(--transition-fast);
}

.method-content a:hover[b-saphll41sx] {
    color: var(--badminton-primary-dark);
    text-decoration: underline;
}

.method-content p[b-saphll41sx] {
    color: var(--badminton-gray-dark);
    margin: 0;
    line-height: 1.6;
}

/* Social Connect */
.social-connect h4[b-saphll41sx] {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--badminton-dark);
}

.social-links[b-saphll41sx] {
    display: flex;
    gap: 1rem;
}

.social-link[b-saphll41sx] {
    width: 50px;
    height: 50px;
    background: var(--badminton-gray-lighter);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--badminton-primary);
    font-size: 1.5rem;
    transition: all var(--transition-fast);
    text-decoration: none;
}

.social-link:hover[b-saphll41sx] {
    background: var(--gradient-primary);
    color: white;
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.social-link-facebook[b-saphll41sx] {
    background: #1877f2;
    color: white;
}

.social-link-facebook:hover[b-saphll41sx] {
    background: #145dbf;
    box-shadow: 0 6px 16px rgba(24, 119, 242, 0.45);
    transform: translateY(-4px);
    color: white;
}

.social-link-disabled[b-saphll41sx] {
    background: var(--badminton-gray-lighter);
    color: rgba(0, 0, 0, 0.2);
    cursor: not-allowed;
    pointer-events: none;
}

/* Contact Form */
.contact-form[b-saphll41sx] {
    margin-top: 2rem;
}

.form-group[b-saphll41sx] {
    margin-bottom: 1.5rem;
}

.form-label[b-saphll41sx] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--badminton-dark);
    display: block;
}

.form-control[b-saphll41sx] {
    width: 100%;
    padding: 0.875rem 1.25rem;
    font-size: 1rem;
    border: 2px solid var(--badminton-gray-light);
    border-radius: 12px;
    transition: all var(--transition-fast);
}

.form-control:focus[b-saphll41sx] {
    outline: none;
    border-color: var(--badminton-primary);
    box-shadow: 0 0 0 4px rgba(30, 136, 229, 0.1);
}

textarea.form-control[b-saphll41sx] {
    resize: vertical;
    min-height: 120px;
}

select.form-control[b-saphll41sx] {
    cursor: pointer;
}

/* Map Section */
.map-section[b-saphll41sx] {
    padding: 0 0 4rem 0;
}

.map-placeholder[b-saphll41sx] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(255, 111, 0, 0.1) 100%);
    border-radius: 16px;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.map-overlay[b-saphll41sx] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.95);
}

.map-content[b-saphll41sx] {
    text-align: center;
    padding: 2rem;
}

.map-content i[b-saphll41sx] {
    font-size: 4rem;
    color: var(--badminton-primary);
    margin-bottom: 1rem;
}

.map-content h3[b-saphll41sx] {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
    color: var(--badminton-dark);
}

.map-content p[b-saphll41sx] {
    font-size: 1.125rem;
    color: var(--badminton-gray-dark);
    margin-bottom: 1.5rem;
}

/* Footer Section */
.footer-section[b-saphll41sx] {
    padding: 2rem 0;
    background: var(--badminton-dark);
    color: white;
}

.footer-content[b-saphll41sx] {
    text-align: center;
}

.footer-content p[b-saphll41sx] {
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.8);
}

.footer-links[b-saphll41sx] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.footer-links a[b-saphll41sx] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.footer-links a:hover[b-saphll41sx] {
    color: white;
}

.footer-links span[b-saphll41sx] {
    color: rgba(255, 255, 255, 0.5);
}

/* Alerts */
.alert[b-saphll41sx] {
    padding: 1rem 1.5rem;
    border-radius: 12px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.alert-success[b-saphll41sx] {
    background: rgba(67, 160, 71, 0.1);
    color: #2e7d32;
    border: 2px solid rgba(67, 160, 71, 0.3);
}

.alert-danger[b-saphll41sx] {
    background: rgba(229, 57, 53, 0.1);
    color: #c62828;
    border: 2px solid rgba(229, 57, 53, 0.3);
}

/* Responsive */
@media (max-width: 991.98px) {
    .hero-title[b-saphll41sx] {
        font-size: 2.5rem;
    }

    .contact-info-card[b-saphll41sx],
    .contact-form-card[b-saphll41sx] {
        padding: 2rem;
    }

    .info-title[b-saphll41sx],
    .form-title[b-saphll41sx] {
        font-size: 1.75rem;
    }
}

@media (max-width: 767.98px) {
    .contact-hero[b-saphll41sx] {
        padding: 4rem 0 2rem;
    }

    .hero-title[b-saphll41sx] {
        font-size: 2rem;
    }

    .contact-content-section[b-saphll41sx] {
        padding: 4rem 0;
    }

    .contact-info-card[b-saphll41sx],
    .contact-form-card[b-saphll41sx] {
        padding: 1.5rem;
    }

    .map-placeholder[b-saphll41sx] {
        height: 300px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Welcome Header */
.welcome-header[b-s2ezpxtnt0] {
    text-align: left;
    padding: 1.5rem 0;
    border-bottom: 1px solid #e9ecef;
}

.header-icon[b-s2ezpxtnt0] {
    font-size: 2rem;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.page-title[b-s2ezpxtnt0] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.page-subtitle[b-s2ezpxtnt0] {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 400;
}

/* Market Cards */
.market-card[b-s2ezpxtnt0] {
    background: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 0.375rem;
    transition: all 0.2s ease;
    height: 100%;
}

.market-card:hover[b-s2ezpxtnt0] {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
    border-color: #dee2e6;
}

.market-card-body[b-s2ezpxtnt0] {
    padding: 1.5rem;
    text-align: left;
}

.market-icon-wrapper[b-s2ezpxtnt0] {
    width: 50px;
    height: 50px;
    border-radius: 0.375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.market-icon-wrapper .bi[b-s2ezpxtnt0] {
    font-size: 1.5rem;
    display: inline-block;
}

.market-title[b-s2ezpxtnt0] {
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.75rem;
}

.market-description[b-s2ezpxtnt0] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 1.25rem;
    line-height: 1.5;
}

/* Guide Card */
.guide-card[b-s2ezpxtnt0] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 0.375rem;
}

.guide-card-body[b-s2ezpxtnt0] {
    padding: 1.5rem;
}

.guide-title[b-s2ezpxtnt0] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.guide-title .bi[b-s2ezpxtnt0] {
    font-size: 1.1rem;
}

.guide-list[b-s2ezpxtnt0] {
    font-size: 0.875rem;
    color: #495057;
    padding-left: 1.25rem;
    line-height: 1.8;
}

.guide-list li[b-s2ezpxtnt0] {
    margin-bottom: 0.5rem;
}

.guide-list li:last-child[b-s2ezpxtnt0] {
    margin-bottom: 0;
}

/* Button Adjustments */
.btn-sm[b-s2ezpxtnt0] {
    font-size: 0.8125rem;
    padding: 0.375rem 0.875rem;
    font-weight: 500;
}

.btn .bi[b-s2ezpxtnt0] {
    font-size: 0.75rem;
}

/* Responsive */
@media (max-width: 767.98px) {
    .welcome-header[b-s2ezpxtnt0] {
        text-align: center;
    }

    .page-title[b-s2ezpxtnt0] {
        font-size: 1.5rem;
    }

    .market-card-body[b-s2ezpxtnt0] {
        text-align: center;
    }
}

/* ===== Public Home Page Styles ===== */
    .public-home[b-s2ezpxtnt0] {
        background: var(--badminton-gray-lighter);
    }

    /* Hero Section */
    .hero-section[b-s2ezpxtnt0] {
        padding: 6rem 0 4rem;
        background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(255, 111, 0, 0.05) 100%);
        position: relative;
        overflow: hidden;
    }

    .hero-badge[b-s2ezpxtnt0] {
        display: inline-flex;
        align-items: center;
        gap: 0.75rem;
        background: var(--gradient-primary);
        color: white;
        padding: 0.5rem 1.5rem;
        border-radius: 50px;
        font-weight: 600;
        font-size: 0.9375rem;
    }

    .badge-icon[b-s2ezpxtnt0] {
        font-size: 1.5rem;
    }

    .hero-title[b-s2ezpxtnt0] {
        font-size: 3.5rem;
        font-weight: 900;
        line-height: 1.1;
        margin-bottom: 1.5rem;
        color: transparent;
        background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-shadow: none;
        position: relative;
        display: inline-block;
    }

    /* Clean version without gradient clipping - no borders */
    .hero-title-clean[b-s2ezpxtnt0] {
        font-size: 3.5rem;
        font-weight: 900;
        line-height: 1.1;
        margin-bottom: 1.5rem;
        color: #1e88e5;
        position: relative;
        text-shadow: 0 4px 25px rgba(30, 136, 229, 0.15);
        letter-spacing: -0.02em;
        white-space: nowrap;
    }

    .hero-description[b-s2ezpxtnt0] {
        font-size: 1.25rem;
        color: var(--badminton-gray-dark);
        margin-bottom: 2rem;
        line-height: 1.8;
    }

    .hero-actions[b-s2ezpxtnt0] {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .hero-stats-inline[b-s2ezpxtnt0] {
        display: flex;
        gap: 2rem;
        flex-wrap: wrap;
    }

    .stat-inline-item[b-s2ezpxtnt0] {
        display: flex;
        flex-direction: column;
    }

    .stat-inline-item strong[b-s2ezpxtnt0] {
        font-size: 1.75rem;
        font-weight: 800;
        color: var(--badminton-primary);
    }

    .stat-inline-item span[b-s2ezpxtnt0] {
        font-size: 0.875rem;
        color: var(--badminton-gray);
        font-weight: 500;
    }

    /* Hero Visual */
    .hero-visual[b-s2ezpxtnt0] {
        position: relative;
        height: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hero-main-icon[b-s2ezpxtnt0] {
        font-size: 15rem;
        animation: float 4s ease-in-out infinite;
        z-index: 2;
        position: relative;
        filter: drop-shadow(0 12px 40px rgba(30, 136, 229, 0.35)) drop-shadow(0 0 20px rgba(255, 111, 0, 0.15));
    }

    .hero-circle[b-s2ezpxtnt0] {
        position: absolute;
        border-radius: 50%;
    }

    .hero-circle-1[b-s2ezpxtnt0] {
        width: 420px;
        height: 420px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: radial-gradient(circle at 40% 40%, rgba(30, 136, 229, 0.18) 0%, rgba(30, 136, 229, 0.06) 60%, transparent 100%);
        border: 2px solid rgba(30, 136, 229, 0.2);
        animation: pulse-ring-b-s2ezpxtnt0 4s ease-in-out infinite;
    }

    .hero-circle-2[b-s2ezpxtnt0] {
        width: 310px;
        height: 310px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: radial-gradient(circle at 60% 60%, rgba(255, 111, 0, 0.12) 0%, rgba(255, 111, 0, 0.04) 60%, transparent 100%);
        border: 2px dashed rgba(255, 111, 0, 0.25);
        animation: pulse-ring-b-s2ezpxtnt0 4s ease-in-out infinite 1s;
    }

    @keyframes pulse-ring-b-s2ezpxtnt0 {
        0%, 100% { transform: translate(-50%, -50%) scale(1); }
        50%       { transform: translate(-50%, -50%) scale(1.04); }
    }

    /* Floating decorative icons */
    .floating-icon[b-s2ezpxtnt0] {
        position: absolute;
        font-size: 2.6rem;
        transition: transform 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 64px;
        height: 64px;
        border-radius: 50%;
        animation: float 3.5s ease-in-out infinite;
    }

    .floating-icon:hover[b-s2ezpxtnt0] {
        transform: scale(1.2) !important;
        filter: brightness(1.1);
    }

    /* Circle dot � electric blue */
    .floating-icon-1[b-s2ezpxtnt0] {
        top: 8%;
        left: 8%;
        color: #ffffff;
        background: linear-gradient(135deg, #1e88e5 0%, #42a5f5 100%);
        box-shadow: 0 6px 24px rgba(30, 136, 229, 0.55), 0 0 0 4px rgba(30, 136, 229, 0.15);
        animation-delay: 0s;
    }

    /* Trophy � vibrant gold */
    .floating-icon-2[b-s2ezpxtnt0] {
        top: 12%;
        right: 10%;
        color: #ffffff;
        background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
        box-shadow: 0 6px 24px rgba(245, 158, 11, 0.6), 0 0 0 4px rgba(245, 158, 11, 0.18);
        animation-delay: 0.8s;
    }

    /* Star � energetic orange */
    .floating-icon-3[b-s2ezpxtnt0] {
        bottom: 12%;
        left: 14%;
        color: #ffffff;
        background: linear-gradient(135deg, #ff6f00 0%, #ff9800 100%);
        box-shadow: 0 6px 24px rgba(255, 111, 0, 0.6), 0 0 0 4px rgba(255, 111, 0, 0.18);
        animation-delay: 1.6s;
    }

    /* Quick Actions Section */
    .quick-actions-section[b-s2ezpxtnt0] {
        padding: 5rem 0;
        background: linear-gradient(180deg, rgba(30, 136, 229, 0.03) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 111, 0, 0.02) 100%);
        margin-top: -3rem;
        position: relative;
        z-index: 10;
    }

    .section-header[b-s2ezpxtnt0] {
        margin-bottom: 3rem;
    }

    .section-header .section-title[b-s2ezpxtnt0] {
        font-size: 2.5rem;
        font-weight: 800;
        color: var(--badminton-dark);
        margin-bottom: 0.75rem;
        background: var(--gradient-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .section-header .section-subtitle[b-s2ezpxtnt0] {
        font-size: 1.125rem;
        color: var(--badminton-gray);
        max-width: 600px;
        margin: 0 auto;
    }

    .action-card[b-s2ezpxtnt0] {
        background: white;
        border: none;
        border-radius: 24px;
        padding: 3rem 2rem 2.5rem;
        text-align: center;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        height: 100%;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        position: relative;
        overflow: hidden;
    }

    .action-card[b-s2ezpxtnt0]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 5px;
        background: var(--gradient-primary);
        opacity: 0;
        transition: opacity var(--transition-normal);
    }

    .action-card-primary[b-s2ezpxtnt0]::before {
        background: var(--gradient-primary);
    }

    .action-card-secondary[b-s2ezpxtnt0]::before {
        background: var(--gradient-secondary);
    }

    .action-card-success[b-s2ezpxtnt0]::before {
        background: var(--gradient-success);
    }

    .action-card:hover[b-s2ezpxtnt0]::before {
        opacity: 1;
    }

    .action-card:hover[b-s2ezpxtnt0] {
        transform: translateY(-12px);
        box-shadow: 0 20px 40px rgba(30, 136, 229, 0.2);
    }

    .action-icon-wrapper[b-s2ezpxtnt0] {
        margin-bottom: 1.5rem;
        position: relative;
    }

    .action-icon[b-s2ezpxtnt0] {
        width: 90px;
        height: 90px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 20px;
        font-size: 2.5rem;
        background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(30, 136, 229, 0.05) 100%);
        color: var(--badminton-primary);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
    }

    .action-card-primary .action-icon[b-s2ezpxtnt0] {
        background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(30, 136, 229, 0.05) 100%);
        color: var(--badminton-primary);
    }

    .action-card-secondary .action-icon[b-s2ezpxtnt0] {
        background: linear-gradient(135deg, rgba(255, 111, 0, 0.1) 0%, rgba(255, 111, 0, 0.05) 100%);
        color: var(--badminton-secondary);
    }

    .action-card-success .action-icon[b-s2ezpxtnt0] {
        background: linear-gradient(135deg, rgba(67, 160, 71, 0.1) 0%, rgba(67, 160, 71, 0.05) 100%);
        color: var(--badminton-success);
    }

    .action-card:hover .action-icon[b-s2ezpxtnt0] {
        transform: scale(1.15) rotate(5deg);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    }

    .action-card-primary:hover .action-icon[b-s2ezpxtnt0] {
        background: var(--gradient-primary);
        color: white;
    }

    .action-card-secondary:hover .action-icon[b-s2ezpxtnt0] {
        background: var(--gradient-secondary);
        color: white;
    }

    .action-card-success:hover .action-icon[b-s2ezpxtnt0] {
        background: var(--gradient-success);
        color: white;
    }

    .action-title[b-s2ezpxtnt0] {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 1rem;
        color: var(--badminton-dark);
    }

    .action-description[b-s2ezpxtnt0] {
        color: var(--badminton-gray);
        font-size: 1rem;
        margin-bottom: 1.5rem;
        line-height: 1.7;
        min-height: 65px;
    }

    .action-link[b-s2ezpxtnt0] {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--badminton-primary);
        font-weight: 600;
        font-size: 1rem;
        text-decoration: none;
        transition: all var(--transition-normal);
        position: relative;
    }

    .action-card-primary .action-link[b-s2ezpxtnt0] {
        color: var(--badminton-primary);
    }

    .action-card-secondary .action-link[b-s2ezpxtnt0] {
        color: var(--badminton-secondary);
    }

    .action-card-success .action-link[b-s2ezpxtnt0] {
        color: var(--badminton-success);
    }

    .action-link[b-s2ezpxtnt0]::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 2px;
        background: currentColor;
        transition: width var(--transition-normal);
    }

    .action-link:hover[b-s2ezpxtnt0]::after {
        width: 100%;
    }

    .action-link i[b-s2ezpxtnt0] {
        transition: transform var(--transition-fast);
    }

    .action-link:hover i[b-s2ezpxtnt0] {
        transform: translateX(4px);
    }

    @media (max-width: 767.98px) {
        .section-header .section-title[b-s2ezpxtnt0] {
            font-size: 2rem;
        }

        .action-card[b-s2ezpxtnt0] {
            padding: 2.5rem 1.5rem 2rem;
        }

        .action-icon[b-s2ezpxtnt0] {
            width: 75px;
            height: 75px;
            font-size: 2rem;
        }

        .action-description[b-s2ezpxtnt0] {
            min-height: auto;
        }
    }

    /* About Section */
    .about-section[b-s2ezpxtnt0] {
        padding: 6rem 0;
        background: linear-gradient(135deg, rgba(30, 136, 229, 0.03) 0%, rgba(255, 111, 0, 0.03) 100%);
    }

    .about-text[b-s2ezpxtnt0] {
        font-size: 1.0625rem;
        line-height: 1.8;
        color: var(--badminton-gray-dark);
        margin-bottom: 1.5rem;
    }

    .stats-grid[b-s2ezpxtnt0] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }

    .stat-box[b-s2ezpxtnt0] {
        background: white;
        border-radius: 16px;
        padding: 2rem 1rem;
        text-align: center;
        box-shadow: var(--shadow-sm);
        transition: all var(--transition-normal);
    }

    .stat-box:hover[b-s2ezpxtnt0] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-md);
    }

    .stat-number[b-s2ezpxtnt0] {
        font-size: 2.5rem;
        font-weight: 900;
        background: var(--gradient-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin-bottom: 0.5rem;
    }

    .stat-label[b-s2ezpxtnt0] {
        font-size: 0.9375rem;
        color: var(--badminton-gray);
        font-weight: 600;
    }

    /* Features Section */
    .features-section[b-s2ezpxtnt0] {
        padding: 6rem 0;
        background: white;
    }

    .section-header[b-s2ezpxtnt0] {
        max-width: 700px;
        margin: 0 auto;
    }

    .section-title[b-s2ezpxtnt0] {
        font-size: 2.5rem;
        font-weight: 800;
        margin-bottom: 1rem;
        color: var(--badminton-dark);
    }

    .section-subtitle[b-s2ezpxtnt0] {
        font-size: 1.125rem;
        color: var(--badminton-gray);
    }

    .feature-card[b-s2ezpxtnt0] {
        text-align: center;
        padding: 2.5rem 2rem;
        background: white;
        border-radius: 16px;
        transition: all var(--transition-normal);
        height: 100%;
        box-shadow: var(--shadow-sm);
        border: 2px solid transparent;
        position: relative;
        overflow: hidden;
    }

    .feature-card[b-s2ezpxtnt0]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: var(--gradient-primary);
        transform: scaleX(0);
        transition: transform var(--transition-normal);
    }

    .feature-card:hover[b-s2ezpxtnt0]::before {
        transform: scaleX(1);
    }

    .feature-card:hover[b-s2ezpxtnt0] {
        transform: translateY(-12px);
        box-shadow: var(--shadow-xl);
        border-color: var(--badminton-gray-light);
    }

    .feature-icon[b-s2ezpxtnt0] {
        width: 90px;
        height: 90px;
        margin: 0 auto 1.75rem;
        background: var(--gradient-primary);
        border-radius: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2.75rem;
        color: white;
        box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
        transition: all var(--transition-normal);
        position: relative;
    }

    .feature-card:hover .feature-icon[b-s2ezpxtnt0] {
        transform: scale(1.1) rotate(5deg);
        box-shadow: 0 12px 30px rgba(30, 136, 229, 0.4);
    }

    .feature-icon[b-s2ezpxtnt0]::after {
        content: '';
        position: absolute;
        top: -4px;
        right: -4px;
        bottom: -4px;
        left: -4px;
        background: inherit;
        border-radius: 24px;
        opacity: 0.2;
        z-index: -1;
    }

    .feature-icon-success[b-s2ezpxtnt0] {
        background: var(--gradient-success);
        box-shadow: 0 8px 20px rgba(67, 160, 71, 0.3);
    }

    .feature-card:hover .feature-icon-success[b-s2ezpxtnt0] {
        box-shadow: 0 12px 30px rgba(67, 160, 71, 0.4);
    }

    .feature-icon-warning[b-s2ezpxtnt0] {
        background: linear-gradient(135deg, #ffa726 0%, #f57c00 100%);
        box-shadow: 0 8px 20px rgba(255, 167, 38, 0.3);
    }

    .feature-card:hover .feature-icon-warning[b-s2ezpxtnt0] {
        box-shadow: 0 12px 30px rgba(255, 167, 38, 0.4);
    }

    .feature-icon-secondary[b-s2ezpxtnt0] {
        background: var(--gradient-secondary);
        box-shadow: 0 8px 20px rgba(255, 111, 0, 0.3);
    }

    .feature-card:hover .feature-icon-secondary[b-s2ezpxtnt0] {
        box-shadow: 0 12px 30px rgba(255, 111, 0, 0.4);
    }

    /* Benefits Section */
    .benefits-section[b-s2ezpxtnt0] {
        padding: 6rem 0;
        background: linear-gradient(135deg, rgba(30, 136, 229, 0.03) 0%, rgba(255, 111, 0, 0.03) 100%);
    }

    .benefit-card[b-s2ezpxtnt0] {
        background: white;
        border-radius: 16px;
        padding: 2rem 1.75rem;
        border: 2px solid transparent;
        transition: all var(--transition-normal);
        height: 100%;
        box-shadow: var(--shadow-sm);
        position: relative;
        overflow: hidden;
    }

    .benefit-card[b-s2ezpxtnt0]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: var(--gradient-primary);
        transform: scaleY(0);
        transition: transform var(--transition-normal);
    }

    .benefit-card:hover[b-s2ezpxtnt0]::before {
        transform: scaleY(1);
    }

    .benefit-card:hover[b-s2ezpxtnt0] {
        transform: translateY(-8px);
        box-shadow: var(--shadow-lg);
        border-color: var(--badminton-gray-light);
    }

    .benefit-check[b-s2ezpxtnt0] {
        display: inline-flex;
        width: 50px;
        height: 50px;
        background: var(--gradient-success);
        color: white;
        border-radius: 14px;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 1.5rem;
        margin-bottom: 1.25rem;
        box-shadow: 0 6px 16px rgba(67, 160, 71, 0.3);
        transition: all var(--transition-normal);
        position: relative;
    }

    .benefit-card:hover .benefit-check[b-s2ezpxtnt0] {
        transform: scale(1.1) rotate(-5deg);
        box-shadow: 0 10px 25px rgba(67, 160, 71, 0.4);
    }

    .benefit-check[b-s2ezpxtnt0]::after {
        content: '';
        position: absolute;
        top: -3px;
        right: -3px;
        bottom: -3px;
        left: -3px;
        background: inherit;
        border-radius: 16px;
        opacity: 0.2;
        z-index: -1;
    }

    .benefit-title[b-s2ezpxtnt0] {
        font-size: 1.125rem;
        font-weight: 700;
        margin-bottom: 0.75rem;
        color: var(--badminton-dark);
    }

    .benefit-description[b-s2ezpxtnt0] {
        color: var(--badminton-gray);
        font-size: 0.9375rem;
        margin: 0;
        line-height: 1.6;
    }

    /* Announcements Section */
    .announcements-section[b-s2ezpxtnt0] {
        padding: 6rem 0;
        background: white;
    }

    .announcement-card[b-s2ezpxtnt0] {
        background: white;
        border-radius: 16px;
        padding: 2.5rem 2rem;
        text-align: center;
        position: relative;
        transition: all var(--transition-normal);
        height: 100%;
        box-shadow: var(--shadow-sm);
        border: 2px solid var(--badminton-gray-light);
        overflow: hidden;
    }

    .announcement-card[b-s2ezpxtnt0]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: var(--gradient-primary);
        transform: scaleX(0);
        transition: transform var(--transition-normal);
    }

    .announcement-card:hover[b-s2ezpxtnt0]::before {
        transform: scaleX(1);
    }

    .announcement-card:hover[b-s2ezpxtnt0] {
        transform: translateY(-10px);
        box-shadow: var(--shadow-xl);
        border-color: var(--badminton-primary);
    }

    .announcement-badge[b-s2ezpxtnt0] {
        position: absolute;
        top: 1.25rem;
        right: 1.25rem;
        padding: 0.375rem 0.875rem;
        border-radius: 50px;
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        transition: all var(--transition-fast);
    }

    .announcement-card:hover .announcement-badge[b-s2ezpxtnt0] {
        transform: scale(1.05);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
    }

    .announcement-badge-new[b-s2ezpxtnt0] {
        background: var(--gradient-success);
        color: white;
    }

    .announcement-badge-sale[b-s2ezpxtnt0] {
        background: var(--gradient-secondary);
        color: white;
    }

    .announcement-icon[b-s2ezpxtnt0] {
        font-size: 4rem;
        margin-bottom: 1.25rem;
        display: inline-block;
        transition: all var(--transition-normal);
        filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
    }

    .announcement-card:hover .announcement-icon[b-s2ezpxtnt0] {
        transform: scale(1.15) rotate(5deg);
        filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.15));
    }

    .announcement-title[b-s2ezpxtnt0] {
        font-size: 1.25rem;
        font-weight: 700;
        margin-bottom: 0.875rem;
        color: var(--badminton-dark);
    }

    .announcement-description[b-s2ezpxtnt0] {
        color: var(--badminton-gray-dark);
        font-size: 0.9375rem;
        margin: 0;
        line-height: 1.6;
    }

    /* CTA Section */
    .cta-section[b-s2ezpxtnt0] {
        padding: 4rem 0;
    }

    .cta-card[b-s2ezpxtnt0] {
        background: var(--gradient-primary);
        padding: 4rem 3rem;
        border-radius: 24px;
        color: white;
        box-shadow: var(--shadow-xl);
    }

    .cta-title[b-s2ezpxtnt0] {
        font-size: 2.5rem;
        font-weight: 800;
        margin-bottom: 1rem;
    }

    .cta-description[b-s2ezpxtnt0] {
        font-size: 1.125rem;
        opacity: 0.95;
        margin-bottom: 0;
    }

    .btn-light[b-s2ezpxtnt0] {
        background: white;
        color: var(--badminton-primary);
        border: none;
        font-weight: 700;
    }

    .btn-light:hover[b-s2ezpxtnt0] {
        background: var(--badminton-gray-lighter);
        color: var(--badminton-primary-dark);
        transform: scale(1.05);
    }

    .btn-outline-light[b-s2ezpxtnt0] {
        border: 2px solid white;
        color: white;
        background: transparent;
        font-weight: 700;
    }

    .btn-outline-light:hover[b-s2ezpxtnt0] {
        background: white;
        color: var(--badminton-primary);
        transform: scale(1.05);
    }

    /* Footer Info Section */
    .footer-info-section[b-s2ezpxtnt0] {
        padding: 4rem 0 2rem;
        background: var(--badminton-dark);
        color: white;
    }

    .footer-info-section p[b-s2ezpxtnt0] {
        color: rgba(255, 255, 255, 0.9);
        line-height: 1.6;
    }

    .footer-heading[b-s2ezpxtnt0] {
        font-size: 1.25rem;
        font-weight: 700;
        margin-bottom: 1rem;
        color: white;
    }

    .footer-links[b-s2ezpxtnt0] {
        list-style: none;
        padding: 0;
    }

    .footer-links li[b-s2ezpxtnt0] {
        margin-bottom: 0.5rem;
    }

    .footer-links a[b-s2ezpxtnt0] {
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none;
        transition: color var(--transition-fast);
    }

    .footer-links a:hover[b-s2ezpxtnt0] {
        color: white;
    }

    .social-links[b-s2ezpxtnt0] {
        display: flex;
        gap: 1rem;
    }

    .social-link[b-s2ezpxtnt0] {
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 1.25rem;
        transition: all var(--transition-fast);
        text-decoration: none;
    }

    .social-link:hover[b-s2ezpxtnt0] {
        background: rgba(255, 255, 255, 0.2);
        transform: translateY(-3px);
        color: white;
    }

    .social-link-facebook[b-s2ezpxtnt0] {
        background: #1877f2;
        color: white;
    }

    .social-link-facebook:hover[b-s2ezpxtnt0] {
        background: #145dbf;
        transform: translateY(-4px);
        box-shadow: 0 6px 16px rgba(24, 119, 242, 0.5);
        color: white;
    }

    .social-link-disabled[b-s2ezpxtnt0] {
        background: rgba(255, 255, 255, 0.05);
        color: rgba(255, 255, 255, 0.25);
        cursor: not-allowed;
        pointer-events: none;
    }

    /* CTA Pulse animation */
    @keyframes pulse-cta-b-s2ezpxtnt0 {
        0%, 100% { box-shadow: 0 0 0 0 rgba(30, 136, 229, 0.6); transform: scale(1); }
        50% { box-shadow: 0 0 0 12px rgba(30, 136, 229, 0); transform: scale(1.03); }
    }

    .btn-cta-pulse[b-s2ezpxtnt0] {
        animation: pulse-cta-b-s2ezpxtnt0 2.4s ease-in-out infinite;
        position: relative;
    }

    @keyframes pulse-cta-light-b-s2ezpxtnt0 {
        0%, 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); transform: scale(1); }
        50% { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0); transform: scale(1.03); }
    }

    .btn-cta-pulse-light[b-s2ezpxtnt0] {
        animation: pulse-cta-light-b-s2ezpxtnt0 2.4s ease-in-out infinite;
    }

    /* CTA tagline */
    .cta-tagline[b-s2ezpxtnt0] {
        font-size: 1.1rem;
        font-weight: 600;
        opacity: 0.9;
        margin-bottom: 0.75rem;
        letter-spacing: 0.01em;
    }

    /* Newsletter */
    .newsletter-box[b-s2ezpxtnt0] {
        background: rgba(255, 255, 255, 0.07);
        border-radius: 12px;
        padding: 1.25rem;
        border: 1px solid rgba(255, 255, 255, 0.12);
    }

    .newsletter-heading[b-s2ezpxtnt0] {
        font-size: 1rem;
        font-weight: 700;
        color: white;
        margin-bottom: 0.4rem;
    }

    .newsletter-sub[b-s2ezpxtnt0] {
        font-size: 0.85rem;
        color: rgba(255, 255, 255, 0.7);
        margin-bottom: 0.9rem;
    }

    .newsletter-form[b-s2ezpxtnt0] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .newsletter-input[b-s2ezpxtnt0] {
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 8px;
        padding: 0.6rem 1rem;
        color: white;
        font-size: 0.9rem;
        outline: none;
        width: 100%;
        transition: border-color 0.2s;
    }

    .newsletter-input[b-s2ezpxtnt0]::placeholder { color: rgba(255,255,255,0.45); }
    .newsletter-input:focus[b-s2ezpxtnt0] { border-color: rgba(255,255,255,0.6); }

    .newsletter-btn[b-s2ezpxtnt0] {
        background: var(--gradient-primary);
        color: white;
        border: none;
        border-radius: 8px;
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
        font-weight: 600;
        cursor: pointer;
        transition: opacity 0.2s;
        width: 100%;
    }

    .newsletter-btn:hover:not(:disabled)[b-s2ezpxtnt0] { opacity: 0.9; }
    .newsletter-btn:disabled[b-s2ezpxtnt0] { opacity: 0.6; cursor: not-allowed; }

    .newsletter-success[b-s2ezpxtnt0] {
        color: #a5d6a7;
        font-size: 0.9rem;
        font-weight: 600;
        padding: 0.5rem 0;
    }

    .newsletter-error[b-s2ezpxtnt0] {
        color: #ef9a9a;
        font-size: 0.8rem;
    }

    .footer-bottom[b-s2ezpxtnt0] {
        margin-top: 3rem;
        padding-top: 2rem;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        text-align: center;
    }

    .footer-bottom .copyright-text[b-s2ezpxtnt0] {
        margin-bottom: 0.5rem;
        color: rgba(255, 255, 255, 0.9);
        font-size: 0.95rem;
    }

    .footer-bottom .tagline[b-s2ezpxtnt0] {
        margin-bottom: 1.5rem;
        color: #fff;
        font-size: 1.1rem;
        font-weight: 600;
        background: linear-gradient(135deg, #1e88e5 0%, #ff6f00 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        display: inline-block;
    }

    .footer-bottom .tagline i[b-s2ezpxtnt0] {
        -webkit-text-fill-color: #ff6f00;
        animation: heartbeat-b-s2ezpxtnt0 1.5s ease-in-out infinite;
    }

    @keyframes heartbeat-b-s2ezpxtnt0 {
        0%, 100% { transform: scale(1); }
        50% { transform: scale(1.1); }
    }

    .footer-bottom-links[b-s2ezpxtnt0] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .footer-bottom-links a[b-s2ezpxtnt0] {
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none;
        transition: color var(--transition-fast);
    }

    .footer-bottom-links a:hover[b-s2ezpxtnt0] {
        color: white;
    }

    .footer-bottom-links span[b-s2ezpxtnt0] {
        color: rgba(255, 255, 255, 0.5);
    }

    /* Responsive */
    @media (max-width: 991.98px) {
        .hero-title[b-s2ezpxtnt0],
        .hero-title-clean[b-s2ezpxtnt0] {
            font-size: 2.5rem;
        }

        .hero-visual[b-s2ezpxtnt0] {
            height: 350px;
        }

        .hero-main-icon[b-s2ezpxtnt0] {
            font-size: 10rem;
        }

        .section-title[b-s2ezpxtnt0] {
            font-size: 2rem;
        }

        .cta-card[b-s2ezpxtnt0] {
            text-align: center;
        }

        .cta-title[b-s2ezpxtnt0] {
            font-size: 2rem;
        }

        .stats-grid[b-s2ezpxtnt0] {
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
        }

        .stat-box[b-s2ezpxtnt0] {
            padding: 1.5rem 0.75rem;
        }

        .stat-number[b-s2ezpxtnt0] {
            font-size: 2rem;
        }
    }

    @media (max-width: 767.98px) {
        .hero-section[b-s2ezpxtnt0] {
            padding: 4rem 0 2rem;
        }

        .hero-title[b-s2ezpxtnt0],
        .hero-title-clean[b-s2ezpxtnt0] {
            font-size: 1.75rem;
        }

        .hero-visual[b-s2ezpxtnt0] {
            height: 250px;
            margin-top: 2rem;
        }

        .hero-main-icon[b-s2ezpxtnt0] {
            font-size: 8rem;
        }

        .hero-actions[b-s2ezpxtnt0] {
            flex-direction: column;
        }

        .hero-actions .btn[b-s2ezpxtnt0] {
            width: 100%;
        }

        .features-section[b-s2ezpxtnt0],
        .benefits-section[b-s2ezpxtnt0],
        .announcements-section[b-s2ezpxtnt0],
        .about-section[b-s2ezpxtnt0] {
            padding: 4rem 0;
        }

        .cta-card[b-s2ezpxtnt0] {
            padding: 3rem 2rem;
        }

        .footer-info-section[b-s2ezpxtnt0] {
            text-align: center;
        }

        .social-links[b-s2ezpxtnt0] {
            justify-content: center;
        }

        .stats-grid[b-s2ezpxtnt0] {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 480px) {
        .hero-title-clean[b-s2ezpxtnt0] {
            font-size: 1.5rem;
        }
    }
</style[b-s2ezpxtnt0]>
/* /Components/Pages/Login.razor.rz.scp.css */
/* ============================================================
   Login page — scoped styles for tabs, OTP UI, quick links
   Note: existing styles are in the <style> block inside Login.razor
   ============================================================ */

/* ── Tab bar ─────────────────────────────────────────────── */

.login-tabs[b-l3nbacfqnj] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.75rem;
    background: var(--badminton-gray-lighter, #f5f7fa);
    padding: 0.375rem;
    border-radius: 14px;
}

.login-tab[b-l3nbacfqnj] {
    flex: 1;
    padding: 0.625rem 1rem;
    border: none;
    background: transparent;
    color: var(--badminton-gray, #6b7280);
    font-weight: 600;
    font-size: 0.9375rem;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    white-space: nowrap;
}

.login-tab.active[b-l3nbacfqnj] {
    background: white;
    color: var(--badminton-primary, #1e88e5);
    box-shadow: 0 2px 8px rgba(30, 136, 229, 0.18);
}

.login-tab:not(.active):hover[b-l3nbacfqnj] {
    background: rgba(255, 255, 255, 0.6);
    color: var(--badminton-gray-dark, #374151);
}

/* ── OTP tab highlight & NEW badge ───────────────────────── */

.otp-tab:not(.active)[b-l3nbacfqnj] {
    border: 1.5px dashed rgba(30, 136, 229, 0.4);
}

.otp-tab.active[b-l3nbacfqnj] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    color: var(--badminton-primary, #1e88e5);
}

.new-badge[b-l3nbacfqnj] {
    display: inline-block;
    background: linear-gradient(135deg, #ff6f00 0%, #f57c00 100%);
    color: #fff;
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    padding: 2px 5px;
    border-radius: 4px;
    vertical-align: middle;
    line-height: 1.4;
    text-transform: uppercase;
    box-shadow: 0 2px 4px rgba(255, 111, 0, 0.35);
    animation: badgePulse-b-l3nbacfqnj 2s ease-in-out infinite;
}

/* ── OTP step container ───────────────────────────────────── */

.otp-step[b-l3nbacfqnj] {
    margin-bottom: 1.5rem;
}

.otp-instruction[b-l3nbacfqnj] {
    color: var(--badminton-gray-dark, #374151);
    font-size: 0.9375rem;
    line-height: 1.65;
    margin-bottom: 1.5rem;
    background: rgba(30, 136, 229, 0.05);
    border-radius: 12px;
    padding: 0.875rem 1rem;
    border-left: 3px solid var(--badminton-primary, #1e88e5);
}

.otp-email-hint[b-l3nbacfqnj] {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    color: var(--badminton-gray, #6b7280);
    line-height: 1.5;
}

/* ── OTP digit row ────────────────────────────────────────── */

.otp-digits-wrapper[b-l3nbacfqnj] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin: 1.25rem 0;
}

.otp-digit[b-l3nbacfqnj] {
    width: 52px;
    height: 60px;
    text-align: center;
    font-size: 1.75rem;
    font-weight: 800;
    font-family: 'Courier New', monospace;
    color: var(--badminton-primary, #1e88e5);
    border: 2px solid var(--badminton-gray-light, #e5e7eb);
    border-radius: 12px;
    background: white;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    caret-color: var(--badminton-primary, #1e88e5);
    padding: 0;
}

.otp-digit:focus[b-l3nbacfqnj] {
    outline: none;
    border-color: var(--badminton-primary, #1e88e5);
    box-shadow: 0 0 0 4px rgba(30, 136, 229, 0.12);
}

.otp-digit:not(:placeholder-shown)[b-l3nbacfqnj] {
    border-color: var(--badminton-primary, #1e88e5);
    background: rgba(30, 136, 229, 0.04);
}

/* ── Resend row ───────────────────────────────────────────── */

.otp-resend-row[b-l3nbacfqnj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    font-size: 0.875rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.resend-countdown[b-l3nbacfqnj] {
    color: var(--badminton-gray, #6b7280);
    font-weight: 500;
}

.resend-link[b-l3nbacfqnj] {
    background: none;
    border: none;
    padding: 0;
    color: var(--badminton-primary, #1e88e5);
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.2s ease;
}

.resend-link:hover[b-l3nbacfqnj] {
    color: var(--badminton-primary-dark, #1565c0);
    text-decoration: underline;
}

.btn-link-plain[b-l3nbacfqnj] {
    background: none;
    border: none;
    padding: 0;
    color: var(--badminton-gray, #6b7280);
    font-size: 0.875rem;
    cursor: pointer;
    transition: color 0.2s ease;
}

.btn-link-plain:hover[b-l3nbacfqnj] {
    color: var(--badminton-primary, #1e88e5);
}

/* ── Quick links bar ──────────────────────────────────────── */

.quick-links-bar[b-l3nbacfqnj] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.875rem 1.25rem;
    margin-top: 1.5rem;
    background: var(--badminton-gray-lighter, #f5f7fa);
    border-radius: 12px;
    font-size: 0.875rem;
}

.quick-links-label[b-l3nbacfqnj] {
    color: var(--badminton-gray, #6b7280);
    font-weight: 500;
}

.quick-link[b-l3nbacfqnj] {
    color: var(--badminton-primary, #1e88e5);
    font-weight: 600;
    text-decoration: none;
    padding: 0.25rem 0.625rem;
    border-radius: 6px;
    transition: background 0.2s ease, color 0.2s ease;
    display: flex;
    align-items: center;
}

.quick-link:hover[b-l3nbacfqnj] {
    background: rgba(30, 136, 229, 0.1);
    color: var(--badminton-primary-dark, #1565c0);
    text-decoration: none;
}

/* ── Responsive tweaks ────────────────────────────────────── */

@keyframes badgePulse-b-l3nbacfqnj {
    0%, 100% { box-shadow: 0 2px 4px rgba(255, 111, 0, 0.35); }
    50%       { box-shadow: 0 2px 10px rgba(255, 111, 0, 0.65); }
}

@media (max-width: 767.98px) {
    .otp-digit[b-l3nbacfqnj] {
        width: 42px;
        height: 50px;
        font-size: 1.4rem;
        border-radius: 10px;
    }

    .otp-digits-wrapper[b-l3nbacfqnj] {
        gap: 0.35rem;
    }

    .login-tabs[b-l3nbacfqnj] {
        margin-bottom: 1.25rem;
    }

    .quick-links-bar[b-l3nbacfqnj] {
        flex-direction: column;
        gap: 0.5rem;
        padding: 0.75rem 1rem;
    }
}

@media (max-width: 374px) {
    .otp-digit[b-l3nbacfqnj] {
        width: 36px;
        height: 44px;
        font-size: 1.2rem;
    }
}

/* ── Nudge banner ────────────────────────────────────────── */

.nudge-banner[b-l3nbacfqnj] {
    display: flex;
    align-items: center;
    padding: 0.875rem 1.25rem;
    background: linear-gradient(135deg, rgba(255, 167, 38, 0.15) 0%, rgba(255, 111, 0, 0.08) 100%);
    border-left: 4px solid var(--badminton-secondary, #ff6f00);
    border-radius: 10px;
    color: #bf360c;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.5;
}

.nudge-banner i[b-l3nbacfqnj] {
    font-size: 1.125rem;
    color: var(--badminton-secondary, #ff6f00);
    flex-shrink: 0;
}
/* /Components/Pages/Player/PlayerAccountClosure.razor.rz.scp.css */
/* PlayerAccountClosure.razor.css */

.page-title[b-9nb4jngz38] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark, #2c3e50);
    display: flex;
    align-items: center;
}

.page-subtitle[b-9nb4jngz38] {
    color: #6c757d;
    font-size: 1rem;
    margin-top: 0.5rem;
}

.card[b-9nb4jngz38] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.5rem;
}

.card-header[b-9nb4jngz38] {
    background: white;
    border-bottom: 2px solid #f0f0f0;
    padding: 1.25rem 1.5rem;
    font-weight: 700;
    font-size: 1.125rem;
    border-radius: 12px 12px 0 0;
}

/* Warning Banner Styling */
.alert-closure-warning[b-9nb4jngz38] {
    border-left: 5px solid #dc3545;
    background-color: #fff3cd;
    border-color: #ffc107;
    padding: 1.5rem;
}

.alert-closure-warning .alert-heading[b-9nb4jngz38] {
    color: #721c24;
    font-weight: 700;
}

/* Balance Display Card */
.balance-display-card .card-header[b-9nb4jngz38] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 12px 12px 0 0;
}

.balance-amount[b-9nb4jngz38] {
    font-size: 3rem;
    font-weight: 800;
    margin: 1rem 0;
}

/* Payment Options */
.payment-options[b-9nb4jngz38] {
    text-align: left;
}

.payment-option-box[b-9nb4jngz38] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 1rem;
    height: 100%;
    background: #f8f9fa;
}

.payment-option-box h6[b-9nb4jngz38] {
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 1rem;
}

.payment-details[b-9nb4jngz38] {
    margin-top: 0.75rem;
}

.detail-row[b-9nb4jngz38] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #dee2e6;
}

.detail-row:last-child[b-9nb4jngz38] {
    border-bottom: none;
}

.detail-row .label[b-9nb4jngz38] {
    font-weight: 600;
    color: #495057;
    font-size: 0.875rem;
}

.detail-row .value[b-9nb4jngz38] {
    font-family: 'Courier New', monospace;
    color: #212529;
    font-weight: 600;
}

.detail-row button[b-9nb4jngz38] {
    margin-left: 0.5rem;
}

/* Status Card */
.status-card[b-9nb4jngz38] {
    border: 2px solid #17a2b8;
}

.status-info[b-9nb4jngz38] {
    padding: 1rem 0;
}

.status-row[b-9nb4jngz38] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e9ecef;
}

.status-row:last-child[b-9nb4jngz38] {
    border-bottom: none;
}

.status-label[b-9nb4jngz38] {
    font-weight: 700;
    color: #495057;
    min-width: 150px;
}

.status-value[b-9nb4jngz38] {
    color: #212529;
    flex: 1;
    text-align: right;
}

.status-badge[b-9nb4jngz38] {
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
}

.status-badge.status-pending[b-9nb4jngz38] {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffc107;
}

.status-badge.status-approved[b-9nb4jngz38] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #28a745;
}

.status-badge.status-rejected[b-9nb4jngz38] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #dc3545;
}

/* Buttons */
.btn-danger[b-9nb4jngz38] {
    background: linear-gradient(135deg, #dc3545 0%, #bd2130 100%);
    border: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-danger:hover:not(:disabled)[b-9nb4jngz38] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.4);
}

.btn-danger:disabled[b-9nb4jngz38] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-secondary[b-9nb4jngz38] {
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-secondary:hover:not(:disabled)[b-9nb4jngz38] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);
}

/* Form Elements */
textarea.form-control[b-9nb4jngz38] {
    border-radius: 8px;
    border: 2px solid #e9ecef;
    padding: 0.75rem;
    transition: border-color 0.3s ease;
}

textarea.form-control:focus[b-9nb4jngz38] {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* Alerts */
.alert[b-9nb4jngz38] {
    border-radius: 8px;
    border: none;
}

.alert-info[b-9nb4jngz38] {
    background-color: #e7f3ff;
    color: #004085;
    border-left: 4px solid #17a2b8;
}

.alert-warning[b-9nb4jngz38] {
    background-color: #fff3cd;
    color: #856404;
    border-left: 4px solid #ffc107;
}

.alert-success[b-9nb4jngz38] {
    background-color: #d4edda;
    color: #155724;
    border-left: 4px solid #28a745;
}

.alert-danger[b-9nb4jngz38] {
    background-color: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-title[b-9nb4jngz38] {
        font-size: 1.5rem;
    }

    .balance-amount[b-9nb4jngz38] {
        font-size: 2rem;
    }

    .status-row[b-9nb4jngz38] {
        flex-direction: column;
        align-items: flex-start;
    }

    .status-value[b-9nb4jngz38] {
        text-align: left;
        margin-top: 0.25rem;
    }

    .status-label[b-9nb4jngz38] {
        min-width: auto;
    }

    .detail-row[b-9nb4jngz38] {
        flex-direction: column;
        align-items: flex-start;
    }

    .detail-row button[b-9nb4jngz38] {
        margin-left: 0;
        margin-top: 0.5rem;
    }

    .payment-option-box[b-9nb4jngz38] {
        margin-bottom: 1rem;
    }
}
/* /Components/Pages/Player/PlayerAssessment.razor.rz.scp.css */
.player-assessment-page[b-wfqh2hlli7] {
    --assessment-primary: var(--badminton-primary);
    --assessment-primary-dark: var(--badminton-primary-dark);
    --assessment-accent: var(--badminton-secondary);
    --assessment-soft: #eef6ff;
    background:
        radial-gradient(1200px 400px at 5% -10%, rgba(30, 136, 229, 0.15), transparent 60%),
        radial-gradient(900px 300px at 100% 0%, rgba(255, 111, 0, 0.12), transparent 62%),
        linear-gradient(180deg, #f9fcff 0%, #f2f7fd 100%);
    min-height: 100%;
}

.player-assessment-page h1[b-wfqh2hlli7],
.player-assessment-page h2[b-wfqh2hlli7],
.player-assessment-page h3[b-wfqh2hlli7],
.player-assessment-page h4[b-wfqh2hlli7],
.player-assessment-page h5[b-wfqh2hlli7],
.player-assessment-page h6[b-wfqh2hlli7] {
    letter-spacing: -0.02em;
}

.player-assessment-page .assessment-hero[b-wfqh2hlli7] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(128deg, var(--badminton-primary) 0%, #1976d2 56%, var(--badminton-primary-dark) 100%);
    color: #fff;
    border-radius: 20px;
    padding: 1.6rem;
    box-shadow: 0 16px 34px rgba(30, 136, 229, 0.3);
}

.player-assessment-page .assessment-hero h1[b-wfqh2hlli7] {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0.55rem;
}

.player-assessment-page .assessment-hero p[b-wfqh2hlli7] {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.93);
}

.player-assessment-page .assessment-hero[b-wfqh2hlli7]::after {
    content: "";
    position: absolute;
    right: -50px;
    top: -55px;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
}

.player-assessment-page .hero-grid[b-wfqh2hlli7] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 1.15rem;
    align-items: end;
}

.player-assessment-page .hero-eyebrow[b-wfqh2hlli7] {
    display: inline-block;
    border-radius: 999px;
    padding: 0.28rem 0.72rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.2);
}

.player-assessment-page .hero-steps[b-wfqh2hlli7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.player-assessment-page .hero-step[b-wfqh2hlli7] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.36rem 0.72rem;
    font-size: 0.78rem;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.24);
}

.player-assessment-page .hero-note[b-wfqh2hlli7] {
    border-radius: 14px;
    padding: 0.95rem;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08));
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(3px);
}

.player-assessment-page .glass-card[b-wfqh2hlli7] {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.96);
}

.player-assessment-page .section-card[b-wfqh2hlli7] {
    box-shadow: 0 10px 30px rgba(20, 45, 78, 0.12);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.player-assessment-page .section-card:hover[b-wfqh2hlli7] {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(20, 45, 78, 0.16);
}

.player-assessment-page .card-header[b-wfqh2hlli7] {
    border-bottom: 1px solid #e4ebf3;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 1rem 1.25rem;
    font-size: 1.06rem;
    font-weight: 700;
}

.player-assessment-page .card-body[b-wfqh2hlli7] {
    padding: 1.2rem 1.25rem;
}

.player-assessment-page .window-title[b-wfqh2hlli7] {
    font-size: 1.12rem;
    font-weight: 800;
    color: var(--assessment-primary);
}

.player-assessment-page .face-preview[b-wfqh2hlli7] {
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid #dfe5ef;
    box-shadow: 0 6px 18px rgba(8, 28, 53, 0.14);
}

.player-assessment-page .face-camera-shell[b-wfqh2hlli7] {
    border: 1px solid #d6e2ef;
    border-radius: 12px;
    background: linear-gradient(180deg, #f7fbff 0%, #edf5fd 100%);
    padding: 0.75rem;
}

.player-assessment-page .face-camera-view[b-wfqh2hlli7] {
    width: 100%;
    height: 220px;
    border-radius: 10px;
    object-fit: cover;
    background: #0f172a;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.player-assessment-page .face-quality-panel[b-wfqh2hlli7] {
    border: 1px solid #d6e3f2;
    border-radius: 12px;
    background: #f6f9fd;
    padding: 0.75rem;
}

.player-assessment-page .skill-row[b-wfqh2hlli7] {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #f2f7fd 100%);
    border: 1px solid #dee9f3;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.player-assessment-page .skill-row.skill-row-missing[b-wfqh2hlli7] {
    border-color: rgba(229, 57, 53, 0.5);
    background: linear-gradient(180deg, #fff8f8 0%, #fff3f3 100%);
}

.player-assessment-page .skill-name[b-wfqh2hlli7] {
    font-weight: 800;
    color: var(--assessment-primary);
}

.player-assessment-page .skill-category[b-wfqh2hlli7] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #5f6f82;
    margin-top: 0.2rem;
}

.player-assessment-page .skill-description[b-wfqh2hlli7] {
    font-size: 0.875rem;
    color: #4f5f70;
    margin-top: 0.35rem;
    line-height: 1.45;
}

.player-assessment-page .skill-inputs[b-wfqh2hlli7] {
    display: grid;
    grid-template-columns: 95px 1fr;
    gap: 0.75rem;
    align-items: start;
}

.player-assessment-page .skill-info-btn[b-wfqh2hlli7] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.player-assessment-page .skill-guidance[b-wfqh2hlli7] {
    border: 1px solid #dce8f4;
    border-radius: 10px;
    background: #f6fbff;
    padding: 0.65rem 0.75rem;
    color: #3d4f63;
}

.player-assessment-page .rating-stars[b-wfqh2hlli7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.22rem;
}

.player-assessment-page .star-btn[b-wfqh2hlli7] {
    width: 26px;
    height: 26px;
    border: 1px solid #d9e4f0;
    border-radius: 8px;
    background: #fff;
    color: #c7d4e1;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-fast);
}

.player-assessment-page .star-btn:hover[b-wfqh2hlli7] {
    color: #f59e0b;
    border-color: #f8c56b;
    transform: translateY(-1px);
}

.player-assessment-page .star-btn.active[b-wfqh2hlli7] {
    color: #f59e0b;
    border-color: #f1b64f;
    background: #fff9ed;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.18);
}

.player-assessment-page .rating-label[b-wfqh2hlli7] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #60758b;
}

.player-assessment-page .form-label[b-wfqh2hlli7] {
    font-size: 0.9rem;
    margin-bottom: 0.4rem;
    color: var(--badminton-gray-dark);
}

.player-assessment-page .form-control[b-wfqh2hlli7] {
    min-height: 42px;
    border-radius: 10px;
    border-color: #d6e3f0;
}

.player-assessment-page textarea.form-control[b-wfqh2hlli7] {
    min-height: 96px;
}

.player-assessment-page .form-control:focus[b-wfqh2hlli7] {
    border-color: var(--badminton-primary-light);
    box-shadow: 0 0 0 0.2rem rgba(30, 136, 229, 0.18);
}

.player-assessment-page .btn-primary[b-wfqh2hlli7] {
    background: var(--gradient-primary);
    border-color: var(--badminton-primary-dark);
    box-shadow: 0 7px 16px rgba(30, 136, 229, 0.28);
}

.player-assessment-page .btn-success[b-wfqh2hlli7] {
    background: var(--gradient-success);
    border-color: #2e7d32;
    box-shadow: 0 8px 20px rgba(67, 160, 71, 0.26);
}

.player-assessment-page .btn-outline-primary[b-wfqh2hlli7] {
    border-color: var(--badminton-primary);
    color: var(--badminton-primary-dark);
}

/* ========================================
   Modern Assessment Wizard Styles
   ======================================== */

.player-assessment-page .assessment-wizard[b-wfqh2hlli7] {
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 16px 48px rgba(15, 45, 85, 0.14);
    overflow: hidden;
}

/* Wizard Header with Stepper */
.player-assessment-page .wizard-header[b-wfqh2hlli7] {
    background: linear-gradient(180deg, #fafcfe 0%, #f5f9fd 100%);
    border-bottom: 2px solid #e6eff8;
    padding: 2rem 2.5rem;
}

.player-assessment-page .stepper-container[b-wfqh2hlli7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.player-assessment-page .stepper-step[b-wfqh2hlli7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    cursor: pointer;
    transition: all 0.3s ease;
}

.player-assessment-page .stepper-step:hover .step-circle[b-wfqh2hlli7] {
    transform: scale(1.08);
}

.player-assessment-page .step-circle[b-wfqh2hlli7] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #e8f1fa;
    border: 3px solid #d2e4f3;
    color: #7a8fa5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.player-assessment-page .stepper-step.active .step-circle[b-wfqh2hlli7] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-color: #667eea;
    color: #ffffff;
    box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
    transform: scale(1.1);
}

.player-assessment-page .stepper-step.completed .step-circle[b-wfqh2hlli7] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    border-color: #48bb78;
    color: #ffffff;
}

.player-assessment-page .step-label[b-wfqh2hlli7] {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #4a5568;
    text-align: center;
    max-width: 120px;
}

.player-assessment-page .stepper-step.active .step-label[b-wfqh2hlli7] {
    color: #667eea;
    font-weight: 700;
}

.player-assessment-page .step-progress[b-wfqh2hlli7] {
    font-size: 0.75rem;
    color: #718096;
    margin-top: 0.25rem;
}

.player-assessment-page .stepper-line[b-wfqh2hlli7] {
    flex: 1;
    height: 3px;
    background: #e2e8f0;
    margin: 0 0.5rem;
    position: relative;
    top: -24px;
}

.player-assessment-page .stepper-line.completed[b-wfqh2hlli7] {
    background: linear-gradient(90deg, #48bb78 0%, #38a169 100%);
}

/* Overall Progress */
.player-assessment-page .overall-progress-section[b-wfqh2hlli7] {
    background: #ffffff;
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 2px 12px rgba(15, 45, 85, 0.08);
}

.player-assessment-page .progress-label[b-wfqh2hlli7] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #2d3748;
}

.player-assessment-page .progress-percentage[b-wfqh2hlli7] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #667eea;
}

.player-assessment-page .progress-bar-modern[b-wfqh2hlli7] {
    height: 12px;
    background: #e6eff8;
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}

.player-assessment-page .progress-fill[b-wfqh2hlli7] {
    height: 100%;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    border-radius: 999px;
    transition: width 0.4s ease;
    box-shadow: 0 0 12px rgba(102, 126, 234, 0.4);
}

/* Wizard Body */
.player-assessment-page .wizard-body[b-wfqh2hlli7] {
    padding: 2.5rem;
}

.player-assessment-page .category-header[b-wfqh2hlli7] {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #e6eff8;
}

.player-assessment-page .category-title[b-wfqh2hlli7] {
    font-size: 1.75rem;
    font-weight: 800;
    color: #1a202c;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.player-assessment-page .category-icon[b-wfqh2hlli7] {
    font-size: 2rem;
}

.player-assessment-page .category-subtitle[b-wfqh2hlli7] {
    font-size: 1rem;
    color: #718096;
    margin: 0;
}

/* Questions Container */
.player-assessment-page .questions-container[b-wfqh2hlli7] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.player-assessment-page .question-card[b-wfqh2hlli7] {
    background: #ffffff;
    border: 2px solid #e6eff8;
    border-radius: 16px;
    padding: 1.75rem;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(15, 45, 85, 0.06);
}

.player-assessment-page .question-card:hover[b-wfqh2hlli7] {
    border-color: #667eea;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.15);
    transform: translateY(-2px);
}

.player-assessment-page .question-header[b-wfqh2hlli7] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 1rem;
}

.player-assessment-page .question-title[b-wfqh2hlli7] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #2d3748;
    margin: 0;
    flex: 1;
}

.player-assessment-page .badge-rating[b-wfqh2hlli7] {
    background: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
    color: #ffffff;
    padding: 0.4rem 0.9rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 700;
}

.player-assessment-page .question-help[b-wfqh2hlli7] {
    background: linear-gradient(135deg, #ebf8ff 0%, #bee3f8 100%);
    border-left: 4px solid #4299e1;
    border-radius: 8px;
    padding: 0.875rem 1rem;
    margin-bottom: 1.25rem;
    font-size: 0.9rem;
    color: #2c5282;
}

.player-assessment-page .video-container[b-wfqh2hlli7] {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    margin-bottom: 1.5rem;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(15, 45, 85, 0.12);
}

.player-assessment-page .video-container iframe[b-wfqh2hlli7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Star Rating Modern */
.player-assessment-page .rating-section[b-wfqh2hlli7] {
    margin-bottom: 1.5rem;
}

.player-assessment-page .rating-section-label[b-wfqh2hlli7] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 0.75rem;
}

.player-assessment-page .star-rating-modern[b-wfqh2hlli7] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.player-assessment-page .star-button[b-wfqh2hlli7] {
    width: 44px;
    height: 44px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    color: #cbd5e0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

.player-assessment-page .star-button:hover[b-wfqh2hlli7] {
    border-color: #f6ad55;
    color: #ed8936;
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 4px 12px rgba(237, 137, 54, 0.2);
}

.player-assessment-page .star-button.active[b-wfqh2hlli7] {
    border-color: #ed8936;
    background: linear-gradient(135deg, #fef5e7 0%, #feebc8 100%);
    color: #ed8936;
    box-shadow: 0 4px 12px rgba(237, 137, 54, 0.25);
}

.player-assessment-page .rating-description[b-wfqh2hlli7] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #718096;
    margin-top: 0.75rem;
}

/* Notes Section */
.player-assessment-page .notes-section[b-wfqh2hlli7] {
    margin-top: 1.5rem;
}

.player-assessment-page .notes-label[b-wfqh2hlli7] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 0.5rem;
}

.player-assessment-page .notes-input[b-wfqh2hlli7] {
    width: 100%;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    padding: 0.875rem;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    resize: vertical;
}

.player-assessment-page .notes-input:focus[b-wfqh2hlli7] {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    outline: none;
}

/* Wizard Footer */
.player-assessment-page .wizard-footer[b-wfqh2hlli7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.75rem 2.5rem;
    background: linear-gradient(180deg, #fafcfe 0%, #f5f9fd 100%);
    border-top: 2px solid #e6eff8;
}

.player-assessment-page .category-status[b-wfqh2hlli7] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #718096;
}

.player-assessment-page .btn-secondary-modern[b-wfqh2hlli7] {
    background: #ffffff;
    border: 2px solid #e2e8f0;
    color: #4a5568;
    padding: 0.75rem 1.5rem;
    border-radius: 10px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.player-assessment-page .btn-secondary-modern:hover:not(:disabled)[b-wfqh2hlli7] {
    background: #f7fafc;
    border-color: #cbd5e0;
    transform: translateY(-1px);
}

.player-assessment-page .btn-primary-modern[b-wfqh2hlli7] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    color: #ffffff;
    padding: 0.75rem 1.5rem;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    transition: all 0.2s ease;
}

.player-assessment-page .btn-primary-modern:hover[b-wfqh2hlli7] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
}

.player-assessment-page .btn-success-modern[b-wfqh2hlli7] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    border: none;
    color: #ffffff;
    padding: 0.75rem 1.5rem;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(72, 187, 120, 0.3);
    transition: all 0.2s ease;
}

.player-assessment-page .btn-success-modern:hover[b-wfqh2hlli7] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(72, 187, 120, 0.4);
}

/* Assessment Summary Section */
.player-assessment-page .assessment-summary[b-wfqh2hlli7] {
    background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    border-radius: 12px;
    padding: 1.5rem;
}

.player-assessment-page .summary-card[b-wfqh2hlli7] {
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    padding: 1rem;
    transition: all 0.2s ease;
}

.player-assessment-page .summary-card.complete[b-wfqh2hlli7] {
    border-color: #48bb78;
    background: linear-gradient(135deg, #f0fff4 0%, #c6f6d5 100%);
}

.player-assessment-page .summary-progress[b-wfqh2hlli7] {
    font-size: 0.875rem;
    color: #718096;
}

.player-assessment-page .mini-progress-bar[b-wfqh2hlli7] {
    height: 6px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
    margin-top: 0.5rem;
}

.player-assessment-page .mini-progress-fill[b-wfqh2hlli7] {
    height: 100%;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    border-radius: 999px;
    transition: width 0.3s ease;
}

.player-assessment-page .summary-card.complete .mini-progress-fill[b-wfqh2hlli7] {
    background: linear-gradient(90deg, #48bb78 0%, #38a169 100%);
}

/* Submission Footer */
.player-assessment-page .submission-footer[b-wfqh2hlli7] {
    background: #fafcfe;
    border-radius: 12px;
    padding: 1.5rem;
}

.player-assessment-page .bg-gradient-primary[b-wfqh2hlli7] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Responsive Design */
@media (max-width: 992px) {
    .player-assessment-page .hero-grid[b-wfqh2hlli7] {
        grid-template-columns: 1fr;
    }
    
    .player-assessment-page .stepper-container[b-wfqh2hlli7] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .player-assessment-page .stepper-line[b-wfqh2hlli7] {
        display: none;
    }
    
    .player-assessment-page .wizard-body[b-wfqh2hlli7],
    .player-assessment-page .wizard-footer[b-wfqh2hlli7] {
        padding: 1.5rem;
    }
    
    .player-assessment-page .star-rating-modern[b-wfqh2hlli7] {
        justify-content: center;
    }
}

.player-assessment-page .btn-outline-primary:hover[b-wfqh2hlli7] {
    background: rgba(30, 136, 229, 0.09);
    color: var(--badminton-primary-dark);
}

.player-assessment-page .btn-lg[b-wfqh2hlli7] {
    padding: 0.78rem 1.7rem;
    font-size: 1rem;
    font-weight: 700;
}

.player-assessment-page .alert[b-wfqh2hlli7] {
    border-radius: 12px;
    border-left: 4px solid transparent;
}

.player-assessment-page .alert-danger[b-wfqh2hlli7] {
    border-left-color: var(--badminton-danger);
}

.player-assessment-page .alert-success[b-wfqh2hlli7] {
    border-left-color: var(--badminton-success);
}

@media (max-width: 991.98px) {
    .player-assessment-page .hero-grid[b-wfqh2hlli7] {
        grid-template-columns: 1fr;
    }

    .player-assessment-page .skill-row[b-wfqh2hlli7] {
        grid-template-columns: 1fr;
    }

    .player-assessment-page .skill-inputs[b-wfqh2hlli7] {
        grid-template-columns: 1fr;
    }

    .player-assessment-page .star-btn[b-wfqh2hlli7] {
        width: 28px;
        height: 28px;
    }

    .player-assessment-page .assessment-hero h1[b-wfqh2hlli7] {
        font-size: 1.7rem;
    }

    .player-assessment-page .card-header[b-wfqh2hlli7] {
        padding: 0.92rem 1rem;
    }

    .player-assessment-page .card-body[b-wfqh2hlli7] {
        padding: 1rem;
    }
}
/* /Components/Pages/Player/PlayerDashboard.razor.rz.scp.css */
/* Player Dashboard Styles */

.hero-banner[b-qif3f72wsv] {
    background: linear-gradient(135deg, #1e88e5 0%, #ff6f00 100%);
    padding: 3rem 2rem;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(30, 136, 229, 0.2);
    position: relative;
    overflow: hidden;
}

.hero-banner[b-qif3f72wsv]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.hero-content[b-qif3f72wsv] {
    position: relative;
    z-index: 1;
}

.hero-icon[b-qif3f72wsv] {
    font-size: 4rem;
    color: white;
    margin-bottom: 1rem;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));
}

.hero-title[b-qif3f72wsv] {
    font-size: 2.5rem;
    font-weight: 800;
    color: white;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.hero-subtitle[b-qif3f72wsv] {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 0;
}

.referral-code-display[b-qif3f72wsv] {
    background: var(--badminton-gray-lighter);
    padding: 1.5rem;
    border-radius: 12px;
}

.referral-code-display h3[b-qif3f72wsv] {
    font-family: 'Courier New', monospace;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 0;
}

/* Social Share Buttons */
.social-share-buttons[b-qif3f72wsv] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.social-share-buttons .btn[b-qif3f72wsv] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 1.25rem;
    transition: all 0.3s ease;
}

.social-share-buttons .btn:hover[b-qif3f72wsv] {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.social-share-buttons .btn-outline-success:hover[b-qif3f72wsv] {
    background-color: #25D366;
    border-color: #25D366;
    color: white;
}

.social-share-buttons .btn-outline-primary:hover[b-qif3f72wsv] {
    background-color: #1877F2;
    border-color: #1877F2;
    color: white;
}

.social-share-buttons .btn-outline-info:hover[b-qif3f72wsv] {
    background-color: #1DA1F2;
    border-color: #1DA1F2;
    color: white;
}

.social-share-buttons .btn-outline-danger:hover[b-qif3f72wsv] {
    background-color: #EA4335;
    border-color: #EA4335;
    color: white;
}

/* ── Peer Review Task Card ──────────────────────────────────────────── */

.peer-task-card[b-qif3f72wsv] {
    border-left: 4px solid #ff6f00;
    box-shadow: 0 4px 16px rgba(255, 111, 0, 0.12);
}

.peer-task-badge[b-qif3f72wsv] {
    background-color: #ff6f00;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 20px;
    padding: 0.3em 0.75em;
}

.peer-task-list[b-qif3f72wsv] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.peer-task-item[b-qif3f72wsv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    transition: background 0.15s ease;
}

.peer-task-item:last-child[b-qif3f72wsv] {
    border-bottom: none;
}

.peer-task-item:hover[b-qif3f72wsv] {
    background: rgba(255, 111, 0, 0.04);
}

.peer-task-avatar[b-qif3f72wsv] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e88e5, #ff6f00);
    color: #fff;
    font-weight: 700;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.05em;
}

.peer-task-photo[b-qif3f72wsv] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    border: 2px solid #ff6f00;
    box-shadow: 0 2px 8px rgba(255, 111, 0, 0.25);
}

.peer-task-body[b-qif3f72wsv] {
    flex: 1;
    min-width: 0;
}

.peer-task-title[b-qif3f72wsv] {
    margin: 0;
    font-weight: 600;
    font-size: 0.95rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.peer-task-meta[b-qif3f72wsv] {
    margin: 0.15rem 0 0;
    font-size: 0.8rem;
    color: #6c757d;
}

.peer-task-btn[b-qif3f72wsv] {
    flex-shrink: 0;
    white-space: nowrap;
}

@@media (max-width: 575.98px) {
    .peer-task-item[b-qif3f72wsv] {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .peer-task-btn[b-qif3f72wsv] {
        width: 100%;
        text-align: center;
    }
}

.date-day[b-qif3f72wsv] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    line-height: 1.2;
}

.date-month[b-qif3f72wsv] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
}

/* Enhanced session styling */
.session-item[b-qif3f72wsv] {
    padding: 1.25rem;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.03) 0%, rgba(30, 136, 229, 0.01) 100%);
    border-left: 4px solid #1e88e5;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.session-item:hover[b-qif3f72wsv] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.08) 0%, rgba(30, 136, 229, 0.03) 100%);
    transform: translateX(4px);
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.15);
}

.session-date-badge[b-qif3f72wsv] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);
}

.session-title[b-qif3f72wsv] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--badminton-dark);
}

.session-detail[b-qif3f72wsv] {
    margin: 0.5rem 0 0 0;
    color: var(--badminton-gray);
    font-size: 0.9375rem;
    display: flex;
    align-items: center;
}

.session-detail i[b-qif3f72wsv] {
    color: #1e88e5;
    opacity: 0.8;
}

.session-badge[b-qif3f72wsv] {
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.875rem;
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
    color: white;
    border: none;
}

.activity-timeline[b-qif3f72wsv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Enhanced stat cards */
.stat-card[b-qif3f72wsv] {
    background: white;
    padding: 1.5rem;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(30, 136, 229, 0.1);
}

.stat-card:hover[b-qif3f72wsv] {
    transform: translateY(-8px);
    box-shadow: 0 12px 32px rgba(30, 136, 229, 0.2);
}

.stat-card .sport-icon[b-qif3f72wsv] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    font-size: 1.75rem;
    color: white;
}

.stat-card .sport-icon-success[b-qif3f72wsv] {
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
}

.stat-card .sport-icon-warning[b-qif3f72wsv] {
    background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
}

.stat-card .bg-sport-primary[b-qif3f72wsv] {
    background: linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);
}

.stat-value[b-qif3f72wsv] {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--badminton-dark);
    margin: 1rem 0 0.5rem 0;
}

.stat-label[b-qif3f72wsv] {
    color: var(--badminton-gray);
    font-size: 0.9375rem;
    font-weight: 500;
    margin: 0;
}

@media (max-width: 991.98px) {
    .hero-title[b-qif3f72wsv] {
        font-size: 2rem;
    }

    .hero-icon[b-qif3f72wsv] {
        font-size: 3rem;
    }
}

@media (max-width: 767.98px) {
    .hero-banner[b-qif3f72wsv] {
        padding: 2rem 1.5rem;
    }

    .hero-title[b-qif3f72wsv] {
        font-size: 1.75rem;
    }

    .hero-subtitle[b-qif3f72wsv] {
        font-size: 1rem;
    }
    
    .social-share-buttons .btn[b-qif3f72wsv] {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }
}
/* /Components/Pages/Player/PlayerPeerReview.razor.rz.scp.css */
/* Peer Review Page ---------------------------------------------------------- */

.peer-review-page[b-85uiwc5jed] {
    --pr-primary: var(--badminton-primary);
    --pr-primary-dark: var(--badminton-primary-dark);
    --pr-accent: var(--badminton-secondary);
    background:
        radial-gradient(1200px 400px at 5% -10%, rgba(30, 136, 229, 0.14), transparent 60%),
        radial-gradient(900px 300px at 100% 0%, rgba(255, 111, 0, 0.10), transparent 62%),
        linear-gradient(180deg, #f9fcff 0%, #f2f7fd 100%);
    min-height: 100%;
}

.peer-review-page h1[b-85uiwc5jed],
.peer-review-page h2[b-85uiwc5jed],
.peer-review-page h3[b-85uiwc5jed],
.peer-review-page h4[b-85uiwc5jed],
.peer-review-page h5[b-85uiwc5jed],
.peer-review-page h6[b-85uiwc5jed] {
    letter-spacing: -0.02em;
}

/* Hero --------------------------------------------------------------------- */

.peer-review-page .peer-review-hero[b-85uiwc5jed] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(128deg, #1565c0 0%, var(--badminton-primary) 56%, #0d47a1 100%);
    color: #fff;
    border-radius: 20px;
    padding: 1.6rem;
    box-shadow: 0 16px 34px rgba(21, 101, 192, 0.3);
}

.peer-review-page .peer-review-hero[b-85uiwc5jed]::after {
    content: "";
    position: absolute;
    right: -50px;
    top: -55px;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.10);
}

.peer-review-page .peer-review-hero h1[b-85uiwc5jed] {
    font-size: 2rem;
    font-weight: 800;
}

.peer-review-page .peer-review-hero p[b-85uiwc5jed] {
    color: rgba(255, 255, 255, 0.93);
    margin-bottom: 0;
}

.peer-review-page .hero-grid[b-85uiwc5jed] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 1.15rem;
    align-items: end;
}

.peer-review-page .hero-eyebrow[b-85uiwc5jed] {
    display: inline-block;
    border-radius: 999px;
    padding: 0.28rem 0.72rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.2);
}

.peer-review-page .hero-steps[b-85uiwc5jed] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.peer-review-page .hero-step[b-85uiwc5jed] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.36rem 0.72rem;
    font-size: 0.78rem;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.24);
}

.peer-review-page .hero-note[b-85uiwc5jed] {
    border-radius: 14px;
    padding: 0.95rem;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08));
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(3px);
}

.peer-review-page .hero-note h6[b-85uiwc5jed],
.peer-review-page .hero-note p[b-85uiwc5jed] {
    color: #fff;
}

/* Card base ---------------------------------------------------------------- */

.peer-review-page .glass-card[b-85uiwc5jed] {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.96);
}

.peer-review-page .section-card[b-85uiwc5jed] {
    box-shadow: 0 10px 30px rgba(20, 45, 78, 0.10);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.peer-review-page .section-card:hover[b-85uiwc5jed] {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(20, 45, 78, 0.14);
}

.peer-review-page .card-header[b-85uiwc5jed] {
    border-bottom: 1px solid #e4ebf3;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    padding: 1rem 1.25rem;
    font-size: 1.06rem;
    font-weight: 700;
}

.peer-review-page .card-body[b-85uiwc5jed] {
    padding: 1.2rem 1.25rem;
}

/* Player badge ------------------------------------------------------------- */

.peer-review-page .player-badge[b-85uiwc5jed] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.peer-review-page .player-badge-avatar[b-85uiwc5jed] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--badminton-primary) 0%, #1565c0 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);
}

.peer-review-page .player-badge-photo[b-85uiwc5jed] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    flex-shrink: 0;
    border: 2px solid var(--badminton-primary);
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);
}

/* Face photo showcase ------------------------------------------------------ */

.peer-review-page .face-photo-showcase[b-85uiwc5jed] {
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(30, 136, 229, 0.18);
    position: relative;
}

.peer-review-page .face-photo-frame[b-85uiwc5jed] {
    position: relative;
    line-height: 0;
}

.peer-review-page .face-photo-img[b-85uiwc5jed] {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center top;
    display: block;
    border-radius: 14px;
    filter: brightness(1.02) contrast(1.04);
}

.peer-review-page .face-photo-overlay[b-85uiwc5jed] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(21, 101, 192, 0.85) 0%, transparent 100%);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.55rem 0.75rem;
    border-radius: 0 0 14px 14px;
    line-height: 1.2;
}

.peer-review-page .player-badge-name[b-85uiwc5jed] {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--badminton-gray-dark);
}

.peer-review-page .player-badge-sub[b-85uiwc5jed] {
    font-size: 0.78rem;
    color: #7a8fa3;
    margin-top: 0.1rem;
}

/* Info rows ---------------------------------------------------------------- */

.peer-review-page .info-row[b-85uiwc5jed] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.45rem 0;
    border-bottom: 1px solid #f0f5fb;
    font-size: 0.875rem;
}

.peer-review-page .info-row:last-child[b-85uiwc5jed] {
    border-bottom: none;
}

.peer-review-page .info-label[b-85uiwc5jed] {
    color: #5f6f82;
    flex-shrink: 0;
    max-width: 50%;
}

.peer-review-page .info-value[b-85uiwc5jed] {
    font-weight: 600;
    color: var(--badminton-gray-dark);
    text-align: right;
}

.peer-review-page .overall-self-badge[b-85uiwc5jed] {
    display: inline-block;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    color: #1565c0;
    border-radius: 999px;
    padding: 0.2rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 700;
}

.peer-review-page .self-notes-box[b-85uiwc5jed] {
    background: #f6f9fd;
    border: 1px solid #dce8f4;
    border-radius: 10px;
    padding: 0.65rem 0.85rem;
    font-size: 0.875rem;
    font-style: italic;
    color: #3d4f63;
    line-height: 1.5;
}

/* Guidelines --------------------------------------------------------------- */

.peer-review-page .guidelines-list[b-85uiwc5jed] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.peer-review-page .guidelines-list li[b-85uiwc5jed] {
    font-size: 0.875rem;
    color: #4a5c6d;
}

.peer-review-page .rating-scale-guide[b-85uiwc5jed] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.peer-review-page .scale-item[b-85uiwc5jed] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #4a5c6d;
}

.peer-review-page .scale-badge[b-85uiwc5jed] {
    display: inline-block;
    padding: 0.18rem 0.5rem;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.76rem;
    min-width: 36px;
    text-align: center;
}

.peer-review-page .scale-badge.beginner[b-85uiwc5jed] {
    background: #fce4ec;
    color: #c62828;
}

.peer-review-page .scale-badge.developing[b-85uiwc5jed] {
    background: #fff3e0;
    color: #e65100;
}

.peer-review-page .scale-badge.advanced[b-85uiwc5jed] {
    background: #e8f5e9;
    color: #2e7d32;
}

.peer-review-page .scale-badge.competitive[b-85uiwc5jed] {
    background: #e3f2fd;
    color: #1565c0;
}

/* Skill self-ratings (read-only) ------------------------------------------ */

.peer-review-page .category-header[b-85uiwc5jed] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-weight: 700;
    color: #7a8fa3;
    padding: 0.3rem 0 0.1rem;
    border-bottom: 1px solid #eaf2fb;
    margin-bottom: 0.25rem;
}

.peer-review-page .skill-readonly-row[b-85uiwc5jed] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: linear-gradient(180deg, #f8fbff 0%, #f2f7fd 100%);
    border: 1px solid #dee9f3;
    border-radius: 10px;
    padding: 0.65rem 0.9rem;
}

.peer-review-page .skill-readonly-meta[b-85uiwc5jed] {
    flex: 1;
    min-width: 0;
}

.peer-review-page .skill-name[b-85uiwc5jed] {
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--pr-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.peer-review-page .skill-notes-preview[b-85uiwc5jed] {
    font-size: 0.78rem;
    font-style: italic;
    color: #7a8fa3;
    margin-top: 0.15rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.peer-review-page .skill-readonly-rating[b-85uiwc5jed] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
}

.peer-review-page .rating-bar-wrap[b-85uiwc5jed] {
    width: 90px;
    height: 7px;
    background: #dde8f3;
    border-radius: 999px;
    overflow: hidden;
}

.peer-review-page .rating-bar[b-85uiwc5jed] {
    height: 100%;
    background: linear-gradient(90deg, var(--badminton-primary), #1565c0);
    border-radius: 999px;
    transition: width 0.4s ease;
}

.peer-review-page .rating-number[b-85uiwc5jed] {
    font-size: 0.92rem;
    font-weight: 800;
    color: var(--pr-primary);
    min-width: 32px;
    text-align: right;
}

.peer-review-page .rating-denom[b-85uiwc5jed] {
    font-size: 0.7rem;
    font-weight: 400;
    color: #7a8fa3;
}

/* Review form input -------------------------------------------------------- */

.peer-review-page .review-form-intro[b-85uiwc5jed] {
    background: linear-gradient(135deg, #e8f4fd, #dbeef9);
    border: 1px solid #b3d4f0;
    border-radius: 12px;
    padding: 0.9rem 1.1rem;
    font-size: 0.9rem;
    color: #1e3a5a;
}

.peer-review-page .rating-stars-lg[b-85uiwc5jed] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.peer-review-page .star-btn-lg[b-85uiwc5jed] {
    width: 36px;
    height: 36px;
    border: 1.5px solid #d6e4f0;
    border-radius: 10px;
    background: #fff;
    color: #c7d4e1;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: all var(--transition-fast, 0.15s ease);
    cursor: pointer;
}

.peer-review-page .star-btn-lg:hover[b-85uiwc5jed] {
    color: #f59e0b;
    border-color: #f8c56b;
    transform: translateY(-2px);
    box-shadow: 0 3px 8px rgba(245, 158, 11, 0.2);
}

.peer-review-page .star-btn-lg.active[b-85uiwc5jed] {
    color: #f59e0b;
    border-color: #f1b64f;
    background: #fff9ed;
    box-shadow: 0 3px 10px rgba(245, 158, 11, 0.22);
}

.peer-review-page .selected-rating-chip[b-85uiwc5jed] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    background: linear-gradient(135deg, #1e88e5, #1565c0);
    color: #fff;
    border-radius: 999px;
    padding: 0.4rem 1rem;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);
}

.peer-review-page .chip-value[b-85uiwc5jed] {
    font-size: 1rem;
    font-weight: 800;
}

.peer-review-page .chip-label[b-85uiwc5jed] {
    font-size: 0.8rem;
    opacity: 0.92;
}

.peer-review-page .char-count[b-85uiwc5jed] {
    font-size: 0.76rem;
}

/* Form controls ------------------------------------------------------------ */

.peer-review-page .form-label[b-85uiwc5jed] {
    font-size: 0.9rem;
    margin-bottom: 0.4rem;
    color: var(--badminton-gray-dark);
}

.peer-review-page .form-control[b-85uiwc5jed] {
    min-height: 42px;
    border-radius: 10px;
    border-color: #d6e3f0;
}

.peer-review-page textarea.form-control[b-85uiwc5jed] {
    min-height: 100px;
}

.peer-review-page .form-control:focus[b-85uiwc5jed] {
    border-color: var(--badminton-primary-light, #64b5f6);
    box-shadow: 0 0 0 0.2rem rgba(30, 136, 229, 0.18);
}

/* Buttons ------------------------------------------------------------------ */

.peer-review-page .btn-success[b-85uiwc5jed] {
    background: var(--gradient-success, linear-gradient(135deg, #66bb6a, #43a047));
    border-color: #2e7d32;
    box-shadow: 0 8px 20px rgba(67, 160, 71, 0.26);
    font-weight: 700;
}

.peer-review-page .btn-lg[b-85uiwc5jed] {
    padding: 0.78rem 1.7rem;
    font-size: 1rem;
}

/* Alerts ------------------------------------------------------------------- */

.peer-review-page .alert[b-85uiwc5jed] {
    border-radius: 12px;
    border-left: 4px solid transparent;
}

.peer-review-page .alert-danger[b-85uiwc5jed] {
    border-left-color: var(--badminton-danger, #e53935);
}

.peer-review-page .alert-success[b-85uiwc5jed] {
    border-left-color: var(--badminton-success, #43a047);
}

/* Responsive --------------------------------------------------------------- */

@media (max-width: 991.98px) {
    .peer-review-page .hero-grid[b-85uiwc5jed] {
        grid-template-columns: 1fr;
    }

    .peer-review-page .peer-review-hero h1[b-85uiwc5jed] {
        font-size: 1.7rem;
    }

    .peer-review-page .rating-scale-guide[b-85uiwc5jed] {
        grid-template-columns: 1fr;
    }

    .peer-review-page .skill-readonly-row[b-85uiwc5jed] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .peer-review-page .rating-bar-wrap[b-85uiwc5jed] {
        width: 100%;
    }

    .peer-review-page .skill-readonly-rating[b-85uiwc5jed] {
        width: 100%;
        justify-content: space-between;
    }

    .peer-review-page .rating-stars-lg[b-85uiwc5jed] {
        gap: 0.25rem;
    }

    .peer-review-page .star-btn-lg[b-85uiwc5jed] {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 575.98px) {
    .peer-review-page .card-header[b-85uiwc5jed] {
        padding: 0.85rem 1rem;
    }

    .peer-review-page .card-body[b-85uiwc5jed] {
        padding: 1rem;
    }
}
/* /Components/Pages/Player/PlayerProfile.razor.rz.scp.css */
/* Player Profile Page Styles */

.page-header[b-s5wk45xa8j] {
    margin-bottom: 2rem;
}

.page-title[b-s5wk45xa8j] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.page-subtitle[b-s5wk45xa8j] {
    font-size: 1.125rem;
    color: var(--badminton-gray);
    margin-bottom: 0;
}

/* Profile Avatar Container */
.profile-avatar-container[b-s5wk45xa8j] {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
}

.profile-avatar[b-s5wk45xa8j] {
    font-size: 8rem;
    color: var(--badminton-primary);
}

.profile-picture[b-s5wk45xa8j] {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid var(--badminton-primary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.upload-photo-btn[b-s5wk45xa8j] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    border: 2px solid white;
    transition: all 0.3s ease;
}

.upload-photo-btn:hover[b-s5wk45xa8j] {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Achievement Styles */
.achievement-list[b-s5wk45xa8j] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.achievement-item[b-s5wk45xa8j] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.achievement-item.achievement-unlocked[b-s5wk45xa8j] {
    background: linear-gradient(135deg, rgba(40, 167, 69, 0.1) 0%, rgba(40, 167, 69, 0.05) 100%);
    border-left: 4px solid #28a745;
}

.achievement-item.achievement-locked[b-s5wk45xa8j] {
    background: #f8f9fa;
    border-left: 4px solid #dee2e6;
    opacity: 0.7;
}

.achievement-icon[b-s5wk45xa8j] {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
    flex-shrink: 0;
}

/* Statistics Box */
.stat-box[b-s5wk45xa8j] {
    text-align: center;
    padding: 1.5rem 1rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.stat-number[b-s5wk45xa8j] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--badminton-primary);
    margin-bottom: 0.5rem;
}

.stat-desc[b-s5wk45xa8j] {
    font-size: 0.875rem;
    color: var(--badminton-gray);
    margin: 0;
}

/* Preference Items */
.preference-item[b-s5wk45xa8j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #e9ecef;
}

.preference-item:last-child[b-s5wk45xa8j] {
    border-bottom: none;
}

/* Card Styles */
.card[b-s5wk45xa8j] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.card-header[b-s5wk45xa8j] {
    background: white;
    border-bottom: 2px solid #f0f0f0;
    padding: 1.25rem 1.5rem;
    font-weight: 700;
    font-size: 1.125rem;
}

/* Upload Modal Styles */
.upload-zone[b-s5wk45xa8j] {
    border: 2px dashed var(--badminton-gray-light);
    border-radius: 12px;
    padding: 3rem 2rem;
    text-align: center;
    background: rgba(30, 136, 229, 0.03);
    transition: all 0.3s ease;
    cursor: pointer;
}

.upload-zone:hover[b-s5wk45xa8j] {
    border-color: var(--badminton-primary);
    background: rgba(30, 136, 229, 0.08);
}

.upload-label[b-s5wk45xa8j] {
    display: block;
    cursor: pointer;
    margin: 0;
}

.upload-label.disabled[b-s5wk45xa8j] {
    cursor: not-allowed;
    opacity: 0.6;
}

.img-preview[b-s5wk45xa8j] {
    max-width: 300px;
    max-height: 300px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.selected-file-info[b-s5wk45xa8j] {
    padding: 0.75rem 1rem;
    background: rgba(67, 160, 71, 0.1);
    border-radius: 8px;
    border-left: 4px solid var(--badminton-success);
    font-size: 0.875rem;
}
/* /Components/Pages/Player/PlayerRanking.razor.rz.scp.css */
/* ===================================================================
   Player Ranking Leaderboard — Scoped CSS
   Follows the same design tokens used across all Player pages
   =================================================================== */

/* ── Page Header ─────────────────────────────────────────────────── */

.page-header[b-n6mhainc6n] {
    margin-bottom: 2rem;
}

.page-title[b-n6mhainc6n] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.page-subtitle[b-n6mhainc6n] {
    font-size: 1.125rem;
    color: var(--badminton-gray);
    margin-bottom: 0;
}

/* ── Stat Cards (same as PlayerSessions) ────────────────────────── */

.stat-card[b-n6mhainc6n] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
}

.stat-card:hover[b-n6mhainc6n] {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.stat-icon[b-n6mhainc6n] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    color: white;
    flex-shrink: 0;
}

.stat-icon-gold[b-n6mhainc6n] {
    background: linear-gradient(135deg, #FFD700 0%, #FFA000 100%);
}

.stat-icon-orange[b-n6mhainc6n] {
    background: linear-gradient(135deg, #ff6f00 0%, #e65100 100%);
}

.stat-content[b-n6mhainc6n] {
    flex: 1;
    min-width: 0;
}

.stat-value[b-n6mhainc6n] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--badminton-dark);
    line-height: 1.1;
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stat-label[b-n6mhainc6n] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--badminton-gray);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0;
}

/* ── My Rank Banner ─────────────────────────────────────────────── */

.my-rank-card[b-n6mhainc6n] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    border-radius: 16px;
    color: white;
    box-shadow: 0 4px 24px rgba(30, 136, 229, 0.35);
    overflow: hidden;
}

.my-rank-header[b-n6mhainc6n] {
    padding: 0.875rem 1.5rem;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background: rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.my-rank-body[b-n6mhainc6n] {
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.my-rank-position[b-n6mhainc6n] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.my-rank-number[b-n6mhainc6n] {
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1;
}

.my-rank-scores[b-n6mhainc6n] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.score-chip[b-n6mhainc6n] {
    background: rgba(255, 255, 255, 0.18);
    border-radius: 10px;
    padding: 0.5rem 0.875rem;
    text-align: center;
    min-width: 80px;
}

.score-chip-self[b-n6mhainc6n] {
    background: rgba(255, 255, 255, 0.12);
}

.score-chip-peer[b-n6mhainc6n] {
    background: rgba(255, 111, 0, 0.35);
}

.score-chip-label[b-n6mhainc6n] {
    display: block;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    opacity: 0.85;
}

.score-chip-value[b-n6mhainc6n] {
    display: block;
    font-size: 1.3rem;
    font-weight: 800;
    margin-top: 0.1rem;
    line-height: 1.1;
}

.my-rank-updated[b-n6mhainc6n] {
    margin-left: auto;
    font-size: 0.8rem;
    opacity: 0.75;
    flex-shrink: 0;
}

/* ── Leaderboard Table ──────────────────────────────────────────── */

.ranking-table[b-n6mhainc6n] {
    font-size: 0.95rem;
}

.ranking-table thead[b-n6mhainc6n] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(30, 136, 229, 0.04) 100%);
}

.ranking-table thead th[b-n6mhainc6n] {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    color: var(--badminton-primary);
    border-bottom: 2px solid var(--badminton-primary);
    padding: 1rem;
    white-space: nowrap;
    vertical-align: middle;
}

.ranking-table tbody td[b-n6mhainc6n] {
    padding: 0.875rem 1rem;
    vertical-align: middle;
}

/* Highlight the current player's row */
.my-row[b-n6mhainc6n] {
    background: rgba(30, 136, 229, 0.06) !important;
    border-left: 4px solid var(--badminton-primary);
}

.my-row:hover[b-n6mhainc6n] {
    background: rgba(30, 136, 229, 0.11) !important;
}

/* ── Rank Medals ────────────────────────────────────────────────── */

.rank-medal[b-n6mhainc6n] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-weight: 800;
    font-size: 0.875rem;
    padding: 0.3rem 0.65rem;
    border-radius: 8px;
    white-space: nowrap;
}

.rank-gold[b-n6mhainc6n] {
    background: linear-gradient(135deg, #FFD700 0%, #FFA000 100%);
    color: #4E342E;
    box-shadow: 0 2px 6px rgba(255, 160, 0, 0.4);
}

.rank-silver[b-n6mhainc6n] {
    background: linear-gradient(135deg, #E0E0E0 0%, #9E9E9E 100%);
    color: #424242;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.rank-bronze[b-n6mhainc6n] {
    background: linear-gradient(135deg, #FFCC80 0%, #FF8F00 100%);
    color: #4E342E;
    box-shadow: 0 2px 6px rgba(255, 143, 0, 0.35);
}

.rank-number[b-n6mhainc6n] {
    font-weight: 700;
    color: var(--badminton-gray);
    font-size: 0.95rem;
}

/* ── Player Info Cell ───────────────────────────────────────────── */

.player-info[b-n6mhainc6n] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
}

.player-avatar[b-n6mhainc6n] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.15) 0%, rgba(21, 101, 192, 0.08) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--badminton-primary);
    flex-shrink: 0;
    border: 2px solid rgba(30, 136, 229, 0.2);
}

.player-avatar-me[b-n6mhainc6n] {
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    color: white;
    border-color: var(--badminton-primary);
    box-shadow: 0 2px 10px rgba(30, 136, 229, 0.45);
}

/* Face photo — same dimensions as the initials avatar */
.player-photo[b-n6mhainc6n] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    flex-shrink: 0;
    border: 2px solid rgba(30, 136, 229, 0.25);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

.player-photo-me[b-n6mhainc6n] {
    border-color: var(--badminton-primary);
    box-shadow: 0 2px 10px rgba(30, 136, 229, 0.45);
}

.player-name[b-n6mhainc6n] {
    font-weight: 600;
    color: var(--badminton-dark);
    font-size: 0.95rem;
    line-height: 1.3;
}

.you-badge[b-n6mhainc6n] {
    display: inline-block;
    background: var(--badminton-primary);
    color: white;
    font-size: 0.65rem;
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    font-weight: 700;
    vertical-align: middle;
    letter-spacing: 0.04em;
}

/* ── Composite Score Bar ────────────────────────────────────────── */

.score-bar-wrapper[b-n6mhainc6n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
}

.composite-score[b-n6mhainc6n] {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--badminton-primary);
    line-height: 1;
}

.score-bar[b-n6mhainc6n] {
    width: 80px;
    height: 6px;
    background: var(--badminton-gray-light);
    border-radius: 3px;
    overflow: hidden;
}

.score-bar-fill[b-n6mhainc6n] {
    height: 100%;
    background: linear-gradient(90deg, var(--badminton-primary) 0%, var(--badminton-secondary) 100%);
    border-radius: 3px;
    transition: width 0.6s ease;
    min-width: 2px;
}

/* ── Score Pills ────────────────────────────────────────────────── */

.score-pill[b-n6mhainc6n] {
    display: inline-block;
    padding: 0.3rem 0.7rem;
    border-radius: 20px;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1;
}

.pill-self[b-n6mhainc6n] {
    background: rgba(30, 136, 229, 0.12);
    color: var(--badminton-primary);
}

.pill-peer[b-n6mhainc6n] {
    background: rgba(255, 111, 0, 0.12);
    color: var(--badminton-secondary);
}

/* ── Empty State ────────────────────────────────────────────────── */

.leaderboard-empty-icon[b-n6mhainc6n] {
    font-size: 3.5rem;
    color: var(--badminton-gray-light);
}

/* ── Responsive ─────────────────────────────────────────────────── */

@media (max-width: 767.98px) {
    .page-title[b-n6mhainc6n] {
        font-size: 1.5rem;
    }

    .my-rank-body[b-n6mhainc6n] {
        gap: 1rem;
    }

    .my-rank-updated[b-n6mhainc6n] {
        margin-left: 0;
        width: 100%;
    }

    .score-chip[b-n6mhainc6n] {
        min-width: 68px;
        padding: 0.4rem 0.625rem;
    }

    .score-chip-value[b-n6mhainc6n] {
        font-size: 1.1rem;
    }
}

@media (max-width: 575.98px) {
    .stat-value[b-n6mhainc6n] {
        font-size: 1.2rem;
    }

    .score-bar[b-n6mhainc6n] {
        width: 60px;
    }
}
/* /Components/Pages/Player/PlayerSessions.razor.rz.scp.css */
/* Player Sessions Page Styles */

.page-header[b-g7unvp5isb] {
    margin-bottom: 2rem;
}

.page-title[b-g7unvp5isb] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.page-subtitle[b-g7unvp5isb] {
    font-size: 1.125rem;
    color: var(--badminton-gray);
    margin-bottom: 0;
}

/* Stat Cards */
.stat-card[b-g7unvp5isb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.stat-card:hover[b-g7unvp5isb] {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.12);
}

.stat-icon[b-g7unvp5isb] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    color: white;
}

.stat-icon-purple[b-g7unvp5isb] {
    background: linear-gradient(135deg, #9C27B0 0%, #7B1FA2 100%);
}

.stat-content[b-g7unvp5isb] {
    flex: 1;
}

.stat-value[b-g7unvp5isb] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--badminton-dark);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-label[b-g7unvp5isb] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--badminton-gray);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0;
}

/* Session Table */
.session-table[b-g7unvp5isb] {
    font-size: 0.95rem;
}

.session-table thead[b-g7unvp5isb] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(30, 136, 229, 0.05) 100%);
}

.session-table thead th[b-g7unvp5isb] {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    color: var(--badminton-primary);
    border-bottom: 2px solid var(--badminton-primary);
    padding: 1rem;
}

.session-table tbody td[b-g7unvp5isb] {
    padding: 1rem;
    vertical-align: middle;
}

/* Session Row Styles */
.my-session-row[b-g7unvp5isb] {
    background: rgba(76, 175, 80, 0.03);
    border-left: 4px solid var(--badminton-success);
}

.my-session-row:hover[b-g7unvp5isb] {
    background: rgba(76, 175, 80, 0.08);
}

.group-member-row[b-g7unvp5isb] {
    background: rgba(255, 152, 0, 0.05);
    border-left: 4px solid var(--badminton-warning);
}

.group-member-row:hover[b-g7unvp5isb] {
    background: rgba(255, 152, 0, 0.12);
}

/* Session Date */
.session-date[b-g7unvp5isb] {
    display: flex;
    flex-direction: column;
}

.session-date i[b-g7unvp5isb] {
    color: var(--badminton-primary);
}

/* Participant Avatar */
.participant-avatar[b-g7unvp5isb] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.15) 0%, rgba(30, 136, 229, 0.05) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--badminton-primary);
}

.group-member-row .participant-avatar[b-g7unvp5isb] {
    background: linear-gradient(135deg, rgba(255, 152, 0, 0.15) 0%, rgba(255, 152, 0, 0.05) 100%);
    color: var(--badminton-warning);
}

/* Session Type Badge */
.session-type-badge[b-g7unvp5isb] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    background: rgba(30, 136, 229, 0.1);
    color: var(--badminton-primary);
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.875rem;
}

/* Fee Display */
.fee-display[b-g7unvp5isb] {
    text-align: right;
}

.fee-amount[b-g7unvp5isb] {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--badminton-success);
}

/* Modal Styles */
.modal-content[b-g7unvp5isb] {
    border-radius: 16px;
    border: none;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.modal-header[b-g7unvp5isb] {
    border-radius: 16px 16px 0 0;
    padding: 1.5rem;
}

.modal-body[b-g7unvp5isb] {
    padding: 1.5rem;
}

/* Toast Notifications */
.toast[b-g7unvp5isb] {
    min-width: 300px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}

.toast-header[b-g7unvp5isb] {
    border-radius: 12px 12px 0 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .stat-card[b-g7unvp5isb] {
        flex-direction: column;
        text-align: center;
    }

    .session-table[b-g7unvp5isb] {
        font-size: 0.85rem;
    }

    .page-title[b-g7unvp5isb] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Player/PlayerSettings.razor.rz.scp.css */
.page-title[b-3nycxnabm8] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
}

.card[b-3nycxnabm8] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.card-header[b-3nycxnabm8] {
    background: white;
    border-bottom: 2px solid #f0f0f0;
    padding: 1.25rem 1.5rem;
    font-weight: 700;
    font-size: 1.125rem;
}

.setting-item[b-3nycxnabm8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #e9ecef;
}

.setting-item:last-child[b-3nycxnabm8] {
    border-bottom: none;
}

.form-check-input[b-3nycxnabm8] {
    width: 3rem;
    height: 1.5rem;
    cursor: pointer;
}

.form-check-input:checked[b-3nycxnabm8] {
    background-color: var(--badminton-primary);
    border-color: var(--badminton-primary);
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
.privacy-page[b-xi6ellcjfx] {
    background: var(--badminton-gray-lighter);
}

/* Hero Section */
.privacy-hero[b-xi6ellcjfx] {
    padding: 6rem 0 4rem;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(255, 111, 0, 0.05) 100%);
    position: relative;
    overflow: hidden;
}

.hero-badge[b-xi6ellcjfx] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--gradient-primary);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.9375rem;
}

.badge-icon[b-xi6ellcjfx] {
    font-size: 1.5rem;
}

.hero-title[b-xi6ellcjfx] {
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 1rem;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-description[b-xi6ellcjfx] {
    font-size: 1.125rem;
    color: var(--badminton-gray);
    margin-bottom: 0;
    line-height: 1.8;
    font-style: italic;
}

/* Privacy Content Section */
.privacy-content-section[b-xi6ellcjfx] {
    padding: 6rem 0;
    background: white;
}

.privacy-section[b-xi6ellcjfx] {
    background: var(--badminton-gray-lighter);
    border-radius: 16px;
    padding: 3rem;
    margin-bottom: 2rem;
    position: relative;
    border-left: 4px solid var(--badminton-primary);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-normal);
}

.privacy-section:hover[b-xi6ellcjfx] {
    box-shadow: var(--shadow-md);
    transform: translateX(4px);
}

.privacy-section-contact[b-xi6ellcjfx] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(255, 111, 0, 0.05) 100%);
    border-left-color: var(--badminton-secondary);
}

.section-number[b-xi6ellcjfx] {
    position: absolute;
    top: -1.5rem;
    left: 2rem;
    width: 3rem;
    height: 3rem;
    background: var(--gradient-primary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 800;
    box-shadow: var(--shadow-md);
}

.section-title[b-xi6ellcjfx] {
    font-size: 1.875rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    color: var(--badminton-dark);
    padding-top: 1rem;
}

.section-text[b-xi6ellcjfx] {
    font-size: 1.0625rem;
    line-height: 1.8;
    color: var(--badminton-gray-dark);
    margin-bottom: 1rem;
}

.section-text:last-child[b-xi6ellcjfx] {
    margin-bottom: 0;
}

.privacy-list[b-xi6ellcjfx] {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0 0 0;
}

.privacy-list li[b-xi6ellcjfx] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.75rem 0;
    font-size: 1.0625rem;
    line-height: 1.8;
    color: var(--badminton-gray-dark);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.privacy-list li:last-child[b-xi6ellcjfx] {
    border-bottom: none;
}

.privacy-list i[b-xi6ellcjfx] {
    color: var(--badminton-primary);
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.25rem;
}

/* Contact Details */
.contact-details[b-xi6ellcjfx] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.contact-item[b-xi6ellcjfx] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-fast);
}

.contact-item:hover[b-xi6ellcjfx] {
    box-shadow: var(--shadow-md);
    transform: translateX(8px);
}

.contact-item i[b-xi6ellcjfx] {
    width: 40px;
    height: 40px;
    background: var(--gradient-primary);
    color: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.contact-item a[b-xi6ellcjfx] {
    color: var(--badminton-primary);
    text-decoration: none;
    font-weight: 600;
    font-size: 1.0625rem;
    transition: color var(--transition-fast);
}

.contact-item a:hover[b-xi6ellcjfx] {
    color: var(--badminton-primary-dark);
    text-decoration: underline;
}

.contact-item span[b-xi6ellcjfx] {
    color: var(--badminton-gray-dark);
    font-size: 1.0625rem;
    line-height: 1.6;
}

/* Footer Section */
.footer-section[b-xi6ellcjfx] {
    padding: 2rem 0;
    background: var(--badminton-dark);
    color: white;
}

.footer-content[b-xi6ellcjfx] {
    text-align: center;
}

.footer-content p[b-xi6ellcjfx] {
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.8);
}

.footer-links[b-xi6ellcjfx] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.footer-links a[b-xi6ellcjfx] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.footer-links a:hover[b-xi6ellcjfx] {
    color: white;
}

.footer-links span[b-xi6ellcjfx] {
    color: rgba(255, 255, 255, 0.5);
}

/* Responsive */
@media (max-width: 991.98px) {
    .hero-title[b-xi6ellcjfx] {
        font-size: 2.5rem;
    }

    .section-title[b-xi6ellcjfx] {
        font-size: 1.5rem;
    }

    .privacy-section[b-xi6ellcjfx] {
        padding: 2.5rem 2rem;
    }
}

@media (max-width: 767.98px) {
    .privacy-hero[b-xi6ellcjfx] {
        padding: 4rem 0 2rem;
    }

    .hero-title[b-xi6ellcjfx] {
        font-size: 2rem;
    }

    .privacy-content-section[b-xi6ellcjfx] {
        padding: 4rem 0;
    }

    .privacy-section[b-xi6ellcjfx] {
        padding: 2rem 1.5rem;
    }

    .section-number[b-xi6ellcjfx] {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.25rem;
        top: -1.25rem;
        left: 1.5rem;
    }

    .contact-item[b-xi6ellcjfx] {
        flex-direction: column;
        text-align: center;
    }
}
/* /Components/Pages/Register.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   BASE AUTH LAYOUT — mirrored from Login.razor <style> so Register.razor
   has all needed styles without depending on Login being in the DOM.
   ═══════════════════════════════════════════════════════════════════════════ */

.login-container[b-kilnspzl08] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(255, 111, 0, 0.05) 100%);
}

.login-wrapper[b-kilnspzl08] {
    background: white;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    max-width: 1200px;
    width: 100%;
}

/* Left Side - Branding */
.login-brand-section[b-kilnspzl08] {
    background: var(--gradient-primary);
    padding: 4rem 3rem;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.login-brand-section[b-kilnspzl08]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.brand-content[b-kilnspzl08] {
    position: relative;
    z-index: 1;
    color: white;
}

.brand-heading[b-kilnspzl08] {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 1rem;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    color: white;
}

.brand-tagline[b-kilnspzl08] {
    font-size: 1.25rem;
    opacity: 0.95;
    font-weight: 500;
    color: white;
}

.feature-list[b-kilnspzl08] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.feature-item[b-kilnspzl08] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    color: white;
}

.feature-icon[b-kilnspzl08] {
    width: 56px;
    height: 56px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    flex-shrink: 0;
    backdrop-filter: blur(10px);
    color: white;
}

.feature-item strong[b-kilnspzl08] {
    display: block;
    font-size: 1.125rem;
    margin-bottom: 0.25rem;
    font-weight: 700;
    color: white;
}

.feature-item p[b-kilnspzl08] {
    opacity: 0.9;
    margin: 0;
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.88);
}

/* Right Side - Form */
.login-form-section[b-kilnspzl08] {
    padding: 4rem 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 700px;
    background: white;
}

.mobile-brand[b-kilnspzl08] {
    display: none;
    width: 100%;
}

.mobile-brand-icon[b-kilnspzl08] {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mobile-brand-icon .mobile-auth-logo[b-kilnspzl08] {
    width: 120px;
    height: 120px;
    object-fit: contain;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
}

.mobile-brand h2[b-kilnspzl08] {
    font-size: 1.75rem;
    font-weight: 800;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.login-form-container[b-kilnspzl08] {
    width: 100%;
    max-width: 450px;
}

.login-header[b-kilnspzl08] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.login-title[b-kilnspzl08] {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
    color: var(--badminton-dark);
}

.login-subtitle[b-kilnspzl08] {
    font-size: 1.0625rem;
    color: var(--badminton-gray);
    margin: 0;
}

.login-form[b-kilnspzl08] {
    margin-bottom: 2rem;
}

.form-group[b-kilnspzl08] {
    margin-bottom: 1.5rem;
}

.form-label[b-kilnspzl08] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
}

.forgot-link[b-kilnspzl08] {
    color: var(--badminton-primary);
    font-weight: 600;
    text-decoration: none;
    transition: color var(--transition-fast);
}

.forgot-link:hover[b-kilnspzl08] {
    color: var(--badminton-primary-dark);
    text-decoration: underline;
}

.btn-lg[b-kilnspzl08] {
    padding: 1rem 2rem;
    font-size: 1.0625rem;
    font-weight: 700;
    border-radius: 12px;
}

.signup-prompt[b-kilnspzl08] {
    text-align: center;
    font-size: 0.9375rem;
    color: var(--badminton-gray);
    margin-top: 1.5rem;
}

.signup-link[b-kilnspzl08] {
    color: var(--badminton-primary);
    font-weight: 700;
    text-decoration: none;
    transition: color var(--transition-fast);
}

.signup-link:hover[b-kilnspzl08] {
    color: var(--badminton-primary-dark);
    text-decoration: underline;
}

.validation-message[b-kilnspzl08] {
    display: block;
    font-size: 0.8rem;
    color: var(--badminton-danger, #e53935);
    margin-top: 0.3rem;
}

/* Responsive */
@media (max-width: 991.98px) {
    .mobile-brand[b-kilnspzl08] {
        display: block;
    }

    .login-form-section[b-kilnspzl08] {
        padding: 3rem 2rem;
        min-height: auto;
    }

    .login-title[b-kilnspzl08] {
        font-size: 1.75rem;
    }
}

@media (max-width: 767.98px) {
    .login-container[b-kilnspzl08] {
        padding: 0.5rem;
        min-height: 100vh;
    }

    .login-wrapper[b-kilnspzl08] {
        box-shadow: none;
        border-radius: 0;
    }

    .login-form-section[b-kilnspzl08] {
        padding: 2rem 1.5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mobile-brand[b-kilnspzl08] {
        display: block;
    }

    .login-title[b-kilnspzl08] {
        font-size: 1.5rem;
    }
}

/* ── Logo / brand animations ───────────────────────────────────────────── */
.brand-icon-large[b-kilnspzl08] {
    margin-bottom: 2rem;
    animation: float-b-kilnspzl08 3s ease-in-out infinite;
    display: flex;
    justify-content: center;
    align-items: center;
}

.brand-icon-large .auth-logo[b-kilnspzl08] {
    width: 180px;
    height: 180px;
    object-fit: contain;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3));
}

.mobile-brand-icon[b-kilnspzl08] {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mobile-brand-icon .mobile-auth-logo[b-kilnspzl08] {
    width: 120px;
    height: 120px;
    object-fit: contain;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15));
}

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

/* ═══════════════════════════════════════════════════════════════════════════
   INVITE HERO — base
   ═══════════════════════════════════════════════════════════════════════════ */
.invite-hero[b-kilnspzl08] {
    border-radius: 1rem;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
    transition: all var(--transition-normal);
}

/* ── Accepted / valid-referrer state ──────────────────────────────────── */
.invite-hero--accepted[b-kilnspzl08] {
    background: linear-gradient(135deg, #1565c0 0%, #1e88e5 50%, #42a5f5 100%);
    color: #fff;
    box-shadow: 0 8px 32px rgba(30, 136, 229, 0.45);
    animation: heroSlideIn-b-kilnspzl08 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Animated shimmer overlay */
.invite-hero-glow[b-kilnspzl08] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        105deg,
        transparent 40%,
        rgba(255, 255, 255, 0.18) 50%,
        transparent 60%
    );
    background-size: 200% 100%;
    animation: shimmer-b-kilnspzl08 3s infinite linear;
    pointer-events: none;
}

@keyframes shimmer-b-kilnspzl08 {
    0%   { background-position: 200% center; }
    100% { background-position: -200% center; }
}

/* "You've been invited!" pill badge */
.invite-hero-badge[b-kilnspzl08] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 999px;
    padding: 0.2rem 0.75rem;
    margin-bottom: 1rem;
    color: #fff;
}

/* Row: avatar + referrer text */
.invite-hero-body[b-kilnspzl08] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Pulsing ring around the avatar */
.invite-avatar-ring[b-kilnspzl08] {
    position: relative;
    flex-shrink: 0;
}

.invite-avatar-ring[b-kilnspzl08]::before {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    animation: avatarPulse-b-kilnspzl08 2s ease-in-out infinite;
}

@keyframes avatarPulse-b-kilnspzl08 {
    0%, 100% { transform: scale(1);   opacity: 0.6; }
    50%       { transform: scale(1.1); opacity: 0.15; }
}

.invite-avatar[b-kilnspzl08] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 1;
}

.invite-avatar-placeholder[b-kilnspzl08] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    border: 3px solid rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 1;
}

.invite-referrer-info[b-kilnspzl08] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.invite-referrer-name[b-kilnspzl08] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.invite-referrer-sub[b-kilnspzl08] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.8);
}

/* The "BC-XXXX-000000 ✓" code chip */
.invite-code-chip[b-kilnspzl08] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.75rem;
    font-weight: 600;
    font-family: 'Courier New', monospace;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
    margin-top: 0.15rem;
    letter-spacing: 0.05em;
}

/* "Remove code" button */
.invite-clear-btn[b-kilnspzl08] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.78rem;
    cursor: pointer;
    padding: 0.5rem 0 0;
    transition: color var(--transition-fast);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.invite-clear-btn:hover[b-kilnspzl08] {
    color: #fff;
}

/* ── Open / no-code state ─────────────────────────────────────────────── */
.invite-hero--open[b-kilnspzl08] {
    background: var(--badminton-gray-lighter, #f5f5f5);
    border: 2px dashed var(--badminton-gray-light, #e0e0e0);
}

.invite-hero--open:focus-within[b-kilnspzl08] {
    border-color: var(--badminton-primary, #1e88e5);
    background: #f0f7ff;
    box-shadow: 0 0 0 4px rgba(30, 136, 229, 0.1);
}

.invite-hero-open-icon[b-kilnspzl08] {
    font-size: 2rem;
    color: var(--badminton-primary, #1e88e5);
    margin-bottom: 0.5rem;
}

.invite-hero-open-title[b-kilnspzl08] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--badminton-dark, #212121);
    margin: 0 0 0.1rem;
}

.invite-hero-open-hint[b-kilnspzl08] {
    font-size: 0.8rem;
    color: var(--badminton-gray, #757575);
    margin: 0 0 0.75rem;
}

/* Input row with icon inside */
.invite-input-wrap[b-kilnspzl08] {
    position: relative;
    display: flex;
    align-items: center;
}

.invite-input-icon[b-kilnspzl08] {
    position: absolute;
    left: 0.85rem;
    font-size: 1.1rem;
    color: var(--badminton-primary, #1e88e5);
    pointer-events: none;
    z-index: 2;
}

.invite-input-wrap .form-control[b-kilnspzl08] {
    padding-left: 2.5rem;
    font-family: 'Courier New', monospace;
    font-size: 0.95rem;
    letter-spacing: 0.04em;
    border-radius: 0.5rem;
    border: 1.5px solid var(--badminton-gray-light, #e0e0e0);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.invite-input-wrap .form-control:focus[b-kilnspzl08] {
    border-color: var(--badminton-primary, #1e88e5);
    box-shadow: 0 0 0 3px rgba(30, 136, 229, 0.18);
}

.invite-input-wrap .form-control.is-valid[b-kilnspzl08] {
    border-color: var(--badminton-success, #43a047);
    padding-right: 2.5rem;
}

.invite-input-wrap .form-control.is-invalid[b-kilnspzl08] {
    border-color: var(--badminton-danger, #e53935);
    padding-right: 2.5rem;
}

.invite-input-spinner[b-kilnspzl08] {
    position: absolute;
    right: 0.85rem;
    color: var(--badminton-gray, #757575);
}

.invite-error[b-kilnspzl08] {
    display: block;
    font-size: 0.8rem;
    color: var(--badminton-danger, #e53935);
    margin-top: 0.4rem;
}

.invite-hero-open-skip[b-kilnspzl08] {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.78rem;
    color: var(--badminton-gray, #757575);
}

/* ── Section divider ──────────────────────────────────────────────────── */
.form-section-divider[b-kilnspzl08] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0.5rem 0 1.25rem;
    color: var(--badminton-gray, #757575);
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.form-section-divider[b-kilnspzl08]::before,
.form-section-divider[b-kilnspzl08]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--badminton-gray-light, #e0e0e0);
}

/* ── Entrance animation ───────────────────────────────────────────────── */
@keyframes heroSlideIn-b-kilnspzl08 {
    from { opacity: 0; transform: translateY(-12px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0)     scale(1); }
}

/* -- Anti-spam honeypot: visually hidden from real users -------------------*/
.register-honeypot[b-kilnspzl08] {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   REGISTER PAGE — Badminton brand panel overrides
   ═══════════════════════════════════════════════════════════════════════════ */

/* Richer, darker court-side gradient */
.register-brand-section[b-kilnspzl08] {
    background: linear-gradient(160deg, #0a1929 0%, #0d3b6b 40%, #1565c0 80%, #1e88e5 100%) !important;
    overflow: hidden;
}

/* Subtle grid overlay — mimics court floor tiles */
.register-brand-section[b-kilnspzl08]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none;
    z-index: 0;
}

/* Remove the generic blob from Login styles for this page */
.register-brand-section[b-kilnspzl08]::after {
    display: none;
}

/* ── Court line decorations ───────────────────────────────────────────── */
.court-lines[b-kilnspzl08] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

/* Baseline top/bottom boundary lines */
.court-line[b-kilnspzl08] {
    position: absolute;
    left: 8%;
    right: 8%;
    height: 2px;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 1px;
}

.court-line--top[b-kilnspzl08]    { top: 8%; }
.court-line--bottom[b-kilnspzl08] { bottom: 8%; }

/* Net line — thicker, brighter */
.court-line--net[b-kilnspzl08] {
    top: 50%;
    background: rgba(255, 255, 255, 0.22);
    height: 3px;
}

/* Left service box vertical */
.court-left-svc[b-kilnspzl08] {
    position: absolute;
    left: 30%;
    top: 8%;
    bottom: 8%;
    width: 2px;
    background: rgba(255, 255, 255, 0.1);
}

/* Right service box vertical */
.court-right-svc[b-kilnspzl08] {
    position: absolute;
    right: 30%;
    top: 8%;
    bottom: 8%;
    width: 2px;
    background: rgba(255, 255, 255, 0.1);
}

/* Center service marker circle */
.court-circle[b-kilnspzl08] {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.15);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ── Floating shuttlecock emojis ──────────────────────────────────────── */
.shuttle-deco[b-kilnspzl08] {
    position: absolute;
    pointer-events: none;
    z-index: 0;
    opacity: 0.18;
    line-height: 1;
}

.shuttle-deco--1[b-kilnspzl08] {
    font-size: 3rem;
    top: 12%;
    right: 8%;
    animation: shuttleFloat-b-kilnspzl08 5s ease-in-out infinite;
}

.shuttle-deco--2[b-kilnspzl08] {
    font-size: 2rem;
    bottom: 18%;
    left: 6%;
    animation: shuttleFloat-b-kilnspzl08 6.5s ease-in-out infinite reverse;
}

.shuttle-deco--3[b-kilnspzl08] {
    font-size: 1.5rem;
    top: 55%;
    right: 6%;
    animation: shuttleFloat-b-kilnspzl08 4s ease-in-out infinite 1s;
}

@keyframes shuttleFloat-b-kilnspzl08 {
    0%, 100% { transform: translateY(0)    rotate(0deg); }
    33%       { transform: translateY(-18px) rotate(20deg); }
    66%       { transform: translateY(-9px)  rotate(-12deg); }
}

/* ── Stats strip ──────────────────────────────────────────────────────── */
.court-stats[b-kilnspzl08] {
    display: flex;
    align-items: center;
    gap: 0;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 1rem;
    padding: 0.9rem 1.25rem;
    backdrop-filter: blur(6px);
}

.stat-item[b-kilnspzl08] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    gap: 0.15rem;
}

.stat-number[b-kilnspzl08] {
    font-size: 1.45rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

.stat-label[b-kilnspzl08] {
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.65);
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.stat-divider[b-kilnspzl08] {
    width: 1px;
    height: 2.2rem;
    background: rgba(255, 255, 255, 0.2);
    flex-shrink: 0;
}

/* ── Feature icon enhancements ────────────────────────────────────────── */
.feature-icon[b-kilnspzl08] {
    border: 1px solid rgba(255, 255, 255, 0.25);
    transition: transform 0.25s ease, background 0.25s ease;
}

.feature-item:hover .feature-icon[b-kilnspzl08] {
    transform: scale(1.12) rotate(-6deg);
    background: rgba(255, 255, 255, 0.30) !important;
}

/* ── Slide-in animations for feature items ────────────────────────────── */
@keyframes slideInLeft-b-kilnspzl08 {
    from { opacity: 0; transform: translateX(-22px); }
    to   { opacity: 1; transform: translateX(0); }
}

.slide-in.fade-in-2[b-kilnspzl08] { animation: slideInLeft-b-kilnspzl08 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both; }
.slide-in.fade-in-3[b-kilnspzl08] { animation: slideInLeft-b-kilnspzl08 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.30s both; }
.slide-in.fade-in-4[b-kilnspzl08] { animation: slideInLeft-b-kilnspzl08 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.45s both; }

/* ── Submit button glow ───────────────────────────────────────────────── */
.btn-primary[b-kilnspzl08] {
    transition: all 0.2s ease;
}

.btn-primary:hover:not(:disabled)[b-kilnspzl08] {
    box-shadow: 0 6px 22px rgba(30, 136, 229, 0.55);
    transform: translateY(-2px);
}

.btn-primary:active:not(:disabled)[b-kilnspzl08] {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(30, 136, 229, 0.35);
}

/* /Components/Pages/ResetPassword.razor.rz.scp.css */
/* ResetPassword.razor - Scoped Styles */

.login-container[b-r8d7kdi574] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(255, 111, 0, 0.05) 100%);
}

.reset-password-wrapper[b-r8d7kdi574] {
    width: 100%;
    max-width: 550px;
    animation: fadeIn-b-r8d7kdi574 0.5s ease-out;
}

@keyframes fadeIn-b-r8d7kdi574 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.brand-link[b-r8d7kdi574] {
    text-decoration: none;
    display: inline-block;
}

.brand-icon[b-r8d7kdi574] {
    font-size: 4rem;
    margin-bottom: 0.5rem;
    animation: float-b-r8d7kdi574 3s ease-in-out infinite;
}

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

.brand-name[b-r8d7kdi574] {
    font-size: 1.75rem;
    font-weight: 800;
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 0;
}

.reset-password-card[b-r8d7kdi574] {
    background: white;
    border-radius: 24px;
    padding: 3rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.card-icon[b-r8d7kdi574] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--badminton-primary) 0%, var(--badminton-primary-dark) 100%);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    font-size: 2.5rem;
    color: white;
    box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);
}

.card-header-content[b-r8d7kdi574] {
    text-align: center;
    margin-bottom: 2rem;
}

.card-title[b-r8d7kdi574] {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0.75rem;
    color: var(--badminton-dark);
}

.card-subtitle[b-r8d7kdi574] {
    font-size: 1.0625rem;
    color: var(--badminton-gray);
    line-height: 1.6;
    margin: 0;
}

.reset-form[b-r8d7kdi574] {
    margin-bottom: 2rem;
}

.form-group[b-r8d7kdi574] {
    margin-bottom: 1.5rem;
}

.form-label[b-r8d7kdi574] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--badminton-dark);
    display: flex;
    align-items: center;
}

.form-control-lg[b-r8d7kdi574] {
    padding: 0.875rem 1.25rem;
    font-size: 1rem;
    border-radius: 12px;
    border: 2px solid var(--badminton-gray-light);
    transition: all 0.3s ease;
}

.form-control-lg:focus[b-r8d7kdi574] {
    border-color: var(--badminton-primary);
    box-shadow: 0 0 0 4px rgba(30, 136, 229, 0.1);
}

.security-code-input[b-r8d7kdi574] {
    font-family: 'Courier New', monospace;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.password-input-wrapper[b-r8d7kdi574] {
    position: relative;
}

.password-input-wrapper .form-control-lg[b-r8d7kdi574] {
    padding-right: 3rem;
}

.password-toggle[b-r8d7kdi574] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--badminton-gray);
    cursor: pointer;
    font-size: 1.25rem;
    padding: 0.5rem;
    transition: color 0.3s ease;
}

.password-toggle:hover[b-r8d7kdi574] {
    color: var(--badminton-primary);
}

.form-text[b-r8d7kdi574] {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: var(--badminton-gray);
}

/* Password Requirements */
.password-requirements[b-r8d7kdi574] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(30, 136, 229, 0.02) 100%);
    border: 2px solid var(--badminton-gray-light);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.requirements-title[b-r8d7kdi574] {
    font-weight: 600;
    color: var(--badminton-dark);
    margin-bottom: 0.75rem;
    font-size: 0.9375rem;
}

.requirements-list[b-r8d7kdi574] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.requirements-list li[b-r8d7kdi574] {
    padding: 0.375rem 0;
    color: var(--badminton-gray);
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.requirements-list li.valid[b-r8d7kdi574] {
    color: var(--badminton-success);
}

.requirements-list li i[b-r8d7kdi574] {
    font-size: 1rem;
}

.btn-lg[b-r8d7kdi574] {
    padding: 1rem 2rem;
    font-size: 1.0625rem;
    font-weight: 700;
    border-radius: 12px;
}

/* Success State */
.success-state[b-r8d7kdi574] {
    text-align: center;
}

.success-icon[b-r8d7kdi574] {
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, var(--badminton-success) 0%, #2e7d32 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
    font-size: 3.5rem;
    color: white;
    box-shadow: 0 8px 20px rgba(67, 160, 71, 0.3);
    animation: scaleIn-b-r8d7kdi574 0.5s ease-out;
}

@keyframes scaleIn-b-r8d7kdi574 {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.success-title[b-r8d7kdi574] {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 1rem;
    color: var(--badminton-dark);
}

.success-message[b-r8d7kdi574] {
    font-size: 1.0625rem;
    color: var(--badminton-gray-dark);
    margin-bottom: 2rem;
    line-height: 1.6;
}

/* Back to Login */
.back-to-login[b-r8d7kdi574] {
    text-align: center;
    padding-top: 2rem;
    border-top: 1px solid var(--badminton-gray-light);
}

.back-link[b-r8d7kdi574] {
    color: var(--badminton-primary);
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.back-link:hover[b-r8d7kdi574] {
    color: var(--badminton-primary-dark);
    transform: translateX(-4px);
}

/* Alert Styling */
.alert[b-r8d7kdi574] {
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.validation-message[b-r8d7kdi574] {
    color: var(--badminton-danger);
    font-size: 0.875rem;
    margin-top: 0.5rem;
    display: block;
}

/* Responsive */
@media (max-width: 767.98px) {
    .reset-password-card[b-r8d7kdi574] {
        padding: 2rem 1.5rem;
    }

    .card-title[b-r8d7kdi574] {
        font-size: 1.75rem;
    }

    .success-title[b-r8d7kdi574] {
        font-size: 1.75rem;
    }

    .brand-icon[b-r8d7kdi574] {
        font-size: 3rem;
    }

    .card-icon[b-r8d7kdi574] {
        width: 70px;
        height: 70px;
        font-size: 2rem;
    }

    .success-icon[b-r8d7kdi574] {
        width: 80px;
        height: 80px;
        font-size: 3rem;
    }
}
/* /Components/Pages/Terms.razor.rz.scp.css */
.terms-page[b-yfev0pu9bz] {
    background: var(--badminton-gray-lighter);
}

/* Hero Section */
.terms-hero[b-yfev0pu9bz] {
    padding: 6rem 0 4rem;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(255, 111, 0, 0.05) 100%);
    position: relative;
    overflow: hidden;
}

.hero-badge[b-yfev0pu9bz] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--gradient-primary);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.9375rem;
}

.badge-icon[b-yfev0pu9bz] {
    font-size: 1.5rem;
}

.hero-title[b-yfev0pu9bz] {
    font-size: 3.5rem;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 1rem;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-description[b-yfev0pu9bz] {
    font-size: 1.125rem;
    color: var(--badminton-gray);
    margin-bottom: 0;
    line-height: 1.8;
    font-style: italic;
}

/* Terms Content Section */
.terms-content-section[b-yfev0pu9bz] {
    padding: 6rem 0;
    background: white;
}

.terms-section[b-yfev0pu9bz] {
    background: var(--badminton-gray-lighter);
    border-radius: 16px;
    padding: 3rem;
    margin-bottom: 2rem;
    position: relative;
    border-left: 4px solid var(--badminton-primary);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-normal);
}

.terms-section:hover[b-yfev0pu9bz] {
    box-shadow: var(--shadow-md);
    transform: translateX(4px);
}

.terms-section-contact[b-yfev0pu9bz] {
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(255, 111, 0, 0.05) 100%);
    border-left-color: var(--badminton-secondary);
}

.section-number[b-yfev0pu9bz] {
    position: absolute;
    top: -1.5rem;
    left: 2rem;
    width: 3rem;
    height: 3rem;
    background: var(--gradient-primary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 800;
    box-shadow: var(--shadow-md);
}

.section-title[b-yfev0pu9bz] {
    font-size: 1.875rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    color: var(--badminton-dark);
    padding-top: 1rem;
}

.section-text[b-yfev0pu9bz] {
    font-size: 1.0625rem;
    line-height: 1.8;
    color: var(--badminton-gray-dark);
    margin-bottom: 1rem;
}

.section-text:last-child[b-yfev0pu9bz] {
    margin-bottom: 0;
}

.terms-list[b-yfev0pu9bz] {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0 0 0;
}

.terms-list li[b-yfev0pu9bz] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.75rem 0;
    font-size: 1.0625rem;
    line-height: 1.8;
    color: var(--badminton-gray-dark);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.terms-list li:last-child[b-yfev0pu9bz] {
    border-bottom: none;
}

.terms-list i[b-yfev0pu9bz] {
    color: var(--badminton-primary);
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.25rem;
}

/* Contact Details */
.contact-details[b-yfev0pu9bz] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.contact-item[b-yfev0pu9bz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-fast);
}

.contact-item:hover[b-yfev0pu9bz] {
    box-shadow: var(--shadow-md);
    transform: translateX(8px);
}

.contact-item i[b-yfev0pu9bz] {
    width: 40px;
    height: 40px;
    background: var(--gradient-primary);
    color: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.contact-item a[b-yfev0pu9bz] {
    color: var(--badminton-primary);
    text-decoration: none;
    font-weight: 600;
    font-size: 1.0625rem;
    transition: color var(--transition-fast);
}

.contact-item a:hover[b-yfev0pu9bz] {
    color: var(--badminton-primary-dark);
    text-decoration: underline;
}

.contact-item span[b-yfev0pu9bz] {
    color: var(--badminton-gray-dark);
    font-size: 1.0625rem;
    line-height: 1.6;
}

/* Footer Section */
.footer-section[b-yfev0pu9bz] {
    padding: 2rem 0;
    background: var(--badminton-dark);
    color: white;
}

.footer-content[b-yfev0pu9bz] {
    text-align: center;
}

.footer-content p[b-yfev0pu9bz] {
    margin-bottom: 1rem;
    color: rgba(255, 255, 255, 0.8);
}

.footer-links[b-yfev0pu9bz] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.footer-links a[b-yfev0pu9bz] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.footer-links a:hover[b-yfev0pu9bz] {
    color: white;
}

.footer-links span[b-yfev0pu9bz] {
    color: rgba(255, 255, 255, 0.5);
}

/* Payment Methods */
.payment-methods-box[b-yfev0pu9bz] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem 2rem;
    margin: 1.5rem 0;
    box-shadow: var(--shadow-sm);
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.payment-methods-label[b-yfev0pu9bz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
    color: var(--badminton-gray);
    margin-bottom: 1.25rem;
    font-weight: 500;
}

.payment-methods-label i[b-yfev0pu9bz] {
    color: #2e7d32;
    font-size: 1rem;
}

.payment-icons-row[b-yfev0pu9bz] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    flex-wrap: wrap;
}

.payment-badge[b-yfev0pu9bz] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    height: 2.25rem;
    padding: 0 0.875rem;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.8125rem;
    letter-spacing: 0.03em;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    user-select: none;
}

.payment-visa[b-yfev0pu9bz] {
    background: #1a1f71;
    color: #fff;
    font-style: italic;
    font-size: 1rem;
    letter-spacing: 0.05em;
}

.payment-mastercard[b-yfev0pu9bz] {
    background: #252525;
    color: #fff;
    gap: 0.4rem;
    padding: 0 0.75rem;
}

.mc-circle[b-yfev0pu9bz] {
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.mc-red[b-yfev0pu9bz]    { background: #eb001b; margin-right: -0.5rem; }
.mc-orange[b-yfev0pu9bz] { background: #f79e1b; opacity: 0.9; }

.mc-label[b-yfev0pu9bz] {
    font-size: 0.75rem;
    letter-spacing: 0.02em;
    color: #fff;
    margin-left: 0.25rem;
}

.payment-amex[b-yfev0pu9bz] {
    background: #007bc1;
    color: #fff;
    font-size: 0.8125rem;
    letter-spacing: 0.06em;
}

.payment-paypal[b-yfev0pu9bz] {
    background: #003087;
    color: #fff;
    font-size: 0.875rem;
}

.payment-paypal i[b-yfev0pu9bz] {
    font-size: 1rem;
    color: #009cde;
}

/* Responsive */
@media (max-width: 991.98px) {
    .hero-title[b-yfev0pu9bz] {
        font-size: 2.5rem;
    }

    .section-title[b-yfev0pu9bz] {
        font-size: 1.5rem;
    }

    .terms-section[b-yfev0pu9bz] {
        padding: 2.5rem 2rem;
    }
}

@media (max-width: 767.98px) {
    .terms-hero[b-yfev0pu9bz] {
        padding: 4rem 0 2rem;
    }

    .hero-title[b-yfev0pu9bz] {
        font-size: 2rem;
    }

    .terms-content-section[b-yfev0pu9bz] {
        padding: 4rem 0;
    }

    .terms-section[b-yfev0pu9bz] {
        padding: 2rem 1.5rem;
    }

    .section-number[b-yfev0pu9bz] {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.25rem;
        top: -1.25rem;
        left: 1.5rem;
    }

    .contact-item[b-yfev0pu9bz] {
        flex-direction: column;
        text-align: center;
    }
}
/* /Components/Shared/PlayerRankingCard.razor.rz.scp.css */
/* ===================================================================
   PlayerRankingCard — Scoped CSS
   Shared component shown on the Profile and Assessment pages.
   Follows the same design tokens used across all Player pages.
   =================================================================== */

/* ── Wrapper ─────────────────────────────────────────────────────── */

.prc-wrapper[b-s0897857qy] {
    width: 100%;
}

/* ── Card Shell ──────────────────────────────────────────────────── */

.prc-card[b-s0897857qy] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
    background: #ffffff;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.prc-card:hover[b-s0897857qy] {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14);
    transform: translateY(-2px);
}

/* ── Header variants ────────────────────────────────────────────── */

.prc-header[b-s0897857qy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.875rem 1.25rem;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: white;
}

.prc-header-loading[b-s0897857qy],
.prc-header-unranked[b-s0897857qy] {
    background: linear-gradient(135deg, #78909c 0%, #546e7a 100%);
}

/* Elite — gold */
.prc-header-elite[b-s0897857qy] {
    background: linear-gradient(135deg, #FFD600 0%, #FF8F00 100%);
    color: #4e342e;
}

/* Advanced — blue */
.prc-header-advanced[b-s0897857qy] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
}

/* Developing — teal */
.prc-header-developing[b-s0897857qy] {
    background: linear-gradient(135deg, #00897b 0%, #00695c 100%);
}

/* Beginner — slate */
.prc-header-beginner[b-s0897857qy] {
    background: linear-gradient(135deg, #546e7a 0%, #37474f 100%);
}

.prc-header-title[b-s0897857qy] {
    display: flex;
    align-items: center;
}

/* ── Tier Badge ───────────────────────────────────────────────────── */

.prc-tier-badge[b-s0897857qy] {
    font-size: 0.7rem;
    font-weight: 800;
    padding: 0.25rem 0.65rem;
    border-radius: 20px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.prc-tier-badge-elite[b-s0897857qy] {
    background: rgba(255, 255, 255, 0.3);
    color: #4e342e;
}

.prc-tier-badge-advanced[b-s0897857qy],
.prc-tier-badge-developing[b-s0897857qy],
.prc-tier-badge-beginner[b-s0897857qy] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

/* ── Body ─────────────────────────────────────────────────────────── */

.prc-body[b-s0897857qy] {
    padding: 1.25rem;
}

/* ── Unranked State ───────────────────────────────────────────────── */

.prc-unranked-icon[b-s0897857qy] {
    font-size: 3rem;
    color: var(--badminton-gray-light);
}

/* ── Player Identity Row ─────────────────────────────────────────── */

.prc-player-row[b-s0897857qy] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    margin-bottom: 1.25rem;
}

.prc-face-photo[b-s0897857qy] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    flex-shrink: 0;
    border: 2px solid var(--badminton-primary, #1e88e5);
    box-shadow: 0 2px 10px rgba(30, 136, 229, 0.35);
}

.prc-face-initials[b-s0897857qy] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg,
        rgba(30, 136, 229, 0.18) 0%,
        rgba(21, 101, 192, 0.10) 100%);
    border: 2px solid rgba(30, 136, 229, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
    color: var(--badminton-primary, #1e88e5);
    flex-shrink: 0;
}

.prc-player-info[b-s0897857qy] {
    flex: 1;
    min-width: 0;
}

.prc-player-name[b-s0897857qy] {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--badminton-dark);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prc-rank-text[b-s0897857qy] {
    font-size: 0.75rem;
    color: var(--badminton-gray);
    margin-top: 0.2rem;
    font-weight: 600;
}

.prc-medal-wrapper[b-s0897857qy] {
    flex-shrink: 0;
}

/* ── Rank Medals ─────────────────────────────────────────────────── */

.prc-medal[b-s0897857qy] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-weight: 800;
    font-size: 0.8rem;
    padding: 0.3rem 0.7rem;
    border-radius: 8px;
    white-space: nowrap;
}

.prc-medal-gold[b-s0897857qy] {
    background: linear-gradient(135deg, #FFD700 0%, #FFA000 100%);
    color: #4e342e;
    box-shadow: 0 2px 6px rgba(255, 160, 0, 0.4);
}

.prc-medal-silver[b-s0897857qy] {
    background: linear-gradient(135deg, #E0E0E0 0%, #9E9E9E 100%);
    color: #424242;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.prc-medal-bronze[b-s0897857qy] {
    background: linear-gradient(135deg, #FFCC80 0%, #FF8F00 100%);
    color: #4e342e;
    box-shadow: 0 2px 6px rgba(255, 143, 0, 0.35);
}

.prc-rank-number[b-s0897857qy] {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--badminton-gray);
}

/* ── Score Showcase (ring + breakdown) ───────────────────────────── */

.prc-score-showcase[b-s0897857qy] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
}

/* ── SVG Ring ────────────────────────────────────────────────────── */

.prc-ring-container[b-s0897857qy] {
    position: relative;
    width: 110px;
    height: 110px;
    flex-shrink: 0;
}

.prc-ring-svg[b-s0897857qy] {
    width: 110px;
    height: 110px;
}

.prc-ring-track[b-s0897857qy] {
    stroke: rgba(0, 0, 0, 0.08);
}

.prc-ring-arc[b-s0897857qy] {
    transition: stroke-dasharray 0.7s ease;
}

/* Arc colours by tier */
.prc-ring-arc-elite[b-s0897857qy] {
    stroke: #FFA000;
}

.prc-ring-arc-advanced[b-s0897857qy] {
    stroke: var(--badminton-primary, #1e88e5);
}

.prc-ring-arc-developing[b-s0897857qy] {
    stroke: #00897b;
}

.prc-ring-arc-beginner[b-s0897857qy] {
    stroke: #78909c;
}

/* Centered text inside the ring */
.prc-ring-inner[b-s0897857qy] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.prc-ring-score[b-s0897857qy] {
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--badminton-dark);
    line-height: 1;
}

.prc-ring-unit[b-s0897857qy] {
    font-size: 0.7rem;
    color: var(--badminton-gray);
    font-weight: 600;
    margin-top: 0.1rem;
}

/* ── Score Breakdown ─────────────────────────────────────────────── */

.prc-breakdown[b-s0897857qy] {
    flex: 1;
    min-width: 0;
}

.prc-breakdown-title[b-s0897857qy] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--badminton-gray);
    margin-bottom: 0.625rem;
}

.prc-breakdown-chips[b-s0897857qy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.prc-chip[b-s0897857qy] {
    border-radius: 10px;
    padding: 0.45rem 0.75rem;
    text-align: center;
    min-width: 70px;
}

.prc-chip-self[b-s0897857qy] {
    background: rgba(30, 136, 229, 0.10);
}

.prc-chip-peer[b-s0897857qy] {
    background: rgba(255, 111, 0, 0.10);
}

.prc-chip-label[b-s0897857qy] {
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--badminton-gray);
}

.prc-chip-self .prc-chip-label[b-s0897857qy] {
    color: var(--badminton-primary, #1e88e5);
    opacity: 0.8;
}

.prc-chip-peer .prc-chip-label[b-s0897857qy] {
    color: var(--badminton-secondary, #ff6f00);
    opacity: 0.8;
}

.prc-chip-value[b-s0897857qy] {
    display: block;
    font-size: 1.05rem;
    font-weight: 800;
    margin-top: 0.1rem;
    line-height: 1.1;
}

.prc-chip-self .prc-chip-value[b-s0897857qy] {
    color: var(--badminton-primary, #1e88e5);
}

.prc-chip-peer .prc-chip-value[b-s0897857qy] {
    color: var(--badminton-secondary, #ff6f00);
}

.prc-formula[b-s0897857qy] {
    color: var(--badminton-gray);
    font-size: 0.75rem;
}

/* ── Next Tier Progress ───────────────────────────────────────────── */

.prc-tier-progress-section[b-s0897857qy] {
    margin-top: 1rem;
}

.prc-tier-progress-header[b-s0897857qy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.4rem;
}

.prc-tier-progress-track[b-s0897857qy] {
    height: 7px;
    background: var(--badminton-gray-light, #e9ecef);
    border-radius: 4px;
    overflow: hidden;
}

.prc-tier-progress-fill[b-s0897857qy] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.7s ease;
}

/* Progress bar colours by current tier */
.prc-tier-progress-fill-beginner[b-s0897857qy] {
    background: linear-gradient(90deg, #78909c 0%, #546e7a 100%);
}

.prc-tier-progress-fill-developing[b-s0897857qy] {
    background: linear-gradient(90deg, #00897b 0%, #00695c 100%);
}

.prc-tier-progress-fill-advanced[b-s0897857qy] {
    background: linear-gradient(90deg,
        var(--badminton-primary, #1e88e5) 0%,
        var(--badminton-primary-dark, #1565c0) 100%);
}

/* ── Elite Banner ────────────────────────────────────────────────── */

.prc-elite-banner[b-s0897857qy] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 0.625rem 1rem;
    background: linear-gradient(135deg, rgba(255, 214, 0, 0.15) 0%, rgba(255, 143, 0, 0.10) 100%);
    border: 1px solid rgba(255, 160, 0, 0.3);
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #8d6400;
}

/* ── Footer ──────────────────────────────────────────────────────── */

.prc-footer[b-s0897857qy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.25rem;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    background: rgba(0, 0, 0, 0.02);
    gap: 0.5rem;
    flex-wrap: wrap;
}

.prc-updated[b-s0897857qy] {
    font-size: 0.78rem;
    color: var(--badminton-gray);
}

.prc-leaderboard-btn[b-s0897857qy] {
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.3rem 0.75rem;
    border-radius: 8px;
    white-space: nowrap;
}

/* ── Responsive ──────────────────────────────────────────────────── */

@media (max-width: 575.98px) {
    .prc-score-showcase[b-s0897857qy] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .prc-ring-container[b-s0897857qy] {
        align-self: center;
    }

    .prc-breakdown-chips[b-s0897857qy] {
        gap: 0.4rem;
    }
}
/* /Components/Shared/ProfileReviewPopup.razor.rz.scp.css */
.profile-review-modal[b-aqagrs7xa6] {
    border-radius: 16px;
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.profile-review-modal .modal-header[b-aqagrs7xa6] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    color: white;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 1.5rem;
    border-bottom: none;
}

.profile-review-modal .modal-title[b-aqagrs7xa6] {
    font-weight: 700;
    font-size: 1.25rem;
}

.profile-review-content[b-aqagrs7xa6] {
    padding: 0.5rem;
}

.profile-header[b-aqagrs7xa6] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(21, 101, 192, 0.05) 100%);
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.profile-picture-large[b-aqagrs7xa6] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--badminton-primary);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.profile-initials-large[b-aqagrs7xa6] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    border: 3px solid var(--badminton-primary);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.profile-info h4[b-aqagrs7xa6] {
    color: var(--badminton-dark);
    font-weight: 700;
    margin: 0;
}

.review-message[b-aqagrs7xa6] {
    display: flex;
    align-items: start;
    gap: 0.75rem;
    padding: 1rem;
    background: #f8f9fa;
    border-left: 4px solid var(--badminton-primary);
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.review-message i[b-aqagrs7xa6] {
    font-size: 1.25rem;
    margin-top: 0.125rem;
}

.review-message p[b-aqagrs7xa6] {
    flex: 1;
    line-height: 1.6;
}

.quick-links h6[b-aqagrs7xa6] {
    font-weight: 700;
    color: var(--badminton-dark);
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
}

.quick-link-card[b-aqagrs7xa6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1.5rem 1rem;
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 12px;
    text-decoration: none;
    color: var(--badminton-dark);
    transition: all 0.3s ease;
}

.quick-link-card:hover[b-aqagrs7xa6] {
    border-color: var(--badminton-primary);
    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(21, 101, 192, 0.05) 100%);
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.2);
}

.quick-link-card i[b-aqagrs7xa6] {
    font-size: 2rem;
}

.quick-link-card span[b-aqagrs7xa6] {
    font-weight: 600;
    font-size: 0.9375rem;
}

.modal-footer[b-aqagrs7xa6] {
    border-top: 1px solid #e9ecef;
    padding: 1.25rem 1.5rem;
}

.btn-success[b-aqagrs7xa6] {
    background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
    border: none;
    font-weight: 600;
    padding: 0.625rem 1.5rem;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-success:hover[b-aqagrs7xa6] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(67, 160, 71, 0.3);
}

@media (max-width: 768px) {
    .profile-header[b-aqagrs7xa6] {
        flex-direction: column;
        text-align: center;
    }
    
    .quick-link-card[b-aqagrs7xa6] {
        padding: 1rem 0.75rem;
    }
    
    .quick-link-card i[b-aqagrs7xa6] {
        font-size: 1.5rem;
    }
}