:root {
    --side-width: 318px;

    --ice-bg-1: rgba(235,252,255,.94);
    --ice-bg-2: rgba(163,235,250,.88);
    --ice-bg-3: rgba(71,190,226,.66);

    --ice-card: rgba(255,255,255,.46);
    --ice-card-2: rgba(214,249,255,.36);
    --ice-border: rgba(255,255,255,.76);

    --ice-text: #07364d;
    --ice-muted: rgba(7,54,77,.66);
    --ice-glow: rgba(74,220,255,.42);
    --ice-shadow: rgba(7,54,77,.22);

    --side-speed: .35s;
}

body.dark-mode {
    --ice-bg-1: rgba(8,24,42,.97);
    --ice-bg-2: rgba(10,61,91,.94);
    --ice-bg-3: rgba(28,152,195,.72);

    --ice-card: rgba(255,255,255,.10);
    --ice-card-2: rgba(92,221,255,.08);
    --ice-border: rgba(155,237,255,.46);

    --ice-text: #effcff;
    --ice-muted: rgba(239,252,255,.68);
    --ice-glow: rgba(74,220,255,.50);
    --ice-shadow: rgba(0,0,0,.45);
}

.ice-sidebar,
.ice-sidebar * {
    box-sizing: border-box;
}

.ice-sidebar {
    position: fixed;
    top: 10px;
    right: calc(var(--side-width) * -1 - 25px);
    width: var(--side-width);
    height: calc(100vh - 20px);
    z-index: 1000;

    padding: 14px;
    overflow-y: auto;
    overflow-x: hidden;

    display: flex;
    flex-direction: column;
    gap: 12px;

    border-radius: 30px 0 0 30px;
    border: 1px solid var(--ice-border);

    background:
        radial-gradient(circle at 12% 0%, rgba(255,255,255,.82), transparent 32%),
        radial-gradient(circle at 84% 18%, var(--ice-glow), transparent 34%),
        linear-gradient(145deg, var(--ice-bg-1), var(--ice-bg-2) 52%, var(--ice-bg-3));

    box-shadow:
        -18px 22px 45px var(--ice-shadow),
        0 0 28px rgba(74,220,255,.22),
        inset 0 1px 0 rgba(255,255,255,.74),
        inset 0 -26px 40px rgba(255,255,255,.12);

    backdrop-filter: blur(18px) saturate(1.2);
    -webkit-backdrop-filter: blur(18px) saturate(1.2);

    transition: right var(--side-speed) ease;
}

body.dark-mode .ice-sidebar {
    box-shadow:
        -20px 24px 54px rgba(0,0,0,.55),
        0 0 34px rgba(74,220,255,.18),
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -24px 40px rgba(74,220,255,.08);
}

.ice-sidebar.active {
    right: 0;
}

.ice-sidebar::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 24px 0 0 24px;
    pointer-events: none;
    border: 1px solid rgba(255,255,255,.26);
    background:
        linear-gradient(120deg, transparent 0 20%, rgba(255,255,255,.34) 25%, transparent 32% 58%, rgba(255,255,255,.20) 64%, transparent 72%);
    opacity: .85;
}

.ice-sidebar > * {
    position: relative;
    z-index: 2;
}

