:root{
    --FONT_FAMILY:"Geist Mono", monospace;
    --ion-font-family:var(--FONT_FAMILY);
    --BG:#F8FAFC;
    --APP_BG:transparent;
    --CARD:#FFFFFF;
    --APP_BG_DISPLAY:block;
    --CARD2:#F5F3FF;
    --TEXT:#1F2937;
    --MUTED:#6B7280;
    --SOFT:#4B5563;
    --GOLD:#7C3AED;
    --GOLD2:#6D28D9;
    --GOLD_RGB:124,58,237;
    --GOLD2_RGB:109,40,217;
    --GOLD_LIGHT:#A78BFA;
    --GOLD_LIGHT_RGB:167,139,250;
    --GOLD_LIGHT_BORDER:#C4B5FD;
    --GOLD_SOFT:#EDE9FE;
    --GOLD_PALE:#FAF5FF;
    --GOLD_DARK:#5B21B6;
    --PURPLE:#7C3AED;
    --BORDER:rgba(124,58,237,.16);
    --GOLD_BORDER:#DDD6FE;
    --BODY_BG:#F3F4F6;
    --BODY_BG_IMAGE:none;
    --AUTH_BG_IMAGE:url('assets/BACKGROUND.png');
    --AUTH_BG_OVERLAY:linear-gradient(180deg, rgba(17,24,39,.28), rgba(88,28,135,.18)), radial-gradient(circle at 50% 18%, rgba(255,255,255,.18), transparent 34%);
    --AUTH_LOGO_HEIGHT:104px;
    --AUTH_LOGO_MAX_WIDTH:72%;
    --AUTH_LOGO_TOP:112px;
    --AUTH_LOGO_LEFT:50%;
    --AUTH_LOGO_TRANSLATE_X:-50%;
    --AUTH_LOGO_TRANSLATE_Y:0px;
    --APP_BG_TEXT:#FFFFFF;
    --APP_BG_LINK:#FDE68A;
    --APP_BG_TEXT_SHADOW:0 2px 4px rgba(0,0,0,.72), 0 0 10px rgba(0,0,0,.38);
    --GLASS_BG:rgba(255,255,255,.82);
    --GLASS_BG_SOFT:rgba(245,243,255,.70);
    --GLASS_BORDER:rgba(255,255,255,.46);
    --GLASS_SHADOW:0 10px 24px rgba(17,24,39,.10), inset 0 1px 0 rgba(255,255,255,.58);
    --GLASS_BLUR:12px;
    --GLASS_TINT:rgba(124,58,237,.10);
    --GLASS_TINT_SOFT:rgba(124,58,237,.08);
    --GLASS_CONTROL_BG:rgba(255,255,255,.62);
    --GLASS_CONTROL_BORDER:rgba(124,58,237,.24);
    --GLASS_NAV_SHADOW:0 -8px 20px rgba(124,58,237,.10);
    --GLASS_DIVIDER:rgba(124,58,237,.18);
    --RADIUS:16px;
}

*{
    box-sizing:border-box;
}

body{
    margin:0;
    background-color:var(--BODY_BG);
    background-image:var(--BODY_BG_IMAGE);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    color:var(--TEXT);
    font-family:var(--FONT_FAMILY);
}

button,
[role="button"]{
    font-family:var(--FONT_FAMILY);
    cursor:pointer;
}

[role="button"]{
    user-select:none;
    -webkit-tap-highlight-color:transparent;
}

[role="button"]:focus{
    outline:none;
}

[role="button"]:focus-visible{
    box-shadow:0 0 0 3px rgba(var(--GOLD_RGB),.16);
}

.APP{
    position:relative;
    isolation:isolate;
    width:100%;
    max-width:430px;
    min-height:100vh;
    margin:0 auto;
    padding-bottom:66px;
    background:var(--APP_BG, var(--BG));
    box-shadow:0 0 70px rgba(var(--GOLD2_RGB),.16);
}

.APP-BG{
    display:var(--APP_BG_DISPLAY, block);
    position:fixed;
    top:0;
    left:50%;
    z-index:0;
    width:100%;
    max-width:430px;
    height:100vh;
    overflow:hidden;
    pointer-events:none;
    transform:translateX(-50%);
}

.APP-BG img{
    width:100%;
    height:100vh;
    display:block;
    object-fit:fill;
}

.TOPBAR,
main,
.BOTTOM-NAV,
.FOOTER{
    position:relative;
    z-index:1;
}

.MAIN-LOBBY-VIEW .SECTION-TITLE,
.MAIN-LOBBY-VIEW .VIEW-ALL,
.MAIN-LOBBY-VIEW .VIEW-ALL-ICON{
    color:var(--APP_BG_TEXT, #FFFFFF);
    text-shadow:var(--APP_BG_TEXT_SHADOW, 0 2px 4px rgba(0,0,0,.72));
}

.MAIN-LOBBY-VIEW .VIEW-ALL,
.MAIN-LOBBY-VIEW .VIEW-ALL-ICON{
    color:var(--APP_BG_LINK, #FDE68A);
}

.APP.IS-MENU-PAGE .MENU-PAGE-TITLE,
.APP.IS-BOTTOM-PAGE .SUPPORT-PAGE-HEADER h2,
.APP.IS-BOTTOM-PAGE .SUPPORT-PAGE-HEADER p,
.APP.IS-BOTTOM-PAGE .RG-HEADER h2,
.APP.IS-BOTTOM-PAGE .RG-HEADER p,
.APP.IS-BOTTOM-PAGE .SLOT-SECTION-HEAD .SECTION-TITLE,
.APP.IS-BOTTOM-PAGE .WALLET-HISTORY-HEAD h3,
.APP.IS-BOTTOM-PAGE .CASHIER-HISTORY-HEAD h3,
.APP.IS-BOTTOM-PAGE .SUPPORT-RECENT-HEAD h3,
.APP.IS-BOTTOM-PAGE .ACCOUNT-PASSWORD-LOGS-HEAD > span,
.APP.IS-BOTTOM-PAGE .AGENT-COMMISSION-TRANSACTION-HEAD h3,
.APP.IS-BOTTOM-PAGE .AGENT-WINLOSS-PLAYER-TRANSACTION-HEAD h4{
    color:var(--APP_BG_TEXT, #FFFFFF);
    text-shadow:var(--APP_BG_TEXT_SHADOW, 0 2px 4px rgba(0,0,0,.72));
}

.APP.IS-BOTTOM-PAGE .SLOT-SECTION-HEAD .VIEW-ALL,
.APP.IS-BOTTOM-PAGE .SLOT-SECTION-HEAD .VIEW-ALL-ICON{
    color:var(--APP_BG_LINK, #FDE68A);
    text-shadow:var(--APP_BG_TEXT_SHADOW, 0 2px 4px rgba(0,0,0,.72));
}

.BOTTOM-NAV{
    position:fixed;
    left:50%;
    bottom:0;
    z-index:82;
    width:100%;
    max-width:430px;
    min-height:56px;
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:0;
    padding:6px 10px calc(7px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,243,255,.96));
    border:1px solid var(--GOLD_BORDER);
    border-bottom:0;
    border-radius:18px 18px 0 0;
    box-shadow:
        0 -18px 34px rgba(17,24,39,.12),
        0 -8px 20px rgba(var(--GOLD_RGB),.18);
    transform:translateX(-50%);
    backdrop-filter:blur(12px);
}

.BOTTOM-NAV-ITEM{
    position:relative;
    min-width:0;
    height:44px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    padding:0 3px;
    border:1px solid transparent;
    border-radius:12px;
    color:#6B7280;
    background:transparent;
    font-family:var(--FONT_FAMILY);
    font-size:9px;
    font-weight:700;
    line-height:1;
}

.BOTTOM-NAV-ITEM::before{
    content:'';
    position:absolute;
    inset:0 7px;
    z-index:0;
    border-radius:12px;
    opacity:0;
    background:linear-gradient(180deg, var(--GOLD_LIGHT) 0%, var(--GOLD) 52%, var(--GOLD2) 100%);
    border:2px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 6px 14px rgba(var(--GOLD_RGB),.22);
    transition:opacity .16s ease;
}

.BOTTOM-NAV-ITEM:not(:last-child)::after{
    content:'';
    position:absolute;
    top:9px;
    right:0;
    z-index:3;
    width:1px;
    height:24px;
    background:linear-gradient(180deg, transparent, rgba(var(--GOLD_RGB),.24), transparent);
}

.BOTTOM-NAV-ITEM > span{
    position:relative;
    z-index:2;
}

.BOTTOM-NAV-ITEM > span:last-child{
    min-height:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.BOTTOM-NAV-ITEM .material-symbols-rounded{
    color:var(--GOLD);
    font-size:21px;
    line-height:1;
}

.BOTTOM-NAV-SLOT-ICON{
    min-width:23px;
    height:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 4px;
    border-radius:999px;
    color:var(--CARD2);
    background:var(--GOLD);
    border:1px solid var(--GOLD);
    box-shadow:0 2px 6px rgba(var(--GOLD_RGB),.12);
    font-size:8px;
    font-weight:700;
    line-height:1;
    letter-spacing:0;
    margin-top:4px;
    margin-bottom:3px;
}

.BOTTOM-NAV-ITEM.IS-ACTIVE{
    color:#FFFFFF;
    background:transparent;
    border-color:transparent;
    box-shadow:none;
    padding-top:2px;
    padding-bottom:5px;
}

.BOTTOM-NAV-ITEM.IS-ACTIVE::before{
    opacity:1;
}

.BOTTOM-NAV-ITEM.IS-ACTIVE .material-symbols-rounded{
    color:#FFFFFF;
}

.BOTTOM-NAV-ITEM.IS-ACTIVE .BOTTOM-NAV-SLOT-ICON{
    color:var(--GOLD);
    background:#FFFFFF;
    border-color:#FFFFFF;
}

.CONTAINER{
    width:100%;
    padding:0 12px;
}

.SECTION{
    margin-top:10px;
}

.SAKLA-INTERNATIONAL-BANNER,
.SABONG-INTERNATIONAL-BANNER{
    display:none;
}

html[data-theme="player_purple"] .SAKLA-INTERNATIONAL-BANNER{
    display:block;
}

html[data-theme="player_sbcf"] .SABONG-INTERNATIONAL-BANNER{
    display:block;
}

.SAKLA-INTERNATIONAL-BANNER img,
.SABONG-INTERNATIONAL-BANNER img{
    display:block;
    width:100%;
    height:120px;
    object-fit:cover;
    margin:0 auto;
    border-radius:12px;
    box-shadow:0 6px 16px rgba(0,0,0,.28);
}

.SECTION-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
}

.SECTION-TITLE{
    margin:0;
    font-family:var(--FONT_FAMILY);
    font-size:14px;
    color:var(--TEXT);
    letter-spacing:.4px;
}

.VIEW-ALL,
.PLAY-LINK{
    color:var(--GOLD);
    font-size:10px;
    font-weight:700;
}

.VIEW-ALL{
    display:inline-flex;
    align-items:center;
    gap:3px;
}

.VIEW-ALL-ICON{
    width:14px;
    height:14px;
    flex:0 0 14px;
    font-size:14px !important;
    line-height:1;
}

.BTN{
    height:38px;
    border-radius:10px;
    padding:0 13px;
    font-size:11px;
    font-weight:700;
    border:0;
    white-space:nowrap;
}

.BTN-GOLD{
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD2));
    box-shadow:0 8px 22px rgba(var(--GOLD2_RGB),.22);
}

.BTN-DARK{
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
}

.CARD{
    border-radius:var(--RADIUS);
    background:linear-gradient(180deg, #FFFFFF, var(--CARD2));
    border:1px solid var(--BORDER);
    box-shadow:0 10px 28px rgba(var(--GOLD_RGB),.08);
}

.SCROLL-X{
    display:flex;
    flex-wrap:nowrap;
    gap:5px;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 0 6px;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -ms-overflow-style:none;
    cursor:grab;
}

.SCROLL-X:active{
    cursor:grabbing;
}

.SCROLL-X.IS-DRAGGING{
    user-select:none;
    scroll-snap-type:none;
}

.SCROLL-X > *{
    flex:0 0 auto;
}

.SCROLL-X::-webkit-scrollbar{
    display:none;
    width:0;
    height:0;
}

.MAIN-LOBBY-VIEW[hidden],
.MENU-PAGE-VIEW[hidden],
.MENU-PAGE[hidden],
.BOTTOM-PAGE-VIEW[hidden],
.BOTTOM-PAGE[hidden]{
    display:none;
}

.MENU-PAGE-VIEW{
    min-height:calc(100vh - 82px);
    padding-top:10px;
}

.MENU-PAGE{
    min-height:calc(100vh - 104px);
    display:none;
    align-items:flex-start;
    justify-content:flex-start;
    padding:16px 0;
    --animate-duration:.32s;
}

.MENU-PAGE.IS-ACTIVE{
    display:flex;
}

.BOTTOM-PAGE-VIEW{
    min-height:calc(100vh - 124px);
}

.BOTTOM-PAGE{
    min-height:calc(100vh - 146px);
    display:none;
    padding:10px 0;
    --animate-duration:.32s;
}

.BOTTOM-PAGE.IS-ACTIVE{
    display:block;
}

.BOTTOM-PAGE-CARD{
    min-height:180px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:24px 16px;
    border-radius:18px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    text-align:center;
    box-shadow:0 12px 28px rgba(var(--GOLD_RGB),.08);
}

.BOTTOM-PAGE-ICON{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    color:var(--GOLD);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
}

.BOTTOM-PAGE-ICON .material-symbols-rounded{
    font-size:24px;
}

.BOTTOM-PAGE-ICON .BOTTOM-NAV-SLOT-ICON{
    margin:0;
}

.BOTTOM-PAGE-CARD h2{
    margin:0;
    font-size:16px;
    font-weight:700;
}

.BOTTOM-PAGE-CARD p{
    margin:0;
    color:#6B7280;
    font-size:11px;
    font-weight:700;
}

.BOTTOM-PAGE-BLANK{
    min-height:180px;
}

.INVALID-TAG-VIEW{
    min-height:calc(100vh - 92px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px 0 34px;
}

.INVALID-TAG-VIEW[hidden]{
    display:none;
}

.INVALID-TAG-CARD{
    width:100%;
    min-height:230px;
}

.INVALID-TAG-LOGOUT{
    width:100%;
    max-width:190px;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-top:4px;
    font-size:10px;
}

.INVALID-TAG-LOGOUT .material-symbols-rounded{
    font-size:16px;
}

.COMMISSION-PAGE-CONTENT{
    min-width:0;
    gap:10px;
}

.AGENT-DASHBOARD-MENU{
    gap:8px;
    padding:1px 1px 5px;
}

.AGENT-DASHBOARD-TAB{
    min-width:max-content;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 12px;
    scroll-snap-align:start;
    border-radius:12px;
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    font-size:10px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
    overflow:hidden;
    box-shadow:0 1px 0 rgba(var(--GOLD_RGB),.08), 0 3px 8px rgba(var(--GOLD_RGB),.08);
}

.AGENT-DASHBOARD-TAB[hidden]{
    display:none !important;
}

.COMMISSION-PAGE.IS-DOWNLINES-VIEW .AGENT-DASHBOARD-MENU{
    display:none;
}

.COMMISSION-PAGE.IS-WINLOSS-VIEW > .SUPPORT-PAGE-CONTENT > .AGENT-DASHBOARD-MENU{
    display:none;
}

.COMMISSION-PAGE.IS-WINLOSS-VIEW .SUPPORT-PAGE-CONTENT,
.COMMISSION-PAGE.IS-WINLOSS-VIEW .AGENT-DASHBOARD-PANELS,
.COMMISSION-PAGE.IS-WINLOSS-VIEW .AGENT-WINLOSS-PANEL,
.COMMISSION-PAGE.IS-WINLOSS-VIEW .AGENT-WINLOSS-SUMMARY-PANEL{
    gap:10px;
}

.COMMISSION-PAGE.IS-WINLOSS-VIEW .SUPPORT-PAGE-HEADER{
    padding:0;
}

.COMMISSION-PAGE.IS-WINLOSS-VIEW .SUPPORT-PAGE-HEADER h2{
    margin:0 0 10px;
}

.COMMISSION-PAGE.IS-WINLOSS-VIEW .AGENT-WINLOSS-MODE-MENU{
    padding:0;
}

.COMMISSION-PAGE.IS-WINLOSS-VIEW .AGENT-WINLOSS-MODE-TAB,
.COMMISSION-PAGE.IS-WINLOSS-VIEW .AGENT-WINLOSS-MODE-TAB:hover,
.COMMISSION-PAGE.IS-WINLOSS-VIEW .AGENT-WINLOSS-MODE-TAB.IS-ACTIVE,
.COMMISSION-PAGE.IS-WINLOSS-VIEW .AGENT-WINLOSS-MODE-TAB[aria-selected="true"]{
    box-shadow:none !important;
}

.COMMISSION-PAGE.IS-TRANSACTIONS-VIEW .SUPPORT-PAGE-CONTENT,
.COMMISSION-PAGE.IS-TRANSACTIONS-VIEW .AGENT-DASHBOARD-PANELS,
.COMMISSION-PAGE.IS-TRANSACTIONS-VIEW .AGENT-TRANSACTIONS-PANEL,
.COMMISSION-PAGE.IS-TRANSACTIONS-VIEW .AGENT-COMMISSION-TRANSACTIONS{
    gap:10px;
}

.COMMISSION-PAGE.IS-TRANSACTIONS-VIEW .SUPPORT-PAGE-HEADER{
    padding:0;
}

.COMMISSION-PAGE.IS-TRANSACTIONS-VIEW .SUPPORT-PAGE-HEADER h2{
    margin:0 0 10px;
}

.COMMISSION-PAGE.IS-TRANSACTIONS-VIEW .AGENT-DASHBOARD-MENU{
    padding:0;
}

.COMMISSION-PAGE.IS-TRANSACTIONS-VIEW .AGENT-DASHBOARD-TAB[data-agent-dashboard-tab="voucher"]{
    display:none;
}

.COMMISSION-PAGE.IS-TRANSACTIONS-VIEW .AGENT-DASHBOARD-TAB[data-agent-dashboard-tab="commission"]{
    color:#FFFFFF;
    background:var(--GOLD);
    border-color:var(--GOLD2);
    box-shadow:0 2px 7px rgba(var(--GOLD_RGB),.18);
}

.COMMISSION-PAGE.IS-TRANSACTIONS-VIEW .AGENT-DASHBOARD-TAB[data-agent-dashboard-tab="commission"] .material-symbols-rounded{
    color:inherit;
}

.COMMISSION-PAGE.IS-TRANSACTIONS-VIEW .AGENT-COMMISSION-TRANSACTION-EMPTY{
    padding:12px;
}

.AGENT-DASHBOARD-TAB:hover{
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DASHBOARD-TAB .material-symbols-rounded{
    font-size:15px;
    line-height:1;
}

.AGENT-DASHBOARD-TAB.IS-ACTIVE{
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 58%, var(--GOLD2));
    border-color:var(--GOLD2);
    box-shadow:0 2px 7px rgba(var(--GOLD_RGB),.20);
}

.AGENT-DASHBOARD-PANELS{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:9px;
}

.AGENT-DASHBOARD-PANEL[hidden]{
    display:none;
}

.AGENT-DASHBOARD-PANEL{
    width:100%;
    min-width:0;
}

.AGENT-VOUCHER-PANEL{
    display:grid;
    gap:6px;
    padding:0;
    text-align:left;
}

.AGENT-VOUCHER-FORM{
    gap:5px;
    padding:9px 10px;
}

.AGENT-VOUCHER-HEAD{
    display:grid;
    grid-template-columns:34px minmax(0, 1fr);
    align-items:center;
    gap:7px;
    padding-bottom:0;
}

.AGENT-VOUCHER-ICON{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    font-size:20px;
    line-height:1;
}

.AGENT-VOUCHER-HEAD h3{
    margin:0;
    color:#1F2937;
    font-size:15px;
    font-weight:900;
    line-height:1.1;
}

.AGENT-VOUCHER-HEAD p{
    margin:1px 0 0;
    color:#64748B;
    font-size:9px;
    font-weight:800;
    line-height:1.28;
}

.AGENT-VOUCHER-FORM .LOGIN-FIELD{
    gap:2px;
}

.AGENT-VOUCHER-GRID{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:6px;
}

.AGENT-VOUCHER-GRID .LOGIN-FIELD{
    align-content:start;
}

.AGENT-VOUCHER-NOTE{
    display:block;
    margin:0 2px;
    color:#64748B;
    font-size:8px;
    font-weight:800;
    line-height:1.2;
}

.AGENT-VOUCHER-FORM input[type="date"]{
    padding-right:12px;
}

.AGENT-VOUCHER-FORM input[type="date"]::-webkit-calendar-picker-indicator{
    cursor:pointer;
    opacity:.68;
}

.AGENT-VOUCHER-SUBMIT{
    margin-top:0;
}

.AGENT-CREATE-ACCOUNT-FORM[hidden]{
    display:none;
}

.AGENT-CREATE-ACCOUNT-HEAD{
    grid-template-columns:34px minmax(0, 1fr) 28px;
}

.AGENT-CREATE-ACCOUNT-TOGGLE{
    width:28px;
    min-width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    color:var(--GOLD);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    border-radius:10px;
    cursor:pointer;
}

.AGENT-CREATE-ACCOUNT-TOGGLE .material-symbols-rounded{
    margin:0;
    font-size:20px;
    line-height:1;
}

.AGENT-CREATE-ACCOUNT-BODY{
    display:grid;
    gap:7px;
}

.AGENT-CREATE-ACCOUNT-BODY[hidden]{
    display:none;
}

.AGENT-CREATE-ACCOUNT-ROW{
    display:grid;
    gap:6px;
}

.AGENT-CREATE-ACCOUNT-FORM .PASSWORD-RULES{
    gap:3px;
    margin:-2px 2px 0;
}

.AGENT-CREATE-ACCOUNT-FORM .PASSWORD-RULE{
    font-size:8px;
    line-height:1.15;
}

.AGENT-CREATE-ACCOUNT-SUBMIT{
    height:34px;
    margin-top:0;
}

.AGENT-CREATE-ACCOUNT-FORM .LOGIN-STATUS{
    margin-top:0;
}

.AGENT-CREATE-ACCOUNT-FORM .LOGIN-STATUS:not(.IS-ACTIVE){
    display:none;
}

.AGENT-VOUCHER-LIST{
    display:grid;
    gap:7px;
}

.AGENT-VOUCHER-SEARCH{
    grid-template-columns:minmax(0, 1fr) 82px;
}

.AGENT-VOUCHER-PAGER{
    margin-top:0;
}

.AGENT-VOUCHER-LOAD-MORE{
    margin-top:0;
}

.AGENT-VOUCHER-LIST-BODY{
    display:grid;
    gap:7px;
}

.AGENT-VOUCHER-EMPTY{
    padding:10px;
    border-radius:12px;
    color:#64748B;
    background:#FFFFFF;
    border:1px dashed var(--GOLD_BORDER);
    font-size:9px;
    font-weight:800;
    line-height:1.35;
    text-align:center;
}

.AGENT-VOUCHER-EMPTY.IS-ERROR{
    color:#B91C1C;
    background:#FEF2F2;
    border-color:#FCA5A5;
}

.AGENT-VOUCHER-ITEM{
    border-color:var(--GOLD_BORDER);
    box-shadow:0 10px 22px rgba(var(--GOLD_RGB),.06);
}

.AGENT-VOUCHER-SUMMARY{
    min-height:50px;
    padding:9px 10px;
}

.AGENT-VOUCHER-IDENTITY small{
    color:#64748B;
}

.AGENT-VOUCHER-META-LINE{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
}

.AGENT-VOUCHER-META-LINE span{
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-VOUCHER-META-LINE b{
    display:inline;
    padding:0 3px;
    border-radius:4px;
    color:#15803D;
    background:#ECFDF5;
    font-weight:900;
}

.AGENT-VOUCHER-CODE-LINE{
    display:flex;
    align-items:center;
    gap:5px;
    min-width:0;
}

.AGENT-VOUCHER-CODE-LINE > span:first-child{
    overflow:hidden;
    min-width:0;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-VOUCHER-AMOUNT{
    min-width:106px;
    grid-template-columns:minmax(0, 1fr) auto;
    justify-content:end;
    column-gap:3px;
}

.AGENT-VOUCHER-AMOUNT .AGENT-VOUCHER-STATUS{
    grid-column:1 / -1;
    justify-self:end;
}

.AGENT-VOUCHER-AMOUNT strong{
    grid-column:1;
    grid-row:2;
}

.AGENT-VOUCHER-AMOUNT .AGENT-COMMISSION-TRANSACTION-CHEVRON{
    grid-column:2;
    grid-row:2;
}

.AGENT-VOUCHER-DETAIL-GRID{
    grid-template-columns:repeat(3, minmax(0, 1fr));
}

.AGENT-VOUCHER-ITEM-COPY{
    flex:0 0 auto;
    width:20px;
    height:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border-radius:7px;
    color:var(--GOLD);
    background:transparent;
    border:0;
    line-height:1;
    cursor:pointer;
}

.AGENT-VOUCHER-ITEM-COPY .material-symbols-rounded{
    font-size:14px;
    line-height:1;
}

.AGENT-VOUCHER-ITEM-COPY.IS-COPIED{
    color:#16A34A;
    background:transparent;
    border-color:transparent;
}

.AGENT-VOUCHER-ITEM-META{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:5px;
}

.AGENT-VOUCHER-ITEM-META span{
    display:grid;
    gap:2px;
    min-width:0;
    padding:5px 6px;
    border-radius:9px;
    color:#64748B;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-VOUCHER-ITEM-META b{
    overflow:hidden;
    color:#1F2937;
    font-size:8px;
    font-weight:900;
    line-height:1.15;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-VOUCHER-ITEM-META span:last-child{
    grid-column:1 / -1;
}

.AGENT-VOUCHER-STATUS{
    width:auto;
    max-width:100%;
    overflow:hidden;
    color:#1F2937 !important;
    background:transparent;
    border:0;
    font-size:9px !important;
    line-height:13px !important;
    text-align:right;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-VOUCHER-STATUS.IS-INACTIVE{
    color:#1F2937 !important;
    background:transparent;
    border-color:transparent;
}

.AGENT-VOUCHER-STATUS-VALUE{
    color:#1F2937;
    font-weight:900;
}

.AGENT-VOUCHER-STATUS-VALUE.IS-ACTIVE{
    color:#16A34A;
}

.AGENT-VOUCHER-STATUS-VALUE.IS-CLAIM{
    color:var(--GOLD);
}

.AGENT-VOUCHER-STATUS-VALUE.IS-INACTIVE{
    color:#64748B;
}

.AGENT-DOWNLINES-PANEL{
    min-width:0;
    display:grid;
    gap:11px;
    padding:0;
    text-align:left;
}

.AGENT-DOWNLINE-MENU{
    gap:8px;
    padding:1px 1px 3px;
}

.AGENT-DOWNLINE-MENU-TAB{
    border:1px solid #E5E7EB;
    font-family:var(--FONT_FAMILY);
    cursor:pointer;
}

.AGENT-DOWNLINE-MENU-TAB[aria-selected="true"]{
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 58%, var(--GOLD2));
    border-color:var(--GOLD2);
    box-shadow:0 2px 7px rgba(var(--GOLD_RGB),.20);
}

.AGENT-DOWNLINES-PANEL.IS-SUB-ACCOUNTS-VIEW .AGENT-DOWNLINE-MENU{
    display:none;
}

.AGENT-DOWNLINE-SUBPANEL[hidden]{
    display:none !important;
}

.AGENT-DOWNLINE-SETTINGS-SUBPANEL,
.AGENT-DOWNLINE-SUBACCOUNTS-SUBPANEL{
    min-width:0;
    display:grid;
    gap:10px;
}

.AGENT-DOWNLINES-PANEL.IS-PERMISSIONS-VIEW .AGENT-DOWNLINE-SETTING,
.AGENT-DOWNLINES-PANEL.IS-PERMISSIONS-VIEW .AGENT-DOWNLINE-SETTING-HEAD{
    color:var(--GOLD2);
}

.AGENT-REFERRAL-FIELD{
    width:100%;
}

.AGENT-REFERRAL-FIELD[hidden]{
    display:none;
}

.AGENT-REFERRAL-LIST{
    width:100%;
    display:grid;
    gap:8px;
}

.AGENT-REFERRAL-EMPTY{
    width:100%;
    padding:12px 14px;
    border-radius:14px;
    color:#64748B;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    font-family:var(--FONT_FAMILY);
    font-size:9px;
    font-weight:800;
    line-height:1.35;
    text-align:center;
}

.AGENT-REFERRAL-SUMMARY{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0, 1fr) 96px;
    align-items:stretch;
    gap:10px;
    padding:13px 14px;
    border-radius:16px;
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 12px 26px rgba(var(--GOLD_RGB),.08);
}

.AGENT-REFERRAL-MAIN,
.AGENT-REFERRAL-ACTION{
    min-width:0;
    display:grid;
    align-content:center;
    gap:6px;
}

.AGENT-REFERRAL-MAIN label,
.AGENT-REFERRAL-ACTION strong{
    color:var(--GOLD2);
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-REFERRAL-ACTION{
    justify-items:stretch;
}

.AGENT-REFERRAL-ACTION strong{
    overflow:hidden;
    text-align:right;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-REFERRAL-MAIN input{
    width:100%;
    min-width:0;
    height:24px;
    padding:0 9px;
    border-radius:9px;
    color:#1F2937;
    background:#F8FAFC;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    outline:none;
    font-family:var(--FONT_FAMILY);
    font-size:10px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-REFERRAL-MAIN input:focus{
    border-color:var(--GOLD);
    box-shadow:0 0 0 3px rgba(var(--GOLD_RGB),.10);
}

.AGENT-REFERRAL-COPY{
    width:100%;
    height:24px;
    min-height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 10px;
    border-radius:9px;
    color:#FFFFFF;
    background:var(--GOLD);
    border:1px solid var(--GOLD2);
    font-family:'Geist Mono', monospace;
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-align:center;
    text-transform:uppercase;
    cursor:pointer;
    box-shadow:0 8px 16px rgba(var(--GOLD_RGB),.16);
}

.AGENT-REFERRAL-COPY .material-symbols-rounded{
    font-size:14px;
    line-height:1;
}

.AGENT-REFERRAL-COPY.IS-COPIED{
    background:#16A34A;
    border-color:#15803D;
    box-shadow:0 8px 18px rgba(22,163,74,.14);
}

.AGENT-REFERRAL-COPY.IS-DISABLED,
.AGENT-REFERRAL-COPY[aria-disabled="true"]{
    cursor:not-allowed;
    filter:grayscale(.42);
    opacity:.66;
    box-shadow:none;
}

.AGENT-REFERRAL-MANUAL-FORM{
    grid-column:1 / -1;
    display:grid;
    gap:7px;
    padding-top:10px;
    border-top:1px solid var(--GOLD_LIGHT_BORDER);
}

.AGENT-REFERRAL-MANUAL-GRID{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:7px;
}

.AGENT-REFERRAL-MANUAL-FORM .LOGIN-FIELD{
    min-width:0;
}

.AGENT-REFERRAL-MANUAL-FORM .PASSWORD-RULES{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    margin:0 2px;
}

.AGENT-REFERRAL-MANUAL-SECRET-TOGGLE{
    position:absolute;
    top:50%;
    right:3px;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:10px;
    color:var(--GOLD2);
    background:transparent;
    transform:translateY(-50%);
}

.AGENT-REFERRAL-MANUAL-SECRET-TOGGLE .material-symbols-rounded{
    font-size:17px;
}

.AGENT-REFERRAL-MANUAL-SUBMIT{
    width:100%;
}

.AGENT-REFERRAL-MANUAL-STATUS:not(.IS-ACTIVE){
    display:none;
}

.AGENT-DOWNLINE-LIST{
    width:100%;
    min-width:0;
    display:grid;
    gap:9px;
}

.AGENT-DOWNLINE-AUTH-PERCENTS{
    overflow:hidden;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    border-radius:9px;
    color:var(--TEXT);
    background:var(--CARD2);
    font-size:10px;
    line-height:1.4;
}

.AGENT-DOWNLINE-AUTH-PERCENT-TABLE{
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}

.AGENT-DOWNLINE-AUTH-PERCENT-TABLE th,
.AGENT-DOWNLINE-AUTH-PERCENT-TABLE td{
    padding:9px 8px;
    text-align:center;
    overflow-wrap:break-word;
}

.AGENT-DOWNLINE-AUTH-PERCENT-TABLE th{
    color:var(--GOLD2);
    border-bottom:1px solid var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-AUTH-PERCENT-TABLE th + th,
.AGENT-DOWNLINE-AUTH-PERCENT-TABLE td + td{
    border-left:1px solid var(--GOLD_LIGHT_BORDER);
}

.AGENT-SUB-ACCOUNT-LIST{
    width:100%;
    min-width:0;
    display:grid;
    gap:9px;
}

.AGENT-SUB-ACCOUNT-TABLE{
    min-width:280px;
}

.AGENT-DOWNLINE-SEARCH{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 82px;
    align-items:center;
    gap:7px;
}

.AGENT-DOWNLINE-SEARCH-NOTE{
    height:26px;
    display:flex;
    align-items:center;
    gap:4px;
    margin:0 1px;
    padding:0 9px;
    border:1px dashed var(--GOLD_LIGHT_BORDER);
    border-radius:9px;
    color:#64748B;
    background:#FFFFFF;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-SEARCH-NOTE strong{
    color:var(--GOLD2);
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-SEARCH-NOTE[hidden]{
    display:none !important;
}

.AGENT-DOWNLINE-SEARCH-BTN{
    width:100%;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:12px;
    color:#FFFFFF;
    background:var(--GOLD);
    border:1px solid var(--GOLD2);
    font-family:'Geist Mono', monospace;
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    cursor:pointer;
    box-shadow:0 8px 16px rgba(var(--GOLD_RGB),.14);
}

.AGENT-DOWNLINE-SEARCH-FIELD input{
    padding-right:48px;
}

.AGENT-DOWNLINES-PANEL .AGENT-DOWNLINE-SEARCH-FIELD input{
    height:30px;
    padding-left:34px;
    border-radius:9px;
}

.AGENT-DOWNLINES-PANEL .AGENT-DOWNLINE-SEARCH-BTN{
    height:30px;
    min-height:30px;
    border-radius:9px;
}

.AGENT-WINLOSS-PANEL .AGENT-DOWNLINE-SEARCH-FIELD input,
.AGENT-TRANSACTIONS-PANEL .AGENT-DOWNLINE-SEARCH-FIELD input{
    height:30px;
    padding-left:34px;
    border-radius:9px;
    font-size:10px;
}

.AGENT-WINLOSS-PANEL .AGENT-DOWNLINE-SEARCH-BTN,
.AGENT-TRANSACTIONS-PANEL .AGENT-DOWNLINE-SEARCH-BTN{
    height:30px;
    min-height:30px;
    border-radius:9px;
    font-size:10px;
}

.AGENT-DOWNLINES-PANEL .AGENT-DOWNLINE-SEARCH-CLEAR{
    right:10px;
    width:20px;
    height:20px;
}

.AGENT-DOWNLINE-SEARCH-CLEAR{
    position:absolute;
    right:18px;
    width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    border-radius:8px;
    color:#94A3B8;
    background:transparent;
    cursor:pointer;
}

.AGENT-DOWNLINE-SEARCH-CLEAR[hidden]{
    display:none;
}

.AGENT-DOWNLINE-SEARCH-CLEAR .material-symbols-rounded{
    font-size:15px;
    line-height:1;
}

.AGENT-DOWNLINE-SEARCH-CLEAR:hover{
    color:var(--GOLD2);
}

.AGENT-DOWNLINE-CHAIN{
    width:100%;
    min-width:0;
    display:flex;
    align-items:center;
    gap:6px;
    overflow:hidden;
    padding:0 1px;
}

.AGENT-DOWNLINE-CHAIN[hidden]{
    display:none !important;
}

.AGENT-DOWNLINE-CHAIN > button{
    height:26px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 9px;
    border-radius:9px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-CHAIN .AGENT-DOWNLINE-CHAIN-CURRENT{
    min-width:0;
    flex:1 1 auto;
    display:inline-flex;
    align-items:center;
    gap:6px;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:1px;
    scrollbar-width:thin;
}

.AGENT-DOWNLINE-CHAIN,
.AGENT-WINLOSS-CHAIN{
    overflow-x:auto;
    overflow-y:hidden;
    flex-wrap:nowrap;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.AGENT-DOWNLINE-CHAIN::-webkit-scrollbar,
.AGENT-WINLOSS-CHAIN::-webkit-scrollbar{
    display:none;
}

.AGENT-DOWNLINE-CHAIN .AGENT-DOWNLINE-CHAIN-CURRENT,
.AGENT-WINLOSS-CHAIN .AGENT-DOWNLINE-CHAIN-CURRENT{
    flex:0 0 auto;
    width:max-content;
    overflow:visible;
    padding-bottom:0;
    scrollbar-width:none;
}

.AGENT-DOWNLINE-CHAIN-CRUMB{
    height:26px;
    min-width:0;
    max-width:140px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:0 8px;
    border-radius:9px;
    color:#1F2937;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:none;
    cursor:pointer;
}

.AGENT-DOWNLINE-CHAIN-CRUMB strong{
    min-width:0;
    flex:1 1 auto;
    overflow:hidden;
    color:#2563EB;
    font-size:9px;
    line-height:1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-DOWNLINE-CHAIN-TAG{
    flex:0 0 auto;
    padding:2px 4px;
    border-radius:5px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:7px;
    line-height:1;
}

.AGENT-DOWNLINE-CHAIN-TAG.IS-PLAYER{
    color:#2563EB;
    background:#EFF6FF;
    border-color:#BFDBFE;
}

.AGENT-DOWNLINE-CHAIN-TAG.IS-AGENT{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-CHAIN-TAG.IS-MASTER{
    color:#7C3AED;
    background:#F5F3FF;
    border-color:#C4B5FD;
}

.AGENT-DOWNLINE-CHAIN-TAG.IS-SENIOR{
    color:#0891B2;
    background:#ECFEFF;
    border-color:#A5F3FC;
}

.AGENT-DOWNLINE-CHAIN-TAG.IS-FINANCE{
    color:#15803D;
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.AGENT-DOWNLINE-CHAIN-TAG.IS-REGIONAL{
    color:#0F766E;
    background:#F0FDFA;
    border-color:#99F6E4;
}

.AGENT-DOWNLINE-CHAIN-TAG.IS-SUBAGENT{
    color:#CA8A04;
    background:#FEFCE8;
    border-color:#FDE68A;
}

.AGENT-DOWNLINE-CHAIN-TAG.IS-OWNER,
.AGENT-DOWNLINE-CHAIN-TAG.IS-SUB-OWNER{
    color:#C026D3;
    background:#FAE8FF;
    border-color:#F0ABFC;
}

.AGENT-DOWNLINE-TABLE-WRAP{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    overflow-x:auto;
    overflow-y:hidden;
    border-radius:12px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
}

.AGENT-DOWNLINE-TABLE-WRAP::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

.AGENT-DOWNLINE-TABLE-SCROLL-ROW{
    width:calc(100% - 16px);
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    gap:6px;
    margin:-2px 8px 0;
    overflow:hidden;
}

.AGENT-DOWNLINE-TABLE-SCROLL-ROW[hidden]{
    display:none;
}

.AGENT-DOWNLINE-TABLE-SCROLL-NOTE{
    width:120px;
    flex:0 0 120px;
    overflow:hidden;
    color:#94A3B8;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-DOWNLINE-TABLE-SCROLL-AREA{
    position:relative;
    flex:1 1 auto;
    width:auto;
    max-width:100%;
    min-width:0;
    height:9px;
    margin:0;
}

.AGENT-DOWNLINE-TABLE-SCROLL-AREA[hidden]{
    display:none;
}

.AGENT-DOWNLINE-TABLE-SCROLL{
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:9px;
    margin:0;
    opacity:0;
    pointer-events:none;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
}

.AGENT-DOWNLINE-TABLE-SCROLL[hidden]{
    display:none;
}

.AGENT-DOWNLINE-TABLE-SCROLL::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

.AGENT-DOWNLINE-TABLE-SCROLL-TRACK{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    z-index:2;
    height:4px;
    cursor:pointer;
    border-radius:999px;
    background:#FFF3E8;
    transform:translateY(-50%);
}

.AGENT-DOWNLINE-TABLE-SCROLL-THUMB{
    position:absolute;
    left:0;
    top:0;
    width:24px;
    height:100%;
    cursor:grab;
    border-radius:999px;
    background:linear-gradient(90deg, var(--GOLD), var(--GOLD2));
    box-shadow:0 1px 4px rgba(var(--GOLD_RGB), .25);
}

.AGENT-DOWNLINE-TABLE-SCROLL-THUMB:active{
    cursor:grabbing;
}

.AGENT-DOWNLINE-TABLE-SCROLL-SPACER{
    height:1px;
}

.AGENT-DOWNLINE-TABLE{
    width:100%;
    min-width:280px;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
    color:#1F2937;
    font-size:9px;
    font-weight:900;
}

.AGENT-DOWNLINE-COL-USER{
    width:130px;
}

.AGENT-DOWNLINE-COL-BALANCE,
.AGENT-DOWNLINE-COL-PERCENT{
    width:100px;
}

.AGENT-DOWNLINE-COL-ROLE{
    width:50px;
}

.AGENT-DOWNLINE-COL-PERMISSION{
    width:68px;
}

.AGENT-DOWNLINE-COL-TRANSACTION{
    width:75px;
}

.AGENT-DOWNLINE-COL-SETTING{
    width:50px;
}

.AGENT-DOWNLINE-TABLE th,
.AGENT-DOWNLINE-TABLE td{
    padding:7px 8px;
    border-bottom:1px solid #EEF2F7;
    line-height:1.35;
    text-align:right;
    vertical-align:middle;
    white-space:nowrap;
}

.AGENT-DOWNLINE-TABLE th{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-bottom-color:var(--GOLD_BORDER);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-TABLE th:not(:last-child),
.AGENT-DOWNLINE-TABLE td:not(:last-child){
    border-right:1px solid #E5E7EB;
}

.AGENT-DOWNLINE-TABLE th:first-child,
.AGENT-DOWNLINE-TABLE td:first-child{
    position:sticky;
    left:0;
    z-index:2;
    width:130px;
    min-width:130px;
    max-width:130px;
    background:#FFFFFF;
    background-clip:padding-box;
    text-align:left;
    box-shadow:none;
    transform:translateZ(0);
    backface-visibility:hidden;
    will-change:transform;
}

.AGENT-DOWNLINE-TABLE th:first-child{
    z-index:4;
    background:var(--CARD2);
}

.AGENT-DOWNLINE-TABLE td.AGENT-DOWNLINE-PLACEHOLDER{
    position:static;
    left:auto;
    width:auto;
    min-width:0;
    max-width:none;
    background:#FFFFFF;
    text-align:center;
    box-shadow:none;
}

.AGENT-DOWNLINE-TABLE th.AGENT-DOWNLINE-ROLE-HEAD,
.AGENT-DOWNLINE-TABLE td.AGENT-DOWNLINE-ROLE-CELL,
.AGENT-DOWNLINE-TABLE th.AGENT-DOWNLINE-PERMISSION-HEAD,
.AGENT-DOWNLINE-TABLE td.AGENT-DOWNLINE-PERMISSION-CELL,
.AGENT-DOWNLINE-TABLE th.AGENT-DOWNLINE-SETTING-HEAD,
.AGENT-DOWNLINE-TABLE td.AGENT-DOWNLINE-SETTING-CELL{
    padding-right:3px;
    padding-left:3px;
    text-align:center;
}

.AGENT-DOWNLINE-TABLE th.AGENT-DOWNLINE-SETTING-HEAD{
    font-size:9px;
}

.AGENT-DOWNLINE-SETTING-HEAD .material-symbols-rounded{
    color:var(--GOLD2);
    font-size:13px;
    line-height:1;
}

.AGENT-DOWNLINE-TABLE tr:last-child td{
    border-bottom:0;
}

.AGENT-DOWNLINE-TABLE tr:last-child td:first-child{
    box-shadow:none;
}

.AGENT-DOWNLINE-ROW.IS-LOCKED td{
    background:#FEF2F2;
    filter:grayscale(.25);
    opacity:.74;
}

.AGENT-DOWNLINE-ROW.IS-LOCKED td.AGENT-DOWNLINE-SETTING-CELL{
    filter:none;
    opacity:1;
}

.AGENT-DOWNLINE-ROLE-CELL span,
.AGENT-DOWNLINE-ROLE-DRILL{
    display:inline-block;
    min-width:10px;
    padding:0;
    color:#2563EB;
    background:transparent;
    border:0;
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-decoration:underline;
    text-underline-offset:2px;
}

.AGENT-DOWNLINE-ROLE-DRILL{
    cursor:pointer;
}

.AGENT-DOWNLINE-ROLE-DRILL:focus-visible{
    outline:2px solid rgba(37,99,235,.25);
    outline-offset:2px;
    border-radius:4px;
}

.AGENT-DOWNLINE-PERMISSION-FLAG{
    min-width:30px;
    height:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    border-radius:999px;
    border:1px solid #E5E7EB;
    color:#94A3B8;
    background:#F8FAFC;
    font-size:8px;
    font-weight:900;
    line-height:1;
}

.AGENT-DOWNLINE-PERMISSION-FLAG.IS-ON{
    color:#047857;
    background:#DCFCE7;
    border-color:#86EFAC;
}

.AGENT-DOWNLINE-PERMISSION-FLAG.IS-OFF{
    color:#94A3B8;
    background:#F8FAFC;
    border-color:#E5E7EB;
}

.AGENT-DOWNLINE-SETTING{
    width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    cursor:pointer;
}

.AGENT-DOWNLINE-SETTING .material-symbols-rounded{
    font-size:13px;
    line-height:1;
}

.AGENT-DOWNLINE-SETTING[aria-disabled="true"]{
    color:#94A3B8;
    background:#F8FAFC;
    border-color:#E5E7EB;
}

.AGENT-DOWNLINE-SETTINGS-OVERLAY{
    position:fixed;
    inset:0;
    z-index:260;
    width:100%;
    max-width:430px;
    margin:0 auto;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(17,24,39,.48);
    backdrop-filter:blur(7px);
}

.AGENT-DOWNLINE-SETTINGS-OVERLAY[hidden]{
    display:none !important;
}

.AGENT-DOWNLINE-SETTINGS-OVERLAY.IS-ACTIVE{
    display:flex;
}

.AGENT-DOWNLINE-SETTINGS-OVERLAY.IS-COMMISSION-OPEN .AGENT-DOWNLINE-SETTINGS-MODAL,
.AGENT-DOWNLINE-SETTINGS-OVERLAY.IS-TURNOVER-OPEN .AGENT-DOWNLINE-SETTINGS-MODAL,
.AGENT-DOWNLINE-SETTINGS-OVERLAY.IS-TRANSACTION-OPEN .AGENT-DOWNLINE-SETTINGS-MODAL,
.AGENT-DOWNLINE-SETTINGS-OVERLAY.IS-CONFIRM-OPEN .AGENT-DOWNLINE-SETTINGS-MODAL,
.AGENT-DOWNLINE-SETTINGS-OVERLAY.IS-ACCOUNT-ACTION-OPEN .AGENT-DOWNLINE-SETTINGS-MODAL{
    pointer-events:none;
    filter:blur(1px);
    transform:scale(.985);
}

.AGENT-DOWNLINE-SETTINGS-MODAL{
    position:relative;
    width:min(100%, 342px);
    padding:0 14px 14px;
    border-radius:18px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 26px 70px rgba(15,23,42,.28), 0 10px 26px rgba(var(--GOLD_RGB),.14);
    font-family:var(--FONT_FAMILY);
}

.AGENT-DOWNLINE-SETTINGS-OVERLAY.IS-PERMISSION-MODE .AGENT-DOWNLINE-SETTINGS-MODAL{
    padding-bottom:8px;
}

.AGENT-DOWNLINE-SETTINGS-TOP{
    min-height:56px;
    display:grid;
    grid-template-columns:34px minmax(0, 1fr) 28px;
    align-items:center;
    gap:8px;
    margin:0 -14px 10px;
    padding:8px 10px 8px 14px;
    border-bottom:1px solid var(--GOLD_LIGHT_BORDER);
    border-radius:18px 18px 0 0;
    background:#FFFFFF;
}

.AGENT-DOWNLINE-SETTINGS-CLOSE{
    position:static;
    justify-self:end;
    width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border-radius:9px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-SETTINGS-CLOSE .material-symbols-rounded{
    font-size:17px;
    line-height:1;
}

.AGENT-DOWNLINE-SETTINGS-ICON{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    border-radius:12px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.1);
}

.AGENT-DOWNLINE-SETTINGS-ICON .material-symbols-rounded{
    font-size:19px;
    line-height:1;
}

.AGENT-DOWNLINE-SETTINGS-TITLE{
    min-width:0;
}

.AGENT-DOWNLINE-SETTINGS-TITLE h2{
    margin:0;
    padding-right:0;
    color:#1F2937;
    font-family:var(--FONT_FAMILY);
    font-size:15px;
    font-weight:900;
    line-height:1.05;
    text-align:left;
}

.AGENT-DOWNLINE-SETTINGS-TITLE p{
    max-width:none;
    margin:2px 0 0;
    color:#64748B;
    font-family:var(--FONT_FAMILY);
    font-size:9px;
    font-weight:800;
    line-height:1.15;
    text-align:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.AGENT-DOWNLINE-SETTINGS-DETAILS{
    margin-bottom:9px;
}

.AGENT-DOWNLINE-SUMMARY-CARD{
    display:block;
    overflow:hidden;
    border-radius:10px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.AGENT-DOWNLINE-SUMMARY-TABLE{
    width:100%;
    border-top:1px solid #E5E7EB;
    border-bottom:1px solid #E5E7EB;
    border-collapse:collapse;
    table-layout:fixed;
}

.AGENT-DOWNLINE-SUMMARY-TABLE th{
    width:40%;
    padding:6px 10px;
    color:#64748B;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-align:right;
    text-transform:uppercase;
    white-space:nowrap;
    border-right:1px solid #E5E7EB;
}

.AGENT-DOWNLINE-SUMMARY-TABLE td{
    width:60%;
    min-width:0;
    padding:6px 10px;
    vertical-align:middle;
}

.AGENT-DOWNLINE-SUMMARY-TABLE tr + tr th,
.AGENT-DOWNLINE-SUMMARY-TABLE tr + tr td{
    border-top:1px solid #E5E7EB;
}

.AGENT-DOWNLINE-SUMMARY-STATUS{
    text-align:left;
}

.AGENT-DOWNLINE-SUMMARY-BALANCE-TEXT{
    min-width:0;
}

.AGENT-DOWNLINE-SUMMARY-BALANCE-TEXT > span{
    display:block;
    margin-bottom:2px;
    color:#64748B;
    font-size:7px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-SUMMARY-TABLE strong{
    display:block;
    overflow:hidden;
    color:#1F2937;
    font-size:10px;
    font-weight:900;
    line-height:1.2;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-DOWNLINE-SUMMARY-BALANCE{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:8px;
    align-items:end;
    padding:8px 10px 9px;
}

.AGENT-DOWNLINE-SUMMARY-BALANCE strong{
    margin-top:0;
    font-size:20px;
    line-height:.95;
    letter-spacing:0;
}

.AGENT-DOWNLINE-SUMMARY-TRANSFER{
    min-width:74px;
    height:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:0 8px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    border-radius:8px;
    font-family:var(--FONT_FAMILY);
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-SUMMARY-TRANSFER,
.AGENT-DOWNLINE-SUMMARY-TRANSFER.IS-DISABLED,
.AGENT-DOWNLINE-SUMMARY-TRANSFER[aria-disabled="true"]{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-SUMMARY-TRANSFER .material-symbols-rounded{
    font-size:13px;
    line-height:1;
}

.AGENT-DOWNLINE-SUMMARY-TRANSFER.IS-DISABLED,
.AGENT-DOWNLINE-SUMMARY-TRANSFER[aria-disabled="true"]{
    opacity:.48;
    filter:grayscale(.25);
    cursor:not-allowed;
    box-shadow:none;
}

.AGENT-DOWNLINE-SUMMARY-TRANSFER[hidden]{
    display:none !important;
}

.AGENT-DOWNLINE-SETTINGS-ID-LINE{
    min-width:0;
    display:flex !important;
    align-items:center;
    gap:4px;
    margin:0 !important;
}

.AGENT-DOWNLINE-SETTINGS-ID-LINE strong{
    min-width:0;
    flex:1 1 auto;
}

.AGENT-DOWNLINE-SETTINGS-ID-COPY{
    width:12px;
    height:12px;
    flex:0 0 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    color:var(--GOLD2);
    background:transparent;
    border:0;
}

.AGENT-DOWNLINE-SETTINGS-ID-COPY .material-symbols-rounded{
    font-size:10px;
    line-height:1;
}

.AGENT-DOWNLINE-SETTINGS-ID-COPY.IS-COPIED{
    color:#16A34A;
}

.AGENT-DOWNLINE-SETTINGS-PERMISSION,
.AGENT-DOWNLINE-PERMISSION-SETTING,
.AGENT-DOWNLINE-ACCOUNT-SETTING{
    display:grid;
    gap:3px;
    margin:0 0 7px;
    text-align:left;
}

.AGENT-DOWNLINE-SETTINGS-PERMISSION[hidden],
.AGENT-DOWNLINE-PERMISSION-SETTING[hidden],
.AGENT-DOWNLINE-ACCOUNT-SETTING[hidden]{
    display:none !important;
}

.AGENT-DOWNLINE-SETTINGS-PERMISSION span,
.AGENT-DOWNLINE-PERMISSION-SETTING span,
.AGENT-DOWNLINE-ACCOUNT-SETTING span{
    color:var(--GOLD_DARK);
    font-size:12px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-SETTINGS-PERMISSION small,
.AGENT-DOWNLINE-PERMISSION-SETTING small,
.AGENT-DOWNLINE-ACCOUNT-SETTING small{
    color:#64748B;
    font-size:9px;
    font-weight:800;
    line-height:1.25;
}

#AGENT_DOWNLINE_SETTINGS_USERNAME{
    color:#2563EB;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-SUMMARY-STATUS #AGENT_DOWNLINE_SETTINGS_STATUS{
    display:block;
    min-height:0;
    padding:0;
    border-radius:0;
    font-size:10px;
    line-height:1.2;
    text-transform:uppercase;
    background:transparent;
    border:0;
}

#AGENT_DOWNLINE_SETTINGS_STATUS.IS-UNLOCKED,
#AGENT_DOWNLINE_SETTINGS_STATUS.IS-ACTIVE{
    color:#15803D;
    background:transparent;
}

#AGENT_DOWNLINE_SETTINGS_STATUS.IS-BLOCKED{
    color:#DC2626;
    background:transparent;
}

#AGENT_DOWNLINE_SETTINGS_STATUS.IS-INACTIVE{
    color:#64748B;
    background:transparent;
}

#AGENT_DOWNLINE_SETTINGS_BALANCE.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-DOWNLINE-SETTINGS-ACTIONS,
.AGENT-DOWNLINE-PERMISSION-ACTIONS,
.AGENT-DOWNLINE-ACCOUNT-ACTIONS{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:7px;
}

.AGENT-DOWNLINE-SETTINGS-ACTIONS[hidden],
.AGENT-DOWNLINE-PERMISSION-ACTIONS[hidden],
.AGENT-DOWNLINE-ACCOUNT-ACTIONS[hidden]{
    display:none !important;
}

.AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="commission"]{
    grid-column:1;
}

.AGENT-DOWNLINE-PERMISSION-ACTIONS{
    grid-template-columns:1fr;
    gap:6px;
}

.AGENT-DOWNLINE-PERMISSION-ITEM{
    min-height:32px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 10px;
    border-radius:9px;
    color:#94A3B8;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    text-transform:uppercase;
    cursor:pointer;
}

.AGENT-DOWNLINE-PERMISSION-ITEM[hidden]{
    display:none !important;
}

.AGENT-DOWNLINE-PERMISSION-ITEM:has(input:checked){
    color:#047857;
    background:#DCFCE7;
    border-color:#86EFAC;
}

.AGENT-DOWNLINE-PERMISSION-ITEM input{
    width:14px;
    height:14px;
    flex:0 0 14px;
    margin:0;
    accent-color:#16A34A;
    cursor:pointer;
}

.AGENT-DOWNLINE-PERMISSION-ITEM span{
    min-width:0;
    flex:1 1 auto;
}

.AGENT-DOWNLINE-PERMISSION-UPDATE{
    height:30px !important;
    margin-top:2px;
    color:#FFFFFF !important;
    background:var(--GOLD2) !important;
    border-color:var(--GOLD2) !important;
    box-shadow:0 8px 18px rgba(249, 115, 22, .16);
    text-transform:uppercase;
}

.AGENT-DOWNLINE-PERMISSION-UPDATE .material-symbols-rounded{
    font-size:15px;
}

.AGENT-DOWNLINE-PERMISSION-UPDATE:disabled,
.AGENT-DOWNLINE-PERMISSION-UPDATE[aria-disabled="true"]{
    color:#94A3B8 !important;
    background:#F8FAFC !important;
    border-color:#E5E7EB !important;
    box-shadow:none;
    opacity:.68;
    cursor:not-allowed;
}

#AGENT_DOWNLINE_PERMISSION_UPDATE_STATUS{
    min-height:0;
    margin-top:1px;
    margin-bottom:1px;
    padding-left:2px;
    line-height:1.25;
}

#AGENT_DOWNLINE_PERMISSION_UPDATE_STATUS.IS-ACTIVE{
    min-height:10px;
    margin-top:1px;
    margin-bottom:1px;
}

.AGENT-DOWNLINE-SETTINGS-ACTIONS button,
.AGENT-DOWNLINE-PERMISSION-ACTIONS button,
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button{
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 8px;
    border-radius:10px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    font-size:9px;
    font-weight:900;
    line-height:1;
}

.AGENT-DOWNLINE-SETTINGS-ACTIONS button,
.AGENT-DOWNLINE-PERMISSION-ACTIONS button,
.AGENT-DOWNLINE-SETTINGS-ACTIONS button.IS-DANGER,
.AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="enable-gateway"],
.AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="enable-gateway"].IS-DISABLE-GATEWAY,
.AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="enable-daily-commission"],
.AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="enable-daily-commission"].IS-DISABLE-DAILY-COMMISSION,
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button,
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button.IS-DANGER,
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button[data-downline-account-action="create-downline"],
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button[data-downline-account-action="change-status"],
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button[data-downline-account-action="change-password"]{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-SETTINGS-ACTIONS button .material-symbols-rounded,
.AGENT-DOWNLINE-PERMISSION-ACTIONS button .material-symbols-rounded,
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button .material-symbols-rounded{
    font-size:15px;
    line-height:1;
}

.AGENT-DOWNLINE-SETTINGS-OVERLAY.IS-SUB-ACCOUNT-CONTEXT .AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="permission"]{
    grid-column:1 / -1;
}

.AGENT-DOWNLINE-SETTINGS-ACTIONS button.IS-DISABLED,
.AGENT-DOWNLINE-SETTINGS-ACTIONS button[aria-disabled="true"],
.AGENT-DOWNLINE-PERMISSION-ACTIONS button.IS-DISABLED,
.AGENT-DOWNLINE-PERMISSION-ACTIONS button[aria-disabled="true"],
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button.IS-DISABLED,
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button[aria-disabled="true"]{
    opacity:.52;
    filter:grayscale(.25);
    cursor:not-allowed;
    box-shadow:none;
}

.AGENT-DOWNLINE-PERMISSION-ACTIONS strong{
    min-width:30px;
    height:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:2px;
    padding:0 5px;
    border-radius:999px;
    color:#94A3B8;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-size:8px;
    font-weight:900;
    line-height:1;
}

.AGENT-DOWNLINE-PERMISSION-ACTIONS strong.IS-ON{
    color:#047857;
    background:#DCFCE7;
    border-color:#86EFAC;
}

.AGENT-DOWNLINE-PERMISSION-ACTIONS strong.IS-OFF{
    color:#94A3B8;
    background:#F8FAFC;
    border-color:#E5E7EB;
}

.AGENT-DOWNLINE-SETTINGS-ACTIONS button.IS-DANGER,
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button.IS-DANGER{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="enable-gateway"]{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="enable-gateway"].IS-DISABLE-GATEWAY{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="enable-daily-commission"]{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="enable-daily-commission"].IS-DISABLE-DAILY-COMMISSION{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-ACCOUNT-SETTING{
    margin-top:10px;
}

.AGENT-DOWNLINE-ACCOUNT-ACTIONS button[data-downline-account-action="create-downline"]{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-ACCOUNT-ACTIONS button[data-downline-account-action="change-status"]{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-ACCOUNT-ACTIONS button[data-downline-account-action="change-password"]{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-SETTINGS-ACTIONS button,
.AGENT-DOWNLINE-PERMISSION-ACTIONS button,
.AGENT-DOWNLINE-SETTINGS-ACTIONS button.IS-DANGER,
.AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="enable-gateway"],
.AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="enable-gateway"].IS-DISABLE-GATEWAY,
.AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="enable-daily-commission"],
.AGENT-DOWNLINE-SETTINGS-ACTIONS button[data-downline-setting-action="enable-daily-commission"].IS-DISABLE-DAILY-COMMISSION,
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button,
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button.IS-DANGER,
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button[data-downline-account-action="create-downline"],
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button[data-downline-account-action="change-status"],
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button[data-downline-account-action="change-password"],
.AGENT-DOWNLINE-ACCOUNT-ACTIONS button[data-downline-account-action="delete-account"]{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-SETTINGS-EMPTY{
    grid-column:1 / -1;
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:9px 10px;
    border:1px dashed #CBD5E1;
    border-radius:10px;
    color:#64748B;
    background:#F8FAFC;
    font-size:9px;
    font-weight:900;
    line-height:1.25;
    text-align:center;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-SETTINGS-EMPTY[hidden]{
    display:none;
}

.AGENT-DOWNLINE-ACCOUNT-ACTION-MODAL{
    position:absolute;
    top:50%;
    left:50%;
    z-index:4;
    width:min(100%, 342px);
    padding:0 14px 11px;
    border-radius:18px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 28px 76px rgba(15,23,42,.32), 0 12px 30px rgba(var(--GOLD_RGB),.17);
    transform:translate(-50%, -50%);
    font-family:var(--FONT_FAMILY);
}

.AGENT-DOWNLINE-ACCOUNT-ACTION-MODAL[hidden]{
    display:none !important;
}

.AGENT-DOWNLINE-ACCOUNT-ACTION-MODAL .AGENT-DOWNLINE-SETTINGS-TOP{
    margin-bottom:9px;
}

.AGENT-DOWNLINE-ACCOUNT-ACTION-BODY{
    display:grid;
    gap:9px;
}

.AGENT-DOWNLINE-ACCOUNT-ACTION-MODAL .AGENT-DOWNLINE-SUMMARY-TABLE th{
    padding:5px 9px;
    font-size:7px;
}

.AGENT-DOWNLINE-ACCOUNT-ACTION-MODAL .AGENT-DOWNLINE-SUMMARY-TABLE td{
    padding:5px 9px;
    font-size:11px;
    font-weight:800;
    line-height:1;
}

.AGENT-DOWNLINE-DELETE-NOTICE{
    display:grid;
    grid-template-columns:22px minmax(0, 1fr);
    align-items:center;
    gap:7px;
    padding:8px;
    border-radius:10px;
    color:#DC2626;
    background:#FEF2F2;
    border:1px solid #FCA5A5;
}

.AGENT-DOWNLINE-DELETE-NOTICE[hidden]{
    display:none !important;
}

.AGENT-DOWNLINE-DELETE-NOTICE .material-symbols-rounded{
    width:22px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    color:#DC2626;
    background:#FFFFFF;
    border:1px solid #FCA5A5;
    font-size:15px;
}

.AGENT-DOWNLINE-DELETE-NOTICE p{
    margin:0;
    color:#B91C1C;
    font-size:8px;
    font-weight:900;
    line-height:1.25;
}

.AGENT-DOWNLINE-CREATE-FORM{
    display:grid;
    gap:7px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.ACCOUNT-PASSWORD-FORM.AGENT-DOWNLINE-CREATE-FORM{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.AGENT-DOWNLINE-CREATE-FORM[hidden]{
    display:none;
}

.AGENT-DOWNLINE-CREATE-TARGETS{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:7px;
}

.AGENT-DOWNLINE-CREATE-TARGETS[hidden]{
    display:none;
}

.AGENT-DOWNLINE-CREATE-TARGETS button{
    height:30px;
    min-height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:10px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-CREATE-TARGETS button.IS-ACTIVE{
    color:#FFFFFF;
    background:linear-gradient(135deg, var(--GOLD2), var(--GOLD));
    border-color:var(--GOLD2);
}

.AGENT-DOWNLINE-CREATE-FORM .PASSWORD-RULES{
    gap:3px;
    margin:-2px 2px 0;
}

.AGENT-DOWNLINE-CREATE-FORM .PASSWORD-RULE{
    font-size:8px;
    line-height:1.15;
}

.AGENT-DOWNLINE-CREATE-FORM .LOGIN-FIELD{
    gap:0;
}

.AGENT-DOWNLINE-CREATE-FORM .LOGIN-FIELD label{
    margin:0 0 -1px;
    font-size:9px;
    line-height:1;
}

.AGENT-DOWNLINE-CREATE-FORM .LOGIN-INPUT{
    box-sizing:border-box;
    height:30px;
    min-height:30px;
    max-height:30px;
    padding:0 36px 0 28px;
    border-radius:9px;
    font-size:10px;
    line-height:30px;
}

.AGENT-DOWNLINE-CREATE-FORM .LOGIN-FIELD-ICON{
    top:50%;
    left:9px;
    font-size:16px;
    line-height:1;
    transform:translateY(-50%);
}

.AGENT-DOWNLINE-CREATE-FORM .LOGIN-PASSWORD-TOGGLE{
    top:50%;
    right:3px;
    width:30px;
    height:30px;
    transform:translateY(-50%);
}

.AGENT-DOWNLINE-CREATE-FORM .LOGIN-PASSWORD-TOGGLE .material-symbols-rounded{
    font-size:17px;
}

.AGENT-DOWNLINE-CREATE-FORM .AGENT-CREATE-ACCOUNT-SUBMIT{
    box-sizing:border-box;
    height:30px;
    min-height:30px;
    max-height:30px;
    padding:0 10px;
    border-radius:10px;
    font-size:9px;
    line-height:30px;
}

.AGENT-DOWNLINE-STATUS-FORM{
    display:grid;
    gap:8px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.AGENT-DOWNLINE-STATUS-FORM[hidden]{
    display:none;
}

.AGENT-DOWNLINE-STATUS-INCLUDE{
    display:grid;
    grid-template-columns:auto minmax(0, 1fr);
    gap:8px;
    align-items:start;
    padding:8px 10px;
    border-radius:10px;
    color:#1F2937;
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    cursor:pointer;
}

.AGENT-DOWNLINE-STATUS-INCLUDE input{
    width:15px;
    height:15px;
    margin:1px 0 0;
    accent-color:var(--GOLD2);
}

.AGENT-DOWNLINE-STATUS-INCLUDE strong{
    display:block;
    color:var(--GOLD_DARK);
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-STATUS-INCLUDE small{
    display:block;
    margin-top:3px;
    color:#64748B;
    font-size:8px;
    font-weight:800;
    line-height:1.25;
}

.AGENT-DOWNLINE-STATUS-NOTE{
    margin:-2px 1px 0;
    color:#64748B;
    font-size:8px;
    font-weight:800;
    line-height:1.25;
    text-align:left;
}

.AGENT-DOWNLINE-STATUS-SUBMIT{
    height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 10px;
    border-radius:10px;
    color:#FFFFFF;
    background:linear-gradient(135deg, var(--GOLD2), var(--GOLD));
    border:1px solid var(--GOLD2);
    font-family:var(--FONT_FAMILY);
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-STATUS-SUBMIT .material-symbols-rounded{
    font-size:15px;
    line-height:1;
}

.AGENT-DOWNLINE-STATUS-SUBMIT:disabled{
    opacity:.65;
    cursor:not-allowed;
}

#AGENT_DOWNLINE_STATUS_STATUS{
    margin-top:0;
}

.AGENT-DOWNLINE-ACCOUNT-ACTION-ACTIONS{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}

.AGENT-DOWNLINE-ACCOUNT-ACTION-ACTIONS[hidden]{
    display:none;
}

.AGENT-DOWNLINE-ACCOUNT-ACTION-ACTIONS button{
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 10px;
    border-radius:10px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    font-size:9px;
    font-weight:900;
    line-height:1;
}

.AGENT-DOWNLINE-ACCOUNT-ACTION-ACTIONS button .material-symbols-rounded{
    font-size:15px;
    line-height:1;
}

.AGENT-DOWNLINE-ACCOUNT-ACTION-ACTIONS #AGENT_DOWNLINE_ACCOUNT_ACTION_CANCEL{
    color:#64748B;
    background:#F8FAFC;
    border-color:#CBD5E1;
}

#AGENT_DOWNLINE_ACCOUNT_ACTION_STATUS{
    margin-top:0;
    font-size:8px;
    line-height:1.15;
}

#AGENT_DOWNLINE_ACCOUNT_ACTION_STATUS:empty{
    display:none;
}

.AGENT-DOWNLINE-COMMISSION-MODAL{
    position:absolute;
    top:50%;
    left:50%;
    z-index:4;
    width:min(calc(100% - 36px), 318px);
    padding:18px 14px 14px;
    border-radius:18px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 28px 76px rgba(15,23,42,.32), 0 12px 30px rgba(var(--GOLD_RGB),.17);
    transform:translate(-50%, -50%);
    font-family:var(--FONT_FAMILY);
}

.AGENT-DOWNLINE-COMMISSION-MODAL[hidden]{
    display:none !important;
}

.AGENT-DOWNLINE-COMMISSION-CLOSE{
    position:absolute;
    top:10px;
    right:10px;
    width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border-radius:10px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-COMMISSION-CLOSE .material-symbols-rounded{
    font-size:17px;
    line-height:1;
}

.AGENT-DOWNLINE-COMMISSION-ICON{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 8px;
    border-radius:14px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-COMMISSION-ICON .material-symbols-rounded{
    font-size:23px;
    line-height:1;
}

.AGENT-DOWNLINE-COMMISSION-MODAL h3{
    margin:0;
    color:#1F2937;
    font-family:var(--FONT_FAMILY);
    font-size:16px;
    font-weight:900;
    line-height:1.15;
    text-align:center;
}

.AGENT-DOWNLINE-COMMISSION-MODAL p{
    max-width:230px;
    margin:5px auto 12px;
    color:#64748B;
    font-family:var(--FONT_FAMILY);
    font-size:10px;
    font-weight:800;
    line-height:1.3;
    text-align:center;
}

.AGENT-DOWNLINE-COMMISSION-MODAL p strong{
    color:#2563EB;
}

.AGENT-DOWNLINE-COMMISSION-LABEL-ROW{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:5px;
}

.AGENT-DOWNLINE-COMMISSION-MODAL label{
    display:block;
    margin:0;
    color:#374151;
    font-family:var(--FONT_FAMILY);
    font-size:9px;
    font-weight:900;
}

.AGENT-DOWNLINE-COMMISSION-CURRENT{
    flex:0 0 auto;
    color:#64748B;
    font-family:var(--FONT_FAMILY);
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-COMMISSION-CURRENT strong{
    color:var(--GOLD2);
    font-size:9px;
}

.AGENT-DOWNLINE-COMMISSION-INPUT{
    height:36px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 11px;
    border-radius:10px;
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-COMMISSION-INPUT input{
    min-width:0;
    flex:1 1 auto;
    height:100%;
    padding:0;
    color:#1F2937;
    background:transparent;
    border:0;
    outline:0;
    font-family:var(--FONT_FAMILY);
    font-size:13px;
    font-weight:900;
}

.AGENT-DOWNLINE-COMMISSION-INPUT span{
    color:var(--GOLD2);
    font-family:var(--FONT_FAMILY);
    font-size:12px;
    font-weight:900;
}

.AGENT-DOWNLINE-COMMISSION-NOTE{
    max-width:none !important;
    margin:7px 2px 0 !important;
    color:var(--GOLD_DARK) !important;
    font-family:var(--FONT_FAMILY);
    font-size:9px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    text-align:left !important;
}

.AGENT-DOWNLINE-COMMISSION-ACTIONS{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:11px;
}

.AGENT-DOWNLINE-COMMISSION-ACTIONS button{
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 10px;
    border-radius:10px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    font-family:var(--FONT_FAMILY);
    font-size:9px;
    font-weight:900;
}

.AGENT-DOWNLINE-COMMISSION-ACTIONS button[type="submit"]{
    color:#FFFFFF;
    background:var(--GOLD);
    border-color:var(--GOLD2);
}

.AGENT-DOWNLINE-COMMISSION-ACTIONS #AGENT_DOWNLINE_CONFIRM_SUBMIT{
    color:#FFFFFF;
    background:var(--GOLD);
    border-color:var(--GOLD2);
}

.AGENT-DOWNLINE-CONFIRM-MODAL.IS-DISABLE-GATEWAY .AGENT-DOWNLINE-COMMISSION-ACTIONS #AGENT_DOWNLINE_CONFIRM_SUBMIT{
    color:#FFFFFF;
    background:#DC2626;
    border-color:#B91C1C;
}

.AGENT-DOWNLINE-CONFIRM-MODAL.IS-DISABLE-DAILY-COMMISSION .AGENT-DOWNLINE-COMMISSION-ACTIONS #AGENT_DOWNLINE_CONFIRM_SUBMIT{
    color:#FFFFFF;
    background:#DC2626;
    border-color:#B91C1C;
}

.AGENT-DOWNLINE-CONFIRM-MODAL.IS-DELETE-ACCOUNT .AGENT-DOWNLINE-COMMISSION-ACTIONS #AGENT_DOWNLINE_CONFIRM_SUBMIT{
    color:#FFFFFF;
    background:#DC2626;
    border-color:#B91C1C;
}

.AGENT-DOWNLINE-COMMISSION-ACTIONS button[type="submit"].IS-DANGER{
    color:#FFFFFF;
    background:#DC2626;
    border-color:#B91C1C;
}

.AGENT-DOWNLINE-TURNOVER-MODAL .AGENT-DOWNLINE-COMMISSION-ICON{
    color:#DC2626;
    background:#FEF2F2;
    border-color:#FECACA;
}

.AGENT-DOWNLINE-TRANSACTION-MODAL .AGENT-DOWNLINE-COMMISSION-ICON{
    color:var(--GOLD2);
    background:#FFF7ED;
    border-color:#FDBA74;
}

.AGENT-DOWNLINE-TRANSACTION-SWITCH{
    height:36px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px;
    margin-bottom:10px;
    padding:4px;
    border-radius:12px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.AGENT-DOWNLINE-TRANSACTION-SWITCH button{
    min-width:0;
    height:100%;
    padding:0 8px;
    border-radius:9px;
    color:#64748B;
    background:transparent;
    border:0;
    font-family:var(--FONT_FAMILY);
    font-size:9px;
    font-weight:900;
}

.AGENT-DOWNLINE-TRANSACTION-SWITCH button.IS-ACTIVE{
    color:#FFFFFF;
    background:var(--GOLD);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.22);
}

.AGENT-DOWNLINE-CONFIRM-MODAL .AGENT-DOWNLINE-COMMISSION-ICON{
    color:#2563EB;
    background:#EFF6FF;
    border-color:#BFDBFE;
}

.AGENT-DOWNLINE-CONFIRM-MODAL.IS-DISABLE-GATEWAY .AGENT-DOWNLINE-COMMISSION-ICON{
    color:#DC2626;
    background:#FEF2F2;
    border-color:#FECACA;
}

.AGENT-DOWNLINE-CONFIRM-MODAL.IS-DISABLE-DAILY-COMMISSION .AGENT-DOWNLINE-COMMISSION-ICON{
    color:#DC2626;
    background:#FEF2F2;
    border-color:#FECACA;
}

.AGENT-DOWNLINE-CONFIRM-MODAL.IS-COMMISSION .AGENT-DOWNLINE-COMMISSION-ICON{
    color:#15803D;
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.AGENT-DOWNLINE-CONFIRM-MODAL.IS-COMMISSION.IS-DISABLE-DAILY-COMMISSION .AGENT-DOWNLINE-COMMISSION-ICON{
    color:#DC2626;
    background:#FEF2F2;
    border-color:#FECACA;
}

.AGENT-DOWNLINE-CONFIRM-BOX{
    display:grid;
    gap:5px;
    margin:0 0 10px;
    padding:10px;
    border-radius:12px;
    background:#FFF7ED;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    text-align:left;
}

.AGENT-DOWNLINE-CONFIRM-BOX span{
    color:var(--GOLD_DARK);
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-CONFIRM-BOX strong{
    color:#7C2D12;
    font-size:10px;
    font-weight:900;
    line-height:1.35;
}

.AGENT-DOWNLINE-TURNOVER-SUMMARY{
    margin:0 0 10px;
    padding:8px;
    gap:6px;
}

.AGENT-DOWNLINE-TURNOVER-SUMMARY .CASHIER-TURNOVER-HEAD strong{
    min-width:68px;
}

.AGENT-DOWNLINE-TURNOVER-SUMMARY .CASHIER-TURNOVER-GRID{
    gap:5px;
}

.AGENT-DOWNLINE-TURNOVER-SUMMARY .CASHIER-TURNOVER-GRID div{
    padding:6px 5px;
}

.AGENT-DOWNLINE-COMMISSION-ACTIONS .material-symbols-rounded{
    font-size:14px;
    line-height:1;
}

.AGENT-DOWNLINE-COMMISSION-STATUS{
    min-height:0;
    margin-top:8px;
    color:#64748B;
    font-size:9px;
    font-weight:900;
    line-height:1.25;
    text-align:left;
}

.AGENT-DOWNLINE-COMMISSION-STATUS.IS-LOADING{
    color:var(--GOLD2);
}

.AGENT-DOWNLINE-COMMISSION-STATUS.IS-SUCCESS{
    color:#16A34A;
}

.AGENT-DOWNLINE-COMMISSION-STATUS.IS-ERROR{
    color:#DC2626;
}

.AGENT-DOWNLINE-IDENTITY{
    min-width:0;
    min-height:25px;
    display:grid;
    align-content:center;
    gap:3px;
    max-width:100%;
}

.AGENT-DOWNLINE-NAME-LINE{
    min-width:0;
    max-width:100%;
    display:flex;
    align-items:center;
    gap:4px;
}

.AGENT-DOWNLINE-NAME-LINE strong,
.AGENT-DOWNLINE-NAME-DRILL{
    min-width:0;
    display:block;
    flex:0 1 auto;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#2563EB;
    font-size:10px;
    line-height:1.1;
}

.AGENT-DOWNLINE-NAME-DRILL{
    padding:0;
    background:transparent;
    border:0;
    font-weight:900;
    text-align:left;
    cursor:pointer;
}

.AGENT-DOWNLINE-NAME-DRILL:focus-visible{
    outline:2px solid rgba(37,99,235,.25);
    outline-offset:2px;
    border-radius:4px;
}

.AGENT-DOWNLINE-LOCK{
    width:14px;
    height:14px;
    flex:0 0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#64748B;
}

.AGENT-DOWNLINE-LOCK .material-symbols-rounded{
    font-size:12px;
    line-height:1;
}

.AGENT-DOWNLINE-LOCK.IS-UNLOCKED,
.AGENT-DOWNLINE-LOCK.IS-ACTIVE{
    color:#64748B;
}

.AGENT-DOWNLINE-LOCK.IS-BLOCKED{
    color:#DC2626;
}

.AGENT-DOWNLINE-LOCK.IS-INACTIVE{
    color:#94A3B8;
}

.AGENT-DOWNLINE-TAG{
    width:17px;
    height:13px;
    flex:0 0 17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    font-size:7px;
    font-weight:900;
    line-height:1;
}

.AGENT-DOWNLINE-TAG.IS-PLAYER{
    color:#2563EB;
    background:#EFF6FF;
    border-color:#BFDBFE;
}

.AGENT-DOWNLINE-TAG.IS-AGENT{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-DOWNLINE-TAG.IS-MASTER{
    color:#7C3AED;
    background:#F5F3FF;
    border-color:#C4B5FD;
}

.AGENT-DOWNLINE-TAG.IS-SENIOR{
    color:#0891B2;
    background:#ECFEFF;
    border-color:#A5F3FC;
}

.AGENT-DOWNLINE-TAG.IS-FINANCE{
    color:#15803D;
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.AGENT-DOWNLINE-TAG.IS-REGIONAL{
    color:#0F766E;
    background:#F0FDFA;
    border-color:#99F6E4;
}

.AGENT-DOWNLINE-TAG.IS-SUBAGENT{
    color:#CA8A04;
    background:#FEFCE8;
    border-color:#FDE68A;
}

.AGENT-DOWNLINE-TAG.IS-OWNER,
.AGENT-DOWNLINE-TAG.IS-SUB-OWNER{
    color:#C026D3;
    background:#FAE8FF;
    border-color:#F0ABFC;
}

.AGENT-DOWNLINE-ID-LINE{
    min-width:0;
    display:inline-flex;
    align-items:center;
    gap:4px;
    max-width:100%;
}

.AGENT-DOWNLINE-PERCENT-LINE{
    min-width:0;
    display:inline-flex;
    align-items:center;
    max-width:100%;
}

.AGENT-DOWNLINE-ID-TEXT{
    overflow:hidden;
    color:#64748B;
    font-size:7px;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-DOWNLINE-PERCENT-TEXT{
    overflow:hidden;
    color:#64748B;
    font-size:8px;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-DOWNLINE-PERCENT-TEXT mark{
    padding:1px 3px;
    border-radius:5px;
    color:var(--GOLD2);
    background:var(--CARD2);
    font-weight:900;
}

.AGENT-DOWNLINE-PERCENT-TEXT.IS-MANUAL{
    color:#94A3B8;
    letter-spacing:0;
}

.AGENT-DOWNLINE-BALANCE.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-DOWNLINE-STATUS{
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    min-height:20px;
    padding:0 7px;
    border-radius:999px;
    color:#64748B;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-STATUS .material-symbols-rounded{
    flex:0 0 auto;
    font-size:11px;
    line-height:1;
}

.AGENT-DOWNLINE-STATUS.IS-ACTIVE{
    color:#15803D;
    background:#DCFCE7;
    border-color:#86EFAC;
}

.AGENT-DOWNLINE-STATUS.IS-INACTIVE{
    color:#6B7280;
    background:#F3F4F6;
    border-color:#E5E7EB;
}

.AGENT-DOWNLINE-STATUS.IS-UNLOCKED{
    color:#64748B;
    background:#F8FAFC;
    border-color:#E5E7EB;
}

.AGENT-DOWNLINE-STATUS.IS-BLOCKED{
    color:#DC2626;
    background:#FEF2F2;
    border-color:#FECACA;
}

.AGENT-DOWNLINE-PLACEHOLDER{
    padding:9px 10px;
    color:#64748B;
    background:#FFFFFF;
    font-size:10px;
    font-weight:800;
    line-height:1.4;
    text-align:center !important;
}

.AGENT-DOWNLINE-PLACEHOLDER.IS-LOADING{
    color:#64748B;
}

.AGENT-DOWNLINE-PLACEHOLDER.IS-ERROR{
    color:#DC2626;
}

.AGENT-DOWNLINE-PAGER{
    display:grid;
    grid-template-columns:52px 98px 52px 58px 56px;
    gap:6px;
    align-items:center;
    justify-content:end;
}

.AGENT-DOWNLINE-PAGER-BTN,
.AGENT-DOWNLINE-SELECT{
    width:100%;
    height:30px;
    border-radius:10px;
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    font-family:'Geist Mono', monospace;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-align:center;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-SELECT{
    position:relative;
    overflow:hidden;
}

.AGENT-DOWNLINE-PAGER-BTN{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    cursor:pointer;
}

.AGENT-DOWNLINE-SELECT select{
    width:100%;
    height:100%;
    padding:0 23px 0 8px;
    color:inherit;
    background:transparent;
    border:0;
    outline:0;
    border-radius:10px;
    font:inherit;
    line-height:1;
    text-align:center;
    text-transform:uppercase;
    appearance:none;
    -webkit-appearance:none;
}

.AGENT-DOWNLINE-SELECT .material-symbols-rounded{
    position:absolute;
    top:50%;
    right:7px;
    color:var(--GOLD2);
    font-size:16px;
    line-height:1;
    pointer-events:none;
    transform:translateY(-50%);
}

.AGENT-DOWNLINE-PAGE-COUNT{
    width:100%;
    height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#64748B;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    border-radius:10px;
    font-family:'Geist Mono', monospace;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-DOWNLINE-PAGER-BTN:disabled,
.AGENT-DOWNLINE-PAGER-BTN[aria-disabled="true"]{
    cursor:not-allowed;
    color:#9CA3AF;
    background:#F8FAFC;
    border-color:#E5E7EB;
}

.AGENT-COMMISSION-PANEL{
    width:100%;
    display:grid;
    gap:11px;
    padding:0;
    text-align:left;
}

.AGENT-COMMISSION-SUMMARY{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(96px, auto);
    align-items:stretch;
    gap:8px;
    padding:10px;
    border-radius:14px;
    background:
        linear-gradient(135deg, rgba(245,243,255,.96), rgba(255,255,255,.98) 56%, rgba(237,233,254,.92));
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:
        0 12px 24px rgba(var(--GOLD_RGB),.10),
        inset 0 1px 0 rgba(255,255,255,.82);
}

.AGENT-COMMISSION-MAIN{
    min-width:0;
    display:grid;
    align-content:center;
    gap:6px;
    padding:8px 10px;
    border-radius:12px;
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
}

.AGENT-COMMISSION-MAIN span{
    color:var(--GOLD_DARK);
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-COMMISSION-MAIN strong{
    display:block;
    overflow:hidden;
    color:#1F2937;
    font-size:18px;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-COMMISSION-ACTION{
    display:grid;
    align-content:center;
    justify-items:end;
    gap:8px;
    padding:8px;
    border-radius:12px;
    background:#F0FDF4;
    border:1px solid #BBF7D0;
}

.AGENT-COMMISSION-ACTION strong{
    width:100%;
    min-width:80px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:999px;
    color:#15803D;
    background:#DCFCE7;
    border:1px solid #86EFAC;
    font-size:10px;
    font-weight:900;
    line-height:1;
}

.AGENT-COMMISSION-CLAIM{
    width:100%;
    min-width:80px;
    height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border-radius:10px;
    color:#FFFFFF;
    background:var(--GOLD);
    border:1px solid var(--GOLD2);
    font-family:'Geist Mono', monospace;
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    cursor:pointer;
    box-shadow:0 8px 16px rgba(var(--GOLD_RGB),.16);
}

.AGENT-COMMISSION-TOTALS{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0, 1fr) 96px;
    align-items:center;
    gap:10px;
    padding:13px 14px;
    border-radius:16px;
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 12px 26px rgba(var(--GOLD_RGB),.08);
}

.AGENT-COMMISSION-TOTAL-MAIN,
.AGENT-COMMISSION-TOTAL-COUNT{
    min-width:0;
    display:grid;
    align-content:center;
    gap:6px;
    justify-items:stretch;
}

.AGENT-COMMISSION-TOTAL-MAIN span,
.AGENT-COMMISSION-TOTAL-COUNT span{
    color:var(--GOLD_DARK);
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-COMMISSION-TOTAL-MAIN strong{
    overflow:hidden;
    color:#1F2937;
    font-size:19px;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-COMMISSION-TOTAL-COUNT strong{
    width:100%;
    min-width:0;
    height:auto;
    display:block;
    padding:0;
    color:var(--GOLD_DARK);
    background:transparent;
    border:0;
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-align:center;
    text-transform:uppercase;
    white-space:nowrap;
}

.AGENT-COMMISSION-LOGS-BTN{
    width:100%;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:9px;
    color:#FFFFFF;
    background:var(--GOLD);
    border:1px solid var(--GOLD2);
    font-family:var(--FONT_FAMILY);
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    cursor:pointer;
    box-shadow:0 8px 16px rgba(var(--GOLD_RGB),.16);
}

.AGENT-COMMISSION-LOGS-BTN:focus-visible{
    outline:2px solid var(--GOLD_LIGHT);
    outline-offset:2px;
}

.AGENT-COMMISSION-CLAIM{
    width:100%;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:9px;
    color:#FFFFFF;
    background:#16A34A;
    border:1px solid #15803D;
    font-family:'Geist Mono', monospace;
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    cursor:pointer;
    box-shadow:0 8px 16px rgba(22,163,74,.16);
}

.AGENT-COMMISSION-CLAIM:disabled,
.AGENT-COMMISSION-CLAIM[aria-disabled="true"]{
    cursor:not-allowed;
    color:#FFFFFF;
    background:#16A34A;
    border-color:#15803D;
    filter:grayscale(.42);
    opacity:.66;
    box-shadow:none;
}

.AGENT-COMMISSION-TOTAL-MAIN strong.IS-NEGATIVE,
.AGENT-COMMISSION-TOTAL-COUNT strong.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-COMMISSION-FILTERS,
.AGENT-WINLOSS-FILTERS,
.AGENT-TRANSACTION-FILTERS,
.AGENT-STATISTIC-FILTERS{
    width:100%;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:5px;
    padding:3px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.AGENT-COMMISSION-FILTER,
.AGENT-WINLOSS-FILTER,
.AGENT-TRANSACTION-FILTER,
.AGENT-STATISTIC-FILTER{
    min-width:0;
    min-height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 4px;
    border-radius:10px;
    color:#6B7280;
    background:transparent;
    border:0;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    text-align:center;
    text-transform:uppercase;
    white-space:nowrap;
}

.AGENT-COMMISSION-FILTER.IS-ACTIVE,
.AGENT-WINLOSS-FILTER.IS-ACTIVE,
.AGENT-TRANSACTION-FILTER.IS-ACTIVE,
.AGENT-STATISTIC-FILTER.IS-ACTIVE{
    color:#FFFFFF;
    background:var(--GOLD);
    box-shadow:0 2px 7px rgba(var(--GOLD_RGB),.18);
}

.AGENT-WINLOSS-FILTER,
.AGENT-TRANSACTION-FILTER{
    font-size:10px !important;
}

.AGENT-WINLOSS-PANEL{
    display:grid;
    gap:11px;
    padding:0;
    text-align:left;
}

.AGENT-WINLOSS-PANEL[data-winloss-view="network"]{
    gap:10px;
}

.AGENT-WINLOSS-PANEL:not([data-winloss-view="network"]) .AGENT-WINLOSS-PROVIDER-GROUP{
    display:none;
}

.AGENT-WINLOSS-DATE-GROUP,
.AGENT-TRANSACTION-DATE-GROUP{
    width:100%;
    min-width:0;
}

.AGENT-WINLOSS-SEARCH-GROUP,
.AGENT-TRANSACTION-SEARCH-GROUP{
    width:100%;
    min-width:0;
}

.AGENT-WINLOSS-DATE-CONTROLS,
.AGENT-TRANSACTION-DATE-CONTROLS{
    display:grid;
    gap:10px;
}

.AGENT-WINLOSS-DATE-LABEL,
.AGENT-TRANSACTION-DATE-LABEL{
    margin-bottom:5px;
    color:#6B7280;
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-WINLOSS-PROVIDER-GROUP{
    display:grid;
}

.AGENT-WINLOSS-PROVIDER-ACCORDION-TOGGLE{
    width:100%;
    height:34px;
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 12px;
    border:1px solid #E5E7EB;
    border-radius:9px;
    color:#6B7280;
    background:#FFFFFF;
    box-shadow:0 2px 7px rgba(17,24,39,.05);
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-align:left;
    text-transform:uppercase;
    cursor:pointer;
}

.AGENT-WINLOSS-PROVIDER-ACCORDION-TOGGLE .material-symbols-rounded{
    color:var(--GOLD);
    font-size:18px;
    line-height:1;
    transition:transform .18s ease;
}

.AGENT-WINLOSS-PROVIDER-LABEL-TEXT{
    color:#6B7280;
}

.AGENT-WINLOSS-PROVIDER-LABEL-TYPE{
    color:var(--GOLD2);
}

.AGENT-WINLOSS-PROVIDER-GROUP.IS-OPEN .AGENT-WINLOSS-PROVIDER-ACCORDION-TOGGLE{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

.AGENT-WINLOSS-PROVIDER-GROUP.IS-OPEN .AGENT-WINLOSS-PROVIDER-ACCORDION-TOGGLE .material-symbols-rounded{
    transform:rotate(180deg);
}

.AGENT-WINLOSS-PROVIDER-ACCORDION-BODY{
    display:grid;
    gap:8px;
    padding:10px;
    border:1px solid #E5E7EB;
    border-top:0;
    border-radius:0 0 9px 9px;
    background:#FFFFFF;
}

.AGENT-WINLOSS-PROVIDER-ACCORDION-BODY[hidden]{
    display:none;
}

.AGENT-WINLOSS-PROVIDER-TYPES{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:6px;
}

.AGENT-WINLOSS-PROVIDER-FILTERS{
    width:100%;
    min-width:0;
    max-height:154px;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:6px;
    overflow:auto;
    scrollbar-width:thin;
}

.AGENT-WINLOSS-PROVIDER-FILTER-LABEL{
    margin-bottom:5px;
    color:#6B7280;
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-WINLOSS-PROVIDER-TYPE-BTN,
.AGENT-WINLOSS-PROVIDER-BTN{
    box-sizing:border-box;
    height:30px;
    min-height:30px;
    max-height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 9px;
    border-radius:9px;
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    box-shadow:0 2px 7px rgba(17,24,39,.05);
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-align:center;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:pointer;
}

.AGENT-WINLOSS-PROVIDER-BTN{
    justify-content:flex-start;
    gap:7px;
}

.AGENT-WINLOSS-PROVIDER-CHECK{
    width:14px;
    min-width:14px;
    height:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #CBD5E1;
    border-radius:4px;
    color:transparent;
    background:#FFFFFF;
}

.AGENT-WINLOSS-PROVIDER-CHECK .material-symbols-rounded{
    font-size:12px;
    line-height:1;
}

.AGENT-WINLOSS-PROVIDER-TYPE-BTN.IS-ACTIVE,
.AGENT-WINLOSS-PROVIDER-TYPE-BTN[aria-selected="true"]{
    color:#FFFFFF;
    background:var(--GOLD);
    border-color:var(--GOLD);
    box-shadow:0 2px 7px rgba(var(--GOLD_RGB),.18);
}

.AGENT-WINLOSS-PROVIDER-BTN.IS-ACTIVE,
.AGENT-WINLOSS-PROVIDER-BTN[aria-checked="true"]{
    color:var(--GOLD2);
    background:#FFFFFF;
    border-color:#E5E7EB;
    box-shadow:0 2px 7px rgba(17,24,39,.05);
}

.AGENT-WINLOSS-PROVIDER-BTN.IS-ACTIVE:not(.IS-ALL),
.AGENT-WINLOSS-PROVIDER-BTN[aria-checked="true"]:not(.IS-ALL){
    color:var(--GOLD2);
    background:#FFFFFF;
    border-color:#E5E7EB;
    box-shadow:0 2px 7px rgba(17,24,39,.05);
}

.AGENT-WINLOSS-PROVIDER-BTN.IS-ACTIVE .AGENT-WINLOSS-PROVIDER-CHECK,
.AGENT-WINLOSS-PROVIDER-BTN[aria-checked="true"] .AGENT-WINLOSS-PROVIDER-CHECK{
    color:#FFFFFF;
    background:var(--GOLD);
    border-color:var(--GOLD);
}

.AGENT-WINLOSS-PROVIDER-BTN.IS-ALL.IS-ACTIVE .AGENT-WINLOSS-PROVIDER-CHECK,
.AGENT-WINLOSS-PROVIDER-BTN.IS-ALL[aria-checked="true"] .AGENT-WINLOSS-PROVIDER-CHECK{
    color:#FFFFFF;
    background:var(--GOLD);
    border-color:var(--GOLD);
}

.AGENT-STATISTIC-PANEL{
    display:grid;
    gap:11px;
    padding:0;
    text-align:left;
}

.AGENT-STATISTIC-KPI-GRID{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
}

.AGENT-STATISTIC-KPI{
    min-width:0;
    display:grid;
    gap:5px;
    align-content:center;
    min-height:58px;
    padding:10px;
    border-radius:13px;
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 8px 18px rgba(17,24,39,.04);
}

.AGENT-STATISTIC-KPI span{
    overflow:hidden;
    color:var(--GOLD_DARK);
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-STATISTIC-KPI strong{
    overflow:hidden;
    color:#1F2937;
    font-size:15px;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-STATISTIC-KPI strong.IS-NEGATIVE,
.AGENT-STATISTIC-TABLE td.IS-NEGATIVE,
.AGENT-STATISTIC-PLAYER-TABLE td.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-STATISTIC-TABLE tr[data-statistic-metric="available-commission"] td{
    border-bottom-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-STATISTIC-TABLE tr[data-statistic-metric="net-profit"] td{
    background:var(--CARD2);
    border-top:1px solid var(--GOLD_LIGHT_BORDER);
    font-weight:900;
}

.AGENT-STATISTIC-TABLE tr[data-statistic-metric="net-profit"] td:first-child{
    color:var(--GOLD2);
}

.AGENT-STATISTIC-PLAYER-COL-USER{
    width:34%;
}

.AGENT-STATISTIC-PLAYER-COL-VTO,
.AGENT-STATISTIC-PLAYER-COL-WINLOSS,
.AGENT-STATISTIC-PLAYER-COL-NET{
    width:22%;
}

.AGENT-WINLOSS-VIEW-PANEL[hidden]{
    display:none !important;
}

.AGENT-WINLOSS-SUMMARY-PANEL{
    display:grid;
    gap:8px;
}

.AGENT-WINLOSS-DATE-RANGE{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0, 2fr) minmax(0, 2fr) minmax(72px, 1fr);
    align-items:center;
    gap:7px;
}

.AGENT-TRANSACTION-DATE-RANGE{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0, 2fr) minmax(0, 2fr) minmax(72px, 1fr);
    align-items:center;
    gap:7px;
}

.AGENT-WINLOSS-DATE-CALENDAR,
.AGENT-WINLOSS-DATE-FIELD{
    min-width:0;
    width:100%;
}

.AGENT-WINLOSS-DATE-CALENDAR{
    position:relative;
}

.AGENT-WINLOSS-DATE-FIELD{
    display:flex;
    align-items:center;
    gap:5px;
    height:30px;
    min-height:30px;
    max-height:30px;
    padding:0 8px;
    border-radius:9px;
    border:1px solid var(--GOLD_BORDER);
    color:#1F2937;
    background:#FFFFFF;
    cursor:pointer;
}

.AGENT-WINLOSS-DATE-FIELD .material-symbols-rounded{
    flex:0 0 auto;
    color:var(--GOLD2);
    font-size:14px;
    line-height:1;
}

.AGENT-WINLOSS-DATE-FIELD > input{
    box-sizing:border-box;
    flex:1 1 auto;
    min-width:0;
    height:30px;
    min-height:30px;
    max-height:30px;
    padding:0 !important;
    border:0;
    color:#1F2937;
    background:transparent;
    font-size:10px;
    font-weight:900;
    line-height:30px;
    outline:0;
    cursor:pointer;
    pointer-events:none;
}

.AGENT-TRANSACTION-DATE-FIELD{
    min-width:0;
    width:100%;
    display:flex;
    align-items:center;
    gap:5px;
    height:30px;
    min-height:30px;
    max-height:30px;
    padding:0 8px;
    border-radius:9px;
    border:1px solid var(--GOLD_BORDER);
    color:#1F2937;
    background:#FFFFFF;
}

.AGENT-TRANSACTION-DATE-FIELD .material-symbols-rounded{
    flex:0 0 auto;
    color:var(--GOLD2);
    font-size:14px;
    line-height:1;
}

.AGENT-TRANSACTION-DATE-FIELD > input{
    box-sizing:border-box;
    flex:1 1 auto;
    min-width:0;
    height:30px;
    min-height:30px;
    max-height:30px;
    padding:0 !important;
    border:0;
    color:#1F2937;
    background:transparent;
    font-size:10px;
    font-weight:900;
    line-height:30px;
    outline:0;
}

.AGENT-TRANSACTION-DATE-FIELD > input::placeholder{
    color:#9CA3AF;
    opacity:1;
}

.AGENT-TRANSACTION-TABLE-SECTION{
    min-width:0;
    margin-top:10px;
}

.AGENT-TRANSACTION-TABLE-WRAP{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    overflow-x:auto;
    overflow-y:hidden;
    border-radius:12px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
}

.AGENT-TRANSACTION-TABLE-WRAP::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

.AGENT-TRANSACTION-TABLE{
    width:100%;
    min-width:920px;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
    color:#1F2937;
    font-size:10px;
    font-weight:900;
}

.AGENT-TRANSACTION-COL-USERNAME{
    width:130px;
}

.AGENT-TRANSACTION-COL-DESCRIPTION{
    width:94px;
}

.AGENT-TRANSACTION-COL-AMOUNT{
    width:130px;
}

.AGENT-TRANSACTION-COL-DESTINATION{
    width:120px;
}

.AGENT-TRANSACTION-COL-FROM{
    width:110px;
}

.AGENT-TRANSACTION-COL-BALANCE{
    width:130px;
}

.AGENT-TRANSACTION-COL-DATETIME{
    width:190px;
}

.AGENT-TRANSACTION-TABLE th,
.AGENT-TRANSACTION-TABLE td{
    padding:7px 8px;
    border-bottom:1px solid #EEF2F7;
    line-height:1.35;
    text-align:right;
    vertical-align:middle;
    white-space:nowrap;
}

.AGENT-TRANSACTION-TABLE th{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-bottom-color:var(--GOLD_BORDER);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}

.AGENT-TRANSACTION-TABLE th:not(:last-child),
.AGENT-TRANSACTION-TABLE td:not(:last-child){
    border-right:1px solid #E5E7EB;
}

.AGENT-TRANSACTION-TABLE th:first-child,
.AGENT-TRANSACTION-TABLE td:first-child{
    position:sticky;
    left:0;
    z-index:2;
    width:130px;
    min-width:130px;
    max-width:130px;
    background:#FFFFFF;
    background-clip:padding-box;
    text-align:left;
    box-shadow:none;
    transform:translateZ(0);
    backface-visibility:hidden;
    will-change:transform;
}

.AGENT-TRANSACTION-TABLE th:first-child{
    z-index:4;
    background:var(--CARD2);
}

.AGENT-TRANSACTION-TABLE tr:last-child td{
    border-bottom:0;
}

.AGENT-TRANSACTION-USERNAME-LINE{
    min-width:0;
    display:inline-flex;
    align-items:center;
    gap:4px;
    max-width:100%;
}

.AGENT-TRANSACTION-TAG{
    width:auto;
    min-width:17px;
    padding:0 4px;
}

.AGENT-TRANSACTION-TAG.IS-SUB-FINANCE{
    color:#15803D;
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.AGENT-TRANSACTION-USERNAME strong{
    display:block;
    min-width:0;
    overflow:hidden;
    color:#2563EB;
    font-size:10px;
    font-weight:900;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.AGENT-TRANSACTION-DESCRIPTION{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    max-width:100%;
    min-height:18px;
    padding:2px 7px;
    border:1px solid #E5E7EB;
    border-radius:999px;
    background:#F9FAFB;
    color:#64748B;
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

.AGENT-TRANSACTION-DESCRIPTION.IS-POSITIVE{
    border-color:#86EFAC;
    background:#DCFCE7;
    color:#15803D;
}

.AGENT-TRANSACTION-DESCRIPTION.IS-NEGATIVE{
    border-color:#FCA5A5;
    background:#FEE2E2;
    color:#DC2626;
}

.AGENT-TRANSACTION-ROUTE-VALUE.IS-WALLET{
    color:#9CA3AF;
    font-style:italic;
    font-weight:900;
}

.AGENT-TRANSACTION-AMOUNT-CELL.IS-POSITIVE{
    color:#111827;
}

.AGENT-TRANSACTION-AMOUNT-CELL.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-TRANSACTION-AMOUNT-CELL.IS-NEUTRAL{
    color:#1F2937;
}

.AGENT-TRANSACTION-PLACEHOLDER{
    position:static !important;
    left:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    padding:14px 10px !important;
    color:#64748B;
    background:#FFFFFF !important;
    font-size:10px;
    font-weight:900;
    text-align:center !important;
    box-shadow:none !important;
}

.AGENT-TRANSACTION-PLACEHOLDER.IS-ERROR{
    color:#DC2626;
}

.AGENT-TRANSACTION-TABLE-SCROLL-ROW{
    width:calc(100% - 16px);
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    gap:6px;
    margin:-2px 8px 0;
    overflow:hidden;
}

.AGENT-TRANSACTION-TABLE-SCROLL-ROW[hidden]{
    display:none;
}

.AGENT-TRANSACTION-TABLE-SCROLL-NOTE{
    width:124px;
    flex:0 0 124px;
    overflow:hidden;
    color:#94A3B8;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-TRANSACTION-TABLE-SCROLL-AREA{
    position:relative;
    flex:1 1 auto;
    width:auto;
    max-width:100%;
    min-width:0;
    height:9px;
    margin:0;
}

.AGENT-TRANSACTION-TABLE-SCROLL-AREA[hidden],
.AGENT-TRANSACTION-TABLE-SCROLL[hidden]{
    display:none;
}

.AGENT-TRANSACTION-TABLE-SCROLL{
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:9px;
    margin:0;
    opacity:0;
    pointer-events:none;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
}

.AGENT-TRANSACTION-TABLE-SCROLL::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

.AGENT-TRANSACTION-TABLE-SCROLL-TRACK{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    z-index:2;
    height:4px;
    cursor:pointer;
    border-radius:999px;
    background:#FFF3E8;
    transform:translateY(-50%);
}

.AGENT-TRANSACTION-TABLE-SCROLL-THUMB{
    position:absolute;
    left:0;
    top:0;
    width:24px;
    height:100%;
    cursor:grab;
    border-radius:999px;
    background:linear-gradient(90deg, var(--GOLD), var(--GOLD2));
    box-shadow:0 1px 4px rgba(var(--GOLD_RGB), .25);
}

.AGENT-TRANSACTION-TABLE-SCROLL-THUMB:active{
    cursor:grabbing;
}

.AGENT-TRANSACTION-TABLE-SCROLL-SPACER{
    height:1px;
}

.AGENT-WINLOSS-CALENDAR-POPOVER{
    position:absolute;
    z-index:80;
    top:calc(100% + 5px);
    left:0;
    width:222px;
    padding:8px;
    border-radius:10px;
    border:1px solid var(--GOLD_BORDER);
    background:#FFFFFF;
    box-shadow:0 14px 34px rgba(17,24,39,.16);
}

#AGENT_WINLOSS_DATE_END_CALENDAR .AGENT-WINLOSS-CALENDAR-POPOVER,
#AGENT_TRANSACTION_DATE_END_CALENDAR .AGENT-WINLOSS-CALENDAR-POPOVER{
    right:0;
    left:auto;
}

.AGENT-WINLOSS-CALENDAR-POPOVER[hidden]{
    display:none !important;
}

.AGENT-WINLOSS-CALENDAR-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    margin:0 0 6px;
}

.AGENT-WINLOSS-CALENDAR-TITLE{
    color:#1F2937;
    font-size:11px;
    font-weight:900;
    line-height:1;
    text-align:center;
}

.AGENT-WINLOSS-CALENDAR-NAV{
    width:28px;
    height:26px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:8px;
    color:var(--GOLD2);
    background:transparent;
    cursor:pointer;
}

.AGENT-WINLOSS-CALENDAR-NAV .material-symbols-rounded{
    font-size:17px;
}

.AGENT-WINLOSS-CALENDAR-WEEKDAYS,
.AGENT-WINLOSS-CALENDAR-DAYS{
    display:grid;
    grid-template-columns:repeat(7, minmax(0, 1fr));
    gap:2px;
}

.AGENT-WINLOSS-CALENDAR-WEEKDAYS{
    margin:0 0 3px;
}

.AGENT-WINLOSS-CALENDAR-WEEKDAYS span{
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#6B7280;
    font-size:9px;
    font-weight:900;
    line-height:1;
}

.AGENT-WINLOSS-CALENDAR-DAY{
    width:100%;
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:7px;
    color:#1F2937;
    background:transparent;
    font-size:10px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
}

.AGENT-WINLOSS-CALENDAR-DAY.IS-OUTSIDE{
    color:#9CA3AF;
}

.AGENT-WINLOSS-CALENDAR-DAY.IS-TODAY{
    color:var(--GOLD2);
    background:rgba(var(--GOLD_RGB),.09);
}

.AGENT-WINLOSS-CALENDAR-DAY.IS-SELECTED{
    color:#FFFFFF;
    background:var(--GOLD);
}

.AGENT-WINLOSS-DATE-BTN,
.AGENT-TRANSACTION-DATE-BTN{
    width:100%;
    height:30px;
    min-height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 8px;
    border-radius:9px;
    border:1px solid var(--GOLD);
    color:#FFFFFF;
    background:var(--GOLD);
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-align:center;
    text-transform:uppercase;
    cursor:pointer;
}

.AGENT-WINLOSS-TABLE-WRAP{
    overflow:hidden;
    border-radius:12px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.AGENT-WINLOSS-TABLE{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
    color:#1F2937;
    font-size:10px;
    font-weight:800;
}

.AGENT-WINLOSS-DESCRIPTION-COL{
    width:55%;
}

.AGENT-WINLOSS-VALUE-COL{
    width:45%;
}

.AGENT-WINLOSS-TABLE th,
.AGENT-WINLOSS-TABLE td{
    position:relative;
    padding:7px 10px;
    border-bottom:1px solid #F3F4F6;
    text-align:left;
    vertical-align:middle;
    line-height:1.35;
}

.AGENT-WINLOSS-TABLE th{
    padding:7px 10px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border-bottom-color:var(--GOLD_BORDER);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}

.AGENT-WINLOSS-TABLE th:last-child,
.AGENT-WINLOSS-TABLE td:last-child{
    text-align:right;
}

.AGENT-WINLOSS-TABLE th:first-child,
.AGENT-WINLOSS-TABLE td:first-child{
    border-right:1px solid #E5E7EB;
}

.AGENT-WINLOSS-TABLE tr[data-winloss-metric] td{
    height:31px;
    padding-top:0;
    padding-bottom:0;
}

.AGENT-WINLOSS-METRIC-TOGGLE{
    width:100%;
    min-width:0;
    min-height:31px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:0;
    color:inherit;
    background:transparent;
    border:0;
    font:inherit;
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-align:left;
    text-transform:uppercase;
    cursor:pointer;
}

.AGENT-WINLOSS-METRIC-TOGGLE > span:not(.material-symbols-rounded){
    min-height:14px;
    display:inline-flex;
    align-items:center;
    line-height:1;
}

.AGENT-WINLOSS-METRIC-TOGGLE .material-symbols-rounded{
    flex:0 0 auto;
    width:14px;
    height:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--GOLD2);
    font-size:14px;
    line-height:1;
    transition:transform .16s ease;
}

.AGENT-WINLOSS-TABLE tr.IS-EXPANDED .AGENT-WINLOSS-METRIC-TOGGLE .material-symbols-rounded{
    transform:rotate(90deg);
}

.AGENT-WINLOSS-TABLE tr.IS-NON-COLLAPSIBLE .AGENT-WINLOSS-METRIC-TOGGLE{
    cursor:default;
    pointer-events:none;
}

.AGENT-WINLOSS-TABLE tr.IS-NON-COLLAPSIBLE .AGENT-WINLOSS-METRIC-TOGGLE .material-symbols-rounded{
    display:none;
}

.AGENT-WINLOSS-METRIC-DETAIL[hidden]{
    display:none !important;
}

.AGENT-WINLOSS-TABLE .AGENT-WINLOSS-METRIC-DETAIL td{
    padding:0;
    color:#64748B;
    background:#FFFFFF;
    border-right:0;
    text-align:left;
}

.AGENT-WINLOSS-METRIC-DETAIL-INNER{
    display:grid;
    gap:0;
    padding:0;
    font-size:9px;
    line-height:1.35;
}

.AGENT-WINLOSS-METRIC-DETAIL-INNER strong{
    color:var(--GOLD2);
    font-size:9px;
    font-weight:900;
}

.AGENT-WINLOSS-METRIC-DETAIL-TABLE{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.AGENT-WINLOSS-METRIC-DETAIL-LABEL-COL{
    width:55%;
}

.AGENT-WINLOSS-METRIC-DETAIL-VALUE-COL{
    width:45%;
}

.AGENT-WINLOSS-METRIC-DETAIL-TABLE td{
    height:27px;
    padding:0 10px;
    border-bottom:1px solid #E5E7EB;
    color:#64748B;
    background:var(--CARD2);
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-WINLOSS-METRIC-DETAIL-TABLE tr:last-child td{
    border-bottom:0;
}

.AGENT-WINLOSS-METRIC-DETAIL-TABLE td:first-child{
    color:var(--GOLD2);
    text-align:left;
}

.AGENT-WINLOSS-METRIC-DETAIL-TABLE td:last-child{
    color:var(--TEXT);
    text-align:right;
}

.AGENT-WINLOSS-METRIC-DETAIL-TABLE td.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-WINLOSS-TABLE .AGENT-WINLOSS-METRIC-DETAIL .AGENT-WINLOSS-METRIC-DETAIL-TABLE td{
    height:27px;
    padding:0 10px;
    border-bottom:1px solid #E5E7EB;
    border-right:1px solid #E5E7EB;
    background:var(--CARD2);
    font-size:10px;
    text-align:left;
}

.AGENT-WINLOSS-TABLE .AGENT-WINLOSS-METRIC-DETAIL .AGENT-WINLOSS-METRIC-DETAIL-TABLE td:first-child{
    width:55%;
    color:var(--GOLD2);
}

.AGENT-WINLOSS-TABLE .AGENT-WINLOSS-METRIC-DETAIL .AGENT-WINLOSS-METRIC-DETAIL-TABLE td:last-child{
    width:45%;
    color:var(--TEXT);
    border-right:0;
    text-align:right;
}

.AGENT-WINLOSS-TABLE .AGENT-WINLOSS-METRIC-DETAIL .AGENT-WINLOSS-METRIC-DETAIL-TABLE tr:last-child td{
    border-bottom:0;
}

.AGENT-WINLOSS-TABLE .AGENT-WINLOSS-METRIC-DETAIL .AGENT-WINLOSS-METRIC-DETAIL-TABLE td.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-WINLOSS-METRIC-DETAIL-LINK{
    min-width:0;
    display:inline-flex;
    align-items:center;
    padding:0;
    border:0;
    color:inherit;
    background:transparent;
    font:inherit;
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-align:left;
    text-decoration:underline;
    text-underline-offset:2px;
    text-decoration-thickness:1px;
    cursor:pointer;
}

.AGENT-WINLOSS-METRIC-DETAIL-LINK.IS-ACTIVE{
    color:var(--GOLD);
}

.AGENT-WINLOSS-TABLE tr[data-winloss-metric="net-profit"] td{
    height:auto;
    padding-top:5px;
    padding-bottom:5px;
    background:var(--CARD2);
    border-top:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:inset 0 1px 0 var(--GOLD_LIGHT_BORDER);
    font-weight:900;
}

.AGENT-WINLOSS-TABLE tr[data-winloss-metric="net-profit"] td:first-child{
    color:var(--GOLD2);
}

.AGENT-WINLOSS-NET-LABEL{
    display:grid;
    gap:2px;
    line-height:1.15;
}

.AGENT-WINLOSS-NET-LABEL strong{
    color:var(--GOLD2);
    font-size:10px;
    font-weight:900;
    line-height:1.1;
}

.AGENT-WINLOSS-NET-LABEL small{
    color:#6B7280;
    font-size:9px;
    font-weight:900;
    line-height:1.15;
    text-transform:none;
}

.AGENT-WINLOSS-TABLE tr[data-winloss-metric="net-profit"] td:last-child{
    color:#1F2937;
}

.AGENT-WINLOSS-TABLE tr[data-winloss-metric="net-profit"] td:last-child.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-WINLOSS-TABLE td.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-WINLOSS-SUMMARY-TRANSACTIONS{
    display:grid;
    gap:10px;
}

.AGENT-WINLOSS-SUMMARY-TRANSACTIONS .AGENT-WINLOSS-DATE-LABEL{
    margin-bottom:0;
}

.AGENT-WINLOSS-SUMMARY-TRANSACTIONS[hidden]{
    display:none !important;
}

.AGENT-WINLOSS-SUMMARY-TRANSACTION-LIST{
    display:grid;
    gap:10px;
}

.AGENT-WINLOSS-SUMMARY-ACCOUNT-LIST{
    display:grid;
    gap:10px;
}

.AGENT-WINLOSS-SUMMARY-ACCOUNT-ROW{
    min-width:0;
    min-height:40px;
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:10px;
    padding:0 10px;
    border:1px solid var(--GOLD_BORDER);
    border-radius:10px;
    background:var(--CARD);
}

.AGENT-WINLOSS-SUMMARY-ACCOUNT-USER{
    min-width:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    color:#2563EB;
    font-size:10px;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
}

.AGENT-WINLOSS-SUMMARY-ACCOUNT-NAME-LINE{
    min-width:0;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    gap:4px;
}

.AGENT-WINLOSS-SUMMARY-ACCOUNT-NAME{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
}

.AGENT-WINLOSS-SUMMARY-VIEW-TRANSACTION{
    width:max-content;
    max-width:none;
    overflow:visible;
    margin-top:3px;
    padding:0;
    border:0;
    color:#64748B;
    background:transparent;
    font-size:9px;
    font-style:italic;
    font-weight:900;
    line-height:1.1;
    text-align:left;
    text-decoration:underline;
    text-underline-offset:2px;
    white-space:nowrap;
    cursor:pointer;
}

.AGENT-WINLOSS-SUMMARY-SELECTED{
    margin-bottom:0;
}

.AGENT-WINLOSS-SUMMARY-ACCOUNT-AMOUNT{
    color:#1F2937;
    font-size:12px;
    font-weight:900;
    line-height:1;
    text-align:right;
    white-space:nowrap;
}

.AGENT-WINLOSS-SUMMARY-ACCOUNT-AMOUNT.IS-POSITIVE{
    color:#16A34A;
}

.AGENT-WINLOSS-SUMMARY-ACCOUNT-AMOUNT.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-WINLOSS-SUMMARY-PAGER{
    justify-content:end;
    margin-top:0;
}

.AGENT-WINLOSS-SUMMARY-PAGER > button{
    width:100%;
    height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    border-radius:10px;
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    font-family:'Geist Mono', monospace;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-align:center;
    text-transform:uppercase;
    cursor:pointer;
}

.AGENT-WINLOSS-SUMMARY-PAGER > button:disabled,
.AGENT-WINLOSS-SUMMARY-PAGER > button[aria-disabled="true"]{
    cursor:not-allowed;
    color:#9CA3AF;
    background:#F8FAFC;
    border-color:#E5E7EB;
}

.AGENT-WINLOSS-SUMMARY-PAGER[hidden]{
    display:none !important;
}

.AGENT-WINLOSS-TABLE tr:last-child td{
    border-bottom:0;
}

.AGENT-WINLOSS-EMPTY-ROW td{
    color:#9CA3AF;
    font-size:10px;
    font-weight:800;
    line-height:1.4;
    text-align:center;
}

.AGENT-COMMISSION-SEARCH{
    position:relative;
    display:flex;
    align-items:center;
}

.AGENT-COMMISSION-SEARCH .material-symbols-rounded{
    position:absolute;
    left:12px;
    color:var(--GOLD);
    font-size:17px;
    line-height:1;
    pointer-events:none;
}

.AGENT-COMMISSION-SEARCH input{
    width:100%;
    height:34px;
    padding:0 12px 0 38px;
    border-radius:12px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    outline:0;
    font-family:'Geist Mono', monospace;
    font-size:10px;
    font-weight:800;
    line-height:1;
}

.AGENT-COMMISSION-SEARCH input::placeholder{
    color:#9CA3AF;
}

.AGENT-COMMISSION-SEARCH input:focus{
    background:var(--GOLD_PALE);
    border-color:var(--GOLD);
    box-shadow:0 0 0 3px rgba(var(--GOLD_RGB),.10);
}

.AGENT-DOWNLINES-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-COMMISSION-SEARCH.AGENT-DOWNLINE-SEARCH-FIELD input,
.AGENT-WINLOSS-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-COMMISSION-SEARCH.AGENT-DOWNLINE-SEARCH-FIELD input,
.AGENT-TRANSACTIONS-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-COMMISSION-SEARCH.AGENT-DOWNLINE-SEARCH-FIELD input{
    box-sizing:border-box;
    height:30px;
    min-height:30px;
    max-height:30px;
    padding-left:24px;
    padding-right:42px;
    padding-top:0;
    padding-bottom:0;
    border-radius:9px;
}

.AGENT-DOWNLINES-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-COMMISSION-SEARCH.AGENT-DOWNLINE-SEARCH-FIELD > .material-symbols-rounded,
.AGENT-WINLOSS-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-COMMISSION-SEARCH.AGENT-DOWNLINE-SEARCH-FIELD > .material-symbols-rounded,
.AGENT-TRANSACTIONS-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-COMMISSION-SEARCH.AGENT-DOWNLINE-SEARCH-FIELD > .material-symbols-rounded{
    top:50%;
    left:7px;
    font-size:16px;
    transform:translateY(-50%);
}

.AGENT-DOWNLINES-PANEL .AGENT-DOWNLINE-SEARCH > .AGENT-DOWNLINE-SEARCH-BTN,
.AGENT-WINLOSS-PANEL .AGENT-DOWNLINE-SEARCH > .AGENT-DOWNLINE-SEARCH-BTN,
.AGENT-TRANSACTIONS-PANEL .AGENT-DOWNLINE-SEARCH > .AGENT-DOWNLINE-SEARCH-BTN{
    box-sizing:border-box;
    height:30px;
    min-height:30px;
    max-height:30px;
    padding-top:0;
    padding-bottom:0;
    border-radius:9px;
}

.AGENT-WINLOSS-SEARCH-LABEL{
    margin:0 0 5px;
    color:#6B7280;
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-DOWNLINES-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-DOWNLINE-SEARCH-CLEAR,
.AGENT-WINLOSS-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-DOWNLINE-SEARCH-CLEAR,
.AGENT-TRANSACTIONS-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-DOWNLINE-SEARCH-CLEAR{
    top:50%;
    right:5px;
    width:20px;
    height:20px;
    z-index:5;
    pointer-events:auto;
    transform:translateY(-50%);
}

.AGENT-DOWNLINES-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-DOWNLINE-SEARCH-CLEAR .material-symbols-rounded,
.AGENT-WINLOSS-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-DOWNLINE-SEARCH-CLEAR .material-symbols-rounded,
.AGENT-TRANSACTIONS-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-DOWNLINE-SEARCH-CLEAR .material-symbols-rounded{
    position:relative;
    inset:auto;
    left:auto;
    top:auto;
    width:auto;
    height:auto;
    display:inline-block;
    color:var(--GOLD);
    font-size:17px;
    line-height:1;
    pointer-events:auto;
    transform:none;
}

.AGENT-DOWNLINES-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-DOWNLINE-SEARCH-CLEAR[hidden],
.AGENT-WINLOSS-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-DOWNLINE-SEARCH-CLEAR[hidden],
.AGENT-TRANSACTIONS-PANEL .AGENT-DOWNLINE-SEARCH .AGENT-DOWNLINE-SEARCH-CLEAR[hidden]{
    display:none;
}

.AGENT-COMMISSION-TRANSACTIONS{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.AGENT-COMMISSION-TRANSACTION-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 2px;
}

.AGENT-COMMISSION-TRANSACTION-HEAD h3{
    margin:0;
    color:#1F2937;
    font-size:13px;
    font-weight:800;
    line-height:1;
}

.AGENT-COMMISSION-TRANSACTION-HEAD span{
    min-width:24px;
    padding:3px 7px;
    border-radius:999px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-align:center;
}

.AGENT-COMMISSION-TRANSACTION-HEAD .AGENT-DOWNLINE-COUNT-BADGES{
    min-width:0;
    max-width:220px;
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
    gap:4px;
    overflow-x:auto;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    scrollbar-width:thin;
}

.AGENT-COMMISSION-TRANSACTION-HEAD .AGENT-DOWNLINE-COUNT-BADGE{
    min-width:auto;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:3px;
    padding:3px 6px;
    border-radius:999px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-align:center;
}

.AGENT-COMMISSION-TRANSACTION-HEAD .AGENT-DOWNLINE-COUNT-BADGE.IS-PLAYER{
    color:#2563EB;
    background:#EFF6FF;
    border-color:#BFDBFE;
}

.AGENT-COMMISSION-TRANSACTION-HEAD .AGENT-DOWNLINE-COUNT-BADGE.IS-AGENT{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.AGENT-COMMISSION-TRANSACTION-HEAD .AGENT-DOWNLINE-COUNT-BADGE.IS-MASTER{
    color:#7C3AED;
    background:#F5F3FF;
    border-color:#C4B5FD;
}

.AGENT-COMMISSION-TRANSACTION-HEAD .AGENT-DOWNLINE-COUNT-BADGE.IS-SENIOR{
    color:#0891B2;
    background:#ECFEFF;
    border-color:#A5F3FC;
}

.AGENT-COMMISSION-TRANSACTION-HEAD .AGENT-DOWNLINE-COUNT-BADGE.IS-FINANCE{
    color:#15803D;
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.AGENT-COMMISSION-TRANSACTION-HEAD .AGENT-DOWNLINE-COUNT-BADGE.IS-REGIONAL{
    color:#0F766E;
    background:#F0FDFA;
    border-color:#99F6E4;
}

.AGENT-COMMISSION-TRANSACTION-HEAD .AGENT-DOWNLINE-COUNT-BADGE.IS-SUBAGENT{
    color:#CA8A04;
    background:#FEFCE8;
    border-color:#FDE68A;
}

.AGENT-COMMISSION-TRANSACTION-HEAD .AGENT-DOWNLINE-COUNT-BADGE.IS-OWNER,
.AGENT-COMMISSION-TRANSACTION-HEAD .AGENT-DOWNLINE-COUNT-BADGE.IS-SUB-OWNER{
    color:#C026D3;
    background:#FAE8FF;
    border-color:#F0ABFC;
}

.AGENT-COMMISSION-TRANSACTION-HEAD .AGENT-DOWNLINE-COUNT-BADGE strong{
    font-size:8px;
    font-weight:900;
    line-height:1;
}

.AGENT-COMMISSION-TRANSACTION-HEAD .AGENT-DOWNLINE-COUNT-BADGE > span{
    min-width:auto;
    padding:0;
    border:0;
    border-radius:0;
    color:inherit;
    background:transparent;
    font-size:8px;
    font-weight:900;
    line-height:1;
}

.AGENT-COMMISSION-TRANSACTION-LIST{
    display:flex;
    flex-direction:column;
    gap:7px;
}

.AGENT-WINLOSS-TRANSACTION-LIST{
    display:grid;
    gap:10px;
    min-width:0;
    max-width:100%;
    overflow:hidden;
}

.AGENT-WINLOSS-TRANSACTIONS{
    min-width:0;
    max-width:100%;
    overflow:hidden;
}

.AGENT-WINLOSS-SEARCH[hidden]{
    display:none;
}

.AGENT-WINLOSS-PLAYER-TRANSACTIONS{
    display:grid;
    gap:7px;
}

.AGENT-WINLOSS-PLAYER-TRANSACTION-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:0 2px;
}

.AGENT-WINLOSS-PLAYER-TRANSACTION-HEAD h4{
    margin:0;
    color:#1F2937;
    font-size:12px;
    font-weight:900;
    line-height:1.15;
}

.AGENT-WINLOSS-PLAYER-TRANSACTION-HEAD span{
    min-width:20px;
    min-height:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 6px;
    border-radius:999px;
    color:var(--GOLD);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:9px;
    font-weight:900;
    line-height:1;
}

.AGENT-WINLOSS-PAGER[hidden]{
    display:none;
}

.AGENT-WINLOSS-PROVIDER-PANEL{
    display:grid;
    gap:10px;
}

.AGENT-WINLOSS-PROVIDER-LIST{
    min-width:0;
    max-width:100%;
}

.AGENT-WINLOSS-PROVIDER-TABLE-WRAP{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
    border-radius:12px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.AGENT-WINLOSS-PROVIDER-TABLE{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
    color:#1F2937;
    font-size:10px;
    font-weight:900;
}

.AGENT-WINLOSS-PROVIDER-COL-NAME{
    width:auto;
}

.AGENT-WINLOSS-PROVIDER-COL-TYPE{
    width:72px;
}

.AGENT-WINLOSS-PROVIDER-COL-ACTIVE{
    width:85px;
}

.AGENT-WINLOSS-PROVIDER-COL-WINLOSS{
    width:110px;
}

.AGENT-WINLOSS-PROVIDER-TABLE th,
.AGENT-WINLOSS-PROVIDER-TABLE td{
    padding:7px 10px;
    border-bottom:1px solid #F3F4F6;
    line-height:1.25;
    text-align:right;
    vertical-align:middle;
}

.AGENT-WINLOSS-PROVIDER-TABLE th{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-bottom-color:var(--GOLD_BORDER);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}

.AGENT-WINLOSS-PROVIDER-TABLE th:not(:last-child),
.AGENT-WINLOSS-PROVIDER-TABLE td:not(:last-child){
    border-right:1px solid #E5E7EB;
}

.AGENT-WINLOSS-PROVIDER-TABLE th:first-child,
.AGENT-WINLOSS-PROVIDER-TABLE td:first-child{
    text-align:left;
}

.AGENT-WINLOSS-PROVIDER-TABLE th:nth-child(2),
.AGENT-WINLOSS-PROVIDER-TABLE td:nth-child(2){
    text-align:center;
}

.AGENT-WINLOSS-PROVIDER-TABLE tr:last-child td{
    border-bottom:0;
}

.AGENT-WINLOSS-PROVIDER-IDENTITY{
    min-width:0;
    display:grid;
    gap:2px;
}

.AGENT-WINLOSS-PROVIDER-IDENTITY strong{
    min-width:0;
    overflow:hidden;
    color:#2563EB;
    font-size:10px;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-WINLOSS-PROVIDER-IDENTITY small,
.AGENT-WINLOSS-PROVIDER-AMOUNT small{
    margin-top:2px;
    color:#64748B;
    font-size:9px;
    font-style:italic;
    font-weight:900;
    line-height:1.1;
    text-transform:uppercase;
}

.AGENT-WINLOSS-PROVIDER-TYPE-BADGE{
    min-width:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 7px;
    border-radius:999px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    font-size:9px;
    font-weight:900;
    line-height:1;
}

.AGENT-WINLOSS-PROVIDER-AMOUNT{
    display:inline-grid;
    justify-items:end;
    gap:2px;
}

.AGENT-WINLOSS-PROVIDER-AMOUNT strong{
    color:#1F2937;
    font-size:10px;
    font-weight:900;
    line-height:1.1;
}

.AGENT-WINLOSS-PROVIDER-TABLE td.IS-NEGATIVE .AGENT-WINLOSS-PROVIDER-AMOUNT strong{
    color:#DC2626;
}

.AGENT-WINLOSS-PROVIDER-PLACEHOLDER{
    height:42px;
    color:#64748B;
    font-size:10px;
    font-weight:900;
    text-align:center !important;
}

.AGENT-WINLOSS-PROVIDER-PLACEHOLDER.IS-ERROR{
    color:#DC2626;
}

.AGENT-WINLOSS-PROVIDER-PLACEHOLDER.IS-LOADING{
    color:var(--GOLD2);
}

.AGENT-WINLOSS-LOG-TABLE-WRAP{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    border-radius:12px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
}

.AGENT-WINLOSS-LOG-TABLE-WRAP::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

.AGENT-WINLOSS-LOG-TABLE{
    width:100%;
    min-width:1020px;
    border-collapse:separate;
    border-spacing:0;
    color:#1F2937;
    font-size:10px;
    font-weight:900;
    table-layout:fixed;
}

.AGENT-WINLOSS-LOG-TABLE th,
.AGENT-WINLOSS-LOG-TABLE td{
    padding:7px 10px;
    border-bottom:1px solid #F3F4F6;
    line-height:1.35;
    text-align:right;
    vertical-align:middle;
    white-space:nowrap;
}

.AGENT-WINLOSS-LOG-TABLE th{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-bottom-color:var(--GOLD_BORDER);
    font-size:10px;
    font-weight:900;
    letter-spacing:0;
    text-transform:uppercase;
}

.AGENT-WINLOSS-HEAD-STACK{
    display:inline-grid;
    justify-items:end;
    gap:0;
    line-height:1.1;
}

.AGENT-WINLOSS-HEAD-STACK strong{
    font-size:10px;
    font-weight:900;
    line-height:1.1;
}

.AGENT-WINLOSS-HEAD-STACK small{
    color:#64748B;
    font-size:9px;
    font-style:italic;
    font-weight:900;
    line-height:1.1;
    margin-top:2px;
    text-transform:none;
    white-space:nowrap;
}

.AGENT-WINLOSS-LOG-TABLE tfoot td{
    color:#1F2937;
    background:var(--CARD2);
    border-top:1px solid var(--GOLD_LIGHT_BORDER);
    border-bottom:0;
    font-weight:900;
}

.AGENT-WINLOSS-LOG-TABLE tfoot td:first-child{
    color:var(--GOLD2);
    text-transform:uppercase;
}

.AGENT-WINLOSS-LOG-TABLE th:not(:last-child),
.AGENT-WINLOSS-LOG-TABLE td:not(:last-child){
    border-right:1px solid #E5E7EB;
}

.AGENT-WINLOSS-LOG-COL-USER{
    width:140px;
}

.AGENT-WINLOSS-LOG-COL-GROUP-ACTIVE{
    width:85px;
}

.AGENT-WINLOSS-LOG-COL-GROUP-WINLOSS{
    width:120px;
}

.AGENT-WINLOSS-LOG-TABLE thead tr:first-child th:not(:first-child){
    text-align:center;
}

.AGENT-WINLOSS-LOG-TABLE thead tr:first-child th.AGENT-WINLOSS-GROUP-TOTALS{
    color:#166534;
    background:#DCFCE7;
    border-bottom-color:#86EFAC;
}

.AGENT-WINLOSS-LOG-TABLE thead tr:first-child th.AGENT-WINLOSS-GROUP-SELF{
    color:#6D28D9;
    background:#EDE9FE;
    border-bottom-color:#C4B5FD;
}

.AGENT-WINLOSS-LOG-TABLE thead tr:first-child th.AGENT-WINLOSS-GROUP-NETWORK{
    color:#BE123C;
    background:#FFE4E6;
    border-bottom-color:#FDA4AF;
}

.AGENT-WINLOSS-LOG-TABLE thead tr:first-child th.AGENT-WINLOSS-GROUP-DIRECT{
    color:#1D4ED8;
    background:#DBEAFE;
    border-bottom-color:#93C5FD;
}

.AGENT-WINLOSS-LOG-TABLE thead tr:first-child th:first-child,
.AGENT-WINLOSS-LOG-TABLE tbody td:first-child,
.AGENT-WINLOSS-LOG-TABLE tfoot td:first-child{
    position:sticky;
    left:0;
    z-index:2;
    background:#FFFFFF;
    text-align:left;
}

.AGENT-WINLOSS-LOG-TABLE thead tr:first-child th:first-child{
    z-index:4;
    color:var(--GOLD2);
    background:var(--CARD2);
}

.AGENT-WINLOSS-LOG-TABLE tfoot td:first-child{
    z-index:3;
    background:var(--CARD2);
}

.AGENT-WINLOSS-LOG-IDENTITY{
    min-width:0;
    display:inline-grid;
    gap:2px;
    max-width:100%;
}

.AGENT-WINLOSS-NAME-LINE{
    min-width:0;
    max-width:100%;
    display:flex;
    align-items:center;
    gap:4px;
}

.AGENT-WINLOSS-LOG-IDENTITY strong{
    overflow:hidden;
    color:#2563EB;
    font-size:10px;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-WINLOSS-DRILL{
    min-width:0;
    display:block;
    overflow:hidden;
    padding:0;
    border:0;
    color:#2563EB;
    background:transparent;
    font-size:10px;
    font-weight:900;
    line-height:1.1;
    text-align:left;
    white-space:nowrap;
    text-overflow:ellipsis;
    cursor:pointer;
}

.AGENT-WINLOSS-DRILL:focus-visible{
    outline:2px solid rgba(37,99,235,.25);
    outline-offset:2px;
    border-radius:4px;
}

.AGENT-WINLOSS-VIEW-TRANSACTION{
    width:max-content;
    max-width:none;
    overflow:visible;
    margin-top:2px;
    padding:0;
    border:0;
    color:#64748B;
    background:transparent;
    font-size:9px;
    font-style:italic;
    font-weight:900;
    line-height:1.1;
    text-align:left;
    text-decoration:underline;
    text-underline-offset:2px;
    white-space:nowrap;
    cursor:pointer;
}

.AGENT-WINLOSS-SUMMARY-VIEW-TRANSACTION{
    margin-top:3px;
}

.AGENT-WINLOSS-VIEW-TRANSACTION:focus-visible,
.AGENT-WINLOSS-SUMMARY-VIEW-TRANSACTION:focus-visible{
    outline:2px solid rgba(37,99,235,.25);
    outline-offset:2px;
    border-radius:4px;
}

.AGENT-WINLOSS-LOG-IDENTITY small{
    overflow:hidden;
    color:#64748B;
    font-size:8px;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-WINLOSS-LOG-IDENTITY small mark{
    padding:0 2px;
    border-radius:4px;
    color:var(--GOLD2);
    background:var(--CARD2);
}

.AGENT-WINLOSS-ACTIVE-STACK{
    min-width:0;
    display:inline-grid;
    justify-items:end;
    gap:2px;
    line-height:1.1;
}

.AGENT-WINLOSS-ACTIVE-STACK strong{
    font-size:10px;
    font-weight:900;
    line-height:1.1;
}

.AGENT-WINLOSS-ACTIVE-STACK small{
    margin-top:2px;
    color:#64748B;
    font-size:9px;
    font-style:italic;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
}

.AGENT-WINLOSS-AMOUNT-STACK{
    min-width:0;
    display:inline-grid;
    justify-items:end;
    gap:2px;
}

.AGENT-WINLOSS-AMOUNT-STACK strong{
    font-size:10px;
    font-weight:900;
    line-height:1.1;
}

.AGENT-WINLOSS-VTO-LINE{
    margin-top:2px;
    color:#64748B;
    font-size:9px;
    font-style:italic;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
}

.AGENT-WINLOSS-COMMISSION-LINE{
    margin-top:2px;
    color:#64748B;
    font-size:8px;
    font-weight:900;
    line-height:1.1;
}

.AGENT-WINLOSS-COMMISSION-LINE.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-WINLOSS-LOG-TABLE td.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-WINLOSS-LOG-TABLE td.AGENT-WINLOSS-LOG-PLACEHOLDER,
.AGENT-WINLOSS-LOG-TABLE tbody td.AGENT-WINLOSS-LOG-PLACEHOLDER:first-child{
    position:static;
    left:auto;
    padding:7px 10px;
    color:#64748B;
    background:#FFFFFF;
    font-size:10px;
    font-weight:800;
    line-height:1.4;
    text-align:center;
}

.AGENT-WINLOSS-LOG-TABLE td.AGENT-WINLOSS-LOG-PLACEHOLDER.IS-LOADING{
    color:#64748B;
}

.AGENT-WINLOSS-LOG-TABLE td.AGENT-WINLOSS-LOG-PLACEHOLDER.IS-ERROR{
    color:#DC2626;
}

.AGENT-WINLOSS-LOG-TABLE tr:last-child td{
    border-bottom:0;
}

.AGENT-WINLOSS-TABLE-SCROLL-ROW{
    width:calc(100% - 16px);
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    gap:6px;
    margin:0 8px;
    overflow:hidden;
}

.AGENT-WINLOSS-TABLE-SCROLL-ROW[hidden]{
    display:none;
}

.AGENT-WINLOSS-TABLE-SCROLL-NOTE{
    width:120px;
    flex:0 0 120px;
    overflow:hidden;
    color:#94A3B8;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-WINLOSS-TABLE-SCROLL-AREA{
    position:relative;
    flex:1 1 auto;
    width:auto;
    max-width:100%;
    min-width:0;
    height:9px;
    margin:0;
}

.AGENT-WINLOSS-TABLE-SCROLL-AREA[hidden]{
    display:none;
}

.AGENT-WINLOSS-TABLE-SCROLL{
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:9px;
    margin:0;
    opacity:0;
    pointer-events:none;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
}

.AGENT-WINLOSS-TABLE-SCROLL[hidden]{
    display:none;
}

.AGENT-WINLOSS-TABLE-SCROLL::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

.AGENT-WINLOSS-TABLE-SCROLL-TRACK{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    z-index:2;
    height:4px;
    cursor:pointer;
    border-radius:999px;
    background:#FFF3E8;
    transform:translateY(-50%);
}

.AGENT-WINLOSS-TABLE-SCROLL-THUMB{
    position:absolute;
    left:0;
    top:0;
    width:24px;
    height:100%;
    cursor:grab;
    border-radius:999px;
    background:linear-gradient(90deg, var(--GOLD), var(--GOLD2));
    box-shadow:0 1px 4px rgba(var(--GOLD_RGB), .25);
}

.AGENT-WINLOSS-TABLE-SCROLL-THUMB:active{
    cursor:grabbing;
}

.AGENT-WINLOSS-TABLE-SCROLL-SPACER{
    height:1px;
}

.AGENT-COMMISSION-TRANSACTION{
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    align-items:stretch;
    gap:0;
    overflow:hidden;
    padding:0;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    box-shadow:0 8px 18px rgba(17,24,39,.04);
}

.AGENT-COMMISSION-TRANSACTION.IS-HIDDEN{
    display:none;
}

.AGENT-COMMISSION-TRANSACTION-EMPTY{
    padding:14px;
    border-radius:14px;
    color:#64748B;
    background:#FFFFFF;
    border:1px dashed var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1.45;
    text-align:center;
}

.AGENT-COMMISSION-TRANSACTION-MAIN{
    min-width:0;
    display:grid;
    grid-template-columns:auto minmax(0, 1fr);
    align-items:center;
    column-gap:8px;
    row-gap:3px;
}

.AGENT-COMMISSION-TRANSACTION-BADGE{
    width:max-content;
    max-width:100%;
    padding:3px 6px;
    border-radius:6px;
    color:#FFFFFF;
    background:#22C55E;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.AGENT-COMMISSION-TRANSACTION-MAIN strong{
    min-width:0;
    overflow:hidden;
    color:#1F2937;
    font-size:13px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-COMMISSION-TRANSACTION-MAIN strong.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-COMMISSION-TRANSACTION-MAIN small{
    grid-column:2;
    overflow:hidden;
    color:#94A3B8;
    font-size:9px;
    font-weight:800;
    line-height:1.2;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-COMMISSION-TRANSACTION-SUMMARY{
    width:100%;
    min-height:52px;
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:stretch;
    gap:8px;
    padding:10px 11px;
    color:#1F2937;
    background:#FFFFFF;
    border:0;
    outline:0;
    font-family:'Geist Mono', monospace;
    text-align:left;
    cursor:pointer;
}

.AGENT-COMMISSION-TRANSACTION-SUMMARY:focus-visible{
    box-shadow:inset 0 0 0 2px rgba(var(--GOLD_RGB),.26);
}

.AGENT-COMMISSION-TRANSACTION-IDENTITY{
    min-width:0;
    display:grid;
    grid-template-rows:13px 18px;
    align-content:center;
    gap:0;
}

.AGENT-COMMISSION-TRANSACTION-IDENTITY strong{
    overflow:hidden;
    color:#1F2937;
    font-size:14px;
    font-weight:900;
    line-height:18px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-COMMISSION-TRANSACTION-IDENTITY small{
    overflow:hidden;
    color:#64748B;
    font-size:9px;
    font-weight:900;
    line-height:13px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-COMMISSION-TRANSACTION-AMOUNT{
    min-width:108px;
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    grid-template-rows:13px 18px;
    align-content:center;
    align-items:center;
    justify-items:end;
    column-gap:4px;
    row-gap:0;
}

.AGENT-COMMISSION-TRANSACTION-AMOUNT > span:first-child{
    grid-column:1 / -1;
    color:var(--GOLD_DARK);
    font-size:9px;
    font-weight:900;
    line-height:13px;
    text-transform:uppercase;
    white-space:nowrap;
}

.AGENT-COMMISSION-TRANSACTION-AMOUNT strong{
    overflow:hidden;
    color:#15803D;
    font-size:14px;
    font-weight:900;
    line-height:18px;
    text-align:right;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-COMMISSION-TRANSACTION-AMOUNT strong.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-WINLOSS-TRANSACTION-AMOUNT strong{
    color:#1F2937;
}

.AGENT-WINLOSS-TRANSACTION-AMOUNT strong.IS-NEGATIVE{
    color:#DC2626;
}

.AGENT-COMMISSION-TRANSACTION-CHEVRON{
    color:var(--GOLD2);
    font-size:18px;
    line-height:1;
    transition:transform .16s ease;
}

.AGENT-COMMISSION-TRANSACTION.IS-OPEN .AGENT-COMMISSION-TRANSACTION-CHEVRON{
    transform:rotate(180deg);
}

.AGENT-COMMISSION-DETAIL-GRID{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:5px;
    padding:8px 9px 9px;
    border-top:1px solid #F1F5F9;
}

.AGENT-COMMISSION-DETAIL-GRID[hidden]{
    display:none;
}

.AGENT-WINLOSS-DETAIL-GRID{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}

.AGENT-COMMISSION-FIELD{
    min-width:0;
    display:grid;
    align-content:center;
    gap:3px;
    padding:6px 7px;
    border-radius:10px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.AGENT-COMMISSION-FIELD.IS-WIDE{
    grid-column:1 / -1;
}

.AGENT-COMMISSION-FIELD span{
    overflow:hidden;
    color:#64748B;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-COMMISSION-FIELD strong{
    overflow:hidden;
    color:#1F2937;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-COMMISSION-FIELD small{
    overflow:hidden;
    color:#64748B;
    font-size:7px;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-COMMISSION-FIELD.IS-HIGHLIGHT{
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.AGENT-COMMISSION-FIELD.IS-HIGHLIGHT strong{
    color:#15803D;
}

.AGENT-COMMISSION-FIELD.IS-NEGATIVE strong{
    color:#DC2626;
}

.AGENT-COMMISSION-TRANSACTION-SOURCE{
    display:grid;
    grid-template-columns:auto auto;
    align-items:center;
    justify-items:end;
    gap:5px;
}

.AGENT-COMMISSION-TRANSACTION-SOURCE > span:first-child{
    grid-column:1 / -1;
    overflow:hidden;
    max-width:122px;
    color:#64748B;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-align:right;
    text-transform:uppercase;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.AGENT-COMMISSION-TRANSACTION-ACTION{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.AGENT-COMMISSION-TRANSACTION-ACTION .material-symbols-rounded{
    font-size:18px;
    line-height:1;
}

.AGENT-COMMISSION-TRANSACTION-EXPAND{
    color:var(--GOLD2);
    font-size:20px;
    line-height:1;
}

.ACCOUNT-SETTINGS-PANEL[hidden]{
    display:none;
}

.ACCOUNT-PASSWORD-PANEL{
    width:100%;
    display:grid;
    gap:10px;
}

.ACCOUNT-PASSWORD-FORM{
    width:100%;
    display:grid;
    gap:8px;
    padding:12px;
    border-radius:16px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    text-align:left;
    box-shadow:0 12px 28px rgba(var(--GOLD_RGB),.08);
}

.ACCOUNT-PASSWORD-FORM .LOGIN-FIELD{
    gap:5px;
}

.ACCOUNT-PASSWORD-FORM .PASSWORD-RULES{
    gap:3px;
    margin:-1px 2px 0;
}

.ACCOUNT-PASSWORD-FORM .LOGIN-STATUS{
    padding:0;
    border-radius:0;
    background:transparent;
    text-align:left;
}

.ACCOUNT-PASSWORD-FORM .LOGIN-STATUS.IS-ERROR{
    padding:0;
    border-radius:0;
    background:transparent;
    border:0;
}

.ACCOUNT-PASSWORD-FORM .LOGIN-ERROR:empty{
    display:none !important;
}

.ACCOUNT-PASSWORD-SUBMIT{
    height:36px;
    margin-top:6px;
}

.ACCOUNT-PUSH-PANEL{
    width:100%;
}

.ACCOUNT-PUSH-SETTING{
    display:grid;
    grid-template-columns:42px minmax(0, 1fr);
    align-items:center;
    gap:9px 10px;
    padding:12px;
    border:1px solid var(--GOLD_BORDER);
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:0 12px 28px rgba(var(--GOLD_RGB),.08);
}

.ACCOUNT-PUSH-SETTING-ICON{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    border-radius:12px;
    color:var(--GOLD2);
    background:var(--CARD2);
}

.ACCOUNT-PUSH-SETTING-ICON .material-symbols-rounded{
    margin:0;
    font-size:22px;
    line-height:1;
}

.ACCOUNT-PUSH-SETTING-COPY{
    min-width:0;
}

.ACCOUNT-PUSH-SETTING-COPY strong{
    display:block;
    color:#1F2937;
    font-size:12px;
    font-weight:900;
    line-height:1.2;
}

.ACCOUNT-PUSH-SETTING-COPY p{
    margin:4px 0 0;
    color:#64748B;
    font-size:9px;
    font-weight:700;
    line-height:1.35;
}

.ACCOUNT-PUSH-ENABLE{
    grid-column:1 / -1;
    width:100%;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

.ACCOUNT-PUSH-ENABLE .material-symbols-rounded{
    margin:0;
    font-size:17px;
}

.ACCOUNT-PUSH-ENABLE.IS-ENABLED{
    color:#FFFFFF;
    background:#16A34A;
    border-color:#15803D;
}

.ACCOUNT-PUSH-STATUS{
    grid-column:1 / -1;
    padding:0;
    border:0;
    background:transparent;
    text-align:left;
}

.ACCOUNT-PUSH-STATUS.IS-ERROR{
    padding:0;
    border:0;
    background:transparent;
}

.ACCOUNT-PUSH-STATUS:not(.IS-ACTIVE){
    display:none;
}

.ACCOUNT-PASSWORD-FORM.AGENT-VOUCHER-FORM{
    gap:7px;
    padding:9px 10px;
    border-radius:14px;
}

.ACCOUNT-PASSWORD-FORM.AGENT-VOUCHER-FORM .LOGIN-FIELD{
    gap:3px;
}

.ACCOUNT-PASSWORD-FORM.AGENT-VOUCHER-FORM .LOGIN-FIELD label{
    font-size:9px;
    line-height:1;
}

.ACCOUNT-PASSWORD-FORM.AGENT-VOUCHER-FORM .LOGIN-INPUT{
    height:32px;
    font-size:11px;
}

.ACCOUNT-PASSWORD-FORM.AGENT-VOUCHER-FORM .AGENT-VOUCHER-NOTE{
    margin:0 2px;
    line-height:1.2;
}

.ACCOUNT-PASSWORD-FORM.AGENT-VOUCHER-FORM .AGENT-VOUCHER-GRID{
    gap:7px;
}

.ACCOUNT-PASSWORD-FORM.AGENT-VOUCHER-FORM .AGENT-VOUCHER-SUBMIT{
    height:34px;
}

.ACCOUNT-PASSWORD-FORM.AGENT-CREATE-ACCOUNT-FORM .AGENT-CREATE-ACCOUNT-SUBMIT{
    height:34px;
    margin-top:0;
}

.ACCOUNT-PASSWORD-LOGS{
    display:grid;
    gap:7px;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
}

.ACCOUNT-PASSWORD-LOGS-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:0 2px;
}

.ACCOUNT-PASSWORD-LOGS-HEAD span{
    color:#1F2937;
    font-size:13px;
    font-weight:800;
    line-height:1;
}

.ACCOUNT-PASSWORD-LOGS-HEAD strong{
    min-width:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:3px 7px;
    border-radius:999px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-align:center;
}

.ACCOUNT-PASSWORD-LOGS-LIST{
    display:grid;
    gap:6px;
}

.ACCOUNT-PASSWORD-LOG-ITEM{
    display:block;
    padding:11px 12px;
    border-radius:12px;
    color:#1F2937;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.ACCOUNT-PASSWORD-LOG-ITEM.IS-SELF{
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.ACCOUNT-PASSWORD-LOG-ITEM p{
    display:block;
    margin:0;
    overflow:hidden;
    color:#1F2937;
    font-size:9px;
    font-weight:800;
    line-height:1.45;
}

.ACCOUNT-PASSWORD-LOG-ACTOR,
.ACCOUNT-PASSWORD-LOG-ACTION{
    display:inline;
    overflow:visible;
    color:#1F2937;
    line-height:inherit;
    text-overflow:clip;
}

.ACCOUNT-PASSWORD-LOG-ACTOR{
    color:var(--GOLD2);
    font-weight:900;
}

.ACCOUNT-PASSWORD-LOG-ACTION{
    color:#111827;
    font-weight:800;
}

.ACCOUNT-PASSWORD-LOG-DATE-LINE{
    display:block;
    margin-top:4px;
    font-size:9px;
    line-height:1.2;
}

.ACCOUNT-PASSWORD-LOG-DATE{
    display:inline;
    padding:0;
    border-radius:0;
    color:#64748B;
    background:transparent;
    font-weight:800;
    font-size:9px;
}

.ACCOUNT-PASSWORD-LOG-EMPTY{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px;
    border-radius:14px;
    color:#64748B;
    background:#FFFFFF;
    border:1px dashed var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1.45;
    text-align:center;
}

.ACCOUNT-PASSWORD-LOG-EMPTY.IS-LOADING{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_BORDER);
}

.ACCOUNT-PASSWORD-LOG-EMPTY.IS-ERROR{
    color:#B91C1C;
    background:#FEF2F2;
    border-color:#FECACA;
}

.ACCOUNT-SETTINGS-CARD{
    min-height:210px;
}

.ACCOUNT-SETTINGS-CARD p span{
    color:var(--GOLD2);
    font-weight:900;
}

.SLOT-PAGE-CONTENT{
    display:flex;
    flex-direction:column;
    gap:12px;
    color:var(--TEXT);
}

.SLOT-HERO-CAROUSEL{
    position:relative;
    width:100%;
    height:124px;
    min-height:124px;
    overflow:hidden;
    border-radius:20px;
    touch-action:pan-y;
}

.SLOT-HERO-TRACK{
    width:100%;
    height:100%;
    display:flex;
    transition:transform .38s ease;
    will-change:transform;
}

.SLOT-HERO-TRACK.IS-NO-TRANSITION{
    transition:none;
}

.SLOT-HERO-SLIDE{
    width:100%;
    height:124px;
    min-width:100%;
    min-height:124px;
    flex:0 0 100%;
    box-sizing:border-box;
}

.SLOT-HERO.SLOT-HERO-IMAGE{
    padding:0;
    background:#FFFFFF;
}

.SLOT-HERO.SLOT-HERO-IMAGE::after{
    display:none;
}

.SLOT-HERO-IMAGE img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
}

.SLOT-BANNER-DOTS{
    position:absolute;
    left:50%;
    bottom:6px;
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-height:8px;
    transform:translateX(-50%);
}

.SLOT-BANNER-DOT{
    width:6px;
    height:6px;
    padding:0;
    border:1px solid rgba(255,255,255,.92);
    border-radius:50%;
    background:rgba(17,24,39,.38);
    box-shadow:0 2px 5px rgba(17,24,39,.18);
    cursor:pointer;
    transition:width .18s ease, border-radius .18s ease, background .18s ease;
}

.SLOT-BANNER-DOT.IS-ACTIVE{
    width:16px;
    border-radius:999px;
    background:var(--GOLD);
}

@media(prefers-reduced-motion:reduce){
    .SLOT-HERO-TRACK{
        transition:none;
    }
}

.SLOT-HERO{
    position:relative;
    min-height:124px;
    overflow:hidden;
    padding:16px 126px 15px 15px;
    border-radius:20px;
    background:
        radial-gradient(circle at 88% 18%, rgba(255,255,255,.78) 0 16%, transparent 17%),
        radial-gradient(circle at 18% 10%, rgba(var(--GOLD_LIGHT_RGB),.58) 0 18%, transparent 19%),
        linear-gradient(135deg, var(--CARD2) 0%, #FFFFFF 48%, var(--GOLD_SOFT) 100%);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:
        0 16px 34px rgba(var(--GOLD_RGB),.12),
        inset 0 1px 0 rgba(255,255,255,.76);
}

.SLOT-HERO::after{
    content:'';
    position:absolute;
    right:-30px;
    bottom:-42px;
    width:156px;
    height:156px;
    border-radius:999px;
    background:linear-gradient(135deg, rgba(var(--GOLD_RGB),.16), rgba(var(--GOLD2_RGB),.04));
    border:1px solid rgba(var(--GOLD_RGB),.18);
}

.SLOT-HERO-COPY{
    position:relative;
    z-index:2;
}

.SLOT-KICKER{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    min-height:18px;
    padding:0 8px;
    border-radius:999px;
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.4px;
}

.SLOT-HERO h2{
    margin:9px 0 6px;
    color:#1F2937;
    font-size:20px;
    font-weight:900;
    line-height:1.05;
    letter-spacing:-.3px;
}

.SLOT-HERO p{
    margin:0;
    max-width:220px;
    color:#64748B;
    font-size:10px;
    font-weight:700;
    line-height:1.45;
}

.SLOT-HERO-STATS{
    width:auto;
    max-width:none;
    position:absolute;
    top:50%;
    right:7px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:3px;
    margin:0;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
    transform:translateY(-50%);
}

.SLOT-TYPE-BTN{
    height:20px;
    display:inline-flex;
    align-items:center;
    gap:3px;
    padding:0 5px 0 4px;
    border-radius:8px;
    color:#64748B;
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    font-family:var(--FONT_FAMILY);
    font-size:7px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    box-shadow:0 5px 12px rgba(15,23,42,.04);
    transition:background .16s ease, color .16s ease, box-shadow .16s ease, border-color .16s ease, transform .16s ease;
}

.SLOT-TYPE-BTN strong{
    display:inline-flex;
    align-items:center;
    height:10px;
    color:var(--GOLD2);
    font-size:7px;
    line-height:1;
    transform:translateY(-1px);
}

.SLOT-TYPE-BTN > span:not(.SLOT-TYPE-CHECK){
    display:inline-flex;
    align-items:center;
    height:10px;
    line-height:1;
    transform:translateY(-1px);
}

.SLOT-TYPE-CHECK{
    width:10px;
    height:10px;
    display:none !important;
    align-items:center;
    justify-content:center;
    border-radius:3px;
    color:transparent;
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    font-size:7px;
    line-height:1;
    transform:translateY(-.8px);
}

.SLOT-TYPE-BTN:not(.IS-ACTIVE) .SLOT-TYPE-CHECK{
    display:none !important;
}

.SLOT-TYPE-BTN.IS-ACTIVE{
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 58%, var(--GOLD2));
    border-color:var(--GOLD_LIGHT);
    box-shadow:
        0 8px 16px rgba(var(--GOLD_RGB),.22),
        inset 0 1px 0 rgba(255,255,255,.28);
    transform:none;
}

.SLOT-TYPE-BTN.IS-ACTIVE strong{
    color:#FFFFFF;
}

.SLOT-TYPE-BTN.IS-ACTIVE .SLOT-TYPE-CHECK{
    display:inline-flex !important;
    color:var(--GOLD2);
    background:#FFFFFF;
    border-color:#FFFFFF;
}

.SLOT-HERO-EMBLEM{
    position:absolute;
    top:19px;
    right:17px;
    z-index:2;
    width:88px;
    height:88px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    border-radius:24px;
    color:#FFFFFF;
    background:
        linear-gradient(160deg, rgba(255,255,255,.24), rgba(255,255,255,0) 38%),
        linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 54%, var(--GOLD2));
    border:1px solid rgba(255,255,255,.72);
    box-shadow:0 14px 26px rgba(var(--GOLD2_RGB),.24);
    transform:rotate(4deg);
}

.SLOT-HERO-EMBLEM .BOTTOM-NAV-SLOT-ICON{
    min-width:41px;
    height:20px;
    margin:0;
    color:var(--GOLD2) !important;
    background:#FFFFFF !important;
    border-color:#FFFFFF !important;
    font-size:11px;
    box-shadow:0 5px 12px rgba(17,24,39,.16);
}

.SLOT-HERO-EMBLEM > .material-symbols-rounded{
    color:#FFFFFF;
    font-size:31px;
    line-height:1;
    filter:drop-shadow(0 4px 8px rgba(15,23,42,.18));
}

.SLOT-HERO-EMBLEM small{
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.SLOT-SECTION-HEAD{
    margin-bottom:8px;
}

.SLOT-SECTION-PILL{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:0 8px;
    border-radius:999px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.SLOT-TOP-LAYOUT{
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr);
    gap:8px;
}

.SLOT-FEATURED-GAME,
.SLOT-MINI-GRID,
.SLOT-GAMES-GRID{
    min-width:0;
}

.SLOT-MINI-GRID{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:7px;
}

.SLOT-GAME-TILE{
    position:relative;
    min-width:0;
    overflow:hidden;
    border-radius:15px;
    background:var(--CARD2);
    border:1px solid rgba(221,214,254,.92);
    box-shadow:0 10px 22px rgba(15,23,42,.08);
    isolation:isolate;
}

.SLOT-GAME-TILE::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(90deg, var(--CARD2) 0%, var(--GOLD_SOFT) 45%, var(--CARD2) 80%);
    background-size:220% 100%;
    animation:IMAGE_PLACEHOLDER 1.05s ease-in-out infinite;
}

.SLOT-GAME-TILE::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
        linear-gradient(180deg, rgba(15,23,42,0) 42%, rgba(15,23,42,.20) 68%, rgba(15,23,42,.76) 100%),
        linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0) 38%);
}

.SLOT-GAME-TILE.IS-IMAGE-LOADED::before{
    display:none;
}

.SLOT-GAME-TILE img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    opacity:0;
    transition:opacity .18s ease, transform .24s ease;
}

.SLOT-GAME-TILE.IS-IMAGE-LOADED img{
    opacity:1;
}

.SLOT-GAME-TILE:hover img{
    transform:scale(1.04);
}

.SLOT-GAME-TILE.IS-IMAGE-FAILED{
    background:linear-gradient(180deg, var(--CARD2), var(--GOLD_BORDER));
}

.SLOT-GAME-TILE-FEATURED{
    height:176px;
}

.SLOT-GAME-TILE-MINI{
    height:54px;
    border-radius:12px;
}

.SLOT-GAME-TILE-GRID{
    aspect-ratio:1 / 1;
}

.SLOT-BADGE{
    position:absolute;
    z-index:4;
    min-height:15px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    border-radius:999px;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.SLOT-BADGE{
    top:6px;
    left:6px;
    color:#FFFFFF;
    border:1px solid rgba(255,255,255,.56);
    box-shadow:0 2px 5px rgba(15,23,42,.16);
}

.SLOT-BADGE-HOT{
    background:linear-gradient(180deg, #FB7185, #E11D48);
}

.SLOT-BADGE-NEW{
    background:linear-gradient(180deg, #4ADE80, #16A34A);
}

.SLOT-GAME-TITLE{
    position:absolute;
    left:8px;
    right:8px;
    bottom:8px;
    z-index:4;
    color:#FFFFFF;
    font-size:10px;
    font-weight:900;
    line-height:1.05;
    text-transform:uppercase;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    text-shadow:0 1px 2px rgba(0,0,0,.96), 0 0 7px rgba(0,0,0,.74);
}

.SLOT-GAME-TILE-FEATURED .SLOT-GAME-TITLE{
    font-size:15px;
    line-height:1;
}

.SLOT-GAME-TILE-MINI .SLOT-GAME-TITLE{
    left:5px;
    right:5px;
    bottom:5px;
    font-size:7px;
    line-height:1;
}

.SLOT-GAME-TILE-MINI .SLOT-BADGE{
    top:4px;
    min-height:15px;
    padding:0 5px;
    font-size:7px;
}

.SLOT-GAME-TILE-MINI .SLOT-BADGE{
    left:4px;
}

.SLOT-FILTERS{
    display:flex;
    align-items:center;
    gap:7px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:1px 1px 2px;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.SLOT-FILTERS::-webkit-scrollbar{
    display:none;
}

.SLOT-FILTER-BTN{
    min-width:74px;
    height:32px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border-radius:999px;
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    font-size:9px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
    text-transform:uppercase;
    box-shadow:0 7px 15px rgba(var(--GOLD_RGB),.08);
}

.SLOT-FILTER-BTN.IS-ACTIVE{
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 58%, var(--GOLD2));
    border-color:var(--GOLD_LIGHT);
    box-shadow:0 9px 18px rgba(var(--GOLD_RGB),.22);
}

.SLOT-SEARCH{
    position:relative;
    min-height:36px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 7px 0 10px;
    border-radius:13px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    box-shadow:0 10px 22px rgba(15,23,42,.06);
}

.SLOT-SEARCH .material-symbols-rounded{
    flex:0 0 auto;
    color:var(--GOLD);
    font-size:18px;
}

.SLOT-SEARCH input{
    width:auto;
    min-width:0;
    flex:1 1 auto;
    height:34px;
    padding:0 178px 0 6px;
    border:0;
    outline:0;
    color:#1F2937;
    background:transparent;
    font-family:var(--FONT_FAMILY);
    font-size:10px;
    font-weight:800;
}

.SLOT-SEARCH input::placeholder{
    color:#94A3B8;
}

.SLOT-GAMES-GRID{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:8px;
}

.SLOT-GAMES-GRID .SLOT-GAME-TILE{
    border-radius:13px;
}

.SLOT-GAMES-GRID .SLOT-GAME-TITLE{
    left:5px;
    right:5px;
    bottom:5px;
    font-size:8px;
    line-height:1.02;
}

.SLOT-GAMES-GRID .SLOT-BADGE{
    top:4px;
    min-height:15px;
    padding:0 5px;
    font-size:7px;
}

.SLOT-GAMES-GRID .SLOT-BADGE{
    left:4px;
}

.SLOT-EMPTY{
    grid-column:1 / -1;
    min-height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    color:#64748B;
    background:#FFFFFF;
    border:1px dashed var(--GOLD_LIGHT_BORDER);
    font-size:11px;
    font-weight:800;
}

.SLOT-BACK-TOP{
    width:100%;
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    margin-top:11px;
    margin-bottom:4px;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    border-radius:14px;
    color:var(--GOLD2);
    background:linear-gradient(180deg, #FFFFFF, var(--CARD2));
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    box-shadow:0 10px 22px rgba(var(--GOLD_RGB),.10);
}

.SLOT-BACK-TOP .material-symbols-rounded{
    font-size:18px;
    line-height:1;
}

@media(max-width:360px){
    .SLOT-HERO{
        padding-right:108px;
    }

    .SLOT-HERO-EMBLEM{
        right:12px;
        width:78px;
        height:78px;
    }

    .SLOT-TOP-LAYOUT{
        gap:7px;
    }

    .SLOT-GAME-TILE-FEATURED{
        height:160px;
    }

    .SLOT-GAME-TILE-MINI{
        height:48px;
    }

    .SLOT-GAMES-GRID{
        gap:7px;
    }

    .SLOT-GAMES-GRID .SLOT-GAME-TITLE{
        font-size:7px;
    }
}

.SUPPORT-PAGE-CONTENT{
    display:flex;
    flex-direction:column;
    gap:12px;
    color:var(--TEXT);
}

.SUPPORT-PAGE-HEADER{
    padding:4px 2px 2px;
}

.SUPPORT-PAGE-HEADER h2{
    margin:0 0 6px;
    color:var(--GOLD2);
    font-size:20px;
    font-weight:800;
    line-height:1.1;
}

.SUPPORT-PAGE-HEADER p{
    margin:0;
    color:#4B5563;
    font-size:11px;
    font-weight:700;
    line-height:1.45;
}

.COMMISSION-PAGE.IS-WINLOSS-VIEW .SUPPORT-PAGE-HEADER p{
    font-size:10px;
}

.HELP-FAQ-LIST{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.HELP-CATEGORY-FILTERS{
    display:flex;
    align-items:center;
    gap:7px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 1px 3px;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.HELP-CATEGORY-FILTERS::-webkit-scrollbar{
    display:none;
}

.HELP-CATEGORY-BTN{
    flex:0 0 auto;
    min-height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 10px;
    border-radius:999px;
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 7px 16px rgba(var(--GOLD_RGB),.08);
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.HELP-CATEGORY-BTN strong{
    min-width:17px;
    height:17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    border-radius:999px;
    color:#FFFFFF;
    background:var(--GOLD);
    font-size:8px;
    font-weight:900;
    line-height:1;
}

.HELP-CATEGORY-BTN.IS-ACTIVE{
    color:#FFFFFF;
    background:var(--GOLD);
    border-color:var(--GOLD2);
}

.HELP-CATEGORY-BTN.IS-ACTIVE strong{
    color:var(--GOLD2);
    background:#FFFFFF;
}

.HELP-FAQ-ITEM{
    padding:12px 13px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.HELP-FAQ-ITEM-HEAD{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    margin-bottom:6px;
}

.HELP-FAQ-ITEM h3{
    min-width:0;
    margin:0;
    color:#1F2937;
    font-size:12px;
    font-weight:800;
    line-height:1.2;
}

.HELP-FAQ-BADGE{
    flex:0 0 auto;
    padding:4px 7px;
    border-radius:999px;
    color:var(--GOLD_DARK);
    background:#FEF3C7;
    border:1px solid #FCD34D;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

.HELP-FAQ-BADGE.IS-transaction{
    color:#15803D;
    background:#DCFCE7;
    border-color:#86EFAC;
}

.HELP-FAQ-BADGE.IS-games{
    color:#1D4ED8;
    background:#DBEAFE;
    border-color:#93C5FD;
}

.HELP-FAQ-BADGE.IS-account{
    color:var(--GOLD2);
    background:var(--GOLD_SOFT);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.HELP-FAQ-ITEM p{
    margin:0;
    color:#6B7280;
    font-size:10px;
    font-weight:700;
    line-height:1.45;
}

.UPDATES-CONTENT{
    gap:10px;
}

.UPDATES-VERSION-BAR{
    display:flex;
    align-items:center;
    gap:7px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 1px 3px;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.UPDATES-VERSION-BAR::-webkit-scrollbar{
    display:none;
}

.UPDATES-VERSION-BAR[hidden]{
    display:none;
}

.UPDATES-VERSION-BTN{
    flex:0 0 auto;
    min-height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 12px;
    border-radius:999px;
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 7px 16px rgba(var(--GOLD_RGB),.08);
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

.UPDATES-VERSION-BTN.IS-ACTIVE{
    color:#FFFFFF;
    background:var(--GOLD);
    border-color:var(--GOLD2);
}

.UPDATES-LIST{
    display:grid;
    gap:10px;
}

.UPDATES-RELEASE{
    display:grid;
    gap:10px;
    padding:10px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 12px 26px rgba(var(--GOLD_RGB),.07);
}

.UPDATES-RELEASE-HEAD{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}

.UPDATES-RELEASE-HEAD h3{
    margin:0 0 4px;
    color:#1F2937;
    font-size:13px;
    font-weight:900;
    line-height:1.15;
}

.UPDATES-RELEASE-HEAD p{
    margin:0;
    color:#6B7280;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
}

.UPDATES-RELEASE-VERSION{
    flex:0 0 auto;
    min-height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 9px;
    border-radius:999px;
    color:#FFFFFF;
    background:var(--GOLD);
    border:1px solid var(--GOLD2);
    font-size:8px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
}

.UPDATES-SECTION{
    display:grid;
    gap:7px;
    padding:10px;
    border-radius:10px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.UPDATES-SECTION-HEAD{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
}

.UPDATES-SECTION-HEAD strong{
    color:var(--GOLD2);
    font-size:10px;
    font-weight:900;
    line-height:1.15;
    text-transform:uppercase;
}

.UPDATES-SECTION-HEAD span{
    color:#6B7280;
    font-size:8px;
    font-weight:900;
    line-height:1.15;
    text-align:right;
    text-transform:uppercase;
}

.UPDATES-SECTION ul{
    display:grid;
    gap:5px;
    margin:0;
    padding-left:15px;
}

.UPDATES-SECTION li{
    color:#4B5563;
    font-size:10px;
    font-weight:700;
    line-height:1.4;
}

.UPDATES-EMPTY{
    padding:12px;
    border-radius:12px;
    color:#6B7280;
    background:#FFFFFF;
    border:1px dashed var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1.4;
    text-align:center;
}

.UPDATES-EMPTY.IS-ERROR{
    color:#DC2626;
    background:#FFF1F2;
    border-color:#FDA4AF;
}

.SUPPORT-CONCERN-FORM{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:12px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.SUPPORT-CONCERN-FORM label{
    color:#1F2937;
    font-size:11px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.SUPPORT-FIELD{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.SUPPORT-FIELD-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.SUPPORT-FIELD-HEAD label,
.SUPPORT-FIELD-HEAD > span{
    color:#1F2937;
    font-size:11px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.SUPPORT-CONCERN-TITLE,
.SUPPORT-CONCERN-INPUT,
.SUPPORT-REPLY-INPUT{
    width:100%;
    resize:none;
    border-radius:12px;
    color:#1F2937;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-family:var(--FONT_FAMILY);
    font-size:11px;
    font-weight:700;
    line-height:1.45;
    outline:none;
}

.SUPPORT-CONCERN-TITLE{
    height:34px;
    padding:0 10px;
}

.SUPPORT-CONCERN-INPUT{
    min-height:82px;
    padding:10px;
}

.SUPPORT-REPLY-INPUT{
    min-height:62px;
    padding:9px;
}

.SUPPORT-CHAR-COUNT{
    flex:0 0 auto;
    color:#9CA3AF;
    font-size:9px;
    font-weight:800;
    line-height:1;
    text-align:right;
}

.SUPPORT-CONCERN-INPUT:focus,
.SUPPORT-CONCERN-TITLE:focus,
.SUPPORT-REPLY-INPUT:focus{
    border-color:var(--GOLD_LIGHT_BORDER);
    box-shadow:0 0 0 3px rgba(var(--GOLD_RGB),.10);
}

.SUPPORT-ATTACH-FIELD{
    display:grid;
    grid-template-columns:auto minmax(0, 1fr);
    align-items:center;
    gap:8px;
}

.SUPPORT-ATTACH-INPUT{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    clip-path:inset(50%);
}

.SUPPORT-ATTACH-BTN{
    min-height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 10px;
    border-radius:10px;
    color:var(--GOLD2) !important;
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 7px 16px rgba(var(--GOLD_RGB),.08);
    font-size:9px !important;
    font-weight:800 !important;
    line-height:1;
    text-transform:uppercase;
    cursor:pointer;
}

.SUPPORT-ATTACH-BTN .material-symbols-rounded{
    font-size:16px;
    line-height:1;
}

.SUPPORT-ATTACH-PREVIEW{
    min-width:0;
    color:#9CA3AF;
    font-size:9px;
    font-weight:800;
    line-height:1.25;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.SUPPORT-ATTACHMENT{
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-top:8px;
    padding:5px 8px;
    border-radius:999px;
    color:var(--GOLD_DARK);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-decoration:none;
}

.SUPPORT-ATTACHMENT:hover{
    color:var(--GOLD2);
}

.SUPPORT-ATTACHMENT .material-symbols-rounded{
    flex:0 0 auto;
    color:var(--GOLD);
    font-size:14px;
    line-height:1;
}

.SUPPORT-ATTACHMENT-NAME{
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.SUPPORT-ATTACHMENT-SIZE{
    flex:0 0 auto;
    color:#9CA3AF;
}

.SUPPORT-CONCERN-SUBMIT,
.SUPPORT-REPLY-SUBMIT{
    width:100%;
    height:36px;
    border-radius:11px;
    font-size:10px;
}

.SUPPORT-CONCERN-SUBMIT:disabled,
.SUPPORT-REPLY-SUBMIT:disabled{
    cursor:not-allowed;
    opacity:.72;
}

.SUPPORT-CONCERN-STATUS,
.SUPPORT-REPLY-STATUS{
    display:none;
    color:#15803D;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
}

.SUPPORT-CONCERN-STATUS.IS-ACTIVE,
.SUPPORT-REPLY-STATUS.IS-ACTIVE{
    display:block;
}

.SUPPORT-CONCERN-STATUS.IS-ERROR,
.SUPPORT-REPLY-STATUS.IS-ERROR{
    color:#B91C1C;
}

.SUPPORT-CONCERN-STATUS.IS-NEUTRAL,
.SUPPORT-REPLY-STATUS.IS-NEUTRAL{
    color:#64748B;
}

.SUPPORT-RECENT{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.SUPPORT-RECENT-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 2px;
}

.SUPPORT-RECENT-HEAD h3{
    margin:0;
    color:#1F2937;
    font-size:13px;
    font-weight:800;
    line-height:1;
}

.SUPPORT-RECENT-HEAD span{
    min-width:24px;
    padding:3px 7px;
    border-radius:999px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-align:center;
}

.SUPPORT-CONCERNS-LIST{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.SUPPORT-CONCERNS-EMPTY{
    padding:14px;
    border-radius:14px;
    color:#6B7280;
    background:#FFFFFF;
    border:1px dashed var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1.45;
    text-align:center;
}

.SUPPORT-LOAD-MORE{
    width:100%;
    min-height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.08);
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.SUPPORT-LOAD-MORE[hidden]{
    display:none !important;
}

.SUPPORT-LOAD-MORE:disabled{
    cursor:not-allowed;
    opacity:.68;
}

.SUPPORT-LOAD-MORE[aria-disabled="true"]{
    cursor:not-allowed;
    opacity:.68;
}

.SUPPORT-TICKET{
    overflow:hidden;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.SUPPORT-TICKET-HEAD{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto auto;
    align-items:center;
    gap:8px;
    padding:11px 12px;
    color:#1F2937;
    background:#FFFFFF;
    border:0;
    text-align:left;
}

.SUPPORT-TICKET-ID{
    display:block;
    margin-bottom:4px;
    color:var(--GOLD2);
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.SUPPORT-TICKET-NOTIFY-BADGE{
    min-width:54px;
    min-height:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:6px;
    padding:0 6px;
    border-radius:999px;
    color:#FFFFFF;
    background:#22C55E;
    box-shadow:0 5px 12px rgba(34,197,94,.22);
    font-size:7px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
    vertical-align:middle;
}

.SUPPORT-TICKET-TITLE{
    display:block;
    overflow:hidden;
    color:#1F2937;
    font-size:11px;
    font-weight:800;
    line-height:1.25;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.SUPPORT-TICKET-DATE{
    display:block;
    margin-top:4px;
    color:#9CA3AF;
    font-size:8px;
    font-weight:800;
    line-height:1.25;
    white-space:normal;
}

.SUPPORT-TICKET-STATUS{
    padding:4px 7px;
    border-radius:999px;
    color:#15803D;
    background:#DCFCE7;
    border:1px solid #BBF7D0;
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

.SUPPORT-TICKET-STATUS.IS-PENDING{
    color:var(--GOLD_DARK);
    background:#FEF3C7;
    border-color:#FCD34D;
}

.SUPPORT-TICKET-STATUS.IS-RESOLVED{
    color:#15803D;
    background:#DCFCE7;
    border-color:#86EFAC;
}

.SUPPORT-TICKET-STATUS.IS-ONGOING{
    color:#047857;
    background:#ECFDF5;
    border-color:#6EE7B7;
}

.SUPPORT-TICKET-STATUS.IS-CLOSED{
    color:#64748B;
    background:#F1F5F9;
    border-color:#CBD5E1;
}

.SUPPORT-TICKET-HEAD .material-symbols-rounded{
    color:var(--GOLD2);
    font-size:19px;
    transition:transform .18s ease;
}

.SUPPORT-TICKET.IS-OPEN .SUPPORT-TICKET-HEAD .material-symbols-rounded{
    transform:rotate(180deg);
}

.SUPPORT-TICKET-BODY{
    display:none;
    padding:0 12px 12px;
    border-top:1px solid #F3F4F6;
}

.SUPPORT-TICKET.IS-OPEN .SUPPORT-TICKET-BODY{
    display:block;
}

.SUPPORT-TICKET-MESSAGE,
.SUPPORT-REPLY{
    margin-top:10px;
    padding:10px;
    border-radius:12px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.SUPPORT-TICKET-MESSAGE{
    background:
        linear-gradient(180deg, var(--CARD2), #FFFFFF);
    border-color:var(--GOLD_LIGHT_BORDER);
    box-shadow:0 9px 20px rgba(var(--GOLD_RGB),.08);
}

.SUPPORT-TICKET-MESSAGE strong,
.SUPPORT-REPLY strong{
    display:block;
    margin-bottom:4px;
    color:#1F2937;
    font-size:9px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.SUPPORT-MESSAGE-META{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:4px;
}

.SUPPORT-MESSAGE-META strong{
    margin:0;
}

.SUPPORT-MESSAGE-META span{
    color:#9CA3AF;
    font-size:8px;
    font-weight:800;
    line-height:1.25;
    white-space:normal;
    text-align:right;
}

.SUPPORT-TICKET-MESSAGE h4{
    margin:0 0 5px;
    color:var(--GOLD2);
    font-size:11px;
    font-weight:900;
    line-height:1.25;
    text-transform:none;
}

.SUPPORT-TICKET-MESSAGE p,
.SUPPORT-REPLY p{
    margin:0;
    color:#4B5563;
    font-size:10px;
    font-weight:700;
    line-height:1.45;
}

.SUPPORT-VOUCHER{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:9px;
    padding:8px;
    border-radius:12px;
    background:linear-gradient(135deg, #F7FDF9, #ECFDF3);
    border:1px solid #BBF7D0;
    box-shadow:0 10px 22px rgba(22,163,74,.08);
}

.SUPPORT-VOUCHER > div{
    min-width:0;
}

.SUPPORT-VOUCHER strong{
    margin:0 0 3px;
    color:#1F2937;
    font-size:8px;
    font-weight:900;
    letter-spacing:.04em;
    line-height:1;
    text-transform:uppercase;
}

.SUPPORT-VOUCHER p{
    margin:0;
    color:#4B5563;
    font-size:8px;
    font-weight:800;
    line-height:1.35;
}

.SUPPORT-VOUCHER-CODE{
    flex:0 0 auto;
    max-width:128px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    height:28px;
    padding:0 8px;
    border:0;
    border-radius:999px;
    color:#FFFFFF;
    background:linear-gradient(135deg, #34D399, #16A34A);
    box-shadow:0 8px 16px rgba(22,163,74,.18);
    cursor:pointer;
}

.SUPPORT-VOUCHER-CODE span:first-child{
    min-width:0;
    display:inline-flex;
    align-items:center;
    height:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:9px;
    font-weight:900;
    letter-spacing:.03em;
    line-height:1;
}

.SUPPORT-VOUCHER-CODE .material-symbols-rounded{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:100%;
    font-size:14px;
    line-height:1;
}

.SUPPORT-VOUCHER-CODE.IS-COPIED{
    background:linear-gradient(135deg, #16A34A, #15803D);
    box-shadow:0 8px 16px rgba(22,163,74,.22);
}

.SUPPORT-REPLY.IS-SUPPORT{
    background:linear-gradient(180deg, #F7FDF9, #FFFFFF);
    border-color:#BBF7D0;
    box-shadow:0 9px 20px rgba(22,163,74,.06);
}

.SUPPORT-REPLY.IS-SUPPORT .SUPPORT-REPLY-META strong{
    color:#1F2937;
}

.SUPPORT-REPLY.IS-SUPPORT p{
    color:#4B5563;
}

.SUPPORT-REPLY-META{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:4px;
}

.SUPPORT-REPLY-META strong{
    margin:0;
}

.SUPPORT-REPLY-META span{
    color:#9CA3AF;
    font-size:8px;
    font-weight:800;
    line-height:1.25;
    white-space:normal;
    text-align:right;
}

.SUPPORT-NO-REPLY{
    margin:10px 0 0;
    color:#9CA3AF;
    font-size:10px;
    font-weight:800;
    line-height:1.4;
}

.SUPPORT-CLOSED-NOTE{
    margin:10px 0 0;
    padding:9px 10px;
    border-radius:12px;
    color:#64748B;
    background:#F8FAFC;
    border:1px solid #E2E8F0;
    font-size:9px;
    font-weight:800;
    line-height:1.4;
}

.SUPPORT-REPLY-FORM{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:10px;
}

.CASHIER-CONTENT{
    gap:12px;
}

.CASHIER-TABS{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:4px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.CASHIER-TAB{
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:#6B7280;
    background:transparent;
    border:0;
    font-size:11px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.CASHIER-TAB.IS-ACTIVE{
    color:#FFFFFF;
    background:var(--GOLD);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.14);
}

.CASHIER-FORM{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:9px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.CASHIER-FORM label{
    color:#1F2937;
    font-size:11px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.CASHIER-METHODS{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:6px;
}

.CASHIER-METHODS[hidden],
.CASHIER-FORM > label[hidden]{
    display:none !important;
}

.CASHIER-METHOD-BTN{
    min-width:0;
    height:58px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0;
    padding:0 3px 3px;
    border-radius:13px;
    color:#4B5563;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-size:9px;
    font-weight:800;
    line-height:1;
}

.CASHIER-METHOD-BTN[hidden]{
    display:none;
}

.CASHIER-METHOD-BTN img{
    width:64px;
    height:36px;
    display:block;
    margin-top:-3px;
    object-fit:contain;
}

.CASHIER-METHOD-FALLBACK{
    min-width:48px;
    min-height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:3px;
    color:var(--GOLD);
    font-size:13px;
    font-weight:900;
}

.CASHIER-METHOD-BTN span{
    margin-top:-2px;
}

.CASHIER-METHOD-BTN.IS-ACTIVE{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.10);
}

.CASHIER-ACCOUNT-FIELDS{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
}

.CASHIER-ACCOUNT-FIELDS[hidden]{
    display:none !important;
}

.CASHIER-ACCOUNT-FIELD{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px;
}

.CASHIER-ACCOUNT-FIELD span{
    overflow:hidden;
    color:#1F2937;
    font-size:11px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.CASHIER-ACCOUNT-FIELD input,
.CASHIER-ACCOUNT-FIELD select{
    width:100%;
    height:34px;
    min-width:0;
    padding:0 10px;
    border-radius:12px;
    color:#1F2937;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-family:var(--FONT_FAMILY);
    font-size:11px;
    font-weight:800;
    outline:0;
}

.CASHIER-ACCOUNT-FIELD select{
    appearance:none;
    background-image:linear-gradient(45deg, transparent 50%, var(--GOLD2) 50%), linear-gradient(135deg, var(--GOLD2) 50%, transparent 50%);
    background-position:calc(100% - 15px) 14px, calc(100% - 10px) 14px;
    background-size:5px 5px, 5px 5px;
    background-repeat:no-repeat;
    padding-right:28px;
}

.CASHIER-ACCOUNT-FIELD input:focus,
.CASHIER-ACCOUNT-FIELD select:focus{
    border-color:var(--GOLD_LIGHT_BORDER);
    box-shadow:0 0 0 3px rgba(var(--GOLD_RGB),.10);
}

.CASHIER-ACCOUNT-FIELD input::placeholder{
    color:#9CA3AF;
}

.CASHIER-WITHDRAW-DETAILS[hidden]{
    display:none !important;
}

.CASHIER-WITHDRAW-DETAILS-ROW{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 104px;
    gap:7px;
    align-items:center;
}

.CASHIER-WITHDRAW-BIND-BTN{
    width:100%;
    height:34px;
    padding:0 8px;
    border-radius:12px;
    color:#FFFFFF;
    background:var(--GOLD2);
    border:1px solid var(--GOLD2);
    font-family:var(--FONT_FAMILY);
    font-size:11px;
    font-weight:900;
    line-height:1;
    text-align:center;
    text-transform:uppercase;
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.14);
}

.CASHIER-AMOUNT-WRAP{
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 10px;
    border-radius:12px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.CASHIER-AMOUNT-WRAP span{
    color:var(--GOLD2);
    font-size:10px;
    font-weight:800;
    line-height:1;
}

.CASHIER-AMOUNT-INPUT{
    width:100%;
    height:34px;
    min-width:0;
    border:0;
    color:#1F2937;
    background:transparent;
    font-family:var(--FONT_FAMILY);
    font-size:13px;
    font-weight:800;
    line-height:1;
    outline:none;
}

.CASHIER-AMOUNT-WRAP:focus-within{
    border-color:var(--GOLD_LIGHT_BORDER);
    box-shadow:0 0 0 3px rgba(var(--GOLD_RGB),.10);
}

.CASHIER-LIMIT-TEXT{
    color:#6B7280;
    font-size:10px;
    font-weight:800;
    line-height:1.45;
}

.CASHIER-TURNOVER{
    display:flex;
    flex-direction:column;
    gap:7px;
    padding:10px;
    border-radius:13px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.07);
}

.CASHIER-TURNOVER[hidden]{
    display:none !important;
}

.CASHIER-TURNOVER-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.CASHIER-TURNOVER-HEAD span{
    color:#1F2937;
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.CASHIER-TURNOVER-HEAD strong{
    min-width:72px;
    height:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 8px;
    border-radius:999px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:8px;
    font-weight:900;
    line-height:1;
}

.CASHIER-TURNOVER-BAR{
    position:relative;
    height:9px;
    overflow:hidden;
    border-radius:999px;
    background:#F1F5F9;
    border:1px solid #E5E7EB;
}

.CASHIER-TURNOVER-BAR span{
    position:absolute;
    inset:0 auto 0 0;
    width:0;
    border-radius:inherit;
    background:linear-gradient(90deg, var(--GOLD_LIGHT_BORDER), var(--GOLD));
    transition:width .24s ease;
}

.CASHIER-TURNOVER-GRID{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:6px;
}

.CASHIER-TURNOVER-GRID div{
    min-width:0;
    padding:7px 6px;
    border-radius:10px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.CASHIER-TURNOVER-GRID span,
.CASHIER-TURNOVER-GRID strong{
    display:block;
    overflow:hidden;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.CASHIER-TURNOVER-GRID span{
    margin-bottom:4px;
    color:#64748B;
    font-size:7px;
    font-weight:900;
    text-transform:uppercase;
}

.CASHIER-TURNOVER-GRID strong{
    color:#1F2937;
    font-size:9px;
    font-weight:900;
}

.CASHIER-TURNOVER.IS-COMPLETE{
    border-color:#BBF7D0;
    box-shadow:0 8px 18px rgba(22,163,74,.08);
}

.CASHIER-TURNOVER.IS-COMPLETE .CASHIER-TURNOVER-HEAD strong{
    color:#15803D;
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.CASHIER-TURNOVER.IS-COMPLETE .CASHIER-TURNOVER-BAR span{
    background:linear-gradient(90deg, #86EFAC, #16A34A);
}

.CASHIER-TURNOVER.IS-PENDING{
    color:#7F1D1D;
    background:#FFF7F7;
    border:1px dashed #FECACA;
    box-shadow:0 10px 22px rgba(239,68,68,.10);
}

.CASHIER-TURNOVER.IS-PENDING .CASHIER-TURNOVER-HEAD span{
    color:#7F1D1D;
}

.CASHIER-TURNOVER.IS-PENDING .CASHIER-TURNOVER-HEAD strong{
    color:#B91C1C;
    background:#FEF2F2;
    border-color:#FECACA;
}

.CASHIER-TURNOVER.IS-PENDING .CASHIER-TURNOVER-BAR{
    background:#FEE2E2;
    border-color:#FECACA;
}

.CASHIER-TURNOVER.IS-PENDING .CASHIER-TURNOVER-BAR span{
    background:linear-gradient(90deg, var(--GOLD_LIGHT_BORDER), #EF4444);
}

.CASHIER-TURNOVER.IS-PENDING .CASHIER-TURNOVER-GRID div{
    background:#FFFFFF;
    border-color:#FECACA;
}

.CASHIER-TURNOVER.IS-PENDING .CASHIER-TURNOVER-GRID span{
    color:#991B1B;
}

.CASHIER-TURNOVER.IS-LOADING .CASHIER-TURNOVER-BAR span{
    width:18% !important;
    background:linear-gradient(90deg, #CBD5E1, #94A3B8);
}

.CASHIER-DENOMINATIONS{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:7px;
}

.CASHIER-DENOM-BTN{
    height:31px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.CASHIER-DENOM-BTN.IS-ACTIVE{
    color:#FFFFFF;
    background:var(--GOLD);
    border-color:var(--GOLD2);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.14);
}

.CASHIER-DENOM-BTN.IS-DISABLED,
.CASHIER-DENOM-BTN[aria-disabled="true"]{
    cursor:not-allowed;
    color:#9CA3AF;
    background:#F8FAFC;
    border-color:#E5E7EB;
    box-shadow:none;
    filter:grayscale(.12) saturate(.9);
    opacity:.78;
}

.CASHIER-DENOM-BTN:active{
    transform:translateY(1px);
}

.CASHIER-SUBMIT{
    width:100%;
    height:36px;
    border-radius:12px;
    font-size:10px;
}

.CASHIER-SUBMIT:disabled,
.CASHIER-SUBMIT[aria-disabled="true"]{
    cursor:not-allowed;
    color:rgba(255,255,255,.86);
    background:var(--GOLD);
    border:1px solid var(--GOLD2);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.10);
    filter:grayscale(.18) saturate(.82) brightness(1.03);
    opacity:.72;
}

.CASHIER-STATUS{
    display:none;
    color:#15803D;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
}

.CASHIER-STATUS.IS-ACTIVE{
    display:block;
}

.CASHIER-STATUS.IS-ERROR{
    color:#B91C1C;
}

.CASHIER-STATUS.IS-NEUTRAL{
    color:#6B7280;
}

.WITHDRAW-BINDING-OVERLAY{
    position:fixed;
    inset:0;
    z-index:268;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(17,24,39,.38);
}

.WITHDRAW-BINDING-OVERLAY[hidden]{
    display:none !important;
}

.WITHDRAW-BINDING-OVERLAY.IS-ACTIVE{
    display:flex;
}

.WITHDRAW-BINDING-MODAL{
    width:min(100%, 360px);
    display:flex;
    flex-direction:column;
    gap:8px;
    overflow:hidden;
    padding:0 14px 14px;
    border-radius:18px;
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 18px 46px rgba(17,24,39,.18), 0 0 34px rgba(var(--GOLD_RGB),.14);
}

.WITHDRAW-BINDING-HEAD{
    display:grid;
    grid-template-columns:34px minmax(0, 1fr) 28px;
    align-items:center;
    gap:8px;
    margin:0 -14px 4px;
    padding:8px 10px 8px 14px;
    border-bottom:1px solid var(--GOLD_LIGHT_BORDER);
    background:#FFFFFF;
}

.WITHDRAW-BINDING-ICON,
.WITHDRAW-BINDING-CLOSE{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.WITHDRAW-BINDING-CLOSE{
    width:28px;
    height:28px;
    justify-self:end;
    padding:0;
}

.WITHDRAW-BINDING-ICON .material-symbols-rounded{
    font-size:19px;
    line-height:1;
}

.WITHDRAW-BINDING-CLOSE .material-symbols-rounded{
    font-size:17px;
    line-height:1;
}

.WITHDRAW-BINDING-TITLE h2{
    margin:0;
    color:#1F2937;
    font-family:var(--FONT_FAMILY);
    font-size:15px;
    font-weight:900;
    line-height:1.05;
}

.WITHDRAW-BINDING-TITLE p{
    margin:2px 0 0;
    color:#64748B;
    font-size:9px;
    font-weight:800;
    line-height:1.15;
}

.WITHDRAW-BINDING-LABEL{
    color:#1F2937;
    font-size:11px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.WITHDRAW-BINDING-METHODS{
    margin-bottom:1px;
}

.WITHDRAW-BINDING-FIELD{
    gap:5px;
}

.WITHDRAW-BINDING-SUBMIT{
    width:100%;
    min-height:34px;
    margin-top:2px;
}

.WITHDRAW-BINDING-STATUS{
    display:none;
    color:#15803D;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
}

.WITHDRAW-BINDING-STATUS.IS-ACTIVE{
    display:block;
}

.WITHDRAW-BINDING-STATUS.IS-ERROR{
    color:#B91C1C;
}

.WITHDRAW-BINDING-STATUS.IS-NEUTRAL{
    color:#64748B;
}

.CASHIER-HISTORY{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.CASHIER-HISTORY-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 2px;
}

.CASHIER-HISTORY-HEAD h3{
    margin:0;
    color:#1F2937;
    font-size:13px;
    font-weight:800;
    line-height:1;
}

.CASHIER-HISTORY-HEAD span{
    min-width:24px;
    padding:3px 7px;
    border-radius:999px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-align:center;
}

.CASHIER-HISTORY-LIST{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.CASHIER-HISTORY-LOAD-MORE{
    width:100%;
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.08);
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}

.CASHIER-HISTORY-LOAD-MORE[hidden]{
    display:none !important;
}

.CASHIER-HISTORY-LOAD-MORE[aria-disabled="true"]{
    cursor:not-allowed;
    opacity:.68;
}

.CASHIER-HISTORY-EMPTY{
    padding:14px;
    border-radius:14px;
    color:#6B7280;
    background:#FFFFFF;
    border:1px dashed var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1.45;
    text-align:center;
}

.CASHIER-HISTORY-ITEM{
    display:flex;
    flex-direction:column;
    gap:7px;
    padding:12px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.CASHIER-HISTORY-ROW{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-width:0;
}

.CASHIER-HISTORY-TXN-COPY{
    min-width:0;
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:0;
    border:0;
    color:#64748B;
    background:transparent;
    cursor:pointer;
    line-height:1;
}

.CASHIER-HISTORY-TXN-LABEL{
    flex:0 0 auto;
    color:#374151;
    font-family:'Geist Mono', monospace;
    font-size:8px;
    font-weight:900;
    line-height:1;
}

.CASHIER-HISTORY-HASH{
    min-width:0;
    overflow:hidden;
    color:#64748B;
    font-family:'Geist Mono', monospace;
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.CASHIER-HISTORY-TXN-COPY .material-symbols-rounded{
    flex:0 0 auto;
    color:var(--GOLD);
    font-size:12px;
    line-height:1;
}

.CASHIER-HISTORY-TXN-COPY.IS-TXN-COPIED .material-symbols-rounded{
    color:#16A34A;
}

.CASHIER-HISTORY-AMOUNT{
    display:block;
    min-width:0;
    color:#111827;
    font-size:14px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
}

.CASHIER-HISTORY-AMOUNT.IS-DEPOSIT{
    color:#15803D;
}

.CASHIER-HISTORY-AMOUNT.IS-WITHDRAW{
    color:#B91C1C;
}

.CASHIER-HISTORY-TYPE{
    flex:0 0 auto;
    margin-left:auto;
    color:var(--GOLD2);
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-align:right;
    text-transform:uppercase;
    white-space:nowrap;
}

.REWARD-PAGE-CONTENT{
    gap:10px;
}

.REWARD-LIST{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.REWARD-EMPTY{
    padding:14px;
    border-radius:14px;
    color:#64748B;
    background:#FFFFFF;
    border:1px dashed var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1.4;
    text-align:center;
}

.VIP-REBATE-CARD{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:12px;
    border-radius:14px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    box-shadow:0 8px 18px rgba(15,23,42,.04);
}

.VIP-REBATE-CARD.IS-REBATE{
    border-color:var(--GOLD_BORDER);
    box-shadow:0 10px 22px rgba(var(--GOLD_RGB),.08);
}

.VIP-LEVEL-MENU{
    gap:8px;
    padding:1px 1px 4px;
}

.VIP-LEVEL-TILE{
    position:relative;
    width:112px;
    min-height:74px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:3px;
    overflow:hidden;
    padding:9px 10px;
    scroll-snap-align:start;
    border-radius:14px;
    color:#64748B;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    box-shadow:0 8px 18px rgba(15,23,42,.05);
}

.VIP-LEVEL-TILE::after{
    content:'';
    position:absolute;
    right:-18px;
    bottom:-24px;
    width:58px;
    height:58px;
    border-radius:999px;
    background:rgba(var(--GOLD_RGB),.08);
    pointer-events:none;
}

.VIP-LEVEL-TILE-TOP{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:5px;
    min-width:0;
}

.VIP-LEVEL-TILE-TOP span,
.VIP-LEVEL-TILE-TOP b,
.VIP-LEVEL-TILE strong,
.VIP-LEVEL-TILE small,
.VIP-LEVEL-TILE em{
    position:relative;
    z-index:1;
    display:block;
    overflow:hidden;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.VIP-LEVEL-TILE-TOP span{
    color:var(--GOLD2);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}

.VIP-LEVEL-TILE-TOP b{
    flex:0 0 auto;
    min-width:28px;
    min-height:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    border-radius:999px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:7px;
    font-weight:900;
    text-transform:uppercase;
}

.VIP-LEVEL-TILE strong{
    margin-top:3px;
    color:#1F2937;
    font-size:16px;
    font-weight:900;
}

.VIP-LEVEL-TILE small{
    color:#94A3B8;
    font-size:7px;
    font-weight:900;
    text-transform:uppercase;
}

.VIP-LEVEL-TILE em{
    width:max-content;
    max-width:100%;
    margin-top:4px;
    padding:4px 6px;
    border-radius:999px;
    color:#64748B;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-size:7px;
    font-style:normal;
    font-weight:900;
    text-transform:uppercase;
}

.VIP-LEVEL-TILE.IS-UNLOCKED{
    border-color:var(--GOLD_BORDER);
    background:var(--CARD2);
}

.VIP-LEVEL-TILE.IS-ACTIVE{
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 58%, var(--GOLD2));
    border-color:var(--GOLD_LIGHT);
    box-shadow:0 9px 18px rgba(var(--GOLD_RGB),.22);
}

.VIP-LEVEL-TILE.IS-ACTIVE::after{
    background:rgba(255,255,255,.16);
}

.VIP-LEVEL-TILE.IS-ACTIVE .VIP-LEVEL-TILE-TOP span,
.VIP-LEVEL-TILE.IS-ACTIVE strong,
.VIP-LEVEL-TILE.IS-ACTIVE small,
.VIP-LEVEL-TILE.IS-ACTIVE em{
    color:#FFFFFF;
}

.VIP-LEVEL-TILE.IS-ACTIVE .VIP-LEVEL-TILE-TOP b{
    color:var(--GOLD2);
    background:#FFFFFF;
    border-color:#FFFFFF;
}

.VIP-LEVEL-TILE.IS-ACTIVE em{
    background:rgba(255,255,255,.15);
    border-color:rgba(255,255,255,.32);
}

.VIP-LEVEL-TILE.IS-LOCKED{
    background:#F8FAFC;
}

.VIP-LEVEL-TILE.IS-LOCKED .VIP-LEVEL-TILE-TOP span,
.VIP-LEVEL-TILE.IS-LOCKED strong{
    color:#475569;
}

.VIP-REBATE-HEAD{
    display:grid;
    grid-template-columns:38px minmax(0, 1fr) auto;
    align-items:center;
    gap:9px;
    min-height:42px;
    min-width:0;
}

.VIP-REBATE-ICON{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    align-self:center;
    justify-self:center;
}

.VIP-REBATE-ICON .material-symbols-rounded{
    display:block;
    margin:0;
    font-size:21px;
    line-height:1;
}

.VIP-REBATE-HEAD div:not(.VIP-REBATE-ICON){
    min-width:0;
    min-height:38px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.VIP-REBATE-HEAD strong,
.VIP-REBATE-HEAD span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.VIP-REBATE-HEAD strong{
    color:#1F2937;
    font-size:12px;
    font-weight:900;
    line-height:1.1;
}

.VIP-REBATE-HEAD span{
    margin-top:3px;
    color:#64748B;
    font-size:9px;
    font-weight:800;
    line-height:1;
}

.VIP-REBATE-HEAD b{
    min-width:60px;
    height:24px;
    box-sizing:border-box;
    display:inline-flex;
    align-self:center !important;
    justify-self:center;
    align-items:center;
    justify-content:center;
    padding:0 8px;
    border-radius:999px;
    color:#15803D;
    background:#F0FDF4;
    border:1px solid #BBF7D0;
    font-size:9px;
    font-weight:900;
    line-height:24px;
    white-space:nowrap;
    transform:translateY(0);
}

.VIP-REBATE-CARD.IS-REBATE .VIP-REBATE-HEAD b{
    min-width:96px;
    max-width:112px;
    overflow:hidden;
    font-size:8px;
    text-overflow:ellipsis;
}

.VIP-REBATE-PROGRESS{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.VIP-REBATE-PROGRESS > div:first-child{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:#64748B;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.VIP-REBATE-PROGRESS strong{
    color:#1F2937;
    font-size:8px;
    font-weight:900;
    white-space:nowrap;
}

.VIP-REBATE-BAR{
    position:relative;
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:#F1F5F9;
    border:1px solid #E5E7EB;
}

.VIP-REBATE-BAR span{
    position:absolute;
    inset:0 auto 0 0;
    width:0;
    border-radius:inherit;
    background:linear-gradient(90deg, var(--GOLD_LIGHT_BORDER), var(--GOLD));
}

.VIP-REBATE-DESCRIPTION{
    padding:10px;
    border-radius:12px;
    color:var(--GOLD_DARK);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
}

.VIP-REBATE-DESCRIPTION span,
.VIP-REBATE-DESCRIPTION p{
    display:block;
    margin:0;
}

.VIP-REBATE-DESCRIPTION span{
    margin-bottom:5px;
    color:var(--GOLD2);
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.VIP-REBATE-DESCRIPTION p{
    color:var(--GOLD_DARK);
    font-size:9px;
    font-weight:800;
    line-height:1.45;
}

.VIP-REBATE-METRICS{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:6px;
}

.VIP-REBATE-METRIC{
    min-width:0;
    padding:8px 7px;
    border-radius:10px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.VIP-REBATE-METRIC.IS-HIGHLIGHT{
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.VIP-REBATE-METRIC span,
.VIP-REBATE-METRIC strong{
    display:block;
    overflow:hidden;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.VIP-REBATE-METRIC span{
    margin-bottom:5px;
    color:#64748B;
    font-size:7px;
    font-weight:900;
    text-transform:uppercase;
}

.VIP-REBATE-METRIC strong{
    color:#1F2937;
    font-size:9px;
    font-weight:900;
}

.VIP-REBATE-METRIC.IS-HIGHLIGHT strong{
    color:#15803D;
}

.VIP-REBATE-METRIC.IS-LOSS strong{
    color:#DC2626;
}

.VIP-REBATE-METRICS.IS-REBATE-CLAIM .VIP-REBATE-METRIC{
    background:#FFFFFF;
    border-color:var(--GOLD_BORDER);
}

.VIP-REBATE-METRICS.IS-REBATE-CLAIM .VIP-REBATE-METRIC.IS-HIGHLIGHT{
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.VIP-REBATE-RULES{
    padding:9px 10px;
    border-radius:11px;
    color:#7F1D1D;
    background:#FEF2F2;
    border:1px dashed #FECACA;
}

.VIP-REBATE-RULES span,
.VIP-REBATE-RULES p{
    display:block;
    margin:0;
}

.VIP-REBATE-RULES span{
    margin-bottom:5px;
    color:#B91C1C;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.VIP-REBATE-RULES p{
    color:#7F1D1D;
    font-size:9px;
    font-weight:800;
    line-height:1.45;
}

.VIP-REBATE-CARD.IS-REBATE.IS-EMPTY{
    border-color:#E5E7EB;
    box-shadow:0 8px 18px rgba(15,23,42,.04);
}

.VIP-REBATE-CARD.IS-REBATE.IS-EMPTY .VIP-REBATE-HEAD b{
    color:#64748B;
    background:#F8FAFC;
    border-color:#E5E7EB;
}

.VIP-REBATE-CLAIM-TOTAL{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:11px;
    border-radius:12px;
    background:linear-gradient(180deg, #F0FDF4 0%, #FFFFFF 100%);
    border:1px solid #BBF7D0;
}

.VIP-REBATE-CARD.IS-EMPTY .VIP-REBATE-CLAIM-TOTAL{
    background:#F8FAFC;
    border-color:#E5E7EB;
}

.VIP-REBATE-CLAIM-TOTAL span,
.VIP-REBATE-CLAIM-TOTAL strong{
    display:block;
    overflow:hidden;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.VIP-REBATE-CLAIM-TOTAL span{
    color:#166534;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}

.VIP-REBATE-CARD.IS-EMPTY .VIP-REBATE-CLAIM-TOTAL span{
    color:#64748B;
}

.VIP-REBATE-CLAIM-TOTAL strong{
    color:#15803D;
    font-size:13px;
    font-weight:900;
}

.VIP-REBATE-CARD.IS-EMPTY .VIP-REBATE-CLAIM-TOTAL strong{
    color:#475569;
}

.VIP-REBATE-CLAIM-LIST{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
}

.VIP-REBATE-CLAIM-ROW{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:9px 10px;
    border-radius:11px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.VIP-REBATE-CLAIM-ROW span,
.VIP-REBATE-CLAIM-ROW strong{
    display:block;
    overflow:hidden;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.VIP-REBATE-CLAIM-ROW span{
    color:#64748B;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
}

.VIP-REBATE-CLAIM-ROW strong{
    color:#1F2937;
    font-size:10px;
    font-weight:900;
}

.VIP-REBATE-CLAIM-ROW.IS-EMPTY strong{
    color:#64748B;
}

.VIP-REBATE-CLAIM-BTN{
    width:100%;
    height:38px;
    border:0;
    border-radius:12px;
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD), var(--GOLD2));
    box-shadow:0 9px 18px rgba(var(--GOLD_RGB),.18);
    font-family:var(--FONT_FAMILY);
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.VIP-REBATE-CLAIM-BTN.IS-PILL{
    width:auto;
    min-width:86px;
    height:27px;
    align-self:center;
    justify-self:center;
    padding:0 10px;
    border-radius:999px;
    background:#16A34A;
    border:1px solid #15803D;
    box-shadow:0 8px 18px rgba(22,163,74,.18);
    font-size:8px;
    white-space:nowrap;
}

.VIP-REBATE-CLAIM-BTN:disabled,
.VIP-REBATE-CLAIM-BTN[aria-disabled="true"]{
    cursor:not-allowed;
    color:rgba(255,255,255,.86);
    background:var(--GOLD);
    border:1px solid var(--GOLD2);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.10);
    filter:grayscale(.16) saturate(.84) brightness(1.03);
    opacity:.72;
}

.VIP-REBATE-CLAIM-BTN.IS-PILL:disabled,
.VIP-REBATE-CLAIM-BTN.IS-PILL[aria-disabled="true"]{
    color:#9CA3AF;
    background:#F8FAFC;
    border-color:#E5E7EB;
    box-shadow:none;
    filter:none;
    opacity:1;
}

.VIP-REBATE-CARD.IS-CLAIMED .VIP-REBATE-CLAIM-BTN.IS-PILL:disabled,
.VIP-REBATE-CARD.IS-CLAIMED .VIP-REBATE-CLAIM-BTN.IS-PILL[aria-disabled="true"]{
    color:rgba(255,255,255,.86);
    background:#16A34A;
    border-color:#15803D;
    box-shadow:0 8px 18px rgba(22,163,74,.10);
    filter:grayscale(.18) saturate(.82) brightness(1.03);
    opacity:.72;
}

.VIP-REBATE-FORMULA{
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:9px;
    border-radius:11px;
    color:var(--GOLD_DARK);
    background:var(--CARD2);
    border:1px dashed var(--GOLD_LIGHT_BORDER);
}

.VIP-REBATE-FORMULA div{
    min-width:0;
}

.VIP-REBATE-FORMULA span,
.VIP-REBATE-FORMULA strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
}

.VIP-REBATE-FORMULA span{
    margin-bottom:3px;
    color:var(--GOLD2);
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

.VIP-REBATE-FORMULA strong{
    color:var(--GOLD_DARK);
    font-size:9px;
    font-weight:900;
    line-height:1.35;
    white-space:normal;
}

.REWARD-ITEM{
    display:grid;
    grid-template-columns:38px minmax(0, 1fr) auto;
    align-items:start;
    gap:8px 9px;
    padding:10px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.REWARD-ITEM-ICON{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
}

.REWARD-ITEM-ICON .material-symbols-rounded{
    font-size:21px;
}

.REWARD-ITEM-COPY{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
    padding-top:2px;
}

.REWARD-ITEM-COPY strong{
    overflow:hidden;
    color:#1F2937;
    font-size:11px;
    font-weight:900;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.REWARD-ITEM-COPY span{
    color:#64748B;
    font-size:9px;
    font-weight:800;
    line-height:1.25;
    display:block;
}

.REWARD-ITEM-COPY span b,
.REWARD-RULES b{
    display:block;
    margin-bottom:2px;
    color:var(--GOLD2);
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.REWARD-CLAIM-BTN{
    min-width:78px;
    height:24px;
    align-self:start;
    padding:0 8px;
    border-radius:999px;
    color:#FFFFFF;
    background:var(--GOLD);
    border:1px solid var(--GOLD2);
    font-family:var(--FONT_FAMILY);
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

.REWARD-CLAIM-BTN:disabled,
.REWARD-CLAIM-BTN[aria-disabled="true"]{
    cursor:not-allowed;
    color:#9CA3AF;
    background:#F8FAFC;
    border-color:#E5E7EB;
    opacity:1;
}

.REWARD-ITEM.IS-CLAIMABLE{
    border-color:#BBF7D0;
    box-shadow:0 8px 18px rgba(22,163,74,.06);
}

.REWARD-ITEM.IS-CLAIMABLE .REWARD-ITEM-ICON{
    color:#15803D;
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.REWARD-ITEM.IS-CLAIMABLE .REWARD-CLAIM-BTN{
    background:#16A34A;
    border-color:#15803D;
}

.REWARD-ITEM.IS-CLAIMED .REWARD-CLAIM-BTN:disabled,
.REWARD-ITEM.IS-CLAIMED .REWARD-CLAIM-BTN[aria-disabled="true"]{
    color:rgba(255,255,255,.86);
    background:#16A34A;
    border-color:#15803D;
    box-shadow:0 8px 18px rgba(22,163,74,.10);
    filter:grayscale(.18) saturate(.82) brightness(1.03);
    opacity:.72;
}

.REWARD-RULES{
    grid-column:2 / -1;
    min-width:0;
    padding:8px 9px;
    border-radius:10px;
    color:#7F1D1D;
    background:#FEF2F2;
    border:1px dashed #FECACA;
    font-size:9px;
    font-weight:800;
    line-height:1.35;
}

.REWARD-RULES span{
    display:block;
}

.REWARD-RULES b{
    color:#B91C1C;
}

.REWARD-PROGRESS{
    grid-column:2 / -1;
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
}

.REWARD-PROGRESS-META{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:#64748B;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.REWARD-PROGRESS-META strong{
    color:#1F2937;
    font-size:9px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
}

.REWARD-PROGRESS-BAR{
    position:relative;
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:#F1F5F9;
    border:1px solid #E5E7EB;
}

.REWARD-PROGRESS-FILL{
    position:absolute;
    inset:0 auto 0 0;
    width:0;
    border-radius:inherit;
    background:linear-gradient(90deg, var(--GOLD_LIGHT_BORDER), var(--GOLD));
    transition:width .24s ease;
}

.REWARD-ITEM.IS-CLAIMABLE .REWARD-PROGRESS-FILL{
    background:linear-gradient(90deg, #86EFAC, #16A34A);
}

.CASHIER-HISTORY-DATES{
    display:flex;
    flex-direction:column;
    gap:3px;
    padding-top:2px;
    color:#6B7280;
    font-size:9px;
    font-weight:700;
    line-height:1.3;
}

.CASHIER-HISTORY-DATES strong{
    display:inline-block;
    min-width:55px;
    color:#374151;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.CASHIER-HISTORY-STATUS{
    flex:0 0 auto;
    padding:4px 7px;
    border-radius:999px;
    color:var(--GOLD_DARK);
    background:#FEF3C7;
    border:1px solid #FCD34D;
    font-size:8px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
}

.CASHIER-HISTORY-STATUS.IS-COMPLETED{
    color:#15803D;
    background:#DCFCE7;
    border-color:#BBF7D0;
}

.CASHIER-HISTORY-STATUS.IS-FAILED{
    color:#B91C1C;
    background:#FEF2F2;
    border-color:#FCA5A5;
}

.WALLET-HISTORY-CONTENT{
    gap:12px;
}

.WALLET-HISTORY-FILTERS{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:5px;
    padding:3px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.WALLET-HISTORY-FILTER{
    min-width:0;
    min-height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 4px;
    border-radius:10px;
    color:#6B7280;
    background:transparent;
    border:0;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    text-align:center;
    text-transform:uppercase;
    white-space:nowrap;
}

.WALLET-HISTORY-FILTER.IS-ACTIVE{
    color:#FFFFFF;
    background:var(--GOLD);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.14);
}

.WALLET-HISTORY-STATUS{
    display:none;
    color:#15803D;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
}

.WALLET-HISTORY-STATUS.IS-ACTIVE{
    display:block;
}

.WALLET-HISTORY-STATUS.IS-ERROR{
    color:#B91C1C;
}

.WALLET-HISTORY-STATUS.IS-NEUTRAL{
    color:#6B7280;
}

.WALLET-HISTORY-RECENT{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.WALLET-HISTORY-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 2px;
}

.WALLET-HISTORY-HEAD h3{
    margin:0;
    color:#1F2937;
    font-size:13px;
    font-weight:800;
    line-height:1;
}

.WALLET-HISTORY-HEAD span{
    min-width:24px;
    padding:3px 7px;
    border-radius:999px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-align:center;
}

.WALLET-HISTORY-LIST{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.WALLET-HISTORY-EMPTY{
    padding:14px;
    border-radius:14px;
    color:#6B7280;
    background:#FFFFFF;
    border:1px dashed var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1.45;
    text-align:center;
}

.COMMISSION-DATA-CONTENT{
    gap:12px;
}

.COMMISSION-DATA-FILTERS{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:5px;
    padding:3px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.COMMISSION-DATA-FILTER{
    min-width:0;
    min-height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 6px;
    border-radius:10px;
    color:#6B7280;
    background:transparent;
    border:0;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    text-align:center;
    text-transform:uppercase;
    white-space:nowrap;
}

.COMMISSION-DATA-FILTER.IS-ACTIVE{
    color:#FFFFFF;
    background:var(--GOLD);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.14);
}

.COMMISSION-DATA-STATUS{
    display:none;
    color:#15803D;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
}

.COMMISSION-DATA-STATUS.IS-ACTIVE{
    display:block;
}

.COMMISSION-DATA-STATUS.IS-ERROR{
    color:#B91C1C;
}

.COMMISSION-DATA-STATUS.IS-NEUTRAL{
    color:#6B7280;
}

.COMMISSION-DATA-RECENT,
.COMMISSION-DATA-LIST{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.COMMISSION-DATA-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 2px;
}

.COMMISSION-DATA-HEAD h3{
    margin:0;
    color:#1F2937;
    font-size:13px;
    font-weight:800;
    line-height:1;
}

.COMMISSION-DATA-HEAD span{
    min-width:24px;
    padding:3px 7px;
    border-radius:999px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-align:center;
}

.COMMISSION-DATA-EMPTY{
    padding:14px;
    border-radius:14px;
    color:#6B7280;
    background:#FFFFFF;
    border:1px dashed var(--GOLD_BORDER);
    font-size:10px;
    font-weight:800;
    line-height:1.45;
    text-align:center;
}

.COMMISSION-DATA-ITEM{
    margin-top:0;
    padding:8px;
    border-radius:12px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.COMMISSION-DATA-ITEM-HEAD{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:2px 8px;
    min-width:0;
    cursor:pointer;
}

.COMMISSION-DATA-TOPLINE{
    grid-column:1 / -1;
    min-width:0;
    display:grid;
    grid-template-columns:auto minmax(0, 1fr);
    align-items:center;
    gap:6px;
}

.COMMISSION-DATA-TYPE{
    width:max-content;
    max-width:50%;
    display:inline-flex;
    align-items:center;
    min-height:16px;
    padding:0 7px;
    overflow:hidden;
    border-radius:999px;
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 58%, var(--GOLD2));
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 6px 12px rgba(var(--GOLD_RGB),.18);
    font-size:8px;
    font-weight:900;
    line-height:.95;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
}

.COMMISSION-DATA-LABEL{
    min-width:0;
    justify-self:end;
    overflow:hidden;
    color:#64748B;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    text-align:right;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
}

.COMMISSION-DATA-SUMMARY{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    align-items:center;
}

.COMMISSION-DATA-SUMMARY > span:first-child{
    min-width:0;
    min-height:34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:2px;
}

.COMMISSION-DATA-AMOUNT{
    color:#111827;
    font-size:20px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
}

.COMMISSION-DATA-AMOUNT.IS-POSITIVE,
.COMMISSION-DATA-ITEM.IS-POSITIVE .COMMISSION-DATA-AMOUNT,
.COMMISSION-DATA-DETAIL.IS-POSITIVE span{
    color:#15803D;
}

.COMMISSION-DATA-AMOUNT.IS-NEGATIVE,
.COMMISSION-DATA-ITEM.IS-NEGATIVE .COMMISSION-DATA-AMOUNT,
.COMMISSION-DATA-DETAIL.IS-NEGATIVE span{
    color:#B91C1C;
}

.COMMISSION-DATA-DATE{
    color:#9CA3AF;
    font-size:9px;
    font-weight:800;
    line-height:1.25;
    text-align:left;
}

.COMMISSION-DATA-EXPAND{
    color:var(--GOLD2);
    font-size:19px;
    line-height:1;
    transition:transform .18s ease;
}

.COMMISSION-DATA-ITEM.IS-OPEN .COMMISSION-DATA-EXPAND{
    transform:rotate(180deg);
}

.COMMISSION-DATA-ITEM-BODY{
    display:none;
    margin-top:9px;
    padding-top:9px;
    border-top:1px solid #F3F4F6;
}

.COMMISSION-DATA-ITEM.IS-OPEN .COMMISSION-DATA-ITEM-BODY{
    display:block;
}

.COMMISSION-DATA-DETAILS{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:7px;
}

.COMMISSION-DATA-DETAIL{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
    padding:8px;
    border-radius:11px;
    color:#4B5563;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.COMMISSION-DATA-DETAIL strong{
    overflow:hidden;
    color:#64748B;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
}

.COMMISSION-DATA-DETAIL span{
    min-width:0;
    overflow:hidden;
    color:#374151;
    font-size:10px;
    font-weight:900;
    line-height:1.15;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.GATEWAY-HISTORY-CONTENT{
    gap:12px;
}

.GATEWAY-HISTORY-RECENT{
    gap:8px;
}

.GATEWAY-HISTORY-FEE-GRID{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
}

.GATEWAY-HISTORY-FEE-WRAP{
    overflow:hidden;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.GATEWAY-HISTORY-FEE-TABLE{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
    font-family:'Geist Mono', monospace;
}

.GATEWAY-HISTORY-FEE-LABEL-COL{
    width:40%;
}

.GATEWAY-HISTORY-FEE-VALUE-COL{
    width:60%;
}

.GATEWAY-HISTORY-FEE-TABLE th,
.GATEWAY-HISTORY-FEE-TABLE td{
    padding:7px 8px;
    color:#1F2937;
    font-weight:900;
    line-height:1.35;
    white-space:nowrap;
}

.GATEWAY-HISTORY-FEE-TABLE th{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-bottom:1px solid var(--GOLD_BORDER);
    font-size:9px;
    text-align:left;
    text-transform:uppercase;
}

.GATEWAY-HISTORY-FEE-TABLE td{
    font-size:9px;
    vertical-align:middle;
    text-align:left;
}

.GATEWAY-HISTORY-FEE-TABLE td:not(:last-child){
    border-right:1px solid #EEF2F7;
}

.GATEWAY-HISTORY-FEE-TABLE td:first-child{
    color:var(--GOLD2);
    text-transform:uppercase;
}

.GATEWAY-HISTORY-FEE-TABLE td:last-child{
    text-align:right;
}

.GATEWAY-HISTORY-FEE-TABLE tbody tr:not(:last-child) td{
    border-bottom:1px solid #EEF2F7;
}

.GATEWAY-HISTORY-FEE-TABLE span{
    min-width:0;
    overflow:hidden;
    color:var(--GOLD2);
    text-transform:uppercase;
    text-overflow:ellipsis;
}

.GATEWAY-HISTORY-FEE-TABLE strong{
    overflow:hidden;
    color:#1F2937;
    text-align:right;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.GATEWAY-HISTORY-BALANCE-CELL{
    width:100%;
    min-width:0;
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
    gap:4px;
}

.GATEWAY-HISTORY-BALANCE-REFRESH{
    width:15px;
    height:15px;
    flex:0 0 15px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    border-radius:4px;
    color:var(--GOLD);
    background:transparent;
}

.GATEWAY-HISTORY-BALANCE-REFRESH .material-symbols-rounded{
    font-size:15px;
    line-height:1;
}

.GATEWAY-HISTORY-BALANCE-REFRESH:disabled,
.GATEWAY-HISTORY-BALANCE-REFRESH[aria-disabled="true"]{
    cursor:not-allowed;
    opacity:.72;
}

.GATEWAY-HISTORY-BALANCE-REFRESH.IS-LOADING .material-symbols-rounded{
    animation:LOADING_SPIN .72s linear infinite;
}

.GATEWAY-HISTORY-NOTE{
    padding:7px 8px;
    border-radius:10px;
    color:#475569;
    background:#FFF7ED;
    border:1px solid var(--GOLD_BORDER);
    font-family:'Geist Mono', monospace;
}

.GATEWAY-HISTORY-NOTE p{
    min-width:0;
    margin:0;
    color:#475569;
    font-size:8px;
    font-weight:800;
    line-height:1.45;
}

.GATEWAY-HISTORY-NOTE strong{
    color:var(--GOLD2);
    font-weight:900;
    text-transform:uppercase;
}

.GATEWAY-HISTORY-SUMMARY-WRAP{
    overflow:hidden;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.GATEWAY-HISTORY-SUMMARY-TABLE{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
    font-family:'Geist Mono', monospace;
}

.GATEWAY-HISTORY-SUMMARY-LABEL-COL{
    width:34%;
}

.GATEWAY-HISTORY-SUMMARY-AMOUNT-COL,
.GATEWAY-HISTORY-SUMMARY-FEE-COL{
    width:33%;
}

.GATEWAY-HISTORY-SUMMARY-TABLE th,
.GATEWAY-HISTORY-SUMMARY-TABLE td{
    padding:7px 8px;
    color:#1F2937;
    font-size:9px;
    font-weight:900;
    line-height:1.35;
    white-space:nowrap;
}

.GATEWAY-HISTORY-SUMMARY-TABLE th{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-bottom:1px solid var(--GOLD_BORDER);
    text-align:left;
    text-transform:uppercase;
}

.GATEWAY-HISTORY-SUMMARY-TABLE td{
    text-align:right;
    vertical-align:middle;
}

.GATEWAY-HISTORY-SUMMARY-TABLE td:first-child{
    color:var(--GOLD2);
    text-align:left;
    text-transform:uppercase;
}

.GATEWAY-HISTORY-SUMMARY-TABLE td:not(:last-child){
    border-right:1px solid #EEF2F7;
}

.GATEWAY-HISTORY-SUMMARY-TABLE tbody tr:not(:last-child) td{
    border-bottom:1px solid #EEF2F7;
}

.GATEWAY-HISTORY-SUMMARY-TABLE .IS-NEGATIVE{
    color:#DC2626;
}

.GATEWAY-HISTORY-SUMMARY-NOTE{
    margin-top:-4px;
    padding:6px 8px;
    border-radius:10px;
    color:#475569;
    background:#FFF7ED;
    border:1px solid var(--GOLD_BORDER);
    font-family:'Geist Mono', monospace;
}

.GATEWAY-HISTORY-SUMMARY-NOTE p{
    min-width:0;
    margin:0;
    color:#475569;
    font-size:8px;
    font-weight:800;
    line-height:1.35;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.GATEWAY-HISTORY-SUMMARY-NOTE strong{
    color:var(--GOLD2);
    font-weight:900;
    text-transform:uppercase;
}

.GATEWAY-HISTORY-ACTION-NOTE{
    margin-top:-2px;
    padding:6px 8px;
    border-radius:10px;
    color:#475569;
    background:#FFF7ED;
    border:1px solid var(--GOLD_BORDER);
    font-family:'Geist Mono', monospace;
}

.GATEWAY-HISTORY-ACTION-NOTE p{
    min-width:0;
    display:flex;
    align-items:center;
    gap:4px;
    margin:0;
    color:#475569;
    font-size:8px;
    font-weight:800;
    line-height:1.35;
    white-space:normal;
}

.GATEWAY-HISTORY-ACTION-NOTE strong{
    color:var(--GOLD2);
    font-weight:900;
    text-transform:uppercase;
}

.GATEWAY-HISTORY-ACTION-NOTE .GATEWAY-HISTORY-STATUS-BADGE{
    flex:0 0 auto;
    min-height:14px;
    padding:0 6px;
    font-size:7px !important;
}

.GATEWAY-HISTORY-TABLE-WRAP{
    box-sizing:border-box;
    overflow-x:auto;
    overflow-y:hidden;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
}

.GATEWAY-HISTORY-TABLE-WRAP::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

.GATEWAY-HISTORY-TABLE{
    width:590px;
    min-width:590px;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
    font-family:'Geist Mono', monospace;
    color:#1F2937;
    font-size:9px;
    font-weight:900;
}

.GATEWAY-HISTORY-TABLE th,
.GATEWAY-HISTORY-TABLE td{
    padding:7px 8px;
    border-right:1px solid #EEF2F7;
    border-bottom:1px solid #EEF2F7;
    color:#1F2937;
    font-weight:900;
    line-height:1.35;
    text-align:right;
    vertical-align:middle;
    white-space:nowrap;
}

.GATEWAY-HISTORY-TABLE th:first-child,
.GATEWAY-HISTORY-TABLE td:first-child{
    position:sticky;
    left:0;
    z-index:3;
    background:#FFFFFF;
    box-shadow:1px 0 0 #EEF2F7;
    text-align:left;
}

.GATEWAY-HISTORY-TABLE th:nth-child(4),
.GATEWAY-HISTORY-TABLE td:nth-child(4){
    text-align:right;
}

.GATEWAY-HISTORY-TABLE th{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-bottom-color:var(--GOLD_BORDER);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}

.GATEWAY-HISTORY-TABLE th:first-child{
    z-index:4;
    background:var(--CARD2);
}

.GATEWAY-HISTORY-TABLE th:last-child,
.GATEWAY-HISTORY-TABLE td:last-child{
    border-right:0;
}

.GATEWAY-HISTORY-TABLE tr:last-child td{
    border-bottom:0;
}

.GATEWAY-HISTORY-COL-USER{
    width:130px;
}

.GATEWAY-HISTORY-COL-AMOUNT{
    width:100px;
}

.GATEWAY-HISTORY-COL-STATUS{
    width:120px;
}

.GATEWAY-HISTORY-COL-DATE{
    width:240px;
}

.GATEWAY-HISTORY-STACK{
    min-width:0;
    display:grid;
    justify-items:end;
    gap:3px;
    text-align:right;
}

.GATEWAY-HISTORY-USER{
    justify-items:start;
    text-align:left;
}

.GATEWAY-HISTORY-TABLE td:nth-child(4) .GATEWAY-HISTORY-STACK{
    justify-items:end;
    text-align:right;
}

.GATEWAY-HISTORY-STACK strong{
    min-width:0;
    overflow:hidden;
    color:#1F2937;
    font-size:9px;
    font-weight:900;
    line-height:1.15;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.GATEWAY-HISTORY-STACK .GATEWAY-HISTORY-AMOUNT.IS-WITHDRAW{
    color:#DC2626 !important;
}

.GATEWAY-HISTORY-STACK small{
    min-width:0;
    overflow:hidden;
    color:#64748B;
    font-size:8px;
    font-weight:900;
    line-height:1.15;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.GATEWAY-HISTORY-FEE-LINE,
.GATEWAY-HISTORY-APPROVE-LINE{
    width:100%;
    min-width:0;
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
    gap:3px;
    color:#64748B;
    overflow:hidden;
}

.GATEWAY-HISTORY-FEE-LINE span,
.GATEWAY-HISTORY-APPROVE-LINE span{
    min-width:0;
    overflow:hidden;
    color:#64748B;
    text-overflow:ellipsis;
}

.GATEWAY-HISTORY-FEE-LINE em,
.GATEWAY-HISTORY-FEE-LINE .GATEWAY-HISTORY-FEE,
.GATEWAY-HISTORY-APPROVE-LINE em,
.GATEWAY-HISTORY-APPROVE-LINE .GATEWAY-HISTORY-APPROVE-BY{
    flex:0 0 auto;
    min-width:0;
    overflow:hidden;
    color:#64748B;
    font-size:8px;
    font-style:normal;
    font-weight:900;
    line-height:1.15;
    text-overflow:ellipsis;
}

.GATEWAY-HISTORY-APPROVE-LINE .GATEWAY-HISTORY-APPROVE-BY{
    flex:0 1 auto;
    color:#1F2937;
}

.GATEWAY-HISTORY-FEE.IS-NEGATIVE{
    color:#DC2626;
}

.GATEWAY-HISTORY-DATE-LABEL{
    display:inline-flex;
    flex:0 0 58px;
    align-items:center;
    justify-content:flex-end;
    color:var(--GOLD2);
    font-size:9px;
    line-height:1;
    text-transform:none;
    vertical-align:middle;
}

.GATEWAY-HISTORY-DATE-LINE{
    width:100%;
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    gap:3px;
    text-align:right;
}

.GATEWAY-HISTORY-TABLE td:nth-child(4) .GATEWAY-HISTORY-DATE-LINE,
.GATEWAY-HISTORY-TABLE td:nth-child(4) .GATEWAY-HISTORY-DATE-LINE .GATEWAY-HISTORY-DATE-LABEL{
    font-size:9px !important;
}

.GATEWAY-HISTORY-STACK small.IS-PENDING{
    color:#DC2626;
}

.GATEWAY-HISTORY-USER strong{
    color:#2563EB;
    font-size:10px;
}

.GATEWAY-HISTORY-REFERENCE{
    min-width:0;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    gap:3px;
    overflow:hidden;
    color:#2563EB !important;
    font-size:8px;
    font-weight:900;
    line-height:1.15;
    text-decoration:none;
}

.GATEWAY-HISTORY-REFERENCE span:first-child{
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.GATEWAY-HISTORY-REFERENCE .material-symbols-rounded{
    flex:0 0 auto;
    color:#2563EB;
    font-size:10px;
    line-height:1;
}

.GATEWAY-HISTORY-REFERENCE-PLAIN{
    display:inline-flex;
    align-items:center;
    gap:3px;
}

.GATEWAY-HISTORY-TXN-LABEL{
    color:#94A3B8 !important;
    font-style:normal;
    text-decoration:none;
}

.GATEWAY-HISTORY-REFERENCE-PLAIN span{
    color:#64748B !important;
    text-decoration:none;
}

.GATEWAY-HISTORY-TXN-VALUE{
    display:inline-block;
    color:#2563EB !important;
    line-height:1;
    text-decoration:none !important;
    border-bottom:1px solid currentColor;
}

.GATEWAY-HISTORY-STATUS-BADGE{
    width:max-content;
    max-width:100%;
    min-height:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:0 6px;
    border-radius:5px;
    color:#64748B;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-size:7px !important;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.GATEWAY-HISTORY-STATUS-BADGE.IS-SUCCESS{
    color:#15803D;
    background:#DCFCE7;
    border-color:#86EFAC;
}

.GATEWAY-HISTORY-STATUS-BADGE.IS-PENDING{
    color:#B45309;
    background:#FEF3C7;
    border-color:#FACC15;
}

.GATEWAY-HISTORY-STATUS-BADGE.IS-FAILED{
    color:#DC2626;
    background:#FEF2F2;
    border-color:#FECACA;
}

button.GATEWAY-HISTORY-STATUS-BADGE{
    font-family:'Geist Mono', monospace;
    cursor:pointer;
}

.GATEWAY-HISTORY-STATUS-BADGE.IS-CLICKABLE{
    box-shadow:0 4px 10px rgba(245,158,11,.14);
}

.GATEWAY-HISTORY-STATUS-BADGE.IS-CLICKABLE:active{
    transform:translateY(1px);
}

.GATEWAY-STATUS-MODAL{
    position:fixed;
    inset:0;
    z-index:270;
    width:100%;
    max-width:430px;
    margin:0 auto;
    display:none;
    align-items:center;
    justify-content:center;
    padding:16px;
    background:rgba(17,24,39,.48);
    backdrop-filter:blur(7px);
}

.GATEWAY-STATUS-MODAL[hidden]{
    display:none !important;
}

.GATEWAY-STATUS-MODAL.IS-ACTIVE{
    display:flex;
}

.GATEWAY-STATUS-SHEET{
    position:relative;
    width:min(100%, 356px);
    max-height:calc(100vh - 34px);
    overflow:auto;
    padding:18px 14px 10px;
    border-radius:18px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 28px 76px rgba(15,23,42,.32), 0 12px 30px rgba(var(--GOLD_RGB),.17);
    font-family:var(--FONT_FAMILY);
}

.GATEWAY-STATUS-CLOSE{
    position:absolute;
    top:10px;
    right:10px;
    width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border-radius:10px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.GATEWAY-STATUS-CLOSE .material-symbols-rounded{
    font-size:17px;
    line-height:1;
}

.GATEWAY-STATUS-ICON{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 8px;
    border-radius:14px;
    color:#B45309;
    background:#FEF3C7;
    border:1px solid #FACC15;
}

.GATEWAY-STATUS-ICON .material-symbols-rounded{
    font-size:23px;
    line-height:1;
}

.GATEWAY-STATUS-SHEET h2{
    margin:0;
    color:#1F2937;
    font-family:var(--FONT_FAMILY);
    font-size:16px;
    font-weight:900;
    line-height:1.15;
    text-align:center;
}

.GATEWAY-STATUS-SHEET p{
    max-width:270px;
    margin:5px auto 12px;
    overflow:hidden;
    color:#64748B;
    font-family:var(--FONT_FAMILY);
    font-size:10px;
    font-weight:800;
    line-height:1.3;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.GATEWAY-STATUS-DETAILS{
    overflow:hidden;
    border-radius:10px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.GATEWAY-STATUS-TABLE{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    table-layout:fixed;
    font-family:'Geist Mono', monospace;
}

.GATEWAY-STATUS-TABLE th,
.GATEWAY-STATUS-TABLE td{
    min-width:0;
    padding:8px 9px;
    border-bottom:1px solid #EEF2F7;
    line-height:1.25;
    vertical-align:middle;
    white-space:nowrap;
}

.GATEWAY-STATUS-TABLE tr:last-child th,
.GATEWAY-STATUS-TABLE tr:last-child td{
    border-bottom:0;
}

.GATEWAY-STATUS-TABLE th{
    width:38%;
    color:var(--GOLD2);
    border-right:1px solid #EEF2F7;
    font-size:10px;
    font-weight:900;
    line-height:1;
    text-align:left;
    text-transform:uppercase;
}

.GATEWAY-STATUS-TABLE td{
    width:62%;
    color:#1F2937;
    text-align:right;
}

.GATEWAY-STATUS-VALUE{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
}

.GATEWAY-STATUS-VALUE strong{
    min-width:0;
    overflow:hidden;
    color:#1F2937;
    font-size:10px;
    font-weight:900;
    line-height:1.25;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.GATEWAY-STATUS-VALUE strong.IS-NEGATIVE{
    color:#DC2626;
}

.GATEWAY-STATUS-VALUE strong.IS-PENDING{
    color:#B45309;
}

.GATEWAY-STATUS-COPY,
.GATEWAY-STATUS-REFRESH-INLINE{
    width:18px;
    height:18px;
    flex:0 0 18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    color:var(--GOLD2);
    background:transparent;
    border:0;
}

.GATEWAY-STATUS-COPY .material-symbols-rounded,
.GATEWAY-STATUS-REFRESH-INLINE .material-symbols-rounded{
    font-size:15px;
    line-height:1;
}

.GATEWAY-STATUS-COPY.IS-COPIED,
.GATEWAY-STATUS-REFRESH-INLINE:active{
    color:#16A34A;
}

.GATEWAY-STATUS-ACTIONS{
    display:grid;
    gap:8px;
    margin-top:11px;
}

.GATEWAY-STATUS-ACTION{
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 10px;
    border-radius:10px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    font-family:var(--FONT_FAMILY);
    font-size:9px;
    font-weight:900;
    line-height:1;
}

.GATEWAY-STATUS-UPDATE{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    gap:8px;
}

.GATEWAY-STATUS-ACTION.IS-APPROVED{
    color:#FFFFFF;
    background:var(--GOLD);
    border-color:var(--GOLD2);
}

.GATEWAY-STATUS-ACTION.IS-REJECT{
    color:#FFFFFF;
    background:#DC2626;
    border-color:#B91C1C;
}

.GATEWAY-STATUS-ACTION.IS-DISABLED,
.GATEWAY-STATUS-ACTION[aria-disabled="true"]{
    opacity:.68;
    cursor:not-allowed;
}

.GATEWAY-STATUS-CONFIRM{
    position:absolute;
    inset:0;
    z-index:5;
    display:none;
    align-items:center;
    justify-content:center;
    padding:16px;
    background:rgba(17,24,39,.42);
    backdrop-filter:blur(4px);
}

.GATEWAY-STATUS-CONFIRM[hidden]{
    display:none !important;
}

.GATEWAY-STATUS-CONFIRM.IS-ACTIVE{
    display:flex;
}

.GATEWAY-STATUS-CONFIRM-SHEET{
    position:relative;
    width:min(100%, 286px);
    padding:17px 13px 13px;
    border-radius:16px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 24px 62px rgba(15,23,42,.3), 0 10px 24px rgba(var(--GOLD_RGB),.15);
    font-family:var(--FONT_FAMILY);
}

.GATEWAY-STATUS-CONFIRM-CLOSE{
    position:absolute;
    top:9px;
    right:9px;
    width:26px;
    height:26px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border-radius:9px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.GATEWAY-STATUS-CONFIRM-CLOSE .material-symbols-rounded{
    font-size:16px;
    line-height:1;
}

.GATEWAY-STATUS-CONFIRM-ICON{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 8px;
    border-radius:14px;
    color:var(--GOLD2);
    background:#FFF7ED;
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.GATEWAY-STATUS-CONFIRM-ICON .material-symbols-rounded{
    font-size:22px;
    line-height:1;
}

.GATEWAY-STATUS-CONFIRM-SHEET h3{
    margin:0;
    color:#1F2937;
    font-family:var(--FONT_FAMILY);
    font-size:15px;
    font-weight:900;
    line-height:1.15;
    text-align:center;
}

.GATEWAY-STATUS-CONFIRM-SHEET p{
    max-width:230px;
    margin:6px auto 12px;
    color:#64748B;
    font-family:var(--FONT_FAMILY);
    font-size:10px;
    font-weight:800;
    line-height:1.35;
    text-align:center;
    white-space:normal;
}

.GATEWAY-STATUS-CONFIRM-ACTIONS{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    gap:8px;
}

.GATEWAY-STATUS-CONFIRM-ACTIONS button{
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:10px;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    font-family:var(--FONT_FAMILY);
    font-size:9px;
    font-weight:900;
    line-height:1;
}

#GATEWAY_STATUS_CONFIRM_CANCEL{
    color:var(--GOLD2);
    background:var(--CARD2);
}

#GATEWAY_STATUS_CONFIRM_SUBMIT{
    color:#FFFFFF;
    background:var(--GOLD);
    border-color:var(--GOLD2);
}

#GATEWAY_STATUS_CONFIRM_SUBMIT.IS-REJECT{
    background:#DC2626;
    border-color:#B91C1C;
}

.GATEWAY-STATUS-CONFIRM-ACTIONS button.IS-DISABLED,
.GATEWAY-STATUS-CONFIRM-ACTIONS button[aria-disabled="true"],
.GATEWAY-STATUS-CONFIRM-CLOSE.IS-DISABLED,
.GATEWAY-STATUS-CONFIRM-CLOSE[aria-disabled="true"]{
    opacity:.68;
    cursor:not-allowed;
}

.GATEWAY-STATUS-MESSAGE{
    min-height:0;
    margin-top:0;
    color:#64748B;
    font-size:9px;
    font-weight:900;
    line-height:1.25;
    text-align:left;
}

.GATEWAY-STATUS-MESSAGE:not(:empty){
    min-height:13px;
    margin-top:8px;
}

.GATEWAY-STATUS-MESSAGE.IS-ERROR{
    color:#DC2626;
}

.GATEWAY-STATUS-MESSAGE.IS-SUCCESS{
    color:#15803D;
}

.GATEWAY-HISTORY-PLACEHOLDER{
    padding:14px !important;
    color:#64748B !important;
    text-align:center !important;
}

.GATEWAY-HISTORY-PLACEHOLDER.IS-LOADING{
    color:var(--GOLD2) !important;
}

.GATEWAY-HISTORY-TABLE-SCROLL-ROW{
    width:calc(100% - 16px);
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    gap:6px;
    margin:0 8px -1px;
    overflow:hidden;
}

.GATEWAY-HISTORY-TABLE-SCROLL-ROW[hidden]{
    display:none;
}

.GATEWAY-HISTORY-TABLE-SCROLL-NOTE{
    width:112px;
    flex:0 0 112px;
    overflow:hidden;
    color:#94A3B8;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.GATEWAY-HISTORY-TABLE-SCROLL-AREA{
    position:relative;
    flex:1 1 auto;
    width:auto;
    max-width:100%;
    min-width:0;
    height:9px;
    margin:0;
}

.GATEWAY-HISTORY-TABLE-SCROLL-AREA[hidden]{
    display:none;
}

.GATEWAY-HISTORY-TABLE-SCROLL{
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:9px;
    margin:0;
    opacity:0;
    pointer-events:none;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
}

.GATEWAY-HISTORY-TABLE-SCROLL[hidden]{
    display:none;
}

.GATEWAY-HISTORY-TABLE-SCROLL::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

.GATEWAY-HISTORY-TABLE-SCROLL-TRACK{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    z-index:2;
    height:4px;
    cursor:pointer;
    border-radius:999px;
    background:#FFF3E8;
    transform:translateY(-50%);
}

.GATEWAY-HISTORY-TABLE-SCROLL-THUMB{
    position:absolute;
    left:0;
    top:0;
    width:24px;
    height:100%;
    cursor:grab;
    border-radius:999px;
    background:linear-gradient(90deg, var(--GOLD), var(--GOLD2));
    box-shadow:0 1px 4px rgba(var(--GOLD_RGB), .25);
}

.GATEWAY-HISTORY-TABLE-SCROLL-THUMB:active{
    cursor:grabbing;
}

.GATEWAY-HISTORY-TABLE-SCROLL-SPACER{
    height:1px;
}

.GATEWAY-HISTORY-PAGER{
    margin-top:2px;
}

.WALLET-LOG-AMOUNT.IS-POSITIVE{
    color:#15803D;
}

.WALLET-LOG-AMOUNT.IS-NEGATIVE{
    color:#B91C1C;
}

.WALLET-LOG-ITEM{
    margin-top:0;
    padding:6px 8px;
    border-radius:12px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.WALLET-LOG-ITEM-HEAD{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:1px 4px;
    min-width:0;
    cursor:pointer;
}

.WALLET-LOG-TOPLINE{
    grid-column:1 / -1;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0, max-content) minmax(0, 1fr);
    align-items:center;
    gap:2px;
}

.WALLET-LOG-TOPLINE.IS-DESCRIPTION-ONLY{
    width:max-content;
    display:flex;
}

.WALLET-LOG-SUMMARY{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0, 1fr) 48px;
    align-items:stretch;
    gap:1px;
}

.WALLET-LOG-SUMMARY > span:first-child{
    min-width:0;
    min-height:32px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:0;
}

.WALLET-LOG-TYPE{
    width:max-content;
    display:inline-flex;
    align-items:center;
    min-height:15px;
    padding:0 6px;
    border-radius:999px;
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 58%, var(--GOLD2));
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 6px 12px rgba(var(--GOLD_RGB),.18);
    font-size:9px;
    font-weight:900;
    line-height:.95;
    text-transform:uppercase;
}

.WALLET-LOG-TYPE.IS-POSITIVE{
    background:linear-gradient(180deg, #22C55E, #16A34A 58%, #15803D);
    border-color:#86EFAC;
    box-shadow:0 6px 12px rgba(22,163,74,.16);
}

.WALLET-LOG-TYPE.IS-NEGATIVE{
    background:linear-gradient(180deg, #EF4444, #DC2626 58%, #B91C1C);
    border-color:#FCA5A5;
    box-shadow:0 6px 12px rgba(220,38,38,.16);
}

.WALLET-LOG-TYPE.IS-WINLOSS{
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 58%, var(--GOLD2));
    border-color:var(--GOLD_LIGHT_BORDER);
    box-shadow:0 6px 12px rgba(var(--GOLD_RGB),.18);
}

.WALLET-LOG-AMOUNT{
    margin-top:3px;
    color:#111827;
    font-size:20px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
}

.WALLET-LOG-DATE{
    margin-top:-3px;
    color:#9CA3AF;
    font-size:9px;
    font-weight:800;
    line-height:1.25;
    text-align:left;
}

.WALLET-LOG-MEDIA{
    min-width:0;
    width:48px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-self:end;
    gap:3px;
    margin-right:-10px;
}

.WALLET-LOG-MEDIA.IS-WALLET{
    justify-content:center;
}

.WALLET-LOG-THUMB{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:9px;
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
}

.WALLET-LOG-THUMB img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.WALLET-LOG-THUMB.IS-WALLET{
    width:36px;
    height:36px;
    color:var(--GOLD2);
    background:var(--CARD2);
}

.WALLET-LOG-THUMB.IS-WALLET .material-symbols-rounded{
    font-size:21px;
    line-height:1;
}

.WALLET-LOG-MEDIA-TEXT{
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:block;
    color:#64748B;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    text-align:right;
    text-transform:uppercase;
}

.WALLET-LOG-EXPAND{
    color:var(--GOLD2);
    font-size:19px;
    line-height:1;
    transition:transform .18s ease;
}

.WALLET-LOG-ITEM.IS-OPEN .WALLET-LOG-EXPAND{
    transform:rotate(180deg);
}

.WALLET-LOG-ITEM-BODY{
    display:none;
    margin-top:9px;
    padding-top:9px;
    border-top:1px solid #F3F4F6;
}

.WALLET-LOG-ITEM.IS-OPEN .WALLET-LOG-ITEM-BODY{
    display:block;
}

.WALLET-LOG-DETAIL-STATE{
    padding:9px 10px;
    border-radius:11px;
    color:#64748B;
    background:#F8FAFC;
    border:1px dashed #CBD5E1;
    font-size:9px;
    font-weight:900;
    line-height:1.3;
    text-align:center;
}

.WALLET-LOG-DETAIL-STATE.IS-ERROR{
    color:#B91C1C;
    background:#FEF2F2;
    border-color:#FCA5A5;
}

.WALLET-LOG-DETAIL-LIST{
    display:flex;
    flex-direction:column;
    gap:7px;
    max-height:250px;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding-right:2px;
    scrollbar-width:thin;
}

.WALLET-LOG-DETAIL-ROW{
    padding:9px;
    border-radius:12px;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
}

.WALLET-LOG-DETAIL-ROW.IS-POSITIVE{
    background:#F0FDF4;
    border-color:#BBF7D0;
}

.WALLET-LOG-DETAIL-ROW.IS-NEGATIVE{
    background:#FEF2F2;
    border-color:#FECACA;
}

.WALLET-LOG-DETAIL-META{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:8px;
}

.WALLET-LOG-DETAIL-HASH{
    min-width:0;
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    gap:4px;
    overflow:hidden;
    color:#2563EB;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    text-decoration:none;
    white-space:nowrap;
}

.WALLET-LOG-DETAIL-HASH.IS-CLICKABLE{
    cursor:pointer;
    text-decoration:underline;
    text-underline-offset:2px;
}

.WALLET-LOG-DETAIL-HASH.IS-LOADING{
    opacity:.65;
    pointer-events:none;
}

.WALLET-LOG-DETAIL-DATE{
    min-width:0;
    overflow:hidden;
    color:#64748B;
    font-size:9px;
    font-weight:900;
    line-height:1.1;
    text-align:right;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.WALLET-LOG-DETAIL-HASH span:first-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
}

.WALLET-LOG-DETAIL-HASH .material-symbols-rounded{
    flex:0 0 auto;
    font-size:13px;
    line-height:1;
}

.WALLET-LOG-DETAIL-TABLE{
    width:100%;
    table-layout:fixed;
    overflow:hidden;
    border:1px solid #E5E7EB;
    border-radius:9px;
    border-collapse:separate;
    border-spacing:0;
    margin-top:6px;
    background:#FFFFFF;
}

.WALLET-LOG-DETAIL-TABLE th,
.WALLET-LOG-DETAIL-TABLE td{
    min-width:0;
    overflow:hidden;
    border:0;
    border-right:1px solid #E5E7EB;
    background:#FFFFFF;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.WALLET-LOG-DETAIL-TABLE th:last-child,
.WALLET-LOG-DETAIL-TABLE td:last-child{
    border-right:0;
}

.WALLET-LOG-DETAIL-TABLE th{
    padding:5px 2px;
    border-bottom:1px solid #E5E7EB;
    color:#64748B;
    font-size:7px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.WALLET-LOG-DETAIL-TABLE td{
    padding:6px 2px;
    color:#374151;
    font-size:8px;
    font-weight:900;
    line-height:1;
}

.WALLET-LOG-DETAIL-TABLE td.IS-POSITIVE{
    color:#15803D;
}

.WALLET-LOG-DETAIL-TABLE td.IS-NEGATIVE{
    color:#B91C1C;
}

.WALLET-LOG-DETAIL-TABLE.IS-SUB th{
    font-size:6px;
}

.WALLET-LOG-DETAIL-TABLE.IS-SUB td{
    font-size:7px;
    white-space:normal;
    word-break:break-word;
}

.WALLET-LOG-DETAILS{
    display:grid;
    grid-template-columns:1fr;
    gap:4px;
    margin-top:0;
    color:#4B5563;
    font-size:9px;
    font-weight:800;
    line-height:1.35;
}

.WALLET-LOG-DETAILS span{
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.WALLET-LOG-DETAILS strong{
    color:#374151;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
}

.RESPONSIBLE-GAMING-CONTENT{
    display:flex;
    flex-direction:column;
    gap:12px;
    color:var(--TEXT);
}

.RG-HEADER{
    padding:4px 2px 2px;
}

.RG-HEADER h2{
    margin:0 0 6px;
    color:var(--GOLD2);
    font-size:20px;
    font-weight:800;
    line-height:1.1;
}

.RG-HEADER p{
    margin:0;
    color:#4B5563;
    font-size:11px;
    font-weight:700;
    line-height:1.45;
}

.RG-TIPS{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
}

.RG-TIP{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:12px;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.RG-TIP > .material-symbols-rounded{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    color:var(--GOLD);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:20px;
}

.RG-TIP h3,
.RG-WARNING h3{
    margin:0 0 4px;
    color:#1F2937;
    font-size:12px;
    font-weight:800;
    line-height:1.15;
    text-transform:uppercase;
}

.RG-TIP p{
    margin:0;
    color:#6B7280;
    font-size:10px;
    font-weight:700;
    line-height:1.45;
}

.RG-WARNING{
    padding:13px 14px;
    border-radius:14px;
    background:#FFFBEB;
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.RG-WARNING ul{
    margin:7px 0 0;
    padding-left:16px;
    color:#4B5563;
    font-size:10px;
    font-weight:700;
    line-height:1.65;
}

.RG-HELP{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:12px;
    border-radius:14px;
    color:var(--GOLD_DARK);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
}

.RG-HELP .material-symbols-rounded{
    flex:0 0 auto;
    color:var(--GOLD2);
    font-size:22px;
}

.RG-HELP p{
    margin:0;
    font-size:10px;
    font-weight:800;
    line-height:1.45;
}

.MENU-PAGE-TITLE{
    margin:0;
    color:var(--TEXT);
    font-size:18px;
    font-weight:700;
    line-height:1.15;
    letter-spacing:0;
}

.APP.IS-MENU-PAGE .FOOTER{
    display:none;
}

.APP.IS-BOTTOM-PAGE .FOOTER{
    display:none;
}

/* =========================
   SIDE MENU
========================= */

body.MENU-OPEN{
    overflow:hidden;
}

body.LOGIN-OPEN{
    overflow:hidden;
}

body.MODAL-OPEN{
    overflow:hidden;
}

body.IS-LOADING{
    overflow:hidden;
}

body.IS-GAME-FRAME-OPEN{
    overflow:hidden;
}

body.IS-GAME-LAUNCHING{
    overflow:hidden;
}

body.IS-GAME-RULES-OPEN{
    overflow:hidden;
}

body.IS-GAME-SWITCH-OPEN{
    overflow:hidden;
}

body.IS-GAME-REPORT-OPEN{
    overflow:hidden;
}

.GAME-FRAME-VIEW{
    position:fixed;
    inset:0;
    left:0;
    right:0;
    z-index:210;
    width:100%;
    max-width:430px;
    height:100vh;
    height:100dvh;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    color:var(--TEXT);
    background:
        radial-gradient(circle at 90% 0%, rgba(var(--GOLD_LIGHT_RGB),.18), transparent 30%),
        linear-gradient(180deg, #FFFFFF 0%, var(--BG) 100%);
    box-shadow:0 0 70px rgba(17,24,39,.28);
}

.GAME-FRAME-VIEW[hidden]{
    display:none !important;
}

.GAME-FRAME-TOPBAR{
    position:relative;
    height:60px;
    flex:0 0 60px;
    display:grid;
    grid-template-columns:34px auto minmax(0, 1fr);
    align-items:center;
    gap:8px;
    padding:9px 56px 9px 12px;
    background:rgba(255,255,255,.94);
    border-bottom:1px solid var(--GOLD_BORDER);
    box-shadow:0 10px 24px rgba(var(--GOLD_RGB),.08);
    backdrop-filter:blur(16px);
}

.GAME-FRAME-ACTION,
.GAME-FRAME-SUPPORT{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border-radius:10px;
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.10);
}

.GAME-FRAME-ACTION .material-symbols-rounded,
.GAME-FRAME-SUPPORT .material-symbols-rounded{
    font-size:20px;
    line-height:1;
}

.GAME-FRAME-SUPPORT{
    position:absolute;
    top:50%;
    right:12px;
    transform:translateY(-50%);
}

.GAME-FRAME-VIEW.IS-PAYMENT-FRAME .GAME-FRAME-TOPBAR{
    grid-template-columns:34px minmax(0, 1fr) auto;
    padding-right:12px;
}

.GAME-FRAME-VIEW.IS-PAYMENT-FRAME .GAME-FRAME-BRAND{
    grid-column:3;
    justify-self:end;
}

.GAME-FRAME-VIEW.IS-PAYMENT-FRAME .GAME-FRAME-BRAND-TEXT,
.GAME-FRAME-VIEW.IS-PAYMENT-FRAME .GAME-FRAME-BRAND-TEXT span{
    color:var(--TEXT) !important;
}

.GAME-FRAME-VIEW.IS-PAYMENT-FRAME .GAME-FRAME-SUPPORT,
.GAME-FRAME-VIEW.IS-PAYMENT-FRAME .GAME-FRAME-WINNER-TOAST{
    display:none !important;
}

.GAME-FRAME-BRAND{
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
}

.GAME-FRAME-LOGO{
    width:32px;
    height:32px;
    flex:0 0 32px;
    overflow:hidden;
    border-radius:10px;
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.12);
}

.GAME-FRAME-LOGO img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.GAME-FRAME-BRAND-TEXT{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1px;
    color:var(--GOLD);
    font-size:12px;
    font-weight:700;
    line-height:.95;
}

.GAME-FRAME-BODY{
    flex:1 1 auto;
    min-height:0;
    overflow:hidden;
    background:#111827;
}

.GAME-FRAME-BODY iframe{
    width:100%;
    height:100%;
    display:block;
    overflow:hidden;
    border:0;
    background:#FFFFFF;
}

.GAME-FRAME-WINNER-TOAST{
    justify-self:end;
    align-self:center;
    width:min(100%, 138px);
    height:34px;
    min-width:0;
    display:grid;
    grid-template-columns:27px minmax(0, 1fr);
    align-items:center;
    gap:6px;
    overflow:hidden;
    padding:3px 7px 3px 4px;
    border-radius:12px;
    color:#1F2937;
    background:
        radial-gradient(circle at 96% 18%, rgba(var(--GOLD_LIGHT_RGB),.28), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,243,255,.96));
    border:1px solid var(--GOLD_BORDER);
    box-shadow:
        0 10px 24px rgba(var(--GOLD_RGB),.16),
        inset 0 0 0 1px rgba(255,255,255,.72);
    transform-origin:right center;
}

.GAME-FRAME-WINNER-TOAST[data-game-launch="true"]{
    cursor:pointer;
}

.GAME-FRAME-WINNER-TOAST[data-game-launch="true"]:active{
    transform:scale(.98);
}

.GAME-FRAME-WINNER-TOAST[data-game-launch="true"]:focus-visible{
    outline:2px solid rgba(var(--GOLD_RGB),.42);
    outline-offset:2px;
}

.GAME-FRAME-WINNER-TOAST[hidden]{
    display:none !important;
}

.GAME-FRAME-WINNER-TOAST.IS-SHOWING{
    animation:GAME_WINNER_POP_IN .36s cubic-bezier(.18, 1.32, .32, 1) both;
}

.GAME-FRAME-WINNER-TOAST.IS-HIDING{
    animation:GAME_WINNER_POP_OUT .28s ease-in both;
}

.GAME-FRAME-WINNER-IMG{
    width:27px;
    height:27px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:9px;
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 8px 14px rgba(17,24,39,.14);
}

.GAME-FRAME-WINNER-IMG img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
}

.GAME-FRAME-WINNER-META{
    min-width:0;
    height:27px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1px;
}

.GAME-FRAME-WINNER-TOP{
    min-width:0;
    display:block;
    color:#4B5563;
    font-size:8px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
    text-transform:uppercase;
    letter-spacing:.15px;
}

.GAME-FRAME-WINNER-LABEL{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.GAME-FRAME-WINNER-AMOUNT{
    width:max-content;
    max-width:100%;
    min-height:15px;
    display:inline-flex;
    align-items:center;
    color:var(--GOLD);
    font-size:13px;
    font-weight:700;
    line-height:1;
    letter-spacing:.2px;
    text-shadow:
        0 0 10px rgba(var(--GOLD_RGB),.36),
        0 0 18px rgba(var(--GOLD_LIGHT_RGB),.28);
}

@keyframes GAME_WINNER_POP_IN{
    from{
        opacity:0;
        transform:translateX(12px) scale(.82);
        filter:blur(3px);
    }

    70%{
        opacity:1;
        transform:translateX(0) scale(1.04);
        filter:blur(0);
    }

    to{
        opacity:1;
        transform:translateX(0) scale(1);
        filter:blur(0);
    }
}

@keyframes GAME_WINNER_POP_OUT{
    from{
        opacity:1;
        transform:translateX(0) scale(1);
        filter:blur(0);
    }

    to{
        opacity:0;
        transform:translateX(14px) scale(.9);
        filter:blur(3px);
    }
}

.GAME-LAUNCH-OVERLAY{
    position:fixed;
    inset:0;
    left:0;
    right:0;
    z-index:230;
    width:100%;
    max-width:430px;
    height:100vh;
    height:100dvh;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:
        radial-gradient(circle at 50% 38%, rgba(var(--GOLD_RGB),.25), transparent 38%),
        rgba(17,24,39,.62);
    backdrop-filter:blur(10px);
    pointer-events:auto;
}

.GAME-LAUNCH-OVERLAY[hidden]{
    display:none !important;
}

.GAME-LAUNCH-MODAL{
    position:relative;
    width:min(100%, 318px);
    min-height:258px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:28px 22px 24px;
    text-align:center;
    color:var(--TEXT);
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,243,255,.96)),
        radial-gradient(circle at 50% 0%, rgba(var(--GOLD_LIGHT_RGB),.32), transparent 42%);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    border-radius:24px;
    box-shadow:
        0 28px 70px rgba(17,24,39,.28),
        0 18px 40px rgba(var(--GOLD_RGB),.24);
}

.GAME-LAUNCH-HALO{
    position:absolute;
    top:-76px;
    left:50%;
    width:180px;
    height:180px;
    border-radius:999px;
    background:
        radial-gradient(circle, rgba(var(--GOLD_RGB),.22), rgba(var(--GOLD_RGB),.04) 58%, transparent 70%);
    transform:translateX(-50%);
    animation:GAME_LAUNCH_HALO 1.2s ease-in-out infinite alternate;
}

.GAME-LAUNCH-IMAGE{
    position:relative;
    width:68px;
    height:68px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
    overflow:hidden;
    border-radius:20px;
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    box-shadow:
        0 16px 34px rgba(var(--GOLD_RGB),.24),
        inset 0 0 0 6px rgba(245,243,255,.7);
    animation:GAME_LAUNCH_FLOAT 1.35s ease-in-out infinite;
}

.GAME-LAUNCH-IMAGE img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.GAME-LAUNCH-KICKER{
    position:relative;
    margin-bottom:7px;
    color:var(--GOLD2);
    font-size:9px;
    font-weight:700;
    line-height:1;
    letter-spacing:.8px;
}

.GAME-LAUNCH-TITLE{
    position:relative;
    margin-bottom:7px;
    color:#1F2937;
    font-size:18px;
    font-weight:700;
    line-height:1.1;
}

.GAME-LAUNCH-TEXT{
    position:relative;
    max-width:230px;
    color:#6B7280;
    font-size:10px;
    font-weight:700;
    line-height:1.45;
}

.GAME-LAUNCH-DOTS{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-top:18px;
}

.GAME-LAUNCH-DOTS span{
    width:7px;
    height:7px;
    border-radius:999px;
    background:var(--GOLD);
    box-shadow:0 0 13px rgba(var(--GOLD_RGB),.52);
    animation:GAME_LAUNCH_DOT 1s ease-in-out infinite;
}

.GAME-LAUNCH-DOTS span:nth-child(2){
    animation-delay:.14s;
}

.GAME-LAUNCH-DOTS span:nth-child(3){
    animation-delay:.28s;
}

.GAME-RULES-OVERLAY{
    position:fixed;
    inset:0;
    left:0;
    right:0;
    z-index:238;
    width:100%;
    max-width:430px;
    height:100vh;
    height:100dvh;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    background:
        radial-gradient(circle at 50% 36%, rgba(var(--GOLD_RGB),.24), transparent 34%),
        rgba(17,24,39,.58);
    backdrop-filter:blur(10px);
}

.GAME-RULES-OVERLAY[hidden]{
    display:none !important;
}

.GAME-RULES-MODAL{
    position:relative;
    width:min(100%, 326px);
    overflow:hidden;
    padding:22px 18px 18px;
    text-align:center;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid var(--GOLD);
    border-radius:22px;
    box-shadow:0 28px 72px rgba(17,24,39,.32), 0 18px 42px rgba(var(--GOLD_RGB),.22);
}

.GAME-RULES-ICON{
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    border-radius:15px;
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 58%, var(--GOLD2));
    border:1px solid var(--GOLD2);
    box-shadow:0 12px 24px rgba(var(--GOLD_RGB),.20);
}

.GAME-RULES-ICON .material-symbols-rounded{
    font-size:23px;
    line-height:1;
}

.GAME-RULES-KICKER{
    margin-bottom:6px;
    color:var(--GOLD2);
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.GAME-RULES-TITLE{
    color:#1F2937;
    font-size:16px;
    font-weight:900;
    line-height:1.15;
}

.GAME-RULES-DESC{
    margin:7px auto 0;
    max-width:260px;
    color:#64748B;
    font-size:10px;
    font-weight:800;
    line-height:1.4;
}

.GAME-RULES-LIST{
    display:flex;
    flex-direction:column;
    gap:7px;
    margin-top:13px;
    text-align:left;
}

.GAME-RULES-ITEM{
    position:relative;
    padding:9px 10px 9px 25px;
    border-radius:11px;
    color:#7F1D1D;
    background:#FEF2F2;
    border:1px dashed #FECACA;
    font-size:9px;
    font-weight:800;
    line-height:1.45;
}

.GAME-RULES-ITEM::before{
    content:'';
    position:absolute;
    top:12px;
    left:10px;
    width:6px;
    height:6px;
    border-radius:999px;
    background:var(--GOLD);
    box-shadow:0 0 0 3px rgba(var(--GOLD_RGB),.14);
}

.GAME-RULES-SKIP{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    margin-top:10px;
    color:var(--GOLD_DARK);
    font-size:9px;
    font-weight:900;
    line-height:1.25;
    text-align:left;
    cursor:pointer;
}

.GAME-RULES-SKIP input{
    position:relative;
    flex:0 0 auto;
    width:14px;
    height:14px;
    margin:0;
    appearance:none;
    -webkit-appearance:none;
    border-radius:4px;
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.GAME-RULES-SKIP input:checked{
    background:var(--GOLD);
    border-color:var(--GOLD2);
}

.GAME-RULES-SKIP input:checked::after{
    content:'';
    position:absolute;
    left:4px;
    top:1px;
    width:4px;
    height:8px;
    border:solid #FFFFFF;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
}

.GAME-RULES-SKIP span{
    display:block;
    min-width:0;
}

.GAME-RULES-ACTIONS{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:12px;
}

.GAME-RULES-BTN{
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    font-size:10px;
    font-weight:900;
    line-height:1;
}

.GAME-RULES-BTN.IS-SECONDARY{
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.GAME-RULES-BTN.IS-PRIMARY{
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 52%, var(--GOLD2));
    border:1px solid var(--GOLD2);
}

.GAME-SWITCH-OVERLAY{
    position:fixed;
    inset:0;
    left:0;
    right:0;
    z-index:239;
    width:100%;
    max-width:430px;
    height:100vh;
    height:100dvh;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    background:
        radial-gradient(circle at 50% 36%, rgba(var(--GOLD_RGB),.24), transparent 34%),
        rgba(17,24,39,.58);
    backdrop-filter:blur(10px);
}

.GAME-SWITCH-OVERLAY[hidden]{
    display:none !important;
}

.GAME-SWITCH-MODAL{
    position:relative;
    width:min(100%, 326px);
    overflow:hidden;
    padding:24px 20px 18px;
    text-align:center;
    color:#1F2937;
    background:
        radial-gradient(circle at 50% -10%, rgba(var(--GOLD_LIGHT_RGB),.35), transparent 44%),
        linear-gradient(180deg, #FFFFFF 0%, var(--CARD2) 100%);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    border-radius:23px;
    box-shadow:
        0 26px 66px rgba(17,24,39,.30),
        0 18px 38px rgba(var(--GOLD_RGB),.22);
}

.GAME-SWITCH-MODAL::before{
    content:'';
    position:absolute;
    top:-48px;
    right:-46px;
    width:122px;
    height:122px;
    border-radius:999px;
    background:rgba(var(--GOLD_RGB),.12);
}

.GAME-SWITCH-ICON{
    position:relative;
    width:48px;
    height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    border-radius:16px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 14px 28px rgba(var(--GOLD_RGB),.18);
}

.GAME-SWITCH-ICON .material-symbols-rounded{
    font-size:25px;
    line-height:1;
}

.GAME-SWITCH-KICKER{
    position:relative;
    margin-bottom:7px;
    color:var(--GOLD2);
    font-size:9px;
    font-weight:700;
    letter-spacing:.9px;
    line-height:1;
    text-transform:uppercase;
}

.GAME-SWITCH-TITLE{
    position:relative;
    margin-bottom:9px;
    color:#1F2937;
    font-size:17px;
    font-weight:700;
    line-height:1.2;
}

.GAME-SWITCH-DESC{
    position:relative;
    color:#5B6472;
    font-size:10px;
    font-weight:700;
    line-height:1.55;
}

.GAME-SWITCH-DESC span{
    color:var(--GOLD2);
    font-weight:900;
}

.GAME-SWITCH-ACTIONS{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:18px;
}

.GAME-SWITCH-BTN{
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    font-size:10px;
    font-weight:700;
    line-height:1;
}

.GAME-SWITCH-BTN.IS-SECONDARY{
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.08);
}

.GAME-SWITCH-BTN.IS-PRIMARY{
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 52%, var(--GOLD2));
    border:1px solid var(--GOLD2);
    box-shadow:0 12px 24px rgba(var(--GOLD_RGB),.28);
}

.GAME-REPORT-OVERLAY{
    position:fixed;
    inset:0;
    left:0;
    right:0;
    z-index:240;
    width:100%;
    max-width:430px;
    height:100vh;
    height:100dvh;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    background:
        radial-gradient(circle at 50% 36%, rgba(var(--GOLD_RGB),.24), transparent 34%),
        rgba(17,24,39,.58);
    backdrop-filter:blur(10px);
}

.GAME-REPORT-OVERLAY[hidden]{
    display:none !important;
}

.GAME-REPORT-MODAL{
    position:relative;
    width:min(100%, 326px);
    overflow:hidden;
    padding:24px 20px 18px;
    text-align:center;
    color:#1F2937;
    background:
        radial-gradient(circle at 50% -10%, rgba(var(--GOLD_LIGHT_RGB),.35), transparent 44%),
        linear-gradient(180deg, #FFFFFF 0%, var(--CARD2) 100%);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    border-radius:23px;
    box-shadow:
        0 26px 66px rgba(17,24,39,.30),
        0 18px 38px rgba(var(--GOLD_RGB),.22);
}

.GAME-REPORT-MODAL::before{
    content:'';
    position:absolute;
    top:-48px;
    right:-46px;
    width:122px;
    height:122px;
    border-radius:999px;
    background:rgba(var(--GOLD_RGB),.12);
}

.GAME-REPORT-ICON{
    position:relative;
    width:48px;
    height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    border-radius:16px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 14px 28px rgba(var(--GOLD_RGB),.18);
}

.GAME-REPORT-ICON .material-symbols-rounded{
    font-size:25px;
    line-height:1;
}

.GAME-REPORT-KICKER{
    position:relative;
    margin-bottom:7px;
    color:var(--GOLD2);
    font-size:9px;
    font-weight:700;
    letter-spacing:.9px;
    line-height:1;
}

.GAME-REPORT-TITLE{
    position:relative;
    margin-bottom:9px;
    color:#1F2937;
    font-size:17px;
    font-weight:700;
    line-height:1.2;
}

.GAME-REPORT-DESC{
    position:relative;
    color:#5B6472;
    font-size:10px;
    font-weight:700;
    line-height:1.55;
}

.GAME-REPORT-ACTIONS{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:18px;
}

.GAME-REPORT-BTN{
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    font-size:10px;
    font-weight:700;
    line-height:1;
}

.GAME-REPORT-BTN.IS-SECONDARY{
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.08);
}

.GAME-REPORT-BTN.IS-PRIMARY{
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 52%, var(--GOLD2));
    border:1px solid var(--GOLD2);
    box-shadow:0 12px 24px rgba(var(--GOLD_RGB),.28);
}

.WITHDRAW-PIN-OVERLAY{
    position:fixed;
    inset:0;
    left:0;
    right:0;
    z-index:265;
    width:100%;
    max-width:430px;
    height:100vh;
    height:100dvh;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    background:
        radial-gradient(circle at 50% 36%, rgba(var(--GOLD_RGB),.20), transparent 34%),
        rgba(17,24,39,.56);
    backdrop-filter:blur(10px);
}

.WITHDRAW-PIN-OVERLAY[hidden]{
    display:none !important;
}

.WITHDRAW-PIN-MODAL{
    width:min(100%, 326px);
    padding:22px 18px 18px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    border-radius:22px;
    box-shadow:0 24px 62px rgba(17,24,39,.28), 0 16px 34px rgba(var(--GOLD_RGB),.18);
    text-align:center;
}

.WITHDRAW-PIN-ICON{
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    border-radius:15px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
}

.WITHDRAW-PIN-ICON .material-symbols-rounded{
    font-size:24px;
}

.WITHDRAW-PIN-TITLE{
    color:#1F2937;
    font-size:16px;
    font-weight:900;
    line-height:1.15;
}

.WITHDRAW-PIN-DESC{
    margin-top:7px;
    color:#64748B;
    font-size:10px;
    font-weight:800;
    line-height:1.4;
}

.WITHDRAW-PIN-FIELDS{
    display:grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap:6px;
    margin-top:16px;
}

.WITHDRAW-PIN-INPUT{
    width:100%;
    height:42px;
    padding:0;
    border-radius:11px;
    color:#1F2937;
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    font-family:var(--FONT_FAMILY);
    font-size:18px;
    font-weight:900;
    line-height:1;
    text-align:center;
    outline:0;
}

.WITHDRAW-PIN-INPUT:focus{
    border-color:var(--GOLD_LIGHT);
    box-shadow:0 0 0 3px rgba(var(--GOLD_RGB),.12);
}

.WITHDRAW-PIN-TOOLS{
    display:flex;
    justify-content:flex-end;
    margin-top:4px;
}

.WITHDRAW-PIN-TOGGLE{
    height:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    color:var(--GOLD2);
    background:transparent;
    border:0;
    font-size:9px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.WITHDRAW-PIN-TOGGLE .material-symbols-rounded{
    font-size:12px;
    line-height:1;
}

.WITHDRAW-PIN-MODAL:not(.PIN-SETUP-MODAL) .WITHDRAW-PIN-TOOLS{
    justify-content:flex-end;
    margin-top:4px;
}

.WITHDRAW-PIN-MODAL:not(.PIN-SETUP-MODAL) .WITHDRAW-PIN-TOGGLE{
    min-height:16px;
    padding:0;
    border-radius:0;
    color:var(--GOLD2);
    background:transparent;
    border:0;
    box-shadow:none;
}

.WITHDRAW-PIN-MODAL:not(.PIN-SETUP-MODAL) .WITHDRAW-PIN-ERROR:empty{
    min-height:0;
    margin-top:0;
}

.WITHDRAW-PIN-MODAL:not(.PIN-SETUP-MODAL) .WITHDRAW-PIN-ACTIONS{
    grid-template-columns:1fr 1fr;
    margin-top:12px;
}

.WITHDRAW-PIN-MODAL:not(.PIN-SETUP-MODAL) .WITHDRAW-PIN-ICON{
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 58%, var(--GOLD2));
    border-color:var(--GOLD2);
    box-shadow:0 12px 24px rgba(var(--GOLD_RGB),.20);
}

.WITHDRAW-PIN-MODAL:not(.PIN-SETUP-MODAL) .WITHDRAW-PIN-BTN.IS-PRIMARY{
    grid-row:auto;
    width:100%;
}

.WITHDRAW-PIN-MODAL:not(.PIN-SETUP-MODAL) .WITHDRAW-PIN-BTN.IS-SECONDARY{
    grid-row:auto;
    height:40px;
    color:var(--GOLD2);
    background:#FFFFFF;
    border-color:var(--GOLD_LIGHT_BORDER);
}

.WITHDRAW-PIN-ERROR{
    min-height:10px;
    margin-top:8px;
    color:#B91C1C;
    font-size:9px;
    font-weight:900;
    line-height:1.35;
    text-align:left;
}

.WITHDRAW-PIN-ERROR.IS-SUCCESS{
    color:#15803D;
}

.WITHDRAW-PIN-ACTIONS{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:6px;
}

.WITHDRAW-PIN-BTN{
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    font-family:var(--FONT_FAMILY);
    font-size:10px;
    font-weight:900;
    line-height:1;
}

.WITHDRAW-PIN-BTN.IS-SECONDARY{
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.WITHDRAW-PIN-BTN.IS-PRIMARY{
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 52%, var(--GOLD2));
    border:1px solid var(--GOLD2);
}

.PIN-SETUP-OVERLAY{
    z-index:285;
}

.PIN-SETUP-MODAL{
    padding-bottom:14px;
    border-color:var(--GOLD);
    box-shadow:0 28px 72px rgba(17,24,39,.32), 0 18px 42px rgba(var(--GOLD_RGB),.22);
}

.PIN-SETUP-ICON{
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 58%, var(--GOLD2));
    border-color:var(--GOLD2);
    box-shadow:0 12px 24px rgba(var(--GOLD_RGB),.20);
}

.PIN-SETUP-GROUP{
    margin-top:12px;
}

.PIN-SETUP-LABEL{
    margin-bottom:6px;
    color:var(--GOLD_DARK);
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-align:left;
    text-transform:uppercase;
}

.PIN-SETUP-FIELDS{
    margin-top:0;
}

.PIN-SETUP-NOTE{
    margin-top:10px;
    padding:9px 10px;
    border-radius:11px;
    color:#7F1D1D;
    background:#FEF2F2;
    border:1px dashed #FECACA;
    text-align:left;
}

.PIN-SETUP-NOTE span,
.PIN-SETUP-NOTE p{
    display:block;
    margin:0;
}

.PIN-SETUP-NOTE span{
    margin-bottom:5px;
    color:#B91C1C;
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.PIN-SETUP-NOTE p{
    color:#7F1D1D;
    font-size:9px;
    font-weight:800;
    line-height:1.45;
}

.PIN-SETUP-AGREEMENT{
    display:grid;
    grid-template-columns:16px minmax(0, 1fr);
    gap:7px;
    align-items:flex-start;
    margin-top:8px;
    padding:9px 10px;
    border-radius:11px;
    color:var(--GOLD_DARK);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    text-align:left;
    cursor:pointer;
}

.PIN-SETUP-AGREEMENT input{
    position:relative;
    width:14px;
    height:14px;
    margin:0;
    appearance:none;
    -webkit-appearance:none;
    border-radius:3px;
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
}

.PIN-SETUP-AGREEMENT input:checked{
    background:var(--GOLD);
    border-color:var(--GOLD2);
}

.PIN-SETUP-AGREEMENT input:checked::after{
    content:'';
    position:absolute;
    left:4px;
    top:1px;
    width:4px;
    height:8px;
    border:solid #FFFFFF;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
}

.PIN-SETUP-AGREEMENT span{
    color:var(--GOLD_DARK);
    font-size:8px;
    font-weight:800;
    line-height:1.45;
}

.PIN-SETUP-ACTIONS{
    grid-template-columns:1fr;
    margin-top:8px;
}

.PIN-SETUP-ACTIONS .WITHDRAW-PIN-BTN{
    width:100%;
}

.PIN-SETUP-MODAL .WITHDRAW-PIN-ERROR{
    margin-top:5px;
}

.PIN-SETUP-MODAL .WITHDRAW-PIN-ERROR:empty{
    min-height:0;
    margin-top:0;
}

@keyframes GAME_LAUNCH_FLOAT{
    0%,
    100%{
        transform:translateY(0) scale(1);
    }

    50%{
        transform:translateY(-5px) scale(1.02);
    }
}

@keyframes GAME_LAUNCH_HALO{
    from{
        opacity:.68;
        transform:translateX(-50%) scale(.94);
    }

    to{
        opacity:1;
        transform:translateX(-50%) scale(1.08);
    }
}

@keyframes GAME_LAUNCH_DOT{
    0%,
    100%{
        opacity:.35;
        transform:translateY(0);
    }

    50%{
        opacity:1;
        transform:translateY(-5px);
    }
}

.LOADING-SCREEN{
    position:fixed;
    inset:0;
    z-index:220;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    color:var(--TEXT);
    background:
        radial-gradient(circle at 50% 42%, rgba(var(--GOLD_LIGHT_RGB),.18), transparent 34%),
        linear-gradient(135deg, #FFFFFF 0%, var(--CARD2) 58%, var(--GOLD_SOFT) 100%);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:opacity .28s ease, visibility .28s ease;
}

body.IS-LOADING:not(.IS-THEME-READY) .LOADING-SCREEN{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:none;
}

body.IS-LOADING:not(.IS-THEME-READY) .APP{
    visibility:hidden;
}

.LOADING-SCREEN.IS-HIDDEN{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

.LOADING-CARD{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    text-align:center;
}

.LOADING-MARK{
    width:150px;
    height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.LOADING-MARK img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    opacity:0;
    transition:opacity .12s ease;
}

.LOADING-MARK img.IS-THEME-READY{
    opacity:1;
}

.LOADING-TITLE{
    color:var(--GOLD2);
    font-size:15px;
    font-weight:700;
    line-height:1;
}

.LOADING-SUB{
    color:#6B7280;
    font-size:10px;
    font-weight:700;
    letter-spacing:1px;
}

.LOADING-SPINNER{
    width:30px;
    height:30px;
    border-radius:999px;
    border:3px solid var(--GOLD_BORDER);
    border-top-color:var(--GOLD);
    animation:LOADING_SPIN .72s linear infinite;
}

@keyframes LOADING_SPIN{
    to{
        transform:rotate(360deg);
    }
}

.MENU-OVERLAY{
    position:fixed;
    inset:0;
    z-index:99;
    opacity:0;
    visibility:hidden;
    background:rgba(17,24,39,.34);
    transition:opacity .22s ease, visibility .22s ease;
}

.SIDE-MENU{
    position:fixed;
    top:0;
    left:max(calc((100vw - 430px) / 2), 0px);
    z-index:100;
    width:min(315px, 84vw);
    height:100vh;
    padding:14px;
    overflow-y:auto;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    background:#FFFFFF;
    border-right:1px solid var(--GOLD_BORDER);
    transform:translateX(-105%);
    transition:transform .24s ease, opacity .18s ease, visibility .24s ease;
}

.APP.MENU-ACTIVE .MENU-OVERLAY{
    opacity:1;
    visibility:visible;
}

.APP.MENU-ACTIVE .SIDE-MENU{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(0);
}

.SIDE-MENU-HEAD{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-bottom:9px;
    margin-bottom:0;
    border-bottom:1px solid var(--GOLD_SOFT);
}

.MENU-CLOSE{
    width:36px;
    height:36px;
    flex:0 0 36px;
    border-radius:11px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
}

.SIDE-MENU-LABEL{
    margin:8px 0 6px;
    color:#9CA3AF;
    font-size:9px;
    font-weight:700;
    letter-spacing:.8px;
}

.SIDE-MENU-USER{
    margin:0 0 9px;
    padding:8px 0 9px;
    border-bottom:1px solid var(--GOLD_SOFT);
}

.SIDE-MENU-USER-ROW{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 28px;
    align-items:center;
    gap:6px;
}

.SIDE-MENU-USER-COPY{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.SIDE-MENU-WELCOME{
    min-width:0;
    color:#1F2937;
    font-size:13px;
    font-weight:700;
    line-height:1.25;
}

.SIDE-MENU-ACCOUNT-JUMP{
    width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 58%, var(--GOLD2));
    border:1px solid var(--GOLD2);
    box-shadow:0 8px 16px rgba(var(--GOLD_RGB),.18);
}

.SIDE-MENU-ACCOUNT-JUMP .material-symbols-rounded{
    font-size:16px;
    line-height:1;
}

.SIDE-MENU-ID-COPY{
    display:inline-flex;
    align-items:center;
    gap:4px;
    max-width:100%;
    margin-top:0;
    padding:0;
    border:0;
    color:#374151;
    background:transparent;
    font-size:9px;
    font-weight:700;
    line-height:1;
    letter-spacing:.15px;
}

.SIDE-MENU-ID-COPY .material-symbols-rounded{
    width:12px;
    height:12px;
    color:var(--GOLD);
    font-size:12px;
}

.SIDE-MENU-ID-COPY.IS-COPIED .material-symbols-rounded{
    color:#16A34A;
}

.SIDE-MENU-ID-COPY:disabled{
    cursor:default;
    opacity:.62;
}

.SIDE-MENU-ID-COPY[aria-disabled="true"]{
    cursor:default;
    opacity:.62;
}

.SIDE-MENU-ID{
    max-width:232px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.SIDE-MENU-LINK{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:38px;
    padding:8px 10px;
    margin-bottom:6px;
    border-radius:12px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    font-size:11px;
    font-weight:700;
    box-shadow:0 1px 0 rgba(var(--GOLD_RGB),.08);
}

.SIDE-MENU-LINK:hover{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
}

.SIDE-MENU-LINK.IS-ACTIVE{
    color:var(--GOLD2);
    background:var(--CARD2);
    border-color:var(--GOLD_LIGHT_BORDER);
    box-shadow:0 0 0 1px rgba(var(--GOLD_RGB),.08);
}

.SIDE-MENU-LINK i{
    width:16px;
    margin:0 !important;
    color:var(--GOLD);
}

.DAILY-BONUS-BADGE,
.VIP-REBATE-BADGE{
    box-sizing:border-box;
    width:18px;
    min-width:18px;
    height:18px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:auto;
    padding:0;
    border-radius:999px;
    color:#FFFFFF;
    background:#16A34A;
    border:2px solid #FFFFFF;
    box-shadow:0 6px 14px rgba(22,163,74,.24);
    font-family:var(--FONT_FAMILY);
    font-size:9px;
    font-weight:900;
    line-height:14px;
    text-align:center;
}

.SIDE-MENU-BONUS{
    margin-top:9px;
    padding:12px;
    border-radius:14px;
    background:linear-gradient(180deg, var(--CARD2) 0%, #FFFFFF 100%);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 8px 20px rgba(var(--GOLD_RGB),.08), inset 0 0 0 1px rgba(var(--GOLD_RGB),.06);
}

.SIDE-MENU-BONUS-TITLE{
    color:var(--GOLD2);
    font-size:11px;
    font-weight:700;
    margin-bottom:8px;
    letter-spacing:.2px;
}

.SIDE-MENU-BONUS-TEXT{
    color:#4B5563;
    font-size:10px;
    line-height:1.38;
    margin-bottom:8px;
}

.SIDE-MENU-VOUCHER-FIELD{
    display:flex;
    flex-direction:column;
    margin-bottom:10px;
}

.SIDE-MENU-VOUCHER-FIELD input{
    width:100%;
    height:34px;
    padding:0 11px;
    border-radius:11px;
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT);
    outline:none;
    font-family:'Geist Mono', monospace;
    font-size:10px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.SIDE-MENU-VOUCHER-FIELD input::placeholder{
    color:#9CA3AF;
    text-transform:none;
}

.SIDE-MENU-VOUCHER-FIELD input:focus{
    background:var(--GOLD_PALE);
    border-color:var(--GOLD);
    box-shadow:0 0 0 3px rgba(var(--GOLD_RGB),.12);
}

.SIDE-MENU-VOUCHER-SUBMIT{
    width:100%;
    height:36px;
    font-family:'Geist Mono', monospace;
    font-size:10px;
}

.SIDE-MENU-VOUCHER-STATUS{
    display:none;
    margin-top:8px;
    color:#15803D;
    font-size:9px;
    font-weight:800;
    line-height:1.35;
    text-align:left;
}

.SIDE-MENU-VOUCHER-STATUS.IS-ACTIVE{
    display:block;
}

.SIDE-MENU-VOUCHER-STATUS.IS-ERROR{
    color:#B91C1C;
}

.SIDE-MENU-BOTTOM-LINK{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:max-content;
    max-width:100%;
    margin:16px auto 0;
    padding:4px 8px;
    color:var(--GOLD2);
    background:transparent;
    border:0;
    font-size:11px;
    font-weight:800;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
}

.SIDE-MENU-BOTTOM-LINK .material-symbols-rounded{
    color:var(--GOLD);
    font-size:15px;
    line-height:1;
}

.SIDE-MENU-BOTTOM-LINK:hover,
.SIDE-MENU-BOTTOM-LINK.IS-ACTIVE{
    color:var(--GOLD2);
}

/* =========================
   LOGIN MODAL
========================= */

.LOGIN-OVERLAY{
    position:fixed;
    inset:0;
    z-index:120;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    background-image:
        var(--AUTH_BG_IMAGE),
        var(--AUTH_BG_OVERLAY);
    background-size:cover, cover;
    background-position:center, center;
    background-repeat:no-repeat;
    transition:opacity .22s ease, visibility .22s ease;
}

.APP.LOGIN-ACTIVE .LOGIN-OVERLAY{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.AUTH-THEME-LOGO{
    position:absolute;
    top:var(--AUTH_LOGO_TOP, 112px);
    left:var(--AUTH_LOGO_LEFT, 50%);
    z-index:0;
    display:block;
    pointer-events:none;
    transform:translate(var(--AUTH_LOGO_TRANSLATE_X, -50%), var(--AUTH_LOGO_TRANSLATE_Y, 0));
}

.AUTH-THEME-LOGO[hidden]{
    display:none !important;
}

.AUTH-THEME-LOGO img{
    display:block;
    height:var(--AUTH_LOGO_HEIGHT, 104px);
    max-width:var(--AUTH_LOGO_MAX_WIDTH, 72vw);
    object-fit:contain;
}

.LOGIN-MODAL{
    width:min(100%, 374px);
    max-height:calc(100vh - 36px);
    overflow-y:auto;
    border-radius:20px;
    background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,243,255,.86));
    border:1px solid rgba(255,255,255,.54);
    box-shadow:0 24px 70px rgba(17,24,39,.24), inset 0 1px 0 rgba(255,255,255,.58);
    backdrop-filter:blur(14px) saturate(1.25);
    -webkit-backdrop-filter:blur(14px) saturate(1.25);
    transform:translateY(10px);
    transition:transform .22s ease;
}

.APP.LOGIN-ACTIVE .LOGIN-MODAL{
    transform:translateY(0);
}

.LOGIN-HEAD{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:14px 16px 12px;
    background:linear-gradient(135deg, rgba(245,243,255,.78), rgba(255,255,255,.78) 44%, rgba(237,233,254,.72));
    border-bottom:1px solid rgba(221,214,254,.72);
}

.LOGIN-HEAD > div{
    min-width:0;
}

.LOGIN-BRAND-LINE{
    display:flex;
    align-items:center;
    gap:9px;
}

.LOGIN-BRAND-MARK{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    color:#FFFFFF;
    overflow:hidden;
    background:transparent;
    font-size:22px;
    font-weight:700;
    line-height:1;
}

.LOGIN-BRAND-MARK img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.LOGIN-TITLE{
    margin:0;
    color:var(--TEXT);
    font-size:16px;
    line-height:1;
}

.LOGIN-SUB{
    margin-top:4px;
    color:var(--SOFT);
    font-size:9px;
    font-weight:700;
    line-height:1;
}

.LOGIN-FORM{
    display:grid;
    gap:9px;
    padding:13px 16px 14px;
}

.AUTH-PANEL{
    display:none;
}

.AUTH-PANEL.IS-ACTIVE{
    display:grid;
}

.FORGOT-PIN-FIELD{
    display:none;
}

.FORGOT-PIN-FIELD.IS-ACTIVE{
    display:grid;
}

.LOGIN-FIELD{
    display:grid;
    gap:5px;
}

.LOGIN-FIELD label,
.LOGIN-REMEMBER{
    color:#4B5563;
    font-size:10px;
    font-weight:700;
}

.LOGIN-INPUT-WRAP{
    position:relative;
    display:flex;
    align-items:center;
}

.LOGIN-FIELD-ICON{
    position:absolute;
    left:12px;
    color:var(--GOLD);
    font-size:18px;
    pointer-events:none;
}

.LOGIN-INPUT{
    width:100%;
    height:34px;
    padding:0 42px;
    border-radius:12px;
    color:var(--TEXT);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    outline:0;
    font-family:'Geist Mono', monospace;
    font-size:12px;
    font-weight:700;
}

.LOGIN-SECRET-INPUT:not(.IS-SECRET-VISIBLE){
    -webkit-text-security:disc;
    text-security:disc;
}

.LOGIN-SECRET-INPUT.IS-SECRET-VISIBLE{
    -webkit-text-security:none;
    text-security:none;
}

.LOGIN-INPUT:focus{
    border-color:var(--GOLD_LIGHT);
    background:#FFFFFF;
}

.REGISTER-REFERRAL-FIELD .LOGIN-INPUT{
    background:#FFFFFF;
    border-color:var(--GOLD_LIGHT_BORDER);
}

.REGISTER-REFERRAL-FIELD .LOGIN-INPUT::placeholder{
    color:#9CA3AF;
}

.REGISTER-OPTIONAL-NOTE{
    margin:-1px 2px 0;
    color:#64748B;
    font-size:8px;
    font-weight:700;
    line-height:1.25;
}

#REGISTER_FORM{
    gap:8px;
}

#REGISTER_FORM .LOGIN-FIELD{
    gap:4px;
}

#REGISTER_FORM .PASSWORD-RULES{
    gap:3px;
    margin:-4px 0 0;
}

.LOGIN-FIELD.IS-INVALID .LOGIN-INPUT{
    border-color:#EF4444;
    background:#FFF1F2;
}

.LOGIN-ERROR{
    display:none;
    color:#DC2626;
    font-size:9px;
    font-weight:700;
    line-height:1.25;
}

.LOGIN-FIELD.IS-INVALID .LOGIN-ERROR{
    display:block;
}

.PASSWORD-RULES{
    display:grid;
    gap:4px;
    margin:-2px 0 0;
    padding:0;
    list-style:none;
}

.PASSWORD-RULE{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:#DC2626;
    font-size:8px;
    font-weight:700;
    line-height:1.2;
}

.PASSWORD-RULE .material-symbols-rounded{
    width:12px;
    height:12px;
    flex:0 0 12px;
    color:currentColor;
    font-size:12px;
    opacity:0;
}

.PASSWORD-RULE.IS-VALID{
    color:#16A34A;
}

.PASSWORD-RULE.IS-VALID .material-symbols-rounded{
    opacity:1;
}

.LOGIN-PASSWORD-TOGGLE{
    position:absolute;
    right:6px;
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:10px;
    color:var(--GOLD2);
    background:transparent;
}

.LOGIN-PASSWORD-TOGGLE .material-symbols-rounded{
    font-size:19px;
}

.LOGIN-ROW{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:22px;
    margin:-1px 0 0;
}

.LOGIN-REMEMBER{
    display:inline-flex;
    align-items:center;
    gap:7px;
}

.LOGIN-REMEMBER input{
    width:14px;
    height:14px;
    accent-color:var(--GOLD2);
}

.LOGIN-LINK{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    padding:0;
    color:var(--GOLD2);
    background:transparent;
    font-size:10px;
    font-weight:700;
}

.LOGIN-STATUS{
    display:none;
    color:#166534;
    font-size:9px;
    font-weight:700;
    line-height:1.4;
}

.LOGIN-STATUS.IS-ACTIVE{
    display:block;
}

.LOGIN-STATUS.IS-ERROR{
    padding:8px 10px;
    border-radius:10px;
    color:#B91C1C;
    background:#FEF2F2;
    border:1px solid #FCA5A5;
}

.LOGIN-VERSION{
    position:fixed;
    left:18px;
    right:18px;
    bottom:max(18px, env(safe-area-inset-bottom));
    z-index:130;
    margin:0;
    color:var(--SOFT);
    font-size:9px;
    font-weight:800;
    line-height:1;
    text-align:center;
    letter-spacing:0;
    opacity:.78;
    pointer-events:none;
}

.PASSWORD-UPDATE-OVERLAY{
    position:fixed;
    inset:0;
    z-index:245;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(17,24,39,.38);
}

.PASSWORD-UPDATE-OVERLAY.IS-ACTIVE{
    display:flex;
}

.GLOBAL-ERROR-OVERLAY{
    position:fixed;
    inset:0;
    z-index:270;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(17,24,39,.38);
}

.GLOBAL-ERROR-OVERLAY.IS-ACTIVE{
    display:flex;
}

.GLOBAL-ERROR-MODAL{
    width:min(100%, 340px);
    padding:20px 18px 18px;
    border-radius:18px;
    background:#FFFFFF;
    border:1px solid #FCA5A5;
    box-shadow:0 18px 46px rgba(17,24,39,.16);
    text-align:center;
}

.GLOBAL-ERROR-OVERLAY.IS-SUCCESS .GLOBAL-ERROR-MODAL{
    border-color:#86EFAC;
    box-shadow:
        0 20px 50px rgba(17,24,39,.18),
        0 0 0 1px rgba(22,163,74,.08),
        inset 0 1px 0 rgba(255,255,255,.85);
}

.GLOBAL-ERROR-ICON{
    width:44px;
    height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:11px;
    border-radius:16px;
    color:#B91C1C;
    background:#FEF2F2;
}

.GLOBAL-ERROR-OVERLAY.IS-SUCCESS .GLOBAL-ERROR-ICON{
    color:#15803D;
    background:#DCFCE7;
    box-shadow:0 8px 18px rgba(22,163,74,.12);
}

.GLOBAL-ERROR-ICON .material-symbols-rounded{
    font-size:24px;
}

.GLOBAL-ERROR-TITLE{
    color:#1F2937;
    font-size:16px;
    font-weight:900;
    line-height:1.15;
}

.GLOBAL-ERROR-MESSAGE{
    margin:8px auto 14px;
    max-width:260px;
    color:#B91C1C;
    font-size:12px;
    font-weight:800;
    line-height:1.45;
    white-space:pre-wrap;
}

.GLOBAL-ERROR-OVERLAY.IS-SUCCESS .GLOBAL-ERROR-MESSAGE{
    color:#15803D;
}

.GLOBAL-ERROR-CODE{
    margin:0 0 14px;
    color:var(--GOLD_DARK);
    font-size:9px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.GLOBAL-ERROR-BUTTON{
    min-width:96px;
}

.GLOBAL-ERROR-OVERLAY.IS-SUCCESS .GLOBAL-ERROR-BUTTON{
    background:#16A34A;
    border-color:#15803D;
    box-shadow:0 10px 22px rgba(22,163,74,.18);
}

.GLOBAL-ERROR-OVERLAY.IS-SUCCESS .GLOBAL-ERROR-BUTTON:hover{
    background:#15803D;
}

.PASSWORD-UPDATE-MODAL{
    position:relative;
    width:min(100%, 340px);
    display:grid;
    gap:8px;
    padding:18px;
    border-radius:18px;
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    box-shadow:0 18px 46px rgba(17,24,39,.16);
    text-align:left;
}

.PASSWORD-UPDATE-CLOSE{
    position:absolute;
    top:12px;
    right:12px;
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border-radius:11px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    outline:0;
    cursor:pointer;
}

.PASSWORD-UPDATE-CLOSE .material-symbols-rounded{
    font-size:18px;
    line-height:1;
}

.AUTH-RELOAD-ICON{
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    border-radius:14px;
    color:#B91C1C;
    background:#FEF2F2;
}

.PASSWORD-UPDATE-ICON{
    display:flex;
    margin:0 auto 10px;
    color:var(--GOLD2);
    background:var(--CARD2);
}

.AUTH-RELOAD-ICON .material-symbols-rounded{
    font-size:24px;
}

.AUTH-RELOAD-TITLE{
    color:#1F2937;
    font-size:16px;
    font-weight:700;
}

.PASSWORD-UPDATE-MESSAGE{
    margin:0 0 8px;
    color:#4B5563;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
    text-align:center;
}

.PASSWORD-UPDATE-MODAL .AUTH-RELOAD-TITLE{
    margin-top:0;
    text-align:center;
}

.PASSWORD-UPDATE-MODAL .LOGIN-FIELD{
    gap:5px;
    margin-bottom:0;
}

.PASSWORD-UPDATE-MODAL .LOGIN-INPUT{
    height:34px;
}

.PASSWORD-UPDATE-MODAL .PASSWORD-RULES{
    gap:3px;
    margin:-1px 2px 0;
}

.PASSWORD-UPDATE-MODAL .LOGIN-STATUS{
    padding:0;
    border-radius:0;
    background:transparent;
    text-align:left;
}

.PASSWORD-UPDATE-MODAL .LOGIN-STATUS.IS-ERROR{
    padding:0;
    border-radius:0;
    background:transparent;
    border:0;
}

.PASSWORD-UPDATE-MODAL .LOGIN-ERROR:empty{
    display:none !important;
}

.PASSWORD-UPDATE-MODAL .LOGIN-SUBMIT{
    height:36px;
    margin-top:0;
}

.LOGIN-SUBMIT{
    width:100%;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

.LOGIN-SUBMIT .material-symbols-rounded{
    font-size:17px;
}

.LOGIN-SUBMIT:disabled{
    cursor:not-allowed;
    opacity:.68;
}

.PWA-INSTALL-BUTTON{
    width:100%;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid var(--GOLD_BORDER);
    border-radius:10px;
    color:var(--GOLD2);
    background:var(--CARD2);
    font:inherit;
    font-size:10px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
}

.PWA-INSTALL-BUTTON[hidden]{
    display:none !important;
}

.PWA-INSTALL-BUTTON .material-symbols-rounded{
    font-size:17px;
}

.PWA-INSTALL-BUTTON:disabled{
    cursor:not-allowed;
    opacity:.68;
}

#REGISTER_FORM .LOGIN-SUBMIT{
    margin-top:5px;
}

.LOGIN-FOOT{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding-top:4px;
    color:#4B5563;
    font-size:10px;
    font-weight:700;
    line-height:1.2;
}


/* =========================
   TOPBAR
========================= */

.TOPBAR{
    position:sticky;
    top:0;
    z-index:10;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(16px);
    border-bottom:1px solid var(--GOLD_BORDER);
}

.TOPBAR-INNER{
    height:60px;
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}

.MENU-BTN{
    width:36px;
    height:36px;
    flex:0 0 36px;
    border-radius:11px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--BORDER);
}

.LOGOUT-BTN{
    width:100%;
    height:38px;
    display:none;
    align-items:center;
    justify-content:center;
    gap:5px;
    border-color:var(--GOLD_LIGHT_BORDER);
    font-size:10px;
    box-shadow:0 1px 0 rgba(var(--GOLD_RGB),.08);
}

.APP.IS-AUTHENTICATED .LOGOUT-BTN{
    display:inline-flex;
}

.LOGOUT-BTN .material-symbols-rounded{
    font-size:16px;
}

.BRAND{
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
}

.BRAND-ICON{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:10px;
    color:var(--GOLD);
    font-size:18px;
    background:transparent;
    border:0;
}

.BRAND-ICON img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.BRAND-NAME{
    font-family:'Geist Mono', monospace;
    color:var(--GOLD);
    height:34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1px;
    font-size:13px;
    font-weight:700;
    line-height:.95;
    white-space:nowrap;
}

.BRAND-NAME span{
    display:block;
}

.TOPBAR .BRAND-ICON{
    width:32px;
    height:32px;
    flex-basis:32px;
    border-radius:9px;
    background:transparent;
    border:0;
}

.TOPBAR .BRAND-ICON img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transform:none;
}

.TOPBAR .BRAND{
    flex:1 1 auto;
    min-width:32px;
    overflow:hidden;
}

.TOPBAR .BRAND > div:last-child{
    min-width:0;
    overflow:hidden;
}

.TOPBAR .BRAND-NAME{
    overflow:hidden;
}

.TOPBAR-ACCOUNT{
    display:none;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:0;
    margin-left:auto;
}

.APP.IS-AUTHENTICATED .TOPBAR-ACCOUNT{
    display:flex;
}

.APP.IS-INVALID-TAG .MENU-BTN,
.APP.IS-INVALID-TAG .TOPBAR-ACCOUNT,
.APP.IS-INVALID-TAG .BOTTOM-NAV,
.APP.IS-INVALID-TAG .FOOTER{
    display:none;
}

.APP.IS-INVALID-TAG .TOPBAR-INNER{
    justify-content:center;
}

.APP.IS-INVALID-TAG .TOPBAR .BRAND{
    flex:0 1 auto;
}

.TOPBAR-WALLET{
    width:max-content;
    min-width:0;
    max-width:min(270px, calc(100vw - 160px));
    height:36px;
    display:grid;
    grid-template-columns:minmax(0, max-content);
    grid-auto-flow:column;
    grid-auto-columns:max-content;
    align-items:center;
    gap:5px;
    padding:4px 6px 4px 9px;
    border-radius:10px;
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.10);
}

.TOPBAR-SUPPORT-BTN{
    position:relative;
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.08);
}

.TOPBAR-SUPPORT-BTN .material-symbols-rounded{
    font-size:21px;
    line-height:1;
}

.FOOTER-SUPPORT-LINK.HAS-SUPPORT-NOTIFY{
    position:relative;
}

.SUPPORT-NOTIFY-BADGE{
    position:absolute;
    top:-5px;
    right:-5px;
    min-width:16px;
    height:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 4px;
    border-radius:999px;
    color:#FFFFFF;
    background:#EF4444;
    border:2px solid #FFFFFF;
    box-shadow:0 5px 12px rgba(239,68,68,.28);
    font-size:8px;
    font-weight:900;
    line-height:1;
    pointer-events:none;
}

.DEPOSIT-BTN{
    width:43px;
    height:23px;
    align-self:center;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    color:#FFFFFF;
    background:var(--GOLD);
    border:1px solid var(--GOLD2);
    box-shadow:none;
    font-size:7px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
}

.BALANCE-REFRESH-BTN{
    width:19px;
    height:19px;
    flex:0 0 19px;
    margin-left:-1px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    color:var(--GOLD);
    background:transparent;
    border:0;
    box-shadow:none;
}

.BALANCE-REFRESH-BTN .material-symbols-rounded{
    font-size:18px;
    line-height:1;
}

.BALANCE-REFRESH-BTN:disabled{
    cursor:not-allowed;
    opacity:.72;
}

.BALANCE-REFRESH-BTN[aria-disabled="true"]{
    cursor:not-allowed;
    opacity:.72;
}

.BALANCE-REFRESH-BTN.IS-LOADING .material-symbols-rounded{
    animation:LOADING_SPIN .72s linear infinite;
}

.TOPBAR-BALANCE-WRAP{
    min-width:0;
    width:max-content;
    max-width:100%;
    display:flex;
    flex-direction:column;
    gap:1px;
}

.TOPBAR-BALANCE-LABEL{
    color:var(--GOLD_DARK);
    font-size:7px;
    font-weight:700;
    line-height:1;
}

.TOPBAR-BALANCE-ROW{
    min-width:0;
    width:max-content;
    max-width:100%;
    display:flex;
    align-items:center;
    gap:1px;
}

.TOPBAR-BALANCE{
    min-width:0;
    width:max-content;
    max-width:100%;
    color:var(--GOLD2);
    font-size:14px;
    font-weight:700;
    font-variation-settings:'wght' 700;
    line-height:1;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
}

/* =========================
   HERO
========================= */

.HERO{
    position:relative;
    min-height:350px;
    margin-top:10px;
    overflow:hidden;
    border-radius:22px;
    border:1px solid var(--GOLD_LIGHT_BORDER);
    background:
        linear-gradient(90deg, rgba(245,243,255,.96), rgba(237,233,254,.76)),
        url('https://images.unsplash.com/photo-1606167668584-78701c57f13d?q=80&w=1200&auto=format&fit=crop') center/cover;
    box-shadow:0 18px 45px rgba(var(--GOLD_RGB),.16);
}

.HERO::after{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 80% 25%, rgba(var(--GOLD_LIGHT_RGB),.30), transparent 26%),
        radial-gradient(circle at 78% 65%, rgba(var(--GOLD_RGB),.18), transparent 30%);
}

.HERO-CONTENT{
    position:relative;
    z-index:2;
    padding:24px 18px;
}

.HERO-TAG{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    margin-bottom:12px;
    border-radius:999px;
    color:var(--GOLD2);
    background:rgba(var(--GOLD_RGB),.10);
    border:1px solid rgba(var(--GOLD_RGB),.25);
    font-size:10px;
    font-weight:700;
}

.HERO h1{
    margin:0;
    font-family:'Geist Mono', monospace;
    font-size:39px;
    line-height:.96;
}

.HERO h1 span{
    color:var(--GOLD);
}

.HERO p{
    max-width:265px;
    margin:12px 0 18px;
    color:var(--SOFT);
    font-size:13px;
    line-height:1.55;
}

.HERO-ACTIONS{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.HERO-DECOR{
    position:absolute;
    right:-18px;
    bottom:8px;
    z-index:1;
    width:205px;
    height:160px;
    border-radius:24px;
    opacity:.9;
    background:
        radial-gradient(circle at center, rgba(248,201,106,.38), transparent 30%),
        linear-gradient(135deg, rgba(var(--GOLD_RGB),.45), rgba(0,0,0,.2));
}

.HERO-DECOR::before{
    content:'777';
    position:absolute;
    right:28px;
    top:52px;
    font-family:'Geist Mono', monospace;
    font-size:46px;
    font-weight:700;
    color:var(--GOLD2);
    text-shadow:0 0 18px rgba(var(--GOLD_RGB),.28);
}

.HERO-DECOR::after{
    content:'♠ A   ♥ A';
    position:absolute;
    left:20px;
    top:25px;
    color:var(--TEXT);
    font-size:24px;
    font-weight:700;
    transform:rotate(-8deg);
}

/* =========================
   JACKPOT
========================= */

.JACKPOT{
    position:relative;
    margin-top:10px;
    padding:0;
    border-radius:18px;
    text-align:center;
    overflow:hidden;
    background:transparent;
    border:0;
    box-shadow:none;
}

.JACKPOT > *{
    position:relative;
    z-index:1;
}

.JACKPOT-ROW{
    display:flex;
    justify-content:center;
    align-items:center;
}

.JACKPOT-BOX{
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    min-width:0;
    white-space:nowrap;
}

.JACKPOT-PROVIDER-ICON{
    width:auto;
    height:24px;
    flex:0 0 auto;
    display:block;
}

.JACKPOT-PROVIDER-ICON-TADA{
    height:18px;
}

.JACKPOT-PROVIDER-TEXT{
    flex:0 0 auto;
    color:#1F2937;
    font-size:14px;
    font-weight:900;
    line-height:1;
    letter-spacing:0;
}

.JACKPOT-LABEL{
    position:relative;
    width:100%;
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:6px 12px;
    overflow:hidden;
    color:var(--GOLD_DARK);
    font-size:8px;
    font-weight:700;
    letter-spacing:1px;
    border-radius:999px;
    background:
        linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(var(--GOLD_LIGHT_RGB),.16) 38%, rgba(255,255,255,.82) 50%, rgba(var(--GOLD_LIGHT_RGB),.14) 62%, rgba(255,255,255,0) 100%),
        linear-gradient(135deg, #FFFFFF 0%, var(--GOLD_PALE) 48%, var(--CARD2) 100%);
    background-size:170% 100%, 100% 100%;
    border:1px solid var(--GOLD);
    box-shadow:inset 0 0 14px rgba(var(--GOLD_LIGHT_RGB),.09), 0 6px 14px rgba(var(--GOLD_RGB),.06);
    animation:JACKPOT_GRADIENT_MOVE 2.8s ease-in-out infinite;
}

.JACKPOT-TITLE-GROUP{
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    flex:0 0 auto;
}

.JACKPOT-LABEL-TEXT{
    position:relative;
    z-index:1;
    font-size:12px;
    line-height:1;
}

@keyframes JACKPOT_GRADIENT_MOVE{
    0%{
        background-position:-140% 50%, 0 0;
    }

    50%{
        background-position:140% 50%, 0 0;
    }

    100%{
        background-position:-140% 50%, 0 0;
    }
}

.JACKPOT-AMOUNT{
    font-family:'Geist Mono', monospace;
    color:var(--GOLD2);
    font-size:clamp(18px, 5vw, 20px);
    font-weight:700;
    line-height:1;
    letter-spacing:0;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
}

.SLOT-PROVIDER-JACKPOTS{
    margin:0;
}

.SLOT-PROVIDER-JACKPOTS[hidden],
.SLOT-PROVIDER-JACKPOT[hidden]{
    display:none !important;
}

.SLOT-PROVIDER-JACKPOT{
    margin:0;
}

.SLOT-PROVIDER-JACKPOT .JACKPOT-LABEL{
    min-height:30px;
    padding-top:4px;
    padding-bottom:4px;
}

/* =========================
   CATEGORY
========================= */

.CATEGORY-CARD{
    width:138px;
    min-width:138px;
    flex:0 0 138px;
    scroll-snap-align:start;
    padding:12px;
}

.CATEGORY-CARD h3{
    margin:0 0 4px;
    font-family:'Geist Mono', monospace;
    font-size:15px;
}

.CATEGORY-CARD p{
    margin:0 0 8px;
    color:var(--SOFT);
    font-size:10px;
    line-height:1.4;
}

.CATEGORY-ICON{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:9px;
    border-radius:16px;
    background:rgba(var(--GOLD_RGB),.10);
    font-size:32px;
}

/* =========================
   GAMES
========================= */

/* .GAME-CARD{
    position:relative;
    min-width:112px;
    height:148px;
    overflow:hidden;
    scroll-snap-align:start;
    border-radius:15px;
    background:#FFFFFF;
    border:1px solid var(--BORDER);
}

.GAME-CARD img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.GAME-CARD::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, transparent 25%, rgba(245,243,255,.96));
}

.GAME-TITLE{
    position:absolute;
    left:9px;
    right:9px;
    bottom:9px;
    z-index:2;
    font-family:'Geist Mono', monospace;
    color:var(--GOLD2);
    font-size:14px;
    line-height:1;
    text-shadow:0 2px 8px rgba(255,255,255,.85);
} */

.BADGE{
    position:absolute;
    top:6px;
    left:6px;
    z-index:3;
    min-height:17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 6px;
    border-radius:999px;
    font-size:8px;
    font-weight:700;
    line-height:1;
    letter-spacing:.2px;
    color:#FFFFFF;
    border:1px solid rgba(255,255,255,.52);
    box-shadow:0 2px 7px rgba(17,24,39,.20);
    text-shadow:0 1px 1px rgba(0,0,0,.18);
}

.BADGE-HOT{
    background:linear-gradient(180deg, #F87171, #DC2626);
}

.BADGE-NEW{
    background:linear-gradient(180deg, #4ADE80, #16A34A);
}

.JILI-GAMES{
    gap:6px;
    padding-bottom:4px;
}

.RECENT-GAMES{
    display:none;
    margin-top:8px;
    padding-bottom:2px;
}

.RECENT-GAMES.IS-ACTIVE{
    display:block;
}

.RECENT-GAMES-HEAD{
    margin-bottom:6px;
}

.RECENT-GAMES-HEAD .SECTION-TITLE{
    font-size:12px;
}

.RECENT-GAMES-TRACK{
    display:flex;
    align-items:center;
    gap:6px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.RECENT-GAMES-TRACK::-webkit-scrollbar{
    display:none;
}

.RECENT-GAME{
    position:relative;
    width:36px;
    height:36px;
    min-width:36px;
    flex:0 0 36px;
    overflow:hidden;
    border-radius:9px;
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
}

.RECENT-GAME::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(90deg, var(--CARD2) 0%, var(--GOLD_SOFT) 45%, var(--CARD2) 80%);
    background-size:220% 100%;
    animation:IMAGE_PLACEHOLDER 1.05s ease-in-out infinite;
}

.RECENT-GAME.IS-IMAGE-LOADED::before{
    display:none;
}

.RECENT-GAME img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    opacity:0;
    transition:opacity .18s ease;
}

.RECENT-GAME.IS-IMAGE-LOADED img{
    opacity:1;
}

.RECENT-GAME.IS-IMAGE-FAILED{
    background:linear-gradient(180deg, var(--CARD2), var(--GOLD_BORDER));
}

#FEATURED_GAMES,
#HOT_GAMES{
    padding-bottom:1px;
}

#hot-games,
#fachai-games{
    margin-top:5px !important;
}

.JILI-GAME-CARD{
    position:relative;
    width:100px;
    min-width:100px;
    height:100px;
    flex:0 0 100px;
    overflow:hidden;
    scroll-snap-align:start;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid var(--BORDER);
}

.JILI-GAME-CARD::before,
#FEATURED_GAMES .GAME-CARD::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(90deg, var(--CARD2) 0%, var(--GOLD_SOFT) 45%, var(--CARD2) 80%);
    background-size:220% 100%;
    animation:IMAGE_PLACEHOLDER 1.05s ease-in-out infinite;
}

.JILI-GAME-CARD.IS-IMAGE-LOADED::before,
#FEATURED_GAMES .GAME-CARD.IS-IMAGE-LOADED::before{
    display:none;
}

.JILI-GAME-CARD img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    opacity:0;
    transition:opacity .18s ease;
}

.JILI-GAME-CARD.IS-IMAGE-LOADED img,
#FEATURED_GAMES .GAME-CARD.IS-IMAGE-LOADED img{
    opacity:1;
}

.JILI-GAME-CARD.IS-IMAGE-FAILED,
#FEATURED_GAMES .GAME-CARD.IS-IMAGE-FAILED{
    background:linear-gradient(180deg, var(--CARD2), var(--GOLD_BORDER));
}

.JILI-GAME-CARD::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(17,24,39,0) 56%, rgba(17,24,39,.14) 76%, rgba(17,24,39,.48) 100%);
}

.JILI-GAME-TITLE{
    position:absolute;
    left:7px;
    right:7px;
    bottom:7px;
    z-index:2;
    color:#FFFFFF;
    font-size:10px;
    font-weight:700;
    line-height:1.05;
    text-transform:uppercase;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    text-shadow:0 1px 2px rgba(0,0,0,.96), 0 0 6px rgba(0,0,0,.76), 0 0 10px rgba(0,0,0,.42);
}

@keyframes IMAGE_PLACEHOLDER{
    0%{
        background-position:120% 0;
    }

    100%{
        background-position:-120% 0;
    }
}

.JILI-VIEW-ALL-BTN{
    border:0;
    padding:0;
    background:transparent;
    font-family:'Geist Mono', monospace;
}

.JILI-VIEW-ALL-PANEL{
    display:none;
    margin-top:4px;
    padding:14px;
    border-radius:13px;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.JILI-VIEW-ALL-PANEL.IS-ACTIVE{
    display:block;
}

.JILI-VIEW-ALL-HEAD{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:6px;
    margin-bottom:3px;
}

.JILI-VIEW-ALL-TITLE{
    color:#1F2937;
    font-size:12px;
    font-weight:700;
    line-height:1.05;
}

.JILI-VIEW-ALL-SUB{
    margin-top:3px;
    color:#6B7280;
    font-size:9px;
    font-weight:700;
    line-height:1;
}

.JILI-VIEW-ALL-CLOSE{
    width:auto;
    height:23px;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:0 5px 0 6px;
    border-radius:8px;
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD) 58%, var(--GOLD2));
    border:1px solid var(--GOLD_LIGHT);
    box-shadow:0 8px 18px rgba(var(--GOLD_RGB),.18);
}

.JILI-VIEW-ALL-CLOSE-TEXT{
    font-size:8px;
    font-weight:900;
    line-height:1;
    text-transform:uppercase;
}

.JILI-VIEW-ALL-CLOSE .material-symbols-rounded{
    font-size:14px;
}

.JILI-VIEW-ALL-SCROLL{
    max-height:341px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-right:2px;
    scrollbar-width:thin;
}

.JILI-VIEW-ALL-GRID{
    display:grid;
    grid-template-columns:repeat(4, 80px);
    gap:4px;
    justify-content:center;
    padding-top:5px;
}

.JILI-VIEW-ALL-GRID .JILI-GAME-CARD{
    width:80px;
    height:80px;
    min-width:80px;
    flex:0 0 80px;
    border-radius:12px;
}

.JILI-VIEW-ALL-GRID .JILI-GAME-TITLE{
    left:5px;
    right:5px;
    bottom:5px;
    font-size:8px;
    line-height:1.05;
}

.JILI-VIEW-ALL-GRID .BADGE{
    top:4px;
    left:4px;
    min-height:15px;
    padding:0 5px;
    font-size:7px;
}

.JILI-VIEW-ALL-SEARCH{
    position:relative;
    display:flex;
    align-items:center;
    margin-bottom:10px;
}

.JILI-VIEW-ALL-SEARCH-ICON{
    position:absolute;
    left:9px;
    z-index:2;
    color:var(--GOLD);
    font-size:16px;
    pointer-events:none;
}

.JILI-VIEW-ALL-SEARCH-INPUT{
    width:100%;
    height:34px;
    padding:0 32px 0 30px;
    border-radius:12px;
    color:#1F2937;
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    outline:0;
    font-family:'Geist Mono', monospace;
    font-size:11px;
    font-weight:700;
}

.JILI-VIEW-ALL-SEARCH-INPUT:focus{
    background:#FFFFFF;
    border-color:var(--GOLD);
}

.JILI-VIEW-ALL-SEARCH-INPUT::placeholder{
    color:#9CA3AF;
}

.JILI-VIEW-ALL-SEARCH-CLEAR{
    position:absolute;
    right:4px;
    width:26px;
    height:26px;
    display:none;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:9px;
    color:var(--GOLD2);
    background:transparent;
}

.JILI-VIEW-ALL-SEARCH-CLEAR.IS-ACTIVE{
    display:flex;
}

.JILI-VIEW-ALL-SEARCH-CLEAR .material-symbols-rounded{
    font-size:17px;
}

.JILI-VIEW-ALL-EMPTY{
    grid-column:1 / -1;
    padding:18px 10px;
    border-radius:14px;
    color:#6B7280;
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
    font-size:11px;
    font-weight:700;
    text-align:center;
}

@media(max-width:360px){
    .JILI-VIEW-ALL-GRID{
        grid-template-columns:repeat(4, 72px);
        gap:6px;
    }

    .JILI-VIEW-ALL-GRID .JILI-GAME-CARD{
        width:72px;
        height:72px;
        min-width:72px;
        flex-basis:72px;
    }

    .JILI-VIEW-ALL-GRID .JILI-GAME-TITLE{
        font-size:7px;
    }

    .JILI-VIEW-ALL-SCROLL{
        max-height:306px;
    }
}

#FEATURED_GAMES .GAME-CARD{
    position:relative;
    width:100px;
    height:100px;
    overflow:hidden;
    scroll-snap-align:start;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid var(--BORDER);
}

#FEATURED_GAMES .GAME-TITLE{
    position:absolute;
    left:7px;
    right:7px;
    bottom:7px;
    z-index:2;
    color:#FFFFFF;
    font-size:10px;
    font-weight:700;
    line-height:1.05;
    text-shadow:0 1px 2px rgba(0,0,0,.96), 0 0 6px rgba(0,0,0,.76), 0 0 10px rgba(0,0,0,.42);
}

#FEATURED_GAMES img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    opacity:0;
    transition:opacity .18s ease;
}

#FEATURED_GAMES .BADGE{
    position:absolute;
    top:6px;
    left:6px;
    z-index:3;
    min-height:17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 6px;
    border-radius:999px;
    font-size:8px;
    font-weight:700;
    line-height:1;
}

#FEATURED_GAMES .GAME-CARD::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(17,24,39,0) 56%, rgba(17,24,39,.14) 76%, rgba(17,24,39,.48) 100%);
}

/* =========================
   PROMO
========================= */

.PROMO-LIST{
    display:grid;
    gap:10px;
}

.PROMO-CARD{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px;
}

.PROMO-ICON{
    width:70px;
    height:70px;
    flex:0 0 70px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:rgba(var(--GOLD_RGB),.10);
    font-size:34px;
}

.PROMO-SMALL{
    color:var(--GOLD);
    font-size:10px;
    font-weight:700;
}

.PROMO-BIG{
    color:var(--TEXT);
    font-size:24px;
    font-weight:700;
    line-height:1.05;
}

.PROMO-DESC{
    color:var(--SOFT);
    font-size:11px;
    font-weight:700;
    margin-bottom:9px;
}

/* =========================
   BENEFITS
========================= */

.BENEFIT-GRID{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:7px;
}

.BENEFIT-CARD{
    padding:11px 9px;
    text-align:center;
}

.BENEFIT-ICON{
    width:40px;
    height:40px;
    margin:0 auto 7px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:var(--GOLD);
    background:rgba(var(--GOLD_RGB),.08);
    border:1px solid var(--GOLD_BORDER);
    font-size:18px;
}

.BENEFIT-CARD h4{
    margin:0 0 4px;
    color:var(--GOLD);
    font-size:11px;
    font-weight:700;
}

.BENEFIT-CARD p{
    margin:0;
    color:var(--SOFT);
    font-size:10px;
    line-height:1.35;
}

/* =========================
   VIP
========================= */

.VIP{
    padding:18px;
    border-radius:20px;
    border:1px solid var(--GOLD_BORDER);
    background:
        radial-gradient(circle at right, rgba(var(--GOLD_RGB),.18), transparent 35%),
        linear-gradient(135deg, #FFFFFF, var(--GOLD_SOFT));
}

.VIP h2{
    margin:0 0 7px;
    font-family:'Geist Mono', monospace;
    color:var(--GOLD);
    font-size:28px;
}

.VIP p{
    max-width:260px;
    margin:0 0 14px;
    color:var(--SOFT);
    font-size:12px;
    line-height:1.5;
}

.VIP-PERKS{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:8px;
    margin-top:10px;
}

.VIP-PERK{
    padding:10px;
    border-radius:14px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(var(--GOLD_RGB),.16);
    text-align:center;
    color:var(--TEXT);
    font-size:10px;
    font-weight:700;
}

.VIP-PERK i{
    color:var(--GOLD);
    margin-bottom:4px;
}

/* =========================
   WINNERS
========================= */

.WINNER-CARD{
    min-width:212px;
    display:flex;
    align-items:center;
    gap:5px;
    padding:6px 7px;
    scroll-snap-align:start;
}

.WINNER-META{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    height:65px;
    overflow:visible;
}

.WINNER-GAME-TILE{
    width:65px;
    min-width:65px;
    height:65px;
    flex:0 0 65px;
    border-radius:12px;
}

.WINNER-GAME-TILE .GAME-TITLE{
    left:5px;
    right:5px;
    bottom:5px;
    font-size:6px;
    line-height:1.05;
    display:block;
    max-height:2.1em;
    overflow:hidden;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    text-transform:uppercase;
}

.WINNER-NAME{
    font-size:11px;
    font-weight:700;
}

.WINNER-WON{
    color:var(--MUTED);
    font-size:9px;
}

.WINNER-AMOUNT{
    color:var(--GOLD);
    font-size:15px;
    font-weight:700;
}

.WINNER-GAME{
    color:var(--SOFT);
    font-size:9px;
}

.WINNERS-SLIDER{
    --WINNER-STEP:222px;
    position:relative;
    width:100%;
    max-width:100%;
    margin-left:0;
    overflow:hidden;
    padding:0 0 2px 8px;
}

.WINNERS-SLIDER::before,
.WINNERS-SLIDER::after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    z-index:2;
    width:6px;
    pointer-events:none;
}

.WINNERS-SLIDER::before{
    left:0;
    background:linear-gradient(90deg, var(--BG), rgba(245,243,255,0));
}

.WINNERS-SLIDER::after{
    right:0;
    background:linear-gradient(270deg, var(--BG), rgba(245,243,255,0));
}

.WINNERS-TRACK{
    display:flex;
    flex-wrap:nowrap;
    gap:10px;
    width:max-content;
    padding-right:18px;
    transform:translateX(0);
    transition:transform .92s cubic-bezier(.4, 0, .2, 1);
    will-change:transform;
}

.WINNERS-TRACK.IS-SLIDING{
    transform:translateX(calc(var(--WINNER-STEP) * -1));
}

.WINNERS-TRACK.NO-TRANSITION{
    transition:none;
}

.WINNERS-TRACK .WINNER-CARD{
    flex:0 0 212px;
    transition:opacity .48s ease, transform .48s ease;
}

.WINNERS-TRACK.IS-SLIDING .WINNER-CARD:first-child{
    opacity:0;
    transform:scale(.94);
}


/* =========================
   FOOTER
========================= */

.FOOTER{
    margin-top:10px;
    padding:20px 0 12px;
    border-top:1px solid var(--GOLD_BORDER);
    background:#FFFFFF;
}

.FOOTER-GRID{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    align-items:flex-start;
}

.FOOTER-SUPPORT{
    margin-left:-12px;
}

.FOOTER h4{
    margin:0 0 8px;
    color:var(--GOLD);
    font-size:11px;
    font-weight:700;
}

.FOOTER a,
.FOOTER p{
    display:block;
    margin:0 0 6px;
    color:var(--SOFT);
    font-size:11px;
}

.FOOTER-SUPPORT-LINK{
    cursor:pointer;
    text-decoration:none;
}

.FOOTER-SUPPORT-LINK:hover{
    color:var(--GOLD2);
}

.SOCIALS{
    display:flex;
    gap:8px;
    margin-top:10px;
}

.SOCIALS span{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:var(--GOLD);
    border:1px solid var(--GOLD_BORDER);
}

.EMAIL-BOX{
    display:flex;
    margin-top:10px;
    overflow:hidden;
    border-radius:12px;
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
}

.EMAIL-BOX input{
    flex:1;
    min-width:0;
    padding:10px;
    color:var(--TEXT);
    background:transparent;
    border:0;
    outline:0;
    font-size:11px;
}

.EMAIL-BOX button{
    width:42px;
    border:0;
    color:#FFFFFF;
    background:linear-gradient(180deg, var(--GOLD_LIGHT), var(--GOLD2));
}

.COPYRIGHT{
    margin-top:10px;
    padding-top:12px;
    color:var(--GOLD_DARK);
    border-top:1px solid var(--GOLD_BORDER);
    font-size:10px;
    text-align:center;
}



/* =========================
   CLEAN WHITE + PURPLE THEME
========================= */

:root{
    --FONT_FAMILY:"Geist Mono", monospace;
    --BG:#F8FAFC;
    --APP_BG:transparent;
    --APP_BG_DISPLAY:block;
    --CARD:#FFFFFF;
    --CARD2:#F5F3FF;
    --TEXT:#1F2937;
    --MUTED:#6B7280;
    --SOFT:#4B5563;
    --GOLD:#7C3AED;
    --GOLD2:#6D28D9;
    --GOLD_RGB:124,58,237;
    --GOLD2_RGB:109,40,217;
    --GOLD_LIGHT:#A78BFA;
    --GOLD_LIGHT_RGB:167,139,250;
    --GOLD_LIGHT_BORDER:#C4B5FD;
    --GOLD_SOFT:#EDE9FE;
    --GOLD_PALE:#FAF5FF;
    --GOLD_DARK:#5B21B6;
    --PURPLE:#7C3AED;
    --BORDER:#E5E7EB;
    --GOLD_BORDER:#DDD6FE;
    --BODY_BG:#F3F4F6;
    --BODY_BG_IMAGE:none;
    --AUTH_BG_IMAGE:url('assets/BACKGROUND.png');
    --AUTH_BG_OVERLAY:linear-gradient(180deg, rgba(17,24,39,.28), rgba(88,28,135,.18)), radial-gradient(circle at 50% 18%, rgba(255,255,255,.18), transparent 34%);
    --APP_BG_TEXT:#FFFFFF;
    --APP_BG_LINK:#FDE68A;
    --APP_BG_TEXT_SHADOW:0 2px 4px rgba(0,0,0,.72), 0 0 10px rgba(0,0,0,.38);
    --GLASS_BG:rgba(255,255,255,.82);
    --GLASS_BG_SOFT:rgba(245,243,255,.70);
    --GLASS_BORDER:rgba(255,255,255,.46);
    --GLASS_SHADOW:0 10px 24px rgba(17,24,39,.10), inset 0 1px 0 rgba(255,255,255,.58);
    --GLASS_BLUR:12px;
    --GLASS_TINT:rgba(124,58,237,.10);
    --GLASS_TINT_SOFT:rgba(124,58,237,.08);
    --GLASS_CONTROL_BG:rgba(255,255,255,.62);
    --GLASS_CONTROL_BORDER:rgba(124,58,237,.24);
    --GLASS_NAV_SHADOW:0 -8px 20px rgba(124,58,237,.10);
    --GLASS_DIVIDER:rgba(124,58,237,.18);
    --RADIUS:16px;
}

body{
    background-color:var(--BODY_BG);
    background-image:var(--BODY_BG_IMAGE);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    color:var(--TEXT);
}

.APP{
    background:var(--APP_BG, var(--BG));
    box-shadow:none;
}

.SECTION-TITLE,
.CATEGORY-CARD h3,
.HERO h1,
.PROMO-BIG,
.WINNER-NAME{
    color:var(--TEXT);
}

.VIEW-ALL,
.PLAY-LINK,
.BRAND-NAME,
.HERO h1 span,
.JACKPOT-LABEL,
.JACKPOT-AMOUNT,
.BONUS .PERCENT,
.PROMO-SMALL,
.BENEFIT-ICON,
.BENEFIT-CARD h4,
.VIP h2,
.VIP-PERK i,
.WINNER-AMOUNT,
.FOOTER h4,
.SOCIALS span{
    color:var(--GOLD);
}

.BTN-GOLD{
    color:#FFFFFF;
    background:var(--GOLD);
    border:1px solid var(--GOLD2);
    box-shadow:none;
}

.BTN-GOLD:hover{
    background:var(--GOLD2);
}

.BTN-DARK{
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    box-shadow:none;
}

.CARD{
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    box-shadow:none;
}

.TOPBAR{
    background:#FFFFFF;
    backdrop-filter:none;
    border-bottom:1px solid #E5E7EB;
}

.MENU-BTN{
    color:var(--GOLD2);
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.BRAND-ICON{
    color:var(--GOLD);
    background:transparent;
    border:0;
}

.HERO{
    border:1px solid var(--GOLD_BORDER);
    background:
        linear-gradient(90deg, rgba(255,255,255,.96), rgba(245,243,255,.86)),
        url('https://images.unsplash.com/photo-1606167668584-78701c57f13d?q=80&w=1200&auto=format&fit=crop') center/cover;
    box-shadow:none;
}

.HERO::after{
    display:none;
}

.HERO-TAG{
    color:var(--GOLD2);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
}

.HERO-DECOR{
    opacity:1;
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
}

.HERO-DECOR::before{
    color:var(--GOLD);
    text-shadow:none;
}

.HERO-DECOR::after{
    color:#1F2937;
}

.JACKPOT,
.VIP{
    background:#FFFFFF;
    border:1px solid var(--GOLD_BORDER);
    box-shadow:none;
}

.CATEGORY-ICON,
.PROMO-ICON,
.BENEFIT-ICON{
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
}

.GAME-CARD{
    background:#FFFFFF;
    border:1px solid #E5E7EB;
    box-shadow:none;
}

.GAME-CARD::after{
    background:linear-gradient(180deg, transparent 35%, rgba(255,255,255,.94));
}

.GAME-TITLE{
    color:var(--GOLD2);
    text-shadow:none;
}

.BADGE{
    color:#FFFFFF;
}

.VIP-PERK{
    color:#1F2937;
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.WINNER-IMG{
    color:var(--GOLD);
    background:var(--CARD2);
    border:1px solid var(--GOLD_BORDER);
}

.FOOTER{
    background:#FFFFFF;
    border-top:1px solid #E5E7EB;
}

.FOOTER a,
.FOOTER p{
    color:#4B5563;
}

.EMAIL-BOX{
    background:#FFFFFF;
    border:1px solid #E5E7EB;
}

.EMAIL-BOX input{
    color:#1F2937;
}

.EMAIL-BOX button{
    color:#FFFFFF;
    background:var(--GOLD);
}

.COPYRIGHT{
    color:#6B7280;
    border-top:1px solid #E5E7EB;
}

.FOOTER a:hover,
.VIEW-ALL:hover,
.PLAY-LINK:hover{
    color:var(--GOLD2);
}

.TOPBAR{
    background:
        linear-gradient(180deg, var(--GLASS_BG), var(--GLASS_BG_SOFT)),
        linear-gradient(135deg, var(--GLASS_TINT), rgba(255,255,255,0) 52%);
    border-bottom:1px solid var(--GLASS_BORDER);
    box-shadow:var(--GLASS_SHADOW);
    backdrop-filter:blur(var(--GLASS_BLUR)) saturate(1.35);
    -webkit-backdrop-filter:blur(var(--GLASS_BLUR)) saturate(1.35);
}

.TOPBAR-WALLET,
.TOPBAR-SUPPORT-BTN,
.MENU-BTN{
    background:var(--GLASS_CONTROL_BG);
    border-color:var(--GLASS_CONTROL_BORDER);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.50), 0 6px 14px rgba(17,24,39,.06);
    backdrop-filter:blur(var(--GLASS_BLUR)) saturate(1.25);
    -webkit-backdrop-filter:blur(var(--GLASS_BLUR)) saturate(1.25);
}

.MAIN-LOBBY-VIEW .WINNER-CARD,
.MAIN-LOBBY-VIEW .BENEFIT-CARD{
    background:
        linear-gradient(180deg, var(--GLASS_BG), var(--GLASS_BG_SOFT)),
        linear-gradient(135deg, var(--GLASS_TINT_SOFT), rgba(255,255,255,0) 58%);
    border:1px solid var(--GLASS_BORDER);
    box-shadow:var(--GLASS_SHADOW);
    backdrop-filter:blur(var(--GLASS_BLUR)) saturate(1.3);
    -webkit-backdrop-filter:blur(var(--GLASS_BLUR)) saturate(1.3);
}

.MAIN-LOBBY-VIEW .BENEFIT-ICON{
    background:rgba(255,255,255,.56);
    border-color:var(--GLASS_CONTROL_BORDER);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.50);
}

.WINNERS-SLIDER::before,
.WINNERS-SLIDER::after{
    display:none;
}

.FOOTER{
    background:
        linear-gradient(180deg, var(--GLASS_BG), var(--GLASS_BG_SOFT)),
        linear-gradient(135deg, var(--GLASS_TINT_SOFT), rgba(255,255,255,0) 58%);
    border-top:1px solid var(--GLASS_BORDER);
    box-shadow:var(--GLASS_SHADOW);
    backdrop-filter:blur(var(--GLASS_BLUR)) saturate(1.3);
    -webkit-backdrop-filter:blur(var(--GLASS_BLUR)) saturate(1.3);
}

.BOTTOM-NAV{
    background:
        linear-gradient(180deg, var(--GLASS_BG), var(--GLASS_BG_SOFT)),
        linear-gradient(135deg, var(--GLASS_TINT_SOFT), rgba(255,255,255,0) 58%);
    border-color:var(--GLASS_BORDER);
    box-shadow:var(--GLASS_SHADOW), var(--GLASS_NAV_SHADOW);
    backdrop-filter:blur(var(--GLASS_BLUR)) saturate(1.35);
    -webkit-backdrop-filter:blur(var(--GLASS_BLUR)) saturate(1.35);
}

.BOTTOM-NAV-ITEM:not(:last-child)::after{
    background:linear-gradient(180deg, transparent, var(--GLASS_DIVIDER), transparent);
}



/* =========================
   FORCE GEIST MONO FONT
========================= */

html,
body,
button,
[role="button"],
input,
textarea,
select,
.APP,
body *:not(.material-symbols-rounded){
    font-family:var(--FONT_FAMILY) !important;
}

/* =========================
   GOOGLE ICONS + CENTER ALIGN FIX
========================= */

.material-symbols-rounded{
    font-family:'Material Symbols Rounded' !important;
    font-weight:normal;
    font-style:normal;
    font-size:20px;
    line-height:1;
    letter-spacing:normal;
    text-transform:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    word-wrap:normal;
    direction:ltr;
    -webkit-font-feature-settings:'liga';
    -webkit-font-smoothing:antialiased;
    font-feature-settings:'liga';
    vertical-align:middle;
}

.BTN{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    line-height:1;
}

.MENU-BTN,
.MENU-CLOSE,
.EMAIL-BOX button,
.BRAND-ICON,
.CATEGORY-ICON,
.PROMO-ICON,
.BENEFIT-ICON,
.WINNER-IMG,
.SOCIALS span{
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    text-align:center;
}

.MENU-BTN .material-symbols-rounded,
.MENU-CLOSE .material-symbols-rounded,
.EMAIL-BOX button .material-symbols-rounded{
    width:20px;
    height:20px;
    font-size:20px;
}

.SIDE-MENU-LINK .material-symbols-rounded{
    width:18px;
    height:18px;
    flex:0 0 18px;
    color:var(--GOLD);
    font-size:18px;
}

.HERO-TAG .material-symbols-rounded{
    width:16px;
    height:16px;
    font-size:16px;
}

.CATEGORY-CARD{
    text-align:center;
}

.CATEGORY-ICON{
    margin:0 auto 9px;
}

.CATEGORY-ICON .material-symbols-rounded{
    font-size:31px;
}

.PROMO-ICON .material-symbols-rounded{
    font-size:35px;
}

.BENEFIT-ICON .material-symbols-rounded{
    font-size:20px;
}

.VIP-PERK .material-symbols-rounded{
    width:100%;
    margin:0 auto 5px;
    color:var(--GOLD);
    font-size:20px;
}

.WINNER-IMG .material-symbols-rounded{
    font-size:27px;
}

.SOCIALS span .material-symbols-rounded{
    font-size:18px;
}

.SIDE-MENU-LINK i,
.VIP-PERK i{
    display:none !important;
}

.GAME-TILE{
    position:relative;
    width:100px;
    min-width:100px;
    height:100px;
    flex:0 0 100px;
    overflow:hidden;
    scroll-snap-align:start;
    border-radius:14px;
    background:#FFFFFF;
    border:1px solid var(--BORDER);
}

[data-game-launch="true"]{
    cursor:pointer;
}

[data-game-launch="true"].IS-LAUNCHING{
    pointer-events:none;
    opacity:.72;
}

.GAME-TILE::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(90deg, var(--CARD2) 0%, var(--GOLD_SOFT) 45%, var(--CARD2) 80%);
    background-size:220% 100%;
    animation:IMAGE_PLACEHOLDER 1.05s ease-in-out infinite;
}

.GAME-TILE.IS-IMAGE-LOADED::before{
    display:none;
}

.GAME-TILE img{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    opacity:0;
    transition:opacity .18s ease;
}

.GAME-TILE.IS-IMAGE-LOADED img{
    opacity:1;
}

.GAME-TILE.IS-IMAGE-FAILED{
    background:linear-gradient(180deg, var(--CARD2), var(--GOLD_BORDER));
}

.GAME-TILE::after,
#FEATURED_GAMES .GAME-TILE::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(17,24,39,0) 56%, rgba(17,24,39,.14) 76%, rgba(17,24,39,.48) 100%);
}

.GAME-TILE .GAME-TITLE,
#FEATURED_GAMES .GAME-TILE .GAME-TITLE{
    position:absolute;
    left:7px;
    right:7px;
    bottom:7px;
    z-index:2;
    color:#FFFFFF;
    font-size:10px;
    font-weight:700;
    line-height:1.05;
    text-transform:uppercase;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    text-shadow:0 1px 2px rgba(0,0,0,.96), 0 0 6px rgba(0,0,0,.76), 0 0 10px rgba(0,0,0,.42);
}

.GAME-PROVIDER{
    position:absolute;
    top:7px;
    right:7px;
    z-index:3;
    max-width:46px;
    padding:2px 5px;
    border-radius:999px;
    color:var(--GOLD2);
    background:rgba(255,255,255,.92);
    border:1px solid rgba(221,214,254,.82);
    font-size:7px;
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.JILI-VIEW-ALL-GRID .GAME-TILE{
    width:80px;
    height:80px;
    min-width:80px;
    flex:0 0 80px;
    border-radius:12px;
}

.JILI-VIEW-ALL-GRID .GAME-TILE .GAME-TITLE{
    left:5px;
    right:5px;
    bottom:5px;
    font-size:8px;
    line-height:1.05;
}

.JILI-VIEW-ALL-GRID .GAME-PROVIDER{
    top:5px;
    right:5px;
    max-width:38px;
    padding:2px 4px;
    font-size:6px;
}

@media(max-width:360px){
    .JILI-VIEW-ALL-GRID .GAME-TILE{
        width:72px;
        height:72px;
        min-width:72px;
        flex-basis:72px;
    }

    .JILI-VIEW-ALL-GRID .GAME-TILE .GAME-TITLE{
        font-size:7px;
    }
}

/* Winner tiles stay smaller than the standard game tiles. */
.WINNER-CARD .WINNER-GAME-TILE{
    width:65px;
    min-width:65px;
    height:65px;
    flex:0 0 65px;
}

.WINNER-CARD .WINNER-GAME-TILE .GAME-TITLE{
    left:4px;
    right:4px;
    bottom:4px;
    font-size:9px;
    line-height:1;
    font-weight:700;
}

.WINNER-NAME{
    color:#334155;
    font-size:11px;
    font-weight:700;
    line-height:1;
}

.WINNER-WON{
    color:#64748B;
    font-size:10px;
    line-height:1;
    margin-top:0;
    text-transform:lowercase;
    letter-spacing:.1px;
    font-weight:700;
}

.WINNER-AMOUNT{
    display:block;
    align-self:flex-start;
    margin-top:1px;
    margin-left:3px;
    color:var(--GOLD2);
    text-shadow:0 0 10px rgba(var(--GOLD_RGB),.35), 0 0 18px rgba(var(--GOLD_RGB),.18);
    font-size:18px;
    font-weight:800;
    line-height:1;
    letter-spacing:0;
}

/* HERO DECOR REMOVED */
.HERO-DECOR,
.HERO-DECOR::before,
.HERO-DECOR::after{
    display:none !important;
}

html[data-theme="player_bg"] .CASHIER-AMOUNT-WRAP,
html[data-theme="player_bg"] .CASHIER-AMOUNT-WRAP:hover,
html[data-theme="player_bg"] .CASHIER-AMOUNT-WRAP:focus,
html[data-theme="player_bg"] .CASHIER-AMOUNT-WRAP:focus-within{
    background:#050505 !important;
    background-color:#050505 !important;
    background-image:none !important;
    border-color:#050505 !important;
    outline:0 !important;
}

html[data-theme="player_bg"] .CASHIER-AMOUNT-WRAP:focus-within{
    box-shadow:none !important;
}

html[data-theme="player_bg"] .CASHIER-AMOUNT-WRAP span{
    align-self:stretch !important;
    display:flex !important;
    align-items:center !important;
    background:#050505 !important;
    background-color:#050505 !important;
    background-image:none !important;
}

html[data-theme="player_bg"] .CASHIER-AMOUNT-INPUT,
html[data-theme="player_bg"] .CASHIER-AMOUNT-INPUT:hover,
html[data-theme="player_bg"] .CASHIER-AMOUNT-INPUT:focus,
html[data-theme="player_bg"] .CASHIER-AMOUNT-INPUT:focus-visible{
    color:#F7F7F7 !important;
    background:#050505 !important;
    background-color:#050505 !important;
    background-image:none !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    caret-color:#050505 !important;
}

html[data-theme="player_bg"] .CASHIER-AMOUNT-INPUT::-webkit-outer-spin-button,
html[data-theme="player_bg"] .CASHIER-AMOUNT-INPUT::-webkit-inner-spin-button{
    display:none !important;
    margin:0 !important;
    -webkit-appearance:none !important;
    appearance:none !important;
}

html[data-theme="player_bg"] #CASHIER_AMOUNT_INPUT,
html[data-theme="player_bg"] #CASHIER_AMOUNT_INPUT:hover,
html[data-theme="player_bg"] #CASHIER_AMOUNT_INPUT:focus,
html[data-theme="player_bg"] #CASHIER_AMOUNT_INPUT:focus-visible{
    background:#050505 !important;
    background-color:#050505 !important;
    background-image:none !important;
    caret-color:#050505 !important;
    border-color:#050505 !important;
    outline-color:#050505 !important;
    box-shadow:none !important;
}

html[data-theme="player_bg"] .CASHIER-WITHDRAW-DETAILS select,
html[data-theme="player_bg"] .CASHIER-WITHDRAW-DETAILS select:hover,
html[data-theme="player_bg"] .CASHIER-WITHDRAW-DETAILS select:focus,
html[data-theme="player_bg"] .CASHIER-WITHDRAW-DETAILS select:focus-visible{
    color:#F7F7F7 !important;
    background-color:#050505 !important;
    border-color:#050505 !important;
    outline:0 !important;
    box-shadow:none !important;
}

html[data-theme="player_bg"] .UPDATES-VERSION-BTN,
html[data-theme="player_bg"] .UPDATES-RELEASE,
html[data-theme="player_bg"] .UPDATES-SECTION,
html[data-theme="player_bg"] .UPDATES-EMPTY{
    color:#F7F7F7 !important;
    background:rgba(5,5,5,.88) !important;
    border-color:rgba(250,204,21,.62) !important;
    box-shadow:none !important;
}

html[data-theme="player_bg"] .UPDATES-VERSION-BTN.IS-ACTIVE,
html[data-theme="player_bg"] .UPDATES-RELEASE-VERSION{
    color:#050505 !important;
    background:linear-gradient(180deg, #FDE047, #EAB308 54%, #CA8A04) !important;
    border-color:#FACC15 !important;
}

html[data-theme="player_bg"] .UPDATES-RELEASE-HEAD h3,
html[data-theme="player_bg"] .UPDATES-SECTION-HEAD strong{
    color:#FACC15 !important;
}

html[data-theme="player_bg"] .UPDATES-RELEASE-HEAD p,
html[data-theme="player_bg"] .UPDATES-SECTION-HEAD span,
html[data-theme="player_bg"] .UPDATES-SECTION li,
html[data-theme="player_bg"] .UPDATES-EMPTY{
    color:#E5E7EB !important;
}

html[data-theme="player_bg"] .UPDATES-EMPTY.IS-ERROR{
    color:#FCA5A5 !important;
    background:rgba(127,29,29,.18) !important;
    border-color:rgba(248,113,113,.72) !important;
}

/* =========================
   DESKTOP PLAYER VIEW
========================= */

@media(min-width:900px){
    :root{
        --PLAYER_DESKTOP_WIDTH:1180px;
        --PLAYER_DESKTOP_PAD:24px;
    }

    .APP{
        max-width:var(--PLAYER_DESKTOP_WIDTH);
        padding-bottom:78px;
        font-size:11px;
    }

    .APP-BG{
        max-width:var(--PLAYER_DESKTOP_WIDTH);
    }

    .APP-BG img{
        object-fit:cover;
    }

    .CONTAINER{
        padding-left:var(--PLAYER_DESKTOP_PAD);
        padding-right:var(--PLAYER_DESKTOP_PAD);
    }

    .TOPBAR-INNER{
        height:70px;
        gap:12px;
    }

    .MENU-BTN,
    .TOPBAR-SUPPORT-BTN{
        width:42px;
        height:42px;
        flex-basis:42px;
        border-radius:13px;
    }

    .TOPBAR .BRAND-ICON{
        width:38px;
        height:38px;
        flex-basis:38px;
        border-radius:11px;
    }

    .TOPBAR .BRAND-NAME{
        height:38px;
        font-size:14px;
    }

    .TOPBAR-WALLET{
        height:42px;
        max-width:360px;
        padding-left:12px;
        padding-right:8px;
        border-radius:13px;
    }

    .TOPBAR-WALLET-LABEL{
        font-size:8px;
    }

    .TOPBAR-WALLET-AMOUNT{
        font-size:16px;
    }

    .SIDE-MENU{
        left:max(calc((100vw - var(--PLAYER_DESKTOP_WIDTH)) / 2), 0px);
        width:340px;
    }

    .SIDE-MENU-WELCOME{
        font-size:12px;
    }

    .SIDE-MENU-LINK{
        min-height:38px;
        font-size:10px;
    }

    .BOTTOM-NAV{
        width:min(720px, calc(100vw - 48px));
        max-width:720px;
        min-height:66px;
        padding:8px 14px calc(8px + env(safe-area-inset-bottom));
        border-radius:20px 20px 0 0;
    }

    .BOTTOM-NAV-ITEM{
        height:50px;
        border-radius:14px;
        font-size:10px;
    }

    .BOTTOM-NAV-ITEM::before{
        inset:0 10px;
        border-radius:14px;
    }

    .MAIN-LOBBY-VIEW,
    .SLOT-PAGE-CONTENT,
    .CASHIER-CONTENT,
    .COMMISSION-DATA-CONTENT,
    .WALLET-HISTORY-CONTENT,
    .HELP-CENTER-PAGE .SUPPORT-PAGE-CONTENT,
    .CONTACT-SUPPORT-CONTENT,
    .REWARD-PAGE-CONTENT,
    .RESPONSIBLE-GAMING-CONTENT,
    .ACCOUNT-SETTINGS-PAGE .SUPPORT-PAGE-CONTENT,
    .UPDATES-CONTENT{
        width:100%;
        max-width:1120px;
        margin-left:auto;
        margin-right:auto;
    }

    .BOTTOM-PAGE{
        padding:18px 0;
    }

    .SUPPORT-PAGE-HEADER{
        padding-top:2px;
    }

    .SUPPORT-PAGE-HEADER h2,
    .RG-HEADER h2{
        font-size:22px;
    }

    .SUPPORT-PAGE-HEADER p,
    .RG-HEADER p{
        max-width:620px;
        font-size:11px;
    }

    .SECTION-TITLE{
        font-size:14px;
    }

    .VIEW-ALL,
    .PLAY-LINK{
        font-size:10px;
    }

    .MAIN-LOBBY-VIEW{
        display:grid;
        grid-template-columns:minmax(0, 1fr);
        align-items:start;
        gap:10px;
    }

    .MAIN-LOBBY-VIEW > .RECENT-GAMES,
    .MAIN-LOBBY-VIEW > .SECTION{
        min-width:0;
        margin-top:0 !important;
    }

    .MAIN-LOBBY-VIEW > .RECENT-GAMES,
    .MAIN-LOBBY-VIEW > .SECTION{
        grid-column:1 / -1;
    }

    .MAIN-LOBBY-VIEW .SCROLL-X:not(.RECENT-GAMES-TRACK){
        display:flex;
        flex-wrap:nowrap;
        gap:8px;
        overflow-x:auto;
        overflow-y:hidden;
        padding:0 0 6px;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }

    .MAIN-LOBBY-VIEW .SCROLL-X:not(.RECENT-GAMES-TRACK)::-webkit-scrollbar{
        display:none;
    }

    .MAIN-LOBBY-VIEW .SCROLL-X:not(.RECENT-GAMES-TRACK) > *{
        width:98px;
        min-width:98px;
        flex:0 0 98px;
    }

    .MAIN-LOBBY-VIEW .JILI-GAME-CARD,
    .MAIN-LOBBY-VIEW .GAME-TILE{
        width:98px;
        min-width:98px;
        height:auto;
        aspect-ratio:1 / 1;
        flex:0 0 98px;
    }

    .RECENT-GAMES-TRACK{
        display:grid;
        grid-template-columns:repeat(auto-fill, minmax(46px, 1fr));
        gap:8px;
        overflow:visible;
    }

    .RECENT-GAME{
        width:46px;
        height:46px;
        min-width:46px;
    }

    .BENEFIT-GRID{
        grid-template-columns:repeat(4, minmax(0, 1fr));
        gap:12px;
    }

    .WINNERS-SLIDER{
        padding-left:0;
    }

    .WINNERS-TRACK{
        width:100%;
        display:flex;
        flex-wrap:nowrap;
        gap:8px;
        overflow-x:auto;
        overflow-y:hidden;
        padding:0 0 6px;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }

    .WINNERS-TRACK::-webkit-scrollbar{
        display:none;
    }

    .WINNERS-TRACK .WINNER-CARD{
        width:238px;
        min-width:238px;
        flex:0 0 238px;
    }

    .SLOT-HERO-CAROUSEL,
    .SLOT-HERO-SLIDE,
    .SLOT-HERO{
        height:176px;
        min-height:176px;
    }

    .SLOT-HERO{
        padding:24px 190px 22px 24px;
        border-radius:22px;
    }

    .SLOT-HERO h2{
        max-width:440px;
        font-size:24px;
    }

    .SLOT-HERO p{
        max-width:420px;
        font-size:10px;
    }

    .SLOT-HERO-EMBLEM{
        top:28px;
        right:36px;
        width:108px;
        height:108px;
        border-radius:26px;
    }

    .SLOT-TOP-LAYOUT{
        grid-template-columns:minmax(0, 1.05fr) minmax(360px, .95fr);
        gap:14px;
    }

    .SLOT-GAME-TILE-FEATURED{
        height:248px;
    }

    .SLOT-GAME-TILE-MINI{
        height:76px;
    }

    .SLOT-FILTERS{
        flex-wrap:wrap;
        overflow:visible;
        gap:9px;
    }

    .SLOT-FILTER-BTN{
        min-width:112px;
        height:36px;
    }

    .SLOT-SEARCH{
        min-height:42px;
        border-radius:15px;
    }

    .SLOT-SEARCH input{
        height:40px;
        font-size:11px;
    }

    .SLOT-GAMES-GRID{
        grid-template-columns:repeat(auto-fill, 98px);
        gap:8px;
        justify-content:start;
    }

    .SLOT-GAMES-GRID .SLOT-GAME-TILE{
        width:98px;
        min-width:98px;
        height:auto;
        aspect-ratio:1 / 1;
    }

    .SLOT-GAMES-GRID .SLOT-GAME-TITLE{
        font-size:9px;
    }

    .AGENT-DOWNLINE-SETTINGS-OVERLAY{
        left:0;
        right:0;
        width:100vw;
        max-width:none;
        margin:0;
    }

    .GAME-FRAME-VIEW{
        width:100vw;
        max-width:none;
        margin:0;
        box-shadow:none;
    }

    .JILI-VIEW-ALL-PANEL{
        padding:10px;
    }

    .JILI-VIEW-ALL-SCROLL{
        max-height:none;
    }

    .JILI-VIEW-ALL-GRID{
        display:grid;
        grid-template-columns:repeat(auto-fill, 98px);
        gap:8px;
        justify-content:start;
    }

    .JILI-VIEW-ALL-GRID .JILI-GAME-CARD,
    .JILI-VIEW-ALL-GRID .GAME-TILE{
        width:98px;
        min-width:98px;
        height:98px;
        aspect-ratio:1 / 1;
        flex:0 0 98px;
    }

    .CASHIER-PAGE .CASHIER-CONTENT{
        max-width:980px;
    }

    .CASHIER-PAGE .CASHIER-CONTENT{
        display:grid;
        grid-template-columns:minmax(0, 420px) minmax(0, 1fr);
        align-items:start;
        gap:16px;
    }

    .CASHIER-PAGE .SUPPORT-PAGE-HEADER,
    .CASHIER-PAGE .CASHIER-TABS{
        grid-column:1 / -1;
    }

    .CASHIER-HISTORY{
        min-width:0;
    }

    .CONTACT-SUPPORT-CONTENT{
        max-width:980px;
        display:grid;
        grid-template-columns:minmax(0, 420px) minmax(0, 1fr);
        align-items:start;
        gap:16px;
    }

    .CONTACT-SUPPORT-CONTENT .SUPPORT-PAGE-HEADER{
        grid-column:1 / -1;
    }

    .CONTACT-SUPPORT-CONTENT .SUPPORT-CONCERN-FORM,
    .CONTACT-SUPPORT-CONTENT .SUPPORT-RECENT{
        min-width:0;
    }

    .REWARD-LIST{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        display:grid;
        gap:12px;
    }

    .REWARD-LIST .VIP-REBATE-CARD,
    .REWARD-LIST .REWARD-ITEM{
        min-width:0;
    }

    .HELP-FAQ-LIST{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        display:grid;
        gap:12px;
    }

    .RESPONSIBLE-GAMING-CONTENT{
        display:grid;
        grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
        gap:14px;
    }

    .RESPONSIBLE-GAMING-CONTENT .RG-HEADER,
    .RESPONSIBLE-GAMING-CONTENT .RG-HELP{
        grid-column:1 / -1;
    }

    .RG-TIPS{
        grid-template-columns:1fr;
    }

    .ACCOUNT-SETTINGS-PAGE .SUPPORT-PAGE-CONTENT{
        max-width:980px;
    }

    .ACCOUNT-SETTINGS-PAGE .ACCOUNT-SETTINGS-PANELS{
        min-width:0;
    }

    .ACCOUNT-SETTINGS-PAGE .ACCOUNT-PASSWORD-PANEL{
        max-width:980px;
        grid-template-columns:minmax(0, 420px) minmax(0, 1fr);
        align-items:start;
        gap:16px;
    }

    .ACCOUNT-SETTINGS-PAGE .ACCOUNT-PASSWORD-FORM,
    .ACCOUNT-SETTINGS-PAGE .ACCOUNT-PASSWORD-LOGS{
        min-width:0;
    }

    .ACCOUNT-SETTINGS-PAGE .ACCOUNT-LOGIN-PANEL.ACCOUNT-PASSWORD-PANEL{
        max-width:720px;
        grid-template-columns:minmax(0, 1fr);
    }

    .ACCOUNT-SETTINGS-PAGE .ACCOUNT-PUSH-PANEL{
        max-width:720px;
    }
}