:root{
    --gx-bg:#030806;
    --gx-bg2:#06100b;
    --gx-bg3:#09150f;

    --gx-panel:#07130d;
    --gx-panel2:#0a1911;

    --gx-green:#27ed8b;
    --gx-green-dark:#0bc76a;
    --gx-green-light:#8dffc1;

    --gx-text:#effff6;
    --gx-muted:#81978c;
    --gx-muted2:#5c7267;

    --gx-border:rgba(75,255,158,.11);
    --gx-border2:rgba(75,255,158,.20);

    --gx-sidebar:258px;
}



.gx-dashboard,
.gx-dashboard *,
.gx-dashboard *::before,
.gx-dashboard *::after{
    box-sizing:border-box;
}

.gx-dashboard{
    position:relative;
    display:block;
    width:100%;
    max-width:none;
    min-width:0;
    min-height:100vh;
    margin:0;
    padding:0;

    color:var(--gx-text);

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    background:
        radial-gradient(
            circle at 80% 0%,
            rgba(31,160,91,.10),
            transparent 35%
        ),
        #030806;

    overflow-x:clip;
}

.gx-dashboard a{
    color:inherit;
    text-decoration:none;
}

.gx-dashboard button,
.gx-dashboard input{
    font-family:inherit;
}

.gx-dashboard button{
    border:0;
}

.gx-dashboard h1,
.gx-dashboard h2,
.gx-dashboard h3,
.gx-dashboard p{
    margin:0;
}



.gx-dash-app{
    position:relative;
    display:flex;
    width:100%;
    max-width:none;
    min-width:0;
    min-height:100vh;
}



.gx-dash-sidebar{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    z-index:1000;

    width:var(--gx-sidebar);

    display:flex;
    flex-direction:column;

    padding:20px 13px;

    background:
        linear-gradient(
            180deg,
            #06120c 0%,
            #030906 100%
        );

    border-right:1px solid var(--gx-border);

    overflow-x:hidden;
    overflow-y:auto;
}



.gx-dash-logo{
    display:flex;
    align-items:center;
    gap:11px;

    min-height:55px;
    padding:5px 10px 20px;
    margin-bottom:16px;

    border-bottom:1px solid var(--gx-border);
}

.gx-dash-logo-icon{
    width:50px;
    height:50px;
    flex:0 0 50px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#031008;

    border-radius:11px;

    font-size:17px;
    font-weight:900;

    background:
        linear-gradient(
            135deg,
            var(--gx-green-light),
            var(--gx-green)
        );

    box-shadow:
        0 0 22px rgba(39,237,139,.18);
}

.gx-dash-logo-name{
    display:block;

    color:#f4fff8;

    font-size:15px;
    font-weight:900;

    letter-spacing:.08em;
}

.gx-dash-logo-sub{
    display:block;

    margin-top:3px;

    color:#587064;

    font-size:8px;
    font-weight:800;

    letter-spacing:.13em;
}



.gx-dash-nav{
    display:flex;
    flex-direction:column;

    gap:4px;

    flex:1;
    min-width:0;
}

.gx-dash-nav-label{
    margin:13px 11px 6px;

    color:#52695e;

    font-size:8px;
    font-weight:800;

    text-transform:uppercase;
    letter-spacing:.16em;
}