/* Shine */
.ice-side-shine {
    position: absolute;
    top: -30%;
    left: -55%;
    width: 46%;
    height: 150%;
    transform: rotate(22deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
    animation: sideShine 9s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

@keyframes sideShine {
    0%, 48% {
        left: -60%;
        opacity: 0;
    }
    58% {
        opacity: .8;
    }
    100% {
        left: 120%;
        opacity: 0;
    }
}

/* Ice crystals */
.ice-side-crystals {
    position: absolute;
    top: 0;
    right: 18px;
    left: 18px;
    height: 56px;
    pointer-events: none;
    z-index: 2;
}

.ice-side-crystals span {
    position: absolute;
    top: 0;
    width: 21px;
    height: 38px;

    clip-path: polygon(0 0, 100% 0, 72% 78%, 50% 100%, 28% 78%);

    background:
        linear-gradient(90deg, rgba(255,255,255,.92), rgba(196,248,255,.68), rgba(255,255,255,.22)),
        linear-gradient(180deg, rgba(255,255,255,.94), rgba(85,218,255,.32));

    filter:
        drop-shadow(0 0 5px rgba(255,255,255,.68))
        drop-shadow(0 0 10px rgba(84,224,255,.36));

    opacity: .88;
}

.ice-side-crystals span:nth-child(1) { right: 4%;  height: 29px; width: 16px; }
.ice-side-crystals span:nth-child(2) { right: 18%; height: 48px; width: 24px; }
.ice-side-crystals span:nth-child(3) { right: 34%; height: 34px; width: 18px; }
.ice-side-crystals span:nth-child(4) { right: 49%; height: 53px; width: 27px; }
.ice-side-crystals span:nth-child(5) { right: 66%; height: 31px; width: 17px; }
.ice-side-crystals span:nth-child(6) { right: 79%; height: 45px; width: 23px; }
.ice-side-crystals span:nth-child(7) { right: 93%; height: 35px; width: 19px; }

.ice-theme-toggle{

    position:absolute;
    top:12px;
    left:12px;

    width:38px;
    height:38px;

    border:none;
    border-radius:50%;
    cursor:pointer;

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

    color:#fff;

    background:linear-gradient(135deg,#0a6f9b,#42dfff);

    box-shadow:
        0 6px 14px rgba(7,54,77,.18);

    transition:.18s;
}

.ice-theme-toggle:hover{
    transform:scale(1.08);
}

.ice-theme-toggle i{
    font-size:15px;
}

/* User card */
.ice-user-card{
    position:relative;
    padding:22px 14px 16px;
    text-align:center;
    border-radius:26px;
    border:1px solid var(--ice-border);

    background:
        radial-gradient(circle at 24% 0%, rgba(255,255,255,.72), transparent 38%),
        linear-gradient(180deg,var(--ice-card),var(--ice-card-2));
}

.ice-avatar {
    position: relative;

    width: 84px;
    height: 84px;

    margin: 4px auto 10px;
    padding: 4px;

    border-radius: 50%;
    cursor: pointer;

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

    border: 2px solid rgba(255,255,255,.78);

    background:
        radial-gradient(circle at 25% 20%, rgba(255,255,255,.95), transparent 34%),
        linear-gradient(135deg,#ffffff,#c9f8ff 45%,#73e5ff 70%,#2bcfff);

    box-shadow:
        0 0 0 3px rgba(125,235,255,.18),
        0 0 16px rgba(73,221,255,.35),
        inset 0 1px 0 rgba(255,255,255,.75);

    overflow: hidden;
    transition: .2s;
}

.ice-avatar:hover{
    transform: scale(1.04);
}

.ice-avatar::before{
    content:"";
    position:absolute;
    inset:-3px;
    border-radius:50%;
    border:2px solid rgba(190,248,255,.55);
    pointer-events:none;
}

.ice-avatar::after{
    content:"";
    position:absolute;
    top:-20%;
    left:-45%;
    width:42%;
    height:150%;
    transform:rotate(24deg);

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.75),
        transparent
    );

    opacity:.55;
}


.ice-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.ice-avatar span {
    font-size: 36px;
    font-weight: 900;
    color: #07364d;
}

.ice-user-card h4 {
    margin: 0;
    color: var(--ice-text);
    font-size: 20px;
    font-weight: 900;
}

.guest-card p {
    margin-top: 8px;
    color: var(--ice-muted);
    font-weight: 800;
    font-size: 13px;
}

.ice-user-tags {
    margin: 10px 0 12px;
    display: flex;
    justify-content: center;
    gap: 7px;
    flex-wrap: wrap;
}

.ice-user-tags span {
    padding: 6px 11px;
    border-radius: 999px;
    color: var(--ice-text);
    background: rgba(255,255,255,.34);
    border: 1px solid rgba(255,255,255,.46);
    font-size: 12px;
    font-weight: 900;
}

.ice-user-tags span:last-child {
    color: #fff;
    background: linear-gradient(135deg, #0f83aa, #42dfff);
    box-shadow: 0 0 14px rgba(66,223,255,.28);
}

/* Balance */
.ice-user-balance {
    height: 54px;
    padding: 0 15px;
    border-radius: 999px;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    color: var(--ice-text);
    background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.72), transparent 36%),
        linear-gradient(135deg, rgba(255,255,255,.38), rgba(72,216,250,.28));

    border: 1px solid rgba(255,255,255,.52);

    box-shadow:
        0 12px 24px rgba(7,54,77,.15),
        inset 0 1px 0 rgba(255,255,255,.56);

    transition: .2s ease;
}

.ice-user-balance:hover {
    transform: translateY(-2px);
}

.ice-user-balance i {
    color: #1fbce8;
}

.ice-user-balance strong {
    font-size: 17px;
    font-weight: 900;
}

.ice-user-balance small {
    font-size: 12px;
    font-weight: 900;
    opacity: .72;
}

/* Quick */
.ice-quick-actions {
    margin-top: 13px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}

.ice-quick-actions button {
    height: 45px;
    border: 1px solid rgba(255,255,255,.50);
    border-radius: 50%;
    cursor: pointer;

    color: var(--ice-text);
    background:
        radial-gradient(circle at 30% 15%, rgba(255,255,255,.72), transparent 34%),
        linear-gradient(145deg, var(--ice-card), var(--ice-card-2));

    box-shadow:
        0 10px 18px rgba(7,54,77,.12),
        inset 0 1px 0 rgba(255,255,255,.52);

    transition: .22s ease;
}

.ice-quick-actions button:hover {
    transform: translateY(-4px) scale(1.04);
    color: #0aa6d4;
}

/* Currency */
.currency-dropdown-trigger {
    margin-top: 13px;
}

.ice-currency-btn {
    width: 100%;
    height: 48px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.52);
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    color: #fff;
    font-weight: 900;

    background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.52), transparent 34%),
        linear-gradient(135deg, #0a6f9b, #42dfff);

    box-shadow:
        0 12px 22px rgba(7,54,77,.18),
        0 0 16px rgba(66,223,255,.24);

    transition: .2s ease;
}

.ice-currency-btn:hover {
    transform: translateY(-2px);
}

/* Menu */
.ice-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
}

.ice-menu-list li {
    margin: 8px 0;
}

.ice-menu-list a {
    min-height: 54px;
    padding: 9px 11px;
    border-radius: 18px;
    position: relative;

    display: flex;
    align-items: center;
    gap: 11px;

    text-decoration: none;
    color: var(--ice-text);
    font-size: 15px;
    font-weight: 900;

    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.62), transparent 32%),
        linear-gradient(135deg, var(--ice-card), var(--ice-card-2));

    border: 1px solid rgba(255,255,255,.44);

    box-shadow:
        0 9px 18px rgba(7,54,77,.10),
        inset 0 1px 0 rgba(255,255,255,.48);

    overflow: hidden;
    transition: .22s ease;
}

