@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  font-family: 'JetBrains Mono', monospace;
  line-height: 1.5;
  font-weight: 400;
  color-scheme: dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #1a1a2e;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#app {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  /*display: flex;
  place-items: center;*/
  min-width: 320px;
  min-height: 100vh;
}

button {
  font-family: inherit;
}

input, select, textarea {
  font-family: inherit;
}
  .modal-backdrop.svelte-1nvrs2r {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    animation: svelte-1nvrs2r-fadeIn 0.2s ease;
  }

  @keyframes svelte-1nvrs2r-fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .modal-container.svelte-1nvrs2r {
    background: rgba(26, 26, 46, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 32px;
    max-width: 480px;
    width: 90%;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: svelte-1nvrs2r-slideIn 0.3s ease;
  }

  @keyframes svelte-1nvrs2r-slideIn {
    from {
      transform: translateY(-20px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .close-btn.svelte-1nvrs2r {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 8px;
    color: #B0B0B0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  .close-btn.svelte-1nvrs2r:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.1);
    color: white;
  }

  .close-btn.svelte-1nvrs2r:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .modal-icon.svelte-1nvrs2r {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    background: rgba(255, 68, 68, 0.1);
    border: 2px solid rgba(255, 68, 68, 0.3);
    border-radius: 50%;
    color: #ff4444;
  }

  .modal-title.svelte-1nvrs2r {
    font-size: 24px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin: 0 0 16px 0;
  }

  .modal-message.svelte-1nvrs2r {
    font-size: 14px;
    color: #B0B0B0;
    text-align: center;
    line-height: 1.6;
    margin: 0 0 24px 0;
  }

  .save-option.svelte-1nvrs2r {
    background: rgba(0, 255, 136, 0.05);
    border: 1px solid rgba(0, 255, 136, 0.2);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 24px;
  }

  .save-option-header.svelte-1nvrs2r {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: #00FF88;
  }

  .save-folder-name.svelte-1nvrs2r {
    font-size: 13px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
  }

  .save-checkbox-label.svelte-1nvrs2r {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    color: white;
    font-size: 14px;
  }

  .save-checkbox-label.svelte-1nvrs2r input[type="checkbox"]:where(.svelte-1nvrs2r) {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #00FF88;
  }

  .save-checkbox-label.svelte-1nvrs2r input[type="checkbox"]:where(.svelte-1nvrs2r):disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .save-hint.svelte-1nvrs2r {
    font-size: 11px;
    color: #666;
    margin: 8px 0 0 0;
    padding-left: 28px;
    font-style: italic;
  }

  .save-progress.svelte-1nvrs2r {
    background: rgba(0, 255, 136, 0.05);
    border: 1px solid rgba(0, 255, 136, 0.2);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 24px;
  }

  .progress-content.svelte-1nvrs2r {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #00FF88;
    font-size: 14px;
    font-weight: 600;
  }

  .success-icon.svelte-1nvrs2r {
    font-size: 24px;
    animation: svelte-1nvrs2r-scaleIn 0.3s ease;
  }

  @keyframes svelte-1nvrs2r-scaleIn {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }

  .modal-actions.svelte-1nvrs2r {
    display: flex;
    gap: 12px;
    justify-content: center;
  }

  .btn.svelte-1nvrs2r {
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    min-width: 120px;
    justify-content: center;
  }

  .btn.svelte-1nvrs2r:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }

  .btn-cancel.svelte-1nvrs2r {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
  }

  .btn-cancel.svelte-1nvrs2r:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
  }

  .btn-confirm.svelte-1nvrs2r {
    background: rgba(255, 68, 68, 0.2);
    border: 1px solid rgba(255, 68, 68, 0.4);
    color: #ff4444;
  }

  .btn-confirm.svelte-1nvrs2r:hover:not(:disabled) {
    background: rgba(255, 68, 68, 0.3);
    border-color: rgba(255, 68, 68, 0.6);
  }

  .saving-spinner.svelte-1nvrs2r {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0, 255, 136, 0.3);
    border-top-color: #00FF88;
    border-radius: 50%;
    animation: svelte-1nvrs2r-spin 0.8s linear infinite;
  }

  .btn-confirm.svelte-1nvrs2r .saving-spinner:where(.svelte-1nvrs2r) {
    border: 2px solid rgba(255, 68, 68, 0.3);
    border-top-color: #ff4444;
  }

  @keyframes svelte-1nvrs2r-spin {
    to {
      transform: rotate(360deg);
    }
  }

  @media (max-width: 768px) {
    .modal-container.svelte-1nvrs2r {
      padding: 24px;
      max-width: 90%;
    }

    .modal-title.svelte-1nvrs2r {
      font-size: 20px;
    }

    .modal-actions.svelte-1nvrs2r {
      flex-direction: column;
    }

    .btn.svelte-1nvrs2r {
      width: 100%;
    }
  }

  .header.svelte-1elxaub {
    height: 64px;
    background: rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    flex-shrink: 0;
  }

  .header-left.svelte-1elxaub {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .menu-btn.svelte-1elxaub {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    transition: background 0.2s ease;
  }

  .menu-btn.svelte-1elxaub:hover {
    background: rgba(255, 255, 255, 0.1);
  }

  .app-title.svelte-1elxaub {
    display: flex;
    flex-direction: column;
  }

  .title-text.svelte-1elxaub {
    font-size: 18px;
    font-weight: bold;
    color: #33d4d4ff;
    line-height: 1.2;
  }

  .subtitle-text.svelte-1elxaub {
    font-size: 11px;
    color: #B0B0B0;
  }

  .header-right.svelte-1elxaub {
    display: flex;
    align-items: center;
    gap: 24px;
  }

  .session-info.svelte-1elxaub {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }

  .session-timer.svelte-1elxaub {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Courier New', monospace;
    font-weight: bold;
    font-size: 14px;
    color: #00FF88;
    padding: 4px 8px;
    background: rgba(0, 255, 136, 0.1);
    border-radius: 4px;
  }

  .session-timer.warning.svelte-1elxaub {
    color: #ff4444;
    background: rgba(255, 68, 68, 0.1);
    animation: svelte-1elxaub-pulse 1s infinite;
  }

  @keyframes svelte-1elxaub-pulse {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.7;
    }
  }

  .extend-session-btn.svelte-1elxaub {
    padding: 6px 12px;
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    color: #00FF88;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
  }

  .extend-session-btn.svelte-1elxaub:hover:not(:disabled) {
    background: rgba(0, 255, 136, 0.2);
    border-color: rgba(0, 255, 136, 0.5);
    transform: translateY(-1px);
  }

  .extend-session-btn.svelte-1elxaub:disabled {
    background: rgba(0, 255, 136, 0.05);
    border-color: rgba(0, 255, 136, 0.2);
    color: #00FF88;
    opacity: 0.7;
    cursor: not-allowed;
  }

  .extend-session-btn.active.svelte-1elxaub {
    background: rgba(0, 255, 136, 0.15);
  }

  .user-section.svelte-1elxaub {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  /* (unused) .icon-btn {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    transition: background 0.2s ease;
  }*/

  /* (unused) .icon-btn:hover {
    background: rgba(255, 255, 255, 0.1);
  }*/

  .user-info.svelte-1elxaub {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .user-name.svelte-1elxaub {
    font-size: 14px;
    font-weight: 600;
    color: white;
  }

  .user-role.svelte-1elxaub {
    font-size: 11px;
    color: #00FF88;
  }

  .user-role-row.svelte-1elxaub {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .perk-badge.svelte-1elxaub {
    display: inline-flex;
    align-items: center;
    font-size: 9px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 6px;
    letter-spacing: 0.3px;
    white-space: nowrap;
  }

  .perk-badge.upgrade.svelte-1elxaub {
    background: rgba(255, 215, 0, 0.2);
    border: 1px solid rgba(255, 215, 0, 0.5);
    color: #FFD700;
  }

  .perk-badge.boost.svelte-1elxaub {
    background: rgba(100, 200, 255, 0.15);
    border: 1px solid rgba(100, 200, 255, 0.4);
    color: #64C8FF;
  }

  .perk-badge.bonus.svelte-1elxaub {
    background: rgba(0, 255, 136, 0.12);
    border: 1px solid rgba(0, 255, 136, 0.35);
    color: #00FF88;
  }

  .logout-btn.svelte-1elxaub {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 68, 68, 0.1);
    border: 1px solid rgba(255, 68, 68, 0.3);
    color: #ff4444;
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
  }

  .logout-btn.svelte-1elxaub:hover {
    background: rgba(255, 68, 68, 0.2);
    border-color: rgba(255, 68, 68, 0.5);
  }

  @media (max-width: 1024px) {
    .session-info.svelte-1elxaub {
      display: none;
    }
  }

  @media (max-width: 768px) {
    .header.svelte-1elxaub {
      padding: 0 16px;
    }

    .subtitle-text.svelte-1elxaub {
      display: none;
    }

    .user-info.svelte-1elxaub {
      display: none;
    }

    .logout-btn.svelte-1elxaub span:where(.svelte-1elxaub) {
      display: none;
    }
  }

  .modal-overlay.svelte-12w6f9m {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
    backdrop-filter: blur(2px);
  }

  .modal-content.svelte-12w6f9m {
    background: #1a1a2e;
    border-radius: 12px;
    width: 90%;
    max-width: 450px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    animation: svelte-12w6f9m-fadeIn 0.3s ease-out;
  }
  
  @keyframes svelte-12w6f9m-fadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .modal-header.svelte-12w6f9m {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .header-content.svelte-12w6f9m {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  /* (unused) .header-icon {
    color: #33d4d4ff;
  }*/

  .modal-header.svelte-12w6f9m h3:where(.svelte-12w6f9m) {
    margin: 0;
    font-size: 18px;
    color: #33d4d4ff;
  }

  .close-btn.svelte-12w6f9m {
    background: none;
    border: none;
    color: #B0B0B0;
    cursor: pointer;
    transition: color 0.2s;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .close-btn.svelte-12w6f9m:hover {
    color: white;
  }

  .modal-body.svelte-12w6f9m {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .form-group.svelte-12w6f9m {
    display: flex;
    flex-direction: column;
  }

  .form-group.svelte-12w6f9m label:where(.svelte-12w6f9m) {
    font-size: 12px;
    color: #B0B0B0;
    margin-bottom: 6px;
    font-weight: 500;
  }

  .modal-body.svelte-12w6f9m input:where(.svelte-12w6f9m) {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 10px 12px;
    color: white;
    font-family: 'JetBrains Mono', monospace;
    font-size: 14px;
    transition: border-color 0.2s;
  }

  .modal-body.svelte-12w6f9m input:where(.svelte-12w6f9m):focus {
    outline: none;
    border-color: #33d4d4ff;
    box-shadow: 0 0 5px rgba(51, 212, 212, 0.5);
  }

  .modal-body.svelte-12w6f9m input:where(.svelte-12w6f9m):disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background: rgba(0, 0, 0, 0.5);
  }

  .modal-body.svelte-12w6f9m input.error:where(.svelte-12w6f9m) {
    border-color: #ff4444;
  }

  /* (unused) .generate-btn {
    background: rgba(51, 212, 212, 0.1);
    border: 1px dashed rgba(51, 212, 212, 0.4);
    color: #33d4d4ff;
    padding: 10px;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
  }*/

  /* (unused) .generate-btn:hover {
    background: rgba(51, 212, 212, 0.3);
    border-color: #33d4d4ff;
  }*/

  .error-text.svelte-12w6f9m {
    color: #ff4444;
    font-size: 12px;
    margin-top: 4px;
    display: block;
  }

  .help-text.svelte-12w6f9m {
    color: #B0B0B0;
    font-size: 12px;
    margin-top: 4px;
    display: block;
  }

  .preview.svelte-12w6f9m {
    color: #33d4d4ff;
    margin-left: 8px;
    font-family: 'JetBrains Mono', monospace;
  }

  .info-box.svelte-12w6f9m {
    background: rgba(51, 212, 212, 0.05);
    border: 1px solid rgba(51, 212, 212, 0.2);
    border-radius: 8px;
    padding: 12px;
  }

  .info-title.svelte-12w6f9m {
    color: #33d4d4ff;
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 6px 0;
  }

  .info-text.svelte-12w6f9m {
    color: #B0B0B0;
    font-size: 12px;
    margin: 0;
    line-height: 1.5;
  }

  .modal-footer.svelte-12w6f9m {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 20px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .btn.svelte-12w6f9m {
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid transparent;
  }

  .btn-secondary.svelte-12w6f9m {
    background: rgba(255, 255, 255, 0.1);
    color: white;
  }

  .btn-secondary.svelte-12w6f9m:hover {
    background: rgba(255, 255, 255, 0.2);
  }

  .btn-primary.svelte-12w6f9m {
    background: #00FF88;
    color: #1a1a2e;
    font-weight: bold;
  }

  .btn-primary.svelte-12w6f9m:hover {
    background: #00e07a;
    box-shadow: 0 4px 15px rgba(0, 255, 136, 0.4);
  }

  .modal-overlay.svelte-p21y4j {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 300;
    backdrop-filter: blur(4px);
  }

  .modal-content.svelte-p21y4j {
    background: #1a1a2e;
    border-radius: 12px;
    width: 90%;
    max-width: 480px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 68, 68, 0.3);
    animation: svelte-p21y4j-fadeIn 0.3s ease-out;
  }
  
  @keyframes svelte-p21y4j-fadeIn {
    from { 
      opacity: 0; 
      transform: translateY(-20px) scale(0.95); 
    }
    to { 
      opacity: 1; 
      transform: translateY(0) scale(1); 
    }
  }

  .modal-header.svelte-p21y4j {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(255, 68, 68, 0.2);
    background: rgba(255, 68, 68, 0.05);
  }

  .header-content.svelte-p21y4j {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .warning-icon.svelte-p21y4j {
    color: #ff4444;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(255, 68, 68, 0.1);
    border-radius: 50%;
    animation: svelte-p21y4j-pulse 2s infinite;
  }

  @keyframes svelte-p21y4j-pulse {
    0%, 100% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0.8;
      transform: scale(1.05);
    }
  }

  .modal-header.svelte-p21y4j h3:where(.svelte-p21y4j) {
    margin: 0;
    font-size: 18px;
    color: #ff4444;
    font-weight: 600;
  }

  .close-btn.svelte-p21y4j {
    background: none;
    border: none;
    color: #B0B0B0;
    cursor: pointer;
    transition: color 0.2s;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .close-btn.svelte-p21y4j:hover {
    color: white;
  }

  .modal-body.svelte-p21y4j {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .warning-message.svelte-p21y4j {
    color: #E0E0E0;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
  }

  .wallet-info.svelte-p21y4j {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .info-row.svelte-p21y4j {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .label.svelte-p21y4j {
    color: #B0B0B0;
    font-size: 12px;
    font-weight: 500;
  }

  .value.svelte-p21y4j {
    color: white;
    font-size: 14px;
    font-weight: 500;
  }

  .value.address.svelte-p21y4j {
    font-family: 'JetBrains Mono', monospace;
    color: #33d4d4ff;
  }

  .consequences.svelte-p21y4j {
    background: rgba(255, 68, 68, 0.05);
    border: 1px solid rgba(255, 68, 68, 0.2);
    border-radius: 8px;
    padding: 16px;
  }

  .consequences-title.svelte-p21y4j {
    color: #ff4444;
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 12px 0;
  }

  .consequences.svelte-p21y4j ul:where(.svelte-p21y4j) {
    margin: 0;
    padding-left: 20px;
    color: #E0E0E0;
    font-size: 13px;
    line-height: 1.8;
  }

  .consequences.svelte-p21y4j li:where(.svelte-p21y4j) {
    margin-bottom: 4px;
  }

  .modal-footer.svelte-p21y4j {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 20px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .btn.svelte-p21y4j {
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
  }

  .btn-secondary.svelte-p21y4j {
    background: rgba(255, 255, 255, 0.1);
    color: white;
  }

  .btn-secondary.svelte-p21y4j:hover {
    background: rgba(255, 255, 255, 0.2);
  }

  .btn-danger.svelte-p21y4j {
    background: #ff4444;
    color: white;
    font-weight: 600;
  }

  .btn-danger.svelte-p21y4j:hover {
    background: #ff2222;
    box-shadow: 0 4px 20px rgba(255, 68, 68, 0.4);
    transform: translateY(-1px);
  }

  .btn-danger.svelte-p21y4j:active {
    transform: translateY(0);
  }

  .modal-overlay.svelte-nt3tl4 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: svelte-nt3tl4-fadeIn 0.2s ease-out;
  }

  @keyframes svelte-nt3tl4-fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .modal-container.svelte-nt3tl4 {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    border: 2px solid rgba(51, 212, 212, 0.3);
    border-radius: 16px;
    width: 90%;
    max-width: 600px;
    max-height: 90vh;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: svelte-nt3tl4-slideUp 0.3s ease-out;
    display: flex;
    flex-direction: column;
  }

  @keyframes svelte-nt3tl4-slideUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .modal-header.svelte-nt3tl4 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.2);
  }

  .header-icon.svelte-nt3tl4 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(51, 212, 212, 0.2);
    border: 2px solid rgba(51, 212, 212, 0.4);
    border-radius: 12px;
    color: #33d4d4ff;
  }

  .modal-header.svelte-nt3tl4 h2:where(.svelte-nt3tl4) {
    flex: 1;
    font-size: 24px;
    font-weight: 700;
    color: white;
    margin: 0;
  }

  .close-btn.svelte-nt3tl4 {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 8px;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  .close-btn.svelte-nt3tl4:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .modal-content.svelte-nt3tl4 {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .warning-banner.svelte-nt3tl4 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: rgba(255, 184, 0, 0.1);
    border: 1px solid rgba(255, 184, 0, 0.3);
    border-radius: 8px;
    color: #FFB800;
    font-weight: 500;
  }

  .info-section.svelte-nt3tl4,
  .steps-section.svelte-nt3tl4 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .info-section.svelte-nt3tl4 h3:where(.svelte-nt3tl4),
  .steps-section.svelte-nt3tl4 h3:where(.svelte-nt3tl4) {
    font-size: 18px;
    font-weight: 600;
    color: #33d4d4ff;
    margin: 0;
  }

  .info-section.svelte-nt3tl4 p:where(.svelte-nt3tl4) {
    color: #B0B0B0;
    line-height: 1.6;
    margin: 0;
  }

  .steps-section.svelte-nt3tl4 ol:where(.svelte-nt3tl4) {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .steps-section.svelte-nt3tl4 li:where(.svelte-nt3tl4) {
    display: flex;
    gap: 16px;
    align-items: flex-start;
  }

  .step-number.svelte-nt3tl4 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(51, 212, 212, 0.2);
    border: 2px solid rgba(51, 212, 212, 0.4);
    border-radius: 50%;
    color: #33d4d4ff;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
  }

  .step-content.svelte-nt3tl4 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .step-content.svelte-nt3tl4 strong:where(.svelte-nt3tl4) {
    color: white;
    font-size: 16px;
  }

  .step-content.svelte-nt3tl4 p:where(.svelte-nt3tl4) {
    color: #B0B0B0;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
  }

  .security-note.svelte-nt3tl4 {
    display: flex;
    gap: 12px;
    padding: 16px;
    background: rgba(0, 255, 136, 0.05);
    border: 1px solid rgba(0, 255, 136, 0.2);
    border-radius: 8px;
    align-items: flex-start;
  }

  .security-note.svelte-nt3tl4 svg {
    color: #00FF88;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .security-note.svelte-nt3tl4 p:where(.svelte-nt3tl4) {
    color: #B0B0B0;
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
  }

  .security-note.svelte-nt3tl4 strong:where(.svelte-nt3tl4) {
    color: #00FF88;
  }

  .modal-footer.svelte-nt3tl4 {
    display: flex;
    gap: 12px;
    padding: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.2);
  }

  .btn-secondary.svelte-nt3tl4,
  .btn-primary.svelte-nt3tl4 {
    flex: 1;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
  }

  .btn-secondary.svelte-nt3tl4 {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
  }

  .btn-secondary.svelte-nt3tl4:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .btn-primary.svelte-nt3tl4 {
    background: linear-gradient(135deg, #33d4d4ff 0%, #00FF88 100%);
    color: #1a1a2e;
  }

  .btn-primary.svelte-nt3tl4:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(51, 212, 212, 0.3);
  }

  @media (max-width: 768px) {
    .modal-container.svelte-nt3tl4 {
      width: 95%;
      max-height: 95vh;
    }

    .modal-header.svelte-nt3tl4 {
      padding: 20px;
    }

    .modal-header.svelte-nt3tl4 h2:where(.svelte-nt3tl4) {
      font-size: 20px;
    }

    .modal-content.svelte-nt3tl4 {
      padding: 20px;
    }

    .modal-footer.svelte-nt3tl4 {
      flex-direction: column;
      padding: 20px;
    }
  }

  .modal-backdrop.svelte-13l6jbu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    animation: svelte-13l6jbu-fadeIn 0.2s ease;
    padding: 16px;
    overflow-y: auto;
  }

  @keyframes svelte-13l6jbu-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  .modal-container.svelte-13l6jbu {
    background: linear-gradient(135deg, rgba(138, 43, 226, 0.15), rgba(138, 43, 226, 0.05));
    backdrop-filter: blur(20px);
    border: 2px solid rgba(138, 43, 226, 0.4);
    border-radius: 16px;
    padding: 32px;
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: svelte-13l6jbu-slideUp 0.3s ease;
    margin: auto;
  }

  @keyframes svelte-13l6jbu-slideUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .close-btn.svelte-13l6jbu {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 8px;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  .close-btn.svelte-13l6jbu:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .modal-icon.svelte-13l6jbu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 50%;
    animation: svelte-13l6jbu-pulse 2s ease-in-out infinite;
  }

  .modal-icon.success.svelte-13l6jbu {
    background: rgba(0, 255, 136, 0.2);
    border: 2px solid rgba(0, 255, 136, 0.4);
    color: #00FF88;
  }

  @keyframes svelte-13l6jbu-pulse {
    0%, 100% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0.8;
      transform: scale(1.05);
    }
  }

  .modal-title.svelte-13l6jbu {
    font-size: 24px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin: 0 0 24px 0;
  }

  .modal-content.svelte-13l6jbu {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 24px;
  }

  .stats-grid.svelte-13l6jbu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .stat-card.svelte-13l6jbu {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .stat-value.svelte-13l6jbu {
    font-size: 32px;
    font-weight: 700;
    color: #8A2BE2;
    font-family: 'JetBrains Mono', monospace;
  }

  .stat-label.svelte-13l6jbu {
    font-size: 12px;
    color: #B0B0B0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
  }

  .info-text.svelte-13l6jbu {
    font-size: 14px;
    color: #D0D0D0;
    text-align: center;
    line-height: 1.6;
    margin: 0;
  }

  .folder-name.svelte-13l6jbu {
    color: #8A2BE2;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
  }

  .modal-actions.svelte-13l6jbu {
    display: flex;
    justify-content: center;
  }

  .btn-primary.svelte-13l6jbu {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 32px;
    background: linear-gradient(135deg, #00FF88, #00CC6A);
    border: none;
    border-radius: 8px;
    color: #1a1a2e;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
  }

  .btn-primary.svelte-13l6jbu:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 255, 136, 0.4);
  }

  @media (max-width: 768px) {
    .modal-container.svelte-13l6jbu {
      padding: 24px;
    }

    .modal-title.svelte-13l6jbu {
      font-size: 20px;
    }

    .stats-grid.svelte-13l6jbu {
      grid-template-columns: 1fr;
    }
  }

  .modal-overlay.svelte-ivrg2e {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
    backdrop-filter: blur(2px);
  }

  .modal-content.svelte-ivrg2e {
    background: #1a1a2e;
    border-radius: 12px;
    width: 90%;
    max-width: 480px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    animation: svelte-ivrg2e-fadeIn 0.3s ease-out;
  }
  
  @keyframes svelte-ivrg2e-fadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .modal-header.svelte-ivrg2e {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .header-content.svelte-ivrg2e {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .warning-icon.svelte-ivrg2e {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 184, 0, 0.2);
    border: 2px solid #FFB800;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFB800;
    animation: svelte-ivrg2e-pulse 2s ease-in-out infinite;
  }

  @keyframes svelte-ivrg2e-pulse {
    0%, 100% {
      transform: scale(1);
      opacity: 1;
    }
    50% {
      transform: scale(1.05);
      opacity: 0.8;
    }
  }

  .modal-header.svelte-ivrg2e h3:where(.svelte-ivrg2e) {
    margin: 0;
    font-size: 18px;
    color: #FFB800;
  }

  .close-btn.svelte-ivrg2e {
    background: none;
    border: none;
    color: #B0B0B0;
    cursor: pointer;
    transition: color 0.2s;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .close-btn.svelte-ivrg2e:hover {
    color: white;
  }

  .modal-body.svelte-ivrg2e {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .warning-message.svelte-ivrg2e {
    text-align: center;
    padding: 16px;
    background: rgba(255, 184, 0, 0.05);
    border-radius: 8px;
    border: 1px solid rgba(255, 184, 0, 0.2);
  }

  .warning-text.svelte-ivrg2e {
    color: white;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 8px 0;
  }

  .warning-subtext.svelte-ivrg2e {
    color: #FFB800;
    font-size: 13px;
    margin: 0;
    font-weight: 500;
  }

  .file-details.svelte-ivrg2e {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .detail-row.svelte-ivrg2e {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
  }

  .detail-label.svelte-ivrg2e {
    font-size: 12px;
    color: #B0B0B0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
  }

  .detail-value.svelte-ivrg2e {
    font-size: 13px;
    color: white;
    font-family: 'JetBrains Mono', monospace;
  }

  .detail-value.filename.svelte-ivrg2e {
    font-weight: 600;
    color: #33d4d4ff;
    word-break: break-all;
  }

  .danger-box.svelte-ivrg2e {
    background: rgba(255, 68, 68, 0.1);
    border: 1px solid rgba(255, 68, 68, 0.3);
    border-radius: 8px;
    padding: 12px 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }

  .danger-icon.svelte-ivrg2e {
    color: #ff4444;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .danger-text.svelte-ivrg2e {
    color: #ff8888;
    font-size: 13px;
    margin: 0;
    line-height: 1.6;
    flex: 1;
  }

  .modal-footer.svelte-ivrg2e {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 20px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .btn.svelte-ivrg2e {
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid transparent;
  }

  .btn-secondary.svelte-ivrg2e {
    background: rgba(255, 255, 255, 0.1);
    color: white;
  }

  .btn-secondary.svelte-ivrg2e:hover {
    background: rgba(255, 255, 255, 0.2);
  }

  .btn-danger.svelte-ivrg2e {
    background: #ff4444;
    color: white;
    font-weight: bold;
  }

  .btn-danger.svelte-ivrg2e:hover {
    background: #ff2222;
    box-shadow: 0 4px 15px rgba(255, 68, 68, 0.4);
    transform: translateY(-2px);
  }

  @media (max-width: 480px) {
    .detail-row.svelte-ivrg2e {
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
    }
  }

  .modal-backdrop.svelte-hqb3cp {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    animation: svelte-hqb3cp-fadeIn 0.2s ease;
  }

  @keyframes svelte-hqb3cp-fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .modal-container.svelte-hqb3cp {
    background: rgba(26, 26, 46, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 32px;
    max-width: 480px;
    width: 90%;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: svelte-hqb3cp-slideIn 0.3s ease;
  }

  @keyframes svelte-hqb3cp-slideIn {
    from {
      transform: translateY(-20px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .close-btn.svelte-hqb3cp {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 8px;
    color: #B0B0B0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  .close-btn.svelte-hqb3cp:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
  }

  .modal-icon.svelte-hqb3cp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    background: rgba(255, 68, 68, 0.1);
    border: 2px solid rgba(255, 68, 68, 0.3);
    border-radius: 50%;
    color: #ff4444;
  }

  .modal-title.svelte-hqb3cp {
    font-size: 24px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin: 0 0 16px 0;
  }

  .modal-message.svelte-hqb3cp {
    font-size: 14px;
    color: #B0B0B0;
    text-align: center;
    line-height: 1.6;
    margin: 0 0 24px 0;
    word-wrap: break-word;
    white-space: pre-wrap;
  }

  .modal-actions.svelte-hqb3cp {
    display: flex;
    gap: 12px;
    justify-content: center;
  }

  .btn.svelte-hqb3cp {
    padding: 12px 32px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    min-width: 120px;
    justify-content: center;
  }

  .btn-confirm.svelte-hqb3cp {
    background: rgba(255, 68, 68, 0.2);
    border: 1px solid rgba(255, 68, 68, 0.4);
    color: #ff4444;
  }

  .btn-confirm.svelte-hqb3cp:hover {
    background: rgba(255, 68, 68, 0.3);
    border-color: rgba(255, 68, 68, 0.6);
  }

  @media (max-width: 768px) {
    .modal-container.svelte-hqb3cp {
      padding: 24px;
      max-width: 90%;
    }

    .modal-title.svelte-hqb3cp {
      font-size: 20px;
    }

    .btn.svelte-hqb3cp {
      width: 100%;
    }
  }

  .upgrade-prompt-inline.svelte-27wlta {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 165, 0, 0.15));
    border: 2px solid rgba(255, 215, 0, 0.4);
    border-radius: 8px;
    color: #FFD700;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }
  
  .upgrade-prompt-inline.small.svelte-27wlta {
    padding: 8px 12px;
    font-size: 12px;
  }
  
  .upgrade-prompt-inline.svelte-27wlta:hover {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.25), rgba(255, 165, 0, 0.25));
    border-color: rgba(255, 215, 0, 0.6);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
  }
  
  .upgrade-prompt-card.svelte-27wlta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    gap: 16px;
    text-align: center;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 165, 0, 0.05));
    border: 2px solid rgba(255, 215, 0, 0.3);
    border-radius: 16px;
    min-height: 300px;
  }
  
  .upgrade-icon.svelte-27wlta {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(255, 165, 0, 0.2));
    border-radius: 50%;
    color: #FFD700;
    animation: svelte-27wlta-pulse-glow 2s infinite;
  }
  
  @keyframes svelte-27wlta-pulse-glow {
    0%, 100% {
      box-shadow: 0 0 20px rgba(255, 215, 0, 0.3);
    }
    50% {
      box-shadow: 0 0 40px rgba(255, 215, 0, 0.5);
    }
  }
  
  h3.svelte-27wlta {
    font-size: 24px;
    font-weight: 700;
    color: #FFD700;
    margin: 0;
  }
  
  p.svelte-27wlta {
    font-size: 14px;
    color: #B0B0B0;
    margin: 0;
    max-width: 400px;
  }
  
  .upgrade-btn.svelte-27wlta {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: linear-gradient(135deg, #FFD700, #FFA500);
    border: none;
    border-radius: 8px;
    color: #1a1a2e;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 8px;
  }
  
  .upgrade-btn.svelte-27wlta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(255, 215, 0, 0.4);
  }
  
  .upgrade-hint.svelte-27wlta {
    font-size: 11px;
    color: #666;
    font-style: italic;
  }

  /* (unused) .premium-badge {
    font-size: 9px;
    padding: 2px 6px;
    background: linear-gradient(135deg, #FFD700, #FFA500);
    border: 1px solid rgba(255, 215, 0, 0.5);
    border-radius: 8px;
    color: #1a1a2e;
    margin-left: 4px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }*/

  .modal-backdrop.svelte-1t86eup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2500;
    animation: svelte-1t86eup-fadeIn 0.2s ease;
  }

  @keyframes svelte-1t86eup-fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .modal-container.svelte-1t86eup {
    background: rgba(26, 26, 46, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 32px;
    max-width: 480px;
    width: 90%;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: svelte-1t86eup-slideIn 0.3s ease;
  }

  @keyframes svelte-1t86eup-slideIn {
    from {
      transform: translateY(-20px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .close-btn.svelte-1t86eup {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 8px;
    color: #B0B0B0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  .close-btn.svelte-1t86eup:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
  }

  .modal-icon.svelte-1t86eup {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 50%;
  }

  .modal-icon.deny.svelte-1t86eup {
    background: rgba(255, 68, 68, 0.1);
    border: 2px solid rgba(255, 68, 68, 0.3);
    color: #ff4444;
  }

  .modal-icon.accept.svelte-1t86eup {
    background: rgba(0, 255, 136, 0.1);
    border: 2px solid rgba(0, 255, 136, 0.3);
    color: #00FF88;
  }

  .modal-title.svelte-1t86eup {
    font-size: 24px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin: 0 0 24px 0;
  }

  .modal-content.svelte-1t86eup {
    margin-bottom: 24px;
  }

  .warning-text.svelte-1t86eup,
  .success-text.svelte-1t86eup {
    font-size: 16px;
    color: #B0B0B0;
    text-align: center;
    margin: 0 0 20px 0;
    line-height: 1.5;
  }

  .impact-list.svelte-1t86eup {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
  }

  .impact-item.svelte-1t86eup {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
  }

  .impact-item.warning.svelte-1t86eup {
    background: rgba(255, 68, 68, 0.05);
    border: 1px solid rgba(255, 68, 68, 0.2);
    color: #ff4444;
  }

  .impact-item.success.svelte-1t86eup {
    background: rgba(0, 255, 136, 0.05);
    border: 1px solid rgba(0, 255, 136, 0.2);
    color: #00FF88;
  }

  .impact-item.svelte-1t86eup svg {
    flex-shrink: 0;
  }

  .impact-item.svelte-1t86eup span:where(.svelte-1t86eup) {
    flex: 1;
    color: #B0B0B0;
  }

  .impact-item.svelte-1t86eup strong:where(.svelte-1t86eup) {
    color: white;
    font-weight: 600;
  }

  .info-box.svelte-1t86eup {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: rgba(51, 212, 212, 0.05);
    border: 1px solid rgba(51, 212, 212, 0.2);
    border-radius: 8px;
    font-size: 12px;
    color: #B0B0B0;
  }

  .info-box.accept.svelte-1t86eup {
    background: rgba(0, 255, 136, 0.05);
    border-color: rgba(0, 255, 136, 0.2);
  }

  .info-box.svelte-1t86eup svg {
    color: #33d4d4;
    flex-shrink: 0;
  }

  .info-box.accept.svelte-1t86eup svg {
    color: #00FF88;
  }

  .modal-actions.svelte-1t86eup {
    display: flex;
    gap: 12px;
  }

  .btn.svelte-1t86eup {
    flex: 1;
    padding: 14px 24px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  .btn-cancel.svelte-1t86eup {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
  }

  .btn-cancel.svelte-1t86eup:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
  }

  .btn-confirm.deny-btn.svelte-1t86eup {
    background: rgba(255, 68, 68, 0.2);
    border: 1px solid rgba(255, 68, 68, 0.4);
    color: #ff4444;
  }

  .btn-confirm.deny-btn.svelte-1t86eup:hover {
    background: rgba(255, 68, 68, 0.3);
    border-color: rgba(255, 68, 68, 0.6);
  }

  .btn-confirm.accept-btn.svelte-1t86eup {
    background: #00FF88;
    color: #1a1a2e;
  }

  .btn-confirm.accept-btn.svelte-1t86eup:hover {
    background: #00e67a;
    transform: translateY(-1px);
  }

  @media (max-width: 768px) {
    .modal-container.svelte-1t86eup {
      padding: 24px;
    }

    .modal-title.svelte-1t86eup {
      font-size: 20px;
    }

    .modal-actions.svelte-1t86eup {
      flex-direction: column;
    }

    .btn.svelte-1t86eup {
      width: 100%;
    }
  }

  .modal-backdrop.svelte-15jms3u {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2500;
    animation: svelte-15jms3u-fadeIn 0.2s ease;
  }

  @keyframes svelte-15jms3u-fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .modal-container.svelte-15jms3u {
    background: rgba(26, 26, 46, 0.98);
    border-radius: 16px;
    padding: 40px 32px 32px;
    max-width: 480px;
    width: 90%;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: svelte-15jms3u-slideIn 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .modal-container.accept.svelte-15jms3u {
    border: 2px solid rgba(0, 255, 136, 0.3);
  }

  .modal-container.deny.svelte-15jms3u {
    border: 2px solid rgba(255, 165, 0, 0.3);
  }

  @keyframes svelte-15jms3u-slideIn {
    from {
      transform: translateY(-20px) scale(0.95);
      opacity: 0;
    }
    to {
      transform: translateY(0) scale(1);
      opacity: 1;
    }
  }

  .close-btn.svelte-15jms3u {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 8px;
    color: #B0B0B0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  .close-btn.svelte-15jms3u:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
  }

  .success-icon.svelte-15jms3u {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    animation: svelte-15jms3u-popIn 0.5s ease-out;
  }

  .success-icon.accept.svelte-15jms3u {
    color: #00FF88;
    filter: drop-shadow(0 0 12px rgba(0, 255, 136, 0.4));
  }

  .success-icon.deny.svelte-15jms3u {
    color: #ffa500;
    filter: drop-shadow(0 0 12px rgba(255, 165, 0, 0.4));
  }

  @keyframes svelte-15jms3u-popIn {
    0% {
      transform: scale(0);
      opacity: 0;
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  .modal-title.svelte-15jms3u {
    font-size: 26px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin: 0 0 12px 0;
  }

  .modal-message.svelte-15jms3u {
    font-size: 15px;
    color: #B0B0B0;
    text-align: center;
    margin: 0 0 28px 0;
    line-height: 1.6;
  }

  .info-cards.svelte-15jms3u {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    width: 100%;
    margin-bottom: 24px;
  }

  .info-card.svelte-15jms3u {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 12px;
    transition: transform 0.2s ease;
  }

  .info-card.accept.svelte-15jms3u {
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
  }

  .info-card.warning.svelte-15jms3u {
    background: rgba(255, 165, 0, 0.1);
    border: 1px solid rgba(255, 165, 0, 0.3);
  }

  .info-card.svelte-15jms3u svg {
    flex-shrink: 0;
  }

  .info-card.accept.svelte-15jms3u svg {
    color: #00FF88;
  }

  .info-card.warning.svelte-15jms3u svg {
    color: #ffa500;
  }

  .card-content.svelte-15jms3u {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .card-label.svelte-15jms3u {
    font-size: 11px;
    color: #B0B0B0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .card-value.svelte-15jms3u {
    font-size: 14px;
    color: white;
    font-weight: 600;
  }

  .warning-box.svelte-15jms3u {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: rgba(255, 165, 0, 0.1);
    border: 1px solid rgba(255, 165, 0, 0.3);
    border-radius: 12px;
    margin-bottom: 24px;
  }

  .warning-icon.svelte-15jms3u {
    font-size: 24px;
    flex-shrink: 0;
  }

  .warning-content.svelte-15jms3u {
    font-size: 13px;
    color: #B0B0B0;
    line-height: 1.5;
  }

  .warning-content.svelte-15jms3u strong:where(.svelte-15jms3u) {
    color: #ffa500;
    font-weight: 600;
  }

  .btn-primary.svelte-15jms3u {
    width: 100%;
    padding: 16px 32px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 16px;
  }

  .btn-primary.accept.svelte-15jms3u {
    background: #00FF88;
    color: #1a1a2e;
  }

  .btn-primary.accept.svelte-15jms3u:hover {
    background: #00e67a;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 255, 136, 0.4);
  }

  .btn-primary.svelte-15jms3u:not(.accept) {
    background: rgba(255, 165, 0, 0.2);
    border: 1px solid rgba(255, 165, 0, 0.4);
    color: #ffa500;
  }

  .btn-primary.svelte-15jms3u:not(.accept):hover {
    background: rgba(255, 165, 0, 0.3);
    border-color: rgba(255, 165, 0, 0.6);
  }

  .footer-note.svelte-15jms3u {
    margin: 0;
    font-size: 12px;
    color: #666;
    text-align: center;
    font-style: italic;
  }

  @media (max-width: 768px) {
    .modal-container.svelte-15jms3u {
      padding: 32px 24px 24px;
    }

    .modal-title.svelte-15jms3u {
      font-size: 22px;
    }

    .info-cards.svelte-15jms3u {
      grid-template-columns: 1fr;
    }
  }

  .modal-backdrop.svelte-1ue8ru9 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    animation: svelte-1ue8ru9-fadeIn 0.2s ease;
  }

  @keyframes svelte-1ue8ru9-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  .modal-container.svelte-1ue8ru9 {
    background: rgba(26, 26, 46, 0.98);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 16px;
    padding: 32px;
    max-width: 700px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: svelte-1ue8ru9-slideIn 0.3s ease;
  }

  @keyframes svelte-1ue8ru9-slideIn {
    from {
      transform: translateY(-20px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .close-btn.svelte-1ue8ru9 {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 8px;
    color: #B0B0B0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  .close-btn.svelte-1ue8ru9:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
  }

  .modal-header.svelte-1ue8ru9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px;
  }

  .icon-container.svelte-1ue8ru9 {
    background: rgba(51, 212, 212, 0.1);
    border: 2px solid rgba(51, 212, 212, 0.3);
    border-radius: 50%;
    padding: 16px;
    color: #33d4d4;
    margin-bottom: 16px;
  }

  .modal-header.svelte-1ue8ru9 h2:where(.svelte-1ue8ru9) {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: white;
  }

  .current-status.svelte-1ue8ru9 {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
  }

  .status-badge.svelte-1ue8ru9 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
  }

  .status-badge.accepted.svelte-1ue8ru9 {
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    color: #00FF88;
  }

  .status-badge.denied.svelte-1ue8ru9 {
    background: rgba(255, 68, 68, 0.1);
    border: 1px solid rgba(255, 68, 68, 0.3);
    color: #ff4444;
  }

  .status-details.svelte-1ue8ru9 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .detail-row.svelte-1ue8ru9 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
  }

  .detail-row.svelte-1ue8ru9 .label:where(.svelte-1ue8ru9) {
    color: #B0B0B0;
  }

  .detail-row.svelte-1ue8ru9 .value:where(.svelte-1ue8ru9) {
    color: white;
    font-weight: 600;
  }

  .info-section.svelte-1ue8ru9 {
    background: rgba(51, 212, 212, 0.05);
    border: 1px solid rgba(51, 212, 212, 0.2);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
  }

  .info-header.svelte-1ue8ru9 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #33d4d4;
    margin-bottom: 12px;
  }

  .info-header.svelte-1ue8ru9 h3:where(.svelte-1ue8ru9) {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
  }

  .info-text.svelte-1ue8ru9 {
    margin: 0 0 12px 0;
    color: #B0B0B0;
    font-size: 13px;
    line-height: 1.6;
  }

  .info-text.svelte-1ue8ru9 strong:where(.svelte-1ue8ru9) {
    color: white;
  }

  .info-list.svelte-1ue8ru9 {
    margin: 0 0 12px 0;
    padding-left: 24px;
    color: #B0B0B0;
    font-size: 13px;
    line-height: 1.8;
  }

  .comparison-section.svelte-1ue8ru9 h3:where(.svelte-1ue8ru9) {
    margin: 0 0 16px 0;
    font-size: 16px;
    font-weight: 600;
    color: white;
    text-align: center;
  }

  .comparison-cards.svelte-1ue8ru9 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
  }

  .card.svelte-1ue8ru9 {
    border-radius: 12px;
    padding: 20px;
    transition: all 0.2s ease;
    position: relative;
  }

  .card.active.svelte-1ue8ru9 {
    box-shadow: 0 0 0 2px;
  }

  .accept-card.svelte-1ue8ru9 {
    background: rgba(0, 255, 136, 0.05);
    border: 2px solid rgba(0, 255, 136, 0.2);
  }

  .accept-card.active.svelte-1ue8ru9 {
    border-color: rgba(0, 255, 136, 0.5);
    box-shadow-color: rgba(0, 255, 136, 0.3);
  }

  .deny-card.svelte-1ue8ru9 {
    background: rgba(255, 68, 68, 0.05);
    border: 2px solid rgba(255, 68, 68, 0.2);
  }

  .deny-card.active.svelte-1ue8ru9 {
    border-color: rgba(255, 68, 68, 0.5);
    box-shadow-color: rgba(255, 68, 68, 0.3);
  }

  .card-header.svelte-1ue8ru9 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
  }

  .accept-card.svelte-1ue8ru9 .card-header:where(.svelte-1ue8ru9) {
    color: #00FF88;
  }

  .deny-card.svelte-1ue8ru9 .card-header:where(.svelte-1ue8ru9) {
    color: #ff4444;
  }

  .card-header.svelte-1ue8ru9 h4:where(.svelte-1ue8ru9) {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
  }

  .card.svelte-1ue8ru9 ul:where(.svelte-1ue8ru9) {
    margin: 0 0 16px 0;
    padding-left: 20px;
    color: #B0B0B0;
    font-size: 12px;
    line-height: 1.8;
  }

  .card-action-btn.svelte-1ue8ru9 {
    width: 100%;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s ease;
    border: none;
  }

  .accept-btn.svelte-1ue8ru9 {
    background: rgba(0, 255, 136, 0.2);
    border: 1px solid rgba(0, 255, 136, 0.4);
    color: #00FF88;
  }

  .accept-btn.svelte-1ue8ru9:hover {
    background: rgba(0, 255, 136, 0.3);
    border-color: rgba(0, 255, 136, 0.6);
  }

  .deny-btn.svelte-1ue8ru9 {
    background: rgba(255, 68, 68, 0.2);
    border: 1px solid rgba(255, 68, 68, 0.4);
    color: #ff4444;
  }

  .deny-btn.svelte-1ue8ru9:hover {
    background: rgba(255, 68, 68, 0.3);
    border-color: rgba(255, 68, 68, 0.6);
  }

  .current-choice.svelte-1ue8ru9 {
    padding: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: #00FF88;
    background: rgba(0, 255, 136, 0.1);
    border-radius: 6px;
  }

  .footer-actions.svelte-1ue8ru9 {
    display: flex;
    justify-content: center;
  }

  .btn.svelte-1ue8ru9 {
    padding: 12px 32px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
  }

  .btn-close.svelte-1ue8ru9 {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
  }

  .btn-close.svelte-1ue8ru9:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
  }

  @media (max-width: 640px) {
    .modal-container.svelte-1ue8ru9 {
      padding: 24px 16px;
    }

    .comparison-cards.svelte-1ue8ru9 {
      grid-template-columns: 1fr;
    }
  }

  .modal-backdrop.svelte-15x256g {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 20px;
    animation: svelte-15x256g-fadeIn 0.2s ease;
  }

  @keyframes svelte-15x256g-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  .modal-container.svelte-15x256g {
    background: linear-gradient(135deg, rgba(138, 43, 226, 0.15), rgba(138, 43, 226, 0.05));
    backdrop-filter: blur(20px);
    border: 2px solid rgba(138, 43, 226, 0.4);
    border-radius: 16px;
    padding: 32px;
    max-width: 550px;
    width: 90%;
    max-height: 85vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: svelte-15x256g-slideUp 0.3s ease;
  }

  @keyframes svelte-15x256g-slideUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .modal-container.svelte-15x256g::-webkit-scrollbar {
    width: 8px;
  }

  .modal-container.svelte-15x256g::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }

  .modal-container.svelte-15x256g::-webkit-scrollbar-thumb {
    background: rgba(138, 43, 226, 0.5);
    border-radius: 4px;
  }

  .close-btn.svelte-15x256g {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 8px;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  .close-btn.svelte-15x256g:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .modal-icon.svelte-15x256g {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    background: rgba(138, 43, 226, 0.2);
    border: 2px solid rgba(138, 43, 226, 0.4);
    border-radius: 50%;
    color: #8A2BE2;
    animation: svelte-15x256g-pulse 2s ease-in-out infinite;
  }

  @keyframes svelte-15x256g-pulse {
    0%, 100% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0.8;
      transform: scale(1.05);
    }
  }

  .modal-title.svelte-15x256g {
    font-size: 24px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin: 0 0 24px 0;
  }

  .modal-content.svelte-15x256g {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 24px;
  }

  .main-text.svelte-15x256g {
    font-size: 15px;
    color: #E0E0E0;
    text-align: center;
    line-height: 1.6;
    margin: 0;
  }

  .wallet-badge.svelte-15x256g {
    background: rgba(138, 43, 226, 0.1);
    border: 1px solid rgba(138, 43, 226, 0.3);
    border-radius: 8px;
    padding: 16px;
  }

  .wallet-name.svelte-15x256g {
    color: #8A2BE2;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    text-align: center;
    margin: 0;
    font-size: 15px;
  }

  .warning-box.svelte-15x256g {
    display: flex;
    gap: 12px;
    padding: 16px;
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 8px;
  }

  .warning-box.svelte-15x256g svg {
    color: #FFC107;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .warning-content.svelte-15x256g {
    flex: 1;
  }

  .warning-title.svelte-15x256g {
    font-weight: 600;
    color: #FFC107;
    margin: 0 0 8px 0;
    font-size: 13px;
  }

  .warning-content.svelte-15x256g ul:where(.svelte-15x256g) {
    margin: 0;
    padding-left: 20px;
    color: #D0D0D0;
    font-size: 13px;
    line-height: 1.6;
  }

  .warning-content.svelte-15x256g li:where(.svelte-15x256g) {
    margin: 4px 0;
  }

  .api-limit-box.svelte-15x256g {
    display: flex;
    gap: 12px;
    padding: 16px;
    background: rgba(255, 68, 68, 0.1);
    border: 1px solid rgba(255, 68, 68, 0.3);
    border-radius: 8px;
  }

  .api-limit-box.svelte-15x256g svg {
    color: #ff4444;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .api-limit-content.svelte-15x256g {
    flex: 1;
  }

  .api-limit-title.svelte-15x256g {
    font-weight: 600;
    color: #ff4444;
    margin: 0 0 6px 0;
    font-size: 13px;
  }

  .api-limit-text.svelte-15x256g {
    margin: 0;
    color: #D0D0D0;
    font-size: 13px;
    line-height: 1.6;
  }

  .tip-text.svelte-15x256g {
    font-size: 13px;
    color: #B0B0B0;
    text-align: center;
    line-height: 1.6;
    margin: 0;
    padding: 12px;
    background: rgba(0, 255, 136, 0.05);
    border: 1px solid rgba(0, 255, 136, 0.2);
    border-radius: 8px;
  }

  .tip-text.svelte-15x256g strong:where(.svelte-15x256g) {
    color: #00FF88;
  }

  .modal-actions.svelte-15x256g {
    display: flex;
    gap: 12px;
  }

  .btn.svelte-15x256g {
    flex: 1;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
  }

  .btn-cancel.svelte-15x256g {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
  }

  .btn-cancel.svelte-15x256g:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .btn-confirm.svelte-15x256g {
    background: linear-gradient(135deg, #00FF88, #00CC6A);
    color: #1a1a2e;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
  }

  .btn-confirm.svelte-15x256g:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 255, 136, 0.4);
  }

  @media (max-width: 768px) {
    .modal-container.svelte-15x256g {
      padding: 24px 20px;
      max-height: 90vh;
    }

    .modal-title.svelte-15x256g {
      font-size: 20px;
    }

    .modal-actions.svelte-15x256g {
      flex-direction: column;
    }

    .btn.svelte-15x256g {
      width: 100%;
    }
  }

  .modal-backdrop.svelte-1hsg7rj {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: svelte-1hsg7rj-fadeIn 0.2s ease;
  }

  @keyframes svelte-1hsg7rj-fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .modal-container.svelte-1hsg7rj {
    background: rgba(26, 26, 46, 0.95);
    border: 2px solid rgba(0, 255, 136, 0.4);
    border-radius: 16px;
    padding: 32px;
    max-width: 480px;
    width: 90%;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: svelte-1hsg7rj-slideIn 0.3s ease;
  }

  @keyframes svelte-1hsg7rj-slideIn {
    from {
      transform: translateY(-20px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .close-btn.svelte-1hsg7rj {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 8px;
    color: #B0B0B0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  .close-btn.svelte-1hsg7rj:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
  }

  .modal-icon.svelte-1hsg7rj {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    background: rgba(0, 255, 136, 0.1);
    border: 2px solid rgba(0, 255, 136, 0.3);
    border-radius: 50%;
    color: #00FF88;
    animation: svelte-1hsg7rj-scaleIn 0.4s ease;
  }

  @keyframes svelte-1hsg7rj-scaleIn {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }

  .modal-title.svelte-1hsg7rj {
    font-size: 24px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin: 0 0 16px 0;
  }

  .modal-message.svelte-1hsg7rj {
    font-size: 14px;
    color: #D0D0D0;
    text-align: center;
    line-height: 1.6;
    margin: 0 0 24px 0;
    word-wrap: break-word;
  }

  .filename-display.svelte-1hsg7rj {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.2);
    border-radius: 8px;
    margin-bottom: 24px;
    color: #00FF88;
  }

  .filename.svelte-1hsg7rj {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    font-weight: 600;
  }

  .modal-actions.svelte-1hsg7rj {
    display: flex;
    gap: 12px;
    justify-content: center;
  }

  .btn-confirm.svelte-1hsg7rj {
    padding: 12px 32px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    background: rgba(0, 255, 136, 0.2);
    border: 1px solid rgba(0, 255, 136, 0.4);
    color: #00FF88;
  }

  .btn-confirm.svelte-1hsg7rj:hover {
    background: rgba(0, 255, 136, 0.3);
    border-color: rgba(0, 255, 136, 0.6);
    transform: translateY(-1px);
  }

  @media (max-width: 768px) {
    .modal-container.svelte-1hsg7rj {
      padding: 24px;
      max-width: 90%;
    }

    .modal-title.svelte-1hsg7rj {
      font-size: 20px;
    }
  }

  .modal-backdrop.svelte-16wczkd {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    animation: svelte-16wczkd-fadeIn 0.2s ease;
  }

  .modal-container.svelte-16wczkd {
    background: rgba(26, 26, 46, 0.98);
    border: 2px solid rgba(51, 212, 212, 0.4);
    border-radius: 16px;
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: svelte-16wczkd-slideIn 0.3s ease;
  }

  .close-btn.svelte-16wczkd {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 8px;
    color: #B0B0B0;
    cursor: pointer;
    display: flex;
    z-index: 1;
  }

  .close-btn.svelte-16wczkd:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
  }

  .modal-header.svelte-16wczkd {
    padding: 32px 32px 24px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .modal-header.svelte-16wczkd svg {
    color: #33d4d4ff;
    margin-bottom: 16px;
  }

  .modal-header.svelte-16wczkd h2:where(.svelte-16wczkd) {
    font-size: 24px;
    font-weight: 700;
    color: white;
    margin: 0 0 8px;
  }

  .modal-header.svelte-16wczkd p:where(.svelte-16wczkd) {
    font-size: 14px;
    color: #B0B0B0;
    margin: 0;
  }

  .modal-body.svelte-16wczkd {
    flex: 1;
    overflow-y: auto;
    padding: 24px 32px;
    }
.name-input-section.svelte-16wczkd {
  margin-bottom: 24px;
  }
.name-input-section.svelte-16wczkd label:where(.svelte-16wczkd) {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #33d4d4ff;
  margin-bottom: 8px;
  }
.name-input-section.svelte-16wczkd input:where(.svelte-16wczkd) {
  width: 100%;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: white;
  font-size: 14px;
  font-family: 'JetBrains Mono', monospace;
  }
.name-input-section.svelte-16wczkd input:where(.svelte-16wczkd):focus {
  outline: none;
  border-color: rgba(51, 212, 212, 0.5);
  background: rgba(0, 0, 0, 0.4);
  }
.input-hint.svelte-16wczkd {
  display: block;
  font-size: 11px;
  color: #666;
  margin-top: 6px;
  font-style: italic;
  }
.select-all-section.svelte-16wczkd {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.select-all-btn.svelte-16wczkd {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
background: rgba(51, 212, 212, 0.1);
border: 1px solid rgba(51, 212, 212, 0.3);
border-radius: 8px;
color: #33d4d4ff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
width: 100%;
transition: all 0.2s ease;
}
.select-all-btn.svelte-16wczkd:hover {
background: rgba(51, 212, 212, 0.2);
border-color: rgba(51, 212, 212, 0.5);
}
.wallet-list.svelte-16wczkd {
display: flex;
flex-direction: column;
gap: 8px;
max-height: 400px;
overflow-y: auto;
}
.wallet-item.svelte-16wczkd {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
background: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease;
}
.wallet-item.svelte-16wczkd:hover {
background: rgba(0, 0, 0, 0.4);
border-color: rgba(51, 212, 212, 0.3);
}
.wallet-item.selected.svelte-16wczkd {
background: rgba(51, 212, 212, 0.1);
border-color: rgba(51, 212, 212, 0.4);
}
.wallet-checkbox.svelte-16wczkd {
color: #33d4d4ff;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}

/* ✅ FIX 2: Make checked state visually distinct */
.wallet-item.selected.svelte-16wczkd .wallet-checkbox:where(.svelte-16wczkd) {
color: #00FF88;
}
.wallet-info.svelte-16wczkd {
flex: 1;
display: flex;
flex-direction: column;
gap: 4px;
text-align: left;
}
.wallet-name.svelte-16wczkd {
font-size: 14px;
font-weight: 600;
color: white;
}
.wallet-address.svelte-16wczkd {
font-size: 11px;
font-family: 'JetBrains Mono', monospace;
color: #B0B0B0;
}
.wallet-status.svelte-16wczkd {
width: 10px;
height: 10px;
border-radius: 50%;
background: #FF4444;
flex-shrink: 0;
}
.wallet-status.active.svelte-16wczkd {
background: #00FF88;
box-shadow: 0 0 8px rgba(0, 255, 136, 0.5);
}
.modal-footer.svelte-16wczkd {
padding: 20px 32px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
justify-content: space-between;
align-items: center;
}
.selection-count.svelte-16wczkd {
font-size: 13px;
color: #33d4d4ff;
font-weight: 600;
}
.footer-actions.svelte-16wczkd {
display: flex;
gap: 12px;
}
.btn.svelte-16wczkd {
padding: 10px 20px;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
display: flex;
align-items: center;
gap: 8px;
border: none;
}
.btn-cancel.svelte-16wczkd {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
color: white;
}
.btn-cancel.svelte-16wczkd:hover {
background: rgba(255, 255, 255, 0.1);
}
.btn-confirm.svelte-16wczkd {
background: rgba(51, 212, 212, 0.2);
border: 1px solid rgba(51, 212, 212, 0.4);
color: #33d4d4ff;
}
.btn-confirm.svelte-16wczkd:hover:not(:disabled) {
background: rgba(51, 212, 212, 0.3);
border-color: rgba(51, 212, 212, 0.6);
}
.btn-confirm.svelte-16wczkd:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.empty-state.svelte-16wczkd {
text-align: center;
padding: 40px 20px;
color: #B0B0B0;
}
@keyframes svelte-16wczkd-fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes svelte-16wczkd-slideIn {
from {
transform: translateY(-20px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}

  .perks-panel.svelte-fayidb {
    margin-top: 12px;
    padding: 12px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 215, 0, 0.2);
    border-radius: 10px;
  }

  .perks-header.svelte-fayidb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #FFD700;
  }

  .perks-title.svelte-fayidb {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    flex: 1;
  }

  .perk-count.svelte-fayidb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    background: rgba(255, 215, 0, 0.2);
    border: 1px solid rgba(255, 215, 0, 0.4);
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    color: #FFD700;
  }

  /* Limits summary chips */
  .limits-summary.svelte-fayidb {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 10px;
  }

  .limit-chip.svelte-fayidb {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 7px;
    border-radius: 8px;
    white-space: nowrap;
  }

  .limit-chip.upgrade.svelte-fayidb {
    background: rgba(255, 136, 170, 0.15);
    border: 1px solid rgba(255, 136, 170, 0.4);
    color: #FF88AA;
  }

  .limit-chip.boost.svelte-fayidb {
    background: rgba(255, 215, 0, 0.12);
    border: 1px solid rgba(255, 215, 0, 0.35);
    color: #FFD700;
  }

  .limit-chip.bonus.svelte-fayidb {
    background: rgba(100, 200, 255, 0.12);
    border: 1px solid rgba(100, 200, 255, 0.35);
    color: #64C8FF;
  }

  .limit-chip.wallets.svelte-fayidb {
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    color: #00FF88;
  }

  /* Individual perk cards */
  .perk-list.svelte-fayidb {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .perk-card.svelte-fayidb {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 10px;
    background: var(--perk-bg);
    border: 1px solid color-mix(in srgb, var(--perk-color) 30%, transparent);
    border-radius: 8px;
    transition: border-color 0.2s ease;
  }

  .perk-card.svelte-fayidb:hover {
    border-color: color-mix(in srgb, var(--perk-color) 55%, transparent);
  }

  .perk-icon.svelte-fayidb {
    color: var(--perk-color);
    flex-shrink: 0;
    margin-top: 1px;
  }

  .perk-info.svelte-fayidb {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
  }

  .perk-label.svelte-fayidb {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--perk-color);
  }

  .perk-value.svelte-fayidb {
    font-size: 12px;
    font-weight: 600;
    color: white;
    font-family: 'JetBrains Mono', monospace;
  }

  .perk-desc.svelte-fayidb {
    font-size: 10px;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .perk-expiry.svelte-fayidb {
    font-size: 9px;
    color: #666;
    white-space: nowrap;
    flex-shrink: 0;
    align-self: center;
  }

  .team-panel.svelte-1qqwir9 {
    border-top: 1px solid rgba(255,255,255,0.07);
    padding: 10px 0 4px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  /* ── Header ── */
  .team-panel-header.svelte-1qqwir9 {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .team-icon.svelte-1qqwir9  { color: #64C8FF; display: flex; align-items: center; }
  .team-title.svelte-1qqwir9 {
    font-size: 12px;
    font-weight: 600;
    color: #e0e0e0;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .plan-badge.svelte-1qqwir9 {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64C8FF;
    background: rgba(100,200,255,0.12);
    border: 1px solid rgba(100,200,255,0.25);
    border-radius: 3px;
    padding: 1px 5px;
    white-space: nowrap;
  }

  .seat-range-hint.svelte-1qqwir9 {
    font-size: 10px;
    color: rgba(255,255,255,0.3);
    margin: 0;
    padding-left: 20px;
  }

  /* ── Role row ── */
  .role-row.svelte-1qqwir9 {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 2px;
    color: rgba(255,255,255,0.45);
  }
  .role-label.svelte-1qqwir9 { font-size: 11px; font-weight: 600; }

  /* ── Seat usage bar ── */
  .seat-usage.svelte-1qqwir9   { display: flex; flex-direction: column; gap: 4px; padding: 2px 0; }
  .seat-usage-label.svelte-1qqwir9 {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    color: rgba(255,255,255,0.45);
  }
  .seat-counts.svelte-1qqwir9 { font-weight: 600; }
  .seat-bar-track.svelte-1qqwir9 {
    height: 4px;
    background: rgba(255,255,255,0.08);
    border-radius: 2px;
    overflow: hidden;
  }
  .seat-bar-fill.svelte-1qqwir9 {
    height: 100%;
    border-radius: 2px;
    transition: width 0.4s ease;
  }
  .seat-warning.svelte-1qqwir9 {
    font-size: 10px;
    color: #FF4444;
    margin: 0;
    line-height: 1.4;
  }

  /* ── Section toggle ── */
  .section.svelte-1qqwir9 { display: flex; flex-direction: column; }
  .section-toggle.svelte-1qqwir9 {
    display: flex;
    align-items: center;
    gap: 5px;
    background: none;
    border: none;
    padding: 5px 2px;
    color: rgba(255,255,255,0.5);
    font-size: 11px;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border-radius: 4px;
    transition: color 0.15s, background 0.15s;
  }
  .section-toggle.svelte-1qqwir9:hover { color: #e0e0e0; background: rgba(255,255,255,0.04); }
  .section-toggle.svelte-1qqwir9 span:where(.svelte-1qqwir9):nth-child(2) { flex: 1; }

  .section-body.svelte-1qqwir9 {
    padding: 2px 0 4px 16px;
  }

  /* ── Member list ── */
  .member-list.svelte-1qqwir9 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .member-row.svelte-1qqwir9 {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 6px;
    border-radius: 4px;
    background: rgba(255,255,255,0.025);
    border: 1px solid rgba(255,255,255,0.05);
  }
  .member-name.svelte-1qqwir9 {
    font-size: 11px;
    color: #d0d0d0;
    font-weight: 500;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .member-role.svelte-1qqwir9 { font-size: 9px; font-weight: 600; text-transform: capitalize; }
  .member-date.svelte-1qqwir9 { font-size: 9px; color: rgba(255,255,255,0.25); white-space: nowrap; }

  /* ── Member info card (non-admin) ── */
  .member-info-card.svelte-1qqwir9 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: rgba(255,255,255,0.025);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 6px;
    padding: 8px 10px;
  }
  .info-row.svelte-1qqwir9 {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 11px;
    gap: 8px;
  }
  .info-label.svelte-1qqwir9 { color: rgba(255,255,255,0.38); white-space: nowrap; }
  .info-value.svelte-1qqwir9 {
    color: #e0e0e0;
    font-weight: 500;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .admin-email.svelte-1qqwir9 { font-size: 10px; }
  .info-hint.svelte-1qqwir9 {
    font-size: 10px;
    color: rgba(255,255,255,0.28);
    margin: 2px 0 0;
    line-height: 1.45;
    border-top: 1px solid rgba(255,255,255,0.05);
    padding-top: 6px;
  }

  .empty-hint.svelte-1qqwir9 { font-size: 10px; color: rgba(255,255,255,0.3); margin: 4px 0; }

  .sidebar.svelte-129hoe0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 100%;
    background: rgba(26, 26, 46, 0.95);
    backdrop-filter: blur(20px);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 100;
    transform: translateX(-100%);
  }

  .sidebar.visible.svelte-129hoe0 {
    transform: translateX(0);
  }

  .sidebar.mobile.svelte-129hoe0 {
    width: 280px;
  }

  .sidebar-header-bar.svelte-129hoe0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.2);
  }

  .sidebar-title.svelte-129hoe0 {
    font-size: 24px;
    font-weight: 700;
    color: #33d4d4ff;
    margin: 0;
    flex: 1;
  }

  .close-sidebar-btn.svelte-129hoe0 {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
  }

  .close-sidebar-btn.svelte-129hoe0:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .separator.svelte-129hoe0 {
    height: 2px;
    background: linear-gradient(to right, transparent, rgba(51, 212, 212, 0.3), transparent);
    margin: 0;
  }

  .sidebar-content.svelte-129hoe0 {
    padding: 24px;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .sidebar-header.svelte-129hoe0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
  }

  .sidebar-header.svelte-129hoe0 h2:where(.svelte-129hoe0) {
    font-size: 18px;
    font-weight: 600;
    color: #33d4d4ff;
    margin: 0;
  }

  .icon-btn.svelte-129hoe0 {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    padding: 6px;
    border-radius: 4px;
    transition: background 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .icon-btn.svelte-129hoe0:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.1);
  }

  .icon-btn.svelte-129hoe0:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .add-btn.svelte-129hoe0 {
    color: #00FF88;
  }

  /* (unused) .delete-btn:hover:not(:disabled) {
    background: rgba(255, 68, 68, 0.2);
    color: #ff4444;
  }*/


  @keyframes svelte-129hoe0-slideIn {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }


  /* (unused) .loading-state, .empty-state {
    text-align: center;
    padding: 40px 20px;
    color: #B0B0B0;
  }*/

  /* (unused) .loading-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }*/

  /* (unused) .empty-state p {
    margin: 8px 0;
  }*/

  /* (unused) .empty-state .hint {
    font-size: 12px;
    color: #666;
  }*/

  .spinner {
    animation: svelte-129hoe0-spin 1s linear infinite;
  }

  @keyframes svelte-129hoe0-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  /* (unused) .wallet-list {
    flex: 1;
    overflow-y: auto;
  }*/

  /* (unused) .wallet-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    padding: 4px;
  }*/

  /* (unused) .wallet-card {
    background: rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    padding: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }*/

  /* (unused) .wallet-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
    background: rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.2);
  }*/

  /* (unused) .wallet-card.active {
    border-color: #33d4d4ff;
    box-shadow: 0 0 15px rgba(51, 212, 212, 0.4);
    background: rgba(51, 212, 212, 0.15);
  }*/

  /* (unused) .wallet-card.inactive {
    opacity: 0.6;
  }*/

  /* (unused) .wallet-card.deleting {
    opacity: 0.5;
    animation: pulse 1s infinite;
  }*/

  @keyframes svelte-129hoe0-pulse {
    0%, 100% {
      opacity: 0.5;
    }
    50% {
      opacity: 0.3;
    }
  }
  
  /* (unused) .wallet-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }*/

  /* (unused) .wallet-status {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FF4444;
  }*/

  /* (unused) .wallet-status.active-status {
    background: #00FF88;
    box-shadow: 0 0 8px rgba(0, 255, 136, 0.5);
  }*/

  /* (unused) .wallet-actions {
    display: flex;
    gap: 4px;
    opacity: 0.7;
    transition: opacity 0.2s;
  }*/

  /* (unused) .wallet-card:hover .wallet-actions {
    opacity: 1;
  }*/

  /* (unused) .wallet-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }*/

  /* (unused) .wallet-name {
    font-size: 16px;
    font-weight: bold;
    color: white;
  }*/

  /* (unused) .wallet-address {
    font-size: 11px;
    color: #B0B0B0;
    font-family: 'JetBrains Mono', monospace;
  }*/

  /* (unused) .wallet-balance-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4px;
  }*/

  /* (unused) .wallet-balance {
    font-size: 14px;
    font-weight: 600;
    color: #00FF88;
  }*/

  /* (unused) .wallet-usd {
    font-size: 12px;
    color: #B0B0B0;
  }*/

  /* (unused) .view-transactions-btn {
    width: 100%;
    padding: 8px 12px;
    background: rgba(51, 212, 212, 0.1);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 6px;
    color: #33d4d4ff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: all 0.2s ease;
    margin-top: 4px;
  }*/

  /* (unused) .view-transactions-btn:hover:not(:disabled) {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
    transform: translateY(-1px);
  }*/

  /* (unused) .view-transactions-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }*/
  
  /* (unused) .filters {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }*/

  /* (unused) .filter-item {
    padding: 8px 12px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }*/

  /* (unused) .all-wallets {
    cursor: pointer;
    transition: background 0.2s ease;
  }*/

  /* (unused) .all-wallets:hover {
    background: rgba(0, 0, 0, 0.2);
  }*/

  /* (unused) .all-wallets.active {
    background: #33d4d4ff;
    color: #1a1a2e;
    font-weight: bold;
    border-color: #33d4d4ff;
  }*/
  
  /* (unused) .all-wallets.active .wallet-count-badge {
    background: #1a1a2e;
    color: #33d4d4ff;
  }*/

  /* (unused) .wallet-count-badge {
    background: rgba(255, 255, 255, 0.1);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 500;
  }*/
  
  /* (unused) .date-filter {
    gap: 8px;
    background: none;
    border: none;
    padding: 0;
  }*/
  
  /* (unused) .filter-icon {
    color: #33d4d4ff;
  }*/

  /* (unused) .filter-input {
    flex-grow: 1;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    padding: 6px 10px;
    color: white;
    font-size: 12px;
    font-family: 'JetBrains Mono', monospace;
    appearance: none;
    cursor: pointer;
  }*/

  /* (unused) .filter-input option {
    background: #1a1a2e;
    color: white;
  }*/

  .upgrade-plan-btn.svelte-129hoe0 {
    width: 100%;
    padding: 8px 12px;
    background: transparent;
    color: #00FF88;
    border: 1px solid #00FF88;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }
  
  .upgrade-plan-btn.svelte-129hoe0:hover {
    background: rgba(0, 255, 136, 0.1);
    border-color: rgba(0, 255, 136, 0.6);
    box-shadow: 0 0 8px rgba(0, 255, 136, 0.3);
  }

  .fsa-controls-container.svelte-129hoe0 {
    margin-bottom: 16px;
    padding: 12px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 8px;
  }

  .folder-select-btn.svelte-129hoe0 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    background: rgba(51, 212, 212, 0.1);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 6px;
    color: #33d4d4ff;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    font-weight: 500;
  }

  .folder-select-btn.svelte-129hoe0:hover:not(:disabled) {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
  }

  .folder-select-btn.svelte-129hoe0:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .dir-info-group.svelte-129hoe0 {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .dir-name-row.svelte-129hoe0 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 6px;
  }

  .dir-label.svelte-129hoe0 {
    font-size: 12px;
    color: #B0B0B0;
  }

  .dir-name.svelte-129hoe0 {
    flex: 1;
    font-size: 13px;
    color: #33d4d4ff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .change-folder-btn.svelte-129hoe0 {
    color: #33d4d4ff;
    padding: 4px;
  }

  .change-folder-btn.svelte-129hoe0:hover:not(:disabled) {
    background: rgba(51, 212, 212, 0.2);
  }

  .file-controls.svelte-129hoe0 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .filename-input.svelte-129hoe0 {
    width: 100%;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: white;
    font-size: 13px;
    font-family: 'JetBrains Mono', monospace;
  }

  .filename-input.svelte-129hoe0:focus {
    outline: none;
    border-color: rgba(51, 212, 212, 0.5);
    background: rgba(0, 0, 0, 0.4);
  }

  .action-btn.svelte-129hoe0 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 6px;
    color: #00FF88;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
  }

  .action-btn.svelte-129hoe0:hover:not(:disabled) {
    background: rgba(0, 255, 136, 0.2);
    border-color: rgba(0, 255, 136, 0.5);
  }

  .action-btn.svelte-129hoe0:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .sidebar-add-wallet-container.svelte-129hoe0 {
    padding: 10px 10px 0; 
    border-top: 1px solid rgba(255, 255, 255, 0.05);
  }

  @media (max-width: 768px) {
    /* (unused) .wallet-grid {
      grid-template-columns: 1fr;
    }*/
  }

  .saved-sessions-section.svelte-129hoe0 {
    margin-bottom: 16px;
  }

  .section-header.svelte-129hoe0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
  }

  .section-header.svelte-129hoe0 h3:where(.svelte-129hoe0) {
    font-size: 13px;
    font-weight: 600;
    color: #33d4d4ff;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .save-new-btn.svelte-129hoe0 {
    font-size: 12px;
    padding: 6px 10px;
  }

  .section-header-actions.svelte-129hoe0 {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .refresh-sessions-btn.svelte-129hoe0 {
    padding: 6px;
    color: #B0B0B0;
    transition: color 0.2s ease;
  }

  .refresh-sessions-btn.svelte-129hoe0:hover:not(:disabled) {
    color: #33d4d4;
  }

  .refresh-sessions-btn.svelte-129hoe0:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .sessions-loading.svelte-129hoe0,
  .sessions-empty.svelte-129hoe0 {
    text-align: center;
    padding: 20px;
    color: #B0B0B0;
    font-size: 12px;
  }

  .duplicate-session-notice.svelte-129hoe0 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    margin-bottom: 8px;
    background: rgba(51, 212, 212, 0.08);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 8px;
    color: #33d4d4;
    font-size: 12px;
    line-height: 1.4;
    animation: fadeIn 0.2s ease;
  }

  .duplicate-session-notice.svelte-129hoe0 .notice-icon:where(.svelte-129hoe0) {
    font-size: 14px;
    flex-shrink: 0;
    font-style: normal;
  }

  .sessions-loading.svelte-129hoe0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .sessions-empty.svelte-129hoe0 .hint:where(.svelte-129hoe0) {
    font-size: 11px;
    color: #666;
    margin-top: 4px;
  }

  .sessions-list.svelte-129hoe0 {
    max-height: 240px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .sessions-list.svelte-129hoe0::-webkit-scrollbar {
    width: 6px;
  }

  .sessions-list.svelte-129hoe0::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
  }

  .sessions-list.svelte-129hoe0::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
  }

  .session-item.svelte-129hoe0 {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .session-item.svelte-129hoe0:hover:not(.disabled) {
    background: rgba(0, 0, 0, 0.4);
    border-color: rgba(51, 212, 212, 0.4);
    transform: translateX(4px);
  }

  .session-item.disabled.svelte-129hoe0 {
    opacity: 0.5;
    cursor: not-allowed;
    background: rgba(0, 0, 0, 0.2);
  }

  .session-item.disabled.svelte-129hoe0:hover {
    transform: none;
    border-color: rgba(255, 255, 255, 0.1);
  }

  .session-info.svelte-129hoe0 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .session-name.svelte-129hoe0 {
    font-size: 12px;
    font-weight: 600;
    color: white;
    font-family: 'JetBrains Mono', monospace;
  }

  .session-date.svelte-129hoe0 {
    font-size: 10px;
    color: #B0B0B0;
  }

  .session-size.svelte-129hoe0 {
    font-size: 10px;
    color: #00FF88;
    font-family: 'JetBrains Mono', monospace;
  }

  .loaded-badge.svelte-129hoe0 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 9px;
    color: #00FF88;
    background: rgba(0, 255, 136, 0.15);
    border: 1px solid rgba(0, 255, 136, 0.3);
    padding: 2px 6px;
    border-radius: 8px;
    font-weight: 700;
    margin-top: 4px;
  }

  .delete-session-btn.svelte-129hoe0 {
    color: #ff4444;
    opacity: 0.6;
    transition: opacity 0.2s ease;
  }

  .delete-session-btn.svelte-129hoe0:hover {
    opacity: 1;
    background: rgba(255, 68, 68, 0.2);
  }

  .manual-load-section.svelte-129hoe0 {
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .session-item.loading.svelte-129hoe0 {
      opacity: 0.5;
      pointer-events: none;
      animation: svelte-129hoe0-pulse-loading 1.5s ease-in-out infinite;
  }

  @keyframes svelte-129hoe0-pulse-loading {
      0%, 100% {
          opacity: 0.5;
      }
      50% {
          opacity: 0.3;
      }
  }

  /* New */

  .header-actions.svelte-129hoe0 {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .settings-container.svelte-129hoe0 {
    position: relative;
  }

  .settings-button.svelte-129hoe0 {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
  }

  .settings-button.svelte-129hoe0:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .settings-dropdown.svelte-129hoe0 {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: rgba(26, 26, 46, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(20px);
    z-index: 1000;
    min-width: 200px;
    animation: svelte-129hoe0-slideDown 0.2s ease-out;
    overflow: hidden;
  }

  @keyframes svelte-129hoe0-slideDown {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .dropdown-item.svelte-129hoe0 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.2s ease;
    text-align: left;
  }

  .dropdown-item.svelte-129hoe0:hover {
    background: rgba(255, 255, 255, 0.1);
  }

  .dropdown-item.svelte-129hoe0 svg {
    color: #33d4d4ff;
    flex-shrink: 0;
  }

  /* Navigation Menu Container */
  .nav-menu-container.svelte-129hoe0 {
    margin-top: 16px;
    padding: 12px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.05);
  }

  .nav-menu-item.svelte-129hoe0 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: rgba(51, 212, 212, 0.1);
    border: 1px solid rgba(51, 212, 212, 0.2);
    border-radius: 8px;
    color: #33d4d4ff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
  }

  .nav-menu-item.svelte-129hoe0:hover {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.4);
    transform: translateX(4px);
  }

  .nav-menu-label.svelte-129hoe0 {
    flex: 1;
    font-weight: 600;
  }

  .nav-menu-badge.svelte-129hoe0 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    background: rgba(51, 212, 212, 0.3);
    border: 1px solid rgba(51, 212, 212, 0.5);
    border-radius: 12px;
    color: #33d4d4ff;
    font-size: 12px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
  }


  
  .node-wrapper-hover-area.svelte-1mvlu2n {
    width: 100%;
    height: 100%;
    /* Ensure no padding/margin interferes with the underlying node's structure */
  }

  .wallet-node.svelte-1fmrg91 {
    background: linear-gradient(135deg, rgba(138, 43, 226, 0.2), rgba(138, 43, 226, 0.1));
    border: 2px solid rgba(138, 43, 226, 0.4);
    border-radius: 12px;
    padding: 12px;
    min-width: 140px;
    color: white;
    font-family: 'JetBrains Mono', monospace;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    position: relative;
  }

  .wallet-node.primary.svelte-1fmrg91 {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.25), rgba(138, 43, 226, 0.2));
    border: 2px solid rgba(255, 215, 0, 0.6);
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.3), 0 4px 12px rgba(138, 43, 226, 0.2);
  }

  .wallet-node.svelte-1fmrg91:hover {
    border-color: #8A2BE2;
    box-shadow: 0 4px 20px rgba(138, 43, 226, 0.3);
    transform: translateY(-2px);
  }

  .wallet-node.primary.svelte-1fmrg91:hover {
    border-color: #FFD700;
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.4), 0 6px 16px rgba(138, 43, 226, 0.3);
  }

  .wallet-node.selected.svelte-1fmrg91 {
    border-color: #8A2BE2;
    box-shadow: 0 0 0 3px rgba(138, 43, 226, 0.3);
  }

  .wallet-node.primary.selected.svelte-1fmrg91 {
    border-color: #FFD700;
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.3);
  }

  .primary-badge.svelte-1fmrg91 {
    position: absolute;
    top: -10px;
    right: -10px;
    background: linear-gradient(135deg, #FFD700, #FFA500);
    border: 2px solid rgba(255, 215, 0, 0.8);
    border-radius: 12px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 9px;
    font-weight: 700;
    color: #1a1a2e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4);
    animation: svelte-1fmrg91-pulse 2s ease-in-out infinite;
  }

  @keyframes svelte-1fmrg91-pulse {
    0%, 100% {
      transform: scale(1);
      box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4);
    }
    50% {
      transform: scale(1.05);
      box-shadow: 0 4px 12px rgba(255, 215, 0, 0.6);
    }
  }

  .node-header.svelte-1fmrg91 {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    color: #8A2BE2;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
  }

  .wallet-node.primary.svelte-1fmrg91 .node-header:where(.svelte-1fmrg91) {
    color: #FFD700;
  }

  .node-content.svelte-1fmrg91 {
    text-align: center;
  }

  .wallet-address.svelte-1fmrg91 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 4px;
    color: white;
  }

  .wallet-balance.svelte-1fmrg91 {
    font-size: 14px;
    font-weight: bold;
    color: #8A2BE2;
    margin-bottom: 2px;
  }

  .wallet-node.primary.svelte-1fmrg91 .wallet-balance:where(.svelte-1fmrg91) {
    color: #FFD700;
  }

  .wallet-usd.svelte-1fmrg91 {
    font-size: 10px;
    color: #B0B0B0;
  }

  .node-toolbar.svelte-1fmrg91 {
    background: rgba(26, 26, 46, 0.98);
    border: 2px solid rgba(138, 43, 226, 0.6);
    border-radius: 8px;
    padding: 12px;
    min-width: 250px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(20px);
    animation: svelte-1fmrg91-fadeIn 0.2s ease-out;
  }

  @keyframes svelte-1fmrg91-fadeIn {
    from {
      opacity: 0;
      transform: translateY(-5px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .toolbar-header.svelte-1fmrg91 {
    font-size: 12px;
    font-weight: 700;
    color: #8A2BE2;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .toolbar-row.svelte-1fmrg91 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    gap: 8px;
  }

  .toolbar-row.svelte-1fmrg91:last-child {
    border-bottom: none;
  }

  .toolbar-row.primary-info.svelte-1fmrg91 {
    background: rgba(255, 215, 0, 0.1);
    padding: 6px 8px;
    margin: 0 -8px 4px -8px;
    border-radius: 4px;
    border-bottom: 1px solid rgba(255, 215, 0, 0.2);
  }

  .toolbar-label.svelte-1fmrg91 {
    font-size: 10px;
    color: #B0B0B0;
    font-weight: 500;
    white-space: nowrap;
  }

  .toolbar-value.svelte-1fmrg91 {
    font-size: 11px;
    color: white;
    font-weight: 600;
  }

  .toolbar-value.primary-text.svelte-1fmrg91 {
    color: #FFD700;
    font-weight: 700;
  }

  .toolbar-value.mono.svelte-1fmrg91 {
    font-family: 'JetBrains Mono', monospace;
  }

  .icon-btn-xs.svelte-1fmrg91 {
    background: none;
    border: none;
    color: #8A2BE2;
    cursor: pointer;
    padding: 2px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
  }

  .icon-btn-xs.svelte-1fmrg91:hover {
    color: #FFD700;
    transform: scale(1.1);
  }

  .wallet-node.primary.svelte-1fmrg91 .icon-btn-xs:where(.svelte-1fmrg91) {
    color: #FFD700;
  }

  .wallet-node.primary.svelte-1fmrg91 .icon-btn-xs:where(.svelte-1fmrg91):hover {
    color: #FFA500;
  }

  .wallet-node .svelte-flow__handle {
    background: #8A2BE2;
    border: 2px solid rgba(138, 43, 226, 0.8);
    width: 8px;
    height: 8px;
  }

  .wallet-node.primary .svelte-flow__handle {
    background: #FFD700;
    border: 2px solid rgba(255, 215, 0, 0.8);
    box-shadow: 0 0 8px rgba(255, 215, 0, 0.4);
  }

  .transaction-node.svelte-1o8ki6a {
    background: linear-gradient(135deg, rgba(51, 212, 212, 0.2), rgba(51, 212, 212, 0.1));
    border: 2px solid rgba(51, 212, 212, 0.4);
    border-radius: 10px;
    padding: 10px;
    min-width: 120px;
    color: white;
    font-family: 'JetBrains Mono', monospace;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    position: relative;
    isolation: isolate; 
  }

  .tx-number-badge.svelte-1o8ki6a {
    position: absolute;
    top: -8px;
    right: -8px;
    background: linear-gradient(135deg, #8A2BE2, #6A1BB2);
    border: 2px solid rgba(138, 43, 226, 0.6);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: white;
    box-shadow: 0 2px 8px rgba(138, 43, 226, 0.4);
    z-index: 10;
  }

  .transaction-node.failed.svelte-1o8ki6a {
    background: linear-gradient(135deg, rgba(255, 68, 68, 0.2), rgba(255, 68, 68, 0.1));
    border-color: rgba(255, 68, 68, 0.4);
  }

  .transaction-node.svelte-1o8ki6a:hover {
    border-color: #33d4d4ff;
    box-shadow: 0 4px 20px rgba(51, 212, 212, 0.3);
    transform: translateY(-2px);
  }

  .transaction-node.failed.svelte-1o8ki6a:hover {
    border-color: #ff4444;
    box-shadow: 0 4px 20px rgba(255, 68, 68, 0.3);
  }

  .transaction-node.selected.svelte-1o8ki6a {
    border-color: #33d4d4ff;
    box-shadow: 0 0 0 3px rgba(51, 212, 212, 0.3);
  }

  .transaction-node.failed.selected.svelte-1o8ki6a {
    border-color: #ff4444;
    box-shadow: 0 0 0 3px rgba(255, 68, 68, 0.3);
  }

  .node-header.svelte-1o8ki6a {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    color: #33d4d4ff;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
  }

  .transaction-node.failed.svelte-1o8ki6a .node-header:where(.svelte-1o8ki6a) {
    color: #ff4444;
  }

  .node-content.svelte-1o8ki6a {
    text-align: center;
  }

  .tx-type.svelte-1o8ki6a {
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 4px;
    color: white;
  }

  .tx-amount.svelte-1o8ki6a {
    font-size: 12px;
    font-weight: bold;
    color: #33d4d4ff;
    margin-bottom: 2px;
  }

  .transaction-node.failed.svelte-1o8ki6a .tx-amount:where(.svelte-1o8ki6a) {
    color: #ff4444;
  }

  .tx-usd.svelte-1o8ki6a {
    font-size: 9px;
    color: #B0B0B0;
  }

  .node-toolbar.svelte-1o8ki6a {
    background: rgba(26, 26, 46, 0.98);
    border: 2px solid rgba(51, 212, 212, 0.6);
    border-radius: 8px;
    padding: 12px;
    min-width: 280px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(20px);
    animation: svelte-1o8ki6a-fadeIn 0.2s ease-out;
  }

  .transaction-node.failed.svelte-1o8ki6a .node-toolbar:where(.svelte-1o8ki6a) {
    border-color: rgba(255, 68, 68, 0.6);
  }

  @keyframes svelte-1o8ki6a-fadeIn {
    from {
      opacity: 0;
      transform: translateY(-5px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .toolbar-header.svelte-1o8ki6a {
    font-size: 12px;
    font-weight: 700;
    color: #33d4d4ff;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .transaction-node.failed.svelte-1o8ki6a .toolbar-header:where(.svelte-1o8ki6a) {
    color: #ff4444;
  }

  .toolbar-row.svelte-1o8ki6a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    gap: 12px;
  }

  .toolbar-row.svelte-1o8ki6a:last-child {
    border-bottom: none;
  }

  .toolbar-label.svelte-1o8ki6a {
    font-size: 10px;
    color: #B0B0B0;
    font-weight: 500;
    white-space: nowrap;
  }

  .toolbar-value.svelte-1o8ki6a {
    font-size: 11px;
    color: white;
    font-weight: 600;
    text-align: right;
  }

  .toolbar-value.mono.svelte-1o8ki6a {
    font-family: 'JetBrains Mono', monospace;
  }

  .icon-btn-xs.svelte-1o8ki6a {
    background: none;
    border: none;
    color: #00FF88;
    cursor: pointer;
    padding: 2px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
  }

  .icon-btn-xs.svelte-1o8ki6a:hover {
    color: #33d4d4ff;
    transform: scale(1.1);
  }

  .view-route-btn.svelte-1o8ki6a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px 16px;
    background: rgba(138, 43, 226, 0.2);
    border: 1px solid rgba(138, 43, 226, 0.4);
    border-radius: 6px;
    color: #8A2BE2;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .view-route-btn.svelte-1o8ki6a:hover {
    background: rgba(138, 43, 226, 0.3);
    border-color: rgba(138, 43, 226, 0.6);
    transform: translateY(-1px);
  }

  .transaction-node .svelte-flow__handle {
    background: #33d4d4ff;
    border: 2px solid rgba(51, 212, 212, 0.8);
    width: 8px;
    height: 8px;
  }

  .transaction-node.failed .svelte-flow__handle {
    background: #ff4444;
    border: 2px solid rgba(255, 68, 68, 0.8);
  }

  .svelte-flow__node-toolbar {
      z-index: 1000 !important;
  }

  .svelte-flow__node.selected,
  .svelte-flow__node:hover {
      z-index: 999 !important;
  }

  .program-node.svelte-l8g1em {
    background: linear-gradient(135deg, rgba(0, 255, 136, 0.2), rgba(0, 255, 136, 0.1));
    border: 2px solid rgba(0, 255, 136, 0.4);
    border-radius: 8px;
    padding: 10px;
    min-width: 130px;
    color: white;
    font-family: 'JetBrains Mono', monospace;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    position: relative;
  }

  .program-node.svelte-l8g1em:hover {
    border-color: #00FF88;
    box-shadow: 0 4px 20px rgba(0, 255, 136, 0.3);
    transform: translateY(-2px);
  }

  .program-node.selected.svelte-l8g1em {
    border-color: #00FF88;
    box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.3);
  }

  .node-header.svelte-l8g1em {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    color: #00FF88;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
  }

  .node-content.svelte-l8g1em {
    text-align: center;
  }

  .program-name.svelte-l8g1em {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 3px;
    color: white;
  }

  .program-type.svelte-l8g1em {
    font-size: 9px;
    color: #00FF88;
    margin-bottom: 4px;
  }

  .program-stats.svelte-l8g1em {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .interactions.svelte-l8g1em {
    font-size: 8px;
    color: #B0B0B0;
  }

  .risk-level.svelte-l8g1em {
    font-size: 8px;
    font-weight: 500;
  }

  .node-toolbar.svelte-l8g1em {
    background: rgba(26, 26, 46, 0.98);
    border: 2px solid rgba(0, 255, 136, 0.6);
    border-radius: 8px;
    padding: 12px;
    min-width: 240px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(20px);
    animation: svelte-l8g1em-fadeIn 0.2s ease-out;
  }

  @keyframes svelte-l8g1em-fadeIn {
    from {
      opacity: 0;
      transform: translateY(-5px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .toolbar-header.svelte-l8g1em {
    font-size: 12px;
    font-weight: 700;
    color: #00FF88;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .toolbar-row.svelte-l8g1em {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    gap: 12px;
  }

  .toolbar-row.svelte-l8g1em:last-child {
    border-bottom: none;
  }

  .toolbar-label.svelte-l8g1em {
    font-size: 10px;
    color: #B0B0B0;
    font-weight: 500;
    white-space: nowrap;
  }

  .toolbar-value.svelte-l8g1em {
    font-size: 11px;
    color: white;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .toolbar-value.mono.svelte-l8g1em {
    font-family: 'JetBrains Mono', monospace;
  }

  .icon-btn-xs.svelte-l8g1em {
    background: none;
    border: none;
    color: #00FF88;
    cursor: pointer;
    padding: 2px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
  }

  .icon-btn-xs.svelte-l8g1em:hover {
    color: #FFB800;
    transform: scale(1.1);
  }

  .program-node .svelte-flow__handle {
    background: #00FF88;
    border: 2px solid rgba(0, 255, 136, 0.8);
    width: 8px;
    height: 8px;
  }

  .export-menu-container.svelte-epy55j {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;

  }
  
  .export-trigger-btn.svelte-epy55j {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(51, 212, 212, 0.1);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 8px;
    color: #33d4d4ff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }
  
  .export-trigger-btn.svelte-epy55j:hover:not(:disabled) {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
    transform: translateY(-1px);
  }
  
  .export-trigger-btn.svelte-epy55j:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  
  .export-menu.svelte-epy55j {
    position: absolute;
    /*top: calc(100% + 8px);
    right: 0;*/
    /* Change top to auto and set bottom */
    top: auto;
    bottom: calc(100% + 8px); 
    right: 0;
    background: rgba(26, 26, 46, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(20px);
    min-width: 320px;
    max-width: 400px;
    z-index: 10000;
    animation: svelte-epy55j-slideDown 0.2s ease-out;
    display: flex;
    flex-direction: column;
  }

  @keyframes svelte-epy55j-slideDown {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .menu-header.svelte-epy55j {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    font-weight: 600;
    font-size: 14px;
  }
  
  .close-btn.svelte-epy55j {
    background: none;
    border: none;
    color: #B0B0B0;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
  }
  
  .close-btn.svelte-epy55j:hover {
    color: white;
  }

  .menu-item.svelte-epy55j {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: none;
    border: none;
    border-radius: 8px;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
  }
  
  .menu-item.svelte-epy55j:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.1);
  }
  
  .menu-item.svelte-epy55j:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  
  .menu-item.svelte-epy55j svg {
    color: #33d4d4ff;
    flex-shrink: 0;
  }

  .menu-items.svelte-epy55j {
    padding: 8px;
    overflow-y: auto;
    max-height: 400px;
    padding-bottom: 30px;
  }

  .menu-items.svelte-epy55j::-webkit-scrollbar {
    width: 8px;
  }

  .menu-items.svelte-epy55j::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }

  .menu-items.svelte-epy55j::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
  }

  .menu-items.svelte-epy55j::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  
  .item-content.svelte-epy55j {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  
  .item-title.svelte-epy55j {
    font-weight: 600;
    font-size: 14px;
    color: white;
  }
  
  .item-desc.svelte-epy55j {
    font-size: 11px;
    color: #B0B0B0;
    line-height: 1.4;
  }

  .modal-overlay.svelte-1kx6ub6 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    animation: svelte-1kx6ub6-fadeIn 0.2s ease-out;
    padding: 20px;
  }
  
  @keyframes svelte-1kx6ub6-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  .consent-modal.svelte-1kx6ub6 {
    background: linear-gradient(135deg, rgba(138, 43, 226, 0.15), rgba(138, 43, 226, 0.05));
    backdrop-filter: blur(20px);
    border: 2px solid rgba(138, 43, 226, 0.4);
    border-radius: 16px;
    padding: 0;
    max-width: 550px;
    width: 100%;
    max-height: 85vh;
    overflow-y: auto;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.8);
    animation: svelte-1kx6ub6-slideUp 0.3s ease-out;
    position: relative;
    z-index: 1000000;
  }
  
  @keyframes svelte-1kx6ub6-slideUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .consent-modal.svelte-1kx6ub6::-webkit-scrollbar {
    width: 8px;
  }

  .consent-modal.svelte-1kx6ub6::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }

  .consent-modal.svelte-1kx6ub6::-webkit-scrollbar-thumb {
    background: rgba(138, 43, 226, 0.5);
    border-radius: 4px;
  }
  
  .modal-header.svelte-1kx6ub6 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px 24px 20px 24px;
    border-bottom: 1px solid rgba(138, 43, 226, 0.3);
    position: relative;
  }
  
  .header-icon.svelte-1kx6ub6 {
    color: #8A2BE2;
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
  
  .modal-header.svelte-1kx6ub6 h3:where(.svelte-1kx6ub6) {
    flex: 1;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: white;
    padding-right: 40px;
  }
  
  .close-btn.svelte-1kx6ub6 {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    padding: 8px;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
    z-index: 100001;
    flex-shrink: 0;
  }
  
  .close-btn.svelte-1kx6ub6:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
  }
  
  .close-btn.svelte-1kx6ub6:active {
    transform: scale(0.95);
  }
  
  .modal-body.svelte-1kx6ub6 {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  
  .main-text.svelte-1kx6ub6 {
    font-size: 15px;
    line-height: 1.6;
    color: #E0E0E0;
    margin: 0;
  }
  
  .wallet-name.svelte-1kx6ub6 {
    color: #8A2BE2;
    font-weight: 600;
  }
  
  .warning-box.svelte-1kx6ub6 {
    display: flex;
    gap: 12px;
    padding: 16px;
    background: rgba(138, 43, 226, 0.1);
    border: 1px solid rgba(138, 43, 226, 0.3);
    border-radius: 8px;
  }
  
  .warning-box.svelte-1kx6ub6 svg {
    color: #8A2BE2;
    flex-shrink: 0;
    margin-top: 2px;
  }
  
  .warning-content.svelte-1kx6ub6 {
    flex: 1;
  }
  
  .warning-title.svelte-1kx6ub6 {
    font-weight: 600;
    color: #8A2BE2;
    margin: 0 0 6px 0;
    font-size: 13px;
  }
  
  .warning-content.svelte-1kx6ub6 p:where(.svelte-1kx6ub6):last-child {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #D0D0D0;
  }

  .api-limit-box.svelte-1kx6ub6 {
    display: flex;
    gap: 12px;
    padding: 16px;
    background: rgba(255, 68, 68, 0.1);
    border: 1px solid rgba(255, 68, 68, 0.3);
    border-radius: 8px;
  }

  .api-limit-box.svelte-1kx6ub6 svg {
    color: #ff4444;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .api-limit-content.svelte-1kx6ub6 {
    flex: 1;
  }

  .api-limit-title.svelte-1kx6ub6 {
    font-weight: 600;
    color: #ff4444;
    margin: 0 0 6px 0;
    font-size: 13px;
  }

  .api-limit-text.svelte-1kx6ub6 {
    margin: 0;
    color: #D0D0D0;
    font-size: 13px;
    line-height: 1.6;
  }
  
  .info-text.svelte-1kx6ub6 {
    font-size: 13px;
    color: #B0B0B0;
    margin: 0;
    line-height: 1.6;
    padding: 12px;
    background: rgba(0, 255, 136, 0.05);
    border: 1px solid rgba(0, 255, 136, 0.2);
    border-radius: 8px;
  }

  .info-text.svelte-1kx6ub6 strong:where(.svelte-1kx6ub6) {
    color: #00FF88;
  }
  
  .modal-actions.svelte-1kx6ub6 {
    display: flex;
    gap: 12px;
    padding: 20px 24px 24px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  .cancel-btn.svelte-1kx6ub6 {
    flex: 1;
    padding: 12px 24px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: white;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 44px;
  }
  
  .cancel-btn.svelte-1kx6ub6:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
  }
  
  .cancel-btn.svelte-1kx6ub6:active {
    transform: scale(0.98);
  }
  
  .confirm-btn.svelte-1kx6ub6 {
    flex: 1;
    padding: 12px 24px;
    background: linear-gradient(135deg, #00FF88, #00CC6A);
    border: none;
    border-radius: 8px;
    color: #1a1a2e;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
    min-height: 44px;
  }
  
  .confirm-btn.svelte-1kx6ub6:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 255, 136, 0.4);
  }
  
  .confirm-btn.svelte-1kx6ub6:active {
    transform: translateY(0);
  }
  
  .progress-banner.svelte-1kx6ub6 {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.98), rgba(22, 33, 62, 0.98));
    border: 2px solid rgba(0, 255, 136, 0.4);
    border-radius: 12px;
    padding: 16px 20px;
    min-width: 400px;
    max-width: 600px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(20px);
    z-index: 10000;
    animation: svelte-1kx6ub6-slideInUp 0.3s ease-out;
  }
  
  @keyframes svelte-1kx6ub6-slideInUp {
    from {
      opacity: 0;
      transform: translate(-50%, 20px);
    }
    to {
      opacity: 1;
      transform: translate(-50%, 0);
    }
  }
  
  .progress-content.svelte-1kx6ub6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  
  .progress-info.svelte-1kx6ub6 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
  }
  
  .progress-text.svelte-1kx6ub6 {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  
  .progress-title.svelte-1kx6ub6 {
    font-size: 14px;
    font-weight: 600;
    color: white;
  }
  
  .progress-count.svelte-1kx6ub6 {
    font-size: 12px;
    color: #00FF88;
    font-family: 'JetBrains Mono', monospace;
  }
  
  .stop-btn.svelte-1kx6ub6 {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: rgba(255, 68, 68, 0.2);
    border: 1px solid rgba(255, 68, 68, 0.4);
    border-radius: 6px;
    color: #ff4444;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
  }
  
  .stop-btn.svelte-1kx6ub6:hover {
    background: rgba(255, 68, 68, 0.3);
    border-color: rgba(255, 68, 68, 0.6);
  }
  
  .progress-bar.svelte-1kx6ub6 {
    margin-top: 12px;
    height: 4px;
    background: rgba(0, 255, 136, 0.2);
    border-radius: 2px;
    overflow: hidden;
  }
  
  .progress-bar-fill.svelte-1kx6ub6 {
    height: 100%;
    background: linear-gradient(90deg, #00FF88, #00CC6A, #00FF88);
    background-size: 200% 100%;
    animation: svelte-1kx6ub6-shimmer 2s linear infinite;
    border-radius: 2px;
  }
  
  @keyframes svelte-1kx6ub6-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
  }
  
  .spinner {
    animation: svelte-1kx6ub6-spin 1s linear infinite;
  }
  
  @keyframes svelte-1kx6ub6-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }
  
  @media (max-width: 768px) {
    .modal-overlay.svelte-1kx6ub6 {
      padding: 16px;
    }
    
    .consent-modal.svelte-1kx6ub6 {
      width: 100%;
      max-width: none;
      border-radius: 12px;
      max-height: 90vh;
    }
    
    .modal-header.svelte-1kx6ub6 {
      padding: 20px 16px 16px 16px;
    }
    
    .modal-header.svelte-1kx6ub6 h3:where(.svelte-1kx6ub6) {
      font-size: 18px;
      padding-right: 36px;
    }
    
    .modal-body.svelte-1kx6ub6 {
      padding: 16px;
    }
    
    .modal-actions.svelte-1kx6ub6 {
      flex-direction: column;
      padding: 16px;
    }
    
    .cancel-btn.svelte-1kx6ub6,
    .confirm-btn.svelte-1kx6ub6 {
      width: 100%;
      min-height: 48px;
    }
    
    .progress-banner.svelte-1kx6ub6 {
      min-width: 90%;
      left: 50%;
      transform: translateX(-50%);
      bottom: 16px;
      max-width: calc(100vw - 32px);
      padding: 12px 16px;
    }
    
    .progress-content.svelte-1kx6ub6 {
      flex-direction: column;
      align-items: stretch;
    }
    
    .progress-info.svelte-1kx6ub6 {
      width: 100%;
    }
    
    .stop-btn.svelte-1kx6ub6 {
      width: 100%;
      justify-content: center;
      min-height: 44px;
    }
  }
  
  @media (hover: none) and (pointer: coarse) {
    .close-btn.svelte-1kx6ub6,
    .cancel-btn.svelte-1kx6ub6,
    .confirm-btn.svelte-1kx6ub6,
    .stop-btn.svelte-1kx6ub6 {
      min-height: 48px;
      min-width: 48px;
    }
  }

  .wallet-grid-card.svelte-1d57mnt {
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.6) 0%, rgba(22, 33, 62, 0.6) 100%);
    border: 2px solid rgba(51, 212, 212, 0.25);
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 0.3s ease;
    position: relative;
    min-height: 280px;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  }
  
  .wallet-grid-card.svelte-1d57mnt:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5), 
                0 0 20px rgba(51, 212, 212, 0.15);
    border-color: rgba(51, 212, 212, 0.4);
  }
  
  .wallet-grid-card.inactive.svelte-1d57mnt {
    opacity: 0.6;
    border-style: dashed;
    border-color: rgba(255, 255, 255, 0.2);
  }
  
  .wallet-grid-card.session-wallet.svelte-1d57mnt {
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.6) 0%, rgba(32, 42, 82, 0.6) 100%);
    border-color: rgba(100, 149, 237, 0.35);
  }
  
  .wallet-grid-card.session-wallet.svelte-1d57mnt:hover {
    border-color: rgba(100, 149, 237, 0.5);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5), 
                0 0 20px rgba(100, 149, 237, 0.15);
  }
  
  .card-header.svelte-1d57mnt {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    position: relative;
  }
  
  .wallet-icon.svelte-1d57mnt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(51, 212, 212, 0.15);
    border-radius: 12px;
    color: #33d4d4ff;
    flex-shrink: 0;
    border: 1px solid rgba(51, 212, 212, 0.3);
  }
  
  .wallet-icon.session-icon.svelte-1d57mnt {
    background: rgba(100, 149, 237, 0.15);
    color: #6495ED;
    border-color: rgba(100, 149, 237, 0.3);
  }
  
  .header-info.svelte-1d57mnt {
    flex: 1;
    min-width: 0;
  }
  
  .wallet-name.svelte-1d57mnt {
    font-size: 18px;
    font-weight: 700;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 4px;
  }
  
  .wallet-address.svelte-1d57mnt {
    font-size: 12px;
    font-family: 'JetBrains Mono', monospace;
    color: #B0B0B0;
  }
  
  .status-indicator.svelte-1d57mnt {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #FF4444;
    flex-shrink: 0;
    margin-top: 4px;
  }
  
  .status-indicator.active.svelte-1d57mnt {
    background: #00FF88;
    box-shadow: 0 0 12px rgba(0, 255, 136, 0.6);
  }
  
  .menu-btn.svelte-1d57mnt {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    padding: 6px;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
  }
  
  .menu-btn.svelte-1d57mnt:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
  }
  
  .context-menu.svelte-1d57mnt {
    position: absolute;
    top: 100%;
    right: 0;
    background: rgba(26, 26, 46, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(20px);
    z-index: 1000;
    min-width: 180px;
    margin-top: 8px;
    animation: svelte-1d57mnt-slideDown 0.2s ease-out;
    overflow: hidden;
  }
  
  @keyframes svelte-1d57mnt-slideDown {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .menu-item.svelte-1d57mnt {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 13px;
    transition: background 0.2s ease;
    text-align: left;
  }
  
  .menu-item.svelte-1d57mnt:hover {
    background: rgba(255, 255, 255, 0.1);
  }
  
  .menu-item.danger.svelte-1d57mnt {
    color: #ff4444;
  }
  
  .menu-item.danger.svelte-1d57mnt:hover {
    background: rgba(255, 68, 68, 0.2);
  }
  
  .menu-item.svelte-1d57mnt svg {
    color: #33d4d4ff;
    flex-shrink: 0;
  }
  
  .menu-item.danger.svelte-1d57mnt svg {
    color: #ff4444;
  }
  
  .menu-divider.svelte-1d57mnt {
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 4px 0;
  }
  
  .card-body.svelte-1d57mnt {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
  }
  
  .balance-section.svelte-1d57mnt {
    padding: 16px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  .balance-label.svelte-1d57mnt {
    font-size: 11px;
    color: #B0B0B0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 8px;
  }
  
  .balance-row.svelte-1d57mnt {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .balance-value.svelte-1d57mnt {
    font-size: 24px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    color: #33d4d4ff;
    text-shadow: 0 2px 10px rgba(51, 212, 212, 0.3);
  }
  
  .balance-usd.svelte-1d57mnt {
    font-size: 14px;
    color: #B0B0B0;
  }
  
  .stats-section.svelte-1d57mnt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  
  .stat-item.svelte-1d57mnt {
    padding: 12px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.05);
  }
  
  .stat-label.svelte-1d57mnt {
    font-size: 10px;
    color: #B0B0B0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 6px;
  }
  
  .stat-value.svelte-1d57mnt {
    font-size: 16px;
    font-weight: 600;
    color: white;
  }
  
  .card-footer.svelte-1d57mnt {
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  /* (unused) .footer-actions {
    display: flex;
    gap: 8px;
  }*/
  
  .report-btn.svelte-1d57mnt {
    flex: 1;
    padding: 10px 16px;
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 8px;
    color: #00FF88;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease;
  }
  
  .report-btn.svelte-1d57mnt:hover {
    background: rgba(0, 255, 136, 0.2);
    border-color: rgba(0, 255, 136, 0.5);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
  }
  
  .reload-btn.svelte-1d57mnt {
    flex: 1;
    padding: 10px 16px;
    background: rgba(51, 212, 212, 0.1);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 8px;
    color: #33d4d4ff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease;
  }
  
  .reload-btn.svelte-1d57mnt:hover {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(51, 212, 212, 0.3);
  }
  
  .view-transactions-btn.svelte-1d57mnt {
    width: 100%;
    padding: 10px 16px;
    background: rgba(51, 212, 212, 0.1);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 8px;
    color: #33d4d4ff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease;
  }
  
  .view-transactions-btn.svelte-1d57mnt:hover:not(:disabled) {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
    transform: translateY(-2px);
  }
  
  .view-transactions-btn.svelte-1d57mnt:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
  }
  
  /* (unused) .auto-load-btn {
    width: 100%;
    padding: 10px 16px;
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 8px;
    color: #00FF88;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease;
  }*/
  
  /* (unused) .auto-load-btn:hover:not(:disabled) {
    background: rgba(0, 255, 136, 0.2);
    border-color: rgba(0, 255, 136, 0.5);
    transform: translateY(-2px);
  }*/
  
  /* (unused) .auto-load-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
  }*/
  
  .spinner {
    animation: svelte-1d57mnt-spin 1s linear infinite;
  }
  
  @keyframes svelte-1d57mnt-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  .icon-btn.svelte-1ewlleo {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    padding: 6px;
    border-radius: 4px;
    transition: background 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .add-btn.svelte-1ewlleo {
    color: #00FF88;
  }

  .modal-overlay.svelte-1ewlleo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    backdrop-filter: blur(4px);
  }

  .modal-content.svelte-1ewlleo {
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.95), rgba(26, 26, 46, 0.98));
    border: 2px solid rgba(138, 43, 226, 0.4);
    border-radius: 16px;
    padding: 32px;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  }

  .modal-content.svelte-1ewlleo h3:where(.svelte-1ewlleo) {
    margin: 0 0 8px 0;
    color: #8A2BE2;
    font-size: 24px;
    font-weight: 700;
  }

  .modal-description.svelte-1ewlleo {
    margin: 0 0 24px 0;
    color: #B0B0B0;
    font-size: 14px;
  }

  .title-input.svelte-1ewlleo {
    width: 100%;
    padding: 12px 16px;
    background: rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: white;
    font-size: 16px;
    font-family: inherit;
    margin-bottom: 24px;
    transition: all 0.2s ease;
  }

  .title-input.svelte-1ewlleo:focus {
    outline: none;
    border-color: rgba(138, 43, 226, 0.5);
    background: rgba(0, 0, 0, 0.4);
  }

  .title-input.svelte-1ewlleo::placeholder {
    color: rgba(255, 255, 255, 0.3);
  }

  .modal-actions.svelte-1ewlleo {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
  }

  .btn-secondary.svelte-1ewlleo,
  .btn-primary.svelte-1ewlleo {
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
  }

  .btn-secondary.svelte-1ewlleo {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
  }

  .btn-secondary.svelte-1ewlleo:hover {
    background: rgba(255, 255, 255, 0.15);
  }

  .btn-primary.svelte-1ewlleo {
    background: linear-gradient(135deg, #8A2BE2, #6A0DAD);
    color: white;
  }

  .btn-primary.svelte-1ewlleo:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(138, 43, 226, 0.4);
  }

  /* Mobile Styles (usually 768px or 640px) */
  @media (max-width: 640px) {
    .btn-text.svelte-1ewlleo {
      display: none; /* Hides the word "Download" */
    }

    /* (unused) .download-btn {
      padding: 10px; /* Makes the button square/circular for the icon *\/
      gap: 0;        /* Removes gap since there's no text *\/
    }*/
  }

  .context-menu.svelte-1uqhwkj {
    /* Critical for positioning */
    position: fixed;
    z-index: 10000;
    
    /* Visuals */
    background: #0b0b15;
    border: 2px solid #8A2BE2;
    border-radius: 10px;
    padding: 6px;
    box-shadow: 0 0 25px rgba(138, 43, 226, 0.5), 0 10px 40px rgba(0,0,0,0.8);
    display: flex;
    flex-direction: column;
    min-width: 220px;
    backdrop-filter: blur(12px);
  }

  .context-menu-header.svelte-1uqhwkj {
    font-size: 10px;
    text-transform: uppercase;
    color: #8A2BE2;
    padding: 8px 14px;
    letter-spacing: 1.2px;
    font-weight: 900;
    opacity: 0.7;
    border-bottom: 1px solid rgba(138, 43, 226, 0.2);
    margin-bottom: 4px;
  }

  .divider.svelte-1uqhwkj {
    height: 1px;
    background: rgba(138, 43, 226, 0.2);
    margin: 4px 8px;
  }

  button.svelte-1uqhwkj {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    color: #efefef;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    border-radius: 6px;
    transition: all 0.2s ease-out;
  }

  button.svelte-1uqhwkj:hover {
    background: rgba(138, 43, 226, 0.2);
    color: #00FF88;
    transform: translateX(4px);
  }

  /* (unused) button.delete-btn:hover {
    color: #ff4d4d;
    background: rgba(255, 77, 77, 0.1);
  }*/

  span.svelte-1uqhwkj {
    white-space: nowrap;
  }

  .route-viewer-overlay.svelte-1sskjbk {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    animation: svelte-1sskjbk-fadeIn 0.2s ease-out;
  }

  @keyframes svelte-1sskjbk-fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .route-viewer-modal.svelte-1sskjbk {
    width: 100%;
    max-width: 1400px;
    height: 100%;
    max-height: 900px;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    border: 2px solid rgba(138, 43, 226, 0.6);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: svelte-1sskjbk-slideUp 0.3s ease-out;
  }

  @keyframes svelte-1sskjbk-slideUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .modal-header.svelte-1sskjbk {
    padding: 20px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
    flex-shrink: 0;
  }

  .header-info.svelte-1sskjbk h2:where(.svelte-1sskjbk) {
    margin: 0;
    color: #8A2BE2;
    font-size: 20px;
    font-weight: 700;
  }

  .header-info.svelte-1sskjbk p:where(.svelte-1sskjbk) {
    margin: 4px 0 0 0;
    color: #B0B0B0;
    font-size: 13px;
  }

  .header-actions.svelte-1sskjbk {
    display: flex;
    gap: 8px;
  }

  .action-btn.svelte-1sskjbk {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid transparent;
  }

  .layout-btn.svelte-1sskjbk {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
  }

  .layout-btn.svelte-1sskjbk:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
  }

  /* (unused) .download-btn {
    background: rgba(0, 255, 136, 0.2);
    border-color: rgba(0, 255, 136, 0.4);
    color: #00FF88;
  }*/

  /* (unused) .download-btn:hover:not(:disabled) {
    background: rgba(0, 255, 136, 0.3);
    border-color: rgba(0, 255, 136, 0.6);
  }*/

  /* (unused) .download-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }*/

  .close-btn.svelte-1sskjbk {
    background: rgba(255, 68, 68, 0.2);
    border-color: rgba(255, 68, 68, 0.4);
    color: #ff4444;
    padding: 10px 12px;
  }

  .close-btn.svelte-1sskjbk:hover {
    background: rgba(255, 68, 68, 0.3);
    border-color: rgba(255, 68, 68, 0.6);
  }

  .route-viewer-flow.svelte-1sskjbk {
    flex: 1;
    position: relative;
    background: rgba(0, 0, 0, 0.2);
  }

  .route-viewer-flow .svelte-flow {
    background: transparent;
  }

  .route-viewer-flow .svelte-flow__controls {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    backdrop-filter: blur(10px);
  }

  .route-viewer-flow .svelte-flow__controls button {
    background: transparent;
    color: white;
    border: none;
    padding: 8px;
    margin: 4px;
    border-radius: 4px;
    transition: background 0.2s;
  }

  .route-viewer-flow .svelte-flow__controls button:hover {
    background: rgba(255, 255, 255, 0.1);
  }

  @media (max-width: 768px) {
    .route-viewer-overlay.svelte-1sskjbk {
      padding: 20px;
    }

    .route-viewer-modal.svelte-1sskjbk {
      max-height: 100%;
    }

    .modal-header.svelte-1sskjbk {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }

    .header-actions.svelte-1sskjbk {
      width: 100%;
      justify-content: space-between;
    }

    .action-btn.svelte-1sskjbk span:where(.svelte-1sskjbk) {
      display: none;
    }

    .action-btn.svelte-1sskjbk {
      padding: 10px 12px;
    }
  }

  @media (max-width: 768px) {
    .svelte-flow__minimap {
      /* Make it smaller for mobile */
      transform: scale(0.5);
      transform-origin: bottom right;
      
      /* Move it higher to avoid overlapping mobile navigation bars */
      bottom: 20px !important;
      right: 10px !important;
      
      /* Optional: Make it semi-transparent until hovered */
      opacity: 0.6;
      transition: opacity 0.3s;
    }

    .svelte-flow__minimap:hover {
      opacity: 1;
    }
  }

  .context-menu.svelte-192vamk {
    /* Critical for positioning */
    position: fixed;
    z-index: 10000;
    
    /* Visuals */
    background: #0b0b15;
    border: 2px solid #8A2BE2;
    border-radius: 10px;
    padding: 6px;
    box-shadow: 0 0 25px rgba(138, 43, 226, 0.5), 0 10px 40px rgba(0,0,0,0.8);
    display: flex;
    flex-direction: column;
    min-width: 220px;
    backdrop-filter: blur(12px);
  }

  .context-menu-header.svelte-192vamk {
    font-size: 10px;
    text-transform: uppercase;
    color: #8A2BE2;
    padding: 8px 14px;
    letter-spacing: 1.2px;
    font-weight: 900;
    opacity: 0.7;
    border-bottom: 1px solid rgba(138, 43, 226, 0.2);
    margin-bottom: 4px;
  }

  .divider.svelte-192vamk {
    height: 1px;
    background: rgba(138, 43, 226, 0.2);
    margin: 4px 8px;
  }

  button.svelte-192vamk {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    color: #efefef;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    border-radius: 6px;
    transition: all 0.2s ease-out;
  }

  button.svelte-192vamk:hover {
    background: rgba(138, 43, 226, 0.2);
    color: #00FF88;
    transform: translateX(4px);
  }

  /* (unused) button.delete-btn:hover {
    color: #ff4d4d;
    background: rgba(255, 77, 77, 0.1);
  }*/

  span.svelte-192vamk {
    white-space: nowrap;
  }

  .modal-backdrop.svelte-1ww5e3c {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    animation: svelte-1ww5e3c-fadeIn 0.2s ease;
  }

  @keyframes svelte-1ww5e3c-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  .modal-container.svelte-1ww5e3c {
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.98), rgba(22, 33, 62, 0.98));
    border: 2px solid rgba(0, 255, 136, 0.4);
    border-radius: 16px;
    padding: 32px;
    max-width: 500px;
    width: 90%;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: svelte-1ww5e3c-slideUp 0.3s ease;
  }

  @keyframes svelte-1ww5e3c-slideUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .close-btn.svelte-1ww5e3c {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 8px;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  .close-btn.svelte-1ww5e3c:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .modal-icon.svelte-1ww5e3c {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    background: rgba(0, 255, 136, 0.2);
    border: 2px solid rgba(0, 255, 136, 0.4);
    border-radius: 50%;
    color: #00FF88;
  }

  .modal-title.svelte-1ww5e3c {
    font-size: 24px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin: 0 0 24px 0;
  }

  .modal-content.svelte-1ww5e3c {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
  }

  .main-text.svelte-1ww5e3c {
    font-size: 15px;
    color: #E0E0E0;
    text-align: center;
    line-height: 1.6;
    margin: 0;
  }

  .stats-card.svelte-1ww5e3c {
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .stat-row.svelte-1ww5e3c {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .stat-label.svelte-1ww5e3c {
    font-size: 13px;
    color: #B0B0B0;
  }

  .stat-value.svelte-1ww5e3c {
    font-weight: 600;
  }

  .wallet-value.svelte-1ww5e3c {
    color: #00FF88;
    font-family: 'JetBrains Mono', monospace;
  }

  .count-value.svelte-1ww5e3c {
    color: white;
    font-size: 18px;
    font-weight: 700;
  }

  .info-box.svelte-1ww5e3c {
    display: flex;
    gap: 12px;
    padding: 16px;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-radius: 8px;
  }

  .info-box.svelte-1ww5e3c svg {
    color: #60A5FA;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .info-content.svelte-1ww5e3c {
    flex: 1;
  }

  .info-title.svelte-1ww5e3c {
    font-weight: 600;
    color: #60A5FA;
    margin: 0 0 8px 0;
    font-size: 13px;
  }

  .info-content.svelte-1ww5e3c ul:where(.svelte-1ww5e3c) {
    margin: 0;
    padding-left: 20px;
    color: #D0D0D0;
    font-size: 13px;
    line-height: 1.6;
  }

  .info-content.svelte-1ww5e3c li:where(.svelte-1ww5e3c) {
    margin: 4px 0;
  }

  .tip-text.svelte-1ww5e3c {
    font-size: 12px;
    color: #B0B0B0;
    text-align: center;
    font-style: italic;
    margin: 0;
  }

  .btn.svelte-1ww5e3c {
    width: 100%;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
  }

  .btn-primary.svelte-1ww5e3c {
    background: linear-gradient(135deg, #00FF88, #00CC6A);
    color: #1a1a2e;
    box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
  }

  .btn-primary.svelte-1ww5e3c:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 255, 136, 0.4);
  }

  @media (max-width: 768px) {
    .modal-container.svelte-1ww5e3c {
      padding: 24px;
    }

    .modal-title.svelte-1ww5e3c {
      font-size: 20px;
    }
  }

  .network-container.svelte-1h5abdp {
    width: 100%;
    height: 100%;
    flex: 1;
    position: relative;
    /* ✅ CRITICAL FIX: Ensure proper height calculation with flex layout */
    min-height: 0;
    overflow: hidden;
  }

  .wallets-grid-view.svelte-1h5abdp {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 32px;
    background: rgba(26, 26, 46, 0.5);
  }

  .grid-header.svelte-1h5abdp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 2px solid rgba(138, 43, 226, 0.3);
  }

  .grid-header.svelte-1h5abdp h2:where(.svelte-1h5abdp) {
    font-size: 28px;
    font-weight: 700;
    color: #8A2BE2;
    margin: 0;
  }

  .header-actions.svelte-1h5abdp {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .wallet-count.svelte-1h5abdp {
    font-size: 14px;
    color: #B0B0B0;
    padding: 6px 16px;
    background: rgba(138, 43, 226, 0.1);
    border: 1px solid rgba(138, 43, 226, 0.3);
    border-radius: 20px;
  }

  .add-wallet-btn.svelte-1h5abdp {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 8px;
    color: #00FF88;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .add-wallet-btn.svelte-1h5abdp:hover {
    background: rgba(0, 255, 136, 0.2);
    border-color: rgba(0, 255, 136, 0.5);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
  }

  .upgrade-wallet-btn.svelte-1h5abdp {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 165, 0, 0.15)) !important;
    border: 2px solid rgba(255, 215, 0, 0.4) !important;
    border-radius: 8px;
    color: #FFD700 !important;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .upgrade-wallet-btn.svelte-1h5abdp:hover {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.25), rgba(255, 165, 0, 0.25)) !important;
    border-color: rgba(255, 215, 0, 0.6) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
  }

  .wallets-grid.svelte-1h5abdp {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
    padding: 4px;
  }

  .empty-state.svelte-1h5abdp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
    text-align: center;
    color: #B0B0B0;
    padding: 40px;
  }

  .empty-state.svelte-1h5abdp svg:where(.svelte-1h5abdp) {
    color: rgba(51, 212, 212, 0.3);
    margin-bottom: 8px;
  }

  .empty-state.svelte-1h5abdp h3:where(.svelte-1h5abdp) {
    font-size: 20px;
    font-weight: 600;
    color: white;
    margin: 0;
  }

  .empty-state.svelte-1h5abdp p:where(.svelte-1h5abdp) {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    max-width: 400px;
  }

  .empty-state.svelte-1h5abdp .hint:where(.svelte-1h5abdp) {
    font-size: 12px;
    color: #999;
    font-style: italic;
    margin-top: 8px;
  }

  .add-wallet-cta.svelte-1h5abdp {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    margin-top: 16px;
    background: rgba(0, 255, 136, 0.15);
    border: 2px solid rgba(0, 255, 136, 0.4);
    border-radius: 12px;
    color: #00FF88;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .add-wallet-cta.svelte-1h5abdp:hover {
    background: rgba(0, 255, 136, 0.25);
    border-color: rgba(0, 255, 136, 0.6);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 255, 136, 0.3);
  }

  .layout-controls.svelte-1h5abdp {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 10;
    display: flex;
    gap: 8px;
  }

  .layout-toggle-btn.svelte-1h5abdp {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: white;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    backdrop-filter: blur(10px);
    transition: all 0.2s ease;
  }

  .layout-toggle-btn.svelte-1h5abdp:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }

  .pagination-controls.svelte-1h5abdp {
    position: absolute;
    bottom: 24px;
    right: 24px;
    z-index: 9;
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(26, 26, 46, 0.95);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 12px;
    padding: 6px 12px;
    backdrop-filter: blur(10px);
    animation: svelte-1h5abdp-slideUp 0.3s ease-out;
    opacity: 0.25;
    transition: opacity 0.3s ease;
    /* Stack below minimap - minimap is ~150px tall + 16px default margin = 166px */
    margin-bottom: 166px;
  }
  
  .pagination-controls.svelte-1h5abdp:hover {
    opacity: 1;
    border-color: rgba(51, 212, 212, 0.5);
  }

  .pagination-controls.filtered.svelte-1h5abdp {
    border-color: rgba(0, 255, 136, 0.6);
    background: rgba(26, 26, 46, 0.98);
  }

  @keyframes svelte-1h5abdp-slideUp {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 0.25;
      transform: translateY(0);
    }
  }

  .page-btn.svelte-1h5abdp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: rgba(51, 212, 212, 0.1);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 6px;
    color: #33d4d4ff;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .page-btn.svelte-1h5abdp:hover:not(:disabled) {
    background: rgba(0, 255, 136, 0.2);
    border-color: rgba(0, 255, 136, 0.6);
    color: #00FF88;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
  }

  .page-btn.svelte-1h5abdp:disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }

  .page-info.svelte-1h5abdp {
    font-size: 11px;
    color: #33d4d4ff;
    font-weight: 600;
    white-space: nowrap;
  }

  .node-count.svelte-1h5abdp {
    font-size: 9px;
    color: #B0B0B0;
    margin-left: 4px;
    opacity: 0.8;
  }

  .svelte-flow {
    background: transparent;
  }

  .svelte-flow__controls {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    backdrop-filter: blur(10px);
  }

  .svelte-flow__controls button {
    background: transparent;
    color: white;
    border: none;
    padding: 8px;
    margin: 4px;
    border-radius: 4px;
    transition: background 0.2s;
  }

  .svelte-flow__controls button:hover {
    background: rgba(255, 255, 255, 0.1);
  }

  .highlighted-edge path {
    stroke: #8A2BE2;
    stroke-width: 3px; 
    opacity: 1;
  }

  .svelte-flow__selectionbox {
    background: rgba(138, 43, 226, 0.1);
    border: 2px dashed rgba(138, 43, 226, 0.6);
  }

  .svelte-flow__node.selected {
    box-shadow: 0 0 0 3px rgba(138, 43, 226, 0.5);
  }

  .wallets-grid-view.svelte-1h5abdp::-webkit-scrollbar {
    width: 10px;
  }

  .wallets-grid-view.svelte-1h5abdp::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
  }

  .wallets-grid-view.svelte-1h5abdp::-webkit-scrollbar-thumb {
    background: rgba(138, 43, 226, 0.4);
    border-radius: 5px;
  }

  .wallets-grid-view.svelte-1h5abdp::-webkit-scrollbar-thumb:hover {
    background: rgba(138, 43, 226, 0.6);
  }

  @media (max-width: 768px) {
    .wallets-grid-view.svelte-1h5abdp {
      padding: 16px;
    }

    .wallets-grid.svelte-1h5abdp {
      grid-template-columns: 1fr;
      gap: 16px;
      padding-bottom: 40px;
    }

    .grid-header.svelte-1h5abdp {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }

    .grid-header.svelte-1h5abdp h2:where(.svelte-1h5abdp) {
      font-size: 20px;
    }

    .layout-controls.svelte-1h5abdp {
      top: 8px;
      left: 8px;
    }

    .layout-toggle-btn.svelte-1h5abdp span:where(.svelte-1h5abdp) {
      display: none;
    }

    .layout-toggle-btn.svelte-1h5abdp {
      padding: 8px 12px;
    }

    .pagination-controls.svelte-1h5abdp {
      bottom: 16px;
      right: 16px;
      padding: 4px 8px;
      gap: 6px;
      margin-bottom: 166px;
    }

    /* Session section responsive styles */
    .section-title.svelte-1h5abdp {
      gap: 8px;
    }

    .section-title.svelte-1h5abdp h3:where(.svelte-1h5abdp) {
      font-size: 16px;
      flex: 1;
      min-width: 0;
    }

    .section-count.svelte-1h5abdp {
      font-size: 11px;
      padding: 3px 10px;
    }
  }

  .svelte-flow__node {
    z-index: 10 !important;
  }

  .svelte-flow__node-toolbar {
    z-index: 1000 !important;
  }

  .loading-indicator.svelte-1h5abdp {
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    color: #33d4d4ff;
    font-size: 9px;
  }

  .spinner {
    animation: svelte-1h5abdp-spin 1s linear infinite;
  }

  @keyframes svelte-1h5abdp-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }

/* (unused) .context-menu {
    position: fixed;
    z-index: 10000;
    background: #0f0f1a;
    border: 2px solid #8A2BE2;
    border-radius: 12px;
    padding: 8px;
    box-shadow: 0 0 20px rgba(138, 43, 226, 0.4), 0 15px 35px rgba(0,0,0,0.7);
    display: flex;
    flex-direction: column;
    min-width: 240px;
    backdrop-filter: blur(10px);
  }*/

  /* (unused) .context-menu-header {
    font-size: 11px;
    text-transform: uppercase;
    color: #8A2BE2;
    padding: 10px 18px;
    letter-spacing: 1.5px;
    font-weight: 800;
    opacity: 0.8;
  }*/

  /* (unused) .divider {
    height: 1px;
    background: rgba(138, 43, 226, 0.2);
    margin: 4px 0;
  }*/

  /* (unused) .context-menu button {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: transparent;
    border: none;
    color: #e0e0e0;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    border-radius: 8px;
    transition: all 0.2s ease;
  }*/

  /* (unused) .context-menu button:hover {
    background: rgba(138, 43, 226, 0.25);
    color: #00FF88;
    transform: translateX(6px);
  }*/

  /* (unused) .context-menu button.delete:hover {
    color: #ff4d4d;
    background: rgba(255, 77, 77, 0.1);
  }*/

  span.svelte-1h5abdp {
    white-space: nowrap;
  }

  .filter-toggle-btn.svelte-1h5abdp {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: rgba(51, 212, 212, 0.1);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 8px;
    color: #33d4d4ff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    backdrop-filter: blur(10px);
    transition: all 0.2s ease;
    position: relative;
  }

  .filter-toggle-btn.svelte-1h5abdp:hover {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(51, 212, 212, 0.3);
  }

  .filter-toggle-btn.active.svelte-1h5abdp {
    background: rgba(0, 255, 136, 0.2);
    border-color: rgba(0, 255, 136, 0.5);
    color: #00FF88;
  }

  .filter-toggle-btn.active.svelte-1h5abdp::after {
    content: '';
    position: absolute;
    top: -4px;
    right: -4px;
    width: 8px;
    height: 8px;
    background: #00FF88;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0, 255, 136, 0.6);
    animation: svelte-1h5abdp-pulse 2s infinite;
  }

  @keyframes svelte-1h5abdp-pulse {
    0%, 100% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0.6;
      transform: scale(1.2);
    }
  }

  .filter-badge.svelte-1h5abdp {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 6px;
    background: rgba(0, 255, 136, 0.2);
    border: 1px solid rgba(0, 255, 136, 0.4);
    border-radius: 8px;
    font-size: 9px;
    color: #00FF88;
    margin-right: 6px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
  }

  

  .limit-badge.svelte-1h5abdp {
    /* Orange badge for limits */
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 6px;
    background: rgba(255, 165, 0, 0.2);
    border: 1px solid rgba(255, 165, 0, 0.4);
    border-radius: 8px;
    font-size: 9px;
    color: #ffa500;
    margin-left: 6px;
  }

  .session-info-banner.svelte-1h5abdp {
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(100, 149, 237, 0.15);
    border: 2px solid rgba(100, 149, 237, 0.4);
    border-radius: 12px;
    padding: 12px 20px;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(100, 149, 237, 0.3);
    animation: svelte-1h5abdp-slideDown 0.3s ease-out;
  }

  .session-icon-container.svelte-1h5abdp {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(100, 149, 237, 0.2);
    border-radius: 10px;
    color: #6495ED;
  }

  .session-details.svelte-1h5abdp {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .session-title.svelte-1h5abdp {
    font-size: 14px;
    font-weight: 700;
    color: #6495ED;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .session-metadata.svelte-1h5abdp {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }

  .meta-item.svelte-1h5abdp {
    font-size: 12px;
    color: #E0E0E0;
  }

  .meta-item.svelte-1h5abdp strong:where(.svelte-1h5abdp) {
    color: #6495ED;
    margin-right: 4px;
  }

  /* Mobile tooltip hidden by default */
  .session-mobile-tooltip.svelte-1h5abdp {
    display: none;
  }

  /* Mobile view: Show only icon with tooltip on click */
  @media (max-width: 768px) {
    .session-info-banner.svelte-1h5abdp {
      padding: 6px;
      gap: 0;
      width: 30px;
      height: 30px;
      left: 6px;
      top: 44px; /* Position below download button with more spacing */
      transform: none;
      cursor: pointer;
      position: absolute;
      border-radius: 8px;
      background: rgba(100, 149, 237, 0.2);
      border: 1px solid rgba(100, 149, 237, 0.4);
    }

    .session-icon-container.svelte-1h5abdp {
      width: 24px;
      height: 24px;
      background: transparent;
      border-radius: 0;
    }

    /* (unused) .session-file-icon {
      width: 18px;
      height: 18px;
    }*/

    .session-details.svelte-1h5abdp {
      display: none !important;
    }

    .session-mobile-tooltip.svelte-1h5abdp {
      display: block;
      position: absolute;
      top: 100%;
      left: 0;
      margin-top: 8px;
      background: rgba(26, 26, 46, 0.98);
      border: 2px solid rgba(100, 149, 237, 0.4);
      border-radius: 12px;
      padding: 12px 16px;
      min-width: 250px;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
      z-index: 1000;
      animation: fadeIn 0.2s ease;
    }

    .tooltip-row.svelte-1h5abdp {
      font-size: 12px;
      color: #E0E0E0;
      margin-bottom: 6px;
      white-space: nowrap;
    }

    .tooltip-row.svelte-1h5abdp:last-child {
      margin-bottom: 0;
    }

    .tooltip-row.svelte-1h5abdp strong:where(.svelte-1h5abdp) {
      color: #6495ED;
      margin-right: 8px;
    }
  }

  @keyframes svelte-1h5abdp-slideDown {
    from {
      opacity: 0;
      transform: translateX(-50%) translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }
  }

  
  /* Section styles for "Wallets" view */
  .wallet-section.svelte-1h5abdp {
    margin-bottom: 48px;
  }

  .wallet-section.svelte-1h5abdp:last-child {
    margin-bottom: 0;
  }

  .section-header.svelte-1h5abdp {
    margin-bottom: 24px;
    padding: 20px;
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.6) 0%, rgba(22, 33, 62, 0.6) 100%);
    border-radius: 16px;
    border: 2px solid rgba(51, 212, 212, 0.3);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
  }

  .section-title.svelte-1h5abdp {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
  }

  .section-title.svelte-1h5abdp h3:where(.svelte-1h5abdp) {
    font-size: 20px;
    font-weight: 700;
    color: #33d4d4ff;
    margin: 0;
    text-shadow: 0 2px 10px rgba(51, 212, 212, 0.3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
  }

  /* Tooltip hover effect for session titles */
  .session-section.svelte-1h5abdp .section-title[title]:where(.svelte-1h5abdp) {
    cursor: help;
    transition: all 0.2s ease;
  }

  .session-section.svelte-1h5abdp .section-title[title]:where(.svelte-1h5abdp):hover {
    opacity: 0.8;
  }

  .section-count.svelte-1h5abdp {
    padding: 4px 14px;
    background: rgba(0, 255, 136, 0.15);
    border: 1px solid rgba(0, 255, 136, 0.4);
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    color: #00FF88;
    text-shadow: 0 0 10px rgba(0, 255, 136, 0.5);
  }

  .section-description.svelte-1h5abdp {
    font-size: 13px;
    color: #B0B0B0;
    margin: 0;
  }

  /* Session-specific styles */
  .session-section.svelte-1h5abdp .section-header:where(.svelte-1h5abdp) {
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.6) 0%, rgba(32, 42, 82, 0.6) 100%);
    border-color: rgba(100, 149, 237, 0.4);
  }

  .session-header.svelte-1h5abdp .section-title:where(.svelte-1h5abdp) .session-icon {
    color: #6495ED;
  }

  .session-count.svelte-1h5abdp {
    background: rgba(100, 149, 237, 0.2);
    border-color: rgba(100, 149, 237, 0.4);
    color: #6495ED;
    text-shadow: 0 0 10px rgba(100, 149, 237, 0.4);
  }

  .meta-badge.svelte-1h5abdp {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(100, 149, 237, 0.15);
    border: 1px solid rgba(100, 149, 237, 0.3);
    border-radius: 8px;
    font-size: 12px;
    color: #6495ED;
    font-weight: 500;
  }

  /* (unused) .view-session-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(100, 149, 237, 0.2);
    border: 1px solid rgba(100, 149, 237, 0.4);
    border-radius: 8px;
    color: #6495ED;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }*/

  /* (unused) .view-session-btn:hover {
    background: rgba(100, 149, 237, 0.3);
    border-color: rgba(100, 149, 237, 0.6);
    transform: translateY(-2px);
  }*/


  @media (max-width: 768px) {
    .svelte-flow__minimap {
      /* Make it smaller for mobile */
      transform: scale(0.5);
      transform-origin: bottom right;
      
      /* Move it higher to avoid overlapping mobile navigation bars */
      bottom: 20px !important;
      right: 10px !important;
      
      /* Optional: Make it semi-transparent until hovered */
      opacity: 0.6;
      transition: opacity 0.3s;
    }

    .svelte-flow__minimap:hover {
      opacity: 1;
    }
  }
  

  


  .warning-overlay.svelte-1y6mv9c {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    animation: svelte-1y6mv9c-fadeIn 0.3s ease-out;
    padding: 20px;
    overflow-y: auto;
  }

  @keyframes svelte-1y6mv9c-fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .warning-modal.svelte-1y6mv9c {
    background: rgba(26, 26, 46, 0.95);
    border: 1px solid rgba(255, 68, 68, 0.3);
    border-radius: 16px;
    padding: 32px;
    max-width: 480px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    box-shadow: 0 8px 32px rgba(255, 68, 68, 0.2);
    animation: svelte-1y6mv9c-slideUp 0.3s ease-out;
    margin: auto;
  }

  @keyframes svelte-1y6mv9c-slideUp {
    from {
      transform: translateY(20px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .warning-icon.svelte-1y6mv9c {
    color: #ff4444;
    animation: svelte-1y6mv9c-pulse 2s infinite;
  }

  @keyframes svelte-1y6mv9c-pulse {
    0%, 100% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0.8;
      transform: scale(1.05);
    }
  }

  h2.svelte-1y6mv9c {
    font-size: 24px;
    font-weight: bold;
    color: white;
    margin: 0;
    text-align: center;
  }

  .time-remaining.svelte-1y6mv9c {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
    background: rgba(255, 68, 68, 0.1);
    border: 1px solid rgba(255, 68, 68, 0.3);
    border-radius: 12px;
    color: #ff4444;
  }

  .time.svelte-1y6mv9c {
    font-family: 'Courier New', monospace;
    font-size: 32px;
    font-weight: bold;
  }

  .message.svelte-1y6mv9c {
    font-size: 14px;
    color: #B0B0B0;
    text-align: center;
    margin: 0;
    line-height: 1.6;
  }

  .save-section.svelte-1y6mv9c {
    width: 100%;
    background: rgba(0, 255, 136, 0.05);
    border: 1px solid rgba(0, 255, 136, 0.2);
    border-radius: 12px;
    padding: 16px;
  }

  .save-option-header.svelte-1y6mv9c {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #00FF88;
  }

  .save-folder-name.svelte-1y6mv9c {
    font-size: 12px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
  }

  .save-checkbox-label.svelte-1y6mv9c {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    color: white;
    font-size: 13px;
  }

  .save-checkbox-label.svelte-1y6mv9c input[type="checkbox"]:where(.svelte-1y6mv9c) {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: #00FF88;
  }

  .save-checkbox-label.svelte-1y6mv9c input[type="checkbox"]:where(.svelte-1y6mv9c):disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .actions.svelte-1y6mv9c {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
    justify-content: center;
  }

  .btn.svelte-1y6mv9c {
    flex: 1;
    min-width: 140px;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    font-family: 'JetBrains Mono', monospace;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  .btn.svelte-1y6mv9c:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }

  .btn-primary.svelte-1y6mv9c {
    background: #00FF88;
    color: #1a1a2e;
  }

  .btn-primary.svelte-1y6mv9c:hover:not(:disabled) {
    background: #00e67a;
    transform: translateY(-1px);
  }

  .btn-save.svelte-1y6mv9c {
    background: rgba(0, 255, 136, 0.2);
    color: #00FF88;
    border: 1px solid rgba(0, 255, 136, 0.4);
  }

  .btn-save.svelte-1y6mv9c:hover:not(:disabled) {
    background: rgba(0, 255, 136, 0.3);
    border-color: rgba(0, 255, 136, 0.6);
  }

  .btn-secondary.svelte-1y6mv9c {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
  }

  .btn-secondary.svelte-1y6mv9c:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.15);
  }

  .saving-spinner.svelte-1y6mv9c {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0, 255, 136, 0.3);
    border-top-color: #00FF88;
    border-radius: 50%;
    animation: svelte-1y6mv9c-spin 0.8s linear infinite;
  }

  @keyframes svelte-1y6mv9c-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .info-text.svelte-1y6mv9c {
    font-size: 11px;
    color: #666;
    text-align: center;
    margin: 0;
    font-style: italic;
  }

  @media (max-width: 480px) {
    .warning-modal.svelte-1y6mv9c {
      padding: 24px;
    }

    .actions.svelte-1y6mv9c {
      flex-direction: column;
    }

    .btn.svelte-1y6mv9c {
      width: 100%;
    }

    .time.svelte-1y6mv9c {
      font-size: 24px;
    }
  }

  .wallet-tabs.svelte-cyw5n {
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    flex-shrink: 0;
    z-index: 5;
  }

  .tabs-container.svelte-cyw5n {
    display: flex;
    gap: 4px;
    min-height: 42px;
    align-items: flex-end;
    /* ✅ CRITICAL FIX: Allow container to grow beyond parent width for scrolling */
    width: max-content;
    min-width: 100%;
  }

  .tab.svelte-cyw5n {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    padding: 8px 16px;
    color: #B0B0B0;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    position: relative;
    min-width: fit-content;
  }

  .tab.svelte-cyw5n:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
  }

  .tab.active.svelte-cyw5n {
    background: rgba(51, 212, 212, 0.15);
    border-color: rgba(51, 212, 212, 0.4);
    color: #33d4d4ff;
    font-weight: 600;
  }

  .wallet-tab.svelte-cyw5n {
    padding-right: 8px;
  }

  .tab-label.svelte-cyw5n {
    user-select: none;
  }

  .transaction-indicator.svelte-cyw5n {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    background: rgba(0, 255, 136, 0.2);
    border: 1px solid rgba(0, 255, 136, 0.4);
    border-radius: 10px;
    color: #00FF88;
    font-size: 10px;
    font-weight: 600;
    animation: svelte-cyw5n-pulse 2s infinite;
  }

  @keyframes svelte-cyw5n-pulse {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.7;
    }
  }

  .tx-count.svelte-cyw5n {
    font-family: 'JetBrains Mono', monospace;
  }

  /* (unused) .empty-indicator {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    background: rgba(255, 165, 0, 0.2);
    border: 1px solid rgba(255, 165, 0, 0.4);
    border-radius: 10px;
    color: #ffa500;
    font-size: 10px;
    font-weight: 600;
  }*/

  /* (unused) .empty-text {
    font-family: 'JetBrains Mono', monospace;
  }*/

  .close-tab.svelte-cyw5n {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    opacity: 0.6;
    transition: all 0.2s ease;
  }

  .close-tab.svelte-cyw5n:hover {
    opacity: 1;
    background: rgba(255, 255, 255, 0.1);
  }

  .wallet-tabs.svelte-cyw5n::-webkit-scrollbar {
    height: 4px;
  }

  .wallet-tabs.svelte-cyw5n::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
  }

  .wallet-tabs.svelte-cyw5n::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
  }

  .wallet-tabs.svelte-cyw5n::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
  }

  /* ✅ Session-specific styling */
  .session-wallet-tab.svelte-cyw5n {
    background: rgba(100, 149, 237, 0.1);
    border-color: rgba(100, 149, 237, 0.3);
  }
  
  .session-wallet-tab.active.svelte-cyw5n {
    background: rgba(100, 149, 237, 0.2);
    border-color: rgba(100, 149, 237, 0.5);
    color: #6495ED;
  }
  
  .session-wallet-tab.svelte-cyw5n .session-icon {
    color: #6495ED;
  }

  /* (unused) .tab-icon {
    margin-right: 4px;
  }*/

  .session-indicator.svelte-cyw5n {
    background: rgba(100, 149, 237, 0.2);
    border-color: rgba(100, 149, 237, 0.4);
    color: #6495ED;
  }
  
  /* Server wallet specific styling for differentiation */
  .server-wallet-tab.svelte-cyw5n {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
  }

  .view-navigator.svelte-1nut0zy {
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  
  .nav-container.svelte-1nut0zy {
    display: flex;
    gap: 8px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    padding: 4px;
  }
  
  .nav-btn.svelte-1nut0zy {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #B0B0B0;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
  }
  
  .nav-btn.svelte-1nut0zy:hover:not(.disabled) {
    background: rgba(255, 255, 255, 0.05);
    color: white;
  }
  
  .nav-btn.active.svelte-1nut0zy {
    background: rgba(51, 212, 212, 0.15);
    border-color: rgba(51, 212, 212, 0.4);
    color: #33d4d4ff;
    font-weight: 600;
  }
  
  .nav-btn.disabled.svelte-1nut0zy {
    opacity: 0.5;
    cursor: not-allowed;
  }
  
  .disabled-badge.svelte-1nut0zy {
    font-size: 10px;
    padding: 2px 6px;
    background: rgba(255, 68, 68, 0.2);
    border: 1px solid rgba(255, 68, 68, 0.3);
    border-radius: 8px;
    color: #ff4444;
    margin-left: 4px;
  }
  
  @media (max-width: 768px) {
    .nav-btn.svelte-1nut0zy span:where(.svelte-1nut0zy):not(.disabled-badge) {
      display: none;
    }
    
    .nav-btn.svelte-1nut0zy {
      padding: 10px 16px;
    }
  }

  .charts-container.svelte-1rnbx7h {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }
  
  .chart-wrapper.svelte-1rnbx7h {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 20px;
    height: 400px;
  }
  
  .no-data.svelte-1rnbx7h {
    text-align: center;
    padding: 60px 20px;
    color: #B0B0B0;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
  }
  
  @media (max-width: 768px) {
    .chart-wrapper.svelte-1rnbx7h {
      height: 300px;
    }
  }

  .reports-container.svelte-rqeyiq {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 32px;
    background: rgba(26, 26, 46, 0.5);
  }
  
  .report-header.svelte-rqeyiq {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 2px solid rgba(138, 43, 226, 0.3);
  }
  
  .header-left.svelte-rqeyiq {
    display: flex;
    align-items: flex-start;
    gap: 16px;
  }
  
  /* (unused) .back-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 8px;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
  }*/
  
  /* (unused) .back-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateX(-2px);
  }*/
  
  .header-text.svelte-rqeyiq {
    flex: 1;
  }
  
  .header-left.svelte-rqeyiq h1:where(.svelte-rqeyiq) {
    font-size: 32px;
    font-weight: 700;
    color: #8A2BE2;
    margin: 0 0 12px 0;
  }
  
  .wallet-info.svelte-rqeyiq {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
  }
  
  .wallet-name.svelte-rqeyiq {
    font-size: 18px;
    font-weight: 600;
    color: white;
  }
  
  .wallet-address.svelte-rqeyiq {
    font-size: 12px;
    font-family: 'JetBrains Mono', monospace;
    color: #B0B0B0;
  }
  
  .header-actions.svelte-rqeyiq {
    display: flex;
    gap: 12px;
  }
  
  .export-btn.svelte-rqeyiq {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1px solid;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }
  
  .export-btn.pdf.svelte-rqeyiq {
    background: rgba(255, 68, 68, 0.1);
    border-color: rgba(255, 68, 68, 0.3);
    color: #ff4444;
  }
  
  /* (unused) .export-btn.csv {
    background: rgba(0, 255, 136, 0.1);
    border-color: rgba(0, 255, 136, 0.3);
    color: #00FF88;
  }*/
  
  /* (unused) .export-btn.excel {
    background: rgba(51, 212, 212, 0.1);
    border-color: rgba(51, 212, 212, 0.3);
    color: #33d4d4ff;
  }*/
  
  .export-btn.svelte-rqeyiq:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }
  
  .export-btn.svelte-rqeyiq:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  
  /* NEW FILTERS SECTION */
  .filters-container.svelte-rqeyiq {
    padding: 20px 24px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    margin-bottom: 24px;
  }

  .filters-header.svelte-rqeyiq {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
  }

  .filters-title.svelte-rqeyiq {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #33d4d4ff;
  }

  .active-badge.svelte-rqeyiq {
    background: rgba(0, 255, 136, 0.2);
    border: 1px solid rgba(0, 255, 136, 0.4);
    color: #00FF88;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
  }

  .clear-all-btn.svelte-rqeyiq {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(255, 68, 68, 0.1);
    border: 1px solid rgba(255, 68, 68, 0.3);
    border-radius: 6px;
    color: #ff4444;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .clear-all-btn.svelte-rqeyiq:hover {
    background: rgba(255, 68, 68, 0.2);
    border-color: rgba(255, 68, 68, 0.5);
  }

  .filters-grid.svelte-rqeyiq {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
  }

  .filter-group.svelte-rqeyiq {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .filter-label.svelte-rqeyiq {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #B0B0B0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .date-inputs.svelte-rqeyiq {
    display: flex;
    gap: 8px;
  }

  .date-inputs.svelte-rqeyiq input:where(.svelte-rqeyiq) {
    flex: 1;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: white;
    font-size: 13px;
    font-family: 'JetBrains Mono', monospace;
  }

  .date-inputs.svelte-rqeyiq input:where(.svelte-rqeyiq):focus {
    outline: none;
    border-color: #33d4d4ff;
    background: rgba(255, 255, 255, 0.08);
  }

  .filter-buttons.svelte-rqeyiq {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }

  .filter-btn.svelte-rqeyiq {
    flex: 1;
    min-width: fit-content;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: #B0B0B0;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .filter-btn.svelte-rqeyiq:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
  }

  .filter-btn.active.svelte-rqeyiq {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
    color: #33d4d4ff;
  }

  .filter-btn.success.active.svelte-rqeyiq {
    background: rgba(0, 255, 136, 0.2);
    border-color: rgba(0, 255, 136, 0.5);
    color: #00FF88;
  }

  .filter-btn.failed.active.svelte-rqeyiq {
    background: rgba(255, 68, 68, 0.2);
    border-color: rgba(255, 68, 68, 0.5);
    color: #ff4444;
  }

  .filter-btn.receive.active.svelte-rqeyiq {
    background: rgba(0, 255, 136, 0.2);
    border-color: rgba(0, 255, 136, 0.5);
    color: #00FF88;
  }

  .filter-btn.send.active.svelte-rqeyiq {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
    color: #33d4d4ff;
  }

  .filter-btn.system.active.svelte-rqeyiq {
    background: rgba(138, 43, 226, 0.2);
    border-color: rgba(138, 43, 226, 0.5);
    color: #8A2BE2;
  }

  /* (unused) .filter-results {
    margin-top: 12px;
    padding: 8px 12px;
    background: rgba(51, 212, 212, 0.1);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 6px;
    font-size: 12px;
    color: #33d4d4ff;
    text-align: center;
  }*/
  
  /* Sort Controls Section */
  /* (unused) .sort-controls-section {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
  }*/
  
  /* (unused) .sort-header-section {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #33d4d4ff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
  }*/
  
  /* (unused) .sort-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
  }*/
  
  /* (unused) .sort-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #B0B0B0;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
  }*/
  
  /* (unused) .sort-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(51, 212, 212, 0.3);
    color: white;
  }*/
  
  /* (unused) .sort-btn.active {
    background: rgba(51, 212, 212, 0.15);
    border-color: rgba(51, 212, 212, 0.5);
    color: #33d4d4ff;
  }*/
  
  /* (unused) .sort-btn :global(svg) {
    flex-shrink: 0;
  }*/
  
  /* Compact Text Summary Section */
  .compact-text-summary.svelte-rqeyiq {
    margin-bottom: 32px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(138, 43, 226, 0.3);
    border-radius: 12px;
    padding: 24px;
  }
  
  .summary-header-with-copy.svelte-rqeyiq {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    gap: 12px;
  }
  
  .compact-text-summary.svelte-rqeyiq h2:where(.svelte-rqeyiq) {
    font-size: 24px;
    font-weight: 600;
    color: #33d4d4ff;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .copy-btn.svelte-rqeyiq {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: rgba(138, 43, 226, 0.2);
    border: 1px solid rgba(138, 43, 226, 0.4);
    border-radius: 8px;
    color: #8A2BE2;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
  }
  
  .copy-btn.svelte-rqeyiq:hover {
    background: rgba(138, 43, 226, 0.3);
    border-color: rgba(138, 43, 226, 0.6);
    color: #a855f7;
    transform: translateY(-1px);
  }
  
  .copy-btn.svelte-rqeyiq:active {
    transform: translateY(0);
  }
  
  .copy-btn.svelte-rqeyiq svg {
    flex-shrink: 0;
  }
  
  .text-summary-content.svelte-rqeyiq {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 20px;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: auto;
  }
  
  .text-summary-content.svelte-rqeyiq pre:where(.svelte-rqeyiq) {
    margin: 0;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    line-height: 1.6;
    color: #E0E0E0;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  
  .text-summary-content.svelte-rqeyiq::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  
  .text-summary-content.svelte-rqeyiq::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }
  
  .text-summary-content.svelte-rqeyiq::-webkit-scrollbar-thumb {
    background: rgba(138, 43, 226, 0.5);
    border-radius: 4px;
  }
  
  .text-summary-content.svelte-rqeyiq::-webkit-scrollbar-thumb:hover {
    background: rgba(138, 43, 226, 0.7);
  }
  
  .summary-section.svelte-rqeyiq {
    margin-bottom: 32px;
  }
  
  .summary-section.svelte-rqeyiq h2:where(.svelte-rqeyiq) {
    font-size: 24px;
    font-weight: 600;
    color: #33d4d4ff;
    margin-bottom: 20px;
  }
  
  .summary-grid.svelte-rqeyiq {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
  }
  
  .summary-card.svelte-rqeyiq {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  .summary-label.svelte-rqeyiq {
    font-size: 11px;
    color: #B0B0B0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  

  .summary-value.svelte-rqeyiq {
    font-size: 20px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    color: white;
    word-break: break-all;
    overflow-wrap: break-word;
    line-height: 1.3;
  }
  
  .summary-value.balance.svelte-rqeyiq {
    color: #8A2BE2;
  }
  
  .summary-value.incoming.svelte-rqeyiq {
    color: #00FF88;
  }
  
  .summary-value.outgoing.svelte-rqeyiq {
    color: #ff4444;
  }
  
  .summary-value.fees.svelte-rqeyiq {
    color: #FFB800;
  }
  
  .summary-usd.svelte-rqeyiq,
  .summary-count.svelte-rqeyiq {
    font-size: 12px;
    color: #B0B0B0;
  }
  
  .charts-section.svelte-rqeyiq /* (unused) .diagram-section*/,
  .transactions-table.svelte-rqeyiq {
    margin-bottom: 32px;
  }
  
  .charts-section.svelte-rqeyiq h2:where(.svelte-rqeyiq) /* (unused) .diagram-section h2*/,
  .transactions-table.svelte-rqeyiq h2:where(.svelte-rqeyiq) {
    font-size: 24px;
    font-weight: 600;
    color: #33d4d4ff;
    margin-bottom: 20px;
  }
  
  .table-wrapper.svelte-rqeyiq {
    overflow-x: auto;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
  }
  
  table.svelte-rqeyiq {
    width: 100%;
    border-collapse: collapse;
  }
  
  thead.svelte-rqeyiq {
    background: rgba(0, 0, 0, 0.4);
  }
  
  th.svelte-rqeyiq {
    padding: 16px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: #33d4d4ff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  th.sortable.svelte-rqeyiq {
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
  }
  
  th.sortable.svelte-rqeyiq:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #00FF88;
  }
  
  .sort-header.svelte-rqeyiq {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  
  .sort-header.svelte-rqeyiq svg {
    flex-shrink: 0;
    color: #33d4d4ff;
  }
  
  .sort-header.svelte-rqeyiq .sort-icon-inactive {
    opacity: 0.3;
  }
  
  th.sortable.svelte-rqeyiq:hover .sort-icon-inactive {
    opacity: 0.6;
  }
  
  td.svelte-rqeyiq {
    padding: 12px 16px;
    font-size: 13px;
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  
  tr.svelte-rqeyiq:hover {
    background: rgba(255, 255, 255, 0.05);
  }
  
  .tx-type.svelte-rqeyiq {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
  }
  
  .tx-type.incoming.svelte-rqeyiq {
    background: rgba(0, 255, 136, 0.2);
    color: #00FF88;
  }
  
  .tx-type.outgoing.svelte-rqeyiq {
    background: rgba(255, 68, 68, 0.2);
    color: #ff4444;
  }
  
  td.incoming.svelte-rqeyiq {
    color: #00FF88;
    font-weight: 600;
  }
  
  td.outgoing.svelte-rqeyiq {
    color: #ff4444;
    font-weight: 600;
  }
  
  .status.svelte-rqeyiq {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
  }
  
  .status.success.svelte-rqeyiq {
    background: rgba(0, 255, 136, 0.2);
    color: #00FF88;
  }
  
  .status.failed.svelte-rqeyiq {
    background: rgba(255, 68, 68, 0.2);
    color: #ff4444;
  }
  
  .signature.svelte-rqeyiq {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: #B0B0B0;
  }
  
  .signature.svelte-rqeyiq a:where(.svelte-rqeyiq) {
    color: #33d4d4ff;
    text-decoration: none;
    transition: all 0.2s ease;
    border-bottom: 1px solid transparent;
  }
  
  .signature.svelte-rqeyiq a:where(.svelte-rqeyiq):hover {
    color: #00FF88;
    border-bottom-color: #00FF88;
  }
  .tx-number.svelte-rqeyiq {
    text-align: center;
    padding: 12px 8px !important;
  }

  .number-badge.svelte-rqeyiq {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #8A2BE2, #6A1BB2);
    border: 1px solid rgba(138, 43, 226, 0.6);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 13px;
    font-weight: 700;
    color: white;
    box-shadow: 0 2px 8px rgba(138, 43, 226, 0.3);
  }
  
  /* NEW: Enhanced Text Summary Styles */
  .text-summary-section.svelte-rqeyiq {
    margin-bottom: 32px;
  }
  
  .text-summary-section.svelte-rqeyiq h2:where(.svelte-rqeyiq) {
    font-size: 24px;
    font-weight: 600;
    color: #33d4d4ff;
    margin-bottom: 20px;
  }
  
  .text-summary-section.svelte-rqeyiq h3:where(.svelte-rqeyiq) {
    font-size: 18px;
    font-weight: 600;
    color: #8A2BE2;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  
  .summary-header-card.svelte-rqeyiq {
    background: linear-gradient(135deg, rgba(138, 43, 226, 0.2), rgba(51, 212, 212, 0.1));
    border: 2px solid rgba(138, 43, 226, 0.4);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
  }
  
  .summary-title.svelte-rqeyiq {
    font-size: 28px;
    font-weight: 700;
    color: #8A2BE2;
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: 2px;
  }
  
  .summary-info-grid.svelte-rqeyiq {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
  }
  
  .info-item.svelte-rqeyiq {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  
  .info-label.svelte-rqeyiq {
    font-size: 11px;
    color: #B0B0B0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
  }
  
  .info-value.svelte-rqeyiq {
    font-size: 16px;
    color: white;
    font-weight: 500;
  }
  
  .info-value.address.svelte-rqeyiq {
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    word-break: break-all;
    color: #33d4d4ff;
  }
  
  .summary-stats-section.svelte-rqeyiq,
  .summary-totals-section.svelte-rqeyiq {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
  }
  
  .stats-grid.svelte-rqeyiq {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 16px;
  }
  
  .stat-item.svelte-rqeyiq {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  
  .stat-item.success.svelte-rqeyiq {
    border-color: rgba(0, 255, 136, 0.3);
    background: rgba(0, 255, 136, 0.05);
  }
  
  .stat-item.failed.svelte-rqeyiq {
    border-color: rgba(255, 68, 68, 0.3);
    background: rgba(255, 68, 68, 0.05);
  }
  
  .stat-label.svelte-rqeyiq {
    font-size: 12px;
    color: #B0B0B0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  
  .stat-value.svelte-rqeyiq {
    font-size: 32px;
    font-weight: 700;
    color: white;
  }
  
  .stat-item.success.svelte-rqeyiq .stat-value:where(.svelte-rqeyiq) {
    color: #00FF88;
  }
  
  .stat-item.failed.svelte-rqeyiq .stat-value:where(.svelte-rqeyiq) {
    color: #ff4444;
  }
  
  .totals-grid.svelte-rqeyiq {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
  }
  
  .total-item.svelte-rqeyiq {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  .total-item.incoming.svelte-rqeyiq {
    border-color: rgba(0, 255, 136, 0.3);
    background: rgba(0, 255, 136, 0.05);
  }
  
  .total-item.outgoing.svelte-rqeyiq {
    border-color: rgba(255, 68, 68, 0.3);
    background: rgba(255, 68, 68, 0.05);
  }
  
  .total-item.fees.svelte-rqeyiq {
    border-color: rgba(255, 184, 0, 0.3);
    background: rgba(255, 184, 0, 0.05);
  }
  
  .total-item.net.svelte-rqeyiq {
    border-color: rgba(138, 43, 226, 0.3);
    background: rgba(138, 43, 226, 0.05);
  }
  
  .total-label.svelte-rqeyiq {
    font-size: 12px;
    color: #B0B0B0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  
  .total-value.svelte-rqeyiq {
    font-size: 20px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    color: white;
  }
  
  .total-item.incoming.svelte-rqeyiq .total-value:where(.svelte-rqeyiq) {
    color: #00FF88;
  }
  
  .total-item.outgoing.svelte-rqeyiq .total-value:where(.svelte-rqeyiq) {
    color: #ff4444;
  }
  
  .total-item.fees.svelte-rqeyiq .total-value:where(.svelte-rqeyiq) {
    color: #FFB800;
  }
  
  .total-item.net.svelte-rqeyiq .total-value:where(.svelte-rqeyiq) {
    color: #8A2BE2;
  }
  
  .transaction-list-section.svelte-rqeyiq {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
  }
  
  .transaction-list.svelte-rqeyiq {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 800px;
    overflow-y: auto;
    padding-right: 8px;
  }
  
  .transaction-list.svelte-rqeyiq::-webkit-scrollbar {
    width: 8px;
  }
  
  .transaction-list.svelte-rqeyiq::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }
  
  .transaction-list.svelte-rqeyiq::-webkit-scrollbar-thumb {
    background: rgba(138, 43, 226, 0.5);
    border-radius: 4px;
  }
  
  .transaction-list.svelte-rqeyiq::-webkit-scrollbar-thumb:hover {
    background: rgba(138, 43, 226, 0.7);
  }
  
  .transaction-item.svelte-rqeyiq {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 16px;
    transition: all 0.2s ease;
  }
  
  .transaction-item.svelte-rqeyiq:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(138, 43, 226, 0.3);
    transform: translateX(4px);
  }
  
  .tx-header.svelte-rqeyiq {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
  }
  
  .tx-number.svelte-rqeyiq {
    font-size: 16px;
    font-weight: 700;
    color: #33d4d4ff;
    min-width: 50px;
  }
  
  .tx-type-badge.svelte-rqeyiq {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  
  .tx-type-badge.incoming.svelte-rqeyiq {
    background: rgba(0, 255, 136, 0.2);
    color: #00FF88;
    border: 1px solid rgba(0, 255, 136, 0.3);
  }
  
  .tx-type-badge.outgoing.svelte-rqeyiq {
    background: rgba(255, 68, 68, 0.2);
    color: #ff4444;
    border: 1px solid rgba(255, 68, 68, 0.3);
  }
  
  .tx-amount.svelte-rqeyiq {
    font-size: 16px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    color: white;
    flex-grow: 1;
  }
  
  .tx-status.svelte-rqeyiq {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
  }
  
  .tx-status.success.svelte-rqeyiq {
    background: rgba(0, 255, 136, 0.2);
    color: #00FF88;
    border: 1px solid rgba(0, 255, 136, 0.3);
  }
  
  .tx-status.failed.svelte-rqeyiq {
    background: rgba(255, 68, 68, 0.2);
    color: #ff4444;
    border: 1px solid rgba(255, 68, 68, 0.3);
  }
  
  .tx-details.svelte-rqeyiq {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 62px;
  }
  
  .tx-detail-row.svelte-rqeyiq {
    display: flex;
    gap: 8px;
    font-size: 13px;
  }
  
  .detail-label.svelte-rqeyiq {
    color: #B0B0B0;
    font-weight: 600;
    min-width: 80px;
  }
  
  .detail-value.svelte-rqeyiq {
    color: white;
    flex: 1;
  }
  
  .detail-value.signature.svelte-rqeyiq {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: #33d4d4ff;
    word-break: break-all;
  }
  
  .detail-value.signature.svelte-rqeyiq a:where(.svelte-rqeyiq) {
    color: inherit;
    text-decoration: none;
    transition: all 0.2s ease;
    border-bottom: 1px solid transparent;
  }
  
  .detail-value.signature.svelte-rqeyiq a:where(.svelte-rqeyiq):hover {
    color: #00FF88;
    border-bottom-color: #00FF88;
  }
  
  .summary-footer.svelte-rqeyiq {
    text-align: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    color: #B0B0B0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  
  @media (max-width: 768px) {
    .reports-container.svelte-rqeyiq {
      padding: 16px;
    }
    
    .report-header.svelte-rqeyiq {
      flex-direction: column;
      gap: 16px;
    }
    
    /* (unused) .filter-inputs {
      flex-direction: column;
      align-items: stretch;
    }*/
    
    .summary-grid.svelte-rqeyiq {
      grid-template-columns: 1fr;
    }
    
    .summary-info-grid.svelte-rqeyiq,
    .stats-grid.svelte-rqeyiq,
    .totals-grid.svelte-rqeyiq {
      grid-template-columns: 1fr;
    }
    
    .tx-details.svelte-rqeyiq {
      padding-left: 0;
    }
    
    .summary-title.svelte-rqeyiq {
      font-size: 20px;
    }
  }
  
  /* Session Info Banner Styles */
  .session-info-banner.svelte-rqeyiq {
    background: linear-gradient(135deg, rgba(51, 212, 212, 0.1), rgba(0, 255, 136, 0.1));
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
  }
  
  .session-icon-container.svelte-rqeyiq {
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
  }
  
  .session-details.svelte-rqeyiq {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  .session-title.svelte-rqeyiq {
    font-size: 16px;
    font-weight: 700;
    color: #33d4d4ff;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .session-metadata.svelte-rqeyiq {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }
  
  .meta-item.svelte-rqeyiq {
    font-size: 13px;
    color: #B0B0B0;
  }
  
  .meta-item.svelte-rqeyiq strong:where(.svelte-rqeyiq) {
    color: white;
    margin-right: 4px;
  }

  .transactions-container.svelte-1apwz4w {
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 12px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
  }
  
  .transactions-container.fullscreen.svelte-1apwz4w {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    border-radius: 0;
  }
  
  .transactions-header.svelte-1apwz4w {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    background: linear-gradient(135deg, rgba(138, 43, 226, 0.1), rgba(0, 255, 136, 0.1));
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  .header-left.svelte-1apwz4w {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  
  .header-text.svelte-1apwz4w h1:where(.svelte-1apwz4w) {
    font-size: 24px;
    font-weight: 700;
    color: #8A2BE2;
    margin: 0 0 4px 0;
  }
  
  .wallet-info.svelte-1apwz4w {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 13px;
  }
  
  .wallet-name.svelte-1apwz4w {
    color: white;
    font-weight: 600;
  }
  
  .wallet-address.svelte-1apwz4w {
    color: #B0B0B0;
    font-family: 'JetBrains Mono', monospace;
  }
  
  .header-actions.svelte-1apwz4w {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  
  .export-btn.svelte-1apwz4w {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid;
  }
  
  .export-btn.csv.svelte-1apwz4w {
    background: rgba(51, 212, 212, 0.1);
    border-color: rgba(51, 212, 212, 0.3);
    color: #33d4d4ff;
  }
  
  .export-btn.csv.svelte-1apwz4w:hover {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
  }
  
  .export-btn.excel.svelte-1apwz4w {
    background: rgba(0, 255, 136, 0.1);
    border-color: rgba(0, 255, 136, 0.3);
    color: #00FF88;
  }
  
  .export-btn.excel.svelte-1apwz4w:hover {
    background: rgba(0, 255, 136, 0.2);
    border-color: rgba(0, 255, 136, 0.5);
  }
  
  .icon-btn.svelte-1apwz4w {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
  }
  
  .icon-btn.svelte-1apwz4w:hover {
    color: white;
  }
  
  .close-btn.svelte-1apwz4w {
    background: rgba(255, 68, 68, 0.1);
    border: 1px solid rgba(255, 68, 68, 0.3);
    color: #ff4444;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    transition: all 0.2s ease;
  }
  
  .close-btn.svelte-1apwz4w:hover {
    background: rgba(255, 68, 68, 0.2);
    border-color: rgba(255, 68, 68, 0.5);
  }
  
  /* NEW FILTERS SECTION */
  .filters-container.svelte-1apwz4w {
    padding: 20px 24px;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .filters-header.svelte-1apwz4w {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
  }

  .filters-title.svelte-1apwz4w {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #33d4d4ff;
  }

  .active-badge.svelte-1apwz4w {
    background: rgba(0, 255, 136, 0.2);
    border: 1px solid rgba(0, 255, 136, 0.4);
    color: #00FF88;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
  }

  .clear-all-btn.svelte-1apwz4w {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(255, 68, 68, 0.1);
    border: 1px solid rgba(255, 68, 68, 0.3);
    border-radius: 6px;
    color: #ff4444;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .clear-all-btn.svelte-1apwz4w:hover {
    background: rgba(255, 68, 68, 0.2);
    border-color: rgba(255, 68, 68, 0.5);
  }

  .filters-grid.svelte-1apwz4w {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
  }

  .filter-group.svelte-1apwz4w {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .filter-label.svelte-1apwz4w {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #B0B0B0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .date-inputs.svelte-1apwz4w {
    display: flex;
    gap: 8px;
  }

  .date-inputs.svelte-1apwz4w input:where(.svelte-1apwz4w) {
    flex: 1;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: white;
    font-size: 13px;
    font-family: 'JetBrains Mono', monospace;
  }

  .date-inputs.svelte-1apwz4w input:where(.svelte-1apwz4w):focus {
    outline: none;
    border-color: #33d4d4ff;
    background: rgba(255, 255, 255, 0.08);
  }

  .filter-buttons.svelte-1apwz4w {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }

  .filter-btn.svelte-1apwz4w {
    flex: 1;
    min-width: fit-content;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: #B0B0B0;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .filter-btn.svelte-1apwz4w:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
  }

  .filter-btn.active.svelte-1apwz4w {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
    color: #33d4d4ff;
  }

  .filter-btn.success.active.svelte-1apwz4w {
    background: rgba(0, 255, 136, 0.2);
    border-color: rgba(0, 255, 136, 0.5);
    color: #00FF88;
  }

  .filter-btn.failed.active.svelte-1apwz4w {
    background: rgba(255, 68, 68, 0.2);
    border-color: rgba(255, 68, 68, 0.5);
    color: #ff4444;
  }

  .filter-btn.receive.active.svelte-1apwz4w {
    background: rgba(0, 255, 136, 0.2);
    border-color: rgba(0, 255, 136, 0.5);
    color: #00FF88;
  }

  .filter-btn.send.active.svelte-1apwz4w {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
    color: #33d4d4ff;
  }

  .filter-btn.system.active.svelte-1apwz4w {
    background: rgba(138, 43, 226, 0.2);
    border-color: rgba(138, 43, 226, 0.5);
    color: #8A2BE2;
  }

  .filter-results.svelte-1apwz4w {
    margin-top: 12px;
    padding: 8px 12px;
    background: rgba(51, 212, 212, 0.1);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 6px;
    font-size: 12px;
    color: #33d4d4ff;
    text-align: center;
  }
  
  .sort-controls-section.svelte-1apwz4w {
    padding: 16px 24px;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  .sort-header-section.svelte-1apwz4w {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #33d4d4ff;
  }
  
  .sort-buttons.svelte-1apwz4w {
    display: flex;
    gap: 8px;
  }
  
  .sort-btn.svelte-1apwz4w {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #B0B0B0;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }
  
  .sort-btn.svelte-1apwz4w:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
  }
  
  .sort-btn.active.svelte-1apwz4w {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
    color: #33d4d4ff;
  }

  .transactions-content.svelte-1apwz4w {
    flex: 1;
    min-height: 100%;  
    overflow-y: auto;
    padding: 24px;
    display: flex;  
    flex-direction: column;
  }
  
  .transactions-stats.svelte-1apwz4w {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
  }
  
  .stat-card.svelte-1apwz4w {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  .stat-label.svelte-1apwz4w {
    font-size: 12px;
    color: #B0B0B0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  
  .stat-value.svelte-1apwz4w {
    font-size: 24px;
    font-weight: 700;
    color: #33d4d4ff;
    font-family: 'JetBrains Mono', monospace;
  }
  

  .table-container.svelte-1apwz4w {
    flex: 1;  
    overflow-x: auto;
    overflow-y: auto;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    height: 100%;
    min-height: 1100px;
  }
  
  .transactions-table.svelte-1apwz4w {
    border-collapse: collapse;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    overflow-y: auto;  
    min-height: 1100px;

  }
  
  .transactions-table.svelte-1apwz4w th:where(.svelte-1apwz4w) {
    background: rgba(0, 0, 0, 0.5);
    padding: 12px 16px;
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    color: #B0B0B0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: sticky;
    top: 0;
    z-index: 10;
  }
  
  .transactions-table.svelte-1apwz4w th.sortable:where(.svelte-1apwz4w) {
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
  }
  
  .transactions-table.svelte-1apwz4w th.sortable:where(.svelte-1apwz4w):hover {
    background: rgba(51, 212, 212, 0.1);
    color: #33d4d4ff;
  }
  
  .sort-header.svelte-1apwz4w {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  
  .sort-header.svelte-1apwz4w svg {
    flex-shrink: 0;
    color: #33d4d4ff;
  }
  
  .sort-header.svelte-1apwz4w .sort-icon-inactive {
    opacity: 0.3;
  }
  
  .transactions-table.svelte-1apwz4w th.sortable:where(.svelte-1apwz4w):hover .sort-icon-inactive {
    opacity: 0.6;
  }
  
  .transactions-table.svelte-1apwz4w td:where(.svelte-1apwz4w) {
    padding: 12px 16px;
    font-size: 13px;
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  
  .transactions-table.svelte-1apwz4w tbody:where(.svelte-1apwz4w) tr:where(.svelte-1apwz4w) {
    transition: background 0.2s ease;
  }
  
  .transactions-table.svelte-1apwz4w tbody:where(.svelte-1apwz4w) tr:where(.svelte-1apwz4w):hover {
    background: rgba(255, 255, 255, 0.05);
  }
  
  .signature.svelte-1apwz4w {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .mono.svelte-1apwz4w {
    font-family: 'JetBrains Mono', monospace;
  }
  
  .amount.svelte-1apwz4w {
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
  }
  
  .amount.positive.svelte-1apwz4w {
    color: #00FF88;
  }
  
  .amount.negative.svelte-1apwz4w {
    color: #33d4d4ff;
  }
  
  .timestamp.svelte-1apwz4w {
    font-size: 11px;
    color: #B0B0B0;
  }
  
  .fee.svelte-1apwz4w {
    font-family: 'JetBrains Mono', monospace;
    color: #B0B0B0;
  }
  
  .type-badge.svelte-1apwz4w {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
  }
  
  .type-badge.receive.svelte-1apwz4w {
    background: rgba(0, 255, 136, 0.2);
    color: #00FF88;
    border: 1px solid rgba(0, 255, 136, 0.4);
  }
  
  .type-badge.send.svelte-1apwz4w {
    background: rgba(51, 212, 212, 0.2);
    color: #33d4d4ff;
    border: 1px solid rgba(51, 212, 212, 0.4);
  }
  
  .type-badge.system.svelte-1apwz4w {
    background: rgba(138, 43, 226, 0.2);
    color: #8A2BE2;
    border: 1px solid rgba(138, 43, 226, 0.4);
  }
  
  .status-badge.svelte-1apwz4w {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
  }
  
  .status-badge.success.svelte-1apwz4w {
    background: rgba(0, 255, 136, 0.2);
    color: #00FF88;
    border: 1px solid rgba(0, 255, 136, 0.4);
  }
  
  .status-badge.failed.svelte-1apwz4w {
    background: rgba(255, 68, 68, 0.2);
    color: #ff4444;
    border: 1px solid rgba(255, 68, 68, 0.4);
  }
  
  .load-more-section.svelte-1apwz4w {
    display: flex;
    justify-content: center;
    padding: 16px;
  }
  
  .load-more-btn.svelte-1apwz4w {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: rgba(51, 212, 212, 0.1);
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 8px;
    color: #33d4d4ff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
  }
  
  .load-more-btn.svelte-1apwz4w:hover:not(:disabled) {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
    transform: translateY(-2px);
  }
  
  .load-more-btn.svelte-1apwz4w:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  
  .end-of-list.svelte-1apwz4w {
    text-align: center;
    padding: 16px;
    color: #00FF88;
    font-size: 13px;
  }
  
  .spinner {
    animation: svelte-1apwz4w-spin 1s linear infinite;
  }
  
  @keyframes svelte-1apwz4w-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }
  
  .empty-state.svelte-1apwz4w {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    color: #B0B0B0;
    gap: 12px;
    padding: 40px;
  }
  
  .empty-state.svelte-1apwz4w svg {
    opacity: 0.5;
    margin-bottom: 8px;
  }
  
  .empty-state.svelte-1apwz4w span:where(.svelte-1apwz4w) {
    font-size: 16px;
    font-weight: 600;
    color: white;
  }
  
  .empty-state.svelte-1apwz4w .hint:where(.svelte-1apwz4w) {
    font-size: 12px;
    color: #B0B0B0;
    max-width: 400px;
    margin: 0;
  }
  
  .icon-btn-xs.svelte-1apwz4w {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    padding: 2px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
  }
  
  .icon-btn-xs.svelte-1apwz4w:hover {
    color: white;
  }
  
  .action-btn.svelte-1apwz4w {
    background: rgba(51, 212, 212, 0.1);
    border: 1px solid rgba(51, 212, 212, 0.3);
    color: #33d4d4ff;
    cursor: pointer;
    padding: 6px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: all 0.2s ease;
  }
  
  .action-btn.svelte-1apwz4w:hover {
    background: rgba(51, 212, 212, 0.2);
    border-color: rgba(51, 212, 212, 0.5);
  }
  
  .table-container.svelte-1apwz4w::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  
  .table-container.svelte-1apwz4w::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
  }
  
  .table-container.svelte-1apwz4w::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
  }
  
  .table-container.svelte-1apwz4w::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
  }

  .tx-number.svelte-1apwz4w {
    text-align: center;
    padding: 8px !important;
  }

  .number-badge.svelte-1apwz4w {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #8A2BE2, #6A1BB2);
    border: 1px solid rgba(138, 43, 226, 0.6);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 13px;
    font-weight: 700;
    color: white;
    box-shadow: 0 2px 8px rgba(138, 43, 226, 0.3);
  }

  /* Session Info Banner Styles */
  .session-info-banner.svelte-1apwz4w {
    background: linear-gradient(135deg, rgba(51, 212, 212, 0.1), rgba(0, 255, 136, 0.1));
    border: 1px solid rgba(51, 212, 212, 0.3);
    border-radius: 12px;
    padding: 16px 20px;
    margin: 16px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
  }
  
  .session-icon-container.svelte-1apwz4w {
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
  }
  
  .session-details.svelte-1apwz4w {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  .session-title.svelte-1apwz4w {
    font-size: 16px;
    font-weight: 700;
    color: #33d4d4ff;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .session-metadata.svelte-1apwz4w {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }
  
  .meta-item.svelte-1apwz4w {
    font-size: 13px;
    color: #B0B0B0;
  }
  
  .meta-item.svelte-1apwz4w strong:where(.svelte-1apwz4w) {
    color: white;
    margin-right: 4px;
  }

  @media (max-width: 768px) {
    .transactions-container.svelte-1apwz4w {
      padding: 16px;
    }
    
    .transactions-header.svelte-1apwz4w {
      flex-direction: column;
      gap: 16px;
    }
    
    .filters-grid.svelte-1apwz4w {
      grid-template-columns: 1fr;
    }
    
    .transactions-table.svelte-1apwz4w {
      font-size: 10px;
    }
    
    .transactions-table.svelte-1apwz4w th:where(.svelte-1apwz4w),
    .transactions-table.svelte-1apwz4w td:where(.svelte-1apwz4w) {
      padding: 8px;
    }
  }

  .loading-modal-overlay.svelte-5alrd5 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: svelte-5alrd5-fadeIn 0.2s ease-out;
  }

  @keyframes svelte-5alrd5-fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .loading-modal-content.svelte-5alrd5 {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    border: 2px solid rgba(138, 43, 226, 0.4);
    border-radius: 16px;
    padding: 32px;
    max-width: 400px;
    width: 90%;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: svelte-5alrd5-slideUp 0.3s ease-out;
  }

  @keyframes svelte-5alrd5-slideUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .icon-container.svelte-5alrd5 {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
    position: relative;
    height: 80px;
  }

  .spinner-ring.svelte-5alrd5 {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 4px solid rgba(138, 43, 226, 0.2);
    border-top-color: #8A2BE2;
    animation: svelte-5alrd5-spin 1s linear infinite;
  }

  @keyframes svelte-5alrd5-spin {
    to {
      transform: rotate(360deg);
    }
  }

  .icon-circle.svelte-5alrd5 {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(138, 43, 226, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #33d4d4;
    animation: svelte-5alrd5-pulse 2s ease-in-out infinite;
  }

  @keyframes svelte-5alrd5-pulse {
    0%, 100% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0.8;
      transform: scale(0.95);
    }
  }

  .modal-text.svelte-5alrd5 {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .modal-title.svelte-5alrd5 {
    font-size: 20px;
    font-weight: 700;
    color: white;
    margin: 0;
  }

  .wallet-name.svelte-5alrd5 {
    font-size: 16px;
    font-weight: 600;
    color: #33d4d4;
    margin: 0;
  }

  .status-row.svelte-5alrd5 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #B0B0B0;
    font-size: 14px;
  }

  .status-row.svelte-5alrd5 svg {
    color: #00FF88;
  }

  .progress-dots.svelte-5alrd5 {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding-top: 16px;
  }

  .progress-dot.svelte-5alrd5 {
    width: 8px;
    height: 8px;
    background: #00FF88;
    border-radius: 50%;
    animation: svelte-5alrd5-bounce 1.4s ease-in-out infinite;
  }

  @keyframes svelte-5alrd5-bounce {
    0%, 80%, 100% {
      transform: scale(0.8);
      opacity: 0.5;
    }
    40% {
      transform: scale(1.2);
      opacity: 1;
    }
  }

  @media (max-width: 768px) {
    .loading-modal-content.svelte-5alrd5 {
      padding: 24px;
      max-width: 320px;
    }

    .modal-title.svelte-5alrd5 {
      font-size: 18px;
    }

    .icon-container.svelte-5alrd5 {
      height: 60px;
    }

    .spinner-ring.svelte-5alrd5,
    .icon-circle.svelte-5alrd5 {
      width: 60px;
      height: 60px;
    }

    .icon-circle.svelte-5alrd5 svg {
      width: 24px;
      height: 24px;
    }
  }

  .modal-backdrop.svelte-1tfpdmv {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    animation: svelte-1tfpdmv-fadeIn 0.2s ease;
  }

  @keyframes svelte-1tfpdmv-fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .modal-container.svelte-1tfpdmv {
    background: rgba(26, 26, 46, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 32px;
    max-width: 480px;
    width: 90%;
    position: relative;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    animation: svelte-1tfpdmv-slideIn 0.3s ease;
  }

  @keyframes svelte-1tfpdmv-slideIn {
    from {
      transform: translateY(-20px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .close-btn.svelte-1tfpdmv {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 8px;
    color: #B0B0B0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  .close-btn.svelte-1tfpdmv:hover {
    background: rgba(255, 255, 255, 0.1);
    color: white;
  }

  .modal-icon.svelte-1tfpdmv {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    background: rgba(255, 165, 0, 0.1);
    border: 2px solid rgba(255, 165, 0, 0.3);
    border-radius: 50%;
    color: #ffa500;
  }

  .modal-title.svelte-1tfpdmv {
    font-size: 24px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin: 0 0 16px 0;
  }

  .modal-message.svelte-1tfpdmv {
    font-size: 14px;
    color: #B0B0B0;
    text-align: center;
    line-height: 1.6;
    margin: 0 0 24px 0;
    word-wrap: break-word;
  }

  .modal-message.svelte-1tfpdmv strong:where(.svelte-1tfpdmv) {
    color: #33d4d4ff;
    font-weight: 600;
  }

  .modal-actions.svelte-1tfpdmv {
    display: flex;
    gap: 12px;
    justify-content: center;
  }

  .btn.svelte-1tfpdmv {
    padding: 12px 32px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    min-width: 120px;
    justify-content: center;
  }

  .btn-confirm.svelte-1tfpdmv {
    background: rgba(51, 212, 212, 0.2);
    border: 1px solid rgba(51, 212, 212, 0.4);
    color: #33d4d4ff;
  }

  .btn-confirm.svelte-1tfpdmv:hover {
    background: rgba(51, 212, 212, 0.3);
    border-color: rgba(51, 212, 212, 0.6);
  }

  @media (max-width: 768px) {
    .modal-container.svelte-1tfpdmv {
      padding: 24px;
      max-width: 90%;
    }

    .modal-title.svelte-1tfpdmv {
      font-size: 20px;
    }

    .btn.svelte-1tfpdmv {
      width: 100%;
    }
  }

  .dashboard-container.svelte-kdmb3n {
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    overflow: hidden;
  }

  .dashboard-container.fullscreen-active.svelte-kdmb3n {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  }

  .main-content.svelte-kdmb3n {
    flex: 1;
    display: flex;
    position: relative;
    min-height: 0;
    transition: all 0.3s ease;
  }

  .main-content.fullscreen.svelte-kdmb3n {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
  }

  .diagram-container.svelte-kdmb3n {
    flex: 1;
    position: relative;
    background: rgba(0, 0, 0, 0.2);
    /* ✅ CRITICAL FIX: Change from overflow: visible to hidden for proper minimap display */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    /* ✅ Ensure proper height calculation in flex layout */
    min-height: 0;
  }

  .diagram-container.fullscreen.svelte-kdmb3n {
    background: #1a1a2e;
  }

  .fullscreen-toggle.svelte-kdmb3n {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 8px;
    color: white;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }

  .fullscreen-toggle.svelte-kdmb3n:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
  }

  .sidebar-overlay.svelte-kdmb3n {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
  }

    
    .login-container.svelte-8ukb9p {
        /* Allow the container to be at least the height of the screen */
        min-height: 100vh;
        display: flex;
        justify-content: center;
        /* Center card vertically if content is short, but allow it to push down if long */
        align-items: center; 
        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
        color: white;
        font-family: 'JetBrains Mono', monospace;
        /* Vertical padding ensures space when the page scrolls */
        padding: 60px 24px; 
    }

    .login-card.svelte-8ukb9p {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        border-radius: 24px;
        max-width: 440px;
        width: 100%;
        box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.4);
        /* Remove any height restrictions */
        height: auto;
    }

    .card-content.svelte-8ukb9p {
        padding: 48px 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* Ensure no internal scrollbars appear */
        overflow: visible; 
    }

    .card-content.svelte-8ukb9p::-webkit-scrollbar {
        width: 6px;
    }

    .card-content.svelte-8ukb9p::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 3px;
    }

    .card-content.svelte-8ukb9p::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.2);
        border-radius: 3px;
    }

    .card-content.svelte-8ukb9p::-webkit-scrollbar-thumb:hover {
        background: rgba(255, 255, 255, 0.3);
    }

    .logo-text.svelte-8ukb9p {
        font-size: 24px;
        font-weight: bold;
        color: #33d4d4ff;
        margin-bottom: 8px;
    }

    .subtitle-text.svelte-8ukb9p {
        font-size: 16px;
        font-weight: bold;
        color: #33d4d4ff;
        margin-bottom: 32px;
    }

    form.svelte-8ukb9p {
        width: 100%;
    }

    .input-group.svelte-8ukb9p {
        margin-bottom: 20px;
    }

    .input-group.svelte-8ukb9p label:where(.svelte-8ukb9p) {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: #B0B0B0;
        margin-bottom: 8px;
    }

    .input-field.svelte-8ukb9p {
        position: relative;
        display: flex;
        align-items: center;
    }

    .input-field.svelte-8ukb9p .icon {
        position: absolute;
        left: 12px;
        color: #B0B0B0;
    }

    .input-field.svelte-8ukb9p input:where(.svelte-8ukb9p) {
        width: 100%;
        background: rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        padding: 12px 12px 12px 40px;
        color: white;
        font-size: 14px;
        outline: none;
        transition: all 0.3s ease;
    }

    .input-field.svelte-8ukb9p input:where(.svelte-8ukb9p):focus {
        border-color: #33d4d4ff;
        box-shadow: 0 0 0 2px rgba(51, 212, 212, 0.2);
    }

    .session-options.svelte-8ukb9p {
        margin-bottom: 20px;
        padding: 16px;
        background: rgba(0, 255, 136, 0.05);
        border: 1px solid rgba(0, 255, 136, 0.1);
        border-radius: 12px;
    }

    .checkbox-label.svelte-8ukb9p {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        cursor: pointer;
        user-select: none;
    }

    .checkbox-label.svelte-8ukb9p input[type="checkbox"]:where(.svelte-8ukb9p) {
        margin-top: 2px;
        width: 18px;
        height: 18px;
        cursor: pointer;
        accent-color: #00FF88;
    }

    .checkbox-text.svelte-8ukb9p {
        display: flex;
        flex-direction: column;
        gap: 4px;
        font-size: 14px;
        color: white;
    }

    .checkbox-subtext.svelte-8ukb9p {
        font-size: 11px;
        color: #B0B0B0;
        font-weight: normal;
    }

    .cookie-warning.svelte-8ukb9p {
        margin-bottom: 20px;
        padding: 16px;
        background: rgba(255, 165, 0, 0.05);
        border: 1px solid rgba(255, 165, 0, 0.2);
        border-radius: 12px;
        text-align: center;
    }

    .cookie-warning.svelte-8ukb9p p:where(.svelte-8ukb9p) {
        margin: 0;
        font-size: 14px;
        color: #ffa500;
        font-weight: 600;
    }

    .warning-subtext.svelte-8ukb9p {
        margin-top: 8px !important;
        font-size: 12px !important;
        color: #B0B0B0 !important;
        font-weight: normal !important;
    }

    .login-btn.svelte-8ukb9p {
        width: 100%;
        background: #00FF88;
        color: #1a1a2e;
        padding: 14px;
        border-radius: 12px;
        font-weight: bold;
        font-size: 16px;
        cursor: pointer;
        transition: all 0.3s ease;
        border: none;
        margin-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .login-btn.svelte-8ukb9p:hover:not(:disabled) {
        background: #00e67a;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);
    }
    
    .login-btn.svelte-8ukb9p:disabled {
        background: rgba(0, 255, 136, 0.5);
        cursor: not-allowed;
    }

    .error-message.svelte-8ukb9p {
        background: rgba(255, 68, 68, 0.1);
        border: 1px solid rgba(255, 68, 68, 0.2);
        color: #ff4444;
        padding: 12px;
        border-radius: 8px;
        margin-top: 20px;
        font-size: 14px;
        width: 100%;
        text-align: center;
        /* Error message will now naturally push the card bottom down */
    }
    
    .signup-link.svelte-8ukb9p {
        font-size: 14px;
        color: #B0B0B0;
        margin-top: 24px;
    }

    .signup-link.svelte-8ukb9p a:where(.svelte-8ukb9p) {
        color: #33d4d4ff;
        text-decoration: none;
        font-weight: bold;
        transition: color 0.2s ease;
    }

    .signup-link.svelte-8ukb9p a:where(.svelte-8ukb9p):hover {
        color: #00FF88;
    }

    .animate-spin {
        animation: svelte-8ukb9p-spin 1s linear infinite;
    }

    @keyframes svelte-8ukb9p-spin {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }

    @media (max-width: 768px) {
        .login-container.svelte-8ukb9p {
            padding: 40px 16px;
            /* On mobile, align to top to make scrolling more intuitive */
            align-items: flex-start; 
        }

        .card-content.svelte-8ukb9p {
            padding: 32px 24px;
        }

        .login-card.svelte-8ukb9p {
            /* Remove the max-height constraints previously set */
            max-height: none; 
        }
    }

  .cookie-consent-overlay.svelte-1xqvkrg {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(26, 26, 46, 0.98);
    backdrop-filter: blur(20px);
    border-top: 2px solid rgba(51, 212, 212, 0.3);
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    animation: svelte-1xqvkrg-slideUp 0.4s ease-out;
  }

  @keyframes svelte-1xqvkrg-slideUp {
    from {
      transform: translateY(100%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .cookie-consent-modal.svelte-1xqvkrg {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px;
  }

  .consent-header.svelte-1xqvkrg {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    margin-bottom: 24px;
  }

  .icon-container.svelte-1xqvkrg {
    background: rgba(51, 212, 212, 0.1);
    border: 2px solid rgba(51, 212, 212, 0.3);
    border-radius: 16px;
    padding: 16px;
    flex-shrink: 0;
    color: #33d4d4;
  }

  .header-content.svelte-1xqvkrg {
    flex: 1;
  }

  .header-content.svelte-1xqvkrg h2:where(.svelte-1xqvkrg) {
    margin: 0 0 12px 0;
    font-size: 24px;
    font-weight: 700;
    color: #33d4d4;
  }

  .intro-text.svelte-1xqvkrg {
    margin: 0;
    color: #B0B0B0;
    line-height: 1.6;
    font-size: 14px;
  }

  .intro-text.svelte-1xqvkrg strong:where(.svelte-1xqvkrg) {
    color: white;
  }

  .comparison-cards.svelte-1xqvkrg {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
  }

  .card.svelte-1xqvkrg {
    border-radius: 12px;
    padding: 20px;
  }

  .accept-card.svelte-1xqvkrg {
    background: rgba(0, 255, 136, 0.05);
    border: 2px solid rgba(0, 255, 136, 0.2);
  }

  .deny-card.svelte-1xqvkrg {
    background: rgba(255, 68, 68, 0.05);
    border: 2px solid rgba(255, 68, 68, 0.2);
  }

  .card-header.svelte-1xqvkrg {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
  }

  .accept-card.svelte-1xqvkrg .card-header:where(.svelte-1xqvkrg) {
    color: #00FF88;
  }

  .deny-card.svelte-1xqvkrg .card-header:where(.svelte-1xqvkrg) {
    color: #ff4444;
  }

  .card-header.svelte-1xqvkrg h3:where(.svelte-1xqvkrg) {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
  }

  .card.svelte-1xqvkrg ul:where(.svelte-1xqvkrg) {
    margin: 0;
    padding-left: 20px;
    color: #B0B0B0;
    font-size: 13px;
    line-height: 1.8;
  }

  .info-box.svelte-1xqvkrg {
    background: rgba(51, 212, 212, 0.05);
    border: 1px solid rgba(51, 212, 212, 0.2);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
  }

  .info-box.svelte-1xqvkrg svg {
    color: #33d4d4;
    flex-shrink: 0;
    margin-top: 2px;
  }

  .info-text.svelte-1xqvkrg {
    font-size: 13px;
    color: #B0B0B0;
    line-height: 1.6;
  }

  .info-text.svelte-1xqvkrg strong:where(.svelte-1xqvkrg) {
    color: #33d4d4;
  }

  .actions.svelte-1xqvkrg {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
  }

  .btn.svelte-1xqvkrg {
    flex: 1 1 200px;
    padding: 16px 32px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease;
    border: none;
    font-family: 'JetBrains Mono', monospace;
  }

  .btn-accept.svelte-1xqvkrg {
    background: #00FF88;
    color: #1a1a2e;
    font-weight: 700;
  }

  .btn-accept.svelte-1xqvkrg:hover {
    background: #00e67a;
    transform: translateY(-2px);
  }

  .btn-deny.svelte-1xqvkrg {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
  }

  .btn-deny.svelte-1xqvkrg:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .footer-text.svelte-1xqvkrg {
    margin: 16px 0 0 0;
    font-size: 11px;
    color: #666;
    font-style: italic;
    text-align: center;
  }

  @media (max-width: 768px) {
    .cookie-consent-modal.svelte-1xqvkrg {
      padding: 24px 16px;
    }

    .consent-header.svelte-1xqvkrg {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    .header-content.svelte-1xqvkrg h2:where(.svelte-1xqvkrg) {
      font-size: 20px;
    }

    .comparison-cards.svelte-1xqvkrg {
      grid-template-columns: 1fr;
    }

    .actions.svelte-1xqvkrg {
      flex-direction: column;
    }

    .btn.svelte-1xqvkrg {
      width: 100%;
    }
  }

  body {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    overflow-y: auto; 
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    font-family: 'JetBrains Mono', monospace;
    color: white;
  }

  * {
    box-sizing: border-box;
  }

  .loading-overlay.svelte-1n46o8q {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 26, 46, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
  }

  .blockchain-loader.svelte-1n46o8q {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    color: white;
  }

  .loader-blocks.svelte-1n46o8q {
    display: flex;
    gap: 4px;
  }

  .loader-block.svelte-1n46o8q {
    width: 12px;
    height: 12px;
    background: #8AE9C3;
    animation: svelte-1n46o8q-bounce 1.2s infinite ease-in-out;
  }

  .loader-block.svelte-1n46o8q:nth-child(1) {
    animation-delay: -0.32s;
  }

  .loader-block.svelte-1n46o8q:nth-child(2) {
    animation-delay: -0.16s;
  }

  @keyframes svelte-1n46o8q-bounce {
    0%, 80%, 100% {
      transform: scale(0);
    }
    40% {
      transform: scale(1);
    }
  }