.wallet-page {
      font-family: 'IBM Plex Sans', sans-serif;
      background: #fff;
      min-height: 100vh;
      color: #1a1a1a;
      width: 100%;
  }

  /* Tab Bar */
  .wallet-tabs {
      background: #f5f5f5;
      padding: 0 16px;
      display: flex;
      align-items: center;
      gap: 8px;
      width: 100%;
  }

  .wallet-tab {
      padding: 18px 10px;
      font-size: 15px;
      font-weight: 500;
      color: #999;
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
      transition: color 0.15s;
  }

  .wallet-tab.active {
      color: #1a1a1a;
      font-weight: 700;
  }

  /* Panel */
  .wallet-panel {
      display: none;
      width: 100%;
  }

  .wallet-panel.active {
      display: block;
  }

  /* Balance Section */
  .balance-section {
      background: #fff;
      padding: 20px 16px 16px;
      width: 100%;
  }

  .balance-label {
      font-size: 13px;
      color: #999;
      margin-bottom: 6px;
  }

  .balance-amount {
      font-size: 22px;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 20px;
  }

  /* Action Buttons */
  .action-buttons {
      display: flex;
      gap: 12px;
      padding: 0 0 20px 0;
      width: 100%;
  }

  .action-btn {
      flex: 1;
      padding: 12px 0;
      border: none;
      border-radius: 6px;
      font-family: 'IBM Plex Sans', sans-serif;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
      background: #2196F3;
      text-align: center;
      text-decoration: none;
      color: #fff;
      transition: background 0.15s;
  }

  .action-btn:hover {
      background: #1976D2;
  }

  /* Assets List */
  .assets-list {
      width: 100%;
      background: #fff;
  }

  .asset-row {
      padding: 16px 16px;
      border-top: 1px solid #f0f0f0;
      width: 100%;
  }

  .asset-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 4px;
  }

  .asset-name {
      font-size: 14px;
      font-weight: 600;
      color: #1a1a1a;
  }

  .asset-balance {
      font-size: 14px;
      font-weight: 600;
      color: #1a1a1a;
  }

  .asset-sub-row {
      display: flex;
      justify-content: space-between;
      margin-top: 2px;
  }

  .asset-sub-label {
      font-size: 12px;
      color: #aaa;
  }

  .asset-sub-value {
      font-size: 12px;
      color: #aaa;
  }



      .deposit-page-details {
        background-color: #ffffff;
        min-height: 100vh;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        color: #333;
    }

    /* Header */
    .deposit-page-details .custom-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 15px;
        height: 50px;
        border-bottom: 1px solid #f2f2f2;
    }

    .deposit-page-details .header-title {
        font-size: 15px;
        font-weight: bold;
    }

    .deposit-page-details .header-btn {
        font-size: 18px;
        color: #333;
        text-decoration: none;
        width: 40px;
    }

    /* Nội dung chính */
    .deposit-page-details .method-info-bar {
        display: flex;
        align-items: center;
        padding: 12px 15px;
    }

    .deposit-page-details .method-logo-small {
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    .deposit-page-details .method-name-text {
        font-size: 14px;
        font-weight: 500;
    }

    /* QR Code khu vực trung tâm */
    .deposit-page-details .qr-section {
        display: flex;
        justify-content: center;
        padding: 20px 0;
    }

    .deposit-page-details .qr-image {
        width: 180px;
        height: 180px;
        object-fit: contain;
    }

    /* Form Fields */
    .deposit-page-details .form-group {
        padding: 10px 15px;
    }

    .deposit-page-details .label-text {
        font-size: 13px;
        color: #888;
        margin-bottom: 8px;
        display: block;
    }

    .deposit-page-details .wallet-address-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
        border-bottom: 0.5px solid #eee;
    }

    .deposit-page-details .address-text {
        font-size: 13px;
        word-break: break-all;
        color: #333;
        padding-right: 10px;
    }

    .deposit-page-details .copy-btn {
        color: #333;
        font-size: 16px;
        cursor: pointer;
    }

    .deposit-page-details .input-field {
        width: 100%;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        padding: 12px;
        font-size: 14px;
        outline: none;
    }

    /* Upload Box */
    .deposit-page-details .upload-box {
        width: 80px;
        height: 80px;
        border: 1px dashed #ccc;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f9f9f9;
        cursor: pointer;
    }

    .deposit-page-details .upload-box i {
        font-size: 24px;
        color: #888;
    }

    /* Button xác nhận */
    .deposit-page-details .submit-btn {
        margin: 20px 15px;
        background-color: #3b82f6; /* Màu xanh của hình */
        color: #fff;
        border: none;
        width: calc(100% - 30px);
        padding: 12px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
    }









        .wp-bottom-sheet {
        overflow: auto;
        scrollbar-width: none;      
        -ms-overflow-style: none;   
    }

    .wp-bottom-sheet::-webkit-scrollbar {
        display: none;              
    }


    /* ===== RESET SCOPE ===== */
    .withdrawals-page * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    .withdrawals-page {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      background: #fff;
      color: #222;
      font-size: 15px;
      min-height: 100vh;
      position: relative;
    }

    /* ===== HEADER ===== */
    .withdrawals-page .wp-header {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 14px 16px;
      position: relative;
    }
    .withdrawals-page .wp-header .wp-back-btn {
      position: absolute;
      left: 16px;
      font-size: 20px;
      background: none;
      border: none;
      cursor: pointer;
      color: #222;
      line-height: 1;
      padding: 4px;
    }
    .withdrawals-page .wp-header h1 {
      font-size: 17px;
      font-weight: 600;
    }

    /* ===== CURRENCY ROW ===== */
    .withdrawals-page .wp-currency-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 16px;
      border-bottom: 1px solid #f0f0f0;
      cursor: pointer;
    }
    .withdrawals-page .wp-currency-row:active {
      background: #fafafa;
    }
    .withdrawals-page .wp-currency-left {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 15px;
      font-weight: 500;
    }
    .withdrawals-page .wp-globe-icon {
      width: 32px;
      height: 32px;
      background: linear-gradient(135deg, #1a73e8, #00bcd4);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      flex-shrink: 0;
      overflow: hidden;
    }
    .withdrawals-page .wp-globe-icon img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50%;
    }
    .withdrawals-page .wp-chevron {
      color: #ccc;
      font-size: 20px;
      line-height: 1;
    }

    /* ===== AMOUNT SECTION ===== */
    .withdrawals-page .wp-section {
      padding: 14px 16px 10px;
    }
    .withdrawals-page .wp-section label {
      font-size: 13px;
      color: #999;
      display: block;
      margin-bottom: 8px;
    }
    .withdrawals-page .wp-amount-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px;
      border: 1px solid #555555;
    }
    .withdrawals-page .wp-amount-row input {
      border: none;
      outline: none;
      font-size: 15px;
      flex: 1;
      background: transparent;
      color: #222;
      min-width: 0;
    }
    .withdrawals-page .wp-amount-row input::placeholder {
      color: #ccc;
    }
    .withdrawals-page .wp-all-btn {
      color: #1a73e8;
      font-size: 13px;
      cursor: pointer;
      white-space: nowrap;
      margin-left: 10px;
      user-select: none;
    }

    /* ===== BANK ROW ===== */
    .withdrawals-page .wp-bank-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 16px;
      border-bottom: 1px solid #f0f0f0;
      cursor: pointer;
      text-decoration: none;
    }
    .withdrawals-page .wp-bank-row span {
      font-size: 14px;
      color: #333;
    }

    /* ===== EMPTY STATE ===== */
    .withdrawals-page .wp-empty-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 36px 0 30px;
      gap: 8px;
    }
    .withdrawals-page .wp-empty-icon {
      width: 64px;
      height: 64px;
      color: #c8c8c8;
    }
    .withdrawals-page .wp-empty-icon svg {
      width: 100%;
      height: 100%;
    }
    .withdrawals-page .wp-empty-text {
      font-size: 13px;
      color: #bbb;
    }

    /* ===== BALANCE ROW ===== */
    .withdrawals-page .wp-balance-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 16px;
      border-bottom: 1px solid #f0f0f0;
      font-size: 14px;
    }
    .withdrawals-page .wp-balance-row .wp-val {
      color: #1a73e8;
      font-weight: 500;
    }

    /* ===== PASSWORD SECTION ===== */
    .withdrawals-page .wp-pw-section {
      padding: 14px 16px 12px;
    }
    .withdrawals-page .wp-pw-section label {
      font-size: 13px;
      color: #999;
      display: block;
      margin-bottom: 8px;
    }
    .withdrawals-page .wp-pw-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: 1px solid #e8e8e8;
          padding: 5px;
    }
    .withdrawals-page .wp-pw-row input {
      border: none;
      outline: none;
      font-size: 15px;
      flex: 1;
      background: transparent;
      color: #222;
    }
    .withdrawals-page .wp-eye-btn {
      background: none;
      border: none;
      cursor: pointer;
      padding: 2px 4px;
      color: #999;
      line-height: 1;
      flex-shrink: 0;
    }
    .withdrawals-page .wp-eye-btn svg {
      width: 22px;
      height: 22px;
    }

    /* ===== FEE SECTION ===== */
    .withdrawals-page .wp-fee-section {
      padding: 14px 16px 14px;
      border-bottom: 1px solid #f0f0f0;
    }
    .withdrawals-page .wp-fee-section label {
      font-size: 13px;
      color: #999;
      display: block;
      margin-bottom: 8px;
    }
    .withdrawals-page .wp-fee-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .withdrawals-page .wp-fee-row .wp-fee-val {
      font-size: 15px;
      color: #333;
    }
    .withdrawals-page .wp-fee-row .wp-pct {
      font-size: 14px;
      color: #999;
    }

    /* ===== WITHDRAW BUTTON ===== */
    .withdrawals-page .wp-withdraw-btn {
      display: block;
      margin: 12px 16px 14px;
      width: calc(100% - 32px);
      background: #1a73e8;
      color: #fff;
      border: none;
      border-radius: 6px;
      padding: 14px;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      letter-spacing: 0.3px;
      text-align: center;
      transition: background 0.2s;
    }
    .withdrawals-page .wp-withdraw-btn:hover {
      background: #1558b0;
    }
    .withdrawals-page .wp-withdraw-btn:active {
      background: #0e47a1;
    }

    /* ===== NOTES ===== */
    .withdrawals-page .wp-notes {
      padding: 0 16px 30px;
      font-size: 11.5px;
      color: #aaa;
      line-height: 1.8;
    }

    /* ===== OVERLAY ===== */
    .withdrawals-page .wp-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.45);
      z-index: 200;
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    .withdrawals-page .wp-overlay.wp-show {
      display: block;
      opacity: 1;
    }

    /* ===== BOTTOM SHEET ===== */
    .withdrawals-page .wp-bottom-sheet {
     
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: #fff;
      border-radius: 0;
      z-index: 201;
      transform: translateY(100%);
      transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
      max-height: 55vh;
      display: flex;
      flex-direction: column;
    }
    .withdrawals-page .wp-bottom-sheet.wp-show {
      transform: translateY(0);
    }

    /* Sheet scrollable list */
    .withdrawals-page .wp-sheet-list {
      flex: 1;
      overflow-y: auto;
      padding: 6px 0 0;
      /* bottom padding = height of cancel btn so last item not hidden */
      padding-bottom: 56px;
    }

    .withdrawals-page .wp-sheet-item {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 5px 20px;
      cursor: pointer;
      font-size: 15px;
      color: #222;
      transition: background 0.15s;
      border-bottom: 1px solid #f0f0f0;
    }
    .withdrawals-page .wp-sheet-item:last-child {
      border-bottom: none;
    }
    .withdrawals-page .wp-sheet-item:hover,
    .withdrawals-page .wp-sheet-item:active {
      background: #f5f5f5;
    }
    .withdrawals-page .wp-sheet-item.wp-active {
      color: #1a73e8;
      font-weight: 600;
    }

    .withdrawals-page .wp-coin-icon {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      flex-shrink: 0;
      overflow: hidden;
    }
    .withdrawals-page .wp-coin-icon img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50%;
    }
    .withdrawals-page .wp-sheet-item.wp-active .wp-coin-icon {
      outline-offset: 1px;
    }

    /* Coin icon colors */
    .withdrawals-page .wp-icon-vnd     { background: linear-gradient(135deg, #1a73e8, #00bcd4); }
    .withdrawals-page .wp-icon-usdt-erc { background: #627eea; }
    .withdrawals-page .wp-icon-eth      { background: #627eea; }
    .withdrawals-page .wp-icon-btc      { background: #f7931a; }
    .withdrawals-page .wp-icon-usdt-trc { background: #e84142; }
    .withdrawals-page .wp-icon-usd      { background: linear-gradient(135deg, #1a73e8, #00bcd4); }
    .withdrawals-page .wp-icon-ukp      { background: linear-gradient(135deg, #0052b4, #c60c30); }

    /* Cancel button — pinned to bottom of sheet */
    .withdrawals-page .wp-cancel-btn {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      border: none;
      background: #fff;
      padding: 15px;
      font-size: 15px;
      color: #333;
      cursor: pointer;
      border-top: 6px solid #f0f0f0;
      font-weight: 500;
      text-align: center;
      transition: background 0.15s;
    }
    .withdrawals-page .wp-cancel-btn:hover {
      background: #f5f5f5;
    }
    

    /* ===== RESPONSIVE ===== */
    @media (max-width: 480px) {
      .withdrawals-page .wp-bottom-sheet {
        max-height: 60vh;
      }
      .withdrawals-page .wp-header h1 {
        font-size: 16px;
      }
      .withdrawals-page .wp-withdraw-btn {
        font-size: 15px;
        padding: 13px;
      }
    }
    @media (min-width: 768px) {
      .withdrawals-page {
        margin: 0 auto;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        min-height: 100vh;
      }
      .withdrawals-page .wp-bottom-sheet {
        left: 0%;
        transform: translateX(0%) translateY(100%);
        border-radius: 0;
      }
      .withdrawals-page .wp-bottom-sheet.wp-show {
        transform: translateX(0%) translateY(0);
      }
    }




     .exchange-page .page-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

.exchange-page .page-header .back-btn {
    position: absolute;
    left: 16px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.exchange-page .page-header h1 {
    font-size: 17px;
    font-weight: 600;
}

.exchange-page .convert-container {
    padding: 20px 16px;
}

.exchange-page .currency-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.exchange-page .currency-selector {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 4px 0;
}

.exchange-page .currency-selector .currency-name {
    font-size: 18px;
    font-weight: 700;
}

.exchange-page .currency-selector .chevron {
    font-size: 12px;
    color: #999;
    display: flex;
    flex-direction: column;
    line-height: 1;
    gap: 2px;
}

.exchange-page .swap-btn {
    background: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    color: #555;
    font-size: 16px;
}

.exchange-page .swap-btn:hover {
    background: #f5f5f5;
}

.exchange-page .balance-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.exchange-page .balance-left {
    flex: 1;
}

.exchange-page .balance-right {
    flex: 1;
    text-align: left;
    padding-left: 60px;
}

.exchange-page .balance-label {
    font-size: 12px;
    color: #888;
    margin-bottom: 2px;
}

.exchange-page .balance-value {
    font-size: 14px;
    color: #000;
}

.exchange-page .amount-row {
    display: flex;
    align-items: center;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 12px 0;
    margin-bottom: 16px;
}

.exchange-page .amount-input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 15px;
    color: #aaa;
    background: transparent;
}

.exchange-page .amount-input::placeholder {
    color: #aaa;
}

.exchange-page .convert-all-btn {
    background: none;
    border: none;
    color: #2196F3;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    padding: 0;
}

.exchange-page .info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 14px;
}

.exchange-page .info-label {
    color: #555;
}

.exchange-page .info-value {
    color: #555;
    font-size: 13px;
}

.exchange-page .submit-btn {
    width: 100%;
    background: #2196F3;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 16px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 24px;
    letter-spacing: 0.5px;
}

.exchange-page .submit-btn:hover {
    background: #1976D2;
}

.exchange-page .overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 100;
    transition: opacity 0.3s;
    opacity: 0;
}

.exchange-page .overlay.active {
    display: block;
    opacity: 1;
}

.exchange-page .bottom-sheet {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 101;
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
    max-height: 80vh;
    overflow-y: auto;
}

.exchange-page .bottom-sheet.active {
    transform: translateY(0);
}

.exchange-page .sheet-handle {
    width: 40px;
    height: 4px;
    background: #ddd;
    border-radius: 2px;
    margin: 12px auto 8px;
}

.exchange-page .currency-list {
    list-style: none;
    padding: 0 0 8px 0;
}

.exchange-page .currency-list li {
    text-align: center;
    padding: 16px;
    font-size: 15px;
    color: #000;
    cursor: pointer;
    border-bottom: 1px solid #f3f3f3;
    transition: background 0.15s;
}

.exchange-page .currency-list li:hover {
    background: #f9f9f9;
}

.exchange-page .currency-list li.cancel {
    color: #888;
    font-size: 14px;
    border-bottom: none;
    margin-top: 4px;
}

.exchange-page .currency-list li.cancel:hover {
    background: #f5f5f5;
}






















.profile-index * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.profile-index {
    background: #f2f2f2;
    min-height: 100vh;
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
    color: #333;
}

/* Top bar */
.profile-index .pi-topbar {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #fff;
    height: 48px;
    border-bottom: 1px solid #eee;
}

.profile-index .pi-topbar .pi-back {
    position: absolute;
    left: 16px;
    font-size: 20px;
    color: #333;
    text-decoration: none;
    line-height: 1;
}

.profile-index .pi-topbar .pi-title {
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

/* User info row */
.profile-index .pi-user-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 14px 16px;
}

.profile-index .pi-user-row .pi-user-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.profile-index .pi-user-row .pi-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f5a623, #e67e22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    flex-shrink: 0;
}

.profile-index .pi-user-row .pi-user-info .pi-uid {
    font-weight: 700;
    font-size: 15px;
    color: #222;
}

.profile-index .pi-user-row .pi-user-info .pi-phone {
    font-size: 12px;
    color: #555;
    margin-top: 2px;
}

.profile-index .pi-user-row .pi-user-info .pi-points {
    font-size: 12px;
    color: #555;
    margin-top: 1px;
}

.profile-index .pi-user-row .pi-user-info .pi-vip {
    font-size: 12px;
    color: #555;
    margin-top: 1px;
}

.profile-index .pi-user-row .pi-arrow-right {
    font-size: 18px;
    color: #aaa;
}

/* Wallet tabs */
.profile-index .pi-wallet-tabs {
    display: flex;
    background: linear-gradient(90deg, #4a90e2 0%, #3b6fd4 50%, #5b5bd6 100%);
    padding: 10px 0 14px;
    margin-top: 1px;
}

.profile-index .pi-wallet-tabs .pi-tab {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    border-right: 1px solid rgba(255,255,255,0.2);
    padding: 4px 0;
}

.profile-index .pi-wallet-tabs .pi-tab:last-child {
    border-right: none;
}

.profile-index .pi-wallet-tabs .pi-tab .pi-tab-icon {
    font-size: 22px;
    color: #fff;
}

.profile-index .pi-wallet-tabs .pi-tab .pi-tab-label {
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    white-space: nowrap;
}

/* Menu sections */
.profile-index .pi-section {
    background: #fff;
    margin-top: 10px;
}

.profile-index .pi-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: background 0.15s;
}

.profile-index .pi-menu-item:last-child {
    border-bottom: none;
}

.profile-index .pi-menu-item:hover {
    background: #fafafa;
}

.profile-index .pi-menu-item .pi-item-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.profile-index .pi-menu-item .pi-item-icon {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.profile-index .pi-menu-item .pi-item-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #4a90e2;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.profile-index .pi-menu-item .pi-item-label {
    font-size: 14px;
    color: #222;
}

.profile-index .pi-menu-item .pi-item-right {
    display: flex;
    align-items: center;
    gap: 6px;
}

.profile-index .pi-menu-item .pi-item-status {
    font-size: 13px;
    color: #888;
}

.profile-index .pi-menu-item .pi-item-status.reviewing {
    color: #f5a623;
}

.profile-index .pi-menu-item .pi-item-status.unverified {
    color: #aaa;
}

.profile-index .pi-menu-item .pi-chevron {
    color: #ccc;
    font-size: 16px;
}

/* Logout */
.profile-index .pi-logout {
    background: #fff;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    cursor: pointer;
    transition: background 0.15s;
}

.profile-index .pi-logout:hover {
    background: #fafafa;
}

.profile-index .pi-logout span {
    font-size: 15px;
    color: #333;
}