.ice-menu-list a::before {
    content: "";
    position: absolute;
    inset: 0;
    left: auto;
    width: 4px;
    background: linear-gradient(180deg, #42dfff, #0b7fa8);
    opacity: 0;
    transition: .22s ease;
}

.ice-menu-list a::after {
    content: "\f104";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: auto;
    color: var(--ice-muted);
    font-size: 13px;
}

.ice-menu-list a:hover {
    transform: translateX(-6px);
    color: #fff;
    background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.44), transparent 35%),
        linear-gradient(135deg, #0a5f86, #14add9 62%, #42dfff);
    box-shadow:
        0 12px 24px rgba(7,54,77,.18),
        0 0 18px rgba(66,223,255,.28);
}

.ice-menu-list a:hover::before {
    opacity: 1;
}

.ice-menu-list a:hover::after {
    color: #fff;
}

.ice-menu-list i {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;

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

    color: #fff !important;
    font-size: 16px;

    background:
        radial-gradient(circle at 30% 15%, rgba(255,255,255,.45), transparent 34%),
        linear-gradient(135deg, #0a6f9b, #42dfff);

    box-shadow:
        0 8px 16px rgba(7,54,77,.16),
        0 0 14px rgba(66,223,255,.22);

    transition: .22s ease;
}

.ice-menu-list a:hover i {
    transform: scale(1.08) rotate(-6deg);
    background: rgba(255,255,255,.18);
}

.ice-unread {
    margin-right: 6px;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;

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

    border-radius: 999px;
    color: #fff;
    font-size: 12px;
    background: linear-gradient(135deg, #ff4d6d, #ff8fa3);
}

/* Social */
.ice-social {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
}

.ice-social a {
    height: 48px;
    border-radius: 17px;

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

    text-decoration: none;
    color: #fff;
    font-size: 22px;

    border: 1px solid rgba(255,255,255,.48);
    background:
        radial-gradient(circle at 30% 15%, rgba(255,255,255,.42), transparent 34%),
        linear-gradient(135deg, #0a6f9b, #42dfff);

    box-shadow:
        0 10px 20px rgba(7,54,77,.14),
        inset 0 1px 0 rgba(255,255,255,.40);

    transition: .22s ease;
}

.ice-social a:hover {
    transform: translateY(-3px);
}

/* Company */
.ice-company {
    text-align: center;
    padding: 14px 10px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.40);

    background:
        radial-gradient(circle at 25% 0%, rgba(255,255,255,.52), transparent 34%),
        linear-gradient(180deg, var(--ice-card), var(--ice-card-2));
}

.ice-company img {
    height: 82px;
    max-width: 220px;
    width: auto;
    object-fit: contain;

    filter: drop-shadow(0 0 10px rgba(66,223,255,.25));
}

.ice-company p {
    margin: 7px 0 0;
    color: var(--ice-muted);
    font-size: 12px;
    font-weight: 800;
}

/* Dropdown */
.dropdown-portal {
    position: fixed;
    z-index: 3000;
}

.dropdown-portal.open {
    display: block !important;
}

.dropdown-content {
    width: 210px;
    max-height: 220px;
    overflow-y: auto;
    padding: 7px;

    border-radius: 18px;
    border: 1px solid rgba(155,237,255,.44);

    background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.18), transparent 34%),
        linear-gradient(180deg, #071b2f, #0d456c);

    box-shadow: 0 16px 35px rgba(0,0,0,.46);
}

.dropdown-item {
    padding: 11px 10px;
    border-radius: 13px;
    cursor: pointer;

    display: flex;
    align-items: center;
    gap: 8px;

    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.dropdown-item:hover,
.dropdown-item.active {
    background: rgba(66,223,255,.16);
}

.exchange-rate {
    margin-right: auto;
    color: #42dfff;
}

/* Mobile */
@media (max-width: 768px) {
    .ice-sidebar {
        width: 82vw;
        right: -90vw;
        top: 8px;
        height: calc(100vh - 16px);
        border-radius: 26px 0 0 26px;
        padding: 12px;
    }

    .ice-sidebar.active {
        right: 0;
    }

    .ice-avatar {
        width: 78px;
        height: 78px;
    }

    .ice-user-card h4 {
        font-size: 18px;
    }

    .ice-menu-list a {
        min-height: 50px;
        font-size: 14px;
    }

    .ice-menu-list i {
        width: 33px;
        height: 33px;
        min-width: 33px;
        font-size: 14px;
    }
}

/* ===== ULTRA LIGHT SIDEBAR FIX ===== */

/* إلغاء كل اللمعات والحركات */
.ice-side-shine,
.ice-side-crystals,
.ice-sidebar::before,
.ice-sidebar::after {
    display: none !important;
    animation: none !important;
}

/* منع أي animation داخل السايدبار */
.ice-sidebar *,
.ice-sidebar *::before,
.ice-sidebar *::after {
    animation: none !important;
    transition-duration: .12s !important;
}

/* تخفيف الخلفيات */
.ice-sidebar {
    background: linear-gradient(145deg, var(--ice-bg-1), var(--ice-bg-2)) !important;
    box-shadow: -6px 8px 18px rgba(0,0,0,.18) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* تخفيف الكروت */
.ice-user-card,
.ice-menu-list a,
.ice-company,
.ice-quick-actions button,
.ice-social a {
    box-shadow: none !important;
}





:root {
    --side-width: 318px;

    --ice-bg-1: rgba(235,252,255,.94);
    --ice-bg-2: rgba(163,235,250,.88);
    --ice-bg-3: rgba(71,190,226,.66);

    --ice-card: rgba(255,255,255,.46);
    --ice-card-2: rgba(214,249,255,.36);
    --ice-border: rgba(255,255,255,.76);

    --ice-text: #07364d;
    --ice-muted: rgba(7,54,77,.66);
    --ice-glow: rgba(74,220,255,.42);
    --ice-shadow: rgba(7,54,77,.22);

    --side-speed: .35s;
}

body.dark-mode {
    --ice-bg-1: rgba(8,24,42,.97);
    --ice-bg-2: rgba(10,61,91,.94);
    --ice-bg-3: rgba(28,152,195,.72);

    --ice-card: rgba(255,255,255,.10);
    --ice-card-2: rgba(92,221,255,.08);
    --ice-border: rgba(155,237,255,.46);

    --ice-text: #effcff;
    --ice-muted: rgba(239,252,255,.68);
    --ice-glow: rgba(74,220,255,.50);
    --ice-shadow: rgba(0,0,0,.45);
}

.ice-sidebar,
.ice-sidebar * {
    box-sizing: border-box;
}

.ice-sidebar {
    position: fixed;
    top: 10px;
    right: calc(var(--side-width) * -1 - 25px);
    width: var(--side-width);
    height: calc(100vh - 20px);
    z-index: 1000;

    padding: 14px;
    overflow-y: auto;
    overflow-x: hidden;

    display: flex;
    flex-direction: column;
    gap: 12px;

    border-radius: 30px 0 0 30px;
    border: 1px solid var(--ice-border);

    background:
        radial-gradient(circle at 12% 0%, rgba(255,255,255,.82), transparent 32%),
        radial-gradient(circle at 84% 18%, var(--ice-glow), transparent 34%),
        linear-gradient(145deg, var(--ice-bg-1), var(--ice-bg-2) 52%, var(--ice-bg-3));

    box-shadow:
        -18px 22px 45px var(--ice-shadow),
        0 0 28px rgba(74,220,255,.22),
        inset 0 1px 0 rgba(255,255,255,.74),
        inset 0 -26px 40px rgba(255,255,255,.12);

    backdrop-filter: blur(18px) saturate(1.2);
    -webkit-backdrop-filter: blur(18px) saturate(1.2);

    transition: right var(--side-speed) ease;
}

body.dark-mode .ice-sidebar {
    box-shadow:
        -20px 24px 54px rgba(0,0,0,.55),
        0 0 34px rgba(74,220,255,.18),
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -24px 40px rgba(74,220,255,.08);
}

.ice-sidebar.active {
    right: 0;
}

.ice-sidebar::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 24px 0 0 24px;
    pointer-events: none;
    border: 1px solid rgba(255,255,255,.26);
    background:
        linear-gradient(120deg, transparent 0 20%, rgba(255,255,255,.34) 25%, transparent 32% 58%, rgba(255,255,255,.20) 64%, transparent 72%);
    opacity: .85;
}

.ice-sidebar > * {
    position: relative;
    z-index: 2;
}

/* Shine */
.ice-side-shine {
    position: absolute;
    top: -30%;
    left: -55%;
    width: 46%;
    height: 150%;
    transform: rotate(22deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
    animation: sideShine 9s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

@keyframes sideShine {
    0%, 48% {
        left: -60%;
        opacity: 0;
    }
    58% {
        opacity: .8;
    }
    100% {
        left: 120%;
        opacity: 0;
    }
}

/* Ice crystals */
.ice-side-crystals {
    position: absolute;
    top: 0;
    right: 18px;
    left: 18px;
    height: 56px;
    pointer-events: none;
    z-index: 2;
}

.ice-side-crystals span {
    position: absolute;
    top: 0;
    width: 21px;
    height: 38px;

    clip-path: polygon(0 0, 100% 0, 72% 78%, 50% 100%, 28% 78%);

    background:
        linear-gradient(90deg, rgba(255,255,255,.92), rgba(196,248,255,.68), rgba(255,255,255,.22)),
        linear-gradient(180deg, rgba(255,255,255,.94), rgba(85,218,255,.32));

    filter:
        drop-shadow(0 0 5px rgba(255,255,255,.68))
        drop-shadow(0 0 10px rgba(84,224,255,.36));

    opacity: .88;
}

.ice-side-crystals span:nth-child(1) { right: 4%;  height: 29px; width: 16px; }
.ice-side-crystals span:nth-child(2) { right: 18%; height: 48px; width: 24px; }
.ice-side-crystals span:nth-child(3) { right: 34%; height: 34px; width: 18px; }
.ice-side-crystals span:nth-child(4) { right: 49%; height: 53px; width: 27px; }
.ice-side-crystals span:nth-child(5) { right: 66%; height: 31px; width: 17px; }
.ice-side-crystals span:nth-child(6) { right: 79%; height: 45px; width: 23px; }
.ice-side-crystals span:nth-child(7) { right: 93%; height: 35px; width: 19px; }

.ice-theme-toggle{

    position:absolute;
    top:12px;
    left:12px;

    width:38px;
    height:38px;

    border:none;
    border-radius:50%;
    cursor:pointer;

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

    color:#fff;

    background:linear-gradient(135deg,#0a6f9b,#42dfff);

    box-shadow:
        0 6px 14px rgba(7,54,77,.18);

    transition:.18s;
}

.ice-theme-toggle:hover{
    transform:scale(1.08);
}

.ice-theme-toggle i{
    font-size:15px;
}

/* User card */
.ice-user-card{
    position:relative;
    padding:22px 14px 16px;
    text-align:center;
    border-radius:26px;
    border:1px solid var(--ice-border);

    background:
        radial-gradient(circle at 24% 0%, rgba(255,255,255,.72), transparent 38%),
        linear-gradient(180deg,var(--ice-card),var(--ice-card-2));
}

.ice-avatar {
    position: relative;

    width: 84px;
    height: 84px;

    margin: 4px auto 10px;
    padding: 4px;

    border-radius: 50%;
    cursor: pointer;

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

    border: 2px solid rgba(255,255,255,.78);

    background:
        radial-gradient(circle at 25% 20%, rgba(255,255,255,.95), transparent 34%),
        linear-gradient(135deg,#ffffff,#c9f8ff 45%,#73e5ff 70%,#2bcfff);

    box-shadow:
        0 0 0 3px rgba(125,235,255,.18),
        0 0 16px rgba(73,221,255,.35),
        inset 0 1px 0 rgba(255,255,255,.75);

    overflow: hidden;
    transition: .2s;
}

.ice-avatar:hover{
    transform: scale(1.04);
}

.ice-avatar::before{
    content:"";
    position:absolute;
    inset:-3px;
    border-radius:50%;
    border:2px solid rgba(190,248,255,.55);
    pointer-events:none;
}

.ice-avatar::after{
    content:"";
    position:absolute;
    top:-20%;
    left:-45%;
    width:42%;
    height:150%;
    transform:rotate(24deg);

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.75),
        transparent
    );

    opacity:.55;
}


.ice-avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.ice-avatar span {
    font-size: 36px;
    font-weight: 900;
    color: #07364d;
}

.ice-user-card h4 {
    margin: 0;
    color: var(--ice-text);
    font-size: 20px;
    font-weight: 900;
}

.guest-card p {
    margin-top: 8px;
    color: var(--ice-muted);
    font-weight: 800;
    font-size: 13px;
}

.ice-user-tags {
    margin: 10px 0 12px;
    display: flex;
    justify-content: center;
    gap: 7px;
    flex-wrap: wrap;
}

.ice-user-tags span {
    padding: 6px 11px;
    border-radius: 999px;
    color: var(--ice-text);
    background: rgba(255,255,255,.34);
    border: 1px solid rgba(255,255,255,.46);
    font-size: 12px;
    font-weight: 900;
}

.ice-user-tags span:last-child {
    color: #fff;
    background: linear-gradient(135deg, #0f83aa, #42dfff);
    box-shadow: 0 0 14px rgba(66,223,255,.28);
}

/* Balance */
.ice-user-balance {
    height: 54px;
    padding: 0 15px;
    border-radius: 999px;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    color: var(--ice-text);
    background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.72), transparent 36%),
        linear-gradient(135deg, rgba(255,255,255,.38), rgba(72,216,250,.28));

    border: 1px solid rgba(255,255,255,.52);

    box-shadow:
        0 12px 24px rgba(7,54,77,.15),
        inset 0 1px 0 rgba(255,255,255,.56);

    transition: .2s ease;
}

.ice-user-balance:hover {
    transform: translateY(-2px);
}

.ice-user-balance i {
    color: #1fbce8;
}

.ice-user-balance strong {
    font-size: 17px;
    font-weight: 900;
}

.ice-user-balance small {
    font-size: 12px;
    font-weight: 900;
    opacity: .72;
}

/* Quick */
.ice-quick-actions {
    margin-top: 13px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}

.ice-quick-actions button {
    height: 45px;
    border: 1px solid rgba(255,255,255,.50);
    border-radius: 50%;
    cursor: pointer;

    color: var(--ice-text);
    background:
        radial-gradient(circle at 30% 15%, rgba(255,255,255,.72), transparent 34%),
        linear-gradient(145deg, var(--ice-card), var(--ice-card-2));

    box-shadow:
        0 10px 18px rgba(7,54,77,.12),
        inset 0 1px 0 rgba(255,255,255,.52);

    transition: .22s ease;
}

.ice-quick-actions button:hover {
    transform: translateY(-4px) scale(1.04);
    color: #0aa6d4;
}

/* Currency */
.currency-dropdown-trigger {
    margin-top: 13px;
}

.ice-currency-btn {
    width: 100%;
    height: 48px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.52);
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    color: #fff;
    font-weight: 900;

    background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.52), transparent 34%),
        linear-gradient(135deg, #0a6f9b, #42dfff);

    box-shadow:
        0 12px 22px rgba(7,54,77,.18),
        0 0 16px rgba(66,223,255,.24);

    transition: .2s ease;
}

.ice-currency-btn:hover {
    transform: translateY(-2px);
}

/* Menu */
.ice-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
}