.gx-dash-link{
    position:relative;

    display:flex;
    align-items:center;

    width:100%;
    min-height:45px;

    gap:11px;
    padding:0 12px;

    color:#81968b;

    border-radius:12px;

    font-size:12px;
    font-weight:650;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.gx-dash-link:hover{
    color:#dcffeb;

    background:
        rgba(39,237,139,.055);

    transform:translateX(2px);
}

.gx-dash-link.active{
    color:var(--gx-green);

    background:
        linear-gradient(
            90deg,
            rgba(39,237,139,.12),
            rgba(39,237,139,.025)
        );
}

.gx-dash-link.active::before{
    content:"";

    position:absolute;

    left:0;
    top:9px;
    bottom:9px;

    width:3px;

    border-radius:0 5px 5px 0;

    background:var(--gx-green);

    box-shadow:
        0 0 12px rgba(39,237,139,.6);
}

.gx-dash-icon{
    width:22px;
    min-width:22px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:16px;
}



.gx-dash-sidebar-bottom{
    padding-top:14px;
    margin-top:14px;

    border-top:1px solid var(--gx-border);
}

.gx-dash-security{
    display:flex;
    align-items:center;

    gap:9px;
    padding:11px;

    border:
        1px solid
        rgba(39,237,139,.09);

    border-radius:13px;

    background:
        rgba(39,237,139,.025);
}

.gx-dash-security-icon{
    width:29px;
    height:29px;
    flex:0 0 29px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:9px;

    color:var(--gx-green);

    background:
        rgba(39,237,139,.08);
}

.gx-dash-security strong{
    display:block;

    color:#dfffee;
    font-size:10px;
}

.gx-dash-security span{
    display:block;

    margin-top:2px;

    color:#587065;
    font-size:8px;
}



.gx-dash-main{
    position:relative;

    width:calc(100% - var(--gx-sidebar));
    min-width:0;

    margin-left:var(--gx-sidebar);
}



.gx-dash-topbar{
    position:sticky;
    top:0;
    z-index:900;

    width:100%;
    min-height:74px;

    display:flex;
    align-items:center;

    padding:
        13px
        clamp(18px,3vw,40px);

    background:
        rgba(3,9,6,.82);

    border-bottom:1px solid var(--gx-border);

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
}

.gx-dash-topbar-inner{
    width:100%;
    min-width:0;

    display:flex;
    align-items:center;

    gap:14px;
}



.gx-dash-mobile-menu{
    display:none;

    width:43px;
    height:43px;
    flex:0 0 43px;

    align-items:center;
    justify-content:center;

    color:#c8ded3;

    border:
        1px solid
        var(--gx-border);

    border-radius:12px;

    background:
        rgba(39,237,139,.055);

    cursor:pointer;

    -webkit-tap-highlight-color:transparent;
}

.gx-dash-mobile-menu-lines{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.gx-dash-mobile-menu-lines span{
    display:block;

    width:18px;
    height:2px;

    border-radius:5px;

    background:currentColor;
}



.gx-dash-header-title{
    min-width:0;
}

.gx-dash-header-title small{
    display:block;

    margin-bottom:3px;

    color:#5d7569;

    font-size:8px;
    font-weight:800;

    text-transform:uppercase;
    letter-spacing:.13em;
}

.gx-dash-header-title strong{
    display:block;

    color:#f1fff7;

    font-size:19px;
    font-weight:850;

    white-space:nowrap;
}


.gx-dash-header-actions{
    display:flex;
    align-items:center;

    gap:8px;
    margin-left:auto;
}

.gx-dash-top-btn{
    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#9db3a8;

    border:
        1px solid
        var(--gx-border);

    border-radius:11px;

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

    cursor:pointer;
}

.gx-dash-user{
    display:flex;
    align-items:center;

    gap:9px;
    margin-left:2px;
}

.gx-dash-user-avatar{
    width:39px;
    height:39px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:#031008;

    font-size:12px;
    font-weight:900;

    background:
        linear-gradient(135deg, #15cd68, #0acd6e);
}

.gx-dash-user-info{
    min-width:0;
}

.gx-dash-user-info strong{
    display:block;

    max-width:120px;

    overflow:hidden;

    color:#e9fff1;

    font-size:11px;

    text-overflow:ellipsis;
    white-space:nowrap;
}

.gx-dash-user-info span{
    display:block;

    margin-top:2px;

    color:#5d7469;
    font-size:8px;
}



.gx-dash-content{
    width:100%;
    max-width:1600px;

    min-width:0;

    margin:0 auto;

    padding:
        clamp(22px,3vw,40px);
}



.gx-dash-welcome{
    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(250px,320px);

    gap:22px;

    width:100%;
    min-width:0;

    padding:
        clamp(23px,3.5vw,40px);

    overflow:hidden;

    border:
        1px solid
        var(--gx-border);

    border-radius:24px;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(39,237,139,.13),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #0b2115,
            #061009
        );
}

.gx-dash-welcome-content{
    position:relative;
    z-index:2;
    min-width:0;
}

.gx-dash-eyebrow{
    display:flex;
    align-items:center;

    gap:7px;
    margin-bottom:12px;

    color:var(--gx-green);

    font-size:9px;
    font-weight:800;

    text-transform:uppercase;
    letter-spacing:.14em;
}

.gx-dash-status-dot{
    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--gx-green);

    box-shadow:
        0 0 11px rgba(39,237,139,.8);
}

.gx-dash-welcome h1{
    max-width:680px;

    color:#f4fff8;

    font-size:
        clamp(27px,3.3vw,43px);

    line-height:1.08;
    letter-spacing:-.035em;
}

.gx-dash-welcome h1 span{
    color:var(--gx-green);
}

.gx-dash-welcome p{
    max-width:620px;

    margin-top:14px;

    color:#8ba197;

    font-size:12px;
    line-height:1.75;
}

.gx-dash-welcome-actions{
    display:flex;
    flex-wrap:wrap;

    gap:9px;
    margin-top:23px;
}

.gx-dash-btn{
    min-height:43px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:
        0 17px;

    border-radius:11px;

    font-size:10px;
    font-weight:800;

    cursor:pointer;
}

.gx-dash-btn-primary{
    color:#031008;

    background:
        linear-gradient(135deg, #0c6936, #0c7b45);
}

.gx-dash-btn-secondary{
    color:#b6ccc1;

    border:
        1px solid
        var(--gx-border);

    background:
        rgba(255,255,255,.025);
}



.gx-dash-welcome-balance{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;
    justify-content:center;

    min-width:0;

    padding:23px;

    border:
        1px solid
        rgba(39,237,139,.12);

    border-radius:18px;

    background:
        rgba(2,12,7,.45);
}

.gx-dash-balance-label{
    color:#6f867a;

    font-size:9px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.12em;
}

.gx-dash-balance-value{
    margin-top:7px;

    color:#fff;

    font-size:
        clamp(29px,3.5vw,45px);

    font-weight:850;

    letter-spacing:-.04em;
}

.gx-dash-balance-currency{
    margin-left:4px;

    color:var(--gx-green);

    font-size:11px;
}

.gx-dash-balance-change{
    margin-top:8px;

    color:var(--gx-green);

    font-size:9px;
    font-weight:700;
}



.gx-dash-section{
    margin-top:22px;
}

.gx-dash-section-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin-bottom:12px;
}

.gx-dash-section-heading h2{
    color:#eafff1;

    font-size:15px;
    font-weight:800;
}

.gx-dash-section-heading span{
    color:#587064;
    font-size:9px;
}



.gx-dash-stats{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:13px;

    width:100%;
    min-width:0;
}

.gx-dash-stat{
    min-width:0;

    padding:19px;

    border:
        1px solid
        var(--gx-border);

    border-radius:17px;

    background:
        linear-gradient(
            145deg,
            rgba(10,25,17,.92),
            rgba(5,14,9,.92)
        );
}

.gx-dash-stat-top{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:8px;
}

.gx-dash-stat-icon{
    width:35px;
    height:35px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    color:var(--gx-green);

    background:
        rgba(39,237,139,.07);
}

.gx-dash-stat-tag{
    color:#597165;

    font-size:7px;
    font-weight:800;

    text-transform:uppercase;
}

.gx-dash-stat-label{
    margin-top:15px;

    color:#71877c;
    font-size:9px;
}

.gx-dash-stat-value{
    margin-top:4px;

    color:#f0fff6;

    font-size:21px;
    font-weight:850;

    overflow:hidden;

    text-overflow:ellipsis;
    white-space:nowrap;
}

.gx-dash-stat-bottom{
    margin-top:6px;

    color:#597065;
    font-size:8px;
}

.gx-dash-stat-bottom.green{
    color:var(--gx-green);
}



.gx-dash-main-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.6fr)
        minmax(280px,.85fr);

    gap:18px;

    width:100%;
    min-width:0;

    margin-top:18px;
}



