@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Components/ContentCard.razor.rz.scp.css */
/**************************************************************************

CONTENT CARD

**************************************************************************/

.content-card[b-h95ty4zikj]{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    background:

        linear-gradient(
            180deg,
            #181818,
            #101010
        );

    transition:
        transform .25s,
        border-color .25s,
        box-shadow .25s;

}

/**************************************************************************
HEADER
**************************************************************************/

.content-card-header[b-h95ty4zikj]{

    padding:24px 30px;

    border-bottom:1px solid rgba(216,163,64,.12);

}

/**************************************************************************
BODY
**************************************************************************/

.content-card-body[b-h95ty4zikj]{

    display:flex;

    flex-direction:column;

    gap:0px;

}

/**************************************************************************
FOOTER
**************************************************************************/

.content-card-footer[b-h95ty4zikj]{

    padding:20px 30px;

    border-top:1px solid rgba(216,163,64,.10);

}

/**************************************************************************
PADDING
**************************************************************************/

.padding .content-card-body[b-h95ty4zikj]{

    padding:30px;

}

/**************************************************************************
BORDER
**************************************************************************/

.bordered[b-h95ty4zikj]{

    border:1px solid rgba(216,163,64,.18);

}

/**************************************************************************
SHADOW
**************************************************************************/

.shadowed[b-h95ty4zikj]{

    box-shadow:var(--shadow-medium);

}

/**************************************************************************
HOVER
**************************************************************************/

.hover:hover[b-h95ty4zikj]{

    transform:translateY(-6px);

    border-color:rgba(216,163,64,.35);

    box-shadow:

        var(--gold-glow),

        var(--shadow-large);

}

/**************************************************************************
DEFAULT
**************************************************************************/

.variant-default[b-h95ty4zikj]{

    background:

        linear-gradient(
            180deg,
            #181818,
            #101010
        );

}

/**************************************************************************
PREMIUM
**************************************************************************/

.variant-premium[b-h95ty4zikj]{

    background:

        linear-gradient(
            135deg,
            #20180c,
            #171717,
            #111
        );

}

/**************************************************************************
INFO
**************************************************************************/

.variant-info[b-h95ty4zikj]{

    border-left:5px solid #3aa9ff;

}

/**************************************************************************
SUCCESS
**************************************************************************/

.variant-success[b-h95ty4zikj]{

    border-left:5px solid var(--green-3);

}

/**************************************************************************
WARNING
**************************************************************************/

.variant-warning[b-h95ty4zikj]{

    border-left:5px solid var(--gold-3);

}

/**************************************************************************
DANGER
**************************************************************************/

.variant-danger[b-h95ty4zikj]{

    border-left:5px solid var(--red-3);

}

/**************************************************************************
DONATION
**************************************************************************/

.variant-donation[b-h95ty4zikj]{

    background:

        linear-gradient(
            180deg,
            #1d1609,
            #111
        );

}

/**************************************************************************
GLASS
**************************************************************************/

.variant-glass[b-h95ty4zikj]{

    backdrop-filter:blur(18px);

    background:rgba(255,255,255,.03);

}

/**************************************************************************
FLAT
**************************************************************************/

.variant-flat[b-h95ty4zikj]{

    background:#111;

}

/**************************************************************************
RESPONSIVE
**************************************************************************/

@media(max-width:768px){

    .content-card-header[b-h95ty4zikj]{

        padding:18px;

    }

    .padding .content-card-body[b-h95ty4zikj]{

        padding:20px;

    }

    .content-card-footer[b-h95ty4zikj]{

        padding:18px;

    }

}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.faem-app[b-tbcxn9xaul]{
    min-height:100vh;
    background:#050505;
    display:grid;
    grid-template-columns:280px 1fr;
    transition:grid-template-columns .3s ease;
    height:100vh;
}

.faem-app.sidebar-hidden[b-tbcxn9xaul]{
    grid-template-columns:0 1fr;
}

.faem-content[b-tbcxn9xaul]{

    display:flex;

    flex-direction:column;

    flex:1;

    overflow:hidden;

}

.faem-main[b-tbcxn9xaul]{

    flex:1;

    padding:35px;

    overflow-y:auto;

}


/******************************************************************************
 * FAEM RESPONSIVE LAYOUT
 ******************************************************************************/

.faem-app[b-tbcxn9xaul] {
    display: grid;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 100dvh;
    overflow: hidden;
    grid-template-columns: clamp(180px, 20vw, 280px) minmax(0, 1fr);
    transition: grid-template-columns .25s ease;
}

.faem-app.sidebar-hidden[b-tbcxn9xaul] {
    grid-template-columns: 0 minmax(0, 1fr);
}

