.gd-title {
  background: linear-gradient(104.04deg,
      #1472ff -4%,
      #47a9ff 23%,
      #adc3ff 50%,
      #ffadc9 77%,
      #ff476b 104%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: fit-content;
}

div#subscriptionViewContainer {
    padding-left: 30px;
    padding-right: 30px;
}

@keyframes slides {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.animate-slides {
  animation: slides 30s infinite linear;
}

.hero-brand {
  mask-image: linear-gradient(to right,
      rgba(0, 0, 0, 0) 0%,
      rgb(0, 0, 0) 25%,
      rgb(0, 0, 0) 75%,
      rgba(0, 0, 0, 0) 100%);
}

.hero-brand:hover .animate-slides {
  animation-play-state: paused;
}

.b-active {
  background-image: linear-gradient(180deg, rgba(152, 161, 174, 0.08) 0%, rgba(152, 161, 174, 0.08) 0.01%, rgba(20, 114, 255, 0) 100%);
  border: 1px solid #98a1ae14;
  color: #47a9ff;
}

@media screen and (max-width: 991px) {
  .hero-brand .inline-flex.logo_items.animate-slides:first-child {
    display: none;
  }
}

.accordion-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-out;
}

.accordion-content.show {
  max-height: auto;
}

.accordion-header svg {
  transition: transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
}

.accordion-header svg {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

.accordion-header svg.rotate-180 {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}

.glowing-button-gradient {
  animation: spin 4s linear infinite;
  background: conic-gradient(rgb(20, 114, 255) 0deg,
      rgb(71, 169, 255) 60deg,
      rgb(173, 195, 255) 120deg,
      rgb(255, 173, 201) 180deg,
      rgb(255, 71, 107) 240deg,
      rgb(20, 114, 255) 300deg);
  z-index: 1;
  height: 500%;
  width: 120%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10%;
  right: 0;
}

.glowing-button-inner {
  z-index: 3;
}

.glowing-button {
  z-index: 4;
}

.glowing-button-inner-overlay {
  z-index: 1;
  width: 99%;
  height: 99%;
  position: absolute;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

/* Login/Register Modal Styles - z-index acima do header/menu mobile (z-50) */
.login-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  padding: 20px;
}

.login-modal-overlay.show {
  display: flex !important;
}

.login-modal-container {
  position: relative;
  background-color: #111827;
  border-radius: 0.5rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  width: 100%;
  border: 1px solid rgba(55, 65, 81, 1);
  max-width: 450px;
  max-height: 90vh;
  overflow-y: auto;
}

.login-modal-close-wrapper {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 1rem;
  border-left: 1px solid rgba(55, 65, 81, 1);
  min-width: 3rem;
}

.login-modal-close {
  background: none;
  border: none;
  padding: 0;
  color: #9ca3af;
  cursor: pointer;
  transition: color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 100%;
  height: 100%;
}

.login-modal-close:hover {
  color: #ffffff;
}

.login-modal-close svg {
  width: 1.25rem;
  height: 1.25rem;
  stroke: currentColor;
  stroke-width: 2;
  flex-shrink: 0;
  display: block;
  margin: 0;
}

.login-modal-tabs {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(55, 65, 81, 1);
  position: relative;
}

.login-modal-tab {
  flex: 1;
  padding: 1rem 1.5rem;
  text-align: center;
  font-weight: 500;
  transition: all 0.2s;
  border-bottom: 2px solid transparent;
}

.login-modal-tab.active {
  color: #ffffff;
  border-bottom-color: #3b82f6;
}

.login-modal-tab.inactive {
  color: #9ca3af;
}

.login-modal-tab.inactive:hover {
  color: #ffffff;
}

.login-modal-content {
  padding: 2rem;
}

.login-modal-container > form {
  padding: 0;
}

.login-modal-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.5rem;
  padding: 2rem 2rem 0 2rem;
}

.login-modal-subtitle {
  font-size: 0.875rem;
  color: #9ca3af;
  margin-bottom: 1.5rem;
  padding: 0 2rem;
}

.login-modal-footer {
  padding: 0 2rem 2rem 2rem;
  text-align: center;
  margin-top: 1rem;
}

.login-link {
  color: #3b82f6;
  text-decoration: none;
  font-size: 0.875rem;
  transition: color 0.2s;
}

.login-link:hover {
  color: #60a5fa;
  text-decoration: underline;
}

#recaptcha-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

#recaptcha-container > div {
  margin: 0 auto;
}

.login-form-group {
  margin-bottom: 1rem;
}

.login-form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #d1d5db;
}

.login-form-label-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.login-form-label-wrapper .login-form-label {
  margin-bottom: 0;
}

.login-form-input {
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: #1f2937;
  border: 1px solid rgba(55, 65, 81, 1);
  border-radius: 0.5rem;
  color: #ffffff;
  font-size: 0.875rem;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.login-form-input.password-input {
  padding-right: 3rem;
}

.login-form-input::placeholder {
  color: #6b7280;
}

.login-form-input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.login-form-input-wrapper {
  position: relative;
}

.login-password-toggle {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
}

.login-password-toggle:hover {
  color: #ffffff;
}

.login-btn-primary {
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: #2563eb;
  color: #ffffff;
  font-weight: 600;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  margin-bottom: 1rem;
}

.login-btn-primary:hover {
  background-color: #1d4ed8;
}

.login-btn-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}

.login-divider {
  position: relative;
  margin: 1.5rem 0;
}

.login-divider::before {
  content: '';
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(55, 65, 81, 1);
}

.login-divider-text {
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
  padding: 0 0.5rem;
  background-color: #111827;
  color: #9ca3af;
}

.login-btn-google {
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: #ffffff;
  color: #111827;
  font-weight: 600;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.login-btn-google:hover {
  background-color: #f3f4f6;
}

.login-btn-google:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.3);
}

.login-google-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* Classe hidden específica para mensagens (não conflitar com Tailwind) */
.login-error-message.hidden,
.login-success-message.hidden,
.login-form-container.hidden {
  display: none !important;
}

.login-error-message {
  margin-top: 1rem;
  padding: 0.75rem;
  background-color: rgba(127, 29, 29, 0.5);
  border: 1px solid rgba(185, 28, 28, 0.3);
  border-radius: 0.5rem;
  color: #fca5a5;
  font-size: 0.875rem;
  display: none;
  margin-bottom: 1rem;
}

.login-error-message.hidden {
  display: none !important;
}

.login-error-message.show {
  display: block;
}

.login-error-message:not(.hidden):not(.show) {
  display: none;
}

.login-form-container {
  display: block;
}

.login-form-container.hidden {
  display: none;
}

.login-forgot-link {
  font-size: 0.875rem;
  color: #60a5fa;
  text-decoration: none;
  transition: color 0.2s;
}

.login-forgot-link:hover {
  color: #93c5fd;
}

/* Verification Modal Styles */
.verification-modal {
  max-width: 500px;
}

.verification-content {
  padding: 2rem;
  text-align: center;
}

.verification-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 1.5rem;
  background: linear-gradient(135deg, #47A9FF 0%, #0042DA 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.verification-title {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #ffffff;
}

.verification-text {
  color: #d1d5db;
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
  line-height: 1.6;
}

.verification-text strong {
  color: #ffffff;
  font-weight: 600;
}