.gx-dash-panel{
    min-width:0;

    overflow:hidden;

    border:
        1px solid
        var(--gx-border);

    border-radius:19px;

    background:
        linear-gradient(
            145deg,
            rgba(9,24,16,.92),
            rgba(4,13,8,.95)
        );
}

.gx-dash-panel-header{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    padding:18px 19px;

    border-bottom:
        1px solid
        var(--gx-border);
}

.gx-dash-panel-title{
    color:#eafff1;

    font-size:12px;
    font-weight:800;
}

.gx-dash-panel-sub{
    margin-top:3px;

    color:#5b7167;
    font-size:8px;
}

.gx-dash-panel-action{
    color:var(--gx-green);

    font-size:8px;
    font-weight:800;

    white-space:nowrap;
}



.gx-dash-chart{
    width:100%;
    height:290px;

    padding:17px;
}

.gx-dash-chart svg{
    display:block;

    width:100%;
    height:100%;
}

.gx-chart-grid{
    stroke:rgba(130,180,150,.08);
    stroke-width:1;
}

.gx-chart-line{
    fill:none;

    stroke:#27ed8b;
    stroke-width:3;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.gx-chart-area{
    fill:url(#gxChartGradient);
}

.gx-chart-point{
    fill:#27ed8b;

    stroke:#07130d;
    stroke-width:4;
}



.gx-dash-actions{
    padding:16px;
}

.gx-dash-action{
    display:flex;
    align-items:center;

    width:100%;

    gap:10px;
    padding:12px;
    margin-bottom:8px;

    border:
        1px solid
        var(--gx-border);

    border-radius:12px;

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

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.gx-dash-action:hover{
    transform:translateX(2px);

    border-color:
        rgba(39,237,139,.24);

    background:
        rgba(39,237,139,.035);
}

.gx-dash-action:last-child{
    margin-bottom:0;
}

.gx-dash-action-icon{
    width:36px;
    height:36px;

    flex:0 0 36px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    color:var(--gx-green);

    background:
        rgba(39,237,139,.07);
}

.gx-dash-action-text{
    min-width:0;
}

.gx-dash-action-text strong{
    display:block;

    color:#e7fff0;
    font-size:9px;
}

.gx-dash-action-text span{
    display:block;

    margin-top:3px;

    color:#5c7268;
    font-size:7px;
}

.gx-dash-action-arrow{
    margin-left:auto;
    color:#52695d;
}



.gx-dash-transactions{
    margin-top:18px;
}

.gx-dash-table-wrap{
    width:100%;

    overflow-x:auto;

    -webkit-overflow-scrolling:touch;
}

.gx-dash-table{
    width:100%;
    min-width:570px;

    border-collapse:collapse;
}

.gx-dash-table th{
    padding:13px 17px;

    color:#536a5f;

    font-size:8px;
    font-weight:800;

    text-align:left;
    text-transform:uppercase;

    border-bottom:
        1px solid
        var(--gx-border);
}

.gx-dash-table td{
    padding:14px 17px;

    color:#91a79c;

    font-size:9px;

    border-bottom:
        1px solid
        rgba(255,255,255,.035);
}

.gx-dash-table tr:last-child td{
    border-bottom:0;
}

.gx-dash-transaction{
    display:flex;
    align-items:center;

    gap:8px;
}

.gx-dash-tx-icon{
    width:29px;
    height:29px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:8px;

    color:var(--gx-green);

    background:
        rgba(39,237,139,.06);
}

.gx-dash-status{
    display:inline-flex;

    padding:4px 7px;

    border-radius:6px;

    color:var(--gx-green);

    background:
        rgba(39,237,139,.06);

    font-size:7px;
    font-weight:800;
}



.gx-account-area{
    margin-top:22px;
}

.gx-account-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:15px;

    margin-bottom:13px;
}

.gx-account-header-left small{
    display:block;

    margin-bottom:4px;

    color:#587064;

    font-size:8px;
    font-weight:800;

    text-transform:uppercase;
    letter-spacing:.14em;
}

.gx-account-header-left h2{
    color:#edfff5;

    font-size:17px;
    font-weight:850;
}

.gx-account-header-right{
    color:#5b7267;

    font-size:8px;
}



.gx-account-notices{
    display:flex;
    flex-direction:column;

    gap:10px;

    margin-bottom:18px;
}

.gx-account-notice{
    position:relative;

    display:flex;
    align-items:flex-start;

    gap:12px;

    padding:15px 16px;

    border:
        1px solid
        rgba(255,180,70,.16);

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(77,45,9,.30),
            rgba(30,22,7,.22)
        );
}

.gx-account-notice-icon{
    width:34px;
    height:34px;

    flex:0 0 34px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    color:#ffc66d;

    background:
        rgba(255,185,75,.08);

    font-size:15px;
    font-weight:900;
}

.gx-account-notice-content{
    min-width:0;
    flex:1;
}

.gx-account-notice-title{
    display:block;

    color:#ffe8bf;

    font-size:10px;
    font-weight:850;
}

.gx-account-notice-text{
    margin-top:4px;

    color:#9b8b72;

    font-size:9px;
    line-height:1.65;
}

.gx-account-notice-form{
    margin-top:10px;
}

.gx-account-dismiss{
    min-height:31px;

    padding:0 11px;

    color:#caa96f;

    border:
        1px solid
        rgba(255,190,90,.15);

    border-radius:8px;

    background:
        rgba(255,190,90,.05);

    font-size:8px;
    font-weight:800;

    cursor:pointer;

    transition:.2s ease;
}

.gx-account-dismiss:hover{
    color:#fff0d2;

    border-color:
        rgba(255,190,90,.30);

    background:
        rgba(255,190,90,.09);
}



.gx-account-alert{
    display:flex;
    align-items:flex-start;

    gap:12px;

    margin-bottom:11px;
    padding:14px 16px;

    border:
        1px solid
        rgba(39,237,139,.12);

    border-radius:14px;

    background:
        rgba(39,237,139,.025);

    color:#8da69a;

    font-size:9px;
    line-height:1.7;
}

.gx-account-alert strong{
    color:#dfffee;
}

.gx-account-alert a{
    color:var(--gx-green);

    font-weight:800;

    text-decoration:underline;
    text-decoration-color:rgba(39,237,139,.25);
    text-underline-offset:3px;
}

.gx-account-alert-icon{
    width:31px;
    height:31px;

    flex:0 0 31px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:9px;

    color:var(--gx-green);

    background:
        rgba(39,237,139,.07);
}



.gx-account-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr);

    gap:18px;

    margin-top:18px;
}

