/* ═══ Premium Profile Panel v2 ═══ */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

#menu-panel-right {
    background: #050505 !important;
    font-family: 'Outfit', -apple-system, sans-serif !important;
    border-left: 1px solid rgba(255,255,255,0.03) !important;
}
#menu-panel-right *:not(i):not(.fa):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class*='fa-']) {
    font-family: 'Outfit', -apple-system, sans-serif !important;
}

.profile-panel-header {
    padding: 14px 16px !important;
}
.profile-panel-close {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 18px !important;
    transition: all 0.2s !important;
}
.profile-panel-close:hover {
    background: rgba(255,255,255,0.1) !important;
}

/* Balance Card - Premium Dark */
.profile-balance-card {
    background: linear-gradient(160deg, #111111, #0a0a0a) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 16px !important;
    padding: 24px 22px !important;
    margin: 0 14px 10px !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.03) !important;
    position: relative;
    overflow: hidden;
}
.profile-balance-card::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -30%;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(218,165,32,0.04), transparent 70%);
    pointer-events: none;
}
.profile-balance-label {
    color: rgba(255,255,255,0.3) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}
.profile-balance-amount {
    color: #DAA520 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin: 6px 0 20px !important;
    letter-spacing: -0.5px !important;
}

/* Buttons */
.profile-balance-buttons {
    gap: 8px !important;
}
.profile-btn-deposit {
    background: #DAA520 !important;
    color: #000 !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 12px !important;
    letter-spacing: 0.8px !important;
    transition: all 0.25s !important;
    border: none !important;
}
.profile-btn-deposit:hover {
    background: #FFD700 !important;
    box-shadow: 0 6px 20px rgba(218,165,32,0.2) !important;
}
.profile-btn-withdraw {
    background: transparent !important;
    border: 1.5px solid rgba(255,255,255,0.1) !important;
    color: rgba(255,255,255,0.6) !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 12px !important;
    letter-spacing: 0.8px !important;
    transition: all 0.25s !important;
}
.profile-btn-withdraw:hover {
    border-color: rgba(255,255,255,0.2) !important;
    color: #fff !important;
    background: rgba(255,255,255,0.04) !important;
}

/* User Info */
.profile-user-info {
    padding: 14px 18px !important;
    border-bottom: 1px solid rgba(255,255,255,0.03) !important;
    margin: 0 0 4px !important;
}
.profile-avatar {
    width: 38px !important;
    height: 38px !important;
    background: rgba(218,165,32,0.08) !important;
    border: 1.5px solid rgba(218,165,32,0.15) !important;
    color: #DAA520 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
}
.profile-username {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #e6edf3 !important;
    letter-spacing: 0.2px !important;
}

/* Menu Items */
.profile-menu-item {
    margin: 2px 10px !important;
    padding: 12px 14px !important;
    background: transparent !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,0.45) !important;
    letter-spacing: 0.3px !important;
    transition: all 0.15s !important;
    border: 1px solid transparent !important;
}
.profile-menu-item:hover {
    background: rgba(255,255,255,0.03) !important;
    color: #e6edf3 !important;
    border-color: rgba(255,255,255,0.04) !important;
}
.profile-menu-item i {
    width: 30px !important;
    height: 30px !important;
    margin-right: 10px !important;
    font-size: 12px !important;
    background: rgba(255,255,255,0.03) !important;
    border: none !important;
    border-radius: 8px !important;
    color: rgba(255,255,255,0.25) !important;
    transition: all 0.15s !important;
}
.profile-menu-item:hover i {
    color: #DAA520 !important;
    background: rgba(218,165,32,0.06) !important;
}
.profile-menu-arrow {
    color: rgba(255,255,255,0.1) !important;
    font-size: 16px !important;
}

/* Divider line between sections */
.profile-menu-item + .profile-promo-section {
    border-top: 1px solid rgba(255,255,255,0.03);
    margin-top: 6px;
    padding-top: 6px;
}

/* Promo */
.profile-promo-section {
    margin: 8px 10px !important;
}
.profile-promo-input {
    background: rgba(255,255,255,0.02) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    color: rgba(255,255,255,0.5) !important;
}
.profile-promo-btn {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 8px !important;
    color: rgba(255,255,255,0.3) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    padding: 10px 14px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.profile-promo-btn:hover {
    background: rgba(218,165,32,0.06) !important;
    color: #DAA520 !important;
    border-color: rgba(218,165,32,0.1) !important;
}

/* Logout */
.profile-logout {
    border-top: 1px solid rgba(255,255,255,0.03) !important;
    margin-top: 6px !important;
}
.profile-logout i {
    color: rgba(239,68,68,0.4) !important;
}
.profile-logout:hover {
    color: #ef4444 !important;
    background: rgba(239,68,68,0.03) !important;
}
.profile-logout:hover i {
    color: #ef4444 !important;
    background: rgba(239,68,68,0.06) !important;
}