.verification-code-label {
  color: #47A9FF;
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.verification-code-inputs {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.verification-code-input {
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  background: rgba(20, 20, 20, 0.8);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #ffffff;
  transition: all 0.3s;
}

.verification-code-input:focus {
  outline: none;
  border-color: #47A9FF;
  box-shadow: 0 0 0 3px rgba(71, 169, 255, 0.1);
}

.verification-resend {
  color: #d1d5db;
  font-size: 0.875rem;
  margin-top: 1rem;
}

.verification-resend strong {
  color: #ffffff;
  font-weight: 600;
}

@media (max-width: 768px) {
  .login-modal-container {
    max-width: 100%;
    margin: 0 1rem;
  }
  
  .login-modal-content {
    padding: 1.5rem;
  }
  
  .verification-code-input {
    width: 45px;
    height: 55px;
    font-size: 1.25rem;
  }
  
  .verification-content {
    padding: 1.5rem;
  }
}

.login-success-message {
  margin-top: 1rem;
  padding: 0.75rem;
  background-color: rgba(21, 87, 36, 0.5);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 0.5rem;
  color: #86efac;
  font-size: 0.875rem;
  display: none;
  margin-bottom: 1rem;
}

.login-success-message.hidden {
  display: none !important;
}

.login-success-message:not(.hidden) {
  display: block;
}

/* Sistema de Notificações Toast */
.toast-container {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
}

.toast-notification {
  min-width: 320px;
  max-width: 400px;
  background: rgba(31, 41, 55, 0.95);
  border: 2px solid;
  border-radius: 12px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  box-shadow: 0 4px 20px rgba(71, 169, 255, 0.3);
  backdrop-filter: blur(10px);
  pointer-events: auto;
  animation: toastSlideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  position: relative;
  overflow: hidden;
}

.toast-notification::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #47A9FF 0%, #0042DA 100%);
}

.toast-notification.success {
  border-color: rgba(52, 168, 83, 0.4);
  box-shadow: 0 4px 20px rgba(52, 168, 83, 0.2);
}

.toast-notification.error {
  border-color: rgba(239, 68, 68, 0.4);
  box-shadow: 0 4px 20px rgba(239, 68, 68, 0.2);
}

.toast-notification.success::before {
  background: linear-gradient(90deg, #34a853 0%, #2e7d32 100%);
}

.toast-notification.error::before {
  background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%);
}

@keyframes toastSlideIn {
  from {
    opacity: 0;
    transform: translateY(100%) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.toast-notification.slide-out {
  animation: toastSlideOut 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes toastSlideOut {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(100%) scale(0.9);
  }
}

.toast-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.toast-icon svg {
  width: 100%;
  height: 100%;
}

.toast-content {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.5;
}

.toast-close {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.toast-close:hover {
  opacity: 1;
}

.toast-close svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
}
/* ========== User Dashboard (from user-dashboard.html) ========== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Kumbh Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            background: #111827;
            color: #ffffff;
            min-height: 100vh;
        }
        
        .header {
            background: rgba(17, 24, 39, 0.95);
            border-bottom: 1px solid rgba(55, 65, 81, 1);
            padding: 16px 32px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky;
            top: 0;
            z-index: 100;
            backdrop-filter: blur(10px);
        }
        
        .header h1 {
            font-size: 1.5rem;
            font-weight: 700;
            background: linear-gradient(135deg, #47A9FF 0%, #0042DA 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .header-actions {
            display: flex;
            align-items: center;
            gap: 16px;
        }
        
        .settings-btn {
            background: rgba(71, 169, 255, 0.1);
            border: 1px solid rgba(71, 169, 255, 0.3);
            border-radius: 8px;
            padding: 10px;
            cursor: pointer;
            color: #47A9FF;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .settings-btn:hover {
            background: rgba(71, 169, 255, 0.2);
            border-color: #47A9FF;
        }
        
        .settings-btn svg {
            width: 20px;
            height: 20px;
        }
        
        .user-info {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        
        .user-menu-container {
            position: relative;
        }
        
        .user-menu-trigger {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 4px 0;
            margin: 0;
            background: none;
            border: none;
            border-radius: 0;
            color: inherit;
            font: inherit;
            font-size: 14px;
            font-weight: inherit;
            cursor: pointer;
            transition: opacity 0.2s;
        }
        
        .user-menu-trigger:hover {
            opacity: 0.9;
        }
        
        .user-menu-chevron {
            flex-shrink: 0;
            transition: transform 0.2s;
        }
        
        .user-menu-container.open .user-menu-chevron {
            transform: rotate(180deg);
        }
        
        .user-menu-dropdown {
            position: absolute;
            top: calc(100% + 8px);
            right: 0;
            min-width: 260px;
            background: #1f2937;
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            z-index: 1001;
            overflow: hidden;
            padding: 12px 0;
            display: flex;
            flex-direction: column;
        }
        
        .user-menu-info {
            padding: 0 16px 12px;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        
        .user-menu-email {
            font-size: 13px;
            color: #9ca3af;
            word-break: break-all;
        }
        
        .user-menu-info .plan-badge {
            align-self: flex-start;
        }
        
        .user-menu-divider {
            height: 1px;
            background: rgba(55, 65, 81, 1);
            margin: 8px 0;
        }
        
        .user-menu-item {
            display: block;
            box-sizing: border-box;
            width: 100%;
            padding: 10px 16px;
            font-size: 14px;
            color: #e5e7eb;
            text-decoration: none;
            transition: background 0.2s;
            border: none;
            background: none;
            text-align: left;
            cursor: pointer;
            font-family: inherit;
        }
        
        .user-menu-item:hover {
            background: rgba(55, 65, 81, 0.6);
            color: #ffffff;
        }
        
        .user-menu-item-admin {
            color: #fbbf24;
        }
        
        .user-menu-item-admin:hover {
            background: rgba(251, 191, 36, 0.1);
            color: #fbbf24;
        }
        
        .user-menu-item-logout {
            color: #f87171;
        }
        
        .user-menu-item-logout:hover {
            background: rgba(248, 113, 113, 0.1);
            color: #ff6b6b;
        }
        
        .plan-badge {
            padding: 4px 12px;
            border-radius: 6px;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        
        .plan-badge.free {
            background: rgba(156, 163, 175, 0.2);
            border: 1px solid rgba(156, 163, 175, 0.4);
            color: #9ca3af;
        }
        
        .plan-badge.lite {
            background: rgba(59, 130, 246, 0.2);
            border: 1px solid rgba(59, 130, 246, 0.4);
            color: #60a5fa;
        }
        
        .plan-badge.standard {
            background: rgba(147, 51, 234, 0.2);
            border: 1px solid rgba(147, 51, 234, 0.4);
            color: #a78bfa;
        }
        
        .plan-badge.pro {
            background: rgba(71, 169, 255, 0.2);
            border: 1px solid rgba(71, 169, 255, 0.4);
            color: #47A9FF;
        }
        
        .plan-badge.admin {
            background: rgba(234, 179, 8, 0.2);
            border: 1px solid rgba(234, 179, 8, 0.4);
            color: #fbbf24;
        }
        
        .admin-dashboard-link {
            padding: 6px 12px;
            background: rgba(234, 179, 8, 0.1);
            border: 1px solid rgba(234, 179, 8, 0.3);
            border-radius: 6px;
            color: #fbbf24;
            text-decoration: none;
            font-size: 13px;
            font-weight: 500;
            transition: all 0.3s;
        }
        
        .admin-dashboard-link:hover {
            background: rgba(234, 179, 8, 0.2);
            border-color: #fbbf24;
        }
        
        .notifications-container {
            position: relative;
        }
        
        .notifications-btn {
            position: relative;
            background: rgba(71, 169, 255, 0.1);
            border: 1px solid rgba(71, 169, 255, 0.3);
            border-radius: 8px;
            padding: 10px;
            cursor: pointer;
            color: #47A9FF;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .notifications-btn:hover {
            background: rgba(71, 169, 255, 0.2);
            border-color: #47A9FF;
        }
        
        .notifications-btn svg {
            width: 20px;
            height: 20px;
        }
        
        .notifications-badge {
            position: absolute;
            top: -4px;
            right: -4px;
            background: #ef4444;
            color: white;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            font-weight: 700;
            border: 2px solid #111827;
        }
        
        .notifications-dropdown {
            position: absolute;
            top: calc(100% + 8px);
            right: 0;
            width: 380px;
            max-height: 500px;
            background: #1f2937;
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            z-index: 1000;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        
        .notifications-header {
            padding: 16px;
            border-bottom: 1px solid rgba(55, 65, 81, 1);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .notifications-header h3 {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
            color: #ffffff;
        }
        
        .mark-all-read-btn {
            padding: 4px 12px;
            background: transparent;
            border: 1px solid rgba(71, 169, 255, 0.3);
            border-radius: 6px;
            color: #47A9FF;
            cursor: pointer;
            font-size: 12px;
            transition: all 0.3s;
        }
        
        .mark-all-read-btn:hover {
            background: rgba(71, 169, 255, 0.1);
            border-color: #47A9FF;
        }
        
        .notifications-list {
            overflow-y: auto;
            max-height: 400px;
        }
        
        .notification-item {
            padding: 12px 16px;
            border-bottom: 1px solid rgba(55, 65, 81, 0.5);
            cursor: pointer;
            transition: background 0.2s;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: 12px;
        }
        
        .notification-item:hover {
            background: rgba(55, 65, 81, 0.5);
        }
        
        .notification-item.unread {
            background: rgba(71, 169, 255, 0.05);
        }
        
        .notification-item.unread:hover {
            background: rgba(71, 169, 255, 0.1);
        }
        
        .notification-item-icon {
            width: 40px;
            height: 40px;
            min-width: 40px;
            border-radius: 50%;
            overflow: hidden;
            background: rgba(55, 65, 81, 0.6);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .notification-item-icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .notification-item-body {
            flex: 1;
            min-width: 0;
            display: flex;
            flex-direction: column;
            gap: 4px;
        }
        
        .notification-title {
            font-weight: 600;
            color: #ffffff;
            font-size: 14px;
        }
        
        .notification-message {
            color: #9ca3af;
            font-size: 13px;
            white-space: pre-line;
        }
        
        .notification-time {
            color: #6b7280;
            font-size: 11px;
            margin-top: 4px;
        }
        
        .notification-empty {
            padding: 32px 16px;
            text-align: center;
            color: #6b7280;
            font-size: 14px;
        }
        
        .logout-btn {
            padding: 8px 16px;
            background: rgba(255, 68, 68, 0.1);
            border: 1px solid rgba(255, 68, 68, 0.3);
            border-radius: 6px;
            color: #ff6b6b;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.3s;
        }
        
        .logout-btn:hover {
            background: rgba(255, 68, 68, 0.2);
        }
        
        .container {
            max-width: 100%;
            margin: 0;
            padding: 0;
            display: flex;
            gap: 0;
        }
        
        /* Sidebar de Navegação */
        .user-sidebar {
            width: 280px;
            min-width: 280px;
            background: rgba(17, 24, 39, 0.95);
            border-right: 1px solid rgba(55, 65, 81, 1);
            display: flex;
            flex-direction: column;
            height: calc(100vh - 73px);
            position: sticky;
            top: 73px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        
        .sidebar-nav {
            flex: 1;
            padding: 20px 0 16px 0;
            overflow-y: auto;
        }
        
        .nav-section {
            margin-bottom: 24px;
        }
        
        .nav-section-title {
            padding: 8px 20px;
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: rgba(255, 255, 255, 0.5);
            margin-bottom: 8px;
        }
        
        .nav-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 20px;
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            transition: all 0.2s;
            cursor: pointer;
            border-left: 3px solid transparent;
            font-weight: 700;
        }
        
        .nav-item:hover {
            background: rgba(255, 255, 255, 0.05);
            color: #ffffff;
        }
        
        .nav-item.active {
            background: rgba(71, 169, 255, 0.15);
            color: #47a9ff;
            border-left-color: #47a9ff;
            font-weight: 700;
        }
        
        .nav-icon {
            font-size: 18px;
            width: 24px;
            height: 24px;
            text-align: center;
            flex-shrink: 0;
        }
        .nav-icon img, img.nav-icon {
            width: 24px;
            height: 24px;
            object-fit: contain;
            display: block;
        }
        
        .nav-text {
            font-size: 14px;
            flex: 1;
            font-weight: 700;
        }
        
        /* Conteúdo da Sidebar (Pares Monitorados) */
        .sidebar-content {
            width: 320px;
            min-width: 320px;
            background: rgba(17, 24, 39, 0.95);
            border-right: 1px solid rgba(55, 65, 81, 1);
            display: flex;
            flex-direction: column;
            height: calc(100vh - 73px);
            position: sticky;
            top: 73px;
            overflow-y: auto;
        }
        
        .monitored-pairs-panel {
            padding: 24px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        
        /* Coluna Esquerda - Pares Monitorados (mantido para compatibilidade) */
        .monitored-pairs-sidebar {
            width: 320px;
            min-width: 320px;
            background: rgba(17, 24, 39, 0.95);
            border-right: 1px solid rgba(55, 65, 81, 1);
            padding: 24px;
            display: flex;
            flex-direction: column;
            gap: 20px;
            height: calc(100vh - 73px);
            overflow-y: auto;
            position: sticky;
            top: 73px;
        }
        
        .monitored-pairs-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 8px;
        }
        
        .monitored-pairs-title {
            font-size: 1.25rem;
            font-weight: 700;
            color: #ffffff;
            margin: 0;
        }
        
        .pairs-search-box {
            position: relative;
        }
        
        .pairs-search-box input {
            width: 100%;
            padding: 10px 16px 10px 40px;
            border-radius: 8px;
            border: 2px solid rgba(55, 65, 81, 1);
            background: rgba(31, 41, 55, 0.8);
            color: #ffffff;
            font-size: 14px;
            transition: all 0.3s;
        }
        
        .pairs-search-box input:focus {
            outline: none;
            border-color: #47A9FF;
            box-shadow: 0 0 0 3px rgba(71, 169, 255, 0.1);
        }
        
        .pairs-search-box svg {
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            width: 18px;
            height: 18px;
            color: #6b7280;
        }
        
        .pairs-search-results {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: rgba(31, 41, 55, 0.95);
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 8px;
            margin-top: 4px;
            max-height: 300px;
            overflow-y: auto;
            z-index: 100;
            display: none;
        }
        
        .pairs-search-results.show {
            display: block;
        }
        
        .pairs-search-result-item {
            padding: 12px 16px;
            cursor: pointer;
            transition: background 0.2s;
            border-bottom: 1px solid rgba(55, 65, 81, 0.5);
        }
        
        .pairs-search-result-item:hover {
            background: rgba(71, 169, 255, 0.1);
        }
        
        .pairs-search-result-item:last-child {
            border-bottom: none;
        }
        
        .alert-symbol-results.show {
            display: block !important;
        }
        .alert-symbol-result-item {
            padding: 10px 16px;
            cursor: pointer;
            transition: background 0.2s;
            border-bottom: 1px solid rgba(55, 65, 81, 0.5);
            color: #e5e7eb;
            font-size: 14px;
        }
        .alert-symbol-result-item:hover {
            background: rgba(71, 169, 255, 0.1);
        }
        .alert-symbol-result-item:last-child {
            border-bottom: none;
        }
        
        .pairs-list {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            min-height: 60px;
            padding: 12px;
            background: rgba(31, 41, 55, 0.5);
            border-radius: 8px;
            border: 2px dashed rgba(55, 65, 81, 0.5);
        }
        
        .pair-tag {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 12px;
            background: linear-gradient(135deg, #47A9FF 0%, #0042DA 100%);
            color: #ffffff;
            border-radius: 6px;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
        }
        
        .pair-tag:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(71, 169, 255, 0.3);
        }
        
        .pair-tag-remove {
            width: 18px;
            height: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            cursor: pointer;
            transition: all 0.2s;
        }
        
        .pair-tag-remove:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: scale(1.1);
        }
        
        .pairs-actions {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        
        .pairs-info {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px;
            background: rgba(31, 41, 55, 0.5);
            border-radius: 8px;
            font-size: 14px;
            color: #9ca3af;
        }
        
        .pairs-info strong {
            color: #ffffff;
        }
        
        .pairs-apply-btn {
            width: 100%;
            padding: 12px;
            background: linear-gradient(135deg, #47A9FF 0%, #0042DA 100%);
            border: none;
            border-radius: 8px;
            color: #ffffff;
            font-weight: 600;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .pairs-apply-btn:hover:not(:disabled) {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(71, 169, 255, 0.4);
        }
        
        .pairs-apply-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
        
        .pairs-upgrade-btn {
            width: 100%;
            padding: 12px;
            background: rgba(52, 168, 83, 0.1);
            border: 2px solid rgba(52, 168, 83, 0.3);
            border-radius: 8px;
            color: #34a853;
            font-weight: 600;
            font-size: 14px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            transition: all 0.3s;
        }
        
        .pairs-upgrade-btn:hover {
            background: rgba(52, 168, 83, 0.2);
            border-color: rgba(52, 168, 83, 0.5);
        }
        
        .pairs-upgrade-btn svg {
            width: 18px;
            height: 18px;
        }
        
        .main-content {
            flex: 1;
            min-width: 0;
            margin-left: 0;
        }
        
        /* Scrollbar personalizado para sidebar */
        .sidebar-nav::-webkit-scrollbar,
        .sidebar-content::-webkit-scrollbar {
            width: 6px;
        }
        
        .sidebar-nav::-webkit-scrollbar-track,
        .sidebar-content::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.05);
        }
        
        .sidebar-nav::-webkit-scrollbar-thumb,
        .sidebar-content::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 3px;
        }
        
        .sidebar-nav::-webkit-scrollbar-thumb:hover,
        .sidebar-content::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.3);
        }
        
        /* Seção de Pumps e Dumps Recentes */
        .recent-events-section {
            background: rgba(31, 41, 55, 0.8);
            border-bottom: 1px solid rgba(55, 65, 81, 1);
            margin-bottom: 0;
        }
        
        .recent-events-header {
            padding: 20px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid rgba(55, 65, 81, 0.5);
        }
        
        .recent-events-title {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        
        .recent-events-title-bar {
            width: 4px;
            height: 32px;
            background: linear-gradient(135deg, #47A9FF 0%, #0042DA 100%);
            border-radius: 2px;
        }
        
        .recent-events-title h3 {
            font-size: 1.25rem;
            font-weight: 700;
            background: linear-gradient(135deg, #ffffff 0%, #9ca3af 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .settings-btn-events {
            margin-left: 8px;
            flex-shrink: 0;
        }
        
        .events-container {
            overflow-x: auto;
            overflow-y: hidden;
            padding: 16px 24px;
            scrollbar-width: thin;
            scrollbar-color: rgba(71, 169, 255, 0.3) transparent;
        }
        
        .events-container.pushing .events-scroll .event-card:not(.card-new) {
            animation: pushRight 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
            will-change: transform;
            backface-visibility: hidden;
            opacity: 1 !important;
            visibility: visible !important;
        }
        
        @keyframes pushRight {
            from {
                transform: translateX(0);
                opacity: 1;
            }
            to {
                transform: translateX(336px); /* Card width (320px) + gap (16px) */
                opacity: 1;
            }
        }
        
        .event-card.card-new {
            animation: slideInFromLeft 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 10;
        }
        
        @keyframes slideInFromLeft {
            0% {
                opacity: 0;
                transform: translateX(-100%);
            }
            100% {
                opacity: 1;
                transform: translateX(0);
            }
        }
        
        .events-container::-webkit-scrollbar {
            height: 8px;
        }
        
        .events-container::-webkit-scrollbar-track {
            background: transparent;
        }
        
        .events-container::-webkit-scrollbar-thumb {
            background: rgba(71, 169, 255, 0.3);
            border-radius: 4px;
        }
        
        .events-scroll {
            display: flex;
            gap: 16px;
            min-width: max-content;
        }
        
        @media (max-width: 1024px) {
            .events-scroll.events-view-cards {
                flex-direction: column;
                min-width: 0;
                gap: 12px;
            }
            .events-scroll.events-view-cards .event-card {
                min-width: 0;
                width: 100%;
            }
            .events-container.events-view-cards {
                overflow-x: hidden;
                overflow-y: auto;
                max-height: 420px;
            }
        }
        
        .event-card {
            min-width: 320px;
            background: rgba(31, 41, 55, 0.9);
            border: 2px solid;
            border-radius: 16px;
            padding: 16px 20px;
            display: flex;
            align-items: center;
            gap: 16px;
            cursor: pointer;
            transition: all 0.3s;
            position: relative;
            overflow: hidden;
        }
        
        .event-card.pump {
            border-color: rgba(52, 168, 83, 0.4);
            box-shadow: 0 4px 20px rgba(52, 168, 83, 0.2);
        }
        
        .event-card.pump:hover {
            border-color: rgba(52, 168, 83, 0.6);
            box-shadow: 0 8px 30px rgba(52, 168, 83, 0.3);
            transform: translateY(-4px);
        }
        
        .event-card.dump {
            border-color: rgba(234, 67, 53, 0.4);
            box-shadow: 0 4px 20px rgba(234, 67, 53, 0.2);
        }
        
        .event-card.dump:hover {
            border-color: rgba(234, 67, 53, 0.6);
            box-shadow: 0 8px 30px rgba(234, 67, 53, 0.3);
            transform: translateY(-4px);
        }
        
        .event-icon {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 14px;
            flex-shrink: 0;
        }
        
        .event-card.pump .event-icon {
            background: linear-gradient(135deg, #34a853 0%, #2e7d32 100%);
        }
        
        .event-card.dump .event-icon {
            background: linear-gradient(135deg, #ea4335 0%, #c62828 100%);
        }
        
        .event-content {
            flex: 1;
            min-width: 0;
        }
        
        .event-symbol-row {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;
        }
        
        .event-symbol {
            font-weight: 700;
            font-size: 14px;
            color: #ffffff;
        }
        
        .event-percentage {
            font-size: 10px;
            font-weight: 700;
            padding: 2px 8px;
            border-radius: 12px;
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }
        
        .event-card.pump .event-percentage {
            background: rgba(52, 168, 83, 0.2);
            color: #34a853;
            border: 1px solid rgba(52, 168, 83, 0.3);
        }
        
        .event-card.dump .event-percentage {
            background: rgba(234, 67, 53, 0.2);
            color: #ea4335;
            border: 1px solid rgba(234, 67, 53, 0.3);
        }
        
        /* Tags Tipo (Pump/Dump) na tabela de histórico - mesmo visual que .event-percentage */
        .event-tag-pump {
            background: rgba(52, 168, 83, 0.2);
            color: #34a853;
            border: 1px solid rgba(52, 168, 83, 0.3);
        }
        .event-tag-dump {
            background: rgba(234, 67, 53, 0.2);
            color: #ea4335;
            border: 1px solid rgba(234, 67, 53, 0.3);
        }
        
        .event-filter-btn {
            font-size: 10px;
            font-weight: 700;
            padding: 2px 8px;
            border-radius: 12px;
            display: inline-flex;
            align-items: center;
            gap: 4px;
            cursor: pointer;
            border: 1px solid;
            transition: all 0.3s;
            background: transparent;
        }
        
        .event-filter-btn.pump-filter {
            background: rgba(52, 168, 83, 0.2);
            color: #34a853;
            border-color: rgba(52, 168, 83, 0.3);
        }
        
        .event-filter-btn.pump-filter:hover {
            background: rgba(52, 168, 83, 0.3);
            border-color: rgba(52, 168, 83, 0.5);
        }
        
        .event-filter-btn.pump-filter.active {
            background: rgba(52, 168, 83, 0.4);
            border-color: rgba(52, 168, 83, 0.6);
        }
        
        .event-filter-btn.dump-filter {
            background: rgba(234, 67, 53, 0.2);
            color: #ea4335;
            border-color: rgba(234, 67, 53, 0.3);
        }
        
        .event-filter-btn.dump-filter:hover {
            background: rgba(234, 67, 53, 0.3);
            border-color: rgba(234, 67, 53, 0.5);
        }
        
        .event-filter-btn.dump-filter.active {
            background: rgba(234, 67, 53, 0.4);
            border-color: rgba(234, 67, 53, 0.6);
        }
        
        .event-filter-btn.all-filter {
            background: rgba(71, 169, 255, 0.2);
            color: #47A9FF;
            border-color: rgba(71, 169, 255, 0.3);
        }
        
        .event-filter-btn.all-filter:hover {
            background: rgba(71, 169, 255, 0.3);
            border-color: rgba(71, 169, 255, 0.5);
        }
        
        .event-filter-btn.all-filter.active {
            background: rgba(71, 169, 255, 0.4);
            border-color: rgba(71, 169, 255, 0.6);
        }
        
        .view-all-btn {
            padding: 8px 16px;
            background: rgba(71, 169, 255, 0.1);
            border: 1px solid rgba(71, 169, 255, 0.3);
            border-radius: 8px;
            color: #47A9FF;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .view-all-btn:hover {
            background: rgba(71, 169, 255, 0.2);
            border-color: rgba(71, 169, 255, 0.5);
            transform: translateY(-2px);
        }
        .settings-btn-events-mobile {
            display: none;
        }
        @media (max-width: 1024px) {
            .view-all-btn { display: none !important; }
            .event-filter-buttons { display: none !important; }
            .event-filter-mobile { display: block !important; }
            .settings-btn-events-desk { display: none !important; }
            .settings-btn-events-mobile { display: flex !important; }
            .events-layout-toggle { display: flex !important; }
        }
        
        .events-layout-toggle {
            display: none;
            align-items: center;
            gap: 4px;
        }
        .events-layout-btn {
            padding: 8px 10px;
            background: rgba(71, 169, 255, 0.1);
            border: 1px solid rgba(71, 169, 255, 0.3);
            border-radius: 8px;
            color: rgba(255, 255, 255, 0.6);
            cursor: pointer;
            transition: background 0.2s, border-color 0.2s, color 0.2s;
        }
        .events-layout-btn:hover {
            background: rgba(71, 169, 255, 0.2);
            border-color: rgba(71, 169, 255, 0.5);
            color: #47A9FF;
        }
        .events-layout-btn.active {
            background: rgba(71, 169, 255, 0.25);
            border-color: #47A9FF;
            color: #47A9FF;
        }
        
        .event-filter-mobile-btn {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 14px;
            background: rgba(71, 169, 255, 0.1);
            border: 1px solid rgba(71, 169, 255, 0.3);
            border-radius: 8px;
            color: #47A9FF;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.2s, border-color 0.2s;
        }
        .event-filter-mobile-btn:hover {
            background: rgba(71, 169, 255, 0.2);
            border-color: #47A9FF;
        }
        .event-filter-mobile-dropdown {
            display: none;
            position: absolute;
            top: calc(100% + 6px);
            left: 0;
            min-width: 140px;
            background: #1f2937;
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 8px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
            z-index: 100;
            overflow: hidden;
        }
        .event-filter-mobile-dropdown.open {
            display: block;
        }
        .event-filter-mobile-option {
            display: block;
            width: 100%;
            padding: 12px 16px;
            text-align: left;
            background: none;
            border: none;
            color: rgba(255, 255, 255, 0.9);
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.2s;
        }
        .event-filter-mobile-option:hover {
            background: rgba(71, 169, 255, 0.15);
            color: #47A9FF;
        }
        .event-filter-mobile-option.active {
            background: rgba(71, 169, 255, 0.2);
            color: #47A9FF;
        }
        
        .event-prices {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 12px;
            margin-bottom: 6px;
        }
        
        .event-price-before {
            color: #9ca3af;
            font-weight: 500;
        }
        
        .event-arrow {
            color: #6b7280;
            width: 12px;
            height: 12px;
        }
        
        .event-price-now {
            font-weight: 700;
            color: #ffffff;
        }
        
        .event-time {
            display: flex;
            align-items: center;
            gap: 4px;
            font-size: 10px;
            color: #6b7280;
        }
        
        .event-time svg {
            width: 12px;
            height: 12px;
        }
        
        .event-chart {
            width: 120px;
            height: 60px;
            flex-shrink: 0;
        }
        
        /* Filtros de Tempo */
        .filters-bar {
            background: rgba(31, 41, 55, 0.8);
            border-bottom: 1px solid rgba(55, 65, 81, 1);
            padding: 16px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 16px;
        }
        
        .time-filters {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }
        
        .time-filters-sidebar {
            display: flex;
            flex-direction: column;
            gap: 6px;
            margin-bottom: 20px;
            padding: 12px;
            background: rgba(31, 41, 55, 0.5);
            border-radius: 8px;
            border: 1px solid rgba(55, 65, 81, 0.5);
        }
        
        .time-filters-sidebar .time-filter-btn {
            padding: 8px 12px;
            border-radius: 8px;
            font-size: 11px;
            font-weight: 600;
            width: 100%;
            text-align: center;
        }
        
        .time-filter-btn {
            padding: 8px 16px;
            border-radius: 12px;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s;
            border: 1px solid rgba(55, 65, 81, 1);
            background: rgba(17, 24, 39, 0.8);
            color: #9ca3af;
        }
        
        .time-filter-btn:hover {
            background: rgba(55, 65, 81, 0.5);
            color: #ffffff;
            border-color: rgba(71, 169, 255, 0.3);
        }
        
        .time-filter-btn.active {
            background: linear-gradient(135deg, #47A9FF 0%, #0042DA 100%);
            color: #ffffff;
            border-color: transparent;
            box-shadow: 0 4px 12px rgba(71, 169, 255, 0.3);
        }
        
        .search-box {
            position: relative;
        }
        
        .time-filter-mobile-select {
            padding: 10px 14px;
            border-radius: 12px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            border: 2px solid rgba(55, 65, 81, 1);
            background: rgba(17, 24, 39, 0.9);
            color: #ffffff;
            min-width: 100px;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239ca3af' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 12px center;
            padding-right: 36px;
        }
        .time-filter-mobile-select:focus {
            outline: none;
            border-color: #47A9FF;
        }
        @media (max-width: 1024px) {
            .filters-bar {
                flex-wrap: nowrap;
                gap: 12px;
            }
            .time-filters { display: none !important; }
            .filters-bar-mobile { display: flex !important; align-items: center; flex: 0 0 auto; }
            .search-box { flex: 1 1 auto; min-width: 0; }
            .search-box input { width: 100%; min-width: 0; }
        }
        
        .search-box input {
            padding: 8px 16px 8px 40px;
            border-radius: 12px;
            border: 2px solid rgba(55, 65, 81, 1);
            background: rgba(17, 24, 39, 0.8);
            color: #ffffff;
            font-size: 14px;
            width: 200px;
            transition: all 0.3s;
        }
        
        .search-box input:focus {
            outline: none;
            border-color: #47A9FF;
            box-shadow: 0 0 0 3px rgba(71, 169, 255, 0.1);
        }
        
        .search-box svg {
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            color: #6b7280;
        }
        
        /* Tabela Principal */
        .table-container {
            background: rgba(31, 41, 55, 0.8);
            border-radius: 12px;
            margin: 24px;
            margin-bottom: 16px;
            overflow: hidden;
            border: 1px solid rgba(55, 65, 81, 1);
        }
        
        .table-header-info {
            padding: 16px 24px;
            background: rgba(17, 24, 39, 0.8);
            border-bottom: 1px solid rgba(55, 65, 81, 1);
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px;
            align-items: center;
        }
        
        .table-info {
            font-size: 14px;
            color: #9ca3af;
        }
        
        .table-info strong {
            color: #ffffff;
        }
        
        .table-header-right {
            display: flex;
            align-items: center;
            gap: 16px;
        }
        .table-action-btn {
            background: linear-gradient(135deg, #47A9FF 0%, #2563eb 100%) !important;
            color: white !important;
            border: none !important;
            padding: 8px 16px;
            border-radius: 8px;
            font-weight: 600;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(71, 169, 255, 0.3);
        }
        .table-action-btn:hover {
            filter: brightness(1.1);
            box-shadow: 0 4px 16px rgba(71, 169, 255, 0.4);
        }
        .dashboard-table-view .crypto-table-wrapper {
            max-height: 280px;
        }
        .table-columns-toggle {
            flex-shrink: 0;
        }
        .table-columns-panel {
            display: none;
            position: fixed;
            min-width: 220px;
            background: #1f2937;
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 12px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
            z-index: 9999;
            padding: 12px 0;
        }
        .table-columns-panel.open {
            display: block;
        }
        .table-columns-panel-title {
            padding: 8px 16px 12px;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: rgba(255, 255, 255, 0.6);
            border-bottom: 1px solid rgba(55, 65, 81, 0.8);
            margin-bottom: 8px;
        }
        .table-columns-panel-list {
            max-height: 320px;
            overflow-y: auto;
        }
        .table-columns-panel-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 16px;
            cursor: pointer;
            transition: background 0.2s;
            border: none;
            background: none;
            width: 100%;
            text-align: left;
            color: #e5e7eb;
            font-size: 14px;
            font-weight: 500;
        }
        .table-columns-panel-item:hover {
            background: rgba(71, 169, 255, 0.1);
        }
        .table-columns-panel-item .col-check {
            width: 18px;
            height: 18px;
            border: 2px solid rgba(255, 255, 255, 0.4);
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .table-columns-panel-item.checked .col-check {
            background: #47A9FF;
            border-color: #47A9FF;
        }
        .table-columns-panel-item .col-check svg {
            width: 12px;
            height: 12px;
            color: white;
        }
        #mainCryptoTable th.col-hidden,
        #mainCryptoTable td.col-hidden {
            display: none;
        }
        
        /* Estatísticas Globais */
        .global-stats-section {
            margin: 24px;
            margin-top: 40px;
            padding: 20px 24px;
            background: rgba(31, 41, 55, 0.8);
            border-radius: 12px;
            border: 1px solid rgba(55, 65, 81, 1);
        }
        
        .global-stats-title {
            font-size: 1rem;
            font-weight: 700;
            color: #9ca3af;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin: 0 0 16px 0;
            padding-bottom: 12px;
            border-bottom: 1px solid rgba(55, 65, 81, 0.5);
        }
        
        .global-stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
            gap: 16px;
        }
        
        .global-stat-card {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 10px;
            padding: 16px 12px;
            background: rgba(17, 24, 39, 0.6);
            border-radius: 10px;
            border: 1px solid rgba(55, 65, 81, 0.5);
            transition: all 0.2s;
        }
        
        .global-stat-card:hover {
            border-color: rgba(71, 169, 255, 0.3);
            background: rgba(17, 24, 39, 0.9);
        }
        
        .global-stat-heading {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .global-stat-icon {
            font-size: 1.25rem;
            flex-shrink: 0;
        }
        
        .global-stat-value {
            font-size: 1.5rem;
            font-weight: 700;
            color: #ffffff;
            margin-left: auto;
        }
        
        .global-stat-card.stat-pumps .global-stat-value { color: #34a853; }
        .global-stat-card.stat-dumps .global-stat-value { color: #ea4335; }
        .global-stat-card.stat-monitored .global-stat-value,
        .global-stat-card.stat-alerts .global-stat-value { color: #47A9FF; }
        .global-stat-card.stat-ignored .global-stat-value { color: #f59e0b; }
        .global-stat-card.stat-blacklist .global-stat-value { color: #9ca3af; }
        
        .global-stat-label {
            font-size: 0.75rem;
            font-weight: 600;
            color: #9ca3af;
            text-transform: uppercase;
            letter-spacing: 0.3px;
        }
        
        .crypto-table-wrapper {
            overflow: auto;
            max-height: 280px;
        }
        
        .crypto-table-wrapper::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        
        .crypto-table-wrapper::-webkit-scrollbar-track {
            background: rgba(17, 24, 39, 0.5);
            border-radius: 4px;
        }
        
        .crypto-table-wrapper::-webkit-scrollbar-thumb {
            background: rgba(71, 169, 255, 0.4);
            border-radius: 4px;
        }
        
        .crypto-table-wrapper::-webkit-scrollbar-thumb:hover {
            background: rgba(71, 169, 255, 0.6);
        }
        
        .crypto-table {
            width: 100%;
            border-collapse: collapse;
        }
        
        .crypto-table thead {
            background: rgba(17, 24, 39, 0.8);
            position: sticky;
            top: 0;
            z-index: 10;
        }
        
        .crypto-table th {
            padding: 16px 12px;
            text-align: left;
            font-weight: 700;
            font-size: 12px;
            color: #9ca3af;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-bottom: 2px solid rgba(55, 65, 81, 1);
            cursor: pointer;
            user-select: none;
        }
        
        .crypto-table th:hover {
            background: rgba(55, 65, 81, 0.3);
        }
        
        .crypto-table th.sortable {
            cursor: pointer;
        }
        
        .crypto-table th.sortable > div {
            display: flex;
            align-items: center;
            gap: 4px;
        }
        
        .crypto-table tbody tr {
            border-bottom: 1px solid rgba(55, 65, 81, 0.5);
            transition: all 0.2s;
        }
        
        .crypto-table tbody tr:hover {
            background: rgba(71, 169, 255, 0.05);
        }
        
        .crypto-table td {
            padding: 16px 12px;
            font-size: 14px;
        }
        
        .crypto-rank {
            color: #6b7280;
            font-weight: 600;
            width: 50px;
        }
        
        .crypto-name-cell {
            min-width: 150px;
        }
        
        .crypto-name-wrapper {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        
        .crypto-icon-small {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: rgba(71, 169, 255, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            font-weight: 700;
            font-size: 12px;
        }
        
        .crypto-name {
            font-weight: 600;
            color: #ffffff;
        }
        
        .crypto-symbol {
            font-size: 12px;
            color: #9ca3af;
        }
        
        .crypto-price {
            font-weight: 600;
            color: #ffffff;
        }
        
        .crypto-change {
            font-weight: 700;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 4px;
        }
        
        .crypto-change.positive {
            color: #34a853;
        }
        
        .crypto-change.negative {
            color: #ea4335;
        }
        
        .crypto-change svg {
            width: 12px;
            height: 12px;
        }
        
        .crypto-market-cap,
        .crypto-volume {
            color: #ffffff;
            font-weight: 500;
        }
        
        .crypto-dex-info {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }
        
        .crypto-dex-value {
            color: #ffffff;
            font-weight: 500;
        }
        
        .crypto-dex-label {
            font-size: 12px;
            color: #9ca3af;
        }
        
        .crypto-security {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 4px 10px;
            background: rgba(52, 168, 83, 0.1);
            color: #34a853;
            border-radius: 8px;
            font-size: 12px;
            font-weight: 600;
        }
        
        .crypto-security svg {
            width: 14px;
            height: 14px;
        }
        
        .crypto-sparkline {
            width: 100px;
            height: 30px;
        }
        
        .crypto-sparkline svg {
            width: 100%;
            height: 100%;
        }
        
        /* Estilos para switches de monitoramento */
        .monitoring-switch {
            position: relative;
            display: inline-block;
            width: 50px;
            height: 24px;
        }
        
        .monitoring-toggle {
            opacity: 0;
            width: 0;
            height: 0;
            position: absolute;
        }
        
        .monitoring-slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            transition: .4s;
            border-radius: 24px;
        }
        
        .monitoring-slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 3px;
            bottom: 3px;
            background-color: white;
            transition: .4s;
            border-radius: 50%;
        }
        
        .monitoring-toggle:checked + .monitoring-slider {
            background-color: #47A9FF;
        }
        
        .monitoring-toggle:checked + .monitoring-slider:before {
            transform: translateX(26px);
        }
        
        .monitoring-toggle:focus + .monitoring-slider {
            box-shadow: 0 0 1px #47A9FF;
        }
        
        .crypto-pumps-24h,
        .crypto-dumps-24h {
            color: #ffffff;
            font-weight: 500;
            text-align: center;
        }
        
        .pagination {
            padding: 16px 24px;
            background: rgba(17, 24, 39, 0.8);
            border-top: 1px solid rgba(55, 65, 81, 1);
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
        }
        
        .pagination-buttons {
            display: flex;
            gap: 8px;
        }
        
        .pagination-btn {
            padding: 8px 16px;
            border-radius: 8px;
            border: 1px solid rgba(55, 65, 81, 1);
            background: rgba(17, 24, 39, 0.8);
            color: #9ca3af;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.3s;
        }
        
        .pagination-btn:hover:not(:disabled) {
            background: rgba(55, 65, 81, 0.5);
            color: #ffffff;
            border-color: #47A9FF;
        }
        
        .pagination-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
        
        .pagination-btn.active {
            background: linear-gradient(135deg, #47A9FF 0%, #0042DA 100%);
            color: #ffffff;
            border-color: transparent;
        }
        
        @media (max-width: 767px) {
            .pagination {
                justify-content: center;
            }
            .table-page-info {
                display: none;
            }
        }
        
        .loading {
            text-align: center;
            padding: 40px;
            color: #9ca3af;
        }
        
        .error {
            background: rgba(255, 68, 68, 0.1);
            border: 1px solid rgba(255, 68, 68, 0.3);
            color: #ff6b6b;
            padding: 16px;
            border-radius: 8px;
            margin: 24px;
        }
        
        /* Modal de Configurações */
        .settings-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        
        .settings-modal.show {
            display: flex;
        }
        
        .settings-modal-content {
            background: #1f2937;
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 12px;
            padding: 32px;
            max-width: 500px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
        }
        
        .settings-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
        }
        
        .settings-modal-header h2 {
            font-size: 1.5rem;
            font-weight: 700;
        }
        
        .close-btn {
            background: transparent;
            border: none;
            color: #9ca3af;
            cursor: pointer;
            font-size: 24px;
            padding: 0;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .close-btn:hover {
            color: #ffffff;
        }
        
        .settings-form-group {
            margin-bottom: 20px;
        }
        
        .settings-form-group label {
            display: block;
            margin-bottom: 8px;
            color: #d1d5db;
            font-size: 14px;
        }
        
        .settings-form-group input {
            width: 100%;
            padding: 10px 12px;
            background: rgba(17, 24, 39, 0.8);
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 6px;
            color: #ffffff;
            font-size: 14px;
        }
        
        .settings-form-group input:focus {
            outline: none;
            border-color: #47A9FF;
        }
        
        .settings-save-btn {
            width: 100%;
            padding: 12px;
            background: linear-gradient(135deg, #3b82f6 0%, #47A9FF 100%);
            border: none;
            border-radius: 6px;
            color: #ffffff;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .settings-save-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(71, 169, 255, 0.4);
        }
        
        /* Meu Perfil - Tabs e formulário */
        #myProfileViewContainer {
            font-family: 'Kumbh Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        }
        .profile-page-title {
            padding: 24px 0 24px 24px;
            margin: 0 0 24px 0;
            font-family: 'Kumbh Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        }
        .profile-tabs {
            display: flex;
            gap: 4px;
            margin-bottom: 24px;
            padding-left: 24px;
            border-bottom: 1px solid rgba(55, 65, 81, 1);
            flex-wrap: wrap;
        }
        .profile-tab {
            padding: 12px 20px;
            background: none;
            border: none;
            border-bottom: 2px solid transparent;
            color: #9ca3af;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            margin-bottom: -1px;
            font-family: 'Kumbh Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        }
        .profile-tab:hover { color: #e5e7eb; }
        .profile-tab.active {
            color: #47A9FF;
            border-bottom-color: #47A9FF;
        }
        .profile-tab-panel { display: none; padding-left: 24px; padding-bottom: 24px; }
        .profile-tab-panel.active { display: block; }
        .profile-form-card {
            background: rgba(31, 41, 55, 0.6);
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 12px;
            padding: 24px 24px 24px 32px;
            max-width: 560px;
        }
        .profile-form-title {
            font-size: 1.125rem;
            font-weight: 600;
            color: #fff;
            margin: 0 0 8px 0;
        }
        .profile-form-desc {
            color: #9ca3af;
            font-size: 13px;
            margin: 0 0 20px 0;
        }
        .profile-form { }
        .profile-form-row { margin-bottom: 16px; }
        .profile-label {
            display: block;
            font-size: 13px;
            font-weight: 500;
            color: #e5e7eb;
            margin-bottom: 6px;
        }
        .profile-input {
            width: 100%;
            padding: 10px 14px;
            background: rgba(17, 24, 39, 0.8);
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 8px;
            color: #fff;
            font-size: 14px;
        }
        .profile-input:focus {
            outline: none;
            border-color: #47A9FF;
        }
        .profile-input::placeholder { color: #6b7280; }
        .settings-modal .verification-code-inputs { margin-bottom: 16px; }
        .settings-modal .verification-code-input {
            width: 44px;
            height: 52px;
            text-align: center;
            font-size: 1.25rem;
            font-weight: 700;
            background: rgba(17, 24, 39, 0.8);
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 8px;
            color: #e5e7eb;
            transition: border-color 0.2s, box-shadow 0.2s;
        }
        .settings-modal .verification-code-input:focus {
            outline: none;
            border-color: #47A9FF;
            box-shadow: 0 0 0 3px rgba(71, 169, 255, 0.15);
        }
        .profile-btn {
            padding: 10px 20px;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            border: none;
        }
        .profile-btn.primary {
            background: linear-gradient(135deg, #47A9FF 0%, #0042DA 100%);
            color: #fff;
        }
        .profile-btn.primary:hover { opacity: 0.95; }
        .profile-btn.primary:disabled { opacity: 0.5; cursor: not-allowed; }
        .profile-btn.secondary {
            background: rgba(71, 169, 255, 0.15);
            color: #47A9FF;
            border: 1px solid rgba(71, 169, 255, 0.4);
        }
        .profile-btn.secondary:hover { background: rgba(71, 169, 255, 0.25); }
        .profile-subscriptions-content,
        .profile-connected-section { color: #e5e7eb; font-size: 14px; }
        .profile-connected-row {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
        }
        .profile-connected-label { font-weight: 500; min-width: 100px; }
        .profile-connected-status { color: #9ca3af; }
        .profile-connected-list { display: flex; flex-direction: column; gap: 0; }
        .profile-connected-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 0;
            border-bottom: 1px solid rgba(55, 65, 81, 0.6);
        }
        .profile-connected-item:last-child { border-bottom: none; }
        .profile-connected-icon {
            width: 40px;
            height: 40px;
            flex-shrink: 0;
            border-radius: 10px;
            background-size: 22px;
            background-position: center;
            background-repeat: no-repeat;
        }
        .profile-connected-icon-telegram {
            background-color: rgba(0, 136, 204, 0.2);
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230088cc'%3E%3Cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E");
        }
        .profile-connected-name { font-weight: 500; flex: 1; }
        .profile-connected-actions { display: flex; align-items: center; gap: 8px; }
        .profile-connected-badge {
            font-size: 14px;
            color: #10b981;
            font-weight: 500;
        }
        .profile-btn.profile-btn-danger {
            font-family: inherit;
            font-size: 14px;
            font-weight: 500;
            background: rgba(239, 68, 68, 0.15);
            color: #ef4444;
            border: 1px solid rgba(239, 68, 68, 0.4);
        }
        .profile-btn.profile-btn-danger:hover { background: rgba(239, 68, 68, 0.25); color: #ef4444; }
        
        .profile-phone-wrap { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; position: relative; overflow: visible; }
        .profile-form-card { overflow: visible; }
        .profile-phone-country-trigger {
            width: 160px;
            flex-shrink: 0;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 12px;
        }
        .profile-phone-flag { width: 20px; height: 15px; object-fit: cover; flex-shrink: 0; }
        .profile-phone-country-arrow { margin-left: auto; color: #9ca3af; font-size: 10px; }
        .profile-phone-country-dropdown {
            display: none;
            position: fixed;
            width: 260px;
            max-height: 280px;
            overflow-y: auto;
            background: #1f2937;
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 8px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.3);
            z-index: 9999;
        }
        .profile-phone-country-dropdown.show { display: block; }
        .profile-phone-country-option {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px 12px;
            cursor: pointer;
            color: #e5e7eb;
            font-size: 14px;
        }
        .profile-phone-country-option:hover { background: rgba(71, 169, 255, 0.15); }
        .profile-phone-country-option img { width: 20px; height: 15px; object-fit: cover; flex-shrink: 0; }
        .profile-phone-number { flex: 1; min-width: 140px; }
        .profile-country-select { width: 100%; max-width: 280px; cursor: pointer; }
        
        /* Modal de Detalhes da Moeda */
        .coin-detail-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            z-index: 1000;
            overflow-y: auto;
        }
        
        .coin-detail-modal.show {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding: 20px;
        }
        
        .coin-detail-content {
            background: #111827;
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 12px;
            width: 100%;
            max-width: 1600px;
            max-height: 95vh;
            display: flex;
            flex-direction: column;
            margin-top: 20px;
        }
        
        .coin-detail-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 24px;
            border-bottom: 1px solid rgba(55, 65, 81, 1);
        }
        
        .coin-detail-title {
            display: flex;
            align-items: center;
            gap: 16px;
        }
        
        .coin-detail-title h2 {
            font-size: 1.5rem;
            font-weight: 700;
            color: #ffffff;
            margin: 0;
        }
        
        .coin-detail-price {
            font-size: 1.25rem;
            font-weight: 600;
            color: #ffffff;
        }
        
        .coin-detail-change {
            font-size: 1rem;
            font-weight: 600;
            padding: 4px 12px;
            border-radius: 6px;
        }
        
        .coin-detail-change.positive {
            background: rgba(52, 168, 83, 0.2);
            color: #34a853;
        }
        
        .coin-detail-change.negative {
            background: rgba(234, 67, 53, 0.2);
            color: #ea4335;
        }
        
        .coin-detail-body {
            display: flex;
            gap: 24px;
            padding: 24px;
            overflow-y: auto;
            flex: 1;
        }
        
        .coin-detail-left {
            flex: 1;
            min-width: 0;
        }
        
        .coin-detail-right {
            width: 350px;
            display: flex;
            flex-direction: column;
            gap: 24px;
        }
        
        .coin-chart-container {
            background: rgba(31, 41, 55, 0.8);
            border-radius: 12px;
            border: 1px solid rgba(55, 65, 81, 1);
            margin-bottom: 24px;
        }
        
        .coin-chart-header {
            padding: 16px;
            border-bottom: 1px solid rgba(55, 65, 81, 1);
        }
        
        .coin-chart-intervals {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }
        
        .chart-interval-btn {
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 12px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
            border: 1px solid rgba(55, 65, 81, 1);
            background: rgba(17, 24, 39, 0.8);
            color: #9ca3af;
        }
        
        .chart-interval-btn:hover {
            background: rgba(55, 65, 81, 0.5);
            color: #ffffff;
        }
        
        .chart-interval-btn.active {
            background: linear-gradient(135deg, #47A9FF 0%, #0042DA 100%);
            color: #ffffff;
            border-color: transparent;
        }
        
        .coin-chart-canvas {
            height: 500px;
            padding: 16px;
            position: relative;
        }
        
        .coin-stats-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
        }
        
        .coin-stat-item {
            background: rgba(31, 41, 55, 0.8);
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 8px;
            padding: 16px;
        }
        
        .coin-stat-label {
            font-size: 12px;
            color: #9ca3af;
            margin-bottom: 8px;
        }
        
        .coin-stat-value {
            font-size: 16px;
            font-weight: 600;
            color: #ffffff;
        }
        
        .coin-recent-section {
            background: rgba(31, 41, 55, 0.8);
            border: 1px solid rgba(55, 65, 81, 1);
            border-radius: 12px;
            padding: 16px;
        }
        
        .coin-recent-title {
            font-size: 14px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid rgba(55, 65, 81, 1);
        }
        
        .coin-recent-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
            max-height: 400px;
            overflow-y: auto;
        }
        
        .coin-recent-item {
            background: rgba(17, 24, 39, 0.8);
            border: 1px solid rgba(55, 65, 81, 0.5);
            border-radius: 8px;
            padding: 12px;
            cursor: pointer;
            transition: all 0.2s;
        }
        
        .coin-recent-item:hover {
            background: rgba(55, 65, 81, 0.5);
            border-color: rgba(71, 169, 255, 0.3);
        }
        
        .coin-recent-item.pump {
            border-left: 3px solid #34a853;
        }
        
        .coin-recent-item.dump {
            border-left: 3px solid #ea4335;
        }
        
        .coin-recent-item-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 8px;
        }
        
        .coin-recent-item-percentage {
            font-size: 14px;
            font-weight: 700;
        }
        
        .coin-recent-item.pump .coin-recent-item-percentage {
            color: #34a853;
        }
        
        .coin-recent-item.dump .coin-recent-item-percentage {
            color: #ea4335;
        }
        
        .coin-recent-item-time {
            font-size: 11px;
            color: #6b7280;
        }
        
        .coin-recent-item-prices {
            display: flex;
            justify-content: space-between;
            font-size: 12px;
            color: #9ca3af;
        }
        
        /* Hamburger: visível só no mobile */
        .sidebar-toggle {
            display: none;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            margin-right: 12px;
            padding: 0;
            background: rgba(71, 169, 255, 0.1);
            border: 1px solid rgba(71, 169, 255, 0.3);
            border-radius: 8px;
            color: #47A9FF;
            cursor: pointer;
            transition: background 0.2s, border-color 0.2s;
        }
        .sidebar-toggle:hover {
            background: rgba(71, 169, 255, 0.2);
            border-color: #47A9FF;
        }
        .sidebar-toggle svg {
            width: 22px;
            height: 22px;
        }
        .header-left {
            display: flex;
            align-items: center;
        }
        
        /* Backdrop do menu (overlay) - só no mobile */
        .sidebar-backdrop {
            display: none;
            position: fixed;
            inset: 0;
            top: 73px;
            background: rgba(0, 0, 0, 0.4);
            z-index: 999;
            opacity: 0;
            transition: opacity 0.25s ease-out;
            pointer-events: none;
        }
        @media (max-width: 1024px) {
            .sidebar-backdrop.show {
                display: block;
                opacity: 1;
                pointer-events: auto;
            }
        }
        
        /* Mobile: sidebar vira menu overlay com slide */
        @media (max-width: 1024px) {
            .sidebar-toggle {
                display: flex;
            }
            .user-sidebar {
                position: fixed;
                left: 0;
                top: 73px;
                width: 280px;
                max-width: 85vw;
                height: calc(100vh - 73px);
                z-index: 1000;
                transform: translateX(-100%);
                transition: transform 0.25s ease-out;
                box-shadow: 4px 0 24px rgba(0, 0, 0, 0.3);
            }
            .user-sidebar.sidebar-open {
                transform: translateX(0);
            }
        }