.gx-account-card{
    min-width:0;

    overflow:hidden;

    border:
        1px solid
        var(--gx-border);

    border-radius:19px;

    background:
        linear-gradient(
            145deg,
            rgba(9,24,16,.92),
            rgba(4,13,8,.95)
        );
}

.gx-account-card-header{
    display:flex;
    align-items:center;
    gap:11px;

    padding:17px 18px;

    border-bottom:
        1px solid
        var(--gx-border);
}

.gx-account-card-icon{
    width:34px;
    height:34px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    color:var(--gx-green);

    background:
        rgba(39,237,139,.07);
}

.gx-account-card-header strong{
    display:block;

    color:#eafff1;

    font-size:11px;
    font-weight:850;
}

.gx-account-card-header span{
    display:block;

    margin-top:3px;

    color:#5b7167;

    font-size:7px;
}



.gx-account-details{
    padding:4px 18px 8px;
}

.gx-account-row{
    display:grid;

    grid-template-columns:
        minmax(125px,.65fr)
        minmax(0,1.35fr);

    gap:16px;

    align-items:center;

    min-height:52px;

    border-bottom:
        1px solid
        rgba(255,255,255,.035);
}

.gx-account-row:last-child{
    border-bottom:0;
}

.gx-account-label{
    color:#647b70;

    font-size:8px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.05em;
}