.ice-menu-list li {
    margin: 8px 0;
}

.ice-menu-list a {
    min-height: 54px;
    padding: 9px 11px;
    border-radius: 18px;
    position: relative;

    display: flex;
    align-items: center;
    gap: 11px;

    text-decoration: none;
    color: var(--ice-text);
    font-size: 15px;
    font-weight: 900;

    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.62), transparent 32%),
        linear-gradient(135deg, var(--ice-card), var(--ice-card-2));

    border: 1px solid rgba(255,255,255,.44);

    box-shadow:
        0 9px 18px rgba(7,54,77,.10),
        inset 0 1px 0 rgba(255,255,255,.48);

    overflow: hidden;
    transition: .22s ease;
}

.ice-menu-list a::before {
    content: "";
    position: absolute;
    inset: 0;
    left: auto;
    width: 4px;
    background: linear-gradient(180deg, #42dfff, #0b7fa8);
    opacity: 0;
    transition: .22s ease;
}

.ice-menu-list a::after {
    content: "\f104";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: auto;
    color: var(--ice-muted);
    font-size: 13px;
}

.ice-menu-list a:hover {
    transform: translateX(-6px);
    color: #fff;
    background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.44), transparent 35%),
        linear-gradient(135deg, #0a5f86, #14add9 62%, #42dfff);
    box-shadow:
        0 12px 24px rgba(7,54,77,.18),
        0 0 18px rgba(66,223,255,.28);
}

