:root{--xg-gold:#5dd62c;--xg-bg:#080808;--xg-panel:#141414;--xg-line:#5dd62c26}
body[data-xt-layout]{--g:#5dd62c;--prime:#5dd62c;--primary:#5dd62c;--primary-color:#5dd62c;--border-color:#5dd62c26}
html[data-appearance=dark] body[data-xt-layout]{background-color:#080808!important;color:#eeeae0}
.xg-header{position:fixed;inset:0 0 auto 0;z-index:1400;height:74px;border-bottom:1px solid var(--xg-line);background:#0d0d0df5;backdrop-filter:blur(18px);display:flex;align-items:center;gap:30px;padding:0 26px;font-family:Arial,sans-serif;color:#f3eedf}
.xg-header a,.xg-sidebar a,.xg-dialog a{text-decoration:none!important;color:inherit}.xg-brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;letter-spacing:-.7px}.xg-brand>span:last-child{color:var(--xg-gold);margin-left:-8px}.xg-monogram{background:var(--xg-gold);color:#12100a;font-size:26px;width:33px;height:35px;display:grid;place-items:center;border-radius:9px;transform:skew(-8deg)}.xg-header-label{font-size:9px;letter-spacing:1.8px;color:#7d786a;border-left:1px solid var(--xg-line);padding-left:28px}.xg-header-actions{margin-left:auto;display:flex;gap:20px;align-items:center}.xg-balance small{display:block;color:#888474;font-size:9px;margin-bottom:4px}.xg-balance strong{font:600 17px Arial,sans-serif;color:#f3eedf}.xg-fund{padding:11px 18px;border-radius:9px;background:var(--xg-gold);color:#171208!important;font-size:12px;font-weight:700}.xg-menu-button{display:grid;place-items:center;height:36px;width:36px;border:1px solid var(--xg-line);border-radius:9px;color:var(--xg-gold);background:#1a1811;font-size:18px;cursor:pointer}.xg-sidebar{position:fixed;top:74px;bottom:0;left:0;width:216px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3d3521 transparent;border-right:1px solid var(--xg-line);padding:20px 14px 26px;background:#0d0d0d;z-index:1100;font-family:Arial,sans-serif;color:#989589}.xg-sidebar section{margin-bottom:24px}.xg-sidebar h2{font-size:8px;text-transform:uppercase;letter-spacing:1.8px;font-weight:500;color:#635f53;margin:0 12px 9px}.xg-sidebar a{display:flex;gap:12px;align-items:center;padding:11px 12px;font-size:11px;line-height:1.2;border-radius:8px;margin-bottom:2px}.xg-sidebar i{font-size:13px;width:17px;text-align:center}.xg-sidebar a:hover,.xg-sidebar .xg-active{background:#5dd62c10;color:var(--xg-gold)}.xg-sidebar .xg-active{box-shadow:inset 2px 0 var(--xg-gold)}.xg-logout{display:flex;gap:12px;font-size:11px;padding:15px 12px;border-top:1px solid var(--xg-line);color:#b4aa8c!important}.xg-dialog{background:#11110f;color:#f5efe0;border:1px solid #5dd62c40;border-radius:20px;width:min(850px,calc(100% - 28px));max-height:88dvh;margin:auto;padding:26px;box-shadow:0 35px 120px #000b;font-family:Arial,sans-serif}.xg-dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}.xg-dialog-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--xg-line);padding-bottom:20px;margin-bottom:22px}.xg-dialog-heading small{font-size:9px;color:var(--xg-gold);letter-spacing:2px}.xg-dialog-heading h2{font-size:23px;margin:7px 0 0;font-weight:500}.xg-dialog-heading button{width:34px;height:34px;border-radius:50%;background:#252319;color:#d4c79a;border:1px solid #5dd62c26;font-size:23px;cursor:pointer}.xg-tool-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.xg-tool-groups h3{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#8c8267;margin:0 0 11px}.xg-tool-groups a{display:flex;gap:11px;align-items:center;background:#1b1a16;border:1px solid #5dd62c10;padding:13px;border-radius:9px;font-size:12px;margin-bottom:7px}.xg-tool-groups i{color:#b8cf82;width:17px}.xg-tool-groups .xg-chevron{margin-left:auto;color:#746d57}.xg-tool-groups a:hover{border-color:#5dd62c80}.xg-tool-groups .xg-active{color:var(--xg-gold);border-color:#5dd62c40}
html[data-appearance=dark] body[data-xg-shell] :is(.wallet-hero,.menu-list,.stat-card,.mini-card,.section-box,.rules-card,.language-list,.appearance-option,.service-item,.amount-card,.form-section,.list-product,.input-box,.input-wrapper){border-color:var(--xg-line)!important;border-radius:16px;background-color:#141414!important}
html[data-appearance=light] .xg-header,html[data-appearance=light] .xg-sidebar{background:#fffcf5;color:#393224;border-color:#dfc78b}html[data-appearance=light] .xg-balance strong{color:#393224}
@media(min-width:900px){body[data-xg-shell]{max-width:none!important;margin:0 0 0 216px!important;padding:94px 26px 32px!important;min-height:100vh}body[data-xg-shell] .bottom-nav{display:none!important}body[data-xg-shell][data-xt-layout=home] #app{padding:0!important;width:100%;max-width:1280px;gap:22px}body[data-xg-shell][data-xt-layout=profile] .dashboard-wrapper{width:100%!important;margin:0 auto!important;max-width:1180px!important}body[data-xg-shell] :is(.page-title,.nav-header,.app-header){top:74px}body[data-xg-shell] .asset-list{padding-bottom:10px!important}}
@media(max-width:899px){.xg-header{height:60px;padding:0 14px;gap:8px}.xg-brand{font-size:17px;gap:7px}.xg-monogram{width:27px;height:29px;font-size:22px}.xg-header-label,.xg-sidebar{display:none}.xg-header-actions{gap:10px}.xg-balance strong{font-size:13px}.xg-balance small{font-size:8px}.xg-fund{padding:9px 10px;font-size:10px}.xg-menu-button{width:30px;height:32px}.xg-dialog{padding:20px;border-radius:16px}.xg-tool-groups{grid-template-columns:1fr;gap:16px}body[data-xg-shell]{padding-top:70px!important;padding-bottom:88px!important}body[data-xg-shell] :is(.page-title,.nav-header,.app-header){position:relative;top:auto}body[data-xg-shell] .bottom-nav{z-index:1200}}

html[data-appearance=dark] body[data-xg-shell] :is(.wallet-hero,.balance-card,.profile-edit-card,.form-section,.section-box){background-image:linear-gradient(135deg,#1c1a12,#10100e)!important;border-color:#5dd62c26!important}
html[data-appearance=dark] body[data-xg-shell] :is(.profile-name-input,.input-wrapper input,.input-box input){background-color:#0c0c0b;color:#f0e9d5;border-color:#5dd62c33}
html[lang=ar] .xg-header-label{letter-spacing:0}html[lang=ar] .xg-tool-groups h3{letter-spacing:0}

body[data-xg-shell] :is(.page-title,.nav-header,.app-header){top:0!important;position:relative!important}

/* Compact icon rail; every destination remains in All options. */
@media(min-width:900px){
.xg-sidebar{width:72px;padding:18px 10px;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;scrollbar-width:none}
.xg-icon-links,.xg-icon-bottom{display:flex;flex-direction:column;gap:9px}
.xg-sidebar a,.xg-sidebar button{width:50px;height:48px;min-height:48px;padding:0;margin:0;border-radius:12px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:#8f8b7f;cursor:pointer}
.xg-sidebar a i,.xg-sidebar button i{font-size:18px;width:auto}
.xg-sidebar button:hover,.xg-sidebar a:hover{background:#5dd62c12;color:#5dd62c}
.xg-sidebar .xg-active{background:#5dd62c14;color:#5dd62c;box-shadow:inset 2px 0 #5dd62c}
.xg-sidebar a:focus-visible,.xg-sidebar button:focus-visible{outline:2px solid #5dd62c;outline-offset:2px}
.xg-icon-bottom{padding-top:20px}
body[data-xg-shell]{margin-left:72px!important}
}