.gx-account-value{
    min-width:0;

    color:#dfffee;

    font-size:10px;
    font-weight:750;

    overflow-wrap:anywhere;
}

.gx-account-value.green{
    color:var(--gx-green);
}

.gx-account-value small{
    color:#61786d;

    font-size:7px;
    font-weight:500;
}

.gx-account-referral{
    display:block;

    padding:7px 9px;

    color:#86d9aa;

    border:
        1px solid
        rgba(39,237,139,.08);

    border-radius:8px;

    background:
        rgba(39,237,139,.025);

    font-size:8px;

    overflow-wrap:anywhere;
}



.gx-account-balance-list{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:9px;

    padding:15px 18px 18px;
}

.gx-account-balance-item{
    min-width:0;

    padding:13px;

    border:
        1px solid
        rgba(39,237,139,.08);

    border-radius:12px;

    background:
        rgba(39,237,139,.025);
}

.gx-account-balance-item span{
    display:block;

    color:#61786d;

    font-size:7px;
    font-weight:750;

    text-transform:uppercase;
    letter-spacing:.06em;
}

.gx-account-balance-item strong{
    display:block;

    margin-top:6px;

    color:#effff6;

    font-size:14px;
    font-weight:850;

    overflow:hidden;

    text-overflow:ellipsis;
    white-space:nowrap;
}