.faem-content[b-tbcxn9xaul] {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.faem-main[b-tbcxn9xaul] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    flex: 1;
    padding: clamp(16px, 2.5vw, 35px);
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

/* 769–900px remains a normal two-column layout. */
@media (min-width: 769px) and (max-width: 900px) {
    .faem-app[b-tbcxn9xaul] {
        grid-template-columns: clamp(180px, 24vw, 220px) minmax(0, 1fr);
    }

    .faem-app.sidebar-hidden[b-tbcxn9xaul] {
        grid-template-columns: 0 minmax(0, 1fr);
    }
}

/* <=768px: one content column; sidebar is an overlay. */
@media (max-width: 768px) {

    .faem-app[b-tbcxn9xaul],
    .faem-app.sidebar-hidden[b-tbcxn9xaul] {
        grid-template-columns: minmax(0, 1fr);
    }

    .faem-content[b-tbcxn9xaul] {
        grid-column: 1;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .faem-main[b-tbcxn9xaul] {
        padding: clamp(12px, 3vw, 18px);
    }
}

/* ========================================================================
   FAEM MOBILE / RESPONSIVE FINAL OVERRIDES
   Breakpoints: 768 / 414 / 390 / 375 / 320 px
   Sidebar state is controlled by sidebar.js using .closed.
   ======================================================================== */

.faem-app[b-tbcxn9xaul] {
    grid-template-columns: clamp(180px, 20vw, 280px) minmax(0, 1fr);
}

.faem-main[b-tbcxn9xaul] {
    padding: clamp(16px, 2.5vw, 35px);
}

@media (max-width: 768px) {
    .faem-app[b-tbcxn9xaul],
    .faem-app.sidebar-hidden[b-tbcxn9xaul] {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        min-width: 0;
        height: 100dvh;
        overflow: hidden;
    }

    .faem-sidebar[b-tbcxn9xaul] {
        min-width: 0;
        width: 100%;
    }

    .faem-content[b-tbcxn9xaul] {
        grid-column: 1;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .faem-main[b-tbcxn9xaul] {
        width: 100%;
        min-width: 0;
        padding: clamp(10px, 3vw, 18px);
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media (max-width: 414px) {
    .faem-main[b-tbcxn9xaul] {
        padding: 10px;
    }
}

@media (max-width: 390px) {
    .faem-main[b-tbcxn9xaul] {
        padding: 9px;
    }
}

@media (max-width: 375px) {
    .faem-main[b-tbcxn9xaul] {
        padding: 8px;
    }
}

@media (max-width: 320px) {
    .faem-main[b-tbcxn9xaul] {
        padding: 7px;
    }
}


/* FINAL MOBILE CONTENT */
@media (max-width: 768px) {
    .faem-app[b-tbcxn9xaul],
    .faem-app.sidebar-hidden[b-tbcxn9xaul] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .faem-content[b-tbcxn9xaul] {
        grid-column: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .faem-main[b-tbcxn9xaul] {
        padding: clamp(7px, 3vw, 18px) !important;
        font-size: clamp(13px, 3.8vw, 16px);
    }
}

@media (max-width: 414px) {
    .faem-main[b-tbcxn9xaul] { padding: 10px !important; }
}
@media (max-width: 390px) {
    .faem-main[b-tbcxn9xaul] { padding: 9px !important; }
}
@media (max-width: 375px) {
    .faem-main[b-tbcxn9xaul] { padding: 8px !important; }
}
@media (max-width: 320px) {
    .faem-main[b-tbcxn9xaul] { padding: 7px !important; font-size: 13px; }
}
/* /Components/Layout/PremiumFooter.razor.rz.scp.css */
/**************************************************************************
*
* PREMIUM FOOTER
*
**************************************************************************/

.premium-footer[b-fwnvdtut73]{

    margin-top:60px;

    background:
        linear-gradient(
            180deg,
            #141414,
            #080808
        );

    border-top:1px solid rgba(216,163,64,.20);

    padding:50px 45px 25px;

}

/**************************************************************************
*
* GRID
*
**************************************************************************/

.footer-grid[b-fwnvdtut73]{

    display:grid;

    grid-template-columns:
        2fr
        1fr
        1fr
        1fr;

    gap:50px;

}

/**************************************************************************
*
* COLUMN
*
**************************************************************************/

.footer-column[b-fwnvdtut73]{

    display:flex;

    flex-direction:column;

}

.footer-column h4[b-fwnvdtut73]{

    color:var(--gold-2);

    margin-bottom:20px;

    font-size:18px;

}

/**************************************************************************
*
* LOGO
*
**************************************************************************/

.footer-logo[b-fwnvdtut73]{

    display:flex;

    gap:18px;

    align-items:center;

    margin-bottom:20px;

}

.footer-logo img[b-fwnvdtut73]{

    width:64px;

    height:64px;

}

.footer-logo h3[b-fwnvdtut73]{

    margin:0;

    color:white;

}

.footer-logo span[b-fwnvdtut73]{

    color:#999;

    font-size:13px;

}

.footer-description[b-fwnvdtut73]{

    color:#999;

    line-height:1.8;

    max-width:450px;

}

/**************************************************************************
*
* LINKS
*
**************************************************************************/

.footer-column a[b-fwnvdtut73]{
    text-decoration:none;
    transition:.25s;
}

/**************************************************************************
*
* STATUS
*
**************************************************************************/

.footer-status[b-fwnvdtut73]{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:15px;

    color:#d7d7d7;

}

.footer-status i[b-fwnvdtut73]{

    color:var(--gold-3);

}

.status-dot[b-fwnvdtut73]{

    width:10px;

    height:10px;

    border-radius:50%;

    background:var(--green-3);

    box-shadow:0 0 12px var(--green-3);

}

/**************************************************************************
*
* HR
*
**************************************************************************/

.premium-footer hr[b-fwnvdtut73]{

    margin:40px 0 25px;

    border-color:rgba(216,163,64,.15);

}

/**************************************************************************
*
* BOTTOM
*
**************************************************************************/

.footer-bottom[b-fwnvdtut73]{

    display:flex;

    justify-content:space-between;

    align-items:center;

    color:#777;

}

/**************************************************************************
*
* SOCIAL
*
**************************************************************************/

.footer-social[b-fwnvdtut73]{

    display:flex;

    gap:18px;

}

.footer-social a[b-fwnvdtut73]{

    width:46px;

    height:46px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:#111;

    color:var(--gold-3);

    transition:.25s;

    border:1px solid rgba(216,163,64,.15);

}

.footer-social a:hover[b-fwnvdtut73]{

    background:#1d1d1d;

    transform:translateY(-4px);

    box-shadow:var(--gold-glow);

}

/**************************************************************************
*
* RESPONSIVE
*
**************************************************************************/

@media(max-width:1200px){

.footer-grid[b-fwnvdtut73]{

    grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.footer-grid[b-fwnvdtut73]{

    grid-template-columns:1fr;

}

.footer-bottom[b-fwnvdtut73]{

    flex-direction:column;

    gap:25px;

    text-align:center;

}

}

/**************************************************************************
*
* SOCIAL NETWORK COLORS
*
**************************************************************************/

.footer-social a:nth-child(1):hover[b-fwnvdtut73]{

    color:#d8a340;

}

.footer-social a:nth-child(2):hover[b-fwnvdtut73]{

    color:#FF0000;

}

.footer-social a:nth-child(3):hover[b-fwnvdtut73]{

    color:#1877F2;

}

.footer-social a:nth-child(4):hover[b-fwnvdtut73]{

    color:#E4405F;

}

.footer-social a:nth-child(5):hover[b-fwnvdtut73]{

    color:#ffb300;

}

.footer-social a:nth-child(6):hover[b-fwnvdtut73]{

    color:#ffffff;

}

/******************************************************************************
 * FAEM RESPONSIVE FOOTER
 ******************************************************************************/

.premium-footer[b-fwnvdtut73],
.footer-grid[b-fwnvdtut73],
.footer-column[b-fwnvdtut73],
.footer-bottom[b-fwnvdtut73] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

@media (max-width: 900px) {
    .footer-grid[b-fwnvdtut73] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .footer-grid[b-fwnvdtut73] {
        grid-template-columns: minmax(0, 1fr);
    }

    .footer-bottom[b-fwnvdtut73] {
        flex-direction: column;
        text-align: center;
    }

    .footer-social[b-fwnvdtut73] {
        flex-wrap: wrap;
        justify-content: center;
    }
}
/* /Components/Layout/PremiumHeader.razor.rz.scp.css */
/**************************************************************************

Premium Header

**************************************************************************/

.premium-header[b-18m64qg1qg]{

    height:82px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 32px;

    background:

        linear-gradient(
            180deg,
            rgba(24,24,24,.98),
            rgba(10,10,10,.98)
        );

    border-bottom:1px solid rgba(216,163,64,.18);

    backdrop-filter:blur(20px);

    position:sticky;

    top:0;

    z-index:1000;

}

/**************************************************************************/

.header-left[b-18m64qg1qg]{

    display:flex;

    align-items:center;

    gap:22px;

}

/**************************************************************************/

.menu-button[b-18m64qg1qg]{

    width:48px;

    height:48px;

    border:none;

    background:#111;

    border-radius:14px;

    color:var(--gold-3);

    transition:.25s;

}

.menu-button:hover[b-18m64qg1qg]{

    background:#1b1b1b;

    box-shadow:var(--gold-glow);

}

/**************************************************************************/

.header-search[b-18m64qg1qg]{

    position:relative;

    width:200px;

}

.header-search input[b-18m64qg1qg]{

    width:100%;

    height:48px;

    padding-left:52px;

    border-radius:28px;

    border:1px solid rgba(216,163,64,.18);

    background:#111;

    color:white;

}

.header-search input:focus[b-18m64qg1qg]{

    outline:none;

    border-color:var(--gold-4);

    box-shadow:0 0 18px rgba(216,163,64,.18);

}

.header-search i[b-18m64qg1qg]{

    position:absolute;

    left:18px;

    top:50%;

    transform:translateY(-50%);

    color:var(--gold-3);

}

/**************************************************************************/

.header-center[b-18m64qg1qg]{

    display:flex;

    align-items:center;

    gap:18px;

}

/**************************************************************************/

.market-status[b-18m64qg1qg]{

    display:flex;

    align-items:center;

    gap:10px;

    color:#bbb;

    font-size:14px;

}

.status-dot[b-18m64qg1qg]{

    width:10px;

    height:10px;

    border-radius:50%;

    background:var(--green-3);

    box-shadow:0 0 12px var(--green-3);

}

.status-open[b-18m64qg1qg]{

    color:var(--green-3);

    font-weight:700;

}

.header-divider[b-18m64qg1qg]{

    width:1px;

    height:26px;

    background:rgba(216,163,64,.18);

}

/**************************************************************************/

.header-right[b-18m64qg1qg]{

    display:flex;

    align-items:center;

    gap:14px;

}

/**************************************************************************/

.icon-button[b-18m64qg1qg]{

    width:46px;

    height:46px;

    border:none;

    border-radius:14px;

    background:#111;

    color:var(--gold-3);

    transition:.25s;

}

.icon-button:hover[b-18m64qg1qg]{

    background:#1d1d1d;

    transform:translateY(-2px);

    box-shadow:var(--gold-glow);

}

/**************************************************************************/

.notification[b-18m64qg1qg]{

    position:relative;

}

.notification[b-18m64qg1qg]::after{

    content:"";

    position:absolute;

    top:10px;

    right:10px;

    width:9px;

    height:9px;

    border-radius:50%;

    background:var(--green-3);

    box-shadow:0 0 10px var(--green-3);

}

/**************************************************************************/

.header-profile[b-18m64qg1qg]{

    display:flex;

    align-items:center;

    gap:14px;

    padding:8px 16px;

    border-radius:18px;

    background:#111;

    border:1px solid rgba(216,163,64,.15);

}

.header-profile img[b-18m64qg1qg]{

    width:46px;

    height:46px;

    border-radius:50%;

    object-fit:cover;

}

.header-profile .name[b-18m64qg1qg]{

    color:white;

    font-weight:700;

}

.header-profile .plan[b-18m64qg1qg]{

    color:var(--gold-3);

    font-size:12px;

}

/**************************************************************************/

@media(max-width:1400px){

.header-center[b-18m64qg1qg]{

    display:none;

}

}

@media(max-width:900px){

.header-search[b-18m64qg1qg]{

    width:220px;

}

.header-profile div[b-18m64qg1qg]{

    display:none;

}

}

@media(max-width:700px){

.header-search[b-18m64qg1qg]{

    display:none;

}

}

/******************************************************************************
 * FAEM RESPONSIVE COMPATIBILITY
 * Mobile component overrides
 ******************************************************************************/

@media (max-width: 768px) {

    .premium-header[b-18m64qg1qg] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 64px;
        height: auto;
        padding: 8px 12px;
        box-sizing: border-box;
        gap: 8px;
    }

    .header-left[b-18m64qg1qg] {
        min-width: 0;
        flex: 1 1 auto;
        gap: 10px;
    }

    .menu-button[b-18m64qg1qg] {
        width: 42px;
        height: 42px;
        min-width: 42px;
        flex: 0 0 42px;
    }

    .header-search[b-18m64qg1qg],
    .header-center[b-18m64qg1qg] {
        display: none !important;
    }

    .header-right[b-18m64qg1qg] {
        min-width: 0;
        flex: 0 0 auto;
        gap: 7px;
    }

    .icon-button[b-18m64qg1qg] {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .header-profile[b-18m64qg1qg] {
        padding: 5px;
        gap: 0;
        border-radius: 14px;
    }

    .header-profile img[b-18m64qg1qg] {
        width: 38px;
        height: 38px;
    }

    .header-profile div[b-18m64qg1qg] {
        display: none !important;
    }
}

@media (max-width: 480px) {

    .premium-header[b-18m64qg1qg] {
        padding: 7px 9px;
    }

    .menu-button[b-18m64qg1qg] {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .icon-button[b-18m64qg1qg] {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }

    .header-profile img[b-18m64qg1qg] {
        width: 36px;
        height: 36px;
    }
}


/******************************************************************************
 * FAEM RESPONSIVE HEADER
 ******************************************************************************/

.premium-header[b-18m64qg1qg] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.header-left[b-18m64qg1qg],
.header-right[b-18m64qg1qg] {
    min-width: 0;
}

@media (max-width: 900px) {
    .premium-header[b-18m64qg1qg] {
        padding-left: clamp(10px, 2vw, 20px);
        padding-right: clamp(10px, 2vw, 20px);
    }

    .header-search[b-18m64qg1qg],
    .header-center[b-18m64qg1qg] {
        display: none !important;
    }
}

/******************************************************************************
 * SIDEBAR TOGGLE ABOVE MOBILE SIDEBAR
 *
 * PremiumHeader currently has z-index:1000, while PremiumSidebar uses
 * z-index:3000 on mobile. Therefore the sidebar covers .menu-button.
 * Keep the existing header/layout and elevate only the toggle.
 ******************************************************************************/

@media (max-width: 768px) {

    .premium-header[b-18m64qg1qg]
    {
        z-index: 4000;
    }
    .premium-header .menu-button[b-18m64qg1qg] {
        position: relative;
        z-index: 4001;
        flex: 0 0 auto;
    }

}

/* ========================================================================
   FAEM RESPONSIVE HEADER FINAL
   ======================================================================== */
.premium-header[b-18m64qg1qg] {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: clamp(9px, 2vw, 32px);
    padding-right: clamp(9px, 2vw, 32px);
}

.menu-button[b-18m64qg1qg] {
    width: clamp(38px, 3.2vw, 48px);
    height: clamp(38px, 3.2vw, 48px);
    min-width: clamp(38px, 3.2vw, 48px);
}

.icon-button[b-18m64qg1qg] {
    width: clamp(36px, 3.1vw, 46px);
    height: clamp(36px, 3.1vw, 46px);
    min-width: clamp(36px, 3.1vw, 46px);
}

.header-right[b-18m64qg1qg] {
    gap: clamp(5px, .9vw, 14px);
}

.header-left[b-18m64qg1qg] {
    gap: clamp(9px, 1.4vw, 22px);
}

@media (max-width: 768px) {
    .premium-header[b-18m64qg1qg] {
        min-height: 64px;
        height: 64px;
        padding: 7px clamp(8px, 2.5vw, 12px);
    }

    .menu-button[b-18m64qg1qg] {
        width: clamp(38px, 10.5vw, 42px);
        height: clamp(38px, 10.5vw, 42px);
        min-width: clamp(38px, 10.5vw, 42px);
    }

    .icon-button[b-18m64qg1qg] {
        width: clamp(36px, 10vw, 40px);
        height: clamp(36px, 10vw, 40px);
        min-width: clamp(36px, 10vw, 40px);
    }
}

@media (max-width: 414px) {
    .premium-header[b-18m64qg1qg] {
        padding: 6px 8px;
    }

    .header-right[b-18m64qg1qg] {
        gap: 5px;
    }
}

@media (max-width: 390px) {
    .premium-header[b-18m64qg1qg] {
        padding: 6px 7px;
    }

    .menu-button[b-18m64qg1qg] {
        width: 39px;
        height: 39px;
        min-width: 39px;
    }

    .icon-button[b-18m64qg1qg] {
        width: 37px;
        height: 37px;
        min-width: 37px;
    }
}

@media (max-width: 375px) {
    .premium-header[b-18m64qg1qg] {
        padding: 5px 6px;
    }

    .menu-button[b-18m64qg1qg] {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }

    .icon-button[b-18m64qg1qg] {
        width: 36px;
        height: 36px;
        min-width: 36px;
    }
}

@media (max-width: 320px) {
    .premium-header[b-18m64qg1qg] {
        padding: 5px;
    }

    .menu-button[b-18m64qg1qg] {
        width: 36px;
        height: 36px;
        min-width: 36px;
    }

    .icon-button[b-18m64qg1qg] {
        width: 34px;
        height: 34px;
        min-width: 34px;
    }
}
/* /Components/Layout/PremiumSidebar.razor.rz.scp.css */
/**************************************************************************
*
* Premium Sidebar
*
**************************************************************************/

.sidebar[b-20ko8ti8l5]{

    height:100vh;

    position:sticky;

    top: 64px;

    overflow-y:auto;

    display:flex;

    flex-direction:column;

    background:
        linear-gradient(
            180deg,
            #181818,
            #101010,
            #060606
        );

    border-right:1px solid rgba(216,163,64,.18);

    box-shadow:

        18px 0 35px rgba(0,0,0,.35);

}

/**************************************************************************
*
* LOGO
*
**************************************************************************/

.sidebar-logo[b-20ko8ti8l5]{

    padding:28px;

    display:flex;

    gap:18px;

    align-items:center;

    border-bottom:1px solid rgba(216,163,64,.12);

}

.sidebar-logo img[b-20ko8ti8l5]{

    width:58px;

    height:58px;

    border-radius:16px;

}

.sidebar-logo h1[b-20ko8ti8l5]{

    margin:0;

    color:var(--gold-2);

    font-size:30px;

    font-weight:700;

}

.sidebar-logo span[b-20ko8ti8l5]{

    color:#888;

    font-size:12px;

    letter-spacing:2px;

}

/**************************************************************************
*
* MENU
*
**************************************************************************/

.sidebar-menu[b-20ko8ti8l5]{

    padding:18px;

    flex:1;

}

.sidebar-section[b-20ko8ti8l5]{

    color:var(--gold-3);

    font-size:12px;

    text-transform:uppercase;

    margin:

        25px 15px 10px;

    letter-spacing:2px;

}

/**************************************************************************
*
* LINKS
*
**************************************************************************/

.sidebar-menu a[b-20ko8ti8l5]{

    display:flex;

    align-items:center;

    gap:16px;

    padding:14px 18px;

    margin-bottom:6px;

    border-radius:14px;

    color:#d8d8d8;

    text-decoration:none;

    transition:.25s;

}

.sidebar-menu a:hover[b-20ko8ti8l5]{

    background:

        rgba(216,163,64,.08);

    color:white;

    transform:

        translateX(5px);

}

/**************************************************************************
*
* ACTIVE
*
**************************************************************************/

.sidebar-menu a.active[b-20ko8ti8l5]{

    background:

        linear-gradient(

            90deg,

            rgba(216,163,64,.18),

            rgba(216,163,64,.05)

        );

    border-left:4px solid var(--gold-4);

    color:white;

}

/**************************************************************************
*
* ICONS
*
**************************************************************************/

.sidebar-menu i[b-20ko8ti8l5]{

    width:26px;

    text-align:center;

    color:var(--gold-3);

    font-size:22px;

}

/**************************************************************************
*
* MARKET STATUS
*
**************************************************************************/

.market-status[b-20ko8ti8l5]{

    margin:20px;

    padding:18px;

    border-radius:18px;

    background:#111;

    border:1px solid rgba(216,163,64,.18);

}

.market-row[b-20ko8ti8l5]{

    display:flex;

    justify-content:space-between;

    margin-bottom:10px;

}

.market-open[b-20ko8ti8l5]{

    color:var(--green-3);

    font-weight:700;

}

/**************************************************************************
*
* PORTFOLIO CARD
*
**************************************************************************/

.sidebar-portfolio[b-20ko8ti8l5]{

    margin:20px;

    padding:20px;

    background:#111;

    border-radius:18px;

    border:1px solid rgba(216,163,64,.18);

}

.sidebar-portfolio h4[b-20ko8ti8l5]{

    color:var(--gold-2);

    margin-bottom:10px;

}

.sidebar-portfolio-value[b-20ko8ti8l5]{

    font-size:32px;

    font-weight:700;

    color:white;

}

.sidebar-profit[b-20ko8ti8l5]{

    color:var(--green-3);

    font-size:18px;

    font-weight:700;

}

/**************************************************************************
*
* USER
*
**************************************************************************/

.sidebar-user[b-20ko8ti8l5]{

    padding:20px;

    border-top:1px solid rgba(216,163,64,.12);

}

.sidebar-user-card[b-20ko8ti8l5]{

    display:flex;

    align-items:center;

    gap:15px;

    padding:15px;

    background:#111;

    border-radius:16px;

    border:1px solid rgba(216,163,64,.18);

}

.avatar[b-20ko8ti8l5]{

    width:52px;

    height:52px;

    border-radius:50%;

    object-fit:cover;

}

.sidebar-user-name[b-20ko8ti8l5]{

    color:white;

    font-weight:700;

}

.sidebar-user-plan[b-20ko8ti8l5]{

    color:var(--gold-3);

    font-size:13px;

}

/**************************************************************************
*
* FOOTER
*
**************************************************************************/

.sidebar-footer[b-20ko8ti8l5]{

    margin-top:15px;

    text-align:center;

    color:#777;

    font-size:12px;

}

/**************************************************************************
*
* SCROLLBAR
*
**************************************************************************/

.sidebar[b-20ko8ti8l5]::-webkit-scrollbar{

    width:8px;

}

.sidebar[b-20ko8ti8l5]::-webkit-scrollbar-thumb{

    background:var(--gold-5);

    border-radius:20px;

}

/**************************************************************************
*
* RESPONSIVE
*
**************************************************************************/



/******************************************************************************
 * FAEM RESPONSIVE SIDEBAR
 ******************************************************************************/

/* MainLayout owns the column width. */
.sidebar[b-20ko8ti8l5] {
    width: 100%;
    min-width: 0;
    max-width: none;
    box-sizing: border-box;
}

/* 769px and up: sidebar is a normal grid column. */
@media (min-width: 769px) {

    .sidebar[b-20ko8ti8l5] {
        position: sticky;
        top: 64px;
        left: auto;
        width: 100%;
        height: 100vh;
        min-width: 0;
        max-width: none;
        transform: none;
        transition: none;
        overflow-x: hidden;
        overflow-y: auto;
        flex: 0 1 auto;
    }

    .sidebar-logo h1[b-20ko8ti8l5],
    .sidebar-logo span[b-20ko8ti8l5],
    .sidebar-menu span[b-20ko8ti8l5],
    .sidebar-section[b-20ko8ti8l5],
    .sidebar-user-name[b-20ko8ti8l5],
    .sidebar-user-plan[b-20ko8ti8l5],
    .sidebar-portfolio[b-20ko8ti8l5] {
        display: block;
    }

    .sidebar-menu a[b-20ko8ti8l5] {
        justify-content: flex-start;
    }
}

/* <=768px: only here does it become a drawer. */
@media (max-width: 768px) {

    .sidebar[b-20ko8ti8l5] {
        position: fixed;
        top: 64px;
        /* left: -100%; */
        width: min(86vw, 300px);
        min-width: 0;
        max-width: 300px;
        height: 100dvh;
        z-index: 3000;
        transform: none;
        transition: left .25s ease;
        overflow-x: hidden;
        overflow-y: auto;
        flex: none;
    }

    .sidebar.open[b-20ko8ti8l5] {
        left: 0;
    }

    .sidebar.closed[b-20ko8ti8l5] {
        left: -100%;
    }

    .sidebar-logo h1[b-20ko8ti8l5],
    .sidebar-logo span[b-20ko8ti8l5],
    .sidebar-menu span[b-20ko8ti8l5],
    .sidebar-section[b-20ko8ti8l5],
    .sidebar-user-name[b-20ko8ti8l5],
    .sidebar-user-plan[b-20ko8ti8l5],
    .sidebar-portfolio[b-20ko8ti8l5] {
        display: block;
    }

    .sidebar-menu a[b-20ko8ti8l5] {
        justify-content: flex-start;
        gap: 12px;
    }
}

/* ========================================================================
   FAEM RESPONSIVE SIDEBAR FINAL
   IMPORTANT: sidebar.js controls visibility with .closed.
   Default state is visible. On mobile .closed moves it outside viewport.
   ======================================================================== */

.sidebar[b-20ko8ti8l5] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.sidebar-logo h1[b-20ko8ti8l5] {
    font-size: clamp(22px, 1.8vw, 30px);
}

.sidebar-logo span[b-20ko8ti8l5] {
    font-size: clamp(9px, 0.75vw, 12px);
}

.sidebar-menu[b-20ko8ti8l5] {
    padding: clamp(10px, 1.25vw, 18px);
}

.sidebar-section[b-20ko8ti8l5] {
    font-size: clamp(9px, 0.75vw, 12px);
    margin: clamp(16px, 1.7vw, 25px) clamp(10px, 1.05vw, 15px) clamp(7px, .7vw, 10px);
    letter-spacing: clamp(1px, .14vw, 2px);
}

.sidebar-menu a[b-20ko8ti8l5],
.sidebar-menu button[b-20ko8ti8l5] {
    font-size: clamp(12px, 1vw, 16px);
    gap: clamp(9px, 1.1vw, 16px);
    padding: clamp(10px, .95vw, 14px) clamp(12px, 1.25vw, 18px);
    border-radius: clamp(10px, 1vw, 14px);
}

.sidebar-menu i[b-20ko8ti8l5],
.sidebar-menu span.bi[b-20ko8ti8l5] {
    width: clamp(20px, 1.8vw, 26px);
    font-size: clamp(17px, 1.55vw, 22px);
}

.sidebar-logo[b-20ko8ti8l5] {
    padding: clamp(16px, 2vw, 28px);
    gap: clamp(10px, 1.25vw, 18px);
}

.sidebar-logo img[b-20ko8ti8l5] {
    width: clamp(44px, 4vw, 58px);
    height: clamp(44px, 4vw, 58px);
    border-radius: clamp(12px, 1.1vw, 16px);
}

.sidebar-portfolio-value[b-20ko8ti8l5] {
    font-size: clamp(24px, 2.2vw, 32px);
}

.sidebar-profit[b-20ko8ti8l5] {
    font-size: clamp(14px, 1.25vw, 18px);
}

.sidebar-user-name[b-20ko8ti8l5] {
    font-size: clamp(12px, 1vw, 16px);
}

.sidebar-user-plan[b-20ko8ti8l5],
.sidebar-footer[b-20ko8ti8l5] {
    font-size: clamp(10px, .8vw, 13px);
}

.avatar[b-20ko8ti8l5] {
    width: clamp(40px, 3.6vw, 52px);
    height: clamp(40px, 3.6vw, 52px);
}

/* 768 px and below: sidebar becomes a drawer/overlay.
   It starts OPEN, exactly as requested. sidebar.js adds .closed to hide it. */
@media (max-width: 768px) {
    .sidebar[b-20ko8ti8l5] {
        position: fixed;
        top: 64px;
        left: 0;
        width: min(86vw, 300px);
        max-width: 300px;
        height: calc(100dvh - 64px);
        z-index: 3000;
        transform: none;
        transition: left .25s ease;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .sidebar.closed[b-20ko8ti8l5] {
        left: -110%;
    }

    /* .open is deliberately not used. */
    .sidebar.open[b-20ko8ti8l5] {
        left: 0;
    }

    .sidebar-logo[b-20ko8ti8l5] {
        padding: clamp(14px, 4vw, 20px);
        gap: clamp(9px, 2.8vw, 14px);
    }

    .sidebar-logo img[b-20ko8ti8l5] {
        width: clamp(42px, 12vw, 52px);
        height: clamp(42px, 12vw, 52px);
    }

    .sidebar-logo h1[b-20ko8ti8l5] {
        font-size: clamp(20px, 6vw, 26px);
    }

    .sidebar-logo span[b-20ko8ti8l5] {
        font-size: clamp(8px, 2.4vw, 10px);
        letter-spacing: clamp(.8px, .5vw, 1.5px);
    }

    .sidebar-menu[b-20ko8ti8l5] {
        padding: clamp(9px, 3vw, 14px);
    }

    .sidebar-section[b-20ko8ti8l5] {
        font-size: clamp(9px, 2.6vw, 11px);
        margin: clamp(15px, 4vw, 20px) clamp(8px, 2.5vw, 12px) clamp(6px, 2vw, 9px);
        letter-spacing: clamp(.8px, .45vw, 1.5px);
    }

    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button[b-20ko8ti8l5] {
        font-size: clamp(12px, 3.8vw, 15px);
        gap: clamp(9px, 2.8vw, 13px);
        padding: clamp(9px, 3vw, 12px) clamp(10px, 3.5vw, 14px);
        margin-bottom: 5px;
        border-radius: clamp(9px, 2.8vw, 12px);
    }

    .sidebar-menu i[b-20ko8ti8l5],
    .sidebar-menu span.bi[b-20ko8ti8l5] {
        width: clamp(19px, 6vw, 23px);
        font-size: clamp(17px, 5.5vw, 21px);
    }
}

/* 414 px */
@media (max-width: 414px) {
    .sidebar[b-20ko8ti8l5] {
        width: min(88vw, 300px);
    }

    .sidebar-logo h1[b-20ko8ti8l5] {
        font-size: 23px;
    }

    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button[b-20ko8ti8l5] {
        font-size: 14px;
        padding: 10px 12px;
    }
}

/* 390 px */
@media (max-width: 390px) {
    .sidebar[b-20ko8ti8l5] {
        width: min(89vw, 292px);
    }

    .sidebar-logo[b-20ko8ti8l5] {
        padding: 14px 13px;
    }

    .sidebar-logo img[b-20ko8ti8l5] {
        width: 44px;
        height: 44px;
    }

    .sidebar-logo h1[b-20ko8ti8l5] {
        font-size: 22px;
    }

    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button[b-20ko8ti8l5] {
        font-size: 13.5px;
        padding: 9px 11px;
        gap: 10px;
    }

    .sidebar-menu i[b-20ko8ti8l5],
    .sidebar-menu span.bi[b-20ko8ti8l5] {
        font-size: 19px;
        width: 20px;
    }
}

/* 375 px */
@media (max-width: 375px) {
    .sidebar[b-20ko8ti8l5] {
        width: min(90vw, 285px);
    }

    .sidebar-logo h1[b-20ko8ti8l5] {
        font-size: 21px;
    }

    .sidebar-logo span[b-20ko8ti8l5] {
        font-size: 8px;
    }

    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button[b-20ko8ti8l5] {
        font-size: 13px;
        padding: 8px 10px;
        gap: 9px;
    }

    .sidebar-menu i[b-20ko8ti8l5],
    .sidebar-menu span.bi[b-20ko8ti8l5] {
        font-size: 18px;
        width: 19px;
    }
}

/* 320 px */
@media (max-width: 320px) {
    .sidebar[b-20ko8ti8l5] {
        width: 94vw;
        max-width: 280px;
    }

    .sidebar-logo[b-20ko8ti8l5] {
        padding: 12px 10px;
        gap: 8px;
    }

    .sidebar-logo img[b-20ko8ti8l5] {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    .sidebar-logo h1[b-20ko8ti8l5] {
        font-size: 19px;
    }

    .sidebar-logo span[b-20ko8ti8l5] {
        font-size: 7.5px;
        letter-spacing: .8px;
    }

    .sidebar-menu[b-20ko8ti8l5] {
        padding: 8px;
    }

    .sidebar-section[b-20ko8ti8l5] {
        font-size: 8px;
        margin: 13px 7px 6px;
    }

    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button[b-20ko8ti8l5] {
        font-size: 12px;
        padding: 7px 8px;
        gap: 8px;
        border-radius: 9px;
    }

    .sidebar-menu i[b-20ko8ti8l5],
    .sidebar-menu span.bi[b-20ko8ti8l5] {
        width: 18px;
        font-size: 17px;
    }
}


/* ========================================================================
   FINAL MOBILE FIX
   - sidebar is hidden by default below 768px
   - sidebar.js controls the .closed state
   - all sidebar navigation controls scale with viewport width
   ======================================================================== */

@media (max-width: 768px) {
    .sidebar[b-20ko8ti8l5] {
        position: fixed !important;
        top: 64px !important;
        left: -110% !important;
        width: min(86vw, 300px) !important;
        max-width: 300px !important;
        height: calc(100dvh - 64px) !important;
        z-index: 3000 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        transition: left .25s ease !important;
        box-sizing: border-box !important;
    }

    /* When JS removes .closed, the mobile sidebar is visible. */
    .sidebar:not(.closed)[b-20ko8ti8l5] {
        left: 0 !important;
    }

    .sidebar.closed[b-20ko8ti8l5] {
        left: -110% !important;
    }

    .sidebar-logo[b-20ko8ti8l5] {
        padding: clamp(12px, 3.5vw, 22px);
        gap: clamp(8px, 2.5vw, 14px);
    }

    .sidebar-logo img[b-20ko8ti8l5] {
        width: clamp(40px, 13vw, 58px);
        height: clamp(40px, 13vw, 58px);
        border-radius: clamp(10px, 3vw, 16px);
        flex: 0 0 auto;
    }

    .sidebar-logo h1[b-20ko8ti8l5] {
        font-size: clamp(20px, 6vw, 30px);
        line-height: 1.05;
    }

    .sidebar-logo span[b-20ko8ti8l5] {
        font-size: clamp(8px, 2.8vw, 12px);
        letter-spacing: clamp(1px, .5vw, 2px);
    }

    .sidebar-menu[b-20ko8ti8l5] {
        padding: clamp(8px, 2.8vw, 18px);
    }

    .sidebar-section[b-20ko8ti8l5] {
        font-size: clamp(9px, 2.8vw, 12px);
        margin: clamp(12px, 4vw, 25px) clamp(8px, 3vw, 15px) clamp(6px, 2vw, 10px);
        letter-spacing: clamp(1px, .5vw, 2px);
    }

    /* Covers NavLinkWrapper, normal NavLink and the Logout button. */
    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button.nav-link[b-20ko8ti8l5],
    .sidebar-menu form .nav-link[b-20ko8ti8l5] {
        width: 100%;
        min-height: clamp(38px, 11vw, 52px);
        box-sizing: border-box;
        gap: clamp(8px, 2.8vw, 16px);
        padding: clamp(8px, 2.8vw, 14px) clamp(10px, 3.8vw, 18px);
        margin-bottom: clamp(3px, 1.5vw, 6px);
        border-radius: clamp(9px, 3vw, 14px);
        font-size: clamp(11px, 3.5vw, 15px);
        line-height: 1.15;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .sidebar-menu i[b-20ko8ti8l5],
    .sidebar-menu a > span[b-20ko8ti8l5],
    .sidebar-menu button.nav-link > span[b-20ko8ti8l5] {
        width: clamp(20px, 6.5vw, 26px);
        min-width: clamp(20px, 6.5vw, 26px);
        font-size: clamp(16px, 5vw, 22px);
        flex: 0 0 clamp(20px, 6.5vw, 26px);
    }

    .market-status[b-20ko8ti8l5],
    .sidebar-portfolio[b-20ko8ti8l5] {
        margin: clamp(10px, 3.5vw, 20px);
        padding: clamp(10px, 3.5vw, 20px);
        border-radius: clamp(11px, 3.5vw, 18px);
    }

    .sidebar-portfolio-value[b-20ko8ti8l5] {
        font-size: clamp(22px, 7vw, 32px);
    }

    .sidebar-profit[b-20ko8ti8l5] {
        font-size: clamp(13px, 4.5vw, 18px);
    }

    .sidebar-user[b-20ko8ti8l5] {
        padding: clamp(10px, 3.5vw, 20px);
    }

    .sidebar-user-card[b-20ko8ti8l5] {
        gap: clamp(8px, 2.8vw, 15px);
        padding: clamp(8px, 3vw, 15px);
        border-radius: clamp(10px, 3.2vw, 16px);
    }

    .avatar[b-20ko8ti8l5] {
        width: clamp(38px, 13vw, 52px);
        height: clamp(38px, 13vw, 52px);
    }

    .sidebar-user-name[b-20ko8ti8l5] {
        font-size: clamp(11px, 3.5vw, 15px);
    }

    .sidebar-user-plan[b-20ko8ti8l5],
    .sidebar-footer[b-20ko8ti8l5] {
        font-size: clamp(9px, 2.8vw, 13px);
    }
}

@media (max-width: 414px) {
    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button.nav-link[b-20ko8ti8l5],
    .sidebar-menu form .nav-link[b-20ko8ti8l5] {
        font-size: clamp(11px, 3.5vw, 14px);
    }
}

@media (max-width: 390px) {
    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button.nav-link[b-20ko8ti8l5],
    .sidebar-menu form .nav-link[b-20ko8ti8l5] {
        min-height: 42px;
        padding: 7px 10px;
    }
}

@media (max-width: 375px) {
    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button.nav-link[b-20ko8ti8l5],
    .sidebar-menu form .nav-link[b-20ko8ti8l5] {
        min-height: 40px;
        font-size: 12px;
        gap: 8px;
    }
}

@media (max-width: 320px) {
    .sidebar-menu[b-20ko8ti8l5] {
        padding: 7px;
    }

    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button.nav-link[b-20ko8ti8l5],
    .sidebar-menu form .nav-link[b-20ko8ti8l5] {
        min-height: 38px;
        padding: 6px 8px;
        font-size: 11px;
        gap: 7px;
        border-radius: 9px;
    }

    .sidebar-menu i[b-20ko8ti8l5],
    .sidebar-menu a > span[b-20ko8ti8l5],
    .sidebar-menu button.nav-link > span[b-20ko8ti8l5] {
        width: 19px;
        min-width: 19px;
        font-size: 15px;
        flex-basis: 19px;
    }
}


/* ============================================================
   FAEM PWA - FINAL RESPONSIVE SIDEBAR OVERRIDES
   Breakpoint: <= 768px
   Mobile initial state: CLOSED
   JS mechanism: .sidebar.closed + .faem-app.sidebar-hidden
   ============================================================ */

.sidebar[b-20ko8ti8l5] {
    transition:
        left 0.25s ease,
        width 0.25s ease,
        transform 0.25s ease;
}

/* Desktop: sidebar is visible initially */
@media (min-width: 769px) {
    .sidebar[b-20ko8ti8l5] {
        left: 0;
    }

    .sidebar.closed[b-20ko8ti8l5] {
        left: -110%;
    }
}

/* Mobile/tablet: sidebar is an overlay and starts CLOSED.
   sidebar.init() adds .closed after Blazor renders the component. */
@media (max-width: 768px) {
    .sidebar[b-20ko8ti8l5] {
        position: fixed !important;
        top: clamp(56px, 8vw, 64px) !important;
        left: 0 !important;
        width: min(86vw, 300px) !important;
        max-width: 300px !important;
        height: calc(100dvh - clamp(56px, 8vw, 64px)) !important;
        z-index: 3000 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-sizing: border-box;
    }

    .sidebar.closed[b-20ko8ti8l5] {
        left: -110% !important;
    }

    /* Scale all sidebar controls, including NavLink and logout button. */
    .sidebar .nav-link[b-20ko8ti8l5],
    .sidebar a.nav-link[b-20ko8ti8l5],
    .sidebar button.nav-link[b-20ko8ti8l5],
    .sidebar-menu .nav-link[b-20ko8ti8l5],
    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button[b-20ko8ti8l5] {
        font-size: clamp(12px, 3.8vw, 15px) !important;
        line-height: 1.2;
        min-height: clamp(36px, 10vw, 46px);
        padding:
            clamp(6px, 2.2vw, 11px)
            clamp(8px, 3vw, 14px) !important;
        gap: clamp(6px, 2.4vw, 12px);
        border-radius: clamp(7px, 2.2vw, 12px);
        box-sizing: border-box;
    }

    .sidebar .nav-link .bi[b-20ko8ti8l5],
    .sidebar .nav-link i[b-20ko8ti8l5],
    .sidebar-menu .nav-link .bi[b-20ko8ti8l5],
    .sidebar-menu .nav-link i[b-20ko8ti8l5],
    .sidebar-menu a .bi[b-20ko8ti8l5],
    .sidebar-menu a i[b-20ko8ti8l5],
    .sidebar-menu button .bi[b-20ko8ti8l5],
    .sidebar-menu button i[b-20ko8ti8l5] {
        width: clamp(17px, 5vw, 23px);
        min-width: clamp(17px, 5vw, 23px);
        font-size: clamp(14px, 4.8vw, 21px) !important;
        line-height: 1;
    }

    .sidebar-logo[b-20ko8ti8l5] {
        padding:
            clamp(10px, 3vw, 16px)
            clamp(9px, 3vw, 16px);
    }

    .sidebar-logo img[b-20ko8ti8l5],
    .sidebar-logo .logo[b-20ko8ti8l5] {
        max-width: clamp(120px, 42vw, 190px);
        height: auto;
    }
}

/* 414px and below */
@media (max-width: 414px) {
    .sidebar[b-20ko8ti8l5] {
        width: min(84vw, 285px) !important;
    }

    .sidebar .nav-link[b-20ko8ti8l5],
    .sidebar a.nav-link[b-20ko8ti8l5],
    .sidebar button.nav-link[b-20ko8ti8l5],
    .sidebar-menu .nav-link[b-20ko8ti8l5],
    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button[b-20ko8ti8l5] {
        font-size: clamp(11.5px, 3.65vw, 14px) !important;
        min-height: clamp(34px, 9.5vw, 43px);
        padding:
            clamp(5px, 2vw, 9px)
            clamp(7px, 2.7vw, 12px) !important;
        gap: clamp(5px, 2.2vw, 10px);
    }
}

/* 390px and below */
@media (max-width: 390px) {
    .sidebar[b-20ko8ti8l5] {
        width: min(84vw, 275px) !important;
    }

    .sidebar .nav-link[b-20ko8ti8l5],
    .sidebar a.nav-link[b-20ko8ti8l5],
    .sidebar button.nav-link[b-20ko8ti8l5],
    .sidebar-menu .nav-link[b-20ko8ti8l5],
    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button[b-20ko8ti8l5] {
        font-size: clamp(11px, 3.55vw, 13.5px) !important;
        min-height: clamp(33px, 9.2vw, 41px);
        padding:
            clamp(5px, 1.9vw, 8px)
            clamp(6px, 2.5vw, 11px) !important;
    }

    .sidebar .nav-link .bi[b-20ko8ti8l5],
    .sidebar .nav-link i[b-20ko8ti8l5],
    .sidebar-menu .nav-link .bi[b-20ko8ti8l5],
    .sidebar-menu .nav-link i[b-20ko8ti8l5],
    .sidebar-menu a .bi[b-20ko8ti8l5],
    .sidebar-menu a i[b-20ko8ti8l5],
    .sidebar-menu button .bi[b-20ko8ti8l5],
    .sidebar-menu button i[b-20ko8ti8l5] {
        width: clamp(16px, 4.7vw, 21px);
        min-width: clamp(16px, 4.7vw, 21px);
        font-size: clamp(13px, 4.5vw, 19px) !important;
    }
}

/* 375px and below */
@media (max-width: 375px) {
    .sidebar[b-20ko8ti8l5] {
        width: min(84vw, 265px) !important;
    }

    .sidebar .nav-link[b-20ko8ti8l5],
    .sidebar a.nav-link[b-20ko8ti8l5],
    .sidebar button.nav-link[b-20ko8ti8l5],
    .sidebar-menu .nav-link[b-20ko8ti8l5],
    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button[b-20ko8ti8l5] {
        font-size: clamp(10.5px, 3.45vw, 13px) !important;
        min-height: clamp(31px, 8.8vw, 39px);
        padding:
            clamp(4px, 1.8vw, 7px)
            clamp(6px, 2.3vw, 10px) !important;
        gap: clamp(4px, 2vw, 9px);
    }
}

/* 320px and below */
@media (max-width: 320px) {
    .sidebar[b-20ko8ti8l5] {
        width: min(86vw, 250px) !important;
    }

    .sidebar .nav-link[b-20ko8ti8l5],
    .sidebar a.nav-link[b-20ko8ti8l5],
    .sidebar button.nav-link[b-20ko8ti8l5],
    .sidebar-menu .nav-link[b-20ko8ti8l5],
    .sidebar-menu a[b-20ko8ti8l5],
    .sidebar-menu button[b-20ko8ti8l5] {
        font-size: 10.5px !important;
        min-height: 30px;
        padding: 4px 6px !important;
        gap: 4px;
    }

    .sidebar .nav-link .bi[b-20ko8ti8l5],
    .sidebar .nav-link i[b-20ko8ti8l5],
    .sidebar-menu .nav-link .bi[b-20ko8ti8l5],
    .sidebar-menu .nav-link i[b-20ko8ti8l5],
    .sidebar-menu a .bi[b-20ko8ti8l5],
    .sidebar-menu a i[b-20ko8ti8l5],
    .sidebar-menu button .bi[b-20ko8ti8l5],
    .sidebar-menu button i[b-20ko8ti8l5] {
        width: 16px;
        min-width: 16px;
        font-size: 13px !important;
    }
}
/* /Components/PageHero.razor.rz.scp.css */
.page-hero[b-bxcj82yyuy]{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    margin-bottom:35px;

    border:1px solid rgba(216,163,64,.18);

    background:
        linear-gradient(
            135deg,
            #1a1a1a,
            #111111,
            #080808
        );

    box-shadow:var(--shadow-large);

}

.page-hero-background[b-bxcj82yyuy]{

    position:absolute;

    inset:0;

    background-size:cover;

    background-position:center;

    opacity:.10;

}

.page-hero[b-bxcj82yyuy]::after{

    content:"";

    position:absolute;

    right:-150px;

    top:-150px;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(216,163,64,.08);

    filter:blur(90px);

}

.page-hero-content[b-bxcj82yyuy]{

    position:relative;

    z-index:2;

    padding:45px;

}

.page-hero-header[b-bxcj82yyuy]{

    display:flex;

    align-items:center;

    gap:28px;

}

.page-hero-icon[b-bxcj82yyuy]{

    width:96px;

    height:96px;

    border-radius:24px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:

        linear-gradient(
            var(--gold-2),
            var(--gold-5)
        );

    color:#111;

    font-size:46px;

    flex-shrink:0;

    box-shadow:var(--gold-glow);

}

.page-hero-text[b-bxcj82yyuy]{

    flex:1;

}

.page-hero-text h1[b-bxcj82yyuy]{

    margin:0;

    font-size:46px;

    font-weight:700;

    color:white;

    line-height:1.2;

}

.page-hero-text p[b-bxcj82yyuy]{

    margin-top:12px;

    color:#b5b5b5;

    font-size:18px;

    line-height:1.8;

    max-width:900px;

}

.page-hero-extra[b-bxcj82yyuy]{

    margin-top:35px;

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}
/* /Components/PageSection.razor.rz.scp.css */
.page-section[b-p7c3pxaghj]{

    margin-bottom:40px;

}

.page-section-header[b-p7c3pxaghj]{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:28px;

}

.page-section-header i[b-p7c3pxaghj]{

    font-size:34px;

    color:var(--gold-3);

}

.page-section-header h2[b-p7c3pxaghj]{

    margin:0;

    color:white;

    font-size:30px;

}

.page-section-header p[b-p7c3pxaghj]{

    margin-top:6px;

    color:#999;

}

.page-section-content[b-p7c3pxaghj]{

    display:flex;

    flex-direction:column;

    gap:24px;

}