.ice-menu-list a:hover::before {
    opacity: 1;
}

.ice-menu-list a:hover::after {
    color: #fff;
}

.ice-menu-list i {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;

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

    color: #fff !important;
    font-size: 16px;

    background:
        radial-gradient(circle at 30% 15%, rgba(255,255,255,.45), transparent 34%),
        linear-gradient(135deg, #0a6f9b, #42dfff);

    box-shadow:
        0 8px 16px rgba(7,54,77,.16),
        0 0 14px rgba(66,223,255,.22);

    transition: .22s ease;
}

.ice-menu-list a:hover i {
    transform: scale(1.08) rotate(-6deg);
    background: rgba(255,255,255,.18);
}

.ice-unread {
    margin-right: 6px;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;

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

    border-radius: 999px;
    color: #fff;
    font-size: 12px;
    background: linear-gradient(135deg, #ff4d6d, #ff8fa3);
}

/* Social */
.ice-social {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
}

.ice-social a {
    height: 48px;
    border-radius: 17px;

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

    text-decoration: none;
    color: #fff;
    font-size: 22px;

    border: 1px solid rgba(255,255,255,.48);
    background:
        radial-gradient(circle at 30% 15%, rgba(255,255,255,.42), transparent 34%),
        linear-gradient(135deg, #0a6f9b, #42dfff);

    box-shadow:
        0 10px 20px rgba(7,54,77,.14),
        inset 0 1px 0 rgba(255,255,255,.40);

    transition: .22s ease;
}

.ice-social a:hover {
    transform: translateY(-3px);
}

/* Company */
.ice-company {
    text-align: center;
    padding: 14px 10px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.40);

    background:
        radial-gradient(circle at 25% 0%, rgba(255,255,255,.52), transparent 34%),
        linear-gradient(180deg, var(--ice-card), var(--ice-card-2));
}

.ice-company img {
    height: 82px;
    max-width: 220px;
    width: auto;
    object-fit: contain;

    filter: drop-shadow(0 0 10px rgba(66,223,255,.25));
}

.ice-company p {
    margin: 7px 0 0;
    color: var(--ice-muted);
    font-size: 12px;
    font-weight: 800;
}

/* Dropdown */
.dropdown-portal {
    position: fixed;
    z-index: 3000;
}

.dropdown-portal.open {
    display: block !important;
}

.dropdown-content {
    width: 210px;
    max-height: 220px;
    overflow-y: auto;
    padding: 7px;

    border-radius: 18px;
    border: 1px solid rgba(155,237,255,.44);

    background:
        radial-gradient(circle at 20% 0%, rgba(255,255,255,.18), transparent 34%),
        linear-gradient(180deg, #071b2f, #0d456c);

    box-shadow: 0 16px 35px rgba(0,0,0,.46);
}

.dropdown-item {
    padding: 11px 10px;
    border-radius: 13px;
    cursor: pointer;

    display: flex;
    align-items: center;
    gap: 8px;

    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.dropdown-item:hover,
.dropdown-item.active {
    background: rgba(66,223,255,.16);
}

.exchange-rate {
    margin-right: auto;
    color: #42dfff;
}

/* Mobile */
@media (max-width: 768px) {
    .ice-sidebar {
        width: 82vw;
        right: -90vw;
        top: 8px;
        height: calc(100vh - 16px);
        border-radius: 26px 0 0 26px;
        padding: 12px;
    }

    .ice-sidebar.active {
        right: 0;
    }

    .ice-avatar {
        width: 78px;
        height: 78px;
    }

    .ice-user-card h4 {
        font-size: 18px;
    }

    .ice-menu-list a {
        min-height: 50px;
        font-size: 14px;
    }

    .ice-menu-list i {
        width: 33px;
        height: 33px;
        min-width: 33px;
        font-size: 14px;
    }
}

/* ===== ULTRA LIGHT SIDEBAR FIX ===== */

/* إلغاء كل اللمعات والحركات */
.ice-side-shine,
.ice-side-crystals,
.ice-sidebar::before,
.ice-sidebar::after {
    display: none !important;
    animation: none !important;
}

/* منع أي animation داخل السايدبار */
.ice-sidebar *,
.ice-sidebar *::before,
.ice-sidebar *::after {
    animation: none !important;
    transition-duration: .12s !important;
}

/* تخفيف الخلفيات */
.ice-sidebar {
    background: linear-gradient(145deg, var(--ice-bg-1), var(--ice-bg-2)) !important;
    box-shadow: -6px 8px 18px rgba(0,0,0,.18) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* تخفيف الكروت */
.ice-user-card,
.ice-menu-list a,
.ice-company,
.ice-quick-actions button,
.ice-social a {
    box-shadow: none !important;
}

/* ==================================================
   خلفية اختيارية لبطاقة معلومات المستخدم - الإصلاح النهائي
================================================== */

.ice-user-card.has-custom-background {
    position: relative !important;
    isolation: isolate !important;

    display: block !important;
    flex: 0 0 auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 410px !important;
    max-height: none !important;

    padding: 22px 14px 16px !important;
    margin: 0 !important;

    overflow: hidden !important;

    border-radius: 26px !important;
    border: 1px solid var(--ice-border) !important;

    background:
        linear-gradient(
            180deg,
            rgba(2, 18, 31, .08) 0%,
            rgba(2, 18, 31, .18) 46%,
            rgba(2, 18, 31, .68) 100%
        ),
        var(--user-card-bg) center center / cover no-repeat !important;
}

/* طبقة تحسين وضوح المحتوى */
.ice-user-card.has-custom-background::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;

    background:
        linear-gradient(
            180deg,
            rgba(0, 15, 28, .02) 0%,
            rgba(0, 15, 28, .10) 42%,
            rgba(0, 15, 28, .42) 100%
        );
}

/* إبقاء كل العناصر فوق الخلفية وضمن المسار الطبيعي */
.ice-user-card.has-custom-background > * {
    position: relative !important;
    z-index: 2 !important;
    float: none !important;
}

/* زر الوضع فقط يبقى مطلقاً */
.ice-user-card.has-custom-background .ice-theme-toggle {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 10 !important;
}

/* الصورة الشخصية */
.ice-user-card.has-custom-background .ice-avatar {
    position: relative !important;

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

    width: 84px !important;
    height: 84px !important;

    margin: 4px auto 10px !important;
}

/* الاسم */
.ice-user-card.has-custom-background h4 {
    position: relative !important;
    display: block !important;

    margin: 0 !important;

    color: #fff !important;
    text-shadow:
        0 2px 6px rgba(0, 0, 0, .95),
        0 0 10px rgba(0, 0, 0, .45) !important;
}

/* رقم المستخدم و VIP */
.ice-user-card.has-custom-background .ice-user-tags {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 7px !important;
    margin: 10px 0 12px !important;
}

.ice-user-card.has-custom-background .ice-user-tags span {
    color: #fff !important;
    background: rgba(2, 18, 31, .56) !important;
    border-color: rgba(184, 245, 255, .55) !important;

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

/* الرصيد */
.ice-user-card.has-custom-background .ice-user-balance {
    position: relative !important;

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

    width: 100% !important;
    height: 54px !important;

    color: #fff !important;
    background: rgba(2, 18, 31, .58) !important;
    border-color: rgba(184, 245, 255, .55) !important;

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

/* أزرار المفضلة والملف والخروج */
.ice-user-card.has-custom-background .ice-quick-actions {
    position: relative !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 9px !important;

    width: 100% !important;
    height: auto !important;

    margin: 13px 0 0 !important;

    visibility: visible !important;
    opacity: 1 !important;
}

.ice-user-card.has-custom-background .ice-quick-actions button {
    position: relative !important;

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

    width: 100% !important;
    min-width: 0 !important;
    height: 45px !important;

    visibility: visible !important;
    opacity: 1 !important;

    color: #fff !important;
    background: rgba(2, 18, 31, .56) !important;
    border: 1px solid rgba(184, 245, 255, .55) !important;

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

/* زر تبديل العملة */
.ice-user-card.has-custom-background .currency-dropdown-trigger {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    margin: 13px 0 0 !important;
}

.ice-user-card.has-custom-background .ice-currency-btn {
    position: relative !important;

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

    width: 100% !important;
    height: 48px !important;

    visibility: visible !important;
    opacity: 1 !important;

    color: #fff !important;
    background: rgba(2, 18, 31, .60) !important;
    border: 1px solid rgba(184, 245, 255, .55) !important;

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

/* بطاقة الزائر */
.guest-card.has-custom-background {
    min-height: 230px !important;
}

/* عرض السايدبار على الهاتف */
@media (max-width: 768px) {
    .ice-sidebar {
        width: 72vw !important;
        right: -78vw !important;
    }

    .ice-sidebar.active {
        right: 0 !important;
    }

    .ice-user-card.has-custom-background {
        min-height: 395px !important;
    }

    .ice-user-card.has-custom-background .ice-avatar {
        width: 78px !important;
        height: 78px !important;
    }
}

@media (max-width: 420px) {
    .ice-sidebar {
        width: 70vw !important;
        right: -76vw !important;
    }

    .ice-sidebar.active {
        right: 0 !important;
    }
}


/* =========================================================
   FINAL USER CARD CONTROLS — يوضع في آخر الملف
   تصغير الرصيد والأزرار، زيادة الشفافية، وإنزالها للأسفل
   بدون تغيير حجم بطاقة المستخدم
========================================================= */

body .ice-sidebar .ice-user-card.has-custom-background .ice-theme-toggle {
    top: 3px !important;
    left: 12px !important;
    width: 34px !important;
    height: 34px !important;
}

body .ice-sidebar .ice-user-card.has-custom-background .ice-theme-toggle i {
    font-size: 13px !important;
}

/* إنزال الرصيد للأسفل مع تصغيره */
body .ice-sidebar .ice-user-card.has-custom-background .ice-user-balance {
    width: 88% !important;
    height: 40px !important;
    min-height: 40px !important;

    margin: 30px auto 0 !important;
    padding: 0 10px !important;
    gap: 6px !important;

    border-radius: 999px !important;
    color: #fff !important;

    background: rgba(2, 18, 31, .22) !important;
    border: 1px solid rgba(184, 245, 255, .34) !important;

    box-shadow: none !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

body .ice-sidebar .ice-user-card.has-custom-background .ice-user-balance i {
    font-size: 14px !important;
}

body .ice-sidebar .ice-user-card.has-custom-background .ice-user-balance strong {
    font-size: 14px !important;
}

body .ice-sidebar .ice-user-card.has-custom-background .ice-user-balance small {
    font-size: 10px !important;
    opacity: .88 !important;
}

/* تصغير أزرار المفضلة والملف والخروج وجعلها شفافة */
body .ice-sidebar .ice-user-card.has-custom-background .ice-quick-actions {
    width: 76% !important;
    height: 34px !important;

    grid-template-columns: repeat(3, 34px) !important;
    justify-content: space-between !important;
    align-items: center !important;

    gap: 0 !important;
    margin: 14px auto 0 !important;
}

body .ice-sidebar .ice-user-card.has-custom-background .ice-quick-actions button {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;
    color: #fff !important;

    background: rgba(2, 18, 31, .18) !important;
    border: 1px solid rgba(184, 245, 255, .30) !important;

    box-shadow: none !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

body .ice-sidebar .ice-user-card.has-custom-background .ice-quick-actions button i {
    font-size: 13px !important;
}

/* تصغير وتخفيف زر العملة */
body .ice-sidebar .ice-user-card.has-custom-background .currency-dropdown-trigger {
    width: 84% !important;
    margin: 12px auto 0 !important;
}

body .ice-sidebar .ice-user-card.has-custom-background .ice-currency-btn {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;

    padding: 0 10px !important;
    gap: 6px !important;

    font-size: 12px !important;
    color: #fff !important;

    background: rgba(2, 18, 31, .20) !important;
    border: 1px solid rgba(184, 245, 255, .30) !important;

    box-shadow: none !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

body .ice-sidebar .ice-user-card.has-custom-background .ice-currency-btn i {
    font-size: 12px !important;
}

/* الهاتف */
@media (max-width: 768px) {
    body .ice-sidebar .ice-user-card.has-custom-background .ice-user-balance {
        width: 90% !important;
        height: 38px !important;
        min-height: 38px !important;
        margin-top: 28px !important;
    }

    body .ice-sidebar .ice-user-card.has-custom-background .ice-quick-actions {
        width: 78% !important;
        grid-template-columns: repeat(3, 32px) !important;
        height: 32px !important;
    }

    body .ice-sidebar .ice-user-card.has-custom-background .ice-quick-actions button {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
    }

    body .ice-sidebar .ice-user-card.has-custom-background .currency-dropdown-trigger {
        width: 86% !important;
    }

    body .ice-sidebar .ice-user-card.has-custom-background .ice-currency-btn {
        height: 34px !important;
        min-height: 34px !important;
    }
}


/* =========================================================
   FINAL POSITION + TRANSPARENCY OVERRIDE
   إنزال الرصيد والأزرار وتبديل العملة للأسفل
   مع شفافية أعلى ورفع زر الوضع
========================================================= */

/* رفع زر تبديل الوضع أكثر */
body .ice-sidebar .ice-user-card.has-custom-background .ice-theme-toggle {
    top: -3px !important;
    left: 12px !important;
}

/* جعل خلفية ID و VIP شفافة */
body .ice-sidebar .ice-user-card.has-custom-background .ice-user-tags span {
    background: rgba(2, 18, 31, .12) !important;
    border: 1px solid rgba(184, 245, 255, .28) !important;
    box-shadow: none !important;

    backdrop-filter: blur(1.5px) !important;
    -webkit-backdrop-filter: blur(1.5px) !important;
}

/* إلغاء الخلفية الخاصة بآخر وسم حتى يصبح VIP شفافاً أيضاً */
body .ice-sidebar .ice-user-card.has-custom-background .ice-user-tags span:last-child {
    color: #ffffff !important;
    background: rgba(2, 18, 31, .12) !important;
    border: 1px solid rgba(184, 245, 255, .28) !important;
    box-shadow: none !important;
}

/* إنزال الرصيد أكثر وجعل خلفيته شفافة */
body .ice-sidebar .ice-user-card.has-custom-background .ice-user-balance {
    width: 88% !important;
    height: 40px !important;
    min-height: 40px !important;

    margin: 44px auto 0 !important;

    background: rgba(2, 18, 31, .11) !important;
    border: 1px solid rgba(184, 245, 255, .26) !important;

    box-shadow: none !important;
    backdrop-filter: blur(1.5px) !important;
    -webkit-backdrop-filter: blur(1.5px) !important;
}

/* إنزال الأزرار الثلاثة أكثر وجعلها شفافة */
/* إنزال مجموعة الرصيد بالكامل إلى أسفل البطاقة */
body .ice-sidebar .ice-user-card.has-custom-background{
    display:flex !important;
    flex-direction:column !important;
}

/* الصورة والاسم يبقوا بالأعلى */
body .ice-sidebar .ice-user-card.has-custom-background .ice-avatar,
body .ice-sidebar .ice-user-card.has-custom-background h4,
body .ice-sidebar .ice-user-card.has-custom-background .ice-user-tags{
    flex-shrink:0;
}

/* الرصيد يبدأ من الأسفل */
body .ice-sidebar .ice-user-card.has-custom-background .ice-user-balance{
    margin-top:auto !important;
}

/* ثم الأزرار */
body .ice-sidebar .ice-user-card.has-custom-background .ice-quick-actions{
    margin-top:10px !important;
}

/* ثم زر العملة */
body .ice-sidebar .ice-user-card.has-custom-background .currency-dropdown-trigger{
    margin-top:10px !important;
}
/* الهاتف */
@media (max-width: 768px) {
    body .ice-sidebar .ice-user-card.has-custom-background .ice-theme-toggle {
        top: -4px !important;
    }

    body .ice-sidebar .ice-user-card.has-custom-background .ice-user-balance {
        margin-top: 40px !important;
    }

    body .ice-sidebar .ice-user-card.has-custom-background .ice-quick-actions {
        margin-top: 17px !important;
    }

    body .ice-sidebar .ice-user-card.has-custom-background .currency-dropdown-trigger {
        margin-top: 15px !important;
    }
}