.gx-account-balance-item.green strong{
    color:var(--gx-green);
}



.gx-account-currency{
    margin-top:0;

    padding:15px 18px 18px;

    border-top:
        1px solid
        rgba(255,255,255,.035);
}

.gx-account-currency-title{
    margin-bottom:9px;

    color:#61786d;

    font-size:8px;
    font-weight:750;

    text-transform:uppercase;
    letter-spacing:.08em;
}

.gx-account-currency-line{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    padding:9px 10px;

    margin-top:6px;

    border-radius:9px;

    background:
        rgba(255,255,255,.018);
}

.gx-account-currency-line span{
    color:#8da49a;

    font-size:8px;
}

.gx-account-currency-line strong{
    color:#dfffee;

    font-size:9px;
}



.gx-account-pending{
    margin-top:18px;

    padding:16px 18px;

    border:
        1px solid
        var(--gx-border);

    border-radius:17px;

    background:
        rgba(39,237,139,.018);
}

.gx-account-pending-title{
    color:#e7fff0;

    font-size:10px;
    font-weight:850;
}

.gx-account-pending-line{
    margin-top:8px;

    padding:10px 11px;

    color:#7e968b;

    border-radius:9px;

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

    font-size:8px;
}



.gx-dash-overlay{
    position:fixed;

    inset:0;

    z-index:1100;

    background:
        rgba(0,0,0,.68);

    opacity:0;
    visibility:hidden;

    transition:.25s ease;
}

.gx-dash-overlay.active{
    opacity:1;
    visibility:visible;
}

.gx-dash-mobile-drawer{
    position:fixed;

    top:0;
    left:0;
    bottom:0;

    z-index:1200;

    width:min(310px,86vw);

    display:flex;
    flex-direction:column;

    padding:
        18px 13px
        calc(18px + env(safe-area-inset-bottom));

    background:
        linear-gradient(
            180deg,
            #07140d,
            #030906
        );

    border-right:
        1px solid
        var(--gx-border);

    box-shadow:
        20px 0 60px rgba(0,0,0,.5);

    transform:translateX(-110%);

    transition:
        transform .28s
        cubic-bezier(.22,.61,.36,1);

    overflow-y:auto;
}

.gx-dash-mobile-drawer.active{
    transform:translateX(0);
}

.gx-dash-mobile-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:
        5px
        5px
        18px;

    border-bottom:
        1px solid
        var(--gx-border);
}

.gx-dash-mobile-head strong{
    color:#fff;

    font-size:14px;
}

.gx-dash-mobile-close{
    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#a5baaf;

    border:
        1px solid
        var(--gx-border);

    border-radius:10px;

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

    cursor:pointer;

    font-size:20px;
}

.gx-dash-mobile-links{
    display:flex;
    flex-direction:column;

    gap:4px;

    padding-top:14px;
}



