.container-slide-profile-user {
      font-size: 14px;
    }
    @media (max-width: 768px) {
      .container-slide-profile-user {
        font-size: 13px;
      }
    }
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Inter', sans-serif;
    }
  
    .container-slide-profile-user {
      background: #ffffff;
      border-left: 1px solid #e5e7eb;
      width: 400px;
      height: 100vh;
      box-shadow: -4px 0 20px rgba(144, 85, 253, 0.1);
      display: flex;
      flex-direction: column;
      padding: 1.5rem;
      position: fixed;
      right: 0;
      top: 0;
      transition: transform 0.3s ease;
      overflow-y: auto;
    }
    .container-slide-profile-user.hidden {
      transform: translateX(100%);
    }
    .toggle-btn-profile-slide {
      position: fixed;
      top: 50%;
      right: 400px;
      transform: translateY(-50%);
      background: #8b5cf6;
      color: white;
      border: none;
      border-radius: 50%;
      width: 42px;
      height: 42px;
      font-size: 1.3rem;
      display: none;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
      z-index: 100;
      margin-right: 15px;
    }
    .profile-slide-user {
      background: linear-gradient(135deg, #f3f4f6, #fdfcff);
      border-radius: 16px;
      padding: 1rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 1rem;
      margin-bottom: 1.2rem;
      box-shadow: 0 6px 20px rgba(138, 43, 226, 0.08);
    }
    .profile-slide-user img {
      width: 75px;
      height: 75px;
      border-radius: 50%;
      border: 3px solid #a855f7;
      box-shadow: 0 0 10px rgba(168, 85, 247, 0.3);
      transition: transform 0.3s ease;
    }
    .profile-slide-user img:hover {
      transform: scale(1.05);
    }
    .profile-info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      flex: 1;
    }
    .profile-info h2 {
      font-size: 1rem;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .vip-tag {
      background: #facc15;
      color: #000;
      font-size: 0.7rem;
      padding: 2px 6px;
      border-radius: 6px;
      font-weight: 600;
    }
    
    .profile-info .email {
      font-size: 0.85rem;
      color: #555;
    }
    .profile-info .info {
      font-size: 0.8rem;
      color: #6b7280;
      display: flex;
      gap: 6px;
      align-items: center;
    }
    .copy-btn {
      background: #e0e7ff;
      border: none;
      border-radius: 6px;
      padding: 2px 5px;
      font-size: 0.7rem;
      cursor: pointer;
    }
    .profile-info .telegram {
      font-size: 0.8rem;
      color: #3b82f6;
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .profile-info .telegram::before {
      content: url('https://upload.wikimedia.org/wikipedia/commons/8/82/Telegram_logo.svg');
      width: 15px;
      height: 14px;
      display: inline-block;
    }
    .balance-row {
      background: linear-gradient(to right, #8b5cf6, #a855f7);
      color: white;
      border-radius: 14px;
      padding: 0.9rem 1.2rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 600;
      font-size: 0.95rem;
      margin-bottom: 1.5rem;
      box-shadow: 0 6px 14px rgba(138, 43, 226, 0.15);
    }
    .balance-row-top {
      background: white;
      color: #8b5cf6;
      font-weight: 600;
      border: none;
      border-radius: 8px;
      padding: 0.4rem 1rem;
      font-size: 0.85rem;
      cursor: pointer;
      text-decoration: none;
      transition: all 0.2s;
    }
    .balance-row-top:hover {
      background: #f3f4f6;
    }
    .menu-slide-profile {
      display: flex;
      flex-direction: column;
      gap: 0.6rem;
      margin-bottom: 1.5rem;
      
    }
    .menu-slide-profile a {
        background: linear-gradient(to right, #f1f1f1, #ffffff);
      border: none;
      padding: 0.75rem 1rem;
      border-radius: 10px;
      font-size: 0.95rem;
      text-align: left;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 10px;
      transition: background 0.2s, transform 0.2s;
      text-decoration: none;
      color:#000;
    }
    .menu-slide-profile a:hover {
      background: #c084fc;
      transform: translateX(4px);
    }
    .ad-block {
      background: linear-gradient(135deg, #ede9fe, #fdf4ff);
      border: 2px dashed #c084fc;
      border-radius: 12px;
      padding: 1rem;
      text-align: center;
      margin-top: 1rem;
      animation: pulseAd 2s infinite;
    }
    .ad-block strong {
      display: block;
      margin-bottom: 0.5rem;
      font-size: 1rem;
    }
    .ad-block a {
      background: #8b5cf6;
      color: white;
      border: none;
      padding: 0.4rem 1rem;
      font-size: 0.85rem;
      border-radius: 8px;
      cursor: pointer;
      text-decoration: none;
    }
    @keyframes pulseAd {
      0%, 100% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.02);
      }
    }
    .lang-currency {
      margin-top: auto;
      display: flex;
      gap: 0.8rem;
      padding-top: 1rem;
      border-top: 1px solid #e5e7eb;
    }
    .lang-currency select {
      padding: 0.5rem;
      border-radius: 8px;
      border: 1px solid #ddd;
      font-size: 0.9rem;
      width: 100%;
    }