.gx-dash-bottom-nav{
    display:none;
}



.gx-dash-reveal{
    opacity:0;

    transform:translateY(15px);

    transition:
        opacity .55s ease,
        transform .55s ease;
}

.gx-dash-reveal.gx-visible{
    opacity:1;

    transform:none;
}



@media (max-width:1199px){

    :root{
        --gx-sidebar:225px;
    }

    .gx-dash-content{
        padding:27px;
    }

    .gx-dash-stats{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}



@media (max-width:991px){

    .gx-dashboard{
        width:100vw !important;
        max-width:100vw !important;
        min-width:100vw;

        margin-left:
            calc(50% - 50vw) !important;

        margin-right:0 !important;

        overflow-x:clip;
    }

    .gx-dash-app{
        width:100vw !important;
        max-width:100vw !important;
        min-width:100vw;

        display:block;
    }

    .gx-dash-sidebar{
        display:none;
    }

    .gx-dash-main{
        width:100vw !important;
        max-width:100vw !important;
        min-width:100vw;

        margin-left:0 !important;
    }

    .gx-dash-topbar{
        width:100%;

        padding:
            11px
            18px;
    }

    .gx-dash-mobile-menu{
        display:flex;
    }

    .gx-dash-content{
        width:100% !important;
        max-width:none;

        padding:
            24px
            clamp(18px,4vw,32px)
            102px;
    }

    .gx-dash-main-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gx-account-grid{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gx-dash-bottom-nav{
        position:fixed;

        left:0;
        right:0;
        bottom:0;

        z-index:1050;

        width:100vw;

        min-height:68px;

        display:grid;

        grid-template-columns:
            repeat(5,minmax(0,1fr));

        padding:
            6px
            8px
            calc(6px + env(safe-area-inset-bottom));

        background:
            rgba(3,10,7,.97);

        border-top:
            1px solid
            var(--gx-border);

        box-shadow:
            0 -10px 35px
            rgba(0,0,0,.28);

        backdrop-filter:blur(22px);
        -webkit-backdrop-filter:blur(22px);
    }

    .gx-dash-bottom-item{
        min-width:0;

        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;

        gap:3px;

        color:#647b70;

        background:transparent;

        font-size:8px;
        font-weight:750;

        text-align:center;

        cursor:pointer;

        -webkit-tap-highlight-color:transparent;
    }

    .gx-dash-bottom-item span:first-child{
        width:29px;
        height:29px;

        display:flex;
        align-items:center;
        justify-content:center;

        border-radius:9px;

        font-size:15px;
    }

    .gx-dash-bottom-item.active{
        color:var(--gx-green);
    }

    .gx-dash-bottom-item.active span:first-child{
        background:
            rgba(39,237,139,.09);
    }

}


@media (min-width:768px) and (max-width:991px){

    .gx-dash-welcome{
        grid-template-columns:
            minmax(0,1fr)
            minmax(220px,280px);
    }

    .gx-dash-stats{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media (max-width:767px){

    .gx-dash-topbar{
        min-height:65px;

        padding:
            9px 13px;
    }

    .gx-dash-topbar-inner{
        gap:8px;
    }

    .gx-dash-header-title{
        min-width:0;
    }

    .gx-dash-header-title small{
        display:none;
    }

    .gx-dash-header-title strong{
        font-size:16px;
    }

    .gx-dash-header-actions{
        gap:5px;
    }

    .gx-dash-top-btn{
        width:37px;
        height:37px;
    }

    .gx-dash-user-info{
        display:none;
    }

    .gx-dash-user-avatar{
        width:36px;
        height:36px;
    }

    .gx-dash-content{
        padding:
            16px
            13px
            calc(94px + env(safe-area-inset-bottom));
    }

    .gx-dash-welcome{
        grid-template-columns:
            minmax(0,1fr);

        gap:16px;

        padding:
            21px
            17px;

        border-radius:19px;
    }

    .gx-dash-welcome h1{
        font-size:
            clamp(25px,8vw,33px);
    }

    .gx-dash-welcome p{
        font-size:10px;
        line-height:1.7;
    }

    .gx-dash-welcome-actions{
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .gx-dash-btn{
        width:100%;
        padding:0 9px;
        font-size:9px;
    }

    .gx-dash-welcome-balance{
        padding:19px;
    }

    .gx-dash-balance-value{
        font-size:32px;
    }

    .gx-dash-stats{
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:9px;
    }

    .gx-dash-stat{
        padding:14px;
    }

    .gx-dash-stat-value{
        font-size:18px;
    }

    .gx-dash-chart{
        height:235px;
        padding:12px;
    }

    .gx-dash-panel-header{
        padding:16px;
    }

    .gx-account-header{
        align-items:flex-start;
        flex-direction:column;
        gap:5px;
    }

    .gx-account-balance-list{
        grid-template-columns:
            minmax(0,1fr);
    }

    .gx-account-row{
        grid-template-columns:
            minmax(105px,.7fr)
            minmax(0,1.3fr);

        gap:10px;
    }

}



@media (max-width:480px){

    .gx-dashboard{
        width:100vw !important;
        max-width:100vw !important;
        min-width:100vw;

        margin-left:
            calc(50% - 50vw) !important;
    }

    .gx-dash-topbar{
        padding:
            8px 10px;
    }

    .gx-dash-mobile-menu{
        width:39px;
        height:39px;
        flex-basis:39px;
    }

    .gx-dash-header-title strong{
        font-size:14px;
    }

    .gx-dash-top-btn{
        width:35px;
        height:35px;
    }

    .gx-dash-user-avatar{
        width:35px;
        height:35px;
    }

    .gx-dash-content{
        padding:
            13px
            9px
            calc(92px + env(safe-area-inset-bottom));
    }

    .gx-dash-welcome{
        padding:
            19px
            14px;
    }

    .gx-dash-welcome h1{
        font-size:24px;
    }

    .gx-dash-stats{
        gap:7px;
    }

    .gx-dash-stat{
        padding:12px;
        border-radius:14px;
    }

    .gx-dash-stat-icon{
        width:31px;
        height:31px;
    }

    .gx-dash-stat-value{
        font-size:16px;
    }

    .gx-dash-stat-label{
        font-size:8px;
    }

    .gx-dash-chart{
        height:210px;
    }

    .gx-dash-panel{
        border-radius:16px;
    }

    .gx-dash-bottom-nav{
        padding-left:4px;
        padding-right:4px;
    }

    .gx-dash-bottom-item{
        font-size:7px;
    }

    .gx-account-row{
        display:block;
        padding:12px 0;
    }

    .gx-account-value{
        margin-top:5px;
    }

    .gx-account-notice{
        padding:13px;
    }

}



@media (max-width:360px){

    .gx-dash-content{
        padding-left:7px;
        padding-right:7px;
    }

    .gx-dash-welcome{
        padding:
            17px
            12px;
    }

    .gx-dash-welcome h1{
        font-size:22px;
    }

    .gx-dash-stat{
        padding:10px;
    }

    .gx-dash-stat-value{
        font-size:14px;
    }

    .gx-dash-stat-bottom{
        font-size:7px;
    }

    .gx-dash-bottom-item span:first-child{
        width:27px;
        height:27px;
        font-size:14px;
    }

}



@media (
    max-height:500px
) and (
    max-width:991px
){

    .gx-dash-bottom-nav{
        min-height:57px;
    }

    .gx-dash-bottom-item span:first-child{
        width:24px;
        height:24px;
        font-size:13px;
    }

    .gx-dash-content{
        padding-bottom:
            calc(78px + env(safe-area-inset-bottom));
    }

}



@media (prefers-reduced-motion:reduce){

    .gx-dash-reveal{
        opacity:1;
        transform:none;
        transition:none;
    }

}



.gx-dashboard,
.gx-dash-app,
.gx-dash-main,
.gx-dash-content,
.gx-dash-welcome,
.gx-dash-stats,
.gx-dash-main-grid,
.gx-dash-panel,
.gx-account-card{
    min-width:0;
}

#section {
    position: relative;
    padding: 50px 0;
}