@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap);
@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Courier+Prime:wght@400;700&family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Fraunces:wght@400;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=IBM+Plex+Mono:wght@400;500;600&family=JetBrains+Mono:wght@500&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Space+Grotesk:wght@300..700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap);
@import url(https://use.typekit.net/YOUR_KIT_ID.css);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);
@import url(https://use.typekit.net/YOUR_KIT_ID.css);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);
@import url(https://use.typekit.net/YOUR_KIT_ID.css);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);
@import url(https://use.typekit.net/YOUR_KIT_ID.css);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);
@import url(https://use.typekit.net/YOUR_KIT_ID.css);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);
@import url(https://use.typekit.net/YOUR_KIT_ID.css);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);
@import url(https://use.typekit.net/YOUR_KIT_ID.css);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);
@import url(https://use.typekit.net/YOUR_KIT_ID.css);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);
@import url(https://use.typekit.net/YOUR_KIT_ID.css);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);
@import url(https://use.typekit.net/YOUR_KIT_ID.css);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);
@import url(https://use.typekit.net/YOUR_KIT_ID.css);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);
@import url(https://use.typekit.net/YOUR_KIT_ID.css);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
.impersonation-indicator {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999; /* Higher z-index to ensure it's on top */
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.impersonation-indicator .alert {
    background: transparent;
    border-radius: 0;
    border: none;
    padding: 12px 32px;
    margin: 0;
    color: white;
    font-size: 14px;
    font-weight: 500;
}

.impersonation-indicator .d-flex {
    align-items: center;
    gap: 16px;
}

.impersonation-indicator strong {
    font-weight: 600;
}

.impersonation-indicator .text-muted {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 13px;
}

.impersonation-indicator .btn {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 16px;
    border-radius: 6px;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.impersonation-indicator .btn:hover {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-1px);
}

.impersonation-indicator .btn:disabled {
    opacity: 0.7;
}

/* Adjust page content to account for fixed indicator */
body.impersonation-active {
    padding-top: 48px; /* Height of impersonation bar */
}

/* Adjust navbar and other fixed elements when impersonation is active */
body.impersonation-active .navbar,
body.impersonation-active .admin-navbar,
body.impersonation-active .fixed-top {
    top: 48px; /* Push down by height of impersonation bar */
}

/* When on admin dashboard with impersonation active */
body.impersonation-active .admin-content {
    margin-top: 120px !important; /* Admin navbar (72px) + Impersonation bar (48px) */
}
.modern-hero {
  min-height: 100vh;
  background: linear-gradient(135deg, #FAFBFC 0%, #F0F4F8 100%);
  display: flex;
  align-items: center;
  padding: 100px 0 80px;
  position: relative;
  overflow: hidden;
}

.modern-hero::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(76, 175, 80, 0.05) 0%, transparent 70%);
  pointer-events: none;
}

.hero-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.hero-content {
  z-index: 2;
}

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(76, 175, 80, 0.1);
  padding: 8px 16px;
  border-radius: 100px;
  margin-bottom: 24px;
}

.badge-icon {
  font-size: 16px;
}

.badge-text {
  font-size: 14px;
  font-weight: 600;
  color: #4CAF50;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.hero-title {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.1;
  color: #1E3A5F;
  margin-bottom: 24px;
}

.hero-title .highlight {
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-subtitle {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #718096;
  margin-bottom: 40px;
  max-width: 540px;
}

.hero-form {
  margin-bottom: 32px;
}

.form-group {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}

.email-input {
  flex: 1;
  padding: 18px 24px;
  border: 2px solid #E2E8F0;
  border-radius: 12px;
  font-size: 16px;
  outline: none;
  transition: all 0.3s ease;
  background: white;
}

.email-input:focus {
  border-color: #4CAF50;
  box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.1);
}

.cta-button {
  padding: 18px 32px;
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(76, 175, 80, 0.3);
}

.button-arrow {
  font-size: 20px;
  transition: transform 0.3s ease;
}

.cta-button:hover .button-arrow {
  transform: translateX(4px);
}

.form-meta {
  display: flex;
  gap: 24px;
  padding-left: 4px;
}

.meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #718096;
}

.meta-item svg {
  width: 16px;
  height: 16px;
}

.hero-stats {
  display: flex;
  gap: 32px;
  padding: 24px;
  background: white;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  width: -moz-fit-content;
  width: fit-content;
}

.stat {
  text-align: center;
}

.stat-value {
  font-size: 28px;
  font-weight: 700;
  color: #1E3A5F;
  margin-bottom: 4px;
}

.stat-label {
  font-size: 14px;
  color: #718096;
}

.stat-divider {
  width: 1px;
  background: #E2E8F0;
}

.hero-visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.visual-container {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: 500px;
}

.hero-graphic {
  width: 100%;
  height: 100%;
}

.floating-card {
  position: absolute;
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 3;
  animation: subtleFloat 8s ease-in-out infinite;
}

.card-1 {
  top: 20%;
  left: -10%;
  animation-delay: 0s;
}

.card-2 {
  top: 50%;
  right: -10%;
  animation-delay: 1s;
}

.card-3 {
  bottom: 20%;
  left: 10%;
  animation-delay: 2s;
}

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

.card-title {
  font-size: 14px;
  font-weight: 600;
  color: #1E3A5F;
  margin-bottom: 2px;
}

.card-subtitle {
  font-size: 12px;
  color: #718096;
}

@keyframes subtleFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

@media (max-width: 1024px) {
  .hero-container {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .hero-visual {
    max-width: 400px;
    margin: 0 auto;
  }

  .floating-card {
    padding: 12px;
  }

  .card-1 {
    left: 0;
  }

  .card-2 {
    right: 0;
  }
}

@media (max-width: 768px) {
  .modern-hero {
    padding: 80px 0 60px;
  }

  .hero-title {
    font-size: 2rem;
  }

  .hero-subtitle {
    font-size: 1.125rem;
  }

  .form-group {
    flex-direction: column;
  }

  .email-input,
  .cta-button {
    width: 100%;
  }

  .cta-button {
    justify-content: center;
  }

  .form-meta {
    flex-wrap: wrap;
    gap: 16px;
  }

  .hero-stats {
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }

  .stat-divider {
    width: 100%;
    height: 1px;
  }

  .hero-visual {
    display: none;
  }
}

@media (max-width: 480px) {
  .hero-badge {
    font-size: 12px;
    padding: 6px 12px;
  }

  .badge-icon {
    font-size: 14px;
  }

  .hero-title {
    font-size: 1.75rem;
  }

  .hero-subtitle {
    font-size: 1rem;
  }

  .email-input,
  .cta-button {
    padding: 14px 20px;
    font-size: 16px;
  }

  .stat-value {
    font-size: 24px;
  }

  .stat-label {
    font-size: 12px;
  }
}
.trust-bar {
  background: #FFFFFF;
  border-top: 1px solid #E2E8F0;
  border-bottom: 1px solid #E2E8F0;
  padding: 60px 0;
}

.trust-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.trust-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
}

.trust-header {
  text-align: center;
}

.trust-header h3 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1E3A5F;
  margin-bottom: 8px;
}

.trust-header p {
  font-size: 1rem;
  color: #718096;
  margin: 0;
}

.trust-logos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 32px;
  align-items: center;
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  border-radius: 12px;
  background: #FAFBFC;
  transition: all 0.3s ease;
}

.trust-item:hover {
  background: #F0F4F8;
  transform: translateY(-2px);
}

.trust-logo {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  font-size: 18px;
  font-weight: 700;
}

.bbb-logo .trust-logo {
  color: #1E3A5F;
  background: linear-gradient(135deg, #E6F3FF 0%, #CCE7FF 100%);
}

.ehl-logo .trust-logo {
  background: linear-gradient(135deg, #E8F5E8 0%, #D4F1D4 100%);
}

.nmls-logo .trust-logo {
  color: #1E3A5F;
  background: linear-gradient(135deg, #FFF5E6 0%, #FFE6CC 100%);
  font-size: 12px;
}

.ssl-logo .trust-logo {
  background: linear-gradient(135deg, #F0E6FF 0%, #E6CCFF 100%);
}

.trust-info {
  flex: 1;
}

.trust-name {
  font-size: 14px;
  font-weight: 600;
  color: #1E3A5F;
  margin-bottom: 2px;
}

.trust-rating {
  font-size: 16px;
  font-weight: 700;
  color: #4CAF50;
}

.trust-subtitle {
  font-size: 12px;
  color: #718096;
}

.live-stats {
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  border-radius: 16px;
  padding: 32px;
  color: white;
}

.stats-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.live-indicator {
  width: 8px;
  height: 8px;
  background: #90EE90;
  border-radius: 50%;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 32px;
}

.stat-item {
  text-align: center;
}

.stat-value {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 4px;
}

.stat-label-text {
  font-size: 14px;
  opacity: 0.9;
  margin-bottom: 4px;
}

.stat-trend {
  font-size: 12px;
  opacity: 0.8;
  background: rgba(255, 255, 255, 0.2);
  padding: 2px 8px;
  border-radius: 12px;
  display: inline-block;
}

.recent-activity {
  background: #F7FAFC;
  border-radius: 16px;
  padding: 32px;
}

.activity-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #1E3A5F;
  margin-bottom: 24px;
}

.activity-pulse {
  width: 8px;
  height: 8px;
  background: #4CAF50;
  border-radius: 50%;
  animation: pulse 2s infinite;
}

.activity-feed {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.activity-item {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 8px;
  align-items: center;
  padding: 16px;
  background: white;
  border-radius: 8px;
  font-size: 14px;
  animation: slideIn 0.5s ease-out;
}

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

.activity-name {
  font-weight: 600;
  color: #1E3A5F;
}

.activity-action {
  color: #718096;
}

.activity-amount {
  font-weight: 600;
  color: #4CAF50;
}

.activity-time {
  font-size: 12px;
  color: #A0AEC0;
}

@media (max-width: 768px) {
  .trust-bar {
    padding: 40px 0;
  }

  .trust-content {
    gap: 32px;
  }

  .trust-header h3 {
    font-size: 1.5rem;
  }

  .trust-logos {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .trust-item {
    padding: 16px;
  }

  .live-stats {
    padding: 24px;
  }

  .stats-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .stat-value {
    font-size: 1.75rem;
  }

  .recent-activity {
    padding: 24px;
  }

  .activity-item {
    grid-template-columns: 1fr;
    gap: 4px;
    text-align: center;
  }

  .activity-name {
    order: 1;
  }

  .activity-action {
    order: 2;
  }

  .activity-amount {
    order: 3;
  }

  .activity-time {
    order: 4;
  }
}

@media (max-width: 480px) {
  .trust-logos {
    gap: 12px;
  }

  .trust-item {
    flex-direction: column;
    text-align: center;
    padding: 20px 16px;
  }

  .trust-logo {
    margin-bottom: 8px;
  }

  .live-stats {
    padding: 20px;
  }

  .stats-grid {
    gap: 16px;
  }

  .recent-activity {
    padding: 20px;
  }
}
.value-props {
  background: linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);
  padding: 100px 0;
  position: relative;
}

.value-props::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, #E2E8F0 50%, transparent 100%);
}

.value-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.value-header {
  text-align: center;
  margin-bottom: 80px;
}

.section-badge {
  display: inline-block;
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  color: white;
  padding: 8px 20px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 24px;
}

.value-header h2 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  font-weight: 800;
  color: #1E3A5F;
  margin-bottom: 16px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.value-header p {
  font-size: 1.25rem;
  color: #718096;
  max-width: 700px;
  margin: 0 auto;
}

.props-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 32px;
  margin-bottom: 80px;
}

.prop-card {
  background: white;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.prop-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
}

.prop-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.prop-icon-wrapper {
  position: relative;
  margin-bottom: 24px;
}

.prop-icon {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  position: relative;
  z-index: 2;
}

.icon-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(76, 175, 80, 0.2) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 1;
}

.prop-content {
  position: relative;
  z-index: 2;
}

.prop-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1E3A5F;
  margin-bottom: 8px;
}

.prop-subtitle {
  font-size: 1rem;
  color: #4CAF50;
  font-weight: 600;
  margin-bottom: 16px;
}

.prop-description {
  font-size: 1rem;
  color: #718096;
  line-height: 1.6;
  margin-bottom: 24px;
}

.prop-benefits {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
}

.benefit-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #2D3748;
}

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

.prop-highlight {
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #FFF5E6 0%, #FFE6CC 100%);
  padding: 12px 16px;
  border-radius: 12px;
  border-left: 4px solid #FF9800;
}

.highlight-icon {
  font-size: 16px;
}

.highlight-text {
  font-size: 14px;
  font-weight: 600;
  color: #E65100;
}

.value-stats {
  margin-bottom: 80px;
}

.stats-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  background: white;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.stat-item {
  text-align: center;
}

.stat-number {
  font-size: 2.5rem;
  font-weight: 800;
  color: #1E3A5F;
  margin-bottom: 8px;
  background: linear-gradient(135deg, #1E3A5F 0%, #4CAF50 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.stat-label {
  font-size: 14px;
  color: #718096;
  font-weight: 600;
}

.stat-divider {
  width: 1px;
  height: 60px;
  background: #E2E8F0;
}

.comparison-table {
  background: white;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.comparison-title {
  text-align: center;
  font-size: 1.75rem;
  font-weight: 700;
  color: #1E3A5F;
  margin-bottom: 32px;
}

.comparison-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

.comparison-header {
  display: contents;
}

.header-item {
  padding: 16px;
  font-weight: 700;
  text-align: center;
  border-radius: 12px;
}

.header-item.traditional {
  background: #FEF2F2;
  color: #DC2626;
}

.header-item.strboard {
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  color: white;
}

.comparison-row {
  display: contents;
}

.row-label {
  padding: 16px;
  font-weight: 600;
  color: #1E3A5F;
  border-radius: 12px;
  background: #F7FAFC;
  display: flex;
  align-items: center;
}

.row-item {
  padding: 16px;
  text-align: center;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.row-item.traditional {
  background: #FEF2F2;
  color: #DC2626;
}

.row-item.strboard {
  background: #E8F5E8;
  color: #2E7D32;
  font-weight: 600;
}

@media (max-width: 1024px) {
  .props-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .prop-card {
    padding: 32px;
  }

  .stats-row {
    flex-wrap: wrap;
    gap: 24px;
  }

  .stat-divider {
    display: none;
  }
}

@media (max-width: 768px) {
  .value-props {
    padding: 60px 0;
  }

  .value-header {
    margin-bottom: 60px;
  }

  .props-grid {
    margin-bottom: 60px;
  }

  .prop-card {
    padding: 24px;
  }

  .prop-icon {
    width: 60px;
    height: 60px;
    font-size: 24px;
  }

  .icon-glow {
    width: 100px;
    height: 100px;
  }

  .stats-row {
    padding: 24px;
    gap: 16px;
  }

  .stat-number {
    font-size: 2rem;
  }

  .comparison-table {
    padding: 24px;
  }

  .comparison-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .comparison-header {
    display: none;
  }

  .comparison-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 16px;
  }

  .row-label {
    grid-column: 1 / -1;
    margin-bottom: 8px;
  }

  .row-item.traditional::before {
    content: 'Traditional: ';
    font-weight: 600;
  }

  .row-item.strboard::before {
    content: 'StrBoard: ';
    font-weight: 600;
  }
}

@media (max-width: 480px) {
  .value-header h2 {
    font-size: 1.75rem;
  }

  .value-header p {
    font-size: 1rem;
  }

  .prop-card {
    padding: 20px;
  }

  .prop-title {
    font-size: 1.25rem;
  }

  .stats-row {
    flex-direction: column;
    text-align: center;
  }

  .comparison-table {
    padding: 20px;
  }
}
.how-it-works {
  background: #FFFFFF;
  padding: 100px 0;
  position: relative;
}

.works-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.works-header {
  text-align: center;
  margin-bottom: 80px;
}

.section-badge {
  display: inline-block;
  background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
  color: white;
  padding: 8px 20px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 24px;
}

.works-header h2 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  font-weight: 800;
  color: #1E3A5F;
  margin-bottom: 16px;
}

.works-header p {
  font-size: 1.25rem;
  color: #718096;
  max-width: 700px;
  margin: 0 auto;
}

.process-timeline {
  margin-bottom: 80px;
}

.timeline-navigation {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-bottom: 60px;
}

.timeline-nav-item {
  background: white;
  border: 2px solid #E2E8F0;
  border-radius: 16px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  min-width: 160px;
}

.timeline-nav-item:hover {
  border-color: #4CAF50;
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.timeline-nav-item.active {
  border-color: #4CAF50;
  background: linear-gradient(135deg, #E8F5E8 0%, #F1F8E9 100%);
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(76, 175, 80, 0.2);
}

.nav-number {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 16px;
  margin: 0 auto 12px;
}

.nav-title {
  font-size: 16px;
  font-weight: 600;
  color: #1E3A5F;
  margin-bottom: 4px;
}

.nav-timeframe {
  font-size: 12px;
  color: #718096;
  font-weight: 500;
}

.timeline-content {
  position: relative;
}

.timeline-line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background: #E2E8F0;
  border-radius: 2px;
  transform: translateY(-50%);
  z-index: 1;
}

.timeline-progress {
  height: 100%;
  background: linear-gradient(90deg, #4CAF50 0%, #45a049 100%);
  border-radius: 2px;
  transition: width 0.5s ease;
}

.step-details {
  position: relative;
  z-index: 2;
}

.step-card {
  background: white;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  opacity: 0.5;
  transform: scale(0.95);
  transition: all 0.3s ease;
  display: none;
  max-width: 800px;
  margin: 0 auto;
}

.step-card.active {
  opacity: 1;
  transform: scale(1);
  display: block;
}

.step-card.completed {
  opacity: 0.8;
}

.step-icon {
  width: 80px;
  height: 80px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  position: relative;
}

.icon-emoji {
  font-size: 32px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.step-content {
  flex: 1;
}

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

.step-number {
  font-size: 3rem;
  font-weight: 800;
  color: #E2E8F0;
  line-height: 1;
}

.step-timeframe {
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  color: white;
  padding: 6px 16px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.step-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1E3A5F;
  margin-bottom: 8px;
}

.step-subtitle {
  font-size: 1.125rem;
  color: #4CAF50;
  font-weight: 600;
  margin-bottom: 16px;
}

.step-description {
  font-size: 1.125rem;
  color: #718096;
  line-height: 1.6;
  margin-bottom: 24px;
}

.step-features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}

.feature-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #2D3748;
  font-weight: 500;
}

.feature-check {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.process-cta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 60px;
  align-items: center;
  background: linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);
  border-radius: 24px;
  padding: 60px;
}

.cta-content {
  text-align: left;
}

.cta-content h3 {
  font-size: 2rem;
  font-weight: 700;
  color: #1E3A5F;
  margin-bottom: 12px;
}

.cta-content p {
  font-size: 1.125rem;
  color: #718096;
  margin-bottom: 32px;
}

.cta-button {
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  color: white;
  border: none;
  padding: 18px 32px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(76, 175, 80, 0.3);
}

.button-arrow {
  font-size: 20px;
  transition: transform 0.3s ease;
}

.cta-button:hover .button-arrow {
  transform: translateX(4px);
}

.cta-guarantee {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #718096;
}

.shield-icon {
  width: 20px;
  height: 20px;
}

.process-stats {
  display: flex;
  gap: 32px;
}

.stat-circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
  position: relative;
}

.stat-circle::before {
  content: '';
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  opacity: 0.3;
  z-index: -1;
}

.circle-content {
  padding: 16px;
}

.circle-number {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 4px;
}

.circle-unit {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.circle-label {
  font-size: 10px;
  line-height: 1.2;
}

@media (max-width: 1024px) {
  .timeline-navigation {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }

  .timeline-nav-item {
    width: 100%;
    max-width: 300px;
  }

  .process-cta {
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }

  .process-stats {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .how-it-works {
    padding: 60px 0;
  }

  .works-header {
    margin-bottom: 60px;
  }

  .process-timeline {
    margin-bottom: 60px;
  }

  .step-card {
    padding: 32px 24px;
  }

  .step-icon {
    width: 60px;
    height: 60px;
  }

  .icon-emoji {
    font-size: 24px;
  }

  .step-title {
    font-size: 1.5rem;
  }

  .step-features {
    grid-template-columns: 1fr;
  }

  .process-cta {
    padding: 40px 24px;
  }

  .cta-content h3 {
    font-size: 1.5rem;
  }

  .process-stats {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .stat-circle {
    width: 100px;
    height: 100px;
  }

  .circle-number {
    font-size: 1.5rem;
  }
}

@media (max-width: 480px) {
  .timeline-nav-item {
    padding: 16px;
  }

  .nav-number {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  .step-card {
    padding: 24px 20px;
  }

  .step-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .step-number {
    font-size: 2rem;
  }

  .process-cta {
    padding: 32px 20px;
  }

  .cta-button {
    width: 100%;
    justify-content: center;
  }
}
.interactive-calculator {
  background: linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);
  padding: 100px 0;
  position: relative;
}

.calculator-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.calculator-header {
  text-align: center;
  margin-bottom: 60px;
}

.section-badge {
  display: inline-block;
  background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);
  color: white;
  padding: 8px 20px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 24px;
}

.calculator-header h2 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  font-weight: 800;
  color: #1E3A5F;
  margin-bottom: 16px;
}

.calculator-header p {
  font-size: 1.25rem;
  color: #718096;
  max-width: 700px;
  margin: 0 auto;
}

.calculator-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}

.calculator-inputs {
  background: white;
  border-radius: 24px;
  padding: 40px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.input-grid {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.input-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.input-label {
  font-size: 16px;
  font-weight: 600;
  color: #1E3A5F;
  margin-bottom: 4px;
}

.input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.input-prefix,
.input-suffix {
  position: absolute;
  font-size: 16px;
  font-weight: 600;
  color: #718096;
  z-index: 2;
}

.input-prefix {
  left: 16px;
}

.input-suffix {
  right: 16px;
}

.calculator-input {
  width: 100%;
  padding: 16px 20px;
  border: 2px solid #E2E8F0;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  color: #1E3A5F;
  background: white;
  outline: none;
  transition: all 0.3s ease;
}

.calculator-input:focus {
  border-color: #4CAF50;
  box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.1);
}

.calculator-input[type="number"] {
  text-align: center;
}

.input-wrapper .calculator-input {
  padding-left: 40px;
  padding-right: 60px;
}

.range-slider {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #E2E8F0;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
}

.range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

.range-slider::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

.input-options {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.option-button {
  flex: 1;
  min-width: 80px;
  padding: 12px 16px;
  border: 2px solid #E2E8F0;
  border-radius: 12px;
  background: white;
  color: #718096;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.option-button:hover {
  border-color: #4CAF50;
  color: #4CAF50;
}

.option-button.active {
  border-color: #4CAF50;
  background: #4CAF50;
  color: white;
}

.credit-score-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.credit-option {
  text-align: center;
  padding: 16px 12px;
}

.calculator-results {
  position: sticky;
  top: 24px;
}

.results-card {
  background: white;
  border-radius: 24px;
  padding: 40px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  border: 1px solid #E2E8F0;
}

.result-main {
  text-align: center;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #E2E8F0;
}

.result-value {
  font-size: 3rem;
  font-weight: 800;
  color: #1E3A5F;
  margin-bottom: 8px;
  background: linear-gradient(135deg, #1E3A5F 0%, #4CAF50 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.result-label {
  font-size: 18px;
  font-weight: 600;
  color: #1E3A5F;
  margin-bottom: 4px;
}

.result-sublabel {
  font-size: 14px;
  color: #718096;
}

.result-breakdown {
  margin-bottom: 32px;
}

.breakdown-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #F7FAFC;
}

.breakdown-item:last-child {
  border-bottom: none;
}

.breakdown-label {
  font-size: 14px;
  color: #718096;
}

.breakdown-value {
  font-size: 16px;
  font-weight: 600;
  color: #1E3A5F;
}

.rate-comparison {
  margin-bottom: 32px;
  padding: 24px;
  background: #F7FAFC;
  border-radius: 16px;
}

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

.comparison-header h4 {
  font-size: 16px;
  font-weight: 600;
  color: #1E3A5F;
  margin: 0;
}

.rate-note {
  font-size: 12px;
  color: #718096;
  background: #E2E8F0;
  padding: 4px 8px;
  border-radius: 12px;
}

.rate-options {
  display: flex;
  gap: 12px;
}

.rate-option {
  flex: 1;
  background: white;
  border: 2px solid #E2E8F0;
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  position: relative;
  transition: all 0.3s ease;
}

.rate-option.highlighted {
  border-color: #4CAF50;
  background: linear-gradient(135deg, #E8F5E8 0%, #F1F8E9 100%);
}

.rate-type {
  font-size: 12px;
  font-weight: 600;
  color: #718096;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.rate-value {
  font-size: 18px;
  font-weight: 700;
  color: #1E3A5F;
  margin-bottom: 2px;
}

.rate-apr {
  font-size: 11px;
  color: #718096;
}

.rate-badge {
  position: absolute;
  top: -8px;
  right: -8px;
  background: #4CAF50;
  color: white;
  font-size: 10px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.preapproval-button {
  width: 100%;
  padding: 18px 24px;
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 16px;
}

.preapproval-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(76, 175, 80, 0.3);
}

.button-arrow {
  font-size: 20px;
  transition: transform 0.3s ease;
}

.preapproval-button:hover .button-arrow {
  transform: translateX(4px);
}

.calculator-disclaimer {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  color: #718096;
  line-height: 1.4;
}

.info-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
}

@media (max-width: 1024px) {
  .calculator-content {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .calculator-results {
    position: static;
  }
}

@media (max-width: 768px) {
  .interactive-calculator {
    padding: 60px 0;
  }

  .calculator-header {
    margin-bottom: 40px;
  }

  .calculator-inputs,
  .results-card {
    padding: 24px;
  }

  .input-grid {
    gap: 24px;
  }

  .result-value {
    font-size: 2.5rem;
  }

  .rate-options {
    flex-direction: column;
  }

  .credit-score-options {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .calculator-inputs,
  .results-card {
    padding: 20px;
  }

  .result-value {
    font-size: 2rem;
  }

  .option-button {
    flex: none;
    width: 100%;
  }

  .input-options {
    flex-direction: column;
  }
}
.testimonials {
  background: #FFFFFF;
  padding: 100px 0;
  position: relative;
}

.testimonials-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.testimonials-header {
  text-align: center;
  margin-bottom: 80px;
}

.section-badge {
  display: inline-block;
  background: linear-gradient(135deg, #9C27B0 0%, #7B1FA2 100%);
  color: white;
  padding: 8px 20px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 24px;
}

.testimonials-header h2 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  font-weight: 800;
  color: #1E3A5F;
  margin-bottom: 16px;
}

.testimonials-header p {
  font-size: 1.25rem;
  color: #718096;
  max-width: 700px;
  margin: 0 auto;
}

.testimonials-content {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 60px;
  align-items: start;
  margin-bottom: 80px;
}

.testimonials-carousel {
  position: relative;
}

.carousel-container {
  position: relative;
  height: 500px;
  overflow: hidden;
  border-radius: 24px;
}

.testimonial-card {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #F7FAFC 0%, #EDF2F7 100%);
  border: 1px solid #E2E8F0;
  border-radius: 24px;
  padding: 40px;
  opacity: 0;
  transform: translateX(30px);
  transition: all 0.5s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.testimonial-card.active {
  opacity: 1;
  transform: translateX(0);
}

.testimonial-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}

.customer-info {
  display: flex;
  align-items: center;
  gap: 16px;
}

.customer-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 18px;
}

.customer-details {
  flex: 1;
}

.customer-name {
  font-size: 18px;
  font-weight: 700;
  color: #1E3A5F;
  margin: 0 0 4px 0;
}

.customer-location {
  font-size: 14px;
  color: #718096;
  margin: 0 0 2px 0;
}

.customer-role {
  font-size: 12px;
  color: #4CAF50;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}

.testimonial-verification {
  display: flex;
  align-items: center;
}

.verified-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #E8F5E8;
  color: #2E7D32;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.verified-icon {
  width: 16px;
  height: 16px;
}

.testimonial-rating {
  margin-bottom: 20px;
}

.star {
  font-size: 20px;
  margin-right: 4px;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}

.star.filled {
  opacity: 1;
}

.testimonial-quote {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #2D3748;
  font-style: italic;
  margin: 0 0 32px 0;
  flex: 1;
  quotes: none;
}

.testimonial-details {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding-top: 24px;
  border-top: 1px solid #E2E8F0;
}

.detail-item {
  text-align: center;
}

.detail-label {
  display: block;
  font-size: 12px;
  color: #718096;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.detail-value {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #1E3A5F;
}

.detail-value.savings {
  color: #4CAF50;
}

.carousel-navigation {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 32px;
}

.nav-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #E2E8F0;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.nav-dot.active {
  background: #4CAF50;
  transform: scale(1.2);
}

.testimonials-stats {
  position: sticky;
  top: 24px;
}

.stats-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.stat-card {
  background: white;
  border: 2px solid #E2E8F0;
  border-radius: 20px;
  padding: 32px 24px;
  text-align: center;
  transition: all 0.3s ease;
}

.stat-card:hover {
  border-color: #4CAF50;
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(76, 175, 80, 0.15);
}

.stat-icon {
  font-size: 32px;
  margin-bottom: 16px;
}

.stat-value {
  font-size: 2rem;
  font-weight: 800;
  color: #1E3A5F;
  margin-bottom: 8px;
  background: linear-gradient(135deg, #1E3A5F 0%, #4CAF50 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.stat-label {
  font-size: 14px;
  color: #718096;
  font-weight: 600;
}

.review-platforms {
  text-align: center;
}

.review-platforms h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1E3A5F;
  margin-bottom: 32px;
}

.platforms-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
}

.platform-item {
  background: #F7FAFC;
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  transition: all 0.3s ease;
}

.platform-item:hover {
  background: #EDF2F7;
  transform: translateY(-2px);
}

.platform-logo {
  font-size: 18px;
  font-weight: 700;
  color: #1E3A5F;
}

.platform-rating {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.rating-stars {
  font-size: 16px;
}

.rating-grade {
  font-size: 24px;
  font-weight: 800;
  color: #4CAF50;
}

.rating-text {
  font-size: 12px;
  color: #718096;
}

@media (max-width: 1024px) {
  .testimonials-content {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .testimonials-stats {
    position: static;
  }

  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .testimonials {
    padding: 60px 0;
  }

  .testimonials-header {
    margin-bottom: 60px;
  }

  .testimonials-content {
    margin-bottom: 60px;
  }

  .carousel-container {
    height: auto;
    min-height: 400px;
  }

  .testimonial-card {
    position: static;
    opacity: 1;
    transform: none;
    margin-bottom: 32px;
  }

  .testimonial-card:not(.active) {
    display: none;
  }

  .testimonial-card {
    padding: 32px 24px;
  }

  .testimonial-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .testimonial-details {
    grid-template-columns: 1fr;
    gap: 16px;
  }

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

  .platforms-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .testimonial-card {
    padding: 24px 20px;
  }

  .customer-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .customer-avatar {
    width: 50px;
    height: 50px;
    font-size: 16px;
  }

  .testimonial-quote {
    font-size: 1.125rem;
  }

  .platforms-grid {
    grid-template-columns: 1fr;
  }

  .platform-item {
    padding: 20px;
  }
}
.cta-section {
  background: linear-gradient(135deg, #1E3A5F 0%, #2E5984 100%);
  color: white;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

.cta-section::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 200%;
  background: radial-gradient(circle, rgba(76, 175, 80, 0.1) 0%, transparent 70%);
  pointer-events: none;
}

.cta-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

.cta-content {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 80px;
  align-items: start;
  margin-bottom: 80px;
}

.cta-main {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.urgency-banner {
  background: linear-gradient(135deg, #FF5722 0%, #F4511E 100%);
  border-radius: 12px;
  padding: 16px 24px;
  margin-bottom: 24px;
  animation: slideDown 0.5s ease-out;
}

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

.urgency-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-weight: 600;
}

.urgency-icon {
  font-size: 20px;
}

.urgency-text {
  flex: 1;
  text-align: center;
}

.urgency-countdown {
  background: rgba(255, 255, 255, 0.2);
  padding: 4px 12px;
  border-radius: 20px;
  font-family: 'Courier New', monospace;
  font-weight: 700;
}

.cta-title {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 16px;
}

.cta-title .highlight {
  background: linear-gradient(135deg, #4CAF50 0%, #90EE90 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.cta-subtitle {
  font-size: 1.25rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  max-width: 600px;
}

.cta-form {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  padding: 32px;
}

.form-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.input-group {
  display: flex;
  gap: 16px;
  align-items: stretch;
}

.email-input {
  flex: 1;
  padding: 20px 24px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  color: white;
  font-size: 16px;
  outline: none;
  transition: all 0.3s ease;
}

.email-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.email-input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.email-input:focus {
  border-color: #4CAF50;
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.2);
}

.cta-button {
  padding: 20px 32px;
  background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(76, 175, 80, 0.4);
}

.button-arrow {
  font-size: 20px;
  transition: transform 0.3s ease;
}

.cta-button:hover .button-arrow {
  transform: translateX(4px);
}

.form-guarantees {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

.guarantee-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
}

.guarantee-icon {
  width: 16px;
  height: 16px;
}

.cta-benefits {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  padding: 32px;
}

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.benefit-card {
  display: flex;
  align-items: center;
  gap: 16px;
}

.benefit-icon {
  width: 48px;
  height: 48px;
  background: rgba(76, 175, 80, 0.2);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.benefit-content {
  flex: 1;
}

.benefit-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 4px;
}

.benefit-description {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.cta-sidebar {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.rate-widget,
.contact-widget {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  padding: 32px;
}

.widget-header {
  margin-bottom: 24px;
}

.widget-header h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}

.rate-update {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(76, 175, 80, 0.2);
  padding: 2px 8px;
  border-radius: 12px;
}

.rate-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.rate-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
}

.rate-term {
  font-size: 14px;
  font-weight: 600;
}

.rate-values {
  text-align: right;
}

.rate-value {
  font-size: 16px;
  font-weight: 700;
  color: #4CAF50;
}

.rate-apr {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}

.rate-disclaimer {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.4;
}

.contact-options {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.contact-option {
  display: flex;
  align-items: center;
  gap: 16px;
}

.contact-icon {
  width: 40px;
  height: 40px;
  background: rgba(76, 175, 80, 0.2);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.contact-content {
  flex: 1;
}

.contact-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}

.contact-detail {
  font-size: 16px;
  font-weight: 700;
  color: #4CAF50;
  margin-bottom: 2px;
}

.contact-hours {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}

.trust-indicators {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
}

.trust-icon {
  font-size: 14px;
}

.final-guarantee {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  padding: 60px;
  text-align: center;
}

.guarantee-content {
  max-width: 600px;
  margin: 0 auto;
}

.guarantee-icon-large {
  font-size: 48px;
  margin-bottom: 24px;
}

.guarantee-content h3 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 16px;
}

.guarantee-content p {
  font-size: 1.125rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 32px;
}

.guarantee-features {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

.feature {
  font-size: 14px;
  font-weight: 600;
  color: #4CAF50;
}

@media (max-width: 1024px) {
  .cta-content {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .benefits-grid {
    grid-template-columns: 1fr;
  }

  .trust-indicators {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .cta-section {
    padding: 60px 0;
  }

  .cta-content {
    gap: 40px;
    margin-bottom: 60px;
  }

  .cta-main {
    gap: 32px;
  }

  .input-group {
    flex-direction: column;
  }

  .form-guarantees {
    gap: 16px;
  }

  .final-guarantee {
    padding: 40px 24px;
  }

  .guarantee-features {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
}

@media (max-width: 480px) {
  .cta-title {
    font-size: 2rem;
  }

  .cta-subtitle {
    font-size: 1rem;
  }

  .cta-form {
    padding: 24px;
  }

  .cta-benefits {
    padding: 24px;
  }

  .rate-widget,
  .contact-widget {
    padding: 24px;
  }

  .final-guarantee {
    padding: 32px 20px;
  }

  .guarantee-content h3 {
    font-size: 1.5rem;
  }

  .guarantee-content p {
    font-size: 1rem;
  }
}
:root {
  --primary-color: #1E3A5F;
  --accent-color: #4CAF50;
  --background-light: #FAFBFC;
  --text-dark: #2D3748;
  --text-light: #718096;
  --white: #FFFFFF;
  --border-light: #E2E8F0;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);
  --spacing-unit: 8px;
}

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

.modern-landing {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: var(--text-dark);
  line-height: 1.6;
  overflow-x: hidden;
}

section {
  padding: calc(var(--spacing-unit) * 10) 0;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 calc(var(--spacing-unit) * 3);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.2;
  color: var(--primary-color);
}

h1 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  margin-bottom: calc(var(--spacing-unit) * 3);
}

h2 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  margin-bottom: calc(var(--spacing-unit) * 2);
}

h3 {
  font-size: clamp(1.5rem, 3vw, 1.75rem);
  margin-bottom: calc(var(--spacing-unit) * 2);
}

p {
  color: var(--text-light);
  font-size: 1.125rem;
  line-height: 1.7;
  margin-bottom: calc(var(--spacing-unit) * 2);
}

.btn {
  display: inline-block;
  padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);
  border: none;
  border-radius: 8px;
  font-size: 1.125rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}

.btn-primary {
  background: var(--accent-color);
  color: var(--white);
  box-shadow: 0 4px 14px rgba(76, 175, 80, 0.3);
}

.btn-primary:hover {
  background: #45a049;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);
}

.btn-secondary {
  background: var(--white);
  color: var(--primary-color);
  border: 2px solid var(--border-light);
}

.btn-secondary:hover {
  background: var(--background-light);
  transform: translateY(-2px);
}

.btn-large {
  padding: calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 5);
  font-size: 1.25rem;
}

@media (max-width: 768px) {
  section {
    padding: calc(var(--spacing-unit) * 7) 0;
  }

  .container {
    padding: 0 calc(var(--spacing-unit) * 2);
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  p {
    font-size: 1rem;
  }

  .btn {
    padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);
    font-size: 1rem;
  }

  .btn-large {
    padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);
    font-size: 1.125rem;
  }
}

@media (max-width: 480px) {
  .btn {
    width: 100%;
    text-align: center;
  }
}
.zr1Z6B20mFxgNUhkbr1O {
  display: flex;
  min-height: 100vh;
  background-color: var(--admin-bg-primary, #ffffff);
  padding: 16px 16px 16px 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  position: relative;
  color: var(--admin-text-primary, #111827);
  transition: background-color 200ms ease, color 200ms ease;
}

.KsX7YZnuQIwb6E2ArPQA {
  width: 280px;
  position: fixed;
  top: 16px;
  left: 16px;
  height: calc(100vh - 32px);
  background-color: var(--admin-bg-secondary, #f9fafb);
  border-radius: 24px;
  border: 1px solid var(--admin-border-light, #e5e7eb);
  z-index: 100;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 200ms ease, border-color 200ms ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Adjust sidebar when impersonation is active */
body.impersonation-active .KsX7YZnuQIwb6E2ArPQA {
  top: 64px;
  height: calc(100vh - 80px);
}

.p32abM7Kdcj_lvtiORzt {
  flex: 1;
  margin-left: 312px;
  background-color: var(--admin-bg-primary, #ffffff);
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.qFV5_Gzj9wFr2x300h7y {
  background-color: var(--admin-bg-primary, #ffffff);
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 90;
  border-radius: 16px 16px 0 0;
}

.W9nvuJ7urfI0p8RzuhKR {
  flex: 1;
  padding: 16px;
  background-color: var(--admin-bg-primary, #ffffff);
  border-radius: 16px;
  overflow-y: auto;
  overflow-x: hidden;

  /* Cross-browser scrollbar hiding */
  scrollbar-width: none;
  -ms-overflow-style: none;

  &::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
}

.TeIwjeDcODO5PhCoAFn3 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

@media (max-width: 768px) {
  .zr1Z6B20mFxgNUhkbr1O {
    padding: 0;
  }

  .KsX7YZnuQIwb6E2ArPQA {
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    height: 100vh;
    border-radius: 0;
    transform: translateX(-100%);
  }

  .KsX7YZnuQIwb6E2ArPQA.bNkbXMwP1Q6zN0N17UOh {
    transform: translateX(0);
  }

  .p32abM7Kdcj_lvtiORzt {
    margin-left: 0;
  }

  .qFV5_Gzj9wFr2x300h7y {
    border-radius: 0;
  }

  .W9nvuJ7urfI0p8RzuhKR {
    padding: 12px;
    border-radius: 0;
  }

  .TeIwjeDcODO5PhCoAFn3 {
    display: block;
  }
}

/* Impersonation bar on mobile */
body.impersonation-active .KsX7YZnuQIwb6E2ArPQA {
  @media (max-width: 768px) {
    top: 48px;
    height: calc(100vh - 48px);
  }
}

.ZIxQOn7SgiI24ywTektA {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: none;
  background: transparent;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 150ms ease;
  text-align: left;
  margin-bottom: 2px;
  position: relative;
  text-decoration: none;
}

.ZIxQOn7SgiI24ywTektA:hover {
  background-color: var(--admin-card-bg);
  color: var(--admin-text-primary);
}

.ZIxQOn7SgiI24ywTektA.ZK_fHgb64KA52Mll3cgC {
  background-color: var(--admin-card-bg);
  color: var(--admin-accent-primary, #3b82f6);
  font-weight: 600;
}

.ZIxQOn7SgiI24ywTektA.ZK_fHgb64KA52Mll3cgC::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 20px;
  background-color: var(--admin-accent-primary, #3b82f6);
  border-radius: 0 4px 4px 0;
}

.ZIxQOn7SgiI24ywTektA span:first-child {
  font-size: 20px;
  color: var(--admin-text-tertiary);
}

.ZIxQOn7SgiI24ywTektA.ZK_fHgb64KA52Mll3cgC span:first-child,
.ZIxQOn7SgiI24ywTektA:hover span:first-child {
  color: var(--admin-accent-primary, #3b82f6);
}

.OtuwM5wPQVQXRbpDJuvL {
  flex: 1;
}

.DYN_RBFwGrOqU0EC6hTx {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background-color: #ef4444;
  color: white;
  font-size: 11px;
  font-weight: 600;
  margin-left: auto;
}

.ZIxQOn7SgiI24ywTektA.ZK_fHgb64KA52Mll3cgC .DYN_RBFwGrOqU0EC6hTx {
  background-color: #dc2626;
}

.DYN_RBFwGrOqU0EC6hTx.N2PicjOqUeoaD2zO9RqO {
  animation: N2PicjOqUeoaD2zO9RqO 2s ease-in-out infinite;
}

@keyframes N2PicjOqUeoaD2zO9RqO {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.05);
  }
}

.aVFPASVDTZ2rixUuAGLl {
  font-size: 18px !important;
  transition: transform 150ms ease;
}

.fuwgNiwzPKRCcwsSuZ_b {
  list-style: none;
  margin: 4px 0 4px 28px;
  padding: 0;
}

.myhCGU1qmDmnhHtIICDw {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: none;
  background: transparent;
  border-radius: 6px;
  font-size: 13px;
  color: var(--admin-text-tertiary);
  cursor: pointer;
  transition: all 150ms ease;
  text-align: left;
  margin-bottom: 2px;
  text-decoration: none;
}

.myhCGU1qmDmnhHtIICDw:hover {
  background-color: var(--admin-bg-hover);
  color: var(--admin-text-secondary);
}

.myhCGU1qmDmnhHtIICDw.ZK_fHgb64KA52Mll3cgC {
  background-color: var(--admin-card-bg);
  color: var(--admin-accent-primary, #3b82f6);
  font-weight: 500;
}

.myhCGU1qmDmnhHtIICDw span:first-child {
  font-size: 18px;
  color: var(--admin-text-tertiary);
}

.myhCGU1qmDmnhHtIICDw.ZK_fHgb64KA52Mll3cgC span:first-child,
.myhCGU1qmDmnhHtIICDw:hover span:first-child {
  color: var(--admin-accent-primary, #3b82f6);
}

@media (max-height: 800px) {
  .ZIxQOn7SgiI24ywTektA {
    padding: 8px 12px;
  }

  .myhCGU1qmDmnhHtIICDw {
    padding: 6px 12px;
  }
}

@media (max-height: 700px) {
  .ZIxQOn7SgiI24ywTektA {
    padding: 7px 10px;
    font-size: 13px;
    margin-bottom: 1px;
  }

  .myhCGU1qmDmnhHtIICDw {
    padding: 5px 10px;
    font-size: 12px;
  }
}

.xBQ7VNUJVFYXXpXOEOIN {
  padding: 10px 0;
}

.I94l8HiW6HxLVQWQWalq {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--admin-text-tertiary);
  margin-bottom: 8px;
}

.IJlk42XeJtGVshAn1_Do {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-height: 700px) {
  .xBQ7VNUJVFYXXpXOEOIN {
    padding: 8px 0;
  }

  .I94l8HiW6HxLVQWQWalq {
    margin-bottom: 6px;
    font-size: 10px;
  }
}

.CQKcAysSEN2Z2oRIaGYy {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, var(--admin-bg-secondary, #f0f1f2) 0%, var(--admin-bg-tertiary, #e8eaec) 100%);
  overflow: hidden;
  transition: background 200ms ease;
}

.HBVGQo4ZogPL9SRHjKtx {
  flex: 1;
  padding: 0 14px;
  overflow-y: auto;
  position: relative;

  /* Cross-browser scrollbar hiding */
  scrollbar-width: none;
  -ms-overflow-style: none;

  &::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  &.t6TMdffvaEZIhOUXfOz6::before {
    content: '';
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    height: 20px;
    margin-bottom: -20px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
    pointer-events: none;
    z-index: 10;
  }

  &.zoLcf6ivwBA21Eu6QMoy::after {
    content: '';
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 20px;
    margin-top: -20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
    pointer-events: none;
    z-index: 10;
  }
}

.q2MQS8RsIfT_6PUO5qA5 {
  padding: 12px 14px;
  border-top: 1px solid var(--admin-border-light, #e5e7eb);
}

@media (max-width: 768px) {
  .HBVGQo4ZogPL9SRHjKtx {
    padding: 0 14px;
  }
}

@media (max-height: 800px) {
  .HBVGQo4ZogPL9SRHjKtx {
    padding: 0 14px;
  }

  .q2MQS8RsIfT_6PUO5qA5 {
    padding: 10px 14px;
  }
}

@media (max-height: 700px) {
  .q2MQS8RsIfT_6PUO5qA5 {
    padding: 8px 14px;
  }
}

.YwaETgbWLIFus_pA734C {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--space-8);
  padding: 0 var(--space-4);
  position: relative;
}

.YwaETgbWLIFus_pA734C::before {
  content: '';
  position: absolute;
  top: 16px;
  left: 40px;
  right: 40px;
  height: 2px;
  background-color: var(--color-gray-200);
  z-index: 0;
}

.PP_QIJS43XHdXPhPsqtl {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  position: relative;
  z-index: 1;
}

.PP_QIJS43XHdXPhPsqtl.YamoanwQRJPjFktBExQc {
  cursor: pointer;
}

.PP_QIJS43XHdXPhPsqtl.YamoanwQRJPjFktBExQc:hover .hlZN9dLqSjTgCfA2z9mp {
  transform: scale(1.08);
}

.hlZN9dLqSjTgCfA2z9mp {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--color-bg-primary);
  border: 2px solid var(--color-gray-300);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-tertiary);
  transition: all var(--transition-fast);
}

.KoJdoDbSLkEj_EeS3Srg {
  width: 14px;
  height: 14px;
}

.PP_QIJS43XHdXPhPsqtl.pzQ9C1mBAl2l4xzmQ93C .hlZN9dLqSjTgCfA2z9mp {
  border-color: var(--color-primary);
  color: var(--color-primary);
  background-color: rgba(66, 133, 244, 0.1);
}

.PP_QIJS43XHdXPhPsqtl.luOvWtsIJOQDLL3IBeAF .hlZN9dLqSjTgCfA2z9mp {
  border-color: var(--color-success);
  background-color: var(--color-success);
  color: white;
}

.k0_rHnI7sUgfKuLKP7JY {
  font-size: var(--font-size-xs);
  color: var(--color-text-tertiary);
  text-align: center;
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.PP_QIJS43XHdXPhPsqtl.pzQ9C1mBAl2l4xzmQ93C .k0_rHnI7sUgfKuLKP7JY {
  color: var(--color-primary);
  font-weight: var(--font-weight-medium);
}

.PP_QIJS43XHdXPhPsqtl.luOvWtsIJOQDLL3IBeAF .k0_rHnI7sUgfKuLKP7JY {
  color: var(--color-success);
}

@media (max-width: 600px) {
  .k0_rHnI7sUgfKuLKP7JY {
    display: none;
  }

  .YwaETgbWLIFus_pA734C {
    padding: 0;
  }

  .YwaETgbWLIFus_pA734C::before {
    left: 20px;
    right: 20px;
  }
}

/* Minimal variant - subtle, no frills */
.O9tFUTya3p4DXsQ5bRaw .hlZN9dLqSjTgCfA2z9mp {
  width: 28px;
  height: 28px;
  border-width: 1.5px;
}

.O9tFUTya3p4DXsQ5bRaw::before {
  height: 1px;
  top: 14px;
}

/* Gradient variant - gradient progress line */
.S6YQ4UlHL1zC3_ILcSpt::before {
  height: 3px;
  background: linear-gradient(to right,
    var(--color-success) 0%,
    var(--color-success) var(--progress-percent, 0%),
    var(--color-gray-200) var(--progress-percent, 0%)
  );
  border-radius: 2px;
}

.S6YQ4UlHL1zC3_ILcSpt .PP_QIJS43XHdXPhPsqtl.luOvWtsIJOQDLL3IBeAF .hlZN9dLqSjTgCfA2z9mp {
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

.S6YQ4UlHL1zC3_ILcSpt .PP_QIJS43XHdXPhPsqtl.pzQ9C1mBAl2l4xzmQ93C .hlZN9dLqSjTgCfA2z9mp {
  box-shadow: 0 2px 8px rgba(66, 133, 244, 0.3);
}

/* Glass variant - frosted glass effect */
.ls_1UlFFcE19wCDS4L9H .hlZN9dLqSjTgCfA2z9mp {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-color: rgba(255, 255, 255, 0.4);
}

.ls_1UlFFcE19wCDS4L9H .PP_QIJS43XHdXPhPsqtl.pzQ9C1mBAl2l4xzmQ93C .hlZN9dLqSjTgCfA2z9mp {
  background: rgba(66, 133, 244, 0.15);
  border-color: rgba(66, 133, 244, 0.5);
}

.ls_1UlFFcE19wCDS4L9H .PP_QIJS43XHdXPhPsqtl.luOvWtsIJOQDLL3IBeAF .hlZN9dLqSjTgCfA2z9mp {
  background: rgba(16, 185, 129, 0.9);
  border-color: rgba(16, 185, 129, 0.9);
}

.ls_1UlFFcE19wCDS4L9H::before {
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(4px);
  height: 3px;
  border-radius: 2px;
}

/* Dark mode support */
[data-theme="dark"] .hlZN9dLqSjTgCfA2z9mp {
  background-color: var(--color-gray-800);
  border-color: var(--color-gray-600);
}

[data-theme="dark"] .YwaETgbWLIFus_pA734C::before {
  background-color: var(--color-gray-700);
}

[data-theme="dark"] .PP_QIJS43XHdXPhPsqtl.pzQ9C1mBAl2l4xzmQ93C .hlZN9dLqSjTgCfA2z9mp {
  background-color: rgba(96, 165, 250, 0.15);
  border-color: #60a5fa;
  color: #60a5fa;
}

[data-theme="dark"] .PP_QIJS43XHdXPhPsqtl.pzQ9C1mBAl2l4xzmQ93C .k0_rHnI7sUgfKuLKP7JY {
  color: #60a5fa;
}

[data-theme="dark"] .ls_1UlFFcE19wCDS4L9H .hlZN9dLqSjTgCfA2z9mp {
  background: rgba(30, 41, 59, 0.8);
  border-color: rgba(148, 163, 184, 0.3);
}

[data-theme="dark"] .ls_1UlFFcE19wCDS4L9H .PP_QIJS43XHdXPhPsqtl.pzQ9C1mBAl2l4xzmQ93C .hlZN9dLqSjTgCfA2z9mp {
  background: rgba(96, 165, 250, 0.2);
  border-color: rgba(96, 165, 250, 0.5);
}

[data-theme="dark"] .ls_1UlFFcE19wCDS4L9H::before {
  background: rgba(148, 163, 184, 0.2);
}

.bqr7ktA5wwbikdriX1lb {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: 100%;
}

.MGfZYLe5xeYfB9_Jz9sW {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
}

.wMBk5MdGEVJ0lbHU32A1 {
  color: var(--color-error);
  margin-left: var(--space-1);
}

.y9eww5oSdhbxBwbW0FUC {
  width: 100%;
  padding: var(--space-3) var(--space-4);
  font-size: var(--font-size-base);
  font-family: var(--font-family-primary);
  color: var(--color-text-primary);
  background-color: var(--color-bg-primary);
  border: var(--border-width-thin) solid var(--color-gray-300);
  border-radius: var(--border-radius-lg);
  outline: none;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.y9eww5oSdhbxBwbW0FUC::-moz-placeholder {
  color: var(--color-gray-400);
}

.y9eww5oSdhbxBwbW0FUC::placeholder {
  color: var(--color-gray-400);
}

.y9eww5oSdhbxBwbW0FUC:hover:not(:disabled) {
  border-color: var(--color-gray-400);
}

.y9eww5oSdhbxBwbW0FUC:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.15);
}

.y9eww5oSdhbxBwbW0FUC:disabled {
  background-color: var(--color-gray-100);
  color: var(--color-gray-500);
  cursor: not-allowed;
}

.VYODGMfCEiEtd1memNit {
  border-color: var(--color-error);
}

.VYODGMfCEiEtd1memNit:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
}

.IBMpdRJWO6nXIGCGBdvJ {
  position: relative;
  display: flex;
  align-items: center;
}

.OPVu0WmTyjR8EV5Aiz9b {
  position: absolute;
  right: var(--space-4);
  color: var(--color-gray-500);
  font-size: var(--font-size-base);
  pointer-events: none;
}

.yUP0Bkap9W3gc1P1OlaE {
  padding-left: var(--space-4);
}

.FtfwTaK9hGwwRItb0viY {
  padding-right: calc(var(--space-4) + 1.5rem);
}

.dIlUiS5Ig0XIuytTX4UN {
  max-width: 120px;
  text-align: center;
  letter-spacing: 0.1em;
}

.Lns9QWjjWBTJRQGH7A9g {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%236b7280%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--space-4) center;
  padding-right: calc(var(--space-4) + 1.5rem);
  cursor: pointer;
}

.i2KR7fHedJdZYeyOa860 {
  color: var(--color-gray-400);
}

.i9ysOw7DWRPjGkvxNsj8 {
  font-size: var(--font-size-xs);
  color: var(--color-text-tertiary);
  line-height: var(--line-height-normal);
}

.R2CW5N3X3VTvZhAGvuUI {
  font-size: var(--font-size-xs);
  color: var(--color-error);
  line-height: var(--line-height-normal);
}

.kxNSoCX8ATajZ2izlJqb {
  padding: var(--space-2) 0;
}

.jMosI589XfeaR51xKLmM {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.jMosI589XfeaR51xKLmM:focus {
  outline: none;
}

.jMosI589XfeaR51xKLmM:focus .akh0lDxMNEdPOhLIwvXk {
  box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.15);
}

.eaxxdv5ECs78WSiINe1N {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  flex: 1;
}

.akh0lDxMNEdPOhLIwvXk {
  position: relative;
  width: 48px;
  height: 28px;
  background-color: var(--color-gray-300);
  border-radius: var(--border-radius-full);
  transition: background-color var(--transition-fast);
  flex-shrink: 0;
}

.v_O6oqineFEzaJyafIGa {
  background-color: var(--color-primary);
}

.vwxxDfvib7EXqYpgyjwE {
  opacity: 0.5;
  cursor: not-allowed;
}

.Q6E6Ub9oYW933UmPNo6T {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: var(--border-radius-full);
  transition: transform var(--transition-fast);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.v_O6oqineFEzaJyafIGa .Q6E6Ub9oYW933UmPNo6T {
  transform: translateX(20px);
}

.uR335Ze4bTu49KOSv8mI {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.BG8707TASUH_m50VtdTK {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--space-3);
}

.PdTZIcLhIMQrQkuGFAao {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-4);
  min-height: 60px;
  background-color: var(--color-bg-primary);
  border: var(--border-width-thin) solid var(--color-gray-300);
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-align: center;
}

.PdTZIcLhIMQrQkuGFAao:hover:not(.jvOFQKT89ySmCuQU2yD4) {
  border-color: var(--color-primary);
  background-color: var(--color-gray-50);
}

.PdTZIcLhIMQrQkuGFAao:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.15);
}

.r7cdg5mZGqPfZe6l72X7 {
  border-color: var(--color-primary);
  background-color: rgba(66, 133, 244, 0.08);
  border-width: var(--border-width-base);
}

.jvOFQKT89ySmCuQU2yD4 {
  opacity: 0.5;
  cursor: not-allowed;
}

.hM2GgUmWHoF7LqR8lPgu {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
}

.bb1XiS8dKpskBEOJUwO3 {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  margin-top: var(--space-1);
}

.xYL4yE98ceDtGyLlO5OO {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-6);
  background: linear-gradient(135deg, #a6ffcb 0%, #12d8fa 50%, #1fa2ff 100%);
}

[data-theme="dark"] .xYL4yE98ceDtGyLlO5OO {
  background: linear-gradient(135deg, #0d3d2e 0%, #0c4a5e 50%, #1e3a5f 100%);
}

.kF3pASHwbLs6nYJITF89 {
  width: 100%;
  max-width: 560px;
}

.d66lHMDE9m4XcYbqEH_9 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-8);
  font-size: var(--font-size-lg);
  color: var(--color-text-secondary);
}

.S3gCRNWiyTS5i0RfjbpZ {
  text-align: center;
  padding: var(--space-8);
}

.S3gCRNWiyTS5i0RfjbpZ h2 {
  margin-bottom: var(--space-4);
  color: var(--color-text-primary);
}

.S3gCRNWiyTS5i0RfjbpZ p {
  color: var(--color-text-secondary);
  margin-bottom: var(--space-6);
}

.nSUmMVEqeZjFC5RYNCJc {
  padding: var(--space-3) var(--space-6);
  background-color: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--border-radius-lg);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

.nSUmMVEqeZjFC5RYNCJc:hover {
  background-color: var(--color-primary-dark);
}

.qLKxuMOwu1bjfwUdhLaH {
  background: var(--color-bg-primary);
  border-radius: var(--border-radius-xl);
  padding: var(--space-8);
  border: var(--border-width-thin) solid var(--color-gray-200);
}

.A1b5qBhnvjuXVnpfNKIz {
  text-align: center;
  margin-bottom: var(--space-6);
}

.tWUf362Qe53czOOZLiyA {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--space-2);
}

.QxcaoQt4SbCxnYS_YEAL {
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
}

.cQXOhxOnEv5CGnw4o9Iu {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.uq8eCfNxCLbs62v3MKvM {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}

@media (max-width: 480px) {
  .uq8eCfNxCLbs62v3MKvM {
    grid-template-columns: 1fr;
  }
}

.y3ywVAIM0TnnfnHjhHBg {
  width: 100%;
  padding: var(--space-4);
  margin-top: var(--space-4);
  background-color: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--border-radius-lg);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
}

.y3ywVAIM0TnnfnHjhHBg:hover:not(:disabled) {
  background-color: var(--color-primary-dark);
  transform: translateY(-1px);
}

.y3ywVAIM0TnnfnHjhHBg:disabled {
  background-color: var(--color-gray-300);
  cursor: not-allowed;
}

.qrAkv16PGOeDzsgjupAo {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin: var(--space-4) 0;
}

.qrAkv16PGOeDzsgjupAo::before,
.qrAkv16PGOeDzsgjupAo::after {
  content: '';
  flex: 1;
  height: 1px;
  background-color: var(--color-gray-200);
}

.qrAkv16PGOeDzsgjupAo span {
  font-size: var(--font-size-sm);
  color: var(--color-text-tertiary);
}

.tlqe7HNd6HV0W0m8Up72 {
  background: var(--color-bg-primary);
  border-radius: var(--border-radius-xl);
  padding: var(--space-8);
  border: var(--border-width-thin) solid var(--color-gray-200);
  text-align: center;
}

.ZTfkNwdNt7cNaINo02bX {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  background-color: rgba(16, 185, 129, 0.1);
  color: var(--color-success);
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--space-4);
}

.g_C34uUBr3Cabi6dGeIK {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--space-6);
}

.iWSZoQLwtff2gZyLMeLw {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-4);
  margin-bottom: var(--space-6);
  text-align: left;
}

@media (max-width: 480px) {
  .iWSZoQLwtff2gZyLMeLw {
    grid-template-columns: 1fr;
  }
}

.ilWuxbTW2UHRW0mIdbV1 {
  padding: var(--space-4);
  background-color: var(--color-gray-50);
  border-radius: var(--border-radius-lg);
}

.F0hsjtvvhKijsZbhlHEg {
  font-size: var(--font-size-xs);
  color: var(--color-text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--space-1);
}

.LglZFwP6hGGlwTBQScAQ {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
}

.MN1mCELYdPJH059QPTwr {
  padding: var(--space-5);
  background-color: var(--color-gray-50);
  border-radius: var(--border-radius-lg);
  margin-bottom: var(--space-6);
}

.hOnkrCEjgWdCFgBS547R {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: var(--space-3);
  text-align: left;
}

.A9BmhJIYPiRkmPvqq5Zm {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-3);
}

.dYpRbHCrL4gGD8atCsh9 {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
}

.E35T8XcfkN4dggLt3s23 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.d1BIJJiODEVm7z9ilstS {
  background-color: var(--color-success);
}

.LghxwFb19mzuX9e2gQGa {
  background-color: var(--color-warning);
}

.xM1O3GuUA4FN0abSrW_e {
  background-color: var(--color-error);
}

.jLyUmR4rkF72SaXoSU7H {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: color var(--transition-fast);
}

.jLyUmR4rkF72SaXoSU7H:hover {
  color: var(--color-primary);
}

.mGQ0ssUo2wLOa7IZjogH {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-6);
  background: linear-gradient(135deg, #a6ffcb 0%, #12d8fa 50%, #1fa2ff 100%);
}

[data-theme="dark"] .mGQ0ssUo2wLOa7IZjogH {
  background: linear-gradient(135deg, #0d3d2e 0%, #0c4a5e 50%, #1e3a5f 100%);
}

.poXqtJ8kcuuqPLlaiLm0 {
  width: 100%;
  max-width: 480px;
}

.YJCxzDHOi5HicrCnTMxv {
  text-align: center;
  margin-bottom: var(--space-8);
}

.OoEcfVTS4PIMcMtzlXHo {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
}

.IBTjnjfvLWowLxgEdhA3 {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.BVvkpLxn5YQTMHU6tFQC,
.ImOZBDrv756Mmto2DJmi {
  text-align: center;
  padding: var(--space-8);
}

.ImOZBDrv756Mmto2DJmi h2 {
  margin-bottom: var(--space-4);
  color: var(--color-text-primary);
}

.ImOZBDrv756Mmto2DJmi p {
  color: var(--color-text-secondary);
  margin-bottom: var(--space-6);
}

.eDtbqQ0TuE3Ivy4pdDHR {
  padding: var(--space-3) var(--space-6);
  background-color: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--border-radius-lg);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

.eDtbqQ0TuE3Ivy4pdDHR:hover {
  background-color: var(--color-primary-dark);
}

.mGs3bBY5Q9yW1CDw48Va {
  display: flex;
  justify-content: flex-start;
}

.RFJGJwdkDbAuRcVarDxo {
  display: inline-flex;
  align-items: center;
  padding: var(--space-2) var(--space-4);
  background-color: var(--color-gray-100);
  color: var(--color-text-secondary);
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}

.RFJGJwdkDbAuRcVarDxo::before {
  content: '✓';
  margin-right: var(--space-2);
  color: var(--color-success);
}

.IDoJMy_cOrju0BRz6r5B {
  background: var(--color-bg-primary);
  border-radius: var(--border-radius-xl);
  padding: var(--space-6);
  border: var(--border-width-thin) solid var(--color-gray-200);
  animation: CSubOGdvkw4v1Gj1_aCe 0.3s ease-out;
}

@keyframes CSubOGdvkw4v1Gj1_aCe {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.Ch2cIzN7TBj8A9PUsPr7 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--space-2);
}

.xNyXTp_aFt69FOveruh_ {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin-bottom: var(--space-5);
}

.STpcmOpd2rEpLpGlVfQA {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.VuYzpCX2CGu4RtrUMchA {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}

@media (max-width: 480px) {
  .VuYzpCX2CGu4RtrUMchA {
    grid-template-columns: 1fr;
  }
}

.rAyb7EpkI5OXikncHGnd {
  width: 100%;
  padding: var(--space-4);
  margin-top: var(--space-2);
  background-color: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--border-radius-lg);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
}

.rAyb7EpkI5OXikncHGnd:hover:not(:disabled) {
  background-color: var(--color-primary-dark);
}

.rAyb7EpkI5OXikncHGnd:disabled {
  background-color: var(--color-gray-300);
  cursor: not-allowed;
}

.a81IhEc8qPVeOcPQVN4w {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-3);
}

@media (max-width: 400px) {
  .a81IhEc8qPVeOcPQVN4w {
    grid-template-columns: 1fr;
  }
}

.CCtgRTTCIitsA0mnayPs {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4);
  background-color: var(--color-bg-primary);
  border: var(--border-width-thin) solid var(--color-gray-300);
  border-radius: var(--border-radius-lg);
  cursor: pointer;
  transition: all var(--transition-fast);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
}

.CCtgRTTCIitsA0mnayPs:hover {
  border-color: var(--color-primary);
  background-color: var(--color-gray-50);
}

.CCtgRTTCIitsA0mnayPs.q_qFfjLGOsy_I5uxQ4OE {
  border-color: var(--color-primary);
  background-color: rgba(66, 133, 244, 0.08);
  border-width: var(--border-width-base);
}

.YmIIaIF5qj_Xud40s24j {
  background: var(--color-bg-primary);
  border-radius: var(--border-radius-xl);
  padding: var(--space-6);
  border: var(--border-width-thin) solid var(--color-gray-200);
  text-align: center;
}

.H49yr5ral1T14QFhK4ZU {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  background-color: rgba(16, 185, 129, 0.1);
  color: var(--color-success);
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--space-4);
}

.tKbmogMoQZbGqKd4tEUQ {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--space-5);
}

.daxX8Bf1mg8psT8GVe2j {
  display: flex;
  justify-content: center;
  gap: var(--space-6);
  margin-bottom: var(--space-5);
}

.N5zN9k7SyroVfSdtSwWD {
  text-align: center;
}

.CiT_7QQ50gpx1PDaF7vq {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
}

.JYkceDi2wbhJGpn9P7M6 {
  font-size: var(--font-size-xs);
  color: var(--color-text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.oeSJzeapfea8mHLA_SvO {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  transition: color var(--transition-fast);
}

.oeSJzeapfea8mHLA_SvO:hover {
  color: var(--color-primary);
}

.YBApHuIORk3JEb8WLSjg {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-6);
  background: linear-gradient(135deg, #a6ffcb 0%, #12d8fa 50%, #1fa2ff 100%);
}

[data-theme="dark"] .YBApHuIORk3JEb8WLSjg {
  background: linear-gradient(135deg, #0d3d2e 0%, #0c4a5e 50%, #1e3a5f 100%);
}

.KuKEkOS85zDVzpBG1X4n {
  width: 100%;
  max-width: 640px;
}

.Hr5kYu8sdY5noK3qBEeg,
.ENonKSGIs1IHYl4m8fEx {
  text-align: center;
  padding: var(--space-8);
}

.ENonKSGIs1IHYl4m8fEx h2 {
  margin-bottom: var(--space-4);
  color: var(--color-text-primary);
}

.ENonKSGIs1IHYl4m8fEx p {
  color: var(--color-text-secondary);
  margin-bottom: var(--space-6);
}

.ftBwpnG6fjo3vaA1mrpq {
  padding: var(--space-3) var(--space-6);
  background-color: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--border-radius-lg);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

.ftBwpnG6fjo3vaA1mrpq:hover {
  background-color: var(--color-primary-dark);
}

.J_ZZ2GgkbdMUnsooBzfN {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--space-8);
  padding: 0 var(--space-4);
  position: relative;
}

.J_ZZ2GgkbdMUnsooBzfN::before {
  content: '';
  position: absolute;
  top: 16px;
  left: 40px;
  right: 40px;
  height: 2px;
  background-color: var(--color-gray-200);
  z-index: 0;
}

.PZTfYFBD6P_lXBWXEiN4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  position: relative;
  z-index: 1;
}

.iVieRTUrmsrQky9JNfmY {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--color-bg-primary);
  border: 2px solid var(--color-gray-300);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-tertiary);
  transition: all var(--transition-fast);
}

.PZTfYFBD6P_lXBWXEiN4.odFLVOpNpataa7aAGqiX .iVieRTUrmsrQky9JNfmY {
  border-color: var(--color-primary);
  color: var(--color-primary);
  background-color: rgba(66, 133, 244, 0.1);
}

.PZTfYFBD6P_lXBWXEiN4.MBaLBPp4R87bjAioWFK2 .iVieRTUrmsrQky9JNfmY {
  border-color: var(--color-success);
  background-color: var(--color-success);
  color: white;
}

.hOsukkPwwUI702TIDnt7 {
  font-size: var(--font-size-xs);
  color: var(--color-text-tertiary);
  text-align: center;
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.PZTfYFBD6P_lXBWXEiN4.odFLVOpNpataa7aAGqiX .hOsukkPwwUI702TIDnt7 {
  color: var(--color-primary);
  font-weight: var(--font-weight-medium);
}

.PZTfYFBD6P_lXBWXEiN4.MBaLBPp4R87bjAioWFK2 .hOsukkPwwUI702TIDnt7 {
  color: var(--color-success);
}

@media (max-width: 600px) {
  .hOsukkPwwUI702TIDnt7 {
    display: none;
  }

  .J_ZZ2GgkbdMUnsooBzfN {
    padding: 0;
  }

  .J_ZZ2GgkbdMUnsooBzfN::before {
    left: 20px;
    right: 20px;
  }
}

.T3Yt3hnLHG9EWKjMgPmI {
  animation: HYhiRtnovze524UGh4Ol 0.3s ease-out;
}

@keyframes HYhiRtnovze524UGh4Ol {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fYIdCorTJrG1mu0ZfTnE {
  background: var(--color-bg-primary);
  border-radius: var(--border-radius-xl);
  padding: var(--space-8);
  border: var(--border-width-thin) solid var(--color-gray-200);
}

.VN3eWhl0cEP3io9kHVvF {
  margin-bottom: var(--space-6);
}

.Y91CajQG7hgUnPk9Z1ZV {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--space-1);
}

.lFMeKueUDXxGl7GaHNDY {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

.jokxuinIk63lA2bWug0A {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.spvc2SrGh6JKhfD0HlSo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}

.nh7Zb9gKusDTY53edi5t {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--space-4);
}

@media (max-width: 480px) {
  .spvc2SrGh6JKhfD0HlSo,
  .nh7Zb9gKusDTY53edi5t {
    grid-template-columns: 1fr;
  }
}

.Dz0e7aw4Tg2lDWnT_pFs {
  display: flex;
  gap: var(--space-4);
  margin-top: var(--space-4);
}

.NQJiEOpekqxts4v5IhRW {
  flex: 1;
  padding: var(--space-4);
  background-color: var(--color-bg-primary);
  color: var(--color-text-secondary);
  border: var(--border-width-thin) solid var(--color-gray-300);
  border-radius: var(--border-radius-lg);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.NQJiEOpekqxts4v5IhRW:hover {
  background-color: var(--color-gray-50);
  border-color: var(--color-gray-400);
}

.voMyisgTNzSAcSnluGUQ {
  flex: 2;
  padding: var(--space-4);
  background-color: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--border-radius-lg);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

.voMyisgTNzSAcSnluGUQ:hover:not(:disabled) {
  background-color: var(--color-primary-dark);
}

.voMyisgTNzSAcSnluGUQ:disabled {
  background-color: var(--color-gray-300);
  cursor: not-allowed;
}

.zbzNc0oOasogXCjfSmJ7 {
  background: var(--color-bg-primary);
  border-radius: var(--border-radius-xl);
  padding: var(--space-8);
  border: var(--border-width-thin) solid var(--color-gray-200);
}

.MKfQdgyWpUh6e0OOkZZJ {
  text-align: center;
  margin-bottom: var(--space-6);
}

.j2pDeBdEoBGGm9AxeSxA {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  background-color: rgba(16, 185, 129, 0.1);
  color: var(--color-success);
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--space-4);
}

.c2HjGqy4v3RFakRSVrWe {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
}

.IT5zQLTGCbKvw_tIeOIV {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}

@media (max-width: 480px) {
  .IT5zQLTGCbKvw_tIeOIV {
    grid-template-columns: 1fr;
  }
}

.JFQ6x2jh5bAwMd8qZXaa {
  padding: var(--space-4);
  background-color: var(--color-gray-50);
  border-radius: var(--border-radius-lg);
  text-align: center;
}

.mCz1Hbu4NBT86Oys7DAB {
  font-size: var(--font-size-xs);
  color: var(--color-text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--space-1);
}

.d_pGBkKL3mF_u4mIeHEk {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
}

.Ms_Y4Yoni5dweRSPUOwE {
  display: grid;
  grid-template-columns: repeat(var(--metrics-columns, 3), 1fr);
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}

@media (max-width: 600px) {
  .Ms_Y4Yoni5dweRSPUOwE {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }
}

.gpth2_5ln4IRixQIQE6Q {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--space-5);
  border-radius: var(--border-radius-lg);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.bvc9WqRfb0qBoPRKOHol {
  font-size: 11px;
  font-weight: var(--font-weight-medium);
  color: var(--color-text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: var(--space-2);
}

.asFfV8oacoeajr1Avh9n {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: 1.2;
}

/* Minimal variant - clean, subtle depth */
.OkoU2rSqPRbBVIIPucCP .gpth2_5ln4IRixQIQE6Q,
.Ms_Y4Yoni5dweRSPUOwE:not(.lIQC9txYB3ywrLsr8FEx):not(.JlSD3a4euhQieNjp1KKd) .gpth2_5ln4IRixQIQE6Q {
  background-color: var(--color-gray-50);
  border: 1px solid var(--color-gray-100);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.OkoU2rSqPRbBVIIPucCP .gpth2_5ln4IRixQIQE6Q:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

/* Gradient variant - deeper shadows, accent colors */
.lIQC9txYB3ywrLsr8FEx .gpth2_5ln4IRixQIQE6Q {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-gray-50) 100%);
  border: 1px solid var(--color-gray-200);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
}

.lIQC9txYB3ywrLsr8FEx .gpth2_5ln4IRixQIQE6Q:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 12px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.06);
}

.lIQC9txYB3ywrLsr8FEx .asFfV8oacoeajr1Avh9n {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Glass variant - frosted glass effect */
.JlSD3a4euhQieNjp1KKd .gpth2_5ln4IRixQIQE6Q {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.JlSD3a4euhQieNjp1KKd .gpth2_5ln4IRixQIQE6Q:hover {
  background: rgba(255, 255, 255, 0.85);
  transform: translateY(-2px);
}

/* Dark mode support */
[data-theme="dark"] .OkoU2rSqPRbBVIIPucCP .gpth2_5ln4IRixQIQE6Q,
[data-theme="dark"] .Ms_Y4Yoni5dweRSPUOwE:not(.lIQC9txYB3ywrLsr8FEx):not(.JlSD3a4euhQieNjp1KKd) .gpth2_5ln4IRixQIQE6Q {
  background-color: var(--color-gray-800);
  border-color: var(--color-gray-700);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .lIQC9txYB3ywrLsr8FEx .gpth2_5ln4IRixQIQE6Q {
  background: linear-gradient(135deg, var(--color-gray-800) 0%, var(--color-gray-900) 100%);
  border-color: var(--color-gray-700);
}

[data-theme="dark"] .lIQC9txYB3ywrLsr8FEx .asFfV8oacoeajr1Avh9n {
  background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="dark"] .JlSD3a4euhQieNjp1KKd .gpth2_5ln4IRixQIQE6Q {
  background: rgba(22, 78, 99, 0.4);
  border-color: rgba(34, 211, 238, 0.2);
}

[data-theme="dark"] .JlSD3a4euhQieNjp1KKd .gpth2_5ln4IRixQIQE6Q:hover {
  background: rgba(22, 78, 99, 0.55);
}

.QRtE1sWAyjXBgyE_2pAg {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.aPnFGcsrfWY_4LGRexm2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 8px 0;
}

.cHHrUO9O_Whbcoajxy4r {
  font-size: 14px;
  color: var(--admin-text-secondary);
  margin: 0 0 24px 0;
}

.PPVLj4ndjTQyK4HJ_5gD {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.E60wO3VmaUL60MSvEBEQ {
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  overflow: hidden;
}

._avLppM3U6OCSM74Wzuv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid var(--admin-border-light);
}

.Rj2Hx4s7kPrG89Z8oTeN {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.RcsUEyxrTzEaPSJenlfA {
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-accent-primary, #3b82f6);
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-accent-primary, #3b82f6);
  border-radius: 4px;
  cursor: pointer;
  font-family: inherit;
}

.Off_0t_wvIO4vgvkayUP {
  padding: 16px;
}

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

.cOZEQR8vnRW0og0FUqA2 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.s27ccFhWlcWN9hxsSBXe {
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.Cv1C6HGBTO7gPBQIBzhA {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
}

@media (max-width: 768px) {
  .PPVLj4ndjTQyK4HJ_5gD {
    grid-template-columns: 1fr;
  }

  .IxtIthmVDC9iRLtVDbbI {
    grid-template-columns: 1fr;
  }
}

.Ic03SQJTKZtjByFHKt8u {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.LkL123pIAzR7IEjre6TD {
  font-size: 20px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 8px 0;
}

.nRQTlE1dc6m4KXwdBkTJ {
  font-size: 14px;
  color: var(--admin-text-secondary);
  margin: 0 0 24px 0;
}

.PvS1cWYBHVKMgX2ckROL {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

._5zrOtboPt9db6dhk8W3 {
  display: flex;
  flex-direction: column;
}

.HjT5uFi2wnHkRspXYjnY {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding: 0 16px;
}

.q5Um1M46jiZp5zuvEH6F {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.xYNuYZB7AfMP_p2EYKsH {
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #3b82f6;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
}

.OmG8Meyc1ee_9_LemYsg {
  background: var(--admin-card-bg);
  border-radius: 10px;
  overflow: hidden;
}

.KOUDifAzVVHkfjJ79Jwj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid var(--admin-border-light);
}

.KOUDifAzVVHkfjJ79Jwj:last-child {
  border-bottom: none;
}

.wwfQr_Mhe3lpNMhlY8Om {
  font-size: 14px;
  font-weight: 400;
  color: var(--admin-text-primary);
}

.Cn9GfCsVudMdcaJlMTvm {
  font-size: 14px;
  font-weight: 400;
  color: var(--admin-text-secondary);
}

@media (max-width: 768px) {
  .PvS1cWYBHVKMgX2ckROL {
    grid-template-columns: 1fr;
  }
}

.bivurpdSakiheqsdeFm6 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.aU1zOJ900j2icHFse8GN {
  font-size: 20px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 8px 0;
}

.qWHksaZGJt4KXuQ_Dzf7 {
  font-size: 14px;
  color: var(--admin-text-secondary);
  margin: 0 0 24px 0;
}

.F15updCb546ylqbmote6 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.XV2g5eCnTrmJyIPt51lX {
  background: var(--admin-bg-secondary);
  border-left: 4px solid var(--admin-accent-primary, #3b82f6);
  border-radius: 0 8px 8px 0;
  overflow: hidden;
}

.P6INAsoWLji4GHc_ytyd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
}

.VkqZbIqvKL78clRik_Oa {
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.bpd6759xtPHfcYKP_Oyl {
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-accent-primary, #3b82f6);
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
}

.uJWVv3hJ005rRnB4wBfq {
  padding: 0 16px 16px 16px;
}

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

.DmlXGKXdAlNKTOBks9Uf {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._4xxBzYkuZ4Y6N8fg8bXy {
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.R7W2AWRrOeDDPVEjkN8u {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
}

@media (max-width: 768px) {
  .F15updCb546ylqbmote6 {
    grid-template-columns: 1fr;
  }

  .rXfo4YJUJeUOJK8pULtQ {
    grid-template-columns: 1fr;
  }
}

.sY37UpsITySFesY68Tgc {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.dRg1wauzOmt_R7y94N0w {
  font-size: 20px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 8px 0;
}

.iRK16rH_HVPYt_YgzMvC {
  font-size: 14px;
  color: var(--admin-text-secondary);
  margin: 0 0 24px 0;
}

.HPdKoBl1R9YhX9cdR4Gv {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  border-radius: 16px;
  padding: 24px;
}

.IkXIeKfnZIaHMuapt69O {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.xIp95asxBtsO1JZQeIXo {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 12px;
  overflow: hidden;
}

[data-theme="dark"] .xIp95asxBtsO1JZQeIXo {
  background: rgba(30, 41, 59, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.CLgkFZWYGI9_bE2EjRHw {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.SkGWvKbLgnUdNUnQEXAR {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.MucHBqyHksC3RnE_vxHN {
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #6366f1;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(99, 102, 241, 0.3);
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
}

.e951dA_tX8D2XpucLHIg {
  padding: 16px;
}

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

.cGBKSuZuKnUgHxddZOJd {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.eLTMtI4KTAT0rhSvHzBE {
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.V4uEDyAtcM9drhiGXwEZ {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
}

@media (max-width: 768px) {
  .IkXIeKfnZIaHMuapt69O {
    grid-template-columns: 1fr;
  }

  .cbq0tIdgwC_Nj8zPdfbV {
    grid-template-columns: 1fr;
  }
}

.EtBINr18MvmzioqYHt8M {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.W_SdpEjxyaQSriAkLTyw {
  font-size: 20px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 8px 0;
}

.EjIqpZBxPt0J1KJZdzkp {
  font-size: 14px;
  color: var(--admin-text-secondary);
  margin: 0 0 24px 0;
}

.QxttDYEyeWhlP2HbhX0V {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.i6gxmoytGOjFAoJmMS7n {
  background: var(--admin-card-bg);
  border-radius: 8px;
  overflow: hidden;
}

.ClYI1aWvnzjvJg537sg6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  background: #1e293b;
}

.muHW9E7sE74ZW0kAkgMV {
  font-size: 13px;
  font-weight: 600;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.EIvGPZGPcmJpQmWn26AF {
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 500;
  color: #94a3b8;
  background: transparent;
  border: 1px solid #475569;
  border-radius: 4px;
  cursor: pointer;
  font-family: inherit;
}

.NO02BHwJxnQQHdtqDDbn {
  padding: 16px;
  background: var(--admin-card-bg);
}

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

.Uyl9dCok4PZQbuxmQRSX {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.BHY7A3NDn64BmhsNFJ99 {
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.MpwBjGe8ZVQzakggp8ks {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
}

@media (max-width: 768px) {
  .QxttDYEyeWhlP2HbhX0V {
    grid-template-columns: 1fr;
  }

  .WES1lrVs31_o5Oq2MEOE {
    grid-template-columns: 1fr;
  }
}

.yHHkwf2GfL5igCkxAai7 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.RwhCEQyIUPT2mS9lx2eL {
  font-size: 20px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 8px 0;
}

.cOeVGTkYrjKUBn0G3Sxx {
  font-size: 14px;
  color: var(--admin-text-secondary);
  margin: 0 0 24px 0;
}

.PNFdZwB_bpYEltKLrErd {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

.hUufTIH2mwGd1VYLqvjN {
  padding: 0 8px;
}

.Lnr7UyRnMYGuVrqPQtaf {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.h1bf_DhOt0RD4rUewX2H {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.MWZ2WxVQhMqOaiQ9NJeP {
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
}

.PBGHCT0JvNGc0b9r1TBs {
  height: 1px;
  background: var(--admin-border-light);
  margin-bottom: 16px;
}

.gzFUwafq31lsJjhdd7pQ {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.OOuNaE4XKlRzwuWSRldu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}

.ecwOG_DIyqjeHYQDf4GA {
  font-size: 14px;
  font-weight: 400;
  color: var(--admin-text-secondary);
}

.Ey7IZ81ESPwLIpnArxyh {
  font-size: 14px;
  font-weight: 400;
  color: var(--admin-text-primary);
}

@media (max-width: 768px) {
  .PNFdZwB_bpYEltKLrErd {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.idwEXPNwXpEEu1tO6bG4 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.LkIL5fC9w6Fbr3wd3PKR {
  font-size: 20px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 8px 0;
}

.zN54Z1875f3i60f8RI65 {
  font-size: 14px;
  color: var(--admin-text-secondary);
  margin: 0 0 24px 0;
}

.rgrcDXqcK1Y7ijf2UArw {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.aJFRc4Jmt_MytQbZwHRd {
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 12px;
  overflow: hidden;
}

.viy5NR2QEkN5WbWnZBRA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid var(--admin-border-light);
}

.UvBSR3jECi8Fb34QpSfr {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.raH4Hs_6PInozx9qeNvZ {
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #3b82f6;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
}

.uGYnUrUNdBOLRtcKhDcE {
  padding: 16px;
}

.D0qcYi4TyttQ85unUgkZ {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.vBDrrOjXl5OJK_USFMUr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.gV2oUrjt3bxV1KUHCFjx {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  flex-shrink: 0;
}

.ARweccyr8DaRwxU4pA95 {
  display: inline-block;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: var(--admin-bg-secondary);
  border-radius: 9999px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

@media (max-width: 768px) {
  .rgrcDXqcK1Y7ijf2UArw {
    grid-template-columns: 1fr;
  }

  .vBDrrOjXl5OJK_USFMUr {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .ARweccyr8DaRwxU4pA95 {
    max-width: 100%;
  }
}

.FEZ3PsOPTswfSq12H8Dw {
  /* No padding needed - shell provides it */
}

.FYaIAqN0mu8BlZYQam1r {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  padding: 4px;
  background: var(--preview-bg-secondary, white);
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
  flex-wrap: wrap;
}

.bJXChD2O3cTCQQvTTy45 {
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--preview-text-secondary, #64748b);
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.bJXChD2O3cTCQQvTTy45:hover {
  color: var(--preview-text, #0f172a);
  background: var(--preview-bg, #f1f5f9);
}

.bJXChD2O3cTCQQvTTy45.W0EWvFeqDf8z5dMwfC9v {
  color: var(--preview-text, #0f172a);
  background: var(--preview-border, #e2e8f0);
}

.lyfcpJAK3hlQoiZshsP5 {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.pBP_dOE9uKfQ8CEeMGTQ {
  max-width: 1000px;
}

.pmKVBFg6GuAxO1EZO1b0 {
  background: var(--preview-bg-secondary, white);
  padding: 24px;
  border-radius: 12px;
  border: 1px solid var(--preview-border, #e5e7eb);
}

@media (max-width: 768px) {
  .FYaIAqN0mu8BlZYQam1r {
    width: 100%;
    overflow-x: auto;
  }

  .pmKVBFg6GuAxO1EZO1b0 {
    padding: 16px;
  }
}

.DOC4Hbe4suCwEioA10bo {
  /* No padding needed - shell provides it */
}

.PPsEriv1li8SrIVKt7bl {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.mRz58uwt6fSvY_smZkBv {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 4px;
  background: var(--preview-bg-secondary, white);
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
  flex-wrap: wrap;
}

.n3Z_g015cabhtV3bCtjw {
  font-size: 12px;
  font-weight: 600;
  color: var(--preview-text-secondary, #64748b);
  padding: 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.Ojfi8TDlMQkNk3jAOxMW {
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  color: var(--preview-text-secondary, #64748b);
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.Ojfi8TDlMQkNk3jAOxMW:hover {
  color: var(--preview-text, #0f172a);
  background: var(--preview-bg, #f1f5f9);
}

.Ojfi8TDlMQkNk3jAOxMW.OajnK2uYaKapmvXCvTk3 {
  color: #0f172a;
  background: #e2e8f0;
}

.QiaWtlhnid2Y4CAhfaST {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #e0f2fe;
  border: 1px solid #7dd3fc;
  border-radius: 8px;
  margin-bottom: 24px;
}

.W_oC8HewTSKJnblV9Uk1 {
  font-size: 12px;
  font-weight: 600;
  color: #0369a1;
  text-transform: uppercase;
}

.JRhLE0mAKhckMO67ZMkc {
  font-size: 13px;
  color: #0c4a6e;
}

.wmyCjlbAN0ew0kFQmr9Y {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.qD2OxSKtN4ug20PbINuL {
  max-width: 800px;
}

.kurZNgeMNYvy7bXqvb1a {
  background: white;
  border-radius: 12px;
  padding: 16px;
  border: 1px solid #e5e7eb;
}

.MUx1l9pRN_V00lZwBGHh {
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f1f5f9;
}

.vJxJElFGamiY9d91FPI9 {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
}

/* ============ Common Elements ============ */
.yzszmLLiaIoCf73Hsbt6 {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin: 0;
}

.X7H_WeI3exnYu7DqveBP {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ZFhsQd31QrOVzunZlqaY {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  background: #fff3cd;
  color: #856404;
  border: 1px solid #ffeaa7;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.YmumsmgmyHMLoEOPzxhk {
  padding: 2px 6px;
  font-size: 9px;
}

.GTCDwrTxgwYbSEnL550S {
  width: 6px;
  height: 6px;
  background: #ff6b35;
  border-radius: 50%;
  animation: tYWnpqpWv6gL6uN9BKtk 2s infinite;
}

@keyframes tYWnpqpWv6gL6uN9BKtk {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.gzOTY_l4f7FfXDk2FL0Q {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.gzOTY_l4f7FfXDk2FL0Q:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}

.gzOTY_l4f7FfXDk2FL0Q .WU4gxO3c512e_InPi8Qy {
  font-size: 16px;
}

.gzOTY_l4f7FfXDk2FL0Q.IweXVdDSpJoOmlnjbBGv {
  background: #ecfdf5;
  border-color: #10b981;
  color: #059669;
}

.gaeFMa5vlFIpAGY4zjtC {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #3b82f6;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.gaeFMa5vlFIpAGY4zjtC:hover {
  background: #2563eb;
}

.gaeFMa5vlFIpAGY4zjtC .WU4gxO3c512e_InPi8Qy {
  font-size: 16px;
}

.YLxqcR7_1xKta4GfQc6e {
  background: #10b981;
}

.YLxqcR7_1xKta4GfQc6e:hover {
  background: #059669;
}

.pqR3vFYPWDw8I6dZ4ynq {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  background: white;
  border: 1px solid #fca5a5;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #dc2626;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.pqR3vFYPWDw8I6dZ4ynq:hover {
  background: #fef2f2;
}

.pqR3vFYPWDw8I6dZ4ynq .WU4gxO3c512e_InPi8Qy {
  font-size: 16px;
}

.LpUrnAi_oMk8GWPJ_QeQ {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  background: white;
  color: #3b82f6;
  border: 1px solid #3b82f6;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.LpUrnAi_oMk8GWPJ_QeQ:hover {
  background: #eff6ff;
}

.LpUrnAi_oMk8GWPJ_QeQ .WU4gxO3c512e_InPi8Qy {
  font-size: 16px;
}

.ZDqM_u4bw8ZUdGA4kom9 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  background: transparent;
  color: #64748b;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.ZDqM_u4bw8ZUdGA4kom9:hover {
  background: #f1f5f9;
  color: #374151;
}

.KQJ3xcKJTvszqTmNjfwv {
  padding: 6px 10px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #374151;
  background: white;
  cursor: pointer;
  font-family: inherit;
}

.RClum2NS4qQOhRyJORzr {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  background: transparent;
  color: #64748b;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.RClum2NS4qQOhRyJORzr:hover {
  background: #f1f5f9;
  color: #374151;
}

.bqMcEGQvBoDBxJROBJ34 {
  font-size: 13px;
  color: #64748b;
}

.cHSjz2bn4V3ceWHOCaay {
  color: #d1d5db;
  margin: 0 4px;
}

.BMuyhfK0uheHEGvxKQsD {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}

.BMuyhfK0uheHEGvxKQsD:hover {
  background: #f1f5f9;
  color: #3b82f6;
}

.BMuyhfK0uheHEGvxKQsD .WU4gxO3c512e_InPi8Qy {
  font-size: 14px;
}

.CKahMwniU0kt1sI7pGX4 {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px 8px;
  background: transparent;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s ease;
}

.CKahMwniU0kt1sI7pGX4:hover {
  background: #f9fafb;
  border-color: #d1d5db;
  color: #374151;
}

.CKahMwniU0kt1sI7pGX4 .WU4gxO3c512e_InPi8Qy {
  font-size: 18px;
}

/* ============ Variant 1 Styles ============ */
.vTdkKste5XqaXTNZWEjy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #f1f5f9;
}

.pB6GCh9_VI_628k9xoWw {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: #fafafa;
}

.rBQDPdyci4AQ2aAK0QDu {
  display: flex;
  align-items: center;
  gap: 8px;
}

.F3kDrnOjdOYQ9d8JRp2x {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ============ Variant 2 Styles ============ */
.Vsqr9A5nrzLd95DoCOUS {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: #fafafa;
}

.feRhiEjttuvl3ZxKupC9 {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* ============ Variant 3 Styles ============ */
.vCxrt1ZEVy6OdqsTyK1l {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
}

.rK0oNeOX99wBl6yrh_0L {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ============ Variant 4 Shared Styles ============ */
.QUtjc2_SUrX6Msf3kaVQ {
  display: flex;
  align-items: center;
  gap: 12px;
}

.YVhZebfnwqeT1hQSLecQ {
  font-size: 12px;
  color: #92400e;
  font-weight: 500;
}

._4kk6IsnRU_Tl_oUltkYA {
  font-size: 12px;
  color: #dc2626;
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  font-family: inherit;
}

._4kk6IsnRU_Tl_oUltkYA:hover {
  color: #b91c1c;
}

.IXH4byobNrQXvGFRy3Pv {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.IXH4byobNrQXvGFRy3Pv .WU4gxO3c512e_InPi8Qy {
  font-size: 18px;
}

.ePvyWivrcYEd1Uv4W7E8 {
  background: #ecfdf5;
  color: #059669;
}

/* V4 Plain Text Buttons */
.Pykn3VGNql89QXFMmOHC {
  padding: 6px 12px;
  background: none;
  border: none;
  font-size: 13px;
  font-weight: 600;
  color: #3b82f6;
  cursor: pointer;
  font-family: inherit;
  transition: color 0.15s ease;
}

.Pykn3VGNql89QXFMmOHC:hover {
  color: #1d4ed8;
}

.zNt5N4JyxeyxEb7PwDsX {
  padding: 6px 12px;
  background: none;
  border: none;
  font-size: 13px;
  font-weight: 600;
  color: #10b981;
  cursor: pointer;
  font-family: inherit;
  transition: color 0.15s ease;
}

.zNt5N4JyxeyxEb7PwDsX:hover {
  color: #059669;
}

.RiEvIThUSch8ILwFPZkJ {
  padding: 6px 12px;
  background: none;
  border: none;
  font-size: 13px;
  font-weight: 600;
  color: #059669;
  cursor: default;
  font-family: inherit;
}

/* ============ Variant 4A Styles (Top-Right Verify) ============ */
._TyNbWQoHXLcy_3NJ4VI {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
}

.GqdjwUNhGnKuQEK2beiH {
  display: flex;
  align-items: center;
  gap: 8px;
}

.xKb5ArG9BmxlO66pdCBJ {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: transparent;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.xKb5ArG9BmxlO66pdCBJ:hover {
  background: #f1f5f9;
  color: #374151;
}

.k4aUstm9POCYq2g5miYz {
  background: #ecfdf5;
  color: #059669;
}

.k4aUstm9POCYq2g5miYz:hover {
  background: #ecfdf5;
  color: #059669;
}

.OGI4WwjMxMBHHoxGYZEM {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  background: #fafafa;
  border-top: 1px solid #f1f5f9;
}

/* ============ Variant 4B Styles (Verify After Title) ============ */
.sjGJVY71GoUen1mNThz5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
}

.vGSFexOUAozp1BzzxqYh {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tCNV1FxScFf7wlhqCPaN {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.tCNV1FxScFf7wlhqCPaN:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.zACVIt14kXRrthMhNMUj {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #059669;
}

.zACVIt14kXRrthMhNMUj:hover {
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.KxIHc0YeagFro71XJJhL {
  display: flex;
  align-items: center;
  gap: 8px;
}

.yFIDm5chMY5eIELkXou1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  background: #fafafa;
  border-top: 1px solid #f1f5f9;
}

/* ============ Variant 4C Styles (Contextual Actions) ============ */
.BRvbhW87tMLnWbuWBKtg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
}

.YQC1qjIA5hhLE_qCLSC5 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.h3xtOnhF7a53ER9FCCYV {
  padding: 4px 8px;
  background: none;
  border: none;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  font-family: inherit;
  transition: color 0.15s ease;
}

.h3xtOnhF7a53ER9FCCYV:hover {
  color: #374151;
  text-decoration: underline;
}

.g1hmbFGOVG_ts_USU0Ww {
  color: #059669;
}

.g1hmbFGOVG_ts_USU0Ww:hover {
  color: #059669;
  text-decoration: none;
}

.JPZmNBodfwHnYCKgaVgb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  background: #fafafa;
  border-top: 1px solid #f1f5f9;
}

.tdnWttUQVTNyBMZK4IDI {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* ============ Variant 5 Styles ============ */
.ENrYq5Xq0RiN_y0sCoi3 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.BVTdyXXQFe1FWrQ1c6eQ {
  padding: 12px 16px;
}

.HMMPFzgS54aovnNLAzWP {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
}

.wflxBEpc39VCen15qubt {
  padding: 24px;
  background: #f9fafb;
  border: 1px dashed #d1d5db;
  border-radius: 8px;
  text-align: center;
}

.HW4Z2K_Tc3RCLopvt14s {
  font-size: 12px;
  color: #9ca3af;
  font-style: italic;
}

.jsn98CbwOaGqQPjtBk75 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

.zlsRuu1sYSZMiDiG7AGy {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ============ Variant 6 Styles ============ */
.fSA50gmWFbN9eVGnXtgC {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
}

.k3KV19rIDBRStUbxfR7C {
  display: flex;
  gap: 4px;
}

.Msl5VZpJtYClmJz03_fW {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  background: transparent;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.Msl5VZpJtYClmJz03_fW:hover {
  background: #e2e8f0;
  color: #374151;
}

.Msl5VZpJtYClmJz03_fW .WU4gxO3c512e_InPi8Qy {
  font-size: 16px;
}

.mzHnL7PXJXNAXcKKgV0U {
  background: white;
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.iwHnM67cIjAHgv9EacEe {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
}

.ZRNcaWshMWHwl2mvGGNA {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ============ Variant 6B Styles (Control Row Header) ============ */
.A_mWCXYBOjjPeaXM_X1y {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
}

.v1_CIzqLHmZkeulJ9WOl {
  display: flex;
  align-items: center;
  gap: 8px;
}

.YXYBoxkD3k8uOMoNagVP {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: transparent;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.YXYBoxkD3k8uOMoNagVP:hover {
  background: #e2e8f0;
  color: #374151;
}

.z7TjEWRKfNRuUfMdYTSQ {
  background: #ecfdf5;
  color: #059669;
}

.z7TjEWRKfNRuUfMdYTSQ:hover {
  background: #ecfdf5;
  color: #059669;
}

.Tnm5F130S8T4r8VWcjlk {
  display: flex;
  align-items: center;
  gap: 8px;
}

.xmYfuNRJKIml3Tm32Egs {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: transparent;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #94a3b8;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.xmYfuNRJKIml3Tm32Egs:hover {
  background: #fef2f2;
  color: #dc2626;
}

.qvArtSE23rCenBM00D2A {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
}

/* ============ Variant 7 Styles ============ */
.KRj1S5qxx0g8v8ipqdBi {
  display: flex;
  gap: 12px;
}

.KRj1S5qxx0g8v8ipqdBi .vJxJElFGamiY9d91FPI9 {
  flex: 1;
}

.aKJpZ6JYHKC5HszqOqlz {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
}

.Lr88VaEiQChAGn2Dpr8o {
  display: flex;
  align-items: center;
  gap: 8px;
}

.zjZS2589CCtCqHZrIHOq {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  background: transparent;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.zjZS2589CCtCqHZrIHOq:hover {
  background: #f9fafb;
}

.zjZS2589CCtCqHZrIHOq .WU4gxO3c512e_InPi8Qy {
  font-size: 16px;
}

.IB54D6XOgGw4iTdAlUGW {
  background: #eff6ff;
  border-color: #3b82f6;
  color: #3b82f6;
}

.wSkz1hSn158F1F7VQIbu {
  width: 200px;
  padding: 16px;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.V5sjQqpWpfDj9OFWqmOk {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.qHOrF6_BJWlonnFQL9fi {
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
}

.WkOZ10V7FLoaOUgfhKpx {
  padding: 8px 10px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 13px;
  color: #374151;
  background: white;
  cursor: pointer;
  font-family: inherit;
}

.McIvupiWl9wd2gxwQ4BE {
  height: 1px;
  background: #e5e7eb;
  margin: 4px 0;
}

/* ============ Variant 8 Styles ============ */
.bXPSUFYkZRAt8mcGYcWK {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #f1f5f9;
}

.U6538NqZayBp6Zopzp42 {
  padding: 12px 16px;
  border-bottom: 1px solid #f1f5f9;
}

.wF_SGdGcxjJ8N_Xuo5C1 {
  display: flex;
  gap: 0;
  background: #f1f5f9;
  border-radius: 8px;
  padding: 4px;
}

.VcSHQ69zJpebnmzoJ_W9 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 1;
  padding: 8px 16px;
  background: transparent;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.VcSHQ69zJpebnmzoJ_W9:hover {
  color: #374151;
}

.VcSHQ69zJpebnmzoJ_W9 .WU4gxO3c512e_InPi8Qy {
  font-size: 16px;
}

.e5EGxPRey3fl28pgUK1K {
  background: white;
  color: #0f172a;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.LbEeFTz1wUfK__qXz86q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
}

.lArDPRv9nP1o7Ye4FZm9 {
  display: flex;
  align-items: center;
  gap: 6px;
}

.rH24IsmlkSzsVylx0SUa {
  font-size: 12px;
  color: #64748b;
}

.Eymm_jtaxopXu6p_V5rk {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: transparent;
  border: none;
  font-size: 12px;
  font-weight: 500;
  color: #3b82f6;
  cursor: pointer;
  font-family: inherit;
}

.Eymm_jtaxopXu6p_V5rk:hover {
  text-decoration: underline;
}

.qsrMH1EOEcVhbjQHek59 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ============ Responsive ============ */
@media (max-width: 1200px) {
  .wmyCjlbAN0ew0kFQmr9Y {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .mRz58uwt6fSvY_smZkBv {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .KRj1S5qxx0g8v8ipqdBi {
    flex-direction: column;
  }

  .wSkz1hSn158F1F7VQIbu {
    width: 100%;
  }
}

.Fzil08HCQ2rsP2mUxDJN {
  /* No padding needed - shell provides it */
}

/* ============ Controls ============ */
.JUXAD54ZGAYN4dVQEnds {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.LFVjghQCJtOsl_mQosAN {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 4px;
  background: var(--preview-bg-secondary, white);
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
  flex-wrap: wrap;
}

.SrxrZRJvXX5JEa_IwmIV {
  font-size: 12px;
  font-weight: 600;
  color: var(--preview-text-secondary, #64748b);
  padding: 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.a_Eq47qZpnnH4gE7bkRZ {
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 500;
  color: var(--preview-text-secondary, #64748b);
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.a_Eq47qZpnnH4gE7bkRZ:hover {
  color: var(--preview-text, #0f172a);
  background: var(--preview-bg, #f1f5f9);
}

.a_Eq47qZpnnH4gE7bkRZ.UjjmNxlWnX03z9CZp6ta {
  color: var(--preview-text, #0f172a);
  background: var(--preview-border, #e2e8f0);
}

/* ============ State Indicator ============ */
.asopScCFcO3vHBCQkqvZ {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #e0f2fe;
  border: 1px solid #7dd3fc;
  border-radius: 8px;
  margin-bottom: 24px;
}

.YTSUJJIoUKHLANObDoDY {
  font-size: 12px;
  font-weight: 600;
  color: #0369a1;
  text-transform: uppercase;
}

.CRd2u1hMt8abBNGjxjmo {
  font-size: 13px;
  color: #0c4a6e;
}

/* ============ Layout ============ */
.s3k8uXxyTXXEUCjDAplI {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

._2Vobs06UrkPd5o302Yl {
  max-width: 800px;
}

.dxtYdB0HM90_1DOl0k4v {
  background: var(--preview-bg-secondary, white);
  border-radius: 12px;
  padding: 16px;
  border: 1px solid var(--preview-border, #e5e7eb);
}

.ZDcEdOySz5x43ktfiiaS {
  font-size: 11px;
  font-weight: 600;
  color: var(--preview-text-secondary, #64748b);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--preview-border, #f1f5f9);
}

.bWkXZBhamMhw1KzD1t2h {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
}

.hzPBjYtP8h1PH2Betjbg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid #f1f5f9;
}

.m3e0ubhrcgggxfFnADeN {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin: 0;
}

.TVYg1KIO5CQAU_K2Uvkl {
  padding: 16px;
  background: #fafafa;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.POdCkNtR5JZ6xqip4xvQ {
  font-size: 12px;
  color: #9ca3af;
  font-style: italic;
}

/* ============ Shared Button Elements ============ */
._CPwhg0yDlMl0E0h2H4w {
  width: 6px;
  height: 6px;
  background: #ff6b35;
  border-radius: 50%;
  animation: MNgQq5kvWpIJpSrlxqEE 2s infinite;
}

@keyframes MNgQq5kvWpIJpSrlxqEE {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

@keyframes Y2O_ecip77M5QMAVMhD1 {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* ============ VARIANT 1: Pill Stack ============ */
.G_G1HD5tRJF00OoKehFb {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 8px;
}

.nJv6wEFG6jpydO_5vksK {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  border: none;
}

.f74NJZ7EtD1IFLlzyObw {
  background: transparent;
  border: 1px dashed #e2e8f0;
  color: #94a3b8;
}

.f74NJZ7EtD1IFLlzyObw:hover {
  border-color: #fca5a5;
  color: #dc2626;
  background: #fef2f2;
}

.f74NJZ7EtD1IFLlzyObw .U7Udui7cvkYei3oPqLnO {
  font-size: 16px;
}

.yNgYOZHEtzF_wmwE5TUv {
  background: #3b82f6;
  color: white;
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
}

.yNgYOZHEtzF_wmwE5TUv:hover {
  background: #2563eb;
  box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
}

.yNgYOZHEtzF_wmwE5TUv .U7Udui7cvkYei3oPqLnO {
  font-size: 16px;
}

.kHUIjuml3Gkje3g5_RSu {
  background: #10b981;
  color: white;
  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);
}

.kHUIjuml3Gkje3g5_RSu:hover {
  background: #059669;
  box-shadow: 0 4px 8px rgba(16, 185, 129, 0.3);
}

.kHUIjuml3Gkje3g5_RSu .U7Udui7cvkYei3oPqLnO {
  font-size: 16px;
}

.CyWX1DP_BnB4Uzr1fRdK {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* ============ VARIANT 2: Floating Action Bar ============ */
.u13h9CALFido1m1bzPO5 {
  position: relative;
  min-height: 120px;
}

.B58ZPFddXBU6MKQIuV9e {
  padding: 32px;
  background: #f9fafb;
  border: 1px dashed #d1d5db;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 12px;
}

.EuXCFBiGDq2rjOYg2jy2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  animation: fcUeNwCIFptoDK2PQSYQ 0.2s ease;
}

@keyframes fcUeNwCIFptoDK2PQSYQ {
  from {
    transform: translateY(8px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.S1NJZEDosoDZbqxrfl1p {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #64748b;
}

.lgOsYy7r23pBl0h1Uj2c {
  display: flex;
  align-items: center;
  gap: 6px;
}

.uweNwYIEXG0mGGbobhz2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.uweNwYIEXG0mGGbobhz2 .U7Udui7cvkYei3oPqLnO {
  font-size: 20px;
}

.WFLAEtbhVynMBhPms7aC {
  background: transparent;
  color: #94a3b8;
}

.WFLAEtbhVynMBhPms7aC:hover {
  background: #fef2f2;
  color: #dc2626;
}

.ZrYYxOIqSzGbYOh8x9e_ {
  background: #3b82f6;
  color: white;
}

.ZrYYxOIqSzGbYOh8x9e_:hover {
  background: #2563eb;
}

._zEb5owAd_7a_ojGwJdq {
  background: #10b981;
  color: white;
}

._zEb5owAd_7a_ojGwJdq:hover {
  background: #059669;
}

.M19agfVjqWlaBggbIkEQ {
  display: none;
}

.kH1IRnOZOSmdmuOEu6kO {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 12px;
  font-size: 13px;
  color: #059669;
  font-weight: 500;
}

.kH1IRnOZOSmdmuOEu6kO .U7Udui7cvkYei3oPqLnO {
  font-size: 18px;
}

/* ============ VARIANT 3: Inline Card Footer ============ */
._jpNLP_7vs0iMxTfpATz {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
}

.drAnzPuiVzw4HrVo5Uyd {
  padding: 10px 16px;
  border-bottom: 1px solid #f1f5f9;
}

.ZpjVBtSJOpi4hOX1zt_5 {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin: 0;
}

.f4JYdGPfSqwVGuLthOCA {
  padding: 20px 16px;
  background: white;
}

.FjqzIEZyLA5LjxOpkn2e {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  background: #f8fafc;
  border-top: 1px solid #e5e7eb;
}

.vNceMICYVVPbK2akEAAb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #92400e;
  font-weight: 500;
}

.x0uEDaXgkbOj0uC75KFD {
  display: flex;
  align-items: center;
  gap: 8px;
}

.W6HLJ060L5tskzjbq_2Q {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  background: transparent;
}

.W6HLJ060L5tskzjbq_2Q .U7Udui7cvkYei3oPqLnO {
  font-size: 16px;
}

.T1gH1SSC7fIAe0kKgDxf {
  border: 1px solid #e2e8f0;
  color: #64748b;
}

.T1gH1SSC7fIAe0kKgDxf:hover {
  border-color: #fca5a5;
  color: #dc2626;
  background: #fef2f2;
}

.M8b3xzV17jVPYMc7BU_y {
  border: 1px solid #3b82f6;
  color: #3b82f6;
}

.M8b3xzV17jVPYMc7BU_y:hover {
  background: #3b82f6;
  color: white;
}

.jK5Ee4AeyokmDig4Blwi {
  border: 1px solid #10b981;
  color: #10b981;
}

.jK5Ee4AeyokmDig4Blwi:hover {
  background: #10b981;
  color: white;
}

.RGVwCq6gVRCynJX1wQfO {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #059669;
  font-weight: 500;
}

.RGVwCq6gVRCynJX1wQfO .U7Udui7cvkYei3oPqLnO {
  font-size: 16px;
}

/* ============ VARIANT 4: Segmented Control ============ */
.IMU5u7M4VTOg21VXPPd5 {
  padding: 16px;
}

.EeZARkwaRHmydykBL9J7 {
  display: flex;
  background: #f1f5f9;
  border-radius: 10px;
  padding: 4px;
  gap: 0;
}

.QQUjexrRmckIjpTBwH35 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 16px;
  background: transparent;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  position: relative;
}

.QQUjexrRmckIjpTBwH35::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background: #d1d5db;
}

.QQUjexrRmckIjpTBwH35:last-child::after {
  display: none;
}

.QQUjexrRmckIjpTBwH35:hover {
  color: #374151;
}

.QQUjexrRmckIjpTBwH35 .U7Udui7cvkYei3oPqLnO {
  font-size: 18px;
}

.ep9vw2xOjn1w8gUTRHvG {
  background: white;
  color: #0f172a;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.ep9vw2xOjn1w8gUTRHvG::after {
  display: none;
}

.rVqVNsz60hztjAZkHqyH {
  color: #dc2626;
}

.rVqVNsz60hztjAZkHqyH.ep9vw2xOjn1w8gUTRHvG {
  background: #fef2f2;
}

.BLFaCt_B3YhB1Thfd0Aa.ep9vw2xOjn1w8gUTRHvG {
  background: #eff6ff;
  color: #3b82f6;
}

.VH6WBewEg7y2ONl6Tofb {
  color: #10b981;
}

.VH6WBewEg7y2ONl6Tofb.ep9vw2xOjn1w8gUTRHvG {
  background: #ecfdf5;
  color: #059669;
}

.QuxwaIGNN_3cgBSv3RpJ {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* ============ VARIANT 5: Contextual Mini-Fab ============ */
.Q_v_wUFg9rbhxUNllc8p {
  position: relative;
  padding: 16px;
}

.SBx5I55QtbmiqQOpJgq6 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #f0f9ff;
  border: 1px solid #dbeafe;
  border-radius: 8px;
}

.kdnqdR80RKUG_2uLpEHj {
  font-size: 12px;
  color: #64748b;
  min-width: 80px;
}

.EVKNszoWTM1E7yzmbsaH {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #3b82f6;
  border-radius: 6px;
  font-size: 13px;
  color: #0f172a;
  background: white;
  font-family: inherit;
}

.sWGRy5vcpMqGfELek_Ur {
  display: flex;
  gap: 6px;
  animation: Y2O_ecip77M5QMAVMhD1 0.2s ease;
}

.E3Tu9lIbZeLvE5y2Y8Ao {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.E3Tu9lIbZeLvE5y2Y8Ao .U7Udui7cvkYei3oPqLnO {
  font-size: 18px;
}

.Az47O18PV0yHdW40xnA8 {
  background: #f1f5f9;
  color: #64748b;
}

.Az47O18PV0yHdW40xnA8:hover {
  background: #fef2f2;
  color: #dc2626;
}

.u8zE2Jj9pf0wIFrQgBVQ {
  background: #3b82f6;
  color: white;
}

.u8zE2Jj9pf0wIFrQgBVQ:hover {
  background: #2563eb;
  transform: scale(1.05);
}

.eSRT3ezX8X8Esc0QDAzF {
  background: #10b981;
  color: white;
}

.eSRT3ezX8X8Esc0QDAzF:hover {
  background: #059669;
  transform: scale(1.05);
}

.U9XM3Ey_zIgDdGg4qQ50 {
  flex: 1;
  padding: 8px 12px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 13px;
  color: #374151;
}

.f3DAZ2cyVlrtrShqKyFR {
  background: #f8fafc;
  border-color: #e5e7eb;
}

.ZXlayGLHeznsYiCKxG8P {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: #ecfdf5;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 500;
  color: #059669;
}

.ZXlayGLHeznsYiCKxG8P .U7Udui7cvkYei3oPqLnO {
  font-size: 14px;
}

/* ============ VARIANT 6: Status-Driven Bar ============ */
.JTO2thflJmW7L209Q7D6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.EURuwAkatez0fKKmfO6G {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}

.x82L5Hl94k9lzxCrcKxq {
  background: #fef3c7;
  border: 1px solid #fcd34d;
}

.salxeFnhfo1R9RhdVeV5 {
  background: #f0f9ff;
  border: 1px solid #93c5fd;
}

.PQQSWqpDrbsLrTS3zjYX {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
}

.hnwjatc23h_8hzgZTWJu {
  display: flex;
  align-items: center;
  gap: 8px;
}

.CDgEs76ccSwNHqN9kBA8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.CDgEs76ccSwNHqN9kBA8 .U7Udui7cvkYei3oPqLnO {
  font-size: 16px;
}

.PWkTZnb7eKirVNfEgflD {
  background: #d1fae5;
  color: #059669;
}

.z5w6zdqDvzfoHoLJJuwM {
  background: #fde68a;
  color: #92400e;
}

.KIXJUc1JMDPzywhnbv0U {
  background: #dbeafe;
  color: #2563eb;
}

.foeAgOiS9egxDgiRwts4 {
  background: #e2e8f0;
  color: #64748b;
}

.kIPV_TqBoPo3GKnoTFoW {
  font-size: 13px;
  font-weight: 500;
}

.MyUxGatmnoGn8SpLTyoM {
  color: #059669;
}

.oAZRCLhVu2gAE9E2dGKx {
  color: #92400e;
}

.JcFmhlQ61hboJBNnVfep {
  color: #1d4ed8;
}

.Q0jmvBfhFw8jKH04HJ1v {
  color: #64748b;
}

.D5eVKqA0Xv89SqPL7Dh0 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vxPk5iGE4JNVcZULLqb6 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  border: none;
}

.vxPk5iGE4JNVcZULLqb6 .U7Udui7cvkYei3oPqLnO {
  font-size: 16px;
}

.f2LsWmqhQLrvh4kgbpag {
  background: transparent;
  color: #dc2626;
}

.f2LsWmqhQLrvh4kgbpag:hover {
  background: rgba(220, 38, 38, 0.1);
}

.MjhjgNgeOKeheATbj3OJ {
  background: #3b82f6;
  color: white;
}

.MjhjgNgeOKeheATbj3OJ:hover {
  background: #2563eb;
}

.YcR5sYEw0153BqRfLxkC {
  background: #10b981;
  color: white;
}

.YcR5sYEw0153BqRfLxkC:hover {
  background: #059669;
}

/* ============ VARIANT 7: Floating Status Bar (Hybrid) ============ */
.p18gshuQQlVS0eLmNwXo {
  position: relative;
  min-height: 140px;
}

.OQSKDrQY5uokmPEop0ef {
  padding: 32px;
  background: #f9fafb;
  border: 1px dashed #d1d5db;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 12px;
}

.QXMaB2dQLabZhwjFuOz5 {
  overflow: hidden;
  border-radius: 10px;
}

.YF_kJUAxbiAPQsdcRzgT {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

._378wVZRigoZzbyLc27z {
  animation: J1yBp6CEbfUYULzgfmPa 0.25s ease-out forwards;
}

.SEx8Ic2OS4gx7UwYVVfL {
  transform: translateY(0);
  opacity: 1;
}

.I_4oxbripDYIoObvxM1r {
  animation: gXOdRl2WXpkH5vpJGkgm 0.25s ease-in forwards;
}

.PHZCRWCPioFrzFItNXoq {
  display: none;
}

@keyframes J1yBp6CEbfUYULzgfmPa {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes gXOdRl2WXpkH5vpJGkgm {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20px);
    opacity: 0;
  }
}

.inldbJTdRCBnN0tItyhc {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}

.L2DyUKcTMlr6RR6Swgw5 {
  background: #fef3c7;
  border: 1px solid #fcd34d;
}

.u2BQdeEk09slKtmxzo9s {
  background: #f0f9ff;
  border: 1px solid #93c5fd;
}

.IHWpFh6oLotQO99lRn1_ {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
}

.nDFaLwHGRkkGK3AQoxY5 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ilFTb6EltEePnJQ92daZ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.ilFTb6EltEePnJQ92daZ .U7Udui7cvkYei3oPqLnO {
  font-size: 18px;
}

.jSMNeHnnnBmsU_8PBcRl {
  background: #d1fae5;
  color: #059669;
}

.Jv3E5pIJN2z66tpLnTHj {
  background: #fde68a;
  color: #92400e;
}

.vNNk7UgU68wdq11u6KlT {
  background: #dbeafe;
  color: #2563eb;
}

.D9nYWKf4n3mhDLi5BCfe {
  background: #e2e8f0;
  color: #64748b;
}

.Ku4B7ktlNLbnwJFP5Z4X {
  font-size: 14px;
  font-weight: 500;
}

.OKDyMtSqs35XEhzvdOUQ {
  color: #059669;
}

.x_EOUkudILWBte5oRjgZ {
  color: #92400e;
}

.kZHCHrnFpw4yx8Truz1y {
  color: #1d4ed8;
}

.ppkyx8Wc0YhmLCCDv8dA {
  color: #64748b;
}

.CzhbH2an0lFR51vLBkHO {
  display: flex;
  align-items: center;
  gap: 8px;
}

.auIFaMPktwFmOdTs4Bmn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  border: none;
}

.auIFaMPktwFmOdTs4Bmn .U7Udui7cvkYei3oPqLnO {
  font-size: 18px;
}

.RwAyW8JMLJZT0w8i0tvm {
  background: rgba(220, 38, 38, 0.1);
  color: #dc2626;
}

.RwAyW8JMLJZT0w8i0tvm:hover {
  background: rgba(220, 38, 38, 0.2);
}

.b4y1nC_3D_kibXTbIBQ5 {
  background: #3b82f6;
  color: white;
}

.b4y1nC_3D_kibXTbIBQ5:hover {
  background: #2563eb;
}

.P7pXxOucZ9rikR1bSmVN {
  background: #10b981;
  color: white;
}

.P7pXxOucZ9rikR1bSmVN:hover {
  background: #059669;
}

.SJeihoqPXYz5IIxhLl_7 {
  padding: 12px 16px;
  text-align: center;
  color: #9ca3af;
  font-size: 12px;
  font-style: italic;
}

/* ============ VARIANT 7d: Frosted Glass Buttons ============ */
.i5L1EwA5dLLZdd76wqa0 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(59, 130, 246, 0.15);
  backdrop-filter: blur(8px);
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}

.i5L1EwA5dLLZdd76wqa0 .U7Udui7cvkYei3oPqLnO {
  font-size: 16px;
  line-height: 1;
}

.i5L1EwA5dLLZdd76wqa0:hover {
  background: rgba(59, 130, 246, 0.25);
  border-color: rgba(59, 130, 246, 0.5);
}

.heEHHAqvixh3h5uTQLls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(16, 185, 129, 0.15);
  backdrop-filter: blur(8px);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}

.heEHHAqvixh3h5uTQLls .U7Udui7cvkYei3oPqLnO {
  font-size: 16px;
  line-height: 1;
}

.heEHHAqvixh3h5uTQLls:hover {
  background: rgba(16, 185, 129, 0.25);
  border-color: rgba(16, 185, 129, 0.5);
}

.s5DGQ9XemMlFoP03_zmL {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: rgba(148, 163, 184, 0.1);
  backdrop-filter: blur(8px);
  color: #64748b;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}

.s5DGQ9XemMlFoP03_zmL .U7Udui7cvkYei3oPqLnO {
  font-size: 16px;
  line-height: 1;
}

.s5DGQ9XemMlFoP03_zmL:hover {
  background: rgba(220, 38, 38, 0.1);
  border-color: rgba(220, 38, 38, 0.3);
  color: #dc2626;
}

/* ============ VARIANT 7e: Condensed Frosted Glass ============ */
.lM8kTtCsj1zvku4jHA9B {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.WgEf1QI8DlcFMxJ83D_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.WgEf1QI8DlcFMxJ83D_5 .U7Udui7cvkYei3oPqLnO {
  font-size: 14px;
}

.RQocTHYL6sywlJiUYjSR {
  font-size: 13px;
  font-weight: 500;
}

.Tb4wppNit_ZhZz_3XnoW {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: rgba(59, 130, 246, 0.12);
  backdrop-filter: blur(8px);
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.25);
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.Tb4wppNit_ZhZz_3XnoW .U7Udui7cvkYei3oPqLnO {
  font-size: 14px;
  line-height: 1;
}

.Tb4wppNit_ZhZz_3XnoW:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
}

.dWUGnAM5XQMZwm6ST6mQ {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: rgba(16, 185, 129, 0.12);
  backdrop-filter: blur(8px);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.25);
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.dWUGnAM5XQMZwm6ST6mQ .U7Udui7cvkYei3oPqLnO {
  font-size: 14px;
  line-height: 1;
}

.dWUGnAM5XQMZwm6ST6mQ:hover {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}

.K43CuWNme2772onIEsdV {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  color: #94a3b8;
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.K43CuWNme2772onIEsdV .U7Udui7cvkYei3oPqLnO {
  font-size: 14px;
  line-height: 1;
}

.K43CuWNme2772onIEsdV:hover {
  background: rgba(220, 38, 38, 0.08);
  color: #dc2626;
}

/* ============ Responsive ============ */
@media (max-width: 1200px) {
  .s3k8uXxyTXXEUCjDAplI {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .LFVjghQCJtOsl_mQosAN {
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .G_G1HD5tRJF00OoKehFb {
    flex-wrap: wrap;
  }

  .EeZARkwaRHmydykBL9J7 {
    flex-direction: column;
  }

  .QQUjexrRmckIjpTBwH35::after {
    display: none;
  }
}

.xhTm1m0OhmcZkqWroVYy {
  position: fixed;
  bottom: 24px;
  left: 24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #1e293b;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.xhTm1m0OhmcZkqWroVYy:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.IDziDbZirzbwTEXHM4IO {
  font-size: 20px;
}

.x3mN20wnCluUkS56Rj7A {
  position: absolute;
  top: -4px;
  right: -4px;
  background: #ef4444;
  color: white;
  font-size: 11px;
  font-weight: 600;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}

.GtWeQroQCC_7zB0ypt0l {
  position: fixed;
  bottom: 24px;
  left: 24px;
  width: 360px;
  max-height: 70vh;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  border: 1px solid #e2e8f0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: hy04JJ0s6tvJjIaEADUG 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes hy04JJ0s6tvJjIaEADUG {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.HGjHgSw40wubczjJ_Ger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fef3c7;
  border-bottom: 1px solid #fcd34d;
}

.alQTkaKymvOYmVfces4W {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.SPHPtI_Hf7N1_en7vdiW {
  display: flex;
  align-items: center;
  gap: 8px;
}

.WDGp20MpLFvOzFe3Sj41 {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #92400e;
  transition: background 0.15s;
}

.WDGp20MpLFvOzFe3Sj41:hover {
  background: rgba(0, 0, 0, 0.1);
}

.AisGPOYaeiVz8f_ylH7q {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
}

.G53sJz_r_ZvKXnm2ClJp {
  text-align: center;
  padding: 24px 16px;
  color: #64748b;
  font-size: 13px;
}

.drOw2MOcJEBK23SwbikQ {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.clHn24E6_ZP89RV7eQUl {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 12px;
  transition: all 0.15s;
}

.clHn24E6_ZP89RV7eQUl:hover {
  border-color: #cbd5e1;
}

.clHn24E6_ZP89RV7eQUl.NUplIgqwaNX_Ykmvg4ZP {
  opacity: 0.6;
}

.clHn24E6_ZP89RV7eQUl.NUplIgqwaNX_Ykmvg4ZP .rMbv90qCu2GzEG7PcIht {
  text-decoration: line-through;
  color: #94a3b8;
}

.iPa_OJMuSsJYH62ICXHw {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.WNGZrODDghSYz1JD1LLz {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: #3b82f6;
}

.dpsRwvQyVzz5vZeJvD4P {
  flex: 1;
  min-width: 0;
}

.iWF85UggMtuQ5Q1wO3Va {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.rMbv90qCu2GzEG7PcIht {
  font-size: 13px;
  font-weight: 500;
  color: #1e293b;
  word-break: break-word;
}

.vs2Z_b7iadYVKNmKtefC {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase;
}

.vs2Z_b7iadYVKNmKtefC.OLERAjncpn3oDhZMuWE_ {
  background: #fef2f2;
  color: #dc2626;
}

.vs2Z_b7iadYVKNmKtefC.gF3MOme7k94N5eQ90x5R {
  background: #eff6ff;
  color: #2563eb;
}

.vs2Z_b7iadYVKNmKtefC.TpSIHK3nGKZ8LyDCn_xQ {
  background: #f0fdf4;
  color: #16a34a;
}

.vs2Z_b7iadYVKNmKtefC.v11JMmaDCn9bX4uJqK1f {
  background: #f5f5f5;
  color: #525252;
}

.bwxUdDdIBk_m85lSzSav {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.bwxUdDdIBk_m85lSzSav.s3mQueHo9e6HcseXOTDw {
  background: #dc2626;
}

.bwxUdDdIBk_m85lSzSav.HIP2mQozYpAGeMGh4xgc {
  background: #f97316;
}

.bwxUdDdIBk_m85lSzSav.r5iX5UoOvBwXVTO0hytB {
  background: #eab308;
}

.bwxUdDdIBk_m85lSzSav.CjqcpvQNvo6V4LSalmo0 {
  background: #22c55e;
}

.ph9UZrm_WA2PFiHslgbA {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
}

.oPcDSxbCE1hXY5ohHYfA {
  font-size: 11px;
  color: #3b82f6;
  background: #eff6ff;
  padding: 2px 8px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition: background 0.15s;
}

.oPcDSxbCE1hXY5ohHYfA:hover {
  background: #dbeafe;
}

.uEwz1CEAYxBSmQpVRImj {
  font-size: 12px;
  color: #64748b;
  margin-top: 6px;
  line-height: 1.4;
}

.taZC6u6ArO6TTACuaa4Q {
  display: flex;
  gap: 4px;
  margin-left: 8px;
}

.Bm3JgNGDU1g0XABu44qv {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #94a3b8;
  transition: all 0.15s;
}

.Bm3JgNGDU1g0XABu44qv:hover {
  background: #fef2f2;
  color: #dc2626;
}

.vhpRePgFMBS_gVHyfH6z {
  border-top: 1px solid #e2e8f0;
  padding: 12px;
  background: #f8fafc;
}

.yL_xpSsdpfXxqxss3dOc {
  margin-bottom: 10px;
}

.yL_xpSsdpfXxqxss3dOc:last-child {
  margin-bottom: 0;
}

.mIC3XbN09PW1hGa9yPOZ {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.lR8i_QcY6F0tw9dOrDJY,
.qO9ttHtscrCQzWkrjegA,
.VXoNoSUwJ_jS1JENIcZs {
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #ffffff;
  color: #1e293b;
  transition: border-color 0.15s;
}

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

.VXoNoSUwJ_jS1JENIcZs {
  resize: vertical;
  min-height: 60px;
}

.VEH3uwymrLa6EhDAtjbw {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.tthvURyCPN4XkzRAK4LJ {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.lLZiKKCrXUvjnDJ2StQw {
  flex: 1;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  background: #3b82f6;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s;
}

.lLZiKKCrXUvjnDJ2StQw:hover {
  background: #2563eb;
}

.lLZiKKCrXUvjnDJ2StQw:disabled {
  background: #94a3b8;
  cursor: not-allowed;
}

.rC4HX81GQrIIfPfTc1sH {
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s;
}

.rC4HX81GQrIIfPfTc1sH:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.YVYsALsDhJxzQULQ4E4B {
  border-top: 1px solid #e2e8f0;
  padding: 8px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f8fafc;
}

.WnolS36F8Tirx4FN3wwQ {
  font-size: 11px;
  color: #64748b;
}

.PlHMX8QkrRFc1AW0h_jd {
  font-size: 11px;
  color: #ef4444;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background 0.15s;
}

.PlHMX8QkrRFc1AW0h_jd:hover {
  background: #fef2f2;
}

@media (max-width: 480px) {
  .GtWeQroQCC_7zB0ypt0l {
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: auto;
    max-height: 60vh;
  }

  .xhTm1m0OhmcZkqWroVYy {
    left: 12px;
    bottom: 12px;
  }
}

.CWDbw8QAaFVCtWnDXpFd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  width: 100%;
  background-color: var(--admin-bg-primary, #ffffff);
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
  min-height: 56px;
  transition: background-color 200ms ease, border-color 200ms ease;
}

.cemayEa7h1RQ9upOiupw {
  display: flex;
  align-items: center;
  gap: 12px;
}

.K8t_scg6Q1dEdLZHZ4ez {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: var(--admin-bg-secondary, #f9fafb);
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  transition: all 150ms ease;
}

.K8t_scg6Q1dEdLZHZ4ez:hover {
  background-color: var(--admin-bg-hover, #f3f4f6);
  transform: scale(1.05);
}

.K8t_scg6Q1dEdLZHZ4ez span {
  font-size: 24px;
  color: var(--admin-text-secondary, #6b7280);
}

.PCh9NyouhY84xoXRvkqg {
  display: flex;
  align-items: center;
  gap: 10px;
}

.BINDT9HlJes7iBa7kIm6 {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Yx1EUyc995XKg19DxQGn {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media (max-width: 768px) {
  .K8t_scg6Q1dEdLZHZ4ez {
    display: flex;
  }

  .BINDT9HlJes7iBa7kIm6 {
    display: none;
  }
}

.cy7XZPvvVGRzGTDIbFSH {
  margin: 5px 14px 10px 14px;
  padding: 10px;
  background-color: #fef3c7;
  border: 1px solid #f59e0b;
  border-radius: 12px;
  overflow: hidden;
  transition: padding 0.35s ease-in-out,
              margin 0.35s ease-in-out;
}

.cy7XZPvvVGRzGTDIbFSH.Esnil2Un0Ox62r7kxsLb {
  margin: 4px 14px 8px 14px;
  padding: 8px 12px;
}

.cy7XZPvvVGRzGTDIbFSH.mVTwPgLW99QsLG6rfVOs {
  background-color: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-light, #e5e7eb);
}

.c7y3uyVUMzeZsDhTHUW4 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.c7y3uyVUMzeZsDhTHUW4 span {
  font-size: 16px;
  color: #d97706;
}

.cy7XZPvvVGRzGTDIbFSH.mVTwPgLW99QsLG6rfVOs .c7y3uyVUMzeZsDhTHUW4 {
  color: var(--admin-text-secondary, #4b5563);
}

.cy7XZPvvVGRzGTDIbFSH.mVTwPgLW99QsLG6rfVOs .c7y3uyVUMzeZsDhTHUW4 span {
  color: var(--admin-text-secondary, #4b5563);
}

.z26hKvJDOnrtoMA0by2b {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.XDqIcjbm1_fxQTwlfkkh {
  font-size: 18px;
  font-weight: 700;
  color: #92400e;
}

.D05L4KegsGFjKjIVCQdj {
  font-size: 12px;
  color: #b45309;
}

.cy7XZPvvVGRzGTDIbFSH.mVTwPgLW99QsLG6rfVOs .D05L4KegsGFjKjIVCQdj {
  color: var(--admin-text-secondary, #4b5563);
}

.M8M9OcVlvr1fCEL8P3Z8 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.uLroUR5FeN4wI8U35h6H {
  max-height: 100px;
  opacity: 1;
  transition: max-height 0.35s ease-in-out,
              opacity 0.35s ease-in-out;
}

.uLroUR5FeN4wI8U35h6H.M8M9OcVlvr1fCEL8P3Z8 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.MEe3iD3N3WeiKRqePdco {
  display: flex;
  align-items: center;
  gap: 8px;
  max-height: 50px;
  opacity: 1;
  transition: max-height 0.35s ease-in-out,
              opacity 0.35s ease-in-out;
}

.MEe3iD3N3WeiKRqePdco.M8M9OcVlvr1fCEL8P3Z8 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.MEe3iD3N3WeiKRqePdco span:first-child {
  font-size: 16px;
  color: #d97706;
  flex-shrink: 0;
}

.cy7XZPvvVGRzGTDIbFSH.mVTwPgLW99QsLG6rfVOs .MEe3iD3N3WeiKRqePdco span:first-child {
  color: var(--admin-text-secondary, #4b5563);
}

.X7ryZ4Ua9JKuWitJ6iVF {
  font-size: 13px;
  font-weight: 600;
  color: #92400e;
}

.cy7XZPvvVGRzGTDIbFSH.mVTwPgLW99QsLG6rfVOs .X7ryZ4Ua9JKuWitJ6iVF {
  color: var(--admin-text-secondary, #4b5563);
}

@media (max-height: 800px) {
  .cy7XZPvvVGRzGTDIbFSH {
    margin: 4px 14px 8px 14px;
    padding: 10px;
  }

  .cy7XZPvvVGRzGTDIbFSH.Esnil2Un0Ox62r7kxsLb {
    margin: 3px 14px 6px 14px;
    padding: 6px 10px;
  }
}

@media (max-height: 700px) {
  .cy7XZPvvVGRzGTDIbFSH {
    margin: 3px 14px 6px 14px;
    padding: 8px;
  }

  .cy7XZPvvVGRzGTDIbFSH.Esnil2Un0Ox62r7kxsLb {
    margin: 2px 14px 4px 14px;
    padding: 6px 8px;
  }

  .XDqIcjbm1_fxQTwlfkkh {
    font-size: 16px;
  }
}

.vuEFSYl11j_z7lnXQ4nL {
  padding: 12px 20px;
  border-bottom: 1px solid var(--admin-border-light, #e2e8f0);
}

.l45aJwj3JMP6d4bEJyyd {
  display: block;
  width: 100%;
  padding: 12px 16px;
  background-color: var(--admin-accent-primary, #3b82f6);
  color: white;
  border: none;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: background-color 150ms ease;
}

.l45aJwj3JMP6d4bEJyyd:hover {
  background-color: #2563eb;
  color: white;
}

@media (max-height: 700px) {
  .vuEFSYl11j_z7lnXQ4nL {
    padding: 8px 20px;
  }

  .l45aJwj3JMP6d4bEJyyd {
    padding: 10px 14px;
    font-size: 13px;
  }
}

.nSaXvenNf4cO5raNKvLD {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.pLjj_r3uNieA5vN41hRY {
  font-size: 10px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}

.KLgQ8HoPDRBGh18XhuAO {
  font-size: 12px;
  font-weight: 600;
  color: #059669;
  background-color: rgba(5, 150, 105, 0.1);
  padding: 4px 8px;
  border-radius: 4px;
}

/* Badge wrapper - fixed size, no changes on hover */
.zizFy7XQkzWe49J67qIo {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.zizFy7XQkzWe49J67qIo:focus {
  outline: none;
}

.zizFy7XQkzWe49J67qIo:focus .dsSEDZQnnhL_HmcTZ1wd {
  outline: 2px solid rgba(59, 130, 246, 0.5);
  outline-offset: 2px;
}

/* Collapsed Content - the visible badge */
.dsSEDZQnnhL_HmcTZ1wd {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.12) 0%, rgba(59, 130, 246, 0.12) 50%, rgba(236, 72, 153, 0.12) 100%);
  border: 1px solid rgba(139, 92, 246, 0.25);
  border-radius: 20px;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

.BVoW49pya9700JgXAsOY .dsSEDZQnnhL_HmcTZ1wd {
  border-color: rgba(59, 130, 246, 0.4);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
}

.Zr5WAdnpF2_0TRLfz4Cq {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #8b5cf6;
  animation: aGPH2EAsLrtiKgkmltzC 2s infinite;
  flex-shrink: 0;
}

@keyframes aGPH2EAsLrtiKgkmltzC {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.prjCQ6bXBUtFZMjPF0A1 {
  font-size: 13px;
  font-weight: 600;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

/* Expanded Content - floating dropdown panel */
.KHGnDex334e44LeU3oZK {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  width: 420px;
  padding: 16px 20px;
  background: var(--admin-floating-card-bg, #ffffff);
  border: 1px solid var(--admin-floating-card-border, rgba(59, 130, 246, 0.2));
  border-radius: 16px;
  box-shadow: 0 10px 40px var(--admin-shadow-lg, rgba(0, 0, 0, 0.12)),
              0 4px 12px rgba(59, 130, 246, 0.08);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 200ms ease,
    transform 200ms cubic-bezier(0.4, 0, 0.2, 1),
    visibility 200ms ease;
  z-index: 1000;
}

.BVoW49pya9700JgXAsOY .KHGnDex334e44LeU3oZK {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

/* Progress Track */
.HjOd54493aq5BxCWup51 {
  position: relative;
  height: 4px;
  background: var(--admin-progress-track, rgba(229, 231, 235, 0.8));
  border-radius: 2px;
  margin: 0 8px 16px;
  overflow: hidden;
}

.ll_WSiEIsiT6BkoVlx2g {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: var(--admin-progress-gradient, linear-gradient(90deg, #3b82f6 0%, #22c55e 100%));
  border-radius: 2px;
  transition: width 400ms ease-in-out;
}

/* Milestones Container */
.zNmSJE0JWQ9_6YF9u_Oh {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

/* Individual Milestone */
.BhFVrZj1s86BW3Vw9DCS {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

.y2g_jwN6UaH4s1ii1Cj3 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid;
  flex-shrink: 0;
}

.y2g_jwN6UaH4s1ii1Cj3 span {
  font-size: 14px;
  color: white;
}

.qHeCI2vU83dgHOC3ziNQ {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: white;
  animation: aGPH2EAsLrtiKgkmltzC 2s infinite;
}

.pNi6uBxippaLrD2sMo62 {
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  color: var(--admin-text-primary, #374151);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.akirSqJw4FIviTqQ5Zwj {
  font-size: 10px;
  color: var(--admin-text-tertiary, #6b7280);
  font-weight: 400;
}

/* Milestone States */
.BhFVrZj1s86BW3Vw9DCS.o0ESOYvlB5Gxu0ItBMcQ .pNi6uBxippaLrD2sMo62 {
  color: var(--admin-progress-complete, #065f46);
  font-weight: 600;
}

.BhFVrZj1s86BW3Vw9DCS.o0ESOYvlB5Gxu0ItBMcQ .akirSqJw4FIviTqQ5Zwj {
  color: var(--admin-progress-complete, #059669);
}

.BhFVrZj1s86BW3Vw9DCS.DaYmL1tU7joq1dfZQAWl .pNi6uBxippaLrD2sMo62 {
  color: var(--admin-state-current-text, #1e40af);
  font-weight: 700;
}

.BhFVrZj1s86BW3Vw9DCS.DaYmL1tU7joq1dfZQAWl .akirSqJw4FIviTqQ5Zwj {
  color: var(--admin-progress-active, #3b82f6);
  font-weight: 500;
}

.BhFVrZj1s86BW3Vw9DCS.vw7eJxCERjFPx4zM21k3 .pNi6uBxippaLrD2sMo62 {
  color: var(--admin-text-tertiary, #9ca3af);
}

.BhFVrZj1s86BW3Vw9DCS.vw7eJxCERjFPx4zM21k3 .akirSqJw4FIviTqQ5Zwj {
  color: var(--admin-text-tertiary, #d1d5db);
  opacity: 0.6;
}

/* Dark mode marker adjustments */
[data-theme="dark"] .BhFVrZj1s86BW3Vw9DCS.vw7eJxCERjFPx4zM21k3 .y2g_jwN6UaH4s1ii1Cj3 {
  background-color: var(--admin-bg-tertiary, #1f2328);
  border-color: var(--admin-border-medium, rgba(255, 255, 255, 0.12));
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  .KHGnDex334e44LeU3oZK,
  .ll_WSiEIsiT6BkoVlx2g {
    transition: none;
  }

  .Zr5WAdnpF2_0TRLfz4Cq,
  .qHeCI2vU83dgHOC3ziNQ {
    animation: none;
  }
}

/* Hide on mobile */
@media (max-width: 768px) {
  .zizFy7XQkzWe49J67qIo {
    display: none;
  }
}

.EHOfzBotWuMa5M9cUz5x {
  position: relative;
  display: flex;
  gap: 12px;
  padding: 16px;
  background: var(--admin-card-bg);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.15s ease;
  margin-bottom: 8px;
  border: 1px solid transparent;
}

.EHOfzBotWuMa5M9cUz5x:hover {
  background: var(--admin-panel-item-hover);
  border-color: var(--admin-border-light);
  transform: translateX(-2px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.EHOfzBotWuMa5M9cUz5x.QTWNib1laIeiuxWfp9Vx {
  background: var(--admin-panel-item-unread);
  border-color: var(--admin-state-current-border);
}

.EHOfzBotWuMa5M9cUz5x.QTWNib1laIeiuxWfp9Vx:hover {
  background: var(--admin-notification-unread-hover);
}

.EHOfzBotWuMa5M9cUz5x.KEOVvBmPvZTr0ciU1Q8f {
  border-left: 3px solid var(--admin-status-red);
}

.rAe1hJCajm9uNqwlJxDS {
  position: absolute;
  top: 20px;
  left: 8px;
  width: 8px;
  height: 8px;
  background: var(--admin-accent-primary);
  border-radius: 50%;
  animation: krlOjQhalZ4cXlwmuXhK 2s infinite;
}

@keyframes krlOjQhalZ4cXlwmuXhK {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.uijsAO8dWtlQOoFAMhx6 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--admin-bg-tertiary);
}

.uijsAO8dWtlQOoFAMhx6 span {
  font-size: 22px;
  color: var(--admin-accent-primary);
}

.HLyiuwtZnr_8RF2M2Cr0 {
  flex: 1;
  min-width: 0;
}

.OW_yffgQxFU1Oi0mpVKA {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 4px;
}

.htGyKGcs8MEU8EyyJfiK {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cIZrwGGYo0yiouQBiIhn {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--admin-text-tertiary);
  font-weight: 500;
}

.ZiqlCwtWcrqgp4kG42vQ {
  font-size: 13px;
  color: var(--admin-text-secondary);
  margin: 0 0 8px 0;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.CEjgteU17qyCtwj5G2Y9 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: var(--admin-state-current-bg);
  color: var(--admin-accent-primary);
  font-size: 12px;
  font-weight: 500;
  border-radius: 6px;
  margin-top: 4px;
  transition: all 0.15s ease;
}

.CEjgteU17qyCtwj5G2Y9 span {
  font-size: 16px;
}

.EHOfzBotWuMa5M9cUz5x:hover .CEjgteU17qyCtwj5G2Y9 {
  background: var(--admin-notification-unread-hover);
}

.eTGirn5mx_LxlyTgcIog {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: var(--admin-bg-tertiary);
  color: var(--admin-text-secondary);
  font-size: 11px;
  font-weight: 500;
  border-radius: 4px;
  margin-top: 8px;
}

.eTGirn5mx_LxlyTgcIog span {
  font-size: 14px;
}

.KRL4Lc8A143tx70EOivC {
  /* background: var(--admin-card-bg); */
  border-radius: 12px;
  border: 1px solid var(--admin-border-light);
  padding: 20px;
}

.KRL4Lc8A143tx70EOivC.K_miluklPV8TDDzgge4x {
  border: none;
  border-radius: 0;
  padding: 0;
}

.Mu2duQ81jvMazdXETrAs {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 16px 0;
}

.fSJbuYmRntNvHimrEgng {
  color: var(--admin-text-secondary);
  text-align: center;
  padding: 24px;
  font-size: 14px;
}

/* Variant Selector (Gallery Mode) */
.brybVQzTMCUIX0_kWj9I {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--admin-border-light);
}

.gkv5L56pa917HQOBzBUe {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.ChOcuX32Y6l3cNCj0gDN {
  padding: 6px 12px;
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  background: var(--admin-bg-secondary);
  color: var(--admin-text-secondary);
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s;
}

.ChOcuX32Y6l3cNCj0gDN:hover {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-medium);
}

.ChOcuX32Y6l3cNCj0gDN.QATXgpWDBi6y65SVBpse {
  background: var(--admin-accent-primary);
  border-color: var(--admin-accent-primary);
  color: var(--admin-bg-primary);
}

/* ============================================
   VARIANT A: Vertical Timeline
   ============================================ */

.I5QCURY_eG2huhXRTYQ3 {
  position: relative;
  padding-left: 24px;
}

.I5QCURY_eG2huhXRTYQ3::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--admin-border-light);
}

.cy22YBSCID5OAV2Y3zEC {
  position: relative;
  padding-bottom: 20px;
}

.cy22YBSCID5OAV2Y3zEC:last-child {
  padding-bottom: 0;
}

.DUlJCaV145M9zBN7G3qC {
  position: absolute;
  left: -24px;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--admin-card-bg);
  border: 2px solid var(--admin-border-light);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  z-index: 1;
}

.cy22YBSCID5OAV2Y3zEC.AkW1Z6USXOd28mD9srPE .DUlJCaV145M9zBN7G3qC {
  border-color: var(--admin-progress-active);
  background: var(--admin-progress-active);
  color: #ffffff;
}

.cy22YBSCID5OAV2Y3zEC.Ahn8xvwOazoPyrTETQ6e .DUlJCaV145M9zBN7G3qC {
  border-color: var(--admin-state-regression-border);
  background: var(--admin-state-regression-bg);
  color: var(--admin-state-regression-text);
}

.xzZlOxbH7lZ34Eo87pKC {
  color: var(--admin-progress-complete);
}

.la8p1RgLuiAPyzvqNBgb {
  color: var(--admin-status-orange);
}

.CUKxr4C35U_w5E86Ia8k {
  color: var(--admin-text-tertiary);
  font-size: 8px;
}

.hTYV2Zpbs_G2uZw84x2z {
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  padding: 12px 16px;
  margin-left: 8px;
}

.cy22YBSCID5OAV2Y3zEC.AkW1Z6USXOd28mD9srPE .hTYV2Zpbs_G2uZw84x2z {
  background: var(--admin-state-current-bg);
  border: 1px solid var(--admin-state-current-border);
}

.cy22YBSCID5OAV2Y3zEC.Ahn8xvwOazoPyrTETQ6e .hTYV2Zpbs_G2uZw84x2z {
  background: var(--admin-state-regression-bg);
  border: 1px solid var(--admin-state-regression-border);
}

.Z3zUMTCvtnhGr9MkGPjO {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.vDdydZ6EFeanoH_Ye9TS {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.vPsYEuWMaQfGUCVOFzUT {
  font-size: 10px;
  font-weight: 500;
  color: var(--admin-state-current-text);
  background: var(--admin-state-current-bg);
  padding: 2px 8px;
  border-radius: 10px;
}

.EJWXqVFPWQhMSbXfv0pm {
  font-size: 10px;
  font-weight: 500;
  color: var(--admin-state-regression-text);
  background: var(--admin-state-regression-bg);
  padding: 2px 8px;
  border-radius: 10px;
}

.FlJyVDc_fwACiM0WMP3A {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--admin-text-secondary);
}

.MXJLXugjDFggkU07sS9N {
  color: var(--admin-border-medium);
}

.tuvArboCEjHuc3bPVQcg {
  margin-top: 8px;
  font-size: 12px;
  color: var(--admin-text-secondary);
  font-style: italic;
  padding: 8px;
  background: var(--admin-bg-hover);
  border-radius: 4px;
}

/* ============================================
   VARIANT B: Table View
   ============================================ */

.mrLavLWqGDXpxrXKnQNg {
  overflow-x: auto;
}

.xAVUTUvi4gfjzr1Aj5i2 {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.xAVUTUvi4gfjzr1Aj5i2 th {
  text-align: left;
  padding: 10px 12px;
  background: var(--admin-bg-secondary);
  border-bottom: 2px solid var(--admin-border-light);
  color: var(--admin-text-secondary);
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.xAVUTUvi4gfjzr1Aj5i2 td {
  padding: 12px;
  border-bottom: 1px solid var(--admin-border-light);
  color: var(--admin-text-primary);
}

.xAVUTUvi4gfjzr1Aj5i2 tr:hover {
  background: var(--admin-bg-hover);
}

.ddGQKwG8YfZpdoqeUHEA {
  background: var(--admin-state-current-bg) !important;
}

.ddGQKwG8YfZpdoqeUHEA td {
  border-bottom-color: var(--admin-state-current-border);
}

.lLDFvMsFFXWq2HL6GwiZ {
  background: var(--admin-state-regression-bg) !important;
}

.lLDFvMsFFXWq2HL6GwiZ td {
  border-bottom-color: var(--admin-state-regression-border);
}

.rRzVpCQf_MFV3zmg7XDE {
  width: 30px;
  text-align: center;
}

.nBTJAO0X8uyE_juhwCsx {
  color: var(--admin-status-orange);
  font-weight: bold;
}

.rVYpzRWvz4wV4fwlK4JO {
  color: var(--admin-progress-complete);
}

.x_DpuwJRUzECnIRAkkOQ {
  font-weight: 500;
}

.uk8ygVCha_2jklnfuZrw {
  font-size: 9px;
  font-weight: 500;
  color: var(--admin-state-current-text);
  background: var(--admin-state-current-bg);
  padding: 2px 6px;
  border-radius: 8px;
  margin-left: 8px;
}

.DhUxVoJEU7LUDkpbItQi {
  white-space: nowrap;
  color: var(--admin-text-secondary);
  font-size: 12px;
}

.yMBimmsqRLF4GYRP4lQU {
  color: var(--admin-text-secondary);
}

.ShvtPAd1c5Pwvbfz6ITT {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--admin-text-secondary);
  font-style: italic;
}

/* ============================================
   VARIANT C: Accordion View
   ============================================ */

.NnK1M5bAqvrbntX23u8A {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dcH1fcNcCssUScD5tko_ {
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  overflow: hidden;
}

.dcH1fcNcCssUScD5tko_.gcBLBqRt6EKZO2xaLpDQ {
  border-color: var(--admin-state-current-border);
  box-shadow: 0 0 0 2px var(--admin-state-current-glow);
}

.dcH1fcNcCssUScD5tko_.fOzlGHfvNXRrIhN9bqHf {
  border-color: var(--admin-state-regression-border);
  background: var(--admin-state-regression-bg);
}

.dcH1fcNcCssUScD5tko_.m9mJqTDqJ2LseJx57FHt {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.GN_S44rFI3SLxcJnf2qb {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: var(--admin-card-bg);
  border: none;
  cursor: pointer;
  transition: background 0.2s;
}

.GN_S44rFI3SLxcJnf2qb:hover {
  background: var(--admin-bg-hover);
}

.dcH1fcNcCssUScD5tko_.fOzlGHfvNXRrIhN9bqHf .GN_S44rFI3SLxcJnf2qb {
  background: var(--admin-state-regression-bg);
}

.dcH1fcNcCssUScD5tko_.fOzlGHfvNXRrIhN9bqHf .GN_S44rFI3SLxcJnf2qb:hover {
  background: var(--admin-state-regression-hover);
}

.lIiRBBRuvEdznTdbkqT0 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.qe2ohyG8UxmmkwIT_5JK {
  color: var(--admin-status-orange);
  font-weight: bold;
  font-size: 12px;
}

.JSJ0W67h2CDEK1iDZY1l {
  font-weight: 600;
  color: var(--admin-text-primary);
  font-size: 14px;
}

.hoCyP31e9ozrKGqhc1MC {
  font-size: 10px;
  font-weight: 500;
  color: var(--admin-state-current-text);
  background: var(--admin-state-current-bg);
  padding: 2px 8px;
  border-radius: 10px;
}

.Bjr6s6k26S4Tqr6gc3SD {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ufqGGlguWe6W4d50WgpH {
  font-size: 12px;
  color: var(--admin-text-secondary);
}

._YMSuvgE_vBx9QfZN7f5 {
  font-size: 10px;
  color: var(--admin-text-tertiary);
}

.MpARdLWbgbH_Sg3Y8Cdw {
  padding: 12px 16px;
  background: var(--admin-bg-secondary);
  border-top: 1px solid var(--admin-border-light);
}

.dcH1fcNcCssUScD5tko_.fOzlGHfvNXRrIhN9bqHf .MpARdLWbgbH_Sg3Y8Cdw {
  background: var(--admin-state-regression-content-bg);
  border-top-color: var(--admin-state-regression-border);
}

.o9RrzXh67dFMWUsLFggt {
  font-size: 13px;
  color: var(--admin-text-secondary);
  margin-bottom: 6px;
}

.o9RrzXh67dFMWUsLFggt:last-child {
  margin-bottom: 0;
}

.o9RrzXh67dFMWUsLFggt strong {
  color: var(--admin-text-primary);
}

.t5U63ET4qqUTmyrB8NKR {
  margin-top: 8px;
  padding: 8px 12px;
  background: var(--admin-state-regression-bg);
  border-radius: 6px;
  font-size: 12px;
  color: var(--admin-state-regression-text);
  font-style: italic;
}

/* ============================================
   VARIANT D: Expandable Timeline (Vertical + Accordion)
   ============================================ */

.zN3O6WAq6sOccp6QgTdx {
  position: relative;
  padding-left: 28px;
}

.zN3O6WAq6sOccp6QgTdx::before {
  content: '';
  position: absolute;
  left: 11px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--admin-border-light);
}

.Wik3O9JMbfi9tgzgWhZ9 {
  position: relative;
  padding-bottom: 8px;
}

.Wik3O9JMbfi9tgzgWhZ9:last-child {
  padding-bottom: 0;
}

.wmpYOKbMwq7FWGVVXKv1 {
  position: absolute;
  left: -28px;
  top: 12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--admin-card-bg);
  border: 2px solid var(--admin-border-light);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  z-index: 1;
}

.Wik3O9JMbfi9tgzgWhZ9.woeGrQFaffiJBCr5tFGm .wmpYOKbMwq7FWGVVXKv1 {
  border-color: var(--admin-progress-active);
  background: var(--admin-progress-active);
  color: #ffffff;
}

.Wik3O9JMbfi9tgzgWhZ9.w3QI5Fiekk4EfKQ3mHCv .wmpYOKbMwq7FWGVVXKv1 {
  border-color: var(--admin-state-regression-border);
  background: var(--admin-state-regression-bg);
  color: var(--admin-state-regression-text);
}

.U2c_Hhet7xGNRn0LAFIZ {
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--admin-border-light);
}

.Wik3O9JMbfi9tgzgWhZ9.woeGrQFaffiJBCr5tFGm .U2c_Hhet7xGNRn0LAFIZ {
  background: var(--admin-state-current-bg);
  border-color: var(--admin-state-current-border);
}

.Wik3O9JMbfi9tgzgWhZ9.w3QI5Fiekk4EfKQ3mHCv .U2c_Hhet7xGNRn0LAFIZ {
  background: var(--admin-state-regression-bg);
  border-color: var(--admin-state-regression-border);
}

.Wik3O9JMbfi9tgzgWhZ9.tri6H4J1pZBiNDyoFLWR .U2c_Hhet7xGNRn0LAFIZ {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.klZZsxtNnwjP9CTNqt0A {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
}

.klZZsxtNnwjP9CTNqt0A:hover {
  background: rgba(0, 0, 0, 0.02);
}

.SM9GZqqSxD_TG8Vo4TV5 {
  flex: 1;
}

.pyLF2xh3G3UFs9ikb9Gs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.hdvWJ3v0uNs8eUsNIFWQ {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.Trmek8Kj4BAiMLZnrvUl {
  font-size: 10px;
  font-weight: 500;
  color: var(--admin-state-current-text);
  background: var(--admin-state-current-bg);
  padding: 2px 8px;
  border-radius: 10px;
}

.vpElOUwXuWGrtZiCQTFv {
  font-size: 10px;
  font-weight: 500;
  color: var(--admin-state-regression-text);
  background: var(--admin-state-regression-bg);
  padding: 2px 8px;
  border-radius: 10px;
}

.vS8zA89vdC4T4DFm6VF4 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--admin-text-secondary);
}

.wOMmY57VgBMMhrDbhUnz {
  color: var(--admin-border-medium);
}

.ZX_5BSxdgemrLCl0Lmv9 {
  font-size: 10px;
  color: var(--admin-text-tertiary);
  margin-left: 12px;
}

.dOVzMQaJ1GOe68YLKn27 {
  padding: 0 16px 12px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.bkbpi51yQQejcVLLCjc5 {
  font-size: 13px;
  color: var(--admin-text-secondary);
  padding: 12px;
  background: var(--admin-bg-hover);
  border-radius: 6px;
  margin-top: 8px;
}

.bkbpi51yQQejcVLLCjc5 strong {
  color: var(--admin-text-primary);
}

.q9_2oVuwzroFlA_rtywr {
  margin-top: 8px;
  padding: 8px 12px;
  background: var(--admin-state-regression-bg);
  border-radius: 6px;
  font-size: 12px;
  color: var(--admin-state-regression-text);
  font-style: italic;
}

.v_yFY4RQxGPJpmH7qd4j {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(15, 23, 42, 0.4);
  z-index: 1000;
  backdrop-filter: blur(4px);
  animation: YOYS4SwSgNx_mcKWpgl1 0.2s ease-out;
}

@keyframes YOYS4SwSgNx_mcKWpgl1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.e88LuxWp5p0KXoDjSURw {
  position: fixed;
  top: 0;
  right: 0;
  width: 420px;
  height: 100vh;
  background: var(--admin-panel-bg);
  box-shadow: -8px 0 32px var(--admin-shadow-lg);
  display: flex;
  flex-direction: column;
  animation: pAEwlwIE7s4LP2tO_PfX 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1001;
}

@keyframes pAEwlwIE7s4LP2tO_PfX {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

/* Header */
.FdugxFNNyfzMf8OFhpVE {
  background: var(--admin-panel-header-bg);
  padding: 16px 20px;
  flex-shrink: 0;
}

/* Filter Row */
.CFgJuNqZJW59KRWXzVRc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

/* Segmented Picker */
.Q9I_T8pPdWLpIFC6TTQN {
  display: flex;
  background: var(--admin-bg-tertiary);
  border-radius: 10px;
  padding: 4px;
  gap: 4px;
}

.oUI4rnSeQSH1gipj_sR9 {
  flex: 1;
  padding: 10px 16px;
  background: transparent;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.oUI4rnSeQSH1gipj_sR9:hover:not(.IoDE85YeCKy7I8Mj0SDL) {
  color: var(--admin-text-primary);
}

.oUI4rnSeQSH1gipj_sR9.IoDE85YeCKy7I8Mj0SDL {
  background: var(--admin-card-bg);
  color: var(--admin-text-primary);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Mark All Read Button */
.t8xdS0zz3y2DPwtSfg8e {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid var(--admin-border-light);
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  cursor: pointer;
  color: var(--admin-accent-primary);
  transition: all 0.15s ease;
  border-radius: 8px;
}

.t8xdS0zz3y2DPwtSfg8e:hover {
  background: var(--admin-state-current-bg);
  border-color: var(--admin-accent-primary);
  color: var(--admin-text-link-hover);
}

.t8xdS0zz3y2DPwtSfg8e span {
  font-size: 20px;
}

/* Filters Section */
.RcbJuO4XsUjICP4Yies1 {
  background: var(--admin-panel-header-bg);
  padding: 12px 20px 16px;
  border-bottom: 1px solid var(--admin-panel-border);
  flex-shrink: 0;
}

.ak9iSsbWvny1zjP1KJ7D {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.ak9iSsbWvny1zjP1KJ7D::-webkit-scrollbar {
  display: none;
}

.tzfTaEEDBXqVlgC1nUiD {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.tzfTaEEDBXqVlgC1nUiD span {
  font-size: 16px;
}

.tzfTaEEDBXqVlgC1nUiD:hover {
  border-color: var(--admin-border-medium);
  background: var(--admin-bg-hover);
}

.tzfTaEEDBXqVlgC1nUiD.IoDE85YeCKy7I8Mj0SDL {
  background: var(--admin-accent-primary);
  border-color: var(--admin-accent-primary);
  color: var(--admin-bg-primary);
}

/* Date Filter */
.z59TqXHcTn1ZFrBSImCG {
  position: relative;
}

.G79NDPAqydPICoP877WH {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: var(--admin-bg-tertiary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  width: 100%;
}

.G79NDPAqydPICoP877WH:hover {
  border-color: var(--admin-border-medium);
  background: var(--admin-bg-hover);
}

.G79NDPAqydPICoP877WH span:first-child {
  font-size: 18px;
}

.G79NDPAqydPICoP877WH span:last-child {
  font-size: 20px;
  margin-left: auto;
}

.KeM_qbIzt93IDHoT6snU {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 10px;
  box-shadow: 0 10px 40px var(--admin-shadow-lg);
  overflow: hidden;
  z-index: 10;
  animation: GxHlVMvOlq_wtCbgL_us 0.15s ease-out;
}

@keyframes GxHlVMvOlq_wtCbgL_us {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.vgFb0KT4yVevb5vmt4BX {
  display: block;
  width: 100%;
  padding: 11px 14px;
  background: transparent;
  border: none;
  text-align: left;
  font-size: 13px;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.vgFb0KT4yVevb5vmt4BX:hover {
  background: var(--admin-bg-hover);
}

.vgFb0KT4yVevb5vmt4BX.IoDE85YeCKy7I8Mj0SDL {
  background: var(--admin-state-current-bg);
  color: var(--admin-accent-primary);
  font-weight: 500;
}

/* Notifications List */
.EixFsiDKXvZcYi9_oQTQ {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  background: var(--admin-panel-bg);
}

.EixFsiDKXvZcYi9_oQTQ::-webkit-scrollbar {
  width: 6px;
}

.EixFsiDKXvZcYi9_oQTQ::-webkit-scrollbar-track {
  background: transparent;
}

.EixFsiDKXvZcYi9_oQTQ::-webkit-scrollbar-thumb {
  background: var(--admin-border-medium);
  border-radius: 3px;
}

.EixFsiDKXvZcYi9_oQTQ::-webkit-scrollbar-thumb:hover {
  background: var(--admin-text-tertiary);
}

/* Status History Container */
.DbqFlsid159XL8YCKJsg {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
  background: var(--admin-panel-bg);
}

.DbqFlsid159XL8YCKJsg::-webkit-scrollbar {
  width: 6px;
}

.DbqFlsid159XL8YCKJsg::-webkit-scrollbar-track {
  background: transparent;
}

.DbqFlsid159XL8YCKJsg::-webkit-scrollbar-thumb {
  background: var(--admin-border-medium);
  border-radius: 3px;
}

/* States */
.VJu5jMdRl5zFtNocvRI4,
.zob71xVGDNZYobThmehf,
.VbYqDMRCQbgLdMDl5hO7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 24px;
  text-align: center;
}

.VJu5jMdRl5zFtNocvRI4 p,
.zob71xVGDNZYobThmehf p,
.VbYqDMRCQbgLdMDl5hO7 p {
  margin: 12px 0 0 0;
  font-size: 15px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.OmXpCfqsMUqH76Etz2l1 {
  width: 40px;
  height: 40px;
  border: 3px solid var(--admin-border-light);
  border-top-color: var(--admin-accent-primary);
  border-radius: 50%;
  animation: VZv0BXkpf_wNidwPab4l 0.8s linear infinite;
}

@keyframes VZv0BXkpf_wNidwPab4l {
  to {
    transform: rotate(360deg);
  }
}

.zob71xVGDNZYobThmehf span,
.VbYqDMRCQbgLdMDl5hO7 span {
  font-size: 48px;
  color: var(--admin-text-tertiary);
}

.zob71xVGDNZYobThmehf button {
  margin-top: 16px;
  padding: 10px 20px;
  background: var(--admin-accent-primary);
  color: var(--admin-bg-primary);
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.zob71xVGDNZYobThmehf button:hover {
  background: var(--admin-text-link-hover);
}

.pBo4JER00HuuqvelzslM {
  font-size: 13px !important;
  color: var(--admin-text-tertiary) !important;
  font-weight: 400 !important;
  margin-top: 8px !important;
  line-height: 1.5;
}

/* Load More */
.HzjqoDuulhgQM86RKuI4 {
  display: block;
  width: 100%;
  margin-top: 16px;
  padding: 12px;
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-accent-primary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.HzjqoDuulhgQM86RKuI4:hover {
  background: var(--admin-state-current-bg);
  border-color: var(--admin-accent-primary);
}

/* Responsive */
@media (max-width: 768px) {
  .e88LuxWp5p0KXoDjSURw {
    width: 100%;
  }

  .ak9iSsbWvny1zjP1KJ7D {
    flex-wrap: nowrap;
  }
}

/* Lighthouse-specific slot content styles */

/* Communication Section (sidebar footer) */
.MR3cGBfICgMwOZcuxjhk {
  padding: 12px 6px 0;
}

.xbgZcLtPN8d66WvdTCol {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--admin-text-tertiary, #64748b);
  margin-bottom: 8px;
}

.be334l3E5Fp_bbNulAF_ {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background-color: transparent;
  border: 1px solid var(--admin-border-light, #e2e8f0);
  border-radius: 8px;
  font-size: 14px;
  color: var(--admin-text-tertiary, #64748b);
  cursor: pointer;
  transition: all 150ms ease;
  margin-bottom: 6px;
}

.be334l3E5Fp_bbNulAF_:last-child {
  margin-bottom: 0;
}

.be334l3E5Fp_bbNulAF_:hover {
  background-color: var(--admin-card-bg, #ffffff);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-accent-primary, #3b82f6);
}

.be334l3E5Fp_bbNulAF_ span:first-child {
  font-size: 18px;
}

/* Help Button (sidebar footer) */
.PJB9J3DnoI0Ab30IS5Ug {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background-color: transparent;
  border: 1px solid var(--admin-border-light, #e2e8f0);
  border-radius: 8px;
  font-size: 14px;
  color: var(--admin-text-tertiary, #64748b);
  cursor: pointer;
  transition: all 150ms ease;
  margin-top: 8px;
}

.PJB9J3DnoI0Ab30IS5Ug:hover {
  background-color: var(--admin-card-bg, #ffffff);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-accent-primary, #3b82f6);
}

.PJB9J3DnoI0Ab30IS5Ug span:first-child {
  font-size: 18px;
}

/* Search (header right slot) */
.j5FQRSwRLQj7MJzj0JAE {
  position: relative;
  display: flex;
  align-items: center;
}

.kXDb4LlDL9hmlHGNsNZ4 {
  padding: 8px;
  cursor: pointer;
  color: var(--admin-text-tertiary, #6b7280);
  background: none;
  border: none;
  display: flex;
  align-items: center;
  transition: color 0.2s ease;
}

.kXDb4LlDL9hmlHGNsNZ4:hover {
  color: var(--admin-text-primary, #111827);
}

.kXDb4LlDL9hmlHGNsNZ4 span {
  font-size: 20px;
}

.F4gFUk9HpXv_PURkEhUk {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 350px;
  max-width: 80vw;
  animation: Emx9HkMrieMkbtKJA6N3 0.4s ease;
  z-index: 1000;
}

@keyframes Emx9HkMrieMkbtKJA6N3 {
  from {
    width: 32px;
    opacity: 0;
  }
  to {
    width: 350px;
    opacity: 1;
  }
}

.w_UELB8k0mBT9hMpSg9Z {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  background-color: var(--admin-bg-secondary, #f9fafb);
  border: 1px solid var(--admin-border-medium, #d1d5db);
  border-radius: 20px;
  padding: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
}

.w_UELB8k0mBT9hMpSg9Z:focus-within {
  border-color: var(--admin-accent-primary, #3b82f6);
  background-color: var(--admin-bg-primary, #ffffff);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.sbz72HSXyNivABl4mWs6 {
  position: absolute;
  left: 12px;
  color: var(--admin-text-tertiary, #6b7280);
  font-size: 18px;
  z-index: 1;
  pointer-events: none;
}

.eg1uUSSB_PjI16yl1RXw {
  width: 100%;
  padding: 8px 40px 8px 36px;
  border: none;
  border-radius: 20px;
  font-size: 14px;
  background: transparent;
  outline: none;
  color: var(--admin-text-primary, #111827);
}

.eg1uUSSB_PjI16yl1RXw::-moz-placeholder {
  color: var(--admin-text-tertiary, #9ca3af);
}

.eg1uUSSB_PjI16yl1RXw::placeholder {
  color: var(--admin-text-tertiary, #9ca3af);
}

.iNA5gZFBsTH3l6C7Vz85 {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 50%;
  background-color: var(--admin-text-tertiary, #6b7280);
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.iNA5gZFBsTH3l6C7Vz85 span {
  font-size: 14px;
}

.iNA5gZFBsTH3l6C7Vz85:hover {
  background-color: var(--admin-text-secondary, #4b5563);
  transform: translateY(-50%) scale(1.1);
}

/* Notification Button (header) */
.k8DW9MtjsDRleBKohDYq {
  padding: 8px;
  cursor: pointer;
  color: var(--admin-text-tertiary, #6b7280);
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
  position: relative;
}

.k8DW9MtjsDRleBKohDYq:hover {
  color: var(--admin-text-primary, #111827);
}

.k8DW9MtjsDRleBKohDYq span {
  font-size: 20px;
}

.k8DW9MtjsDRleBKohDYq.tLTOrD_hJuSUu6H45H26 {
  border: 2px solid #ef4444;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 8px;
}

.k8DW9MtjsDRleBKohDYq.tLTOrD_hJuSUu6H45H26:hover {
  background: rgba(239, 68, 68, 0.15);
}

/* User Menu (header) */
.B7g4U8SSqf_c2YWzra1B {
  position: relative;
}

.bRMQjSDjaRsoTdCgF2YA {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  background-color: var(--admin-bg-hover, #f3f4f6);
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.bRMQjSDjaRsoTdCgF2YA:hover {
  background-color: var(--admin-border-light, #e5e7eb);
}

.sEo3tObouhOfZrvdVDiB {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary, #111827);
}

.xZKMyc08IiV5kJ3S79df {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--admin-accent-primary, #3b82f6);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
}

.ECJjzcSx4yTmbFGDJLcU {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: transparent;
}

.RdzVfa_APZMT3mrY7o7T {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  background-color: var(--admin-bg-primary, #ffffff);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  min-width: 180px;
  z-index: 1100;
  overflow: hidden;
}

.wP4yhv2ucG1oXgnTSTKw {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  color: var(--admin-text-primary, #111827);
  text-decoration: none;
  font-size: 14px;
  background: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-align: left;
}

.wP4yhv2ucG1oXgnTSTKw:hover {
  background-color: var(--admin-bg-hover, #f3f4f6);
}

.wP4yhv2ucG1oXgnTSTKw span {
  font-size: 18px;
  color: var(--admin-text-tertiary, #6b7280);
}

.IZBTQDyXu9sOZmXcI9UU {
  height: 1px;
  background-color: var(--admin-border-light, #e5e7eb);
  margin: 4px 0;
}

@media (max-width: 768px) {
  .sEo3tObouhOfZrvdVDiB {
    display: none;
  }

  .F4gFUk9HpXv_PURkEhUk {
    width: 280px;
    right: -16px;
  }
}

@media (max-height: 800px) {
  .MR3cGBfICgMwOZcuxjhk {
    padding: 10px 6px 0;
  }

  .be334l3E5Fp_bbNulAF_ {
    padding: 8px 14px;
  }

  .PJB9J3DnoI0Ab30IS5Ug {
    padding: 10px 14px;
  }
}

@media (max-height: 700px) {
  .MR3cGBfICgMwOZcuxjhk {
    padding: 8px 6px 0;
  }

  .be334l3E5Fp_bbNulAF_ {
    padding: 8px 12px;
    font-size: 13px;
    margin-bottom: 4px;
  }

  .PJB9J3DnoI0Ab30IS5Ug {
    padding: 10px 14px;
    font-size: 13px;
  }
}

/* ============================================================================
   Email Feed - Floating Panel Styles
   ============================================================================ */

/* Floating Action Button (FAB) Trigger */
.SL12d5TNjVvsLoKn6YHF {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: var(--admin-accent-primary, #22d3ee);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 1000;
}

.SL12d5TNjVvsLoKn6YHF:hover {
  background: var(--admin-text-link-hover, #67e8f9);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px var(--admin-progress-active-glow);
}

.SL12d5TNjVvsLoKn6YHF:active {
  transform: translateY(0);
}

.p_ZOsqh2eFQEmMUnSTZD {
  font-size: 24px;
  color: var(--admin-bg-primary);
}

.ETRtzes5LaDyEStacXnQ {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background: var(--admin-status-red, #ef4444);
  color: white;
  font-size: 11px;
  font-weight: 600;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Panel Overlay */
.OHSwxGYIHFW9dPY88AkO {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1040;
  animation: ET7qgMb6RJkSVcq9n_vo 0.2s ease;
}

@keyframes ET7qgMb6RJkSVcq9n_vo {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Side Panel */
.UJQpj6LN7jhope80T1h8 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 440px;
  height: 100vh;
  background: var(--admin-panel-bg);
  z-index: 1050;
  display: flex;
  flex-direction: column;
  animation: LWfgrd1Cx2oD6dVvNVuU 0.3s ease;
  box-shadow: -4px 0 24px var(--admin-shadow-lg);
  border-left: 1px solid var(--admin-panel-border);
}

@keyframes LWfgrd1Cx2oD6dVvNVuU {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

.ty9mM9n22HBYZxSky1zQ {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
  z-index: 10;
}

.ty9mM9n22HBYZxSky1zQ:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.ty9mM9n22HBYZxSky1zQ .E12_2G5s_uFFAKtVOtHH {
  font-size: 20px;
}

/* Feed Container */
.SHdkljg5ruUrBrF9abnq {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

/* Feed Header */
.gTftefEJHB5tyRDDP0kj {
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--admin-panel-border);
  padding-left: 60px;
  background: var(--admin-panel-header-bg);
}

.ICSaKaN9OZf_TJGwaWFJ {
  font-size: 18px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 4px;
}

.JEtdSMRsjkhRGMjK5lf7 {
  font-size: 13px;
  color: var(--admin-text-secondary);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.iYMroEJZgZJjB10zuGsf {
  background: var(--admin-state-current-bg);
  color: var(--admin-state-current-text);
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 10px;
}

/* BCC Section */
.JCazowmWY_2HwRnPKvik {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background: var(--admin-bg-secondary, #f1f5f9);
  border-bottom: 1px solid var(--admin-panel-border);
}

.iD0YkheTK9W2YIwNaM8g {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-tertiary, #64748b);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.tygS4w1mIVL4ZnZq6fHy {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}

.LTPzbgpPewUT3hFVy7BH {
  background: #1e293b;
  color: var(--admin-accent-primary, #22d3ee);
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-family: 'SF Mono', 'Monaco', 'Menlo', monospace;
  letter-spacing: 0.3px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ONZIxkaWIIC8VdGXTiUM {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #1e293b;
  border: none;
  color: #f8fafc;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
}

.ONZIxkaWIIC8VdGXTiUM:hover {
  background: #334155;
}

.ONZIxkaWIIC8VdGXTiUM .E12_2G5s_uFFAKtVOtHH {
  font-size: 16px;
}

/* Feed Content */
.fglnju3BeKpRfg8RtPAs {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}

/* Filters */
.q6XnQT3aCU52QRk2lOng {
  padding: 12px 16px;
  border-bottom: 1px solid var(--admin-panel-border);
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  background: var(--admin-panel-bg);
}

.Rebze0m_5r1NwR9BoyXv {
  flex: 1;
  min-width: 180px;
  position: relative;
}

.rvn8vs91RSlwNywbQ0Py {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--admin-text-tertiary);
  pointer-events: none;
}

.EnBng2TYs1LJXLDBTnfY {
  width: 100%;
  height: 36px;
  padding: 0 36px;
  border: 1px solid var(--admin-input-border);
  border-radius: 8px;
  font-size: 14px;
  color: var(--admin-text-primary);
  background: var(--admin-input-bg);
  transition: all 0.15s ease;
}

.EnBng2TYs1LJXLDBTnfY:focus {
  outline: none;
  border-color: var(--admin-accent-primary);
  background: var(--admin-input-bg);
  box-shadow: 0 0 0 3px var(--admin-progress-active-glow);
}

.EnBng2TYs1LJXLDBTnfY::-moz-placeholder {
  color: var(--admin-input-placeholder);
}

.EnBng2TYs1LJXLDBTnfY::placeholder {
  color: var(--admin-input-placeholder);
}

.MKEq3T5n8ymbr4qjSziu {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: none;
  background: var(--admin-bg-tertiary);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--admin-text-secondary);
}

.MKEq3T5n8ymbr4qjSziu .E12_2G5s_uFFAKtVOtHH {
  font-size: 14px;
}

.KaqEpHlEyIEzboG38JTK {
  height: 36px;
  padding: 0 12px;
  border: 1px solid var(--admin-input-border);
  border-radius: 8px;
  background: var(--admin-input-bg);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
  position: relative;
}

.KaqEpHlEyIEzboG38JTK:hover {
  border-color: var(--admin-border-medium);
  background: var(--admin-bg-hover);
}

.KaqEpHlEyIEzboG38JTK._nvg9rRo2VwCZdoTyDpN {
  background: var(--admin-state-current-bg);
  border-color: var(--admin-state-current-border);
  color: var(--admin-state-current-text);
}

.KaqEpHlEyIEzboG38JTK .E12_2G5s_uFFAKtVOtHH {
  font-size: 18px;
}

.dkozaMuZhgh63D0O95ud {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 8px;
  height: 8px;
  background: var(--admin-accent-primary);
  border-radius: 50%;
}

.VpQp1gFiaPfQQ3MSIArb {
  width: 100%;
  padding-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  animation: NshPb1juVUJ2m9G1JBHW 0.15s ease;
}

@keyframes NshPb1juVUJ2m9G1JBHW {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

.zAORxrKCaK5m7_Yw4HGx {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.UqdyWzTftWILoyeaS1Tg {
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.SXTWmLASte6zcyt0jhJQ {
  height: 32px;
  padding: 0 28px 0 10px;
  border: 1px solid var(--admin-input-border);
  border-radius: 6px;
  font-size: 13px;
  color: var(--admin-text-primary);
  background: var(--admin-input-bg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%2394a3b8%27 d=%27M2.5 4.5L6 8l3.5-3.5%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

.SXTWmLASte6zcyt0jhJQ:focus {
  outline: none;
  border-color: var(--admin-accent-primary);
}

.EhDcUmBIeE7xhqLBMhez {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--admin-text-primary);
  cursor: pointer;
  height: 32px;
}

.EhDcUmBIeE7xhqLBMhez input {
  display: none;
}

.TAq2NwjC5DPxSNhi_cAx {
  width: 16px;
  height: 16px;
  border: 1.5px solid var(--admin-border-medium);
  border-radius: 4px;
  position: relative;
  transition: all 0.15s ease;
  background: var(--admin-input-bg);
}

.EhDcUmBIeE7xhqLBMhez input:checked + .TAq2NwjC5DPxSNhi_cAx {
  background: var(--admin-accent-primary);
  border-color: var(--admin-accent-primary);
}

.EhDcUmBIeE7xhqLBMhez input:checked + .TAq2NwjC5DPxSNhi_cAx::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid var(--admin-bg-primary);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.o0KzCJzw6bgBLNNMeMtG {
  margin-left: auto;
  height: 32px;
  padding: 0 12px;
  border: none;
  background: transparent;
  color: var(--admin-accent-primary);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  transition: all 0.15s ease;
}

.o0KzCJzw6bgBLNNMeMtG:hover {
  background: var(--admin-state-current-bg);
}

.o0KzCJzw6bgBLNNMeMtG .E12_2G5s_uFFAKtVOtHH {
  font-size: 16px;
}

/* Thread List */
.mgS9cPOjawDMS9a7Duc0 {
  padding: 8px 0;
}

/* Date Group */
.NkN3AEJ4C3xPVNb7821N {
  margin-bottom: 4px;
}

.s4l8V4OYmR5OSK7MUzOG {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px 8px;
}

.QFCOYXbKnWtb3wYNvOvM {
  flex: 1;
  height: 1px;
  background: var(--admin-border-light);
}

.jJw6uNSLgbLrIkbWp2NB {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.nwKTCxCWwYUw2L6YTEWM {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* Thread Card */
.mEYv6VKHkIlbDZt7nZ9d {
  margin: 0 8px;
  border-radius: 10px;
  background: var(--admin-card-bg);
  transition: all 0.15s ease;
}

.mEYv6VKHkIlbDZt7nZ9d:hover {
  background: var(--admin-panel-item-hover);
}

.WO3rP9jSz8w84SzX_RWv {
  background: var(--admin-panel-item-unread);
}

.WO3rP9jSz8w84SzX_RWv:hover {
  background: var(--admin-notification-unread-hover);
}

.JbDy3Gxev62ocx_mgoQD {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  position: relative;
}

.zOxJB4j6gLGTFaHgzPLb {
  position: absolute;
  left: 8px;
  top: 20px;
  width: 8px;
  height: 8px;
  background: var(--admin-accent-primary);
  border-radius: 50%;
}

.LXQnFUWo2dkt_VS2PjyS {
  flex: 1;
  min-width: 0;
  padding-left: 4px;
}

.q7Q2uqZW39i1veoy8sAC {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}

.ubTDPVFeggNnk6SRPnKt {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.WO3rP9jSz8w84SzX_RWv .ubTDPVFeggNnk6SRPnKt {
  color: var(--admin-text-primary);
}

.ltEEywZf69Gv2RcanaHA {
  font-size: 12px;
  color: var(--admin-text-tertiary);
  white-space: nowrap;
  flex-shrink: 0;
}

.WqQUm6KODTytlqNztX9o {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

.oXOp306eeAMU75StVtEa {
  font-size: 12px;
  color: var(--admin-text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gvNwi7I9TuJ77l0QXgIe {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  color: var(--admin-text-tertiary);
}

.gvNwi7I9TuJ77l0QXgIe .E12_2G5s_uFFAKtVOtHH {
  font-size: 14px;
}

.YiBStkhDBJ3gRPMW9Wpw {
  font-size: 11px;
  color: var(--admin-text-tertiary);
  background: var(--admin-bg-tertiary);
  padding: 2px 6px;
  border-radius: 4px;
}

.xnng7YfsUVPJPsLGSqUM {
  font-size: 13px;
  color: var(--admin-text-tertiary);
  line-height: 1.4;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.eZOko4itPDN2R07c7MfE {
  color: var(--admin-text-tertiary);
  font-size: 20px;
  margin-top: 2px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

/* Expanded Thread */
.ZcZcITuch4uOGN5FPu6q {
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  margin: 4px 8px;
}

.ZcZcITuch4uOGN5FPu6q:hover {
  background: var(--admin-card-bg);
}

.BHioZBVaDcZij6OQyv6f {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 16px;
  cursor: pointer;
  border-bottom: 1px solid var(--admin-border-light);
}

.FDiSy4nNv33UeVOi1_ly {
  color: var(--admin-text-tertiary);
  font-size: 20px;
  transition: transform 0.2s ease;
}

.W6UerDkumDc9ES8XHGds {
  flex: 1;
  min-width: 0;
}

.W6UerDkumDc9ES8XHGds .ubTDPVFeggNnk6SRPnKt {
  margin-bottom: 2px;
}

.W6UerDkumDc9ES8XHGds .WqQUm6KODTytlqNztX9o {
  margin-bottom: 0;
}

.hYIuN11HzUcFUEtaTBJ3 {
  padding: 8px 0;
  max-height: 400px;
  overflow-y: auto;
}

/* Individual Message */
.Hkk9cMMXplpMF0MTHz3m {
  padding: 16px;
  margin: 0 12px 8px;
  background: var(--admin-bg-secondary);
  border-radius: 10px;
}

.gJkvOmEAiDsts_UYNHs2 {
  background: var(--admin-panel-item-unread);
}

.L7GJ0dBi8yGCtcilIaiA {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px;
}

.WaF1OrKMmRZn0XSuAJ8U {
  display: flex;
  align-items: center;
  gap: 10px;
}

.VisYwvqGBnUV10Edk4WS {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--admin-bg-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--admin-text-tertiary);
}

.gJkvOmEAiDsts_UYNHs2 .VisYwvqGBnUV10Edk4WS {
  background: var(--admin-state-current-bg);
  color: var(--admin-accent-primary);
}

.VisYwvqGBnUV10Edk4WS .E12_2G5s_uFFAKtVOtHH {
  font-size: 18px;
}

.q3SVj19rI2cbfd7P8msL {
  display: flex;
  flex-direction: column;
}

.HNr8vopb_9mNhf3tgrl3 {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.tby2RWVBVAsMyPMxBaSv {
  font-size: 11px;
  color: var(--admin-text-tertiary);
}

.yxM8EaSaYfoVJBraDpI8 {
  font-size: 11px;
  color: var(--admin-text-tertiary);
}

.pc0i975QlpM4lcR0POSg {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  font-size: 12px;
  margin-bottom: 12px;
  padding-left: 42px;
}

.AJi_9Dt0_9Gvrpd5RBtM {
  color: var(--admin-text-tertiary);
}

.exHuraTMCIOa9S_zXO0p {
  color: var(--admin-text-secondary);
}

.w_QJ4q5hMG98aqZhx5mg {
  font-size: 14px;
  line-height: 1.6;
  color: var(--admin-text-secondary);
  padding-left: 42px;
  white-space: pre-wrap;
}

.JLtuc2w4DcskST5PXgQ3 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  padding-left: 42px;
}

/* Attachment */
._0RHVK7XHEAstdB5UGo2Q {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
}

.YNVed5xnzowqZd7IMrHb {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: var(--admin-bg-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--admin-text-tertiary);
}

.YNVed5xnzowqZd7IMrHb .E12_2G5s_uFFAKtVOtHH {
  font-size: 18px;
}

.ef2MX0MMgaEvAVfHuNZR {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.u5LK8FGsYyCF9hYQZxVC {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Mljgvb8kOjH_IbZFVh35 {
  font-size: 11px;
  color: var(--admin-text-tertiary);
}

.N6zjsYqzWQ8OnIuiL0nG {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--admin-accent-primary);
  transition: all 0.15s ease;
}

.N6zjsYqzWQ8OnIuiL0nG:hover {
  background: var(--admin-state-current-bg);
}

.N6zjsYqzWQ8OnIuiL0nG .E12_2G5s_uFFAKtVOtHH {
  font-size: 18px;
}

/* Reply Button */
.S71AxFfCiHrRAgZ8qKCJ {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: calc(100% - 24px);
  margin: 8px 12px 16px;
  padding: 12px;
  border: 1px dashed var(--admin-border-medium);
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
}

.S71AxFfCiHrRAgZ8qKCJ:hover {
  border-color: var(--admin-accent-primary);
  background: var(--admin-state-current-bg);
  color: var(--admin-accent-primary);
}

.S71AxFfCiHrRAgZ8qKCJ .E12_2G5s_uFFAKtVOtHH {
  font-size: 18px;
}

/* Compose */
.T6X8CUHkP48_1yNGjGte {
  margin: 8px 12px 16px;
  border: 1px solid var(--admin-border-light);
  border-radius: 10px;
  background: var(--admin-card-bg);
  overflow: hidden;
}

.qRzGMbbJEvThnGX1fA5_ {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid var(--admin-border-light);
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.qRzGMbbJEvThnGX1fA5_ .E12_2G5s_uFFAKtVOtHH {
  font-size: 16px;
  color: var(--admin-text-tertiary);
}

.vtzEomtjDosk4Xc036nU {
  width: 100%;
  padding: 14px;
  border: none;
  font-size: 14px;
  line-height: 1.5;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  resize: none;
  font-family: inherit;
}

.vtzEomtjDosk4Xc036nU:focus {
  outline: none;
}

.vtzEomtjDosk4Xc036nU::-moz-placeholder {
  color: var(--admin-input-placeholder);
}

.vtzEomtjDosk4Xc036nU::placeholder {
  color: var(--admin-input-placeholder);
}

.qgkQR6snL5iz1qsAZPfg {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 14px 12px;
}

.RWZsJAxQCi8QpK9NLcpQ {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background: var(--admin-bg-tertiary);
  border-radius: 6px;
  font-size: 12px;
  color: var(--admin-text-secondary);
}

.RWZsJAxQCi8QpK9NLcpQ .E12_2G5s_uFFAKtVOtHH {
  font-size: 14px;
  color: var(--admin-text-tertiary);
}

.uuGxcQTQWvWZi2zzMYmI {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ABdqJ9xUbdprtfx6WEI8 {
  width: 16px;
  height: 16px;
  border: none;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--admin-text-tertiary);
  margin-left: 2px;
}

.ABdqJ9xUbdprtfx6WEI8:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-secondary);
}

.ABdqJ9xUbdprtfx6WEI8 .E12_2G5s_uFFAKtVOtHH {
  font-size: 12px;
}

.jRpNQmA4CKV70w4Chxh4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-top: 1px solid var(--admin-border-light);
}

.Svw984SZ07YjwpkM7MwA {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  border: none;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
}

.Svw984SZ07YjwpkM7MwA:hover {
  background: var(--admin-bg-tertiary);
}

.Svw984SZ07YjwpkM7MwA .E12_2G5s_uFFAKtVOtHH {
  font-size: 18px;
}

.MVDDvXpMMccjgs0jYAbg {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mpBZo6GniuoiBwJqjSiF {
  padding: 8px 16px;
  border: none;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
}

.mpBZo6GniuoiBwJqjSiF:hover {
  background: var(--admin-bg-tertiary);
}

.Yw0b0Iy_pScB043J9K2b {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: none;
  background: var(--admin-accent-primary);
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-bg-primary);
  transition: all 0.15s ease;
}

.Yw0b0Iy_pScB043J9K2b:hover:not(:disabled) {
  background: var(--admin-text-link-hover);
}

.Yw0b0Iy_pScB043J9K2b:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.Yw0b0Iy_pScB043J9K2b .E12_2G5s_uFFAKtVOtHH {
  font-size: 16px;
}

/* Spinner */
.tPi9YRt7x2QS3rsjYYmj {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: uPzHsNV3j9ltXIpgdeXE 0.6s linear infinite;
}

@keyframes uPzHsNV3j9ltXIpgdeXE {
  to { transform: rotate(360deg); }
}

/* Loading State */
.kehah9vNMYeO4rf_Y6v5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 24px;
  text-align: center;
  gap: 16px;
  color: var(--admin-text-secondary);
}

.kehah9vNMYeO4rf_Y6v5 .tPi9YRt7x2QS3rsjYYmj {
  width: 32px;
  height: 32px;
  border: 3px solid var(--admin-border-light);
  border-top-color: var(--admin-accent-primary);
}

/* Empty State */
.VVYhnKBl1m48GYBfborO {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 24px;
  text-align: center;
}

.lstA5C_neurNqWiK3Gfx {
  font-size: 56px;
  color: var(--admin-text-tertiary);
  margin-bottom: 16px;
}

.ZSh1GWlUVn0sdzWVEsEg {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 8px;
}

.ykIUcnpXCGkQc_sxRvFK {
  font-size: 14px;
  color: var(--admin-text-tertiary);
  margin: 0;
  line-height: 1.5;
}

.ykIUcnpXCGkQc_sxRvFK strong {
  color: var(--admin-accent-primary);
  font-weight: 500;
}

/* No Results */
.mO8qWrv286D2Z7I6FYG6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
  text-align: center;
}

.IwCsmMZIEqCgzIMur9Ov {
  font-size: 40px;
  color: var(--admin-text-tertiary);
  margin-bottom: 12px;
}

.mO8qWrv286D2Z7I6FYG6 p {
  font-size: 14px;
  color: var(--admin-text-tertiary);
  margin: 0 0 16px;
}

.rznhyzobNiluzvo3n9Oh {
  padding: 8px 16px;
  border: 1px solid var(--admin-state-current-border);
  background: var(--admin-state-current-bg);
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-accent-primary);
  transition: all 0.15s ease;
}

.rznhyzobNiluzvo3n9Oh:hover {
  background: var(--admin-notification-unread-hover);
}

/* Mobile Responsive */
@media (max-width: 480px) {
  .UJQpj6LN7jhope80T1h8 {
    max-width: 100%;
  }

  .SL12d5TNjVvsLoKn6YHF {
    bottom: 16px;
    right: 16px;
    width: 52px;
    height: 52px;
  }

  .gTftefEJHB5tyRDDP0kj {
    padding: 16px 16px 12px;
    padding-left: 52px;
  }

  .ICSaKaN9OZf_TJGwaWFJ {
    font-size: 16px;
  }

  .q6XnQT3aCU52QRk2lOng {
    padding: 10px 12px;
  }

  .JbDy3Gxev62ocx_mgoQD {
    padding: 12px;
  }

  .mEYv6VKHkIlbDZt7nZ9d {
    margin: 0 4px;
  }

  .Hkk9cMMXplpMF0MTHz3m {
    padding: 12px;
    margin: 0 8px 6px;
  }

  .w_QJ4q5hMG98aqZhx5mg {
    padding-left: 0;
    margin-top: 12px;
  }

  .pc0i975QlpM4lcR0POSg {
    padding-left: 0;
  }

  .JLtuc2w4DcskST5PXgQ3 {
    padding-left: 0;
  }
}

.GqpfBeVu6rhaRyZHgp7I {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background-color: var(--admin-bg-primary);
  border-bottom: 1px solid var(--admin-border-light);
  border-radius: 16px 16px 0 0;
  min-height: 56px;
  transition: background-color 200ms ease, border-color 200ms ease;
}

.SHghcOgqAX5Dhkv2LZj5 {
  display: flex;
  align-items: center;
  gap: 12px;
}

.kvPcCqmC3yV_UHKR4T76 {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: var(--admin-bg-secondary);
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  transition: all 150ms ease;
}

.kvPcCqmC3yV_UHKR4T76:hover {
  background-color: var(--admin-bg-hover);
  transform: scale(1.05);
}

.kvPcCqmC3yV_UHKR4T76 span {
  font-size: 24px;
  color: var(--admin-text-secondary);
}

.ngMNlWysrWzntimS2A6R {
  display: flex;
  align-items: center;
  gap: 10px;
}

.bpvVenQnEDYCTksiJmcG {
  font-size: 20px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.02em;
}

.Q3f09JktJiiVRNtsX8aL {
  display: flex;
  align-items: center;
  gap: 12px;
}

.MkX3Gt86sz3ej_PJpbEm {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.qnqVzRPOLIBeXKmG8ZGh {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.U1S2XSQXPDfuqGI7kaLo {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.lQNC4hVnJnYchS4rvqnD {
  font-size: 13px;
  color: var(--admin-text-tertiary);
  line-height: 1.2;
  font-weight: 400;
}

.XasaoJnnDrlUuJ5La2zF {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.i5cZc3Tps6AIuO_UCLi2 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rvRqtUHQowf8H1JThBji {
  display: flex;
  align-items: center;
  position: relative;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.rvRqtUHQowf8H1JThBji.YqCTD3gRlZjyPdAcfgpB {
  width: 300px;
  background-color: var(--admin-bg-secondary);
  border-radius: 8px;
  padding: 0 12px;
}

.bmWNLTk0WIyouP_2MAPz {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 150ms ease;
  z-index: 1;
}

.bmWNLTk0WIyouP_2MAPz:hover {
  background-color: var(--admin-bg-hover);
}

.bmWNLTk0WIyouP_2MAPz span {
  font-size: 20px;
  color: var(--admin-text-secondary);
}

.YqCTD3gRlZjyPdAcfgpB .bmWNLTk0WIyouP_2MAPz {
  background-color: transparent;
}

.YqCTD3gRlZjyPdAcfgpB .bmWNLTk0WIyouP_2MAPz:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.K59YJt2wSNX8wnxO1mlH {
  flex: 1;
  display: flex;
  align-items: center;
}

.h_RdD0l4P3hngsAe_ELa {
  flex: 1;
  border: none;
  background: transparent;
  padding: 8px;
  font-size: 14px;
  font-family: inherit;
  color: var(--admin-text-primary);
  outline: none;
}

.h_RdD0l4P3hngsAe_ELa::-moz-placeholder {
  color: var(--admin-text-tertiary);
}

.h_RdD0l4P3hngsAe_ELa::placeholder {
  color: var(--admin-text-tertiary);
}

.bsGSJzdmNabkJZsUhE2m {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 150ms ease;
  position: relative;
}

.bsGSJzdmNabkJZsUhE2m:hover {
  background-color: var(--admin-bg-hover);
}

.bsGSJzdmNabkJZsUhE2m span {
  font-size: 20px;
  color: var(--admin-text-secondary);
}

.bsGSJzdmNabkJZsUhE2m.trHO8UvbZVfVCui_1aVg {
  border: 2px solid #ef4444;
  background: rgba(239, 68, 68, 0.1);
}

.bsGSJzdmNabkJZsUhE2m.trHO8UvbZVfVCui_1aVg:hover {
  background: rgba(239, 68, 68, 0.15);
}

.CuZ5gE61SJJ08f8IccSt {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 150ms ease;
  position: relative;
}

.CuZ5gE61SJJ08f8IccSt:hover {
  background-color: rgba(139, 92, 246, 0.1);
}

.CuZ5gE61SJJ08f8IccSt span {
  font-size: 20px;
  color: #8b5cf6;
}

.CuZ5gE61SJJ08f8IccSt.t12OjCl9htqVsRX2PYnk {
  background-color: rgba(139, 92, 246, 0.15);
  border: 2px solid #8b5cf6;
}

.CuZ5gE61SJJ08f8IccSt.t12OjCl9htqVsRX2PYnk span {
  color: #7c3aed;
}

.o_AZ038WBp2veMubDKpI {
  position: relative;
}

.luLqDGauEfJsQOrciDy6 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  border-radius: 8px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: all 150ms ease;
}

.luLqDGauEfJsQOrciDy6:hover {
  background-color: var(--admin-bg-hover);
}

.EDePvHQswlNqnIZh1lJw {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.EDePvHQswlNqnIZh1lJw span {
  font-size: 18px;
  color: white;
}

.CZJKWkzR9Fojmyuj_zVS {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.PHi5AvMIMFVyMRWwNJKK {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  line-height: 1.2;
}

.R7zW1R40WtB_dEkQUau2 {
  font-size: 12px;
  color: var(--admin-text-tertiary);
  line-height: 1.2;
}

.luLqDGauEfJsQOrciDy6 > span:last-child {
  font-size: 20px;
  color: var(--admin-text-tertiary);
}

._qvuwNfBgracfdslLhQi {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background-color: var(--admin-bg-primary);
  border-radius: 8px;
  box-shadow: 0 10px 25px var(--admin-shadow-lg);
  border: 1px solid var(--admin-border-light);
  min-width: 200px;
  z-index: 1000;
  overflow: hidden;
}

.YSHLlVAEiVxXKLg3Zy4Y {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 14px;
  background: none;
  border: none;
  font-size: 14px;
  color: var(--admin-text-secondary);
  text-align: left;
  cursor: pointer;
  transition: all 150ms ease;
}

.YSHLlVAEiVxXKLg3Zy4Y:hover {
  background-color: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.YSHLlVAEiVxXKLg3Zy4Y span {
  font-size: 18px;
  color: var(--admin-text-tertiary);
}

.ZBHpXWPTSMqX4qrjnwcg {
  height: 1px;
  background-color: var(--admin-border-light);
  margin: 4px 0;
}

@media (max-width: 768px) {
  .kvPcCqmC3yV_UHKR4T76 {
    display: flex;
  }

  .XasaoJnnDrlUuJ5La2zF {
    display: none;
  }

  .CZJKWkzR9Fojmyuj_zVS {
    display: none;
  }

  .lQNC4hVnJnYchS4rvqnD {
    display: none;
  }

  .U1S2XSQXPDfuqGI7kaLo {
    font-size: 14px;
  }

  .MkX3Gt86sz3ej_PJpbEm {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }

  .rvRqtUHQowf8H1JThBji.YqCTD3gRlZjyPdAcfgpB {
    position: absolute;
    left: 60px;
    right: 16px;
    width: auto;
  }
}
.Bn_EQnTWNsvcJt8siGFf {
  padding: 12px 14px 0;
}

.aR2m3ZmztlUuIAl9KsqL {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background-color: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 150ms ease;
}

.aR2m3ZmztlUuIAl9KsqL:hover {
  background-color: var(--admin-bg-hover);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-accent-primary, #3b82f6);
}

.aR2m3ZmztlUuIAl9KsqL span {
  font-size: 20px;
}

@media (max-height: 700px) {
  .aR2m3ZmztlUuIAl9KsqL {
    padding: 10px 14px;
    font-size: 13px;
  }
}

.bAIGo4Ifa2NXCrWvqHI4 {
  margin: 10px 14px 5px 14px;
  padding: 10px;
  background-color: var(--admin-bg-hover);
  border: 1px solid var(--admin-accent-primary, #3b82f6);
  border-radius: 12px;
  overflow: hidden;
  transition: padding 0.35s ease-in-out,
              margin 0.35s ease-in-out,
              background-color 0.35s ease-in-out,
              border-color 0.35s ease-in-out;
}

.bAIGo4Ifa2NXCrWvqHI4.W330_Ks6_GiKYjokAOln {
  margin: 8px 14px 4px 14px;
  padding: 8px 12px;
  background-color: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
}

._mxqF2nu9JH5WYyP9mqj {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-accent-primary, #1e40af);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  max-height: 50px;
  opacity: 1;
  transition: max-height 0.35s ease-in-out,
              opacity 0.35s ease-in-out,
              margin 0.35s ease-in-out;
}

._mxqF2nu9JH5WYyP9mqj.teiuF8VgiZGDHvGFtygG {
  max-height: 0;
  opacity: 0;
  margin-bottom: 0;
  overflow: hidden;
}

._mxqF2nu9JH5WYyP9mqj span {
  font-size: 16px;
  color: var(--admin-accent-primary, #3b82f6);
}

.GoVnvmsgMADR99SmWOrP {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rWnWSttOE3_nCUytZdB_ {
  font-size: 16px;
  font-weight: 700;
  color: var(--admin-text-primary);
  line-height: 1.3;
  margin-bottom: 2px;
  transition: font-size 0.35s ease-in-out,
              margin 0.35s ease-in-out;
}

.rWnWSttOE3_nCUytZdB_.VrfrUFo7my5NZUybdHXs {
  font-size: 14px;
  margin-bottom: 0;
}

.dY6XH3_z2VGlQcBWYPAA {
  max-height: 500px;
  opacity: 1;
  transition: max-height 0.35s ease-in-out,
              opacity 0.35s ease-in-out;
}

.dY6XH3_z2VGlQcBWYPAA.teiuF8VgiZGDHvGFtygG {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.kQSgTnfem7temAmdprNu {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  font-size: 13px;
  color: var(--admin-text-secondary);
  line-height: 1.3;
}

.kQSgTnfem7temAmdprNu span:first-child {
  font-size: 16px;
  color: var(--admin-accent-primary, #3b82f6);
  flex-shrink: 0;
  margin-top: 1px;
}

.aL9_TO2mfjq9nGygXADE {
  height: 1px;
  background-color: var(--admin-border-medium);
  margin: 2px 0;
}

._Qye4D1mVfqlQaKwrqYJ {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

.xPzBq9XRGGWIgjU9DldG {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary);
  line-height: 1.4;
}

.IskhJuPU8sV0ufAa1Frn {
  font-size: 13px;
  color: var(--admin-text-secondary);
  line-height: 1.4;
}

.uPTmKtRbWaJtbwcjiirR {
  font-size: 13px;
  color: var(--admin-text-tertiary);
  font-style: italic;
}

.teiuF8VgiZGDHvGFtygG {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.u34IKwilU8ORnVy3Jmk0 {
  display: flex;
  align-items: center;
  gap: 8px;
  max-height: 100px;
  opacity: 1;
  transition: max-height 0.35s ease-in-out,
              opacity 0.35s ease-in-out;
}

.u34IKwilU8ORnVy3Jmk0.teiuF8VgiZGDHvGFtygG {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.u34IKwilU8ORnVy3Jmk0 span {
  font-size: 16px;
  color: var(--admin-text-secondary);
  flex-shrink: 0;
}

.xeMRJnFplb2rwzl1clcm {
  font-size: 12px;
  color: var(--admin-text-secondary);
  font-weight: 500;
  line-height: 1.3;
}

@media (max-height: 800px) {
  .bAIGo4Ifa2NXCrWvqHI4 {
    margin: 8px 14px 4px 14px;
    padding: 10px;
  }

  .bAIGo4Ifa2NXCrWvqHI4.W330_Ks6_GiKYjokAOln {
    margin: 6px 14px 3px 14px;
    padding: 6px 10px;
  }

  .rWnWSttOE3_nCUytZdB_ {
    font-size: 15px;
    margin-bottom: 2px;
  }

  .kQSgTnfem7temAmdprNu {
    gap: 5px;
    font-size: 12px;
  }
}

@media (max-height: 700px) {
  .bAIGo4Ifa2NXCrWvqHI4 {
    margin: 6px 14px 3px 14px;
    padding: 8px;
  }

  .bAIGo4Ifa2NXCrWvqHI4.W330_Ks6_GiKYjokAOln {
    margin: 4px 14px 2px 14px;
    padding: 6px 8px;
  }

  .GoVnvmsgMADR99SmWOrP {
    gap: 4px;
  }

  .rWnWSttOE3_nCUytZdB_ {
    font-size: 14px;
    margin-bottom: 0;
  }

  .kQSgTnfem7temAmdprNu {
    font-size: 11px;
    line-height: 1.2;
  }

  .kQSgTnfem7temAmdprNu span:first-child {
    font-size: 14px;
  }
}

.x5kUHbDbOjpiux9x3kdE {
  padding: 10px 14px;
  border-bottom: 1px solid var(--admin-border-light);
}

.JuGO5ha30dIVZS_khr0Y {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--admin-text-tertiary);
  margin-bottom: 8px;
}

.nVwF4whBnvrR74OVxHKZ {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}

.x8d_JJIyoxjERKwxWvN1 {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 150ms ease;
  text-decoration: none;
}

.x8d_JJIyoxjERKwxWvN1:hover {
  background-color: var(--admin-bg-hover);
  border-color: var(--admin-accent-primary, #3b82f6);
  transform: translateY(-1px);
}

.x8d_JJIyoxjERKwxWvN1.eemQjpyAZSMyz4KSjoIB {
  background-color: var(--admin-accent-primary, #3b82f6);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: white;
}

.x8d_JJIyoxjERKwxWvN1 span {
  font-size: 18px;
  color: var(--admin-text-tertiary);
}

.x8d_JJIyoxjERKwxWvN1.eemQjpyAZSMyz4KSjoIB span {
  color: white;
}

.x8d_JJIyoxjERKwxWvN1:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.lUkQkiiiqJJUjY3ce1tA {
  width: 16px;
  height: 16px;
  border: 2px solid var(--admin-border-light);
  border-top-color: var(--admin-accent-primary, #3b82f6);
  border-radius: 50%;
  animation: l0JDc3RFV68DTbnAFsPn 0.6s linear infinite;
}

@keyframes l0JDc3RFV68DTbnAFsPn {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  .nVwF4whBnvrR74OVxHKZ {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-height: 800px) {
  .x5kUHbDbOjpiux9x3kdE {
    padding: 8px 14px;
  }

  .x8d_JJIyoxjERKwxWvN1 {
    width: 32px;
    height: 32px;
  }

  .x8d_JJIyoxjERKwxWvN1 span {
    font-size: 16px;
  }
}

@media (max-height: 700px) {
  .x5kUHbDbOjpiux9x3kdE {
    padding: 6px 14px;
  }

  .JuGO5ha30dIVZS_khr0Y {
    margin-bottom: 6px;
    font-size: 10px;
  }

  .x8d_JJIyoxjERKwxWvN1 {
    width: 30px;
    height: 30px;
  }

  .x8d_JJIyoxjERKwxWvN1 span {
    font-size: 14px;
  }
}

.Mg2fUvjVgF2wswZKk707 {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, var(--admin-bg-secondary) 0%, var(--admin-bg-tertiary) 100%);
  overflow: hidden;
  transition: background 200ms ease;
}

.QFgd7I9NArETmJVqGB66 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.jsVlZftP1IruORtO5nVa {
  padding: 12px 14px 0;
}

.Mi2223rG1CEMg2K6Pjug {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background-color: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 150ms ease;
}

.Mi2223rG1CEMg2K6Pjug:hover {
  background-color: var(--admin-bg-hover);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-accent-primary, #3b82f6);
}

.Mi2223rG1CEMg2K6Pjug span {
  font-size: 20px;
}

.NjIHEaiBVNOdnthx1Yqw {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  margin-bottom: 8px;
  background-color: var(--admin-card-bg);
  border: 1px solid var(--admin-border-medium);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 150ms ease;
}

.NjIHEaiBVNOdnthx1Yqw:hover {
  background-color: var(--admin-bg-hover);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-accent-primary, #3b82f6);
}

.NjIHEaiBVNOdnthx1Yqw span:first-child {
  font-size: 18px;
}

.b4HFbkxlSQT8OfT5meuZ {
  margin: 5px 14px 10px 14px;
  padding: 10px;
  background-color: #fef3c7;
  border: 1px solid #f59e0b;
  border-radius: 12px;
  overflow: hidden;
  transition: padding 0.35s ease-in-out,
              margin 0.35s ease-in-out;
}

.b4HFbkxlSQT8OfT5meuZ.CPm3X3M9xM7e2dpuEbk7 {
  margin: 4px 14px 8px 14px;
  padding: 8px 12px;
}

.b4HFbkxlSQT8OfT5meuZ.xsMO6WWEUJwtBXLYkBZ0 {
  background-color: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
}

.MaMye1LNqDBiYciB8IKS {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

.MaMye1LNqDBiYciB8IKS span {
  font-size: 16px;
  color: #d97706;
}

.b4HFbkxlSQT8OfT5meuZ.xsMO6WWEUJwtBXLYkBZ0 .MaMye1LNqDBiYciB8IKS span {
  color: var(--admin-text-secondary);
}

.MaMye1LNqDBiYciB8IKS {
  font-size: 12px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.b4HFbkxlSQT8OfT5meuZ.xsMO6WWEUJwtBXLYkBZ0 .MaMye1LNqDBiYciB8IKS {
  color: var(--admin-text-secondary);
}

.RssqK0E1U5xl5r_EoQJ6 {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.gowN4a5tulrbPDr9pyUg {
  font-size: 18px;
  font-weight: 700;
  color: #92400e;
}

.sVMs3zA0kPcNHo7ZJKno {
  font-size: 12px;
  color: #b45309;
}

.b4HFbkxlSQT8OfT5meuZ.xsMO6WWEUJwtBXLYkBZ0 .sVMs3zA0kPcNHo7ZJKno {
  color: var(--admin-text-secondary);
}

.cnyAG2oV42C8ti2hNoxd {
  margin: 10px 14px 5px 14px;
  padding: 10px;
  background-color: var(--admin-bg-hover);
  border: 1px solid var(--admin-accent-primary, #3b82f6);
  border-radius: 12px;
  overflow: hidden;
  transition: padding 0.35s ease-in-out,
              margin 0.35s ease-in-out,
              background-color 0.35s ease-in-out,
              border-color 0.35s ease-in-out;
}

.cnyAG2oV42C8ti2hNoxd.CPm3X3M9xM7e2dpuEbk7 {
  margin: 8px 14px 4px 14px;
  padding: 8px 12px;
  background-color: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
}

.cnKU5px2dvIv_pRC6IHc {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-accent-primary, #1e40af);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  max-height: 50px;
  opacity: 1;
  transition: max-height 0.35s ease-in-out,
              opacity 0.35s ease-in-out,
              margin 0.35s ease-in-out;
}

.cnKU5px2dvIv_pRC6IHc.QFgd7I9NArETmJVqGB66 {
  max-height: 0;
  opacity: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.cnKU5px2dvIv_pRC6IHc span {
  font-size: 16px;
  color: var(--admin-accent-primary, #3b82f6);
}

.reJRsPtGvPPjOia36A3p {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.MsTBKfzpnZKMaC6h79ju {
  font-size: 16px;
  font-weight: 700;
  color: var(--admin-text-primary);
  line-height: 1.3;
  margin-bottom: 2px;
  transition: font-size 0.35s ease-in-out,
              margin 0.35s ease-in-out;
}

.MsTBKfzpnZKMaC6h79ju.sO6f1Dkfhz0v5zTu6hRQ {
  font-size: 14px;
  margin-bottom: 0;
}

.AIia3Cx3qmd7iE1eeSU3 {
  max-height: 500px;
  opacity: 1;
  transition: max-height 0.35s ease-in-out,
              opacity 0.35s ease-in-out;
}

.AIia3Cx3qmd7iE1eeSU3.QFgd7I9NArETmJVqGB66 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.vOyzHd3qp4oRtat5ocTH {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  font-size: 13px;
  color: var(--admin-text-secondary);
  line-height: 1.3;
}

.vOyzHd3qp4oRtat5ocTH span:first-child {
  font-size: 16px;
  color: var(--admin-accent-primary, #3b82f6);
  flex-shrink: 0;
  margin-top: 1px;
}

.A9CM1sUQa5ppqc2Tc_TA {
  height: 1px;
  background-color: var(--admin-border-medium);
  margin: 2px 0;
}

.ZrsOEnqgC39MRTGcAW45 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

.UtgCFL8sCnux6qGSEHn3 {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary);
  line-height: 1.4;
}

.iR1TmXe7BZYi9IW2jdv1 {
  font-size: 13px;
  color: var(--admin-text-secondary);
  line-height: 1.4;
}

.oGo8fIzHTIr3doeeLZ7S {
  font-size: 13px;
  color: var(--admin-text-tertiary);
  font-style: italic;
}

.xtpWzcIV0aAocLa24436 {
  padding: 10px 14px;
  border-bottom: 1px solid var(--admin-border-light);
}

.sics9Ii339lBlFtRTL12 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--admin-text-tertiary);
  margin-bottom: 8px;
}

.MDjHkIS7Oz5tlhYZFcum {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}

.mBVswfZ4rFj7SKHcJ43o {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 150ms ease;
  text-decoration: none;
}

.mBVswfZ4rFj7SKHcJ43o:hover {
  background-color: var(--admin-bg-hover);
  border-color: var(--admin-accent-primary, #3b82f6);
  transform: translateY(-1px);
}

.mBVswfZ4rFj7SKHcJ43o.h4qVY6PirfcN4oMvpndl {
  background-color: var(--admin-accent-primary, #3b82f6);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: white;
}

.mBVswfZ4rFj7SKHcJ43o span {
  font-size: 18px;
  color: var(--admin-text-tertiary);
}

.mBVswfZ4rFj7SKHcJ43o.h4qVY6PirfcN4oMvpndl span {
  color: white;
}

.mBVswfZ4rFj7SKHcJ43o:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.XHCHUmc1tpdZBMxvx2a8 {
  width: 16px;
  height: 16px;
  border: 2px solid var(--admin-border-light);
  border-top-color: var(--admin-accent-primary, #3b82f6);
  border-radius: 50%;
  animation: e4CNFjXk9eH6ajnM4agb 0.6s linear infinite;
}

@keyframes e4CNFjXk9eH6ajnM4agb {
  to {
    transform: rotate(360deg);
  }
}

.xjo5RkOB5vtu7lPSRVgg {
  flex: 1;
  padding: 0 14px;
  overflow-y: auto;

  /* Cross-browser scrollbar hiding */
  scrollbar-width: none;
  -ms-overflow-style: none;

  &::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
}

.i6Xhbo7pvPzO3C9m1Qla {
  padding: 10px 0;
}

.toJVkeLRv1f4nrC_S7aI {
  list-style: none;
  margin: 0;
  padding: 0;
}

.l4aBKLo1I2KXbu5OHm6I {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: none;
  background: transparent;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 150ms ease;
  text-align: left;
  margin-bottom: 2px;
  position: relative;
  text-decoration: none;
}

.l4aBKLo1I2KXbu5OHm6I:hover {
  background-color: var(--admin-card-bg);
  color: var(--admin-text-primary);
}

.l4aBKLo1I2KXbu5OHm6I.h4qVY6PirfcN4oMvpndl {
  background-color: var(--admin-card-bg);
  color: var(--admin-accent-primary, #3b82f6);
  font-weight: 600;
}

.l4aBKLo1I2KXbu5OHm6I.h4qVY6PirfcN4oMvpndl::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 20px;
  background-color: var(--admin-accent-primary, #3b82f6);
  border-radius: 0 4px 4px 0;
}

.l4aBKLo1I2KXbu5OHm6I span:first-child {
  font-size: 20px;
  color: var(--admin-text-tertiary);
}

.l4aBKLo1I2KXbu5OHm6I.h4qVY6PirfcN4oMvpndl span:first-child,
.l4aBKLo1I2KXbu5OHm6I:hover span:first-child {
  color: var(--admin-accent-primary, #3b82f6);
}

.EaMzK3Uh2ZmdtIqS8GYv {
  flex: 1;
}

.mYNYav1J8m2e0rm6hchZ {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background-color: #ef4444;
  color: white;
  font-size: 11px;
  font-weight: 600;
  margin-left: auto;
}

.l4aBKLo1I2KXbu5OHm6I.h4qVY6PirfcN4oMvpndl .mYNYav1J8m2e0rm6hchZ {
  background-color: #dc2626;
}

._Cc_idTemRMHRZE6eLTf {
  font-size: 18px !important;
  transition: transform 150ms ease;
}

.l4aBKLo1I2KXbu5OHm6I[data-expanded="true"] ._Cc_idTemRMHRZE6eLTf {
  transform: rotate(180deg);
}

.CjAbZ4Vchw7G3BWy8Trw {
  list-style: none;
  margin: 4px 0 4px 28px;
  padding: 0;
}

.fWkWDg4ZPhvL_vaQmcu3 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: none;
  background: transparent;
  border-radius: 6px;
  font-size: 13px;
  color: var(--admin-text-tertiary);
  cursor: pointer;
  transition: all 150ms ease;
  text-align: left;
  margin-bottom: 2px;
  text-decoration: none;
}

.fWkWDg4ZPhvL_vaQmcu3:hover {
  background-color: var(--admin-bg-hover);
  color: var(--admin-text-secondary);
}

.fWkWDg4ZPhvL_vaQmcu3.h4qVY6PirfcN4oMvpndl {
  background-color: var(--admin-card-bg);
  color: var(--admin-accent-primary, #3b82f6);
  font-weight: 500;
}

.fWkWDg4ZPhvL_vaQmcu3 span:first-child {
  font-size: 18px;
  color: var(--admin-text-tertiary);
}

.fWkWDg4ZPhvL_vaQmcu3.h4qVY6PirfcN4oMvpndl span:first-child,
.fWkWDg4ZPhvL_vaQmcu3:hover span:first-child {
  color: var(--admin-accent-primary, #3b82f6);
}

.Y5E6SHrXijZ7BTWHQuwl {
  padding: 12px 14px;
  border-top: 1px solid var(--admin-border-light);
}

.QpiZnY7pEKgx8mbz9OoC {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background-color: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  font-size: 14px;
  color: var(--admin-text-tertiary);
  cursor: pointer;
  transition: all 150ms ease;
}

.QpiZnY7pEKgx8mbz9OoC:hover {
  background-color: var(--admin-card-bg);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-accent-primary, #3b82f6);
}

.QpiZnY7pEKgx8mbz9OoC span:first-child {
  font-size: 18px;
}

.ziuSE3IVinpX86qdc9Rd {
  padding: 12px;
  margin-bottom: 12px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(59, 130, 246, 0.08) 50%, rgba(236, 72, 153, 0.08) 100%);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

/* .applicationScoreCard::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #8b5cf6, #3b82f6, #ec4899);
} */

.hsDKLkdlmeiJb97B3ZH2 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}

.hsDKLkdlmeiJb97B3ZH2 > span:first-child {
  font-size: 14px;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  flex-shrink: 0;
}

.dOoedEFe8xmelB87lrYG {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  white-space: nowrap;
  flex-shrink: 0;
}

.Sg5kEa6eP0GiAtfS6jOE {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15) 0%, rgba(59, 130, 246, 0.15) 100%);
  border-radius: 12px;
  margin-left: auto;
}

.Sg5kEa6eP0GiAtfS6jOE span {
  font-size: 12px !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.xqSdkNwzpDFlWMDZexFz {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.05em;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.CP5lruWi1oobTFk9yodP {
  display: flex;
  align-items: baseline;
  gap: 2px;
  margin-left: auto;
  flex-shrink: 0;
}

.GzWvoxWuLw4gWoTIFNmN {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.WIh3QR6E4EgYCxMS4QHw {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-tertiary);
}

.aFSY8WNMJLAubCcFVclP {
  width: 100%;
  height: 6px;
  background-color: rgba(148, 163, 184, 0.2);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 10px;
}

.BsaPBua7BxsKe5lrqjAn {
  height: 100%;
  background: linear-gradient(90deg, #8b5cf6, #3b82f6, #ec4899);
  border-radius: 3px;
  transition: width 0.5s ease;
}

.N0eiI52I8sBGspEsyRku {
  font-size: 9px;
  color: #8b5cf6;
  line-height: 1.4;
}

.ziuSE3IVinpX86qdc9Rd .hsDKLkdlmeiJb97B3ZH2 {
  cursor: pointer;
  transition: background 0.15s ease;
  border-radius: 6px;
  margin: -6px;
  padding: 6px;
}

.ziuSE3IVinpX86qdc9Rd .hsDKLkdlmeiJb97B3ZH2:hover {
  background: rgba(139, 92, 246, 0.06);
}

.wTrv6pKNKoJGzFv7nMO9 {
  display: none;
  font-size: 18px !important;
  color: #8b5cf6;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.wTrv6pKNKoJGzFv7nMO9.BbxybSbva5fzYOQrRJH4 {
  transform: rotate(180deg);
}

.BpNAiyF98WVNBsmLQu_P {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(139, 92, 246, 0.15);
  animation: jFxAzi8CdiMumT3IzwSp 0.2s ease;
}

@keyframes jFxAzi8CdiMumT3IzwSp {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.LxD3AjOJAtvTdPDozLvF {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.oPx43yrVsqIMiNmbMyhV {
  display: grid;
  grid-template-columns: 20px 1fr auto;
  grid-template-rows: auto auto;
  gap: 4px 8px;
  align-items: center;
}

.oPx43yrVsqIMiNmbMyhV > span:first-child {
  grid-row: span 2;
  font-size: 16px !important;
  color: #8b5cf6;
  align-self: center;
}

.FsosUNOGBzwqaRqyUQe8 {
  display: flex;
  align-items: center;
  gap: 6px;
}

.diNEr8xvGyCf9zm3NokG {
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.urDbKdh0Y4bhkppLPfwn {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.XmEGVHcy8hspsmDeiUrC {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-self: end;
}

.miUmweKaoNmYO9yV5uO5 {
  font-size: 10px;
  font-weight: 600;
  color: #22c55e;
}

._IK8_T8qJ_ofgyfjWQ6u {
  font-size: 9px;
  color: var(--admin-text-tertiary);
}

.lklE8EQ2LlMpOVnAtew_ {
  grid-column: 2 / 4;
  height: 3px;
  background-color: rgba(148, 163, 184, 0.2);
  border-radius: 2px;
  overflow: hidden;
}

.DoJHaxubRbFpv_ypa7U2 {
  height: 100%;
  background: linear-gradient(90deg, #8b5cf6, #3b82f6);
  border-radius: 2px;
  transition: width 0.3s ease;
}

/* Score Card Loading States */
.tJDiqvxf8G9SM64a3kza {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg,
    rgba(148, 163, 184, 0.1) 25%,
    rgba(148, 163, 184, 0.2) 50%,
    rgba(148, 163, 184, 0.1) 75%
  );
  background-size: 200% 100%;
  animation: H3yOmIrnmqqmXwHW8f2q 1.5s infinite;
}

@keyframes H3yOmIrnmqqmXwHW8f2q {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.ziuSE3IVinpX86qdc9Rd.HO7MwWTYbdpNt9bz7UDz {
  opacity: 0.7;
}

.uYwsVeBXMmGclh1Lqzw1 {
  font-size: 11px;
  color: var(--admin-text-tertiary);
  font-style: italic;
}

.aFSY8WNMJLAubCcFVclP.ReKzek7mGa4Y_37JVKpo {
  position: relative;
  overflow: hidden;
}

.aFSY8WNMJLAubCcFVclP.ReKzek7mGa4Y_37JVKpo::after {
  content: '';
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.4), transparent);
  animation: naLngYhMwgwmWChkJYOb 1.5s infinite;
}

@keyframes naLngYhMwgwmWChkJYOb {
  0% { left: -50%; }
  100% { left: 100%; }
}

.T3W6Fy9u3B5LFehWwLx7 {
  width: 100%;
  margin-top: 8px;
  padding: 8px 12px;
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 6px;
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.T3W6Fy9u3B5LFehWwLx7:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.2);
  border-color: rgba(239, 68, 68, 0.5);
}

.T3W6Fy9u3B5LFehWwLx7:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.GoF2y8RbowC1ZRPj8F_m {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--admin-border-subtle);
}

.IXVb2RmONjxlnWDjf1ka {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--admin-border-subtle);
  border-radius: 6px;
  background: transparent;
  color: var(--admin-text-secondary);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.IXVb2RmONjxlnWDjf1ka span {
  font-size: 14px !important;
}

.IXVb2RmONjxlnWDjf1ka:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.3);
  color: #8b5cf6;
}

.IXVb2RmONjxlnWDjf1ka:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.vfMoFt1ZF0kN3wFKUV8Y {
  font-size: 10px;
  color: var(--admin-text-tertiary);
}

/* LLM Narrative Styles */
.GlKrCxSdu0zFB3J5DG80 {
  margin-top: 12px;
  padding: 10px;
  background: rgba(139, 92, 246, 0.05);
  border: 1px solid rgba(139, 92, 246, 0.15);
  border-radius: 8px;
}

.B7pakdyW79p2dfr62gvR {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 600;
  color: #8b5cf6;
}

.B7pakdyW79p2dfr62gvR span:first-child {
  font-size: 14px !important;
}

.AuVvP1x9Rw4cWpcBNPzz {
  font-size: 11px;
  line-height: 1.5;
  color: var(--admin-text-secondary);
  margin: 0;
}

.CURkACQ_S1Gfh1fKzUyY {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(139, 92, 246, 0.15);
  font-size: 11px;
  color: var(--admin-text-primary);
  text-transform: capitalize;
}

.lqAmIlodriDKewnuWIxB {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 10px;
  background: rgba(148, 163, 184, 0.1);
  border-radius: 8px;
  font-size: 11px;
  color: var(--admin-text-secondary);
}

.lqAmIlodriDKewnuWIxB span {
  font-size: 16px !important;
  color: #8b5cf6;
}

/* Rotating animation for loading states */
@keyframes mP9HzgdtNAK4MoRMy0s7 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.rotating {
  animation: mP9HzgdtNAK4MoRMy0s7 1s linear infinite;
}

.zpdCTcCPjl_lFLAM0qst {
  display: flex;
  align-items: center;
  gap: 8px;
  max-height: 100px;
  opacity: 1;
  transition: max-height 0.35s ease-in-out,
              opacity 0.35s ease-in-out;
}

.zpdCTcCPjl_lFLAM0qst.QFgd7I9NArETmJVqGB66 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.zpdCTcCPjl_lFLAM0qst span {
  font-size: 16px;
  color: var(--admin-text-secondary);
  flex-shrink: 0;
}

.Z5du8_Y0z6x8unfyy7LV {
  font-size: 12px;
  color: var(--admin-text-secondary);
  font-weight: 500;
  line-height: 1.3;
}

.TbwIKZn5ktJddpz2HPI2 {
  max-height: 100px;
  opacity: 1;
  transition: max-height 0.35s ease-in-out,
              opacity 0.35s ease-in-out;
}

.TbwIKZn5ktJddpz2HPI2.QFgd7I9NArETmJVqGB66 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.Ah6CsYXj95BShi1iZJvK {
  display: flex;
  align-items: center;
  gap: 8px;
  max-height: 50px;
  opacity: 1;
  transition: max-height 0.35s ease-in-out,
              opacity 0.35s ease-in-out;
}

.Ah6CsYXj95BShi1iZJvK.QFgd7I9NArETmJVqGB66 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.Ah6CsYXj95BShi1iZJvK span:first-child {
  font-size: 16px;
  color: #d97706;
  flex-shrink: 0;
}

.b4HFbkxlSQT8OfT5meuZ.xsMO6WWEUJwtBXLYkBZ0 .Ah6CsYXj95BShi1iZJvK span:first-child {
  color: var(--admin-text-secondary);
}

.iwJRqgVoqZd2s55rf1m7 {
  font-size: 13px;
  font-weight: 600;
  color: #92400e;
}

.b4HFbkxlSQT8OfT5meuZ.xsMO6WWEUJwtBXLYkBZ0 .iwJRqgVoqZd2s55rf1m7 {
  color: var(--admin-text-secondary);
}

@media (max-width: 768px) {
  .MDjHkIS7Oz5tlhYZFcum {
    grid-template-columns: repeat(4, 1fr);
  }

  .xjo5RkOB5vtu7lPSRVgg {
    padding: 0 14px;
  }
}

@media (max-height: 800px) {
  .cnyAG2oV42C8ti2hNoxd {
    margin: 8px 14px 4px 14px;
    padding: 10px;
  }

  .cnyAG2oV42C8ti2hNoxd.CPm3X3M9xM7e2dpuEbk7 {
    margin: 6px 14px 3px 14px;
    padding: 6px 10px;
  }

  .b4HFbkxlSQT8OfT5meuZ {
    margin: 4px 14px 8px 14px;
    padding: 10px;
  }

  .b4HFbkxlSQT8OfT5meuZ.CPm3X3M9xM7e2dpuEbk7 {
    margin: 3px 14px 6px 14px;
    padding: 6px 10px;
  }

  .MsTBKfzpnZKMaC6h79ju {
    font-size: 15px;
    margin-bottom: 2px;
  }

  .vOyzHd3qp4oRtat5ocTH {
    gap: 5px;
    font-size: 12px;
  }

  .xtpWzcIV0aAocLa24436 {
    padding: 8px 14px;
  }

  .mBVswfZ4rFj7SKHcJ43o {
    width: 32px;
    height: 32px;
  }

  .mBVswfZ4rFj7SKHcJ43o span {
    font-size: 16px;
  }

  .l4aBKLo1I2KXbu5OHm6I {
    padding: 8px 12px;
  }

  .fWkWDg4ZPhvL_vaQmcu3 {
    padding: 6px 12px;
  }

  .Y5E6SHrXijZ7BTWHQuwl {
    padding: 10px 14px;
  }
}

@media (max-height: 700px) {
  .cnyAG2oV42C8ti2hNoxd {
    margin: 6px 14px 3px 14px;
    padding: 8px;
  }

  .cnyAG2oV42C8ti2hNoxd.CPm3X3M9xM7e2dpuEbk7 {
    margin: 4px 14px 2px 14px;
    padding: 6px 8px;
  }

  .reJRsPtGvPPjOia36A3p {
    gap: 4px;
  }

  .MsTBKfzpnZKMaC6h79ju {
    font-size: 14px;
    margin-bottom: 0;
  }

  .vOyzHd3qp4oRtat5ocTH {
    font-size: 11px;
    line-height: 1.2;
  }

  .vOyzHd3qp4oRtat5ocTH span:first-child {
    font-size: 14px;
  }

  .b4HFbkxlSQT8OfT5meuZ {
    margin: 3px 14px 6px 14px;
    padding: 8px;
  }

  .b4HFbkxlSQT8OfT5meuZ.CPm3X3M9xM7e2dpuEbk7 {
    margin: 2px 14px 4px 14px;
    padding: 6px 8px;
  }

  .gowN4a5tulrbPDr9pyUg {
    font-size: 16px;
  }

  .xtpWzcIV0aAocLa24436 {
    padding: 6px 14px;
  }

  .sics9Ii339lBlFtRTL12 {
    margin-bottom: 6px;
    font-size: 10px;
  }

  .mBVswfZ4rFj7SKHcJ43o {
    width: 30px;
    height: 30px;
  }

  .mBVswfZ4rFj7SKHcJ43o span {
    font-size: 14px;
  }

  .i6Xhbo7pvPzO3C9m1Qla {
    padding: 8px 0;
  }

  .l4aBKLo1I2KXbu5OHm6I {
    padding: 7px 10px;
    font-size: 13px;
    margin-bottom: 1px;
  }

  .fWkWDg4ZPhvL_vaQmcu3 {
    padding: 5px 10px;
    font-size: 12px;
  }

  .Mi2223rG1CEMg2K6Pjug {
    padding: 10px 14px;
    font-size: 13px;
  }

  .Y5E6SHrXijZ7BTWHQuwl {
    padding: 8px 14px;
  }

  .QpiZnY7pEKgx8mbz9OoC {
    padding: 10px 14px;
    font-size: 13px;
  }

  .NjIHEaiBVNOdnthx1Yqw {
    padding: 10px 14px;
    font-size: 13px;
  }
}
.MutqDSgYspxDQhqpkkiw {
  background: linear-gradient(135deg, #7c3aed, #6d28d9);
  color: #fff;
  padding: 6px 16px;
  position: relative;
  z-index: 1000;
  flex-shrink: 0;
}

.Wh0AleOgiZqgVN4oF_vx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  gap: 12px;
}

.rRclCty0T9d7Dth56kQn {
  display: flex;
  align-items: center;
  gap: 8px;
}

.gfjUhNDdn8NT1W1Cep3a {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.02em;
}

.eJ3p567dbdfroDrgqTfv {
  font-size: 12px;
  opacity: 0.8;
  padding-left: 4px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.icXfWt1waRjJLsk4XMyy {
  display: flex;
  align-items: center;
  gap: 8px;
}

.UXoa6wPFJ7ON8sebZGwQ,
.Ocil4yBJHsp06R7PK2G8 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease;
}

.UXoa6wPFJ7ON8sebZGwQ:hover {
  background: rgba(255, 255, 255, 0.2);
}

.Ocil4yBJHsp06R7PK2G8 {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.4);
}

.Ocil4yBJHsp06R7PK2G8:hover {
  background: rgba(239, 68, 68, 0.6);
  border-color: rgba(239, 68, 68, 0.8);
}

/* Admin-specific slot content styles */

.CwPt_ZNz40IG1mecqAT1 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  margin-bottom: 8px;
  background-color: var(--admin-card-bg);
  border: 1px solid var(--admin-border-medium);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 150ms ease;
}

.CwPt_ZNz40IG1mecqAT1:hover {
  background-color: var(--admin-bg-hover);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-accent-primary, #3b82f6);
}

.CwPt_ZNz40IG1mecqAT1 span:first-child {
  font-size: 18px;
}

.n5vTrgBzmX38Q5SWAUSO {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background-color: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  font-size: 14px;
  color: var(--admin-text-tertiary);
  cursor: pointer;
  transition: all 150ms ease;
}

.n5vTrgBzmX38Q5SWAUSO:hover {
  background-color: var(--admin-card-bg);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-accent-primary, #3b82f6);
}

.n5vTrgBzmX38Q5SWAUSO span:first-child {
  font-size: 18px;
}

@media (max-height: 700px) {
  .CwPt_ZNz40IG1mecqAT1 {
    padding: 10px 14px;
    font-size: 13px;
  }

  .n5vTrgBzmX38Q5SWAUSO {
    padding: 10px 14px;
    font-size: 13px;
  }
}

.user-list-container {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  padding: 0;
  max-width: 1400px;
  margin: 0 auto;
}

.user-list-container h2 {
  font-size: 24px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin-bottom: 24px;
  letter-spacing: -0.025em;
}

.user-list-container .table-wrapper {
  background: var(--admin-card-bg);
  border-radius: 12px;
  box-shadow: var(--admin-shadow-sm);
  overflow: hidden;
}

/* Force horizontal scrolling and sticky behavior */
.user-list-container .table-wrapper {
  display: flex;
  width: 100%;
  background: var(--admin-card-bg);
  border-radius: 12px;
  box-shadow: var(--admin-shadow-sm);
  overflow: hidden;
}

/* Left sticky column */
.user-list-container .sticky-left-column {
  flex: 0 0 200px;
  background: var(--admin-card-bg);
  border-right: 1px solid var(--admin-border-light);
  z-index: 10;
  overflow: hidden;
}

.user-list-container .sticky-left-column .email-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}

/* Middle scrollable area */
.user-list-container .scrollable-middle {
  flex: 1;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Right sticky column */
.user-list-container .sticky-right-column {
  flex: 0 0 280px;
  background: var(--admin-card-bg);
  border-left: 1px solid var(--admin-border-light);
  z-index: 10;
  overflow: hidden;
}

.user-list-container .sticky-right-column .action-buttons {
  padding: 0 8px;
  overflow: hidden;
}

.user-list-container .sticky-right-column .action-buttons .btn-action {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-list-container .modern-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.user-list-container .scrollable-middle .modern-table {
  min-width: 500px; /* Width for middle columns */
}

/* Synchronize row heights across all three tables */
.user-list-container .modern-table tbody tr {
  height: 60px; /* Fixed row height */
}

.user-list-container .modern-table thead tr {
  height: 44px; /* Fixed header height */
}

.user-list-container .modern-table tbody tr td {
  vertical-align: middle;
  height: 60px;
  box-sizing: border-box;
}

.user-list-container .modern-table thead tr th {
  vertical-align: middle;
  height: 44px;
  box-sizing: border-box;
}

/* Synchronized hover effects across all three tables */
.user-list-container .modern-table tbody tr.hovered {
  background: var(--admin-bg-hover) !important;
}

/* Ensure no hover effects change dimensions */
.user-list-container .modern-table tbody tr:hover::after {
  display: none;
}

.user-list-container .modern-table thead {
  background: var(--admin-table-header-bg, var(--admin-bg-secondary));
}

.user-list-container .modern-table thead tr th {
  padding: 12px 20px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--admin-text-secondary);
  text-align: left;
  border-bottom: 1px solid var(--admin-border-light);
  border-right: none;
  border-left: none;
  border-top: none;
  white-space: nowrap;
}

.user-list-container .modern-table thead tr th.sortable-header {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.15s ease;
}

.user-list-container .modern-table thead tr th.sortable-header:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.user-list-container .modern-table thead tr th.sortable-header .header-content {
  display: flex;
  align-items: center;
  gap: 6px;
}

.user-list-container .modern-table thead tr th.sortable-header .header-content svg {
  font-size: 12px;
  transition: transform 0.15s ease;
}

.user-list-container .modern-table thead tr th:first-child {
  padding-left: 24px;
}

.user-list-container .modern-table thead tr th:last-child {
  padding-right: 24px;
  text-align: right;
}

.user-list-container .modern-table thead tr th:last-child .header-content {
  justify-content: flex-end;
}

.user-list-container .modern-table tbody tr {
  background: var(--admin-card-bg);
  transition: all 0.15s ease;
  position: relative;
}

.user-list-container .modern-table tbody tr:hover {
  background: var(--admin-bg-hover);
}

.user-list-container .modern-table tbody tr:hover::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  pointer-events: none;
  border-radius: 0;
}

.user-list-container .modern-table tbody tr:last-child td {
  border-bottom: none;
}

.user-list-container .modern-table tbody tr td {
  padding: 16px 20px;
  font-size: 14px;
  color: var(--admin-text-primary);
  border-bottom: 1px solid var(--admin-border-light);
  vertical-align: middle;
}

.user-list-container .modern-table tbody tr td:first-child {
  padding-left: 24px;
  font-weight: 500;
  color: var(--admin-text-primary);
}

.user-list-container .modern-table tbody tr td:last-child {
  padding-right: 24px;
  text-align: right;
}

.user-list-container .modern-table tbody tr td.email-cell {
  color: var(--admin-text-primary);
  font-weight: 500;
}

.user-list-container .modern-table tbody tr td.name-cell {
  color: var(--admin-text-secondary);
}

.user-list-container .modern-table tbody tr td.phone-cell {
  font-family: 'SF Mono', Monaco, 'Courier New', monospace;
  font-size: 13px;
  color: var(--admin-text-secondary);
}

.user-list-container .modern-table tbody tr td.date-cell {
  color: var(--admin-text-secondary);
  font-size: 13px;
}

/* Modern badges */
.user-list-container .user-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 6px;
  letter-spacing: 0.025em;
  text-transform: capitalize;
}

.user-list-container .user-badge.badge-admin {
  background: #fee2e2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}

.user-list-container .user-badge.badge-borrower {
  background: #dbeafe;
  color: #1e40af;
  border: 1px solid #bfdbfe;
}

/* Modern buttons */
.user-list-container .action-buttons {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.user-list-container .action-buttons .btn-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 6px;
  border: 1px solid var(--admin-border-light);
  background: var(--admin-card-bg);
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  min-width: 120px;
  justify-content: center;
}

.user-list-container .action-buttons .btn-action:hover:not(:disabled) {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-medium);
  transform: translateY(-1px);
  box-shadow: var(--admin-shadow-sm);
}

.user-list-container .action-buttons .btn-action:active:not(:disabled) {
  transform: translateY(0);
}

.user-list-container .action-buttons .btn-action.btn-dashboard {
  background: var(--admin-card-bg);
  color: #10b981;
  border-color: #10b981;
}

.user-list-container .action-buttons .btn-action.btn-dashboard:hover:not(:disabled) {
  background: #f0fdf4;
  border-color: #059669;
  color: #059669;
}

.user-list-container .action-buttons .btn-action.btn-impersonate {
  background: var(--admin-card-bg);
  color: #3b82f6;
  border-color: #3b82f6;
}

.user-list-container .action-buttons .btn-action.btn-impersonate:hover:not(:disabled) {
  background: #eff6ff;
  border-color: #2563eb;
  color: #2563eb;
}

.user-list-container .action-buttons .btn-action:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.user-list-container .action-buttons .btn-action svg,
.user-list-container .action-buttons .btn-action .icon {
  font-size: 14px;
  width: 14px;
  height: 14px;
}

.user-list-container .action-buttons .btn-action .spinner {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

/* Loading and empty states */
.user-list-container .loading-container,
.user-list-container .empty-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  background: var(--admin-card-bg);
  border-radius: 12px;
  box-shadow: var(--admin-shadow-sm);
}

.user-list-container .loading-container .spinner-large {
  width: 40px;
  height: 40px;
  border: 3px solid var(--admin-border-light);
  border-top-color: var(--admin-accent-primary);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.user-list-container .loading-container .empty-message,
.user-list-container .empty-container .empty-message {
  color: var(--admin-text-secondary);
  font-size: 15px;
  margin-top: 12px;
}

.user-list-container .status-info {
  color: var(--admin-text-secondary);
  font-size: 14px;
  margin-bottom: 16px;
}

.user-list-container .status-info .highlight {
  font-weight: 600;
  color: var(--admin-text-primary);
}

/* Sticky columns for horizontal scrolling - Updated */
@media (max-width: 768px) {
  .user-list-container .modern-table {
    min-width: 900px !important;
    table-layout: fixed;
  }

  /* Left sticky column (Email) */
  .user-list-container .modern-table th.sticky-left,
  .user-list-container .modern-table td.sticky-left {
    position: sticky !important;
    left: 0 !important;
    z-index: 10 !important;
    background: var(--admin-card-bg) !important;
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05) !important;
    min-width: 200px !important;
  }

  /* Right sticky column (Actions) */
  .user-list-container .modern-table th.sticky-right,
  .user-list-container .modern-table td.sticky-right {
    position: sticky !important;
    right: 0 !important;
    z-index: 10 !important;
    background: var(--admin-card-bg) !important;
    box-shadow: -2px 0 4px rgba(0, 0, 0, 0.05) !important;
    min-width: 280px !important;
  }

  /* Header styling for sticky columns */
  .user-list-container .modern-table thead th.sticky-left,
  .user-list-container .modern-table thead th.sticky-right {
    background: var(--admin-table-header-bg, var(--admin-bg-secondary));
  }

  /* Scrollable columns */
  .user-list-container .modern-table th.scrollable-col,
  .user-list-container .modern-table td.scrollable-col {
    min-width: 120px;
  }

  /* Ensure sticky columns have proper borders */
  .user-list-container .modern-table .sticky-left::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--admin-border-light);
    z-index: 1;
  }

  .user-list-container .modern-table .sticky-right::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--admin-border-light);
    z-index: 1;
  }

  /* Enhanced hover effects for sticky columns */
  .user-list-container .modern-table tbody tr:hover td.sticky-left {
    background: var(--admin-bg-hover);
    box-shadow: 2px 0 6px rgba(0, 0, 0, 0.08);
  }

  .user-list-container .modern-table tbody tr:hover td.sticky-right {
    background: var(--admin-bg-hover);
    box-shadow: -2px 0 6px rgba(0, 0, 0, 0.08);
  }
}

/* Mobile responsive design */
@media (max-width: 1024px) {
  .user-list-container .action-buttons {
    min-width: 240px;
    gap: 8px;
  }

  .user-list-container .action-buttons .btn-action {
    min-width: 100px;
    padding: 6px 10px;
    font-size: 11px;
  }
}

/* Additional styles for tablet and small desktop */
@media (max-width: 768px) and (min-width: 577px) {
  .user-list-container {
    padding: 0 16px;
  }

  .user-list-container h2 {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .user-list-container .modern-table thead tr th {
    padding: 10px 12px;
    font-size: 10px;
  }

  .user-list-container .modern-table tbody tr td {
    padding: 12px;
    font-size: 13px;
  }

  .user-list-container .action-buttons {
    gap: 6px;
  }

  .user-list-container .action-buttons .btn-action {
    min-width: 90px;
    padding: 5px 8px;
    font-size: 10px;
  }

  .user-list-container .action-buttons .btn-action svg,
  .user-list-container .action-buttons .btn-action .icon {
    font-size: 12px;
    width: 12px;
    height: 12px;
  }
}

/* Card layout for mobile (below 576px) */
@media (max-width: 576px) {
  .user-list-container .table-wrapper {
    background: transparent;
    box-shadow: none;
  }

  .user-list-container .modern-table {
    display: block;
    min-width: unset;
  }

  .user-list-container .modern-table thead {
    display: none;
  }

  .user-list-container .modern-table tbody {
    display: block;
  }

  .user-list-container .modern-table tbody tr {
    display: block;
    background: var(--admin-card-bg);
    border-radius: 12px;
    box-shadow: var(--admin-shadow-sm);
    margin-bottom: 12px;
    padding: 16px;
  }

  .user-list-container .modern-table tbody tr:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  }

  .user-list-container .modern-table tbody tr:hover::after {
    display: none;
  }

  .user-list-container .modern-table tbody tr td {
    display: block;
    padding: 8px 0;
    border: none;
    text-align: left !important;
  }

  .user-list-container .modern-table tbody tr td:first-child {
    padding-left: 0;
    padding-top: 0;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
  }

  .user-list-container .modern-table tbody tr td:last-child {
    padding-right: 0;
    padding-bottom: 0;
  }

  .user-list-container .modern-table tbody tr td:before {
    content: attr(data-label);
    display: inline-block;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--admin-text-secondary);
    margin-right: 8px;
    min-width: 80px;
  }

  .user-list-container .modern-table tbody tr td.email-cell:before {
    content: "Email: ";
  }

  .user-list-container .modern-table tbody tr td.name-cell:nth-of-type(2):before {
    content: "First: ";
  }

  .user-list-container .modern-table tbody tr td.name-cell:nth-of-type(3):before {
    content: "Last: ";
  }

  .user-list-container .modern-table tbody tr td.phone-cell:before {
    content: "Phone: ";
  }

  .user-list-container .modern-table tbody tr td.date-cell:before {
    content: "Joined: ";
  }

  .user-list-container .modern-table tbody tr td:last-child:before {
    display: none;
  }

  .user-list-container .action-buttons {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--admin-border-light);
    min-width: unset;
  }

  .user-list-container .action-buttons .btn-action {
    justify-content: center;
    width: 100%;
    min-width: unset;
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.archives-container {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  padding: 0;
  max-width: 1400px;
  margin: 0 auto;
}

.archives-container .page-header {
  margin-bottom: 24px;
}

.archives-container .header-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.archives-container .header-title h2 {
  font-size: 24px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.archives-container .header-title .header-icon {
  font-size: 24px;
  color: var(--admin-text-secondary);
}

.archives-container .header-subtitle {
  font-size: 14px;
  color: var(--admin-text-secondary);
  padding-left: 36px;
}

.archives-container .table-wrapper {
  background: var(--admin-card-bg);
  border-radius: 12px;
  box-shadow: var(--admin-shadow-sm);
  overflow: hidden;
  display: flex;
  width: 100%;
}

.archives-container .sticky-left-column {
  flex: 0 0 200px;
  background: var(--admin-card-bg);
  border-right: 1px solid var(--admin-border-light);
  z-index: 10;
  overflow: hidden;
}

.archives-container .sticky-left-column .borrower-name-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.archives-container .scrollable-middle {
  flex: 1;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.archives-container .scrollable-middle .modern-table {
  min-width: 800px;
}

.archives-container .sticky-right-column {
  flex: 0 0 240px;
  background: var(--admin-card-bg);
  border-left: 1px solid var(--admin-border-light);
  z-index: 10;
  overflow: hidden;
}

.archives-container .sticky-right-column .action-buttons {
  padding: 0 8px;
  overflow: hidden;
}

.archives-container .modern-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.archives-container .modern-table tbody tr {
  height: 60px;
}

.archives-container .modern-table thead tr {
  height: 44px;
}

.archives-container .modern-table tbody tr td {
  vertical-align: middle;
  height: 60px;
  box-sizing: border-box;
}

.archives-container .modern-table thead tr th {
  vertical-align: middle;
  height: 44px;
  box-sizing: border-box;
}

.archives-container .modern-table tbody tr.hovered {
  background: var(--admin-bg-hover) !important;
}

.archives-container .modern-table thead {
  background: var(--admin-table-header-bg, var(--admin-bg-secondary));
}

.archives-container .modern-table thead tr th {
  padding: 12px 20px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--admin-text-secondary);
  text-align: left;
  border-bottom: 1px solid var(--admin-border-light);
  white-space: nowrap;
}

.archives-container .modern-table thead tr th.sortable-header {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.15s ease;
}

.archives-container .modern-table thead tr th.sortable-header:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.archives-container .modern-table thead tr th.sortable-header .header-content {
  display: flex;
  align-items: center;
  gap: 6px;
}

.archives-container .modern-table thead tr th.sortable-header .header-content svg {
  font-size: 12px;
  transition: transform 0.15s ease;
}

.archives-container .modern-table thead tr th:first-child {
  padding-left: 24px;
}

.archives-container .modern-table thead tr th:last-child {
  padding-right: 24px;
  text-align: center;
}

.archives-container .modern-table tbody tr {
  background: var(--admin-card-bg);
  transition: all 0.15s ease;
  position: relative;
}

.archives-container .modern-table tbody tr:hover {
  background: var(--admin-bg-hover);
}

.archives-container .modern-table tbody tr:last-child td {
  border-bottom: none;
}

.archives-container .modern-table tbody tr td {
  padding: 16px 20px;
  font-size: 14px;
  color: var(--admin-text-primary);
  border-bottom: 1px solid var(--admin-border-light);
  vertical-align: middle;
}

.archives-container .modern-table tbody tr td:first-child {
  padding-left: 24px;
}

.archives-container .modern-table tbody tr td:last-child {
  padding-right: 24px;
}

.archives-container .modern-table tbody tr td.email-cell {
  color: var(--admin-text-primary);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.archives-container .modern-table tbody tr td.amount-cell {
  font-family: 'SF Mono', Monaco, 'Courier New', monospace;
  font-size: 13px;
  color: #059669;
  font-weight: 600;
}

.archives-container .modern-table tbody tr td.property-cell {
  color: var(--admin-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}

.archives-container .modern-table tbody tr td.date-cell {
  color: var(--admin-text-secondary);
  font-size: 13px;
  white-space: nowrap;
}

.archives-container .modern-table tbody tr td.badge-cell {
  white-space: nowrap;
}

.archives-container .archive-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 6px;
  letter-spacing: 0.025em;
  text-transform: capitalize;
}

.archives-container .archive-badge.badge-auto {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
}

.archives-container .archive-badge.badge-manual {
  background: #dbeafe;
  color: #1e40af;
  border: 1px solid #bfdbfe;
}

.archives-container .archive-badge.badge-unknown {
  background: #f1f5f9;
  color: #64748b;
  border: 1px solid #e5e7eb;
}

.archives-container .action-buttons {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.archives-container .action-buttons .btn-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 6px;
  border: 1px solid var(--admin-border-light);
  background: var(--admin-card-bg);
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  min-width: 100px;
  justify-content: center;
}

.archives-container .action-buttons .btn-action:hover:not(:disabled) {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-medium);
  transform: translateY(-1px);
  box-shadow: var(--admin-shadow-sm);
}

.archives-container .action-buttons .btn-action:active:not(:disabled) {
  transform: translateY(0);
}

.archives-container .action-buttons .btn-action.btn-unarchive {
  background: var(--admin-card-bg);
  color: #059669;
  border-color: #059669;
}

.archives-container .action-buttons .btn-action.btn-unarchive:hover:not(:disabled) {
  background: #f0fdf4;
  border-color: #047857;
  color: #047857;
}

.archives-container .action-buttons .btn-action.btn-delete {
  background: var(--admin-card-bg);
  color: #dc2626;
  border-color: #dc2626;
}

.archives-container .action-buttons .btn-action.btn-delete:hover:not(:disabled) {
  background: #fef2f2;
  border-color: #b91c1c;
  color: #b91c1c;
}

.archives-container .action-buttons .btn-action:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.archives-container .action-buttons .btn-action svg,
.archives-container .action-buttons .btn-action .icon {
  font-size: 14px;
  width: 14px;
  height: 14px;
}

.archives-container .action-buttons .btn-action .spinner {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(5, 150, 105, 0.3);
  border-top-color: #059669;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

.archives-container .loading-container,
.archives-container .empty-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  background: var(--admin-card-bg);
  border-radius: 12px;
  box-shadow: var(--admin-shadow-sm);
}

.archives-container .loading-container .spinner-large {
  width: 40px;
  height: 40px;
  border: 3px solid var(--admin-border-light);
  border-top-color: var(--admin-accent-primary);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.archives-container .loading-container .empty-message,
.archives-container .empty-container .empty-message {
  color: var(--admin-text-secondary);
  font-size: 15px;
  margin-top: 12px;
}

.archives-container .status-info {
  color: var(--admin-text-secondary);
  font-size: 14px;
  margin-bottom: 16px;
}

.archives-container .status-info .highlight {
  font-weight: 600;
  color: var(--admin-text-primary);
}

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

@media (max-width: 1024px) {
  .archives-container .sticky-right-column {
    flex: 0 0 220px;
  }

  .archives-container .action-buttons {
    gap: 6px;
  }

  .archives-container .action-buttons .btn-action {
    min-width: 90px;
    padding: 6px 10px;
    font-size: 11px;
  }
}

.pipeline-page {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  padding: 16px;
  min-height: calc(100vh - 80px);
}

/* Loading & Error States */
.loading-container,
.error-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  color: var(--admin-text-secondary);
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid var(--admin-border-light);
  border-top-color: var(--admin-accent-primary);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

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

.error-message {
  color: #ef4444;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
}

.error-container button {
  padding: 8px 16px;
  background: #3b82f6;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: background 0.15s ease;
}

.error-container button:hover {
  background: #2563eb;
}

/* Table Container */
.table-container {
  margin-top: 16px;
  background: var(--admin-card-bg);
  border-radius: 12px;
  box-shadow: var(--admin-shadow-sm);
  overflow: hidden;
}

.table-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
}

/* Table Styles */
.modern-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.modern-table thead {
  background: var(--admin-table-header-bg, var(--admin-bg-secondary));
  position: sticky;
  top: 0;
  z-index: 2;
}

.modern-table thead th {
  padding: 16px 20px;
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--admin-text-secondary);
  border-bottom: 1px solid var(--admin-border-light);
  white-space: nowrap;
  height: 44px;
}

.modern-table tbody tr {
  border-bottom: 1px solid var(--admin-border-light);
  transition: all 0.15s ease;
  height: 60px;
}

.modern-table tbody tr.clickable-row {
  cursor: pointer;
}

.modern-table tbody tr.clickable-row:hover,
.modern-table tbody tr.clickable-row.hovered {
  background-color: var(--admin-bg-hover);
  transform: translateY(-1px);
  box-shadow: var(--admin-shadow-sm);
}

.modern-table tbody tr.clickable-row:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.modern-table tbody tr:hover,
.modern-table tbody tr.hovered {
  background-color: var(--admin-bg-hover);
}

.modern-table tbody td {
  padding: 16px 20px;
  color: var(--admin-text-primary);
  height: 60px;
  vertical-align: middle;
}

/* Sortable Headers */
.sortable-header {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 0.15s ease;
}

.sortable-header:hover {
  color: #3b82f6;
}

.sortable-header .material-symbols-rounded {
  font-size: 16px;
  vertical-align: middle;
  margin-left: 4px;
}

/* Cell-specific Styles */
.status-cell {
  padding: 16px 12px !important;
}

.lock-cell {
  text-align: center;
  padding: 16px 12px !important;
}

.lock-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  transition: all 0.15s ease;
}

.lock-button:hover:not(:disabled) {
  background: var(--admin-bg-hover) !important;
}

.lock-button:active:not(:disabled) {
  transform: scale(0.95);
}

.lock-button .material-symbols-rounded {
  font-size: 18px;
}

.loan-number-cell {
  font-family: 'SF Mono', 'Monaco', 'Courier New', monospace;
  font-size: 13px;
  color: var(--admin-text-secondary);
}

.borrower-cell {
  font-weight: 500;
  color: var(--admin-text-primary);
}

.phone-cell {
  font-family: 'SF Mono', 'Monaco', 'Courier New', monospace;
  font-size: 13px;
  color: var(--admin-text-secondary);
}

.email-cell {
  color: var(--admin-text-secondary);
  font-size: 13px;
}

.loan-type-cell,
.purpose-cell,
.property-type-cell,
.occupancy-cell {
  color: var(--admin-text-secondary);
}

.loan-amount-cell {
  font-weight: 600;
  color: var(--admin-text-primary);
  font-family: 'SF Mono', 'Monaco', 'Courier New', monospace;
  font-size: 14px;
}


/* Empty State */
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  color: var(--admin-text-secondary);
}

.empty-state .material-symbols-rounded {
  font-size: 64px;
  color: var(--admin-border-medium);
  margin-bottom: 16px;
}

.empty-state p {
  font-size: 16px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  margin-bottom: 16px;
}

.btn-show-all {
  padding: 10px 20px;
  background: #3b82f6;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s ease;
}

.btn-show-all:hover {
  background: #2563eb;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .modern-table thead th {
    padding: 12px 16px;
    font-size: 10px;
  }

  .modern-table tbody td {
    padding: 12px 16px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  .modern-table {
    display: none;
  }

  /* Card layout for mobile */
  .pipeline-card {
    background: var(--admin-card-bg);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: var(--admin-shadow-sm);
  }

  .pipeline-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
  }

  .pipeline-card-field {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid var(--admin-border-light);
  }

  .pipeline-card-field:last-child {
    border-bottom: none;
  }

  .pipeline-card-label {
    font-size: 12px;
    color: var(--admin-text-secondary);
    font-weight: 500;
  }

  .pipeline-card-value {
    font-size: 13px;
    color: var(--admin-text-primary);
    font-weight: 500;
  }
}

@media (max-width: 576px) {
  .pipeline-page {
    padding: 12px;
  }

  .modern-table thead th {
    padding: 10px 12px;
  }

  .modern-table tbody td {
    padding: 10px 12px;
    font-size: 12px;
  }
}

/* Pipeline Graph Tick Styles */
.pipeline-tick {
  transition: fill 0.15s ease;
}

.pipeline-tick:hover {
  fill: #3b82f6 !important;
  text-decoration: underline;
}

[data-theme="dark"] .pipeline-tick:hover {
  fill: #22d3ee !important;
}

/* Archived Row Styles */
.modern-table tbody tr.archived-row {
  opacity: 0.6;
  background-color: var(--admin-bg-secondary) !important;
}

.modern-table tbody tr.archived-row.clickable-row:hover,
.modern-table tbody tr.archived-row.clickable-row.hovered {
  opacity: 0.75;
  background-color: var(--admin-bg-hover) !important;
}

.modern-table tbody tr.archived-row td {
  color: var(--admin-text-secondary);
}

.status-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

/* Main Container */
.j4itgRRrYdbvjipuYb6Q {
  min-height: 100vh;
  background-color: var(--admin-bg-primary);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Header */
.DKmFCTVzp6DLy70QxzD7 {
  background: var(--admin-card-bg);
  padding: 24px 40px;
  border-bottom: 1px solid var(--admin-border-light);
  box-shadow: var(--admin-shadow-sm);
}

.EplGWhAKdWnxgSMCe8DO {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: none;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.2s ease;
  padding: 8px 0;
  margin-bottom: 16px;
}

.EplGWhAKdWnxgSMCe8DO:hover {
  color: #1a73e8;
}

.PPgRX37EPgl8mNiGGDuB {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.GnVpvzW3DA1YugeDM7xg {
  font-size: 32px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.02em;
}

.dZZJVSkFwrOMpWrpk7Wm {
  font-size: 15px;
  color: var(--admin-text-secondary);
  margin: 0;
}

.dZZJVSkFwrOMpWrpk7Wm strong {
  color: var(--admin-text-primary);
  font-weight: 600;
}

/* Layout */
.KSekKevxtpTawQNWaqnR {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 24px;
  padding: 24px 40px;
  max-width: 1600px;
  margin: 0 auto;
}

.fOm1lcNmbjfZPHE9HlYq {
  position: sticky;
  top: 24px;
  height: -moz-fit-content;
  height: fit-content;
}

.JyB3Zskwn_u7Kv4W139b {
  min-width: 0;
}

/* Progress Sidebar */
.s4fCX6nY0YIrjon9lk4w {
  background: var(--admin-card-bg);
  border-radius: 12px;
  padding: 24px;
  box-shadow: var(--admin-shadow-sm);
}

.F1pMHBOElChf6OfD_MUE {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 20px 0;
}

.CxKjbiwOmHhPT1fSviWl {
  margin-bottom: 24px;
}

.YC5WJWg2I0S0obosJwKz {
  width: 100%;
  height: 8px;
  background: var(--admin-border-light);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 8px;
}

.bY64VO9F3r4lgscrdAY6 {
  height: 100%;
  background: linear-gradient(90deg, #1a73e8 0%, #34a853 100%);
  transition: width 0.3s ease;
  border-radius: 4px;
}

.NSvo2gKeZ1YY9vy8U_8R {
  font-size: 13px;
  color: var(--admin-text-secondary);
  margin: 0;
}

.PLMHOMoEGTkyPUBm73eA {
  list-style: none;
  padding: 0;
  margin: 0;
}

.l9FnTqnIS6rNR7yL2rEK {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--admin-border-light);
  transition: all 0.2s ease;
}

.l9FnTqnIS6rNR7yL2rEK:last-child {
  border-bottom: none;
}

.MX2sqlfji_32KdIY5k_3 {
  font-size: 20px;
  color: var(--admin-text-secondary);
  flex-shrink: 0;
}

.Mzv5FTgYPA7FJrgtUy92 {
  font-size: 14px;
  color: var(--admin-text-secondary);
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}

.hzH2gH1vaOe3OOn_vrEz {
  background: var(--admin-bg-hover);
  margin: 0 -12px;
  padding: 12px 12px;
  border-radius: 8px;
}

.hzH2gH1vaOe3OOn_vrEz .MX2sqlfji_32KdIY5k_3 {
  color: #1a73e8;
}

.hzH2gH1vaOe3OOn_vrEz .Mzv5FTgYPA7FJrgtUy92 {
  color: #1a73e8;
  font-weight: 600;
}

.u2iHiIXkpl4VNYlnNe48 .MX2sqlfji_32KdIY5k_3 {
  color: #34a853;
}

.u2iHiIXkpl4VNYlnNe48 .Mzv5FTgYPA7FJrgtUy92 {
  color: var(--admin-text-primary);
  font-weight: 500;
}

.rsIUhXbzXR8fP3OVF9_b .MX2sqlfji_32KdIY5k_3 {
  color: #fbbc04;
}

.rsIUhXbzXR8fP3OVF9_b .Mzv5FTgYPA7FJrgtUy92 {
  color: var(--admin-text-secondary);
}

.eHh1zN2OHicAvlQA9sao {
  font-size: 11px;
  font-weight: 600;
  color: #f59e0b;
  background: #fef3c7;
  padding: 2px 8px;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.UK2RSUlPFp0pdDeE389l {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #fef3c7;
  border-radius: 8px;
  margin-top: 16px;
}

.UK2RSUlPFp0pdDeE389l span.UGorAMprTZZ6DJ1j0a_P {
  font-size: 20px;
  color: #f59e0b;
  flex-shrink: 0;
}

.UK2RSUlPFp0pdDeE389l p {
  font-size: 13px;
  color: #92400e;
  margin: 0;
  font-weight: 500;
}

/* Tab Navigation */
.VB2qD_NWluDCKf44vH_g {
  display: flex;
  gap: 8px;
  background: var(--admin-card-bg);
  padding: 16px 24px;
  border-radius: 12px 12px 0 0;
  border-bottom: 2px solid var(--admin-border-light);
  overflow-x: auto;
  scrollbar-width: none;
}

.VB2qD_NWluDCKf44vH_g::-webkit-scrollbar {
  display: none;
}

.hhnFyoMB0xTiILsDFrmf {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: transparent;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  position: relative;
}

.hhnFyoMB0xTiILsDFrmf .UGorAMprTZZ6DJ1j0a_P {
  font-size: 20px;
}

.hhnFyoMB0xTiILsDFrmf:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.hhnFyoMB0xTiILsDFrmf.nOTIeFubbn3PzcJUJHMg {
  background: var(--admin-bg-hover);
  color: var(--admin-accent-primary);
  font-weight: 600;
}

.hhnFyoMB0xTiILsDFrmf.nOTIeFubbn3PzcJUJHMg .UGorAMprTZZ6DJ1j0a_P {
  color: #1a73e8;
}

.hhnFyoMB0xTiILsDFrmf.OCrsjcITtEF8H17IxSKJ {
  color: var(--admin-text-primary);
}

.hhnFyoMB0xTiILsDFrmf.OCrsjcITtEF8H17IxSKJ .UGorAMprTZZ6DJ1j0a_P {
  color: #34a853;
}

.K4WN0ctlT614gFW__g9g {
  font-size: 16px;
  font-weight: 700;
  color: #34a853;
}

.wumWmu7utP_1i6zHwGyj {
  display: inline-block;
}

/* Tab Content */
.IUD3BKn1ndHMyaJmzSwE {
  background: var(--admin-card-bg);
  border-radius: 0 0 12px 12px;
  box-shadow: var(--admin-shadow-sm);
  min-height: 600px;
}

.nB6NUivFw9M2MeZv26jw {
  padding: 32px 40px;
}

/* Form Sections */
.Kpz8BPE4kwvFDAIy_40w {
  margin-bottom: 32px;
}

.uCN8UMsMgacTzf28yx5H {
  font-size: 24px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin: 0 0 8px 0;
  letter-spacing: -0.01em;
}

.Hf1x45Mhiqr_oP3Y4Xbi {
  font-size: 15px;
  color: var(--admin-text-secondary);
  margin: 0 0 24px 0;
  line-height: 1.5;
}

/* Form Grid */
.xyW24z9rkUwD39XOwgdE {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.LWKajbO20rOMftUoktzw {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Fix input-group layout */
.input-group {
  display: flex !important;
  flex-direction: row !important;
  width: 100%;
  gap: 0 !important;
}

.input-group-text {
  width: 35px !important;
  max-width: 35px !important;
  flex-shrink: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-right: none;
  padding: 0.375rem 0.5rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  border-radius: 0.25rem 0 0 0.25rem;
}

.input-group .form-control {
  flex: 1 !important;
  min-width: 0 !important;
  border-radius: 0 0.25rem 0.25rem 0 !important;
}

.input-group .form-control:first-child {
  border-radius: 0.25rem 0 0 0.25rem !important;
}

.input-group .input-group-text + .form-control {
  border-radius: 0 0.25rem 0.25rem 0 !important;
}

.NJV5L9g9npM1Lh2dxjGe {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  display: flex;
  align-items: center;
  gap: 4px;
}

.YethlzE9G48PZykrstb7 {
  color: #dc2626;
}

.n9SNSWVe2kEWALKHs7o3 {
  font-size: 13px;
  color: #dc2626;
  margin-top: 4px;
}

/* Legal Questions */
.m6wZuzxuD7f0d0U2g0eG {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.xev6lDY0FeEL7xPsD5w1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
}

.n70dQ7pMpu8IabWkxPmT {
  font-size: 14px;
  color: var(--admin-text-primary);
  font-weight: 500;
  flex: 1;
  margin: 0;
}

.QSV8QWTi8DtwCQs8XrT6 {
  display: flex;
  gap: 16px;
  align-items: center;
}

.S8z8F52ndeLYz1zu7zO0 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  margin: 0;
  font-size: 14px;
  color: var(--admin-text-primary);
  font-weight: 500;
}

.S8z8F52ndeLYz1zu7zO0 input[type="radio"] {
  cursor: pointer;
  width: 18px;
  height: 18px;
}

/* Tab Footer */
.VV2g9Ki9r0ovL_Gs4IXh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  border-top: 1px solid var(--admin-border-light);
  margin-top: 32px;
}

.Xs2pucjGEZezSz8Sbj25 {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  margin: 0;
}

.Xs2pucjGEZezSz8Sbj25 input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.VDvSiqYAKk0_Z9CBgiHL {
  font-size: 14px;
  color: var(--admin-text-secondary);
  font-weight: 500;
}

.q8jMktnylejrBywAFu53 {
  display: flex;
  gap: 12px;
  align-items: center;
}

/* Responsive */
@media (max-width: 1024px) {
  .KSekKevxtpTawQNWaqnR {
    grid-template-columns: 1fr;
    padding: 16px 20px;
  }

  .fOm1lcNmbjfZPHE9HlYq {
    position: static;
  }

  .xyW24z9rkUwD39XOwgdE {
    grid-template-columns: 1fr;
  }

  .nB6NUivFw9M2MeZv26jw {
    padding: 24px 20px;
  }

  .xev6lDY0FeEL7xPsD5w1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .QSV8QWTi8DtwCQs8XrT6 {
    width: 100%;
    justify-content: flex-start;
  }

  .VV2g9Ki9r0ovL_Gs4IXh {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
  }

  .q8jMktnylejrBywAFu53 {
    width: 100%;
    justify-content: stretch;
  }

  .q8jMktnylejrBywAFu53 button {
    flex: 1;
  }
}

@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.jE6QNZno6nYZ6k9LclQr {
}

.NLbsKu2rAoB1mNaSwdlG {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  padding: 4px;
  background: var(--preview-bg-secondary, white);
  border-radius: 8px;
  width: -moz-fit-content;
  width: fit-content;
  flex-wrap: wrap;
}

.PXNKMAKx28lojKIv_dIx {
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--preview-text-secondary, #64748b);
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.PXNKMAKx28lojKIv_dIx:hover {
  color: var(--preview-text, #0f172a);
  background: var(--preview-bg, #f1f5f9);
}

.PXNKMAKx28lojKIv_dIx.rOV_DSiDmE7yyoVy1pKr {
  color: var(--preview-text, #0f172a);
  background: var(--preview-border, #e2e8f0);
}

.FzKRHCqqoDLTG50BoexA {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  margin-bottom: 24px;
}

.BM_lqlDzkCjnviMdbFo6 {
  font-size: 16px;
  flex-shrink: 0;
}

.FzKRHCqqoDLTG50BoexA p {
  margin: 0;
  font-size: 13px;
  color: #1e40af;
  line-height: 1.5;
}

.luhQNUVJO98BjwHLhHlU {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.DbesCzG_u10HUN1qBSRB {
  max-width: 900px;
}

.PrnwTXu3vb_zPc4ceNgw {
  background: white;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
}

.c6tbVmuZ8BWexlvazrJX {
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 16px 0;
  padding-bottom: 12px;
  border-bottom: 1px solid #e2e8f0;
}

@media (max-width: 768px) {
  .NLbsKu2rAoB1mNaSwdlG {
    width: 100%;
    overflow-x: auto;
  }

  .PrnwTXu3vb_zPc4ceNgw {
    padding: 16px;
  }
}

/* Refined Current: Subtle grey gradient + reduced horizontal padding */
.bHg7WIufT2E92rvkXVJ9 {
  width: 260px;
  height: 680px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #f5f6f7 0%, #e8eaec 100%);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

.bHg7WIufT2E92rvkXVJ9.hf3rlhqsnwhCwOlm0hgP {
  border: 1px solid #e2e8f0;
}

.wcjn7l4cQH1QW_U8Fcgk {
  padding: 12px 14px 0;
}

.YeGO535Z06k3yE6J9gPw {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #475569;
  cursor: pointer;
  transition: all 150ms ease;
}

.YeGO535Z06k3yE6J9gPw:hover {
  background-color: #f8f9fa;
  border-color: #3b82f6;
  color: #3b82f6;
}

.YeGO535Z06k3yE6J9gPw span {
  font-size: 18px;
}

.TPEuX2SlONzUkkt3z37h {
  margin: 8px 14px 4px 14px;
  padding: 10px;
  background-color: #eff6ff;
  border: 1px solid #3b82f6;
  border-radius: 10px;
}

.zdcpbVSVl1jb3V2r1cSu {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #1e40af;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.zdcpbVSVl1jb3V2r1cSu span {
  font-size: 14px;
  color: #3b82f6;
}

.VzFDSuiujp8Ag2UJRThf {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.rpJ1lmtWh7TfwPycDVyr {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.3;
  margin-bottom: 2px;
}

.s2iiaNJd7_5ViKiafF1e {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.jI42lyQmlcsfWjhvmbVZ {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  font-size: 12px;
  color: #475569;
  line-height: 1.3;
}

.jI42lyQmlcsfWjhvmbVZ span:first-child {
  font-size: 14px;
  color: #3b82f6;
  flex-shrink: 0;
  margin-top: 1px;
}

.JLBaAF40iYGYiXajRN_X {
  height: 1px;
  background-color: #cbd5e1;
  margin: 2px 0;
}

.cCvypPyPSOjhsUazPPwM {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.PNKz_ugI44IAtA70SPDr {
  font-size: 12px;
  font-weight: 500;
  color: #1e293b;
}

.g3zdgxbrQAMCyj8MtQCC {
  font-size: 12px;
  color: #475569;
}

.EFxrq0yHL_96WqmV1Sig {
  margin: 4px 14px 8px 14px;
  padding: 8px 10px;
  background-color: #fef3c7;
  border: 1px solid #f59e0b;
  border-radius: 10px;
}

.GNZ7MONIzQFvq9ulvMEY {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
  font-size: 11px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.GNZ7MONIzQFvq9ulvMEY span {
  font-size: 14px;
  color: #d97706;
}

.BkDPelANOvj_JHted7pQ {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.Y6B8jmEPgNEUCxHoRawQ {
  font-size: 16px;
  font-weight: 700;
  color: #92400e;
}

._kkB8maDngmmDl4luKi1 {
  font-size: 11px;
  color: #b45309;
}

.rxCL8Hapxoy6_wXCC_Uw {
  padding: 8px 14px;
  border-bottom: 1px solid #dde0e4;
}

.oVhdgRRQ8ytP3Bo6C52r {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748b;
  margin-bottom: 6px;
}

.iAdADvNQM6treapOx2n2 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
}

.qOFRUTTjQFsrf_P5lbeK {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 150ms ease;
}

.qOFRUTTjQFsrf_P5lbeK:hover {
  background-color: #f8f9fa;
  border-color: #3b82f6;
  transform: translateY(-1px);
}

.qOFRUTTjQFsrf_P5lbeK span {
  font-size: 16px;
  color: #64748b;
}

.qOFRUTTjQFsrf_P5lbeK:hover span {
  color: #3b82f6;
}

.xzx0m7rV4jemhWvOmKWE {
  flex: 1;
  padding: 0 14px;
  overflow-y: auto;
}

.V4zkFc2DoKAQyTWBlVIH {
  padding: 8px 0;
}

.lmBcI644_gv63r1ZNLPy {
  list-style: none;
  margin: 0;
  padding: 0;
}

.S6vxlwiDU_e1jQG2FniA {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: none;
  background: transparent;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #475569;
  cursor: pointer;
  transition: all 150ms ease;
  text-align: left;
  margin-bottom: 2px;
  position: relative;
}

.S6vxlwiDU_e1jQG2FniA:hover {
  background-color: #ffffff;
  color: #1e293b;
}

.S6vxlwiDU_e1jQG2FniA.KfpxDw7cEmYKxpy5jHvr {
  background-color: #ffffff;
  color: #3b82f6;
  font-weight: 600;
}

.S6vxlwiDU_e1jQG2FniA.KfpxDw7cEmYKxpy5jHvr::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 18px;
  background-color: #3b82f6;
  border-radius: 0 3px 3px 0;
}

.S6vxlwiDU_e1jQG2FniA span:first-child {
  font-size: 18px;
  color: #94a3b8;
}

.S6vxlwiDU_e1jQG2FniA.KfpxDw7cEmYKxpy5jHvr span:first-child,
.S6vxlwiDU_e1jQG2FniA:hover span:first-child {
  color: #3b82f6;
}

.xiupEHw4JX0BeYwRVvzw {
  flex: 1;
}

.CBSUO9rXmB7WDcpCqFUt {
  font-size: 16px !important;
  transition: transform 150ms ease;
}

.sA2EP5iQ7QURMaavor18 {
  list-style: none;
  margin: 4px 0 4px 24px;
  padding: 0;
}

.iBnxlKGaBztvNC34SOvD {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border: none;
  background: transparent;
  border-radius: 6px;
  font-size: 12px;
  color: #64748b;
  cursor: pointer;
  transition: all 150ms ease;
  text-align: left;
  margin-bottom: 1px;
}

.iBnxlKGaBztvNC34SOvD:hover {
  background-color: rgba(255, 255, 255, 0.7);
  color: #475569;
}

.iBnxlKGaBztvNC34SOvD span:first-child {
  font-size: 16px;
  color: #94a3b8;
}

.iBnxlKGaBztvNC34SOvD:hover span:first-child {
  color: #3b82f6;
}

.uLVvHZEPrePqn_eAf42R {
  padding: 10px 14px;
  border-top: 1px solid #dde0e4;
}

.FPK3maHEW6dZwktKfAJl {
  padding: 10px;
  margin-bottom: 10px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.08) 0%, rgba(59, 130, 246, 0.08) 50%, rgba(236, 72, 153, 0.08) 100%);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 10px;
}

.g2oI7DtKFihoRJ8NcP0P {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}

.g2oI7DtKFihoRJ8NcP0P > span:first-child {
  font-size: 14px;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.x8npErpHCn6ZOL25p9gx {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.DTo5DhUscSn82vFzFs82 {
  display: flex;
  align-items: baseline;
  gap: 2px;
  margin-left: auto;
}

.a4ElOtxvb42rXvM_RZ6y {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.AAj_PlAN_LzTXEKbyd5f {
  font-size: 12px;
  font-weight: 500;
  color: #94a3b8;
}

.xCpJZ75_lHKHOCkI2wKN {
  width: 100%;
  height: 5px;
  background-color: rgba(148, 163, 184, 0.2);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 8px;
}

.qjlAmw4rSNBuQeWPGxyz {
  height: 100%;
  background: linear-gradient(90deg, #8b5cf6, #3b82f6, #ec4899);
  border-radius: 3px;
}

.tgNsSKpHk1aDyV5IyQIU {
  font-size: 9px;
  color: #8b5cf6;
  line-height: 1.4;
}

.jCKY66SdoHz2GI3krLgy {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background-color: transparent;
  border: 1px solid #dde0e4;
  border-radius: 8px;
  font-size: 13px;
  color: #64748b;
  cursor: pointer;
  transition: all 150ms ease;
}

.jCKY66SdoHz2GI3krLgy:hover {
  background-color: #ffffff;
  border-color: #3b82f6;
  color: #3b82f6;
}

.jCKY66SdoHz2GI3krLgy span:first-child {
  font-size: 16px;
}

/* Dark Professional: Dark theme with teal accents */
.tV1lMHmrYWjh2opAre9D {
  width: 260px;
  height: 680px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #1a1d23 0%, #12151a 100%);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.tV1lMHmrYWjh2opAre9D.i4TUO4qaLEtw1fBoTqku {
  border: 1px solid rgba(34, 211, 238, 0.3);
}

.w4Yqs5bcoe6cn98QATmw {
  padding: 14px 16px 0;
}

.qDx8RmNxdHfGyZmUa1ir {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #94a3b8;
  cursor: pointer;
  transition: all 150ms ease;
}

.qDx8RmNxdHfGyZmUa1ir:hover {
  background-color: rgba(34, 211, 238, 0.1);
  border-color: rgba(34, 211, 238, 0.3);
  color: #22d3ee;
}

.qDx8RmNxdHfGyZmUa1ir span {
  font-size: 18px;
}

.KOY5fChDwP0tZL4I2N8y {
  margin: 10px 16px 6px 16px;
  padding: 12px;
  background: rgba(34, 211, 238, 0.08);
  border: 1px solid rgba(34, 211, 238, 0.2);
  border-radius: 10px;
}

.tcRWck3HqFmnqbC7T9HF {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 600;
  color: #22d3ee;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.tcRWck3HqFmnqbC7T9HF span {
  font-size: 14px;
  color: #22d3ee;
}

.sP_JHqwIveTJdndll1ig {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.HIVWIaFhGhoEmJfokQyA {
  font-size: 15px;
  font-weight: 700;
  color: #f1f5f9;
  line-height: 1.3;
  margin-bottom: 4px;
}

.GCPC7ITyeB_S4jcVIxAA {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.PG6wqgBy7DTb1Rj1zLFX {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  color: #94a3b8;
  line-height: 1.3;
}

.PG6wqgBy7DTb1Rj1zLFX span:first-child {
  font-size: 14px;
  color: #22d3ee;
  flex-shrink: 0;
  margin-top: 1px;
}

.ymAvP8Gk4_54JoId0Z_9 {
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  margin: 4px 0;
}

.OUyesnCTeTMedZd8gKLB {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.erGQ17H5Zx7XUd8buB35 {
  font-size: 12px;
  font-weight: 500;
  color: #e2e8f0;
}

.pk9mkW7GOZGIiNGNcLe2 {
  font-size: 12px;
  color: #64748b;
}

.npsg4oA8BX8f7V5neswn {
  margin: 4px 16px 10px 16px;
  padding: 10px 12px;
  background: rgba(251, 191, 36, 0.1);
  border: 1px solid rgba(251, 191, 36, 0.25);
  border-radius: 10px;
}

.pzwWdyMeyjyL4dyxwFMW {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 600;
  color: #fbbf24;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.pzwWdyMeyjyL4dyxwFMW span {
  font-size: 14px;
  color: #fbbf24;
}

.LAcN56PhtUITLPu7WGf8 {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.TUoqYppveZEl4VcFBYY9 {
  font-size: 16px;
  font-weight: 700;
  color: #fbbf24;
}

.zEOk9HoXDbyDm1IEQWjo {
  font-size: 11px;
  color: #d97706;
}

.Q9HfHyvNLzit6Wl02cdb {
  padding: 10px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.J5O2CCaD3jkSQ2gwqKaH {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #64748b;
  margin-bottom: 8px;
}

.K0yvErwZdYR6y1_D4pw1 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}

.HdyuHs8eslrq65Qe7pvQ {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 150ms ease;
}

.HdyuHs8eslrq65Qe7pvQ:hover {
  background-color: rgba(34, 211, 238, 0.15);
  border-color: rgba(34, 211, 238, 0.3);
  transform: translateY(-1px);
}

.HdyuHs8eslrq65Qe7pvQ span {
  font-size: 16px;
  color: #64748b;
}

.HdyuHs8eslrq65Qe7pvQ:hover span {
  color: #22d3ee;
}

.sxeY0vi8WyGAGALIB4Kq {
  flex: 1;
  padding: 0 16px;
  overflow-y: auto;
}

.g_laZhnw8dJ4HVzKzfMa {
  padding: 10px 0;
}

.IwXvwflCDWKSPzC0RxDg {
  list-style: none;
  margin: 0;
  padding: 0;
}

.GaRzsBabnB5nuc9_OInb {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: none;
  background: transparent;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: #94a3b8;
  cursor: pointer;
  transition: all 150ms ease;
  text-align: left;
  margin-bottom: 2px;
  position: relative;
}

.GaRzsBabnB5nuc9_OInb:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
}

.GaRzsBabnB5nuc9_OInb.l_L1Ljioi7iHbxYsj25E {
  background-color: rgba(34, 211, 238, 0.1);
  color: #22d3ee;
  font-weight: 600;
}

.GaRzsBabnB5nuc9_OInb.l_L1Ljioi7iHbxYsj25E::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 20px;
  background-color: #22d3ee;
  border-radius: 0 3px 3px 0;
  box-shadow: 0 0 8px rgba(34, 211, 238, 0.4);
}

.GaRzsBabnB5nuc9_OInb span:first-child {
  font-size: 18px;
  color: #64748b;
}

.GaRzsBabnB5nuc9_OInb.l_L1Ljioi7iHbxYsj25E span:first-child,
.GaRzsBabnB5nuc9_OInb:hover span:first-child {
  color: #22d3ee;
}

.nolXAuPj7GOGvb9oBASH {
  flex: 1;
}

.wtwIENbUv7YpB78B3WdZ {
  font-size: 16px !important;
  transition: transform 150ms ease;
}

.xxENf3gORFXvUt_jLkxZ {
  list-style: none;
  margin: 4px 0 4px 26px;
  padding: 0;
}

.jUPhLJmMvln4xyfUCBql {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: none;
  background: transparent;
  border-radius: 6px;
  font-size: 12px;
  color: #64748b;
  cursor: pointer;
  transition: all 150ms ease;
  text-align: left;
  margin-bottom: 2px;
}

.jUPhLJmMvln4xyfUCBql:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #94a3b8;
}

.jUPhLJmMvln4xyfUCBql span:first-child {
  font-size: 16px;
  color: #475569;
}

.jUPhLJmMvln4xyfUCBql:hover span:first-child {
  color: #22d3ee;
}

.QMtbcCYVqGEkerRhP673 {
  padding: 12px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.FIBrdKNKMZ9VRf5WG2kQ {
  padding: 12px;
  margin-bottom: 12px;
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.1) 0%, rgba(16, 185, 129, 0.08) 100%);
  border: 1px solid rgba(34, 211, 238, 0.2);
  border-radius: 10px;
}

.WHsbhjG9zv2V_a2g2ApX {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}

.WHsbhjG9zv2V_a2g2ApX > span:first-child {
  font-size: 14px;
  color: #22d3ee;
}

.fQJJeA82KSF5RWtLofmV {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #22d3ee;
}

.t9Qse5lHos0i4ATzr5g7 {
  display: flex;
  align-items: baseline;
  gap: 2px;
  margin-left: auto;
}

.lFLgaYEMNBNUQR6ikyiH {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: #22d3ee;
}

.ajQc6hmADAaDM5YfgQa5 {
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
}

.X2uZVvvDSuf_LAdQQXQq {
  width: 100%;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 10px;
}

.DZvsIZw3pL629e8URF73 {
  height: 100%;
  background: linear-gradient(90deg, #22d3ee, #10b981);
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(34, 211, 238, 0.3);
}

.RjCluk3rh3fbks3Cr63k {
  font-size: 10px;
  color: #64748b;
  line-height: 1.4;
}

.RjCluk3rh3fbks3Cr63k b {
  color: #22d3ee;
}

.bEJ_TwcGHoOkCstcij6_ {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  font-size: 13px;
  color: #64748b;
  cursor: pointer;
  transition: all 150ms ease;
}

.bEJ_TwcGHoOkCstcij6_:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(34, 211, 238, 0.3);
  color: #22d3ee;
}

.bEJ_TwcGHoOkCstcij6_ span:first-child {
  font-size: 16px;
}

/* Ultra Minimal: Pure white, text-focused, editorial feel */

.b9VfiVhNc_Z6Nb9x0LfX {
  width: 260px;
  height: 680px;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  border: 1px solid #f1f5f9;
  font-family: 'Newsreader', Georgia, serif;
}

.b9VfiVhNc_Z6Nb9x0LfX.jfTv9nTwsCQVzhf_cyDX {
  border: 1px solid #0f172a;
}

.e5V8FAKyhhgdApD1gGi5 {
  padding: 20px 20px 0;
}

.U3REgxdYFTG8sITgbRQG {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  background: transparent;
  border: none;
  font-size: 13px;
  font-weight: 400;
  color: #64748b;
  cursor: pointer;
  transition: color 150ms ease;
  font-family: inherit;
}

.U3REgxdYFTG8sITgbRQG:hover {
  color: #0f172a;
}

.U3REgxdYFTG8sITgbRQG span {
  font-size: 16px;
}

.qHc8X0tejSP66f_DKQMy {
  margin: 24px 20px 0 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f1f5f9;
}

.QmTtkM6Idd6LRzkfXsaM {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.OGmeJr2ch_3VjaH2rzdD {
  font-size: 20px;
  font-weight: 500;
  color: #0f172a;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.fdfqxbgAHtkGKp3VqmJG {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.RnjbrDH7SHCWqX4qgfeL {
  display: flex;
  align-items: center;
  gap: 0;
  font-size: 12px;
  color: #64748b;
  font-family: system-ui, -apple-system, sans-serif;
}

.RnjbrDH7SHCWqX4qgfeL .tqIq_wQGnyaum8jNdv8o {
  margin: 0 6px;
  color: #cbd5e1;
}

.pEBlKvImBzYry9i_KjBN {
  font-size: 12px;
  color: #64748b;
  font-family: system-ui, -apple-system, sans-serif;
}

.e09AQEhfylw7HMX60bCL {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 20px;
  padding: 10px 12px;
  background-color: #fefce8;
  border-radius: 6px;
}

.e09AQEhfylw7HMX60bCL > span:first-child {
  font-size: 16px;
  color: #ca8a04;
}

.iXsdTxOqXOTZslw4c7rc {
  font-size: 12px;
  color: #713f12;
  font-family: system-ui, -apple-system, sans-serif;
}

.iXsdTxOqXOTZslw4c7rc strong {
  font-weight: 600;
}

.aU197zWrS5uCsb_BBD4e {
  padding: 12px 20px;
  border-bottom: 1px solid #f1f5f9;
}

.zka3drkCyRWts7CvcASg {
  display: flex;
  gap: 4px;
}

.aJBxNmZ5Adzcs3twRUgq {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background-color: #f8fafc;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 150ms ease;
}

.aJBxNmZ5Adzcs3twRUgq:hover {
  background-color: #f1f5f9;
}

.aJBxNmZ5Adzcs3twRUgq span {
  font-size: 18px;
  color: #64748b;
}

.aJBxNmZ5Adzcs3twRUgq:hover span {
  color: #0f172a;
}

.QoY6SkiZWdY05fhZ8NHN {
  flex: 1;
  padding: 0 20px;
  overflow-y: auto;
}

.d4fGsYWRw0FOz70Qlc8m {
  padding: 16px 0;
}

.Upu5FQw28FZEMqTlhgzI {
  list-style: none;
  margin: 0;
  padding: 0;
}

.qdl8QE6LioX137msjQX9 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  border: none;
  background: transparent;
  font-size: 15px;
  font-weight: 400;
  color: #475569;
  cursor: pointer;
  transition: all 150ms ease;
  text-align: left;
  position: relative;
  font-family: inherit;
  letter-spacing: -0.01em;
}

.qdl8QE6LioX137msjQX9:hover {
  color: #0f172a;
}

.qdl8QE6LioX137msjQX9.vxV_AHLPVvSKcgliJeop {
  color: #0f172a;
  font-weight: 500;
}

.qdl8QE6LioX137msjQX9.vxV_AHLPVvSKcgliJeop::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background-color: #0f172a;
}

.sYwGibgzBw59ft8CY7es {
  flex: 1;
}

.uq1Wh5uem_yuzRFkndy0 {
  font-size: 16px !important;
  color: #94a3b8;
  transition: transform 150ms ease;
}

.gnYDBBGeUFv_WaLdf2jR {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 8px 0;
}

.qfLPRdrqw0YwqwqmHtuA {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 8px 0 8px 16px;
  border: none;
  background: transparent;
  font-size: 13px;
  color: #64748b;
  cursor: pointer;
  transition: all 150ms ease;
  text-align: left;
  font-family: inherit;
  border-left: 1px solid #e2e8f0;
}

.qfLPRdrqw0YwqwqmHtuA:hover {
  color: #0f172a;
  border-left-color: #94a3b8;
}

.WvAIcW8er_kdxz2fixCb {
  padding: 16px 20px;
  border-top: 1px solid #f1f5f9;
}

.bRJqMCd1yME724ExFmvX {
  padding: 0;
  margin-bottom: 16px;
}

.qKRO7ta_j2mGANsiUfzo {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 8px;
}

.zRcbvAT32Y8he72PhohR {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #64748b;
  font-family: system-ui, -apple-system, sans-serif;
}

.itQ5hgrAriFAlB7iVsm9 {
  display: flex;
  align-items: baseline;
  gap: 1px;
}

.LuXkjJOd_HVBCb0VGNCx {
  font-size: 18px;
  font-weight: 500;
  color: #0f172a;
  font-family: inherit;
}

.s_jG1WeuNAmM7b5Zaoxr {
  font-size: 12px;
  font-weight: 400;
  color: #94a3b8;
  font-family: system-ui, -apple-system, sans-serif;
}

.hxbNi6SA7hpLD7DNxZ4f {
  width: 100%;
  height: 3px;
  background-color: #f1f5f9;
  border-radius: 2px;
  overflow: hidden;
}

.bTWlBxM_gXhDBsYGFCjb {
  height: 100%;
  background-color: #0f172a;
  border-radius: 2px;
}

.xlgKOnLDRTmhlC2zvEtw {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: transparent;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 12px;
  color: #64748b;
  cursor: pointer;
  transition: all 150ms ease;
  font-family: system-ui, -apple-system, sans-serif;
}

.xlgKOnLDRTmhlC2zvEtw:hover {
  background-color: #f8fafc;
  color: #0f172a;
}

/* Soft Organic: Warm cream tones, rounded elements, soft shadows */

.cIFoqdc6ZKy4gspt_0Ng {
  width: 260px;
  height: 680px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #faf8f5 0%, #f5f0ea 100%);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(120, 90, 60, 0.08);
  font-family: 'DM Sans', -apple-system, sans-serif;
}

.cIFoqdc6ZKy4gspt_0Ng.jnYJlyy9Rj_MvvHo4gGx {
  border: 1px solid #d4c4b0;
}

.KZWcTfLTUoaCXiv6V4ZO {
  padding: 16px 18px 0;
}

.udPw0CuGFpP_NcC6eEOw {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background-color: #ffffff;
  border: none;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 500;
  color: #78716c;
  cursor: pointer;
  transition: all 200ms ease;
  box-shadow: 0 2px 8px rgba(120, 90, 60, 0.06);
}

.udPw0CuGFpP_NcC6eEOw:hover {
  background-color: #fff9f5;
  color: #f97316;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.12);
}

.udPw0CuGFpP_NcC6eEOw span {
  font-size: 18px;
}

.puvxN6KAA2wENxCOIaFR {
  margin: 16px 18px 8px 18px;
  padding: 16px;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 2px 12px rgba(120, 90, 60, 0.06);
  display: flex;
  gap: 14px;
}

.sEDKwUWhKTLYrJDgiTle {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sEDKwUWhKTLYrJDgiTle span {
  font-size: 16px;
  font-weight: 600;
  color: #c2410c;
}

.RS_2S7r8UfHDH8Ab5_1B {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

.JWdJxGMuEJ9Zy4hkUquu {
  font-size: 16px;
  font-weight: 600;
  color: #292524;
  line-height: 1.2;
}

._CWHMgO0i7Bxlan38pCg {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.XmEj03GJPIT7BawmEB2p {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #78716c;
  line-height: 1.3;
}

.XmEj03GJPIT7BawmEB2p span:first-child {
  font-size: 14px;
  color: #f97316;
  flex-shrink: 0;
}

.l9YdTiMzVnhw8lz9_rnj {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 8px 18px 12px 18px;
  padding: 14px 16px;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.15);
}

.EnmSDY0tfcwVkHQY8lru {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background-color: rgba(245, 158, 11, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.EnmSDY0tfcwVkHQY8lru span {
  font-size: 20px;
  color: #d97706;
}

.T9cD1rUbpiFnkmRDbD97 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.eHCgwJVcn3clcYMzy7nN {
  font-size: 11px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.W3rbuLmxKDtTsFPqLYrA {
  font-size: 13px;
  font-weight: 500;
  color: #b45309;
}

.nZiqKzZ_ND_8GecBZvXy {
  padding: 12px 18px;
}

.jeisIFwZUm43fnPU6XvN {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #a8a29e;
  margin-bottom: 10px;
}

.HkcZuIMMNG4VU3Cqm_E8 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}

.sFYi4q3yBO64XgFCiZun {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background-color: #ffffff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 200ms ease;
  box-shadow: 0 2px 6px rgba(120, 90, 60, 0.06);
}

.sFYi4q3yBO64XgFCiZun:hover {
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.15);
}

.sFYi4q3yBO64XgFCiZun span {
  font-size: 18px;
  color: #a8a29e;
}

.sFYi4q3yBO64XgFCiZun:hover span {
  color: #f97316;
}

.qQjmQWlWzF0AMiXPcm1w {
  flex: 1;
  padding: 0 18px;
  overflow-y: auto;
}

.NCm9JNrTC6tJ_TICAI7Y {
  padding: 8px 0;
}

.MesPecuFmupJwarwcgXK {
  list-style: none;
  margin: 0;
  padding: 0;
}

.xT20R2niyOFHEwSsDmOF {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: none;
  background: transparent;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 500;
  color: #78716c;
  cursor: pointer;
  transition: all 200ms ease;
  text-align: left;
  margin-bottom: 4px;
}

.xT20R2niyOFHEwSsDmOF:hover {
  background-color: #ffffff;
  color: #44403c;
  box-shadow: 0 2px 8px rgba(120, 90, 60, 0.06);
}

.xT20R2niyOFHEwSsDmOF.IueYPaY3NcArRl4FwNmo {
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
  color: #ea580c;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(249, 115, 22, 0.1);
}

.xT20R2niyOFHEwSsDmOF span:first-child {
  font-size: 20px;
  color: #a8a29e;
}

.xT20R2niyOFHEwSsDmOF.IueYPaY3NcArRl4FwNmo span:first-child,
.xT20R2niyOFHEwSsDmOF:hover span:first-child {
  color: #f97316;
}

.URvvurquFg7YyJdLG8SV {
  flex: 1;
}

.xc52I1I4Vb17fFrn9to3 {
  font-size: 18px !important;
  transition: transform 200ms ease;
}

.sgt0VnLyIJShU2q779U1 {
  list-style: none;
  margin: 4px 0 4px 28px;
  padding: 0;
}

.AUV3YZNUAgDAyYQiCfpV {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: none;
  background: transparent;
  border-radius: 12px;
  font-size: 13px;
  color: #a8a29e;
  cursor: pointer;
  transition: all 200ms ease;
  text-align: left;
  margin-bottom: 2px;
}

.AUV3YZNUAgDAyYQiCfpV:hover {
  background-color: rgba(255, 255, 255, 0.7);
  color: #78716c;
}

.AUV3YZNUAgDAyYQiCfpV span:first-child {
  font-size: 16px;
  color: #d6d3d1;
}

.AUV3YZNUAgDAyYQiCfpV:hover span:first-child {
  color: #fb923c;
}

.pMu1Xjm6TYO8bNmcnu5y {
  padding: 14px 18px;
}

.h9O9rfmLXip5VQxONSX2 {
  padding: 16px;
  margin-bottom: 12px;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 2px 12px rgba(120, 90, 60, 0.06);
}

.vZD2HvwwaRaMy5JnM2BQ {
  display: flex;
  align-items: center;
  gap: 14px;
}

.OlDFjpRlKbhFLQ3FWcDE {
  position: relative;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
}

.i0bxmYZWIJ8V2ZsImWqS {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.hPrboUXFVG4lDLNDI6PA {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-weight: 700;
  color: #f97316;
}

.Za3gFBYT2NK3QF6tJX2N {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.XwFuCEYT3CgBQgOl4Fg3 {
  font-size: 13px;
  font-weight: 600;
  color: #44403c;
}

.mJJe1Y7tDcLb1PWBAHFh {
  font-size: 11px;
  color: #a8a29e;
}

.Ysb03wShBlhoERllVGQ9 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  background-color: #ffffff;
  border: none;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 500;
  color: #78716c;
  cursor: pointer;
  transition: all 200ms ease;
  box-shadow: 0 2px 6px rgba(120, 90, 60, 0.04);
}

.Ysb03wShBlhoERllVGQ9:hover {
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
  color: #f97316;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.1);
}

.Ysb03wShBlhoERllVGQ9 span:first-child {
  font-size: 18px;
}

/* Glassmorphism Modern: Frosted glass effects, gradient mesh background */
.yIK9tEvkDKPoMJVQCII0 {
  position: relative;
  width: 280px;
  height: 700px;
  border-radius: 20px;
  overflow: hidden;
}

.TPZ0hajXFGixb0QsiHRu {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #f0f4ff 0%, #faf5ff 50%, #fff1f2 100%);
  z-index: 0;
}

.NraqNuyyyB3e4f_MVQ4J {
  position: absolute;
  width: 200px;
  height: 200px;
  top: -50px;
  right: -50px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.3) 0%, transparent 70%);
  filter: blur(40px);
  animation: cbuh85G6JhWhO6bZklQM 8s ease-in-out infinite;
}

.jmzWh9Gisf6lBfTXkwv_ {
  position: absolute;
  width: 180px;
  height: 180px;
  bottom: 100px;
  left: -40px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.3) 0%, transparent 70%);
  filter: blur(40px);
  animation: DmdGRPX6_7PzPf4T8Lcg 10s ease-in-out infinite;
}

.ooNkgrDogTYikhn9ajxi {
  position: absolute;
  width: 150px;
  height: 150px;
  bottom: -30px;
  right: 20px;
  background: radial-gradient(circle, rgba(236, 72, 153, 0.25) 0%, transparent 70%);
  filter: blur(40px);
  animation: lXuKEUOfvbFiEeC0Tbn4 7s ease-in-out infinite;
}

@keyframes cbuh85G6JhWhO6bZklQM {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(-20px, 20px); }
}

@keyframes DmdGRPX6_7PzPf4T8Lcg {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(15px, -15px); }
}

@keyframes lXuKEUOfvbFiEeC0Tbn4 {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(-10px, -20px); }
}

.CiyjxyvCoh4hasCxXLFw {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  z-index: 1;
}

.CiyjxyvCoh4hasCxXLFw.LZEiiUgQirIeIzHvjCeB {
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 0 1px rgba(100, 100, 120, 0.15);
}

.ZKf44uP5LrTu7oALWgpQ {
  padding: 14px 18px 0;
}

.bPNwUtco8P0eCoaJiaaQ {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 16px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 12px;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 200ms ease;
}

.bPNwUtco8P0eCoaJiaaQ:hover {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(139, 92, 246, 0.3);
  color: #8b5cf6;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.15);
}

.bPNwUtco8P0eCoaJiaaQ span {
  font-size: 18px;
}

.D29RL97VnHtmaiZyEXXC {
  margin: 10px 18px 6px 18px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(139, 92, 246, 0.08);
}

.gRfrS20LYbDF5eXgy2jm {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 600;
  color: #8b5cf6;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.gRfrS20LYbDF5eXgy2jm span {
  font-size: 14px;
  color: #8b5cf6;
}

.OE4aHk8rszD8e1rWAVA7 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wPPIFXugQqD6fhShbNir {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.3;
  margin-bottom: 4px;
}

.x6uzgwMsEqer6RM5j2vU {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.egfFE8nqcyZVAX5I6v_w {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  color: #64748b;
  line-height: 1.3;
}

.egfFE8nqcyZVAX5I6v_w span:first-child {
  font-size: 14px;
  color: #a78bfa;
  flex-shrink: 0;
  margin-top: 1px;
}

.g17CPlOgcsT8DbILvmJ2 {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.2), transparent);
  margin: 4px 0;
}

.vjE5EWmSO8_N3kBJbrVi {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ZtrCGCuQgzLmnsWSpL_W {
  font-size: 12px;
  font-weight: 500;
  color: #334155;
}

._1Z5M5pKoPOzNkypnxjU {
  font-size: 12px;
  color: #64748b;
}

.haEONucdC1qSiETyADiU {
  margin: 4px 18px 10px 18px;
  padding: 12px 14px;
  background: linear-gradient(135deg, rgba(254, 243, 199, 0.8) 0%, rgba(253, 230, 138, 0.6) 100%);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 14px;
}

.GfgsDSh_FNlOrQVVaVW9 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.GfgsDSh_FNlOrQVVaVW9 span {
  font-size: 14px;
  color: #f59e0b;
}

.uALdKo60K6pJq1ruT7kN {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.izkRW7teWa2A01HpelwF {
  font-size: 17px;
  font-weight: 700;
  color: #b45309;
}

.mij1AB3AvpOGJKJXm04R {
  font-size: 11px;
  color: #92400e;
}

.ojosJcd65fWCbDC7qA_9 {
  padding: 10px 18px;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}

.fhqjsgqXc6WNrbYmQpUw {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #94a3b8;
  margin-bottom: 10px;
}

.zRhog3JXpznlBIsKCp6K {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}

.QFJD_NLi2TTit5tnrL0H {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 200ms ease;
}

.QFJD_NLi2TTit5tnrL0H:hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(139, 92, 246, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.15);
}

.QFJD_NLi2TTit5tnrL0H span {
  font-size: 17px;
  color: #94a3b8;
}

.QFJD_NLi2TTit5tnrL0H:hover span {
  color: #8b5cf6;
}

.JaeJM2PJslfqahnA5td2 {
  flex: 1;
  padding: 0 18px;
  overflow-y: auto;
}

.GB6Cf6PnAkL3_zMNVz6Q {
  padding: 10px 0;
}

.rhDczupctdxFPUQjuwPA {
  list-style: none;
  margin: 0;
  padding: 0;
}

.iOzvExawqQ7KKacgugY1 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border: none;
  background: transparent;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 200ms ease;
  text-align: left;
  margin-bottom: 3px;
  position: relative;
}

.iOzvExawqQ7KKacgugY1:hover {
  background: rgba(255, 255, 255, 0.7);
  color: #475569;
}

.iOzvExawqQ7KKacgugY1.uAS6o57G_2JXHFPXio1x {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15) 0%, rgba(59, 130, 246, 0.1) 100%);
  color: #7c3aed;
  font-weight: 600;
  border: 1px solid rgba(139, 92, 246, 0.2);
}

.iOzvExawqQ7KKacgugY1.uAS6o57G_2JXHFPXio1x::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 22px;
  background: linear-gradient(180deg, #8b5cf6, #3b82f6);
  border-radius: 0 3px 3px 0;
}

.iOzvExawqQ7KKacgugY1 span:first-child {
  font-size: 18px;
  color: #a78bfa;
}

.iOzvExawqQ7KKacgugY1.uAS6o57G_2JXHFPXio1x span:first-child {
  color: #7c3aed;
}

.iOzvExawqQ7KKacgugY1:hover span:first-child {
  color: #8b5cf6;
}

.QKJ5uNUjXE467ppfcY8V {
  flex: 1;
}

.DbyKNVdKdXaB5nSjXIdM {
  font-size: 16px !important;
  transition: transform 200ms ease;
}

.b6jXHWEmoLy2f27wDk6Q {
  list-style: none;
  margin: 4px 0 4px 28px;
  padding: 0;
}

.Nt_5_2qrFWTlhU8Jy6Je {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border: none;
  background: transparent;
  border-radius: 10px;
  font-size: 12px;
  color: #94a3b8;
  cursor: pointer;
  transition: all 200ms ease;
  text-align: left;
  margin-bottom: 2px;
}

.Nt_5_2qrFWTlhU8Jy6Je:hover {
  background: rgba(255, 255, 255, 0.6);
  color: #64748b;
}

.Nt_5_2qrFWTlhU8Jy6Je span:first-child {
  font-size: 16px;
  color: #c4b5fd;
}

.Nt_5_2qrFWTlhU8Jy6Je:hover span:first-child {
  color: #a78bfa;
}

.m3oZPFYBRKJbLrgoBHW0 {
  padding: 14px 18px;
  border-top: 1px solid rgba(139, 92, 246, 0.1);
}

.XX8wYcPhwWKu1NWmJegZ {
  padding: 14px;
  margin-bottom: 12px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.12) 0%, rgba(59, 130, 246, 0.1) 50%, rgba(236, 72, 153, 0.08) 100%);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: 16px;
}

.NEd_aoDAxk8i_BWEQcUR {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}

.NEd_aoDAxk8i_BWEQcUR > span:first-child {
  font-size: 16px;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.VTx6GJZUZYUEGVaUolU7 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.fbO1OueGpdg_4wamYhkZ {
  display: flex;
  align-items: baseline;
  gap: 2px;
  margin-left: auto;
}

.YDXw2ZLv1JpgbIlgEMmo {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.ZV2YseK8ZqhIxr6iTdPQ {
  font-size: 14px;
  font-weight: 500;
  color: #a78bfa;
}

.bQnIrXqglN3RQJZPw16u {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 10px;
}

.x3hAEa00YiWwFhLduFs1 {
  height: 100%;
  background: linear-gradient(90deg, #8b5cf6, #3b82f6, #ec4899);
  border-radius: 3px;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.4);
}

.ISFcj2TlsEoD2ZvLwKKO {
  font-size: 10px;
  color: #7c3aed;
  line-height: 1.4;
}

.t7jKS4IPxg1NIc0rW_QA {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 12px;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 200ms ease;
}

.t7jKS4IPxg1NIc0rW_QA:hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(139, 92, 246, 0.3);
  color: #8b5cf6;
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.1);
}

.t7jKS4IPxg1NIc0rW_QA span:first-child {
  font-size: 17px;
}

.ya8JDG9H1rp6PuHgRm7A {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.NEpK87U7ocKJm0FnqF2w {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--preview-border, #e5e7eb);
}

.JYvZ1eG_JgVhlBsfb_Ap {
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  color: var(--preview-text-secondary, #64748b);
  background: var(--preview-bg, #f8fafc);
  border: 1px solid var(--preview-border, #e2e8f0);
  border-radius: 8px;
  cursor: pointer;
  transition: all 150ms ease;
  font-family: inherit;
}

.JYvZ1eG_JgVhlBsfb_Ap:hover {
  background: var(--preview-bg-secondary, #f1f5f9);
  color: var(--preview-text, #475569);
}

.JYvZ1eG_JgVhlBsfb_Ap.UithOHrrZwzZcXTSu5su {
  background: var(--preview-accent, #3b82f6);
  color: white;
  border-color: var(--preview-accent, #3b82f6);
}

.b7ARX9DHCPGlDxfVLdgV {
  width: 1px;
  height: 24px;
  background: var(--preview-border, #e2e8f0);
  margin: 0 4px;
  align-self: center;
}

.bBqWSzBaA2bZVzLgpdci {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--preview-text-secondary, #64748b);
  background: var(--preview-bg, #f8fafc);
  border: 1px solid var(--preview-border, #e2e8f0);
  border-radius: 8px;
  cursor: pointer;
  transition: all 150ms ease;
  font-family: inherit;
}

.bBqWSzBaA2bZVzLgpdci .n3CtJ4Bj1UcREPP2LT_w {
  font-size: 16px;
}

.bBqWSzBaA2bZVzLgpdci:hover {
  background: var(--preview-bg-secondary, #f1f5f9);
  color: var(--preview-text, #475569);
}

.bBqWSzBaA2bZVzLgpdci.UithOHrrZwzZcXTSu5su {
  background: #f0fdf4;
  color: #16a34a;
  border-color: #86efac;
}

.gvI73BslHMiRSEiqVIxA {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 10px;
}

.gvI73BslHMiRSEiqVIxA .n3CtJ4Bj1UcREPP2LT_w {
  font-size: 20px;
  color: var(--preview-accent, #3b82f6);
  flex-shrink: 0;
  margin-top: 1px;
}

.gvI73BslHMiRSEiqVIxA p {
  font-size: 13px;
  color: #1e40af;
  line-height: 1.5;
  margin: 0;
}

.gvI73BslHMiRSEiqVIxA strong {
  font-weight: 600;
}

.QPNttCgOyCBkia9X8gBH {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 32px;
}

.JtfhtM2kkE84MZHfB7lM {
  display: flex;
  justify-content: center;
}

.X6Mwqhtm6pmvVuLpz0Yx {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.p_P08NvhxUR_mgqnQwrQ {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gGO_EZtBmh58pVqpZmg8 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.gGO_EZtBmh58pVqpZmg8 h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--preview-text, #0f172a);
}

.gHLigfj94T5ohsbZ4AS_ {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 600;
  color: #059669;
  background: #d1fae5;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.SGweG28QXnFOXwW0u8Y2 {
  margin: 0;
  font-size: 13px;
  color: var(--preview-text-secondary, #64748b);
  line-height: 1.5;
}

.JOpPq8lHC4oDXpXcNPkA {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.rdCLH4iRnffhdOdIg7V5 {
  display: inline-flex;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 500;
  color: #6366f1;
  background: #eef2ff;
  border-radius: 6px;
}

.I4TteGyMD_2tk2kKJQbd {
  display: flex;
  justify-content: center;
  padding: 24px;
  background: var(--preview-bg-secondary, linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%));
  border-radius: 16px;
  border: 1px solid var(--preview-border, #e2e8f0);
}

@media (max-width: 768px) {
  .QPNttCgOyCBkia9X8gBH {
    grid-template-columns: 1fr;
  }

  .I4TteGyMD_2tk2kKJQbd {
    padding: 16px;
  }
}

.MqZA7zC92dVXBQImtew6 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.DRTBPxopdPdrTGXcMaFI {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
}

.kMPciXOx8arIeXG3fMaH {
  padding: 8px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  background: #fff;
  color: #6b7280;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.kMPciXOx8arIeXG3fMaH:hover {
  background: #f9fafb;
  border-color: #d1d5db;
}

.kMPciXOx8arIeXG3fMaH.iIhSTXeDRWHFO_9WJuzm {
  background: #eff6ff;
  border-color: #3b82f6;
  color: #3b82f6;
}

.sk5bN1DSzyHBma6YmyGk {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ZhiFFvOt3rmJWDnknaa4 {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
}

.OpOV1eLpKNmhyTvv5ozB {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px 20px;
  border-bottom: 1px solid #f3f4f6;
}

.smUBqsIYJnakzZ7fnlir {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px;
}

.xT38Z2LC_EkwnzskBPwt {
  font-size: 13px;
  color: #6b7280;
  margin: 0;
}

.y8dgR9F_mF75OCV0e_cf {
  display: flex;
  gap: 6px;
}

.ktA8rDtxK4my4qTixyws {
  padding: 4px 10px;
  background: #f3f4f6;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
  color: #6b7280;
}

.ktA8rDtxK4my4qTixyws:last-child {
  background: #ecfdf5;
  color: #059669;
}

/* Demo Container */
.W8Ynr9yynPaZOIsRQ6dN {
  padding: 20px;
}

.j0jnVH08BNxGJcWVitF3 {
  display: flex;
  gap: 24px;
  margin-bottom: 16px;
}

.ukakD_TptmMgeGUOq3Ge {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.ukakD_TptmMgeGUOq3Ge input {
  display: none;
}

.pY9sPB7TGLt7pszQrZo9 {
  width: 40px;
  height: 22px;
  background: #e5e7eb;
  border-radius: 11px;
  position: relative;
  transition: background 0.2s ease;
}

.pY9sPB7TGLt7pszQrZo9::after {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.ukakD_TptmMgeGUOq3Ge input:checked + .pY9sPB7TGLt7pszQrZo9 {
  background: #8b5cf6;
}

.ukakD_TptmMgeGUOq3Ge input:checked + .pY9sPB7TGLt7pszQrZo9::after {
  transform: translateX(18px);
}

.gq_m7u6v1P2W1Ms5cDCg {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
}

/* Preview Area */
.zvT60k5xboWyqo7OqFst {
  position: relative;
  height: 400px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
}

.wa0EpCt3B0szUB25lDYa {
  padding: 24px;
  height: 100%;
  overflow: auto;
}

.cRbf5EQH6d4xnYO_fZm8 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bfRY64UBEUYMqNMN10r7 {
  height: 12px;
  background: #e5e7eb;
  border-radius: 6px;
}

.AcIQNanGvXT7C2Yb0Up0 {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Floating Elements Container */
.IZTMpOD66hMcn1jNo0Xm {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  pointer-events: none;
}

.IZTMpOD66hMcn1jNo0Xm > * {
  pointer-events: auto;
}

/* Mock Save Bar */
.fVJ8sc9ruVCNFrEbDhrC {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px;
  border-radius: 8px;
  max-width: 400px;
  width: calc(100% - 48px);
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.25s ease-out;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.fVJ8sc9ruVCNFrEbDhrC.JeSMYtXSrHiGLXSWANTM {
  opacity: 1;
  transform: translateY(0);
}

.byxKE1rwjIOCEmhwAhWD {
  background: #fef3c7;
  border: 1px solid #fcd34d;
}

.rr786wUfURKXInpJ95pQ {
  background: #f0f9ff;
  border: 1px solid #93c5fd;
}

.rRm2oh0uya2ErR8iFmYl {
  display: flex;
  align-items: center;
  gap: 10px;
}

.DqDGEZvWdod5sStICT2e {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.DqDGEZvWdod5sStICT2e .F0mwThlav7vc4aQIBpbe {
  font-size: 14px;
}

.kYcaUIRfa_R_Ac4oxlCc {
  background: #fde68a;
  color: #92400e;
}

.SMXQD_l_ohYsP3A5JBuH {
  background: #dbeafe;
  color: #2563eb;
}

.Er66zWSbeWewRWzncUgA {
  font-size: 13px;
  font-weight: 500;
  color: #92400e;
}

.rr786wUfURKXInpJ95pQ .Er66zWSbeWewRWzncUgA {
  color: #1d4ed8;
}

.VSo6t4qArVsODlHud0E8 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lPAdVvcA2phGwSlB75tp {
  display: flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  color: #94a3b8;
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.lPAdVvcA2phGwSlB75tp .F0mwThlav7vc4aQIBpbe {
  font-size: 14px;
}

.r5uIQru8zSdh3NefuQ6A {
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.25);
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.r5uIQru8zSdh3NefuQ6A .F0mwThlav7vc4aQIBpbe {
  font-size: 14px;
}

/* Mock Chat Pill */
.C099qrqPNR6j_rhWP0sN {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow:
    0 8px 32px rgba(139, 92, 246, 0.15),
    0 4px 16px rgba(0, 0, 0, 0.08);
  max-width: 320px;
  width: calc(100% - 48px);
  cursor: pointer;
  transition: all 0.25s ease-out;
}

.C099qrqPNR6j_rhWP0sN.tCduc20WoOlghTvvEGd3 {
  transform: translateY(-44px);
}

.C099qrqPNR6j_rhWP0sN.i6DUedV1bCDySX8fTtGg {
  padding: 6px 12px;
  gap: 6px;
}

.C099qrqPNR6j_rhWP0sN.i6DUedV1bCDySX8fTtGg .cdj7cCXordEyRSRkppsH .F0mwThlav7vc4aQIBpbe {
  font-size: 16px;
}

.C099qrqPNR6j_rhWP0sN.i6DUedV1bCDySX8fTtGg .Os9ShJybG2d3L4q0GpvJ {
  display: none;
}

.C099qrqPNR6j_rhWP0sN.i6DUedV1bCDySX8fTtGg .GT6_Yk9IM31RSafkmu1K {
  display: none;
}

.OCOhoUdFB6d3suQdh1L3 {
  font-size: 11px;
  font-weight: 600;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.C099qrqPNR6j_rhWP0sN:hover {
  box-shadow:
    0 12px 40px rgba(139, 92, 246, 0.25),
    0 6px 20px rgba(0, 0, 0, 0.1);
}

.cdj7cCXordEyRSRkppsH {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.cdj7cCXordEyRSRkppsH .F0mwThlav7vc4aQIBpbe {
  font-size: 22px;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.Os9ShJybG2d3L4q0GpvJ {
  flex: 1;
  font-size: 15px;
  color: #9ca3af;
}

.GT6_Yk9IM31RSafkmu1K {
  width: 20px;
  height: 20px;
  background: #8b5cf6;
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Mock Chat Expanded */
.n8QMBgv392NWnpTFVf5g {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  box-shadow:
    0 24px 80px rgba(139, 92, 246, 0.15),
    0 12px 40px rgba(0, 0, 0, 0.1);
  max-width: 360px;
  width: calc(100% - 48px);
  max-height: 280px;
  transition: all 0.25s ease-out;
  overflow: hidden;
}

.n8QMBgv392NWnpTFVf5g.tCduc20WoOlghTvvEGd3 {
  transform: translateY(-44px);
}

.z5_WAL5XtKAEsq_IHPv4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #f3f4f6;
}

.PeDW748DLG7O8oB31uII {
  display: flex;
  align-items: center;
  gap: 10px;
}

.NiVZerw5v9OpCqLToOEE .F0mwThlav7vc4aQIBpbe {
  font-size: 20px;
  color: #8b5cf6;
}

.bNBsAnMkmkBRZfYssPme {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  margin: 0;
}

.Kaf7z5eBBPDa7N_GBisH {
  font-size: 11px;
  color: #9ca3af;
  margin: 0;
}

.s1qjbvJeXJRaWoSKyBfs {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #f3f4f6;
  border-radius: 8px;
  cursor: pointer;
  color: #6b7280;
}

.s1qjbvJeXJRaWoSKyBfs:hover {
  background: #e5e7eb;
}

.j2DMndinILlOC_ats5H3 {
  flex: 1;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
}

.Fkpo34lbYIuypPUe6prF {
  display: flex;
  gap: 8px;
}

.C0p_W9hcoC0TFHKHbRDA {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(236, 72, 153, 0.1) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.C0p_W9hcoC0TFHKHbRDA .F0mwThlav7vc4aQIBpbe {
  font-size: 14px;
  color: #8b5cf6;
}

.AvQc0aOJIdRc2YlvWAQa {
  padding: 8px 12px;
  background: #f9fafb;
  border: 1px solid #f3f4f6;
  border-radius: 12px 12px 12px 4px;
  font-size: 13px;
  color: #374151;
  line-height: 1.4;
}

.FrkkV40ImY_siJxEl2Y2 {
  display: flex;
  justify-content: flex-end;
}

.wGTYGzgee_uEtWxodQZ6 {
  padding: 8px 12px;
  background: #8b5cf6;
  color: #fff;
  border-radius: 12px 12px 4px 12px;
  font-size: 13px;
  line-height: 1.4;
}

.zCk0SebttGaFyTJAkdQg {
  display: flex;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #f3f4f6;
}

.LgE8RZ3hgXuJ3U99adx7 {
  flex: 1;
  padding: 10px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  font-size: 13px;
  outline: none;
}

.LgE8RZ3hgXuJ3U99adx7:focus {
  border-color: rgba(139, 92, 246, 0.5);
}

.R8h5wX7nBOmlmrvRtt8d {
  width: 38px;
  height: 38px;
  border: none;
  background: #8b5cf6;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.R8h5wX7nBOmlmrvRtt8d .F0mwThlav7vc4aQIBpbe {
  font-size: 18px;
  color: #fff;
}

/* Demo Description */
.budSLiCgLPFd4vyRHGbg {
  margin-top: 16px;
  padding: 12px 16px;
  background: #f9fafb;
  border-radius: 8px;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.5;
}

.budSLiCgLPFd4vyRHGbg strong {
  color: #374151;
}

.dl9M9WQt_OzpNfUcPmZZ {
  padding: 2rem;
  min-height: 100vh;
  background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #0f0f1a 100%);
}

.UMgK5HrHCyPzy4ehm9yo {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.HQGjgrj_rxwWrodfr9Ym {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 24px;
  overflow: hidden;
}

.h9bsL_167ClJR1uKf90h {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.01);
}

.OCVf5ZEa1JSP0irgzhux {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.3);
  padding: 0.5rem 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  letter-spacing: 0.1em;
}

.z3dR6ZgFwU4Z8CdANvou {
  flex: 1;
}

._w7Z_GB7UONWeqgEhfcG {
  font-family: 'DM Sans', sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 0.5rem 0;
  letter-spacing: -0.02em;
}

.a5B7wsCgYKU3ARzbdL7r {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.6;
  margin: 0;
  max-width: 600px;
}

.hlkG85TRVuGI3F2IkXD8 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.OxGEqFQj7UUyRTQxAN8L {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
  padding: 0.35rem 0.6rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.EyYVixCeQb97FFspTm1x {
  padding: 3rem;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ============================================
   CONCEPT 1: FLOATING MESSENGER PANEL
   Dark, sleek, modern tech aesthetic
   ============================================ */

.ImZd32x04QnT5b7nVGOV {
  position: relative;
  width: 100%;
  height: 480px;
  background: linear-gradient(180deg, #1e1e2e 0%, #12121a 100%);
  border-radius: 16px;
  overflow: hidden;
}

._O6v9Hxf36xNqBn8QZIV {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 0.05em;
}

.nfr_0JdYaCj0feIQSIXq {
  animation: ykqB3XZ_NPBcvE29hcgg 2s ease-in-out infinite;
}

@keyframes ykqB3XZ_NPBcvE29hcgg {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(3px); }
}

.Qv03xHCdSJplaA37CkG8 {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  left: 1.5rem;
  max-width: 420px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.875rem 1rem;
  background: #1a1a2e;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  cursor: pointer;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease;
}

.Qv03xHCdSJplaA37CkG8:hover {
  background: #1e1e32;
  border-color: rgba(99, 102, 241, 0.3);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
  transform: translateY(-2px);
}

.DDa1fR_RFQRfchljuVm4 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}

.WOipAreOqOPMK0q9szPG {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.2) 0%, rgba(139, 92, 246, 0.2) 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.WOipAreOqOPMK0q9szPG svg {
  width: 18px;
  height: 18px;
  color: #8b5cf6;
}

.fd7J4Nz42CuvNv8CUcAp {
  flex: 1;
  min-width: 0;
}

.cJY0Uxw4xXc9NbcFobLI {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.LSXbYWo19g33lpe8BX_o {
  width: 6px;
  height: 6px;
  background: #ef4444;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.6);
}

.rQfX52kDr4j0pgXWndmQ {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.125rem;
}

.UQCgqJa2UEJ4o0ShtuI5 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

.IWbHjcbcQPZabID77IBE {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

._8J5nL99QrOdmzLpvScg {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  background: rgba(239, 68, 68, 0.15);
  color: #f87171;
  border-radius: 6px;
}

.LvZW0e8Rmbqhq3wZsE5X {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.5);
  border-radius: 6px;
}

.CtdD6bRosDtYGoKWUlD8 {
  width: 18px;
  height: 18px;
  color: rgba(255, 255, 255, 0.3);
  transition: transform 0.2s;
}

.Qv03xHCdSJplaA37CkG8:hover .CtdD6bRosDtYGoKWUlD8 {
  color: rgba(255, 255, 255, 0.6);
  transform: translateY(-2px);
}

.AUJkx7poNKxP__pg7ooi {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  width: 380px;
  background: #1a1a2e;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  animation: V_zVN0ilMAE7nOYke2ey 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes V_zVN0ilMAE7nOYke2ey {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.ds6tbRfcCB2v9GdG3xAw {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
}

.gX5bic9yT673n5w3F_8g {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.QUrJbeaCY4Ad3VDp64Er {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.QUrJbeaCY4Ad3VDp64Er svg {
  width: 20px;
  height: 20px;
  color: #fff;
}

.axVvSdCGVJjvRxTRMKD3 {
  font-family: 'DM Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.MbuKnzGuZhXdLJKOvICc {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.BU7b2iXcvOvaz1AjCvtZ {
  width: 6px;
  height: 6px;
  background: #4ade80;
  border-radius: 50%;
  animation: zZSe_K5aTz8s0SDpeIPw 2s ease-in-out infinite;
}

@keyframes zZSe_K5aTz8s0SDpeIPw {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.ejvzYMFejmPS_fCEmMUb {
  display: flex;
  gap: 0.25rem;
}

.q0x6Ncc_VyF1UulbfU7p {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: none;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}

.q0x6Ncc_VyF1UulbfU7p:hover {
  background: rgba(255, 255, 255, 0.2);
}

.q0x6Ncc_VyF1UulbfU7p svg {
  width: 16px;
  height: 16px;
}

.y8FNZGmZDC4w8MGLyydj {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.TIhtzHv1F0j6iNNNjc0C {
  flex: 1;
  padding: 0.75rem;
  border: none;
  background: none;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: all 0.2s;
  position: relative;
}

.TIhtzHv1F0j6iNNNjc0C:hover {
  color: rgba(255, 255, 255, 0.6);
}

.TIhtzHv1F0j6iNNNjc0C.DP_4u7K8yEd0WntCqLDW {
  color: #fff;
}

.TIhtzHv1F0j6iNNNjc0C.DP_4u7K8yEd0WntCqLDW::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 1rem;
  right: 1rem;
  height: 2px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  border-radius: 1px;
}

.CkcKwiePfKfclFfhx7es {
  font-size: 0.7rem;
  padding: 0.125rem 0.4rem;
  background: rgba(99, 102, 241, 0.2);
  border-radius: 4px;
  color: #8b5cf6;
}

.mf2xC3qb_vnJ5kJczo1k {
  max-height: 260px;
  overflow-y: auto;
}

.mf2xC3qb_vnJ5kJczo1k::-webkit-scrollbar {
  width: 4px;
}

.mf2xC3qb_vnJ5kJczo1k::-webkit-scrollbar-track {
  background: transparent;
}

.mf2xC3qb_vnJ5kJczo1k::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.xNEv8ipuIM_xXuOSonwh {
  padding: 0.5rem;
}

.QsTu1AMyAcGNpoIEH27k {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s;
}

.QsTu1AMyAcGNpoIEH27k:hover {
  background: rgba(255, 255, 255, 0.03);
}

.YelMqAeRkpFBCyHjv1ZH {
  flex-shrink: 0;
}

.Qs06rOhBz3UeJGjzgJj9 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.Qs06rOhBz3UeJGjzgJj9.x416oyF95AJJNmmrIFwA {
  background: #ef4444;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
}

.Qs06rOhBz3UeJGjzgJj9.ZU1umbZLJ2dCFuEtbR8S {
  background: #f59e0b;
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.5);
}

.Qs06rOhBz3UeJGjzgJj9.pMZ61T7Joei1wKQIHgSg {
  background: #6366f1;
}

.UKvPb1FvWRwXVZjelO14 {
  flex: 1;
  min-width: 0;
}

.aWdwYHP3d5ZsmeaKoWzf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.RRhWwYViKDWj23jja9qM {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: #fff;
}

.Ru_L3AnQyogDkzbDmJXT {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.3);
}

.VQzcE01rPi1gOrOmmvd9 {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.125rem;
}

.i_K9CJj9CmSjFb7gVzLi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.25rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.35);
}

.PLVqB6BIKOjmyWAHBHTP {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.4);
}

.VdZjFmWw52fBPYl1vznw {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  flex-shrink: 0;
}

.VdZjFmWw52fBPYl1vznw:hover {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.5);
}

.VdZjFmWw52fBPYl1vznw svg {
  width: 14px;
  height: 14px;
}

.ASEKtKnfGK8UKR1ORS3p {
  padding: 1rem;
}

.GfrY1mcA0z0Tavp7_NdP {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(99, 102, 241, 0.08);
  border-radius: 10px;
  border: 1px solid rgba(99, 102, 241, 0.15);
}

.JcewuEr7wYsk1ER7fJV3 {
  width: 32px;
  height: 32px;
  background: rgba(99, 102, 241, 0.15);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.JcewuEr7wYsk1ER7fJV3 svg {
  width: 16px;
  height: 16px;
  color: #8b5cf6;
}

.GfrY1mcA0z0Tavp7_NdP p {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  margin: 0;
}

.q3ysVzhBtxDY6hZV5Ltp {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.y0twzxscuQUoRQLFY5ih {
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 8px;
  text-align: center;
}

.s2sLEqUvfI0g_FIh8Gd2 {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.4);
  display: block;
  margin-bottom: 0.25rem;
}

.pHlOGirLtb5DqBveGJKJ {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
}

.ju8UFarcns0xcVk2LTQ2 {
  font-size: 0.8rem;
}

.ju8UFarcns0xcVk2LTQ2.J09X9LpqTRkengXV2PuJ {
  color: #4ade80;
}

.ju8UFarcns0xcVk2LTQ2.DfDs1CtIZvwIzj7oXswM {
  color: #ef4444;
}

.ju8UFarcns0xcVk2LTQ2.YggPhahH_LTVSIfB2HBA {
  color: rgba(255, 255, 255, 0.3);
}

.Xq74iAseYI2c3Q0OASmj {
  padding: 0.75rem 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.n4NlVK5o6xW74opQglPM {
  width: 100%;
  padding: 0.75rem;
  border: none;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: all 0.2s;
}

.n4NlVK5o6xW74opQglPM:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}

.n4NlVK5o6xW74opQglPM svg {
  width: 16px;
  height: 16px;
}

/* ============================================
   CONCEPT 2: COMMAND PALETTE
   Minimal, monospace, keyboard-centric
   ============================================ */

.w05B3WpT5CfEZV2wqtMQ {
  position: relative;
  width: 100%;
  height: 480px;
  background: #0d0d12;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.__zousolkBizEptWS9nA {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
}

.__zousolkBizEptWS9nA:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
}

.QfZuPwlOGc1N3Ag2Rg4V {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.3);
  padding: 0.25rem 0.4rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

.__zousolkBizEptWS9nA span:nth-child(2) {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.3);
  padding: 0.25rem 0.4rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

.d1i0L2IOVDVUwtm48riQ {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.4);
  margin-left: 0.5rem;
}

.YbSRfxZtUweHptGKzMUi {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 60px;
  border-radius: 16px;
  animation: H99eLzTdlO63Z2WwZcIM 0.15s ease;
}

@keyframes H99eLzTdlO63Z2WwZcIM {
  from { opacity: 0; }
  to { opacity: 1; }
}

.y2M57x02qxgs36aqUTy1 {
  width: 560px;
  background: #16161e;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  box-shadow: 0 32px 100px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  animation: k2pxHezcMhwcSVuyMQfT 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes k2pxHezcMhwcSVuyMQfT {
  from {
    opacity: 0;
    transform: scale(0.96) translateY(-8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.WgLMz0MU35Y8fJpeIPIx {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
}

.xFOnk0ydqXIIizDasGsP {
  width: 18px;
  height: 18px;
  color: rgba(255, 255, 255, 0.3);
  flex-shrink: 0;
}

.T3cJ_Yciw1OvJZxHXLoN {
  flex: 1;
  border: none;
  background: none;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.9rem;
  color: #fff;
  outline: none;
}

.T3cJ_Yciw1OvJZxHXLoN::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.T3cJ_Yciw1OvJZxHXLoN::placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.fsuGDrlby8JyemmNVwtX {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.2);
  padding: 0.25rem 0.5rem;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.wL6_m63ZnPi7LponYi_Z {
  height: 1px;
  background: rgba(255, 255, 255, 0.06);
}

.U_ecGjG3AJ7YgQYNiI8R {
  max-height: 320px;
  overflow-y: auto;
}

.E2Jp_gRSRvx8izlHDgE3 {
  padding: 0.75rem;
}

.OjBliVLemNQZ0TlWgYba {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ZjzZA8KSWFZh0n36SQx4 {
  font-size: 0.85rem;
}

.tN98ckij_X2yutYFUctL {
  margin-left: auto;
  padding: 0.125rem 0.4rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  font-size: 0.65rem;
}

.tZRxei6vqkNMrsqcemXc {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.woTqLAIERvr8LWX9c5kf {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border: none;
  background: none;
  border-radius: 6px;
  cursor: pointer;
  text-align: left;
  width: 100%;
  transition: background 0.15s;
}

.woTqLAIERvr8LWX9c5kf:hover {
  background: rgba(255, 255, 255, 0.04);
}

.woTqLAIERvr8LWX9c5kf:focus {
  background: rgba(99, 102, 241, 0.12);
  outline: none;
}

.pQEbUwI6NI1YBt2ux6pB {
  width: 4px;
  height: 32px;
  border-radius: 2px;
  flex-shrink: 0;
}

.pQEbUwI6NI1YBt2ux6pB.x416oyF95AJJNmmrIFwA {
  background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
}

.pQEbUwI6NI1YBt2ux6pB.ZU1umbZLJ2dCFuEtbR8S {
  background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%);
}

.pQEbUwI6NI1YBt2ux6pB.pMZ61T7Joei1wKQIHgSg {
  background: linear-gradient(180deg, #6366f1 0%, #4f46e5 100%);
}

.yosS0TvFCfRlDifFWIqE {
  flex: 1;
  min-width: 0;
}

.QaSV3H2A8NqPtfVaYNcN {
  display: block;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: #fff;
}

.hN7YTMI6TKeDEt62kP_W {
  display: block;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 0.125rem;
}

.jMZyz8MdxS12ooPRFWPS {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.2);
  padding: 0.2rem 0.4rem;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.aLnGmh5bvvKcRzdBoGJQ {
  padding: 0 0.75rem 0.5rem;
}

.diDQWavYBdKFEBBmmRJK {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s;
}

.diDQWavYBdKFEBBmmRJK:hover {
  background: rgba(99, 102, 241, 0.08);
  color: rgba(255, 255, 255, 0.7);
}

.SHOUFvRiupRvZxlkqAxe {
  color: #8b5cf6;
  font-weight: 500;
}

.pPs4aFyHDwcSblP7TL_g {
  padding: 0.75rem 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.01);
}

.Td1w_Nn3WlTAFgbPwqfA {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.25);
}

.Td1w_Nn3WlTAFgbPwqfA kbd {
  padding: 0.15rem 0.35rem;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  margin-right: 0.35rem;
}

/* ============================================
   CONCEPT 3: CARD STACK QUEUE
   Vibrant, playful, interactive
   ============================================ */

._KzkoC6xbm6Qz2fC9dR3 {
  width: 100%;
  max-width: 420px;
  background: linear-gradient(180deg, #1a1a2e 0%, #0f0f1a 100%);
  border-radius: 20px;
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.z92YWWTwzBHaNF99f5u3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.XgvuANqdpXwMd1YmsPmM {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}

.XUIrivaM99i3SU8K0CE6 {
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.2) 0%, rgba(139, 92, 246, 0.2) 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.XUIrivaM99i3SU8K0CE6 svg {
  width: 22px;
  height: 22px;
  color: #8b5cf6;
}

.D3Qxj9Wss5eh2w_u8Ppw {
  font-family: 'DM Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.dQnK5sW5ZQrX3VuRRnUQ {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.4);
}

.QUFsimLNI5jqCgnGFz2x {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.4);
  padding: 0.4rem 0.75rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
}

.QUFsimLNI5jqCgnGFz2x:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.6);
}

.ZaHNzFVmyT351FVCgCS0 {
  position: relative;
  min-height: 300px;
  perspective: 1000px;
}

.Oq39WV7HtD0V3WRfjUsA {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 300px;
  text-align: center;
}

.wj39Tc0b9QfvZdLchRWZ {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, rgba(74, 222, 128, 0.2) 0%, rgba(34, 197, 94, 0.2) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #4ade80;
  margin-bottom: 1rem;
}

.Oq39WV7HtD0V3WRfjUsA p {
  font-family: 'DM Sans', sans-serif;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0 1rem 0;
}

.DmqqnQUebM2aSXMDjjpz {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #1e1e2e;
  border-radius: 16px;
  padding: 1.25rem;
  cursor: pointer;
  transform-origin: bottom center;
  transform: translateY(calc(var(--stack-index) * 12px));
  z-index: calc(10 - var(--stack-index));
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.DmqqnQUebM2aSXMDjjpz:hover {
  transform: translateY(calc(var(--stack-index) * 12px - 6px));
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
}

.DmqqnQUebM2aSXMDjjpz.x416oyF95AJJNmmrIFwA {
  border-left: 3px solid #ef4444;
}

.DmqqnQUebM2aSXMDjjpz.ZU1umbZLJ2dCFuEtbR8S {
  border-left: 3px solid #f59e0b;
}

.DmqqnQUebM2aSXMDjjpz.pMZ61T7Joei1wKQIHgSg {
  border-left: 3px solid #6366f1;
}

.DmqqnQUebM2aSXMDjjpz.s8VsIZPuqJAWK6456fe_ {
  transform: translateY(calc(var(--stack-index) * 8px)) scale(1.02);
  z-index: 10;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

.wwBSZqisKx8nQwaHL7ox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.se3k2x_ioqplnoF22YqQ {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.dv0Z9AQGY3ZPR9GCxN82 {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.3rem 0.6rem;
  border-radius: 4px;
}

.dv0Z9AQGY3ZPR9GCxN82.x416oyF95AJJNmmrIFwA {
  background: rgba(239, 68, 68, 0.15);
  color: #f87171;
}

.dv0Z9AQGY3ZPR9GCxN82.ZU1umbZLJ2dCFuEtbR8S {
  background: rgba(245, 158, 11, 0.15);
  color: #fbbf24;
}

.dv0Z9AQGY3ZPR9GCxN82.pMZ61T7Joei1wKQIHgSg {
  background: rgba(99, 102, 241, 0.15);
  color: #818cf8;
}

.PIaLbLSLRJrzeZPs60r2 {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.3);
}

.WxM2b9JsFxu7xUcbOrGC {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.WxM2b9JsFxu7xUcbOrGC:hover {
  background: rgba(239, 68, 68, 0.15);
  color: #f87171;
}

.WxM2b9JsFxu7xUcbOrGC svg {
  width: 14px;
  height: 14px;
}

.Qhx63amM5VhE7dR5PwFN {
  margin-bottom: 0.5rem;
}

.KuZwq5naoaKuz3EGf3eE {
  font-family: 'DM Sans', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 0.25rem 0;
}

.skk7JKl3B2d9L3nuLTX8 {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0 0.5rem 0;
}

.GYiG54H_827iNmsv4e63 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.4);
}

.ZVntwuGzSMDu1BIa0IO1 {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.5);
}

.U40S4GYo0aO1m5wqeUwx {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  animation: KrCtHx14cjaBW0FJpFe5 0.2s ease;
}

@keyframes KrCtHx14cjaBW0FJpFe5 {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.kWKvNR_V33ZjrvR5xNTl {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  border: none;
  border-radius: 8px;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s;
}

.kWKvNR_V33ZjrvR5xNTl:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.4);
}

.kWKvNR_V33ZjrvR5xNTl svg {
  width: 16px;
  height: 16px;
}

.xipW6acp_yII0gbxxPb_ {
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: all 0.2s;
}

.xipW6acp_yII0gbxxPb_:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.jKVKtJRYZg7qrqlvR3od {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.25);
}

/* ============================================
   CONCEPT 4: GLASS SIDEBAR
   Glassmorphism, ambient, ethereal
   ============================================ */

.mCVUIePMgz9I5k0e9M1s {
  display: flex;
  width: 100%;
  height: 480px;
  background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.mCVUIePMgz9I5k0e9M1s::before {
  content: '';
  position: absolute;
  top: 20%;
  left: 30%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.mCVUIePMgz9I5k0e9M1s::after {
  content: '';
  position: absolute;
  bottom: 10%;
  right: 20%;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.ct206yKPFFlTQ0Pol5Oe {
  width: 280px;
  height: 100%;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(24px);
  border-left: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  flex-direction: column;
  transition: width 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  position: relative;
  z-index: 2;
}

.ct206yKPFFlTQ0Pol5Oe.JKu4Tw7hRJksTgQIDp30 {
  width: 64px;
}

.RIbvWxsDfxoMs2q0gwfN {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.Xs2U3vRloCDMBq2y2B9b {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3) 0%, rgba(99, 102, 241, 0.3) 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.Xs2U3vRloCDMBq2y2B9b svg {
  width: 18px;
  height: 18px;
  color: #c4b5fd;
}

.w9EY07bUm2fX7Tgb1u4b h3 {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.JVNziQYr6kidpjA8P3Lc {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.4);
}

.pSzSBiQ4pzsabIPTHVZo {
  width: 6px;
  height: 6px;
  background: #4ade80;
  border-radius: 50%;
  animation: _OhBmhGU4UTtDmpMVvyf 2s ease-in-out infinite;
}

@keyframes _OhBmhGU4UTtDmpMVvyf {
  0%, 100% {
    box-shadow: 0 0 4px rgba(74, 222, 128, 0.6);
  }
  50% {
    box-shadow: 0 0 12px rgba(74, 222, 128, 0.8);
  }
}

.d6jQLbzG1BFDPHjNJ3qd,
.K9SjUHQ8hXKTRTztjWJn {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  transition: all 0.2s;
}

.d6jQLbzG1BFDPHjNJ3qd:hover,
.K9SjUHQ8hXKTRTztjWJn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.7);
}

.d6jQLbzG1BFDPHjNJ3qd svg,
.K9SjUHQ8hXKTRTztjWJn svg {
  width: 14px;
  height: 14px;
}

.YLxTW73Z7cvHjQCb_gv7 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 1rem;
  margin: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.04);
}

.WY9UwnT4U_k69PKpD84R {
  text-align: center;
}

.eHrSZAQKSvbjc9CrJiqs {
  width: 1px;
  height: 32px;
  background: rgba(255, 255, 255, 0.06);
}

.G7xWc8Rf0E7mY36Wrzt3 {
  display: block;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
}

.G7xWc8Rf0E7mY36Wrzt3.x416oyF95AJJNmmrIFwA {
  color: #f87171;
}

.G6OVXilZboOFcJh6W0Nt {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.35);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.milfKSZyWmkaX6i3uKG3 {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.25);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.milfKSZyWmkaX6i3uKG3 span {
  padding: 0 0.5rem;
  background: rgba(255, 255, 255, 0.02);
}

.milfKSZyWmkaX6i3uKG3::before,
.milfKSZyWmkaX6i3uKG3::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.04);
}

.ZLXgyq2RLVLJpkPpnV50 {
  flex: 1;
  overflow-y: auto;
  padding: 0 0.75rem;
}

.u9x0S2pD_6R5qR80Bx8T {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
  margin-bottom: 0.25rem;
}

.u9x0S2pD_6R5qR80Bx8T:hover,
.u9x0S2pD_6R5qR80Bx8T.YjRVBPvRjbGBdpzhWaDp {
  background: rgba(255, 255, 255, 0.04);
}

.o4Nop9CfjK2SW9awAAik {
  width: 3px;
  height: 28px;
  border-radius: 2px;
  flex-shrink: 0;
}

.o4Nop9CfjK2SW9awAAik.x416oyF95AJJNmmrIFwA {
  background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.4);
}

.o4Nop9CfjK2SW9awAAik.ZU1umbZLJ2dCFuEtbR8S {
  background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%);
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.4);
}

.o4Nop9CfjK2SW9awAAik.pMZ61T7Joei1wKQIHgSg {
  background: linear-gradient(180deg, #6366f1 0%, #4f46e5 100%);
}

.B6BMBYHMT2WsVAVcBq_U {
  flex: 1;
  min-width: 0;
}

.N6P7Gw4iOXyuppF_swkD {
  display: block;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.eMgw8wJQhiq8Lolo8KHF {
  display: block;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 0.125rem;
}

.VtQ2rtHHz1mbpifeu_PR {
  opacity: 0;
  transform: translateX(-4px);
  transition: all 0.2s;
}

.u9x0S2pD_6R5qR80Bx8T:hover .VtQ2rtHHz1mbpifeu_PR {
  opacity: 1;
  transform: translateX(0);
}

.VtQ2rtHHz1mbpifeu_PR svg {
  width: 14px;
  height: 14px;
  color: rgba(255, 255, 255, 0.4);
}

.YdhH3bk_AYeChMaT7PJH {
  padding: 0.75rem 1rem;
  margin: 0.75rem;
  background: rgba(139, 92, 246, 0.06);
  border-radius: 10px;
  border: 1px solid rgba(139, 92, 246, 0.1);
}

.YdhH3bk_AYeChMaT7PJH p {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.6;
  margin: 0;
}

.Z3U9D0NCvvGbom70W7cc {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 0;
}

.v9zSyWRK4lh2Yx3rSoOi {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.2s;
}

.v9zSyWRK4lh2Yx3rSoOi:hover {
  transform: scale(1.3);
}

.v9zSyWRK4lh2Yx3rSoOi.x416oyF95AJJNmmrIFwA {
  background: #ef4444;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
}

.v9zSyWRK4lh2Yx3rSoOi.ZU1umbZLJ2dCFuEtbR8S {
  background: #f59e0b;
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.5);
}

.v9zSyWRK4lh2Yx3rSoOi.pMZ61T7Joei1wKQIHgSg {
  background: #6366f1;
}

.c5JeCl6_lI7zxAiLfTSg {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.QsTV8h4gNGmVkg21xrXh {
  padding: 2rem 3rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px dashed rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.2);
}

.FFs5kRR2hWAY5Uo2KXKC {
  padding: 2rem;
  min-height: 100vh;
  background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #0f0f1a 100%);
}

.H5VKT_ENuAzgJCKca0ts {
  max-width: 800px;
  margin: 0 auto;
}

.meWulxqvUwBlEPoTru8T {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 3rem;
}

.ELBD4Y81I03DizB2h4Go {
  flex: 1;
}

.YPeWR_JvexULefFJW0bm {
  font-family: 'DM Sans', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 0.75rem 0;
  letter-spacing: -0.02em;
}

.WILGcAY1ffIP1480DuXD {
  font-family: 'DM Sans', sans-serif;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.6;
  margin: 0;
  max-width: 500px;
}

.nG71DKbGgcvqmSn8lkdF {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.Ln8zbiBTFtd0eY0X4OQf {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
  padding: 0.4rem 0.7rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.LPQ6_E88CzVgq_g1_zEF {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 20px;
  padding: 3rem;
}

.jhLpPhIcWijSEaQTgg6j {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.jhLpPhIcWijSEaQTgg6j:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(99, 102, 241, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.QLe7N8ZTBRwgEWvWNR9Y {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.2) 0%, rgba(139, 92, 246, 0.2) 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.QLe7N8ZTBRwgEWvWNR9Y svg {
  width: 20px;
  height: 20px;
  color: #8b5cf6;
}

.AieYvvuQYg4cHVdUclsx {
  font-family: 'DM Sans', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}

.RS1Mu3m8OkWwCvqzWcGG {
  display: flex;
  gap: 0.25rem;
}

.RS1Mu3m8OkWwCvqzWcGG kbd {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.4);
  padding: 0.35rem 0.5rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

.a4LFx6uVSmkDQoAowRrd {
  margin-top: 2.5rem;
  text-align: center;
}

.a4LFx6uVSmkDQoAowRrd p {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.4);
  margin: 0 0 0.75rem 0;
}

.a4LFx6uVSmkDQoAowRrd ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1.5rem;
}

.a4LFx6uVSmkDQoAowRrd li {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.3);
}

/* ============================================
   MODAL OVERLAY
   ============================================ */

.XeMZEBBE1Sg2Vf0jec86 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 12vh;
  z-index: 1000;
  animation: Gt4cKqex_kCJDv528y0M 0.15s ease;
}

@keyframes Gt4cKqex_kCJDv528y0M {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* ============================================
   MODAL CONTAINER
   ============================================ */

.pfDsbSJzX73WAR1gV_FQ {
  width: 600px;
  max-height: 70vh;
  background: #16161e;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  box-shadow: 0 32px 100px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: RgfFIlWjy_0ahgDUtbW5 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes RgfFIlWjy_0ahgDUtbW5 {
  from {
    opacity: 0;
    transform: scale(0.96) translateY(-8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* ============================================
   INPUT AREA
   ============================================ */

.j3duhO4uDj_iuZUd1jDw {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  flex-shrink: 0;
}

.Ci8RmteEeFtDGFQiY1EA {
  width: 18px;
  height: 18px;
  color: rgba(255, 255, 255, 0.3);
  flex-shrink: 0;
}

.Okt_fh3V8eUWR4PfoG1X {
  flex: 1;
  border: none;
  background: none;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.9rem;
  color: #fff;
  outline: none;
}

.Okt_fh3V8eUWR4PfoG1X::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.Okt_fh3V8eUWR4PfoG1X::placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.RP3JsxUD48JP66q06lyT {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.2);
  padding: 0.25rem 0.5rem;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}

.d_iE4m7c0unBbYDSr5tq {
  height: 1px;
  background: rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}

/* ============================================
   CONTENT AREA
   ============================================ */

.Z77thrfc8qQsINtSbfFD {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* ============================================
   ACTIONS ZONE
   ============================================ */

.DRKqBXi010juK5Cv_cPw {
  flex-shrink: 0;
  max-height: 240px;
  overflow-y: auto;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.2s ease;
}

.DRKqBXi010juK5Cv_cPw.LdMUsdHEkfrL3qdttlJN {
  max-height: 60px;
  padding: 0.5rem 0.75rem;
}

.DRKqBXi010juK5Cv_cPw::-webkit-scrollbar {
  width: 4px;
}

.DRKqBXi010juK5Cv_cPw::-webkit-scrollbar-track {
  background: transparent;
}

.DRKqBXi010juK5Cv_cPw::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.Z9GQls1sCyUrL28BPt4Z {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.TSVjgDnCqd6RXQ_RzrUi {
  font-size: 0.8rem;
}

.bVf3Y3hUO6NEmMBXn329 {
  margin-left: auto;
  padding: 0.125rem 0.4rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  font-size: 0.6rem;
}

.qo60Qwj_kFxVFMt5R2LS {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.Gn2BjyLXclPOeU8Mr9qm {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border: none;
  background: none;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  width: 100%;
  transition: all 0.15s ease;
}

.Gn2BjyLXclPOeU8Mr9qm:hover {
  background: rgba(255, 255, 255, 0.04);
}

.Gn2BjyLXclPOeU8Mr9qm.XW58wftGOoEahtqdf43s {
  background: rgba(99, 102, 241, 0.12);
  transform: translateX(4px);
}

.F1qyyX8c2fKkqnqsk1XC {
  width: 3px;
  height: 28px;
  border-radius: 2px;
  flex-shrink: 0;
}

.F1qyyX8c2fKkqnqsk1XC.MzN1sw9xSEyC87iUXlvi {
  background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.4);
}

.F1qyyX8c2fKkqnqsk1XC.zX_ma52PYoWPc2plTUrS {
  background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%);
}

.F1qyyX8c2fKkqnqsk1XC.Z3MykClwym9S5r6pHVpX {
  background: linear-gradient(180deg, #6366f1 0%, #4f46e5 100%);
}

.F1qyyX8c2fKkqnqsk1XC.ynxJIaRk0zAYT_GunGTQ {
  background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);
}

.oKwJJH5tJNs3pYLNdpsT {
  flex: 1;
  min-width: 0;
}

.YrU3DvHIMOwIfHfGNRQz {
  display: block;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: #fff;
}

.cPMyC8Ub7pFiP6UPAxSg {
  display: block;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 0.125rem;
}

.xynZp4JkcUCNlZPOL1EY {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.2);
  padding: 0.2rem 0.4rem;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
  transition: opacity 0.15s;
}

.Gn2BjyLXclPOeU8Mr9qm:hover .xynZp4JkcUCNlZPOL1EY,
.Gn2BjyLXclPOeU8Mr9qm.XW58wftGOoEahtqdf43s .xynZp4JkcUCNlZPOL1EY {
  opacity: 0.6;
}

.XAR6TyGiJurU7gfzltcJ {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.4);
}

.RnSMv2iiAu8O0M3GQ8j6 {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  color: #8b5cf6;
  margin-top: 0.25rem;
}

/* ============================================
   AI SUGGESTIONS
   ============================================ */

.J_emZ2JvenuKaAZTZNmZ {
  padding: 0.75rem;
}

.WH3mte2sgzE4YKLjkRZ2 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.qkj6lzHAMAXtUeruD4da {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
  border: none;
  background: none;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  width: 100%;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.15s ease;
}

.qkj6lzHAMAXtUeruD4da:hover {
  background: rgba(99, 102, 241, 0.08);
  color: rgba(255, 255, 255, 0.7);
}

.Ldh1EtLOoF2evv1Dwjgb {
  color: #8b5cf6;
  font-weight: 500;
}

/* ============================================
   CHAT ZONE
   ============================================ */

.n9PMsQSlpLvRuJLmZtn_ {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.CwjHwf38cmFvkRk1pDu6 {
  flex: 1;
  overflow-y: auto;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.CwjHwf38cmFvkRk1pDu6::-webkit-scrollbar {
  width: 4px;
}

.CwjHwf38cmFvkRk1pDu6::-webkit-scrollbar-track {
  background: transparent;
}

.CwjHwf38cmFvkRk1pDu6::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.bLFPE_qsrx1X6K37zWo6 {
  display: flex;
  gap: 0.75rem;
  animation: eAQT3q1tlgU5xmauGl9K 0.25s ease-out;
}

@keyframes eAQT3q1tlgU5xmauGl9K {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bLFPE_qsrx1X6K37zWo6.na5De9PNfcGQlvrzqY1u {
  flex-direction: row-reverse;
}

.vjhIOlhqYlKE1Hw3DtpQ {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.bLFPE_qsrx1X6K37zWo6.na5De9PNfcGQlvrzqY1u .vjhIOlhqYlKE1Hw3DtpQ {
  background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);
}

.bLFPE_qsrx1X6K37zWo6.I9OdOii_os_ufABW4gwK .vjhIOlhqYlKE1Hw3DtpQ {
  background: rgba(255, 255, 255, 0.08);
}

.vjhIOlhqYlKE1Hw3DtpQ svg {
  width: 14px;
  height: 14px;
  color: #fff;
}

.bLFPE_qsrx1X6K37zWo6.I9OdOii_os_ufABW4gwK .vjhIOlhqYlKE1Hw3DtpQ svg {
  color: #8b5cf6;
}

.jD6BPXrY6YrbC990pLGX {
  max-width: 85%;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  line-height: 1.5;
}

.bLFPE_qsrx1X6K37zWo6.na5De9PNfcGQlvrzqY1u .jD6BPXrY6YrbC990pLGX {
  background: #8b5cf6;
  color: #fff;
  border-bottom-right-radius: 4px;
}

.bLFPE_qsrx1X6K37zWo6.I9OdOii_os_ufABW4gwK .jD6BPXrY6YrbC990pLGX {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
  border-bottom-left-radius: 4px;
}

.jD6BPXrY6YrbC990pLGX p {
  margin: 0;
}

.jD6BPXrY6YrbC990pLGX p + p {
  margin-top: 0.5rem;
}

.Qsa_QU9XK8quF6C9tjnT {
  display: inline-block;
  width: 2px;
  height: 14px;
  background: #8b5cf6;
  margin-left: 2px;
  vertical-align: middle;
  border-radius: 1px;
  animation: TdM6cs1mcghTv_xbNhMS 0.8s ease-in-out infinite;
}

@keyframes TdM6cs1mcghTv_xbNhMS {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* ============================================
   FOOTER
   ============================================ */

.T3wNSe9AZ50abRMChcnt {
  padding: 0.75rem 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.01);
  flex-shrink: 0;
}

.tnbcSd4yIpG4as3JG4_9 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.25);
}

.tnbcSd4yIpG4as3JG4_9 kbd {
  padding: 0.15rem 0.35rem;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  margin-right: 0.35rem;
}

/* ============================================
   PAGE LAYOUT
   ============================================ */

.Llitd2V8WyINx9d6BX6k {
  text-align: center;
  margin-bottom: 3rem;
}

.RAq_m2XjdaliHA2aXRwD {
  font-family: 'DM Sans', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 1rem 0;
  letter-spacing: -0.03em;
}

.Es2s5r1KRBfiSjM25DWZ {
  font-family: 'DM Sans', sans-serif;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.6;
  margin: 0 auto;
  max-width: 700px;
}

.QhUrU_QtkbvS3E_qoZh7 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 2rem;
  margin-bottom: 3rem;
}

.d3hN9PKkAhQbj5tv6__4 {
  max-width: 600px;
  margin: 0 auto;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
}

.d3hN9PKkAhQbj5tv6__4 h4 {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 1rem 0;
}

.d3hN9PKkAhQbj5tv6__4 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.d3hN9PKkAhQbj5tv6__4 li {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.d3hN9PKkAhQbj5tv6__4 kbd {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  padding: 0.25rem 0.5rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
}

/* ============================================
   VARIANT DEMO CARDS
   ============================================ */

.XmYDlKtCNLtTHk5Gukqz {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 20px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.x6tWC0wF9cqXDBMQPaKK {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.pCSFY3vsIFsvJyToPZcW {
  font-family: 'JetBrains Mono', monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: rgba(99, 102, 241, 0.3);
  line-height: 1;
}

.TtJNjYUYD76fRv69_j11 {
  flex: 1;
  min-width: 0;
}

.lsHxeAhp7vq3YcJFabKV {
  font-family: 'DM Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  margin: 0 0 0.375rem 0;
}

.emgOTRSa2Ldq3MbSSPqe {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.5;
  margin: 0;
}

.fK_6BzYNz8sxmCJjfOFZ {
  display: flex;
  gap: 0.375rem;
  flex-shrink: 0;
}

.UoMCgk66BD1FN2iAfn0X {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px dashed rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 2rem;
}

/* ============================================
   FLOATING VARIANT
   ============================================ */

.VSsO0rEkBflaqx4gbs_Q {
  position: relative;
  min-height: 220px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.3) 100%);
  border: 1px dashed rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}

.fYxFvURbqij1NfmF1xKD {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.25);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.xOlx6Kq8DnG7Z_4JPk2d {
  font-size: 0.8rem;
  animation: ASzlmUmrht3s4pK2bi9D 1.5s ease-in-out infinite;
}

@keyframes ASzlmUmrht3s4pK2bi9D {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(4px); }
}

.nNSZ1Yxw9sm4rfdBdVeQ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 1rem;
  padding: 0.75rem 1rem;
  background: #16161e;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.nNSZ1Yxw9sm4rfdBdVeQ:hover {
  border-color: rgba(99, 102, 241, 0.3);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
  transform: translateY(-2px);
}

.D1aXfInSaVV3trTgIRky {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.wQ3h1zsumiBqZgMVCoZC {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(139, 92, 246, 0.15) 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.wQ3h1zsumiBqZgMVCoZC svg {
  width: 18px;
  height: 18px;
  color: #8b5cf6;
}

.UyCJr2ncu75AWE7GjSv7 {
  min-width: 0;
}

.vRMNj5lHhLKYhCKtPhSg {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._W0A9L8cuLaD3ISDm_tD {
  width: 6px;
  height: 6px;
  background: #ef4444;
  border-radius: 50%;
  flex-shrink: 0;
  animation: h0v_vRDcXYSX7ziwVoSX 2s ease-in-out infinite;
}

@keyframes h0v_vRDcXYSX7ziwVoSX {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
  }
  50% {
    opacity: 0.7;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0);
  }
}

.uuwQxCG8SWvKMuGxHKPa {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.35);
  margin-top: 0.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.B4MHfMzqCtg8eyxtYHcu {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

.IrlSfNXBZ0j6bD9f5vPw {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.3);
  transition: all 0.15s ease;
}

.nNSZ1Yxw9sm4rfdBdVeQ:hover .IrlSfNXBZ0j6bD9f5vPw {
  border-color: rgba(99, 102, 241, 0.2);
  background: rgba(255, 255, 255, 0.06);
}

.IrlSfNXBZ0j6bD9f5vPw svg {
  width: 12px;
  height: 12px;
  color: rgba(255, 255, 255, 0.25);
}

.KyLmmYpiQQ3NO4dMqGAO {
  display: flex;
  gap: 0.375rem;
}

.gnihgVtlHqBFlEdK9iLQ {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6rem;
  font-weight: 600;
  color: #fff;
  padding: 0.25rem 0.5rem;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}

.cHrbDvC9KOrb3X3ClJsU {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  padding: 0.25rem 0.5rem;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 6px;
}

/* ============================================
   INSIGHTS ZONE (inside modal)
   ============================================ */

.jgDOGGb5oNrqsNLjTKte {
  padding: 0.875rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  background: linear-gradient(180deg, rgba(99, 102, 241, 0.06) 0%, transparent 100%);
}

.mLrWmQqkFmcqM1fieTTr {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.E17YdBGJ53iyikNIU3Jr {
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.25) 0%, rgba(139, 92, 246, 0.25) 100%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.E17YdBGJ53iyikNIU3Jr svg {
  width: 12px;
  height: 12px;
  color: #a78bfa;
  animation: GvGp2ViOrhLvDE1Gtmm5 3s ease-in-out infinite;
}

@keyframes GvGp2ViOrhLvDE1Gtmm5 {
  0%, 100% { opacity: 0.7; }
  50% { opacity: 1; }
}

.Pt7kZtrn71mjT7y3gglB {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.65rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.KXVcRTHgRVqfrg8icRwk {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.55rem;
  color: rgba(255, 255, 255, 0.25);
  margin-left: auto;
}

.gk0EnXdbqgWLklQLxrlS {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.625rem;
}

.GA3yCo4QDlo2W41K4L_5 {
  flex: 1;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  padding: 0.5rem 0.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  transition: all 0.15s ease;
}

.GA3yCo4QDlo2W41K4L_5:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(99, 102, 241, 0.2);
}

.k9ZxfJHhpUrxCN3_p3fy {
  font-family: 'DM Sans', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1;
}

.QiX6rXyviTsWWW6vzlb9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
}

.bYv83XPYbLjyjOoj0iN3 {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.55rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.35);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.SnkJLldSyTuHlEFMu7yW {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.55rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
}

.SnkJLldSyTuHlEFMu7yW.IemZ37j1DGRIWEyAjmtH {
  color: #22c55e;
}

.SnkJLldSyTuHlEFMu7yW.v62BgAa4zyv6F1AnN4KV {
  color: #f59e0b;
}

.SnkJLldSyTuHlEFMu7yW.X35K2Tzow1X5AoZom0su {
  color: rgba(255, 255, 255, 0.4);
}

.XeCdiTkkhM8yMaIOm2sN {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 0.5rem 0.625rem;
}

.gZd_we50vpcU4niNWo1I {
  color: #8b5cf6;
  font-size: 0.75rem;
  font-weight: 500;
  flex-shrink: 0;
  margin-top: 0.05rem;
}

.XeCdiTkkhM8yMaIOm2sN p {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.4;
  margin: 0;
}

/* Borrower-specific insights styling */
.tY31WM71jbwUGFwNcmCc {
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.06) 0%, transparent 100%);
}

.tY31WM71jbwUGFwNcmCc .E17YdBGJ53iyikNIU3Jr {
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.25) 0%, rgba(6, 182, 212, 0.25) 100%);
}

.tY31WM71jbwUGFwNcmCc .E17YdBGJ53iyikNIU3Jr svg {
  color: #2dd4bf;
}

.tY31WM71jbwUGFwNcmCc .gZd_we50vpcU4niNWo1I {
  color: #14b8a6;
}

/* Status-based metric card styling */
.GA3yCo4QDlo2W41K4L_5.OMcfjUbtBBqIIX4sLV_2 {
  border-color: rgba(34, 197, 94, 0.2);
}

.GA3yCo4QDlo2W41K4L_5.OMcfjUbtBBqIIX4sLV_2 .k9ZxfJHhpUrxCN3_p3fy {
  color: #4ade80;
}

.GA3yCo4QDlo2W41K4L_5.mggsK2W4DJiW7n2SluVK {
  border-color: rgba(245, 158, 11, 0.25);
  background: rgba(245, 158, 11, 0.04);
}

.GA3yCo4QDlo2W41K4L_5.mggsK2W4DJiW7n2SluVK .k9ZxfJHhpUrxCN3_p3fy {
  color: #fbbf24;
}

.GA3yCo4QDlo2W41K4L_5.zX_ma52PYoWPc2plTUrS {
  border-color: rgba(239, 68, 68, 0.2);
}

.GA3yCo4QDlo2W41K4L_5.zX_ma52PYoWPc2plTUrS .k9ZxfJHhpUrxCN3_p3fy {
  color: #f87171;
}

/* ============================================
   CONTAINER & PAGE LAYOUT
   ============================================ */

.jZaojjpOg1uaRx2_Wpn4 {
  padding: 2rem;
  min-height: 100vh;
  background: var(--admin-bg-secondary, #f9fafb);
}

[data-theme="dark"] .jZaojjpOg1uaRx2_Wpn4 {
  background: linear-gradient(135deg, #0a0a0f 0%, #12151a 50%, #0f0f1a 100%);
}

.SSSfL1GzMwST3gvatuqO {
  text-align: center;
  margin-bottom: 3rem;
}

.Jw6qDHoeZpSjgFsu9Bln {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--admin-text-primary, #111827);
  margin: 0 0 1rem 0;
  letter-spacing: -0.03em;
}

[data-theme="dark"] .Jw6qDHoeZpSjgFsu9Bln {
  color: #fff;
}

.AHvGxj1LfWR0j063zjVW {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 1.1rem;
  color: var(--admin-text-secondary, #6b7280);
  line-height: 1.6;
  margin: 0 auto;
  max-width: 700px;
}

[data-theme="dark"] .AHvGxj1LfWR0j063zjVW {
  color: rgba(255, 255, 255, 0.5);
}

.HiIazjXobQTXq4NKQCmD {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  max-width: 1000px;
  margin: 0 auto 3rem;
}

/* ============================================
   VARIANT DEMO CARDS
   ============================================ */

.byKTCjaAlYIva_zoFpZ8 {
  background: var(--admin-bg-primary, #ffffff);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 16px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

[data-theme="dark"] .byKTCjaAlYIva_zoFpZ8 {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.06);
}

.RGC9L_wc7_0xWegOPuOg {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.ZrjHBbYEX3cttyY9BGut {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--admin-primary-cyan, #11ABDE);
  opacity: 0.4;
  line-height: 1;
}

[data-theme="dark"] .ZrjHBbYEX3cttyY9BGut {
  color: var(--admin-accent-cyan, #22d3ee);
  opacity: 0.3;
}

.BIcnoSu5pqTLsxZ1HRpj {
  flex: 1;
  min-width: 0;
}

.d0Dfs4aEDCPG_UeoXagp {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--admin-text-primary, #111827);
  margin: 0 0 0.375rem 0;
}

[data-theme="dark"] .d0Dfs4aEDCPG_UeoXagp {
  color: #fff;
}

.orwx0rpAjiOwBaLpo01D {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.8rem;
  color: var(--admin-text-secondary, #6b7280);
  line-height: 1.5;
  margin: 0;
}

[data-theme="dark"] .orwx0rpAjiOwBaLpo01D {
  color: rgba(255, 255, 255, 0.4);
}

.koP3v2QtuanXrQB5vUaA {
  display: flex;
  gap: 0.375rem;
  flex-shrink: 0;
}

.yh_W5pwmBKwMuUxmqOXl {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.6rem;
  font-weight: 500;
  color: var(--admin-text-tertiary, #9ca3af);
  padding: 0.35rem 0.6rem;
  background: var(--admin-bg-tertiary, #f1f5f9);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

[data-theme="dark"] .yh_W5pwmBKwMuUxmqOXl {
  color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}

.XcKvqmM5fd0cS_9CEPla {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.6rem;
  font-weight: 600;
  color: var(--admin-accent-teal, #00DBD7);
  padding: 0.35rem 0.6rem;
  background: rgba(0, 219, 215, 0.1);
  border: 1px solid rgba(0, 219, 215, 0.2);
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

[data-theme="dark"] .XcKvqmM5fd0cS_9CEPla {
  color: #22d3ee;
  background: rgba(34, 211, 238, 0.1);
  border-color: rgba(34, 211, 238, 0.2);
}

/* ============================================
   01: SIDEBAR LENS
   ============================================ */

.XWFWYewJX3_HyGf22KjI {
  display: flex;
  gap: 0;
  min-height: 400px;
  background: var(--admin-bg-tertiary, #f1f5f9);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 12px;
  overflow: hidden;
}

[data-theme="dark"] .XWFWYewJX3_HyGf22KjI {
  background: #0f1114;
  border-color: rgba(255, 255, 255, 0.06);
}

.onx4vJGdBzR5jjIWXcyR {
  width: 220px;
  background: var(--admin-bg-primary, #ffffff);
  border-right: 1px solid var(--admin-border-light, #e5e7eb);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

[data-theme="dark"] .onx4vJGdBzR5jjIWXcyR {
  background: #12151a;
  border-right-color: rgba(255, 255, 255, 0.08);
}

.GM5HA_5QssaSL1N8JmdX {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--admin-text-primary, #111827);
}

[data-theme="dark"] .GM5HA_5QssaSL1N8JmdX {
  border-bottom-color: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.OGGVOrToF4TduNGRYj8Z {
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, var(--admin-primary-blue, #2132E1), var(--admin-primary-cyan, #11ABDE));
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
  color: #fff;
}

[data-theme="dark"] .OGGVOrToF4TduNGRYj8Z {
  background: linear-gradient(135deg, #22d3ee, #06b6d4);
}

.AfbtMEVEnDnZJIHjLioO {
  flex: 1;
  overflow: hidden;
  transition: all 0.3s ease;
}

.AfbtMEVEnDnZJIHjLioO._kZIMZZHfIitVROCoFO_ {
  overflow-y: auto;
  max-height: 180px;
}

.GZOZ1JRdOliLeEdkkrjG {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  gap: 2px;
}

.YGuwJoZbUFFJ3aNVWPXv {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.875rem;
  background: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--admin-text-secondary, #6b7280);
  transition: all 0.15s ease;
  text-align: left;
}

.YGuwJoZbUFFJ3aNVWPXv:hover {
  background: var(--admin-bg-hover, #f3f4f6);
  color: var(--admin-text-primary, #111827);
}

.YGuwJoZbUFFJ3aNVWPXv.yC725V7TXv0w48YhFWJa {
  background: var(--admin-ice-blue, #E3F6FF);
  color: var(--admin-primary-blue, #2132E1);
}

[data-theme="dark"] .YGuwJoZbUFFJ3aNVWPXv {
  color: rgba(255, 255, 255, 0.5);
}

[data-theme="dark"] .YGuwJoZbUFFJ3aNVWPXv:hover {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.8);
}

[data-theme="dark"] .YGuwJoZbUFFJ3aNVWPXv.yC725V7TXv0w48YhFWJa {
  background: rgba(34, 211, 238, 0.1);
  color: #22d3ee;
}

.YGuwJoZbUFFJ3aNVWPXv .dP6boWHqBzTLJoEDZKvs {
  font-size: 1.1rem;
  opacity: 0.7;
}

.YGuwJoZbUFFJ3aNVWPXv.yC725V7TXv0w48YhFWJa .dP6boWHqBzTLJoEDZKvs {
  opacity: 1;
}

.s4WYnvMz7sR0mhRCKSzF {
  margin-top: auto;
  border-top: 1px solid var(--admin-border-light, #e5e7eb);
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="dark"] .s4WYnvMz7sR0mhRCKSzF {
  border-top-color: rgba(255, 255, 255, 0.08);
}

.s4WYnvMz7sR0mhRCKSzF.Hh7XHNEiYTA_4qVEBRZD {
  flex: 1;
  max-height: 260px;
}

.meDYDsev0ODiGzKf54Mo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0.875rem;
  margin: 0.5rem;
  background: linear-gradient(135deg, rgba(17, 171, 222, 0.08), rgba(33, 50, 225, 0.08));
  border: 1px solid rgba(17, 171, 222, 0.15);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.meDYDsev0ODiGzKf54Mo:hover {
  background: linear-gradient(135deg, rgba(17, 171, 222, 0.12), rgba(33, 50, 225, 0.12));
  border-color: rgba(17, 171, 222, 0.25);
}

[data-theme="dark"] .meDYDsev0ODiGzKf54Mo {
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.08), rgba(6, 182, 212, 0.08));
  border-color: rgba(34, 211, 238, 0.15);
}

[data-theme="dark"] .meDYDsev0ODiGzKf54Mo:hover {
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.12), rgba(6, 182, 212, 0.12));
  border-color: rgba(34, 211, 238, 0.25);
}

.W0GFw0aEvdCE_TgvFPn4 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--admin-primary-cyan, #11ABDE);
}

[data-theme="dark"] .W0GFw0aEvdCE_TgvFPn4 {
  color: #22d3ee;
}

.W0GFw0aEvdCE_TgvFPn4 .dP6boWHqBzTLJoEDZKvs {
  font-size: 1rem;
}

.dYEnMdXBt2ksSwr8kPUT {
  flex: 1;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.75rem;
  color: var(--admin-text-secondary, #6b7280);
}

[data-theme="dark"] .dYEnMdXBt2ksSwr8kPUT {
  color: rgba(255, 255, 255, 0.5);
}

.pPkRCDOhihNkVA0HgewD {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.55rem;
  color: var(--admin-text-tertiary, #9ca3af);
  padding: 0.15rem 0.35rem;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 3px;
}

[data-theme="dark"] .pPkRCDOhihNkVA0HgewD {
  color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.05);
}

.TQLnkssqDLFYuI4_FTBt {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  gap: 0.5rem;
  overflow: hidden;
  animation: M7W9vrprfjSfmOizOuMR 0.25s ease-out;
}

@keyframes M7W9vrprfjSfmOizOuMR {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.zcGcHInRpf93eTOmZSUv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.25rem;
}

.HzzOVDDAk4BM8OaSRaCe {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--admin-text-secondary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

[data-theme="dark"] .HzzOVDDAk4BM8OaSRaCe {
  color: rgba(255, 255, 255, 0.4);
}

.fErJVfTG6CV82ddR35pG {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: var(--admin-text-tertiary, #9ca3af);
  transition: all 0.15s ease;
}

.fErJVfTG6CV82ddR35pG:hover {
  background: var(--admin-bg-hover, #f3f4f6);
  color: var(--admin-text-secondary, #6b7280);
}

[data-theme="dark"] .fErJVfTG6CV82ddR35pG {
  color: rgba(255, 255, 255, 0.3);
}

[data-theme="dark"] .fErJVfTG6CV82ddR35pG:hover {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.6);
}

.fErJVfTG6CV82ddR35pG .dP6boWHqBzTLJoEDZKvs {
  font-size: 0.9rem;
}

.HdtSuFwvLvuzg3xon4pX {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.25rem;
}

.l53IGZM782_DrkIBh4Qq {
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.75rem;
  line-height: 1.4;
}

.l53IGZM782_DrkIBh4Qq.pL2f4K7bakVo_Usx4JjU {
  background: var(--admin-primary-cyan, #11ABDE);
  color: #fff;
  align-self: flex-end;
  max-width: 85%;
}

[data-theme="dark"] .l53IGZM782_DrkIBh4Qq.pL2f4K7bakVo_Usx4JjU {
  background: #22d3ee;
  color: #0a0a0f;
}

.l53IGZM782_DrkIBh4Qq.JvPzFtosOLeFmvK4o38D {
  background: var(--admin-bg-tertiary, #f1f5f9);
  color: var(--admin-text-primary, #111827);
  align-self: flex-start;
  max-width: 90%;
}

[data-theme="dark"] .l53IGZM782_DrkIBh4Qq.JvPzFtosOLeFmvK4o38D {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.85);
}

.aP5nQWMhwvS35wU3eVb7 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.KaNaOTPsjlAM3Px9roG7 {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.6rem;
  font-weight: 500;
  color: var(--admin-text-tertiary, #9ca3af);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 0.25rem;
}

[data-theme="dark"] .KaNaOTPsjlAM3Px9roG7 {
  color: rgba(255, 255, 255, 0.3);
}

.q2JyTive6CK5EyynLVLL {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  background: none;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.75rem;
  color: var(--admin-text-primary, #111827);
  transition: all 0.15s ease;
  text-align: left;
}

.q2JyTive6CK5EyynLVLL:hover {
  background: var(--admin-bg-hover, #f3f4f6);
}

[data-theme="dark"] .q2JyTive6CK5EyynLVLL {
  color: rgba(255, 255, 255, 0.8);
}

[data-theme="dark"] .q2JyTive6CK5EyynLVLL:hover {
  background: rgba(255, 255, 255, 0.05);
}

.YMsXLh6AH50Riol13u6K {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.YMsXLh6AH50Riol13u6K.Nz9SLYKGLtH87yO2Rg3S {
  background: #ef4444;
  box-shadow: 0 0 6px rgba(239, 68, 68, 0.4);
}

.YMsXLh6AH50Riol13u6K.CAYLTZqYbFA5qr2LOBgA {
  background: #f59e0b;
}

.YMsXLh6AH50Riol13u6K.fw3H2TZWpXVSPws5tqfw {
  background: var(--admin-primary-cyan, #11ABDE);
}

[data-theme="dark"] .YMsXLh6AH50Riol13u6K.fw3H2TZWpXVSPws5tqfw {
  background: #22d3ee;
}

.U0pW4obimYXGOXBM4j8M {
  display: flex;
  gap: 0.5rem;
  padding: 0.25rem;
}

.WW9MwuobSMaHUsbtpe5c {
  flex: 1;
  padding: 0.5rem 0.75rem;
  background: var(--admin-bg-tertiary, #f1f5f9);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 6px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.75rem;
  color: var(--admin-text-primary, #111827);
  outline: none;
  transition: all 0.15s ease;
}

.WW9MwuobSMaHUsbtpe5c:focus {
  border-color: var(--admin-primary-cyan, #11ABDE);
  box-shadow: 0 0 0 2px rgba(17, 171, 222, 0.15);
}

[data-theme="dark"] .WW9MwuobSMaHUsbtpe5c {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
  color: #fff;
}

[data-theme="dark"] .WW9MwuobSMaHUsbtpe5c:focus {
  border-color: #22d3ee;
  box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.15);
}

.WW9MwuobSMaHUsbtpe5c::-moz-placeholder {
  color: var(--admin-text-tertiary, #9ca3af);
}

.WW9MwuobSMaHUsbtpe5c::placeholder {
  color: var(--admin-text-tertiary, #9ca3af);
}

[data-theme="dark"] .WW9MwuobSMaHUsbtpe5c::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

[data-theme="dark"] .WW9MwuobSMaHUsbtpe5c::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.PK4PrwXDPjDDhuQuhsLr {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--admin-primary-cyan, #11ABDE);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: #fff;
  transition: all 0.15s ease;
}

.PK4PrwXDPjDDhuQuhsLr:hover {
  background: var(--admin-primary-sky, #2A66DE);
}

[data-theme="dark"] .PK4PrwXDPjDDhuQuhsLr {
  background: #22d3ee;
  color: #0a0a0f;
}

[data-theme="dark"] .PK4PrwXDPjDDhuQuhsLr:hover {
  background: #67e8f9;
}

.PK4PrwXDPjDDhuQuhsLr .dP6boWHqBzTLJoEDZKvs {
  font-size: 1rem;
}

.bLrfHyq8NvkO5Kovq8ZS {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hoDw_9XKkCWfLW2wiPyC {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.8rem;
  color: var(--admin-text-tertiary, #9ca3af);
  padding: 2rem;
  border: 1px dashed var(--admin-border-light, #e5e7eb);
  border-radius: 8px;
}

[data-theme="dark"] .hoDw_9XKkCWfLW2wiPyC {
  color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.06);
}

/* ============================================
   02: BEACON
   ============================================ */

._ftzFDRvTuzYUIDtUK8g {
  position: relative;
  min-height: 300px;
  background: linear-gradient(180deg, var(--admin-bg-tertiary, #f1f5f9) 0%, var(--admin-bg-secondary, #f9fafb) 100%);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 12px;
  overflow: hidden;
}

[data-theme="dark"] ._ftzFDRvTuzYUIDtUK8g {
  background: linear-gradient(180deg, #0a0a0b 0%, #0f0f12 100%);
  border-color: rgba(255, 255, 255, 0.04);
}

.fDpn1Vz1zrzcMwZegLFH {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uo6TN9JRGpu2Pgm9ha0G {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 0.8rem;
  color: var(--admin-text-tertiary, #9ca3af);
  opacity: 0.5;
}

[data-theme="dark"] .uo6TN9JRGpu2Pgm9ha0G {
  color: rgba(255, 255, 255, 0.15);
}

.JJ461dKTW8wNCbDFU4mE {
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
}

.uy1fga45nsQI5Mc8plPr {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}

.uy1fga45nsQI5Mc8plPr.QSxjnTruG9GxkVFIMjUU {
  background: #22c55e;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2);
}

.uy1fga45nsQI5Mc8plPr.a53UULDNOBmFszzJRgoR {
  background: #f59e0b;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2);
}

.uy1fga45nsQI5Mc8plPr.RH66MehIIGcuvenfxzYb {
  background: #ef4444;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
}

.uy1fga45nsQI5Mc8plPr:hover {
  transform: scale(1.2);
}

.SxiD5bmSfqwoVqNgq1jJ {
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  animation: SxiD5bmSfqwoVqNgq1jJ 2s ease-in-out infinite;
}

.uy1fga45nsQI5Mc8plPr.QSxjnTruG9GxkVFIMjUU .SxiD5bmSfqwoVqNgq1jJ {
  background: rgba(34, 197, 94, 0.3);
}

.uy1fga45nsQI5Mc8plPr.a53UULDNOBmFszzJRgoR .SxiD5bmSfqwoVqNgq1jJ {
  background: rgba(245, 158, 11, 0.3);
}

.uy1fga45nsQI5Mc8plPr.RH66MehIIGcuvenfxzYb .SxiD5bmSfqwoVqNgq1jJ {
  background: rgba(239, 68, 68, 0.3);
}

@keyframes SxiD5bmSfqwoVqNgq1jJ {
  0%, 100% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(2);
    opacity: 0;
  }
}

.VgPCOF5jw_NOcuNYvnsv {
  position: absolute;
  bottom: calc(100% + 12px);
  right: -8px;
  width: 180px;
  padding: 0.75rem;
  background: #0a0a0b;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  animation: Qlhqz7RXXuXg5dzqtwpx 0.2s ease-out;
}

@keyframes Qlhqz7RXXuXg5dzqtwpx {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mTJqg3vkXdnR6X2iBBX9 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 0.7rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0.75rem;
}

.xLpuw5qcDfg6tGa4_ypl {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.xLpuw5qcDfg6tGa4_ypl.QSxjnTruG9GxkVFIMjUU { background: #22c55e; }
.xLpuw5qcDfg6tGa4_ypl.a53UULDNOBmFszzJRgoR { background: #f59e0b; }
.xLpuw5qcDfg6tGa4_ypl.RH66MehIIGcuvenfxzYb { background: #ef4444; }

.YtRJzCYZPd2aIWW_jQVg {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.uVvEIOvmHl4PfOP5ETZp {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.SE4mAr7d6q6iZyfkJGpI {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #fff;
}

.SE4mAr7d6q6iZyfkJGpI.Nz9SLYKGLtH87yO2Rg3S {
  color: #ef4444;
}

.hMRZmMbEJVEIGjOb1oj2 {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.55rem;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.RFP2Zu2eVxwaIbjeavCQ {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.55rem;
  color: rgba(255, 255, 255, 0.25);
}

.Zb1kdSnSSlZeiyuqh1Kt {
  width: 280px;
  background: #0a0a0b;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  animation: y8E0aBuoP5dYJ68TBedQ 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes y8E0aBuoP5dYJ68TBedQ {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.NuZ_NUlVWdl1Plzfo2ya {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.Bmqa3LVCaUi51Bhcl1lT {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: #fff;
}

.W34kFnvgSLJ2U69b8ps0 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.25rem;
  line-height: 1;
  transition: all 0.15s ease;
}

.W34kFnvgSLJ2U69b8ps0:hover {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.8);
}

.MxLQf72JgRzQAtR_XuNp {
  padding: 1rem;
}

.qTTaOKeDS488O9fJGm1_ {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.R9GKo7T24tenCQ0akSJQ {
  flex: 1;
  text-align: center;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
}

.XXtDP_ksa3j8OMZHKFkT {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  display: block;
}

.XXtDP_ksa3j8OMZHKFkT.Nz9SLYKGLtH87yO2Rg3S {
  color: #ef4444;
}

.foGFwyCavtwXfkkH7wbQ {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.55rem;
  color: rgba(255, 255, 255, 0.35);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.JKiRFGGxy_EwDEwSmDwJ {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.nJCe7nfxguSTQb24UMC_ {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0.625rem;
  background: none;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: left;
}

.nJCe7nfxguSTQb24UMC_:hover {
  background: rgba(255, 255, 255, 0.04);
}

.slamWzKrRoFplWmErgmc {
  width: 4px;
  height: 24px;
  border-radius: 2px;
}

.slamWzKrRoFplWmErgmc.Nz9SLYKGLtH87yO2Rg3S {
  background: #ef4444;
}

.slamWzKrRoFplWmErgmc.CAYLTZqYbFA5qr2LOBgA {
  background: #f59e0b;
}

.slamWzKrRoFplWmErgmc.fw3H2TZWpXVSPws5tqfw {
  background: rgba(255, 255, 255, 0.2);
}

.VG36clczRave8F6Lzd0W {
  min-width: 0;
}

.buxSMZqr4_83l53MQ8JL {
  display: block;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: #fff;
}

.D5XfQ4aATDXKeFML9XEg {
  display: block;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.4);
}

.w7kCDFQpuXVKuqkxSDGu {
  padding: 0 1rem 1rem;
}

.jgIj2x8CUEr521rp3vth {
  width: 100%;
  padding: 0.625rem 0.875rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 0.8rem;
  color: #fff;
  outline: none;
  transition: all 0.15s ease;
}

.jgIj2x8CUEr521rp3vth:focus {
  border-color: rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.06);
}

.jgIj2x8CUEr521rp3vth::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.jgIj2x8CUEr521rp3vth::placeholder {
  color: rgba(255, 255, 255, 0.25);
}

/* ============================================
   03: TYPEWRITER CONSOLE
   ============================================ */

.z1ZnoanSJMeIYyVmpRH_ {
  display: flex;
  flex-direction: column;
  min-height: 350px;
  background: #faf9f7;
  border: 1px solid #e8e4de;
  border-radius: 12px;
  overflow: hidden;
}

[data-theme="dark"] .z1ZnoanSJMeIYyVmpRH_ {
  background: #1a1918;
  border-color: rgba(255, 255, 255, 0.06);
}

.ZfBBtjqMwd9YKXf751fx {
  margin: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1.5rem;
  background: #f5f3f0;
  border: 2px solid #d4cec4;
  border-radius: 8px;
  cursor: pointer;
  font-family: 'Courier Prime', monospace;
  font-size: 0.9rem;
  font-weight: 700;
  color: #2a2622;
  transition: all 0.2s ease;
  box-shadow: 0 2px 0 #c4bdb2;
}

.ZfBBtjqMwd9YKXf751fx:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 0 #c4bdb2;
}

.ZfBBtjqMwd9YKXf751fx:active {
  transform: translateY(0);
  box-shadow: 0 1px 0 #c4bdb2;
}

[data-theme="dark"] .ZfBBtjqMwd9YKXf751fx {
  background: #252320;
  border-color: #3a3632;
  color: #e8e4de;
  box-shadow: 0 2px 0 #1a1918;
}

.ZiSidJLDw6rJ3HHBmacr {
  font-size: 1.25rem;
}

.hr3FmZgwD_9WtFW3NtIr {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #faf9f7;
  animation: i4hpqtOUzk9Lx7SW4oxw 0.3s ease-out;
}

@keyframes i4hpqtOUzk9Lx7SW4oxw {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-theme="dark"] .hr3FmZgwD_9WtFW3NtIr {
  background: #1a1918;
}

.reeMNCTiQDj62R7lEA6g {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem 1rem;
  background: #f0ede8;
  border-bottom: 1px solid #e0dbd3;
}

[data-theme="dark"] .reeMNCTiQDj62R7lEA6g {
  background: #232120;
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

.eoSZwjQAA8kuuqFKf6Hl {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.xfsuwvuvzEz5bcqcBEfx {
  width: 8px;
  height: 8px;
  background: #c23b2e;
  border-radius: 50%;
}

.NQIuajYEmHznfFFiJp32 {
  font-family: 'Courier Prime', monospace;
  font-size: 0.75rem;
  font-weight: 700;
  color: #5a534a;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

[data-theme="dark"] .NQIuajYEmHznfFFiJp32 {
  color: #9a938a;
}

.GiLcu6fqMkX7njE4RiYt {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  color: #8a837a;
  font-size: 1.25rem;
  line-height: 1;
  transition: all 0.15s ease;
}

.GiLcu6fqMkX7njE4RiYt:hover {
  color: #5a534a;
}

[data-theme="dark"] .GiLcu6fqMkX7njE4RiYt {
  color: rgba(255, 255, 255, 0.3);
}

[data-theme="dark"] .GiLcu6fqMkX7njE4RiYt:hover {
  color: rgba(255, 255, 255, 0.6);
}

.R3CnpSJwWxxRlF8QXqCw {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  gap: 0.75rem;
}

.INa2wdL0y51UJ8H0HbNH {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  max-height: 150px;
}

.QB5cN47GdVKSZ8uV361q {
  display: flex;
  gap: 0.5rem;
  font-family: 'Courier Prime', monospace;
  font-size: 0.8rem;
  line-height: 1.5;
}

.QB5cN47GdVKSZ8uV361q pre {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}

.QB5cN47GdVKSZ8uV361q.Bfx0otzI3LiQRynENfzg {
  color: #8a837a;
  font-style: italic;
}

[data-theme="dark"] .QB5cN47GdVKSZ8uV361q.Bfx0otzI3LiQRynENfzg {
  color: rgba(255, 255, 255, 0.3);
}

.QB5cN47GdVKSZ8uV361q.XEvDLBp4sziBffH2e1Ly {
  color: #2a2622;
}

[data-theme="dark"] .QB5cN47GdVKSZ8uV361q.XEvDLBp4sziBffH2e1Ly {
  color: #e8e4de;
}

.QB5cN47GdVKSZ8uV361q.jDGY6ducthuuNq_GJYk0 {
  color: #4a453e;
}

[data-theme="dark"] .QB5cN47GdVKSZ8uV361q.jDGY6ducthuuNq_GJYk0 {
  color: rgba(255, 255, 255, 0.7);
}

.QB5cN47GdVKSZ8uV361q.MbEOcBvDlFqBINzEhdrm {
  color: #2d7d46;
}

[data-theme="dark"] .QB5cN47GdVKSZ8uV361q.MbEOcBvDlFqBINzEhdrm {
  color: #4ade80;
}

.QB5cN47GdVKSZ8uV361q.qbw91lxYtWC_ZwnhRrll {
  color: #5a534a;
  background: rgba(0, 0, 0, 0.03);
  padding: 0.5rem;
  border-radius: 4px;
}

[data-theme="dark"] .QB5cN47GdVKSZ8uV361q.qbw91lxYtWC_ZwnhRrll {
  color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.03);
}

.QB5cN47GdVKSZ8uV361q.jPPGdQ4zJddHpg9tvB5E {
  color: #c23b2e;
  animation: ES5iIIVWwmlz7iyZUAP3 1s ease-in-out infinite;
}

@keyframes ES5iIIVWwmlz7iyZUAP3 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

.w2WVMbmQOzYTiBjF_XCH {
  color: #c23b2e;
  font-weight: 700;
  flex-shrink: 0;
}

.t6CPr_htjd651nyGTezH {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0.875rem;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #e0dbd3;
  border-radius: 6px;
}

[data-theme="dark"] .t6CPr_htjd651nyGTezH {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.08);
}

.kRVLbqzZJpcMiBZlszHi {
  flex: 1;
  background: none;
  border: none;
  font-family: 'Courier Prime', monospace;
  font-size: 0.85rem;
  color: #2a2622;
  outline: none;
}

[data-theme="dark"] .kRVLbqzZJpcMiBZlszHi {
  color: #e8e4de;
}

.kRVLbqzZJpcMiBZlszHi::-moz-placeholder {
  color: #a8a19a;
}

.kRVLbqzZJpcMiBZlszHi::placeholder {
  color: #a8a19a;
}

[data-theme="dark"] .kRVLbqzZJpcMiBZlszHi::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

[data-theme="dark"] .kRVLbqzZJpcMiBZlszHi::placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.DtWvowktdFeYVGf_rdQY {
  width: 8px;
  height: 16px;
  background: #c23b2e;
  animation: cNWCGZJai91owccOKhtq 1s step-end infinite;
}

@keyframes cNWCGZJai91owccOKhtq {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.oIKlhjSYT7uL5ZuQ7M7v {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.ApliZXP61ev9qPJoZD1U {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.625rem;
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid #e0dbd3;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.ApliZXP61ev9qPJoZD1U:hover {
  background: rgba(0, 0, 0, 0.06);
  border-color: #c4bdb2;
}

[data-theme="dark"] .ApliZXP61ev9qPJoZD1U {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .ApliZXP61ev9qPJoZD1U:hover {
  background: rgba(255, 255, 255, 0.06);
}

.ApliZXP61ev9qPJoZD1U code {
  font-family: 'Courier Prime', monospace;
  font-size: 0.7rem;
  font-weight: 700;
  color: #c23b2e;
}

.ApliZXP61ev9qPJoZD1U span {
  font-family: 'Courier Prime', monospace;
  font-size: 0.65rem;
  color: #8a837a;
}

[data-theme="dark"] .ApliZXP61ev9qPJoZD1U span {
  color: rgba(255, 255, 255, 0.4);
}

/* ============================================
   04: GLASS SHELF
   ============================================ */

.qxksFPLFwpZ68KmKulLf {
  position: relative;
  min-height: 350px;
  background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 12px;
  overflow: hidden;
}

[data-theme="dark"] .qxksFPLFwpZ68KmKulLf {
  background: linear-gradient(135deg, #0f1219 0%, #161b26 100%);
  border-color: rgba(255, 255, 255, 0.04);
}

.yHBsrltdIh1sQtIc_ERZ {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zwZieGcIYFod5m6tpqXB {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.85rem;
  color: var(--admin-text-tertiary, #9ca3af);
  opacity: 0.5;
}

[data-theme="dark"] .zwZieGcIYFod5m6tpqXB {
  color: rgba(255, 255, 255, 0.15);
}

.vUTpuMsZ5zIWWAXgqzNt {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  padding: 1.25rem 0;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-right: none;
  border-radius: 8px 0 0 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.08);
}

.vUTpuMsZ5zIWWAXgqzNt:hover {
  width: 36px;
  background: rgba(255, 255, 255, 0.95);
}

[data-theme="dark"] .vUTpuMsZ5zIWWAXgqzNt {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .vUTpuMsZ5zIWWAXgqzNt:hover {
  background: rgba(255, 255, 255, 0.12);
}

.lGtdC3N3lRbe5hLTkQqR {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
  color: #6366f1;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  letter-spacing: 0.1em;
}

[data-theme="dark"] .lGtdC3N3lRbe5hLTkQqR {
  color: #818cf8;
}

.WU6PPZf7tj1NtkZfX2dg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 320px;
  display: flex;
  flex-direction: column;
  animation: kXP3eBzCkKyv3rX3ejLI 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes kXP3eBzCkKyv3rX3ejLI {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.xRp1fOIYjhq1BRUpjVwQ {
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  padding: 1rem;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] .xRp1fOIYjhq1BRUpjVwQ {
  background: rgba(255, 255, 255, 0.06);
  border-left-color: rgba(255, 255, 255, 0.1);
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.3);
}

.xRp1fOIYjhq1BRUpjVwQ.K1gjrstZXOzOlftkNB4w {
  top: 0;
  bottom: 0;
  transform: translateX(40px);
  opacity: 0.6;
  z-index: 1;
}

.xRp1fOIYjhq1BRUpjVwQ.K1gjrstZXOzOlftkNB4w.yC725V7TXv0w48YhFWJa {
  transform: translateX(0);
  opacity: 1;
}

.xRp1fOIYjhq1BRUpjVwQ.K62LatD9H0R90w4DCyDd {
  top: 60px;
  bottom: 60px;
  transform: translateX(20px);
  opacity: 0.8;
  z-index: 2;
}

.xRp1fOIYjhq1BRUpjVwQ.K62LatD9H0R90w4DCyDd.yC725V7TXv0w48YhFWJa {
  transform: translateX(0);
  opacity: 1;
}

.xRp1fOIYjhq1BRUpjVwQ.dCsJ2T2QGkMZXNkI3Hek {
  top: 120px;
  bottom: 0;
  transform: translateX(0);
  z-index: 3;
}

.mbH4EO_ZPeEkaOmjKmRU {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--admin-text-secondary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

[data-theme="dark"] .mbH4EO_ZPeEkaOmjKmRU {
  color: rgba(255, 255, 255, 0.5);
}

.HCMXvpzjS3haUF0eqYJY {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.65rem;
  font-weight: 600;
  color: #6366f1;
  padding: 0.125rem 0.375rem;
  background: rgba(99, 102, 241, 0.1);
  border-radius: 10px;
}

[data-theme="dark"] .HCMXvpzjS3haUF0eqYJY {
  color: #818cf8;
  background: rgba(129, 140, 248, 0.15);
}

.w87lXrNLy1qyJdEnvBDa {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.AHIauAWtPKKciWwqe3cH {
  padding: 0.625rem 0.875rem;
  border-radius: 10px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.8rem;
  line-height: 1.4;
}

.AHIauAWtPKKciWwqe3cH.pL2f4K7bakVo_Usx4JjU {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  color: #fff;
  align-self: flex-end;
  max-width: 85%;
}

.AHIauAWtPKKciWwqe3cH.JvPzFtosOLeFmvK4o38D {
  background: rgba(0, 0, 0, 0.04);
  color: var(--admin-text-primary, #111827);
  align-self: flex-start;
  max-width: 90%;
}

[data-theme="dark"] .AHIauAWtPKKciWwqe3cH.JvPzFtosOLeFmvK4o38D {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.85);
}

.PYMnDy2eKuv07lFJqnyY {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ivxWP7E2IEgmtgZ50ElJ {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: left;
}

.ivxWP7E2IEgmtgZ50ElJ:hover {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(99, 102, 241, 0.2);
}

[data-theme="dark"] .ivxWP7E2IEgmtgZ50ElJ {
  background: rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .ivxWP7E2IEgmtgZ50ElJ:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(129, 140, 248, 0.2);
}

.uiLGW5HhlVyvbSE3nuCr {
  width: 4px;
  height: 28px;
  border-radius: 2px;
}

.uiLGW5HhlVyvbSE3nuCr.Nz9SLYKGLtH87yO2Rg3S {
  background: linear-gradient(180deg, #ef4444, #dc2626);
}

.uiLGW5HhlVyvbSE3nuCr.CAYLTZqYbFA5qr2LOBgA {
  background: linear-gradient(180deg, #f59e0b, #d97706);
}

.uiLGW5HhlVyvbSE3nuCr.fw3H2TZWpXVSPws5tqfw {
  background: linear-gradient(180deg, #6366f1, #4f46e5);
}

.eVHQ26oVoIHmISnmuCn8 {
  flex: 1;
  min-width: 0;
}

.tyq0At15rVub2DeMsLaD {
  display: block;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--admin-text-primary, #111827);
}

[data-theme="dark"] .tyq0At15rVub2DeMsLaD {
  color: #fff;
}

.GYK1OUFsB6ckVYDrAMXi {
  display: block;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.7rem;
  color: var(--admin-text-tertiary, #9ca3af);
  margin-top: 0.125rem;
}

[data-theme="dark"] .GYK1OUFsB6ckVYDrAMXi {
  color: rgba(255, 255, 255, 0.4);
}

.tQXUIF80WA5EdEvIcxIN {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.flVO17hN_44cf3qithmn {
  display: flex;
  gap: 0.5rem;
}

.LVemLKp6gtXfWHgJ9PfY {
  flex: 1;
  text-align: center;
  padding: 0.625rem 0.5rem;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 10px;
}

[data-theme="dark"] .LVemLKp6gtXfWHgJ9PfY {
  background: rgba(255, 255, 255, 0.04);
}

.kQpyqFL6eiW88Pns4hRg {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--admin-text-primary, #111827);
  display: block;
  letter-spacing: -0.02em;
}

[data-theme="dark"] .kQpyqFL6eiW88Pns4hRg {
  color: #fff;
}

.kQpyqFL6eiW88Pns4hRg.Nz9SLYKGLtH87yO2Rg3S {
  color: #ef4444;
}

.ec9LJyV4BsmDiOtnaZ8W {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.6rem;
  color: var(--admin-text-tertiary, #9ca3af);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

[data-theme="dark"] .ec9LJyV4BsmDiOtnaZ8W {
  color: rgba(255, 255, 255, 0.4);
}

.R_VJuNDzRKAKr1rfA_Bi {
  width: 100%;
  padding: 0.875rem 1rem;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.9rem;
  color: var(--admin-text-primary, #111827);
  outline: none;
  transition: all 0.2s ease;
}

.R_VJuNDzRKAKr1rfA_Bi:focus {
  background: rgba(255, 255, 255, 0.9);
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

[data-theme="dark"] .R_VJuNDzRKAKr1rfA_Bi {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}

[data-theme="dark"] .R_VJuNDzRKAKr1rfA_Bi:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #818cf8;
  box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.2);
}

.R_VJuNDzRKAKr1rfA_Bi::-moz-placeholder {
  color: var(--admin-text-tertiary, #9ca3af);
}

.R_VJuNDzRKAKr1rfA_Bi::placeholder {
  color: var(--admin-text-tertiary, #9ca3af);
}

[data-theme="dark"] .R_VJuNDzRKAKr1rfA_Bi::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

[data-theme="dark"] .R_VJuNDzRKAKr1rfA_Bi::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.uIIHb38L54qvybECxSMb {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 10;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  cursor: pointer;
  color: var(--admin-text-secondary, #6b7280);
  transition: all 0.15s ease;
}

.uIIHb38L54qvybECxSMb:hover {
  background: rgba(255, 255, 255, 0.95);
  color: var(--admin-text-primary, #111827);
}

[data-theme="dark"] .uIIHb38L54qvybECxSMb {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
}

[data-theme="dark"] .uIIHb38L54qvybECxSMb:hover {
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.8);
}

.uIIHb38L54qvybECxSMb .dP6boWHqBzTLJoEDZKvs {
  font-size: 1.1rem;
}

/* ============================================
   05: PULSE RING
   ============================================ */

.C6whEu3hjWkjjuP0Hg8W {
  position: relative;
  min-height: 350px;
  background: linear-gradient(180deg, #1a1a1e 0%, #232328 100%);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  overflow: hidden;
}

.gwiaf11Vw8NnFeLv6kBl {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.KN28mGNi8z5u0lOWcfCg {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.2);
}

.KN28mGNi8z5u0lOWcfCg kbd {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

.U0ZzzXVtUXYEnEUdvUDD {
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2d2d32, #3a3a40);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  cursor: pointer;
  color: #fbbf24;
  transition: all 0.2s ease;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.U0ZzzXVtUXYEnEUdvUDD:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4);
}

.U0ZzzXVtUXYEnEUdvUDD .dP6boWHqBzTLJoEDZKvs {
  font-size: 1.25rem;
  z-index: 1;
}

.a95ASR9o9pUgqz96Zrou {
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(251, 191, 36, 0.3) 0%, transparent 70%);
  animation: a95ASR9o9pUgqz96Zrou 2s ease-in-out infinite;
}

@keyframes a95ASR9o9pUgqz96Zrou {
  0%, 100% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.3;
  }
}

.o4hwZeuHpcDRjK9M2F5E {
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
  width: 240px;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: D2NtMuxCSPgniN_5l0fW 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes D2NtMuxCSPgniN_5l0fW {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.Vde7jS2hEfiQqxJsawG3 {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2d2d32, #3a3a40);
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  z-index: 2;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.XRyL8axYPR4WdmMFzDMS {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.4);
  transition: all 0.15s ease;
}

.XRyL8axYPR4WdmMFzDMS:hover {
  color: rgba(255, 255, 255, 0.8);
}

.XRyL8axYPR4WdmMFzDMS .dP6boWHqBzTLJoEDZKvs {
  font-size: 1.5rem;
}

.E5voAoMOX1bwxKid6ZnB {
  width: 60px;
  background: none;
  border: none;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  outline: none;
}

.E5voAoMOX1bwxKid6ZnB::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.E5voAoMOX1bwxKid6ZnB::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.EJXFZnqkaVyTWqLeV2at {
  text-align: center;
}

.jSSMOqTQZypWZ4AbroxQ {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.6rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.05em;
}

.Psbx2hC2FZSXD5IVlAVt {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin-top: 0.25rem;
}

.Psbx2hC2FZSXD5IVlAVt span {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.7);
}

.AFSVrvCg39iL0q104hJw {
  position: absolute;
  width: 56px;
  height: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  background: linear-gradient(135deg, #3a4a50, #4a5a60);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.AFSVrvCg39iL0q104hJw:hover,
.AFSVrvCg39iL0q104hJw.Q0rJgSd4qrPnLmtJqYYH {
  transform: translate(var(--x), var(--y)) scale(1.15);
  background: linear-gradient(135deg, #4a5a60, #5a6a70);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.AFSVrvCg39iL0q104hJw.uSTzJ83m45QfUmoOtcAJ {
  background: linear-gradient(135deg, #5a3030, #6a4040);
  border-color: rgba(239, 68, 68, 0.3);
}

.AFSVrvCg39iL0q104hJw.uSTzJ83m45QfUmoOtcAJ:hover,
.AFSVrvCg39iL0q104hJw.uSTzJ83m45QfUmoOtcAJ.Q0rJgSd4qrPnLmtJqYYH {
  background: linear-gradient(135deg, #6a4040, #7a5050);
  border-color: rgba(239, 68, 68, 0.5);
}

.AFSVrvCg39iL0q104hJw .dP6boWHqBzTLJoEDZKvs {
  font-size: 1.1rem;
}

.qOEBeukTlu7xieXzAABF {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.45rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.UXjXbAVYkmviZ3NesRqv {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  background: #ef4444;
  border-radius: 8px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.55rem;
  font-weight: 600;
  color: #fff;
}

.z7lGKcCfjPkafCzTMK8G {
  position: absolute;
  width: 220px;
  height: 220px;
  border: 2px solid rgba(251, 191, 36, 0.2);
  border-radius: 50%;
  animation: z7lGKcCfjPkafCzTMK8G 3s ease-in-out infinite;
}

@keyframes z7lGKcCfjPkafCzTMK8G {
  0%, 100% {
    transform: scale(1);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.8;
  }
}

/* ============================================
   INTERACTION GUIDE
   ============================================ */

.uYiA8sheYZu2FCk8qK2l {
  max-width: 700px;
  margin: 0 auto;
  padding: 1.5rem;
  background: var(--admin-bg-primary, #ffffff);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 12px;
}

[data-theme="dark"] .uYiA8sheYZu2FCk8qK2l {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.06);
}

.uYiA8sheYZu2FCk8qK2l h4 {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--admin-text-secondary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 1rem 0;
}

[data-theme="dark"] .uYiA8sheYZu2FCk8qK2l h4 {
  color: rgba(255, 255, 255, 0.4);
}

.uYiA8sheYZu2FCk8qK2l ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.uYiA8sheYZu2FCk8qK2l li {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.85rem;
  color: var(--admin-text-secondary, #6b7280);
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  line-height: 1.5;
}

[data-theme="dark"] .uYiA8sheYZu2FCk8qK2l li {
  color: rgba(255, 255, 255, 0.5);
}

.uYiA8sheYZu2FCk8qK2l li strong {
  color: var(--admin-text-primary, #111827);
  font-weight: 600;
}

[data-theme="dark"] .uYiA8sheYZu2FCk8qK2l li strong {
  color: rgba(255, 255, 255, 0.8);
}

.euLxj7znwVbDcwYU1j2g {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* ── Filter Row ── */
._30CKjEJeqRzFLT2HALP {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: var(--admin-bg-secondary, #1c1c26);
  border: 1px solid var(--admin-border-light, #2a2a38);
  border-radius: 8px;
}

.HFH0RpU9EVLWN5Te7zhn {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-secondary, #8b8b9e);
  margin-right: 4px;
}

.zSUAY1MW2EEjHxlsnPfF {
  font-size: 11px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 4px;
  border: 1px solid var(--admin-border-light, #2a2a38);
  background: transparent;
  color: var(--admin-text-secondary, #8b8b9e);
  cursor: pointer;
  transition: all 0.15s;
}

.zSUAY1MW2EEjHxlsnPfF:hover {
  background: var(--admin-bg-tertiary, #22222e);
  color: var(--admin-text-primary, #e8e8ed);
}

.NvrxQ2mboAPxx8y4IMo9 {
  background: var(--filter-bg, rgba(99, 102, 241, 0.1));
  color: var(--filter-color, var(--admin-text-primary, #e8e8ed));
  border-color: var(--filter-color, var(--admin-border-light));
}

/* ── Option Section ── */
.dgi6ee9_nDtuyXqENXV7 {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--admin-border-light, #2a2a38);
}

.dgi6ee9_nDtuyXqENXV7:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.usFSdhmJAVb90Bp8aoO_ {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 6px;
}

.Nb5lRSmu18s6hxWEUwJ_ {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary, #e8e8ed);
  letter-spacing: -0.2px;
  margin: 0;
}

.pEQFDcfCVfjbK6aHq8Nc {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--admin-text-muted, #5c5c72);
  background: var(--admin-bg-secondary, #1c1c26);
  padding: 2px 7px;
  border-radius: 3px;
}

.HTIKQYGcG4pcNcnPuBi5 {
  font-size: 13px;
  color: var(--admin-text-secondary, #8b8b9e);
  line-height: 1.5;
  margin: 0 0 16px;
}

/* ── Tier Grid ── */
.fWRVvFtyYGj3neB8WsOE {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.iMn6MpsXeknsMUV9Etr8 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.iEy_ochHhO_a6ogI9qCg {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.INqXDyc6a7TFtp0IipAo {
  background: var(--admin-bg-primary, #17171e);
  border: 1px solid var(--admin-border-light, #2a2a38);
  border-radius: 8px;
  padding: 2px;
}

/* ── Shared: Tier Bar ── */
.bs5QJeWjTpOaI0kHtK2O {
  display: flex;
  gap: 2px;
  border-radius: 2px;
  overflow: hidden;
}

.FsupEHVoPnBKHC6RYBBI {
  height: 3px;
  width: 48px;
  flex-shrink: 0;
}

.IVTCl7eO6ZukBvtTUHaY {
  height: 4px;
  flex: 1;
}

.JV7tStgqIZWcO6Yr1qJl {
  flex: 1;
  border-radius: 2px;
  transition: all 0.2s;
}

.eRjpGvhHAp7vLlPn1CaQ {
  transform: scaleY(1.5);
}

/* ── Shared: Override Label ── */
._iqso0Y0LPAfqabQpBt7 {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-left: auto;
}

._iqso0Y0LPAfqabQpBt7 input[type="checkbox"] {
  accent-color: #991b1b;
  width: 12px;
  height: 12px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   OPTION A: INLINE STRIP
   ══════════════════════════════════════════════════════════════════════════════ */
.EfCCbxsKwUXD0g9VGatQ {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: var(--admin-bg-secondary, #1c1c26);
  border-radius: 6px;
}

.tAuQ1SCN0HD1v_T8xJ7z {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-secondary, #8b8b9e);
  white-space: nowrap;
}

.TGZ4CfxC2ROBXGIN2CUb {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex: 1;
  font-variant-numeric: tabular-nums;
  min-width: 0;
}

.f5eyeCBIDdfS1h4m56mQ {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
}

.Bn00WCZcy0_HL4PxaJMz {
  color: var(--admin-text-muted, #5c5c72);
  font-size: 11px;
}

.x2H4zXB_7b_PR9Gy3LCe {
  font-size: 11px;
  color: var(--admin-text-secondary, #8b8b9e);
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
}

.ztE0iSSxoS9nrRVkrLmk {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 3px 7px;
  border-radius: 4px;
  white-space: nowrap;
}

.wIG3hw3HbxpqTCrTaTID {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 600;
  color: #991b1b;
  white-space: nowrap;
}

.wIG3hw3HbxpqTCrTaTID .KIH77s7tsxSW7eTqeNHZ {
  font-size: 14px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   OPTION B: TWO-ROW COMPACT
   ══════════════════════════════════════════════════════════════════════════════ */
.ljer8hGLJmL6NiL74M_a {
  padding: 10px 14px;
  background: var(--admin-bg-secondary, #1c1c26);
  border-radius: 6px;
}

.Vd_kGJgWc7lQB1tRhOdg {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

._cBpfu2F96eoQodkuKeO {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-secondary, #8b8b9e);
  white-space: nowrap;
}

.hhdj5hEaD9XyNAJ0BATz {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 3px 7px;
  border-radius: 4px;
  white-space: nowrap;
}

.dBZdn4byIFb5bdJtdVR7 {
  display: flex;
  align-items: baseline;
  gap: 16px;
  font-variant-numeric: tabular-nums;
}

.c2cWIl15xbHmBWX1cxVT {
  display: flex;
  align-items: baseline;
  gap: 5px;
}

.fvrcldBbheIEUYskkd25 {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-muted, #5c5c72);
}

.fHejBRwgbcHJuubQaDB9 {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  color: var(--admin-text-primary, #e8e8ed);
}

.Hn7EAns8ZWG5IEQj9Did {
  font-size: 15px;
  font-weight: 700;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
}

.eFtVtRaIMY2DDKYwFGmZ {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 6px 8px;
  background: rgba(153, 27, 27, 0.15);
  border: 1px solid rgba(153, 27, 27, 0.3);
  border-radius: 4px;
  font-size: 11px;
  color: #991b1b;
}

.eFtVtRaIMY2DDKYwFGmZ .KIH77s7tsxSW7eTqeNHZ {
  font-size: 14px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   OPTION C: GAUGE BAR
   ══════════════════════════════════════════════════════════════════════════════ */
.NdsVWm66uMrl33DC0tEY {
  padding: 10px 14px;
  background: var(--admin-bg-secondary, #1c1c26);
  border-radius: 6px;
}

.dyAL8L6CbFfmXxAz3sRA {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.f2m8ImTkTAKwSUnkui86 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-secondary, #8b8b9e);
}

.LGFIkDwrXJXol7lhNIsB {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-variant-numeric: tabular-nums;
}

.fUf_NdVbdCYX5bGvDqpw {
  font-size: 16px;
  font-weight: 700;
}

.Er9ytMR9UvZGiG7zjQU4 {
  font-size: 11px;
  color: var(--admin-text-secondary, #8b8b9e);
}

.h9aFPjkraQsT3x7Jsbu1 {
  position: relative;
  height: 8px;
  border-radius: 4px;
  overflow: visible;
  margin-bottom: 4px;
}

.K66KBMzOBPWdUibUY8Bg {
  position: absolute;
  inset: 0;
  border-radius: 4px;
  background: linear-gradient(to right,
    #10b981 0%, #10b981 43%,
    #f59e0b 43%, #f59e0b 45%,
    #f97316 45%, #f97316 48%,
    #dc2626 48%, #dc2626 50%,
    #991b1b 50%, #991b1b 100%
  );
  opacity: 0.2;
}

.Zu6NyeBw2C81XnTDU_1h {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  transition: width 0.4s ease;
}

.XkQgDDVJKtHAfrb4kdUO {
  position: absolute;
  top: -3px;
  width: 3px;
  height: 14px;
  border-radius: 2px;
  background: var(--admin-text-primary, #e8e8ed);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  transition: left 0.4s ease;
  transform: translateX(-50%);
}

.jihq1ytR5oYDtYw57Ms8 {
  position: absolute;
  top: -2px;
  width: 1px;
  height: 12px;
  background: var(--admin-text-secondary, #8b8b9e);
  opacity: 0.5;
}

.RTHIx1nUn83KJfGilFXl {
  position: absolute;
  top: 14px;
  transform: translateX(-50%);
  font-size: 9px;
  color: var(--admin-text-secondary, #8b8b9e);
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  white-space: nowrap;
}

.CZga5aT2rkE6wlYeTJO3 {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  color: var(--admin-text-muted, #5c5c72);
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  padding-top: 2px;
}

.ZVPdQ5XOG8QBxGbmAVhm {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 5px 8px;
  background: rgba(153, 27, 27, 0.15);
  border: 1px solid rgba(153, 27, 27, 0.3);
  border-radius: 4px;
  font-size: 10px;
  color: #991b1b;
}

.ZVPdQ5XOG8QBxGbmAVhm .KIH77s7tsxSW7eTqeNHZ {
  font-size: 14px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   OPTION D: SPLIT PANEL
   ══════════════════════════════════════════════════════════════════════════════ */
.IJVawvbWM9FUdu9bGPRA {
  display: flex;
  align-items: stretch;
  background: var(--admin-bg-secondary, #1c1c26);
  border-radius: 6px;
  overflow: hidden;
}

.bIJs9mTO3tingf8tMriI {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  min-width: 100px;
  border-right: 1px solid var(--admin-border-light, #2a2a38);
}

.mL8uiTPbP5SpItSvHkTQ {
  font-size: 26px;
  font-weight: 700;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.i6h6LaLUS27awtxeSvWU {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--admin-text-muted, #5c5c72);
  margin-top: 4px;
}

.y5TOEjaQWakQ1WDPvCKk {
  flex: 1;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.eesT8Q3hFuAG226KNr4l {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.AMyL1FEcAxnESLXGol4q {
  display: flex;
  gap: 12px;
}

.XVw9jp2ze5VwdWdeAAPQ {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.bLf2sfsdFXWs2dKwHUdg {
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-muted, #5c5c72);
}

.NRFl4Sm3pxbztJ6QMDVd {
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  color: var(--admin-text-primary, #e8e8ed);
}

.AVPdPq3x9CHazCwtaFYq {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 3px 7px;
  border-radius: 4px;
  white-space: nowrap;
}

.MonLBuamtb_t28bRh1QX {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  background: rgba(153, 27, 27, 0.15);
  border-radius: 3px;
  font-size: 10px;
  color: #991b1b;
}

.MonLBuamtb_t28bRh1QX .KIH77s7tsxSW7eTqeNHZ {
  font-size: 13px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   CURRENT (reference)
   ══════════════════════════════════════════════════════════════════════════════ */
.Zz6cEhur44QlP70cFpfg {
  background: var(--admin-bg-secondary, #1c1c26);
  border-radius: 6px;
  padding: 14px;
}

.POoKv53jaU9QAWxZJyTU {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.B6LQ6vXfatYdtLKLbQIH {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary, #e8e8ed);
}

.X8j3YBhqo7ZaxpaSxttv {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.FBY5QrpMSVpNUeTgUAPF {
  display: flex;
  gap: 16px;
  margin-top: 12px;
}

.vgfRiS39R3YqsrWmuq4J {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.GH6bJnmpjuq0tC4ct2eU {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-secondary, #8b8b9e);
}

.PGZM57G6c71A8P7rkROA {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-weight: 700;
  color: var(--admin-text-primary, #e8e8ed);
  font-variant-numeric: tabular-nums;
}

.WVH2OMDvbsezboUhAGlK {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 8px 12px;
  border: 1px solid;
  border-radius: 6px;
  font-size: 12px;
}

.HlZTRXLzAp5HgdgLHOIj {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 12px;
  background: rgba(153, 27, 27, 0.15);
  border: 1px solid rgba(153, 27, 27, 0.3);
  border-radius: 6px;
  font-size: 12px;
  color: #991b1b;
}

.HlZTRXLzAp5HgdgLHOIj .KIH77s7tsxSW7eTqeNHZ {
  font-size: 18px;
  margin-top: 1px;
}

.ebY55nsYpF85g_rH1Lc1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CONTAINER & CONTROLS
   ═══════════════════════════════════════════════════════════════════════════ */

.ntL5xZQughBSTBl0JzoW {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.CI7nvnEWcM2NmJhPUf78 {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 2px solid #f59e0b;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 24px;
}

.a0DfB3kA79dO4xDX98iQ {
  margin: 0;
  font-size: 14px;
  color: #92400e;
  line-height: 1.6;
}

.unbqU3XenpbCy2jYkV_j {
  display: flex;
  gap: 8px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}

.Ruws4Rvbv326xJ5cUtlg {
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  color: #64748b;
  background: white;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.Ruws4Rvbv326xJ5cUtlg:hover {
  border-color: #94a3b8;
  color: #334155;
}

.Ruws4Rvbv326xJ5cUtlg.Bev3O6z_AZlwZrGVJEbs {
  background: #0f172a;
  border-color: #0f172a;
  color: white;
}

.hdIZtZXuT_X0lzJNffzv {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.zXeNxgHEly92x8d2lb7Z {
  background: white;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.dirBKIvQu9d4xUM71C5k {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 24px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  gap: 16px;
}

.BmYCfBuwP1Z2eN9CwLFS {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 4px 0;
  letter-spacing: -0.02em;
}

.c1E1aboVDgoX6NhRKn3G {
  font-size: 14px;
  color: #64748b;
  margin: 0;
  line-height: 1.5;
}

.p644g35R4pcToF9Cu4lZ {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
  align-items: center;
}

.Q2uSh0wYXndG2zrq09kI {
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 600;
  color: #3b82f6;
  background: #eff6ff;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.KiL6ReFtOVCdvSdS_sRB {
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 600;
  font-family: 'JetBrains Mono', monospace;
  color: #059669;
  background: #ecfdf5;
  border-radius: 20px;
}

.wYQ6mY8K13rzGoFDFQq3 {
  padding: 24px;
  background: #f1f5f9;
  min-height: 400px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   VARIANT 1: ACCORDION PANELS
   Brutalist-inspired with strong lines and bold typography
   ═══════════════════════════════════════════════════════════════════════════ */

.vT3kgIe5tEOtMP2pmfV4 {
  background: white;
  border-radius: 12px;
  border: 2px solid #0f172a;
  overflow: hidden;
  box-shadow: 6px 6px 0 #0f172a;
}

/* Summary Bar */
.eOm7BMEjVdHfybi4DhEk {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 16px 20px;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  border-bottom: 2px solid #0f172a;
}

.WGm4wspi91l5iKtF4ZXg {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}

.mqDEJaz8N2yK_NdqNavJ {
  font-family: 'JetBrains Mono', monospace;
  font-size: 20px;
  font-weight: 700;
  color: white;
  letter-spacing: -0.02em;
}

.mqDEJaz8N2yK_NdqNavJ.eU9M5bx9eglFD_06uzVE {
  color: #4ade80;
}

.ba6oRcc22EGkuPIiYDY2 {
  font-size: 10px;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-top: 2px;
}

.POwmz7gLaWEzszZ9NPxo {
  width: 1px;
  height: 36px;
  background: #334155;
}

.tRpZsZVqlpHx6zsCfzYv {
  margin-left: auto;
}

.JvbyTBgNTno3v42noG8f {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
  color: #4ade80;
  background: rgba(74, 222, 128, 0.1);
  border: 2px solid #4ade80;
  border-radius: 6px;
  cursor: pointer;
}

.JvbyTBgNTno3v42noG8f span {
  font-size: 16px;
}

/* Inline Employment */
.Ln0bvO9YiBFwMsZc0e03 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  background: #f8fafc;
  border-bottom: 2px solid #0f172a;
}

.eoW7ysvPLjfcRniQ1Plq {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #0f172a;
  border-radius: 6px;
  color: white;
}

.eoW7ysvPLjfcRniQ1Plq span {
  font-size: 18px;
}

.sco5Kj49Sr3WYAXZZfxb {
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.LDrrDjMse1mgxsbiJ9Wi {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
}

.odZsfT1LzudV0AyKQp8h {
  color: #cbd5e1;
  font-weight: 400;
}

.jzfQBaFyvtg6Qvvo3aD1 {
  font-size: 13px;
  color: #64748b;
}

/* Accordion Panels */
.i6KdFJmoKilEYDrMtsnq {
  border-bottom: 2px solid #0f172a;
}

.i6KdFJmoKilEYDrMtsnq:last-child {
  border-bottom: none;
}

.uZb7dRJolY4aXVPtwiId {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 20px;
  background: white;
  border: none;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s ease;
}

.uZb7dRJolY4aXVPtwiId:hover {
  background: #f8fafc;
}

.eDGo_SAddqu_6I3UhOY0 {
  display: flex;
  align-items: center;
  gap: 12px;
}

.eDGo_SAddqu_6I3UhOY0 > span:first-child {
  font-size: 22px;
  color: #3b82f6;
}

.Y1SWR54qTave44y9b_Pe {
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
}

.oSqKqCphDrw1_XEvOx8A {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  color: white;
  background: #3b82f6;
  border-radius: 11px;
}

.EZ7sOF1fPtsZKmaQlNc2 {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mcVvhCwlIhdZ_QuGfRMt {
  font-family: 'JetBrains Mono', monospace;
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
}

.ND6sQCLsep4tjdWKS_Da {
  font-size: 24px;
  color: #64748b;
  transition: transform 0.2s ease;
}

.i6KdFJmoKilEYDrMtsnq.lwsT4H3GxnIxWdC99PB3 .ND6sQCLsep4tjdWKS_Da {
  transform: rotate(180deg);
}

/* Accordion Body */
.qpsjHz97wtumJ7tfJBmM {
  padding: 20px;
  background: #f8fafc;
  border-top: 2px solid #e2e8f0;
}

.gORQAzoFjfJ5rGZmN1W0 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.YMtANlFSaktTwUFb6qST {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.EoNdrWHtc6IvzGB3BRZA {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding-bottom: 8px;
  border-bottom: 2px solid #e2e8f0;
}

.EoNdrWHtc6IvzGB3BRZA span {
  font-size: 16px;
  color: #3b82f6;
}

.h6ZtIurnSiAbh6L8_FHW {
  background: white;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px;
  transition: border-color 0.15s ease;
}

.h6ZtIurnSiAbh6L8_FHW:hover {
  border-color: #3b82f6;
}

.wWetjUG5g1YPFFViMtLs {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}

.mFNi8DW2CbWRuVetL0QW {
  font-size: 13px;
  font-weight: 700;
  color: #0f172a;
}

.lIToD4sj301Il9m0HhRl {
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
  font-weight: 700;
  color: #059669;
}

.tx8CuXZ_wc6oxcnr1KIc {
  font-size: 12px;
  color: #64748b;
  margin-top: 4px;
}

/* Assets Compact */
.vCaAbmG5O_VfeSlllFIH {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.DfrDod4HNxDJLfemACBe {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: white;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  transition: all 0.15s ease;
}

.DfrDod4HNxDJLfemACBe:hover {
  border-color: #3b82f6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
}

.gOTISIMV68B9NVjM3OfA {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border-radius: 10px;
  color: white;
}

.gOTISIMV68B9NVjM3OfA span {
  font-size: 20px;
}

.eL2gfp__BkzUPOzJxc_g {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.hqPHJy4diUgPyv0uJz3A {
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
}

.O4TE8ypF64GV_YEd6lwn {
  font-size: 12px;
  color: #64748b;
}

._jCqfOmqFXuUpHggEnCA {
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  font-weight: 700;
  color: #059669;
}

/* ═══════════════════════════════════════════════════════════════════════════
   VARIANT 2: SPLIT COLUMN
   Modern editorial with sophisticated color palette
   ═══════════════════════════════════════════════════════════════════════════ */

.wSfzfn29QMvkOSB6EIj4 {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 24px;
  min-height: 450px;
}

/* Summary Column */
.wy9r8XIQN3qnlI84tPwH {
  position: sticky;
  top: 0;
  align-self: start;
}

.y9eh6fSHFaTYw1ZwQYiZ {
  background: linear-gradient(145deg, #1e1b4b 0%, #312e81 100%);
  border-radius: 16px;
  padding: 24px;
  color: white;
}

.XsbOtrH0hUSlhDMWbPGQ {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.XsbOtrH0hUSlhDMWbPGQ span {
  font-size: 20px;
  color: #a5b4fc;
}

.G57eYk2fMClEOU4wUayO {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.Q1gJc9wh9vyq1Jn7xvtN {
  text-align: center;
  padding: 16px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.eGpVXZtT9I145UUe64wK {
  display: block;
  font-family: 'JetBrains Mono', monospace;
  font-size: 32px;
  font-weight: 700;
  color: white;
  letter-spacing: -0.02em;
}

.w1UqEy4kVsP2aq1SGuBA {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #a5b4fc;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-top: 4px;
}

.IYTxSzxdhGgmEBdQBFCg {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 4px 0;
}

.mqe0C3iNIXptOvJKhGLP {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
}

.GrsJrRmwMRHqFTw80pB0 {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
}

.c7pxK8z3rttYSBuJ9g1p {
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
  font-weight: 600;
  color: white;
}

.c7pxK8z3rttYSBuJ9g1p.eU9M5bx9eglFD_06uzVE {
  color: #4ade80;
}

.gX7YyhXJbBiOXgDjJPdl {
  background: rgba(74, 222, 128, 0.1);
  border-radius: 8px;
  padding: 10px 12px;
  margin-top: 8px;
}

.tkGn11ROQ3TCtlIrSvRL {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.L7bixeCSM77d2LPaM4Bv {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}

.sn3Uv4hOUy0kHqYm87YV {
  font-size: 18px;
  color: #4ade80;
}

/* Details Column */
.EwMHCBou35T59tfMgAkJ {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.WNzqudacewPjKPvkBBEv {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: white;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

.RtbyejZm0RyIYcHe4u1e {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  border-radius: 12px;
  color: white;
}

.RtbyejZm0RyIYcHe4u1e span {
  font-size: 22px;
}

.V9WXMuZgFS2a29BX6xwX {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.OlundRauy2gb9RvMlzS6 {
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
}

.F4b2W8ndrQH6r463fTnU {
  font-size: 13px;
  color: #64748b;
}

/* Detail Sections */
.S1G_NqVNClTpvj80HqRZ {
  background: white;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
}

.wfEO2hyRQEf7b3AanBE8 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.wfEO2hyRQEf7b3AanBE8 span {
  font-size: 20px;
  color: #6366f1;
}

/* Income Table */
.BPrFHfp2b_eHoksyvwPr {
  display: flex;
  flex-direction: column;
}

.LBFbPCRXRDCwZbds4xAW {
  display: grid;
  grid-template-columns: 2fr 80px 100px;
  gap: 12px;
  padding: 10px 20px;
  font-size: 10px;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.Fjwi0ABrcZT4eh3RnYIZ {
  display: grid;
  grid-template-columns: 2fr 80px 100px;
  gap: 12px;
  padding: 14px 20px;
  align-items: center;
  border-bottom: 1px solid #f1f5f9;
  transition: background 0.1s ease;
}

.Fjwi0ABrcZT4eh3RnYIZ:hover {
  background: #fafafa;
}

.Fjwi0ABrcZT4eh3RnYIZ:last-child {
  border-bottom: none;
}

.d9qZMtcvYJqjO9kzPcKM {
  background: #f8fafc;
  font-weight: 700;
}

.klqg_45utP23SyhAGbbH {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.WddfbheWnWJUzWr0yOpY {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
}

.izm_6XgKm5QYvsuDXywL {
  font-size: 12px;
  color: #64748b;
}

.a_qMupK6_cwBjPLUoezW {
  display: flex;
  align-items: center;
}

.CLM5IDJBIlzajBOLrDwk {
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
  color: #3b82f6;
  background: #eff6ff;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.CLM5IDJBIlzajBOLrDwk.RUkAtXB15e3qik_P2RAm {
  color: #8b5cf6;
  background: #f5f3ff;
}

.CLM5IDJBIlzajBOLrDwk.Ijm6FRuFnLLrVC4v35kg {
  color: #059669;
  background: #ecfdf5;
}

.BJG9jaVdNuZWXl8PCQ7F {
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  text-align: right;
}

/* Assets Pills */
.J0X0MFmprJjltEj4qhp2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 20px;
}

.MHFPbRjsFQabIwS7VyEj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  transition: all 0.15s ease;
}

.MHFPbRjsFQabIwS7VyEj:hover {
  border-color: #6366f1;
  background: #faf5ff;
}

.FJmncnV_AKcZUlsij6zO {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.EJSreLCGEjYHCOGOlDdi {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
}

.wo7qR0z58Obaq5j2qJRi {
  font-size: 12px;
  color: #64748b;
}

.d5UmtLSR_0Ahu7QU8A_y {
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  font-weight: 700;
  color: #059669;
}

/* ═══════════════════════════════════════════════════════════════════════════
   VARIANT 3: TABBED DASHBOARD
   Data-dense dashboard aesthetic with vibrant gradients
   ═══════════════════════════════════════════════════════════════════════════ */

.NZtL22w1PJBMYfEAxc0N {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
}

.LSdS5qbFdVwNZ04NH8w8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 50%, #0369a1 100%);
}

.KrJfR60QYlQjdML0IDA5 {
  display: flex;
  gap: 32px;
}

.MdCzgjj9UULEeqP7LTDv {
  display: flex;
  align-items: center;
  gap: 14px;
}

.sD8I2hW7dGs6LR1YhlXg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  color: white;
  backdrop-filter: blur(4px);
}

.sD8I2hW7dGs6LR1YhlXg span {
  font-size: 24px;
}

.sD8I2hW7dGs6LR1YhlXg.Tcb5iOtR7HYzEXSR7GZm {
  background: rgba(74, 222, 128, 0.2);
}

.sD8I2hW7dGs6LR1YhlXg.MqiJ2O5sri4XQ2KFYiAn {
  background: rgba(250, 204, 21, 0.2);
}

.noB73C0s1VmR_RXRNYAx {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.xwJWyYN3UYUOPoDNbJBJ {
  font-family: 'JetBrains Mono', monospace;
  font-size: 24px;
  font-weight: 700;
  color: white;
  letter-spacing: -0.02em;
}

.xwJWyYN3UYUOPoDNbJBJ.eU9M5bx9eglFD_06uzVE {
  color: #bbf7d0;
}

.tkFkE4ISLRHQbA_umaRn {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.DOq8XxcXa8eQLSe1c1a9 {
  display: flex;
  gap: 10px;
}

.ix0RKzRYGUITzXurEnC1,
.ERdbYdeT4HpUlLtU5yMe {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.ix0RKzRYGUITzXurEnC1 {
  color: #166534;
  background: rgba(255, 255, 255, 0.95);
  border: none;
}

.ix0RKzRYGUITzXurEnC1 span {
  font-size: 18px;
  color: #22c55e;
}

.ERdbYdeT4HpUlLtU5yMe {
  color: white;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.ERdbYdeT4HpUlLtU5yMe:hover {
  background: rgba(255, 255, 255, 0.25);
}

.ERdbYdeT4HpUlLtU5yMe span {
  font-size: 18px;
}

/* Tab Navigation */
.UBX89tPYf0gjhNYFsaob {
  display: flex;
  gap: 4px;
  padding: 12px 24px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.ucEMJMWEieKh4D5bFkqm {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  color: #64748b;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.ucEMJMWEieKh4D5bFkqm:hover {
  background: #e2e8f0;
  color: #334155;
}

.ucEMJMWEieKh4D5bFkqm span:first-child {
  font-size: 18px;
}

.ucEMJMWEieKh4D5bFkqm.B6WmqxFp6nFpErtz3VbC {
  background: #0ea5e9;
  color: white;
}

.bd2DtUKPAq2JFC1bXDGz {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 700;
  color: #64748b;
  background: #e2e8f0;
  border-radius: 10px;
}

.B6WmqxFp6nFpErtz3VbC .bd2DtUKPAq2JFC1bXDGz {
  color: #0ea5e9;
  background: white;
}

/* Tab Content */
.cgCIV6mS7moawLLybgtl {
  padding: 24px;
}

/* Overview Grid */
.sQt5v1WlTHqd3vgrRssn {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

._eYJdqSKzXrDVKTpvDIi {
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
}

.sVxmL7RjRM3LQm96MBA5 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  font-size: 12px;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: white;
  border-bottom: 1px solid #e2e8f0;
}

.sVxmL7RjRM3LQm96MBA5 span {
  font-size: 18px;
  color: #0ea5e9;
}

.q3BDvnejyf773uRE95Ml {
  padding: 16px;
}

.CZ1WhxCSRkHjKNqKMSkj {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.woJ4QN6grJEQjag3OR3c {
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
}

.a_hmMlP2VrcpYjkT1mqS {
  font-size: 13px;
  color: #64748b;
}

.Fs6a1klDt8aE6H3ezmVa {
  font-size: 12px;
  font-weight: 600;
  color: #0ea5e9;
  margin-top: 4px;
}

.F3SozDE8ULoghwwasVmg {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._97XK9f_qesRc5l7njgZ {
  display: flex;
  align-items: center;
  gap: 10px;
}

.vB_a6tWMxZtjk36PgMQz {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex-shrink: 0;
}

.yiP4gbZyI28qxsiuftoF {
  flex: 1;
  font-size: 13px;
  color: #64748b;
}

.eogomyUkF7SzW4YDrfS4 {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  font-weight: 600;
  color: #0f172a;
}

/* Income Tab Content */
.pABU3WqcNnIaMtIYVdfw {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.L_dwxkI1RahZ8IAytKtr {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.COBhLI8eBvWpHoYdNswV {
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
}

.aH2_AeupsX75B5dEn8oJ {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  font-size: 12px;
  font-weight: 700;
  color: #0f172a;
  background: white;
  border-bottom: 1px solid #e2e8f0;
}

.aH2_AeupsX75B5dEn8oJ span {
  font-size: 18px;
  color: #0ea5e9;
}

.lVwTWTtprki6saOP6OnQ {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: #e2e8f0;
}

.z5BNcXfv3aOMw1vRMWO_ {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 14px 16px;
  background: white;
}

.v6NiK0E2LnuOC6x_2c78 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mjNf6WcmBFjQ3D4muZ1u {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
}

.M1dzjILyhFRT9YKBGkwm {
  font-size: 12px;
  color: #64748b;
}

.HbgVsWCkZpDPJFo_ahpF {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-end;
}

.abOZlglAxpryk5QaJLmQ {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}

.abOZlglAxpryk5QaJLmQ span:first-child {
  color: #64748b;
}

.abOZlglAxpryk5QaJLmQ span:last-child {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 600;
  color: #059669;
}

/* Assets Tab Content */
.HcCe9lW2_4C8HiwJh4QA {
  padding: 0;
}

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

.yGMFFingLHaZVMMC_wRv {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  transition: all 0.15s ease;
}

.yGMFFingLHaZVMMC_wRv:hover {
  border-color: #0ea5e9;
  background: #f0f9ff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.1);
}

.LnSfTWezx_jmB4EuXoiG {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
  border-radius: 12px;
  color: white;
}

.LnSfTWezx_jmB4EuXoiG span {
  font-size: 24px;
}

.l7AY0aJHl3hmPOrlibEf {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.C5pmkJfbKrcb8ZofNbYn {
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
}

.WTKBmvMYcVEFXinz0Hg9 {
  font-size: 13px;
  color: #64748b;
}

.XMvg5r2QFDesQGynctJL {
  font-size: 12px;
  font-family: 'JetBrains Mono', monospace;
  color: #94a3b8;
}

.hQ7f7LfLiBTIBG9Z58A3 {
  font-family: 'JetBrains Mono', monospace;
  font-size: 18px;
  font-weight: 700;
  color: #059669;
}

/* ═══════════════════════════════════════════════════════════════════════════
   VARIANT 4: NATIVE STRBOARD DESIGN
   Uses existing design system - CSS variables, Inter font, PillCard patterns
   ═══════════════════════════════════════════════════════════════════════════ */

.wu_2jmUDuHncPA5aaU8E {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 12px;
  overflow: hidden;
}

/* Summary Bar - neutral background */
.XvljBPOB6ohGpHUojpCa {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  background: var(--admin-bg-secondary, #f9fafb);
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
  gap: 0;
}

.koS9WTCDt8clKrnpomkQ {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 16px;
}

.j5onzIs3TfPnbPSKnIaJ {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-tertiary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.qNQvrA1b4eSkt5zEomss {
  font-size: 15px;
  font-weight: 700;
  color: var(--admin-text-primary, #111827);
}

.qNQvrA1b4eSkt5zEomss.dnZwF00ZrPFU4qQ7nZRD {
  color: var(--admin-savings-text, #059669);
}

.lP4JTxB9852CnnRqLft3 {
  width: 1px;
  height: 32px;
  background: var(--admin-border-light, #e5e7eb);
}

.FUK1bzanP9H12ndWWDpw {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

.xkuzmRdN3iffDmyQhNfH {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-status-approved-text, #166534);
  background: var(--admin-status-approved-bg, #f0fdf4);
  border: 1px solid var(--admin-status-approved-border, #bbf7d0);
  border-radius: 16px;
}

.xkuzmRdN3iffDmyQhNfH span {
  font-size: 14px;
  color: var(--admin-btn-success-bg, #10b981);
}

.Lq560RoRthHMbcJLbDUw {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  font-family: inherit;
  color: #3b82f6;
  background: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-medium, #d1d5db);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.Lq560RoRthHMbcJLbDUw:hover {
  border-color: #3b82f6;
}

.Lq560RoRthHMbcJLbDUw span {
  font-size: 14px;
}

/* Tab Bar */
.DPd6nAE5Z6bA4b4prXjj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: var(--admin-card-bg, #ffffff);
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
}

.u7iIBvWuI7xuzNRjzc9G,
.H1cxJknysPe7Ct5zvJ19 {
  display: flex;
  padding: 4px;
  background: var(--admin-bg-secondary, #f9fafb);
  border-radius: 8px;
}

.cAWD1BjI1aCe8CjYxJbf {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  font-family: inherit;
  color: var(--admin-text-secondary, #4b5563);
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.cAWD1BjI1aCe8CjYxJbf:hover:not(.dw4p7K3cxFnGBe9zH3M1) {
  color: var(--admin-text-primary, #111827);
}

.cAWD1BjI1aCe8CjYxJbf span {
  font-size: 16px;
}

.dw4p7K3cxFnGBe9zH3M1 {
  color: var(--admin-text-primary, #111827);
  background: var(--admin-card-bg, #ffffff);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Content Area */
.gg4lMEFXPciXNFYNGexQ {
  padding: 16px;
}

/* Overview Grid */
.gLu9GrwFbyqxHFN_bY6V {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.XUxuxvfsJq2PKdk4vEsZ {
  background: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 10px;
  overflow: hidden;
}

.hksT4QiRxbVfIUraS__o {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background: var(--admin-bg-secondary, #f9fafb);
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
}

.hksT4QiRxbVfIUraS__o > span:first-child {
  font-size: 18px;
  color: var(--admin-accent-primary, #2132E1);
}

.yRh3ZHr_QQO8U73tYnjy {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary, #111827);
  flex: 1;
}

.Ct1p2D2bCCjjmqedd8Lh {
  font-size: 12px;
  font-weight: 600;
  color: #059669;
  background: #ecfdf5;
  padding: 4px 10px;
  border-radius: 12px;
}

.XMCXJXRFpwQaztguJiOv {
  padding: 16px;
}

.dzDgkwlHUVHUEbI21R5V {
  display: flex;
  flex-direction: column;
}

.d0JW23XElX19to6CW1gY {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
}

.d0JW23XElX19to6CW1gY:last-child {
  border-bottom: none;
}

.iDr7anq_tTrygQQJGPNb {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary, #4b5563);
}

.LRdezKO7sxFH8xsexR1Q {
  display: inline-block;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary, #111827);
  background: var(--admin-bg-secondary, #f9fafb);
  border-radius: 9999px;
}

/* Income Content */
.S65fiZZXtAfSVVUeDGSE {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.QmPKrKW9b6MgPCTPoWD0 {
  background: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 10px;
  overflow: hidden;
}

.icxXkhjXwrYIWxGlvQlH {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  font-size: 11px;
  font-weight: 700;
  color: var(--admin-text-primary, #111827);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: var(--admin-bg-secondary, #f9fafb);
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
}

.icxXkhjXwrYIWxGlvQlH span {
  font-size: 16px;
  color: var(--admin-accent-primary, #2132E1);
}

.AzVkzsZYkgLDsCzkm69y {
  padding: 12px 16px;
  background: var(--admin-card-bg, #ffffff);
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
}

.AzVkzsZYkgLDsCzkm69y:last-child {
  border-bottom: none;
}

.C1lumjZjA8qDuURXbHFZ {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.u0rfmfXd6dbMCa1JCU7G {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ZyeW9LMBV8RMnQ19CeWw {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-tertiary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.xakyYZcMKualPt1nIyff {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary, #111827);
}

.JSTQP63x4mSwwwQtYhZI {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: var(--admin-income-bg, linear-gradient(135deg, #f0fdf4, #dcfce7));
  border: 1px solid var(--admin-income-border, rgba(58, 207, 113, 0.5));
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--admin-income-value, #16a34a);
}

/* Assets Content */
.FcFWZ6RpE1gLyKCkaNuJ {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.vBdPMCOigF8qW3sTCHwK {
  display: grid;
  grid-template-columns: 2fr 1.2fr 1fr 1.2fr;
  gap: 12px;
  padding: 8px 16px;
  font-size: 10px;
  font-weight: 700;
  color: var(--admin-text-tertiary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: var(--admin-bg-hover, #f3f4f6);
  border-radius: 6px;
}

.GhxWGgG7XVDGB2hrFr3r {
  display: grid;
  grid-template-columns: 2fr 1.2fr 1fr 1.2fr;
  gap: 12px;
  padding: 12px 16px;
  background: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 8px;
  align-items: center;
  transition: border-color 0.15s ease;
}

.GhxWGgG7XVDGB2hrFr3r:hover {
  border-color: var(--admin-accent-primary, #2132E1);
}

.Tck97C7hT0S4qFzOEsOR {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary, #111827);
}

.KwcIc5mbaGXHNhXft9dE {
  font-size: 13px;
  color: var(--admin-text-secondary, #4b5563);
}

.mOLTuSioAKD0AlMUWbYb {
  font-size: 12px;
  color: var(--admin-text-tertiary, #6b7280);
}

.ZrCjNRFtw2cvCjDpCPxR {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-income-value, #16a34a);
  text-align: right;
}

/* Assets Summary */
.elhFXuke43N6DY0hk7Ie {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  background: var(--admin-bg-secondary, #f9fafb);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 8px;
}

.yhI8TX9OpSDELThmQ4IL {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 16px;
  border-right: 1px solid var(--admin-border-light, #e5e7eb);
}

.yhI8TX9OpSDELThmQ4IL:last-child {
  border-right: none;
}

.yhI8TX9OpSDELThmQ4IL.aR1zMtnQVrLVrZQaxQwe {
  background: var(--admin-savings-bg, #f0fdf4);
  border: 1px solid var(--admin-savings-border, #86efac);
  border-radius: 6px;
  padding: 8px 16px;
  margin-left: auto;
}

.ddgIbnDfCiBiyGGpusBP {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-tertiary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.Fw8_uyxkHh_Hrbi_ojlN {
  font-size: 15px;
  font-weight: 700;
  color: var(--admin-text-primary, #111827);
}

.Fw8_uyxkHh_Hrbi_ojlN.dnZwF00ZrPFU4qQ7nZRD {
  color: var(--admin-savings-text, #059669);
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1100px) {
  .wSfzfn29QMvkOSB6EIj4 {
    grid-template-columns: 1fr;
  }

  .wy9r8XIQN3qnlI84tPwH {
    position: static;
  }

  .gORQAzoFjfJ5rGZmN1W0 {
    grid-template-columns: 1fr;
  }

  .vCaAbmG5O_VfeSlllFIH {
    grid-template-columns: 1fr;
  }

  .sQt5v1WlTHqd3vgrRssn {
    grid-template-columns: 1fr;
  }

  .L_dwxkI1RahZ8IAytKtr {
    grid-template-columns: 1fr;
  }

  .aZaozrGToZvNhr13uEc7 {
    grid-template-columns: 1fr;
  }

  .KrJfR60QYlQjdML0IDA5 {
    flex-direction: column;
    gap: 16px;
  }

  .LSdS5qbFdVwNZ04NH8w8 {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }

  /* Native variant responsive */
  .gLu9GrwFbyqxHFN_bY6V {
    grid-template-columns: 1fr;
  }

  .jSKC0tYPikG_2zixYgTE {
    flex-wrap: wrap;
    gap: 12px;
  }

  .jkWbRqubiRHiuu1u1WAz {
    display: none;
  }

  .TZgdap1FiwGaZWYkm44j {
    margin-left: 0;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .eOm7BMEjVdHfybi4DhEk {
    flex-wrap: wrap;
    gap: 12px;
  }

  .POwmz7gLaWEzszZ9NPxo {
    display: none;
  }

  .WGm4wspi91l5iKtF4ZXg {
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
  }

  .UBX89tPYf0gjhNYFsaob {
    overflow-x: auto;
    padding: 12px 16px;
  }

  .ucEMJMWEieKh4D5bFkqm {
    flex-shrink: 0;
    padding: 8px 14px;
  }

  /* Native variant mobile */
  .hksT4QiRxbVfIUraS__o {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
  }

  .loj4iB_hWcwx9o6PyvBb {
    width: 100%;
    flex-direction: column;
    gap: 8px;
  }

  .u7iIBvWuI7xuzNRjzc9G {
    width: 100%;
    justify-content: center;
  }

  .TbslhkftTw7lwMisQwNF {
    width: 100%;
  }

  .lDoJpYQ2vtIuNx3yA4B_ {
    flex: 1;
    justify-content: center;
    padding: 8px 12px;
  }

  .HNkLvW1Bqfq3mmfKBU7z {
    flex-wrap: wrap;
    gap: 10px;
  }

  .u9eAeofJQ9vyFvBcAtQw {
    width: 100%;
    justify-content: center;
  }

  .QehbTcMPKwCgryQeU0_z {
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
  }

  .aF5VphlQhzsosXaqfJSs {
    flex-wrap: wrap;
  }

  .ZrCjNRFtw2cvCjDpCPxR {
    width: 100%;
    text-align: right;
    padding-top: 8px;
    border-top: 1px solid var(--admin-border-light, #e5e7eb);
    margin-top: 8px;
  }

  .wZe40VAu6hq16Pcocqiw {
    flex-direction: column;
    gap: 12px;
  }

  .ADaqhQ_leUYYATfF2ne2 {
    width: 100%;
    padding: 8px 0;
    border-right: none;
    border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .ADaqhQ_leUYYATfF2ne2:last-child {
    border-bottom: none;
  }

  .HhNmf1KWaG_eukMuWNxP {
    margin-left: 0;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

/* ─────────────────────────────────────────────────────────────────────────────
   GALLERY WRAPPER STYLES
   ───────────────────────────────────────────────────────────────────────────── */
.clvyl_RiYuZK0IiWVp5B {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  max-width: 1600px;
  margin: 0 auto;
}

.GzeJlSJp6fzhY7e7LKZu {
  padding: 20px 24px;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 1px solid #fcd34d;
  border-radius: 12px;
  margin-bottom: 24px;
}

.VhpnMdZHPUuR5yy1BDIf {
  font-size: 14px;
  color: #92400e;
  margin: 0;
  line-height: 1.6;
}

.SbT_5MZI5rWnbrJ6ktu8 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e7eb;
}

.HaDAJZ4_4UFZkXWxv6Aw {
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.HaDAJZ4_4UFZkXWxv6Aw:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #374151;
}

.HaDAJZ4_4UFZkXWxv6Aw.CODGI31qV_2zzUXClU5y {
  background: #3b82f6;
  border-color: #3b82f6;
  color: white;
}

.iL1asUG1MYFlsyHagSPT {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.GIjCbcA9Yn3TyLia2G80 {
  background: white;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.pvwNVBbQvw59Er731qOE {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 24px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid #e5e7eb;
  flex-wrap: wrap;
  gap: 16px;
}

.jQoQN4MNysIC7S7G7T7n {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 6px 0;
}

.oS7tZnou8nApcwiOqj2e {
  font-size: 13px;
  color: #64748b;
  margin: 0;
  max-width: 500px;
}

.l_OzSCjEWh1Vv8KYTU1v {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.DQkdhErOxB63FR1okJ0A {
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  color: #3b82f6;
  background: #eff6ff;
  border-radius: 12px;
}

.DQkdhErOxB63FR1okJ0A:first-child {
  background: #dcfce7;
  color: #166534;
}

.nLcrSZ1TRElvgkbp_QDp {
  padding: 24px;
  background: #f5f5f7;
  min-height: 400px;
}

/* ─────────────────────────────────────────────────────────────────────────────
   SHARED PREVIEW STYLES (mimics live app CSS variables)
   ───────────────────────────────────────────────────────────────────────────── */
.zrsQsIOoVID6abnZqMgq {
  --preview-bg: #ffffff;
  --preview-bg-secondary: #f8fafc;
  --preview-border: #e5e7eb;
  --preview-text-primary: #0f172a;
  --preview-text-secondary: #64748b;
  --preview-accent-blue: #3b82f6;
  --preview-accent-green: #10b981;
  --preview-accent-amber: #f59e0b;
  --preview-income-bg: rgba(16, 185, 129, 0.08);
  --preview-income-border: rgba(16, 185, 129, 0.2);
  --preview-income-text: #047857;
  --preview-debt-bg: rgba(239, 68, 68, 0.08);
  --preview-debt-border: rgba(239, 68, 68, 0.2);
  --preview-debt-text: #dc2626;

  background: var(--preview-bg);
  border-radius: 12px;
  padding: 24px;
  max-width: 1200px;
  margin: 0 auto;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ─────────────────────────────────────────────────────────────────────────────
   VARIANT 1: CONDENSED CLASSIC - Reduces redundancy, tighter spacing
   ───────────────────────────────────────────────────────────────────────────── */
.kLVLmxQEC5pHZShvgdmg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--preview-border);
}

.uVLMJuclfKVNz6UjAKFy {
  font-size: 22px;
  font-weight: 700;
  color: var(--preview-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.ULlpGSvDyWkZW28MKbMz {
  display: flex;
  align-items: center;
  gap: 10px;
}

.FuLxzHx168WqtPkCjrOi {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: var(--preview-bg);
  border: 1px solid var(--preview-border);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--preview-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.FuLxzHx168WqtPkCjrOi:hover {
  background: var(--preview-bg-secondary);
  border-color: #cbd5e1;
}

.FuLxzHx168WqtPkCjrOi .LVs74jczEgqyd3O66SRo {
  font-size: 18px;
}

/* Loan Type Strip - Unified bar instead of 2 cards */
.Wntwwnf_6Q65s3Im9rqT {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 14px 20px;
  background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
  border-radius: 10px;
  margin-bottom: 16px;
}

.Z_3ahNh4QoSZfoZpCWTO {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.hHGtU9d8SNbCqzlI9dFw {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.WlmfUGXnGNQjVJ0fHgh6 {
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
}

.DjyZIoSbrHnPWxmAK9sB {
  width: 1px;
  height: 24px;
  background: rgba(255, 255, 255, 0.2);
}

/* Condensed Metrics Bar - All key numbers in one row */
.f5WNCNMiKtJ29E8i5pwr {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1px;
  background: var(--preview-border);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 16px;
}

.q3BGznBeQgHFm4zLb_av {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 12px;
  background: var(--preview-bg);
}

.d4PFa3iPwHnDP6tMaQHd {
  font-size: 10px;
  font-weight: 600;
  color: var(--preview-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}

.IvITMa7Cba00nyLp7NOT {
  font-size: 18px;
  font-weight: 700;
  color: var(--preview-text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.nX0VZk3UC7NoNoKchmC0 {
  font-size: 11px;
  color: var(--preview-text-secondary);
  margin-top: 2px;
}

/* Financial Health Compact - Income/Debt/DTI/Assets in colored strip */
.nSNNUP2e_AlZoqej4TED {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 16px;
  border: 1px solid var(--preview-border);
}

.KowpdgsrU1yy_ASK1uvB {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 10px;
  background: var(--preview-bg);
  border-right: 1px solid var(--preview-border);
}

.KowpdgsrU1yy_ASK1uvB:last-child {
  border-right: none;
}

.KowpdgsrU1yy_ASK1uvB.YAayY3MtnBBRdCHTfc5_ {
  background: var(--preview-income-bg);
  border-color: var(--preview-income-border);
}

.KowpdgsrU1yy_ASK1uvB.YAayY3MtnBBRdCHTfc5_ .SmaOG8gJpiUhO_ma4TPy,
.KowpdgsrU1yy_ASK1uvB.YAayY3MtnBBRdCHTfc5_ .WqDEm25GxgAft9P6VCzl {
  color: var(--preview-income-text);
}

.KowpdgsrU1yy_ASK1uvB.MEvfRiUiT1siJ5cbLL3H {
  background: var(--preview-debt-bg);
  border-color: var(--preview-debt-border);
}

.KowpdgsrU1yy_ASK1uvB.MEvfRiUiT1siJ5cbLL3H .SmaOG8gJpiUhO_ma4TPy,
.KowpdgsrU1yy_ASK1uvB.MEvfRiUiT1siJ5cbLL3H .WqDEm25GxgAft9P6VCzl {
  color: var(--preview-debt-text);
}

.SmaOG8gJpiUhO_ma4TPy {
  font-size: 10px;
  font-weight: 600;
  color: var(--preview-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}

.WqDEm25GxgAft9P6VCzl {
  font-size: 16px;
  font-weight: 700;
  color: var(--preview-text-primary);
  font-family: 'JetBrains Mono', monospace;
}

/* Pricing Row - Compact rate/payment/points */
.MaR6YxahdKbX4Q7LpJwg {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

.X1VU4cGeJ0rKC2ohHNpp {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  background: var(--preview-bg);
  border: 1px solid var(--preview-border);
  border-radius: 10px;
  text-align: center;
}

.X1VU4cGeJ0rKC2ohHNpp.dwhpKxsAcOrWw4VqXK1e {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border-color: #93c5fd;
}

.DwiHfEwHVWukxPcVus1b {
  font-size: 24px;
  font-weight: 700;
  color: var(--preview-text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.hES62_kLQXGr5Wv2ZuDh {
  font-size: 12px;
  color: var(--preview-text-secondary);
  margin-top: 2px;
}

.Yfj2WVyFFY2keb0eDe8M {
  font-size: 10px;
  font-weight: 600;
  color: var(--preview-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 8px;
}

/* Team Section Compact */
.Lh_7ZXZ0TEdXCEal54ae {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
  background: var(--preview-bg-secondary);
  border: 1px solid var(--preview-border);
  border-radius: 10px;
}

.D2GLBEZubcFnoUj8eliR {
  font-size: 12px;
  font-weight: 600;
  color: var(--preview-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ksHEPXHd02jCrfXvGbJp {
  display: flex;
  gap: 12px;
  flex: 1;
}

.OGhEJHTlOvox3rFT4dB3 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: var(--preview-bg);
  border: 1px solid var(--preview-border);
  border-radius: 6px;
}

.vyfCZuYUfJ3ONh_FPNW8 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #e0e7ff, #c7d2fe);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  color: #4338ca;
}

.OZjRv0M7QHzI0OBYfJMJ {
  font-size: 13px;
  font-weight: 500;
  color: var(--preview-text-primary);
}

.poGba09GXHAfCbt2wmFf {
  font-size: 11px;
  color: var(--preview-text-secondary);
}

/* ─────────────────────────────────────────────────────────────────────────────
   VARIANT 2: CARD GRID - Modern card-based layout with hover effects
   ───────────────────────────────────────────────────────────────────────────── */
.vscXHJG6J7oZkME5rGNX {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.P2DZnuzW3v5dfsKhSA5X {
  font-size: 22px;
  font-weight: 700;
  color: var(--preview-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.ZlNLuQsrHhS9zTWDjQFn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: linear-gradient(135deg, #dcfce7, #d1fae5);
  border: 1px solid #86efac;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #166534;
}

.ZlNLuQsrHhS9zTWDjQFn .LVs74jczEgqyd3O66SRo {
  font-size: 16px;
}

/* Hero Card - Primary loan info */
.f_nUtLec8_O8t6P7FfWw {
  background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.f_nUtLec8_O8t6P7FfWw::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%);
  pointer-events: none;
}

.lIiXEUk3ygKnCghjqvcV {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.CrdqNVdaWxfE14dK6O3y {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
}

.CrdqNVdaWxfE14dK6O3y .LVs74jczEgqyd3O66SRo {
  font-size: 18px;
}

.eLP9F_OdGQGQd7muBus_ {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
  z-index: 1;
}

.DxiCSKWZfoz9MTxfx459 {
  text-align: center;
}

.LaO81E6iywE3yDOKfnF9 {
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.e0ZGzcDvcEuDfyxHNmTQ {
  font-size: 26px;
  font-weight: 700;
  color: #ffffff;
  font-family: 'JetBrains Mono', monospace;
}

.NovZlLzpNEstufMN_9v9 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 4px;
}

/* Card Grid */
.qugKOuLtoyaSuyz6UFFD {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}

.wy9lH0tCZUkzcN01sOGI {
  background: var(--preview-bg);
  border: 1px solid var(--preview-border);
  border-radius: 12px;
  padding: 18px;
  transition: all 0.2s ease;
}

.wy9lH0tCZUkzcN01sOGI:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  border-color: #cbd5e1;
}

.rbg8Kp9tzEjJDLSZiuDG {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--preview-border);
}

._eAe3XwVxR3kX3Cc9z8c {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  border-radius: 8px;
  color: #3b82f6;
}

._eAe3XwVxR3kX3Cc9z8c .LVs74jczEgqyd3O66SRo {
  font-size: 18px;
}

.CKdwb2uOEinT0Lt1fII3 {
  font-size: 14px;
  font-weight: 600;
  color: var(--preview-text-primary);
}

.U3KgsVBDKiRhtEJOYyzV {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.vZQ81pQOlQNvSI3xsoV2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vFlTEnfxhYaKxgyEMlTg {
  font-size: 12px;
  color: var(--preview-text-secondary);
}

.GZWXmdEhpzUI3Haej7VZ {
  font-size: 14px;
  font-weight: 600;
  color: var(--preview-text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.GZWXmdEhpzUI3Haej7VZ.yyxIjW7PTYCXtjge4qlO {
  color: #059669;
}

.GZWXmdEhpzUI3Haej7VZ.JmPrpmOMXP8v4d5rrhrQ {
  color: #d97706;
}

/* ─────────────────────────────────────────────────────────────────────────────
   VARIANT 3: DATA TABLE - Clean tabular layout, scannable
   ───────────────────────────────────────────────────────────────────────────── */
.iguLh0H_DPwWCwLqn82e {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--preview-border);
}

.jdVzN8Wnm60XsZ8TU93A {
  font-size: 22px;
  font-weight: 700;
  color: var(--preview-text-primary);
  margin: 0;
}

.tpKNVCQLN0SFAdfmeAEA {
  display: flex;
  align-items: center;
  gap: 12px;
}

.Uohyi4oUH1xGj8jb5E6c {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #dcfce7;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  color: #166534;
}

/* Summary Banner */
.NYw1mD8C6eSIKP3NChsZ {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}

.WDsegIhlKVu9owRFdoUy {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 18px 16px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.WDsegIhlKVu9owRFdoUy:last-child {
  border-right: none;
}

.wisBhOxQJQDnownHGSCh {
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

._QveiDO1qy_4Yo4L1i42 {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  font-family: 'JetBrains Mono', monospace;
}

.IO8Fu82xnrBJ64xImKkM {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 4px;
}

/* Data Table Sections */
.jlSHGNRRkZg2vzmbivA_ {
  background: var(--preview-bg);
  border: 1px solid var(--preview-border);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
}

.BDWGElUuyBtaP2lExvoV {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  background: var(--preview-bg-secondary);
  border-bottom: 1px solid var(--preview-border);
}

.BDWGElUuyBtaP2lExvoV .LVs74jczEgqyd3O66SRo {
  font-size: 20px;
  color: var(--preview-accent-blue);
}

.C1I4774tspEFPzirGLli {
  font-size: 14px;
  font-weight: 600;
  color: var(--preview-text-primary);
}

.Sl8P5sSvBxFDv1PAHP9S {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.bLxegmLGuIHVuU5QpD9l {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 18px;
  border-bottom: 1px solid var(--preview-border);
  border-right: 1px solid var(--preview-border);
}

.bLxegmLGuIHVuU5QpD9l:nth-child(even) {
  border-right: none;
}

.bLxegmLGuIHVuU5QpD9l:nth-last-child(-n+2) {
  border-bottom: none;
}

.OxR4LniaZ0ctrH7wh7fN {
  font-size: 12px;
  color: var(--preview-text-secondary);
}

.zUxtqImDNIn9yDt5dZCA {
  font-size: 14px;
  font-weight: 600;
  color: var(--preview-text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.zUxtqImDNIn9yDt5dZCA.dwhpKxsAcOrWw4VqXK1e {
  color: var(--preview-accent-blue);
}

/* Financial Health Bar */
.WYZnrMao9pMqtBwlfsRY {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

.igqcKpDuw6p3fMAvnHMo {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 12px;
  background: var(--preview-bg);
  border: 1px solid var(--preview-border);
  border-radius: 10px;
  text-align: center;
}

.igqcKpDuw6p3fMAvnHMo.YAayY3MtnBBRdCHTfc5_ {
  background: var(--preview-income-bg);
  border-color: var(--preview-income-border);
}

.igqcKpDuw6p3fMAvnHMo.MEvfRiUiT1siJ5cbLL3H {
  background: var(--preview-debt-bg);
  border-color: var(--preview-debt-border);
}

.LMMjN1eZNipuKUhJolvB {
  font-size: 10px;
  font-weight: 600;
  color: var(--preview-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.igqcKpDuw6p3fMAvnHMo.YAayY3MtnBBRdCHTfc5_ .LMMjN1eZNipuKUhJolvB {
  color: var(--preview-income-text);
}

.igqcKpDuw6p3fMAvnHMo.MEvfRiUiT1siJ5cbLL3H .LMMjN1eZNipuKUhJolvB {
  color: var(--preview-debt-text);
}

.jSKhGokPlroKhqlykI3i {
  font-size: 18px;
  font-weight: 700;
  color: var(--preview-text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.igqcKpDuw6p3fMAvnHMo.YAayY3MtnBBRdCHTfc5_ .jSKhGokPlroKhqlykI3i {
  color: var(--preview-income-text);
}

.igqcKpDuw6p3fMAvnHMo.MEvfRiUiT1siJ5cbLL3H .jSKhGokPlroKhqlykI3i {
  color: var(--preview-debt-text);
}

/* Responsive */
@media (max-width: 1024px) {
  .f5WNCNMiKtJ29E8i5pwr {
    grid-template-columns: repeat(3, 1fr);
  }

  .qugKOuLtoyaSuyz6UFFD {
    grid-template-columns: repeat(2, 1fr);
  }

  .eLP9F_OdGQGQd7muBus_ {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .Sl8P5sSvBxFDv1PAHP9S {
    grid-template-columns: 1fr;
  }

  .bLxegmLGuIHVuU5QpD9l {
    border-right: none;
  }

  .WYZnrMao9pMqtBwlfsRY {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .Wntwwnf_6Q65s3Im9rqT {
    flex-wrap: wrap;
  }

  .f5WNCNMiKtJ29E8i5pwr {
    grid-template-columns: repeat(2, 1fr);
  }

  .nSNNUP2e_AlZoqej4TED {
    grid-template-columns: repeat(2, 1fr);
  }

  .MaR6YxahdKbX4Q7LpJwg {
    grid-template-columns: 1fr;
  }

  .Lh_7ZXZ0TEdXCEal54ae {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .ksHEPXHd02jCrfXvGbJp {
    flex-wrap: wrap;
  }

  .qugKOuLtoyaSuyz6UFFD {
    grid-template-columns: 1fr;
  }

  .NYw1mD8C6eSIKP3NChsZ {
    grid-template-columns: repeat(2, 1fr);
  }

  .WDsegIhlKVu9owRFdoUy {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .WDsegIhlKVu9owRFdoUy:nth-child(2n) {
    border-right: none;
  }

  .WDsegIhlKVu9owRFdoUy:nth-last-child(-n+2) {
    border-bottom: none;
  }

  .WYZnrMao9pMqtBwlfsRY {
    grid-template-columns: repeat(2, 1fr);
  }
}

.iVLyczdVdDTpY9HaUucg {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.vajxDWeDonpG2Cx78bw0 {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.S57zc23oSe9nTlMY93AA {
  display: flex;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  padding: 4px;
  gap: 4px;
}

.kBH6AngYE_d7tXEMP4IL {
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.kBH6AngYE_d7tXEMP4IL:hover {
  color: var(--admin-text-primary);
  background: var(--admin-bg-hover);
}

.kBH6AngYE_d7tXEMP4IL.Vbryoo0p6H5jROOw73md {
  color: var(--admin-text-primary);
  background: var(--admin-bg-primary);
  box-shadow: 0 1px 3px var(--admin-shadow-sm);
}

.PUKRiqdrVtZi42__MbvH {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.PUKRiqdrVtZi42__MbvH:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.PUKRiqdrVtZi42__MbvH .bXY9iOXAWg3KG9i69iSt {
  font-size: 18px;
}

/* Preview Container - Simulates Document Manager */
.zPJPN00kOz66UajGIQ9e {
  background: var(--admin-bg-primary);
  border: 1px solid var(--admin-border-light);
  border-radius: 12px;
  overflow: hidden;
}

.SJsujEVqcdZZ_4uVbqTV {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid var(--admin-border-light);
}

.MFndGRvlxcShvnJcsxLs {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.MFndGRvlxcShvnJcsxLs .bXY9iOXAWg3KG9i69iSt {
  font-size: 24px;
  color: var(--admin-accent-primary);
}

.ncRN9HNEiwWGL3HwUIo7 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--admin-text-secondary);
}

.DTkZ9qYCtyG5mHxT_dwe {
  padding: 4px 10px;
  background: var(--admin-status-uploaded-bg);
  color: var(--admin-status-uploaded-text);
  border-radius: 20px;
  font-weight: 500;
}

/* ====================================
   Document Table - Structured Clarity
   ==================================== */

.W8Mkq4sL0qxN18GLSP9u {
  overflow-x: auto;
}

.oJ8Q3DP_v5zIZo3I8e2c {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
}

/* Asymmetric Header with Gradient */
.oJ8Q3DP_v5zIZo3I8e2c thead {
  position: relative;
}

.oJ8Q3DP_v5zIZo3I8e2c thead tr {
  background: linear-gradient(
    135deg,
    var(--admin-table-header-bg) 0%,
    var(--admin-bg-secondary) 100%
  );
}

.oJ8Q3DP_v5zIZo3I8e2c thead::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 3px;
  background: var(--admin-accent-primary);
  border-radius: 0 3px 3px 0;
}

.oJ8Q3DP_v5zIZo3I8e2c th {
  padding: 14px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--admin-table-header-text);
  border-bottom: 1px solid var(--admin-border-light);
  white-space: nowrap;
}

.oJ8Q3DP_v5zIZo3I8e2c th.IPTP0o1ZC3UJRtF2pgfu {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 0.15s ease;
}

.oJ8Q3DP_v5zIZo3I8e2c th.IPTP0o1ZC3UJRtF2pgfu:hover {
  color: var(--admin-accent-primary);
}

.oJ8Q3DP_v5zIZo3I8e2c th .m980TrXONUU2sBqfFls_ {
  margin-left: 4px;
  font-size: 14px;
  vertical-align: middle;
  opacity: 0.5;
}

.oJ8Q3DP_v5zIZo3I8e2c th.dNSYE5AxaxlXdLX2_9tD .m980TrXONUU2sBqfFls_ {
  opacity: 1;
  color: var(--admin-accent-primary);
}

/* Dotted Column Dividers */
.oJ8Q3DP_v5zIZo3I8e2c th:not(:last-child),
.oJ8Q3DP_v5zIZo3I8e2c td:not(:last-child) {
  border-right: 1px dotted var(--admin-border-light);
}

/* Table Body Rows */
.oJ8Q3DP_v5zIZo3I8e2c tbody tr {
  background: var(--admin-bg-primary);
  transition: all 0.15s ease;
  cursor: pointer;
}

.oJ8Q3DP_v5zIZo3I8e2c tbody tr:hover {
  background: var(--admin-table-row-hover);
  box-shadow: 0 2px 8px var(--admin-shadow-sm);
  position: relative;
  z-index: 1;
}

.oJ8Q3DP_v5zIZo3I8e2c td {
  padding: 14px 16px;
  color: var(--admin-text-primary);
  border-bottom: 1px solid var(--admin-border-light);
  vertical-align: middle;
}

/* Column Widths */
.fV5a2Z0ekiK1UTthCkIi {
  width: 40px;
  text-align: center;
}

.bYcM3FQy1q7RkBRKrCnM {
  width: 50px;
  text-align: center;
}

.rKSz7nw8UwS7dJc0VkOg {
  min-width: 220px;
}

.vfFHlZnym_sMj_FECY3z {
  width: 140px;
}

.epeDpLEPgy5P8kz4ajat {
  width: 130px;
}

.i6XM4S_VU_WnMlsa3Gqd {
  width: 160px;
  text-align: right;
}

/* Expand Toggle */
.JawEDTPKD8DfMbTR4zNW {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: var(--admin-text-tertiary);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.JawEDTPKD8DfMbTR4zNW:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.JawEDTPKD8DfMbTR4zNW.YxyYdfX3KGAzXSF8kmoz {
  background: var(--admin-btn-outline-primary-bg);
  color: var(--admin-accent-primary);
  transform: rotate(180deg);
}

.JawEDTPKD8DfMbTR4zNW .bXY9iOXAWg3KG9i69iSt {
  font-size: 20px;
  transition: transform 0.2s ease;
}

/* ====================================
   Status Indicator - Animated Circles
   ==================================== */

.KUE3fu2cBIo8Q_NCf9Cm {
  display: flex;
  align-items: center;
  justify-content: center;
}

.oxeH2OkXdi1kJROzOaOj {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.oxeH2OkXdi1kJROzOaOj .bXY9iOXAWg3KG9i69iSt {
  font-size: 14px;
}

/* Awaiting User - Amber dashed ring with pulse */
.oxeH2OkXdi1kJROzOaOj.VI2xTJalmXNm07qOJfzu {
  border: 2px dashed var(--admin-status-pending-text);
  animation: xtNpKLgpc2UcHcJS4m2c 2s ease-in-out infinite;
}

.oxeH2OkXdi1kJROzOaOj.VI2xTJalmXNm07qOJfzu .bXY9iOXAWg3KG9i69iSt {
  color: var(--admin-status-pending-text);
}

@keyframes xtNpKLgpc2UcHcJS4m2c {
  0%, 100% {
    opacity: 0.7;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}

/* Under Review - Blue ring with soft glow */
.oxeH2OkXdi1kJROzOaOj.TXYWg6L3ovEE_fEdXlTV {
  border: 2px solid var(--admin-status-uploaded-text);
  box-shadow: 0 0 0 3px var(--admin-status-uploaded-bg);
  animation: H2EIhzVxvvEOATKoOfpg 2.5s ease-in-out infinite;
}

.oxeH2OkXdi1kJROzOaOj.TXYWg6L3ovEE_fEdXlTV .bXY9iOXAWg3KG9i69iSt {
  color: var(--admin-status-uploaded-text);
}

@keyframes H2EIhzVxvvEOATKoOfpg {
  0%, 100% {
    box-shadow: 0 0 0 2px var(--admin-status-uploaded-bg);
  }
  50% {
    box-shadow: 0 0 0 5px rgba(59, 130, 246, 0.15);
  }
}

/* Approved - Green filled circle */
.oxeH2OkXdi1kJROzOaOj.mVrVXWXfMW_uroGNmzd3 {
  background: var(--admin-status-approved-text);
  border: none;
}

.oxeH2OkXdi1kJROzOaOj.mVrVXWXfMW_uroGNmzd3 .bXY9iOXAWg3KG9i69iSt {
  color: white;
}

/* Rejected - Red filled circle */
.oxeH2OkXdi1kJROzOaOj.Kox7nG2Q20B9bB0kuq5N {
  background: var(--admin-status-rejected-text);
  border: none;
}

.oxeH2OkXdi1kJROzOaOj.Kox7nG2Q20B9bB0kuq5N .bXY9iOXAWg3KG9i69iSt {
  color: white;
}

/* ====================================
   Document Cell Content
   ==================================== */

.JAHs5Jy8Pb65mgfi_T6g {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.kpQTZ_fcPsnkg9GKv0l7 {
  font-weight: 500;
  color: var(--admin-text-primary);
  margin: 0;
}

.fe6_B61vgjUFDBQOesKQ {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-tertiary);
  background: var(--admin-bg-secondary);
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
}

.fe6_B61vgjUFDBQOesKQ .bXY9iOXAWg3KG9i69iSt {
  font-size: 12px;
}

/* Uploaded Time */
.Y8wicZyT3J2UaM5wwrQQ {
  color: var(--admin-text-secondary);
  font-size: 13px;
}

.Y8wicZyT3J2UaM5wwrQQ.IXKAofA9a0Rl2KyZWGLj {
  color: var(--admin-text-tertiary);
  font-style: italic;
}

/* Analysis Status Badge */
.QG5jN8AR9WvjaBFomT3n {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 20px;
  white-space: nowrap;
}

.QG5jN8AR9WvjaBFomT3n .bXY9iOXAWg3KG9i69iSt {
  font-size: 14px;
}

.QG5jN8AR9WvjaBFomT3n.kHtlvc1L3Mmakf0pbY0Z {
  background: var(--admin-status-approved-bg);
  color: var(--admin-status-approved-text);
}

.QG5jN8AR9WvjaBFomT3n.BjmaflL7GpnWdPJIDDI_ {
  background: var(--admin-status-pending-bg);
  color: var(--admin-status-pending-text);
}

.QG5jN8AR9WvjaBFomT3n.YFYmqht0IFxX2FGRy6Hh {
  background: var(--admin-status-uploaded-bg);
  color: var(--admin-status-uploaded-text);
}

.QG5jN8AR9WvjaBFomT3n.p6wh9Mg6NGYQ7Q_ujHcV {
  background: var(--admin-status-rejected-bg);
  color: var(--admin-status-rejected-text);
}

.QG5jN8AR9WvjaBFomT3n.DgIkm5yINFBtXDrSBAMw {
  background: var(--admin-bg-secondary);
  color: var(--admin-text-tertiary);
}

@keyframes vdkrAP8U2Orzmv_ZD8mT {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.QG5jN8AR9WvjaBFomT3n.YFYmqht0IFxX2FGRy6Hh .bXY9iOXAWg3KG9i69iSt {
  animation: vdkrAP8U2Orzmv_ZD8mT 1.5s linear infinite;
}

/* ====================================
   Actions Column
   ==================================== */

.aPx2t7RUKwfpRb8ojuPk {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.P3IqC84FUEPQAcXePzKe {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.P3IqC84FUEPQAcXePzKe .bXY9iOXAWg3KG9i69iSt {
  font-size: 16px;
}

.P3IqC84FUEPQAcXePzKe.SyCKYhtR1BXiMh3Dpueg {
  background: var(--admin-btn-outline-secondary-bg);
  color: var(--admin-text-secondary);
  border: 1px solid var(--admin-border-light);
}

.P3IqC84FUEPQAcXePzKe.SyCKYhtR1BXiMh3Dpueg:hover {
  background: var(--admin-btn-outline-secondary-bg-hover);
  color: var(--admin-text-primary);
}

.P3IqC84FUEPQAcXePzKe.Orc5PnkGZCDQI0tNuaIv {
  background: var(--admin-btn-outline-success-bg);
  color: var(--admin-btn-outline-success-text);
  border: 1px solid var(--admin-btn-outline-success-border);
}

.P3IqC84FUEPQAcXePzKe.Orc5PnkGZCDQI0tNuaIv:hover {
  background: var(--admin-btn-outline-success-bg-hover);
}

.P3IqC84FUEPQAcXePzKe.NVLZ3W9o7j3OOGSycA5u {
  background: var(--admin-status-rejected-bg);
  color: var(--admin-status-rejected-text);
  border: 1px solid var(--admin-status-rejected-border);
}

.P3IqC84FUEPQAcXePzKe.NVLZ3W9o7j3OOGSycA5u:hover {
  background: rgba(239, 68, 68, 0.15);
}

.P3IqC84FUEPQAcXePzKe.DSAWzJAJW8M0q8auLJgA {
  background: var(--admin-btn-outline-primary-bg);
  color: var(--admin-btn-outline-primary-text);
  border: 1px solid var(--admin-btn-outline-primary-border);
}

.P3IqC84FUEPQAcXePzKe.DSAWzJAJW8M0q8auLJgA:hover {
  background: var(--admin-btn-outline-primary-bg-hover);
}

.PRLENqpocI5bI3ovO9Pw {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: var(--admin-text-tertiary);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.PRLENqpocI5bI3ovO9Pw:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

/* ====================================
   Expanded Row - AI Analysis Panel
   ==================================== */

.eukQD2X0vGHyoW9HSFAB {
  background: var(--admin-bg-secondary);
}

.eukQD2X0vGHyoW9HSFAB td {
  padding: 0;
  border-bottom: 2px solid var(--admin-accent-primary);
}

.vTJNi4_C2G0AUetspNSU {
  padding: 20px 24px;
  animation: _wo7y3bjMqq8kytet3nT 0.2s ease-out;
}

@keyframes _wo7y3bjMqq8kytet3nT {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.G7ew7W25KOPoRDH2tyvU {
  background: var(--admin-bg-primary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  padding: 16px;
}

.ehyOtukEqlMN3MBJAb4z {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--admin-border-light);
}

.ehyOtukEqlMN3MBJAb4z .bXY9iOXAWg3KG9i69iSt {
  font-size: 20px;
  color: var(--admin-accent-primary);
}

.ehyOtukEqlMN3MBJAb4z h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.J169XO0pZ3EONccxg3xb {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

.FDHDWjTiHAvAfdyThAMS {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.nThKLnS6eX1p4SgmVqnr {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--admin-text-tertiary);
}

.y5POVR4iqB2W2QAXKAXK {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
}

.y5POVR4iqB2W2QAXKAXK.NY1KNrXfBmhQhhlzRWHE {
  color: var(--admin-status-approved-text);
}

.y5POVR4iqB2W2QAXKAXK.q0VkSpLDa9DujGpjU29Q {
  color: var(--admin-status-pending-text);
}

.y5POVR4iqB2W2QAXKAXK.irD8SQpMGlHosn9y3rpr {
  color: var(--admin-status-rejected-text);
}

/* ====================================
   Variant B: Grouped by Status
   ==================================== */

.GhX_DTsuO27KtQv3W47h {
  margin-bottom: 24px;
}

.GhX_DTsuO27KtQv3W47h:last-child {
  margin-bottom: 0;
}

.b9N7zT3I46y59GKh0y7d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  transition: all 0.15s ease;
}

.b9N7zT3I46y59GKh0y7d:hover {
  background: var(--admin-bg-hover);
}

.b9N7zT3I46y59GKh0y7d.U9edfxzpOSlZO5mk6Ivp {
  border-radius: 8px;
}

.YOtXcPY6wpxyR6xKre2V {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mfLL_LtAliyvWR54Mewg {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.mfLL_LtAliyvWR54Mewg.VI2xTJalmXNm07qOJfzu {
  background: var(--admin-status-pending-text);
}

.mfLL_LtAliyvWR54Mewg.TXYWg6L3ovEE_fEdXlTV {
  background: var(--admin-status-uploaded-text);
}

.mfLL_LtAliyvWR54Mewg.mVrVXWXfMW_uroGNmzd3 {
  background: var(--admin-status-approved-text);
}

.mfLL_LtAliyvWR54Mewg.Kox7nG2Q20B9bB0kuq5N {
  background: var(--admin-status-rejected-text);
}

.ZqM1WadSkGbKdX1RPvRV {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.Iu33TH7f75DKfwja3Vd8 {
  font-size: 12px;
  color: var(--admin-text-secondary);
  background: var(--admin-bg-primary);
  padding: 2px 8px;
  border-radius: 12px;
}

.ne_8YvU3GveesuxDxoJ3 {
  color: var(--admin-text-tertiary);
  transition: transform 0.2s ease;
}

.b9N7zT3I46y59GKh0y7d.U9edfxzpOSlZO5mk6Ivp .ne_8YvU3GveesuxDxoJ3 {
  transform: rotate(-90deg);
}

.OLVl3v8GuqcQ6nDN7uQj {
  border: 1px solid var(--admin-border-light);
  border-top: none;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}

/* Grouped table has no header (status shown in group header) */
.q3Xs_qBCvDKLt3eiDvP3 {
  width: 100%;
  border-collapse: collapse;
}

.q3Xs_qBCvDKLt3eiDvP3 td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--admin-border-light);
  vertical-align: middle;
}

.q3Xs_qBCvDKLt3eiDvP3 tbody tr:last-child td {
  border-bottom: none;
}

.q3Xs_qBCvDKLt3eiDvP3 tbody tr {
  background: var(--admin-bg-primary);
  transition: all 0.15s ease;
  cursor: pointer;
}

.q3Xs_qBCvDKLt3eiDvP3 tbody tr:hover {
  background: var(--admin-table-row-hover);
}

/* ====================================
   Empty State
   ==================================== */

.sDgEkeE8xmzRNVvvjxBu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
}

.sDgEkeE8xmzRNVvvjxBu .bXY9iOXAWg3KG9i69iSt {
  font-size: 48px;
  color: var(--admin-text-tertiary);
  margin-bottom: 16px;
}

.sDgEkeE8xmzRNVvvjxBu p {
  color: var(--admin-text-secondary);
  margin: 0;
}

/* ====================================
   Design Notes Section
   ==================================== */

.hKVBlo5ZT0UM913JRRRo {
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 12px;
  padding: 24px;
}

.hKVBlo5ZT0UM913JRRRo h3 {
  margin: 0 0 16px 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  display: flex;
  align-items: center;
  gap: 8px;
}

.hKVBlo5ZT0UM913JRRRo h3 .bXY9iOXAWg3KG9i69iSt {
  color: var(--admin-accent-primary);
}

._nlMUnjQdSVuiWpYGu23 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._0bT_sogaqxTSbVUT8IN {
  display: flex;
  gap: 12px;
  padding: 12px;
  background: var(--admin-bg-primary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
}

._0bT_sogaqxTSbVUT8IN .bXY9iOXAWg3KG9i69iSt {
  font-size: 20px;
  color: var(--admin-accent-primary);
  flex-shrink: 0;
}

.dj03_NS5XuzboO9KIubR {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.Rb76RBv3PKd4sIRgRsAy {
  font-weight: 600;
  font-size: 13px;
  color: var(--admin-text-primary);
}

.ZkTdy48xfMzE9ICG1FHP {
  font-size: 12px;
  color: var(--admin-text-secondary);
  line-height: 1.4;
}

/* ====================================
   Responsive
   ==================================== */

@media (max-width: 900px) {
  .vajxDWeDonpG2Cx78bw0 {
    flex-direction: column;
    align-items: stretch;
  }

  .PUKRiqdrVtZi42__MbvH {
    margin-left: 0;
  }

  .aPx2t7RUKwfpRb8ojuPk {
    flex-wrap: wrap;
  }

  .P3IqC84FUEPQAcXePzKe span:not(.bXY9iOXAWg3KG9i69iSt) {
    display: none;
  }

  .P3IqC84FUEPQAcXePzKe {
    padding: 6px;
  }
}

:root {
  --preview-bg: #f8fafc;
  --card-bg: #ffffff;
  --card-border: #e2e8f0;
  --text-primary: #0f172a;
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --accent-blue: #3b82f6;
  --accent-green: #10b981;
  --accent-amber: #f59e0b;
  --accent-red: #ef4444;
}

.L7VAnU8PDf03jjphSjEj {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Problem Callout */
.ibt7_N8i2UXw8vZv06Ic {
  padding: 20px 28px;
  background: rgba(239, 68, 68, 0.06);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 12px;
}

.ibt7_N8i2UXw8vZv06Ic h3 {
  color: #dc2626;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ibt7_N8i2UXw8vZv06Ic h3 .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 18px;
}

.ibt7_N8i2UXw8vZv06Ic ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 6px 24px;
  padding: 0;
  margin: 0;
}

.ibt7_N8i2UXw8vZv06Ic li {
  color: #b91c1c;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ibt7_N8i2UXw8vZv06Ic li::before {
  content: '\00D7';
  color: #ef4444;
  font-weight: 700;
  font-size: 16px;
}

/* Variant Picker */
.OBmsI9LTjHf8R0kdpuVb {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.c5KeH7dvhva6IS1ycc73 {
  position: relative;
  padding: 10px 20px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.c5KeH7dvhva6IS1ycc73:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.c5KeH7dvhva6IS1ycc73.n1YLeN35S4rIpTs6EAwl {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
  color: white;
}

.I6557fK8qOw0R2wKG8O1 {
  position: absolute;
  top: -8px;
  right: -8px;
  padding: 2px 8px;
  background: var(--accent-green);
  color: white;
  font-size: 10px;
  font-weight: 600;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Variant Card */
.FKR3rAFxcowck1BquWkl {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--card-border);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.WZRHIXNu38X0bFDxvu9V {
  padding: 20px 28px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(16, 185, 129, 0.04));
  border-bottom: 1px solid var(--card-border);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}

.ChnW3Okr7gGTjnmbEUGE {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.vzwFdyjPYEhQJhaOqGQ7 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 16px;
  font-size: 10px;
  font-weight: 600;
  color: #3b82f6;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: -moz-fit-content;
  width: fit-content;
}

.vzwFdyjPYEhQJhaOqGQ7 .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 14px;
}

.vzwFdyjPYEhQJhaOqGQ7.ao4Tzxxrfk83MV6yTmv0 {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.3);
  color: #059669;
}

.J9d8DbN7tS0TWTG2kete {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

.QTySJafYEtUdRPp1ec98 {
  font-size: 14px;
  color: var(--text-secondary);
  max-width: 500px;
  margin: 0;
}

.XX0jlX8kFriFXSPiyDjI {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.vZ8KQBsCBk7rgEiARfmm {
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  color: var(--text-secondary);
}

.vZ8KQBsCBk7rgEiARfmm.mFIovhshUCtuvT5KWjAA {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.4);
  color: #b45309;
}

.p8IPOa2mnmebgS6LbyKR {
  padding: 28px;
  background: var(--preview-bg);
  min-height: 400px;
}

/* ============================================ */
/* VARIANT 1: COMMAND CENTER */
/* ============================================ */
.eLB89Rr8zwCSpjhQ4Ysr {
  max-width: 1200px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
}

.t6tkdLRMImUH5iCQ0_bi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--card-border);
}

.Gf77Y8WOoIOCcikTBZ8s {
  display: flex;
  align-items: center;
  gap: 16px;
}

.eqwJ7IxM3SHZ5Xek89Xj {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}

.MGCi25oVF0as0al6WjjV {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: linear-gradient(135deg, #dcfce7, #d1fae5);
  border: 1px solid #86efac;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #166534;
}

.MGCi25oVF0as0al6WjjV .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 16px;
}

.llfLrOOWO8Zv4nXUajTW {
  display: flex;
  gap: 8px;
}

.SLkmrYXnq3wsUwcvboxh {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
}

.SLkmrYXnq3wsUwcvboxh:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.SLkmrYXnq3wsUwcvboxh .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 18px;
}

/* Progress Bar */
.tT6Nso9LVsg_EaLCdqzv {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 24px;
  padding: 12px 16px;
  background: var(--card-bg);
  border-radius: 10px;
  border: 1px solid var(--card-border);
}

.tvvqbZ6W7atjXXkXriEO {
  flex: 1;
  height: 6px;
  background: #e2e8f0;
  border-radius: 3px;
}

.tvvqbZ6W7atjXXkXriEO.yv7baA8cEhrLWli_KMoC {
  background: linear-gradient(90deg, #3b82f6, #60a5fa);
}

.tvvqbZ6W7atjXXkXriEO._8A96oJQS6Zpq_AdI2vI {
  background: linear-gradient(90deg, #fbbf24, #fcd34d);
}

.KXRhDWTg2km_ZR43n4cY {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  margin-left: 12px;
  white-space: nowrap;
}

/* Main Dashboard Grid */
.tlUx_K0d0S7Y9dnNh0FD {
  display: grid;
  grid-template-columns: 280px 1fr 260px;
  gap: 20px;
}

/* Loan Terms */
.wojdH34qyNTXTdwyAzSp {
  background: var(--card-bg);
  border-radius: 12px;
  border: 1px solid var(--card-border);
  overflow: hidden;
}

.nPNCEs_Ky_DFzk9LAg_h {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: linear-gradient(135deg, #1e3a5f, #2c5282);
  color: white;
}

.nPNCEs_Ky_DFzk9LAg_h .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 20px;
  opacity: 0.9;
}

.nPNCEs_Ky_DFzk9LAg_h span {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.rZj2eli1dUeVfoE_jSWZ {
  padding: 16px;
}

._nyJ8JLb9GCFqA8fOBE1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
}

._nyJ8JLb9GCFqA8fOBE1:last-child {
  border-bottom: none;
}

.oZCTqix_heC6dtcdHp1m {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
}

.uBQkJAII6WFNbdB1zjJR {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

.uBQkJAII6WFNbdB1zjJR.mFIovhshUCtuvT5KWjAA {
  color: var(--accent-blue);
}

/* Financial Grid */
.XxQ2P8ivrObz77IQge3J {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 16px;
}

.wO956L9Ba_ZyXMxdoHaa {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.TDtbp0x0_5JsDBHHHSf2 {
  background: var(--card-bg);
  border-radius: 12px;
  border: 1px solid var(--card-border);
  padding: 16px;
  text-align: center;
  transition: all 0.2s ease;
}

.TDtbp0x0_5JsDBHHHSf2:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.TDtbp0x0_5JsDBHHHSf2.E9Gc8ioAQIxIzMOwqZ_Q {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border-color: #3b82f6;
}

.TDtbp0x0_5JsDBHHHSf2.E9Gc8ioAQIxIzMOwqZ_Q .jvHoPis4hcN4yLdH8lDM,
.TDtbp0x0_5JsDBHHHSf2.E9Gc8ioAQIxIzMOwqZ_Q .e9dhpgEuU1j0RfbYCKPY,
.TDtbp0x0_5JsDBHHHSf2.E9Gc8ioAQIxIzMOwqZ_Q .xaDaKSWcIHtla1obBPuK {
  color: white;
}

.jvHoPis4hcN4yLdH8lDM {
  font-size: 10px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.e9dhpgEuU1j0RfbYCKPY {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 4px;
  font-family: 'JetBrains Mono', monospace;
}

.xaDaKSWcIHtla1obBPuK {
  font-size: 11px;
  color: var(--text-muted);
}

/* Financial Health Section */
.PLEpmJMKP6hmzMkz3Rs2 {
  background: var(--card-bg);
  border-radius: 12px;
  border: 1px solid var(--card-border);
  overflow: hidden;
}

.VMZ26euSrfAPmfiSsn6p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #f8fafc;
  border-bottom: 1px solid var(--card-border);
}

.gn6Ui2b5haVOYEYsBGuu {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}

.gn6Ui2b5haVOYEYsBGuu .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 18px;
  color: var(--accent-blue);
}

.Y5sk695w35iCVuOOJgCc {
  padding: 6px 12px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-primary);
  font-family: inherit;
}

.w57ERwxnnFtyxE_pq1JY {
  padding: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.iw2nNCVHYHFyzCeYs6Jw {
  padding: 14px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
}

.iw2nNCVHYHFyzCeYs6Jw.kZSBSJt5VxiCbvOPWKSd {
  background: linear-gradient(135deg, #f0fdf4, #dcfce7);
  border-color: #86efac;
}

.iw2nNCVHYHFyzCeYs6Jw.IL1zkeoE4LhT_WWDtq3a {
  background: linear-gradient(135deg, #fffbeb, #fef3c7);
  border-color: #fcd34d;
}

.iw2nNCVHYHFyzCeYs6Jw.Djrjgm2VOkJcVSuvRw68 {
  background: linear-gradient(135deg, #fef2f2, #fee2e2);
  border-color: #fca5a5;
}

.ZrtOGhyXuhyYdlHYPkKK {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.G685GdDCbTtaHFKYzlzB {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.JCMbjsol3SZ2jS3N0eNh {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 10px;
}

.JCMbjsol3SZ2jS3N0eNh.kZSBSJt5VxiCbvOPWKSd {
  background: #dcfce7;
  color: #166534;
}

.JCMbjsol3SZ2jS3N0eNh.IL1zkeoE4LhT_WWDtq3a {
  background: #fef3c7;
  color: #92400e;
}

.J9s8QvtirrhJ9EPJWWgx {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.MuzKc57fkVRP_40uoQNR {
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 4px;
}

/* Qualification Section */
.bpUS7Id7BmEJeBpwlibA {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.qTCcrNcepyjJd5U2zlLA {
  background: var(--card-bg);
  border-radius: 12px;
  border: 1px solid var(--card-border);
  overflow: hidden;
}

._dZqYOWpz0OztFfdlKal {
  padding: 14px 16px;
  background: linear-gradient(135deg, #065f46, #047857);
  color: white;
  display: flex;
  align-items: center;
  gap: 10px;
}

._dZqYOWpz0OztFfdlKal .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 20px;
}

._dZqYOWpz0OztFfdlKal span {
  font-size: 13px;
  font-weight: 600;
}

.TZHkzqYTecnQol4s1aiq {
  padding: 16px;
}

.k0EJ8vfhwbV2TeL72xNC {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
}

.k0EJ8vfhwbV2TeL72xNC:last-child {
  border-bottom: none;
}

.xG4oP4P6lrisjVeZlaf4 {
  font-size: 11px;
  font-weight: 500;
  color: var(--text-secondary);
}

.tiIGY1PSKGsK8c0118YZ {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.ACCJktxJae2HK876ctqt {
  background: var(--card-bg);
  border-radius: 12px;
  border: 1px solid var(--card-border);
  padding: 16px;
}

.ZVoqeF2fR9m3Ks1hxLuR {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}

.ZVoqeF2fR9m3Ks1hxLuR .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 18px;
  color: var(--accent-blue);
}

.wqerrrdpFkULW8uiL4HN {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
}

.wqerrrdpFkULW8uiL4HN:last-child {
  border-bottom: none;
}

.Erz_Yp7udYeL3Sr9nqNs {
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #e0e7ff, #c7d2fe);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #4338ca;
}

.R4sA3iMZrIeoQ4Q0rzr5 {
  flex: 1;
}

.hUsUtj8KSluygY8bwQVa {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}

.kLH4j9m8lpgK11aaqj1I {
  font-size: 11px;
  color: var(--text-muted);
}

/* ============================================ */
/* VARIANT 2: EXECUTIVE SUMMARY */
/* ============================================ */
.MO1DA5yMZWdCYGxpD5Kg {
  max-width: 900px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
}

.dA679wx1hvCFKWacl7ty {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  border-radius: 20px;
  padding: 32px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

.dA679wx1hvCFKWacl7ty::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
  pointer-events: none;
}

.cbbjn_8FqPCS3HDiksxK {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
  position: relative;
  z-index: 1;
}

.tk_XFQj6l0wbMv5NVTtZ {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.yOI3eo0mXqms1r4fCZYK {
  font-size: 28px;
  font-weight: 700;
  color: white;
  font-family: 'Fraunces', Georgia, serif;
  margin: 0;
}

.yxbF5f0dwqXPRwzYOj4F {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 24px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  width: -moz-fit-content;
  width: fit-content;
}

.yxbF5f0dwqXPRwzYOj4F .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 18px;
}

.HLw_hHTAUAeeh2YpEU65 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 24px;
  color: #6ee7b7;
  font-size: 13px;
  font-weight: 600;
}

.HLw_hHTAUAeeh2YpEU65 .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 18px;
}

.dcv0xTzwVFjGHI_YFS_8 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
  z-index: 1;
}

.jY31NraD4R0lUkB1gGku {
  text-align: center;
}

.rVa0Uy4V7DR3Py0li6p8 {
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

.od82CsL_vya7eQzV69j7 {
  font-size: 32px;
  font-weight: 700;
  color: white;
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: -0.02em;
}

.qBvrfUBHfmSzAjydk_r2 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 4px;
}

/* Accordion */
.E0W57U0q9rDyr_f8frCr {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.von6ByespKogoxjSr9_g {
  background: var(--card-bg);
  border-radius: 14px;
  border: 1px solid var(--card-border);
  overflow: hidden;
}

.oAcEu4Q26fHoXvSMtDwF {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 24px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.oAcEu4Q26fHoXvSMtDwF:hover {
  background: #f8fafc;
}

.FLgfyWQ4VfscOcSJsNa0 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
}

.FLgfyWQ4VfscOcSJsNa0 .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 22px;
  color: var(--accent-blue);
}

.r8AYn5zwDLei_jkI1t4O {
  display: flex;
  align-items: center;
  gap: 16px;
}

.p51ARIJgj729SdrKmS9m {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--text-secondary);
}

.I7uUlxBdtmsyVHgoCsHS {
  font-weight: 600;
  color: var(--text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.tx6QB8Gn4TFjl85NIZFJ {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  border-radius: 6px;
  color: var(--text-secondary);
  transition: transform 0.2s ease;
}

.von6ByespKogoxjSr9_g.v6cqWsHoVCC2c0pDk64G .tx6QB8Gn4TFjl85NIZFJ {
  transform: rotate(180deg);
}

.mQtKl0FepbbqvbXuy3bq {
  padding: 0 24px 24px;
}

.PbEZ3G6ncFz_uCy93Zkf {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--card-border);
}

.R806KC6f7HgYBOsX6CtA {
  padding: 14px;
  background: #f8fafc;
  border-radius: 10px;
}

.X5elfJYwRGSTzHx_Rhs4 {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 6px;
}

.eR_br7fjA1qOOFeB6h5Z {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
  font-family: 'JetBrains Mono', monospace;
}

/* DTI Visual */
.AmJo2XtYAU4Hb0PNkZ7g {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 16px;
  background: linear-gradient(135deg, #f0fdf4, #dcfce7);
  border: 1px solid #86efac;
  border-radius: 12px;
  margin-bottom: 16px;
}

.LQfKSrQLSB5ukr8SygvI {
  width: 80px;
  height: 80px;
  position: relative;
  flex-shrink: 0;
}

.LQfKSrQLSB5ukr8SygvI svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.LQfKSrQLSB5ukr8SygvI circle {
  fill: none;
  stroke-width: 8;
}

.LQfKSrQLSB5ukr8SygvI .hv6jBymHrN3lAMy6bhtu {
  stroke: #d1fae5;
}

.LQfKSrQLSB5ukr8SygvI .Y8FSOq8lFSzqfOG_I2Ib {
  stroke: #10b981;
  stroke-linecap: round;
  stroke-dasharray: 201;
  stroke-dashoffset: 60;
}

.jSqt3Q8sDJFuQzCGy5MX {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: 700;
  color: #166534;
  font-family: 'JetBrains Mono', monospace;
}

.mZyUtF7dT0LvnlzSeI6T {
  flex: 1;
}

.rePcuL7TbexMU_ae_4GZ {
  font-size: 14px;
  font-weight: 600;
  color: #166534;
  margin-bottom: 4px;
}

.jNvxYMEBk5TkcKBKPAKg {
  font-size: 12px;
  color: #15803d;
}

.BmcJEEOE7AkLsgiZYJXQ {
  text-align: right;
}

.O3apIQRUhbD92ogG9eNv {
  font-size: 10px;
  font-weight: 600;
  color: #166534;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.GOhVNfXAqBaMANCiDGGw {
  font-size: 24px;
  font-weight: 700;
  color: #166534;
  font-family: 'JetBrains Mono', monospace;
}

/* ============================================ */
/* VARIANT 3: SPLIT FOCUS */
/* ============================================ */
.Unl0_cn2HC_qIZOny2dX {
  max-width: 1200px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
}

.PZ2pfqSQ2VZIq9R830hA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.U2MpNpTtctIoHMjXZrWo {
  display: flex;
  align-items: center;
  gap: 20px;
}

.nrslD2epLt6mnNeSlfdN {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}

.FBl4FNhLp3njaJdvHnD1 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 14px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 20px;
}

.vwwp1zhmwadbzVYajUZ3 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e2e8f0;
}

.vwwp1zhmwadbzVYajUZ3.yv7baA8cEhrLWli_KMoC {
  background: var(--accent-blue);
}

.vwwp1zhmwadbzVYajUZ3._8A96oJQS6Zpq_AdI2vI {
  background: var(--accent-amber);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
}

.nsKd1Jsz473hfEAQJW_a {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  margin-left: 8px;
}

.OCWvgbKBArEChOXg7zdJ {
  display: flex;
  gap: 8px;
}

.nd8sXp0f0IWklfkaLthU {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}

.nd8sXp0f0IWklfkaLthU:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.nd8sXp0f0IWklfkaLthU.E9Gc8ioAQIxIzMOwqZ_Q {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
  color: white;
}

.nd8sXp0f0IWklfkaLthU .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 18px;
}

/* Split Layout */
.vI3rSqYQuoemSS9_BYr7 {
  display: grid;
  grid-template-columns: 1fr 140px 1fr;
  gap: 0;
  background: var(--card-bg);
  border-radius: 20px;
  border: 1px solid var(--card-border);
  overflow: hidden;
}

.SnnUHGkaN0NFZRMW5RyX {
  padding: 24px;
  background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%);
  border-right: 1px solid var(--card-border);
}

.s9ZczfD97kwm0cJUHmux {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--card-border);
}

.bGzCnVIxI0AuY8KkW1da {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #10b981, #059669);
  border-radius: 10px;
  color: white;
}

.bGzCnVIxI0AuY8KkW1da.Dj4jU423wwFZhAY5dJ8n {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
}

.bGzCnVIxI0AuY8KkW1da .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 20px;
}

.asmcu29dzkmeqqE6eVVi {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
}

.k6Wsw6y0ykRiTo5URPXI {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.lYcHJSi3Xe9DQ3_qkrHZ {
  padding: 16px;
  background: var(--card-bg);
  border-radius: 12px;
  border: 1px solid var(--card-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fVfIFW1v6boWB62WqHP_ {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.grCDcn3WYoTu6FD20qdK {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.CZqhh4ZcAN5yQ243dNT4 {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.RU9ERcJf5aTshYvGCenQ {
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
}

.RU9ERcJf5aTshYvGCenQ.PB5wlDsUldCSzhzjrQJg {
  background: #dcfce7;
  color: #166534;
}

.RU9ERcJf5aTshYvGCenQ.wMy_yibL44HcckwFSDfy {
  background: #fef3c7;
  color: #92400e;
}

/* Bridge */
.PCaXNl1sG7paGh9ZruF1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  background: linear-gradient(180deg, #1e3a5f, #2c5282);
  position: relative;
}

.PCaXNl1sG7paGh9ZruF1::before,
.PCaXNl1sG7paGh9ZruF1::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%);
}

.PCaXNl1sG7paGh9ZruF1::before {
  top: 30%;
}

.PCaXNl1sG7paGh9ZruF1::after {
  bottom: 30%;
}

.Xp_unl0YQ7bbztPhF_bl {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #10b981, #059669);
  border-radius: 50%;
  color: white;
  margin-bottom: 12px;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.2);
}

.Xp_unl0YQ7bbztPhF_bl .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 28px;
}

.kqq3PcOUrw8GIDvR08Bv {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 4px;
}

.j_k9c5gMDKup_hAp5FZg {
  font-size: 14px;
  font-weight: 700;
  color: white;
  text-align: center;
}

.kCVotuq81rkjcGgpvYyi {
  margin-top: 20px;
  text-align: center;
}

.K3p2pnlYXHohhtGuuYQF {
  font-size: 28px;
  font-weight: 700;
  color: #6ee7b7;
  font-family: 'JetBrains Mono', monospace;
}

.BD_4q0_a4jvpA1EVht6B {
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Right Panel */
.TkRLqUTX6Dp7Dxv98gyq {
  padding: 24px;
  background: linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);
  border-left: 1px solid var(--card-border);
}

.vC3BWCu4lxoxoK93yoiu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed var(--card-border);
}

.wtPBJFrH2UjTO9PDllTH {
  padding: 12px;
  background: #f8fafc;
  border-radius: 8px;
}

.n3gBEw5h522XffoeOPr6 {
  font-size: 10px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 4px;
}

.BemlWSv8q8gKrpJQCTm_ {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
}

/* Footer */
.ucOSWgJowvtaGImqZThi {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.H8G_fp_7JlLP97QPhwyH {
  display: flex;
  gap: 8px;
}

.Yxp08aAq4Bc1SKgf9bpj {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
}

.Yxp08aAq4Bc1SKgf9bpj .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 16px;
}

.h_0t7HjOKyfmppNr7DTq {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: transparent;
  border: 1px solid #fee2e2;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #ef4444;
  cursor: pointer;
  font-family: inherit;
}

.h_0t7HjOKyfmppNr7DTq .yyYdzalmpi5Ou5ZQmxBC {
  font-size: 16px;
}

/* Responsive */
@media (max-width: 1200px) {
  .tlUx_K0d0S7Y9dnNh0FD {
    grid-template-columns: 1fr;
  }

  .vI3rSqYQuoemSS9_BYr7 {
    grid-template-columns: 1fr;
  }

  .PCaXNl1sG7paGh9ZruF1 {
    flex-direction: row;
    justify-content: space-around;
    padding: 16px 24px;
  }
}

@media (max-width: 768px) {
  .wO956L9Ba_ZyXMxdoHaa {
    grid-template-columns: repeat(2, 1fr);
  }

  .dcv0xTzwVFjGHI_YFS_8 {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .PbEZ3G6ncFz_uCy93Zkf {
    grid-template-columns: 1fr 1fr;
  }
}

:root {
  --admin-card-bg: #ffffff;
  --admin-bg-secondary: #f8fafc;
  --admin-bg-hover: #f1f5f9;
  --admin-text-primary: #1e293b;
  --admin-text-secondary: #64748b;
  --admin-border-light: #e2e8f0;
  --admin-border-medium: #cbd5e1;
}

._pgMDNZTBWlD9bCJJmAO {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Variant Picker */
.FHoAkVKSutZ0dvhKJayQ {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

._35iahKs6gfbeDetNqUk {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  background: white;
  border: 1px solid var(--admin-border-light);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

._35iahKs6gfbeDetNqUk:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

._35iahKs6gfbeDetNqUk.UAgGQLxyvNPMfctvHUTu {
  background: #eff6ff;
  border-color: #3b82f6;
  color: var(--admin-text-primary);
}

/* Badges */
.S0ySaG3qahQ9NgCMIpR5 {
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.S0ySaG3qahQ9NgCMIpR5.tl4sWLXvFkCXYgueANKn {
  background: rgba(239, 68, 68, 0.15);
  color: #dc2626;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

.S0ySaG3qahQ9NgCMIpR5.BCnWv4QnoZOVm5cSof4u {
  background: rgba(34, 197, 94, 0.15);
  color: #16a34a;
  border: 1px solid rgba(34, 197, 94, 0.3);
}

/* Design Card */
.J9EuKOhdfRAnwY7lgn4b {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--admin-border-light);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.V1a7O33JMEcgb54tz0lF {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 24px;
  background: #f8fafc;
  border-bottom: 1px solid var(--admin-border-light);
}

.V1a7O33JMEcgb54tz0lF h2 {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  margin-right: auto;
  color: var(--admin-text-primary);
}

.zoMK7_7MK1AEiFYMnqoJ {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.iBLYB1uKUWWeZEOYtnHT {
  font-size: 11px;
  padding: 4px 8px;
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
  border-radius: 4px;
  font-weight: 500;
}

.E51d_XKbQlGyrNMh5_gc {
  padding: 24px;
  background: #f1f5f9;
}

/* Header Toggle */
.lFM8reqhESUNOQXWLuBm {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.LUUfInsOsJpG1BzD_mcK {
  font-size: 12px;
  color: var(--admin-text-secondary);
  font-weight: 500;
}

._J_rtS1FFfbZmMrxWwmg {
  padding: 6px 14px;
  border: 1px solid var(--admin-border-medium);
  background: white;
  color: var(--admin-text-secondary);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

._J_rtS1FFfbZmMrxWwmg:first-of-type {
  border-radius: 6px 0 0 6px;
  border-right: none;
}

._J_rtS1FFfbZmMrxWwmg:last-of-type {
  border-radius: 0 6px 6px 0;
}

._J_rtS1FFfbZmMrxWwmg:hover {
  background: rgba(59, 130, 246, 0.1);
  border-color: #3b82f6;
  color: #3b82f6;
}

._J_rtS1FFfbZmMrxWwmg.UAgGQLxyvNPMfctvHUTu {
  background: #3b82f6;
  border-color: #3b82f6;
  color: white;
}

/* ============================================ */
/* OLD DESIGN STYLES */
/* ============================================ */
.Gbzk4UNxkRC2k1WdTc5Q {
  background: var(--admin-card-bg);
  border-radius: 12px;
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
}

.fFStClVQMmKlZUsVOow4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid var(--admin-border-light);
}

.J0dJ4fUq_8vFrFq6G19C {
  display: flex;
  align-items: center;
  gap: 8px;
}

.WrNSpFrg9bYD2YJse1uw {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: transparent;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  font-family: inherit;
}

.WrNSpFrg9bYD2YJse1uw:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.WrNSpFrg9bYD2YJse1uw .jxH4VCeTtAGEJygrgFYq {
  font-size: 14px;
}

.aAmMkhpLZumhcJfJZnnG {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
}

.SizsDtAvIEepMgB1oEoU {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.EtGrqEYm3SyDfiyg_X2o {
  padding: 16px;
}

.VUAm_IKTJIELUhPdnOUT {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 14px;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  resize: vertical;
  min-height: 50px;
  font-family: inherit;
  margin-bottom: 12px;
}

.EZJx2mxG0g86MKmaTshN {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.jL_ZJ_NhguOgbg8t_aKG {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.NoIRNe9T7v02zTej3flj {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.zkBRtszeU9aXeHLqJOiA,
.dPix2gjePgbykdB9KXPk {
  padding: 8px 12px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 14px;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  font-family: inherit;
}

.opzDWp9akDVvcDPP4kgJ {
  margin-bottom: 12px;
  padding: 12px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
}

.mfm1lsC2pxttpqbiDgOe {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
  cursor: pointer;
}

.px8tYAPgjtrGAw4S_zn9 {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  border-radius: 8px;
  padding: 14px;
}

.W9ncoAs30kAHy0o0bxi1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  margin-bottom: 8px;
}

.W9ncoAs30kAHy0o0bxi1:last-child {
  margin-bottom: 0;
}

.Itci40fSlnVoe7c7kRD9 {
  font-size: 14px;
  color: #e5e7eb;
}

.nhBBAEbhq9TmgH2PcwWp {
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
}

/* ============================================ */
/* NEW DESIGN STYLES */
/* ============================================ */
.jhA7Ij3hYmLGNCf2yqdf {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.EYaTTGiSoIM3Ere9YED5 {
  background: var(--admin-card-bg);
  border-radius: 12px;
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
}

.o0nzI91pIr5aQhHBsySH {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.o0nzI91pIr5aQhHBsySH.BIJ3wS81PuD6cMs8zb5l {
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid var(--admin-border-light);
  padding: 8px 16px;
}

.npgWJFUc9wv5Fr0eVg_S {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.NTLSiJSxNBwYViLnEqxF {
  display: flex;
  align-items: center;
  gap: 8px;
}

.emzj73kCaqlOWf2W41T5 {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.g4AtGflIJJad16_KfmFy {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}

.JMdqI_T5D3d3PgFqbO8f {
  display: flex;
  align-items: center;
  gap: 8px;
}

.Oio5uJTiK9mqCkQBYuCc {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
}

.Oio5uJTiK9mqCkQBYuCc .jxH4VCeTtAGEJygrgFYq {
  font-size: 16px;
}

.Oio5uJTiK9mqCkQBYuCc.H_jbASN0Gm3JnRdMq427 {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6ee7b7;
}

.axg2GN3GuTA108RwoKJj {
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  font-weight: 500;
  font-family: inherit;
}

.wQmG_xoF1c9awm6T40BU {
  padding: 12px 20px;
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid var(--admin-border-light);
}

.T8tsYsXg8EXXfs2LvfYA {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 13px;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  resize: vertical;
  min-height: 40px;
  font-family: inherit;
}

.dBIthTXkA3zV8LHL0lIe {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
}

.W5Kc0wqhQNQWHR1C41vB {
  padding: 16px 20px;
  border-right: 1px solid var(--admin-border-light);
}

.W5Kc0wqhQNQWHR1C41vB:last-child {
  border-right: none;
}

.wEOVsp6BlwRrDhqqWtnM {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--admin-border-light);
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.fWrzoTTlJCT6NzKxc1WU {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  border-radius: 5px;
  color: white;
}

.fWrzoTTlJCT6NzKxc1WU .jxH4VCeTtAGEJygrgFYq {
  font-size: 14px;
}

.pB5lRNXbNKvudBxqsUzN {
  margin-bottom: 14px;
}

.NtMAdcYwvU4cU948Lc2l {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 5px;
}

.qsUiinvCO0Bg39CYG4zt {
  font-size: 10px;
  font-weight: 500;
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: none;
  letter-spacing: 0;
}

.zVOvPSLrI0ORofD7wMxQ {
  font-size: 9px;
  font-weight: 600;
  color: #6b7280;
  background: var(--admin-bg-secondary);
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase;
}

.yzkgEHhACufP0PsnUfaH {
  font-size: 9px;
  font-weight: 600;
  color: #9333ea;
  background: rgba(147, 51, 234, 0.1);
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase;
}

.JCkmGmOrb1x0siG2roRQ {
  display: flex;
  align-items: stretch;
}

.kljjQ_XRk8eNrUpR1Qug {
  display: flex;
  align-items: center;
  padding: 0 10px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-medium);
  border-right: none;
  border-radius: 6px 0 0 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.TKP_4XZwIFeatwD_WWqP {
  display: flex;
  align-items: center;
  padding: 0 10px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-medium);
  border-left: none;
  border-radius: 0 6px 6px 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.uuYbwDCSs4lHhIri3FEg {
  flex: 1;
  min-width: 0;
  padding: 9px 12px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  font-family: inherit;
}

.uuYbwDCSs4lHhIri3FEg.Lxfh0F3rH9StxrOO58S_ {
  background: var(--admin-bg-secondary);
  font-weight: 600;
}

.uuYbwDCSs4lHhIri3FEg.THVRMnlM7zko4yQ0lP7T {
  border-color: rgba(147, 51, 234, 0.3);
}

.pCHuNaVCtFiWmBQGr40E {
  height: 1px;
  background: var(--admin-border-light);
  margin: 16px 0;
}

.roAFBEca9PrvCaCFeA2X {
  padding: 10px 14px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.z_TZKfI70THNMlfTBi69 {
  font-size: 10px;
  color: var(--admin-text-secondary);
  margin-top: 4px;
  font-style: italic;
}

/* Term Toggle */
.biicMm950fc47XbULwJ_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.biicMm950fc47XbULwJ_ .NtMAdcYwvU4cU948Lc2l {
  margin-bottom: 0;
}

.rlhm0IPJAiRCDKdWtxAm {
  display: flex;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  padding: 3px;
  gap: 2px;
}

.sVeoLScusIE1IF0v7AGl {
  padding: 6px 16px;
  border: none;
  background: transparent;
  color: var(--admin-text-secondary);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  border-radius: 6px;
}

.sVeoLScusIE1IF0v7AGl:hover:not(.UAgGQLxyvNPMfctvHUTu) {
  color: var(--admin-text-primary);
}

.sVeoLScusIE1IF0v7AGl.UAgGQLxyvNPMfctvHUTu {
  background: white;
  color: var(--admin-text-primary);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Total Cards */
.Tj5e407lIADyjYqIDxyK {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 1px solid #fbbf24;
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 12px;
}

.Tj5e407lIADyjYqIDxyK.z6JPMgWQ52oF0um3Wze4 {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border-color: #3b82f6;
}

.Tj5e407lIADyjYqIDxyK.NC02VyFrrNMkq5AaQ4yg {
  padding: 10px 14px;
}

.tfx2muIfdZ2k6oLBKLTj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.Tj5e407lIADyjYqIDxyK.NC02VyFrrNMkq5AaQ4yg .tfx2muIfdZ2k6oLBKLTj {
  margin-bottom: 0;
}

.yghwiD_Wl00WfhFRhnXH {
  font-size: 11px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.Tj5e407lIADyjYqIDxyK.z6JPMgWQ52oF0um3Wze4 .yghwiD_Wl00WfhFRhnXH {
  color: #1e40af;
}

.urp1E5c35BbM45a_Yk4k {
  font-size: 20px;
  font-weight: 700;
  color: #78350f;
}

.Tj5e407lIADyjYqIDxyK.z6JPMgWQ52oF0um3Wze4 .urp1E5c35BbM45a_Yk4k {
  color: #1e3a8a;
}

.dmVgDTlxrj0ElcJp7zOn {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 10px;
}

.h1Zbepf2mTHlWGEzndip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: #78350f;
  margin-bottom: 4px;
}

.Tj5e407lIADyjYqIDxyK.z6JPMgWQ52oF0um3Wze4 .h1Zbepf2mTHlWGEzndip {
  color: #1e40af;
}

.h1Zbepf2mTHlWGEzndip span:last-child {
  font-weight: 600;
}

/* HELOC Toggle */
.z7ItHBFLwhcDfBGm9JVA {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed var(--admin-border-light);
}

.bL2vyaLqkB3pWgTNyHD2 {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdQG4n_XLauv9fUYgoER {
  position: relative;
  width: 36px;
  height: 20px;
  background: var(--admin-border-medium);
  border-radius: 10px;
  transition: background-color 0.2s ease;
}

.rdQG4n_XLauv9fUYgoER::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: white;
  border-radius: 50%;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.rdQG4n_XLauv9fUYgoER.UAgGQLxyvNPMfctvHUTu {
  background: #10b981;
}

.rdQG4n_XLauv9fUYgoER.UAgGQLxyvNPMfctvHUTu::before {
  transform: translateX(16px);
}

.VHf1oqArRJyPtpeMRN6Q {
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-text-secondary);
}

.Xm_k2T0JjOONWe61iQc_ {
  font-size: 11px;
  font-weight: 600;
  color: #059669;
  background: rgba(16, 185, 129, 0.1);
  padding: 4px 10px;
  border-radius: 12px;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Second Section */
.fTBqFM0EEVh8aj67U6X2 {
  border-top: 1px solid var(--admin-border-light);
  padding: 16px 20px;
  background: var(--admin-bg-secondary);
}

.C04DdKDYkwksNdSx5aQ2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

/* ============================================ */
/* V3 COMPACT DESIGN STYLES */
/* ============================================ */
.YYrpNFnWplOhSRTzkoOw {
  background: var(--admin-card-bg);
  border-radius: 10px;
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
}

.oQygSL6ueXZVdJI0ks4t {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
}

.oWbnNDlz1r3cuxNktBqA {
  display: flex;
  align-items: center;
  gap: 12px;
}

._HwzaxqCN7nA3YIuV6bS {
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}

.VPtOcOO18Q2B94ElCwNX {
  display: flex;
  align-items: center;
  gap: 6px;
}

.YS7f7kOQ5Wtyv8qAY7VK {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
}

.YS7f7kOQ5Wtyv8qAY7VK .jxH4VCeTtAGEJygrgFYq {
  font-size: 14px;
}

.YS7f7kOQ5Wtyv8qAY7VK.H_jbASN0Gm3JnRdMq427 {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #6ee7b7;
}

.XcVRk23ImCgrbwgC1QjB {
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
  font-weight: 500;
  font-family: inherit;
}

.SWmGBGQ4SrK7MBTDaiKa {
  padding: 8px 16px;
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid var(--admin-border-light);
}

.hw3jSvettqVSxLZGq8NA {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 4px;
  font-size: 12px;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  font-family: inherit;
}

.gcENdvyjFIjAfugBLltb {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0;
}

.EZgngneJtMZbziJDJa0V {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.fO3njNnqfM0Kil7P1g_d {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  align-items: end;
}

.qaDoZboACUJoJRZmMlza {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.MTtTFWPNpc5PTzXi3JSE {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.Mg3wFAyxM7NEzEYD53zd {
  font-size: 9px;
  font-weight: 500;
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
  padding: 1px 4px;
  border-radius: 3px;
  text-transform: none;
  letter-spacing: 0;
}

.Mg3wFAyxM7NEzEYD53zd.THVRMnlM7zko4yQ0lP7T {
  background: rgba(147, 51, 234, 0.1);
  color: #9333ea;
}

.yD1cyvGepr6WeXm9L6Ax {
  display: flex;
  align-items: stretch;
  height: 32px;
}

.cx2MNy90d41AcDlAG_QJ {
  display: flex;
  align-items: center;
  padding: 0 8px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-medium);
  border-right: none;
  border-radius: 4px 0 0 4px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.N3V7InkDoq7bW9kK2T_k {
  display: flex;
  align-items: center;
  padding: 0 8px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-medium);
  border-left: none;
  border-radius: 0 4px 4px 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.oJwape4r6JuKLG9Vy4De {
  flex: 1;
  min-width: 0;
  padding: 0 10px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  font-family: inherit;
}

.oJwape4r6JuKLG9Vy4De.Lxfh0F3rH9StxrOO58S_ {
  background: var(--admin-bg-secondary);
  font-weight: 600;
}

.VIXppXrvqqnkzHGu2NDp {
  height: 1px;
  background: var(--admin-border-light);
  margin: 2px 0;
}

.YgihRxPv8TJCsVemHx88 {
  display: flex;
  background: var(--admin-bg-secondary);
  border-radius: 4px;
  padding: 2px;
  height: 32px;
}

.uZIe11DRRcop60iHv9zX {
  flex: 1;
  padding: 0 12px;
  border: none;
  background: transparent;
  color: var(--admin-text-secondary);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  border-radius: 3px;
}

.uZIe11DRRcop60iHv9zX.UAgGQLxyvNPMfctvHUTu {
  background: white;
  color: var(--admin-text-primary);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* V3 Totals Sidebar */
.sN1r0OpYRLTeVTWrko_0 {
  width: 200px;
  background: var(--admin-bg-secondary);
  border-left: 1px solid var(--admin-border-light);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.VNTNfiTj0K5jcO1dDAnM {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 1px solid #fbbf24;
  border-radius: 6px;
  padding: 10px;
}

.VNTNfiTj0K5jcO1dDAnM.z6JPMgWQ52oF0um3Wze4 {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border-color: #3b82f6;
}

.UxfPmgratyUzhQHRdWld {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.adO7O8t9rXn8QtqL52iG {
  font-size: 9px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.VNTNfiTj0K5jcO1dDAnM.z6JPMgWQ52oF0um3Wze4 .adO7O8t9rXn8QtqL52iG {
  color: #1e40af;
}

.sx7w7L_zJL9P0GqThKjg {
  font-size: 16px;
  font-weight: 700;
  color: #78350f;
}

.VNTNfiTj0K5jcO1dDAnM.z6JPMgWQ52oF0um3Wze4 .sx7w7L_zJL9P0GqThKjg {
  color: #1e3a8a;
}

.lBqtXd4NVBwwqFZjc6mB {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
}

.ciIvjaZDZ8PW7XXK1ck3 {
  font-size: 9px;
  color: #78350f;
  display: flex;
  gap: 4px;
}

.VNTNfiTj0K5jcO1dDAnM.z6JPMgWQ52oF0um3Wze4 .ciIvjaZDZ8PW7XXK1ck3 {
  color: #1e40af;
}

.ciIvjaZDZ8PW7XXK1ck3 span:last-child {
  font-weight: 600;
}

.MAxynd5KVNu1d6ojHyIx {
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  padding: 8px 10px;
  text-align: center;
}

.W84aXGXZuk8UsRy1SQPr {
  font-size: 9px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  margin-bottom: 2px;
}

.YdGdgXRKo2bPQosGADgC {
  font-size: 18px;
  font-weight: 700;
  color: var(--admin-text-primary);
}

.jucGcWZ5UgqZxlENDmQP {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px dashed var(--admin-border-light);
  cursor: pointer;
}

.EoUsay6sLbJOPjHssAR_ {
  position: relative;
  width: 32px;
  height: 18px;
  background: var(--admin-border-medium);
  border-radius: 9px;
  transition: background-color 0.2s ease;
}

.EoUsay6sLbJOPjHssAR_::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background: white;
  border-radius: 50%;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.EoUsay6sLbJOPjHssAR_.UAgGQLxyvNPMfctvHUTu {
  background: #10b981;
}

.EoUsay6sLbJOPjHssAR_.UAgGQLxyvNPMfctvHUTu::before {
  transform: translateX(14px);
}

.izNT4MJ7vH32xv1B44OF {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
}

.z2wl55wUHbhyPO_nq5Lx {
  font-size: 10px;
  font-weight: 600;
  color: #059669;
  background: rgba(16, 185, 129, 0.1);
  padding: 2px 6px;
  border-radius: 10px;
  border: 1px solid rgba(16, 185, 129, 0.3);
  margin-left: auto;
}

/* V3 HELOC Row */
.xD7cun0RBSk1Tgi6ZvBe {
  background: var(--admin-bg-secondary);
  padding: 10px 16px;
  border-top: 1px solid var(--admin-border-light);
}

.Tn23Ikts0z5_Fb9jZYiM {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

/* Responsive */
@media (max-width: 1100px) {
  .dBIthTXkA3zV8LHL0lIe {
    grid-template-columns: 1fr;
  }

  .W5Kc0wqhQNQWHR1C41vB {
    border-right: none;
    border-bottom: 1px solid var(--admin-border-light);
  }

  .W5Kc0wqhQNQWHR1C41vB:last-child {
    border-bottom: none;
  }

  .C04DdKDYkwksNdSx5aQ2 {
    grid-template-columns: 1fr;
  }

  .fO3njNnqfM0Kil7P1g_d {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .fO3njNnqfM0Kil7P1g_d {
    grid-template-columns: 1fr;
  }

  .gcENdvyjFIjAfugBLltb {
    grid-template-columns: 1fr;
  }

  .sN1r0OpYRLTeVTWrko_0 {
    width: 100%;
    border-left: none;
    border-top: 1px solid var(--admin-border-light);
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.Fd88YffK1eNs2bq7_IEO {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sE6ppIxE0kjEQq3qyO1j {
  background: white;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid #e2e8f0;
}

/* Font examples */
.C8ycAy3q_i51CKRgtSU8 {
  font-family: 'roca', Georgia, 'Times New Roman', serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: 0;
}

.KduP0zvnKHWRBq5wmdMC {
  font-family: 'proxima-nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  margin: 0 0 10px 0;
  line-height: 1.6;
}

.KduP0zvnKHWRBq5wmdMC .TqNSHvOb1HkD2IbcPZjP {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 8px;
}

.j3M4oMgWTABfzLsCRZw2 {
  font-family: 'Barlow Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Utility classes */
.sE6ppIxE0kjEQq3qyO1j h1 {
  font-size: 48px;
  line-height: 1.2;
  margin: 0 0 20px 0;
}

.sE6ppIxE0kjEQq3qyO1j h2 {
  font-size: 28px;
  line-height: 1.25;
  margin: 0 0 16px 0;
}

.sE6ppIxE0kjEQq3qyO1j h3 {
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 12px 0;
}

.sE6ppIxE0kjEQq3qyO1j h4 {
  font-size: 18px;
  line-height: 1.35;
  margin: 0 0 10px 0;
}

.sE6ppIxE0kjEQq3qyO1j p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 10px 0;
}

.GhILFY9APtMKjiARuOuy {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.NIdf0cKt5fKlD061eUjv {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 12px;
}

/* Color utilities */
._gXgxSCy0qlxLS6lZZRr {
  color: #2563eb;
}

.p0qiREOZvgpxQCRZliRg {
  color: #6b7280;
}

.Tfjcs3Y4RvG6hI1tyVJO {
  background-color: #f3f4f6;
  padding: 16px;
  border-radius: 8px;
  margin-top: 12px;
}

/* Instructions Section */
.ar7z1CQ4l3TvZbY7iUYO {
  background-color: #fef3c7;
  border: 2px solid #f59e0b;
  padding: 24px;
  border-radius: 12px;
}

.ar7z1CQ4l3TvZbY7iUYO h3 {
  color: #d97706;
  margin: 0 0 16px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.ar7z1CQ4l3TvZbY7iUYO h3 .TqNSHvOb1HkD2IbcPZjP {
  font-size: 24px;
}

.ar7z1CQ4l3TvZbY7iUYO ol {
  margin: 0;
  padding-left: 24px;
}

.ar7z1CQ4l3TvZbY7iUYO li {
  margin-bottom: 12px;
  color: #92400e;
}

.ar7z1CQ4l3TvZbY7iUYO ul {
  margin-top: 8px;
  padding-left: 20px;
}

.ar7z1CQ4l3TvZbY7iUYO ul li {
  margin-bottom: 6px;
}

.ar7z1CQ4l3TvZbY7iUYO code {
  background: rgba(217, 119, 6, 0.15);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 13px;
  color: #92400e;
}

/* Font Stack Grid */
.eIYeIbywwHwL5LdlwEPr {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.Qf7dIBAIdLSzSL5PkvPw {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px;
}

.ZGuUoGnU2hAXrnfkN7bY {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

.zBhJ51a0PElGWbGufUDw {
  font-size: 24px;
  color: #1e293b;
  padding: 12px 0;
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: 12px;
}

.xjgpKH51u9F2obma2Vw6 {
  font-size: 12px;
  color: #64748b;
  margin-bottom: 8px;
}

.J2mIvso3eY3_4FMHZidw {
  display: block;
  font-size: 11px;
  background: #1e293b;
  color: #94a3b8;
  padding: 8px 10px;
  border-radius: 6px;
  word-break: break-all;
}

/* Icon Grid */
.XFq2FSZvsIG3xfr5gbLT {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.ZJVzBt16S704MZlXmQoA {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 14px 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  transition: all 0.15s ease;
}

.ZJVzBt16S704MZlXmQoA:hover {
  background: #eff6ff;
  border-color: #3b82f6;
}

.ZJVzBt16S704MZlXmQoA .TqNSHvOb1HkD2IbcPZjP {
  font-size: 28px;
  color: #1e293b;
}

.IRy_hq65btM1ep2N9LKJ {
  font-size: 10px;
  color: #64748b;
  text-align: center;
  word-break: break-word;
  font-family: 'SF Mono', Monaco, Consolas, monospace;
}

/* Links */
.sE6ppIxE0kjEQq3qyO1j a {
  color: #3b82f6;
  text-decoration: none;
}

.sE6ppIxE0kjEQq3qyO1j a:hover {
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
  .sE6ppIxE0kjEQq3qyO1j h1 {
    font-size: 36px;
  }

  .NIdf0cKt5fKlD061eUjv {
    font-size: 28px;
  }

  .eIYeIbywwHwL5LdlwEPr {
    grid-template-columns: 1fr;
  }

  .XFq2FSZvsIG3xfr5gbLT {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* These local variables inherit from gallery theme or use defaults */
.CWvTLJ5lIqOi3TElvMYP {
  --local-preview-bg: var(--preview-bg, #f8fafc);
  --local-card-bg: var(--preview-bg-secondary, #ffffff);
  --local-card-border: var(--preview-border, #e2e8f0);
  --local-text-primary: var(--preview-text, #0f172a);
  --local-text-secondary: var(--preview-text-secondary, #64748b);
  --local-text-muted: var(--preview-text-muted, #94a3b8);
  --local-accent-blue: var(--preview-accent, #3b82f6);
  --local-accent-green: #10b981;
  --local-accent-amber: #f59e0b;
  --local-accent-red: #ef4444;
  --local-accent-cyan: #22d3ee;
}

/* Dark mode overrides */
.CWvTLJ5lIqOi3TElvMYP.ALG6jkanb_utHwcJR6TR {
  --local-preview-bg: #0f172a;
  --local-card-bg: #1e293b;
  --local-card-border: #334155;
  --local-text-primary: #f1f5f9;
  --local-text-secondary: #94a3b8;
  --local-text-muted: #64748b;
  --local-accent-blue: #60a5fa;
}

.CWvTLJ5lIqOi3TElvMYP {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.iz3wa2bBhLqTr2EjQ8sA {
  padding: 20px 28px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(34, 211, 238, 0.04));
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 12px;
}

.iz3wa2bBhLqTr2EjQ8sA h3 {
  color: var(--local-accent-blue);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.iz3wa2bBhLqTr2EjQ8sA h3 .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 20px;
}

.iz3wa2bBhLqTr2EjQ8sA p {
  color: var(--local-text-secondary);
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
}

.AWmEsBETAulgREyDpYPi {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.xFBRyqF9oFWdouEKgPOO {
  position: relative;
  padding: 10px 20px;
  background: white;
  border: 1px solid var(--local-card-border);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--local-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.xFBRyqF9oFWdouEKgPOO:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.xFBRyqF9oFWdouEKgPOO.cBRxkHNUu5p8s7BVVQAM {
  background: var(--local-accent-blue);
  border-color: var(--local-accent-blue);
  color: white;
}

.OrcHtI_5_dQSxCy8lKlt {
  position: absolute;
  top: -8px;
  right: -8px;
  padding: 2px 8px;
  background: var(--local-accent-green);
  color: white;
  font-size: 10px;
  font-weight: 600;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.PDR2HpduV9JvxQwp4AAU {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--local-card-border);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.Yh5IYtqvlAmoNv06PMQc {
  padding: 20px 28px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(16, 185, 129, 0.04));
  border-bottom: 1px solid var(--local-card-border);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}

.t2Yl9U5BB_pzom5MG97P {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.GrdBDpdup4nE4BMdwGnd {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 16px;
  font-size: 10px;
  font-weight: 600;
  color: #3b82f6;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: -moz-fit-content;
  width: fit-content;
}

.GrdBDpdup4nE4BMdwGnd .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 14px;
}

.GrdBDpdup4nE4BMdwGnd.k6dRtCKXf0tDCesgYY_g {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.3);
  color: #059669;
}

.FbnpO0gMl3zUC9jT7VMG {
  font-size: 24px;
  font-weight: 600;
  color: var(--local-text-primary);
  margin: 0;
}

.jXl0D7npbM5EjqpkA2ay {
  font-size: 14px;
  color: var(--local-text-secondary);
  max-width: 500px;
  margin: 0;
}

.LKoo6_MhYYknVbgiRHuK {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.Vkl2t6qkqE7khr8RL7OR {
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  color: var(--local-text-secondary);
}

.Vkl2t6qkqE7khr8RL7OR.K2VwTpHIXh5ZtDcUCFV1 {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.4);
  color: #b45309;
}

.RziNjUgi4qdY3zauwD1Z {
  padding: 28px;
  background: var(--local-preview-bg);
  min-height: 500px;
}

.RziNjUgi4qdY3zauwD1Z.ALG6jkanb_utHwcJR6TR {
  background: #0f172a;
}

/* ============================================ */
/* VARIANT 1: GUIDED JOURNEY */
/* ============================================ */
.MtXBE_ti41Hl4agx5Vi2 {
  max-width: 800px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
}

.EMsvkt1c0zdGfqAKKUgr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px;
  background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
  border-radius: 20px;
  border: 1px solid var(--local-card-border);
  margin-bottom: 24px;
}

.nrKmGJa8tk4GdSIee5sd {
  display: flex;
  align-items: center;
  gap: 24px;
}

.RHhze3WWjNav1GrbaYAi {
  width: 100px;
  height: 100px;
}

.z2Bi7uXt80xJejtP_j4m {
  width: 100%;
  height: 100%;
}

.B6F46N1H_faLwiT_ARwo {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.lNL_c9aCGoxXetU37ImN {
  font-size: 28px;
  font-weight: 700;
  color: var(--local-text-primary);
}

.sZSvrjEfjDWkHhhJ1xRD {
  font-size: 14px;
  color: var(--local-text-secondary);
}

.iPH4EjUmKE8QQDZvn2dE {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: linear-gradient(135deg, #dcfce7, #d1fae5);
  border: 1px solid #86efac;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 600;
  color: #166534;
}

.iPH4EjUmKE8QQDZvn2dE .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 20px;
}

.hqRbC8Db7mb2XQjNX_U8 {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  background: linear-gradient(135deg, #fef3c7 0%, #fef9c3 100%);
  border: 1px solid #fcd34d;
  border-radius: 16px;
  margin-bottom: 24px;
}

._oiGoT4JZfaNMX5xNDuC {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border-radius: 14px;
  color: white;
  flex-shrink: 0;
}

._oiGoT4JZfaNMX5xNDuC .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 28px;
}

.KBzB2qXO9qKRuEP4pzgG {
  flex: 1;
}

.KBzB2qXO9qKRuEP4pzgG h3 {
  font-size: 16px;
  font-weight: 600;
  color: #92400e;
  margin: 0 0 4px 0;
}

.KBzB2qXO9qKRuEP4pzgG p {
  font-size: 14px;
  color: #a16207;
  margin: 0;
}

.RdFYn8umgOCwKMMXnyH6 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  font-family: inherit;
  transition: transform 0.15s ease;
}

.RdFYn8umgOCwKMMXnyH6:hover {
  transform: translateY(-2px);
}

.RdFYn8umgOCwKMMXnyH6 .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 18px;
}

.MndanSK0X6AidNzQqOnp {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}

.Qaw8AhOSnIpKCLlmDVZY {
  padding: 20px;
  background: white;
  border-radius: 14px;
  border: 1px solid var(--local-card-border);
}

.zcwb4ONmr54SDAtJEdyQ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.tGJ2j9eNuuP8DQUiK4l1 {
  font-size: 12px;
  font-weight: 600;
  color: var(--local-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.XLaYmb5ZqyD_zjXLCzQZ {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  border: none;
  border-radius: 50%;
  color: var(--local-text-muted);
  cursor: pointer;
  transition: all 0.15s ease;
}

.XLaYmb5ZqyD_zjXLCzQZ:hover {
  background: var(--local-accent-blue);
  color: white;
}

.XLaYmb5ZqyD_zjXLCzQZ .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 16px;
}

.sREgzdgd75VUsN1PH3gZ {
  font-size: 28px;
  font-weight: 700;
  color: var(--local-text-primary);
  font-family: 'JetBrains Mono', monospace;
  margin-bottom: 4px;
}

.jpQit8iYstijXbBYH5jj {
  font-size: 12px;
  color: var(--local-text-muted);
}

.mJEBP7i9kLvqXAsLMg3l {
  margin-top: 12px;
  padding: 12px;
  background: #eff6ff;
  border-radius: 8px;
  font-size: 13px;
  color: #1e40af;
  line-height: 1.5;
}

.z6EOy_PJWSG4oWOwJHSs {
  background: white;
  border-radius: 14px;
  border: 1px solid var(--local-card-border);
  padding: 20px;
}

.Px8S2zafxkFLINuJkKko {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--local-text-primary);
  margin: 0 0 16px 0;
}

.Px8S2zafxkFLINuJkKko .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 22px;
  color: var(--local-accent-amber);
}

.FwU1OiFghNyscuC4ZQYo {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.VOUJwq3so7GUPeea7rAB {
  border: 1px solid var(--local-card-border);
  border-radius: 10px;
  overflow: hidden;
}

.VOUJwq3so7GUPeea7rAB.jn3uvG6JO6EVfMNQVR25 {
  border-color: var(--local-accent-blue);
}

.kLF2Tax3Hn5Ak8f6IODq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 16px;
  background: #f8fafc;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: var(--local-text-primary);
  cursor: pointer;
  font-family: inherit;
  text-align: left;
}

.VOUJwq3so7GUPeea7rAB.jn3uvG6JO6EVfMNQVR25 .kLF2Tax3Hn5Ak8f6IODq {
  background: #eff6ff;
  color: var(--local-accent-blue);
}

.kLF2Tax3Hn5Ak8f6IODq .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 20px;
  transition: transform 0.2s ease;
}

.VOUJwq3so7GUPeea7rAB.jn3uvG6JO6EVfMNQVR25 .kLF2Tax3Hn5Ak8f6IODq .LLqVZbn2FNE5P8I0u2ZE {
  transform: rotate(180deg);
}

.ljP2qXDTqEiwvjCUyP86 {
  padding: 14px 16px;
  font-size: 14px;
  color: var(--local-text-secondary);
  line-height: 1.6;
  background: white;
}

/* ============================================ */
/* VARIANT 2: EXECUTIVE DASHBOARD */
/* ============================================ */
.A3hoyQHHeJNB5kE8CpNr {
  max-width: 1000px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
}

.RFYXkRBpsDD7EpQyQiUP {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--local-card-border);
}

.BQfygv5GFBruWMlIZwJA {
  display: flex;
  gap: 4px;
}

.R4T_Od0k9B2MZrfRa8cV {
  padding: 8px 16px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--local-text-secondary);
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.R4T_Od0k9B2MZrfRa8cV:hover {
  background: #f1f5f9;
}

.R4T_Od0k9B2MZrfRa8cV.cBRxkHNUu5p8s7BVVQAM {
  background: var(--local-accent-blue);
  color: white;
}

.LrEIC30pKPuuqHo1PkOw {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: #dcfce7;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #166534;
}

.xdDwhYakFn5J0May7Qi8 {
  width: 8px;
  height: 8px;
  background: #22c55e;
  border-radius: 50%;
}

.nYsFhIvV41adUjJ_ZdVA {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.szkT1UDmwrNYqvcqL91L {
  background: white;
  border-radius: 10px;
  border: 1px solid var(--local-card-border);
  overflow: hidden;
}

.Bhv8zzpeB7y7E3qm5kqO {
  padding: 10px 16px;
  background: #1e293b;
  font-size: 11px;
  font-weight: 600;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.uAYcXO9xWHbwwI8sJpCh {
  padding: 8px 16px;
}

.W4NYr6oMnZPSfk4SalVi {
  display: grid;
  grid-template-columns: 140px 1fr 140px 1fr;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
}

.W4NYr6oMnZPSfk4SalVi:last-child {
  border-bottom: none;
}

.MFD7gAExLDQswpPqFCQf {
  font-size: 12px;
  font-weight: 500;
  color: var(--local-text-secondary);
}

.o1XukQPrGQR45_eh8r0f {
  font-size: 14px;
  font-weight: 600;
  color: var(--local-text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.o1XukQPrGQR45_eh8r0f.K2VwTpHIXh5ZtDcUCFV1 {
  color: var(--local-accent-blue);
}

.o1XukQPrGQR45_eh8r0f.FBqRWKF2eq1yZM4_L6D6 {
  color: var(--local-accent-green);
}

.KvcNZiis60t6YnDPZTBr {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--local-card-border);
  display: flex;
  justify-content: flex-end;
}

.FkVEbQiigJJFEkERRxaT {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  color: var(--local-text-muted);
}

.FkVEbQiigJJFEkERRxaT kbd {
  padding: 3px 6px;
  background: #f1f5f9;
  border: 1px solid var(--local-card-border);
  border-radius: 4px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
}

/* ============================================ */
/* VARIANT 3: MOBILE CARD STACK */
/* ============================================ */
._s3nPc9dfC_4rWiHmONW {
  max-width: 400px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
  padding: 16px;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 24px;
  border: 1px solid var(--local-card-border);
}

.fS7WDEdgfJlVtLoLhUxh {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  background: linear-gradient(135deg, #dcfce7, #d1fae5);
  border: 1px solid #86efac;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #166534;
  margin-bottom: 20px;
}

.fS7WDEdgfJlVtLoLhUxh .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 18px;
}

.hEUpdJcPJ5qQcGGIfF7g {
  position: relative;
  height: 320px;
  margin-bottom: 20px;
}

.ciaISIKJtmgOdCNZwPef {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  border-radius: 20px;
  border: 1px solid var(--local-card-border);
  padding: 24px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  opacity: 0.3;
  transform: scale(0.95);
}

.ciaISIKJtmgOdCNZwPef.cBRxkHNUu5p8s7BVVQAM {
  opacity: 1;
  transform: scale(1);
  z-index: 10;
}

.db6SEqOq55X2CVUM4UyS {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--local-text-primary);
  margin-bottom: 20px;
}

.db6SEqOq55X2CVUM4UyS .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 22px;
  color: var(--local-accent-blue);
}

.n8diEtPSR35NkwZ5vzTo {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto 20px;
}

.n8diEtPSR35NkwZ5vzTo svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.no8_doJWoCNcRJkqOHmF {
  fill: none;
  stroke: #e2e8f0;
  stroke-width: 8;
}

._5x7cDFjk2b3efwcsSwP {
  fill: none;
  stroke: var(--local-accent-blue);
  stroke-width: 8;
  stroke-linecap: round;
}

.JrTSdq3aFZZONsqAHQYj {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.W73RXFIgtwMKqXH5P_pK {
  display: block;
  font-size: 28px;
  font-weight: 700;
  color: var(--local-text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.Vku9BgKSe6yEEgqP9Kv_ {
  font-size: 12px;
  color: var(--local-text-muted);
}

.T7BMS8FibMZNBBjUhTAL {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tNuwgaAY0F94W8sae6yr {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--local-accent-green);
}

.tNuwgaAY0F94W8sae6yr .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 18px;
}

.jKUkleKJs_RZZCyyd9ad {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--local-text-muted);
}

.jKUkleKJs_RZZCyyd9ad .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 16px;
}

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

.psWJ1ApC3jAUfgIhKZEs {
  text-align: center;
}

.Pgyc7qpY6KaNepVGup2w {
  font-size: 11px;
  font-weight: 600;
  color: var(--local-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 4px;
}

.M2MxxW2jN9iI9vCWAdOa {
  font-size: 24px;
  font-weight: 700;
  color: var(--local-text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.JARSgITLb6SGejzYaabb {
  margin-bottom: 20px;
}

.XoTwyVVGBcANWxgs4m7g {
  position: relative;
  height: 12px;
  background: #e2e8f0;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 8px;
}

.o5nSEXF58IbmdGs26Tmv {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--local-accent-green), var(--local-accent-cyan));
  border-radius: 6px;
}

.eFIzC5GoIc3oyUWYfTQU {
  position: absolute;
  top: -4px;
  width: 2px;
  height: 20px;
  background: var(--local-accent-red);
}

.j3fC6g0KbT_w3vb46PFM {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: var(--local-text-secondary);
}

._b2l5FqQrBz_Y6InbqmB {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cr71QyoXqQEf1PZU7ynZ {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.IJvYl2lQ9Hh0QgXaKKv5 {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--local-accent-blue);
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  color: white;
  flex-shrink: 0;
}

.hGo3nX5YDzvdIyTI1iyg {
  flex: 1;
}

.IgQpInGNV2KtxhlFU926 {
  font-size: 14px;
  font-weight: 600;
  color: var(--local-text-primary);
  margin-bottom: 2px;
}

.L0XQ2FJR4E4KrHtqw0gN {
  font-size: 12px;
  color: var(--local-text-muted);
}

.QgH1D9KHr8giSb61PXhM {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
}

.zsQ4vg1MuAih_GA0d3By {
  width: 10px;
  height: 10px;
  background: #cbd5e1;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
}

.zsQ4vg1MuAih_GA0d3By.cBRxkHNUu5p8s7BVVQAM {
  background: var(--local-accent-blue);
  width: 24px;
  border-radius: 5px;
}

.wVTMB4TtefRM46TkPPww {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dTNQLVdcDfISeeAGEUBt {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px;
  background: var(--local-accent-blue);
  border: none;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  font-family: inherit;
}

.dTNQLVdcDfISeeAGEUBt .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 20px;
}

._dNBg19mObKvtEiBoYXH {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px;
  background: white;
  border: 1px solid var(--local-card-border);
  border-radius: 14px;
  font-size: 14px;
  font-weight: 500;
  color: var(--local-text-secondary);
  cursor: pointer;
  font-family: inherit;
}

._dNBg19mObKvtEiBoYXH .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 18px;
}

/* ============================================ */
/* VARIANT 4: TIMELINE FOCUSED */
/* ============================================ */
.jqQBB6qRVRuyuzLluUqC {
  max-width: 900px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
}

.xbCRrWf5_mD4YxtKP8y5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  padding: 24px;
  background: white;
  border-radius: 16px;
  border: 1px solid var(--local-card-border);
}

.QEkrJ_QApojqesbhCHe5 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dL6TB0jNvpsOFUg2nGIa {
  font-size: 24px;
  font-weight: 700;
  color: var(--local-text-primary);
  margin: 0;
}

.CpxZDKZAoJ9u_OrdL6H4 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--local-accent-green);
}

.CpxZDKZAoJ9u_OrdL6H4 .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 20px;
}

.ikBU5fCc_WX8bIDVg7ng {
  display: flex;
  align-items: center;
}

.FKcsaMiMc2IyqTBRZ2O2 {
  position: relative;
  width: 80px;
  height: 80px;
}

.FKcsaMiMc2IyqTBRZ2O2 svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.lJoTdsHhxGNFbY5lVFJ_ {
  fill: none;
  stroke: #e2e8f0;
  stroke-width: 6;
}

.aEKNEOD77099w3g4redc {
  fill: none;
  stroke: var(--local-accent-blue);
  stroke-width: 6;
  stroke-linecap: round;
}

.AG5h6o5LYLfkw8_BavUg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.yHe_PYU5hnBOQIbWHDx7 {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: var(--local-text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.xYUPGSfI9hC96dXyuEjA {
  font-size: 11px;
  color: var(--local-text-muted);
}

.Un4ay8Hnl9gkdO0YR_Or {
  position: relative;
  padding-left: 40px;
  margin-bottom: 32px;
}

.L17sLyNqHYw1SMdQFwgc {
  position: absolute;
  left: 11px;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #e2e8f0;
  border-radius: 2px;
}

.nxui6PoKvXqmb6tISi4U {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, var(--local-accent-blue), var(--local-accent-cyan));
  border-radius: 2px;
}

.ccsvw7UzV3QcGRDiapGX {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 0;
}

.CP6LSR7iyAP0Ko3mEy7g {
  position: absolute;
  left: -40px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 50%;
  z-index: 1;
}

.CP6LSR7iyAP0Ko3mEy7g .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 24px;
  color: #cbd5e1;
}

.ccsvw7UzV3QcGRDiapGX.EdKI4BsRLIPYd839LmeB .CP6LSR7iyAP0Ko3mEy7g .LLqVZbn2FNE5P8I0u2ZE {
  color: var(--local-accent-green);
}

.ccsvw7UzV3QcGRDiapGX.OSIa8saD4PE6KJ9J13JM .CP6LSR7iyAP0Ko3mEy7g .LLqVZbn2FNE5P8I0u2ZE {
  color: var(--local-accent-blue);
}

.x_eVABpQKKJJSJMXrLZq {
  flex: 1;
  padding: 12px 16px;
  background: white;
  border-radius: 10px;
  border: 1px solid var(--local-card-border);
}

.ccsvw7UzV3QcGRDiapGX.OSIa8saD4PE6KJ9J13JM .x_eVABpQKKJJSJMXrLZq {
  background: linear-gradient(135deg, #eff6ff, #ffffff);
  border-color: var(--local-accent-blue);
}

.WWPYAsHsFOYhm_jlDvyO {
  font-size: 14px;
  font-weight: 600;
  color: var(--local-text-primary);
}

.ccsvw7UzV3QcGRDiapGX:not(.EdKI4BsRLIPYd839LmeB):not(.OSIa8saD4PE6KJ9J13JM) .WWPYAsHsFOYhm_jlDvyO {
  color: var(--local-text-muted);
}

.g5t43luzgZRSQf1TK8oL {
  font-size: 12px;
  color: var(--local-accent-green);
  margin-top: 4px;
}

.Dgw8ZlQx_ARgWSoyfnxc {
  font-size: 12px;
  color: var(--local-text-muted);
  margin-top: 4px;
  font-style: italic;
}

.VF397l2VcUX0xV5eZ5co {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: linear-gradient(135deg, #fef3c7, #fef9c3);
  border: 1px solid #fcd34d;
  border-radius: 16px;
  font-size: 11px;
  font-weight: 600;
  color: #92400e;
}

.VF397l2VcUX0xV5eZ5co .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 14px;
}

.I_E3XudtHK9a4z6o6rYt {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}

.BSwzhfRlRdOC3MySFDJ_ {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: white;
  border-radius: 14px;
  border: 1px solid var(--local-card-border);
}

.GZuVFCVRmDxTvrD_caQu {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
  border-radius: 12px;
  flex-shrink: 0;
}

.GZuVFCVRmDxTvrD_caQu .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 24px;
  color: var(--local-accent-blue);
}

.Scfy_HO_dDvklIVRIFLM {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.VBretDcnYL6LqfWAFDMb {
  font-size: 11px;
  font-weight: 600;
  color: var(--local-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.h8WJL_g6NrJ5I_pkESZF {
  font-size: 22px;
  font-weight: 700;
  color: var(--local-text-primary);
  font-family: 'JetBrains Mono', monospace;
}

._3DoM8pxFQx09wnewaq_x {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  border-radius: 16px;
  padding: 24px;
  color: white;
}

.tISv30NFhQXZLBSf2_Jw {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 16px;
}

.tISv30NFhQXZLBSf2_Jw .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 18px;
}

.SpTeRaTxA8Nyd1vvsEx0 {
  margin-bottom: 20px;
}

.SpTeRaTxA8Nyd1vvsEx0 h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 8px 0;
}

.SpTeRaTxA8Nyd1vvsEx0 p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  margin: 0;
}

.iIX953r9u9UYbvTVe3sm {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: white;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  cursor: pointer;
  font-family: inherit;
}

.iIX953r9u9UYbvTVe3sm .LLqVZbn2FNE5P8I0u2ZE {
  font-size: 18px;
}

/* ============================================ */
/* DARK MODE STYLES */
/* ============================================ */

.xFBRyqF9oFWdouEKgPOO.ALG6jkanb_utHwcJR6TR,
.CWvTLJ5lIqOi3TElvMYP.ALG6jkanb_utHwcJR6TR .xFBRyqF9oFWdouEKgPOO {
  background: #1e293b;
  border-color: #334155;
  color: #94a3b8;
}

.CWvTLJ5lIqOi3TElvMYP.ALG6jkanb_utHwcJR6TR .xFBRyqF9oFWdouEKgPOO:hover {
  background: #334155;
  border-color: #475569;
}

.CWvTLJ5lIqOi3TElvMYP.ALG6jkanb_utHwcJR6TR .xFBRyqF9oFWdouEKgPOO.cBRxkHNUu5p8s7BVVQAM {
  background: var(--local-accent-blue);
  border-color: var(--local-accent-blue);
  color: white;
}

.CWvTLJ5lIqOi3TElvMYP.ALG6jkanb_utHwcJR6TR .PDR2HpduV9JvxQwp4AAU {
  background: #1e293b;
  border-color: #334155;
}

.CWvTLJ5lIqOi3TElvMYP.ALG6jkanb_utHwcJR6TR .Yh5IYtqvlAmoNv06PMQc {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(16, 185, 129, 0.08));
  border-bottom-color: #334155;
}

.CWvTLJ5lIqOi3TElvMYP.ALG6jkanb_utHwcJR6TR .Vkl2t6qkqE7khr8RL7OR {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
}

.CWvTLJ5lIqOi3TElvMYP.ALG6jkanb_utHwcJR6TR .RziNjUgi4qdY3zauwD1Z,
.RziNjUgi4qdY3zauwD1Z.ALG6jkanb_utHwcJR6TR {
  background: #0f172a;
}

/* Guided Journey Dark Mode */
.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .EMsvkt1c0zdGfqAKKUgr {
  background: linear-gradient(135deg, #1e3a5f 0%, #1e293b 100%);
  border-color: #334155;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .hqRbC8Db7mb2XQjNX_U8 {
  background: #1e293b;
  border-color: #334155;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .hqRbC8Db7mb2XQjNX_U8 h3 {
  color: #f1f5f9;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .hqRbC8Db7mb2XQjNX_U8 p {
  color: #94a3b8;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .Qaw8AhOSnIpKCLlmDVZY {
  background: #1e293b;
  border-color: #334155;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .tGJ2j9eNuuP8DQUiK4l1 {
  color: #94a3b8;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .sREgzdgd75VUsN1PH3gZ {
  color: #f1f5f9;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .jpQit8iYstijXbBYH5jj {
  color: #64748b;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .mJEBP7i9kLvqXAsLMg3l {
  background: #0f172a;
  border-color: #334155;
  color: #94a3b8;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .lNL_c9aCGoxXetU37ImN {
  color: #f1f5f9;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .sZSvrjEfjDWkHhhJ1xRD {
  color: #94a3b8;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .z6EOy_PJWSG4oWOwJHSs {
  background: #1e293b;
  border-color: #334155;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .Px8S2zafxkFLINuJkKko {
  color: #f1f5f9;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .VOUJwq3so7GUPeea7rAB {
  background: #0f172a;
  border-color: #334155;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .kLF2Tax3Hn5Ak8f6IODq {
  background: #1e293b;
  color: #f1f5f9;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .VOUJwq3so7GUPeea7rAB.jn3uvG6JO6EVfMNQVR25 .kLF2Tax3Hn5Ak8f6IODq {
  background: #1e3a5f;
  color: #60a5fa;
}

.MtXBE_ti41Hl4agx5Vi2.ALG6jkanb_utHwcJR6TR .ljP2qXDTqEiwvjCUyP86 {
  background: #0f172a;
  color: #94a3b8;
}

/* Executive Dashboard Dark Mode */
.A3hoyQHHeJNB5kE8CpNr.ALG6jkanb_utHwcJR6TR {
  background: #1e293b;
  border-color: #334155;
}

.A3hoyQHHeJNB5kE8CpNr.ALG6jkanb_utHwcJR6TR .RFYXkRBpsDD7EpQyQiUP {
  background: #0f172a;
  border-bottom-color: #334155;
}

.A3hoyQHHeJNB5kE8CpNr.ALG6jkanb_utHwcJR6TR .R4T_Od0k9B2MZrfRa8cV {
  background: #1e293b;
  border-color: #334155;
  color: #94a3b8;
}

.A3hoyQHHeJNB5kE8CpNr.ALG6jkanb_utHwcJR6TR .R4T_Od0k9B2MZrfRa8cV.cBRxkHNUu5p8s7BVVQAM {
  background: var(--local-accent-blue);
  color: white;
}

.A3hoyQHHeJNB5kE8CpNr.ALG6jkanb_utHwcJR6TR .szkT1UDmwrNYqvcqL91L {
  background: #0f172a;
  border-color: #334155;
}

.A3hoyQHHeJNB5kE8CpNr.ALG6jkanb_utHwcJR6TR .Bhv8zzpeB7y7E3qm5kqO {
  background: #1e293b;
  color: #f1f5f9;
}

.A3hoyQHHeJNB5kE8CpNr.ALG6jkanb_utHwcJR6TR .W4NYr6oMnZPSfk4SalVi {
  border-bottom-color: #334155;
}

.A3hoyQHHeJNB5kE8CpNr.ALG6jkanb_utHwcJR6TR .MFD7gAExLDQswpPqFCQf {
  color: #94a3b8;
}

.A3hoyQHHeJNB5kE8CpNr.ALG6jkanb_utHwcJR6TR .o1XukQPrGQR45_eh8r0f {
  color: #f1f5f9;
}

.A3hoyQHHeJNB5kE8CpNr.ALG6jkanb_utHwcJR6TR .LrEIC30pKPuuqHo1PkOw {
  color: #94a3b8;
}

.A3hoyQHHeJNB5kE8CpNr.ALG6jkanb_utHwcJR6TR .FkVEbQiigJJFEkERRxaT {
  color: #64748b;
}

.A3hoyQHHeJNB5kE8CpNr.ALG6jkanb_utHwcJR6TR .FkVEbQiigJJFEkERRxaT kbd {
  background: #334155;
  border-color: #475569;
  color: #f1f5f9;
}

/* Mobile Card Stack Dark Mode */
._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR {
  background: #0f172a;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .ciaISIKJtmgOdCNZwPef {
  background: #1e293b;
  border-color: #334155;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .dTNQLVdcDfISeeAGEUBt {
  background: var(--local-accent-blue);
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR ._dNBg19mObKvtEiBoYXH {
  background: #1e293b;
  border-color: #334155;
  color: #f1f5f9;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .fS7WDEdgfJlVtLoLhUxh {
  background: #1e293b;
  border-color: #334155;
  color: #f1f5f9;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .db6SEqOq55X2CVUM4UyS {
  color: #f1f5f9;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .Pgyc7qpY6KaNepVGup2w {
  color: #94a3b8;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .M2MxxW2jN9iI9vCWAdOa {
  color: #f1f5f9;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .JrTSdq3aFZZONsqAHQYj {
  color: #f1f5f9;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .Vku9BgKSe6yEEgqP9Kv_ {
  color: #94a3b8;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .tNuwgaAY0F94W8sae6yr {
  color: #f1f5f9;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .jKUkleKJs_RZZCyyd9ad {
  color: #94a3b8;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .cr71QyoXqQEf1PZU7ynZ {
  background: #0f172a;
  border-color: #334155;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .IgQpInGNV2KtxhlFU926 {
  color: #f1f5f9;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .L0XQ2FJR4E4KrHtqw0gN {
  color: #94a3b8;
}

._s3nPc9dfC_4rWiHmONW.ALG6jkanb_utHwcJR6TR .j3fC6g0KbT_w3vb46PFM {
  color: #94a3b8;
}

/* Timeline Focused Dark Mode */
.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .xbCRrWf5_mD4YxtKP8y5 {
  background: #1e293b;
  border-color: #334155;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .dL6TB0jNvpsOFUg2nGIa {
  color: #f1f5f9;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .CpxZDKZAoJ9u_OrdL6H4 {
  color: #94a3b8;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .L17sLyNqHYw1SMdQFwgc {
  background: #334155;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .ccsvw7UzV3QcGRDiapGX {
  background: transparent;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .CP6LSR7iyAP0Ko3mEy7g {
  background: #1e293b;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .CP6LSR7iyAP0Ko3mEy7g .LLqVZbn2FNE5P8I0u2ZE {
  color: #475569;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .ccsvw7UzV3QcGRDiapGX.EdKI4BsRLIPYd839LmeB .CP6LSR7iyAP0Ko3mEy7g .LLqVZbn2FNE5P8I0u2ZE {
  color: #10b981;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .ccsvw7UzV3QcGRDiapGX.OSIa8saD4PE6KJ9J13JM .CP6LSR7iyAP0Ko3mEy7g .LLqVZbn2FNE5P8I0u2ZE {
  color: #60a5fa;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .x_eVABpQKKJJSJMXrLZq {
  background: #1e293b;
  border-color: #334155;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .ccsvw7UzV3QcGRDiapGX.OSIa8saD4PE6KJ9J13JM .x_eVABpQKKJJSJMXrLZq {
  background: linear-gradient(135deg, #1e3a5f 0%, #1e293b 100%);
  border-color: #60a5fa;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .WWPYAsHsFOYhm_jlDvyO {
  color: #f1f5f9;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .ccsvw7UzV3QcGRDiapGX:not(.EdKI4BsRLIPYd839LmeB):not(.OSIa8saD4PE6KJ9J13JM) .WWPYAsHsFOYhm_jlDvyO {
  color: #64748b;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .Dgw8ZlQx_ARgWSoyfnxc {
  color: #64748b;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .BSwzhfRlRdOC3MySFDJ_ {
  background: #1e293b;
  border-color: #334155;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .GZuVFCVRmDxTvrD_caQu {
  background: linear-gradient(135deg, #1e3a5f 0%, #312e81 100%);
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .VBretDcnYL6LqfWAFDMb {
  color: #94a3b8;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .h8WJL_g6NrJ5I_pkESZF {
  color: #f1f5f9;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR ._3DoM8pxFQx09wnewaq_x {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  border: 1px solid #334155;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .SpTeRaTxA8Nyd1vvsEx0 h4 {
  color: #f1f5f9;
}

.jqQBB6qRVRuyuzLluUqC.ALG6jkanb_utHwcJR6TR .SpTeRaTxA8Nyd1vvsEx0 p {
  color: #94a3b8;
}

/* Responsive */
@media (max-width: 900px) {
  .MndanSK0X6AidNzQqOnp {
    grid-template-columns: 1fr;
  }

  .W4NYr6oMnZPSfk4SalVi {
    grid-template-columns: 1fr 1fr;
  }

  .I_E3XudtHK9a4z6o6rYt {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .EMsvkt1c0zdGfqAKKUgr {
    flex-direction: column;
    text-align: center;
  }

  .nrKmGJa8tk4GdSIee5sd {
    flex-direction: column;
  }

  .hqRbC8Db7mb2XQjNX_U8 {
    flex-direction: column;
    text-align: center;
  }
}

/* ============================================
   BASE CONTAINER
   ============================================ */
.uXcaM4wQyyC2bfQS6TYD {
  --local-preview-bg: var(--preview-bg, #f8fafc);
  --local-card-bg: var(--preview-bg-secondary, #ffffff);
  --local-card-border: var(--preview-border, #e2e8f0);
  --local-text-primary: var(--preview-text, #0f172a);
  --local-text-secondary: var(--preview-text-secondary, #64748b);
  --local-text-muted: var(--preview-text-muted, #94a3b8);
  --local-accent-blue: var(--preview-accent, #3b82f6);

  display: flex;
  flex-direction: column;
  gap: 24px;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.uXcaM4wQyyC2bfQS6TYD.oaDj_Kwx7WFUdoHKd6Ge {
  --local-preview-bg: #0f172a;
  --local-card-bg: #1e293b;
  --local-card-border: #334155;
  --local-text-primary: #f1f5f9;
  --local-text-secondary: #94a3b8;
  --local-text-muted: #64748b;
  --local-accent-blue: #60a5fa;
}

.uXcaM4wQyyC2bfQS6TYD.oaDj_Kwx7WFUdoHKd6Ge .y61YLSr_uShUFrpuKJMN {
  border-bottom-color: #334155;
}

.uXcaM4wQyyC2bfQS6TYD.oaDj_Kwx7WFUdoHKd6Ge .y61YLSr_uShUFrpuKJMN h3 {
  color: #f1f5f9;
}

.uXcaM4wQyyC2bfQS6TYD.oaDj_Kwx7WFUdoHKd6Ge .y61YLSr_uShUFrpuKJMN h3 .RoqdRod6D1kUe795Z5Fw {
  color: #818cf8;
}

.uXcaM4wQyyC2bfQS6TYD.oaDj_Kwx7WFUdoHKd6Ge .y61YLSr_uShUFrpuKJMN p {
  color: #94a3b8;
}

.uXcaM4wQyyC2bfQS6TYD.oaDj_Kwx7WFUdoHKd6Ge .kh2NrgYmlxX3A36yI0dw {
  background: #1e293b;
  border-color: #334155;
}

.uXcaM4wQyyC2bfQS6TYD.oaDj_Kwx7WFUdoHKd6Ge .kh2NrgYmlxX3A36yI0dw:hover {
  background: #334155;
  border-color: #475569;
}

.uXcaM4wQyyC2bfQS6TYD.oaDj_Kwx7WFUdoHKd6Ge .kh2NrgYmlxX3A36yI0dw.sh8wVMU60nAbNo7n3aW9 {
  background: rgba(59, 130, 246, 0.15);
  border-color: #3b82f6;
}

.uXcaM4wQyyC2bfQS6TYD.oaDj_Kwx7WFUdoHKd6Ge .ovtEA8MlA6gxdlcfrpqA {
  color: #f1f5f9;
}

.y61YLSr_uShUFrpuKJMN {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e7eb;
}

.y61YLSr_uShUFrpuKJMN h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 6px 0;
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.y61YLSr_uShUFrpuKJMN h3 .RoqdRod6D1kUe795Z5Fw {
  font-size: 22px;
  color: #6366f1;
}

.y61YLSr_uShUFrpuKJMN p {
  margin: 0;
  font-size: 14px;
  color: #64748b;
  line-height: 1.5;
}

/* Variant Tabs */
.iAFVgXCLgnC5sIsGr92w {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.kh2NrgYmlxX3A36yI0dw {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: left;
  min-width: 180px;
}

.kh2NrgYmlxX3A36yI0dw:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.kh2NrgYmlxX3A36yI0dw.sh8wVMU60nAbNo7n3aW9 {
  border-color: #3b82f6;
  background: #eff6ff;
}

.kh2NrgYmlxX3A36yI0dw .RoqdRod6D1kUe795Z5Fw {
  font-size: 22px;
  color: #64748b;
}

.kh2NrgYmlxX3A36yI0dw.sh8wVMU60nAbNo7n3aW9 .RoqdRod6D1kUe795Z5Fw {
  color: #3b82f6;
}

.Xo7F7UGJtdnKOHmileeD {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ovtEA8MlA6gxdlcfrpqA {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
}

.UMHu29Ad6rlohpTetNXH {
  font-size: 11px;
  color: #94a3b8;
}

.vM388GbcUW6sHyKMj0vz {
  padding: 28px;
  background: var(--local-preview-bg);
  border-radius: 12px;
}

.vM388GbcUW6sHyKMj0vz.oaDj_Kwx7WFUdoHKd6Ge {
  background: #0f172a;
  border: 1px solid #e2e8f0;
  min-height: 500px;
}

/* ============================================
   VARIANT 1: COLUMN LAYOUT (Original Polished)
   ============================================ */
.ZEWyPJ5bvIqYygweF9_8 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 28px;
  background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.04),
    0 4px 12px rgba(0, 0, 0, 0.03);
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge {
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
  border-color: #334155;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

.oFhuDeal3gXU4mdbcKVg {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f1f5f9;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .oFhuDeal3gXU4mdbcKVg {
  border-bottom-color: #334155;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .q6osPG68KMrQu9pPvapw {
  color: #f1f5f9;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .ORMVXC0kft0D8yeowhPK {
  color: #94a3b8;
}

.ami8ZOp8OltggGJvCWHU {
  flex: 1;
}

.q6osPG68KMrQu9pPvapw {
  margin: 0 0 6px 0;
  font-size: 26px;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.03em;
}

.ORMVXC0kft0D8yeowhPK {
  margin: 0;
  font-size: 15px;
  color: #64748b;
  line-height: 1.5;
}

/* Progress Ring */
.aFYupFomjjQoyMJypt3A {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.iFy6RCsfhtlSMxoij55U {
  position: relative;
  width: 64px;
  height: 64px;
}

.w8Vi1RMxnCj9610DV6j2 {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.Rr8lSXaUFP94YcqKF1GA {
  fill: none;
  stroke: #f1f5f9;
  stroke-width: 3.5;
}

.Y6xiuIEsvSgWQwMi3Evp {
  fill: none;
  stroke: #22c55e;
  stroke-width: 3.5;
  stroke-linecap: round;
  transition: stroke-dasharray 0.4s ease;
}

.TF6V0kWuKi053XS5BVv5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'JetBrains Mono', monospace;
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
}

.DAWuO9wDKjinziEclNxQ {
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .Rr8lSXaUFP94YcqKF1GA {
  stroke: #334155;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .TF6V0kWuKi053XS5BVv5 {
  color: #f1f5f9;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .DAWuO9wDKjinziEclNxQ {
  color: #94a3b8;
}

/* Column Grid */
.nxAyTuwJXephAhFPfmGT {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  align-items: start;
}

/* Columns */
.xXQ5xMHH87_DPsPBNO1L {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  background: linear-gradient(180deg, #fafbfc 0%, #f1f5f9 100%);
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .xXQ5xMHH87_DPsPBNO1L {
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
  border-color: #334155;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.YkhMlf68JNM7NGW2FVE0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  height: 52px;
  padding: 0 16px;
  border-bottom: 2px solid transparent;
  background: #ffffff;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .YkhMlf68JNM7NGW2FVE0 {
  background: #1e293b;
}

.gy6jdlhWezWuNB6MjLJc {
  display: flex;
  align-items: center;
  gap: 10px;
}

.jeaSBix0E2v3LvhXPOh7 {
  font-size: 20px;
}

.faJnmyR17lFVYEwgRPNl {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  letter-spacing: -0.01em;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .faJnmyR17lFVYEwgRPNl {
  color: #f1f5f9;
}

.AogsZm40FyQniwtaKkag {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 10px;
  border-radius: 14px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  font-weight: 500;
}

/* Column Colors */
.xXQ5xMHH87_DPsPBNO1L.hvHi2ZHj99dwY3oJxwig .YkhMlf68JNM7NGW2FVE0 { border-bottom-color: #f59e0b; }
.xXQ5xMHH87_DPsPBNO1L.hvHi2ZHj99dwY3oJxwig .jeaSBix0E2v3LvhXPOh7 { color: #d97706; }
.xXQ5xMHH87_DPsPBNO1L.hvHi2ZHj99dwY3oJxwig .AogsZm40FyQniwtaKkag { background: #fef3c7; color: #92400e; }

.xXQ5xMHH87_DPsPBNO1L.gaaUuPHFEeyv0d_jnV2X .YkhMlf68JNM7NGW2FVE0 { border-bottom-color: #3b82f6; }
.xXQ5xMHH87_DPsPBNO1L.gaaUuPHFEeyv0d_jnV2X .jeaSBix0E2v3LvhXPOh7 { color: #2563eb; }
.xXQ5xMHH87_DPsPBNO1L.gaaUuPHFEeyv0d_jnV2X .AogsZm40FyQniwtaKkag { background: #dbeafe; color: #1d4ed8; }

.xXQ5xMHH87_DPsPBNO1L.V9xskE4ZB8wTfH2bNDX7 .YkhMlf68JNM7NGW2FVE0 { border-bottom-color: #ef4444; }
.xXQ5xMHH87_DPsPBNO1L.V9xskE4ZB8wTfH2bNDX7 .jeaSBix0E2v3LvhXPOh7 { color: #dc2626; }
.xXQ5xMHH87_DPsPBNO1L.V9xskE4ZB8wTfH2bNDX7 .AogsZm40FyQniwtaKkag { background: #fee2e2; color: #b91c1c; }

.xXQ5xMHH87_DPsPBNO1L.iMXIBm_lrquKfNAKzQig .YkhMlf68JNM7NGW2FVE0 { border-bottom-color: #22c55e; }
.xXQ5xMHH87_DPsPBNO1L.iMXIBm_lrquKfNAKzQig .jeaSBix0E2v3LvhXPOh7 { color: #16a34a; }
.xXQ5xMHH87_DPsPBNO1L.iMXIBm_lrquKfNAKzQig .AogsZm40FyQniwtaKkag { background: #dcfce7; color: #166534; }

/* Requested Notice */
.oH3L3d0c4BrPtx9_RI1j {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #fffbeb;
  border-bottom: 1px solid #fde68a;
  font-size: 12px;
  font-weight: 500;
  color: #92400e;
}

.oH3L3d0c4BrPtx9_RI1j .RoqdRod6D1kUe795Z5Fw {
  font-size: 16px;
  color: #d97706;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .oH3L3d0c4BrPtx9_RI1j {
  background: rgba(254, 243, 199, 0.1);
  border-bottom-color: rgba(253, 230, 138, 0.2);
  color: #fcd34d;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .oH3L3d0c4BrPtx9_RI1j .RoqdRod6D1kUe795Z5Fw {
  color: #fbbf24;
}

/* Column Body */
.UKANmP3rGvneNB75SqpE {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  min-height: 180px;
}

/* Empty State */
.V371QSW5FMq6rWcJtocB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px 20px;
  text-align: center;
}

.V371QSW5FMq6rWcJtocB .RoqdRod6D1kUe795Z5Fw {
  font-size: 36px;
  color: #cbd5e1;
}

.V371QSW5FMq6rWcJtocB span:last-child {
  font-size: 13px;
  color: #94a3b8;
  line-height: 1.4;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .V371QSW5FMq6rWcJtocB .RoqdRod6D1kUe795Z5Fw {
  color: #475569;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .V371QSW5FMq6rWcJtocB span:last-child {
  color: #64748b;
}

/* Document Card */
.IsisImVh55KiBc6IgPlj {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .IsisImVh55KiBc6IgPlj {
  background: #0f172a;
  border-color: #334155;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.IsisImVh55KiBc6IgPlj:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  transform: translateY(-1px);
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .IsisImVh55KiBc6IgPlj:hover {
  border-color: #475569;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.IsisImVh55KiBc6IgPlj.PKoSRI6t3YE6CboWqzTq {
  border-color: #fcd34d;
  background: linear-gradient(to bottom, #fffef5, #ffffff);
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .IsisImVh55KiBc6IgPlj.PKoSRI6t3YE6CboWqzTq {
  border-color: rgba(252, 211, 77, 0.5);
  background: linear-gradient(to bottom, rgba(254, 243, 199, 0.05), #0f172a);
}

.IsisImVh55KiBc6IgPlj.PKoSRI6t3YE6CboWqzTq:hover {
  border-color: #fbbf24;
}

.hEnRPayW9tXtxGvXyeC2 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: #fef3c7;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  width: -moz-fit-content;
  width: fit-content;
}

.hEnRPayW9tXtxGvXyeC2 .RoqdRod6D1kUe795Z5Fw {
  font-size: 14px;
  color: #d97706;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .hEnRPayW9tXtxGvXyeC2 {
  background: rgba(254, 243, 199, 0.15);
  color: #fcd34d;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .hEnRPayW9tXtxGvXyeC2 .RoqdRod6D1kUe795Z5Fw {
  color: #fbbf24;
}

.a3YAI9eL9I8lUIvETUn5 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.KTuFaw9NdjLrgEv9X1Ui {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.4;
  letter-spacing: -0.01em;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .KTuFaw9NdjLrgEv9X1Ui {
  color: #f1f5f9;
}

.IGOROhdl0vGxSGkFGsuQ {
  font-size: 12px;
  font-weight: 500;
  color: #94a3b8;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .IGOROhdl0vGxSGkFGsuQ {
  color: #64748b;
}

.t258aJvCxuc5uTjdGiAn {
  padding: 12px;
  background: #fefce8;
  border-radius: 6px;
  border-left: 3px solid #facc15;
  font-size: 13px;
  color: #713f12;
  line-height: 1.5;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .t258aJvCxuc5uTjdGiAn {
  background: rgba(254, 252, 232, 0.1);
  color: #fef08a;
}

.ky5VhDRvq7xryIEtEHQw {
  display: flex;
  gap: 10px;
  padding: 12px;
  background: #fef2f2;
  border-radius: 6px;
  border-left: 3px solid #ef4444;
}

.ky5VhDRvq7xryIEtEHQw .RoqdRod6D1kUe795Z5Fw {
  font-size: 18px;
  color: #dc2626;
  flex-shrink: 0;
  margin-top: 1px;
}

.ky5VhDRvq7xryIEtEHQw span:last-child {
  font-size: 13px;
  color: #991b1b;
  line-height: 1.5;
}

.w3zkiw8kzPH1U3RmojkA {
  font-size: 12px;
  color: #94a3b8;
}

.wFDdnJRYOxo1VBbvOl_3 {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .wFDdnJRYOxo1VBbvOl_3 {
  border-top-color: #334155;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .ky5VhDRvq7xryIEtEHQw {
  background: rgba(254, 242, 242, 0.1);
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .ky5VhDRvq7xryIEtEHQw span:last-child {
  color: #fca5a5;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .PuTfCAcuPmDrlVUaiwyu {
  border-color: #334155;
  color: #94a3b8;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .PuTfCAcuPmDrlVUaiwyu:hover {
  background: #334155;
  border-color: #475569;
  color: #f1f5f9;
}

.H9AUoK__mNnAvvcx4kKo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 16px;
  background: #3b82f6;
  border: none;
  border-radius: 6px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.1s ease;
}

.H9AUoK__mNnAvvcx4kKo:hover {
  background: #2563eb;
}

.H9AUoK__mNnAvvcx4kKo:active {
  transform: scale(0.98);
}

.H9AUoK__mNnAvvcx4kKo .RoqdRod6D1kUe795Z5Fw {
  font-size: 18px;
}

.JMRgm7IOzA_QZuA24k_W {
  background: #ef4444;
}

.JMRgm7IOzA_QZuA24k_W:hover {
  background: #dc2626;
}

.PuTfCAcuPmDrlVUaiwyu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 10px 16px;
  background: transparent;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s ease;
}

.PuTfCAcuPmDrlVUaiwyu:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #475569;
}

.PuTfCAcuPmDrlVUaiwyu .RoqdRod6D1kUe795Z5Fw {
  font-size: 18px;
}

/* Footer */
.GoV3DA3N7s6XYkqSufvC {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding-top: 24px;
  border-top: 1px solid #f1f5f9;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .GoV3DA3N7s6XYkqSufvC {
  border-top-color: #334155;
}

.fXy7RsVhCDMpdbnkPZaC {
  margin: 0;
  font-size: 14px;
  color: #64748b;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .fXy7RsVhCDMpdbnkPZaC {
  color: #94a3b8;
}

.l1oy80eJwtZ3NxGsDF7G {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  cursor: pointer;
  transition: all 0.15s ease;
}

.l1oy80eJwtZ3NxGsDF7G:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.l1oy80eJwtZ3NxGsDF7G .RoqdRod6D1kUe795Z5Fw {
  font-size: 20px;
  color: #64748b;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .l1oy80eJwtZ3NxGsDF7G {
  background: #1e293b;
  border-color: #334155;
  color: #f1f5f9;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .l1oy80eJwtZ3NxGsDF7G:hover {
  background: #334155;
  border-color: #475569;
}

.ZEWyPJ5bvIqYygweF9_8.oaDj_Kwx7WFUdoHKd6Ge .l1oy80eJwtZ3NxGsDF7G .RoqdRod6D1kUe795Z5Fw {
  color: #94a3b8;
}

/* ============================================
   VARIANT 2: MISSION CONTROL
   ============================================ */
.pmH1bGcAAnlDQ508s7Rt {
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 32px;
  color: #0f172a;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  border-color: #334155;
  color: #fff;
}

.mr3dM_wJzEhvfcgdHbjA {
  display: flex;
  align-items: center;
  gap: 48px;
  padding-bottom: 28px;
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: 24px;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .mr3dM_wJzEhvfcgdHbjA {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.GhXARk4ugsfZWhtI45Ft {
  position: relative;
  width: 160px;
  height: 160px;
  flex-shrink: 0;
}

.fNs5DZhHufyYoOZJNpLN {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.jz5pTFL0aDhpq0HgIajL,
.duBomU7ToNkqXE5PHBOg {
  fill: none;
  stroke: #e2e8f0;
  stroke-width: 8;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .jz5pTFL0aDhpq0HgIajL,
.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .duBomU7ToNkqXE5PHBOg {
  stroke: rgba(255, 255, 255, 0.1);
}

.mmhuE5hxUjRCubJKIPIg,
.xiSEl7ZPiMBw4wbBTAG_ {
  fill: none;
  stroke-width: 8;
  stroke-linecap: round;
  transition: stroke-dasharray 0.6s ease;
}

.jVP3kS6EyPZ9bbKicZtr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.HPjltH6VQle_6lWr9V3S {
  display: block;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 36px;
  font-weight: 600;
  color: #22c55e;
}

.zikOoOGGwnBM90oZHxYt {
  font-size: 12px;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .zikOoOGGwnBM90oZHxYt {
  color: rgba(255, 255, 255, 0.6);
}

.GEtuLBfYwMtlH8qVhsqg {
  display: flex;
  gap: 40px;
}

.k23fu8E_WzVWdzxvI6IC {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.GLCmryf34pXaITcFaZGh {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 28px;
  font-weight: 600;
  color: #0f172a;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .GLCmryf34pXaITcFaZGh {
  color: #fff;
}

.dEzcy3tLJyzjQYayOWgO {
  font-size: 12px;
  color: #64748b;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .dEzcy3tLJyzjQYayOWgO {
  color: rgba(255, 255, 255, 0.5);
}

.HQb1j1usMhg4K8igXcPu {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.1), transparent);
  border-left: 3px solid #22c55e;
  border-radius: 0 8px 8px 0;
  margin-bottom: 24px;
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .HQb1j1usMhg4K8igXcPu {
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.2), transparent);
  color: #fff;
}

.HQb1j1usMhg4K8igXcPu .RoqdRod6D1kUe795Z5Fw {
  color: #22c55e;
  font-size: 22px;
}

.Otv9k1FABPHEpEyF0eYe {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.lI3LUB8vZ0TPgCS9Na0g {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .lI3LUB8vZ0TPgCS9Na0g {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}

.r0IwKUhPZV0kd7YooSfi {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  font-size: 13px;
  font-weight: 600;
  color: #0f172a;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .r0IwKUhPZV0kd7YooSfi {
  background: rgba(255, 255, 255, 0.03);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.r0IwKUhPZV0kd7YooSfi .RoqdRod6D1kUe795Z5Fw {
  font-size: 18px;
  color: #f59e0b;
}

.c3EofodACMvsot4rcgj_ {
  margin-left: auto;
  padding: 2px 10px;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 10px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  color: #d97706;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .c3EofodACMvsot4rcgj_ {
  background: rgba(245, 158, 11, 0.2);
  color: #fbbf24;
}

.cSkVZlN3kvo882MuzO2L {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lbI_WEjBTiNDN5XAC3xZ {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: #f8fafc;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .lbI_WEjBTiNDN5XAC3xZ {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.06);
}

.lbI_WEjBTiNDN5XAC3xZ.Y93qcGMtlt9PygqRrIvy {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.08);
}

.d5DPNdxmmXmMNRg2Jj7Q {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.RoI_3lQ86me0Ck0cF1Z8 {
  font-size: 13px;
  font-weight: 500;
  color: #0f172a;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .RoI_3lQ86me0Ck0cF1Z8 {
  color: #fff;
}

.j1bbZEd5ys8viXp6Przw {
  font-size: 10px;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .j1bbZEd5ys8viXp6Przw {
  color: rgba(255, 255, 255, 0.5);
}

.lbI_WEjBTiNDN5XAC3xZ.Y93qcGMtlt9PygqRrIvy .j1bbZEd5ys8viXp6Przw {
  color: #dc2626;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .lbI_WEjBTiNDN5XAC3xZ.Y93qcGMtlt9PygqRrIvy .j1bbZEd5ys8viXp6Przw {
  color: #fca5a5;
}

.MMz4_ZkeCKfImeRVvZqh {
  padding: 6px 14px;
  background: #3b82f6;
  border: none;
  border-radius: 5px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}

.lbI_WEjBTiNDN5XAC3xZ.Y93qcGMtlt9PygqRrIvy .MMz4_ZkeCKfImeRVvZqh {
  background: #ef4444;
}

.UgJd4WZgKbvWSmXsyEFp {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 6px;
  transition: background 0.15s ease;
}

.UgJd4WZgKbvWSmXsyEFp:hover {
  background: #f1f5f9;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .UgJd4WZgKbvWSmXsyEFp:hover {
  background: rgba(255, 255, 255, 0.05);
}

.UgJd4WZgKbvWSmXsyEFp .RoqdRod6D1kUe795Z5Fw {
  font-size: 18px;
}

.UgJd4WZgKbvWSmXsyEFp .v9O4F5OO24lQnRKGJagP { color: #22c55e; }
.UgJd4WZgKbvWSmXsyEFp .n3acZs5fncdj5XxKrlKZ { color: #3b82f6; }
.UgJd4WZgKbvWSmXsyEFp .Y93qcGMtlt9PygqRrIvy { color: #ef4444; }

.zublu3IqfcK8muZKBJ6K {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.qa6EhqPP7acEuCRizPJs {
  font-size: 13px;
  font-weight: 500;
  color: #0f172a;
}

.Bgkam2aS6NS1TWMwkuKD {
  font-size: 11px;
  color: #64748b;
  text-transform: capitalize;
}

.KWo4MXEjZ1X2kFwnM6cr {
  font-size: 11px;
  color: #94a3b8;
}

/* Mission Control - Dark Mode Activity Text */
.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .qa6EhqPP7acEuCRizPJs {
  color: #f1f5f9;
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .Bgkam2aS6NS1TWMwkuKD {
  color: rgba(255, 255, 255, 0.5);
}

.pmH1bGcAAnlDQ508s7Rt.oaDj_Kwx7WFUdoHKd6Ge .KWo4MXEjZ1X2kFwnM6cr {
  color: rgba(255, 255, 255, 0.4);
}

/* ============================================
   VARIANT 3: CONVERSATION VIEW
   ============================================ */
.kfIXZS1jGu1PYt7bdUVh {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  overflow: hidden;
  max-width: 600px;
  margin: 0 auto;
}

.cLpiCCme0Bqf6vlLv601 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  background: linear-gradient(135deg, #1e40af, #3b82f6);
  color: #fff;
}

.E9IKxGIV5Lz4fHZtcYZT {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
}

.QgaHB05dkX3zE4ZopMx7 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.yC2TwEOIgev3Kqfogv7m {
  font-size: 15px;
  font-weight: 600;
}

.hS2yghCNfBBDctlUro7o {
  font-size: 12px;
  opacity: 0.8;
}

.U8e23p4FNAaN4GCUmLQu {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  opacity: 0.8;
}

.Rtu0RSwyQLJAvZxxB1DI {
  width: 8px;
  height: 8px;
  background: #22c55e;
  border-radius: 50%;
}

.POkLqsBGFah2TsKw8Sxn {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #f8fafc;
  max-height: 450px;
  overflow-y: auto;
}

.eZSQV9CQcqxhgdxV7R3f {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px 0;
  font-size: 12px;
  color: #64748b;
}

.iGwPY82dZITNXX9a3MOP {
  font-size: 10px;
  color: #94a3b8;
}

.FP7b4Bfesi0k_XTdJVBl {
  max-width: 80%;
  padding: 14px 18px;
  border-radius: 16px;
  position: relative;
}

.FP7b4Bfesi0k_XTdJVBl.pWQ3CBGYth7EA7myi5Xa {
  align-self: flex-start;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-bottom-left-radius: 4px;
}

.FP7b4Bfesi0k_XTdJVBl.pWQ3CBGYth7EA7myi5Xa.IgZNT8NdrzWpbXbOMsB0 {
  border-color: #86efac;
  background: #f0fdf4;
}

.FP7b4Bfesi0k_XTdJVBl.pWQ3CBGYth7EA7myi5Xa.H2lJ_3TV1KIlQ6xkK6Uc {
  border-color: #fca5a5;
  background: #fef2f2;
}

.FP7b4Bfesi0k_XTdJVBl.NiVZUpM6eRhirsX7XiHQ {
  align-self: flex-end;
  background: #3b82f6;
  color: #fff;
  border-bottom-right-radius: 4px;
}

.FP7b4Bfesi0k_XTdJVBl p {
  margin: 0 0 8px 0;
  font-size: 14px;
  line-height: 1.5;
}

.OBhUOsvDesorS88PvPBf {
  display: block;
  font-size: 10px;
  opacity: 0.6;
  text-align: right;
}

.pp697OyoMD0gunYafpN6 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #f1f5f9;
  border-radius: 8px;
  margin: 8px 0;
  font-size: 12px;
  color: #64748b;
}

.pp697OyoMD0gunYafpN6 .RoqdRod6D1kUe795Z5Fw {
  font-size: 18px;
  color: #3b82f6;
}

.adK4hBWNdObiKjhnBTMw {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: #3b82f6;
  border: none;
  border-radius: 6px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  margin-top: 8px;
}

.adK4hBWNdObiKjhnBTMw .RoqdRod6D1kUe795Z5Fw {
  font-size: 16px;
}

.RLF6WeuaRC5Bs6qTqPFL {
  display: flex;
  align-items: center;
  gap: 12px;
}

.RLF6WeuaRC5Bs6qTqPFL .RoqdRod6D1kUe795Z5Fw {
  font-size: 28px;
  opacity: 0.8;
}

.oEU17cyfvS58karHoxWR {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.tSEa8P5Kn87z6bK6hp8w {
  font-size: 13px;
  font-weight: 500;
}

.FGv9YtzpkjQITEoxVazN {
  font-size: 11px;
  opacity: 0.8;
}

.FGv9YtzpkjQITEoxVazN.v9O4F5OO24lQnRKGJagP { color: #bbf7d0; }
.FGv9YtzpkjQITEoxVazN.xCumsVigUfmLuFJyL96a { color: rgba(255, 255, 255, 0.7); }
.FGv9YtzpkjQITEoxVazN.Y93qcGMtlt9PygqRrIvy { color: #fecaca; }

.AOWFh8aCFnxnb0M1tC4L {
  display: flex;
  gap: 4px;
  padding: 4px 0;
}

.AOWFh8aCFnxnb0M1tC4L span {
  width: 8px;
  height: 8px;
  background: #94a3b8;
  border-radius: 50%;
  animation: To_zlm1qmH_nFTXbvMbs 1.4s infinite ease-in-out;
}

.AOWFh8aCFnxnb0M1tC4L span:nth-child(2) { animation-delay: 0.2s; }
.AOWFh8aCFnxnb0M1tC4L span:nth-child(3) { animation-delay: 0.4s; }

@keyframes To_zlm1qmH_nFTXbvMbs {
  0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
  30% { transform: translateY(-6px); opacity: 1; }
}

.LaLd1AieMSHkRTbxv6rR {
  font-size: 12px;
  color: #94a3b8;
  font-style: italic;
}

.nBLpeC9t9s_con0yq_DV {
  padding: 16px 20px;
  background: #fff;
  border-top: 1px solid #e2e8f0;
}

.MU7tI3OZqhkqiDms817r {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px;
  border: 2px dashed #cbd5e1;
  border-radius: 10px;
  color: #64748b;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.15s ease;
  margin-bottom: 12px;
}

.MU7tI3OZqhkqiDms817r:hover {
  border-color: #3b82f6;
  background: #eff6ff;
  color: #3b82f6;
}

.MU7tI3OZqhkqiDms817r .RoqdRod6D1kUe795Z5Fw {
  font-size: 22px;
}

.tbwXgxo7dkc6eS_4zsh_ {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.tbwXgxo7dkc6eS_4zsh_ button {
  padding: 8px 14px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  font-family: inherit;
  font-size: 12px;
  color: #475569;
  cursor: pointer;
  transition: all 0.15s ease;
}

.tbwXgxo7dkc6eS_4zsh_ button:hover {
  background: #e2e8f0;
  border-color: #cbd5e1;
}

/* Conversation View - Dark Mode */
.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge {
  background: #1e293b;
  border-color: #334155;
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .POkLqsBGFah2TsKw8Sxn {
  background: #0f172a;
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .eZSQV9CQcqxhgdxV7R3f {
  color: #94a3b8;
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .iGwPY82dZITNXX9a3MOP {
  color: #64748b;
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .FP7b4Bfesi0k_XTdJVBl.pWQ3CBGYth7EA7myi5Xa {
  background: #1e293b;
  border-color: #334155;
  color: #f1f5f9;
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .FP7b4Bfesi0k_XTdJVBl.pWQ3CBGYth7EA7myi5Xa.IgZNT8NdrzWpbXbOMsB0 {
  border-color: rgba(134, 239, 172, 0.3);
  background: rgba(34, 197, 94, 0.1);
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .FP7b4Bfesi0k_XTdJVBl.pWQ3CBGYth7EA7myi5Xa.H2lJ_3TV1KIlQ6xkK6Uc {
  border-color: rgba(252, 165, 165, 0.3);
  background: rgba(239, 68, 68, 0.1);
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .pp697OyoMD0gunYafpN6 {
  background: #0f172a;
  border-color: #334155;
  color: #94a3b8;
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .pp697OyoMD0gunYafpN6 .RoqdRod6D1kUe795Z5Fw {
  color: #60a5fa;
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .nBLpeC9t9s_con0yq_DV {
  background: #1e293b;
  border-top-color: #334155;
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .MU7tI3OZqhkqiDms817r {
  border-color: #475569;
  color: #94a3b8;
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .MU7tI3OZqhkqiDms817r:hover {
  border-color: #60a5fa;
  background: rgba(59, 130, 246, 0.1);
  color: #60a5fa;
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .tbwXgxo7dkc6eS_4zsh_ button {
  background: #0f172a;
  border-color: #334155;
  color: #94a3b8;
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .tbwXgxo7dkc6eS_4zsh_ button:hover {
  background: #334155;
  border-color: #475569;
  color: #f1f5f9;
}

.kfIXZS1jGu1PYt7bdUVh.oaDj_Kwx7WFUdoHKd6Ge .LaLd1AieMSHkRTbxv6rR {
  color: #64748b;
}

/* ============================================
   VARIANT 4: ANALYST (TABLE VIEW)
   ============================================ */
.Zvk0c5EfvgD5wFPSevoq {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  color: #0f172a;
  font-family: 'IBM Plex Mono', monospace;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge {
  background: #0d1117;
  border-color: #21262d;
  color: #c9d1d9;
}

.EELWxyvSU8tmaPxompZR {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid #e2e8f0;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .EELWxyvSU8tmaPxompZR {
  border-bottom-color: #21262d;
}

.EfvzHDBs1lZpyaWPG9Ep {
  display: flex;
  gap: 4px;
}

.YPPyh4p2b0quSZkF6HaQ {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  font-family: inherit;
  font-size: 12px;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s ease;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .YPPyh4p2b0quSZkF6HaQ {
  color: #8b949e;
}

.YPPyh4p2b0quSZkF6HaQ:hover {
  background: #f1f5f9;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .YPPyh4p2b0quSZkF6HaQ:hover {
  background: #21262d;
}

.YPPyh4p2b0quSZkF6HaQ.sh8wVMU60nAbNo7n3aW9 {
  background: #f1f5f9;
  border-color: #e2e8f0;
  color: #0f172a;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .YPPyh4p2b0quSZkF6HaQ.sh8wVMU60nAbNo7n3aW9 {
  background: #21262d;
  border-color: #30363d;
  color: #c9d1d9;
}

.E5AeqKnnaxU1ByPwhz_O {
  padding: 2px 6px;
  background: #e2e8f0;
  border-radius: 10px;
  font-size: 10px;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .E5AeqKnnaxU1ByPwhz_O {
  background: #30363d;
}

.Id0TCHrTO2Ej_sVzq8KP {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  color: #64748b;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .Id0TCHrTO2Ej_sVzq8KP {
  color: #8b949e;
}

.Id0TCHrTO2Ej_sVzq8KP button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-family: inherit;
  font-size: 11px;
  color: #0f172a;
  cursor: pointer;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .Id0TCHrTO2Ej_sVzq8KP button {
  background: #21262d;
  border-color: #30363d;
  color: #c9d1d9;
}

.Id0TCHrTO2Ej_sVzq8KP button .RoqdRod6D1kUe795Z5Fw {
  font-size: 14px;
}

.b4bsj1KJzjjgIqS_bUJs {
  overflow-x: auto;
}

.cSE2KcVja6j1bNUqvmWC {
  display: flex;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .cSE2KcVja6j1bNUqvmWC {
  background: #161b22;
  border-bottom-color: #21262d;
}

.r465w8OzzEn95sMS8LJn {
  flex: 1;
  padding: 12px 16px;
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .r465w8OzzEn95sMS8LJn {
  color: #8b949e;
}

.r465w8OzzEn95sMS8LJn._V6dtTbPQpLTDcnohWZF {
  flex: 0 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.r465w8OzzEn95sMS8LJn.HtDSBf6eDhScX3cNgwXD {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}

.r465w8OzzEn95sMS8LJn.HtDSBf6eDhScX3cNgwXD:hover {
  color: #0f172a;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .r465w8OzzEn95sMS8LJn.HtDSBf6eDhScX3cNgwXD:hover {
  color: #c9d1d9;
}

.r465w8OzzEn95sMS8LJn .RoqdRod6D1kUe795Z5Fw {
  font-size: 16px;
}

.fOhCfBesLnfX8YMvyQ12 {
  display: flex;
  flex-direction: column;
}

.WzEv92SsiCUgmqsxDuya {
  display: flex;
  border-bottom: 1px solid #e2e8f0;
  transition: background 0.1s ease;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .WzEv92SsiCUgmqsxDuya {
  border-bottom-color: #21262d;
}

.WzEv92SsiCUgmqsxDuya:hover {
  background: #f8fafc;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .WzEv92SsiCUgmqsxDuya:hover {
  background: #161b22;
}

.WzEv92SsiCUgmqsxDuya.WjclELIY9DYZVMMYLPcM {
  background: rgba(59, 130, 246, 0.1);
}

.WzEv92SsiCUgmqsxDuya .r465w8OzzEn95sMS8LJn {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  color: #0f172a;
  text-transform: none;
  letter-spacing: 0;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .WzEv92SsiCUgmqsxDuya .r465w8OzzEn95sMS8LJn {
  color: #c9d1d9;
}

.WlQEPFh58ONqRxl1pkrg {
  font-weight: 500;
}

.GInlwhIaOcQnQJq4tsQt {
  margin-left: 8px;
  padding: 2px 6px;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 4px;
  font-size: 10px;
  color: #d97706;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .GInlwhIaOcQnQJq4tsQt {
  background: rgba(245, 158, 11, 0.2);
  color: #fbbf24;
}

.xBY4ZgkzPW18rlivHSEg {
  color: #64748b;
}

.Zvk0c5EfvgD5wFPSevoq.oaDj_Kwx7WFUdoHKd6Ge .xBY4ZgkzPW18rlivHSEg {
  color: #8b949e;
}

.uhxum7WatbRFqT1ADlad {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
}

.uhxum7WatbRFqT1ADlad.v9O4F5OO24lQnRKGJagP {
  background: rgba(34, 197, 94, 0.15);
  color: #3fb950;
}

.uhxum7WatbRFqT1ADlad.xCumsVigUfmLuFJyL96a {
  background: rgba(59, 130, 246, 0.15);
  color: #58a6ff;
}

.uhxum7WatbRFqT1ADlad.Y93qcGMtlt9PygqRrIvy {
  background: rgba(239, 68, 68, 0.15);
  color: #f85149;
}

.uhxum7WatbRFqT1ADlad.QoPGG0mN743u8nwnC9f_ {
  background: rgba(139, 148, 158, 0.15);
  color: #8b949e;
}

.C0gxSgWwobP208xhK3p4 {
  color: #6e7681;
}

.AS0G1a284hva3CvSyjkI {
  padding: 5px 12px;
  background: #238636;
  border: none;
  border-radius: 5px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}

.AS0G1a284hva3CvSyjkI.gXWahC7py_aA0n0pASl1 {
  background: #da3633;
}

.ubbzbYYKqWx_BP4JhUNd {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #30363d;
  border-radius: 6px;
  color: #8b949e;
  cursor: pointer;
}

.ubbzbYYKqWx_BP4JhUNd:hover {
  background: #21262d;
  color: #c9d1d9;
}

.ubbzbYYKqWx_BP4JhUNd .RoqdRod6D1kUe795Z5Fw {
  font-size: 16px;
}

.o_RNbQ3c90rqcD_K8vdx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  border-top: 1px solid #21262d;
}

.agcFRiLUszQx9vNVwHzQ {
  font-size: 12px;
  color: #8b949e;
}

.XCoWmR9RWgcMlfkA0MHx {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: #21262d;
  border: 1px solid #30363d;
  border-radius: 6px;
  font-family: inherit;
  font-size: 12px;
  color: #c9d1d9;
  cursor: pointer;
}

.XCoWmR9RWgcMlfkA0MHx .RoqdRod6D1kUe795Z5Fw {
  font-size: 16px;
}

/* ============================================
   VARIANT 5: JOURNEY MAP
   ============================================ */
.DMTpCPikcgwJtVRHzVih {
  background: #fff;
  border-radius: 12px;
  padding: 28px;
}

.sy0qTVDHDeg0ff484SqN {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 40px 32px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 28px;
  position: relative;
}

.WF1I2z6sJNlOV_ze0z0M {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 1;
}

.JNZFIHhg2NfuQqgY1cI1 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  border: 2px solid #e2e8f0;
  border-radius: 50%;
  transition: all 0.2s ease;
}

.JNZFIHhg2NfuQqgY1cI1 .RoqdRod6D1kUe795Z5Fw {
  font-size: 22px;
  color: #94a3b8;
}

.WF1I2z6sJNlOV_ze0z0M.zwq49jFwtm6DI5dS2UmP .JNZFIHhg2NfuQqgY1cI1 {
  background: #dcfce7;
  border-color: #22c55e;
}

.WF1I2z6sJNlOV_ze0z0M.zwq49jFwtm6DI5dS2UmP .JNZFIHhg2NfuQqgY1cI1 .RoqdRod6D1kUe795Z5Fw {
  color: #16a34a;
}

.WF1I2z6sJNlOV_ze0z0M.vtz4LFgimrjmNYbZjGNz .JNZFIHhg2NfuQqgY1cI1 {
  background: #dbeafe;
  border-color: #3b82f6;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
}

.WF1I2z6sJNlOV_ze0z0M.vtz4LFgimrjmNYbZjGNz .JNZFIHhg2NfuQqgY1cI1 .RoqdRod6D1kUe795Z5Fw {
  color: #2563eb;
}

.WF1I2z6sJNlOV_ze0z0M.VAhSZaB9Znz6WyxjwsYq .JNZFIHhg2NfuQqgY1cI1 {
  opacity: 0.5;
}

._4mGogJCMDoi_oUNEUy6Q {
  text-align: center;
}

.NvfixRldqL1SyrCOqYxp {
  display: block;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
}

.WF1I2z6sJNlOV_ze0z0M.VAhSZaB9Znz6WyxjwsYq .NvfixRldqL1SyrCOqYxp {
  color: #94a3b8;
}

.RRSYkNkHdwZanTVZUU5I {
  display: block;
  font-size: 11px;
  color: #64748b;
  margin-top: 2px;
}

.ebeJDXkKuoaCOHyUge_1 {
  position: absolute;
  top: 24px;
  left: calc(50% + 32px);
  width: calc(100% - 16px);
  height: 2px;
  background: #e2e8f0;
}

.WF1I2z6sJNlOV_ze0z0M.zwq49jFwtm6DI5dS2UmP .ebeJDXkKuoaCOHyUge_1 {
  background: #22c55e;
}

.X0_6tdpYPXogkacRVmvw {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.gjmodJQ4wdpP0KPHbJ0D {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
}

.gjmodJQ4wdpP0KPHbJ0D.vtz4LFgimrjmNYbZjGNz {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.gjmodJQ4wdpP0KPHbJ0D.xFlMvv8Iql4pszmJ80Xg {
  border-style: dashed;
  opacity: 0.7;
}

.UBR_fUFo3LzKxeFlA34L {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
}

.QpVaV7W70ygUQskrleDn {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 16px;
  font-weight: 600;
  color: #1e293b;
}

.QpVaV7W70ygUQskrleDn .RoqdRod6D1kUe795Z5Fw {
  font-size: 20px;
  color: #3b82f6;
}

.extj7SNvJ1duv1ZMz0yV {
  font-size: 13px;
  color: #64748b;
}

.Y442npWMm4mdPJdfXQWU {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #16a34a;
}

.Y442npWMm4mdPJdfXQWU .RoqdRod6D1kUe795Z5Fw {
  font-size: 18px;
}

.lkClCqBQH8ennxZgUnGB {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  background: #fffbeb;
  border-bottom: 1px solid #fde68a;
  font-size: 13px;
  color: #92400e;
}

.lkClCqBQH8ennxZgUnGB .RoqdRod6D1kUe795Z5Fw {
  font-size: 18px;
  color: #d97706;
}

.YuwZca24QZaEDlQI07cG {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
  padding: 18px;
}

.nIgh1d26ZwYJIKC1Tgf_ {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  transition: border-color 0.15s ease;
}

.nIgh1d26ZwYJIKC1Tgf_:hover {
  border-color: #cbd5e1;
}

.nIgh1d26ZwYJIKC1Tgf_.X0CJap_Y99VHDJR9H7k4 {
  border-color: #fcd34d;
  background: linear-gradient(to bottom, #fffef5, #fff);
}

.nIgh1d26ZwYJIKC1Tgf_.v9O4F5OO24lQnRKGJagP {
  border-color: #86efac;
  background: linear-gradient(to bottom, #f0fdf4, #fff);
}

.S97EqqSoEtsK221HUs8y {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.wRsOk2kyKJQZiPpMxs4d {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.4;
}

.pz6f597iZ0yfvBJotm7T {
  padding: 3px 8px;
  background: #fef3c7;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}

.uGJ6Igu24TeJ1Td9b77I {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  flex-shrink: 0;
}

.uGJ6Igu24TeJ1Td9b77I .RoqdRod6D1kUe795Z5Fw {
  font-size: 14px;
}

.uGJ6Igu24TeJ1Td9b77I.v9O4F5OO24lQnRKGJagP { color: #16a34a; }
.uGJ6Igu24TeJ1Td9b77I.xCumsVigUfmLuFJyL96a { color: #2563eb; }
.uGJ6Igu24TeJ1Td9b77I.Y93qcGMtlt9PygqRrIvy { color: #dc2626; }
.uGJ6Igu24TeJ1Td9b77I.QoPGG0mN743u8nwnC9f_ { color: #d97706; }

.Vks9cO7cl5pGA_lU_sKA {
  margin: 0;
  font-size: 13px;
  color: #64748b;
  line-height: 1.5;
}

.nIgh1d26ZwYJIKC1Tgf_.X0CJap_Y99VHDJR9H7k4 .Vks9cO7cl5pGA_lU_sKA {
  padding: 10px;
  background: #fefce8;
  border-radius: 4px;
  border-left: 3px solid #facc15;
  color: #713f12;
}

.lAGfCyuvn_XqJ8dFgswb {
  margin: 0;
  padding: 10px;
  background: #fef2f2;
  border-radius: 4px;
  border-left: 3px solid #ef4444;
  font-size: 13px;
  color: #991b1b;
  line-height: 1.5;
}

.SOr8Z0q0S7LLNYwIqBTI {
  padding: 10px 16px;
  background: #3b82f6;
  border: none;
  border-radius: 6px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: background 0.15s ease;
  margin-top: auto;
}

.SOr8Z0q0S7LLNYwIqBTI:hover {
  background: #2563eb;
}

.SOr8Z0q0S7LLNYwIqBTI.gXWahC7py_aA0n0pASl1 {
  background: #ef4444;
}

.SOr8Z0q0S7LLNYwIqBTI.gXWahC7py_aA0n0pASl1:hover {
  background: #dc2626;
}

/* Journey Map - Dark Mode */
.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge {
  background: #1e293b;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .sy0qTVDHDeg0ff484SqN {
  border-bottom-color: #334155;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .JNZFIHhg2NfuQqgY1cI1 {
  background: #0f172a;
  border-color: #475569;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .JNZFIHhg2NfuQqgY1cI1 .RoqdRod6D1kUe795Z5Fw {
  color: #64748b;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .WF1I2z6sJNlOV_ze0z0M.zwq49jFwtm6DI5dS2UmP .JNZFIHhg2NfuQqgY1cI1 {
  background: rgba(34, 197, 94, 0.15);
  border-color: #22c55e;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .WF1I2z6sJNlOV_ze0z0M.zwq49jFwtm6DI5dS2UmP .JNZFIHhg2NfuQqgY1cI1 .RoqdRod6D1kUe795Z5Fw {
  color: #22c55e;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .WF1I2z6sJNlOV_ze0z0M.vtz4LFgimrjmNYbZjGNz .JNZFIHhg2NfuQqgY1cI1 {
  background: rgba(59, 130, 246, 0.15);
  border-color: #3b82f6;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .WF1I2z6sJNlOV_ze0z0M.vtz4LFgimrjmNYbZjGNz .JNZFIHhg2NfuQqgY1cI1 .RoqdRod6D1kUe795Z5Fw {
  color: #60a5fa;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .NvfixRldqL1SyrCOqYxp {
  color: #f1f5f9;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .WF1I2z6sJNlOV_ze0z0M.VAhSZaB9Znz6WyxjwsYq .NvfixRldqL1SyrCOqYxp {
  color: #64748b;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .RRSYkNkHdwZanTVZUU5I {
  color: #94a3b8;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .ebeJDXkKuoaCOHyUge_1 {
  background: #334155;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .WF1I2z6sJNlOV_ze0z0M.zwq49jFwtm6DI5dS2UmP .ebeJDXkKuoaCOHyUge_1 {
  background: #22c55e;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .gjmodJQ4wdpP0KPHbJ0D {
  border-color: #334155;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .gjmodJQ4wdpP0KPHbJ0D.vtz4LFgimrjmNYbZjGNz {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .gjmodJQ4wdpP0KPHbJ0D.xFlMvv8Iql4pszmJ80Xg {
  border-color: #475569;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .UBR_fUFo3LzKxeFlA34L {
  background: #0f172a;
  border-bottom-color: #334155;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .QpVaV7W70ygUQskrleDn {
  color: #f1f5f9;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .QpVaV7W70ygUQskrleDn .RoqdRod6D1kUe795Z5Fw {
  color: #60a5fa;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .extj7SNvJ1duv1ZMz0yV {
  color: #94a3b8;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .Y442npWMm4mdPJdfXQWU {
  color: #22c55e;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .lkClCqBQH8ennxZgUnGB {
  background: rgba(254, 243, 199, 0.1);
  border-bottom-color: rgba(253, 230, 138, 0.2);
  color: #fcd34d;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .lkClCqBQH8ennxZgUnGB .RoqdRod6D1kUe795Z5Fw {
  color: #fbbf24;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .YuwZca24QZaEDlQI07cG {
  background: #1e293b;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .nIgh1d26ZwYJIKC1Tgf_ {
  background: #0f172a;
  border-color: #334155;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .nIgh1d26ZwYJIKC1Tgf_:hover {
  border-color: #475569;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .nIgh1d26ZwYJIKC1Tgf_.X0CJap_Y99VHDJR9H7k4 {
  border-color: rgba(252, 211, 77, 0.5);
  background: linear-gradient(to bottom, rgba(254, 243, 199, 0.05), #0f172a);
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .nIgh1d26ZwYJIKC1Tgf_.v9O4F5OO24lQnRKGJagP {
  border-color: rgba(134, 239, 172, 0.3);
  background: linear-gradient(to bottom, rgba(34, 197, 94, 0.05), #0f172a);
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .wRsOk2kyKJQZiPpMxs4d {
  color: #f1f5f9;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .pz6f597iZ0yfvBJotm7T {
  background: rgba(254, 243, 199, 0.15);
  color: #fcd34d;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .Vks9cO7cl5pGA_lU_sKA {
  color: #94a3b8;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .nIgh1d26ZwYJIKC1Tgf_.X0CJap_Y99VHDJR9H7k4 .Vks9cO7cl5pGA_lU_sKA {
  background: rgba(254, 252, 232, 0.1);
  border-left-color: #facc15;
  color: #fef08a;
}

.DMTpCPikcgwJtVRHzVih.oaDj_Kwx7WFUdoHKd6Ge .lAGfCyuvn_XqJ8dFgswb {
  background: rgba(254, 242, 242, 0.1);
  border-left-color: #ef4444;
  color: #fca5a5;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1280px) {
  .nxAyTuwJXephAhFPfmGT {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1100px) {
  .mr3dM_wJzEhvfcgdHbjA {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .GEtuLBfYwMtlH8qVhsqg {
    justify-content: center;
  }

  .Otv9k1FABPHEpEyF0eYe {
    grid-template-columns: 1fr;
  }

  .sy0qTVDHDeg0ff484SqN {
    padding: 0 20px 24px;
  }
}

@media (max-width: 768px) {
  .iAFVgXCLgnC5sIsGr92w {
    flex-wrap: nowrap;
  }

  .kh2NrgYmlxX3A36yI0dw {
    min-width: 140px;
  }

  .nxAyTuwJXephAhFPfmGT {
    grid-template-columns: 1fr;
  }

  .ZEWyPJ5bvIqYygweF9_8 {
    padding: 20px;
  }

  .oFhuDeal3gXU4mdbcKVg {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .aFYupFomjjQoyMJypt3A {
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }

  .iFy6RCsfhtlSMxoij55U {
    width: 48px;
    height: 48px;
  }

  .TF6V0kWuKi053XS5BVv5 {
    font-size: 12px;
  }

  .GoV3DA3N7s6XYkqSufvC {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .fXy7RsVhCDMpdbnkPZaC {
    text-align: center;
  }

  .l1oy80eJwtZ3NxGsDF7G {
    justify-content: center;
  }

  .sy0qTVDHDeg0ff484SqN {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }

  .ebeJDXkKuoaCOHyUge_1 {
    display: none;
  }

  .YuwZca24QZaEDlQI07cG {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .vM388GbcUW6sHyKMj0vz {
    padding: 16px;
  }

  .ZEWyPJ5bvIqYygweF9_8 {
    padding: 16px;
    gap: 20px;
  }

  .q6osPG68KMrQu9pPvapw {
    font-size: 22px;
  }

  .UKANmP3rGvneNB75SqpE {
    padding: 12px;
    gap: 8px;
  }

  .IsisImVh55KiBc6IgPlj {
    padding: 14px;
  }

  .r465w8OzzEn95sMS8LJn {
    padding: 10px 12px;
    font-size: 11px;
  }

  .POkLqsBGFah2TsKw8Sxn {
    max-height: 350px;
  }
}

@media (max-width: 480px) {
  .vM388GbcUW6sHyKMj0vz {
    padding: 12px;
  }

  .ZEWyPJ5bvIqYygweF9_8 {
    padding: 14px;
  }
}

.KupjBpC38ZKmDZZR8wew {
  --local-preview-bg: var(--preview-bg, #f8fafc);
  --local-card-bg: var(--preview-bg-secondary, #ffffff);
  --local-card-border: var(--preview-border, #e2e8f0);
  --local-text-primary: var(--preview-text, #0f172a);
  --local-text-secondary: var(--preview-text-secondary, #64748b);
  --local-text-muted: var(--preview-text-muted, #94a3b8);
  --local-accent-blue: var(--preview-accent, #3b82f6);
  --local-accent-green: #10b981;
  --local-accent-amber: #f59e0b;
  --local-accent-purple: #8b5cf6;

  display: flex;
  flex-direction: column;
  gap: 24px;
}

.KupjBpC38ZKmDZZR8wew.KzEVGSlaH_3orpot7Yqw {
  --local-preview-bg: #0f172a;
  --local-card-bg: #1e293b;
  --local-card-border: #334155;
  --local-text-primary: #f1f5f9;
  --local-text-secondary: #94a3b8;
  --local-text-muted: #64748b;
  --local-accent-blue: #60a5fa;
}

.uhmsOOi4tLH3QD57EyCv {
  padding: 20px 28px;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.08), rgba(59, 130, 246, 0.04));
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 12px;
}

.uhmsOOi4tLH3QD57EyCv h3 {
  color: var(--accent-green);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.uhmsOOi4tLH3QD57EyCv h3 .P7pOIabOuBRpyxabYvJQ {
  font-size: 20px;
}

.uhmsOOi4tLH3QD57EyCv p {
  color: var(--text-secondary);
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
}

.MTNvSl11DTkryk52a0zN {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.mSEH2fQ3sIkIdLVBwcW_ {
  position: relative;
  padding: 10px 20px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.mSEH2fQ3sIkIdLVBwcW_:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.mSEH2fQ3sIkIdLVBwcW_.soCYSHvrN2z6ViZZgQpM {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
  color: white;
}

.afrQKlaFWFLvf1lIR5RB {
  position: absolute;
  top: -8px;
  right: -8px;
  padding: 2px 8px;
  background: var(--accent-green);
  color: white;
  font-size: 10px;
  font-weight: 600;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.Wc_ccgyBjl0Z8ZKrTA8u {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--card-border);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.nH1_Arf72MrmxfRFl7LZ {
  padding: 20px 28px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(16, 185, 129, 0.04));
  border-bottom: 1px solid var(--card-border);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}

.hXXLrqzGaY8C_759WKLQ {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.Q4E0IVqkDvcIWl2GlcZr {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 16px;
  font-size: 10px;
  font-weight: 600;
  color: #3b82f6;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: -moz-fit-content;
  width: fit-content;
}

.Q4E0IVqkDvcIWl2GlcZr .P7pOIabOuBRpyxabYvJQ {
  font-size: 14px;
}

.Q4E0IVqkDvcIWl2GlcZr.DF8H3J6sCukvgroknaC2 {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.3);
  color: #059669;
}

.hobfG0MjUJiT3gM6qC22 {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

.Y17mztypsZ5pdpTHfPMh {
  font-size: 14px;
  color: var(--text-secondary);
  max-width: 500px;
  margin: 0;
}

.QurO4p1BOnCE96HbAdqT {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.WlF5I0yjCVlg9lLCebMq {
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  color: var(--text-secondary);
}

.WlF5I0yjCVlg9lLCebMq.AeiUbwIL7VsI5VwJy38P {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.4);
  color: #b45309;
}

.KsSnDNZNQul8W4gsbdoH {
  padding: 28px;
  background: var(--local-preview-bg);
  min-height: 500px;
}

.KsSnDNZNQul8W4gsbdoH.KzEVGSlaH_3orpot7Yqw {
  background: #0f172a;
}

/* ============================================ */
/* VARIANT 1: FORM WIZARD */
/* ============================================ */
.BDA7co0LDGCRYQRHpJ0u {
  max-width: 800px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
}

.GEBQqxma7wM8ACxvQx86 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  position: relative;
}

.GEBQqxma7wM8ACxvQx86::before {
  content: '';
  position: absolute;
  top: 20px;
  left: 40px;
  right: 40px;
  height: 2px;
  background: #e2e8f0;
  z-index: 0;
}

.fRclNvN58VuAqd9BGfvs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.QF1RA93AMGU1IiMN3hzw {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 2px solid #e2e8f0;
  border-radius: 50%;
  color: var(--text-muted);
  transition: all 0.2s ease;
}

.QF1RA93AMGU1IiMN3hzw .P7pOIabOuBRpyxabYvJQ {
  font-size: 20px;
}

.fRclNvN58VuAqd9BGfvs.soCYSHvrN2z6ViZZgQpM .QF1RA93AMGU1IiMN3hzw {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
  color: white;
}

.fRclNvN58VuAqd9BGfvs.N3bCoD6s_UcIdMUeNwsn .QF1RA93AMGU1IiMN3hzw {
  background: var(--accent-green);
  border-color: var(--accent-green);
  color: white;
}

.nxN7_DQ7puWOcHTs2_cQ {
  font-size: 12px;
  font-weight: 500;
  color: var(--text-muted);
}

.fRclNvN58VuAqd9BGfvs.soCYSHvrN2z6ViZZgQpM .nxN7_DQ7puWOcHTs2_cQ {
  color: var(--accent-blue);
  font-weight: 600;
}

.fRclNvN58VuAqd9BGfvs.N3bCoD6s_UcIdMUeNwsn .nxN7_DQ7puWOcHTs2_cQ {
  color: var(--accent-green);
}

.xa65Nz1xh0KkxXYT8RB8 {
  background: white;
  border-radius: 16px;
  border: 1px solid var(--card-border);
  padding: 32px;
  margin-bottom: 24px;
  min-height: 300px;
}

.NVErwerRN8zxApU3PqVl {
  animation: _wS2msuI8PxIC_gwabgZ 0.2s ease;
}

@keyframes _wS2msuI8PxIC_gwabgZ {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.xD1k1A7RSNoBizsXBAaY {
  font-size: 20px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 4px 0;
}

.sPEv0an6jHHrhWLKILHL {
  font-size: 14px;
  color: var(--text-muted);
  margin: 0 0 24px 0;
}

._vO6eWPXA8fiFNmvaRLM {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.ZW_WLmC6yLglBeU5B_LV {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ZW_WLmC6yLglBeU5B_LV.HMeTwjX_FrTReW7OrUSu {
  grid-column: 1 / -1;
}

.ZW_WLmC6yLglBeU5B_LV label {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.ZW_WLmC6yLglBeU5B_LV input,
.ZW_WLmC6yLglBeU5B_LV select {
  padding: 12px 16px;
  background: #f8fafc;
  border: 1px solid var(--card-border);
  border-radius: 10px;
  font-size: 14px;
  color: var(--text-primary);
  font-family: inherit;
  transition: all 0.15s ease;
}

.ZW_WLmC6yLglBeU5B_LV input:focus,
.ZW_WLmC6yLglBeU5B_LV select:focus {
  outline: none;
  border-color: var(--accent-blue);
  background: white;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

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

._3UXQOpvZSaPk5m7c_WS {
  padding: 16px;
  background: #f8fafc;
  border-radius: 12px;
}

._3UXQOpvZSaPk5m7c_WS h4 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0 0 8px 0;
}

._3UXQOpvZSaPk5m7c_WS p {
  font-size: 14px;
  color: var(--text-primary);
  margin: 0;
}

.npVRkIBHJLOE451Sh8GF {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sOksIZdaMUz8FiZBaSvo,
.PQH6Y2n7uh4QFWxKPTd7 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.sOksIZdaMUz8FiZBaSvo {
  background: white;
  border: 1px solid var(--card-border);
  color: var(--text-secondary);
}

.sOksIZdaMUz8FiZBaSvo:hover:not(:disabled) {
  background: #f1f5f9;
}

.sOksIZdaMUz8FiZBaSvo:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.PQH6Y2n7uh4QFWxKPTd7 {
  background: var(--accent-blue);
  border: none;
  color: white;
}

.PQH6Y2n7uh4QFWxKPTd7:hover {
  background: #2563eb;
}

.sOksIZdaMUz8FiZBaSvo .P7pOIabOuBRpyxabYvJQ,
.PQH6Y2n7uh4QFWxKPTd7 .P7pOIabOuBRpyxabYvJQ {
  font-size: 18px;
}

.C2rpnKV6lmbYXpV8W7L_ {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--accent-green);
}

.C2rpnKV6lmbYXpV8W7L_ .P7pOIabOuBRpyxabYvJQ {
  font-size: 16px;
}

/* ============================================ */
/* VARIANT 2: PROFILE CARD */
/* ============================================ */
.Vfwexv3sOWAjZig52qpa {
  max-width: 700px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
}

.H910FBxfL4zyHjh8326B {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 32px;
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  border-radius: 20px;
  margin-bottom: 20px;
}

.KJdDhbMUMXlDmdmZPPDw {
  position: relative;
}

.eexhWBKALxF2E_SiTD1B {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));
  border-radius: 50%;
  font-size: 28px;
  font-weight: 600;
  color: white;
}

.BobDeGKZhc9Kz1YGbi8K {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: none;
  border-radius: 50%;
  color: var(--text-secondary);
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.BobDeGKZhc9Kz1YGbi8K .P7pOIabOuBRpyxabYvJQ {
  font-size: 16px;
}

.wuIynQXnnRLR10d7NB4w {
  flex: 1;
}

.JYtbLhUxmRW2v_fNco6j {
  font-size: 24px;
  font-weight: 700;
  color: white;
  margin: 0 0 4px 0;
}

.e8WWhjaZHhaaaabubwkT {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.gkKPSVpQcBYPBZdobgen {
  flex-shrink: 0;
}

.A7FLXftRUYK8rH3D2Np2 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: white;
  cursor: pointer;
  font-family: inherit;
}

.A7FLXftRUYK8rH3D2Np2:hover {
  background: rgba(255, 255, 255, 0.2);
}

.A7FLXftRUYK8rH3D2Np2 .P7pOIabOuBRpyxabYvJQ {
  font-size: 18px;
}

.RdRXprHLQEgbHJMGC60d {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 20px;
  background: white;
  border-radius: 14px;
  border: 1px solid var(--card-border);
  margin-bottom: 20px;
}

.aii99nEDJuuH0LNF55mT {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.A98Q1eVs88ZBSk2lhnh8 {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.tjKCSWrejhvyrFtI46Pp {
  font-size: 12px;
  color: var(--text-muted);
}

.XOCj4IovJclZhm6f0kWF {
  width: 1px;
  height: 40px;
  background: var(--card-border);
}

.JE4Pck9IXAOQ3944bvVL {
  display: flex;
  gap: 4px;
  padding: 6px;
  background: #f1f5f9;
  border-radius: 12px;
  margin-bottom: 20px;
}

.etNVDH0MiA9UOYlv99Db {
  flex: 1;
  padding: 10px 16px;
  background: transparent;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.etNVDH0MiA9UOYlv99Db.soCYSHvrN2z6ViZZgQpM {
  background: white;
  color: var(--text-primary);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.k9TcjRGkoAkXOiZcDKTy {
  min-height: 200px;
}

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

.Yh3Ox6RaOMdduSc6vnhk {
  background: white;
  border-radius: 14px;
  border: 1px solid var(--card-border);
  overflow: hidden;
}

.jM4Db1EQrQEdeAvk_4o8 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  background: #f8fafc;
  border-bottom: 1px solid var(--card-border);
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

.jM4Db1EQrQEdeAvk_4o8 .P7pOIabOuBRpyxabYvJQ {
  font-size: 20px;
  color: var(--accent-blue);
}

.DocdGetJYg6HVY0tImGe {
  padding: 16px 20px;
}

.khrhrYg_6Yswq6WJt6Cu {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
}

.khrhrYg_6Yswq6WJt6Cu:last-child {
  border-bottom: none;
}

._nEJ1OZgMYTo3Z3OpHXi {
  font-size: 13px;
  color: var(--text-muted);
}

.ozXpmi698FheyDSU_gAc {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}

._xirZu38IJ8Bjw8fKCyv {
  background: white;
  border-radius: 14px;
  border: 1px solid var(--card-border);
  padding: 20px;
}

.iD5_0RqBQeE4AE3jljvM {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid #f1f5f9;
}

.iD5_0RqBQeE4AE3jljvM:last-child {
  border-bottom: none;
}

.cO8D2SQ8SevC9MwsfMwt {
  width: 10px;
  height: 10px;
  background: var(--accent-blue);
  border-radius: 50%;
  margin-top: 4px;
  flex-shrink: 0;
}

.UpJZLTzMvZdF1EMDpE2w {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.XRrq6zRNAhPGYKziRJOO {
  font-size: 14px;
  color: var(--text-primary);
}

.CMWRkerMsCO64D2HXOS8 {
  font-size: 12px;
  color: var(--text-muted);
}

/* ============================================ */
/* VARIANT 3: SPREADSHEET */
/* ============================================ */
.tDeRyQ6vpzmJAHynwtmz {
  font-family: 'DM Sans', sans-serif;
}

.cRaW8M3UqUyDon8tK49a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.TWMObUrTbmDGRlfJ0za7 {
  display: flex;
  align-items: center;
  gap: 12px;
}

.T2RV1wKebfZn1kro_5Pg {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
}

.J78mWK1fXYiylgviggCY {
  display: flex;
  gap: 8px;
}

.or6rTuOgAXm7wT44W0oW {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
}

.or6rTuOgAXm7wT44W0oW:hover {
  background: #f8fafc;
}

.or6rTuOgAXm7wT44W0oW .P7pOIabOuBRpyxabYvJQ {
  font-size: 18px;
}

.C7b1gjxGHL63_kAM6arG {
  background: white;
  border-radius: 12px;
  border: 1px solid var(--card-border);
  overflow: hidden;
}

.CgWpj0LbYZduJwTiKR6f {
  width: 100%;
  border-collapse: collapse;
}

.CgWpj0LbYZduJwTiKR6f th,
.CgWpj0LbYZduJwTiKR6f td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid var(--card-border);
}

.CgWpj0LbYZduJwTiKR6f th {
  background: #f8fafc;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.YfGWkB_cPw03tSZ7AMTa {
  width: 160px;
}

.vDSfUF6p5Eu1r9e9c_D4 {
  width: calc((100% - 160px - 80px) / 2);
}

.kqp2E2oabqLDs3ClgBhR {
  width: 80px;
  text-align: center !important;
}

.WH7y8wj0_7kg8G8aA83K {
  display: flex;
  align-items: center;
  gap: 8px;
}

.WH7y8wj0_7kg8G8aA83K .P7pOIabOuBRpyxabYvJQ {
  font-size: 18px;
}

.W_044S79CLkGtJeQnha1 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
  background: #f8fafc;
}

.v2JpgFDpnciYS3YcPE92 {
  font-size: 14px;
  color: var(--text-primary);
  cursor: pointer;
  transition: background 0.1s ease;
}

.v2JpgFDpnciYS3YcPE92:hover {
  background: #f1f5f9;
}

.v2JpgFDpnciYS3YcPE92.MCmQtR_0QlSXTfWIr4C2 {
  padding: 8px 12px;
  background: #eff6ff;
}

.v2JpgFDpnciYS3YcPE92 input {
  width: 100%;
  padding: 6px 10px;
  background: white;
  border: 2px solid var(--accent-blue);
  border-radius: 6px;
  font-size: 14px;
  color: var(--text-primary);
  font-family: inherit;
}

.v2JpgFDpnciYS3YcPE92 input:focus {
  outline: none;
}

.l2kupzrya27hr1nMTlN5 {
  text-align: center;
}

.Y9c0SvaVPN1rSBwXxd76 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.Y9c0SvaVPN1rSBwXxd76.TdoY8rNSdBteC9AFZHhx {
  background: #dcfce7;
  color: var(--accent-green);
}

.Y9c0SvaVPN1rSBwXxd76.UpCJjSVV3C60o9P56YTM {
  background: #f1f5f9;
  color: var(--text-muted);
}

.Y9c0SvaVPN1rSBwXxd76 .P7pOIabOuBRpyxabYvJQ {
  font-size: 16px;
}

._q1x6kMGbkswE5wN0HCd {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}

.dYfYZ775o9W_UTvqGbt7 {
  font-size: 12px;
  color: var(--text-muted);
  display: flex;
  gap: 12px;
}

.dYfYZ775o9W_UTvqGbt7 kbd {
  padding: 2px 6px;
  background: #f1f5f9;
  border: 1px solid var(--card-border);
  border-radius: 4px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
}

/* ============================================ */
/* VARIANT 4: SUMMARY ACCORDION */
/* ============================================ */
.Ph6oZNzw6kbfHTYArSaC {
  max-width: 700px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
}

.oFMF1alc14EimtPsqadm {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  background: white;
  border-radius: 16px;
  border: 1px solid var(--card-border);
  margin-bottom: 20px;
}

.B72ZTc32oY_2AiBsVgd4 {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));
  border-radius: 50%;
  font-size: 24px;
  font-weight: 600;
  color: white;
  flex-shrink: 0;
}

.s0JHjW2lkbpXosciW0Sd {
  flex: 1;
}

.s0JHjW2lkbpXosciW0Sd h2 {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 8px 0;
}

.P35gtfuduPFYGmzHoMmv {
  display: flex;
  gap: 16px;
}

.P35gtfuduPFYGmzHoMmv span {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--text-secondary);
}

.P35gtfuduPFYGmzHoMmv span .P7pOIabOuBRpyxabYvJQ {
  font-size: 16px;
  color: var(--accent-blue);
}

.o2GUWb5fmHU9Jiap5agI {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8fafc;
  border: 1px solid var(--card-border);
  border-radius: 10px;
  color: var(--text-secondary);
  cursor: pointer;
}

.o2GUWb5fmHU9Jiap5agI:hover {
  background: #f1f5f9;
  color: var(--text-primary);
}

.o2GUWb5fmHU9Jiap5agI .P7pOIabOuBRpyxabYvJQ {
  font-size: 20px;
}

.a9ydG8NCtmuiwYtyJ_UO {
  display: flex;
  gap: 4px;
  padding: 6px;
  background: white;
  border-radius: 12px;
  border: 1px solid var(--card-border);
  margin-bottom: 16px;
  position: sticky;
  top: 0;
  z-index: 10;
}

.NTqVkp8sg35bmKwEhb0H {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  background: transparent;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.NTqVkp8sg35bmKwEhb0H:hover {
  background: #f8fafc;
}

.NTqVkp8sg35bmKwEhb0H.soCYSHvrN2z6ViZZgQpM {
  background: var(--accent-blue);
  color: white;
}

.NTqVkp8sg35bmKwEhb0H .P7pOIabOuBRpyxabYvJQ {
  font-size: 18px;
}

.yBm8E5zjpbjidTDSrFHa {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.KnMiam1zGPx89NSF9PuK {
  background: white;
  border-radius: 14px;
  border: 1px solid var(--card-border);
  overflow: hidden;
  transition: all 0.2s ease;
}

.KnMiam1zGPx89NSF9PuK.k4Z8tfWr9bnqkhWw0sil {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.swjvyQSsAelZWpof9pUj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 18px 20px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
}

.le71HAn_kZOSoLHMwcMv {
  display: flex;
  align-items: center;
  gap: 14px;
}

.iZwYfDY9BC_2oLkQHMBg {
  font-size: 22px;
  color: var(--accent-blue);
}

.EsmBUNtZr_8u51WDdiID {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.LjK_vGHV4uZBzmEmtSvQ {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
}

.wRZQOSYkXvxbt_6uuBK4 {
  font-size: 13px;
  color: var(--text-muted);
}

.Kz5ycmoUwah2dzOkm5PW {
  font-size: 24px;
  color: var(--text-muted);
  transition: transform 0.2s ease;
}

.KnMiam1zGPx89NSF9PuK.k4Z8tfWr9bnqkhWw0sil .Kz5ycmoUwah2dzOkm5PW {
  transform: rotate(180deg);
}

.zg_EgMp9xH0hnnIg5u_t {
  padding: 0 20px 20px;
}

.YJq3Dc5vXdgrm5RfADV8 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

.axwLm42FdvrM7ZxWH1XU {
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 10px;
}

.UpKlXv7KQn4jWnrJ6YBV {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 4px;
}

.NAYpV45N9BGwP9AyXHME {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

.PNXtqu1UCUZYMmTs2MXw {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: transparent;
  border: 1px solid var(--card-border);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
}

.PNXtqu1UCUZYMmTs2MXw:hover {
  background: #f8fafc;
  color: var(--text-primary);
}

.PNXtqu1UCUZYMmTs2MXw .P7pOIabOuBRpyxabYvJQ {
  font-size: 18px;
}

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

  .LwY9zxwS6CveahVeSeQ1 {
    grid-template-columns: 1fr;
  }

  .RdRXprHLQEgbHJMGC60d {
    flex-direction: column;
    gap: 16px;
  }

  .XOCj4IovJclZhm6f0kWF {
    width: 100%;
    height: 1px;
  }

  .S8RdaLQtkSSK4LH_2Su0 {
    grid-template-columns: 1fr;
  }

  .H910FBxfL4zyHjh8326B {
    flex-direction: column;
    text-align: center;
  }

  .YJq3Dc5vXdgrm5RfADV8 {
    grid-template-columns: 1fr;
  }

  .P35gtfuduPFYGmzHoMmv {
    flex-wrap: wrap;
    justify-content: center;
  }

  .NTqVkp8sg35bmKwEhb0H span:not(.P7pOIabOuBRpyxabYvJQ) {
    display: none;
  }
}

.TqU83TZEWTywP3bwONW4 {
  --local-preview-bg: var(--preview-bg, #f8fafc);
  --local-card-bg: var(--preview-bg-secondary, #ffffff);
  --local-card-border: var(--preview-border, #e2e8f0);
  --local-text-primary: var(--preview-text, #0f172a);
  --local-text-secondary: var(--preview-text-secondary, #64748b);
  --local-text-muted: var(--preview-text-muted, #94a3b8);
  --local-accent-blue: var(--preview-accent, #3b82f6);
  --local-accent-green: #10b981;
  --local-accent-amber: #f59e0b;
  --local-accent-purple: #8b5cf6;

  display: flex;
  flex-direction: column;
  gap: 24px;
}

.TqU83TZEWTywP3bwONW4.bQJYXRRXTU0XXkNIsv_l {
  --local-preview-bg: #0f172a;
  --local-card-bg: #1e293b;
  --local-card-border: #334155;
  --local-text-primary: #f1f5f9;
  --local-text-secondary: #94a3b8;
  --local-text-muted: #64748b;
  --local-accent-blue: #60a5fa;
}

._84GfF0FvQ7NiGsWNQRiz {
  padding: 20px 28px;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.08), rgba(59, 130, 246, 0.04));
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 12px;
}

._84GfF0FvQ7NiGsWNQRiz h3 {
  color: var(--accent-amber);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

._84GfF0FvQ7NiGsWNQRiz h3 .arWyvgTBtQSIw5y4yinb {
  font-size: 20px;
}

._84GfF0FvQ7NiGsWNQRiz p {
  color: var(--text-secondary);
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
}

.HgYtEat5xmqPScLVX42H {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.CGI7Wp_87kOglnCncbGd {
  position: relative;
  padding: 10px 20px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.CGI7Wp_87kOglnCncbGd:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.CGI7Wp_87kOglnCncbGd.M5ckSdhsQVUYMDpVwQeQ {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
  color: white;
}

.s7kjFSi_IpYXkjeMbsii {
  position: absolute;
  top: -8px;
  right: -8px;
  padding: 2px 8px;
  background: var(--accent-green);
  color: white;
  font-size: 10px;
  font-weight: 600;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.RVcC4LGKL6vksyaeSrJg {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--card-border);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.PZ339PEj7S8Y04tWoM9q {
  padding: 20px 28px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(16, 185, 129, 0.04));
  border-bottom: 1px solid var(--card-border);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}

.qNQPaVDyCQAwQ19q4gaw {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.y1VXBkglt5WqYnUBqZrN {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 16px;
  font-size: 10px;
  font-weight: 600;
  color: #3b82f6;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: -moz-fit-content;
  width: fit-content;
}

.y1VXBkglt5WqYnUBqZrN .arWyvgTBtQSIw5y4yinb {
  font-size: 14px;
}

.y1VXBkglt5WqYnUBqZrN.xX10ZwSRFigACKk72TfH {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.3);
  color: #059669;
}

.Q5CzJTlzduzzjgAP7bQB {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

.ubqA9OyRN24WBcXfK93A {
  font-size: 14px;
  color: var(--text-secondary);
  max-width: 500px;
  margin: 0;
}

.thsUCtk9CFHWckda3HfT {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.UtSwySLMyssUOBUmftGt {
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  color: var(--text-secondary);
}

.UtSwySLMyssUOBUmftGt.LLm9rECmZ2Xia4qehQob {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.4);
  color: #b45309;
}

.eqHBvo5ggBQ6aVQnoAHs {
  padding: 28px;
  background: var(--local-preview-bg);
  min-height: 500px;
}

.eqHBvo5ggBQ6aVQnoAHs.bQJYXRRXTU0XXkNIsv_l {
  background: #0f172a;
}

/* ============================================ */
/* VARIANT 1: COMPARISON TABLE */
/* ============================================ */
.oTLCgpNeYGOyUR1IpTAf {
  font-family: 'DM Sans', sans-serif;
}

.IfB08_p5KGYLUjMotsFV {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.oUASoM0LbsoUCzDVyqQB {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

.O9dkgbKUJm8Sw81_5WhH {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--text-secondary);
}

.O9dkgbKUJm8Sw81_5WhH select {
  padding: 8px 12px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  font-size: 13px;
  font-family: inherit;
  cursor: pointer;
}

.oYrfLNTn1aNOok8gI1BT {
  background: white;
  border-radius: 12px;
  border: 1px solid var(--card-border);
  overflow: hidden;
  margin-bottom: 20px;
}

.QzTf3llkr4M8aWIqxsSl {
  overflow-x: auto;
}

.oYrfLNTn1aNOok8gI1BT table {
  width: 100%;
  border-collapse: collapse;
}

.oYrfLNTn1aNOok8gI1BT th,
.oYrfLNTn1aNOok8gI1BT td {
  padding: 14px 20px;
  text-align: left;
  border-bottom: 1px solid var(--card-border);
}

.UcqOfRNGjyTuphsLOh2m {
  background: #f8fafc;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  width: 180px;
  position: sticky;
  left: 0;
  z-index: 1;
}

.eS9mgeL7enxi5jqQTm_z {
  background: #f8fafc;
  min-width: 160px;
  text-align: center !important;
}

.iEFxVHAwkrnjyzNRVo4B {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.eO3h3ygpCr0QBJ1oTL4w {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  background: #dcfce7;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
  color: #166534;
}

.eO3h3ygpCr0QBJ1oTL4w .arWyvgTBtQSIw5y4yinb {
  font-size: 12px;
}

.SeiwsvHkSsjiIiBpzLuJ {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

.tNU41AgnrRkHOkGZgPFL {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  background: #f8fafc;
  position: sticky;
  left: 0;
  z-index: 1;
}

.pCOc6SvKSdictF_4m8j2 {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-primary);
  text-align: center !important;
  font-family: 'JetBrains Mono', monospace;
  position: relative;
}

.pCOc6SvKSdictF_4m8j2.TgDI6FrDIL8KI9SpN3gm {
  background: #f0fdf4;
  color: #166534;
}

.pI2J5EGUJl_uxgqz_oO3 {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  color: var(--accent-amber);
}

.pI2J5EGUJl_uxgqz_oO3 .arWyvgTBtQSIw5y4yinb {
  font-size: 18px;
}

.CsinRMsixrDNXevWigzC {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.PtfeMh6FqeFxSnGwVZ3S {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
}

.PtfeMh6FqeFxSnGwVZ3S:hover {
  background: #f8fafc;
}

.PtfeMh6FqeFxSnGwVZ3S .arWyvgTBtQSIw5y4yinb {
  font-size: 18px;
}

.WmT7S2GNswdPwqzPCjrA {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: var(--accent-blue);
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  font-family: inherit;
}

.WmT7S2GNswdPwqzPCjrA .arWyvgTBtQSIw5y4yinb {
  font-size: 18px;
}

/* ============================================ */
/* VARIANT 2: SCENARIO BUILDER */
/* ============================================ */
.OPEthAzEh1_G5TrmeoVd {
  font-family: 'DM Sans', sans-serif;
}

.KUVp6CYM0Ee3npMPF0J0 {
  margin-bottom: 24px;
}

.KUVp6CYM0Ee3npMPF0J0 h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 6px 0;
}

.KUVp6CYM0Ee3npMPF0J0 h3 .arWyvgTBtQSIw5y4yinb {
  font-size: 24px;
  color: var(--accent-blue);
}

.KUVp6CYM0Ee3npMPF0J0 p {
  font-size: 14px;
  color: var(--text-muted);
  margin: 0;
}

.JuJDKzysWiPWohghfM1y {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
}

.SuPhAy6Q3gnr_hmpn3yS {
  background: white;
  border-radius: 16px;
  border: 1px solid var(--card-border);
  padding: 24px;
}

.vg8bYfTG3ExiT_HYKuTc {
  margin-bottom: 24px;
}

.vg8bYfTG3ExiT_HYKuTc:last-child {
  margin-bottom: 0;
}

.XpiyAO0R7dytO1zDEdN0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.XpiyAO0R7dytO1zDEdN0 label {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
}

.qXHqXVJ3A_mTD1VXVflP {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.DvVezDRHcBZBI8MKoUYP {
  width: 100%;
  height: 8px;
  background: #e2e8f0;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

.DvVezDRHcBZBI8MKoUYP::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  background: var(--accent-blue);
  border-radius: 50%;
  cursor: grab;
  box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);
}

.DvVezDRHcBZBI8MKoUYP::-webkit-slider-thumb:active {
  cursor: grabbing;
}

.MjuoXW9_fWcdUJyKLHd1 {
  display: flex;
  gap: 8px;
}

.sT9KqfIBUZ2payZo4Ggt {
  flex: 1;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid var(--card-border);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.sT9KqfIBUZ2payZo4Ggt.M5ckSdhsQVUYMDpVwQeQ {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
  color: white;
}

.RuWf2p_HtiO2mBans2PA {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ZhZwAzIasQwI15ges23B {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  border-radius: 16px;
  padding: 24px;
  color: white;
}

.j56mAwRXPz4kIPusSFmg {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 16px;
}

.WKHD6TgLQLAmSUKS8vuM {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}

.WAS7lsdh6IISU8xHAYWw {
  text-align: center;
}

.WAS7lsdh6IISU8xHAYWw.JOWui_pqXPPPHQW5hfi0 {
  grid-column: 1 / -1;
  padding: 16px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
}

.VD6bBIwFUagPKVzviLbA {
  display: block;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 4px;
}

.hoVNWCiqYmaJST4SEx64 {
  font-size: 20px;
  font-weight: 700;
  font-family: 'JetBrains Mono', monospace;
}

.WAS7lsdh6IISU8xHAYWw.JOWui_pqXPPPHQW5hfi0 .hoVNWCiqYmaJST4SEx64 {
  font-size: 32px;
}

.wEzBjBXoSf3paOtP6Eiw {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  font-family: inherit;
}

.wEzBjBXoSf3paOtP6Eiw:hover {
  background: rgba(255, 255, 255, 0.2);
}

.wEzBjBXoSf3paOtP6Eiw .arWyvgTBtQSIw5y4yinb {
  font-size: 18px;
}

.Bk1qztGBJM9rXl2G8MUG {
  background: white;
  border-radius: 16px;
  border: 1px solid var(--card-border);
  padding: 20px;
}

.dtvQozhBeGYuuD_wjwzY {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 16px;
}

.dtvQozhBeGYuuD_wjwzY .arWyvgTBtQSIw5y4yinb {
  font-size: 20px;
  color: var(--accent-blue);
}

.RGMdGJ7_5JFtSYSouuX5 {
  height: 150px;
}

.sL00I3q_s3xd9_BtO095 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 120px;
  padding: 0 8px;
}

.nBAm2SY_7jwFHSBxxX3p {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 24px;
}

.awR80GrkWHFnkXqmScKy {
  width: 100%;
  background: linear-gradient(180deg, var(--accent-blue), #93c5fd);
  border-radius: 4px 4px 0 0;
}

.rZFNA1EYSOfA4d8QCwka {
  font-size: 10px;
  color: var(--text-muted);
  margin-top: 8px;
}

.k272wppKX8YnuYARR3Eo {
  display: flex;
  justify-content: center;
  margin-top: 12px;
  font-size: 12px;
  color: var(--text-secondary);
}

.heNaj_aX8hKvbnvvXJQ6 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 6px;
}

.h55VK6NZ0qfUXXr2IYCT {
  background: white;
  border-radius: 12px;
  border: 1px solid var(--card-border);
  padding: 16px 20px;
}

.h55VK6NZ0qfUXXr2IYCT h4 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 12px 0;
}

.M5g1zx93l2ru1DLxy6ed {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.DQ4_70uQaUXXwi6hk_eS {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: #f8fafc;
  border-radius: 8px;
}

.Qq3PIRqz_hTeCPM1viZV {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 13px;
  color: var(--text-primary);
}

.tXPuqlR0vXQGpr11QieZ {
  font-size: 12px;
  color: var(--text-muted);
}

.m6LLNgXIPVpisI3di4oS {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 50%;
  color: var(--text-muted);
  cursor: pointer;
}

.m6LLNgXIPVpisI3di4oS:hover {
  background: #e2e8f0;
  color: var(--text-primary);
}

.m6LLNgXIPVpisI3di4oS .arWyvgTBtQSIw5y4yinb {
  font-size: 16px;
}

/* ============================================ */
/* VARIANT 3: RECOMMENDATION ENGINE */
/* ============================================ */
.MsY8Kh9J6IeRKSE4ZVY2 {
  max-width: 600px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
}

.knY8SotbxclJ30YTgYTm {
  text-align: center;
}

.eI_EUKYY2jThe9YnW127 {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent-purple), var(--accent-blue));
  border-radius: 20px;
  margin: 0 auto 16px;
}

.eI_EUKYY2jThe9YnW127 .arWyvgTBtQSIw5y4yinb {
  font-size: 36px;
  color: white;
}

.knY8SotbxclJ30YTgYTm h2 {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 8px 0;
}

.knY8SotbxclJ30YTgYTm > p {
  font-size: 14px;
  color: var(--text-muted);
  margin: 0 0 24px 0;
}

.rdVLFjtl3rS5CsZQkl7K {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  border-radius: 20px;
  padding: 32px;
  color: white;
  margin-bottom: 24px;
}

.rdVLFjtl3rS5CsZQkl7K .eO3h3ygpCr0QBJ1oTL4w {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  color: #6ee7b7;
  margin-bottom: 16px;
}

.rdVLFjtl3rS5CsZQkl7K .eO3h3ygpCr0QBJ1oTL4w .arWyvgTBtQSIw5y4yinb {
  font-size: 16px;
}

.Y6x7729QgEnHw20qSnYj {
  font-size: 56px;
  font-weight: 700;
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: -0.02em;
}

.ZQLqWJRTMYTX74l9TXEP {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 24px;
}

.q1t8nP_3rQeTz0O6rEHx {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.wL80ei3xE8Vh44huFaZy {
  text-align: center;
}

.F4E3dwjDXqAdOjyooQ9g {
  display: block;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 4px;
}

.kQoAsz8w_X07igaMp9Em {
  font-size: 18px;
  font-weight: 600;
  font-family: 'JetBrains Mono', monospace;
}

.F09NyBdVogwIM7gIBGUx {
  background: #eff6ff;
  border: 1px solid #93c5fd;
  border-radius: 14px;
  padding: 20px;
  text-align: left;
  margin-bottom: 24px;
}

.F09NyBdVogwIM7gIBGUx h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1e40af;
  margin: 0 0 12px 0;
}

.F09NyBdVogwIM7gIBGUx h4 .arWyvgTBtQSIw5y4yinb {
  font-size: 20px;
}

.F09NyBdVogwIM7gIBGUx ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.F09NyBdVogwIM7gIBGUx li {
  font-size: 13px;
  color: #1e40af;
  padding: 6px 0;
  padding-left: 20px;
  position: relative;
}

.F09NyBdVogwIM7gIBGUx li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--accent-green);
}

.JfNICWlQfXWqoW7E7kES {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.mbMiMQCH8IN6OqjiXH25 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 24px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
}

.mbMiMQCH8IN6OqjiXH25:hover {
  background: #f8fafc;
}

.mbMiMQCH8IN6OqjiXH25 .arWyvgTBtQSIw5y4yinb {
  font-size: 18px;
}

.A9Hc3ZN4EVStrtREJA1D {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 24px;
  background: var(--accent-blue);
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  font-family: inherit;
}

.A9Hc3ZN4EVStrtREJA1D .arWyvgTBtQSIw5y4yinb {
  font-size: 18px;
}

.FmLS0F6KjIlnLzifrtMn {
  text-align: center;
}

.HmzGycTl1aDMO3P9P8TA {
  margin-bottom: 32px;
}

.HmzGycTl1aDMO3P9P8TA span {
  font-size: 13px;
  color: var(--text-muted);
  margin-bottom: 8px;
  display: block;
}

.esrkWgXMNr6heI_eGgLi {
  height: 6px;
  background: #e2e8f0;
  border-radius: 3px;
  overflow: hidden;
}

.rw6uBH8kh6rjcbcddEqP {
  height: 100%;
  background: var(--accent-blue);
  border-radius: 3px;
  transition: width 0.3s ease;
}

.OxVrrtyehkMCw_OA2CgQ h3 {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 24px 0;
}

.oGAuHf5ekPOi7cF0nnlJ {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.UY7pAnyyGG12zl2YOanb {
  padding: 18px 24px;
  background: white;
  border: 2px solid var(--card-border);
  border-radius: 14px;
  font-size: 15px;
  font-weight: 500;
  color: var(--text-primary);
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.UY7pAnyyGG12zl2YOanb:hover {
  border-color: var(--accent-blue);
  background: #eff6ff;
}

.UY7pAnyyGG12zl2YOanb.HzYo9CoQYL6zoDdi2Rwb {
  border-color: var(--accent-blue);
  background: var(--accent-blue);
  color: white;
}

.NEiUSRGUTWXzmoiI03ql {
  text-align: center;
  padding: 40px;
}

.NEiUSRGUTWXzmoiI03ql .arWyvgTBtQSIw5y4yinb {
  font-size: 64px;
  color: var(--accent-green);
  margin-bottom: 16px;
}

.NEiUSRGUTWXzmoiI03ql h3 {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 8px 0;
}

.NEiUSRGUTWXzmoiI03ql p {
  font-size: 14px;
  color: var(--text-muted);
  margin: 0 0 24px 0;
}

.cu00nj17D203dAUnRYAX {
  padding: 14px 28px;
  background: var(--accent-blue);
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  font-family: inherit;
}

/* ============================================ */
/* VARIANT 4: CARD CAROUSEL */
/* ============================================ */
.mUOkXv6xkZZIkJEi8ggt {
  max-width: 400px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
  padding: 20px;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 24px;
  border: 1px solid var(--card-border);
}

.LakYykrWzYugvXpvtjO5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.LakYykrWzYugvXpvtjO5 h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

.SRWmpUHtpmzREPXjzXHx {
  font-size: 12px;
  color: var(--accent-blue);
  font-weight: 500;
}

.ulC72WgB_Us2ju_RKxyQ {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 10px 0;
  margin-bottom: 16px;
}

.ulC72WgB_Us2ju_RKxyQ::-webkit-scrollbar {
  display: none;
}

.JQXX8zF6GjnxJzNz1EH5 {
  flex-shrink: 0;
  width: 280px;
  background: white;
  border-radius: 20px;
  border: 2px solid var(--card-border);
  padding: 24px;
  scroll-snap-align: center;
  transition: all 0.2s ease;
  position: relative;
}

.JQXX8zF6GjnxJzNz1EH5.M5ckSdhsQVUYMDpVwQeQ {
  border-color: var(--accent-blue);
  box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);
}

.JQXX8zF6GjnxJzNz1EH5.wpKOzYszVn4oty5nqjgu {
  border-color: var(--accent-amber);
}

.ksYIMj1VhTjQd3vmJu2r {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-green);
  border-radius: 50%;
  color: white;
}

.ksYIMj1VhTjQd3vmJu2r .arWyvgTBtQSIw5y4yinb {
  font-size: 18px;
}

.K6XQW_Wjfg_jfqM7WCmw {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-amber);
  border-radius: 50%;
  color: white;
}

.K6XQW_Wjfg_jfqM7WCmw .arWyvgTBtQSIw5y4yinb {
  font-size: 16px;
}

.bVyOW4LLhhIrs1aIt6Z7 {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

.GH0f8pl1WcW1fmkz6DPH {
  font-size: 40px;
  font-weight: 700;
  color: var(--text-primary);
  font-family: 'JetBrains Mono', monospace;
  margin-bottom: 4px;
}

.rFKuxjITLmt6bPGvPDDA {
  font-size: 16px;
  color: var(--text-secondary);
  margin-bottom: 20px;
}

.fqTrLJ1ixRaIxWk6JhGY {
  padding-top: 16px;
  border-top: 1px solid var(--card-border);
}

.fz9pa9TFadteFZvmVvRZ {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 13px;
}

.fz9pa9TFadteFZvmVvRZ span:first-child {
  color: var(--text-muted);
}

.fz9pa9TFadteFZvmVvRZ span:last-child {
  font-weight: 600;
  color: var(--text-primary);
}

.Bb9vcU6fE5HHi5dMMkga {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 16px;
}

.OM6J0AHjQAlUDdIR84Cm {
  width: 8px;
  height: 8px;
  background: #cbd5e1;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
}

.OM6J0AHjQAlUDdIR84Cm.M5ckSdhsQVUYMDpVwQeQ {
  background: var(--accent-blue);
  width: 24px;
  border-radius: 4px;
}

.YUkWcWOEuqz80nfLSwGi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 12px;
  color: var(--text-muted);
  margin-bottom: 20px;
}

.YUkWcWOEuqz80nfLSwGi .arWyvgTBtQSIw5y4yinb {
  font-size: 18px;
}

.kzaXshiRZUfAMK1gIZEj {
  display: flex;
  justify-content: center;
}

.UuRAgOzWQy7MWaoA3Emu {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: var(--accent-blue);
  border: none;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  font-family: inherit;
}

.UuRAgOzWQy7MWaoA3Emu .arWyvgTBtQSIw5y4yinb {
  font-size: 20px;
}

/* Responsive */
@media (max-width: 900px) {
  .JuJDKzysWiPWohghfM1y {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .JfNICWlQfXWqoW7E7kES {
    flex-direction: column;
  }

  .mbMiMQCH8IN6OqjiXH25,
  .A9Hc3ZN4EVStrtREJA1D {
    width: 100%;
    justify-content: center;
  }
}

.EYRvCFPk6ksC6PygAj05 {
  --local-preview-bg: var(--preview-bg, #f8fafc);
  --local-card-bg: var(--preview-bg-secondary, #ffffff);
  --local-card-border: var(--preview-border, #e2e8f0);
  --local-text-primary: var(--preview-text, #0f172a);
  --local-text-secondary: var(--preview-text-secondary, #64748b);
  --local-text-muted: var(--preview-text-muted, #94a3b8);
  --local-accent-blue: var(--preview-accent, #3b82f6);
  --local-accent-green: #10b981;
  --local-accent-amber: #f59e0b;
  --local-accent-purple: #8b5cf6;

  display: flex;
  flex-direction: column;
  gap: 24px;
}

.EYRvCFPk6ksC6PygAj05.YYKhDbVkUg50GFNeBeXw {
  --local-preview-bg: #0f172a;
  --local-card-bg: #1e293b;
  --local-card-border: #334155;
  --local-text-primary: #f1f5f9;
  --local-text-secondary: #94a3b8;
  --local-text-muted: #64748b;
  --local-accent-blue: #60a5fa;
}

.zf8up98s0FsrjxRyJP58 {
  padding: 20px 28px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(16, 185, 129, 0.04));
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 12px;
}

.zf8up98s0FsrjxRyJP58 h3 {
  color: var(--accent-blue);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.zf8up98s0FsrjxRyJP58 h3 .jpJiqpPDuBX0XtmaAoUq {
  font-size: 20px;
}

.zf8up98s0FsrjxRyJP58 p {
  color: var(--text-secondary);
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
}

.uvPxljMwoNM8xL_EDkSh {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.DtVMHyHtwdKpZD24opTf {
  position: relative;
  padding: 10px 20px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.DtVMHyHtwdKpZD24opTf:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.DtVMHyHtwdKpZD24opTf.r7EyFjCLJaz1SipAgply {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
  color: white;
}

._luFf8U21hjBnIj49eEw {
  position: absolute;
  top: -8px;
  right: -8px;
  padding: 2px 8px;
  background: var(--accent-green);
  color: white;
  font-size: 10px;
  font-weight: 600;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.mLiMeNIfoejAOCoLWFzz {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--card-border);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.JcSAx2p65ALgD2BS6JhQ {
  padding: 20px 28px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(16, 185, 129, 0.04));
  border-bottom: 1px solid var(--card-border);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}

.KUnhXei72E99BA28cqUo {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.wX568pLo2ujRwBIPxMKx {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 16px;
  font-size: 10px;
  font-weight: 600;
  color: #3b82f6;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: -moz-fit-content;
  width: fit-content;
}

.wX568pLo2ujRwBIPxMKx .jpJiqpPDuBX0XtmaAoUq {
  font-size: 14px;
}

.wX568pLo2ujRwBIPxMKx.GQtkf0g8aQNbx___0QOP {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.3);
  color: #059669;
}

.zdShQYKnpZPdk9Lvg7Ts {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

.oqfkqFJ6tJSm0djczopC {
  font-size: 14px;
  color: var(--text-secondary);
  max-width: 500px;
  margin: 0;
}

.DOXy860HAKTPzA72KcgN {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.yLnbbfT4Gtk8hIGyQHN8 {
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  color: var(--text-secondary);
}

.yLnbbfT4Gtk8hIGyQHN8.Itw324_tJjzjfc7Xojky {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.4);
  color: #b45309;
}

.Fk_2xgKZy7Rv27woY7zp {
  padding: 28px;
  background: var(--local-preview-bg);
  min-height: 500px;
}

.Fk_2xgKZy7Rv27woY7zp.YYKhDbVkUg50GFNeBeXw {
  background: #0f172a;
}

/* ============================================ */
/* VARIANT 1: DOCUMENT VIEWER */
/* ============================================ */
.OfOHpQ3mbt7TmYbcZ8K4 {
  font-family: 'DM Sans', sans-serif;
}

.MvQQXdAa_EGJQLYqWGCL {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #1e293b;
  border-radius: 12px 12px 0 0;
}

.N0cTNPeL37z2aFyWpNm0,
.ig0CnqTvTNfTtT8cstna {
  display: flex;
  gap: 8px;
}

.XWPinZfART_AUfDKZEG8 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.Bi9QnvQG5UnB34oyM8GS {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: white;
  cursor: pointer;
  font-family: inherit;
}

.Bi9QnvQG5UnB34oyM8GS:hover,
.Bi9QnvQG5UnB34oyM8GS.r7EyFjCLJaz1SipAgply {
  background: rgba(255, 255, 255, 0.2);
}

.Bi9QnvQG5UnB34oyM8GS .jpJiqpPDuBX0XtmaAoUq {
  font-size: 18px;
}

.ssn1BOBZJERDbenU_awf {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 6px;
  color: white;
  cursor: pointer;
}

.ssn1BOBZJERDbenU_awf:hover {
  background: rgba(255, 255, 255, 0.2);
}

.ssn1BOBZJERDbenU_awf .jpJiqpPDuBX0XtmaAoUq {
  font-size: 18px;
}

.A0GYhIjCMln_OKh8spJK {
  font-size: 13px;
  color: white;
  min-width: 40px;
  text-align: center;
}

.CmqWbseG79bmf0IYtRHr {
  display: flex;
  background: #f1f5f9;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}

.fQVtEyvwHmet4d_POBOL {
  width: 220px;
  background: white;
  border-right: 1px solid var(--card-border);
  padding: 16px;
}

.fQVtEyvwHmet4d_POBOL h4 {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  margin: 0 0 12px 0;
}

.EeAoxHFPY_L3kjQKa1N4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  border-radius: 8px;
  margin-bottom: 6px;
  cursor: pointer;
}

.EeAoxHFPY_L3kjQKa1N4:hover {
  background: #f8fafc;
}

.EeAoxHFPY_L3kjQKa1N4._38A6ckH4zwZXAD4seIQ {
  background: #eff6ff;
  border: 1px solid var(--accent-blue);
}

.ZGItcIqEKGiMyT9PxqCw {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.lj_BFpzQHd1f2KTJ4nQ5 {
  font-size: 12px;
  color: var(--text-muted);
}

.T_PMjRkMSguxeDrEvvI8 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

.k_J_oiyoKcTtfoyquFlv {
  font-size: 10px;
  font-weight: 600;
  color: var(--accent-blue);
  text-transform: uppercase;
}

.QdlP4GlCNAnLzpq9WYkL {
  flex: 1;
  padding: 32px;
  display: flex;
  justify-content: center;
  transition: transform 0.2s ease;
  transform-origin: center top;
}

.Mb4KfhLYuLwBhnBIgJkp {
  width: 500px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  padding: 40px;
}

.o8_jzGbLpkdQ2uSkgZTp {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
}

.lTK8RYwOW2v_W4aTU7DD {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
}

.lTK8RYwOW2v_W4aTU7DD .jpJiqpPDuBX0XtmaAoUq {
  font-size: 28px;
  color: var(--accent-blue);
}

.EekrUZ_RNeXOurz5ZN8Y {
  font-size: 13px;
  color: var(--text-muted);
}

.NKHwdI8RS6smXaQFRvND {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  text-align: center;
  margin: 0 0 24px 0;
}

.wr0J6fXOVQUDRNO6ZSCC {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.7;
}

.wr0J6fXOVQUDRNO6ZSCC p {
  margin: 0 0 16px 0;
}

._G3cnEoT4poWLqptdsDg {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--accent-blue);
  font-family: 'JetBrains Mono', monospace;
  padding: 24px;
  background: #eff6ff;
  border-radius: 12px;
  margin: 24px 0;
}

.ZuBcmLD9PKkIfse8TM5c {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 16px;
  background: #f8fafc;
  border-radius: 10px;
  margin-top: 24px;
}

.k8Gyj9rz_9rBWRLOjgfp {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pxvo3NGbEBOoSHWgeSvt {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
}

.M2evwF1TkD6GbzzZwvFP {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

.hZb2fqIQFyuTg6oRMpRH {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid var(--card-border);
}

.Zso_mquQmnGZ5G1hM0tB {
  width: 200px;
}

.KmO3tm00NSifqo30Isgk {
  height: 1px;
  background: var(--text-primary);
  margin-bottom: 8px;
}

._uOVvtQfSkfxvwzZbuOR {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

.bvPdlGpzLPJ9vn8SFgXu {
  font-size: 12px;
  color: var(--text-muted);
}

.Qiiyqg9ERE3kRBw_B9iU {
  margin-top: 20px;
  padding: 16px 20px;
  background: white;
  border-radius: 12px;
  border: 1px solid var(--card-border);
}

.Qiiyqg9ERE3kRBw_B9iU h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 12px 0;
}

.Qiiyqg9ERE3kRBw_B9iU h4 .jpJiqpPDuBX0XtmaAoUq {
  font-size: 20px;
  color: var(--accent-amber);
}

.irWMRAuj4iwslflgQz8L {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.Q_MU_MQvclMZ3oUOKayJ {
  padding: 6px 12px;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  color: #92400e;
}

/* ============================================ */
/* VARIANT 2: LETTER BUILDER */
/* ============================================ */
._h9Fd9VN_FYqM5XtdtcC {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 24px;
  font-family: 'DM Sans', sans-serif;
}

.YWjfQZD7Pz2rk5EdexhE {
  background: white;
  border-radius: 16px;
  border: 1px solid var(--card-border);
  padding: 24px;
}

.dM1oMt0CzfUljBPPFsf6 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 24px 0;
}

.dM1oMt0CzfUljBPPFsf6 .jpJiqpPDuBX0XtmaAoUq {
  font-size: 24px;
  color: var(--accent-blue);
}

.pPk64WJk20CwqytVnHOH {
  margin-bottom: 20px;
}

.pPk64WJk20CwqytVnHOH label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  margin-bottom: 8px;
}

.zSgdY5CB9c1PxuVDm5eM {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: #f8fafc;
  border: 1px solid var(--card-border);
  border-radius: 10px;
}

.zSgdY5CB9c1PxuVDm5eM span {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-muted);
}

.zSgdY5CB9c1PxuVDm5eM input {
  flex: 1;
  background: transparent;
  border: none;
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
  font-family: 'JetBrains Mono', monospace;
}

.zSgdY5CB9c1PxuVDm5eM input:focus {
  outline: none;
}

.WeTB2K6WuH7KfYQ_7FXg {
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 6px;
}

.pPk64WJk20CwqytVnHOH input[type="text"] {
  width: 100%;
  padding: 12px 16px;
  background: #f8fafc;
  border: 1px solid var(--card-border);
  border-radius: 10px;
  font-size: 14px;
  color: var(--text-primary);
  font-family: inherit;
}

.pPk64WJk20CwqytVnHOH input:focus {
  outline: none;
  border-color: var(--accent-blue);
}

.Rr3Z6lg9hRhHFN0rfVZW {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.jQWLmINHneEFATlWkruH {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: #f8fafc;
  border: 1px solid var(--card-border);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
  text-align: left;
}

.jQWLmINHneEFATlWkruH:hover {
  border-color: #cbd5e1;
}

.jQWLmINHneEFATlWkruH.r7EyFjCLJaz1SipAgply {
  background: #eff6ff;
  border-color: var(--accent-blue);
  color: var(--accent-blue);
}

.jQWLmINHneEFATlWkruH .jpJiqpPDuBX0XtmaAoUq {
  font-size: 20px;
}

.okKu04SWAd6vsHc6QRd9 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px;
  background: var(--accent-blue);
  border: none;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  font-family: inherit;
  margin-top: 24px;
}

.okKu04SWAd6vsHc6QRd9 .jpJiqpPDuBX0XtmaAoUq {
  font-size: 20px;
}

.hLu3AOormdJZUtPdTLAW {
  background: white;
  border-radius: 16px;
  border: 1px solid var(--card-border);
  overflow: hidden;
}

.x66NL3SScx9QhZtplGFg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  background: #f8fafc;
  border-bottom: 1px solid var(--card-border);
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
}

.UnTp6sKmG1KID1DXF0pZ {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--accent-green);
}

.N4aAK_hL_fjCuZlt8sIy {
  width: 8px;
  height: 8px;
  background: var(--accent-green);
  border-radius: 50%;
  animation: gdz1pPq3Cv0NdwdrgRk9 2s infinite;
}

@keyframes gdz1pPq3Cv0NdwdrgRk9 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.OdjogxwTXxqGw8AUyiPO {
  padding: 40px;
  display: flex;
  justify-content: center;
}

.moWd_4hy0Ti7fbTmqcnz {
  width: 300px;
  padding: 32px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  text-align: center;
}

.ElQB9_nThFW1bN9v8X2o {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 12px;
}

.ElQB9_nThFW1bN9v8X2o .jpJiqpPDuBX0XtmaAoUq {
  font-size: 20px;
  color: var(--accent-blue);
}

.moWd_4hy0Ti7fbTmqcnz h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-muted);
  margin: 0 0 16px 0;
}

.dqCctdaJ52Q0ZjeE4U8W {
  font-size: 32px;
  font-weight: 700;
  color: var(--text-primary);
  font-family: 'JetBrains Mono', monospace;
  margin-bottom: 8px;
}

.tWk0xTegxnN2gRi8cex0 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 13px;
  color: var(--accent-blue);
  margin-bottom: 16px;
}

.tWk0xTegxnN2gRi8cex0 .jpJiqpPDuBX0XtmaAoUq {
  font-size: 16px;
}

.Cz1qBorMlbjekJ5wyh2W {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 8px;
}

.p91khaqrB513ZBtuieu6 {
  font-size: 12px;
  color: var(--text-muted);
}

/* ============================================ */
/* VARIANT 3: SHARE HUB */
/* ============================================ */
.ARQ30zfeqpRv9bQso7MQ {
  max-width: 600px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
}

.LYUsvk2OA8kRU6FjWqIA {
  text-align: center;
  margin-bottom: 32px;
}

.LYUsvk2OA8kRU6FjWqIA h2 {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 8px 0;
}

.LYUsvk2OA8kRU6FjWqIA p {
  font-size: 14px;
  color: var(--text-muted);
  margin: 0;
}

.is7qUAILAcLqkSU__t2_ {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 24px;
}

.F_of5hkNmk2ktS1QDwMm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 20px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 14px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.F_of5hkNmk2ktS1QDwMm:hover {
  border-color: #cbd5e1;
  transform: translateY(-2px);
}

.B9mJy15M9781BoKjgYKO {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: white;
}

.B9mJy15M9781BoKjgYKO .jpJiqpPDuBX0XtmaAoUq {
  font-size: 24px;
}

.F_of5hkNmk2ktS1QDwMm span:last-child {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}

.RdGkHJDLMxOYJ17_Y8vS {
  margin-bottom: 24px;
}

.DWZRs3L6kUBeMu1G5JzC {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 12px;
}

.DWZRs3L6kUBeMu1G5JzC .jpJiqpPDuBX0XtmaAoUq {
  font-size: 20px;
  color: var(--text-muted);
}

.VP7gGazbzYDAfO8AE60F {
  flex: 1;
  font-size: 14px;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Tozh3TfyFaFYmaGWnVg1 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--accent-blue);
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  font-family: inherit;
}

.Tozh3TfyFaFYmaGWnVg1 .jpJiqpPDuBX0XtmaAoUq {
  font-size: 16px;
}

.p2y5qBwE9y8BUVVC32FV {
  background: white;
  border-radius: 14px;
  border: 1px solid var(--card-border);
  padding: 16px 20px;
  margin-bottom: 24px;
}

.BUTq2PrsRTvI78_ako7Y {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #f1f5f9;
}

.BUTq2PrsRTvI78_ako7Y:last-child {
  border-bottom: none;
}

.SXWL3qLtLH1m_cKVse_e {
  display: flex;
  align-items: center;
  gap: 14px;
}

.SXWL3qLtLH1m_cKVse_e .jpJiqpPDuBX0XtmaAoUq {
  font-size: 22px;
  color: var(--text-muted);
}

.SF0hxnMOXJtaGATCPZc1 {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

.l_8MTnvnhLGbLP86l0nt {
  display: block;
  font-size: 12px;
  color: var(--text-muted);
}

.esT4j358SPOO6zX3HeYT {
  padding: 8px 12px;
  background: #f8fafc;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  font-size: 13px;
  font-family: inherit;
}

.MzYzpycKiZSH8rU8vjDz {
  position: relative;
  width: 48px;
  height: 26px;
}

.MzYzpycKiZSH8rU8vjDz input {
  opacity: 0;
  width: 0;
  height: 0;
}

._1Fs4xLaFo98TY7ytfWe {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e2e8f0;
  transition: 0.3s;
  border-radius: 26px;
}

._1Fs4xLaFo98TY7ytfWe:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}

.MzYzpycKiZSH8rU8vjDz input:checked + ._1Fs4xLaFo98TY7ytfWe {
  background-color: var(--accent-blue);
}

.MzYzpycKiZSH8rU8vjDz input:checked + ._1Fs4xLaFo98TY7ytfWe:before {
  transform: translateX(22px);
}

.RkUc95jHQrrLjp4hYDgP {
  background: white;
  border-radius: 14px;
  border: 1px solid var(--card-border);
  overflow: hidden;
}

.uxGrydZYKTCBeUGSCQjU {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 16px 20px;
  background: transparent;
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  cursor: pointer;
  font-family: inherit;
}

.uxGrydZYKTCBeUGSCQjU .jpJiqpPDuBX0XtmaAoUq:first-child {
  color: var(--accent-blue);
}

.s8DGOxubEiIkTX8DAPm4 {
  margin-left: auto;
  padding: 2px 8px;
  background: #eff6ff;
  border-radius: 10px;
  font-size: 12px;
  color: var(--accent-blue);
}

.uxGrydZYKTCBeUGSCQjU .jpJiqpPDuBX0XtmaAoUq:last-child {
  color: var(--text-muted);
}

.sXtyqQ2HsRv8R2UKSVNF {
  padding: 0 20px 20px;
}

.TOWWHf7x6jyTVpzYZqOa {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #f8fafc;
  border-radius: 10px;
  margin-bottom: 8px;
}

.TOWWHf7x6jyTVpzYZqOa:last-child {
  margin-bottom: 0;
}

.Rl3Fem5BTVtFiOBTV9oS {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.y2Z6RmQJAsshU_CcpxFW {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}

.wsriZpCiPaTCm7n4d5_N {
  font-size: 12px;
  color: var(--text-muted);
}

.WptrCxOAvkE8qw1BgtP6 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--accent-green);
}

.WptrCxOAvkE8qw1BgtP6 .jpJiqpPDuBX0XtmaAoUq {
  font-size: 16px;
}

.ScyMMLvy2_Wio4LuVpgp {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--text-muted);
}

.ScyMMLvy2_Wio4LuVpgp .jpJiqpPDuBX0XtmaAoUq {
  font-size: 16px;
}

/* ============================================ */
/* VARIANT 4: CONTEXT DASHBOARD */
/* ============================================ */
.gL4mrsGR978OzAKNXDvU {
  font-family: 'DM Sans', sans-serif;
}

.LyGotMXvwn9bWE5TZsWy {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 24px;
}

.XeUUPkAadKSCPj6mgNsW {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 16px;
}

.XeUUPkAadKSCPj6mgNsW .jpJiqpPDuBX0XtmaAoUq {
  font-size: 20px;
  color: var(--accent-blue);
}

.OOPLK7_uMIqpFIpE6MOF .i8tUZQxSaxdsrj0EvZLv {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  border-radius: 16px;
  padding: 24px;
  color: white;
}

.MDgtjCTmU464vJyB3khM {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.4);
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  color: #6ee7b7;
  margin-bottom: 16px;
}

.MDgtjCTmU464vJyB3khM .jpJiqpPDuBX0XtmaAoUq {
  font-size: 16px;
}

.wLjNOnwrkj5C2IAbrE8n {
  font-size: 32px;
  font-weight: 700;
  font-family: 'JetBrains Mono', monospace;
}

.V9lsaHbAC8CdOAnnJ7wv {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 20px;
}

.DxsTdl9D3yhnikdVF3jJ {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  margin-bottom: 16px;
}

.DF_FPtcMBL_JsJ3cB5lC {
  display: block;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 4px;
}

.sQcufgOaEcf1GyAfI9_B {
  display: block;
  font-size: 14px;
  font-weight: 600;
}

.o2NQlDwak3g8v8QCoZ6J {
  display: flex;
  gap: 8px;
}

.VETIVZUjd0s9W49dugFA {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  font-family: inherit;
}

.VETIVZUjd0s9W49dugFA:hover {
  background: rgba(255, 255, 255, 0.2);
}

.VETIVZUjd0s9W49dugFA .jpJiqpPDuBX0XtmaAoUq {
  font-size: 16px;
}

.itvGv3AyrqvhoOGI82Hq {
  background: white;
  border-radius: 16px;
  border: 1px solid var(--card-border);
  overflow: hidden;
}

.jz4tLR2ErLy04GkrlQku {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 120px;
  background: #f8fafc;
  color: var(--text-muted);
  font-size: 13px;
  cursor: pointer;
}

.jz4tLR2ErLy04GkrlQku:hover {
  background: #f1f5f9;
}

.jz4tLR2ErLy04GkrlQku .jpJiqpPDuBX0XtmaAoUq {
  font-size: 32px;
}

.o07PnsIeVrL3mTuesg8L {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.o07PnsIeVrL3mTuesg8L input {
  width: 100%;
  padding: 12px 14px;
  background: #f8fafc;
  border: 1px solid var(--card-border);
  border-radius: 10px;
  font-size: 14px;
  color: var(--text-primary);
  font-family: inherit;
}

.o07PnsIeVrL3mTuesg8L input:focus {
  outline: none;
  border-color: var(--accent-blue);
}

.X1jYXR9KDP21nvdj2mSr {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.CoH2cPDmulSnCvdGbHqj {
  background: white;
  border-radius: 16px;
  border: 1px solid var(--card-border);
  padding: 20px;
}

.ynejFNJYSE3FLOVJ8Ycu {
  margin-bottom: 16px;
}

.ynejFNJYSE3FLOVJ8Ycu span {
  font-size: 13px;
  color: var(--text-muted);
  margin-bottom: 8px;
  display: block;
}

.S7ccNOPvMNOrrud4lk9Q {
  height: 8px;
  background: #e2e8f0;
  border-radius: 4px;
  overflow: hidden;
}

.UUW8klue91HhKEbfF52K {
  height: 100%;
  background: var(--accent-green);
  border-radius: 4px;
  transition: width 0.3s ease;
}

.WUcObA4zvEnxLw7xeVrv {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.x5T2scJk6qJhCyf38sb6 {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.x5T2scJk6qJhCyf38sb6 input {
  display: none;
}

.ZIWysqrXWyaDbRcpGKXT {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8fafc;
  border: 2px solid var(--card-border);
  border-radius: 6px;
  color: transparent;
  flex-shrink: 0;
  transition: all 0.15s ease;
}

.x5T2scJk6qJhCyf38sb6 input:checked + .ZIWysqrXWyaDbRcpGKXT {
  background: var(--accent-green);
  border-color: var(--accent-green);
  color: white;
}

.ZIWysqrXWyaDbRcpGKXT .jpJiqpPDuBX0XtmaAoUq {
  font-size: 16px;
}

.qWAnjRqueeECv47HsUQB {
  font-size: 14px;
  color: var(--text-primary);
}

.x5T2scJk6qJhCyf38sb6 input:checked ~ .qWAnjRqueeECv47HsUQB {
  color: var(--text-muted);
  text-decoration: line-through;
}

.EGFegwAmxEFKVsAjOAV_ {
  display: flex;
  justify-content: center;
}

.SlMXh5HhzuC5bpOMtZMJ {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 32px;
  background: var(--accent-blue);
  border: none;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  font-family: inherit;
}

.SlMXh5HhzuC5bpOMtZMJ .jpJiqpPDuBX0XtmaAoUq {
  font-size: 22px;
}

/* Responsive */
@media (max-width: 900px) {
  ._h9Fd9VN_FYqM5XtdtcC {
    grid-template-columns: 1fr;
  }

  .LyGotMXvwn9bWE5TZsWy {
    grid-template-columns: 1fr;
  }

  .is7qUAILAcLqkSU__t2_ {
    grid-template-columns: repeat(2, 1fr);
  }
}

.kpJRhZy026StudZDZ9Jw {
  --local-preview-bg: var(--preview-bg, #f8fafc);
  --local-card-bg: var(--preview-bg-secondary, #ffffff);
  --local-card-border: var(--preview-border, #e2e8f0);
  --local-text-primary: var(--preview-text, #0f172a);
  --local-text-secondary: var(--preview-text-secondary, #64748b);
  --local-text-muted: var(--preview-text-muted, #94a3b8);
  --local-accent-blue: var(--preview-accent, #3b82f6);
  --local-accent-green: #10b981;
  --local-accent-amber: #f59e0b;
  --local-accent-purple: #8b5cf6;
  --local-accent-red: #ef4444;

  display: flex;
  flex-direction: column;
  gap: 24px;
}

.kpJRhZy026StudZDZ9Jw.Z7jJ9cZu2TzFW914TNjg {
  --local-preview-bg: #0f172a;
  --local-card-bg: #1e293b;
  --local-card-border: #334155;
  --local-text-primary: #f1f5f9;
  --local-text-secondary: #94a3b8;
  --local-text-muted: #64748b;
  --local-accent-blue: #60a5fa;
}

.Gw4tx4cLgpIUfRjFaZ9U {
  padding: 20px 28px;
  background: linear-gradient(135deg, rgba(100, 116, 139, 0.08), rgba(59, 130, 246, 0.04));
  border: 1px solid rgba(100, 116, 139, 0.2);
  border-radius: 12px;
}

.Gw4tx4cLgpIUfRjFaZ9U h3 {
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.Gw4tx4cLgpIUfRjFaZ9U h3 .UfVYl03RuGi_aGQ6DB0v {
  font-size: 20px;
}

.Gw4tx4cLgpIUfRjFaZ9U p {
  color: var(--text-secondary);
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
}

.MTGknzblSjsbiQF5lGaU {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.MSb0Db88CXDRa7VFBCJC {
  position: relative;
  padding: 10px 20px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.MSb0Db88CXDRa7VFBCJC:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.MSb0Db88CXDRa7VFBCJC.orFtt38pny89EW3KZ_bX {
  background: var(--accent-blue);
  border-color: var(--accent-blue);
  color: white;
}

.VSClZkrEzDUzmx0BdKkB {
  position: absolute;
  top: -8px;
  right: -8px;
  padding: 2px 8px;
  background: var(--accent-green);
  color: white;
  font-size: 10px;
  font-weight: 600;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.jaaLMO5anBPk4xU1roTQ {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--card-border);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.SU9izRiAWk2Q7CCKdfDa {
  padding: 20px 28px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(16, 185, 129, 0.04));
  border-bottom: 1px solid var(--card-border);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}

.Lkkns2o175ot7EZLTGRu {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.x4X8xEn9d3jkCusoWNcN {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: rgba(59, 130, 246, 0.15);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 16px;
  font-size: 10px;
  font-weight: 600;
  color: #3b82f6;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: -moz-fit-content;
  width: fit-content;
}

.x4X8xEn9d3jkCusoWNcN .UfVYl03RuGi_aGQ6DB0v {
  font-size: 14px;
}

.x4X8xEn9d3jkCusoWNcN.wu00TGUsCyAgcaT9oRvV {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.3);
  color: #059669;
}

.tXlo0EKFfYW2iD7h7Tiq {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

.xEBREdmzUOGUwJxLkQOw {
  font-size: 14px;
  color: var(--text-secondary);
  max-width: 500px;
  margin: 0;
}

._bXbgE9s91tX8dILWwJI {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.zmaiMhMU90e8dIV_EgtY {
  padding: 5px 10px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  color: var(--text-secondary);
}

.zmaiMhMU90e8dIV_EgtY.vT3mLuPrtgHkwue6YNH0 {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.4);
  color: #b45309;
}

.qQOUNxw9s_pwa5tx6Qnd {
  padding: 28px;
  background: var(--local-preview-bg);
  min-height: 500px;
}

.qQOUNxw9s_pwa5tx6Qnd.Z7jJ9cZu2TzFW914TNjg {
  background: #0f172a;
}

/* ============================================ */
/* VARIANT 1: iOS GROUPED */
/* ============================================ */
.imB85O9c5xI0nDbKAyQA {
  max-width: 500px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
}

.pqpUOlMJJQDXjvRQOHKZ {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: #e2e8f0;
  border-radius: 12px;
  margin-bottom: 24px;
}

.pqpUOlMJJQDXjvRQOHKZ .UfVYl03RuGi_aGQ6DB0v {
  font-size: 20px;
  color: var(--text-muted);
}

.pqpUOlMJJQDXjvRQOHKZ input {
  flex: 1;
  background: transparent;
  border: none;
  font-size: 16px;
  color: var(--text-primary);
  font-family: inherit;
}

.pqpUOlMJJQDXjvRQOHKZ input::-moz-placeholder {
  color: var(--text-muted);
}

.pqpUOlMJJQDXjvRQOHKZ input::placeholder {
  color: var(--text-muted);
}

.pqpUOlMJJQDXjvRQOHKZ input:focus {
  outline: none;
}

.dWe1tH6SPHbXDQO3RJWx {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.LbDcr7qETbKbb4EkLcLX {}

.j9nwAyFKFeSFqiO5lwH8 {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding-left: 16px;
  margin-bottom: 8px;
}

.T4QOzF3qQkNpTLB1uSYV {
  background: white;
  border-radius: 12px;
  overflow: hidden;
}

.FdhscNU1oG0EYZn2HkvE {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid #f1f5f9;
}

.FdhscNU1oG0EYZn2HkvE:last-child {
  border-bottom: none;
}

.yDKhfE7wgyWwLGZOP1_w {
  font-size: 16px;
  color: var(--text-primary);
}

.HrM9Fu7OAoRIpM6qlz9X {
  display: flex;
  align-items: center;
  gap: 4px;
}

.pDei8JaM_68FYmHQJx8z {
  font-size: 15px;
  color: var(--text-muted);
}

.HrM9Fu7OAoRIpM6qlz9X .UfVYl03RuGi_aGQ6DB0v {
  font-size: 20px;
  color: #cbd5e1;
}

.zn7pEYFq9btOl9ZA0hYz {
  position: relative;
  width: 51px;
  height: 31px;
}

.zn7pEYFq9btOl9ZA0hYz input {
  opacity: 0;
  width: 0;
  height: 0;
}

.AKa6O3IZv64kRSFRyPhJ {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e2e8f0;
  transition: 0.3s;
  border-radius: 31px;
}

.AKa6O3IZv64kRSFRyPhJ:before {
  position: absolute;
  content: "";
  height: 27px;
  width: 27px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.zn7pEYFq9btOl9ZA0hYz input:checked + .AKa6O3IZv64kRSFRyPhJ {
  background-color: var(--accent-green);
}

.zn7pEYFq9btOl9ZA0hYz input:checked + .AKa6O3IZv64kRSFRyPhJ:before {
  transform: translateX(20px);
}

.ZEHlfyCDrDtNhGSDhJAa {
  margin-top: 32px;
  padding-top: 16px;
}

.OcoSnRE1edeA7jGJ85vG {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px;
  background: white;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  color: var(--accent-red);
  cursor: pointer;
  font-family: inherit;
}

.OcoSnRE1edeA7jGJ85vG .UfVYl03RuGi_aGQ6DB0v {
  font-size: 20px;
}

/* ============================================ */
/* VARIANT 2: PREFERENCES DASHBOARD */
/* ============================================ */
.vJVbLflGugfEYUwxDpMt {
  font-family: 'DM Sans', sans-serif;
}

.oKrGfIVghpq_dvU8OCfs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.oKrGfIVghpq_dvU8OCfs h2 {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}

.xkcCcP_FYQttQGUryUCN {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #eff6ff;
  border: 1px solid #93c5fd;
  border-radius: 10px;
  font-size: 13px;
  color: #1e40af;
}

.xkcCcP_FYQttQGUryUCN .UfVYl03RuGi_aGQ6DB0v {
  font-size: 18px;
}

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

.zP2whULyVgnsGomJP3Dt {
  background: white;
  border-radius: 16px;
  border: 1px solid var(--card-border);
  padding: 24px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.zP2whULyVgnsGomJP3Dt:hover {
  border-color: #cbd5e1;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

.RS729raOy0Yt3cSfuP3p {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--accent-amber);
  border-radius: 50%;
  color: white;
}

.RS729raOy0Yt3cSfuP3p .UfVYl03RuGi_aGQ6DB0v {
  font-size: 18px;
}

.fSc25LNpnXMcx79JrBMd {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: white;
  margin-bottom: 16px;
}

.fSc25LNpnXMcx79JrBMd .UfVYl03RuGi_aGQ6DB0v {
  font-size: 24px;
}

.NKiXZGpj219hyN_t0Zbi h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 4px 0;
}

.NKiXZGpj219hyN_t0Zbi p {
  font-size: 13px;
  color: var(--text-muted);
  margin: 0 0 16px 0;
}

.gz0ticAMcYs0vfmDeBdM {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 0;
  border-top: 1px solid #f1f5f9;
  margin-bottom: 16px;
}

.YWfoWprHYnruzexiMXs4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: var(--text-secondary);
}

.O7AotLaAlTJ_7vGmgMzk {
  position: relative;
  width: 36px;
  height: 20px;
}

.O7AotLaAlTJ_7vGmgMzk input {
  opacity: 0;
  width: 0;
  height: 0;
}

.Y9O9PbCVrdt2ss6Ik71j {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e2e8f0;
  transition: 0.3s;
  border-radius: 20px;
}

.Y9O9PbCVrdt2ss6Ik71j:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}

.O7AotLaAlTJ_7vGmgMzk input:checked + .Y9O9PbCVrdt2ss6Ik71j {
  background-color: var(--accent-green);
}

.O7AotLaAlTJ_7vGmgMzk input:checked + .Y9O9PbCVrdt2ss6Ik71j:before {
  transform: translateX(16px);
}

.C9xzWf7YKI9mbviJLbH0 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid var(--card-border);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
}

.C9xzWf7YKI9mbviJLbH0:hover {
  background: #f1f5f9;
}

.C9xzWf7YKI9mbviJLbH0 .UfVYl03RuGi_aGQ6DB0v {
  font-size: 18px;
}

/* ============================================ */
/* VARIANT 3: GUIDED SETUP */
/* ============================================ */
.tPMLF_OrVkG4xGkZ3QJr {
  max-width: 500px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
  text-align: center;
}

.poZmacsqTWL_ymb8n9UI {
  padding: 40px 20px;
}

.UMDREc6lquOSHyZNl14Z {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));
  border-radius: 24px;
  margin: 0 auto 24px;
}

.UMDREc6lquOSHyZNl14Z .UfVYl03RuGi_aGQ6DB0v {
  font-size: 40px;
  color: white;
}

.poZmacsqTWL_ymb8n9UI h2 {
  font-size: 28px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 8px 0;
}

.poZmacsqTWL_ymb8n9UI p {
  font-size: 16px;
  color: var(--text-muted);
  margin: 0 0 32px 0;
}

._8QqHzKxKTmWRqWIkXpCw {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fqEUkHrSTmjU7iztrZxG {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: white;
  border: 2px solid var(--card-border);
  border-radius: 16px;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 0.15s ease;
}

.fqEUkHrSTmjU7iztrZxG:hover {
  border-color: var(--accent-blue);
}

.fqEUkHrSTmjU7iztrZxG .UfVYl03RuGi_aGQ6DB0v {
  font-size: 28px;
  color: var(--accent-blue);
}

.fqEUkHrSTmjU7iztrZxG strong {
  display: block;
  font-size: 16px;
  color: var(--text-primary);
  margin-bottom: 2px;
}

.fqEUkHrSTmjU7iztrZxG span {
  font-size: 14px;
  color: var(--text-muted);
}

.BM_ikTeXOUiJ7k8wpK0F {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 32px;
}

.SHhkIMez994FKX1BlL2O {
  width: 10px;
  height: 10px;
  background: #e2e8f0;
  border-radius: 50%;
}

.SHhkIMez994FKX1BlL2O.orFtt38pny89EW3KZ_bX {
  background: var(--accent-blue);
}

.Nu5g_vc_GwHg6ORcWb0y {
  padding: 20px;
}

.hXqU1GN0xzDdqn3IZ9vK {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
  border-radius: 50%;
  margin: 0 auto 24px;
}

.hXqU1GN0xzDdqn3IZ9vK .UfVYl03RuGi_aGQ6DB0v {
  font-size: 48px;
  color: var(--accent-blue);
}

.Nu5g_vc_GwHg6ORcWb0y h2 {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 8px 0;
}

.Nu5g_vc_GwHg6ORcWb0y > p {
  font-size: 15px;
  color: var(--text-muted);
  margin: 0 0 32px 0;
}

.JCaB7s2CCzQUA8J84EFM {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: left;
}

.Ztskx7HqiXZyaK7GQkR0 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 20px 24px;
  background: white;
  border: 2px solid var(--card-border);
  border-radius: 16px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
  position: relative;
}

.Ztskx7HqiXZyaK7GQkR0:hover {
  border-color: var(--accent-blue);
}

.Ztskx7HqiXZyaK7GQkR0.wu00TGUsCyAgcaT9oRvV {
  border-color: var(--accent-blue);
  background: #eff6ff;
}

.pITsttVuSVnZrWyGXhkJ {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 4px 10px;
  background: var(--accent-blue);
  color: white;
  font-size: 11px;
  font-weight: 600;
  border-radius: 12px;
}

.cdcu62hSASJ1Qi78LZ5Q {
  font-size: 28px;
  color: var(--accent-blue);
  margin-bottom: 8px;
}

.Ztskx7HqiXZyaK7GQkR0 strong {
  font-size: 16px;
  color: var(--text-primary);
}

.Ztskx7HqiXZyaK7GQkR0 > span:last-child {
  font-size: 14px;
  color: var(--text-muted);
}

.aJSz6peQyKMjusA56rKr {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 32px;
  background: var(--accent-green);
  border: none;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  font-family: inherit;
  margin: 0 auto;
}

.aJSz6peQyKMjusA56rKr .UfVYl03RuGi_aGQ6DB0v {
  font-size: 22px;
}

.UfAlCm0A4DGDgZAi65vG {
  margin-top: 24px;
  padding: 12px 24px;
  background: transparent;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-muted);
  cursor: pointer;
  font-family: inherit;
}

.UfAlCm0A4DGDgZAi65vG:hover {
  color: var(--text-secondary);
}

/* ============================================ */
/* VARIANT 4: COMMAND PALETTE */
/* ============================================ */
.MWkO1ZnjlSMh5yn_4Fng {
  max-width: 600px;
  margin: 0 auto;
  font-family: 'DM Sans', sans-serif;
}

.Ziyxac0U3Evpab7UjvmL {
  text-align: center;
  font-size: 14px;
  color: var(--text-muted);
  margin-bottom: 20px;
}

.Ziyxac0U3Evpab7UjvmL kbd {
  display: inline-block;
  padding: 4px 8px;
  background: #f1f5f9;
  border: 1px solid var(--card-border);
  border-radius: 6px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  margin: 0 2px;
}

.lOZYtfU5kK0fB5AXPXLV {
  background: white;
  border-radius: 16px;
  border: 1px solid var(--card-border);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.LF7KjrmwE3bSyuXKbxeB {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--card-border);
}

.LF7KjrmwE3bSyuXKbxeB .UfVYl03RuGi_aGQ6DB0v {
  font-size: 22px;
  color: var(--text-muted);
}

.LF7KjrmwE3bSyuXKbxeB input {
  flex: 1;
  background: transparent;
  border: none;
  font-size: 16px;
  color: var(--text-primary);
  font-family: inherit;
}

.LF7KjrmwE3bSyuXKbxeB input::-moz-placeholder {
  color: var(--text-muted);
}

.LF7KjrmwE3bSyuXKbxeB input::placeholder {
  color: var(--text-muted);
}

.LF7KjrmwE3bSyuXKbxeB input:focus {
  outline: none;
}

.LF7KjrmwE3bSyuXKbxeB kbd {
  padding: 4px 8px;
  background: #f1f5f9;
  border: 1px solid var(--card-border);
  border-radius: 6px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  color: var(--text-muted);
}

.YxpWgr2Vq_qF6yMm_Dy3 {
  max-height: 360px;
  overflow-y: auto;
}

.ca43SHEa95tVLM3JkW1Y {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 40px;
  color: var(--text-muted);
}

.ca43SHEa95tVLM3JkW1Y .UfVYl03RuGi_aGQ6DB0v {
  font-size: 32px;
}

.lhNtQA05Yn0AyiBFic1W {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  cursor: pointer;
  transition: background 0.1s ease;
}

.lhNtQA05Yn0AyiBFic1W:hover,
.lhNtQA05Yn0AyiBFic1W.iolb3bzYsshDIsW0amOA {
  background: #f8fafc;
}

.lhNtQA05Yn0AyiBFic1W.g_2xXRvIHGRWGojEzwTR {
  color: var(--accent-red);
}

.lKQx9Wd12lhDBouFku9E {
  display: flex;
  align-items: center;
  gap: 14px;
}

.uNz8jHDibFolUBJ9Kusg {
  font-size: 20px;
  color: var(--text-muted);
}

.lhNtQA05Yn0AyiBFic1W.iolb3bzYsshDIsW0amOA .uNz8jHDibFolUBJ9Kusg {
  color: var(--accent-blue);
}

.HPZ8oIG5v2445PQX2bQQ {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.F1Gy16abL87hFAESGaJX {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
}

.lhNtQA05Yn0AyiBFic1W.g_2xXRvIHGRWGojEzwTR .F1Gy16abL87hFAESGaJX {
  color: var(--accent-red);
}

.ZFnDI7CrD1WDQZlf2_SP {
  font-size: 12px;
  color: var(--text-muted);
}

.pCvJibb50ciLuMw1YFQn {
  display: flex;
  align-items: center;
  gap: 8px;
}

.EODnN_Y82Mu4PJtKaCG1 {
  font-size: 13px;
  color: var(--text-muted);
}

.zJFxHIWDGoPkjwLbJEjm {
  position: relative;
  width: 40px;
  height: 22px;
}

.zJFxHIWDGoPkjwLbJEjm input {
  opacity: 0;
  width: 0;
  height: 0;
}

.onv7jpMJf1iJZ_iFAT5n {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e2e8f0;
  transition: 0.3s;
  border-radius: 22px;
}

.onv7jpMJf1iJZ_iFAT5n:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}

.zJFxHIWDGoPkjwLbJEjm input:checked + .onv7jpMJf1iJZ_iFAT5n {
  background-color: var(--accent-green);
}

.zJFxHIWDGoPkjwLbJEjm input:checked + .onv7jpMJf1iJZ_iFAT5n:before {
  transform: translateX(18px);
}

.TS72ekp54c29ojnHhkXi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  border-top: 1px solid var(--card-border);
  background: #f8fafc;
}

.WSxSZ7vNpTfOkOFhE1Vl {
  display: flex;
  gap: 16px;
}

.WSxSZ7vNpTfOkOFhE1Vl span {
  font-size: 12px;
  color: var(--text-muted);
}

.WSxSZ7vNpTfOkOFhE1Vl kbd {
  display: inline-block;
  padding: 2px 6px;
  background: white;
  border: 1px solid var(--card-border);
  border-radius: 4px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  margin-right: 4px;
}

.OIIWD9pbDwK84PVZLQOv {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: transparent;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
}

.OIIWD9pbDwK84PVZLQOv:hover {
  background: white;
}

.OIIWD9pbDwK84PVZLQOv .UfVYl03RuGi_aGQ6DB0v {
  font-size: 16px;
}

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

.Mjp5sqNVxTKKCTOsRYyV {
  padding: 24px;
}

.Mjp5sqNVxTKKCTOsRYyV.UgujH5fv0RPhpsa68v6Q {
  --preview-text: #f1f5f9;
  --preview-text-secondary: #94a3b8;
  --preview-bg: #0f172a;
  --preview-bg-secondary: #1e293b;
  --preview-border: #334155;
  --preview-accent: #60a5fa;
}

.zGd5pykKja_nJZm6W3OK {
  margin-bottom: 32px;
}

.zGd5pykKja_nJZm6W3OK h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 600;
  color: var(--preview-text, #0f172a);
  margin: 0 0 8px 0;
}

.zGd5pykKja_nJZm6W3OK p {
  color: var(--preview-text-secondary, #64748b);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  max-width: 600px;
}

.GPl5_IXc4Iyj1byCYPv5 {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.J3fYKCiI9sCRqG6z4ag1 {
  position: relative;
  padding: 10px 20px;
  background: var(--preview-bg-secondary, white);
  border: 1px solid var(--preview-border, #e2e8f0);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--preview-text-secondary, #475569);
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
}

.J3fYKCiI9sCRqG6z4ag1:hover {
  border-color: var(--preview-accent, #3b82f6);
  background: var(--preview-bg, #f8fafc);
}

.J3fYKCiI9sCRqG6z4ag1.h5X4ZLOKRf6NWLfJv3B2 {
  background: var(--preview-accent, #0f172a);
  border-color: var(--preview-accent, #0f172a);
  color: white;
}

.FXy0fMuUaBF1v5zYfwTY {
  position: absolute;
  top: -8px;
  right: -8px;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: white;
  font-size: 9px;
  font-weight: 700;
  padding: 3px 6px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.XNgnq2UOslIXO6t2MPUI {
  background: var(--preview-bg-secondary, white);
  border: 1px solid var(--preview-border, #e2e8f0);
  border-radius: 16px;
  overflow: hidden;
}

.vfV8OU_uJS_shIakeKdZ {
  padding: 24px;
  border-bottom: 1px solid var(--preview-border, #f1f5f9);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}

.Jj4Aooft7rRu5UTWd2aB {
  flex: 1;
}

.GFXnJcFz4TsR043AiQuZ {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

.GFXnJcFz4TsR043AiQuZ.lV8lMKZjY0FkRzFIBFE7 {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #92400e;
}

.GFXnJcFz4TsR043AiQuZ .XMNcIRMbcy1h3I8oONrJ {
  font-size: 14px;
}

.rCgqvOtF5x3_u_pVbRKo {
  font-size: 24px;
  font-weight: 700;
  color: var(--preview-text, #0f172a);
  margin: 0 0 8px 0;
}

.jtZjW0UsfRwzF54XXDNN {
  font-size: 14px;
  color: var(--preview-text-secondary, #64748b);
  line-height: 1.5;
  margin: 0;
  max-width: 500px;
}

.fNZGUdaopzTwDDpEnn4u {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.W8kYcmt7meS_75WMAMRW {
  padding: 6px 12px;
  background: var(--preview-bg, #f1f5f9);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--preview-text-secondary, #475569);
}

.W8kYcmt7meS_75WMAMRW.FjfIszUk09VQb2uDR2mi {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  color: #1e40af;
}

.JqvjqJMebWtlrslD6DXB {
  background: var(--preview-bg, #f8fafc);
  min-height: 600px;
  overflow: hidden;
}

.JqvjqJMebWtlrslD6DXB.UgujH5fv0RPhpsa68v6Q {
  background: var(--preview-bg, #0f172a);
}

/* ============================================
   NEO MINIMAL VARIANT
   ============================================ */

.N1yKRbXHEHXxYv14gG8_ {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  background: #fafafa;
  min-height: 700px;
  padding: 0;
}

.IZzv69x9HOvVUdkZimOm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 48px;
  background: white;
  border-bottom: 1px solid #f0f0f0;
}

.zmIrLVveDH4PMZPmsMa0 {
  font-size: 20px;
  font-weight: 600;
  color: #0a0a0a;
  letter-spacing: -0.5px;
}

.tGcztIbEsg6RmyGZrsLJ {
  font-weight: 800;
  background: linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.VV6MDbDJPtwhe_ZdPu78 {
  display: flex;
  gap: 32px;
}

.VV6MDbDJPtwhe_ZdPu78 a {
  font-size: 14px;
  font-weight: 500;
  color: #525252;
  text-decoration: none;
  transition: color 0.2s;
}

.VV6MDbDJPtwhe_ZdPu78 a:hover {
  color: #0a0a0a;
}

.Grw9vS8DJq_aNvwyMCCK {
  padding: 10px 20px;
  background: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #0a0a0a;
  cursor: pointer;
  transition: all 0.2s;
}

.Grw9vS8DJq_aNvwyMCCK:hover {
  background: #fafafa;
  border-color: #d4d4d4;
}

.XlScFmy1ydJ7EhrTDkRB {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 64px;
  padding: 64px 48px;
  max-width: 1200px;
  margin: 0 auto;
}

.mECpW9oTxjj_3gBDQ6N4 {
  padding-top: 24px;
}

.TkfKmvoghYwbaiEzlRVn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  color: #525252;
  margin-bottom: 24px;
}

.mANbdxNQvn6ljPf3LISR {
  width: 8px;
  height: 8px;
  background: #10b981;
  border-radius: 50%;
  animation: CxLE1vVcvgiM7Ibo2E1S 2s infinite;
}

@keyframes CxLE1vVcvgiM7Ibo2E1S {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.Twl8vvuS74iXnWZVM795 {
  font-size: 52px;
  font-weight: 700;
  line-height: 1.1;
  color: #0a0a0a;
  letter-spacing: -1.5px;
  margin: 0 0 20px 0;
}

.ekRlQXOgjamkAZaci67T {
  background: linear-gradient(135deg, #0ea5e9 0%, #8b5cf6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.zc0y5bh1d6pmVPbfFNYQ {
  font-size: 18px;
  line-height: 1.6;
  color: #737373;
  margin: 0 0 40px 0;
  max-width: 480px;
}

.EsE_yYX8vctb1Fe0qTRP {
  margin-bottom: 32px;
}

.qRgUL8HQ4NkTIleNAIix {
  font-size: 14px;
  font-weight: 600;
  color: #a3a3a3;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 16px 0;
}

.IpN0MlwP0rfgbCZHB52p {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.AKRHJs8oUdxbQ6UjECAI {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: white;
  border: 2px solid #e5e5e5;
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: left;
}

.AKRHJs8oUdxbQ6UjECAI:hover,
.AKRHJs8oUdxbQ6UjECAI.h5X4ZLOKRf6NWLfJv3B2 {
  border-color: #0ea5e9;
  box-shadow: 0 4px 24px rgba(14, 165, 233, 0.12);
}

.AKRHJs8oUdxbQ6UjECAI.h5X4ZLOKRf6NWLfJv3B2 {
  background: linear-gradient(135deg, #f0f9ff 0%, #faf5ff 100%);
}

.H4IL8Z3kL4eTC07aq3Nh {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f0f9ff 0%, #faf5ff 100%);
  border-radius: 12px;
}

.H4IL8Z3kL4eTC07aq3Nh svg {
  width: 24px;
  height: 24px;
  color: #0ea5e9;
}

.AKRHJs8oUdxbQ6UjECAI.h5X4ZLOKRf6NWLfJv3B2 .H4IL8Z3kL4eTC07aq3Nh {
  background: linear-gradient(135deg, #0ea5e9 0%, #8b5cf6 100%);
}

.AKRHJs8oUdxbQ6UjECAI.h5X4ZLOKRf6NWLfJv3B2 .H4IL8Z3kL4eTC07aq3Nh svg {
  color: white;
}

.XgZWrV55wR5BEtweUjLo {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.Bp4E0_0craj4NX72XRev {
  font-size: 16px;
  font-weight: 600;
  color: #0a0a0a;
}

.O10eS37yFoC9cMjcCiBL {
  font-size: 13px;
  color: #737373;
}

.ChDyIe7Z3acMok8pIBjd {
  font-size: 20px;
  color: #d4d4d4;
  transition: all 0.3s;
}

.AKRHJs8oUdxbQ6UjECAI:hover .ChDyIe7Z3acMok8pIBjd,
.AKRHJs8oUdxbQ6UjECAI.h5X4ZLOKRf6NWLfJv3B2 .ChDyIe7Z3acMok8pIBjd {
  color: #0ea5e9;
  transform: translateX(4px);
}

.Ha6JXvFHEkJC7EgqCHQ5 {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.JoQTfDB50t80M3vNdgYQ {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #737373;
}

.JoQTfDB50t80M3vNdgYQ svg {
  width: 16px;
  height: 16px;
  color: #10b981;
}

.Tmz3lMyz6uJEUmqK0cur {
  position: relative;
}

.ZctZPyky_rSOB1LS8MQ2 {
  background: white;
  border-radius: 24px;
  padding: 32px;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.08),
              0 0 0 1px rgba(0, 0, 0, 0.04);
}

.UZGsxW5Y8FS66n1XBpFl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.vACiVBPSjva9FjHmuvxk {
  padding: 6px 12px;
  background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
  border-radius: 100px;
  font-size: 12px;
  font-weight: 600;
  color: #166534;
}

.L5KLoSvBMfVUnEM8Rg0G {
  font-size: 13px;
  color: #a3a3a3;
}

.I6UKqwWQVOoj7tfDsdey {
  font-size: 44px;
  font-weight: 700;
  color: #0a0a0a;
  letter-spacing: -1px;
  margin-bottom: 4px;
}

.sLyjGfPCBxomMxdKyOD4 {
  font-size: 14px;
  color: #737373;
  margin-bottom: 24px;
}

.JHTewdsuDS3WADNwevoT {
  height: 1px;
  background: #f5f5f5;
  margin-bottom: 20px;
}

.sxRLNOMeEM6rtFeGRBWb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  font-size: 14px;
  color: #737373;
}

.amwlKeMVTAb3wz7aepwh {
  font-weight: 600;
  color: #0a0a0a;
}

.kmr_1bTSpl9Mp5aL0ayf {
  position: absolute;
  bottom: -20px;
  left: -30px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: white;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

.ZqFb7raf7xAxXHsInj9T {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-radius: 10px;
  font-size: 18px;
}

.PwRE3AP4uDS39Pk23LKD {
  display: flex;
  flex-direction: column;
}

.PwRE3AP4uDS39Pk23LKD span:first-child {
  font-size: 14px;
  font-weight: 600;
  color: #0a0a0a;
}

.SOsn2B7MMdh92NQ3MT9j {
  font-size: 12px;
  color: #737373;
}

.DDthu5i9s2nccLJzZVei {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  padding: 32px 48px;
  background: white;
  border-top: 1px solid #f0f0f0;
}

.W59nunOI1YlS1l84JKbw {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.FrzQlUdUcEyjUdbT8udY {
  font-size: 28px;
  font-weight: 700;
  color: #0a0a0a;
  letter-spacing: -0.5px;
}

.MtawyeHLHbj70fDLSS1k {
  font-size: 13px;
  color: #737373;
  margin-top: 4px;
}

.lv44kBVsLAwvzNCWTxG3 {
  width: 1px;
  height: 40px;
  background: #e5e5e5;
}

/* NEO MINIMAL DARK MODE */
.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q {
  background: #0f172a;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .IZzv69x9HOvVUdkZimOm {
  background: #1e293b;
  border-bottom-color: #334155;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .zmIrLVveDH4PMZPmsMa0 {
  color: #f1f5f9;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .VV6MDbDJPtwhe_ZdPu78 a {
  color: #94a3b8;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .VV6MDbDJPtwhe_ZdPu78 a:hover {
  color: #f1f5f9;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .Grw9vS8DJq_aNvwyMCCK {
  border-color: #475569;
  color: #f1f5f9;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .Grw9vS8DJq_aNvwyMCCK:hover {
  background: #334155;
  border-color: #64748b;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .TkfKmvoghYwbaiEzlRVn {
  background: #1e293b;
  border-color: #475569;
  color: #94a3b8;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .Twl8vvuS74iXnWZVM795 {
  color: #f1f5f9;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .zc0y5bh1d6pmVPbfFNYQ {
  color: #94a3b8;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .qRgUL8HQ4NkTIleNAIix {
  color: #64748b;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .AKRHJs8oUdxbQ6UjECAI {
  background: #1e293b;
  border-color: #475569;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .AKRHJs8oUdxbQ6UjECAI:hover,
.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .AKRHJs8oUdxbQ6UjECAI.h5X4ZLOKRf6NWLfJv3B2 {
  border-color: #0ea5e9;
  box-shadow: 0 4px 24px rgba(14, 165, 233, 0.2);
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .AKRHJs8oUdxbQ6UjECAI.h5X4ZLOKRf6NWLfJv3B2 {
  background: linear-gradient(135deg, #1e3a5f 0%, #312e81 100%);
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .H4IL8Z3kL4eTC07aq3Nh {
  background: linear-gradient(135deg, #1e3a5f 0%, #312e81 100%);
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .Bp4E0_0craj4NX72XRev {
  color: #f1f5f9;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .O10eS37yFoC9cMjcCiBL {
  color: #94a3b8;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .ChDyIe7Z3acMok8pIBjd {
  color: #475569;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .JoQTfDB50t80M3vNdgYQ {
  color: #94a3b8;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .ZctZPyky_rSOB1LS8MQ2 {
  background: #1e293b;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.3),
              0 0 0 1px rgba(255, 255, 255, 0.05);
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .L5KLoSvBMfVUnEM8Rg0G {
  color: #64748b;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .I6UKqwWQVOoj7tfDsdey {
  color: #f1f5f9;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .sLyjGfPCBxomMxdKyOD4 {
  color: #94a3b8;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .JHTewdsuDS3WADNwevoT {
  background: #334155;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .sxRLNOMeEM6rtFeGRBWb {
  color: #94a3b8;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .amwlKeMVTAb3wz7aepwh {
  color: #f1f5f9;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .kmr_1bTSpl9Mp5aL0ayf {
  background: #1e293b;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .PwRE3AP4uDS39Pk23LKD span:first-child {
  color: #f1f5f9;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .SOsn2B7MMdh92NQ3MT9j {
  color: #94a3b8;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .DDthu5i9s2nccLJzZVei {
  background: #1e293b;
  border-top-color: #334155;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .FrzQlUdUcEyjUdbT8udY {
  color: #f1f5f9;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .MtawyeHLHbj70fDLSS1k {
  color: #94a3b8;
}

.N1yKRbXHEHXxYv14gG8_.UgujH5fv0RPhpsa68v6Q .lv44kBVsLAwvzNCWTxG3 {
  background: #475569;
}

/* ============================================
   BOLD SPLIT VARIANT
   ============================================ */

.Bd7EABDVSutO9fzVrr8P {
  font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  background: #0c0c0c;
  min-height: 700px;
  color: white;
}

.pg5uNisXyGOsYDinRbiJ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 48px;
}

.XR0K9zvk16Q_ITYdz8n0 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  color: white;
}

.ySYRz8ymxqKQSZtR7ZsA {
  display: flex;
  align-items: center;
  gap: 32px;
}

.ySYRz8ymxqKQSZtR7ZsA a {
  font-size: 14px;
  color: #a3a3a3;
  text-decoration: none;
  transition: color 0.2s;
}

.ySYRz8ymxqKQSZtR7ZsA a:hover {
  color: white;
}

.JVDsKIBRiLPSJxGIB63W {
  padding: 10px 24px;
  background: transparent;
  border: 1px solid #333;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: white;
  cursor: pointer;
  transition: all 0.2s;
}

.JVDsKIBRiLPSJxGIB63W:hover {
  background: #1a1a1a;
  border-color: #444;
}

.s5Iu5qHI0Pqz5LgW_3kY {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 80px;
  padding: 40px 48px 60px;
  max-width: 1200px;
  margin: 0 auto;
}

.uGXSbWXmqA0c3aSZB_TP {
  padding-top: 20px;
}

.OOu5_wRU2UwuLTfbrP_h {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  color: #0ea5e9;
  margin-bottom: 24px;
}

.r9RBXVuoBXP3G5RMIcMB {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.05;
  color: white;
  letter-spacing: -2px;
  margin: 0 0 24px 0;
}

.SJ3EXBV2iJSmWzCTcT3n {
  font-size: 17px;
  line-height: 1.6;
  color: #737373;
  margin: 0 0 40px 0;
  max-width: 420px;
}

.CsaBjd15bMa9mtoE_wgl {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
}

.PCp0snoruwE2Vt34U7Wb {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #737373;
  cursor: pointer;
  transition: all 0.2s;
}

.PCp0snoruwE2Vt34U7Wb:hover {
  background: #222;
  border-color: #333;
}

.PCp0snoruwE2Vt34U7Wb.h5X4ZLOKRf6NWLfJv3B2 {
  background: #0ea5e9;
  border-color: #0ea5e9;
  color: white;
}

.pHJOSvY7TfElMfVIZM3y {
  font-size: 16px;
}

.s2bUN5Bhy6rKDya_XKl8 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 20px;
}

.QRgFD72IrFDFBhfXa4Qi {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.QRgFD72IrFDFBhfXa4Qi label {
  font-size: 13px;
  font-weight: 500;
  color: #737373;
}

.odmaFEJWKSIIKaD2sbk9 {
  display: flex;
  align-items: center;
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.2s;
}

.odmaFEJWKSIIKaD2sbk9:focus-within {
  border-color: #0ea5e9;
}

.nLii8vk7FGXbaWMSB38X {
  padding: 0 0 0 16px;
  font-size: 16px;
  color: #525252;
}

.odmaFEJWKSIIKaD2sbk9 input {
  flex: 1;
  padding: 14px 16px 14px 8px;
  background: transparent;
  border: none;
  font-size: 16px;
  font-weight: 500;
  color: white;
  outline: none;
}

.odmaFEJWKSIIKaD2sbk9 input::-moz-placeholder {
  color: #525252;
}

.odmaFEJWKSIIKaD2sbk9 input::placeholder {
  color: #525252;
}

.qOPoTjbAV0u04rU8mtYw {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 32px;
  background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  transition: all 0.2s;
  margin-top: 8px;
}

.qOPoTjbAV0u04rU8mtYw:hover {
  background: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%);
  transform: translateY(-1px);
}

.eROninhDIInBD652oU71 {
  font-size: 18px;
  transition: transform 0.2s;
}

.qOPoTjbAV0u04rU8mtYw:hover .eROninhDIInBD652oU71 {
  transform: translateX(4px);
}

.vrTnmU5BQ1EIm8bQ0NSx {
  display: flex;
  gap: 24px;
  font-size: 13px;
  color: #525252;
}

.mNRlfhIIoUvuBLyMItiO {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.rz82jZvTxoy0hICIHXUq {
  background: linear-gradient(145deg, #1a1a1a 0%, #141414 100%);
  border: 1px solid #2a2a2a;
  border-radius: 20px;
  padding: 28px;
}

.T7oeNOFD5GAMBYFGG9sQ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.jmGSbtCU1whDJazGYqkT {
  font-size: 13px;
  color: #737373;
}

.EUQyxwNFaGZGWjiowCzd {
  padding: 4px 10px;
  background: #2a2a2a;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #a3a3a3;
}

.huACaqAuuMD0P_5Zi9wi {
  font-size: 52px;
  font-weight: 700;
  color: white;
  letter-spacing: -2px;
  line-height: 1;
}

.wGW4jmTrjWmt0FoGhwev {
  font-size: 14px;
  color: #525252;
  margin-bottom: 20px;
}

.BllzxY2NbmcH_CyJpvnf {
  height: 1px;
  background: #2a2a2a;
  margin-bottom: 16px;
}

.JBXj7Ii8aiBkNcoP8Cyq {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 14px;
  color: #737373;
}

.JBXj7Ii8aiBkNcoP8Cyq span:last-child {
  color: white;
  font-weight: 500;
}

.XjYKFjh1DFGCgj4AYhcR {
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 16px;
  padding: 24px;
}

.daaX1TIlXQCw2PM71V_U {
  font-size: 15px;
  font-style: italic;
  color: #a3a3a3;
  line-height: 1.6;
  margin-bottom: 16px;
}

.LMvrcO9uIk_gh6hXzx3M {
  display: flex;
  align-items: center;
  gap: 12px;
}

.xJ9W7VW6qtIw3O686vPA {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0ea5e9 0%, #8b5cf6 100%);
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  color: white;
}

.geDfFG1fKYBMUousSj9U {
  display: flex;
  flex-direction: column;
}

.zy7vEPi8uskOaYXgPUUr {
  font-size: 14px;
  font-weight: 600;
  color: white;
}

.nd43THPsf_icPj8NHth0 {
  font-size: 12px;
  color: #525252;
}

.Jl1VKxPs1bnwGfCrbMSK {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 24px 48px;
  border-top: 1px solid #1a1a1a;
}

.tDdRxb08siK3GMI9UCfR {
  font-size: 12px;
  color: #525252;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.XtxKHSIKYe6xDd2r0xRQ {
  display: flex;
  gap: 32px;
}

.XtxKHSIKYe6xDd2r0xRQ span {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  letter-spacing: 1px;
}

/* ============================================
   GLASS ELEGANT VARIANT
   ============================================ */

.V6czhsTvsVUlWG0TNtuQ {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);
  min-height: 700px;
  position: relative;
  overflow: hidden;
}

.wVtmMDfDVkn3MroiwZUd {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(ellipse at 30% 20%, rgba(99, 102, 241, 0.15) 0%, transparent 50%),
              radial-gradient(ellipse at 70% 80%, rgba(236, 72, 153, 0.1) 0%, transparent 50%);
  pointer-events: none;
}

.c97rO6JggID15jY1kf23 {
  position: absolute;
  top: 10%;
  right: 10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.3) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(60px);
  pointer-events: none;
}

.MBz1aZPIoUMvnPm754ys {
  position: absolute;
  bottom: 10%;
  left: 5%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(236, 72, 153, 0.2) 0%, transparent 70%);
  border-radius: 50%;
  filter: blur(50px);
  pointer-events: none;
}

.EY7mQuerrXIsnK_JKHzD {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 48px;
  z-index: 10;
}

.BEn4jskCmNKnCG2j7evA {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 600;
  color: white;
}

.Dj55OCFQCfq8HkfCPvNd {
  font-size: 24px;
  background: linear-gradient(135deg, #a78bfa 0%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.xeGsPMXrfKLXyDHX8fvn {
  display: flex;
  gap: 40px;
}

.xeGsPMXrfKLXyDHX8fvn a {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color 0.2s;
}

.xeGsPMXrfKLXyDHX8fvn a:hover {
  color: white;
}

.plgB5JHNSSZ6c1AJiesp {
  padding: 10px 24px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: white;
  cursor: pointer;
  transition: all 0.2s;
}

.plgB5JHNSSZ6c1AJiesp:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.2);
}

.HUcWbXN_HqXzUCb2w7Kq {
  position: relative;
  padding: 40px 48px 60px;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  z-index: 10;
}

.QmJOR3EiSLPEHBTp_tTD {
  margin-bottom: 32px;
}

._jByXmmtVhibgwTct4Qb {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}

.SEs0ihdvRHnWjTrLRNsL {
  width: 8px;
  height: 8px;
  background: #10b981;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.5);
}

.ggSoW9H2sbs6LDJbtUzZ {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.1;
  color: white;
  letter-spacing: -2px;
  margin: 0 0 24px 0;
}

.JuuKrHSzSQ7dqYjzSmio {
  background: linear-gradient(135deg, #a78bfa 0%, #ec4899 50%, #f97316 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.pT8NEeg_YyO4_2uzNiCE {
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 0 48px 0;
}

.bs7g3ygqcglH3JlJaDWS {
  margin-bottom: 48px;
}

.g70XYg7Ka9OOEOeH16Y8 {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0 20px 0;
}

.m4YwGfD2dN1SePBGeENP {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  max-width: 700px;
  margin: 0 auto 24px;
}

.xVDWoAv0sLgzUU0cJTWU {
  position: relative;
  padding: 28px;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: left;
  overflow: hidden;
}

.xVDWoAv0sLgzUU0cJTWU:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}

.xVDWoAv0sLgzUU0cJTWU.lKoAuPfOX73ANKYqoTZw {
  background: rgba(167, 139, 250, 0.1);
  border-color: rgba(167, 139, 250, 0.3);
}

.cbpAVBysshZA9B9q0rM6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(167, 139, 250, 0.5), transparent);
  opacity: 0;
  transition: opacity 0.3s;
}

.xVDWoAv0sLgzUU0cJTWU.lKoAuPfOX73ANKYqoTZw .cbpAVBysshZA9B9q0rM6 {
  opacity: 1;
}

.FdJOJZGyucgSrtunAaoe {
  position: relative;
  z-index: 1;
}

.lJFGEWt6p2ITUhCE1CyT {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  margin-bottom: 16px;
}

.lJFGEWt6p2ITUhCE1CyT svg {
  width: 24px;
  height: 24px;
  color: rgba(255, 255, 255, 0.7);
}

.xVDWoAv0sLgzUU0cJTWU.lKoAuPfOX73ANKYqoTZw .lJFGEWt6p2ITUhCE1CyT {
  background: linear-gradient(135deg, rgba(167, 139, 250, 0.3) 0%, rgba(236, 72, 153, 0.3) 100%);
}

.xVDWoAv0sLgzUU0cJTWU.lKoAuPfOX73ANKYqoTZw .lJFGEWt6p2ITUhCE1CyT svg {
  color: white;
}

.yWc4z8X3GKIbFNvYvJAK {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
}

.Oi8AUVXKC8PxYveKRJAX {
  font-size: 20px;
  font-weight: 600;
  color: white;
}

.yCCTGLQHFeuYJXkypvpr {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

.Bt0LetM_aolEuKki0dd7 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.Bt0LetM_aolEuKki0dd7 span {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  padding-left: 16px;
  position: relative;
}

.Bt0LetM_aolEuKki0dd7 span::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #10b981;
}

.o64KGZeLz1X35MC5aVGQ {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 32px;
  background: linear-gradient(135deg, #a78bfa 0%, #ec4899 100%);
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
}

.o64KGZeLz1X35MC5aVGQ:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(167, 139, 250, 0.4);
}

.o64KGZeLz1X35MC5aVGQ svg {
  width: 20px;
  height: 20px;
  transition: transform 0.2s;
}

.o64KGZeLz1X35MC5aVGQ:hover svg {
  transform: translateX(4px);
}

.uWzc7lIasbRyJkG3g2gG {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.JSsL3V8s0M2axqdLojtn {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ZiDv99fvcoI6voqLsUq4 {
  font-size: 28px;
  font-weight: 700;
  color: white;
  letter-spacing: -0.5px;
}

.dom1s2XWODzsQNJrnShQ {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 4px;
}

.ZkuvD5TqWfiQLNr8RBQP {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
}

.moMbpKKPrK977ftHOfp9 {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 48px;
  padding: 32px 48px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  z-index: 10;
}

.LrVOAPHDIL1Fl5WaLILh {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
}

.SZyYZ9u3SYgCKTAsMYgT {
  font-size: 16px;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 900px) {
  .XlScFmy1ydJ7EhrTDkRB {
    grid-template-columns: 1fr;
    padding: 40px 24px;
  }

  .Tmz3lMyz6uJEUmqK0cur {
    display: none;
  }

  .Twl8vvuS74iXnWZVM795 {
    font-size: 36px;
  }

  .s5Iu5qHI0Pqz5LgW_3kY {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 24px;
  }

  .r9RBXVuoBXP3G5RMIcMB {
    font-size: 40px;
  }

  .mNRlfhIIoUvuBLyMItiO {
    display: none;
  }

  .m4YwGfD2dN1SePBGeENP {
    grid-template-columns: 1fr;
  }

  .ggSoW9H2sbs6LDJbtUzZ {
    font-size: 36px;
  }

  .moMbpKKPrK977ftHOfp9 {
    flex-wrap: wrap;
    gap: 24px;
  }
}

/* Light mode CSS variables (default) */
.gnaGTk8w5X4Wm5BtPKrz {
  --gallery-bg: #f5f5f7;
  --sidebar-bg: #ffffff;
  --sidebar-border: #e5e7eb;
  --sidebar-header-border: #f1f5f9;
  --sidebar-text: #0f172a;
  --sidebar-icon: #3b82f6;
  --category-text: #64748b;
  --category-text-hover: #374151;
  --category-hover-bg: #f8fafc;
  --category-active-bg: #eff6ff;
  --category-active-text: #3b82f6;
  --footer-text: #94a3b8;
  --content-header-bg: #ffffff;
  --content-header-border: #e5e7eb;
  --title-text: #0f172a;
  --description-text: #64748b;
  --preview-bg: #f8fafc;
  --preview-bg-secondary: #ffffff;
  --preview-text: #0f172a;
  --preview-text-secondary: #64748b;
  --preview-text-muted: #94a3b8;
  --preview-border: #e2e8f0;
  --preview-accent: #3b82f6;
  --toggle-bg: #f1f5f9;
  --toggle-btn-bg: transparent;
  --toggle-btn-text: #64748b;
  --toggle-btn-active-bg: #3b82f6;
  --toggle-btn-active-text: #ffffff;

  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  display: flex;
  min-height: 100vh;
  background: var(--gallery-bg);
}

/* Dark mode CSS variables */
.gnaGTk8w5X4Wm5BtPKrz.hpyqL2MQbLfefHKJZ2T0 {
  --gallery-bg: #0f172a;
  --sidebar-bg: #1e293b;
  --sidebar-border: #334155;
  --sidebar-header-border: #334155;
  --sidebar-text: #f1f5f9;
  --sidebar-icon: #60a5fa;
  --category-text: #94a3b8;
  --category-text-hover: #e2e8f0;
  --category-hover-bg: #334155;
  --category-active-bg: rgba(59, 130, 246, 0.15);
  --category-active-text: #60a5fa;
  --footer-text: #64748b;
  --content-header-bg: #1e293b;
  --content-header-border: #334155;
  --title-text: #f1f5f9;
  --description-text: #94a3b8;
  --preview-bg: #0f172a;
  --preview-bg-secondary: #1e293b;
  --preview-text: #f1f5f9;
  --preview-text-secondary: #94a3b8;
  --preview-text-muted: #64748b;
  --preview-border: #334155;
  --preview-accent: #60a5fa;
  --toggle-bg: #334155;
  --toggle-btn-bg: transparent;
  --toggle-btn-text: #94a3b8;
  --toggle-btn-active-bg: #3b82f6;
  --toggle-btn-active-text: #ffffff;
}

/* Sidebar */
._7ItANt5N69WFyUbu55kt {
  width: 220px;
  background: var(--sidebar-bg);
  border-right: 1px solid var(--sidebar-border);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.mWTeLFiYLN2tn3XHVL1w {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 16px;
  font-size: 16px;
  font-weight: 600;
  color: var(--sidebar-text);
  border-bottom: 1px solid var(--sidebar-header-border);
}

.mWTeLFiYLN2tn3XHVL1w .dTpMtiK38YFbqsmVRwQg {
  font-size: 22px;
  color: var(--sidebar-icon);
}

/* Theme Toggle */
.zsSv1qTYYvKqiDof5sba {
  display: flex;
  gap: 4px;
  padding: 12px 16px;
  background: var(--toggle-bg);
  margin: 0;
}

.BXwQnPFRQn_cmV8H0mhJ {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: var(--toggle-btn-bg);
  border: none;
  border-radius: 6px;
  color: var(--toggle-btn-text);
  cursor: pointer;
  transition: all 0.15s ease;
}

.BXwQnPFRQn_cmV8H0mhJ:hover {
  background: var(--category-hover-bg);
  color: var(--category-text-hover);
}

.BXwQnPFRQn_cmV8H0mhJ.yWF0Kg_8D1ofJ_dHbDIA {
  background: var(--toggle-btn-active-bg);
  color: var(--toggle-btn-active-text);
}

.BXwQnPFRQn_cmV8H0mhJ .dTpMtiK38YFbqsmVRwQg {
  font-size: 18px;
}

.AKZBHhN8n1OIQAmv2igt {
  flex: 1;
  padding: 12px 0;
  overflow-y: auto;
}

.lagc_RhCoVb2ElY45tg_ {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 500;
  color: var(--category-text);
  background: transparent;
  border: none;
  border-left: 3px solid transparent;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: all 0.15s ease;
}

.lagc_RhCoVb2ElY45tg_:hover {
  background: var(--category-hover-bg);
  color: var(--category-text-hover);
}

.lagc_RhCoVb2ElY45tg_ .dTpMtiK38YFbqsmVRwQg {
  font-size: 20px;
}

.lagc_RhCoVb2ElY45tg_.yWF0Kg_8D1ofJ_dHbDIA {
  background: var(--category-active-bg);
  color: var(--category-active-text);
  border-left-color: var(--category-active-text);
}

.lagc_RhCoVb2ElY45tg_.yWF0Kg_8D1ofJ_dHbDIA .dTpMtiK38YFbqsmVRwQg {
  color: var(--category-active-text);
}

.Rs7JU9iPfwOH2rh56mHX {
  padding: 16px;
  border-top: 1px solid var(--sidebar-header-border);
}

.rxGyS38axWb5TVv6m2sR {
  font-size: 11px;
  color: var(--footer-text);
  font-style: italic;
}

/* Main Content */
.q9yp8nrsFDiKYS_yOO62 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.U77TjtdcOtfCsBDe9wXo {
  padding: 24px 32px;
  background: var(--content-header-bg);
  border-bottom: 1px solid var(--content-header-border);
}

.H0F79HkLBXqxwzc9kjfu {
  font-size: 24px;
  font-weight: 700;
  color: var(--title-text);
  margin: 0 0 6px 0;
}

.UPTyQbKok30XMRrfCoPG {
  font-size: 14px;
  color: var(--description-text);
  margin: 0;
}

.l3geFhG0uZEIgourSDfA {
  flex: 1;
  padding: 24px 32px;
  overflow-y: auto;
  background: var(--preview-bg);
}

/* Pass CSS variables to category content for dark mode */
.l3geFhG0uZEIgourSDfA.hpyqL2MQbLfefHKJZ2T0 {
  --preview-bg: #0f172a;
  --preview-bg-secondary: #1e293b;
  --preview-text: #f1f5f9;
  --preview-text-secondary: #94a3b8;
  --preview-text-muted: #64748b;
  --preview-border: #334155;
  --preview-accent: #60a5fa;
}

/* Responsive */
@media (max-width: 900px) {
  .gnaGTk8w5X4Wm5BtPKrz {
    flex-direction: column;
  }

  ._7ItANt5N69WFyUbu55kt {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--sidebar-border);
  }

  .zsSv1qTYYvKqiDof5sba {
    padding: 8px 16px;
  }

  .AKZBHhN8n1OIQAmv2igt {
    display: flex;
    padding: 0 16px;
    gap: 4px;
    overflow-x: auto;
  }

  .lagc_RhCoVb2ElY45tg_ {
    flex-shrink: 0;
    padding: 10px 14px;
    border-left: none;
    border-bottom: 2px solid transparent;
    border-radius: 6px 6px 0 0;
  }

  .lagc_RhCoVb2ElY45tg_.yWF0Kg_8D1ofJ_dHbDIA {
    border-left-color: transparent;
    border-bottom-color: var(--category-active-text);
    border-radius: 6px 6px 0 0;
  }

  .Rs7JU9iPfwOH2rh56mHX {
    display: none;
  }

  .U77TjtdcOtfCsBDe9wXo {
    padding: 16px 20px;
  }

  .l3geFhG0uZEIgourSDfA {
    padding: 16px 20px;
  }
}

/* Qualify-specific styles - minimal overrides for webflow base */

/* Loading state */
.Vwe8dPbJZNv3emPePAxw {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 40px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  min-height: 300px;
}

.C8GOZHpXJyfCuQvbdFPV {
  width: 32px;
  height: 32px;
  border: 2.5px solid rgba(255, 255, 255, 0.2);
  border-top-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  animation: NXVFZKsp63AYQD6urSez 0.7s linear infinite;
}

@keyframes NXVFZKsp63AYQD6urSez {
  to {
    transform: rotate(360deg);
  }
}

/* Error card */
.bgkPI3Ire6r8Q6CeVQnm {
  background: rgba(255, 255, 255, 0.08);
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 32px 28px;
  text-align: center;
  max-width: 530px;
  margin: 0 auto;
  backdrop-filter: blur(8px);
}

.bgkPI3Ire6r8Q6CeVQnm h2 {
  font-size: 20px;
  font-weight: 700;
  color: white;
  margin-bottom: 8px;
}

.bgkPI3Ire6r8Q6CeVQnm p {
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 20px;
  font-size: 14px;
}

.y01bAv5jR85xR21UVdwR {
  width: 200px;
  height: 50px;
  color: #111;
  background-color: #fff;
  border-radius: 14px;
  border: none;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

.y01bAv5jR85xR21UVdwR:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

/* Results page specific styles - adapted for dark theme */
.BeLPISXffe9gLrfxtu5S {
  max-width: 530px;
  margin: 0 auto;
  color: white;
}

.U0CSF7MlCorDFCWZSb0s {
  text-align: center;
  margin-bottom: 24px;
}

.pmG4KucVLmQSFOYrL7r5 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 12px;
}

.pmG4KucVLmQSFOYrL7r5.ObG9yadMHpPIJ_SvfA5Q {
  background-color: rgba(16, 185, 129, 0.15);
  color: #34d399;
}

.pmG4KucVLmQSFOYrL7r5.x3tNNGHO3cy5JYfdhnNj {
  background-color: rgba(245, 158, 11, 0.15);
  color: #fbbf24;
}

.pmG4KucVLmQSFOYrL7r5.MJOUalRC_A2sjRgiMtXQ {
  background-color: rgba(239, 68, 68, 0.15);
  color: #f87171;
}

.L1zKykkPQF5UcrvoCT3R {
  font-size: 26px;
  font-weight: 700;
  color: white;
  margin-bottom: 6px;
  line-height: 1.2;
}

.MsdaTpm3YX6HWN53IdAG {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}

.ci_UvdHbXoLK9z5yw8J4 {
  margin-bottom: 24px;
}

.m4C88Me_lKo0JDmk0BNS {
  font-size: 15px;
  font-weight: 600;
  color: white;
  margin-bottom: 12px;
}

.PhY32optJLLZoONaeQJ7 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.zpt9uXVns5J6mza7mWtN {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 10px;
}

.pJrDoAoOK2NHnaOubPId {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.pJrDoAoOK2NHnaOubPId.ObG9yadMHpPIJ_SvfA5Q {
  background-color: #34d399;
}

.pJrDoAoOK2NHnaOubPId.x3tNNGHO3cy5JYfdhnNj {
  background-color: #fbbf24;
}

.pJrDoAoOK2NHnaOubPId.MJOUalRC_A2sjRgiMtXQ {
  background-color: #f87171;
}

.BgbONmXEoupeDrZ1FGkq {
  flex: 1;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
}

.XJzu3LaBdAyLboQNHtM3 {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}

.XIrx2wIAlU6mJNdJuaKA {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 20px;
}

@media (max-width: 480px) {
  .XIrx2wIAlU6mJNdJuaKA {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.wiUTvcsfYpU6LrSBCBIe {
  padding: 14px 12px;
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  text-align: center;
}

.j9AzHqNdUyQC5S5g5nle {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}

.aiE3JxXzjeHZExT4rzyw {
  font-size: 18px;
  font-weight: 700;
  color: white;
}

.RtBz9MGXKCC6vuXgjbrt {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 20px;
  margin-top: 4px;
}

.NuiD8Sb90W3MQ22PJ4mx {
  font-size: 16px;
  font-weight: 600;
  color: white;
  margin-bottom: 6px;
}

.fFL8B3qAIdbI2D5xAL_n {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 14px;
}

/* Toggle wrapper for co-borrower */
.g28HlkI8B05ggUW__MP9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px;
  background: rgba(255, 255, 255, 0.06);
  border: 1.5px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
  margin-bottom: 12px;
}

.g28HlkI8B05ggUW__MP9:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.08);
}

.Meg_70cQeXGg0sJvAcCY {
  font-weight: 600;
  font-size: 14px;
  color: white;
}

.vdhHXSuJwAwt6PysD2iu {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  margin-top: 2px;
}

/* Conditional fields animation */
.McHfDDn_gvz_7XnMbrDF {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(255, 255, 255, 0.15);
  animation: lcTs2Efz8nnEiE3W0I2V 0.2s ease-out;
  max-width: 530px;
  width: 100%;
}

@keyframes lcTs2Efz8nnEiE3W0I2V {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* OTP verification input styling */
.s8RMtTHkRjldbgyjnc5I {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin: 16px 0;
}

.Bm3dTTlSjYYvC7LIk04b {
  width: 44px;
  height: 52px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.08);
  border: 1.5px solid rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  color: white;
  outline: none;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.Bm3dTTlSjYYvC7LIk04b:focus {
  border-color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.12);
}

.Bm3dTTlSjYYvC7LIk04b::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.Bm3dTTlSjYYvC7LIk04b::placeholder {
  color: rgba(255, 255, 255, 0.25);
}

/* Link styles */
.BKaok7mmkxW42AuFGquu {
  color: #a6ffcb;
  text-decoration: underline;
  cursor: pointer;
}

.BKaok7mmkxW42AuFGquu:hover {
  opacity: 0.8;
}

/* Hint box */
.MsDsOmlW88Iy8QBhNLeX {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  margin-bottom: 14px;
}

.MsDsOmlW88Iy8QBhNLeX svg {
  flex-shrink: 0;
  color: #60a5fa;
  margin-top: 1px;
  width: 15px;
  height: 15px;
}

.u2WpAW4csSPnJiSrWOJp {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.4;
}

/* Error text */
.VlTv7KXKEdTosswNDP3S {
  color: #f87171;
  font-size: 12px;
  margin-top: 4px;
}

/* Password visibility toggle */
.HWyW2qJcJBjc72ZKkLNI {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.45);
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
}

.HWyW2qJcJBjc72ZKkLNI:hover {
  color: rgba(255, 255, 255, 0.8);
}

.nuwYefbouwg4ZZ61UjzM {
  position: relative;
  margin-bottom: 12px;
}

/* Additional Income Section */
.R_Ko78rDVBocyejpxUtd {
  max-width: 530px;
  width: 100%;
  margin-bottom: 20px;
}

.EScjcqkHNSZCnIEo6N6M {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 600;
  color: white;
}

.TptMFpOs7s4TwqytxvZv {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
  margin: 12px 0 0 0;
}

.IsdIgvza3X8hHIIaW3OA {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: white;
  margin-bottom: 4px;
}

.XNWVIKm7PZs43mwrFITQ {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
}

.cRfsctfuPpt0S1a1Sb0O {
  background: rgba(255, 255, 255, 0.06);
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  animation: lcTs2Efz8nnEiE3W0I2V 0.2s ease-out;
  overflow: hidden;
}

.cRfsctfuPpt0S1a1Sb0O .input-item-wrapper {
  width: 100%;
}

.cRfsctfuPpt0S1a1Sb0O .text-field,
.cRfsctfuPpt0S1a1Sb0O .w-input,
.cRfsctfuPpt0S1a1Sb0O .w-select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.cRfsctfuPpt0S1a1Sb0O .currency-input-wrapper {
  width: 100%;
  max-width: 100%;
}

.ykhitc7it6dSjv8RISEU {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.F0063XJIUPGKxNfH6BOw {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}

._V1ge4dfZ7i5yk0EGsHu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: 1.5px solid rgba(239, 68, 68, 0.4);
  border-radius: 8px;
  color: #f87171;
  cursor: pointer;
  transition: all 0.2s ease;
}

._V1ge4dfZ7i5yk0EGsHu:hover {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.6);
}

.J4LPHgu9bdZvXYIX8skv {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 20px;
  background: transparent;
  border: 2px dashed rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.J4LPHgu9bdZvXYIX8skv:hover {
  border-color: rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.9);
}

.uKPwDOdBu7HlQHvEUE6w {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  margin-top: 8px;
}

/* Bankruptcy Chapter Selector */
.Z4wjL7TRY3Jc5o8pOVkS {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 12px;
}

.J2M_3J4gRFat0asNyEHl {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}

.JhLd23HjImBRYPuvSLAA {
  flex: 1;
  background: rgba(255, 255, 255, 0.06);
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}

.JhLd23HjImBRYPuvSLAA:hover {
  border-color: rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.08);
}

.yRX7pBTQTfwDiYKTyHN8 {
  border-color: #a78bfa;
  background: rgba(167, 139, 250, 0.15);
}

.yRX7pBTQTfwDiYKTyHN8:hover {
  border-color: #a78bfa;
  background: rgba(167, 139, 250, 0.2);
}

.FlWVYRUvfyxVpV0MQFX6 {
  font-size: 15px;
  font-weight: 600;
  color: white;
  margin-bottom: 4px;
}

.StuS8BzaGGQgDSjZikk1 {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
}

/* VA Loan Card */
.yF_I1Fe8uYOxFcS5WI2P {
  background: rgba(0, 0, 0, 0.25);
  border: 1.5px solid rgba(167, 139, 250, 0.2);
  border-radius: 14px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  overflow: hidden;
  backdrop-filter: blur(4px);
}

.yF_I1Fe8uYOxFcS5WI2P:hover {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(167, 139, 250, 0.35);
}

.fE6Xa0AVInhkQNHyZHhh {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(167, 139, 250, 0.45);
}

.EdKQImVfuXKuMyyb6vmA {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
}

.bUkZbYymk3xkdOUVjsog {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: linear-gradient(135deg, rgba(167, 139, 250, 0.15) 0%, rgba(167, 139, 250, 0.05) 100%);
  border: 1px solid rgba(167, 139, 250, 0.25);
  border-radius: 10px;
  color: #a78bfa;
  flex-shrink: 0;
}

.ahBjQOvBAUxmL73jRsgl {
  flex: 1;
}

.YQ5SAj_qg7wS9SnKid5z {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 15px;
  color: white;
}

.dbgXNjItMMPVSUIqcgl_ {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 2px;
}

.AO2w1YVi_2kD6de5ajnb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 16px;
  background: rgba(167, 139, 250, 0.08);
  border-top: 1px solid rgba(167, 139, 250, 0.15);
  transition: all 0.3s ease;
}

.p86tnpb8hGy6BYTQ0CGg {
  background: rgba(167, 139, 250, 0.14);
}

.UrznN9yEitpVDdSAXqQP {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
}

.Y0Bz4a1KeKtmPFjjbXqY {
  color: #c4b5fd;
  font-size: 11px;
  font-weight: 700;
}

.j0E1IyKKNktOsxrC7vAa {
  color: rgba(255, 255, 255, 0.35);
  font-size: 8px;
}

/* Co-Borrower Card */
.OJWGLZNqejI0tyXiayST {
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  overflow: hidden;
  backdrop-filter: blur(4px);
}

.OJWGLZNqejI0tyXiayST:hover {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(167, 139, 250, 0.3);
}

.bZhzcDe5KjdiKjaR4evi {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(167, 139, 250, 0.4);
}

.W08Y5RzLTMVz4K0CE1wQ {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 16px;
}

.ONioFOKx2NmZfvZIFInw {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: linear-gradient(135deg, rgba(167, 139, 250, 0.15) 0%, rgba(167, 139, 250, 0.05) 100%);
  border: 1px solid rgba(167, 139, 250, 0.25);
  border-radius: 10px;
  color: #a78bfa;
  flex-shrink: 0;
}

.iMbCE6WeC_LB53SDXoFS {
  flex: 1;
}

.OsNOCFmMRToi7kWKzM2s {
  font-weight: 600;
  font-size: 15px;
  color: white;
}

.dZXvGr5zWBtBQauStnda {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 2px;
}

.ZQoD1NRqhu423se3Vd7w {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 11px 16px;
  background: rgba(167, 139, 250, 0.06);
  border-top: 1px solid rgba(167, 139, 250, 0.1);
  transition: all 0.3s ease;
}

.ctq5n6F7W1IKiaLV5qha {
  background: rgba(167, 139, 250, 0.12);
}

.q6teiu7an8iuxpNCnaGc {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
}

.xChfwrgiCV8Nt_5g0XOE {
  color: #c4b5fd;
  font-size: 11px;
  font-weight: 700;
}

.AM3LgCt6wFNlODCFkQP9 {
  color: rgba(255, 255, 255, 0.35);
  font-size: 8px;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
  font-family: "Nunito", sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden],
template {
  display: none;
}

a {
  background-color: rgba(0, 0, 0, 0);
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub,
sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"],
[class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  color: #333;
  background-color: #fff;
  margin: 0;
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before,
.w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: rgba(0, 0, 0, 0) !important;
}

.w-webflow-badge,
.w-webflow-badge * {
  z-index: auto;
  visibility: visible;
  box-sizing: border-box;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  float: none;
  clear: none;
  box-shadow: none;
  opacity: 1;
  direction: ltr;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  text-indent: 0;
  text-transform: inherit;
  text-shadow: none;
  font-smoothing: auto;
  vertical-align: baseline;
  cursor: inherit;
  white-space: inherit;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background: none;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 0;
  margin: 0;
  padding: 0;
  list-style-type: disc;
  transition: none;
  display: block;
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: visible;
  transform: none;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  visibility: visible !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px 8px 6px 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  top: auto !important;
  bottom: 12px !important;
  left: auto !important;
  right: 12px !important;
  overflow: visible !important;
  transform: none !important;
}

.w-webflow-badge>img {
  visibility: visible !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before,
.w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe,
.w-video object,
.w-video embed {
  width: 100%;
  height: 100%;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button,
[type="button"],
[type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}
.w-form-success {
  text-align: center;
  color: green;
  padding: 20px;
  display: none;
}

.w-form-fail {
  /* background-color: #ffdede; */
  margin: 10px auto;
  padding: 10px;
  text-align: center;
  display: none;
  color: red;
}
.form-field-error_msg {
  color: red;
}
.has-error {
  border: 1px solid red !important
}
label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input,
.w-select {
  width: 100%;
  height: 38px;
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
  color: #999;
}

.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
  color: #999;
}

.w-input:focus,
.w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
  /* background-color: #eee; */
  background-color: none;
}

textarea.w-input,
textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;

  /* Cross-browser select styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* Custom dropdown arrow */
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23333333%27 d=%27M6 8L1 3h10z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
}

/* Ensure option elements are styled consistently */
.w-select option {
  color: #333333;
  background-color: #ffffff;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before,
.w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  z-index: -100;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  width: auto;
  height: auto;
  cursor: pointer;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before,
.w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before,
.w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {

  .w-hidden-main,
  .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row,
  .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main,
  .w-hidden-medium,
  .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw>button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  width: 28px;
  height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border: solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border: solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  height: 500px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.w-background-video>video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  margin: auto;
  position: absolute;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control>[hidden] {
  display: none !important;
}

.w-slider {
  height: 300px;
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  background: #ddd;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  height: 100%;
  white-space: nowrap;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: left;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  height: 40px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  margin: auto;
  padding-top: 10px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-slider-nav.w-round>div {
  border-radius: 100%;
}

.w-slider-nav.w-num>div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: 0.2em 0.5em;
}

.w-slider-nav.w-shadow>div {
  box-shadow: 0 0 3px rgba(51, 51, 51, 0.4);
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert>div {
  background-color: rgba(34, 34, 34, 0.4);
}

.w-slider-nav-invert>div.w-active {
  background-color: #222;
}

.w-slider-dot {
  width: 1em;
  height: 1em;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.4);
  margin: 0 3px 0.5em;
  transition: background-color 0.1s, color 0.1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left,
.w-slider-arrow-right {
  width: 80px;
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  margin: auto;
  font-size: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*=" w-icon-"],
.w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left,
.w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.dropdown-toggle {
  width: 530px;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.15);
  border: 2px solid #fff;
  border-radius: 20px;
  align-items: center;
  display: flex;
  padding: 5px;
  margin-bottom: 20px !important;
}

.dropdown-toggle::after {
  display: none;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.text-block-5 {
  color: #fff;
  font-size: 17px;
}

.icon-6 {
  color: #fff;
  font-size: 20px;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  min-width: 100%;
  background: #ddd;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: rgba(0, 0, 0, 0.9);
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop,
.w-lightbox-container {
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  width: 100vw;
  height: 100vh;
  opacity: 0;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame,
.w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  height: auto;
  max-width: none;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.4);
  padding: 0.5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-lightbox-control {
  width: 4em;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  transition: all 0.3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  height: 2.6em;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
  background-size: 18px;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: auto;
  overflow-y: hidden;
}

.w-lightbox-item {
  width: 10vh;
  box-sizing: content-box;
  cursor: pointer;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: 0.3;
}

.w-lightbox-thumbnail {
  height: 10vh;
  background: #222;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border: 5px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  margin-top: -20px;
  margin-left: -20px;
  animation: 0.8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view,
  .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group,
  .w-lightbox-group .w-lightbox-view,
  .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left,
  .w-lightbox-right {
    opacity: 0.5;
    display: block;
  }

  .w-lightbox-close {
    opacity: 0.8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive,
.w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before,
.w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before,
.w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol,
.w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type="video"]>div:after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure>div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: 0.6;
}

.w-richtext figure div {
  color: rgba(0, 0, 0, 0);
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type="image"]>div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type="image"]>figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type="video"]>div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth>div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before,
.w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  min-width: 200px;
  background: #c8c8c8;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before,
.w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

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

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

.OnboardingPageBody {
  height: 100%;
  color: #fff;
  background-image: url("https://assets.website-files.com/64c2c080f152c6a4c0f0b8fe/64c2e8b82ed7b56a37b825c0_BG-min.png");
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  font-family: Nunito, sans-serif;
  min-height: 100vh;
}

.section-container {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 115px;
  padding-bottom: 30px;
  display: flex;
}

.main-input-header-light {
  text-align: center;
  font-size: 40px;
  font-weight: 200;
  color: white;
}

.main-input-header {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 40px;
  color: white;
}

.main-input-header.no-bottom-margin {
  margin-bottom: 10px;
}

.main-input-header.small {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 30px;
}

.main-input-header.small.margine-top {
  margin-top: 40px;
}

.main-input-header.small.no-bottom-margin {
  margin-bottom: 10px;
}

.main-input-header.smallest {
  font-size: 20px;
  line-height: 30px;
}

.main-input-header.smallest.no-margin {
  margin-bottom: 10px;
}

.navbar {
  background-color: rgba(221, 221, 221, 0);
  padding-top: 28px;
}

.image {
  width: 180px;
}

.text-field {
  max-width: 530px;
  width: 100%;
  height: 80px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
  border: 2px solid #fff;
  border-radius: 20px;
  margin-bottom: 20px;
  font-size: 17px;
}

.text-field-short {
  max-width: 260px;
  width: 100%;
  height: 80px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
  border: 2px solid #fff;
  border-radius: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 17px;
  font-weight: 400;
}

.short-text-input-container {
  max-width: 530px;
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.text-field::-moz-placeholder, .text-field-short::-moz-placeholder {
  color: #fff;
}

.text-field::placeholder,
.text-field-short::placeholder {
  color: #fff;
}

.input-item-wrapper {
  max-width: 530px;
  width: 100%;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
  position: relative;
}

.input-item-wrapper.no-bottom-margin {
  margin-bottom: 10px;
}

.input-item-wrapper.no-bottom-margin.center {
  justify-content: center;
}

.radio-button-field {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  margin-right: 25px;
  display: flex;
}

.radio-button-label {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 6px;
  font-size: 17px;
  font-weight: 200;
}

.radio-button {
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.35);
  border: 1px solid #fff;
}

.radio-button-field {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  margin-right: 25px;
  display: flex;
}

.checkbox {
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.1);
  -webkit-text-stroke-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  margin-top: 0;
}

.checkbox:focus-visible {
  color: rgba(255, 255, 255, 0.1);
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.44);
}

.checkbox[data-wf-focus-visible] {
  color: rgba(255, 255, 255, 0.1);
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.44);
}

.checkbox-field {
  align-items: center;
  display: flex;
}

.checkbox-label {
  margin-left: 15px;
  font-size: 16px;
  font-weight: 200;
}

.total-assets-block {
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.text-block-6 {
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: 200;
}

.total-assets {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.form-block {
  color: #fff;
  margin-top: 0;
  max-width: 530px;
  width: 100%;
}

.form {
  color: #fff;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.submit-button {
  width: 250px;
  height: 60px;
  color: #000;
  background-color: #fff;
  border-radius: 20px;
  font-size: 17px;
  font-weight: 700;
  margin-top: 10px;
}

.container {
  max-width: 1200px;
}

.security-container {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 90px;
  margin-bottom: 35px;
  padding: 19px;
  display: flex;
}

.image-2 {
  width: 20px;
  margin-left: 15px;
}

.text-block {
  font-size: 16px;
}

.input-container {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.button {
  width: 530px;
  height: 70px;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.icon-button {
  width: 530px;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 21px;
  padding-right: 21px;
  display: flex;
  position: relative;
  cursor: pointer;
}

.icon-button-Selected {
  width: 530px;
  height: 80px;
  background-color: blue;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 21px;
  padding-right: 21px;
  display: flex;
  position: relative;
}

.text-block-2 {
  font-size: 18px;
  font-weight: 700;
}

.icon-button-image {
  width: 38px;
}

.icon-button-link-block {
  width: 100%;
  height: 100%;
  margin-left: -23px;
  display: block;
  position: absolute;
}

.input-wrapper-special {
  padding-top: 30px;
}

.text-block-3 {
  text-align: center;
  margin-bottom: 50px;
  font-size: 20px;
  font-weight: 200;
  line-height: 30px;
}

.nav-container {
  max-width: 1200px;
}

.navbar .menu-container {
  justify-content: flex-start;
  padding: 0;
}

@media screen and (max-width: 991px) {

  .container,
  .nav-container {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media screen and (max-width: 767px) {

  .main-input-header-light,
  .main-input-header {
    font-size: 35px;
  }

  .text-field {
    max-width: 500px;
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .navbar .menu-container {
    justify-content: center;
  }

  .main-input-header-light {
    font-size: 26px;
  }

  .main-input-header {
    font-size: 26px;
    line-height: 40px;
  }

  .image {
    width: 140px;
  }

  .text-field {
    width: 100%;
    height: 70px;
    font-size: 15px;
  }

  .submit-button {
    font-size: 15px;
  }

  .container {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-2 {
    width: 18px;
  }

  .text-block {
    font-size: 12px;
  }

  .icon-button {
    width: 290px;
    height: 70px;
  }

  .text-block-2 {
    font-size: 14px;
  }

  .icon-button-image {
    width: 33px;
  }

  .icon,
  .icon-2,
  .icon-3,
  .icon-4 {
    display: none;
  }

  .nav-container {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .icon-5 {
    display: none;
  }
}

.error-msg {
  color: red;
  padding: 10px;
  font-size: 14px;
}

.disable {
  /* border: 1px solid #999999; */
  /* background-color: #cccccc; */
  /* color: #666666; */
}

.error_msg {
  color: red;
  width: 60%;
  margin: auto;
  margin-top: 20px;
}

.checkbox-label {
  margin-left: 15px;
  font-size: 16px;
  font-weight: 200;
}

.w-form-label {
  display: inline-block;

  cursor: pointer;
  font-weight: normal;
  margin-bottom: 0px;
}

.add-input-link-block {
  width: 100%;
  height: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: none;
  position: absolute;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.input-item-wrapper {
  width: 290px;
}

.text-block-4 {
  margin-left: 15px;
  font-size: 16px;
  font-weight: 200;
}

.no-income {
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}

.add-button {
  width: 20px;
}

.input-item-wrapper {
  width: 530px;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
  position: relative;
}

.supporting-header-text {
  text-align: center;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 200;
}

.supporting-header-text.negative-top-margin {
  margin-top: 0;
  margin-bottom: 20px;
}

.negative-top-margin .required-field {
  top: 15px;
}
.negative-top-margin .ips-required-field {
  top: 15px;
}

@media screen and (max-width: 991px) {

  .container,
  .nav-container {
    padding-left: 35px;
    padding-right: 35px;
  }

  .supporting-header-text {
    width: 590px;
    line-height: 30px;
  }
}

@media screen and (max-width: 479px) {
  .main-input-header-light {
    font-size: 26px;
  }

  .main-input-header {
    font-size: 26px;
    line-height: 40px;
  }

  .image {
    width: 140px;
  }

  .full-text-field {
    width: 290px;
    height: 70px;
    font-size: 15px;
  }

  .submit-button {
    font-size: 15px;
  }

  .container {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-2 {
    width: 18px;
  }

  .text-block {
    font-size: 12px;
  }

  .icon-button {
    width: 290px;
    height: 70px;
  }

  .text-block-2 {
    font-size: 14px;
  }

  .icon-button-image {
    width: 33px;
  }

  .icon,
  .icon-2,
  .icon-3,
  .icon-4 {
    display: none;
  }

  .nav-container {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .icon-5 {
    display: none;
  }

  .input-item-wrapper {
    width: 290px;
  }

  .full-text-field-short {
    width: 290px;
    height: 70px;
    font-size: 15px;
  }

  .dropdown-toggle {
    width: 290px;
  }

  .text-block-5 {
    font-size: 15px;
  }

  .supporting-header-text {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 17px;
    line-height: 26px;
  }
}

.error-message {
  color: red;
  padding: 15px;
  text-align: center;
}

.date-text {
  position: absolute;
  top: 6px;
  left: 12px;
  color: #aaa;
}

.input-date-box input {
  box-sizing: border-box;
  outline: 0;
  padding: 0.75rem;
  position: relative;
}

.input-date-box {
  width: 530px;
}

.short-text-input-container input {
  box-sizing: border-box;
  outline: 0;
  padding: 0.75rem;
  position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  text-transform: uppercase;
}

.div-block {
  width: 530px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  display: flex;
}

.submit-button.black {
  color: #fff;
  background-color: #000;
}

.hidden {
  display: none;
}

.input-item-wrapper.no-bottom-margin {
  margin-bottom: 10px;
}

.input-item-wrapper.no-bottom-margin.center {
  justify-content: center;
  width: auto;
}

.radio-button-field {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
  margin-right: 25px;
  display: flex;
}

.main-input-header.no-bottom-margin {
  margin-bottom: 10px;
}

.main-input-header.small {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 30px;
}

.main-input-header.small.margine-top {
  margin-top: 40px;
}

.w-radio-input {
  margin: 4px 0 0;
  line-height: normal;
  float: left;
  margin-left: -20px;
}

.w-radio-input {
  margin-top: 3px;
}

.short-text-input-container {
  width: 530px;
  justify-content: space-between;
  display: flex;
  gap: 5px;
}

.full-text-field-short {
  width: 260px;
  height: 80px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
  border: 2px solid #fff;
  border-radius: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  font-size: 17px;
  font-weight: 400;
}

.text-block-4 {
  margin-left: 15px;
  font-size: 16px;
  font-weight: 200;
}

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.radio-button-label {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 6px;
  font-size: 17px;
  font-weight: 200;
}

.main-input-header.smallest.no-margin {
  margin-bottom: 10px;
}

.main-input-header.smallest {
  font-size: 20px;
  line-height: 30px;
  width: 1006px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 100%;
}

[type="date"]::-webkit-inner-spin-button {
  display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

.pass-wrapper {
  position: relative;
  display: flex;
  /* margin-bottom: 14px; */
  width: 100%;
}

.pass-img {
  position: absolute;
  right: 15px;
  top: 24px;
  cursor: pointer;
}

/* Hover state for the back button */
.back-btn:hover {
  background-color: #acadaf;
  cursor: pointer;
}

/* Hover state for the back button */
.progress-bar-back-button {
  display: flex;
  align-items: center;
}

.progress-bar-back-button .back-btn {
  width: 55px;
  height: 55px;
  margin: 10px 30px;
  display: flex;
  align-items: center;
  text-align: center;
  background: transparent;
}

.progress-bar-back-button .back-btn.disable {
  pointer-events: none;
  background: transparent;
}

.progress-bar-back-button .back-btn img {
  width: 100%;
  height: 100%;
}

.input-container .plus-icon,
.input-container .minus-icon {
  margin-left: 10px;
  cursor: pointer;
}

.separator {
  border-bottom: 1px solid coral;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.form-field {
  width: 100%;
  position: relative;
}

.required-field {
  color: red;
  font-weight: bold;
  margin-left: 4px;
  position: absolute;
  left: -14px;
  top: -2px;
  font-size: 24px;
}

.ips-required-field {
  color: red;
  font-weight: bold;
  margin-left: 4px;
  position: absolute;
  left: -14px;
  top: 50%;
  font-size: 24px;
  transform: translateY(-50%);
}

.required-field.heading-span {
  left: -15px;
  top: 20px;
}

.radio-button-field.position {
  position: relative;
}

.position {
  position: relative;
}

.required-field.heading-span-pg3 {
  left: 11px;
  top: 20px;
}



.radio-required {
  display: flex;
  position: relative;
}

.ips-radio-required {
  left: -50px;
  top: 20px;
}

.main-input-header.extra-income .required-field {
  left: -10px;
  top: 0;
}

.own-property .required-field {
  left: -14px;
  top: 10px;
}

.current-address .required-field {
  left: -16px;
  top: -12px;
}


.div-block-6 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  max-width: 350px;
}

.w-auto {
  width: auto !important;
}

#email-form .main-input-header .required-field {
  left: -20px;
  top: -5px;
}

#email-form .pay-salary-yourself,
#email-form .checkbox-field {
  position: relative;
}

#email-form .pay-salary-yourself .required-field,
#email-form .checkbox-field .required-field {
  left: -20px;
  top: -5px;
}

.margin {
  margin: auto !important;
}

/* Credit score Css */


.score-wrapper {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.score-header {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 60px;
}

.score-header.no-bottom-margin {
  margin-bottom: 10px;
}

.score-header.small {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 30px;
}

.score-header.small.margine-top {
  margin-top: 40px;
}

.score-header.small.no-bottom-margin {
  margin-bottom: 10px;
}

.score-header.smallest {
  font-size: 20px;
  line-height: 30px;
}

.score-header.smallest.no-margin {
  margin-bottom: 10px;
}

.score-outline {
  width: 100%;
  height: 50px;
  background-color: rgba(255, 255, 255, .2);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 50px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.div-block-5 {
  width: 60%;
  height: 30px;
  background-color: #fff;
  border-radius: 10px;
}

.credit-loader {
  width: 30%;
  height: 30px;
  background-color: #fff;
  border-radius: 10px;
}

.credit-loader._50-percent {
  width: 50%;
}

.credit-loader._85-percent {
  width: 85%;
}


/* Onboarding specific style fixes */
/* Using higher specificity to override base styles without !important */

/* Welcome text - light weight */
body .OnboardingPageBody .main-input-header-light {
  color: white;
  font-size: 40px;
  font-weight: 200;
  text-align: center;
  margin-bottom: 10px;
  line-height: 48px;
  display: block;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

/* Question text - bold weight */
body .OnboardingPageBody .main-input-header {
  color: rgb(255, 255, 255);
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 48px;
  display: block;
  position: relative;
  font-family: Nunito, sans-serif;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

/* Responsive styles for mobile */
@media screen and (max-width: 767px) {
  body .OnboardingPageBody .main-input-header-light {
    font-size: 26px;
    line-height: 32px;
  }
  
  body .OnboardingPageBody .main-input-header {
    font-size: 26px;
    line-height: 40px;
    height: auto;
  }
}

/* Responsive styles for tablet */
@media screen and (max-width: 991px) and (min-width: 768px) {
  body .OnboardingPageBody .main-input-header-light {
    font-size: 35px;
    line-height: 42px;
  }
  
  body .OnboardingPageBody .main-input-header {
    font-size: 35px;
    line-height: 42px;
    height: auto;
  }
}

/* Extra specificity for any edge cases */
div.OnboardingPageBody h1.main-input-header-light {
  color: white;
  font-weight: 200;
}

div.OnboardingPageBody h1.main-input-header {
  color: white;
  font-weight: 700;
}

.progress {
  background-color: #fff;
  border-radius: 20px;
  position: relative;
  margin: 25px 5%;
  /* Adjust margin based on your layout */
  height: 5px;
  width: 90%;
  /* Use a percentage for width */
  max-width: 1500px;
  /* Set a maximum width if necessary */
}
/* Optional: Media queries for further adjustments on smaller screens */
@media screen and (max-width: 768px) {
  .progress {
    width: 95%;
    /* Adjust for smaller screens */
  }
}
@media screen and (max-width: 480px) {
  .progress {
    width: 100%;
    /* Adjust for even smaller screens */
  }
}
.progress-done {
  background: #1fa2ff;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #a6ffcb, #12d8fa, #1fa2ff);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0;
  opacity: 0;
  transition: 1s ease 0.3s;
}
.back-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Hover state for the back button */
.back-button:hover {
  background-color: #0056b3;
}

/* Qualify Flow - Compact & Polished Design Override */
/* Refined, condensed inputs with tighter spacing for faster form completion */

/* ============================================
   TYPOGRAPHY - Tighter header spacing
   ============================================ */
.OnboardingPageBody .main-input-header {
  font-size: 32px;
  line-height: 38px;
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.OnboardingPageBody .text-block-3 {
  font-size: 16px;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, 0.75);
  font-weight: 400;
}

/* ============================================
   FORM CONTAINER - Reduced padding
   ============================================ */
.OnboardingPageBody .form-block {
  margin-top: 0;
}

.OnboardingPageBody .form {
  gap: 0;
}

/* ============================================
   TEXT INPUTS - Compact height (56px)
   ============================================ */
.OnboardingPageBody .text-field,
.OnboardingPageBody .text-field.w-input,
.OnboardingPageBody .text-field.w-select {
  height: 56px;
  border-radius: 14px;
  margin-bottom: 12px;
  font-size: 15px;
  padding: 0 18px;
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  background-color: rgba(255, 255, 255, 0.08);
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.OnboardingPageBody .text-field:focus,
.OnboardingPageBody .text-field.w-input:focus,
.OnboardingPageBody .text-field.w-select:focus {
  border-color: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.12);
  outline: none;
}

.OnboardingPageBody .text-field-short,
.OnboardingPageBody .text-field-short.w-input,
.OnboardingPageBody .text-field-short.w-select {
  height: 56px;
  border-radius: 14px;
  margin-bottom: 12px;
  font-size: 15px;
  padding: 0 18px;
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  background-color: rgba(255, 255, 255, 0.08);
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.OnboardingPageBody .text-field-short:focus,
.OnboardingPageBody .text-field-short.w-input:focus,
.OnboardingPageBody .text-field-short.w-select:focus {
  border-color: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.12);
  outline: none;
}

/* Placeholder styling */
.OnboardingPageBody .text-field::-moz-placeholder, .OnboardingPageBody .text-field-short::-moz-placeholder {
  color: rgba(255, 255, 255, 0.45);
  font-weight: 400;
}
.OnboardingPageBody .text-field::placeholder,
.OnboardingPageBody .text-field-short::placeholder {
  color: rgba(255, 255, 255, 0.45);
  font-weight: 400;
}

/* ============================================
   INPUT WRAPPERS - Reduced margins
   ============================================ */
.OnboardingPageBody .input-item-wrapper {
  margin-bottom: 14px;
}

.OnboardingPageBody .short-text-input-container {
  gap: 10px;
  margin-bottom: 2px;
}

/* ============================================
   ICON BUTTONS (Option Cards) - Compact
   ============================================ */
.OnboardingPageBody .icon-button,
.OnboardingPageBody .icon-button-Selected {
  height: 64px;
  border-radius: 14px;
  margin-bottom: 8px;
  padding: 0 18px;
  border: 1.5px solid transparent;
  transition: all 0.2s ease;
}

.OnboardingPageBody .icon-button {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}

.OnboardingPageBody .icon-button:hover {
  background-color: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.35);
  transform: translateY(-1px);
}

.OnboardingPageBody .icon-button-Selected {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.9) 0%, rgba(37, 99, 235, 0.95) 100%);
  border-color: rgba(96, 165, 250, 0.5);
  box-shadow: 0 4px 20px rgba(59, 130, 246, 0.3);
}

.OnboardingPageBody .text-block-2 {
  font-size: 15px;
  font-weight: 600;
}

.OnboardingPageBody .icon-button-image {
  width: 32px;
  opacity: 0.85;
}

/* ============================================
   SUBMIT BUTTON - Refined
   ============================================ */
.OnboardingPageBody .submit-button,
.OnboardingPageBody .submit-button.w-button {
  height: 54px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 700;
  margin-top: 16px;
  width: 100%;
  max-width: 280px;
  background: white;
  color: #111;
  border: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

.OnboardingPageBody .submit-button:hover,
.OnboardingPageBody .submit-button.w-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.OnboardingPageBody .submit-button:active,
.OnboardingPageBody .submit-button.w-button:active {
  transform: translateY(0);
}

.OnboardingPageBody .submit-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* ============================================
   HINT BOXES - Compact
   ============================================ */
.OnboardingPageBody .hint-box {
  padding: 12px 14px !important;
  margin-bottom: 14px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  gap: 10px !important;
}

.OnboardingPageBody .hint-box span {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.OnboardingPageBody .hint-box svg {
  width: 16px !important;
  height: 16px !important;
}

/* ============================================
   SELECT DROPDOWNS - Compact
   ============================================ */
.OnboardingPageBody select.text-field,
.OnboardingPageBody select.text-field-short,
.OnboardingPageBody .w-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27rgba%28255,255,255,0.6%29%27 d=%27M6 8L1 3h10z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  cursor: pointer;
}

/* ============================================
   ERROR STATES
   ============================================ */
.OnboardingPageBody .text-field.is-invalid,
.OnboardingPageBody .text-field-short.is-invalid,
.OnboardingPageBody .w-input.is-invalid,
.OnboardingPageBody .w-select.is-invalid {
  border-color: rgba(239, 68, 68, 0.7);
  background-color: rgba(239, 68, 68, 0.08);
}

.OnboardingPageBody .text-danger.small {
  font-size: 12px;
  margin-top: 4px;
  display: block;
  color: #f87171;
}

/* ============================================
   PROGRESS BAR - Refined
   ============================================ */
.OnboardingPageBody .progress-bar-back-button {
  margin-bottom: 8px;
}

.OnboardingPageBody .progress {
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.15);
}

.OnboardingPageBody .progress-done {
  height: 4px;
  border-radius: 2px;
  background: linear-gradient(90deg, #60a5fa 0%, #3b82f6 100%);
}

/* Step counter */
.OnboardingPageBody .step-counter {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* Reduce gap between step counter and step content */
.OnboardingPageBody .section-container .wrapper {
  padding-top: 12px;
}

/* ============================================
   INLINE CHOICE BUTTONS (compact pill buttons)
   ============================================ */
.OnboardingPageBody .inline-choice-group {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  max-width: 530px;
  width: 100%;
}

.OnboardingPageBody .inline-choice-btn {
  flex: 1;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0 12px;
  white-space: nowrap;
}

.OnboardingPageBody .inline-choice-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.35);
}

.OnboardingPageBody .inline-choice-btn.selected {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.9) 0%, rgba(37, 99, 235, 0.95) 100%);
  border-color: rgba(96, 165, 250, 0.5);
  color: white;
  box-shadow: 0 2px 12px rgba(59, 130, 246, 0.25);
}

/* ============================================
   CURRENCY INPUT STYLING
   ============================================ */
.OnboardingPageBody .currency-input-wrapper {
  position: relative;
  width: 100%;
}

.OnboardingPageBody .currency-prefix {
  position: absolute;
  left: 18px;
  top: 0;
  height: 56px;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  font-weight: 400;
  z-index: 1;
  pointer-events: none;
  line-height: 1;
}

.OnboardingPageBody .currency-input-wrapper .text-field,
.OnboardingPageBody .currency-input-wrapper .text-field-short {
  padding-left: 34px !important;
}

.OnboardingPageBody .percent-suffix {
  position: absolute;
  right: 18px;
  top: 0;
  height: 56px;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  font-weight: 400;
  pointer-events: none;
  line-height: 1;
}

.OnboardingPageBody .currency-input-wrapper .text-field[style*="text-align: right"],
.OnboardingPageBody .currency-input-wrapper .text-field-short[style*="text-align: right"] {
  padding-right: 34px !important;
  padding-left: 18px !important;
}

/* Mobile adjustment for currency inputs */
@media screen and (max-width: 767px) {
  .OnboardingPageBody .currency-prefix,
  .OnboardingPageBody .percent-suffix {
    height: 52px;
    font-size: 14px;
  }
}

/* ============================================
   BUTTON ROW - Back + Submit side by side
   ============================================ */
.OnboardingPageBody .button-row {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  max-width: 530px;
  width: 100%;
}

.OnboardingPageBody .back-button {
  flex: 1;
  height: 54px;
  background: transparent;
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  border-radius: 14px;
  color: white;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.OnboardingPageBody .back-button:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.08);
}

.OnboardingPageBody .button-row .submit-button {
  flex: 2;
  margin-top: 0;
}

/* ============================================
   VERIFICATION CODE INPUT
   ============================================ */
.OnboardingPageBody .verification-code-input {
  text-align: center;
  letter-spacing: 8px;
  font-size: 24px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .OnboardingPageBody .button-row {
    gap: 10px;
  }

  .OnboardingPageBody .back-button {
    height: 50px;
    font-size: 14px;
    border-radius: 12px;
  }

  .OnboardingPageBody .verification-code-input {
    letter-spacing: 6px;
    font-size: 20px;
  }
}

/* ============================================
   HELPER TEXT - Compact (always on new row)
   ============================================ */
.OnboardingPageBody .input-item-wrapper p,
.OnboardingPageBody .form p,
.OnboardingPageBody .currency-input-wrapper + p {
  display: block;
  width: 100%;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  margin-top: -6px;
  margin-bottom: 12px;
  line-height: 1.4;
}

/* Ensure input-item-wrapper is block for proper stacking */
.OnboardingPageBody .input-item-wrapper {
  display: block;
}

/* ============================================
   RESPONSIVE - Mobile
   ============================================ */
@media screen and (max-width: 767px) {
  .OnboardingPageBody .main-input-header {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .OnboardingPageBody .text-block-3 {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .OnboardingPageBody .text-field,
  .OnboardingPageBody .text-field-short,
  .OnboardingPageBody .text-field.w-input,
  .OnboardingPageBody .text-field-short.w-input {
    height: 52px;
    font-size: 14px;
    border-radius: 12px;
  }

  .OnboardingPageBody .icon-button,
  .OnboardingPageBody .icon-button-Selected {
    height: 58px;
    border-radius: 12px;
  }

  .OnboardingPageBody .submit-button {
    height: 50px;
    font-size: 14px;
    max-width: 100%;
  }

  .OnboardingPageBody .short-text-input-container {
    flex-direction: column;
  }

  .OnboardingPageBody .text-field-short {
    max-width: 100%;
  }

  .OnboardingPageBody .inline-choice-group {
    gap: 6px;
  }

  .OnboardingPageBody .inline-choice-btn {
    height: 42px;
    font-size: 13px;
    padding: 0 10px;
    border-radius: 10px;
  }
}

/* ============================================
   TABLET
   ============================================ */
@media screen and (max-width: 991px) and (min-width: 768px) {
  .OnboardingPageBody .main-input-header {
    font-size: 28px;
    line-height: 34px;
  }

  .OnboardingPageBody .text-block-3 {
    font-size: 15px;
  }
}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--spacing:.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.ms-1{margin-inline-start:calc(var(--spacing)*1)}.ms-2{margin-inline-start:calc(var(--spacing)*2)}.ms-3{margin-inline-start:calc(var(--spacing)*3)}.me-1{margin-inline-end:calc(var(--spacing)*1)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.w-auto{width:auto}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.gap-2{gap:calc(var(--spacing)*2)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.p-0{padding:calc(var(--spacing)*0)}.p-3{padding:calc(var(--spacing)*3)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.pt-4{padding-top:calc(var(--spacing)*4)}.text-center{text-align:center}.align-middle{vertical-align:middle}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--base-font-size:16px;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-secondary:"Nunito",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--color-primary:#4285f4;--color-primary-dark:#3367d6;--color-primary-light:#60a5fa;--color-secondary:#10b981;--color-secondary-dark:#059669;--color-secondary-light:#34d399;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-bg-primary:#fff;--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--border-radius-sm:.25rem;--border-radius-base:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-full:9999px;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:4px;--shadow-xs:none;--shadow-sm:none;--shadow-base:none;--shadow-lg:none;--shadow-xl:none;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--layout-max-width:1280px;--layout-sidebar-width:250px;--layout-header-height:64px;--admin-primary-navy:#0c3198;--admin-primary-blue:#2132e1;--admin-primary-sky:#2a66de;--admin-primary-cyan:#11abde;--admin-light-blue:#75d4ff;--admin-pale-blue:#b0e7ff;--admin-ice-blue:#e3f6ff;--admin-accent-purple:#9b4ff7;--admin-accent-teal:#00dbd7;--admin-accent-cyan:#00f2ff;--admin-status-magenta:#91107a;--admin-status-red:#ef4642;--admin-status-orange:#f6871f;--admin-status-yellow:#ffcc32;--admin-neutral-light:#f7f7f7;--admin-gray-50:#f9fafb;--admin-gray-100:#f3f4f6;--admin-gray-200:#e5e7eb;--admin-gray-300:#d1d5db;--admin-gray-400:#9ca3af;--admin-gray-500:#6b7280;--admin-gray-600:#4b5563;--admin-gray-700:#374151;--admin-gray-800:#1f2937;--admin-gray-900:#111827;--admin-accent-primary:#2132e1;--admin-accent-secondary:#10b981;--admin-accent-tertiary:#f59e0b;--admin-bg-primary:#fff;--admin-bg-secondary:#f9fafb;--admin-bg-tertiary:#f1f5f9;--admin-bg-hover:#f3f4f6;--admin-bg-selected:var(--admin-light-blue);--admin-text-primary:var(--admin-gray-900);--admin-text-secondary:var(--admin-gray-600);--admin-text-tertiary:var(--admin-gray-500);--admin-text-link:var(--admin-primary-blue);--admin-text-link-hover:var(--admin-primary-sky);--admin-border-light:var(--admin-gray-200);--admin-border-medium:var(--admin-gray-300);--admin-border-dark:var(--admin-gray-400);--admin-border-focus:var(--admin-primary-cyan);--admin-btn-primary-bg:var(--admin-primary-blue);--admin-btn-primary-hover:var(--admin-primary-navy);--admin-btn-secondary-bg:var(--admin-primary-sky);--admin-btn-secondary-hover:var(--admin-primary-blue);--admin-btn-success-bg:#10b981;--admin-btn-success-hover:#059669;--admin-btn-danger-bg:var(--admin-status-red);--admin-btn-danger-hover:#dc2626;--admin-btn-warning-bg:var(--admin-status-orange);--admin-btn-outline-primary-border:#3b82f6;--admin-btn-outline-primary-bg:#3b82f614;--admin-btn-outline-primary-bg-hover:#3b82f626;--admin-btn-outline-primary-text:#3b82f6;--admin-btn-outline-success-border:#10b981;--admin-btn-outline-success-bg:#10b98114;--admin-btn-outline-success-bg-hover:#10b98126;--admin-btn-outline-success-text:#10b981;--admin-btn-outline-secondary-border:var(--admin-gray-400);--admin-btn-outline-secondary-bg:#6b72800f;--admin-btn-outline-secondary-bg-hover:#6b72801f;--admin-btn-outline-secondary-text:var(--admin-gray-600);--admin-badge-pending:var(--admin-status-yellow);--admin-badge-active:var(--admin-accent-teal);--admin-badge-inactive:var(--admin-gray-400);--admin-badge-error:var(--admin-status-red);--admin-badge-warning:var(--admin-status-orange);--admin-table-header-bg:var(--admin-gray-50);--admin-table-header-text:var(--admin-gray-700);--admin-table-row-hover:var(--admin-ice-blue);--admin-table-border:var(--admin-border-light);--admin-input-border:#e5e7eb;--admin-input-focus-border:var(--admin-primary-cyan);--admin-input-focus-shadow:#11abde40;--admin-input-error-border:var(--admin-status-red);--admin-input-error-shadow:#ef464240;--admin-shadow-sm:#0000000d;--admin-shadow-md:#0000001a;--admin-shadow-lg:#00000026;--admin-card-bg:#fff;--admin-card-border:var(--admin-border-light);--admin-notification-unread-bg:#f0f7ff;--admin-notification-unread-hover:#e7f1ff;--admin-floating-card-bg:#fff;--admin-floating-card-border:var(--admin-border-light);--admin-panel-bg:#fff;--admin-panel-header-bg:#f9fafb;--admin-panel-item-hover:#f3f4f6;--admin-panel-item-unread:#f0f9ff;--admin-panel-border:#e5e7eb;--admin-scenario-default-gradient:linear-gradient(to bottom,#fafbfc,#f8f9fa);--admin-scenario-current-gradient:linear-gradient(to bottom,#eff6ff,#dbeafe);--admin-scenario-success-gradient:linear-gradient(to bottom,#f0fdf4,#dcfce7);--admin-scenario-purple-gradient:linear-gradient(to bottom,#faf5ff,#f3e8ff);--admin-scenario-header-border:#f1f5f9;--admin-status-pending-bg:#fffbeb;--admin-status-pending-text:#92400e;--admin-status-pending-border:#fed7aa;--admin-status-uploaded-bg:#dbeafe;--admin-status-uploaded-text:#1e40af;--admin-status-uploaded-border:#bfdbfe;--admin-status-approved-bg:#f0fdf4;--admin-status-approved-text:#166534;--admin-status-approved-border:#bbf7d0;--admin-status-rejected-bg:#fef2f2;--admin-status-rejected-text:#991b1b;--admin-status-rejected-border:#fecaca;--admin-state-current-bg:#eff6ff;--admin-state-current-border:#bfdbfe;--admin-state-current-text:#1e40af;--admin-state-current-glow:#3b82f61a;--admin-state-regression-bg:#fffbeb;--admin-state-regression-border:#fde68a;--admin-state-regression-text:#92400e;--admin-state-regression-hover:#fef9c3;--admin-state-regression-content-bg:#fefce8;--admin-progress-gradient:linear-gradient(90deg,#3b82f6 0%,#1d4ed8 100%);--admin-progress-track:#e5e7eb;--admin-progress-complete:#22c55e;--admin-progress-active:#3b82f6;--admin-progress-active-glow:#3b82f633;--admin-alert-warning-bg:#fef3c7;--admin-alert-warning-border:#f59e0b;--admin-alert-warning-text:#92400e;--admin-alert-warning-icon:#d97706;--admin-alert-urgent-bg:#fee2e2;--admin-alert-urgent-border:#ef4444;--admin-alert-urgent-text:#991b1b;--admin-savings-bg:#f0fdf4;--admin-savings-border:#86efac;--admin-savings-text:#059669;--admin-priority-urgent-bg:#fee2e2;--admin-priority-urgent-icon-bg:#fee2e2;--admin-priority-high-bg:#fef3c7;--admin-priority-high-icon-bg:#fef3c7;--admin-priority-normal-icon-bg:#e0f2fe;--admin-input-bg:#fff;--admin-input-placeholder:#9ca3af;--admin-financial-bar-bg:#fff;--admin-financial-bar-gradient:linear-gradient(135deg,#f0f9ff,#e0f2fe);--admin-financial-bar-border:#bae6fd;--admin-financial-bar-divider:#e5e7eb;--admin-loan-type-bg:linear-gradient(135deg,#3b82f6,#1d4ed8);--admin-loan-type-shadow:#3b82f633;--admin-loan-type-shadow-hover:#3b82f64d;--admin-income-bg:linear-gradient(135deg,#f0fdf4,#dcfce7);--admin-income-border:#3acf71bf;--admin-income-label:#2ea75af2;--admin-income-value:#16a34a;--admin-debt-bg:linear-gradient(135deg,#fef2f2,#fee2e2);--admin-debt-border:#d46a6a80;--admin-debt-label:#d46a6af2;--admin-debt-value:#dc2626}[data-theme=dark]{--admin-bg-primary:#12151a;--admin-bg-secondary:#1a1d23;--admin-bg-tertiary:#1f2328;--admin-bg-hover:#252a31;--admin-bg-selected:#2a3038;--admin-text-primary:#f1f5f9;--admin-text-secondary:#94a3b8;--admin-text-tertiary:#64748b;--admin-text-link:#22d3ee;--admin-text-link-hover:#67e8f9;--admin-accent-primary:#22d3ee;--admin-accent-secondary:#10b981;--admin-accent-tertiary:#fbbf24;--admin-border-light:#ffffff14;--admin-border-medium:#ffffff1f;--admin-border-dark:#ffffff29;--admin-border-focus:#22d3ee;--admin-btn-primary-bg:#22d3ee;--admin-btn-primary-hover:#67e8f9;--admin-btn-secondary-bg:#374151;--admin-btn-secondary-hover:#4b5563;--admin-btn-success-bg:#10b981;--admin-btn-danger-bg:#ef4444;--admin-btn-warning-bg:#f59e0b;--admin-btn-outline-primary-border:#22d3ee;--admin-btn-outline-primary-bg:#22d3ee1a;--admin-btn-outline-primary-bg-hover:#22d3ee33;--admin-btn-outline-primary-text:#22d3ee;--admin-btn-outline-success-border:#10b981;--admin-btn-outline-success-bg:#10b9811a;--admin-btn-outline-success-bg-hover:#10b98133;--admin-btn-outline-success-text:#34d399;--admin-btn-outline-secondary-border:#ffffff40;--admin-btn-outline-secondary-bg:#ffffff0d;--admin-btn-outline-secondary-bg-hover:#ffffff1a;--admin-btn-outline-secondary-text:#94a3b8;--admin-badge-pending:#fbbf24;--admin-badge-active:#22d3ee;--admin-badge-inactive:#64748b;--admin-badge-error:#ef4444;--admin-badge-warning:#f59e0b;--admin-table-header-bg:#1f2328;--admin-table-header-text:#f1f5f9;--admin-table-row-hover:#252a31;--admin-table-border:#ffffff14;--admin-input-focus-border:#22d3ee;--admin-input-focus-shadow:#22d3ee40;--admin-input-error-border:#ef4444;--admin-input-error-shadow:#ef444440;--admin-shadow-sm:#0000004d;--admin-shadow-md:#0006;--admin-shadow-lg:#00000080;--admin-card-bg:#22d3ee14;--admin-card-border:#22d3ee33;--admin-notification-unread-bg:#22d3ee1f;--admin-notification-unread-hover:#22d3ee2e;--admin-floating-card-bg:#1a1d23;--admin-floating-card-border:#ffffff1f;--admin-panel-bg:#12151a;--admin-panel-header-bg:#1a1d23;--admin-panel-item-hover:#1f2328;--admin-panel-item-unread:#22d3ee14;--admin-panel-border:#ffffff14;--admin-scenario-default-gradient:linear-gradient(to bottom,#1f2328,#1a1d23);--admin-scenario-current-gradient:linear-gradient(to bottom,#1e3a5f,#172554);--admin-scenario-success-gradient:linear-gradient(to bottom,#14532d,#166534);--admin-scenario-purple-gradient:linear-gradient(to bottom,#3b0764,#4c1d95);--admin-scenario-header-border:#ffffff1a;--admin-status-pending-bg:#fbbf2433;--admin-status-pending-text:#fcd34d;--admin-status-pending-border:#fbbf2466;--admin-status-uploaded-bg:#3b82f633;--admin-status-uploaded-text:#93c5fd;--admin-status-uploaded-border:#3b82f666;--admin-status-approved-bg:#22c55e33;--admin-status-approved-text:#86efac;--admin-status-approved-border:#22c55e66;--admin-status-rejected-bg:#ef444433;--admin-status-rejected-text:#fca5a5;--admin-status-rejected-border:#ef444466;--admin-state-current-bg:#fbbf2414;--admin-state-current-border:#fbbf2440;--admin-state-current-text:#fcd34d;--admin-state-current-glow:#fbbf241a;--admin-state-regression-bg:#fbbf241f;--admin-state-regression-border:#fbbf2466;--admin-state-regression-text:#fcd34d;--admin-state-regression-hover:#fbbf242e;--admin-state-regression-content-bg:#fbbf2414;--admin-progress-gradient:linear-gradient(90deg,#22d3ee 0%,#06b6d4 100%);--admin-progress-track:#ffffff1a;--admin-progress-complete:#22c55e;--admin-progress-active:#22d3ee;--admin-progress-active-glow:#22d3ee4d;--admin-alert-warning-bg:#f59e0b26;--admin-alert-warning-border:#f59e0b66;--admin-alert-warning-text:#fcd34d;--admin-alert-warning-icon:#f59e0b;--admin-alert-urgent-bg:#ef444426;--admin-alert-urgent-border:#ef444466;--admin-alert-urgent-text:#fca5a5;--admin-savings-bg:#10b9811a;--admin-savings-border:#10b9814d;--admin-savings-text:#6ee7b7;--admin-priority-urgent-bg:#ef444426;--admin-priority-urgent-icon-bg:#ef444433;--admin-priority-high-bg:#f59e0b26;--admin-priority-high-icon-bg:#f59e0b33;--admin-priority-normal-icon-bg:#22d3ee26;--admin-input-bg:#1a1d23;--admin-input-border:#ffffff1f;--admin-input-placeholder:#64748b;--admin-financial-bar-bg:#1a1d23;--admin-financial-bar-gradient:linear-gradient(135deg,#164e63,#155e75);--admin-financial-bar-border:#22d3ee33;--admin-financial-bar-divider:#ffffff1a;--admin-loan-type-bg:linear-gradient(135deg,#164e63,#155e75);--admin-loan-type-shadow:#22d3ee1a;--admin-loan-type-shadow-hover:#22d3ee26;--admin-income-bg:linear-gradient(135deg,#1a2e1f,#1f3524);--admin-income-border:#3acf7159;--admin-income-label:var(--admin-text-secondary);--admin-income-value:#4ade80;--admin-debt-bg:linear-gradient(135deg,#2a1f1f,#302020);--admin-debt-border:#d46a6a4d;--admin-debt-label:var(--admin-text-secondary);--admin-debt-value:#f87171;--admin-gray-50:#1f2328;--admin-gray-100:#252a31;--admin-gray-200:#2a3038;--admin-gray-300:#374151;--admin-gray-400:#4b5563;--admin-gray-500:#6b7280;--admin-gray-600:#94a3b8;--admin-gray-700:#cbd5e1;--admin-gray-800:#e2e8f0;--admin-gray-900:#f1f5f9}html{font-size:var(--base-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary);margin:0}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}h1,.h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-4);color:var(--color-text-primary)}h2,.h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-3);color:var(--color-text-primary)}h3,.h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin-bottom:var(--space-3);color:var(--color-text-primary)}h4,.h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--space-2);color:var(--color-text-primary)}h5,.h5{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--space-2);color:var(--color-text-primary)}h6,.h6{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--space-2);color:var(--color-text-primary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-7{margin:var(--space-7)}.m-8{margin:var(--space-8)}.mt-0{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}.mr-0{margin-right:var(--space-0)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.mr-7{margin-right:var(--space-7)}.mr-8{margin-right:var(--space-8)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-7{margin-bottom:var(--space-7)}.mb-8{margin-bottom:var(--space-8)}.ml-0{margin-left:var(--space-0)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.ml-7{margin-left:var(--space-7)}.ml-8{margin-left:var(--space-8)}.mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-7{margin-left:var(--space-7);margin-right:var(--space-7)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-7{margin-top:var(--space-7);margin-bottom:var(--space-7)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-7{padding:var(--space-7)}.p-8{padding:var(--space-8)}.pt-0{padding-top:var(--space-0)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pt-7{padding-top:var(--space-7)}.pt-8{padding-top:var(--space-8)}.pr-0{padding-right:var(--space-0)}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-5{padding-right:var(--space-5)}.pr-6{padding-right:var(--space-6)}.pr-7{padding-right:var(--space-7)}.pr-8{padding-right:var(--space-8)}.pb-0{padding-bottom:var(--space-0)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pb-7{padding-bottom:var(--space-7)}.pb-8{padding-bottom:var(--space-8)}.pl-0{padding-left:var(--space-0)}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-5{padding-left:var(--space-5)}.pl-6{padding-left:var(--space-6)}.pl-7{padding-left:var(--space-7)}.pl-8{padding-left:var(--space-8)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-7{padding-left:var(--space-7);padding-right:var(--space-7)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-7{padding-top:var(--space-7);padding-bottom:var(--space-7)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.card{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border:var(--border-width-thin)solid var(--color-gray-200)}.card.card-compact{padding:var(--space-4)}.card.card-spacious{padding:var(--space-6)}.btn{padding:var(--space-2)var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);border-radius:var(--border-radius-base);transition:var(--transition-fast);cursor:pointer;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn.btn-primary{background-color:var(--color-primary);color:#fff}.btn.btn-primary:hover{background-color:var(--color-primary-dark)}.btn.btn-secondary{background-color:var(--color-gray-200);color:var(--color-text-primary)}.btn.btn-secondary:hover{background-color:var(--color-gray-300)}.btn.btn-lg{padding:var(--space-3)var(--space-6);font-size:var(--font-size-lg)}.btn.btn-sm{padding:var(--space-1)var(--space-3);font-size:var(--font-size-sm)}.container{max-width:var(--layout-max-width);padding:0 var(--space-4);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--space-6)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.grid{gap:var(--space-4);display:grid}.grid.grid-2{grid-template-columns:repeat(2,1fr)}.grid.grid-3{grid-template-columns:repeat(3,1fr)}.grid.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:767px){.hide-mobile{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width:768px){.hide-desktop{display:none}}.form-group{margin-bottom:var(--space-4)}.form-label{margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block}.form-control{width:100%;padding:var(--space-2)var(--space-3);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:var(--border-width-thin)solid var(--color-gray-300);border-radius:var(--border-radius-base);transition:border-color var(--transition-fast);display:block}.form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4285f41a}body .lighthouse-header,body .quick-qual-purchase,body .heading,body .lighthouse-body-wrapper .main-input-header,body .lighthouse-header-wrapper .main-input-header{font-size:inherit}.lighthouse-header-wrapper{padding-top:var(--space-4)}body .right-section{padding-left:var(--space-5)}body .doc-upload-section{padding:var(--space-6)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
:root{--base-font-size:16px;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-secondary:"Nunito",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--color-primary:#4285f4;--color-primary-dark:#3367d6;--color-primary-light:#60a5fa;--color-secondary:#10b981;--color-secondary-dark:#059669;--color-secondary-light:#34d399;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-bg-primary:#fff;--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--border-radius-sm:.25rem;--border-radius-base:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-full:9999px;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:4px;--shadow-xs:none;--shadow-sm:none;--shadow-base:none;--shadow-lg:none;--shadow-xl:none;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--layout-max-width:1280px;--layout-sidebar-width:250px;--layout-header-height:64px}.cjiDGIY0_HoVD4lArLhG{flex-direction:column;margin-bottom:32px;display:flex}.sOCSeCXEcQAnFM8WsKTU{text-transform:uppercase;letter-spacing:.5px;color:#4285f4cc;margin-bottom:8px;padding-left:5px;font-size:11px;font-weight:600}[data-theme=dark] .sOCSeCXEcQAnFM8WsKTU{color:var(--admin-text-secondary,#94a3b8)}.u2c6EbiBqu2gOGYdpHPb{background:#e5f2ffcc;border:1px solid #0000;border-radius:25px;padding:5px;position:relative;overflow:hidden}[data-theme=dark] .u2c6EbiBqu2gOGYdpHPb{background:#164e634d;border-color:#22d3ee26}.Sd_Gk7wMcyhXAlBTuGeu{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:10px;scroll-padding:24px;display:flex;position:relative;overflow-x:auto}.Sd_Gk7wMcyhXAlBTuGeu::-webkit-scrollbar{width:0;height:0;display:none}.MEiwfnxlifg_PUjrSOm0{background:var(--admin-progress-gradient,linear-gradient(135deg,#4285f4 0%,#3367d6 100%));z-index:1;border-radius:25px;height:100%;transition:width .6s ease-in-out;position:absolute;top:0;left:0}.HZimGAzhTV2uusg0U_A3{z-index:2;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.g60trkBVsY894tPDI_d7{white-space:nowrap;text-align:center;padding:4px 8px;font-size:13px;font-weight:500;transition:all .3s}.HZimGAzhTV2uusg0U_A3.RvuWPO2RvWwjQSVE9cSy .g60trkBVsY894tPDI_d7{color:#fff;font-weight:600}.HZimGAzhTV2uusg0U_A3.HyJoZNHvIaqFs_zafSZs .g60trkBVsY894tPDI_d7{color:#fff;background-color:#fff3;border-radius:18px;font-weight:600}.HZimGAzhTV2uusg0U_A3.gCkMis1fxTgvBlW0R2CL .g60trkBVsY894tPDI_d7{color:#4285f499;font-weight:400}[data-theme=dark] .HZimGAzhTV2uusg0U_A3.gCkMis1fxTgvBlW0R2CL .g60trkBVsY894tPDI_d7{color:var(--admin-text-tertiary,#64748b)}.HZimGAzhTV2uusg0U_A3.dverVLqQ1Prbiw6UbFZw{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.HZimGAzhTV2uusg0U_A3.dverVLqQ1Prbiw6UbFZw:hover .g60trkBVsY894tPDI_d7{text-underline-offset:2px;text-decoration:underline}.HZimGAzhTV2uusg0U_A3.dverVLqQ1Prbiw6UbFZw:active{transform:scale(.97)}.HZimGAzhTV2uusg0U_A3.dverVLqQ1Prbiw6UbFZw:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #4285f4}[data-theme=dark] .HZimGAzhTV2uusg0U_A3.dverVLqQ1Prbiw6UbFZw:focus-visible{outline-color:#60a5fa}.HZimGAzhTV2uusg0U_A3.smTsdJ4wVzOyvB08e7ds .g60trkBVsY894tPDI_d7{color:#fbbf24b3;font-style:italic;text-decoration:line-through}.HZimGAzhTV2uusg0U_A3.smTsdJ4wVzOyvB08e7ds:after{content:"";background:#fbbf24;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.OHh8RZ8ZIiPu3qq_Fg2I .HZimGAzhTV2uusg0U_A3{flex:none;min-width:-moz-fit-content;min-width:fit-content}.kGhXMeq4JDtvoLwx4XRN .yvtqlVXx1iEjCrlIwfyf{flex:none}.y25ePVgPnBwHhPDMnRcB{margin-top:8px;overflow:hidden}.zNpjxV_z9hLlm7xR0BfY{pointer-events:none;scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:10px;scroll-padding:24px;display:flex;overflow-x:auto}.zNpjxV_z9hLlm7xR0BfY::-webkit-scrollbar{width:0;height:0;display:none}.yvtqlVXx1iEjCrlIwfyf{flex:1;justify-content:center;align-items:center;min-width:0;padding:0 8px;display:flex}.kqBhfTSn_J0V2uxQkSQA{white-space:nowrap;font-size:10px;font-weight:400;transition:all .3s}.yvtqlVXx1iEjCrlIwfyf.RvuWPO2RvWwjQSVE9cSy .kqBhfTSn_J0V2uxQkSQA{color:#4285f499}.yvtqlVXx1iEjCrlIwfyf.HyJoZNHvIaqFs_zafSZs .kqBhfTSn_J0V2uxQkSQA{color:#4285f4b3;font-weight:500}.yvtqlVXx1iEjCrlIwfyf.gCkMis1fxTgvBlW0R2CL .kqBhfTSn_J0V2uxQkSQA{color:#3367d6;font-weight:500}[data-theme=dark] .yvtqlVXx1iEjCrlIwfyf.RvuWPO2RvWwjQSVE9cSy .kqBhfTSn_J0V2uxQkSQA,[data-theme=dark] .yvtqlVXx1iEjCrlIwfyf.HyJoZNHvIaqFs_zafSZs .kqBhfTSn_J0V2uxQkSQA{color:var(--admin-text-secondary,#94a3b8)}[data-theme=dark] .yvtqlVXx1iEjCrlIwfyf.gCkMis1fxTgvBlW0R2CL .kqBhfTSn_J0V2uxQkSQA{color:var(--admin-text-tertiary,#64748b)}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--strboard-base-font-size:16px;--strboard-base-line-height:1.5;--strboard-primary-50:#f0f9ff;--strboard-primary-100:#e0f2fe;--strboard-primary-200:#bae6fd;--strboard-primary-300:#7dd3fc;--strboard-primary-400:#38bdf8;--strboard-primary-500:#0ea5e9;--strboard-primary-600:#4285f4;--strboard-primary-700:#3367d6;--strboard-primary-800:#1d4ed8;--strboard-primary-900:#1e3a8a;--strboard-secondary-50:#faf5ff;--strboard-secondary-100:#f3e8ff;--strboard-secondary-200:#e9d5ff;--strboard-secondary-300:#d8b4fe;--strboard-secondary-400:#c084fc;--strboard-secondary-500:#a855f7;--strboard-secondary-600:#8b5cf6;--strboard-secondary-700:#7c3aed;--strboard-secondary-800:#6d28d9;--strboard-secondary-900:#581c87;--strboard-accent-cyan:#02f2ff;--strboard-accent-teal:#11abde;--strboard-accent-sky:#0ea5e9;--strboard-accent-blue:#2132e1;--strboard-gray-50:#f9fafb;--strboard-gray-100:#f3f4f6;--strboard-gray-200:#e5e7eb;--strboard-gray-300:#d1d5db;--strboard-gray-400:#9ca3af;--strboard-gray-500:#6b7280;--strboard-gray-600:#4b5563;--strboard-gray-700:#374151;--strboard-gray-800:#1f2937;--strboard-gray-900:#111827;--strboard-success-50:#ecfdf5;--strboard-success-500:#10b981;--strboard-success-600:#059669;--strboard-warning-50:#fffbeb;--strboard-warning-500:#f59e0b;--strboard-warning-600:#d97706;--strboard-error-50:#fef2f2;--strboard-error-500:#ef4444;--strboard-error-600:#dc2626;--strboard-info-50:#eff6ff;--strboard-info-500:#3b82f6;--strboard-info-600:#2563eb;--strboard-gradient-primary:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-700)100%);--strboard-gradient-secondary:linear-gradient(135deg,var(--strboard-secondary-600)0%,var(--strboard-secondary-700)100%);--strboard-gradient-newsletter:linear-gradient(135deg,var(--strboard-primary-300)0%,var(--strboard-primary-300)100%);--strboard-gradient-rate-card:linear-gradient(135deg,var(--strboard-primary-500)0%,var(--strboard-primary-800)100%);--strboard-gradient-footer:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-900)50%,var(--strboard-primary-700)100%);--strboard-gradient-cta-overlay:linear-gradient(135deg,#3b82f6cc 0%,#1e40afb3 50%,#0ea5e9cc 100%);--strboard-gradient-calculator-image:linear-gradient(135deg,var(--strboard-accent-sky)0%,var(--strboard-accent-teal)100%);--strboard-font-primary:"roca",Georgia,"Times New Roman",serif;--strboard-font-secondary:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-system:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-icons:"Material Symbols Rounded";--strboard-text-xs:.75rem;--strboard-text-sm:.875rem;--strboard-text-base:1rem;--strboard-text-lg:1.125rem;--strboard-text-xl:1.25rem;--strboard-text-2xl:1.5rem;--strboard-text-3xl:1.875rem;--strboard-text-4xl:2.25rem;--strboard-text-5xl:3rem;--strboard-text-6xl:3.75rem;--strboard-font-extralight:200;--strboard-font-light:300;--strboard-font-regular:400;--strboard-font-medium:500;--strboard-font-semibold:600;--strboard-font-bold:700;--strboard-leading-none:1;--strboard-leading-tight:1.2;--strboard-leading-snug:1.3;--strboard-leading-normal:1.5;--strboard-leading-relaxed:1.6;--strboard-leading-loose:1.75;--strboard-tracking-tighter:-.05em;--strboard-tracking-tight:-.025em;--strboard-tracking-normal:0;--strboard-tracking-wide:.025em;--strboard-tracking-wider:.05em;--strboard-tracking-widest:.1em;--strboard-space-0:0;--strboard-space-1:.25rem;--strboard-space-2:.5rem;--strboard-space-3:.75rem;--strboard-space-4:1rem;--strboard-space-5:1.25rem;--strboard-space-6:1.5rem;--strboard-space-7:1.75rem;--strboard-space-8:2rem;--strboard-space-9:2.25rem;--strboard-space-10:2.5rem;--strboard-space-12:3rem;--strboard-space-14:3.5rem;--strboard-space-16:4rem;--strboard-space-20:5rem;--strboard-space-24:6rem;--strboard-space-28:7rem;--strboard-space-32:8rem;--strboard-section-padding-mobile:var(--strboard-space-10);--strboard-section-padding-tablet:var(--strboard-space-16);--strboard-section-padding-desktop:var(--strboard-space-20);--strboard-rounded-none:0;--strboard-rounded-sm:.25rem;--strboard-rounded:.375rem;--strboard-rounded-md:.5rem;--strboard-rounded-lg:.75rem;--strboard-rounded-xl:1rem;--strboard-rounded-2xl:1.25rem;--strboard-rounded-3xl:1.5rem;--strboard-rounded-full:9999px;--strboard-border-0:0;--strboard-border:1px;--strboard-border-2:2px;--strboard-border-3:3px;--strboard-border-4:4px;--strboard-border-8:8px;--strboard-shadow-xs:none;--strboard-shadow-sm:none;--strboard-shadow:none;--strboard-shadow-md:none;--strboard-shadow-lg:none;--strboard-shadow-xl:none;--strboard-shadow-2xl:none;--strboard-shadow-card:none;--strboard-shadow-rate-card:none;--strboard-shadow-button:none;--strboard-shadow-process-step:none;--strboard-shadow-glassmorphism:none;--strboard-backdrop-blur-sm:blur(4px);--strboard-backdrop-blur:blur(8px);--strboard-backdrop-blur-md:blur(12px);--strboard-backdrop-blur-lg:blur(16px);--strboard-backdrop-blur-xl:blur(24px);--strboard-glass-light:#ffffff1a;--strboard-glass-medium:#fff3;--strboard-glass-strong:#ffffff4d;--strboard-ease-linear:linear;--strboard-ease-in:cubic-bezier(.4,0,1,1);--strboard-ease-out:cubic-bezier(0,0,.2,1);--strboard-ease-in-out:cubic-bezier(.4,0,.2,1);--strboard-duration-75:75ms;--strboard-duration-100:.1s;--strboard-duration-150:.15s;--strboard-duration-200:.2s;--strboard-duration-300:.3s;--strboard-duration-500:.5s;--strboard-duration-700:.7s;--strboard-transition-fast:all var(--strboard-duration-150)var(--strboard-ease-out);--strboard-transition:all var(--strboard-duration-200)var(--strboard-ease-out);--strboard-transition-slow:all var(--strboard-duration-300)var(--strboard-ease-out);--strboard-z-auto:auto;--strboard-z-0:0;--strboard-z-10:10;--strboard-z-20:20;--strboard-z-30:30;--strboard-z-40:40;--strboard-z-50:50;--strboard-z-dropdown:1000;--strboard-z-sticky:1020;--strboard-z-fixed:1030;--strboard-z-modal-backdrop:1040;--strboard-z-modal:1050;--strboard-z-popover:1060;--strboard-z-tooltip:1070;--strboard-screen-sm:480px;--strboard-screen-md:768px;--strboard-screen-lg:992px;--strboard-screen-xl:1200px;--strboard-screen-2xl:1400px;--strboard-container-sm:540px;--strboard-container-md:720px;--strboard-container-lg:960px;--strboard-container-xl:1140px;--strboard-container-2xl:1320px;--strboard-bg-primary:#fff;--strboard-bg-secondary:var(--strboard-gray-50);--strboard-bg-tertiary:var(--strboard-gray-100);--strboard-bg-surface:#fff;--strboard-bg-overlay:#00000080;--strboard-text-primary:var(--strboard-gray-800);--strboard-text-secondary:var(--strboard-gray-500);--strboard-text-tertiary:var(--strboard-gray-400);--strboard-text-inverse:#fff;--strboard-text-brand:var(--strboard-primary-600);--strboard-border-primary:var(--strboard-gray-200);--strboard-border-secondary:var(--strboard-gray-300);--strboard-border-focus:var(--strboard-accent-teal);--strboard-border-error:var(--strboard-error-500);--strboard-button-height-sm:32px;--strboard-button-height:40px;--strboard-button-height-lg:48px;--strboard-button-padding-x-sm:var(--strboard-space-3);--strboard-button-padding-x:var(--strboard-space-6);--strboard-button-padding-x-lg:var(--strboard-space-8);--strboard-input-height:40px;--strboard-input-padding-x:var(--strboard-space-3);--strboard-input-padding-y:var(--strboard-space-2);--strboard-card-padding-sm:var(--strboard-space-4);--strboard-card-padding:var(--strboard-space-6);--strboard-card-padding-lg:var(--strboard-space-8);--strboard-section-padding-y-sm:var(--strboard-space-12);--strboard-section-padding-y:var(--strboard-space-16);--strboard-section-padding-y-lg:var(--strboard-space-20);--strboard-focus-ring:0 0 0 3px #4285f41a;--strboard-focus-ring-error:0 0 0 3px #ef44441a;--strboard-high-contrast-border:2px solid #000;--strboard-high-contrast-bg:#fff;--strboard-high-contrast-text:#000}.ZfehmiCXDCeeNZIIVToK{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}._4zV7EOOjtamdpLZ9cVM{box-shadow:var(--strboard-focus-ring-error);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.DlaKBll_ZoKLA1XmegLi{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition)}.DlaKBll_ZoKLA1XmegLi:hover{transform:translateY(-1px)}.Qbq00vxZ6YMf0_tchTHd{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.Qbq00vxZ6YMf0_tchTHd:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.Qbq00vxZ6YMf0_tchTHd:disabled{cursor:not-allowed;opacity:.6}.EOzR8jLpCOd0Lk5Pj9IR{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.SWYGAyldVUF1j2ki9Zge{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:480px){.XQ1IrxjrLeUTvkQV6dvw{display:block}.VHsLr5rsGeXVvRnNaqQZ{display:none}}@media (min-width:768px){.OXpfNP_X1jivEWEUFCg7{display:block}.H1VVatbB_Js3vez13svc{display:none}}@media (min-width:992px){.x8k_YlZXz_UC8VezTOeg{display:block}.pEV_xb2wvsr3EmQiPyTL{display:none}}@media (min-width:1200px){.d3lzaUoWIFTw2Q0W6w9Y{display:block}.fZ4AO_UY3eB12f5XVtJv{display:none}}@media (min-width:1400px){.LCEjs3kadhuF2isQVt6H{display:block}.fzYjFhLqBJpx9ZOKzPM9{display:none}}.rmo0YJaqFGxmyFeEtA6j{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-xs)}.g5it2cWcw8T88XH1WdsD{padding:var(--strboard-space-2)var(--strboard-space-4);font-size:var(--strboard-text-sm)}.BlmUjZ9rzaZxgSA5LMJV{padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base)}.RvsHdoMzEIMnOjuHe_8Z{padding:var(--strboard-space-4)var(--strboard-space-8);font-size:var(--strboard-text-lg)}.YWLZsvrQ3m2VoTO2IuQw{padding:var(--strboard-space-5)var(--strboard-space-10);font-size:var(--strboard-text-xl)}.O_uBjcurTZcPwSPkBNoc{transition:all var(--strboard-duration-150)var(--strboard-ease-out)}.k4D4isLpuqMo8Cjppa8q{transition:all var(--strboard-duration-200)var(--strboard-ease-out)}.WzsPkcpV8LxCQb4q7Gx9{transition:all var(--strboard-duration-300)var(--strboard-ease-out)}.AvbNe2FLCc04bePpokew{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600)}.AvbNe2FLCc04bePpokew:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.AvbNe2FLCc04bePpokew:active:not(:disabled){background-color:var(--strboard-primary-800);border-color:var(--strboard-primary-800);transform:translateY(1px)}.beVEAoV8opnlYlKGoV6x{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border-color:var(--strboard-gray-300)}.beVEAoV8opnlYlKGoV6x:hover:not(:disabled){background-color:var(--strboard-gray-200);border-color:var(--strboard-gray-300)}.beVEAoV8opnlYlKGoV6x:active:not(:disabled){background-color:var(--strboard-gray-300);border-color:var(--strboard-gray-300);transform:translateY(1px)}.WhUohK4adBtDpRb6KJmo{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);background-color:#0000}.WhUohK4adBtDpRb6KJmo:hover:not(:disabled){background-color:var(--strboard-primary-50);border-color:var(--strboard-primary-600)}.WhUohK4adBtDpRb6KJmo:active:not(:disabled){background-color:var(--strboard-primary-100);border-color:var(--strboard-primary-600);transform:translateY(1px)}.BdNSJiJX6irSuw4PDdE0{background-color:var(--strboard-error-500);color:#fff;border-color:var(--strboard-error-500)}.BdNSJiJX6irSuw4PDdE0:hover:not(:disabled){background-color:var(--strboard-error-600);border-color:var(--strboard-error-600)}.BdNSJiJX6irSuw4PDdE0:active:not(:disabled){background-color:var(--strboard-error-700);border-color:var(--strboard-error-700);transform:translateY(1px)}.falw8fK8W7DA2vXozr3B{background-color:var(--strboard-success-500);color:#fff;border-color:var(--strboard-success-500)}.falw8fK8W7DA2vXozr3B:hover:not(:disabled){background-color:var(--strboard-success-600);border-color:var(--strboard-success-600)}.falw8fK8W7DA2vXozr3B:active:not(:disabled){background-color:var(--strboard-success-700);border-color:var(--strboard-success-700);transform:translateY(1px)}.T6JKXYxqElc3v1lTnL6O{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-4);border-radius:var(--strboard-rounded)}.KnzzKYwcYSeWKkbibBuM{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);transition:var(--strboard-transition);padding:var(--strboard-space-6);border-radius:var(--strboard-rounded-lg)}.SsVILk_NChjFK7lcVTS1{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-8);border-radius:var(--strboard-rounded-xl)}.T6JKXYxqElc3v1lTnL6O:hover,.KnzzKYwcYSeWKkbibBuM:hover,.SsVILk_NChjFK7lcVTS1:hover{transform:translateY(-1px)}.ONCfdQ_SvlnvLCu7RIUr{width:12px;height:12px;font-size:12px}.kwIajX69L7HjJOsE8Hw7{width:16px;height:16px;font-size:16px}.pHpIJONDdkOOsqMSU04G{width:20px;height:20px;font-size:20px}.B0wgtqoKfp31dHOeEVGh{width:24px;height:24px;font-size:24px}.t_ZIzFPxjE7xMgpBUHaX{width:32px;height:32px;font-size:32px}.j4yK9EQCQSrY3cJxEBxV{width:40px;height:40px;font-size:40px}.dTOf2WfKkGa43Kk6eRBH{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);border:none;border:var(--strboard-border-2)solid transparent;border-radius:var(--strboard-rounded-md);font-weight:var(--strboard-font-semibold);text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--strboard-duration-200)var(--strboard-ease-out);padding:0;padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base);background:0 0;justify-content:center;align-items:center;margin:0;text-decoration:none;display:inline-flex;position:relative}.dTOf2WfKkGa43Kk6eRBH:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.kdc1BH0RfgP01fhvBdul{cursor:wait}.kdc1BH0RfgP01fhvBdul .GDVm1UP5qy673Rcu6Z5h{opacity:0}.VEMe3xg5ksqzevguqWIc{cursor:not-allowed;opacity:.6}.ft2gGKPnAHRbbY8TDKXc{width:100%}.eLJtJMaEhwtTpDP1f0yw{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600)}.eLJtJMaEhwtTpDP1f0yw:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.CQyT2AwudTMICKA5fyge{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border-color:var(--strboard-gray-300)}.CQyT2AwudTMICKA5fyge:hover:not(:disabled){background-color:var(--strboard-gray-200);border-color:var(--strboard-gray-300)}.rwPNYbTRhsIEkmP4oWhJ{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);background-color:#0000}.rwPNYbTRhsIEkmP4oWhJ:hover:not(:disabled){background-color:var(--strboard-primary-50);border-color:var(--strboard-primary-600)}.paqTXaBTfp_IvVbOgOOG{background-color:var(--strboard-error-500);color:#fff;border-color:var(--strboard-error-500)}.paqTXaBTfp_IvVbOgOOG:hover:not(:disabled){background-color:var(--strboard-error-600);border-color:var(--strboard-error-600)}.dAL_CY8jP9O_hKeHVipZ{background-color:var(--strboard-success-500);color:#fff;border-color:var(--strboard-success-500)}.dAL_CY8jP9O_hKeHVipZ:hover:not(:disabled){background-color:var(--strboard-success-600);border-color:var(--strboard-success-600)}.oX4iYdZLuGYvdrvlFr2z{color:#3b82f6;background-color:#3b82f614;border-color:#0000;font-weight:500}.oX4iYdZLuGYvdrvlFr2z:hover:not(:disabled){background-color:#3b82f626}[data-theme="dark"] .oX4iYdZLuGYvdrvlFr2z{color:#22d3ee;background-color:#22d3ee1a}[data-theme="dark"] .oX4iYdZLuGYvdrvlFr2z:hover:not(:disabled){background-color:#22d3ee33}.ppnp5XmfmioGzkdSnpiq{color:#3b82f6;background-color:#3b82f614;border:1px solid #3b82f6}.ppnp5XmfmioGzkdSnpiq:hover:not(:disabled){background-color:#3b82f626}.e_JYFC13tgGQMWQ9IQkt{color:#10b981;background-color:#10b98114;border:1px solid #10b981}.e_JYFC13tgGQMWQ9IQkt:hover:not(:disabled){background-color:#10b98126}.foXcfh4irjJoce2zn8n8{color:#4b5563;background-color:#6b72800f;border:1px solid #9ca3af}.foXcfh4irjJoce2zn8n8:hover:not(:disabled){color:#3b82f6;background-color:#3b82f614;border-color:#3b82f6}[data-theme="dark"] .ppnp5XmfmioGzkdSnpiq{color:#22d3ee;background-color:#22d3ee1a;border-color:#22d3ee}[data-theme="dark"] .ppnp5XmfmioGzkdSnpiq:hover:not(:disabled){background-color:#22d3ee33}[data-theme="dark"] .e_JYFC13tgGQMWQ9IQkt{color:#34d399;background-color:#10b9811a;border-color:#10b981}[data-theme="dark"] .e_JYFC13tgGQMWQ9IQkt:hover:not(:disabled){background-color:#10b98133}[data-theme="dark"] .foXcfh4irjJoce2zn8n8{color:#94a3b8;background-color:#ffffff0d;border-color:#ffffff40}[data-theme="dark"] .foXcfh4irjJoce2zn8n8:hover:not(:disabled){color:#22d3ee;background-color:#22d3ee1a;border-color:#22d3ee}.tBgArzq6lO8_VjCda5Og{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-xs);border-radius:var(--strboard-rounded-sm);font-weight:var(--strboard-font-medium)}.e0x36lOPC54irNe4Q2GR{padding:var(--strboard-space-2)var(--strboard-space-4);font-size:var(--strboard-text-sm);border-radius:var(--strboard-rounded-sm);font-weight:var(--strboard-font-medium)}.oRmbd7eEncUJDK0Hjgdh{padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base)}.y_xcOH2ELdj5oENDIvyB{padding:var(--strboard-space-4)var(--strboard-space-8);font-size:var(--strboard-text-lg);border-radius:var(--strboard-rounded-lg)}.g2SCT5GSZTUIQK9s0j_A{padding:var(--strboard-space-5)var(--strboard-space-10);font-size:var(--strboard-text-xl);border-radius:var(--strboard-rounded-lg)}.GDVm1UP5qy673Rcu6Z5h{transition:opacity var(--strboard-duration-200)var(--strboard-ease-out)}.CK2_wfNkjZeixuDVGmrg{justify-content:center;align-items:center;display:flex}.CK2_wfNkjZeixuDVGmrg+.GDVm1UP5qy673Rcu6Z5h,.GDVm1UP5qy673Rcu6Z5h+.CK2_wfNkjZeixuDVGmrg{margin-left:var(--strboard-space-2)}.RyGuToacjQPiV_ZBZEH0{justify-content:center;align-items:center;display:flex}.YlWXEOiRA_i6ArjMDBaQ{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite xD32K3KXNtAxHmL_17WV;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pNNr58vZhiWdSorAVU81{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes xD32K3KXNtAxHmL_17WV{to{transform:translate(-50%,-50%)rotate(360deg)}}.RKCWq8DNeBOyiX6TYd8z{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600);border-radius:var(--strboard-rounded-full);width:32px;height:32px;padding:0;font-size:18px}.RKCWq8DNeBOyiX6TYd8z:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.uP7KP_oCmnsJ_SE4IlMq{color:var(--strboard-primary-600);padding:var(--strboard-space-2)0;font-weight:var(--strboard-font-medium);background-color:#0000;border:none}.uP7KP_oCmnsJ_SE4IlMq:hover{background-color:#0000;text-decoration:underline}.GAc6ohUpBUQqMsFtOhpl{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600);border-radius:var(--strboard-rounded-md);width:100%}.GAc6ohUpBUQqMsFtOhpl:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.S7NQoZCDiaN9e8eR3ABB{color:var(--strboard-gray-500);border-color:var(--strboard-gray-200);border-radius:var(--strboard-rounded-2xl);padding:var(--strboard-space-3)var(--strboard-space-4);font-weight:var(--strboard-font-medium);white-space:nowrap;background-color:#fff;position:relative}.S7NQoZCDiaN9e8eR3ABB:hover{color:var(--strboard-gray-700);background-color:#4285f40d;border-color:#4285f44d;transform:translateY(-2px)}.S7NQoZCDiaN9e8eR3ABB._oKzGOoZLBWyWCUcN7tw{background-color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);color:#fff}.S7NQoZCDiaN9e8eR3ABB.Oy02_jd3P0hvH_iYUOkG{border-color:var(--strboard-success-500)}.S7NQoZCDiaN9e8eR3ABB.Oy02_jd3P0hvH_iYUOkG:not(._oKzGOoZLBWyWCUcN7tw) .CK2_wfNkjZeixuDVGmrg{color:var(--strboard-success-500)}
.react-tel-input {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    position: relative;
    width: 100%
}

.react-tel-input :disabled {
    cursor: not-allowed
}

.react-tel-input .flag {
    width: 25px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZgAAAGACAMAAACnYISRAAADAFBMVEUAAAAxQ5cSO5wAOJP////OESYBAAAANJgAJ33SDzT80Rb/AADKAADzKDgEfj3bFRr/zgDoDi4JhQHuHCYAak0AlEIAaDt1qtv/3wAAN4rdKBAAN6lFjdwBMnwOrS3cIyADh1EAVqVLsdjCKC/44BUBeV0BcsIEm0oEKov84kLVBgcAH6UCrcoAZsPpKjv+yAABAHYAoVtysuEAZQAetTrfIA7VKCQBKGXoAxLiCxcAc89ZgbwdRIoLSqn7+fgCki+kMTYAAJcAAK0Almy/CS/+6AYiSaYAUMPiPShkz//vKi0MHIy1Bwb9mgQiXjn88u8AmQADUpP/xyIxjyyHxuMAot7p6Ob9uAs5XbXUIT352gHFCx4jnkQMsF83lQT2PzNwGT06dMQAjMPhFyf1gQPdG0c1qDQAcijw9fjrhoivGyfFICYAAM0Bf/7hZmk9dir65OWNJCrTrjnwsSwmQILmVgUAoeHUOkn2zM3fOwh9mcj/eQDRyc7+mTL//wAHaajh6vPxsbKpstft8e8EOLhJcLQCmbTW4O0AAP/789j51tgfHRDphSjivAztj5XkcxHd3Nn821q2t7jyvcCUlZPuxwuTy6fsoKTqS00CcGlIZaLQHR7pYCSip6QTOIbozhy0yOSKvHblcn3xVmCOpyKGg4ZDNwXaUmGtWxZeCA8ZnQJYVFSdx+iQpMfIgozTqVK/pRTA4M40UmvVrBECVj0yWpeQi1LEPi/Psqx2iqlqvHywnztjnNl0dnJIk0746Lt+CRNhaWCBfsGo27jGYVfU7N+za2uPVj5taTLcRiOUgRcmqr/H0eVwrafOxBVmVwljcawxBAjmypK6nGYzNDJaRC+aDBrg1bhETEeDbAxQs5q9toe74fX86ZVDs2HA17iwjgx5xZbHyU91ukbGdB3tvnnOViLSihZRuICCMxAyHnWquxxVX4YohdFvlUWXWn1OeofpwUrliHQaOVYscBxonhhwk3M2lnmJLU9mMnChv1o4g6QRPyIzsqcmCFcOjBeew94WAAAABHRSTlMA/f5+Mw0WEQAAUx1JREFUeNrsnAlMI1UYx0fzCoKgKBKMwSsYb0EJbjDEkSgS41WPDdatxjOkQFJgJSkhVbvbIIEC4gKCB3LstliBFiW7gNDAChYlaoUqSGC9VlQQLzyiiTF+rzOdu0wvvDK/zs61pDD8+L/vvccLhIKCgoKCwo7xwrnATYZzMaczEERKyuy5FAjRJ7MpKQShrzLV6C5NUNcY9eWIgQgI8nMyEMTHF0hCBORkETJfj4jwPh4hXdoVPNJ0+P4rPoqKYCvCe+o68PukSQKf+NzknJt7Ex842JGTnMwV81ZKStkurphdZSkpbxGExlGMSBCzr7hWs6NiNLD9q8UgtJvrZTdCjJieV3uO9zw7/WxPzyc94Yt5oCM58WDyAwdzeGJwPk7JY8XknYIzRH8CEIOAnRNTU615p6a6WzOoCVUM9amIgFwjSehivjXBofZbv5Zva+HSlEaLOT49/XpPD3g5Ph2EmAmukgm/mJuTOx7IKa5PvrkjORkxgJhz03FE/GJwgNLPBTEJHBBC6kkzGXUx1YO5+wtqCjQ1mv2awUE5MWItOyImAeB8/Vdc2A1H3QTlZUIHF90XXkGLKXp2GsIy3QNyng02MRMTqRP0GS2mNzlnHyrOOZjBF8PYQIhxJBTzzv4lqxUNRltMTS7ebxZcC/vc3OiKQZKEIQZskJSNKy4cgBMyFW75E9MDr+NFxzFBiZkYyErNytqdNTDBacqSk3Oa0EEoMfymjGm/EGJaNbopUydcinwcMx8ZrzSad6TGHHYe2QyixlzPAQHUmdzXQxZnFO8jIxHDtl/fQquGD1cwYljuoI9StRDjF9M9AF6yBnYPdHPEAIngRSiGqfgIMf0AEKOpLd4HYkhU7NDU3bWyMu6t/hWhUIozRl7MtS6n03l4p8QUP1KOUPk+pA5STAIDI4at+JgB6jpQMmTETKxmpQ50d69mZa0yNQZJEvh+ud5YA2J0NaYq/TN33dX6qKH7yIGoizl82OUEvIevlRcj1iIv5pEm2NV3ZNRHKAb3kalSIxZjbJYQk8NsXDFZ3QO67qxVMiurOzVcMYjDM3c90/rozP6xH6IuBmvBeF2HdyQxjxRHV0yaWEzhBx+Y+WJABpccVkzqaurqQJapNhVO/GJO5yDflInElD/eonv3tegnxknj3aGmLEMNpTKKTdlucWIOHEAM8jUGKozJlAU1JpAY+eLPcuzYj/VrpM70Q7SLPxuZTTkxt/FAAD7KFv/ejqaWKBX/NHpIs32NeUISv5is1YEJXP1Xs5juMuIh311GHCYP/Vw22tI8vT/aYoBNJ8ZaEKaYne8us4MXdkgDYlSSbCtmwmeme/fubuxFusbIDzARB3J87/iR1aUF0w6IudbqtG66CkISw6rZ+QEmZ/DCDmnCEUMzkeUfYU5IN2XyUzIsOzpX5joCPbJ/kRjB83IGL5whTThiJvDGAKdiMfKTmH+jmOc3C8IQA/w9k5gkM3h5ktMPCEOMEOnEyE/7Iw7/hmn/f0oMLirCaf9IxbAQCgoKCgoKCgoKCgoK/x8CDawuo9hDE0fBDKzu4EMQMRS30jD352MkmOevW4tlCDRwCzydjmhO9YFoAr5PQFIlIYgrxfz54CJBZEgS+LlyJfkHxWgZGxYLc6rlr1v7T4n5s0KrLcViEoUbIPFcuYyYwdDFkM3NowgwmlEhyYi5PhpiVIv0/3hsNg99uqjir1sTi9GqShZVqsUSlfbfJebPB0u02r59ahAjaUbiuXTVtJgx/VhoYshC40y+1gEnDq3D3YJQoU/M9f7EnHlmRGJUdp8Wy9Dc3JDFp8aOv0EJHGI3KysHxyorNxkxU4tT81OwLU5FQcwLuyIWw1oxtJc3r7gpMYIXwH8uXlM2qE/u6AwtMaOj7pl8AzKn5wPNqHeUn5iurpDEJKSXanlitFBmLDHDjfHxjcNwAg2ZSAykdG2SRCQrxh4zNT8/FWOPhpgX459+IWIxUFi02vTe+iX3+rodixERUIxGRyWmI8TEmI2k2ZHvIPtAi6pKNzpj5NYY+HW81+kUiUF8WDGlIyMjhlKuGNyY2bAXbMYGDRnc4q9bizWp19bqF9QmrhgMR8z1knB/ot9/nz3ninn77V2PPS0rBjGo1dznoqz4Cot+H0kWrgOz5kC1WfBcsdWUGarGdIZYYwrTSTK9xOELTHphk8FB15jr8dbl3WpoaHC2BS1mpnRrq3SGIwawWzxz8T7mPBa7CuCvW4s11W+1lDdURSbmhBOkxdxzj+qFtl1Bi5lcWJjkiaELS7uaBEbdWIwxkBjBc8Wi6gh6ZWYDMuYvpvsaMvfoqKGd2yvb63WCGe9ekHJvMGJGtka29LBjxWA0FzJoVBj+urVYU1XV2kLLWrhi2LDAmVDMrpERlarhxWDFqBf27l1Qs89FFZamctKHudA8u77ubg5uPV4sRW5YYs4557oPy8ryaeJUFT+fA1CJAdqcDQ17Q0iMoSl9aya9ycAXk8eKyaO/QbFcTHVra5OTdayYRbsdKtO83b4oL4YNC3sGX4+fTz30DhOMmMceWwsoZmEJodl1IwosJlaC8MQAH8bFlWAteWUl+RXX+cX41HR5n24YbvB2BStGu6XX6/u2tFwxwO9+L7+rpMSMmUy1xlrTGCtmanHePj8PBzkxbFTouAjF2Bo9MZZGCyNGvilbC9iUqdecS5PjK0hOTEGBSEy8JNuKAco+zK+4uywOpEB8uIkBMRixmBg+bI0xNPXq2w38GgNUIR9VKkkxZ1PWzuYkZgr3yqbYxNwmCUGwUcH/xGJgWDu3POehr8Iq/gBV/FtI0ukcH19YIgP3yuBpTqwGToxGYiAzoOScsvwy2LGJwezpAjWNXXuCFnPrSF/fyK0iMQYSAaSBFSM2czZngKnFfblFOMqICdhdZgPz6aefztnoq0i7y+2Ta87xpTosRnIgQz1XNfIXfXwRfmKuq6j4ENx8WHH3OT9/WHEKmxjIDAwv29pgiBm8GIxQDNCLgF6VpBjgpDvvPEkwJWO3431kYgCLx2OJ8XgiFcM0aS243DBTMtx/ibQYzTsIvaPxe0HVYScGwpKCd9QpkxjhyP/eCMQALQi1qKTFSM+VabURi2GxRUEMp9xQYgIl5sTu7hM5iQlfjBjJubLIxNyrVt8bihggUjFiojiJyU6RsUdaTMGJJ3Kqf7TFAFEUA+j1qv+DGJlp/xC7ywoKCgoKCgoKCgoKCv89zqdIiotLOp+FIB6WhCBOGHz+xMrhtiQuF19MECdR3EVDXxLEGZIwA71LaBIpCOJmSeT+7oC6RS8YeMK9PhWPvnL88efRxPMI9P789WAJDARxgSQEcbUkBJEiCUH89NTlEmwr5il4MRu8KDEXn/S8Kbey8d8mpryqVyAGaOfeakJIRozOaEZq8xJAqum/a8FfD8YTsydcMYcOccXExDwZohgxl/vEXHzCfsgMNpOJX/8SMe3CxHxshtv1BhWNoQouzV9vI6bQ2OlqRiveccC7hFpdRiNC/PVgXDGTx5655AKwE6qYoveSkt4r4oqJ+SlUMZcLXgAWw89MsGL6Z/tv3zkxLfp7BWKys1+F+2QvTMeXt/TpSbh4NTt7GzEHXK7WNfXouA/y2IrVZS2E90+QxPd5yTqfncavQhBzKHN4bu6rzEOsGMDyVGSJocXwMyMWMzwsFtOfAd/1jP6/rykDMdmfkYgD+Vn2dmLIVhAzutTsda6seFcKFzqtLpdRKGbWaHTnGY2zlBgA2/GOgJ09e4IRU9R4T//GlVdu9N/TWMSKAZ4LXsxpNB3FB09jwWL4mRGKWX5s2fPYskDMR4kUH4Ui5oEHuGJukCRwU5YNfPwmAkbdWNCbH2dvL8Z61NrZeqB6LG0M1uDt7+xsdR01CtaDJbgRKllEyA1izH4x5TMz5eq6Y8dww7YncKcALNz3TWZm/8bGxp8bV/ZnZn5zHyMGsP14CRcQk0QDYjgwYg6WH8wQiHmJyYyUGJvHBptAzEgihSEUMQ0NwYupl2jKMGa/GDNcbCsGNbtcVmtrdWcarL/7dczaaj3aSQrWgyW4zaN5FY5CLMbykauzuZBEjnTAgUgdAjvPcMXMvdXFE/NLY2bmY2NjY4NjmxtXDiVlNv7CigHGBWLiJGHEtDSddlpvfQdXDDczYjHDtuVl27BATKKf4MW8GA+8KC8mcFOG0SEanawY8gB46fz++zesm7//bm1tdbU2C9eDJbhrj/z67g/vYDExmPk8q9vocJAO9cw+hGHFdH3x3a9fdLFi7h7KzMxMmtsANsfGKmeT4HLobu7vh8IQU97BTwybGYnib4Hfo98Vvpir/BTFxxcxF+E1ZViMDtyQZkQKxZzGA7+P8ai1dWlXRkZe6aUJ3k+g9iMkrDFux8tvfeSaocUAU3ZYR/2bdcbdhwRi2l5+/deX2zhi3sNiZq/EZv6sHPNmAu8VccTMRdyU8TIjFuOxWDx3hd2UgZiLfK+rjh86dJy6CEJMS8CmzD0DjVme2SwrRgd5WZp8w+V6f/PopnHyQKfLKCGm9chsq0/MnMdmgRWh9rx5WINYYq842mosZMUAX8y99QW/KWuDjGzQ7M3MbOM2ZZbxS7iEVfxfuoWbGXGvbHkZdtLFvz/4xFyUfdVV99GnWMxZkvjFkOqqXuniPzqKULODhOIvIwZitYRQrabmIY2mGqHCQtIsErP++mzngdmP10HMjTde0DU0t25f31Va+rZ93o6/uR8cZcXgroB08ccIi/8fTwXdK7tfEhADZniZEYkZGpLvLssnhoI6pcW8INrO2rYpe13cXQ4shlpsSaIBzebhNB2cqpGoKQMztrvvttn8UzIgZ7hk5O2Rkil27cApkoAYzC/QXb6S6i5DXFgxMMSMhhgmNFRmgh5gwj6ExOAXLzEvSJhhmzKDSMw0Z4DZix1Ny4kh66BrZaypLsRHJBYD3Orx3MrOleEa/yXw1dCyzSIvBvgm86vZ2a9wXFgxMIqJhhiwAi9eZiKfkpFPDNYQODGovKpJMCXzJn9Kph4uzR9vKwaAJf2fA0M/1iFWzKX+TXoSMz4eogPhee/TZZuMGKAIfpAb+VMyTwY1JXOtrBhshtrRmWmLXIx8YrAVcWgCN2U4Iu1x7J24dgQIxCQLxOi83iV1XZ15xTnKiJEExIjAdmTFiCcxcXmJSmJ4QGbeyX0tumLEyBd/ca8MZOkF0/5QNeQSQzIVKXQxGFkx4mn/y6UgFBQUFBQUFBQUFBT+Yu9cYNqo4zhOliuVDqc4HRPFB3uolUydoSbSNCQqqWRaxyYCTlDBpECsnWO8skU6hgsEAddJK+1QHgZfcw8UeehEk40hY0EUUaaiUzRzjo3pdLqY+Pvfo3f/u//1+kDjkvvccW0vGdB+9v3//v8/91C58NhARP6Endr6dlhqo3HkTyy6GEEJoHfIX4j7SSmtL8EfsuLj4/ftiweigHgOycDt+5sQdREI4r1R8hkoltsY8OPHLvIREXEVi/hYg2UMGhYdg/xA+FIiMDAnIiOmziwvxr5wBSz28MXkHMk+kUMUMyLWUmdAYt7Ys+cNqRiil2uDFYMfPyYSk5kZipiNG+dQzPQs2nrNfsTUrkiDRZqYKxniV1dXVFSvjmdf+hFz5GxOzhGCmJGRl0aScS1IMFjo6lJKDHh5HnkJSsxd8IUfPyYSU1ERnJik8o1JcXENDUlJmJhbxEvAYmbHMjIax8bOmP2JscMNM91pdhkx8dXbpxDV8VIxBQWYmBdOXIaJyelgxJw8pjt2EtMCBNaUfQ9akBdMDAXIiwEtCHxODBOTbKUoa3IQYsrj8vNhE5e0sSGAxFBEcDHTGRnWjDKH2xxgYvTsyouJb56aam2daZ3aC2ZEYtrnz2/HErP442wQk3Mi+6WOHCTmLNuUHTv2l0iLp07wBpAYwRsQt2PPg5dgxAAkMc2jo81sYjIpKjOYxGx8aPHih1A7BmIUEhOgmDFro+uMqx6Jkf8HcI9ZWGSaMuP2qYnumZlDPVN7jSIxloXw0Vgswhrz7ZGcy3KyF4MQltdzkJiTT14t0qLTyYvBvTwPeQlODBMZ7PgxaMp6m1tamnsZMRWAPzEGAyYGknLPPdCWwZOkABKjISIUM7thtrFq4ozTipoy+dOuy+imrIwspnqqp253a/fg8Z6pakxMe3tu7vz5ubnt7aJe2YnFHXQ7loO2Zzvo4i/R0npSUQxfXzAxlA+FxGDHj13UjNICW1pMKqz+xDQ0iMQ0wPdPwss/iCFEJiAxE1UZYxNWp/NMgdufGEgMIJeYiqmqiZ6J6aM9VVMVuJj5LGIx2YtpJR1nueJP0AIVR0kMX1+CF4Migx8/dtFoCxLTMhpAd3koXadLH8KKf3lSUjnKC5T/8BMzXTnhzMiospnj4syBitHDKhZjgis2wpXwTCIxCzkxCy1SMRxnkRiSFiRmDQcS43sBYvD6IitGqSm7SIBQjIGIIDFDOt0QubsMWngxVxJRFjPRaDObXY1uN+TFb40pc7cvbHfLNmUHGptGRpoaM0RNmT2X8ZJrJzRlHDlIjFSLghi8voSQGIIYvilTFuNtaPCSxDRA6Q9fzGxGY5Ujzn3GZXWwYmKJ+Ir/Azhc8d/b1AS35f69SVL8LblMXihcDF78kRiJFmUxeH0JuvjDgotBWUHFH3JDi4kTrbgYA6zkkX/4YqYnGgt6bBCZOHOZ0wwod5fJYuKrG6c2HW7cROguu1z19S4XJRIj7S7jWpTFiOuLshjlxICZd0ZH34H2TDkxNCGL8d9dnnbU28wOl5lHeYBJFgNm9jIDTMLI3+n0O1d2lhlgErQAguKJxAiKJ1ZfQksMrPIjcCYk7IbLTAhiooj4FVNng6SY7U7WSTiJATNGNCVjjA9GDNaU4VqUxUjqCxDClIy8GBJzKEZ+SsbLqLC5zTzKk5giMXM3u4xrURbjm7cMUQygIIaNSbmBe4j7T8QMmUkoTvv/a2JwLcpiOC9hiPl/JkZFRUVFRUVFRUVFReVC49yNJOQu4Cw/IDJedwUB+bmgXiuFoXTB6m0rScAAlgYNXIVERCxi0ekiIymKexURcQcHBWg4sBOOsN9nMZGIiDuJyA+0B2Te15JDa66RAmI0d/8sJ+ZKemWfwMqK6SWKuVm77Ip1C/jliv0z6/yJaXnncFBiKOubF7SYaKIZ+rT9lENEMRrNOaIYTgcs/ApiKky7aBd3cCuCvrT8i1csEKp5eoYkxlJjYsS0GHcFJYaitoUips5bWGhzBi5mPAVOCnSZ5l5M9OdyYpCbp6RigCwnJcJPYpp3jV7UjMXlDloMcOV1vJqZjo6OdVIxY9M1bGKA0aqgxEBoghaz/u689evzCtcHKGZRIfO61C4Sk9318eD4x3uywxATvUpOTBoQNbhGIgawWSRiWD78UKCGqTHvNFc2G4VaGDHAVSg0VzB2OtL7hWIsH9RYaqY3T5soToyxxQjNWRBi2NAkrLz3vXthG4iY9YXjUUuWaMaLUgITA15Sxu12V2epWMxzLxzak/1cOGLAzCckMRd7N3u9m3NjYqDc4GJKS1FoSGLAyr59sMWLf8thaks825jxNYbBuK4/HYwgP/3p/bwYS00+0DDG1xhjvBFCU2GihCjecJQPjYIYHWIDTOAaTp3K0kRFbdAhFMSMg5f7ocZYLK5aXMwLHTMjIzMdL/jERBKRv3VWNEIvbpqQmM3eGG9uGmzZcsOLqa/XiCsNIwassFu8V7ZlV4W0+LN0z6bP7u+H1Kzp55uymum6zbSYWZNPDJhBbporAxZTW8uGhgf2E2HFeMcL87Le2FealzI+JL5a7Kbeg9spDlYM1JfxBQuctTY7JU5M/+ntI6f7swMWY/qgpuYDEy4GcKBT32stAjG5m2GFrw0xXLlhxdhMzCnxWPeM/gFff00hhM8YMS2wQFhETdnWj7aCmNn9M2vWwGZmZg3fXZ5uyEfUjY1ZfGLii1teRGaMWwIU48jNdXChURYTiShKKcrL+ujt9XlFS4rE/6NHXjn1u1gMfAqLFiywR2naaiVi3v/jm/eDEGPZPT2924KLQdRTHrvLJRDjrQMx3piLN6fFsEC5oRPTSVGdGpKYDz6gEMJn+DgG75VdlboVzDzdP7Pu6XS2zvgSk9+AvAhvV0gHphg2xesv4fGbGPYPblV9fJFUErNEE5X10b7xvKJCiZidg2/IiKnVaAp8xf96htX9506fPte/mn0ZiJixMZKYAhDjdArFQFrqvDFpG3xinhi9mhZTUF9fIG3KNETkB5g3g5StydCUpafvn+1nvPDFH240Og39ZJEYFJh9RZcEKMZUW2uhL9VzDY98jaEQtvGUvLxzl3+WVzhuoxACMY2bNjWSm7Iye5udwsQA3d2vvtrdfX3gYsYAqRgXJL/TbhI2ZRsurttcF+PdcDFj5VTy1VczYrLQmuWghMiLuYcIiIGGbGsmXWRmu7khjU+MdZuVAkwHqkQ15lEP6PDQC0LhdAU8LspiyqDqF716CG60qnGK3xcF3MEhKv4mKP4iMatXDx5avZoXQ0nBxdfALW8DKv5QYLze3PRcpAWs0Mh2l2VrjLyYTMYLwA5phImpGmk6YDIdaBqpxBJTnEJrYfEoi4G4YCh1l1OWjGuK3i0cL2S7ywpiCN3l630YjbBRFBNJhO0u/yY9xgFseCExdeCldBSUYGIgLiIUawypV3YVKv7wxQ9p+O7y3qaRAwdGmvZSgsS0fME2YxpwoqGfyZ9HQoiLshg0kGEHmMpiyAPMhURCErPq9suIYkBNGiosAvxNyfCjS9hy+BWz9SrYoEdGj3GBcEqmam9l5d4qSiCm+ByY4BoxvXximNMVCHFRFgPUDcGUjGORghjplMzci/mceFSQr7Bg+JvEBJjRJWwDErO1IhUZ4dFe528Ss7jwEga9qMYQAgNiCHEBgp3EVBYDUMDcizl+mZwYsCJGedqfs6IshsSL8m/gTzCBoVD8IS4XtBjwQhTDFxZMjIqKioqKioqKioqKyoXHw0RggEZE/ngzigauu+PnPpIJPvD9wu+zkgj3/ZenpS2nEOJpeYoll0H+wtqdlqpqLYKCH56qBTJdHhc78PR6hRtAMJCcD5BmkWMAxVl55dlonH9dDH4dMF4Mvv+/FGMzlFG7hGIqbIZa7gMdGsI2cy/G7nC0lZa2ORz2sMW8CJeef/ZFqZhiNItWrCQGvw4YLwbfj4uJZZe1a9nnQYoxc2LuwhdGDOSjgNqWyolJ3W5oM1mr0Qe6/yUdxkv7uQ9UIxSjEX2g9y1del/AYizuFY7oaOcKtyVcMc+WlAwPl5Q8u2jR5UIxNxd3a41GbXfxzUpiogUkJJ+iSU7A92u178WePHnyaiwxb1ZWsn/cjw1GjFkhMdp520tL7dZkRkx1gcdBHU7Vog902XUnhF5OXLeM/UDhg+XFwAtRYpYuDaIpW6J3rlpVpl8iSp7DlpVlc2BibiECYlgvf5dM9sHmWSwxfFSKgxLTW75xqCE/7hWxmHnvNb68JXb5PCwxVivzHAglMUTo3z+5zeOktiAxW8ARVQG7aDHLlkFofHGBlzKJCUOMPWXA+dprzoEUvCmrj6Kpl4h5rqvrOZGYpYhjJSWJw5OTw4klJcfoHawYyAsDZMavGPw6YAm97rqhIbe7NwHfr01d/rLFsu1kqjAxqCkDkJtQaoyOCPP7Z/Z42kxIjKGAqszU8mJQaBqGhhpQXACFGkMUo/PR1SW9ybbbU7TC41lR5HELv48jisUhEvPQT6+++tML6AmsQjGTw32Tra2tfZN9w5O8GGLxjyeCXwcsYWTH7522vp1rE/D92nnLz58+fXo5X2PepI0Ab3LFfzkDiBFCEGOG1Y8YCsEXOBZazDokYxBdf2yQO1dc/uCQGMR9aANiAOawMOHP/fJL6c+t1+vzAL2+XijGxomxicR0/XD8rd1dXFoe4sUkPjjZ1zc83Nc3+WCiUMyHRs6I8UO/YvDrgCXE9vR0dh7tATHYfu28l3d0d+94eR6XmLWV1rX0o7VyLSsmjUjwidFHk6DFHDkCMn5E1x/7MUAxSwWIxHwbCXwrFlOg10d//nm0Xl8gFJPFicnCxUBgxne89QMI4eDFJE7+NTz812RiyGIShPRGAU880ZsgTl7sjk8/HVnJFv9YTkxsKGLM/sUQvehpMXt+ggasCF1/rChcMcCeyMg9OomYgU+iIyOjPxnwiYkC7BSLnTPEitn9w/HBH3Y/RGrKhoehLaMf6B1Bj2NwMe/1lHV2jh19TyJmdOfOna+MMmKAcJoypEapKeMKHN6U0XVlEF1/LISm7D6xmC8Byc+1DQysOn581cCAjRcjKC0OoRigH9WYfnLxn2ydhFVU/I2BF/8EjJcpW+fSowkSMb29Bw/u6OVrTCjFH0/MY0TY4l9JFRiQGFObp0dS/A2G0Iu//MBc76N8I/+cEdNGsbRhYsjdZTPN+ZLJxETomJWcZ14H310GGyu5FfiqvbQpQSKm+egrmzbtPPgLlxiuuwwPwY/8FcVUUPbS0i1IzBbK6WlLDrK7HK6Y/HxcDN9Pro/i8DPANHNmShITS8CLUAyADTAVE3OvoMz0JkjFGHegu4G/b+QSww0wQ0uM2a+Y1MOUw1NQnYrEaJOt4Gj7vHAHmLiYy8UrLmZjOS4G0eaw2x2Ql0DFAAfPP554/iD3KvgpGU7LvZge+Vq1EoFNyQSbGLffxFRbTW2G7alaRow2dRtV4HFlhj0lQ04MOAHEYvCmTISyGCJhFv+VgYjhG7DQBpj+E0PVGmww1mfFALuoMoNt7maXkQ52AdCjSExc/v9QTECJwZnrGuOCfGh5MUB1laVz7maXF5HAxZQHIEZFRUVFRUVFRUVFReXCQ0PEt1/HchdDRMS6HBIREbcCFHWrCPHxYzf++uuNzEByLQPFwr6EE3mI8L+neBr/je8euUGK3IWp5a8BcwkROCGLiOJBF8+wKN7A5waGf9g7E6ioqjCOj3WB5BRBtlmRLWa2YZ0COkEvKi1acE4bBtppgWqgDmJp0EQlTEYMm7KHmAgicJByKFYFJRZXUBIUEReMgMrMRK00q+++fbkzbwbEljO/ebz3Zk7pzPv5v9+9dx7vIZb3GGwScxctZsoztohRnD/WOeykIuZRAhbEdCTGmIbusiTG0/P/LeY6eICY+z5UE4NEKM4fu6Cr00oxj/z88yNWiHEodaxCuqYhs2I8I2L9rRPjCT/V1X5+9Rt/q4ZnvJgn8AKwu7aKmTa2YhjwB3vYJjEXipg6f/7Uzs6Jle5WiBnXunp16zgrxDjsclwFF0EzZO0nivE8hrT+nlYnpv70S2UnGxuPsp5Gn5hpY52Yu9jEwKeYQxKDeO4UIRXjNL/Wu7Fi/o6JVoj5efXQUNPP1ohxmN2RePCWfVrUAuVGJgaaschobY7nVZ5WiqmubW1ubm1ttdSUPXFOEoOIWEgMgC9vQSWsTxCuDmNOjOz8Mafbbisre+gJiRidoYVSivk9v2nOUFP+7+piMKWO8PX6kvUUgnIjEuOZcyzHP5JKD4uOPsaJQZjVqxEg7AnvPzLHqC2k0ov5z8WauA0hSocQ16iZPW6CGP2yZfrR1JgniFhIDPAThRAV2JS1WCSG3JTJzh+rmD+urHHcn6t8BTEtTQl7s1oUYn7u7a3r6+39WSwmPNycGNycJTtjN7jcCGIikDY9NhYas2iU7SkS09uLAGFPOKDGMJoUQQwLQidPghjASjFtVVVtWMy0MRYjJAZYhxDS9dUtRGpiZOePNVYMd3dXHE70FsQcMCXsXmFSiGnt3ZaWtq23VSRmV0fHLrIYYHap4xZnzD663LBi/LXR2mM5hceiI7Nz+MQIYSEcUG1kQWFkTlikUkxcWlqcLWJ26vU7z3VisBiKioyklImRIf1CbGJZ99ETJ2prE/8UxJhWBO7+tsUaMQ4dHbC6WYJFMWCmMFKbnpOTHuvv6SkXA2EhiZkUGz3JmOLPvz6eBR3e+NthxD1TF5O294or9i4TEoOInOXE/KSDwODrfRlsE1PR2Fl7ZGWut1gMdeTA3iOUsil7rNd0sqdH3JTNDg+fTRaD07TqS3lTBkDNP5YSG5aOwjytrDHa2IKI9IiwdIUY05FNm46YrBezrO2KK9pADDAyMYiI5cTQTVjg4sWBqr8ZJRVT1thV37bC171e1JQhymAgFf/TbbWnjxYpij9ZzAbH7aTijxuzyEiUHRlthH3LNWYqS3lYQXpEytfsM5GYAyZYBDHXESH0yqbBYyRi5hKxmJjfPBVoNF8TkYoZ7u7qOtqTVlTkrd5dbu7raTvU/KiKGMvdZSAWRRr9o6lo1e7yVI6M9KXRRVMFMVJsFwOMqRghMYc9PSeJHrBgMXcSkYrx7uwcHr78cEWZuxUDzJ+XLGkepyZGbYDpnxKbAsPL6GPqYmSQxfybE/O8l6fnBMkDzKg0ZRxde7q7uzq7vp9qzZRMK0zJqIlRnZLxBKBBgz2bxPyHEgORYSYxb/T0pHPCbyaoNWUCw4PdTk7ug11WT2Kqi1GfxMR6/kExEJhzkhhCgbG2KQMnXd4w9Q+rkUz7k8V0WzXt/x9MjB07duzYsWPHjh07duz81zA38HEjotG8T8T8F0FziGg0E2mQlxeaKEKjuYwBsdzIoNGEuGUjhoQExBDrEaLRBAevfEbGieBgc/edtPVC1uaPw4NE+OOwlF4tXcofh5VPk4ABppjXlmeucsT8e8RMVRNTEBLC3LJj/S+/rEcAFRESUqDRbAkObpd6+TE4+CC8n/COf1KM10D/QOrggBd/HJ450a4q5kfnNYmOnJiPiJxbMVMZNVMticH58IiGV7IHFuDsRMPTWHxAt2cGLz8hisvy4MztjvT7KR2BmE52QxAzYYL1YiAtqcmDA6LjgP/FWBbzWrvzHkfHxH9ezFReDN5XSww+gSUkJAWhlIEBvA4JyYlkDmjiGlFztjI4+Ev4bMz72WVBjDEiKirCqExMo+O8eY6NiQoxj+MrZjxuhRgiIAY4kWlBzLfOyauKutN4MYhHp1M0ZUFBbh4FzW5uk2BnhGKyiFisMdeRxdA2CiOjBwaitYUhIWHCAd3DN2ftwcFbHAH2/czuMCcmezpNtkJMd2lEQWm3oinzD8XXcgn158VcyOPlJeyLjsPAoCwxDQdaVjSZm8Sc8yO+LFA3onBWE7+UiFm3TiEmpPXzmL2LPdy8Pm/m3pDgMT/fQPhqmX6NovjXKQ4UGYkoDtuLP0Js+5VuNNIb8QFdlRwcfAL/iwzmi6cDQxhF/E7eOJ3FKH//2icLCp7Uymvt46GuAYBr6OMyMVFwO7gU2NwqF5OaCQyKxDToAhtMz6yQvx++6m+Ht52GdMs64WvyWSIxep+XX/bRy99QVLNbkK7g3uLP75WLMZTHxZUvVIhpMSEdSGsyyT8wlZ6dna48QRDEiFERg7S44odBcLTSf+mJB4ODf4SqD8WTFxNVEETfO4kkppgTU8y9/iTLrl3Fxbs2cM+445A3a1ZqXl7qrGl5UjFesXBry3S4J5yXTMxAZqazc2bmgCDmAFqBM91gIohZ6QztL3yKxM5l8FGck5aKxOQ/r9M9v1ouJsTt3uLduyM+L3CTi8mP27EjLl/2gcFISxbE1dTXp5OJiQ6LzQ4T3WbQi4iKGCA7BMhW1obtwQAUT0FMAVXsAARlE8QEcWKC5GJKS6OiNpTKxExIhcDk5QUETAudIBGTYgwriI4OC4tO4cUEOcwGkpbj78eWJ+En8BKI0aGGZ5qwmhVyMXPanbc4snTCiYt5IFImJl/ZXY7S7U43HIiySgxlyurr68lCLUM9PS0yMUZ8V0ejdWKuk4iJkoiJdTMjJhPEbBeLCWK8RCObxHSURkSUdsjF5Lnm5UFc8lxT5WIiI6OjIyON2ZwYo9aYEhEWrU1Yv2QJ3F46OiwiBV5ixRzAYjZJajA3eGGjvsd5Fu5iy5uydUoxe2vc3DyiQtysacpaerKaAKoFNnIxyJiTY0Sjacr4wQs9pJGJYZuyg4IY/i5wtjVlpRuqITHKpizAP/hK/wB5U1YQnY6Jji7gxCyqXLS6N9+nMlefv02fW+mzune1T+UiUVPmJ+0c0YMXrjeWuMY5yQGjVvyBqJhiur4oir9BWfwNvCikLP74zM2zUfxjETOkkRf/lfSQP1la/Oe5SFEv/jW7IgqerFEW/+CA0NCAYFnxL46ONhqZn2JWTHm+Pte3Up8f51PpuyguX1+Jn5TTxb+loeWZk2/Ieq0weOF6Y5D6aZuZ11W6y4yZmuYQkZhLiJgfOYcRGYkYfvDCDmmk3eUTXHd5j0hMl4sM893luzlwr+w490TUXYaaIe8uL42NzYYlm94sZcXo4xYaFubry7cZDPHl+nx4Eqcv57rLGxXDieRVfG9si3OAMFOgPsC8t7nZTS7mL97IX2pibiUiEzMVP9TGMZHc4IUf0ggDzB9FA8w1/ACz20WOqOYVBwUVG5FCzOt3NzfDisX2AWauT+5TkBKfRZWVEBmfyqfg4YObMqBhkfKiQ458b+xL51RemLoYIMpNJuYvWPgHXo1IDKhgxMCWwcliYtL5wYswpMFiVsHgRTYls4oWEz7ThSSGCIghYvuUTPy2hfHb4hfiBfa4J7SYoy8rEKaCYPCy2YFnBJOYl7AqmB9YzlJi1ObK2MGLgJaZxORH/YAw+gcxfpe7jF6M7ZOYE919c/WLfN0nVvr4VMKTRfQTXGNOv2xWDDN4cRidGAK2i7G9xuA+soxsN/K0/0o87f89aPgnxMCHgIu2TQS4Nd5oNL+CBrNimMGLWIwdO3bs2LFjx44dO3bs/Pe4noj5gdgfD5Mwf1/L24mYP0dgAhGN5jEiGs0FRDSaWUQ0Gm+W6RLMXczH/J9zERGNxo+IRnMvEY3mRiIqYhYvRhywz83m3kQQY/6+lrevWDHmYqa6XzBVIearr957b1aJ3zwBvxJGzPz5/wUxFi4kQDWWpVGIhkora+Sn2b9SijF/X8vbT50aazHuw93Dw7DhH4KYwX6RmP5BRkxtLayQgHAxH/HyT4uZQIQ+0Bnd3WUGhLRwsHVl3Y1pjBggUREa+X0tnc7b+3QGm5g6zsaZM1vPhpjeXpmYsoN79hzsJiZmnhi/eVhMLj5ZJNe2xDyNl6fZzViJCQ8niSkMC8uRiVncXdYdg4wR9PcWMfXd3YtZMcClamJ8j6+qkIkZWnGq7gwvxpsHWhYecYKzmnSIQyxGp5OJ2fTW2rVryvjIyMSUwOJXUlKC1dCJqUSo8tw3ZY5ERGLe+P77N5RiUlB2LAqTitGllRUhY9Ds6dNnBxlRUVmajhMDICny65I5jas/fPg8pilbweblFNxvs26rXMz8eITi5xPEmF64q48oBiGZmIotwHwziQElg4MHB2HDianV62uVTRniickQ/4O4lIjZEqAuJsNgyFCKeeNGr85OL9hIxeQYjTmFxmghM2zx16EI8OIwfXYx0kFelGLI1yUDL5sHBgZ+p8XU1bGBaYdTGU+dkYsBL2BGKaZl6IX9QwsJYnpjYnplxR/+R1hziSGIKcGbElbMfFiUiUE8GY2LpWIulz/MizH/Ou9lcZmjY71jolRMuJ/fvD/+mOfnFy4Vk1KA12FhUjGA7jdo+F/64Ycboc6QxJCvSwZiBlLzNv8sSsyZnp5DIGbFmTqpmEpEU6kQ0/QC0KdTitEVFenk3eWp4k6ZTAxIOXiwP2DWrH5WDMaimE6DWMzlZ1eMAZR0xhjKZGI6v/oD+KpTLgaF4RVBzPyXwl+C73p+VxXjJOGRZRnlGXqRmLpTZ+oOtZ/qGWrfapUYw9ALL9z1AkRGIQZ1diKRGAciksTM+jIZysI0Woz6ATV0OhaJxRC8nHUxQNcf8+b90SWvMTmosDCnkJI3ZYE6lOvtDnjvQLpAW8SMqz3adrRI1JRtrTtzpmeo50xPnXVNWROIgbbMpBDTG7N9e0yvDWIOzmJhmjIhJeTE4EOWmKZSY0bblBXJmzIAJ0ZZ/MNSEJVSQCj+8Z95g5fP4mXFf4ODFJmYw0nLahuv+KJKVPzPAD1ntvZYWfxbTC03v6AzmCi5GF2Vs3OVzhYx/YPJgyUB/YPWidFl1NcXxSAW8+OMd4iMvPjP+6qz86t5suIP5ISFvajoLjeWxaD4XF/f3HgUU9Qo6i7vcrAspn7nztraop07peOYoTNDdVZ3lymTqa+F0CvTwkVJk7XWiwFKBufNGwQxFpuyy4iMgRgMQUxXFzRnXW9YN8BsbMQDTJ0ODzDLipbxkQQvZDEC44oycs+TDTC3njkz6gFm7y3OwC29toiB+v99Caz8zCdm7MXMISL8+fPo1aimZDrCHVTEjOGUzBJnmiVqYshTMv9iMaOfxOyY7aAm5lxNYqqLgZzIJjERkf+YGNIHKHUAbBED/CNiSPyXEmPHjh07duzYsWPHjh07/zXMDdAeYghm4S98/RYR9WnwFyWQB6SfbdRoXGfMmLHgVmDajBnT8HYBvOCq0bzA4MzCv89pRPh7jt3Awt9z7CYicAV2IhqNr29lbXx8ua+vL0LCvkZzORHz59chREVSiEZynC8mchbF6BEBvWUxeifMRLxgKvpT4TfQAmbMuPJdEBI6Y0YAbN69Em/PnZjTRUVFGbUiMUBuHCcG71sSY/78OoQiayLHVswbCrCYiXqCl4mWxcSDEvpBLxtTU0EMRMQVzMAGkkN7cYWNJTGu3IPfsU7MkSNKMS8XJX33zcmdSTt9xGLy43J5MbDPivmKfYj3zJ9fR0XGpMVEahkx45nHGImpHpCI4c1otbwXy2LyUT6tBFZ0XBgxQMAMV89bPWfMgJUrjo1lMZyMJUu4XVbMVVfRYrbCQyHmuiM3NTTcdOQ6qZh1rV+k1e7I9Un74rtrRGIqy3H7hRC3L03M8ePixFwoQiwmsiYtI63GeBYTcyUsSjHVb9zY318NG14MZ2bf5Mn7WC8Wxfjkw6v5PkxoIC5A0npGDIQGygtmGsRFRQzP+vWypiwvz0Jirrvp119hJRHz0zc72+6ozMiovGPdzrSfeDG52+Lzc7EYYV9IzOVz16yZSz8hidn68enTH2/FYrTGGPCiTMxUItaISV7zZbJCzI2D1f0DA/3VgzfyYjgzk4ODJ3Ne1BODvbBxSfoGIRDDEAp2FtAbFTGv8VCUsE+LCQjAYraSxEBU2hYa2iA4IjF3lK89OmXKh2lp10+542irnhOzY9vCuPxtWAy3LyRmLvx8+SW7A8jOrwMxFd0gRlpjwAjDqMQkby8p2Z4pF1P9FpgBL29Vi8UIdYb1Yk2NgZ9NqcA3FMJiXANCF1yFXbiyvbKrFoQGuKqI2V9XV9eEUBNs9svFgBqFGIjKpVkIZV0KO6LEZHzx08vX+AQG+kCF2ZnGiRm3I36hIR+L4fZZMV+BFK4pgx0cGfn5dVtvP93AidEatawYPjKjEHPll10gJlkp5q2SqvqNb8nEgJkUByAFvNBY0SubOL8EtHynZbvXM2hm4dqPq/8s5rmamBbE0sKLuQrb9jfXlLX1YDE9bQ+LxXxdM2VKPgLiQEwNIwYR4RKTOZdNTiazlZ5fJxEjgL2oJwYREYs50rBJkRjISlVV1dq3+oUaw5thvMjFyC+EwIYF7o0Jx++LBAQsLH9eEJNqtZh7sIkmRNMkNGWbnVNTMxfgwMAiF2OidC1gUUeZxGJqY16Z8mEcQs9+OGVK2g41MTgha5KP0/U/eQ2XGCcJH3/cePfDSjFciXGAz0tEXUxw5p49W7YoxNw40L/2SNXaflHxF8xgL6pi2E4yjksS1qKLW0T3XlxnsU3ZNKEpm2WpKePM8F7uYcVkzgoAMeTEtOkQMuATTdrEYir2rrtjSvzixdum3LFu2Q5rBphzp2WunDt35bRpODkEMRtLvn99e6tMDBeY8aMSAxdm2RJM6JVV969d2z9QJSn+7niFAPqJihjaSxnuitG9s/OcMCMv/gcQYKJ3OTFJWAy5xvyaZTK1tZlMWb+KxZzeuw2iUlQE5SWmBhxZGmCyHbET02hOMKMZhZgd4d8f/34HOTGA7WJUxzHQI4MCUy1PjCBGvSnDcaG7YvH6R5hWjRfzrtBdfldFjAcLhbKzEcU9Y8QkgRishSCmra3n11972toEMZjy3XEfHs3IODolf3e52gATYHrLycl0f5mUGDDzcyt4IdUYcDMGYgAYx0BcRiOmDHfFoLCI5mVsHGAKYiIiCz08CiMjBDGT/CfBgqUQBphgJgsAL9KRf1tNTBEQ8w14URlgsmN+FiExSpRi+PJv7iZ0lsW8adOUDMadF+MOi2Uxn21M/c4AhYUNi5CYd+VTMu9aIaZQ2GCsmJLpgdAo58r0GUUZsPjArtoAU1DDjy+tFIPDglcjEGPrJKbtiano/yKOKSy8GkA6iRlqxSSmhxSCmK22zS4fLSrKpXdUB5jyxFgthovMv1LMzlooLAqYaf9Uca8M95tdbRcz+ml/lQGmEpvEqDRlduzYsWPHjh07duz8xzlfY+dfiZPTWKoZT0T8y5wdHcI+/+vViIUfKF0t4lUejea3T0loNO5SPotD6UH4772aiEazgIhG40JDIRaKec4P3BALP3C7g4hGE06Eu2YM8vZGF4lgxPz22XkKNRcQYc83u+oq+nyzK3nMnoemLqZ0A1A6cjHj/cyJqQA4L7kLqbDxwEjFIKClBQHnUsyrQb9PHGeVGPZ8s9BQ+nwzQQzhPDQf68RsKO0ohWWDSMzl8CCLqUpeU4+3iAf/+dMriGIqqjIzq1gzehRZDH9rUDQrxql7C3w91+0kE/OueFGI6cs652JeBTVO58vEuCseWAwC4iqG4xAgiCGchxaht0YMSJkeEjIb5FiRmCpX0FJ/WJYYoIwoJtPVNZMW47sNxQbBfxah1TFiPls5efL2VZMnr/xMlpgB/MPtvCsVY2poCLRSzH1nTQzgNx/aM/XEXHhV6K0Va9Z03xr67oWCGOJ5aIIYFwliMRs6ds0OD5+9q2ODFYnJ/PLqqw8nJx+WJWa81/gCCkkRi1mkowpwXLJRywv0n+MEXiavaofVSiermzKqbk6D6ZwnJjsW1Pz22Tj1xFx4a+qF3mvWel8YepWamOcjpGL6AutEYhyIsJeJwmKo3TsXy8QkM2KkiZm+ISA8XH4PV6Ep+6wcGaPgb4wyoqybL6MPRAko2ZK46iBsSvgDgTgijx3TIg5BTEtDQ0OdQV0M4tAmJGhVrwFjWUxhLELpBa/iUnO+WmIQENc9vI3UlAnnoekZMxIxWajPxSoxl+MFocU7v99oIDZlksR4lW7fsyfPa3qHRAxf/CvjUcp4oIAyDF12GSPmIC0mcQ1sDirF5C1YkEQQk9Ww/zqXLHUxgpfFuwUzqr+tAGLEsImJpVD0q5jpP0B7ZkEMe75ZaCp9vpkgRn4eWoRe2ZQZ0HUu1ieGCty9c1NVDEUq/tLElGw6vDcJ/shSuRhMLaWlq34sMt11GScGG1meuGo5bNYoxFALAEopZsilwcVliLJaTII2K45KUBfjTUSoMb87cfjSap4mwp5vdutS+nwzQYzsPDRARYxqYqjdacvql+0WiRGQ1pgNVXv37iKIEQYv44sjqT6woi4Gk7RgwTFlYqi+hjlzrhsyWC/mwIo+k3bUYsCMUPotibmSiJkv1mxvyoQaE3hgWcaBQKEpe5UETkx1gFdo9XhlUyYMXlLg/ElsRdyUtTsmtpObMio2llKKCaybc10DlH/rxaynqPWjbcoIZi6g8a30vUDMKMSAmcA6W2qMYfdug6j4IyJcdzxcWfyFwQtqupn1IhT/PYmr9kiK/7VE+JF/U4MLBL4hy/rinyAt/r5EVHplxbHpBdiMXExlXHz5uFGLIXeXXyNCJ0bcXVZPDEDqLosGL3WX8dD3Hr5sJbRh2/dAi7byspsZ1MS0NLjQYuoMI+suj0yMhxHBPy5sRiYmdyGKz+U7zraJ0auM/MHCM4rHa2xiJGLUE5NEeEOiwctlMjHYzHa4jyrvRV0MaurL+rXOFNiCzqWYQhy5AmlrBjogMfm6OFFi3G0Qo4/Qq4kBD3OkCy3mclsT4zWL9IZEgxe5GDBzPBGuTHkcvFgrBsjKgtU5FfMqm5jxIjMXMGZyKy8414kBLzYlxn8a8Q0JgxeFGAGbxDQ1WS3mPn59n1jMOGGBH2tqTDquMePFZviQjLr4K1CvMbaIyQsmvyFu8DI6Mcpp/3OamPGMFTdRa8apGKUYOyMHxIj53f6F5r8FJxl2M3bs2LFjx44dO/8/4Ld5Jk2CHwu325AMPC9mQCzsU/Oz0aWzQ4iv6+8nnqZkMwhztxyNJpCI+fO4fphu5v07khD94pLswt03EDF/fBBgMATG/PySGFpMDgBHeozEOHbsEptZyr2uXe/zD4gxfz2xq8/7jfj+HUrHXAxA1SjFTCrMzo6YRBQTHz96MdKbzWxO4l5P2IfiXz7nYhTncbl7X8CIgb+cEBr8uUrVxXi4XQSPx91GLmbx5woxXinpYTlEMfnXXJM/ejFAB9eceSU9nSd+Q/nPn00xx49bIeZCEe7DTt4V3k7e7lgMcH8+kkF/rlILYuae6B+YREhM26Hlh9pGl5iLIwrNNWU//WR9YhDH+s8/X6+4BRTdnC1Nfftp58mpwhvSUuiK+8+amIYVtB0bxAzP9B6uGnbfNMyIAXx0BDHYDFnMzKqyTZs9+v0nTGAiw4s5dSXmkC2J+U3RlHlcfHEUlH8O4UBT8fE6m8V890V18y/fScUk1ifim2jkOT892dn5aS/2DSUk7NuXkKDzOUtijhuwk5OGZyyJkZ7HNTxzuGzTzO4trJjnn1eEhj2gKWauvrS83yOn2aN/zSRZYlZcybBCEIN4AhcjHkuJIWJ78efy0uxXXd3cvF4qZlki3A4oZKnD5qedN+fxYpYACQhte/6siMkKpGNzQEWM+DwuuEnzlvojw91sU6bXXy2vNCCGMUMUM3e5f+y2bekemwcgMuIaM5kVE0wQU/P5sRqlmJixFrOvubl1Y3Pzd4IYng10a7Z582ZGjHbfElfXJfu0KGHf6kfOghhToBXFX3oel/umk0dPnp45jMXQrRiOL3TP5GKAMJKYlStLalavrhkYGJzwuDgxbVdytCnEBLaezGgNHIWYOwSQgKqYb1p/A1rFYrq7wUpjvaMjPaTxIoiJjXJgGY0Y9IxYTBAR6Vz98MynTp+6r6K7m07M8whBdsliIhBRzJHqz+PiavxBDFNkrBNz8p8QE/eI3+HDfo+Ui8QUFbFimCGNl7wpMxbDC6MXswI12SrGvfupI6d+dd/ENGV6wExTVkyRm7Jnqo/F94ZtfntAVmOWm2/KqJrWVpuaskskKMUYjepiMD6PAIsoWVOW6MhQ6gBIir+2wEHEaIq/DmXh8t9w3GoxU8u6T5yYOzzMjGMewcv9cYTiH+4ihy3+Px4ZKCwceGu5PwxlIDO8mD6LxT+QVPxHKia9uDjdKjFU3KLnyykkE9PJisF9AEl3OSXIQcyoussGhEwHTA2qiRFwH557YubwRCfL3eXwy82Jmbty00b/zYM4MG4ToPbLusunRN3lq4kQu8vqYu4TJSYqCgEjG2CCF4ENIZwY0B3lIGV0A8wVB0xZUGisFzN12HuuewU38qfjohTzxkwXshhg5twTgwNe4OUiUPO4eIB56tApKDBqYkaemPtYMZTRSI1YTGKM2EypQwgzJSMUl9GLEVATo0BtSga8KJBOyUBYIDEXcYkRsCUxI60xwAjFCCVGaM7wJGbBeId/kxhzk5jdLubEXMqLgfKCtSjFjD4xS8dMDIkNGg0uLv8mMeam/btcSJBml0cohjztb8eOHTt27NixY8eOHTv/PS5guIWF/8WcSUTM/4LSc0Q0mgeIaDSPKjm63Jm7sHbFEoYkLwYY6Jn5BaunaOCGFE+JoS+UPcEjx0OGhftUEjH/+j1EzP/3Lgy3sIQwaDTXELFCjBe9DoHlLItZvfpR/MNz/Vpn57WcmJ2Ml/e9eDGvd9kq5vGU9ELazEXsAkjPK/uXi3GHB0lMCDyimpOavVgt8Nx6MVt7erZaFrNu3aP0z/3049HKdufMTTNZMb68F0HM6zOn2yRmQpg2Z0JBIRgRmTF/n0oElJ8+7fMvEmMhMV5fJCUlRYETL3jYlJgz7e1neDFz9g/N2b9/qG///jl1Q3NYMdK8nHR2bp87kxNzUvAiiAEztoh53JidUzDBI4zODPvwMH99MATkXv/U9WdPjMFgm5h164iJIYupHuzv9xpJjelpb+/hxQyZTEN1WZi6pqY6XgzOCxOXD6EZWzkTYMR89gv28ouXVAyYCbdJTOwEaMlyQAiXF6WY2lOnDh2q5cTs8Hn2ZZKYsMLC6MLCMNvEBO7du9iimEkTJknErF5tVWLmY+CUF1jmC2g0nxCx3JTtb2rqq+vry+qDddOQssZA1V++aaYgpl7mpTgaxGBcTEiK5abMoyCnoPBxWgqrR359sMkftP84YzIWcz2wg0Lx10vQaO4HCj0KUJhH4f0CVtSk3W+trSGKOXQIVqDl7/bOB6aNKo7jaB5VqiFVQI0G/6CYmJnNzThdBidGXfxLdWInxhj/Rcs0pTiNldQIwz/pakvXtRaRjgmCM8CGVGAbwpx2jrG5KUMREWXMqWS4jIlMnUZ/76735x2v16P1T8zuc+2VqwS3fvL9/d67Pe7kiSkroyWGLiZgObrmpjXqxZCIpWw/iIG7goEYsEP2GMhMh17fClJEMWPYy02iFoRADMeHiEC4c6xhHgHf/OdiJJmRXx9sDH9MY7yY9pVftUSMPE+IqQqgQBUWcxHe1Igxe/q7ugbfeYci5sCBmaXs7HXrvkLoq3XrFqhLjN1WFygywRc5eItXDCQGatgWaDFb9m/ZwieGp/1Jvb4vXypmgvMiahHEAPupYgwyM9GHy+T1wRqCzSubCzgxQHWwHZTg7SK8F8Tg9X7ueqzkTtguUiHm1Tc6jh/veMNrlov5LSM1NeM3tpRJE1PAIIApUJkYu6nIHSgT8pKjIMZAhROTkQHPyOt94jwmN1LGXMX5hJh94GWnqIUQs19tYhCVGbdDHGpZWdqCxfAhoSYmLQ2lpdVjLZg7lcQ8xHLpaz1HHjz+8eHXnueOJYkZS00dYxOTRpSy9xjw8p7aHhMIFLmL7GJi4hNDHy6LkxcQIorhJpc7BS2kmP0qe4xaMUf2bpsY+IQTwyEkBna8mA2//pr76691nJQ7lUsZSGHFZB/OTj/c9vylcEiKOQBwzZ8Ug4D31PaYcE1doCpM9JjTqMQlJjcyeZGJ6QAvUi3mD7dcGBHzu05GomKWdD//2vElhBhK838Ru7joRaL5X0qFSwzYyG6bvqsY7rDNHT4Ue7jcbF6wwNysIjEIU/50OaqpQSLxivk6wg9fC2LEyQspBiaXNaKWd/Yf4/6NneIlcTFgZvFi8AJi0qhE3g+/mPtimHyfLkZIzPPHvQ2+4PHn2UOqmAvSSDHcLnZiEIu7LmCxqhKTT4UXc19EzP79GbwYcfKC+V0QMw1eOC2mV3+4UFj8QHhJVAxJLDFA1YYq4v1YiQFADt4pJOaCuGb+SCRRMfRSJk5eyMRM1oAWtn4Rq1Kwl/9MDEnsxFyKN0ELEN8pmcz/Qow4eYG4SL7/SM1btkj9IsSAl/+JGIBXopyYNF7MjxIlP/7XiYHJC/X7X7Hx9YsU87vufyWGII7EaGhoaGhoaGhoaGho/P94jArcNyXKhK43yoWpc6lE/4Wme6hEX/d1K4c+QjIHe7sT7rrcKFOC5ELf6VKi//r86VSiX+D6uZvo6+7S0/M7P8rrzE+X/X+voUJOhE8XUBCTezJdTErvPymGXPeVqJjCv0dMzjqKGN3SV6KJCe/YEc5Pz85WLQaMRF5uw1sMMbm5V1PFYDN0MS+QWzxiyHVfiYpZ8w8mRqdrXFoTJTGd4WdAzDHYaGIWLYouhuM2LAZR4RKQSRWDzSSemHOoyJYXbQ6y+OISU+dGRXArFIOUaH9fBTE5WMRKQUlTEy9G51yxooYmJi8v7+J8sPLux8dmiqm3GY22elGM4INIjKIY4GQnTQyYSVzMbTzvl4Q7hQOZmI3LVixb9v33k3GJecaKrM+oFoMEjEYkAGJ2r5Ukpa3VJSQGzISW4lYjF7Nj/fod+ekQmQ9nJqYIL7cpZ9w0MWRiUgQWLhS/Zj/odniWMrRbW1UaZEjvIeYwxl7JKIj5fOCnboRsvBrZuq+Nz7lXuNZ/uzG+UrbKZkuRiVG+TyXGwSIRI6XXYOgSxQCtS3GrkZcySAyIOQaBkYupR/XXFK1aZYUXpR5DiqmslInp7jhyJPekG8hanCKaCYX4vSgGvHg8DkYuZvt28VUUs7xz3Nk2MRD0mDzh2/I+uhjEEOu+IDFHVyz7PqSUGCQgF1NoSbEUynpMTDEOxrh1xMg4aGJ+ajUQYprgOQq37KuRiVleUrI8yqjMVn6NG5VbrchGEUNPzM55BsO8nVIxR548p3ZJbu6SX0gxgpnRxsZRbi8V4/Ft2hR0yMS888MP7/Cvgpjl69eP6waavhgY8Aa9KBz+bjmIIdd9dRjmfdf5/e37lBMj0l5mNpfl0IbL6sWgkRFGJoYrZk1+A9AqiBmwewZ0uiEws6KGEFOyY0cJXcwiY/011jVz09Yg4xnkcFkhMTcZDDelzEaMwek0cHtCzPRv09MmeWKOHSNfQUzJxC+Pvw9itg18EQx6mfBtJdW/gJhTpLQZ5v1c7DdsUymmtD2z9OXq9tL4xWAjDvxkJGKqd58KdBg4MmOKyYPEKIm5ZZEghuyp9B5TU1lZM6tSNi8U8vN7UYxxeHp6WF7KmO3bzfwrL+bzX0ug8zudA86gxwOlDL8hF5O5dM/55x/SZ6oU054Dq/fW5bRjMQYqKsTgi3WRYjCZrQbgXnj2UkoZrcfQS1kASllAWspAg7hRE7OQfSTe/B3f2I2zaP5w41KftPmfQrDt0PnXHuqOMY8RKS0rKzNDYOIVAzhWX3bZ6hnN/6eQgceVGav5f5YPD7qYelR1jXuVFTd/SmLUzmOA7GtJZj9c1lGRDpfffjsPXqhiwMyePeBFrZjNOS+/nLOZJkb9cNkBSN7n24tIX6zhMpSyvChiIC/uqvoAE7hGMTGxxNyZCi5SuYcoBrwkLEb9zdSeajtFvZic0urqUq75v0kl+t/3SiqcmF6Xy+Vn4cy0gRjWC32C2bnhu+jnyupXMcQEk5qYGKdkXgMfghfuS8VTMvJzMopi7qECYiioF1Ods7aaE5NOEPuUDF1MXKdkwhv3hSlieNLSYKecGEUxEBeW1D+5B3uoeBLzhSW5BP+6GKAUCtnfLqbDQNKkfBLzu87wd1QxIoqJURYDXijEOO3/34sB/k4xcZ32h0uCdyYqRkNDQ0NDQ0NDQ0ND4//HIipwwWrUrdM1oKJkAnLd19kCSUnXiZwmMvOaK4f0o048wXyCSvQJ6XVSTuOJfu7rJUxz1kskSZhzIojfDFyK0UuYj8G/YFU7WauXM9vrnincJ/SGFAoKYpIDaBs+I1+XLIVc9zVDzMmxxDxaq9+rA+IQs1LcZGLMFSYzVUzzLthl7SpISEzt6PpWvRzyc0hEjKvx/VmKSS5nmnS6ILIkSyDXfUWsDI9FxHyw8gNlMW/qQ434tGxrHGIkXq4jTtebNg0PD5oQOk8CK2ZXM+sla1dCYvb0Thx2wXEt/8AoXPfMuNWBWBz9RoTB70QX0+jq+/Tz6GKqYIFAoIoUk7yGgZtYeZm3iB90ugRWy4Kzh4c5MR/s3r37AwUxj+7R9+mARn9tdDE3UlFITMVgV2tr16YKQoyQGOwlS70YQYAoxt+7rdcv+uL+o2yZVVtxflN+cTsrxuHyT/aDHGbSPwJSHCOTfteIVMzCheS9D/pcjVDP6GIglUUPL3p4LikmxUaYoYtpGQsu4ErZnJbdaHfLnKhiDtT62TLWpx/bFYcYiRdCjGm4FRiuoPWYgl0xegzDyMUc0OOdtMeEWl16KRQx+cWPNUxNHeFK2Va/y2UAKavPWQ1f3wtHBxmpmMpKUowOQuN8nyqmCiEL6+NhiRig0FYByw3sRvH2O+S6L1zFWiaDoCd2YqDrtzpxGQvp37j77uhinuUJ7xu2CAdkYohSVsGJMamr6aQYY38/Q4rZM38PuxPE8BmcswSYwx+Rn8PJ+cU9psOcGDODBmtd/nv3be7r7dvsu9fg8vebiT/PihUyMWxoPl1OEWNDtoiQenAjiAEzq0wDOqfEDLnuC4uRNv8PSik9RihjQzpgr7/2y7vViLGgbhMSzCgkpmITLmWD8lKGqJBiKgY3bjzoIMR8PX8+dvI13l0viAEti1l4NeTnAGKm7b1TbVhMQXNBweCY696OqzHbLnFNfoMKvuLF7IRLWer1sNspiGkcamRDo5MSEWNERZyXubZVc0Ux2IzV5NQ5PVbeDLnu62yOliA/KpsTbVR2QO9q1AGj+rHL71Ylxmpqshut/JHSqMw0ODwMLSYOMSZ7/8HJEboYMjH3PLgYvyx+8B7umPwcTk6f6vAUF7NiXs7K2t7T0+8KbcA86RrLKmCysBiOmqV6YGmNmJjRvaNcaPwGEUGMmyoGeMbqATMmayH/g86ewYKxybOjX5hBmLywxVS/hb/A3CVUxFGZh2n4LOxRMypDZpPZjEjUiWEc/ZtMjIpSNmfxg3PY13sW82JOkXBy8VQPmuYSg7KymMNXvuror3O73XUHt8LYw3wzLwZYiL1A+xcT08eKGSLExCpl2IzR7tQNmFYVysXgOsY1/5YWJTHi5GVIX/vH3WrFNCFvsLwp9jyG4YlDjGPk4CZPhbz5H4CHnihlc94DL5yhB0tFMSLbpnpM08UTrJiCAuSd6ilb/SSI2VjLZGV9hbIIMcBCYlTGljKwI0Fs/kW05s+ZYeyw6tBsS6GKWcCOypTEiJMX/W+gRKUYMBP0NqmY+Z9HRV3zZwYDmzyMfLg8f750uMxVMuGew0vuoYjpCHWnn5XdEWLFQHoreq5809W/b8O+Qbh3vBkiLY7KoJbt3AmVTBTDxaXRmZohQRwuo8DcRXOriOEyz1uMF+7Ly6xJoZSy4DDeK4kRJy/Q9WVi9PCQbEC04XL0BJRSYZNKQT5ctlpnzGMOzZ9/SCKGLlhWyia6Ovq6up4SZv6eb7o8/aHW1snmr/tlo8TKhZCaSkIMxMX5bgYBMcEsl08w5WZIMS2QGHjEEiOZvNxNiAETJMpiTqMy+wtWx57533cf7NhSJohJEZ8pFDGUUzLmVwddfld/1uVlMYbvbFx+z5CheEpGxIKCuOiXS8UM17awcYklRjJ5IcVw6OVinqUi+/kxS1kiYg5BYIjEYB3sTvgythjAsXorWrcAxRCD4/JYRlxigDrkg/tYowAWI46RgdhixMkLKYaXIpYyZTGIyj+RGIAUg03wfqilLLGTmBCXOMUARahBp+tGbqLHqBMjTl5IMTwJJeZfEEPw94v5PTWDJkZDQ0NDQ0NDQ0NDQ+P/h3jJD3Licyom5yS8J95PphJ9YpWd/SqyWm6SkZR0JpWkJN/U/RSSTjwUxXyyeFZiqorKq8otR91uS5HF4ubFZB/bjsqVxey9/8z7zzzz/vtBDLJPaWLkYlK4LSIms30tXK2jdK16MUctlqPlRwPuNW5ruSXAiekBM0RoaGKGvl1fObT+271YDKo4rImhJyaFE7O2JQfsVK9NrJQtezObCA29lN0PaoYgNNzPCYYMMpJOPIjEkKUMyKmeRSnzeL3I0+DzeoNBD/J6PayYoWUhIjR0MXfcAdUMYNdlbQ3YRzUxRGIKbQjZCkUxmWvXwl5VMsCLz9vtsV996xVXXHG119Pg9Znw+7rGkBAakejNH6GR28+1mne8fpWUpBMPxIPF2Apt8BDFtLScql5Mg93X4PVecevExFNX2L3dPnsDK0anY0NDIhMDv1gN3/fII4/Az3Ef9d8Oo4gNy09wMclSIC4QGlFMdfUsxPi8dp/Xc/Wtn2y+9Wq7N2i3ByNi2NCoFlP07DL97c+WI1icI5J04kEXQ7yvVowvaPd5HigBHrD77EGfLy4x6KAr5JqEynjCi0nhN76UxS0GN/7xxvHx8c+9XtDki6uUYTGhgyiolTIeofkritFRYYVV2KH/L3eOjztLvD47jMqE5n8hvfnTxZSPjIwMas0fgiJuHPGKgdoV9JaMj5eM5/mCcCQbLpdV3yqgJAbYPTrvhB8uszPK1zkn/D4lLjFMENx4PB67HXZgJchgMUJcVoKPmGK0CaYAsVwK7+NPTBCGy/agNwgPO75vKpsYIi4xxWinZMjEPA46CDdxiQHACAb8MAzXS4i4xBSjncSkNv/Eegx9tEbEJaYY7bS/hoaGhobGP8xff9MS7Xw+B5wAAAAASUVORK5CYII=);
    background-repeat: no-repeat
}

.react-tel-input .ad {
    background-position: -48px -24px
}

.react-tel-input .ae {
    background-position: -72px -24px
}

.react-tel-input .af {
    background-position: -96px -24px
}

.react-tel-input .ag {
    background-position: -120px -24px
}

.react-tel-input .ai {
    background-position: -144px -24px
}

.react-tel-input .al {
    background-position: -168px -24px
}

.react-tel-input .am {
    background-position: -192px -24px
}

.react-tel-input .an {
    background-position: -216px -24px
}

.react-tel-input .ao {
    background-position: -240px -24px
}

.react-tel-input .aq {
    background-position: -264px -24px
}

.react-tel-input .ar {
    background-position: -288px -24px
}

.react-tel-input .as {
    background-position: -312px -24px
}

.react-tel-input .at {
    background-position: -336px -24px
}

.react-tel-input .au {
    background-position: -360px -24px
}

.react-tel-input .aw {
    background-position: -384px -24px
}

.react-tel-input .ax {
    background-position: 0 -48px
}

.react-tel-input .az {
    background-position: -24px -48px
}

.react-tel-input .ba {
    background-position: -48px -48px
}

.react-tel-input .bb {
    background-position: -72px -48px
}

.react-tel-input .bd {
    background-position: -96px -48px
}

.react-tel-input .be {
    background-position: -120px -48px
}

.react-tel-input .bf {
    background-position: -144px -48px
}

.react-tel-input .bg {
    background-position: -168px -48px
}

.react-tel-input .bh {
    background-position: -192px -48px
}

.react-tel-input .bi {
    background-position: -216px -48px
}

.react-tel-input .bj {
    background-position: -240px -48px
}

.react-tel-input .bl {
    background-position: -264px -48px
}

.react-tel-input .bm {
    background-position: -288px -48px
}

.react-tel-input .bn {
    background-position: -312px -48px
}

.react-tel-input .bo {
    background-position: -336px -48px
}

.react-tel-input .br {
    background-position: -360px -48px
}

.react-tel-input .bs {
    background-position: -384px -48px
}

.react-tel-input .bt {
    background-position: 0 -72px
}

.react-tel-input .bw {
    background-position: -24px -72px
}

.react-tel-input .by {
    background-position: -48px -72px
}

.react-tel-input .bz {
    background-position: -72px -72px
}

.react-tel-input .ca {
    background-position: -96px -72px
}

.react-tel-input .cc {
    background-position: -120px -72px
}

.react-tel-input .cd {
    background-position: -144px -72px
}

.react-tel-input .cf {
    background-position: -168px -72px
}

.react-tel-input .cg {
    background-position: -192px -72px
}

.react-tel-input .ch {
    background-position: -216px -72px
}

.react-tel-input .ci {
    background-position: -240px -72px
}

.react-tel-input .ck {
    background-position: -264px -72px
}

.react-tel-input .cl {
    background-position: -288px -72px
}

.react-tel-input .cm {
    background-position: -312px -72px
}

.react-tel-input .cn {
    background-position: -336px -72px
}

.react-tel-input .co {
    background-position: -360px -72px
}

.react-tel-input .cr {
    background-position: -384px -72px
}

.react-tel-input .cu {
    background-position: 0 -96px
}

.react-tel-input .cv {
    background-position: -24px -96px
}

.react-tel-input .cw {
    background-position: -48px -96px
}

.react-tel-input .cx {
    background-position: -72px -96px
}

.react-tel-input .cy {
    background-position: -96px -96px
}

.react-tel-input .cz {
    background-position: -120px -96px
}

.react-tel-input .de {
    background-position: -144px -96px
}

.react-tel-input .dj {
    background-position: -168px -96px
}

.react-tel-input .dk {
    background-position: -192px -96px
}

.react-tel-input .dm {
    background-position: -216px -96px
}

.react-tel-input .do {
    background-position: -240px -96px
}

.react-tel-input .dz {
    background-position: -264px -96px
}

.react-tel-input .ec {
    background-position: -288px -96px
}

.react-tel-input .ee {
    background-position: -312px -96px
}

.react-tel-input .eg {
    background-position: -336px -96px
}

.react-tel-input .eh {
    background-position: -360px -96px
}

.react-tel-input .er {
    background-position: -384px -96px
}

.react-tel-input .es {
    background-position: 0 -120px
}

.react-tel-input .et {
    background-position: -24px -120px
}

.react-tel-input .eu {
    background-position: -48px -120px
}

.react-tel-input .fi {
    background-position: -72px -120px
}

.react-tel-input .fj {
    background-position: -96px -120px
}

.react-tel-input .fk {
    background-position: -120px -120px
}

.react-tel-input .fm {
    background-position: -144px -120px
}

.react-tel-input .fo {
    background-position: -168px -120px
}

.react-tel-input .fr {
    background-position: -192px -120px
}

.react-tel-input .ga {
    background-position: -216px -120px
}

.react-tel-input .gb {
    background-position: -240px -120px
}

.react-tel-input .gd {
    background-position: -264px -120px
}

.react-tel-input .ge {
    background-position: -288px -120px
}

.react-tel-input .gg {
    background-position: -312px -120px
}

.react-tel-input .gh {
    background-position: -336px -120px
}

.react-tel-input .gi {
    background-position: -360px -120px
}

.react-tel-input .gl {
    background-position: -384px -120px
}

.react-tel-input .gm {
    background-position: 0 -144px
}

.react-tel-input .gn {
    background-position: -24px -144px
}

.react-tel-input .gq {
    background-position: -48px -144px
}

.react-tel-input .gr {
    background-position: -72px -144px
}

.react-tel-input .gs {
    background-position: -96px -144px
}

.react-tel-input .gt {
    background-position: -120px -144px
}

.react-tel-input .gu {
    background-position: -144px -144px
}

.react-tel-input .gw {
    background-position: -168px -144px
}

.react-tel-input .gy {
    background-position: -192px -144px
}

.react-tel-input .hk {
    background-position: -216px -144px
}

.react-tel-input .hn {
    background-position: -240px -144px
}

.react-tel-input .hr {
    background-position: -264px -144px
}

.react-tel-input .ht {
    background-position: -288px -144px
}

.react-tel-input .hu {
    background-position: -312px -144px
}

.react-tel-input .ic {
    background-position: -336px -144px
}

.react-tel-input .id {
    background-position: -360px -144px
}

.react-tel-input .ie {
    background-position: -384px -144px
}

.react-tel-input .il {
    background-position: 0 -168px
}

.react-tel-input .im {
    background-position: -24px -168px
}

.react-tel-input .in {
    background-position: -48px -168px
}

.react-tel-input .iq {
    background-position: -72px -168px
}

.react-tel-input .ir {
    background-position: -96px -168px
}

.react-tel-input .is {
    background-position: -120px -168px
}

.react-tel-input .it {
    background-position: -144px -168px
}

.react-tel-input .je {
    background-position: -168px -168px
}

.react-tel-input .jm {
    background-position: -192px -168px
}

.react-tel-input .jo {
    background-position: -216px -168px
}

.react-tel-input .jp {
    background-position: -240px -168px
}

.react-tel-input .ke {
    background-position: -264px -168px
}

.react-tel-input .kg {
    background-position: -288px -168px
}

.react-tel-input .kh {
    background-position: -312px -168px
}

.react-tel-input .ki {
    background-position: -336px -168px
}

.react-tel-input .km {
    background-position: -360px -168px
}

.react-tel-input .kn {
    background-position: -384px -168px
}

.react-tel-input .kp {
    background-position: 0 -192px
}

.react-tel-input .kr {
    background-position: -24px -192px
}

.react-tel-input .kw {
    background-position: -48px -192px
}

.react-tel-input .ky {
    background-position: -72px -192px
}

.react-tel-input .kz {
    background-position: -96px -192px
}

.react-tel-input .la {
    background-position: -120px -192px
}

.react-tel-input .lb {
    background-position: -144px -192px
}

.react-tel-input .lc {
    background-position: -168px -192px
}

.react-tel-input .li {
    background-position: -192px -192px
}

.react-tel-input .lk {
    background-position: -216px -192px
}

.react-tel-input .lr {
    background-position: -240px -192px
}

.react-tel-input .ls {
    background-position: -264px -192px
}

.react-tel-input .lt {
    background-position: -288px -192px
}

.react-tel-input .lu {
    background-position: -312px -192px
}

.react-tel-input .lv {
    background-position: -336px -192px
}

.react-tel-input .ly {
    background-position: -360px -192px
}

.react-tel-input .ma {
    background-position: -384px -192px
}

.react-tel-input .mc {
    background-position: 0 -216px
}

.react-tel-input .md {
    background-position: -24px -216px
}

.react-tel-input .me {
    background-position: -48px -216px
}

.react-tel-input .mf {
    background-position: -72px -216px
}

.react-tel-input .mg {
    background-position: -96px -216px
}

.react-tel-input .mh {
    background-position: -120px -216px
}

.react-tel-input .mk {
    background-position: -144px -216px
}

.react-tel-input .ml {
    background-position: -168px -216px
}

.react-tel-input .mm {
    background-position: -192px -216px
}

.react-tel-input .mn {
    background-position: -216px -216px
}

.react-tel-input .mo {
    background-position: -240px -216px
}

.react-tel-input .mp {
    background-position: -264px -216px
}

.react-tel-input .mq {
    background-position: -288px -216px
}

.react-tel-input .mr {
    background-position: -312px -216px
}

.react-tel-input .ms {
    background-position: -336px -216px
}

.react-tel-input .mt {
    background-position: -360px -216px
}

.react-tel-input .mu {
    background-position: -384px -216px
}

.react-tel-input .mv {
    background-position: 0 -240px
}

.react-tel-input .mw {
    background-position: -24px -240px
}

.react-tel-input .mx {
    background-position: -48px -240px
}

.react-tel-input .my {
    background-position: -72px -240px
}

.react-tel-input .mz {
    background-position: -96px -240px
}

.react-tel-input .na {
    background-position: -120px -240px
}

.react-tel-input .nc {
    background-position: -144px -240px
}

.react-tel-input .ne {
    background-position: -168px -240px
}

.react-tel-input .nf {
    background-position: -192px -240px
}

.react-tel-input .ng {
    background-position: -216px -240px
}

.react-tel-input .ni {
    background-position: -240px -240px
}

.react-tel-input .nl {
    background-position: -264px -240px
}

.react-tel-input .no {
    background-position: -288px -240px
}

.react-tel-input .np {
    background-position: -312px -240px
}

.react-tel-input .nr {
    background-position: -336px -240px
}

.react-tel-input .nu {
    background-position: -360px -240px
}

.react-tel-input .nz {
    background-position: -384px -240px
}

.react-tel-input .om {
    background-position: 0 -264px
}

.react-tel-input .pa {
    background-position: -24px -264px
}

.react-tel-input .pe {
    background-position: -48px -264px
}

.react-tel-input .pf {
    background-position: -72px -264px
}

.react-tel-input .pg {
    background-position: -96px -264px
}

.react-tel-input .ph {
    background-position: -120px -264px
}

.react-tel-input .pk {
    background-position: -192px -264px
}

.react-tel-input .pl {
    background-position: -216px -264px
}

.react-tel-input .pn {
    background-position: -240px -264px
}

.react-tel-input .pr {
    background-position: -264px -264px
}

.react-tel-input .ps {
    background-position: -288px -264px
}

.react-tel-input .pt {
    background-position: -312px -264px
}

.react-tel-input .pw {
    background-position: -336px -264px
}

.react-tel-input .py {
    background-position: -360px -264px
}

.react-tel-input .qa {
    background-position: -384px -264px
}

.react-tel-input .ro {
    background-position: 0 -288px
}

.react-tel-input .rs {
    background-position: -24px -288px
}

.react-tel-input .ru {
    background-position: -48px -288px
}

.react-tel-input .rw {
    background-position: -72px -288px
}

.react-tel-input .sa {
    background-position: -96px -288px
}

.react-tel-input .sb {
    background-position: -120px -288px
}

.react-tel-input .sc {
    background-position: -144px -288px
}

.react-tel-input .sd {
    background-position: -168px -288px
}

.react-tel-input .se {
    background-position: -192px -288px
}

.react-tel-input .sg {
    background-position: -216px -288px
}

.react-tel-input .sh {
    background-position: -240px -288px
}

.react-tel-input .si {
    background-position: -264px -288px
}

.react-tel-input .sk {
    background-position: -288px -288px
}

.react-tel-input .sl {
    background-position: -312px -288px
}

.react-tel-input .sm {
    background-position: -336px -288px
}

.react-tel-input .sn {
    background-position: -360px -288px
}

.react-tel-input .so {
    background-position: -384px -288px
}

.react-tel-input .sr {
    background-position: 0 -312px
}

.react-tel-input .ss {
    background-position: -24px -312px
}

.react-tel-input .st {
    background-position: -48px -312px
}

.react-tel-input .sv {
    background-position: -72px -312px
}

.react-tel-input .sy {
    background-position: -96px -312px
}

.react-tel-input .sz {
    background-position: -120px -312px
}

.react-tel-input .tc {
    background-position: -144px -312px
}

.react-tel-input .td {
    background-position: -168px -312px
}

.react-tel-input .tf {
    background-position: -192px -312px
}

.react-tel-input .tg {
    background-position: -216px -312px
}

.react-tel-input .th {
    background-position: -240px -312px
}

.react-tel-input .tj {
    background-position: -264px -312px
}

.react-tel-input .tk {
    background-position: -288px -312px
}

.react-tel-input .tl {
    background-position: -312px -312px
}

.react-tel-input .tm {
    background-position: -336px -312px
}

.react-tel-input .tn {
    background-position: -360px -312px
}

.react-tel-input .to {
    background-position: -384px -312px
}

.react-tel-input .tr {
    background-position: 0 -336px
}

.react-tel-input .tt {
    background-position: -24px -336px
}

.react-tel-input .tv {
    background-position: -48px -336px
}

.react-tel-input .tw {
    background-position: -72px -336px
}

.react-tel-input .tz {
    background-position: -96px -336px
}

.react-tel-input .ua {
    background-position: -120px -336px
}

.react-tel-input .ug {
    background-position: -144px -336px
}

.react-tel-input .us {
    background-position: -168px -336px
}

.react-tel-input .uy {
    background-position: -192px -336px
}

.react-tel-input .uz {
    background-position: -216px -336px
}

.react-tel-input .va {
    background-position: -240px -336px
}

.react-tel-input .vc {
    background-position: -264px -336px
}

.react-tel-input .ve {
    background-position: -288px -336px
}

.react-tel-input .vg {
    background-position: -312px -336px
}

.react-tel-input .vi {
    background-position: -336px -336px
}

.react-tel-input .vn {
    background-position: -360px -336px
}

.react-tel-input .vu {
    background-position: -384px -336px
}

.react-tel-input .wf {
    background-position: 0 -360px
}

.react-tel-input .ws {
    background-position: -24px -360px
}

.react-tel-input .ye {
    background-position: -48px -360px
}

.react-tel-input .za {
    background-position: -96px -360px
}

.react-tel-input .zm {
    background-position: -120px -360px
}

.react-tel-input .zw {
    background-position: -144px -360px
}

.react-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.react-tel-input .hide {
    display: none
}

.react-tel-input .v-hide {
    visibility: hidden
}

.react-tel-input .form-control {
    font-size: 16px;
    background: #FFFFFF;
    border: 1px solid #CACACA;
    border-radius: 5px;
    width: 300px;
    outline: none;
    padding: 18.5px 14px 18.5px 58px;
    transition: box-shadow ease .25s, border-color ease .25s;
    padding-top: 10.5px;
    padding-bottom: 10.5px;
}

.react-tel-input .form-control:hover {
    border-color: #000
}

.react-tel-input .form-control:focus {
    border-color: #1976d2;
    box-shadow: 0 0 0 1px #1976d2
}

.react-tel-input .form-control:focus+div:before {
    color: #1976d2
}

.react-tel-input .form-control.invalid-number {
    border: 1px solid #f44336
}

.react-tel-input .form-control.invalid-number:focus {
    box-shadow: 0 0 0 1px #f44336
}

.react-tel-input .form-control.invalid-number+div:before {
    content: 'Error';
    display: none;
    color: #f44336;
    width: 27px
}

.react-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    border-radius: 3px 0 0 3px;
    display: none;
}

.react-tel-input .flag-dropdown:hover,
.react-tel-input .flag-dropdown:focus {
    cursor: pointer
}

.react-tel-input .flag-dropdown.open {
    z-index: 2
}

.react-tel-input input[disabled]+.flag-dropdown:hover {
    cursor: default;
    border-color: #CACACA
}

.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag {
    background-color: transparent
}

.react-tel-input .selected-flag {
    outline: none;
    position: relative;
    width: 52px;
    height: 100%;
    padding: 0 0 0 11px;
    border-radius: 3px 0 0 3px
}

.react-tel-input .selected-flag:focus .arrow {
    border-left-width: 4px;
    border-right-width: 4px;
    border-top: 5px solid #1976d2
}

.react-tel-input .selected-flag .flag {
    position: absolute;
    top: 50%;
    margin-top: -12px
}

.react-tel-input .selected-flag .arrow {
    position: relative;
    top: 50%;
    margin-top: -1px;
    left: 29px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.react-tel-input .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.react-tel-input .country-list {
    outline: none;
    z-index: 1;
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 10px 0 10px -1px;
    box-shadow: 1px 2px 18px rgba(0, 0, 0, 0.25);
    background-color: white;
    width: 300px;
    max-height: 220px;
    overflow-y: scroll;
    border-radius: 7px
}

.react-tel-input .country-list .flag {
    display: inline-block;
    position: absolute;
    left: 13px;
    top: 8px
}

.react-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.react-tel-input .country-list .country {
    position: relative;
    padding: 12px 9px 13px 46px
}

.react-tel-input .country-list .country .dial-code {
    color: #6b6b6b
}

.react-tel-input .country-list .country:hover {
    background-color: #f1f1f1
}

.react-tel-input .country-list .country.highlight {
    background-color: #f1f1f1
}

.react-tel-input .country-list .flag {
    margin-right: 7px;
    margin-top: 2px
}

.react-tel-input .country-list .country-name {
    margin-right: 6px
}

.react-tel-input .country-list .search {
    z-index: 2;
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: 10px 0 6px 10px
}

.react-tel-input .country-list .search-emoji {
    display: none;
    font-size: 15px
}

.react-tel-input .country-list .search-box {
    border: 1px solid #cacaca;
    border-radius: 3px;
    font-size: 15px;
    line-height: 15px;
    margin-left: 6px;
    padding: 3px 8px 5px;
    outline: none
}

.react-tel-input .country-list .search-box:hover {
    border-color: #505050
}

.react-tel-input .country-list .no-entries-message {
    padding: 7px 10px 11px;
    opacity: .7
}

.react-tel-input .invalid-number-message {
    position: absolute;
    z-index: 1;
    font-size: 13px;
    left: 25px;
    top: -7px;
    background: #fff;
    padding: 0 5px;
    color: #de0000
}

.react-tel-input .special-label {
    position: absolute;
    z-index: 1;
    top: -7px;
    left: 25px;
    display: block;
    background: white;
    padding: 0 5px;
    font-size: 13px;
    white-space: nowrap;
    display: none;
}
/* Apple-Inspired Email Builder - Clean, Minimal Design */

.email-builder-container {
  min-height: 100vh;
  background: var(--admin-bg-primary);
}

.email-builder-header {
  background: var(--admin-header-glass-bg, rgba(255, 255, 255, 0.8));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--admin-border-light);
  padding: 2rem 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 100;
}

.header-content h1 {
  font-size: 2rem;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 0.25rem 0;
  letter-spacing: -0.025em;
}

.header-content p {
  color: var(--admin-text-secondary);
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 400;
}

.btn-refresh {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 12px;
  background: transparent;
  color: #007AFF;
  font-size: 0.9375rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn-refresh:hover:not(:disabled) {
  background: rgba(0, 122, 255, 0.08);
}

.btn-refresh:active:not(:disabled) {
  transform: scale(0.96);
}

.btn-refresh:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.btn-refresh .material-symbols-rounded {
  font-size: 1.125rem;
}

.email-builder-layout {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 0;
  height: calc(100vh - 120px);
  padding: 2rem;
  padding-top: 1rem;
}

.templates-sidebar {
  background: var(--admin-card-bg);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: var(--admin-shadow-sm);
  margin-right: 2rem;
}

.sidebar-header {
  padding: 1.75rem 1.75rem 1.5rem;
  border-bottom: 1px solid var(--admin-border-light);
}

.sidebar-header h2 {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 1.25rem 0;
  letter-spacing: -0.015em;
}

.search-box {
  position: relative;
  margin-bottom: 1rem;
}

.search-box .material-symbols-rounded {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--admin-text-secondary);
  font-size: 1.125rem;
  pointer-events: none;
}

.search-box input {
  width: 100%;
  padding: 0.625rem 0.75rem 0.625rem 2.75rem;
  border: 1px solid var(--admin-border-light);
  border-radius: 10px;
  font-size: 0.9375rem;
  background: var(--admin-bg-secondary);
  color: var(--admin-text-primary);
  transition: all 0.2s ease;
}

.search-box input:focus {
  outline: none;
  background: var(--admin-card-bg);
  border-color: var(--admin-accent-primary);
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1);
}

.search-box input::-moz-placeholder {
  color: var(--admin-text-secondary);
}

.search-box input::placeholder {
  color: var(--admin-text-secondary);
}

.category-filter {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.category-filter label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--admin-text-secondary);
  margin: 0;
}

.category-filter select {
  flex: 1;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  font-size: 0.875rem;
  background: var(--admin-bg-secondary);
  color: var(--admin-text-primary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.category-filter select:focus {
  outline: none;
  background: var(--admin-card-bg);
  border-color: var(--admin-accent-primary);
}

.templates-list {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem 1rem 1rem;
}

.templates-list::-webkit-scrollbar {
  width: 6px;
}

.templates-list::-webkit-scrollbar-track {
  background: transparent;
}

.templates-list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.templates-list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.15);
}

.template-item {
  width: 100%;
  background: var(--admin-card-bg);
  border: none;
  border-radius: 10px;
  padding: 1rem 1.125rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: left;
  position: relative;
}

.template-item:hover {
  background: var(--admin-bg-hover);
}

.template-item.active {
  background: rgba(0, 122, 255, 0.08);
}

.template-item.customized::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: #007AFF;
  border-radius: 50%;
}

.template-item-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.375rem;
}

.template-item-header .material-symbols-rounded {
  color: var(--admin-text-secondary);
  font-size: 1.125rem;
}

.template-item.active .template-item-header .material-symbols-rounded {
  color: var(--admin-accent-primary);
}

.template-name {
  font-weight: 500;
  color: var(--admin-text-primary);
  font-size: 0.9375rem;
  letter-spacing: -0.01em;
}

.template-item-footer {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 2rem;
}

.template-category,
.stage-badge {
  font-size: 0.75rem;
  color: var(--admin-text-secondary);
  font-weight: 400;
}

.stage-badge::before {
  content: '•';
  margin-right: 0.375rem;
}

.customized-badge {
  display: none;
}

.loading-state,
.empty-templates {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
}

.spinner {
  width: 32px;
  height: 32px;
  border: 2px solid rgba(0, 0, 0, 0.06);
  border-top-color: #007AFF;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
  margin-bottom: 1rem;
}

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

.loading-state p,
.empty-templates p {
  color: var(--admin-text-secondary);
  font-size: 0.9375rem;
  margin: 0;
}

.empty-templates .material-symbols-rounded {
  font-size: 3rem;
  color: var(--admin-border-medium);
  margin-bottom: 0.75rem;
}

.error-banner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: rgba(255, 59, 48, 0.08);
  border: 1px solid rgba(255, 59, 48, 0.15);
  color: #ff3b30;
  padding: 1rem 1.5rem;
  margin: 0 2rem 1rem;
  border-radius: 12px;
}

.error-banner .material-symbols-rounded:first-child {
  font-size: 1.25rem;
}

.error-banner span:nth-child(2) {
  flex: 1;
  font-size: 0.9375rem;
  font-weight: 500;
}

.close-error {
  background: none;
  border: none;
  padding: 0.25rem;
  cursor: pointer;
  color: #ff3b30;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

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

.close-error .material-symbols-rounded {
  font-size: 1.125rem;
}

.template-editor {
  background: var(--admin-card-bg);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: var(--admin-shadow-sm);
}

.editor-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid var(--admin-border-light);
}

.toolbar-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.toolbar-left h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.02em;
}

.category-badge,
.stage-badge-large {
  font-size: 0.8125rem;
  color: var(--admin-text-secondary);
  background: transparent;
  padding: 0;
  border-radius: 0;
  font-weight: 400;
}

.stage-badge-large {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.stage-badge-large .material-symbols-rounded {
  font-size: 1rem;
  color: var(--admin-text-secondary);
}

.email-builder-container .status-badge {
  display: none;
}

.toolbar-right {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.btn-toolbar {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: #007AFF;
  font-size: 0.9375rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.btn-toolbar:hover {
  background: rgba(0, 122, 255, 0.08);
}

.btn-toolbar:active {
  transform: scale(0.96);
}

.btn-toolbar .material-symbols-rounded {
  font-size: 1.125rem;
}

.btn-toolbar.btn-primary {
  background: #007AFF;
  color: white;
}

.btn-toolbar.btn-primary:hover {
  background: #0051d5;
}

.btn-toolbar.btn-success {
  background: #007AFF;
  color: white;
}

.btn-toolbar.btn-success:hover {
  background: #0051d5;
}

.btn-toolbar.btn-reset {
  color: #ff3b30;
}

.btn-toolbar.btn-reset:hover {
  background: rgba(255, 59, 48, 0.08);
}

.btn-toolbar:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.editor-content {
  flex: 1;
  overflow-y: auto;
  padding: 2.5rem 2.5rem 3rem;
}

.editor-content::-webkit-scrollbar {
  width: 8px;
}

.editor-content::-webkit-scrollbar-track {
  background: transparent;
}

.editor-content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.editor-content::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.15);
}

.form-group {
  margin-bottom: 2rem;
}

.form-group label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin-bottom: 0.625rem;
  letter-spacing: -0.01em;
}

.form-control {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--admin-border-light);
  border-radius: 10px;
  font-size: 0.9375rem;
  background: var(--admin-bg-secondary);
  color: var(--admin-text-primary);
  transition: all 0.2s ease;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;
}

.form-control:focus {
  outline: none;
  background: var(--admin-card-bg);
  border-color: var(--admin-accent-primary);
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1);
}

.form-control:disabled {
  background: var(--admin-bg-secondary);
  color: var(--admin-text-primary);
  cursor: not-allowed;
  opacity: 0.6;
}

.form-text {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  color: var(--admin-text-secondary);
  line-height: 1.5;
}

.email-body-editor {
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.6;
  resize: vertical;
  min-height: 400px;
}

.editor-mode-toggle {
  display: inline-flex;
  gap: 0.25rem;
  border: 1px solid var(--admin-border-light);
  border-radius: 10px;
  padding: 0.25rem;
  background: var(--admin-bg-secondary);
  margin-bottom: 0.75rem;
}

.editor-mode-toggle .toggle-btn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.875rem;
  background: transparent;
  border: none;
  border-radius: 7px;
  color: var(--admin-text-secondary);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.editor-mode-toggle .toggle-btn:hover:not(:disabled) {
  color: var(--admin-text-primary);
}

.editor-mode-toggle .toggle-btn.active {
  background: var(--admin-card-bg);
  color: var(--admin-text-primary);
  box-shadow: var(--admin-shadow-sm);
}

.editor-mode-toggle .toggle-btn:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.editor-mode-toggle .toggle-btn .material-symbols-rounded {
  font-size: 1rem;
}

.email-body-editor.text-mode {
  background: var(--admin-bg-secondary);
}

.email-body-editor.text-mode:focus {
  background: var(--admin-card-bg);
}

.email-body-editor.html-mode {
  font-family: 'SF Mono', 'Monaco', 'Menlo', 'Consolas', monospace;
  background: #1e1e1e;
  color: #d4d4d4;
  border: 1px solid #3e3e3e;
}

.email-body-editor.html-mode:focus {
  border-color: #007AFF;
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.15);
}

.variables-info {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid var(--admin-border-light);
}

.variables-info h4 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 0.75rem 0;
  letter-spacing: -0.01em;
}

.variables-info h4 .material-symbols-rounded {
  color: var(--admin-text-secondary);
  font-size: 1.125rem;
}

.variables-info > p {
  color: var(--admin-text-secondary);
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  line-height: 1.5;
}

.variables-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.variable-tag {
  display: inline-block;
  background: rgba(0, 122, 255, 0.08);
  color: #007AFF;
  border: none;
  padding: 0.375rem 0.75rem;
  border-radius: 8px;
  font-size: 0.8125rem;
  font-family: 'SF Mono', 'Monaco', 'Menlo', monospace;
  font-weight: 500;
}

.no-variables {
  color: var(--admin-text-secondary);
  font-size: 0.875rem;
  margin: 0;
}

.no-variables code {
  background: rgba(0, 122, 255, 0.08);
  color: #007AFF;
  border: none;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.8125rem;
  font-family: 'SF Mono', 'Monaco', 'Menlo', monospace;
}

.template-stats {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid var(--admin-border-light);
}

.template-stats h4 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 1rem 0;
  letter-spacing: -0.01em;
}

.template-stats h4 .material-symbols-rounded {
  color: var(--admin-text-secondary);
  font-size: 1.125rem;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1.5rem;
}

.stat-item {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.stat-label {
  font-size: 0.8125rem;
  color: var(--admin-text-secondary);
  font-weight: 400;
}

.stat-value {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--admin-text-primary);
  letter-spacing: -0.02em;
}

.preview-variable {
  background: rgba(255, 204, 0, 0.15);
  color: #b8860b;
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  font-weight: 500;
  font-family: 'SF Mono', 'Monaco', 'Menlo', monospace;
  font-size: 0.875rem;
}

.preview-content {
  flex: 1;
  overflow-y: auto;
  padding: 2.5rem;
  background: var(--admin-bg-secondary);
}

.email-preview {
  max-width: 700px;
  margin: 0 auto;
}

.preview-header {
  margin-bottom: 2rem;
}

.preview-header h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 0.5rem 0;
  letter-spacing: -0.02em;
}

.preview-header p {
  color: var(--admin-text-secondary);
  font-size: 0.875rem;
  margin: 0;
}

.preview-email {
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 16px;
  padding: 2.5rem;
  box-shadow: var(--admin-shadow-sm);
}

.preview-subject {
  font-size: 1rem;
  color: var(--admin-text-primary);
  margin-bottom: 1.5rem;
}

.preview-subject strong {
  font-weight: 600;
}

.preview-divider {
  height: 1px;
  background: var(--admin-border-light);
  margin: 2rem 0;
}

.preview-body {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--admin-text-primary);
}

.preview-body p {
  margin: 0 0 1rem 0;
}

.preview-body ul,
.preview-body ol {
  margin: 0 0 1rem 0;
  padding-left: 1.5rem;
}

.preview-body li {
  margin-bottom: 0.5rem;
}

.preview-body a {
  color: #007AFF;
  text-decoration: none;
}

.preview-body a:hover {
  text-decoration: underline;
}

.preview-body strong {
  font-weight: 600;
  color: var(--admin-text-primary);
}

.empty-state {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
}

.empty-state .material-symbols-rounded {
  font-size: 4rem;
  color: var(--admin-border-medium);
  margin-bottom: 1.5rem;
}

.empty-state h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 0.5rem 0;
  letter-spacing: -0.02em;
}

.empty-state p {
  font-size: 0.9375rem;
  color: var(--admin-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.empty-state-hint {
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

@media (max-width: 1200px) {
  .email-builder-layout {
    grid-template-columns: 300px 1fr;
  }
}

@media (max-width: 1024px) {
  .email-builder-layout {
    grid-template-columns: 280px 1fr;
  }

  .templates-sidebar {
    margin-right: 1.5rem;
  }
}

@media (max-width: 768px) {
  .email-builder-header {
    padding: 1.5rem;
  }

  .email-builder-layout {
    grid-template-columns: 1fr;
    height: auto;
    padding: 1rem;
  }

  .templates-sidebar {
    height: 400px;
    margin-right: 0;
    margin-bottom: 1rem;
  }

  .editor-toolbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .toolbar-left,
  .toolbar-right {
    width: 100%;
  }

  .toolbar-right {
    flex-wrap: wrap;
  }

  .editor-content,
  .preview-content {
    padding: 1.5rem;
  }

  .editor-mode-toggle {
    width: 100%;
  }

  .editor-mode-toggle .toggle-btn {
    flex: 1;
    justify-content: center;
  }
}

.uEJi5FjkLdr39S7TG896 {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}

.Gn78AOSVqIoCoG4woZ65 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid var(--admin-border-light, #e2e8f0);
  border-radius: 8px;
  background-color: var(--admin-card-bg, #ffffff);
  color: var(--admin-text-secondary, #64748b);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms ease;
}

.Gn78AOSVqIoCoG4woZ65:hover {
  background-color: var(--admin-bg-hover, #f8f9fa);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-text-primary, #1e293b);
}

.Gn78AOSVqIoCoG4woZ65.v0NR1kx4Zcus9qTCBNEy {
  background-color: var(--admin-accent-primary, #3b82f6);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: #ffffff;
}

.Gn78AOSVqIoCoG4woZ65 span {
  font-size: 20px;
}

.Gn78AOSVqIoCoG4woZ65.v0NR1kx4Zcus9qTCBNEy span {
  color: #ffffff;
}

.MrGbKPmU5s5E8b98BISV {
  display: flex;
  gap: 12px;
}

.cvQeP1NNfCcdTHvFc56K {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border: 2px solid var(--admin-border-light, #e2e8f0);
  border-radius: 10px;
  background-color: var(--admin-card-bg, #ffffff);
  color: var(--admin-text-secondary, #64748b);
  cursor: pointer;
  transition: all 150ms ease;
  text-align: left;
}

.cvQeP1NNfCcdTHvFc56K:hover {
  background-color: var(--admin-bg-hover, #f8f9fa);
  border-color: var(--admin-accent-primary, #3b82f6);
}

.cvQeP1NNfCcdTHvFc56K.v0NR1kx4Zcus9qTCBNEy {
  background-color: rgba(59, 130, 246, 0.08);
  border-color: var(--admin-accent-primary, #3b82f6);
}

.cvQeP1NNfCcdTHvFc56K > .gltAWoYlqMljiD03jc4o {
  font-size: 28px;
  color: var(--admin-text-secondary, #64748b);
  flex-shrink: 0;
}

.cvQeP1NNfCcdTHvFc56K.v0NR1kx4Zcus9qTCBNEy > .gltAWoYlqMljiD03jc4o {
  color: var(--admin-accent-primary, #3b82f6);
}

.ggzltK_GQquDIU_E333B {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.Ki2jQZClJlK8AfSVNjgD {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary, #1e293b);
}

.d2z9niMclQJDCnE6dIZv {
  font-size: 12px;
  font-weight: 400;
  color: var(--admin-text-secondary, #64748b);
  line-height: 1.4;
}

@media (max-width: 600px) {
  .MrGbKPmU5s5E8b98BISV {
    flex-direction: column;
  }
}

/* Settings Page - Refined Industrial Design */
/* Uses admin-colors.css CSS variables for light/dark theming */

/* ============================================ */
/* NAVIGATION */
/* ============================================ */

.settings-nav {
  display: flex;
  gap: 4px;
  padding: 6px;
  background: var(--admin-bg-secondary);
  border-radius: 12px;
  border: 1px solid var(--admin-border-light);
  margin-bottom: 32px;
  overflow-x: auto;
  scrollbar-width: none;
}

.settings-nav::-webkit-scrollbar {
  display: none;
}

.settings-nav-item {
  flex: 1;
  min-width: 140px;
}

.settings-nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 20px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  text-decoration: none;
  white-space: nowrap;
}

.settings-nav-link .nav-icon {
  font-size: 18px;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.settings-nav-link:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.settings-nav-link:hover .nav-icon {
  opacity: 1;
}

.settings-nav-link.active {
  background: var(--admin-accent-primary);
  color: #ffffff;
  box-shadow: 0 2px 8px var(--admin-shadow-md);
}

.settings-nav-link.active .nav-icon {
  opacity: 1;
}

/* ============================================ */
/* SETTINGS CARDS */
/* ============================================ */

.settings-card {
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-card-border);
  border-radius: 16px;
  margin-bottom: 24px;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.settings-card:hover {
  border-color: var(--admin-border-medium);
}

.settings-card-header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 24px 28px;
  border-bottom: 1px solid var(--admin-border-light);
  background: var(--admin-bg-secondary);
}

.settings-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--admin-accent-primary), var(--admin-btn-primary-hover));
  color: #ffffff;
  font-size: 20px;
  flex-shrink: 0;
}

.settings-card-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.01em;
}

.settings-card-subtitle {
  font-size: 13px;
  color: var(--admin-text-tertiary);
  margin-top: 2px;
}

.settings-card-body {
  padding: 28px;
}

/* ============================================ */
/* FORM ELEMENTS */
/* ============================================ */

.settings-form-group {
  margin-bottom: 24px;
}

.settings-form-group:last-child {
  margin-bottom: 0;
}

.settings-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin-bottom: 8px;
  letter-spacing: 0.01em;
}

.settings-input,
.settings-select {
  width: 100%;
  padding: 12px 16px;
  background: var(--admin-input-bg);
  border: 1px solid var(--admin-input-border);
  border-radius: 10px;
  color: var(--admin-text-primary);
  font-size: 14px;
  transition: all 0.2s ease;
}

.settings-input::-moz-placeholder {
  color: var(--admin-input-placeholder);
}

.settings-input::placeholder {
  color: var(--admin-input-placeholder);
}

.settings-input:focus,
.settings-select:focus {
  outline: none;
  border-color: var(--admin-input-focus-border);
  box-shadow: 0 0 0 3px var(--admin-input-focus-shadow);
}

.settings-input:disabled,
.settings-select:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.settings-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%2394a3b8%27 d=%27M2 4l4 4 4-4%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}

.settings-help-text {
  font-size: 12px;
  color: var(--admin-text-tertiary);
  margin-top: 6px;
  line-height: 1.5;
}

/* ============================================ */
/* TOGGLE SWITCH */
/* ============================================ */

.settings-toggle {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid var(--admin-border-light);
}

.settings-toggle:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.settings-toggle:first-child {
  padding-top: 0;
}

.settings-toggle-switch {
  position: relative;
  width: 48px;
  height: 26px;
  flex-shrink: 0;
}

.settings-toggle-input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}

.settings-toggle-slider {
  position: absolute;
  inset: 0;
  background: var(--admin-border-medium);
  border-radius: 26px;
  transition: all 0.2s ease;
}

.settings-toggle-slider::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 50%;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 3px var(--admin-shadow-md);
}

.settings-toggle-input:checked + .settings-toggle-slider {
  background: var(--admin-accent-primary);
}

.settings-toggle-input:checked + .settings-toggle-slider::before {
  transform: translateX(22px);
}

.settings-toggle-input:focus + .settings-toggle-slider {
  box-shadow: 0 0 0 3px var(--admin-input-focus-shadow);
}

.settings-toggle-input:disabled + .settings-toggle-slider {
  opacity: 0.5;
  cursor: not-allowed;
}

.settings-toggle-content {
  flex: 1;
  min-width: 0;
}

.settings-toggle-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
  margin-bottom: 4px;
}

.settings-toggle-description {
  font-size: 13px;
  color: var(--admin-text-tertiary);
  line-height: 1.5;
}

/* ============================================ */
/* THEME SELECTOR */
/* ============================================ */

.theme-selector {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.theme-option {
  flex: 1;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 20px;
  background: var(--admin-bg-secondary);
  border: 2px solid var(--admin-border-light);
  border-radius: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.theme-option:hover {
  border-color: var(--admin-border-medium);
  background: var(--admin-bg-hover);
}

.theme-option.active {
  border-color: var(--admin-accent-primary);
  background: var(--admin-btn-outline-primary-bg);
}

.theme-option.active .theme-option-icon {
  color: var(--admin-accent-primary);
}

.theme-option.active .theme-option-label {
  color: var(--admin-accent-primary);
}

.theme-option-icon {
  font-size: 28px;
  color: var(--admin-text-secondary);
  transition: color 0.2s ease;
}

.theme-option-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  transition: color 0.2s ease;
}

/* ============================================ */
/* PROFILE PHOTO SECTION */
/* ============================================ */

.profile-photo-section {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 8px 0;
}

.profile-photo-container {
  position: relative;
  width: 120px;
  height: 120px;
  flex-shrink: 0;
}

.profile-photo {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 4px solid var(--admin-border-light);
  transition: border-color 0.2s ease;
}

.profile-photo:hover {
  border-color: var(--admin-accent-primary);
}

.profile-photo-placeholder {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--admin-bg-tertiary);
  border: 4px solid var(--admin-border-light);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--admin-text-tertiary);
  font-size: 48px;
}

.profile-photo-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.profile-photo-info {
  font-size: 13px;
  color: var(--admin-text-tertiary);
  line-height: 1.5;
}

/* ============================================ */
/* BUTTONS */
/* ============================================ */

.settings-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}

.settings-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.settings-btn-primary {
  background: var(--admin-btn-primary-bg);
  color: #ffffff;
}

.settings-btn-primary:hover:not(:disabled) {
  background: var(--admin-btn-primary-hover);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px var(--admin-shadow-md);
}

.settings-btn-secondary {
  background: var(--admin-btn-secondary-bg);
  color: #ffffff;
}

.settings-btn-secondary:hover:not(:disabled) {
  background: var(--admin-btn-secondary-hover);
}

.settings-btn-outline {
  background: transparent;
  border: 1px solid var(--admin-btn-outline-primary-border);
  color: var(--admin-btn-outline-primary-text);
}

.settings-btn-outline:hover:not(:disabled) {
  background: var(--admin-btn-outline-primary-bg-hover);
}

.settings-btn-sm {
  padding: 8px 16px;
  font-size: 13px;
}

/* ============================================ */
/* GRID LAYOUT */
/* ============================================ */

.settings-grid {
  display: grid;
  gap: 20px;
}

.settings-grid.cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

/* ============================================ */
/* QUICK ACTIONS LIST */
/* ============================================ */

.quick-actions-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.quick-action-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: var(--admin-bg-secondary);
  border-radius: 10px;
  transition: background 0.2s ease;
}

.quick-action-item:hover {
  background: var(--admin-bg-hover);
}

.quick-action-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--admin-btn-outline-primary-bg);
  border-radius: 8px;
  color: var(--admin-accent-primary);
  font-size: 16px;
  flex-shrink: 0;
}

.quick-action-content {
  flex: 1;
  min-width: 0;
}

.quick-action-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
}

.quick-action-description {
  font-size: 12px;
  color: var(--admin-text-tertiary);
  margin-top: 2px;
}

.quick-action-toggle {
  flex-shrink: 0;
}

.quick-action-item.enabled {
  background: var(--admin-btn-outline-primary-bg);
  border: 1px solid var(--admin-btn-outline-primary-border);
}

.quick-action-item.enabled .quick-action-icon {
  background: var(--admin-accent-primary);
  color: #ffffff;
}

/* ============================================ */
/* INFO BOX */
/* ============================================ */

.settings-info-box {
  display: flex;
  gap: 14px;
  padding: 18px 20px;
  background: var(--admin-btn-outline-primary-bg);
  border: 1px solid var(--admin-btn-outline-primary-border);
  border-radius: 12px;
  margin-top: 20px;
}

.settings-info-box.warning {
  background: var(--admin-alert-warning-bg);
  border-color: var(--admin-alert-warning-border);
}

.settings-info-box.warning .settings-info-icon {
  color: var(--admin-alert-warning-icon);
}

.settings-info-box.warning .settings-info-text {
  color: var(--admin-alert-warning-text);
}

.settings-info-icon {
  color: var(--admin-accent-primary);
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}

.settings-info-text {
  font-size: 13px;
  color: var(--admin-text-secondary);
  line-height: 1.6;
}

.settings-info-text strong {
  color: var(--admin-text-primary);
  font-weight: 600;
}

.settings-info-text ul {
  margin: 8px 0 0 0;
  padding-left: 18px;
}

.settings-info-text li {
  margin-bottom: 4px;
}

/* ============================================ */
/* WARNING BOX */
/* ============================================ */

.settings-warning-box {
  display: flex;
  gap: 14px;
  padding: 18px 20px;
  background: var(--admin-alert-warning-bg);
  border: 1px solid var(--admin-alert-warning-border);
  border-radius: 12px;
  margin-top: 20px;
}

.settings-warning-box > .material-symbols-rounded {
  color: var(--admin-alert-warning-icon);
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}

.settings-warning-box > div {
  font-size: 13px;
  color: var(--admin-text-secondary);
  line-height: 1.6;
}

.settings-warning-box strong {
  color: var(--admin-alert-warning-text);
}

/* ============================================ */
/* ARCHIVE INFO SECTION */
/* ============================================ */

.archive-info-section {
  padding: 0;
}

.archive-info-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 16px 0;
}

.archive-info-title .material-symbols-rounded {
  font-size: 20px;
  color: var(--admin-accent-primary);
}

.archive-info-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.archive-info-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: var(--admin-text-secondary);
}

.archive-info-list li .material-symbols-rounded {
  font-size: 18px;
  color: var(--admin-status-approved-text);
  flex-shrink: 0;
}

.archive-info-text {
  font-size: 14px;
  color: var(--admin-text-secondary);
  line-height: 1.6;
  margin: 0;
}

/* ============================================ */
/* ALERT BOX */
/* ============================================ */

.settings-alert {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 10px;
  font-size: 14px;
  margin-bottom: 24px;
}

.settings-alert.success {
  background: var(--admin-status-approved-bg);
  border: 1px solid var(--admin-status-approved-border);
  color: var(--admin-status-approved-text);
}

.settings-alert.error {
  background: var(--admin-status-rejected-bg);
  border: 1px solid var(--admin-status-rejected-border);
  color: var(--admin-status-rejected-text);
}

.settings-alert-dismiss {
  margin-left: auto;
  background: none;
  border: none;
  color: inherit;
  opacity: 0.7;
  cursor: pointer;
  padding: 4px;
}

.settings-alert-dismiss:hover {
  opacity: 1;
}

/* ============================================ */
/* SLIDER/RANGE INPUT */
/* ============================================ */

.settings-range-container {
  padding-top: 8px;
}

.settings-range {
  width: 100%;
  height: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: var(--admin-progress-track);
  border-radius: 3px;
  outline: none;
}

.settings-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: var(--admin-accent-primary);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 6px var(--admin-shadow-md);
  -webkit-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}

.settings-range::-webkit-slider-thumb:hover {
  transform: scale(1.1);
}

.settings-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: var(--admin-accent-primary);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 6px var(--admin-shadow-md);
}

.settings-range-value {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-accent-primary);
  margin-top: 8px;
}

/* ============================================ */
/* CONDITIONAL SECTION */
/* ============================================ */

.settings-conditional {
  margin-top: 16px;
  padding: 20px;
  background: var(--admin-bg-secondary);
  border-radius: 12px;
  border: 1px solid var(--admin-border-light);
}

/* ============================================ */
/* LOADING STATE */
/* ============================================ */

.settings-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}

.settings-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid var(--admin-border-light);
  border-top-color: var(--admin-accent-primary);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

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

/* ============================================ */
/* PAGE HEADER */
/* ============================================ */

.settings-page-header {
  margin-bottom: 32px;
}

.settings-page-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin: 0 0 8px 0;
  letter-spacing: -0.02em;
}

.settings-page-description {
  font-size: 15px;
  color: var(--admin-text-secondary);
  margin: 0;
}

/* ============================================ */
/* SAVE BUTTON CONTAINER */
/* ============================================ */

.settings-save-container {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--admin-border-light);
}

/* ============================================ */
/* RESPONSIVE */
/* ============================================ */

@media (max-width: 768px) {
  .settings-nav {
    gap: 2px;
    padding: 4px;
  }

  .settings-nav-link {
    padding: 12px 14px;
    font-size: 13px;
  }

  .settings-nav-link .nav-icon {
    display: none;
  }

  .settings-card-header {
    padding: 20px;
  }

  .settings-card-body {
    padding: 20px;
  }

  .profile-photo-section {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }

  .theme-selector {
    flex-direction: column;
  }

  .theme-option {
    flex-direction: row;
    justify-content: flex-start;
    padding: 16px 20px;
  }

  .settings-grid.cols-2 {
    grid-template-columns: 1fr;
  }
}

.dl0cNwEWkweZDaKF4bAL {
  /* position: sticky; */
  /* top: 0; */
  z-index: 100;
  background: var(--admin-bg-primary);
  border-bottom: 1px solid var(--admin-border-light);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  margin: -24px -24px 24px -24px;
  padding: 0;
  margin-bottom: 20px !important;
}

/* Row 1 - Primary Metrics */
.zIehHxSHP9TZ6NZ_2WjG {
  padding: 12px 24px;
  background: linear-gradient(
    180deg,
    var(--admin-bg-secondary) 0%,
    var(--admin-bg-primary) 100%
  );
  border-bottom: 1px solid var(--admin-border-light);
}

.HEVB1pbU7jLdUhA3tmWY {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.kywpa_4uRjfQTIw87ZPl {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 80px;
}

.anCh_5UXw6WTjTSdUNv3 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--admin-text-secondary);
}

.bG44WOaFfVmr0jkyz1jR {
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
  font-variant-numeric: tabular-nums;
}

/* Dividers */
.URc7n097lvyXm0HWch6e {
  width: 1px;
  height: 36px;
  background: var(--admin-border-light);
  margin: 0 8px;
}

/* Editable Fields */
.jvQFHKGhLXqdAhlwM1mj {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
  background: transparent;
  border: none;
  padding: 2px 6px;
  margin: -2px -6px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.jvQFHKGhLXqdAhlwM1mj:hover {
  background: var(--admin-bg-secondary);
}

.jvQFHKGhLXqdAhlwM1mj:hover .WU3l3mXQK8KAyEBUb0Vi {
  opacity: 1;
}

.WU3l3mXQK8KAyEBUb0Vi {
  font-size: 14px;
  color: var(--admin-text-secondary);
  opacity: 0;
  transition: opacity 0.15s ease;
}

.ZMugPChQNHCyZPJZIqu1 {
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
  background: var(--admin-bg-primary);
  border: 1px solid var(--admin-accent-primary);
  padding: 2px 8px;
  border-radius: 4px;
  outline: none;
  min-width: 100px;
}

.ZMugPChQNHCyZPJZIqu1:focus {
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

/* DTI Group */
.RTPkRRiX4NDrFmX_MKLA {
  min-width: 120px;
}

.P9n86VJO1CK5VqNP2Mpk {
  display: flex;
  align-items: center;
  gap: 6px;
}

.RF9eeUeGVKBnLICpu2Jj {
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  font-variant-numeric: tabular-nums;
  transition: all 0.2s ease;
}

.bFH6ELwB3nusZJM2YBR4 {
  font-variant-numeric: tabular-nums;
}

.Sug5q3mpnr604YpvjI8Y {
  margin: 0 2px;
  opacity: 0.5;
}

.kF6HqrxYkAbeMO4B6uK3 {
  color: var(--admin-status-green, #10b981);
  background: rgba(16, 185, 129, 0.1);
}

.Bk9hfqR451ih3mOBLJnF {
  color: #dc2626;
  background: rgba(220, 38, 38, 0.1);
  animation: vPcvxyAlqh_IC4O1gUFv 2s ease-in-out infinite;
}

@keyframes vPcvxyAlqh_IC4O1gUFv {
  0%, 100% {
    background: rgba(220, 38, 38, 0.1);
  }
  50% {
    background: rgba(220, 38, 38, 0.15);
  }
}

.AU_HqJ2A3VZVhNVwduRC {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #dc2626;
}

.AU_HqJ2A3VZVhNVwduRC .qvViYplA0nfH0wzfZIzM {
  font-size: 16px;
  animation: _vCLr4QJbquSjqiq_t_o 0.5s ease-in-out;
}

@keyframes _vCLr4QJbquSjqiq_t_o {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-2px); }
  75% { transform: translateX(2px); }
}

/* Lock Status */
.fBH4mPNHh41Llzyjmdzq {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.fBH4mPNHh41Llzyjmdzq .qvViYplA0nfH0wzfZIzM {
  font-size: 16px;
}

.y8V9f5AQU5b3qthJISMj {
  color: var(--admin-status-green, #10b981);
  background: rgba(16, 185, 129, 0.1);
}

.YPZbLol2Qd4NdCoXNVr8 {
  color: var(--admin-text-secondary);
  background: var(--admin-bg-secondary);
}

.pl7aSj92MBl3QPY3q5uC {
  display: flex;
  align-items: center;
  gap: 4px;
}

.E624JDxd5fb4dBEC8TBL {
  font-size: 11px;
  font-weight: 500;
  opacity: 0.8;
}

/* Archive Toggle */
.YkxQd05kuqAdfHXCaXt6 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  background: transparent;
  border: 1px solid var(--admin-border-light);
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.YkxQd05kuqAdfHXCaXt6 .qvViYplA0nfH0wzfZIzM {
  font-size: 16px;
}

.YkxQd05kuqAdfHXCaXt6:hover {
  background: var(--admin-bg-secondary);
  border-color: var(--admin-text-secondary);
}

.YkxQd05kuqAdfHXCaXt6.wWVlVFEPXkmwybT6RCrD {
  color: #f59e0b;
  border-color: rgba(245, 158, 11, 0.3);
  background: rgba(245, 158, 11, 0.1);
}

.K3osbp_gYiienCj2LMSt {
  font-size: 12px;
}

/* Row 2 - Context Metrics */
.MDg1DK_nApsmgOHueHK_ {
  padding: 8px 24px;
  background: var(--admin-bg-primary);
}

.dYA7E87cmkwk6GV3QNBS {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.N1Lb1_EVXseBeUB3Jack {
  display: flex;
  align-items: center;
  gap: 6px;
}

.jgm826JQKhLuHHFmMpUa {
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.t2iK9XcSfGqFJnD7dMok {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.JpLozJtcDgLSmF5RQxLL {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--admin-border-light);
}

.e7nbibHwu2UL1H4qD_X1 {
  font-variant-numeric: tabular-nums;
}

.sEqWZZkO9AsjhrE9amaH {
  padding: 2px 8px;
  background: var(--admin-bg-secondary);
  border-radius: 4px;
  font-size: 12px;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .HEVB1pbU7jLdUhA3tmWY {
    gap: 12px;
  }

  .kywpa_4uRjfQTIw87ZPl {
    min-width: 70px;
  }

  .URc7n097lvyXm0HWch6e {
    margin: 0 4px;
  }
}

@media (max-width: 992px) {
  .dl0cNwEWkweZDaKF4bAL {
    margin: -16px -16px 16px -16px;
  }

  .zIehHxSHP9TZ6NZ_2WjG {
    padding: 12px 16px;
  }

  .MDg1DK_nApsmgOHueHK_ {
    padding: 8px 16px;
  }

  .URc7n097lvyXm0HWch6e:nth-of-type(2) {
    display: none;
  }

  .K3osbp_gYiienCj2LMSt {
    display: none;
  }
}

@media (max-width: 768px) {
  .HEVB1pbU7jLdUhA3tmWY {
    gap: 8px;
  }

  .kywpa_4uRjfQTIw87ZPl {
    min-width: 60px;
  }

  .bG44WOaFfVmr0jkyz1jR {
    font-size: 14px;
  }

  .URc7n097lvyXm0HWch6e {
    display: none;
  }

  .dYA7E87cmkwk6GV3QNBS {
    gap: 8px;
  }

  .JpLozJtcDgLSmF5RQxLL {
    display: none;
  }

  .N1Lb1_EVXseBeUB3Jack {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
}

@media (max-width: 576px) {
  .zIehHxSHP9TZ6NZ_2WjG {
    padding: 10px 12px;
  }

  .MDg1DK_nApsmgOHueHK_ {
    padding: 6px 12px;
  }

  .anCh_5UXw6WTjTSdUNv3 {
    font-size: 9px;
  }

  .bG44WOaFfVmr0jkyz1jR {
    font-size: 13px;
  }

  .fBH4mPNHh41Llzyjmdzq {
    padding: 3px 8px;
    font-size: 12px;
  }

  .pl7aSj92MBl3QPY3q5uC {
    display: none;
  }

  .YkxQd05kuqAdfHXCaXt6 {
    padding: 4px 8px;
  }
}

.loan-officer-dashboard {
  min-height: 100vh;
  background-color: var(--admin-bg-primary);

  .whitebg {
    background-color: var(--admin-card-bg);
    min-height: 100vh;
  }

  .loan-officer-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
  }

  .header-section {
    display: grid;
    grid-template-columns: 2fr 8fr 2fr;
    padding: 20px;
    border-bottom: 1px solid var(--admin-border-light);

    .header-left {
      padding: 0 20px;

      .record-name {
        font-size: 24px;
        font-weight: 600;
        color: var(--admin-text-primary);
        margin-bottom: 20px;
      }

      .header-info {
        margin-top: 20px;
        padding-left: 20px;

        .header-menu {
          font-size: 14px;
          font-weight: 600;
          color: var(--admin-text-secondary);
          margin: 10px 0 5px;
        }

        p {
          font-size: 14px;
          color: var(--admin-text-primary);
          margin: 5px 0;
        }

        .hr-line {
          margin: 15px 0;
          border: none;
          border-top: 1px solid var(--admin-border-light);
        }
      }
    }

    .header-center {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding-top: 10px;

      .header-nav {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        gap: 5px;

        li {
          padding: 10px 20px;
          background-color: var(--admin-bg-secondary);
          border-radius: 5px;
          cursor: pointer;
          transition: all 0.3s ease;

          &:hover {
            background-color: var(--admin-bg-hover);
          }

          &.active {
            background-color: var(--admin-accent-primary);
            color: #fff;

            h4 {
              color: #fff;
            }
          }

          h4 {
            margin: 0;
            font-size: 14px;
            font-weight: 500;
            color: var(--admin-text-primary);
          }
        }
      }
    }

    .header-right {
      padding: 0 20px;

      .referral-info {
        background-color: var(--admin-bg-secondary);
        padding: 15px;
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.3s ease;

        &:hover {
          background-color: var(--admin-bg-hover);
        }

        .header-menu {
          font-size: 14px;
          font-weight: 600;
          color: var(--admin-text-primary);
          margin: 0 0 5px;
        }

        .source-text {
          font-size: 12px;
          color: var(--admin-text-secondary);
          margin: 0;
        }
      }

      .file-alerts {
        background-color: #fee;
        padding: 15px;
        border-radius: 5px;
        margin-top: 20px;

        .file-alerts-title {
          font-size: 14px;
          font-weight: 600;
          color: #d9534f;
          margin: 0 0 5px;
        }

        .source-text {
          font-size: 12px;
          color: #d9534f;
          margin: 0;
        }
      }
    }
  }

  .progress-section {
    padding: 8px 20px;
    background-color: var(--admin-bg-secondary);
    border-bottom: 1px solid var(--admin-border-light);
    overflow: visible;

    .progress-container {
      max-width: 1400px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 15px;
    }

    .progress-label {
      font-size: 12px;
      font-weight: 600;
      color: var(--admin-text-secondary);
      white-space: nowrap;
    }

    .progress-indicator {
      flex: 1;
      position: relative;
      height: 24px;
      overflow-x: auto;
      overflow-y: visible;

      &::-webkit-scrollbar {
        height: 3px;
      }

      &::-webkit-scrollbar-track {
        background: transparent;
      }

      &::-webkit-scrollbar-thumb {
        background: var(--admin-border-medium);
        border-radius: 1.5px;
      }

      .progress-track {
        position: absolute;
        top: 50%;
        left: 12px;
        right: 12px;
        height: 2px;
        background-color: var(--admin-border-light);
        transform: translateY(-50%);
      }

      .progress-fill {
        position: absolute;
        top: 50%;
        left: 12px;
        height: 2px;
        background: #4a90e2;
        transform: translateY(-50%);
        transition: width 0.3s ease;
      }

      .progress-steps {
        display: flex;
        position: relative;
        height: 24px;
        align-items: center;
        justify-content: space-between;
        padding: 0 12px;
        min-width: 100%;
      }

      .progress-step {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        flex: 1;

        &:hover {
          .step-marker {
            transform: scale(1.15);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
          }
        }

        .step-marker {
          width: 20px;
          height: 20px;
          border-radius: 50%;
          background-color: var(--admin-card-bg);
          border: 2px solid var(--admin-border-medium);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 9px;
          font-weight: 600;
          color: var(--admin-text-secondary);
          transition: all 0.2s ease;
          z-index: 2;
          position: relative;
        }

        &.completed {
          .step-marker {
            background-color: #5cb85c;
            border-color: #5cb85c;
            color: #fff;
            font-size: 10px;
          }
        }

        &.active {
          .step-marker {
            background-color: #4a90e2;
            border-color: #4a90e2;
            color: #fff;
            width: 24px;
            height: 24px;
            font-size: 10px;
            box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
          }
        }

        &.pending {
          .step-marker {
            background-color: var(--admin-bg-secondary);
            border-color: var(--admin-border-medium);
            color: var(--admin-text-secondary);
            font-size: 8px;
          }
        }
      }
    }

    .progress-percentage {
      font-size: 12px;
      font-weight: 600;
      color: #4a90e2;
      white-space: nowrap;
    }
  }

  @keyframes pulse {
    0% {
      box-shadow: 0 4px 12px rgba(74, 144, 226, 0.4);
    }
    50% {
      box-shadow: 0 4px 20px rgba(74, 144, 226, 0.6);
    }
    100% {
      box-shadow: 0 4px 12px rgba(74, 144, 226, 0.4);
    }
  }

  @media (max-width: 768px) {
    .progress-section {
      padding: 6px 10px;

      .progress-container {
        gap: 10px;
      }

      .progress-label,
      .progress-percentage {
        font-size: 11px;
      }

      .progress-indicator {
        .progress-steps {
          min-width: 600px;
        }

        .progress-step {
          .step-marker {
            width: 18px;
            height: 18px;
            font-size: 8px;

            &.active {
              width: 20px;
              height: 20px;
            }
          }

          .step-tooltip {
            font-size: 10px;
            padding: 3px 6px;
          }
        }
      }
    }
  }

  .main-content {
    display: grid;
    grid-template-columns: 250px 1fr auto;
    min-height: calc(100vh - 250px);

    .side-navigation {
      background-color: var(--admin-bg-secondary);
      padding: 20px;
      border-right: 1px solid var(--admin-border-light);

      .nav-btn {
        border-radius: 20px;
        width: 100%;
        padding: 12px 20px;
        text-align: left;
        background: none;
        border: none;
        font-size: 14px;
        color: var(--admin-text-primary);
        cursor: pointer;
        transition: all 0.3s ease;
        .material-symbols-rounded {
          font-size: 20px;
          color: var(--admin-text-secondary);
          font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 16;
        }

        &:hover {
          background-color: var(--admin-bg-hover);

          .material-symbols-rounded {
            font-size: 20px;
            color: var(--admin-text-primary);
            font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 16;
          }
        }

        &.active {
          background-color: var(--admin-card-bg);
          color: var(--admin-text-primary);
          font-weight: 500;

          .material-symbols-rounded {
            font-size: 20px;
            color: var(--admin-text-primary);
            font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 16;
          }
        }
      }

      .sub-nav {
        margin-left: 20px;

        .nav-btn {
          padding: 10px 20px;
          font-size: 13px;
        }
      }
    }

    .content-area {
      padding: 30px;
      flex: 1;
      overflow-x: auto;
      max-width: 100%;
    }

    .action-items-section {
      width: 250px;
      padding: 20px;
      border-left: 1px solid var(--admin-border-light);

      .action-card {
        background-color: var(--admin-card-bg);
        border-radius: 8px;
        box-shadow: var(--admin-shadow-sm);
        overflow: hidden;

        .card-header {
          background-color: #7fabec;
          padding: 15px;
          text-align: center;

          h2 {
            margin: 0;
            font-size: 16px;
            color: #fff;
            font-weight: 500;
          }
        }

        .card-body {
          padding: 20px;

          .alert-item {
            color: #d9534f;
            font-size: 14px;
            margin: 10px 0;
          }
        }
      }
    }
  }

  .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;

    .modal-content {
      background-color: var(--admin-card-bg);
      padding: 30px;
      border-radius: 8px;
      box-shadow: var(--admin-shadow-md);
      max-width: 400px;
      width: 90%;

      h3 {
        margin: 0 0 20px;
        font-size: 20px;
        color: var(--admin-text-primary);
      }

      p {
        margin: 10px 0;
        font-size: 14px;
        color: var(--admin-text-secondary);
      }

      button {
        margin-top: 20px;
      }
    }
  }
}

/* New Loan Officer Content Styles */
.loan-officer-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.action-items-card {
  background-color: var(--admin-card-bg);
  border-radius: 16px;
  padding: 20px;
  border: 1px solid var(--admin-border-light);
}

.action-items-card:not(:has(.action-items-list)) {
  padding: 16px 20px;
}

.action-items-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.action-items-card:has(.action-items-list) .action-items-header {
  margin-bottom: 16px;
}

.action-items-card h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.collapse-toggle {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--admin-text-secondary);
  transition: all 150ms ease;
  border-radius: 4px;
}

.collapse-toggle:hover {
  background-color: var(--admin-bg-secondary);
  color: var(--admin-text-primary);
}

.collapse-toggle .material-symbols-rounded {
  font-size: 24px;
}

.action-items-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.action-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background-color: var(--admin-bg-secondary);
  border-radius: 8px;
  font-size: 14px;
  color: var(--admin-text-secondary);
}

.action-item.urgent {
  background-color: #fef3c7;
  color: #92400e;
}

.action-item.urgent span:first-child {
  color: #f59e0b;
}

.action-item span:first-child {
  font-size: 20px;
  color: var(--admin-text-secondary);
}

.main-view-content {
  /* background-color: var(--admin-card-bg); */
  border-radius: 16px;
  /* padding: 24px; */
  /* border: 1px solid #e2e8f0; */
  min-height: 400px;
}

@media (max-width: 768px) {
  .loan-officer-content {
    gap: 16px;
  }

  .action-items-card,
  .main-view-content {
    padding: 16px;
  }
}

.GKlzaQbKQjkCRRx58SHJ {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 12px;
  overflow: hidden;
}

.AlYmOZpT17ObkXrj1KDw {
  border-color: var(--admin-accent-primary, #3b82f6);
  background: var(--admin-bg-hover);
}

.cU6AhPFIkkHj387jjmFA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 16px;
  border-bottom: 1px solid var(--admin-border-light);
}

.AlYmOZpT17ObkXrj1KDw .cU6AhPFIkkHj387jjmFA {
  background: var(--admin-bg-secondary);
  border-bottom-color: var(--admin-border-light);
}

.oyc02woqQLTjK55igawh {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.aBqGyYtq84uWJXsLLjy0 {
  flex: 1;
  display: flex;
  justify-content: center;
}

.aBqGyYtq84uWJXsLLjy0 .S775FdWdqLDlPMIIctnZ {
  margin-bottom: 0;
}

.ARhiyd4G2FpiHbKaclov {
  flex-shrink: 0;
}

.uecB5KAdknz046nErQy2 {
  font-size: 13px;
  font-weight: 600;
  color: #059669;
  background: #ecfdf5;
  padding: 4px 12px;
  border-radius: 16px;
}

.zSCIZ9jR3Wm92Oras_yP {
  margin-bottom: 16px;
}

.zSCIZ9jR3Wm92Oras_yP .S775FdWdqLDlPMIIctnZ {
  margin-bottom: 0;
}

.FnxNVphhXtnTbFZ1u26r {
  display: flex;
  gap: 12px;
  align-items: center;
}

.fNsQIqe6DzYfKtJ2cIbC,
.YwkaN9ybCLwVWwigGkU8,
.poLgGUs3EsFF417n6WKa {
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
  transition: color 0.15s ease;
}


.fNsQIqe6DzYfKtJ2cIbC {
  color: #3b82f6;
}

.fNsQIqe6DzYfKtJ2cIbC:hover:not(:disabled) {
  color: #1d4ed8;
}

.fNsQIqe6DzYfKtJ2cIbC:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.YwkaN9ybCLwVWwigGkU8 {
  color: #10b981;
}

.YwkaN9ybCLwVWwigGkU8:hover:not(:disabled) {
  color: #059669;
}

.YwkaN9ybCLwVWwigGkU8:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: #9ca3af;
}

.poLgGUs3EsFF417n6WKa {
  color: var(--admin-text-secondary);
}

.poLgGUs3EsFF417n6WKa:hover:not(:disabled) {
  color: var(--admin-text-primary);
}

.poLgGUs3EsFF417n6WKa:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.BRJnd9ohRya_ls3Y6Xhz {
  width: 12px;
  height: 12px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: zety7v02jWsk5Of2nTse 0.6s linear infinite;
}

@keyframes zety7v02jWsk5Of2nTse {
  to {
    transform: rotate(360deg);
  }
}

.XZUxgsHtqr1HuUUrTniG {
  padding: 16px;
}

.AcFPEJJ_iuLjU9Axl5Dx {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 500;
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
}

.AcFPEJJ_iuLjU9Axl5Dx .CZhBckFfS1sZr35JW0kb {
  font-size: 18px;
  color: #dc2626;
}

.SFwreq278w_Js0auKKro {
  display: flex;
  flex-direction: column;
  gap: 0;
}

._JqHvR4SOP_2XosSq8yI {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--admin-border-light);
}

._JqHvR4SOP_2XosSq8yI:last-child {
  border-bottom: none;
}

.TtB9C3rv_L43KrIa2Se4 {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  flex-shrink: 0;
}

.aqIuK3yJ2jOms3mdWzJV {
  color: #ef4444;
  margin-left: 2px;
}

.lEd_7jsP6CcOxZCMCMQ2 {
  display: inline-block;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: var(--admin-bg-secondary);
  border-radius: 9999px;
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ckSsRUYZP64byeznT0yu {
  display: inline-block;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 400;
  font-style: italic;
  color: var(--admin-text-tertiary);
  background: var(--admin-bg-tertiary);
  border-radius: 9999px;
  border: 1px dashed var(--admin-border-light);
}

.VlZP3Y_roQMkKejbCmoS {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  flex: 1;
  max-width: 60%;
}

.q_xXTvuqCzx_ucaHOKma {
  width: 100%;
  padding: 8px 12px;
  font-size: 13px;
  font-family: inherit;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-medium);
  border-radius: 8px;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

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

.q_xXTvuqCzx_ucaHOKma:disabled {
  background: var(--admin-bg-tertiary);
  cursor: not-allowed;
}

.ZvnIqZX8hT2um175C5z5 {
  display: flex;
  align-items: center;
  width: 100%;
}

.l4LPkvndbK1KWLC5qhKb {
  padding: 8px 0 8px 12px;
  font-size: 13px;
  color: var(--admin-text-secondary);
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-medium);
  border-right: none;
  border-radius: 8px 0 0 8px;
}

.ZvnIqZX8hT2um175C5z5 .q_xXTvuqCzx_ucaHOKma {
  border-radius: 0 8px 8px 0;
}

select.q_xXTvuqCzx_ucaHOKma {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-right: 36px;
}

.xTc4IfEkpbK8qf1hEMx4 {
  font-size: 11px;
  color: #ef4444;
  text-align: right;
}

.STqOyDX7IoFZr2kGUBzy .q_xXTvuqCzx_ucaHOKma {
  border-color: #ef4444;
}

.STqOyDX7IoFZr2kGUBzy .q_xXTvuqCzx_ucaHOKma:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.S775FdWdqLDlPMIIctnZ {
  display: flex;
  gap: 0;
  padding: 4px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  margin-bottom: 16px;
}

.DjKw9vctPrByAIEumqMq {
  flex: 1;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.DjKw9vctPrByAIEumqMq:hover:not(.P0BVnp2R_EsKMLwJx12_) {
  color: var(--admin-text-primary);
}

.P0BVnp2R_EsKMLwJx12_ {
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
}

.XiTSS9Hpy7cewwBFekbR {
  padding: 24px;
  text-align: center;
  color: var(--admin-text-tertiary);
  font-size: 14px;
  font-style: italic;
}

@media (max-width: 768px) {
  ._JqHvR4SOP_2XosSq8yI {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 0;
  }

  .lEd_7jsP6CcOxZCMCMQ2,
  .ckSsRUYZP64byeznT0yu {
    max-width: 100%;
  }

  .VlZP3Y_roQMkKejbCmoS {
    max-width: 100%;
    width: 100%;
    align-items: flex-start;
  }

  .S775FdWdqLDlPMIIctnZ {
    overflow-x: auto;
  }

  .DjKw9vctPrByAIEumqMq {
    white-space: nowrap;
    flex: none;
    padding: 8px 12px;
  }
}

/* Collapsible */
.ecM1Wj0KgvIcJVXVg100 {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ecM1Wj0KgvIcJVXVg100:hover {
  background: var(--admin-bg-hover);
}

.tama2CAoKyYBCam3awdG {
  font-size: 20px;
  color: var(--admin-text-secondary);
  transition: transform 0.2s ease;
}

.j5vNiBqJ1WpZ_xoDkgTc {
  transform: rotate(-90deg);
}

/* Stacked Variant Styles */
.DmDso6XUVxr6R5beoLUB {
  display: flex;
  align-items: center;
  gap: 12px;
}

.VXMyqCLLSxeOVp70cnjf {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns, 3), 1fr);
  gap: 16px;
}

.ECm_PQu_DYDHuCyANkYj {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.DLSW8hIjUDkSIPaSf7D7 {
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.VCiFRaUVUZuFLrFVlX5_ {
  width: 100%;
  height: 40px;
  padding: 10px 12px;
  font-size: 13px;
  font-family: inherit;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-medium);
  border-radius: 8px;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

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

.VCiFRaUVUZuFLrFVlX5_:disabled {
  background: var(--admin-bg-tertiary);
  cursor: not-allowed;
}

select.VCiFRaUVUZuFLrFVlX5_ {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-right: 36px;
}

.EuY6ezwLWp7AcNQYg0Fv {
  display: flex;
  align-items: stretch;
}

.V7L9aQxWx96QqMphF7xZ {
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 13px;
  color: var(--admin-text-secondary);
  background: var(--admin-bg-tertiary);
  border: 1px solid var(--admin-border-medium);
  border-right: none;
  border-radius: 8px 0 0 8px;
}

.EuY6ezwLWp7AcNQYg0Fv .VCiFRaUVUZuFLrFVlX5_ {
  border-radius: 0 8px 8px 0;
}

.pZHDbTtOhwqf0BEVC0Oi {
  display: flex;
  align-items: stretch;
}

.dCsbyeijJbXzQj5HDoRh {
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 13px;
  color: var(--admin-text-secondary);
  background: var(--admin-bg-tertiary);
  border: 1px solid var(--admin-border-medium);
  border-left: none;
  border-radius: 0 8px 8px 0;
}

.pZHDbTtOhwqf0BEVC0Oi .VCiFRaUVUZuFLrFVlX5_ {
  border-radius: 8px 0 0 8px;
}

.S0LxILMR_9lDGMT2VAiH {
  padding: 10px 12px;
  font-size: 13px;
  color: var(--admin-text-primary);
  background: var(--admin-bg-tertiary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
}

.wWZy1X9Q0N9l_VUEGHG_ {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: white;
  background: #3b82f6;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 0.15s ease;
}

.wWZy1X9Q0N9l_VUEGHG_:hover:not(:disabled) {
  background: #2563eb;
}

.wWZy1X9Q0N9l_VUEGHG_:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.wWZy1X9Q0N9l_VUEGHG_ .CZhBckFfS1sZr35JW0kb {
  font-size: 16px;
}

/* Compact Mode Overrides */
.NLFDsH5B8ch4cD91ZwQK .cU6AhPFIkkHj387jjmFA {
  padding: 4px 12px;
}

.NLFDsH5B8ch4cD91ZwQK .oyc02woqQLTjK55igawh {
  font-size: 12px;
}

.NLFDsH5B8ch4cD91ZwQK .XZUxgsHtqr1HuUUrTniG {
  padding: 10px 12px;
}

.NLFDsH5B8ch4cD91ZwQK .VXMyqCLLSxeOVp70cnjf {
  gap: 10px 12px;
}

.NLFDsH5B8ch4cD91ZwQK .ECm_PQu_DYDHuCyANkYj {
  gap: 3px;
}

.NLFDsH5B8ch4cD91ZwQK .DLSW8hIjUDkSIPaSf7D7 {
  font-size: 11px;
}

.NLFDsH5B8ch4cD91ZwQK .VCiFRaUVUZuFLrFVlX5_ {
  height: 32px;
  padding: 6px 10px;
  font-size: 12px;
}

.NLFDsH5B8ch4cD91ZwQK .S0LxILMR_9lDGMT2VAiH {
  padding: 6px 10px;
  font-size: 12px;
}

.NLFDsH5B8ch4cD91ZwQK .V7L9aQxWx96QqMphF7xZ,
.NLFDsH5B8ch4cD91ZwQK .dCsbyeijJbXzQj5HDoRh {
  padding: 0 10px;
  font-size: 12px;
}

@media (max-width: 1200px) {
  .VXMyqCLLSxeOVp70cnjf {
    grid-template-columns: repeat(3, 1fr);
  }

  .NLFDsH5B8ch4cD91ZwQK .VXMyqCLLSxeOVp70cnjf {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 900px) {
  .VXMyqCLLSxeOVp70cnjf {
    grid-template-columns: repeat(2, 1fr);
  }

  .NLFDsH5B8ch4cD91ZwQK .VXMyqCLLSxeOVp70cnjf {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .VXMyqCLLSxeOVp70cnjf {
    grid-template-columns: 1fr;
  }

  .NLFDsH5B8ch4cD91ZwQK .VXMyqCLLSxeOVp70cnjf {
    grid-template-columns: 1fr;
  }

  .DmDso6XUVxr6R5beoLUB {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

/**
 * Shared Badge Styles
 *
 * Usage in component CSS:
 *   .statusBadge { composes: statusBadge from '../../styles/badges.module.css'; }
 *   .statusApproved { composes: statusApproved from '../../styles/badges.module.css'; }
 *
 * Or import directly in JS:
 *   import badgeStyles from '../../styles/badges.module.css';
 *   className={`${badgeStyles.statusBadge} ${badgeStyles.statusApproved}`}
 */

/* Base status badge */
.GQxMmjpvlVM5LbTBHGWd {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  white-space: nowrap;
}

/* Size variants */
.mr5QrzeglP1Lpal2au9Y {
  padding: 2px 6px;
  font-size: 9px;
}

.BQzhIsuIsLwahjP6xpMD {
  padding: 4px 12px;
  font-size: 12px;
  border-radius: 16px;
}

/* Status variants - Pending/Awaiting (yellow/amber) */
.vM0R2q_E2CEopcQDuYoh {
  background: var(--admin-status-pending-bg);
  color: var(--admin-status-pending-text);
  border: 1px solid var(--admin-status-pending-border, transparent);
}

.OmZNokbWTeW2BXXXyBWX {
}

/* Status variants - Uploaded/Under Review (blue) */
.ZXoCWGVxwixQxET83s2A {
  background: var(--admin-status-uploaded-bg);
  color: var(--admin-status-uploaded-text);
  border: 1px solid var(--admin-status-uploaded-border, transparent);
}

.c9wbQYPlD8dKfdINztND {
}

/* Status variants - Approved (green) */
.a54U_uvfXZJdSDrcyaXD {
  background: var(--admin-status-approved-bg);
  color: var(--admin-status-approved-text);
  border: 1px solid var(--admin-status-approved-border, transparent);
}

/* Status variants - Rejected (red) */
.Wt1t3nRU6gJ54V5A1YUl {
  background: var(--admin-status-rejected-bg);
  color: var(--admin-status-rejected-text);
  border: 1px solid var(--admin-status-rejected-border, transparent);
}

.IyOabsALaJrFtWrZCnQQ {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  padding: 32px;
  background-color: transparent;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
}

.lSAgusyoNNnjXROsl5yd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--admin-border-light);
}

.KtzVNwUEf1lkiLBYGFx0 {
  font-size: 28px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.OWnrBMjehDy7mtzZ3nHn {
  font-size: 14px;
  color: var(--admin-text-secondary);
  font-weight: 500;
}

.ducjFBDeLbA94BJEHgPR {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 24px;
  margin-bottom: 24px;
}

.N28KiqjSYc1mQTRXmP6Z {
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 12px;
  overflow: hidden;
}

.BIqTeQopq0vqGduyxgpb {
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
  padding-left: 20px;
  border-bottom: 1px solid var(--admin-border-light);
  background: var(--admin-bg-secondary);
  letter-spacing: -0.025em;
}

.mLVPrvdXTas_Q7aQCnba {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 5px;
  padding: 12px;
}

.P4rnkAyProLv_lfvNUvh {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.iZ3Wm1LRFJYAtmC_PCVs {
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  /* text-transform: uppercase; */
  letter-spacing: 0.05em;
  margin: 0;
}

.wsuuDRQPZjYvjRkamL4K {
  font-size: 14px;
  color: var(--admin-text-primary);
  font-weight: 500;
  line-height: 1.5;
}

.PvLOVktAynIFluJ0tPuZ {
  grid-column: 1 / -1;
}

.rkVkEjORveuV9zFc3Eyx {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
  padding: 24px;
}

.OZRiUT0FcMRLVpmWsC2P {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
  transition: all 0.15s ease;
}

.OZRiUT0FcMRLVpmWsC2P:hover {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-medium);
}

.rN4FUrrWmDRwX7AQBfkv {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}

.Ur0mBZmskMVGilWI44Jt {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
}

/* Badge styles - composed from shared badges.module.css */
.TEdOduDlXWD_bu8NSsoW {
  border-radius: 6px;
  text-transform: capitalize;
}

.IJACJ5m4bjK7WNXloXEo {
}

.jOTKjXW7x1kLvkLGAPec {
}

.D0nwXp4pfrT1NnwAWB0W {
}

.xTLe1FDg4xzUn75ASYGH {
}

.sybsUBgUWQWilch_3nNA {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  background: var(--admin-card-bg);
  border-radius: 12px;
  gap: 16px;
}

.jdW0ti61Leyv_nlSwsDE {
  width: 40px;
  height: 40px;
  border: 3px solid var(--admin-border-light);
  border-top-color: var(--admin-accent-primary, #3b82f6);
  border-radius: 50%;
  animation: tTRQCrGFlKyJ7sp6nUGC 0.8s linear infinite;
}

.sybsUBgUWQWilch_3nNA span {
  color: var(--admin-text-secondary);
  font-size: 15px;
  font-weight: 500;
}

@keyframes tTRQCrGFlKyJ7sp6nUGC {
  to {
    transform: rotate(360deg);
  }
}

/* Responsive design */
@media (max-width: 1200px) {
  .ducjFBDeLbA94BJEHgPR {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .IyOabsALaJrFtWrZCnQQ {
    padding: 20px 16px;
  }

  .lSAgusyoNNnjXROsl5yd {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 24px;
  }

  .KtzVNwUEf1lkiLBYGFx0 {
    font-size: 24px;
  }

  .ducjFBDeLbA94BJEHgPR {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .BIqTeQopq0vqGduyxgpb {
    font-size: 16px;
    padding: 16px 20px 12px 20px;
  }

  .mLVPrvdXTas_Q7aQCnba {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 20px;
  }

  .rkVkEjORveuV9zFc3Eyx {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 20px;
  }

  .OZRiUT0FcMRLVpmWsC2P {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
  }

  .TEdOduDlXWD_bu8NSsoW {
    align-self: flex-end;
  }
}

@media (max-width: 480px) {
  .IyOabsALaJrFtWrZCnQQ {
    padding: 16px 12px;
  }

  .KtzVNwUEf1lkiLBYGFx0 {
    font-size: 20px;
  }

  .BIqTeQopq0vqGduyxgpb {
    font-size: 14px;
    padding: 12px 16px 8px 16px;
  }

  .mLVPrvdXTas_Q7aQCnba {
    padding: 16px;
    gap: 12px;
  }

  .wsuuDRQPZjYvjRkamL4K {
    font-size: 13px;
  }

  .rkVkEjORveuV9zFc3Eyx {
    padding: 16px;
  }
}

/* Accordion Styles */
.wIDDclKs8shPd9XkivK6 {
  background: var(--admin-card-bg);
  border-radius: 10px;
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
  transition: all 0.15s ease;
  margin-bottom: 24px;
}

.pRHh8857ocFrGj61LzFM {
  background: var(--admin-bg-secondary);
  padding: 14px 20px 12px 20px;
  cursor: pointer;
  border-bottom: 1px solid var(--admin-border-light);
  transition: background-color 0.15s ease;
}

.pRHh8857ocFrGj61LzFM:hover {
  background: var(--admin-bg-hover);
}

.QMeilynPQZWHaZwve0Kz {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

.I7PAmU_XvD6ggFu8i3jD {
  text-align: left;
}

._VcCupMTtHprzIL2hYDy {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  letter-spacing: -0.025em;
}

.s0YTBftwQx5idOQHYOGE {
  text-align: right;
  color: var(--admin-text-secondary);
  font-size: 16px;
}

.C5iolbNqaP865OnJHAt4 {
  padding: 18px;
  background-color: var(--admin-card-bg);
}

.NkR7QPX5OrjHFCzLUOmZ {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--admin-border-light);
}

.Rl7Vh1_opa8ra0vJmYOT {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.sh58219_j0xdFuuIy6E5 {
  font-size: 18px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.UTxW45hN1uAOc38IdOi3 {
  margin-bottom: 16px;
}

.UTxW45hN1uAOc38IdOi3:last-child {
  margin-bottom: 0;
}

.HU8w5HAnF18A9u_JJeCX {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 12px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--admin-border-light);
}

.hXGgfhgLzd35YrzAHsNO {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
}

.hXGgfhgLzd35YrzAHsNO:last-child {
  margin-bottom: 0;
}

.C5iolbNqaP865OnJHAt4 .iZ3Wm1LRFJYAtmC_PCVs {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.C5iolbNqaP865OnJHAt4 .wsuuDRQPZjYvjRkamL4K {
  font-size: 13px;
  color: var(--admin-text-primary);
  padding: 10px 14px;
  background-color: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  line-height: 1.5;
  min-height: 38px;
}

@media (max-width: 768px) {
  .pRHh8857ocFrGj61LzFM {
    padding: 12px 16px 10px 16px;
  }

  .C5iolbNqaP865OnJHAt4 {
    padding: 16px;
  }

  ._VcCupMTtHprzIL2hYDy {
    font-size: 15px;
  }

  .sh58219_j0xdFuuIy6E5 {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .pRHh8857ocFrGj61LzFM {
    padding: 10px 14px 8px 14px;
  }

  .C5iolbNqaP865OnJHAt4 {
    padding: 14px;
  }

  ._VcCupMTtHprzIL2hYDy {
    font-size: 14px;
  }

  .Rl7Vh1_opa8ra0vJmYOT {
    font-size: 11px;
  }

  .sh58219_j0xdFuuIy6E5 {
    font-size: 15px;
  }

  .C5iolbNqaP865OnJHAt4 .iZ3Wm1LRFJYAtmC_PCVs {
    font-size: 10px;
  }

  .C5iolbNqaP865OnJHAt4 .wsuuDRQPZjYvjRkamL4K {
    font-size: 12px;
    padding: 8px 12px;
  }
}

/* Edit Mode Styles */
.tSublespt1NzMzzaxjQA {
  border-color: var(--admin-state-current-border);
  background: var(--admin-state-current-bg);
}

.ODSkt9v1vVM6wFQNQdL8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
  border-bottom: 1px solid var(--admin-border-light);
  background: var(--admin-bg-secondary);
  height: 35px;
}

.tSublespt1NzMzzaxjQA .ODSkt9v1vVM6wFQNQdL8 {
  background: var(--admin-state-current-bg);
  border-bottom-color: var(--admin-state-current-border);
}

.t7gLQgB8XGXQpbfRq4S6 {
  display: flex;
  gap: 8px;
  align-items: center;
}

._EIW8vLoOym9za07DALw,
.cItKwRWKRamCkAg0Qgw4,
.RA0cpPr9WwbxWg2g95ZC {
  max-height: 22px;
  margin: 6px 0;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 400;
  border-radius: 6px;
  border: 1px solid;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: 'Inter', sans-serif;

  span {
    font-size: 14px;
  }
}

._EIW8vLoOym9za07DALw {
  background: var(--admin-card-bg);
  color: var(--admin-accent-primary, #3b82f6);
  border-color: var(--admin-accent-primary, #3b82f6);
}

._EIW8vLoOym9za07DALw:hover:not(:disabled) {
  background: var(--admin-accent-primary);
  color: var(--admin-bg-primary);
}

._EIW8vLoOym9za07DALw:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cItKwRWKRamCkAg0Qgw4 {
  background: var(--admin-progress-complete);
  color: #ffffff;
  border-color: var(--admin-progress-complete);
}

.cItKwRWKRamCkAg0Qgw4:hover:not(:disabled) {
  background: var(--admin-status-green);
}

.cItKwRWKRamCkAg0Qgw4:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: var(--admin-text-tertiary);
  border-color: var(--admin-border-medium);
}

.RA0cpPr9WwbxWg2g95ZC {
  background: var(--admin-card-bg);
  color: var(--admin-text-secondary);
  border-color: var(--admin-border-medium);
}

.RA0cpPr9WwbxWg2g95ZC:hover:not(:disabled) {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-medium);
}

.RA0cpPr9WwbxWg2g95ZC:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._EIW8vLoOym9za07DALw .w6IOc6RvLH71iN2Mysgg,
.cItKwRWKRamCkAg0Qgw4 .w6IOc6RvLH71iN2Mysgg,
.RA0cpPr9WwbxWg2g95ZC .w6IOc6RvLH71iN2Mysgg {
  font-size: 16px;
}

.cItKwRWKRamCkAg0Qgw4 .jdW0ti61Leyv_nlSwsDE,
._EIW8vLoOym9za07DALw .jdW0ti61Leyv_nlSwsDE,
.RA0cpPr9WwbxWg2g95ZC .jdW0ti61Leyv_nlSwsDE {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: tTRQCrGFlKyJ7sp6nUGC 0.6s linear infinite;
}

@media (max-width: 768px) {
  .ODSkt9v1vVM6wFQNQdL8 {
    padding: 16px 20px 12px 20px;
  }

  ._EIW8vLoOym9za07DALw,
  .cItKwRWKRamCkAg0Qgw4,
  .RA0cpPr9WwbxWg2g95ZC {
    padding: 6px 12px;
    font-size: 12px;
    gap: 4px;
  }

  ._EIW8vLoOym9za07DALw .w6IOc6RvLH71iN2Mysgg,
  .cItKwRWKRamCkAg0Qgw4 .w6IOc6RvLH71iN2Mysgg,
  .RA0cpPr9WwbxWg2g95ZC .w6IOc6RvLH71iN2Mysgg {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .ODSkt9v1vVM6wFQNQdL8 {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px 8px 16px;
  }

  .t7gLQgB8XGXQpbfRq4S6 {
    width: 100%;
    justify-content: flex-end;
  }

  ._EIW8vLoOym9za07DALw,
  .cItKwRWKRamCkAg0Qgw4,
  .RA0cpPr9WwbxWg2g95ZC {
    flex: 0 1 auto;
  }
}
.oCShVxabGto58O70Fvqt {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  /* padding: 32px; */
  background-color: transparent;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom: 120px;
}

.yr3fHtzTcCau750rtko0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--admin-border-light);
}

.Q3LVfX1fW2rWyPsUZAzO {
  font-size: 28px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.ksJKutATM_dqO4XkuWE3 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.I94VLUZ6nokeOh5Sdonc {
  background: var(--admin-card-bg);
  border-radius: 12px;
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
}

.Qfiwz11_oXtFQ4Dr5NlJ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 16px;
  border-bottom: 1px solid var(--admin-border-light);
}

.tuzgGsvbhM52TAx_z3MP {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.DXf0OYiySdwpjVWKaNAi {
  padding: 16px;
}

/* Property Details Section */
.SHVzOJ1CQgbl30zIRisH {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.R68HLO0fO02tX1WbJbQF {
  margin-top: 16px;
  background: var(--admin-bg-secondary);
  border-radius: 6px;
  padding: 8px 12px;
  border: 1px solid var(--admin-border-light);
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.NnTt82vSq3blNQFzJwXJ {
  display: flex;
  align-items: center;
  gap: 6px;
}

.PEIBTQV4tIFeyZ0eJDO8 {
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.N_q7AudKu8iThwN9jHCQ {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.N_q7AudKu8iThwN9jHCQ.U8mkvkOHoDmI8WdkzjUX {
  color: #ef4444;
}

.H_4ifp7LhhuPpipM0NkJ {
  margin-top: 10px;
  padding: 6px 10px;
  gap: 12px;
}

.H_4ifp7LhhuPpipM0NkJ .PEIBTQV4tIFeyZ0eJDO8 {
  font-size: 11px;
}

.H_4ifp7LhhuPpipM0NkJ .N_q7AudKu8iThwN9jHCQ {
  font-size: 12px;
}

.gW0rSLw1pPUzoqjCpINv {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 5px;
  color: #b91c1c;
  font-size: 12px;
  font-weight: 500;
}

.gW0rSLw1pPUzoqjCpINv .yWFl216mME7eW_eyR76B {
  font-size: 16px;
}

.FSVB9bJH9EAcqAh4BOnJ {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  margin-left: 8px;
  background: transparent;
  border: 1px solid var(--admin-border-medium);
  border-radius: 4px;
  color: var(--admin-text-secondary);
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.FSVB9bJH9EAcqAh4BOnJ:hover:not(:disabled) {
  background: var(--admin-bg-secondary);
  color: var(--admin-text-primary);
  border-color: var(--admin-border-dark);
}

.FSVB9bJH9EAcqAh4BOnJ:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.FSVB9bJH9EAcqAh4BOnJ .yWFl216mME7eW_eyR76B {
  font-size: 14px;
}

/* Loan Overview Section */
.LPq_4yAPshmgfyGMVCiQ {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(65px, 1fr));
  gap: 10px;
}

/* Loan & Pricing Details Section */
.bfXXIDCKnGLUvVCl_eje {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 12px;
  margin-bottom: 12px;
}

.ufntG2sxD6KtsLOw7TtF {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.wkXLKALWZGO15WQGfJXa {
  margin-bottom: 12px;
  padding: 12px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
}

.fdhhZszlOj9l2nz4S3Ib {
  margin-bottom: 12px;
}

.R3r739I8m7R7Hkol57Cg {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
  cursor: pointer;
}

.R3r739I8m7R7Hkol57Cg input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #3b82f6;
}

.pZc7oZsGdov7Z9EjpGVa {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}

.NP9etHRi5GoYLYqk9Ijw {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

/* Form Elements */
.zjGqWuoHIeZrtDUcCT0C {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.LURbGmP1JwgkYKRPNWjA {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
  line-height: 1.2;
}

.pDZr0UM5xRytGzvHEeR7,
.SV_OOchmv7ZJm2022G5t {
  padding: 8px 12px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 14px;
  color: var(--admin-text-primary);
  background-color: var(--admin-card-bg);
  transition: all 0.15s ease;
  box-sizing: border-box;
}

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

.dJJBcoPc1GQYQ3Cex6H7 {
  padding: 8px 12px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 14px;
  color: var(--admin-text-primary);
  background-color: var(--admin-card-bg);
  transition: all 0.15s ease;
  resize: vertical;
  min-height: 50px;
  font-family: inherit;
}

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

/* Calculated Payments Section */
.iP9mgEQjuo2e5h3OQDoK {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  border-radius: 8px;
  padding: 14px;
  margin-top: 12px;
}

.O5hFgSRxfeUqdTim1HTQ {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 12px 0;
  letter-spacing: -0.025em;
}

.a8ZvIqEz9ymhXIHw8VJp {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 10px;
}

.Wk5B1xB6uFCf1HWVm9_l {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.qmM3P9w4aah4K8aWi81q {
  font-size: 14px;
  color: #e5e7eb;
  font-weight: 500;
}

.ojjStl8ff7nZcoOXW01k {
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
}

/* Overview Items */
.FIVrEg_fKINH7HgeAQGg {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.Q5IFeQnTHBXL83BUQd6s {
  max-width: 120px;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .SHVzOJ1CQgbl30zIRisH {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
  }

  .LPq_4yAPshmgfyGMVCiQ {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 16px;
  }

  .ufntG2sxD6KtsLOw7TtF {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
  }

  .bfXXIDCKnGLUvVCl_eje {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .oCShVxabGto58O70Fvqt {
    padding: 20px 16px;
  }

  .yr3fHtzTcCau750rtko0 {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 24px;
  }

  .Q3LVfX1fW2rWyPsUZAzO {
    font-size: 24px;
  }

  .tuzgGsvbhM52TAx_z3MP {
    font-size: 16px;
  }

  .Qfiwz11_oXtFQ4Dr5NlJ {
    padding: 16px 20px 12px 20px;
  }

  .DXf0OYiySdwpjVWKaNAi {
    padding: 20px;
  }

  .SHVzOJ1CQgbl30zIRisH {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .LPq_4yAPshmgfyGMVCiQ {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .ufntG2sxD6KtsLOw7TtF {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .pZc7oZsGdov7Z9EjpGVa {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .NP9etHRi5GoYLYqk9Ijw {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .Nk3GixM8cuT36s36AqgQ {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .a8ZvIqEz9ymhXIHw8VJp {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .Wk5B1xB6uFCf1HWVm9_l {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 16px;
  }

  .O5hFgSRxfeUqdTim1HTQ {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .oCShVxabGto58O70Fvqt {
    padding: 16px 12px;
  }

  .Q3LVfX1fW2rWyPsUZAzO {
    font-size: 20px;
  }

  .tuzgGsvbhM52TAx_z3MP {
    font-size: 14px;
  }

  .Qfiwz11_oXtFQ4Dr5NlJ {
    padding: 12px 16px 8px 16px;
  }

  .DXf0OYiySdwpjVWKaNAi {
    padding: 16px;
  }

  .LPq_4yAPshmgfyGMVCiQ {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .Nk3GixM8cuT36s36AqgQ {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .pDZr0UM5xRytGzvHEeR7,
  .SV_OOchmv7ZJm2022G5t,
  .dJJBcoPc1GQYQ3Cex6H7 {
    font-size: 13px;
    padding: 10px 12px;
  }

  .LURbGmP1JwgkYKRPNWjA {
    font-size: 11px;
  }

  .gW0rSLw1pPUzoqjCpINv {
    font-size: 13px;
    padding: 10px;
  }

  .R68HLO0fO02tX1WbJbQF {
    padding: 16px;
  }

  .wkXLKALWZGO15WQGfJXa {
    padding: 16px;
  }

  .iP9mgEQjuo2e5h3OQDoK {
    padding: 20px;
  }

  .O5hFgSRxfeUqdTim1HTQ {
    font-size: 14px;
    margin-bottom: 16px;
  }
}

/* Closing Costs Section Styles */
.Nk3GixM8cuT36s36AqgQ {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

@media (max-width: 1200px) {
  .Nk3GixM8cuT36s36AqgQ {
    grid-template-columns: repeat(2, 1fr);
  }
}

.eLoOOj3GTzSqm212z1Tk {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  margin-left: 8px;
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fbbf24;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.vH0PMDJiGKHcG2xEPd6x {
  display: flex;
  align-items: center;
  gap: 8px;
}

.d8ugcAaLV0RlmMkPTAer {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  background: var(--admin-card-bg);
  color: var(--admin-text-secondary);
  border: 1px solid var(--admin-border-medium);
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.d8ugcAaLV0RlmMkPTAer:hover {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-light);
  color: var(--admin-text-primary);
}

.d8ugcAaLV0RlmMkPTAer:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: var(--admin-card-bg);
}

._q_bzF4410YsN1tEZk9U {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  background: #3b82f6;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 1px 3px 0 rgba(59, 130, 246, 0.3);
  white-space: nowrap;
}

._q_bzF4410YsN1tEZk9U:hover {
  background: #2563eb;
  box-shadow: 0 2px 4px 0 rgba(59, 130, 246, 0.4);
  transform: translateY(-1px);
}

._q_bzF4410YsN1tEZk9U:active {
  transform: translateY(0);
}

._q_bzF4410YsN1tEZk9U:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #3b82f6;
  transform: none;
}

.tzLpdpeoNa5t4etkcz0P {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  background: transparent;
  color: var(--admin-text-secondary);
  border: 1px solid var(--admin-border-medium);
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.tzLpdpeoNa5t4etkcz0P:hover {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-light);
  color: var(--admin-text-primary);
}

.tzLpdpeoNa5t4etkcz0P:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.XwFDSAJlmMfav1x7AYvp {
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  padding: 12px;
  border: 1px solid var(--admin-border-light);
  margin-top: 12px;
}

.ZeQ5AO2x06lTR6wd1dWV {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.TJQxkxgpO1lvyDkuotEy {
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.gmwK51cFR5b0DBrmT1cj {
  font-size: 18px;
  font-weight: 700;
  color: #3b82f6;
  margin: 0;
}

.oPCQgx01lVAvDdIvOrBz {
  display: flex;
  margin-bottom: 8px;
  width: 100%;
  min-width: 0;
}

.il7ZfIS2qfJjuTsNpqKA {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-medium);
  border-right: none;
  border-radius: 6px 0 0 6px;
  font-size: 14px;
  color: var(--admin-text-secondary);
  font-weight: 500;
  flex-shrink: 0;
}

.oPCQgx01lVAvDdIvOrBz .pDZr0UM5xRytGzvHEeR7 {
  border-radius: 0 6px 6px 0;
  flex: 1;
  min-width: 0;
}

.rOri0qzeYDodFzhNwd_P {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 13px;
  color: var(--admin-text-secondary);
  background-color: var(--admin-card-bg);
  transition: all 0.15s ease;
  box-sizing: border-box;
}

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

.rOri0qzeYDodFzhNwd_P::-moz-placeholder {
  color: #9ca3af;
  font-style: italic;
}

.rOri0qzeYDodFzhNwd_P::placeholder {
  color: #9ca3af;
  font-style: italic;
}

/* Hover Effects */
.pDZr0UM5xRytGzvHEeR7:hover,
.SV_OOchmv7ZJm2022G5t:hover,
.dJJBcoPc1GQYQ3Cex6H7:hover {
  border-color: #9ca3af;
}

.Wk5B1xB6uFCf1HWVm9_l:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-1px);
  transition: all 0.15s ease;
}

/* Focus Within for Form Groups */
.zjGqWuoHIeZrtDUcCT0C:focus-within .LURbGmP1JwgkYKRPNWjA {
  color: #3b82f6;
}

/* Smooth Transitions */
* {
  transition: all 0.15s ease;
}

/* Loading States */
.pDZr0UM5xRytGzvHEeR7:disabled,
.SV_OOchmv7ZJm2022G5t:disabled,
.dJJBcoPc1GQYQ3Cex6H7:disabled {
  background-color: var(--admin-bg-secondary);
  color: var(--admin-text-secondary);
  cursor: not-allowed;
}

/* Validation States */
.pDZr0UM5xRytGzvHEeR7.HKTxAS3BYqiJ5CZjJj8j,
.SV_OOchmv7ZJm2022G5t.HKTxAS3BYqiJ5CZjJj8j,
.dJJBcoPc1GQYQ3Cex6H7.HKTxAS3BYqiJ5CZjJj8j {
  border-color: #ef4444;
}

.pDZr0UM5xRytGzvHEeR7.i_vhirheoi0rPI_o2QO7,
.SV_OOchmv7ZJm2022G5t.i_vhirheoi0rPI_o2QO7,
.dJJBcoPc1GQYQ3Cex6H7.i_vhirheoi0rPI_o2QO7 {
  border-color: #10b981;
}

/* Placeholder Styling */
.pDZr0UM5xRytGzvHEeR7::-moz-placeholder, .dJJBcoPc1GQYQ3Cex6H7::-moz-placeholder {
  color: #9ca3af;
  font-style: italic;
}
.pDZr0UM5xRytGzvHEeR7::placeholder,
.dJJBcoPc1GQYQ3Cex6H7::placeholder {
  color: #9ca3af;
  font-style: italic;
}

/* Lock Button */
.zanr7giR_pa4DrHlzYEw {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  color: var(--admin-text-secondary);
  font-size: 12px;
  font-weight: 500;
  font-family: inherit;
}

.zanr7giR_pa4DrHlzYEw:hover {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-light);
  color: var(--admin-text-primary);
}

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

.zanr7giR_pa4DrHlzYEw .yWFl216mME7eW_eyR76B {
  font-size: 16px;
}

.K5W1dgbqpXKupREhZagq {
  white-space: nowrap;
}

/* Header Buttons Container */
.NS0z4hUsBNXqLK8BSdMq {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Header Dropdown */
.MO1M6DAtoTeyvkdGIlHk {
  padding: 6px 10px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.MO1M6DAtoTeyvkdGIlHk:hover {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-light);
}

.MO1M6DAtoTeyvkdGIlHk:focus {
  outline: none;
  border-color: var(--admin-accent-primary, #3b82f6);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.MO1M6DAtoTeyvkdGIlHk:disabled {
  background: var(--admin-bg-secondary);
  color: var(--admin-text-secondary);
  cursor: not-allowed;
}

/* Save Button */
.GxO4SuICedQY3ey3LirH {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #3b82f6;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.15s ease;
  font-family: inherit;
}

.GxO4SuICedQY3ey3LirH:hover:not(:disabled) {
  background: #2563eb;
}

.GxO4SuICedQY3ey3LirH:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.GxO4SuICedQY3ey3LirH .yWFl216mME7eW_eyR76B {
  font-size: 16px;
}

/* ============ 6B Pricing Control Row Header ============ */
.uphpImWGlz7FSWRQmW1X {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid var(--admin-border-light);
}

.kyPB7AYViYdmhek0cy9J {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mNuemeTjLAg3rKlIBoIM {
  display: flex;
  align-items: center;
  gap: 8px;
}

.AGGbW3c7DmkDRPNTZymk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
}


.cng1la9l8KpqrfVtvJ0G {
  padding: 0;
  background: transparent;
  border: none;
  font-size: 12px;
  font-weight: 500;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.cng1la9l8KpqrfVtvJ0G:focus {
  outline: none;
}

.cng1la9l8KpqrfVtvJ0G:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* De-emphasized Discard Button */
.Xt_0yL6SfUvT4Q6T_OoT {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: transparent;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.Xt_0yL6SfUvT4Q6T_OoT:hover {
  background: #fef2f2;
  color: #dc2626;
}

/* Draft Badge */
.eLoOOj3GTzSqm212z1Tk {
  padding: 2px 8px;
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #ffeaa7;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Unsaved Dot */
.UNgm4QDyvgvs14EU5MQg {
  width: 6px;
  height: 6px;
  background-color: #ff6b35;
  border-radius: 50%;
  display: inline-block;
  animation: h58VspTsGrvZC2_FXXws 2s infinite;
}

@keyframes h58VspTsGrvZC2_FXXws {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* Previous Value Display (shown under inputs when draft exists) */
.vbtu7qm9uCN2nw89KzWu {
  font-size: 11px;
  color: #dc2626;
  margin-top: 2px;
  font-weight: 500;
}

/* De-emphasized Subtle Buttons for Pricing Controls */
.az72YkSlmZAQA6svV3UN {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: transparent;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.az72YkSlmZAQA6svV3UN:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.S0hkL5S3GK_dukuZ00od {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: transparent;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}

.S0hkL5S3GK_dukuZ00od:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.S0hkL5S3GK_dukuZ00od.VomcUMgpJWV8bQLv_59N {
  color: #10b981;
}

.S0hkL5S3GK_dukuZ00od.VomcUMgpJWV8bQLv_59N:hover {
  background: rgba(16, 185, 129, 0.1);
}

/* LPBP Wrapper for subtle dropdown */
.rKcTYd4W7F3ccP_GAtVX {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 5px 10px;
  background: transparent;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.rKcTYd4W7F3ccP_GAtVX:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}
.jSSxZrNtILM2G4NEhqhb {
  background: var(--admin-card-bg);
  border-radius: 12px;
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
}

.bR_T1waadkxPRSAjIF58 {
  padding: 12px 20px;
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid var(--admin-border-light);
}

.kRoxV508XGAbEOyqoEed {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 13px;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  resize: vertical;
  min-height: 40px;
  font-family: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

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

.kRoxV508XGAbEOyqoEed::-moz-placeholder {
  color: var(--admin-text-secondary);
  font-style: italic;
}

.kRoxV508XGAbEOyqoEed::placeholder {
  color: var(--admin-text-secondary);
  font-style: italic;
}

.kRoxV508XGAbEOyqoEed:disabled {
  background: var(--admin-bg-secondary);
  cursor: not-allowed;
}

.ruldSCOvj56pIey1fomd {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
}

@media (max-width: 1100px) {
  .ruldSCOvj56pIey1fomd {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .ruldSCOvj56pIey1fomd {
    grid-template-columns: 1fr;
  }
}

.Tg9MBejvK98VersuNouU {
  padding: 16px 20px;
  border-right: 1px solid var(--admin-border-light);
}

.Tg9MBejvK98VersuNouU:last-child {
  border-right: none;
}

@media (max-width: 1100px) {
  .Tg9MBejvK98VersuNouU:nth-child(2) {
    border-right: none;
  }

  .Tg9MBejvK98VersuNouU:nth-child(3) {
    grid-column: 1 / -1;
    border-top: 1px solid var(--admin-border-light);
  }
}

@media (max-width: 768px) {
  .Tg9MBejvK98VersuNouU {
    border-right: none;
    border-bottom: 1px solid var(--admin-border-light);
  }

  .Tg9MBejvK98VersuNouU:last-child {
    border-bottom: none;
  }
}

.AdEeo1LlRwp3nOTe7Kow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--admin-border-light);
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.gNbgUVOQ_ON7Z0YYwOnA {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  border-radius: 5px;
  color: white;
}

.gNbgUVOQ_ON7Z0YYwOnA .yhipz68otRzlIiRVMJ38 {
  font-size: 14px;
}

.tEWS8yZROsukuhCWDtFW {
  margin-bottom: 14px;
}

.tEWS8yZROsukuhCWDtFW:last-child {
  margin-bottom: 0;
}

.acojYlE4w9DBgeSbRM2Q {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 5px;
}

.CC9aDahIoPHfejty9ksp {
  font-size: 10px;
  font-weight: 500;
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: none;
  letter-spacing: 0;
}

.Sr6UWhShBPHzSH3TeCfV {
  font-size: 9px;
  font-weight: 600;
  color: #6b7280;
  background: var(--admin-bg-secondary);
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.vg7pKWUM36h29JdGlxmo {
  font-size: 9px;
  font-weight: 600;
  color: #9333ea;
  background: rgba(147, 51, 234, 0.1);
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.AgtWJ_JUAs3tDdVBsBOh {
  display: flex;
  align-items: stretch;
  position: relative;
}

.QD8jy_CAGJgd9osGaOrQ {
  display: flex;
  align-items: center;
  padding: 0 10px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-medium);
  border-right: none;
  border-radius: 6px 0 0 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.yVxBwbeydYxcLYcpeOvy {
  display: flex;
  align-items: center;
  padding: 0 10px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-medium);
  border-left: none;
  border-radius: 0 6px 6px 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.gHse1F5mulKy345vA2k5 {
  flex: 1;
  min-width: 0;
  padding: 9px 12px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  font-family: inherit;
}

.AgtWJ_JUAs3tDdVBsBOh .gHse1F5mulKy345vA2k5 {
  border-radius: 0;
}

.AgtWJ_JUAs3tDdVBsBOh .gHse1F5mulKy345vA2k5:first-child {
  border-radius: 6px 0 0 6px;
}

.AgtWJ_JUAs3tDdVBsBOh .gHse1F5mulKy345vA2k5:last-child {
  border-radius: 0 6px 6px 0;
}

.AgtWJ_JUAs3tDdVBsBOh .QD8jy_CAGJgd9osGaOrQ + .gHse1F5mulKy345vA2k5 {
  border-left: none;
}

.AgtWJ_JUAs3tDdVBsBOh .gHse1F5mulKy345vA2k5:has(+ .yVxBwbeydYxcLYcpeOvy) {
  border-right: none;
}

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

.gHse1F5mulKy345vA2k5:disabled {
  background: var(--admin-bg-secondary);
  color: var(--admin-text-secondary);
  cursor: not-allowed;
}

.gHse1F5mulKy345vA2k5.WKFH7yfxPEnda_pcNhFf {
  background: var(--admin-bg-secondary);
  color: var(--admin-text-primary);
  font-weight: 600;
}

.gHse1F5mulKy345vA2k5.p7ypWSBU3SZUQgf7LAOV {
  border-color: rgba(147, 51, 234, 0.3);
}

.gHse1F5mulKy345vA2k5.p7ypWSBU3SZUQgf7LAOV:focus {
  border-color: #9333ea;
  box-shadow: 0 0 0 3px rgba(147, 51, 234, 0.1);
}

.gHse1F5mulKy345vA2k5.p7ypWSBU3SZUQgf7LAOV::-moz-placeholder {
  color: var(--admin-text-secondary);
  font-weight: 400;
}

.gHse1F5mulKy345vA2k5.p7ypWSBU3SZUQgf7LAOV::placeholder {
  color: var(--admin-text-secondary);
  font-weight: 400;
}

.ZYpC75VQWBNt9DKberJA {
  font-size: 10px;
  color: var(--admin-text-secondary);
  margin-top: 4px;
  font-style: italic;
}

.bKYHDX8Uf_CqdIVpoh0H {
  width: 100%;
  padding: 9px 12px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  cursor: pointer;
  font-family: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

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

.bKYHDX8Uf_CqdIVpoh0H:disabled {
  background: var(--admin-bg-secondary);
  color: var(--admin-text-secondary);
  cursor: not-allowed;
}

.ZhPSyS8lLomagg42e9oP {
  height: 1px;
  background: var(--admin-border-light);
  margin: 16px 0;
}

.pWrFRdSMF23nCXzVM5d4 {
  padding: 10px 14px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.MSGdlmxDGbfAICXuGu4l {
  font-size: 10px;
  font-weight: 500;
  color: #dc2626;
  margin-top: 4px;
}

.OEkPIB3X2LrDHgRwGQbn {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 1px solid #fbbf24;
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 12px;
}

.OEkPIB3X2LrDHgRwGQbn:last-child {
  margin-bottom: 0;
}

.BTkfimwpZkNc7zT7n9fB {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border-color: #3b82f6;
}

.a7PSmajnA3maWfhPuQM8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.cSzAmhC8QBT7DtXi4HEx {
  font-size: 11px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.BTkfimwpZkNc7zT7n9fB .cSzAmhC8QBT7DtXi4HEx {
  color: #1e40af;
}

.hmJVh7C_K_ELwmlVylan {
  font-size: 20px;
  font-weight: 700;
  color: #78350f;
}

.BTkfimwpZkNc7zT7n9fB .hmJVh7C_K_ELwmlVylan {
  color: #1e3a8a;
}

.uCWzQ6JdBgSTrmi4jxk0 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 10px;
}

.i9aA4QAG_efI0WzyvMOw {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: #78350f;
  margin-bottom: 4px;
}

.BTkfimwpZkNc7zT7n9fB .i9aA4QAG_efI0WzyvMOw {
  color: #1e40af;
}

.i9aA4QAG_efI0WzyvMOw:last-child {
  margin-bottom: 0;
}

.i9aA4QAG_efI0WzyvMOw span:last-child {
  font-weight: 600;
}

.hS5FcW5y3bvurojpghIA {
  border-top: 1px solid var(--admin-border-light);
  padding: 16px 20px;
  background: var(--admin-bg-secondary);
}

.iBUQA0wsOb3XdvUBiqRN {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.kLmGkr4PCEenX2gOuApl {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.sx7KOoIOvRvJUO2irpJ5 {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.ANzTFtUsypIoqqThTPGS {
  position: relative;
  width: 40px;
  height: 22px;
  background: var(--admin-border-medium);
  border-radius: 11px;
  transition: background-color 0.2s ease;
}

.ANzTFtUsypIoqqThTPGS::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 50%;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.sx7KOoIOvRvJUO2irpJ5:checked + .ANzTFtUsypIoqqThTPGS {
  background: #10b981;
}

.sx7KOoIOvRvJUO2irpJ5:checked + .ANzTFtUsypIoqqThTPGS::before {
  transform: translateX(18px);
}

.sx7KOoIOvRvJUO2irpJ5:disabled + .ANzTFtUsypIoqqThTPGS {
  opacity: 0.5;
  cursor: not-allowed;
}

.izH5uzkra8Ll3l_e6TRh {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.IEYEznQvbvagDyDNDfqn {
  font-size: 11px;
  font-weight: 600;
  color: #059669;
  background: rgba(16, 185, 129, 0.1);
  padding: 4px 10px;
  border-radius: 12px;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.WEArG5FtNZ0fxWYqbbVS {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 768px) {
  .WEArG5FtNZ0fxWYqbbVS {
    grid-template-columns: 1fr;
  }
}

.f1cUbDOrdTzQb3_zwGCQ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.f1cUbDOrdTzQb3_zwGCQ .acojYlE4w9DBgeSbRM2Q {
  margin-bottom: 0;
}

.wkATUGPA03LqBj333uKX {
  display: flex;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  padding: 3px;
  gap: 2px;
}

.IOHbtzV_zc359XExsm5i {
  padding: 6px 16px;
  border: none;
  background: transparent;
  color: var(--admin-text-secondary);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  border-radius: 6px;
}

.IOHbtzV_zc359XExsm5i:hover:not(.H5nPAWgo5vd8QifAZ33N):not(:disabled) {
  color: var(--admin-text-primary);
}

.IOHbtzV_zc359XExsm5i.H5nPAWgo5vd8QifAZ33N {
  background: var(--admin-card-bg);
  color: var(--admin-text-primary);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.IOHbtzV_zc359XExsm5i:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.Qd0ReaCltdkKKCcemUW9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed var(--admin-border-light);
}

.HDrsyrhm6YPcFsI85hAS {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.sc2UPXCzeDR4YaXsOxHw {
  position: relative;
  width: 36px;
  height: 20px;
  background: var(--admin-border-medium);
  border-radius: 10px;
  transition: background-color 0.2s ease;
}

.sc2UPXCzeDR4YaXsOxHw::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: white;
  border-radius: 50%;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.sc2UPXCzeDR4YaXsOxHw.H5nPAWgo5vd8QifAZ33N {
  background: #10b981;
}

.sc2UPXCzeDR4YaXsOxHw.H5nPAWgo5vd8QifAZ33N::before {
  transform: translateX(16px);
}

.u8u1Udt73SdrzlURh_Gt {
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-text-secondary);
}

.BTkfimwpZkNc7zT7n9fB.EkwrSjGsc5Q4aBJwHEnr {
  padding: 10px 14px;
}

.BTkfimwpZkNc7zT7n9fB.EkwrSjGsc5Q4aBJwHEnr .a7PSmajnA3maWfhPuQM8 {
  margin-bottom: 0;
}

@media (max-width: 600px) {
  .f1cUbDOrdTzQb3_zwGCQ {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .Qd0ReaCltdkKKCcemUW9 {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

.oAJy3dqtIAFXaLrCUCRt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid var(--admin-border-light);
}

.csruW2tQLhNT8kLwEEPL {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.liiIJYTLVxu33afhiaxa {
  display: flex;
  align-items: center;
  gap: 6px;
}

.esVDsDv9XL6JEcLyPhvH {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: transparent;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.esVDsDv9XL6JEcLyPhvH:hover:not(:disabled) {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.esVDsDv9XL6JEcLyPhvH:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}


.esVDsDv9XL6JEcLyPhvH.ENU1dv66WJmPn6gGtaLS {
  color: #059669;
}

.esVDsDv9XL6JEcLyPhvH.ENU1dv66WJmPn6gGtaLS .YMMWHjAXIdgTvTPIcPwV {
  color: #059669;
}

.aepqZJZXsddVCZ5NPEz2 {
  position: relative;
  display: flex;
  align-items: center;
}

.iHKdNTbqcqYMlqpXPMNf {
  padding: 4px 20px 4px 8px;
  background: transparent;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.iHKdNTbqcqYMlqpXPMNf:hover:not(:disabled) {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.iHKdNTbqcqYMlqpXPMNf:focus {
  outline: none;
}

.iHKdNTbqcqYMlqpXPMNf:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.iHKdNTbqcqYMlqpXPMNf option {
  background: var(--admin-card-bg);
  color: var(--admin-text-primary);
}

.tVevUbO9OSYG6XPqM1fC {
  position: absolute;
  right: 4px;
  pointer-events: none;
  color: var(--admin-text-secondary);
}

@media (max-width: 600px) {
  .oAJy3dqtIAFXaLrCUCRt {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }

  .liiIJYTLVxu33afhiaxa {
    width: 100%;
    flex-wrap: wrap;
  }

  .esVDsDv9XL6JEcLyPhvH {
    flex: 1;
    min-width: 60px;
    justify-content: center;
  }
}

.lx9qY855BUSzavfwYMky {
  background: var(--admin-card-bg);
  border-radius: 12px;
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
}

.WTGPBNfirpNWW9lVci2g {
  padding: 6px 14px;
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid var(--admin-border-light);
}

.rXXazsTYQQyIuTXzlmRE {
  width: 100%;
  padding: 5px 10px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 4px;
  font-size: 11px;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  font-family: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

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

.rXXazsTYQQyIuTXzlmRE::-moz-placeholder {
  color: var(--admin-text-secondary);
  font-style: italic;
}

.rXXazsTYQQyIuTXzlmRE::placeholder {
  color: var(--admin-text-secondary);
  font-style: italic;
}

.rXXazsTYQQyIuTXzlmRE:disabled {
  background: var(--admin-bg-secondary);
  cursor: not-allowed;
}

.OGn3_OHJZpS__AlxCdzw {
  display: flex;
}

.j6x8JpMzphbJMVg2xJmQ {
  flex: 1;
  min-width: 0;
  padding: 12px 14px;
}

.Dfbhg3JU1zCG7xedlblZ {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 10px;
}

.Dfbhg3JU1zCG7xedlblZ:last-child {
  margin-bottom: 0;
}

.h_1a_F4y5vA5cXVF10TV {
  height: 1px;
  background: var(--admin-border-light);
  margin: 10px 0;
}

.RmRvIxO9935isYfQi6y6 {
  display: flex;
  flex-direction: column;
}

.Nvgo3f0MnhIBnzxNdHCR {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.csFml3EU5vfrh_2hE05u {
  font-size: 8px;
  font-weight: 500;
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
  padding: 1px 3px;
  border-radius: 2px;
  text-transform: none;
  letter-spacing: 0;
}

.Enpbnst1DHgxfGejgc7t {
  font-size: 7px;
  font-weight: 600;
  color: #9333ea;
  background: rgba(147, 51, 234, 0.1);
  padding: 1px 3px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.qXSDAUZk3G6bq5G1qWaZ {
  display: flex;
  align-items: stretch;
}

.Dk4tWRpLd9Au1eYqXAwa {
  display: flex;
  align-items: center;
  padding: 0 6px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-medium);
  border-right: none;
  border-radius: 4px 0 0 4px;
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.BNQmrt7pj65y5tuZM7pg {
  display: flex;
  align-items: center;
  padding: 0 6px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-medium);
  border-left: none;
  border-radius: 0 4px 4px 0;
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.zN3G00OU5BBh1okkvymR {
  flex: 1;
  min-width: 0;
  padding: 5px 8px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  font-family: inherit;
}

.qXSDAUZk3G6bq5G1qWaZ .zN3G00OU5BBh1okkvymR {
  border-radius: 0;
}

.qXSDAUZk3G6bq5G1qWaZ .zN3G00OU5BBh1okkvymR:first-child {
  border-radius: 4px 0 0 4px;
}

.qXSDAUZk3G6bq5G1qWaZ .zN3G00OU5BBh1okkvymR:last-child {
  border-radius: 0 4px 4px 0;
}

.Dk4tWRpLd9Au1eYqXAwa + .zN3G00OU5BBh1okkvymR {
  border-left: none;
}

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

.zN3G00OU5BBh1okkvymR:disabled {
  background: var(--admin-bg-secondary);
  color: var(--admin-text-secondary);
  cursor: not-allowed;
}

.zN3G00OU5BBh1okkvymR.j9HfowS8NO8U69UUhvfs {
  background: var(--admin-bg-secondary);
  color: var(--admin-text-primary);
  font-weight: 600;
}

.zN3G00OU5BBh1okkvymR.iq4pDuBS8OiYQxwSXJQ7 {
  border-color: rgba(147, 51, 234, 0.3);
}

.zN3G00OU5BBh1okkvymR.iq4pDuBS8OiYQxwSXJQ7:focus {
  border-color: #9333ea;
  box-shadow: 0 0 0 2px rgba(147, 51, 234, 0.1);
}

.zN3G00OU5BBh1okkvymR.iq4pDuBS8OiYQxwSXJQ7::-moz-placeholder {
  color: var(--admin-text-secondary);
  font-weight: 400;
}

.zN3G00OU5BBh1okkvymR.iq4pDuBS8OiYQxwSXJQ7::placeholder {
  color: var(--admin-text-secondary);
  font-weight: 400;
}

.w_WVGH3DElXq1d3vL8KX {
  display: flex;
  background: var(--admin-bg-secondary);
  border-radius: 5px;
  padding: 2px;
  gap: 2px;
}

.Ywglvcq2GV7WMsiqmHtX {
  flex: 1;
  padding: 5px 10px;
  border: none;
  background: transparent;
  color: var(--admin-text-secondary);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  border-radius: 4px;
}

.Ywglvcq2GV7WMsiqmHtX:hover:not(.OTjsf9g_qlwkKGhhHniR):not(:disabled) {
  color: var(--admin-text-primary);
}

.Ywglvcq2GV7WMsiqmHtX.OTjsf9g_qlwkKGhhHniR {
  background: var(--admin-card-bg);
  color: var(--admin-text-primary);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.Ywglvcq2GV7WMsiqmHtX:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.AGos6xn6jpsA2nsRqIew {
  font-size: 8px;
  font-weight: 500;
  color: #dc2626;
  margin-top: 2px;
}

.ROvLQDGOvpO32Op_Wdu2 {
  width: 180px;
  flex-shrink: 0;
  padding: 10px;
  background: var(--admin-bg-secondary);
  border-left: 1px solid var(--admin-border-light);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.uaMHvCjijjAaYJQaWL05 {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border: 1px solid #3b82f6;
  border-radius: 6px;
  padding: 8px 10px;
  text-align: center;
}

.UUq5amLOLCX_rCQrcHMz {
  font-size: 8px;
  font-weight: 600;
  color: #1e40af;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 2px;
}

.t5VO_pez5NnFKb9G_Xfs {
  font-size: 16px;
  font-weight: 700;
  color: #1e3a8a;
}

.I0cdTYfKf3EyenCgIVFQ {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 1px solid #fbbf24;
  border-radius: 6px;
  padding: 8px;
}

.I0cdTYfKf3EyenCgIVFQ.W1oN9Ybc80psK2H2JUMa {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border-color: #3b82f6;
}

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

.Qs6p8InKltGiIOpHqFWk {
  font-size: 8px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.W1oN9Ybc80psK2H2JUMa .Qs6p8InKltGiIOpHqFWk {
  color: #1e40af;
}

.F8FdXcrPJGisA2bnQX6l {
  font-size: 13px;
  font-weight: 700;
  color: #78350f;
}

.W1oN9Ybc80psK2H2JUMa .F8FdXcrPJGisA2bnQX6l {
  color: #1e3a8a;
}

.eV7bw9qmcUYAdDrHKPBz {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 4px;
}

.kH3CH9bwHnJO4chct2J0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 9px;
  color: #78350f;
  margin-bottom: 1px;
}

.W1oN9Ybc80psK2H2JUMa .kH3CH9bwHnJO4chct2J0 {
  color: #1e40af;
}

.kH3CH9bwHnJO4chct2J0:last-child {
  margin-bottom: 0;
}

.kH3CH9bwHnJO4chct2J0 span:last-child {
  font-weight: 600;
}

.QIWOqdK9Mm1eaRzIZNPD {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
  border-top: 1px dashed var(--admin-border-light);
  margin-top: auto;
}

.VGiUZNzBWB9deeuy2FfA {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.lmA3EtB8JSdHWmJtcnGu {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.lKvOZz2UyNMXG6W4WGas {
  position: relative;
  width: 28px;
  height: 16px;
  background: var(--admin-border-medium);
  border-radius: 8px;
  transition: background-color 0.2s ease;
}

.lKvOZz2UyNMXG6W4WGas::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background: white;
  border-radius: 50%;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.lKvOZz2UyNMXG6W4WGas.OTjsf9g_qlwkKGhhHniR {
  background: #10b981;
}

.lKvOZz2UyNMXG6W4WGas.OTjsf9g_qlwkKGhhHniR::before {
  transform: translateX(12px);
}

.lmA3EtB8JSdHWmJtcnGu:disabled + .lKvOZz2UyNMXG6W4WGas {
  opacity: 0.5;
  cursor: not-allowed;
}

.rknkwC3GF4BpHAVkTfdE {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
}

.USk7iHbZ5bk1aqsnQ8yD {
  font-size: 8px;
  font-weight: 600;
  color: #059669;
  background: rgba(16, 185, 129, 0.1);
  padding: 2px 5px;
  border-radius: 8px;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.B467fk_Wjh94mNu2N5OC {
  border-top: 1px solid var(--admin-border-light);
  padding: 10px 14px;
  background: var(--admin-bg-secondary);
}

.JUKWdYComH21NWryiL0l {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

@media (max-width: 1100px) {
  .Dfbhg3JU1zCG7xedlblZ {
    grid-template-columns: repeat(2, 1fr);
  }

  .ROvLQDGOvpO32Op_Wdu2 {
    width: 160px;
  }
}

@media (max-width: 800px) {
  .OGn3_OHJZpS__AlxCdzw {
    flex-direction: column;
  }

  .ROvLQDGOvpO32Op_Wdu2 {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    border-left: none;
    border-top: 1px solid var(--admin-border-light);
    gap: 10px;
  }

  .uaMHvCjijjAaYJQaWL05 {
    flex: 1;
    min-width: 120px;
  }

  .I0cdTYfKf3EyenCgIVFQ {
    flex: 1;
    min-width: 150px;
  }

  .QIWOqdK9Mm1eaRzIZNPD {
    width: 100%;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
  }
}

@media (max-width: 600px) {
  .Dfbhg3JU1zCG7xedlblZ {
    grid-template-columns: 1fr;
  }

  .ROvLQDGOvpO32Op_Wdu2 {
    flex-direction: column;
  }

  .uaMHvCjijjAaYJQaWL05,
  .I0cdTYfKf3EyenCgIVFQ {
    min-width: unset;
  }

  .JUKWdYComH21NWryiL0l {
    grid-template-columns: 1fr;
  }
}

/* Panel Overlay */
.ZqdnfdeXEK96Te2p1g13 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1040;
  animation: _PC8Gfo2HnP19rjesNQt 0.2s ease;
}

@keyframes _PC8Gfo2HnP19rjesNQt {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Side Panel */
.DIbjXSk8sxJwnMGxWh2A {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 360px;
  height: 100vh;
  background: var(--admin-panel-bg);
  z-index: 1050;
  display: flex;
  flex-direction: column;
  animation: ZdJOh9cDuBbMjYuBMWAy 0.3s ease;
  box-shadow: -4px 0 24px var(--admin-shadow-lg);
  border-left: 1px solid var(--admin-panel-border);
}

@keyframes ZdJOh9cDuBbMjYuBMWAy {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

.sOK3f_9QaL8A_DIHJYt2 {
  transform: translateX(0);
}

.pj1wTIXK1coICc_iYb3h {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
  z-index: 10;
}

.pj1wTIXK1coICc_iYb3h:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.pj1wTIXK1coICc_iYb3h .Y1wiGXYjyEXwfLY3r7hF {
  font-size: 20px;
}

/* Panel Content */
.BeWu7rhBlzDpz6LbnMwP {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 20px 24px;
  padding-top: 16px;
}

/* Panel Header */
.GK4LYgajVMBjmOZOK0ZC {
  padding-left: 44px;
  margin-bottom: 28px;
}

.N5r_MU3m0i1fMyO5WowR {
  font-size: 18px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 4px;
}

.Agb7RV6ghh_SEZxv7QkS {
  font-size: 13px;
  color: var(--admin-text-secondary);
  margin: 0;
}

/* Settings Sections */
.KH0x5YXIue9duyYvmclw {
  margin-bottom: 28px;
}

.LdrpyzyQaVCS4ulHApA7 {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
}

/* Theme Toggle */
.oxPpfAZZSRv4KMfLJHdw {
  display: flex;
  gap: 8px;
}

.l6NPMLhTe4vmsLcTYg7y {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 14px 12px;
  border: 1px solid var(--admin-border-light);
  border-radius: 10px;
  background: var(--admin-card-bg);
  cursor: pointer;
  transition: all 0.15s ease;
  color: var(--admin-text-secondary);
}

.l6NPMLhTe4vmsLcTYg7y:hover {
  border-color: var(--admin-border-medium);
  background: var(--admin-bg-hover);
}

.l6NPMLhTe4vmsLcTYg7y.hpAiUB03WzdVshs_qh0L {
  border-color: var(--admin-accent-primary);
  background: var(--admin-state-current-bg);
  color: var(--admin-accent-primary);
}

.l6NPMLhTe4vmsLcTYg7y .Y1wiGXYjyEXwfLY3r7hF {
  font-size: 22px;
}

.l6NPMLhTe4vmsLcTYg7y span:last-child {
  font-size: 12px;
  font-weight: 500;
}

/* Layout Options */
.bkmGfkRit_1rDPetahhS {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.Ad1NK8JGYoaayZWeScNq {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid var(--admin-border-light);
  border-radius: 10px;
  background: var(--admin-card-bg);
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: left;
  width: 100%;
}

.Ad1NK8JGYoaayZWeScNq:hover {
  border-color: var(--admin-border-medium);
  background: var(--admin-bg-hover);
}

.Ad1NK8JGYoaayZWeScNq.hpAiUB03WzdVshs_qh0L {
  border-color: var(--admin-accent-primary);
  background: var(--admin-state-current-bg);
}

.CRU3fdHWynHpKYd3m_gQ {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--admin-bg-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--admin-text-tertiary);
  flex-shrink: 0;
}

.Ad1NK8JGYoaayZWeScNq.hpAiUB03WzdVshs_qh0L .CRU3fdHWynHpKYd3m_gQ {
  background: var(--admin-accent-primary);
  color: var(--admin-bg-primary);
}

.CRU3fdHWynHpKYd3m_gQ .Y1wiGXYjyEXwfLY3r7hF {
  font-size: 20px;
}

.gNqB9n2c7R_Rt5m2prUq {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.RAM27iIdlJlk9FsVWws_ {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.o8qNmdg28So1SjlSyxDC {
  font-size: 12px;
  color: var(--admin-text-tertiary);
  line-height: 1.4;
}

.Ad1NK8JGYoaayZWeScNq.hpAiUB03WzdVshs_qh0L .RAM27iIdlJlk9FsVWws_ {
  color: var(--admin-accent-primary);
}

.KkCYL3OAK_8VAXwC4j63 {
  font-size: 20px;
  color: var(--admin-accent-primary);
  flex-shrink: 0;
}

/* Mobile Responsive */
@media (max-width: 480px) {
  .DIbjXSk8sxJwnMGxWh2A {
    max-width: 100%;
  }

  .BeWu7rhBlzDpz6LbnMwP {
    padding: 16px;
  }

  .GK4LYgajVMBjmOZOK0ZC {
    padding-left: 40px;
  }

  .l6NPMLhTe4vmsLcTYg7y {
    padding: 12px 8px;
  }
}

.NcOyTt6YfIcUxl733i8P {
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  padding: 14px;
}

.SYeBaj6arOHkuEfHmscM {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 6px;
}

.PYfyNNC2B7vSJ79ar_A2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.MYnvATbK1t1GBeOGct2T {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.UFhYifzFyGC_svWfaMtf {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.V_5ADFr0UZ1W4Vi0CQGb {
  display: flex;
  gap: 3px;
  margin-bottom: 12px;
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
}

.yTdrsqpcRhLDVxAJhoej {
  flex: 1;
  border-radius: 2px;
  transition: background 0.2s;
}

.K_q4H22JzF2Q02n9XuUX {
  height: 6px;
  margin-top: -1px;
}

.N7_XJa9slSZM83mu0U2D {
  display: flex;
  gap: 16px;
}

.XXWX0UZU9jRUNDbqvLBy {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.QzWba7obBUugKaQmcxXg {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-secondary);
}

.JZtORNLe0BEtOerBqXr6 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-weight: 700;
  color: var(--admin-text-primary);
  font-variant-numeric: tabular-nums;
}

.Hx_8OpIveoHwjUbMleCe {
  font-size: 16px;
  animation: BW6moIRzxZsPODFCAMCM 2s ease-in-out infinite;
}

@keyframes BW6moIRzxZsPODFCAMCM {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}

.V5En6YxWLwmc8dgm9Nuw {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 8px 12px;
  border: 1px solid;
  border-radius: 6px;
  font-size: 12px;
}

.V5En6YxWLwmc8dgm9Nuw .LJvLnz50bI2jk7pqtEHB {
  font-size: 16px;
}

.JIrvyfJaP1bu0VNGnOC_ {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 12px;
  background: rgba(153, 27, 27, 0.1);
  border: 1px solid rgba(153, 27, 27, 0.3);
  border-radius: 6px;
  font-size: 12px;
  color: #991b1b;
}

.JIrvyfJaP1bu0VNGnOC_ .LJvLnz50bI2jk7pqtEHB {
  font-size: 18px;
  margin-top: 1px;
}

.spWxhex2ORpTrO7Eqzes {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.CfbSNYwU_aCVcIyHC8ZA {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.CfbSNYwU_aCVcIyHC8ZA input[type="checkbox"] {
  accent-color: #991b1b;
}

.xYkis7ELJb_lG2ei6EzN {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-secondary);
}

.k2oXd1att1s3rk3fL6y4 {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.apFSN2CGKLV79rrYP14r {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.Lr1EFis6X9TYPQz99nzw {
  font-size: 14px;
}

.g4WRSoJVj0YKPSgz5K4N {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   SHARED: Tier Bar (reused across variants)
   ══════════════════════════════════════════════════════════════════════════════ */
.K5YnyDJKg_icKOHKIBDE {
  display: flex;
  gap: 2px;
  border-radius: 2px;
  overflow: hidden;
  height: 3px;
  width: 48px;
  flex-shrink: 0;
}

.pt5yHl04VtmdkaKQNjHQ {
  display: flex;
  gap: 2px;
  border-radius: 2px;
  overflow: hidden;
  height: 4px;
  flex: 1;
}

.tpi4ZxUCTA9Y8Q2HnOHv {
  flex: 1;
  border-radius: 2px;
  transition: all 0.2s;
}

.f0Enk3TkCerxVmYIAQZC {
  transform: scaleY(1.5);
}

/* ══════════════════════════════════════════════════════════════════════════════
   OPTION A: INLINE STRIP
   ══════════════════════════════════════════════════════════════════════════════ */
.J0c924rAyTyohGFJli9h {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
}

.EgjhD5SlYMaJ4pgQhTtS {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-secondary);
  white-space: nowrap;
}

.RfOp4c5sKfW56neXl6qh {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex: 1;
  font-variant-numeric: tabular-nums;
  min-width: 0;
}

.YEsp8MlFsX0YPbAm3hur {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
}

.Knq7SYdJ4DnLjsdur_yB {
  color: var(--admin-text-muted);
  font-size: 11px;
}

.gGPllnMijPqARjHLH26N {
  font-size: 11px;
  color: var(--admin-text-secondary);
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
}

.p9hIYNlW5bo99j0UGK2J {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 3px 7px;
  border-radius: 4px;
  white-space: nowrap;
}

.Sc3j4z9m6Ydftym231t4 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 600;
  color: #991b1b;
  white-space: nowrap;
}

.Sc3j4z9m6Ydftym231t4 .LJvLnz50bI2jk7pqtEHB {
  font-size: 14px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   OPTION B: TWO-ROW COMPACT
   ══════════════════════════════════════════════════════════════════════════════ */
.ykznV7YsHiHv6X8FTJr6 {
  padding: 10px 14px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
}

.KinHviT7YkrANkbTq0zR {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.KwQ1LwJEzGWKmc3r4MIq {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-secondary);
  white-space: nowrap;
}

.sgKM3tvl2fP5Fd5032BL {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 3px 7px;
  border-radius: 4px;
  white-space: nowrap;
}

.anIbiQHNaEpZ9ZzrAfZ4 {
  display: flex;
  align-items: baseline;
  gap: 16px;
  font-variant-numeric: tabular-nums;
}

.qbzCli0xaDAkLzPCEcFq {
  display: flex;
  align-items: baseline;
  gap: 5px;
}

.sFxEf4VAb88uUo1rvnpZ {
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-muted);
}

.JsueNVnvJSqyG8xbqsR3 {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  color: var(--admin-text-primary);
}

.kII0mCugnO9KzlT8y45f {
  font-size: 15px;
  font-weight: 700;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
}

._LXCPqVWaGRNHlJGNjpa {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 6px 8px;
  background: rgba(153, 27, 27, 0.15);
  border: 1px solid rgba(153, 27, 27, 0.3);
  border-radius: 4px;
  font-size: 11px;
  color: #991b1b;
}

._LXCPqVWaGRNHlJGNjpa .LJvLnz50bI2jk7pqtEHB {
  font-size: 14px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   OPTION C: GAUGE BAR
   ══════════════════════════════════════════════════════════════════════════════ */
.TDPeezySKFjPi5ieA4fR {
  padding: 10px 14px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
}

.ka8Wb4LVgbF99ibdOJ1A {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.Y7i2EvOcpV6e69pyBYBu {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-secondary);
}

.Qvfk6DVhjlKfJxvDILV4 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-variant-numeric: tabular-nums;
}

.snkPtsJy8r__pzjRPOqC {
  font-size: 16px;
  font-weight: 700;
}

.sK_BMl7bjf7yajKKPawk {
  font-size: 11px;
  color: var(--admin-text-secondary);
}

.VNbACFDPEQQPXOUR0wGV {
  position: relative;
  height: 8px;
  border-radius: 4px;
  overflow: visible;
  margin-bottom: 4px;
}

.W6tqKtd3E2zQ9N2MzTYo {
  position: absolute;
  inset: 0;
  border-radius: 4px;
  background: linear-gradient(to right,
    #10b981 0%, #10b981 43%,
    #f59e0b 43%, #f59e0b 45%,
    #f97316 45%, #f97316 48%,
    #dc2626 48%, #dc2626 50%,
    #991b1b 50%, #991b1b 100%
  );
  opacity: 0.2;
}

.uFiMEiUBK0kBZ_WEobPr {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  transition: width 0.4s ease;
}

.J5U1OSL8iaBB5IQ1xYXQ {
  position: absolute;
  top: -3px;
  width: 3px;
  height: 14px;
  border-radius: 2px;
  background: var(--admin-text-primary);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  transition: left 0.4s ease;
  transform: translateX(-50%);
}

.Ur6SP8efIb4lpIDcVdNb {
  position: absolute;
  top: -2px;
  width: 1px;
  height: 12px;
  background: var(--admin-text-secondary);
  opacity: 0.5;
}

.PB5Ci0YuUmTLheKnjpqs {
  position: absolute;
  top: 14px;
  transform: translateX(-50%);
  font-size: 9px;
  color: var(--admin-text-secondary);
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  white-space: nowrap;
}

.ec3lBLuBuQJKiXzNyCjw {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  color: var(--admin-text-muted);
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  padding-top: 2px;
}

.V3ZdLONeV1u9JB4B9yyF {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 5px 8px;
  background: rgba(153, 27, 27, 0.15);
  border: 1px solid rgba(153, 27, 27, 0.3);
  border-radius: 4px;
  font-size: 10px;
  color: #991b1b;
}

.V3ZdLONeV1u9JB4B9yyF .LJvLnz50bI2jk7pqtEHB {
  font-size: 14px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   OPTION D: SPLIT PANEL
   ══════════════════════════════════════════════════════════════════════════════ */
.WX_teK9bv0KMSZkLFYCQ {
  display: flex;
  align-items: stretch;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  overflow: hidden;
}

.ySozdqvmzwkza92NgZJ7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  min-width: 100px;
  border-right: 1px solid var(--admin-border-light);
}

.n5_BlQdkqUlxmCtiEHpa {
  font-size: 26px;
  font-weight: 700;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.v9fW8ayNEum0SRYzNQc_ {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--admin-text-muted);
  margin-top: 4px;
}

.hWwGOpCCpCXQRk3aueay {
  flex: 1;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.G2n2X9nlhYSAC2gBDVBx {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.QMSWP7HS3palrpXY5zE3 {
  display: flex;
  gap: 12px;
}

.A3CZ3E6cmpiUYJ3gmlRI {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.wlUqSPoFHkz2sMV93UdG {
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-muted);
}

.DWbO12MGdvg3V5CAl6Pu {
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  color: var(--admin-text-primary);
}

.vV11Zo3T1JKKWPnYz7iO {
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 3px 7px;
  border-radius: 4px;
  white-space: nowrap;
}

.K_swHN1_3VTCUCkZC5cE {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  background: rgba(153, 27, 27, 0.15);
  border-radius: 3px;
  font-size: 10px;
  color: #991b1b;
}

.K_swHN1_3VTCUCkZC5cE .LJvLnz50bI2jk7pqtEHB {
  font-size: 13px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   SHARED: Override Label (compact variant for condensed layouts)
   ══════════════════════════════════════════════════════════════════════════════ */
.OQ1d73k5enG8i0OqSOX6 {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-left: auto;
}

.OQ1d73k5enG8i0OqSOX6 input[type="checkbox"] {
  accent-color: #991b1b;
  width: 12px;
  height: 12px;
}

.UgDFNbxWVI3OqnMLr4r_ {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.UgDFNbxWVI3OqnMLr4r_ .QDu7buXp1pccYN_nhgEt {
    font-size: 18px;
    flex-shrink: 0;
}

.CvjPI_RnN9vzPKRUmeWn {
    flex: 1;
}

.W61Koln4QfB5yIZISgiU {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px;
    opacity: 0.6;
    transition: opacity 0.15s;
    display: flex;
    align-items: center;
}

.W61Koln4QfB5yIZISgiU:hover {
    opacity: 1;
}

.W61Koln4QfB5yIZISgiU .QDu7buXp1pccYN_nhgEt {
    font-size: 16px;
}

.jKFqczKnll8YGG02nB2D {
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.2);
    color: #1e40af;
}

.eUtQvkQEkq5st11uhdOt {
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.2);
    color: #92400e;
}

.kPbvoBffNFYeHtlIHe0p {
    background: rgba(220, 38, 38, 0.08);
    border: 1px solid rgba(220, 38, 38, 0.2);
    color: #991b1b;
}

.okvY_MFX0ZRS2JAWRJTW {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.gSGipKF9zOHpHVaJ_odD {
  z-index: 1001;
}

.KKAr2MSGCWOq5TMC27xr {
  background-color: white;
  border-radius: 8px;
  padding: 24px;
  max-width: 450px;
  width: 90%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.uduwddYlIUHypHkdbCyQ {
  max-width: 500px;
}

.Zq2H8qFgc4ngOSJdzYn0 {
  max-width: 400px;
}

.usU8DBmdUgoi7XYsOdww {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.Ql3H_97h3PvZsSjTCN6C {
  font-size: 24px;
}

.EIY7goh6cD05bJVDHzr3 {
  color: #f59e0b;
}

.whpuX2fOtp5QWU22OmPA {
  color: #dc3545;
}

.TPWGGDlgYZHMf95M9l66 {
  color: #10b981;
}

.E3RHZcZxgklZVzGOZDVk {
  color: #007bff;
}

.xngeuFlngxiIFWeqnQKz {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.f6yX1GTQwvFoM7DU8_I9 {
  color: #dc3545;
}

.kWqA6Uvtix4zy6a7wiuk {
  margin: 0 0 12px 0;
  color: #333;
  line-height: 1.5;
}

.oUgwHBEBK5s3vEln9545 {
  margin: 0 0 24px 0;
  color: #666;
  line-height: 1.5;
  font-size: 14px;
}

.O_KaPGQ1CdECFATiMMAV {
  font-style: italic;
}

.dyfOVpLyidJ36G2gFu4Q {
  margin: 0 0 24px 0;
  padding-left: 20px;
  color: #666;
  line-height: 1.8;
}

.qhTgolp7x4ckDabwpFPg {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.VYfv_R3LwkB5vr6VnPcM {
  padding: 8px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  font-size: 14px;
}

.VYfv_R3LwkB5vr6VnPcM:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.FLfQgNa3gOS9ZhIsoK8i {
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.FLfQgNa3gOS9ZhIsoK8i:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.yTfz2UpIyJnhB9k7QbKU {
  background-color: #007bff;
}

.EUChmXiRlTbQNlag4Epw {
  background-color: #10b981;
}

.x3cTOZLZvRp7rnCutvGT {
  background-color: #dc3545;
}

.UsDjR2qixPaeiPIJCuZm {
  background-color: #f59e0b;
}

.PqC15cYaFsh8ZNn3hnAU {
  font-size: 16px;
}

.IHCaZikHdnkx52YBltKN {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: #f0f7ff;
  border-radius: 8px;
  margin-bottom: 20px;
}

[data-theme="dark"] .IHCaZikHdnkx52YBltKN {
  background: rgba(30, 58, 95, 0.4);
}

.xtFIhZ9fT5IUSXBAZ3VD {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.QY2XXqYZuCzPaD95SlEK {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #666;
}

[data-theme="dark"] .QY2XXqYZuCzPaD95SlEK {
  color: #94a3b8;
}

.L9F9R5YssllQpplWILKW {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-theme="dark"] .L9F9R5YssllQpplWILKW {
  color: #e2e8f0;
}

.GNvzCRcF_iZkuxXxARCt {
  color: #007bff;
  font-weight: 600;
}

[data-theme="dark"] .GNvzCRcF_iZkuxXxARCt {
  color: #60a5fa;
}

.IHddENflB30yUGBMZTPJ {
  font-size: 20px;
  color: #007bff;
  flex-shrink: 0;
}

[data-theme="dark"] .IHddENflB30yUGBMZTPJ {
  color: #60a5fa;
}

.iIhNpp0gGqZybujmeyQX {
  margin-bottom: 16px;
}

.y65ckxSD2IrK1v0z_RsK {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  margin-bottom: 6px;
}

[data-theme="dark"] .y65ckxSD2IrK1v0z_RsK {
  color: #e2e8f0;
}

.T6FFigTsMU_GGDXaIFwv {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  resize: vertical;
  min-height: 60px;
  background: white;
  color: #333;
  box-sizing: border-box;
}

.T6FFigTsMU_GGDXaIFwv:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
}

.T6FFigTsMU_GGDXaIFwv:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

[data-theme="dark"] .T6FFigTsMU_GGDXaIFwv {
  background: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}

[data-theme="dark"] .T6FFigTsMU_GGDXaIFwv:focus {
  border-color: #60a5fa;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.15);
}

.M2fZjJeD8_BAENS4fWou {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  margin-bottom: 8px;
}

.gm6_AKpwbGHsd8K_dif2 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lnQhzYZrk_YcQ9gqWUJk {
  font-size: 18px;
  color: #666;
}

[data-theme="dark"] .lnQhzYZrk_YcQ9gqWUJk {
  color: #94a3b8;
}

.APGGsSjoW_NHQZNn8Ftr {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

[data-theme="dark"] .APGGsSjoW_NHQZNn8Ftr {
  color: #e2e8f0;
}

.WQuMa2c4xvEtaqWSuZUo {
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: 12px;
  border: none;
  background: #ccc;
  cursor: pointer;
  padding: 0;
  transition: background 0.2s ease;
}

.WQuMa2c4xvEtaqWSuZUo:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.zKLQlaWiepCkoXtF0BRQ {
  background: #007bff;
}

[data-theme="dark"] .WQuMa2c4xvEtaqWSuZUo {
  background: #475569;
}

[data-theme="dark"] .zKLQlaWiepCkoXtF0BRQ {
  background: #3b82f6;
}

.JQ85moFKV4HLO_jt5wYl {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  transition: transform 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.zKLQlaWiepCkoXtF0BRQ .JQ85moFKV4HLO_jt5wYl {
  transform: translateX(20px);
}

.CBaAy5oZQqgx0QH88K36 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(2px);
  animation: HodnEacagS76Yib8t3Mv 0.2s ease-out;
}

@keyframes HodnEacagS76Yib8t3Mv {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.VQ_9ZZHGovlANt7rbwst {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: white;
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  width: 90%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
  animation: NZWSurTdr3hsAeehgQgA 0.3s ease-out;
}

@keyframes NZWSurTdr3hsAeehgQgA {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

._1blqXihQYDyBxEeBOy5g {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}

.xd6zWOLG32q3Lsxyap7M {
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
  letter-spacing: -0.025em;
}

.zOJ8WNSCDvg4YzUuf_iD {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #64748b;
  transition: all 0.15s ease;
  border-radius: 4px;
}

.zOJ8WNSCDvg4YzUuf_iD:hover {
  color: #0f172a;
  background: #f1f5f9;
}

.zOJ8WNSCDvg4YzUuf_iD .DhIdJAm1kPC_y8u2BVyZ {
  font-size: 24px;
}

.FrEXIiBuyNovYMGQnhjR {
  padding: 24px;
}

.r36fr3VW67iut4cWqZdV {
  margin-bottom: 20px;
}

.r36fr3VW67iut4cWqZdV:last-of-type {
  margin-bottom: 0;
}

.tVIBn12R8Z8Esw59ztsz {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
  letter-spacing: -0.025em;
}

.GiqMWXvjNTORe9y6O3wn {
  color: #ef4444;
}

.ixW4S1spOJshBgI3bPTS,
.A18XkhB25I8NXPM0msQT,
.SCGhK3aUEFuFeM5ITLuK {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  color: #0f172a;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  transition: all 0.15s ease;
  outline: none;
}

.ixW4S1spOJshBgI3bPTS:focus,
.A18XkhB25I8NXPM0msQT:focus,
.SCGhK3aUEFuFeM5ITLuK:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.ixW4S1spOJshBgI3bPTS::-moz-placeholder, .SCGhK3aUEFuFeM5ITLuK::-moz-placeholder {
  color: #9ca3af;
}

.ixW4S1spOJshBgI3bPTS::placeholder,
.SCGhK3aUEFuFeM5ITLuK::placeholder {
  color: #9ca3af;
}

.ixW4S1spOJshBgI3bPTS:disabled,
.A18XkhB25I8NXPM0msQT:disabled,
.SCGhK3aUEFuFeM5ITLuK:disabled {
  background-color: #f3f4f6;
  color: #6b7280;
  cursor: not-allowed;
}

.A18XkhB25I8NXPM0msQT {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%236b7280%27 d=%27M6 9L1 4h10z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}

.SCGhK3aUEFuFeM5ITLuK {
  resize: vertical;
  min-height: 80px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.iQtTToGcN8rcGa3L_NlT {
  position: relative;
  display: inline-block;
  width: 120px;
}

.iWy3YLPBsaCaGUL7fQ2K {
  width: 100%;
  padding-right: 30px;
}

.LHtUQx2HJ_sT0YSIonZV {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #6b7280;
  font-size: 14px;
  font-weight: 600;
  pointer-events: none;
}

.M9aYoST3HjMurFOjaGoj {
  border-color: #ef4444;
}

.M9aYoST3HjMurFOjaGoj:focus {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.geq52lhkF3jICUb0dbAW {
  display: block;
  font-size: 12px;
  color: #ef4444;
  margin-top: 4px;
  font-weight: 500;
}

.poZfa4mQxYkxFjB8QWZH {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
}

.CKP84IQ62nN3bQDm3saH,
.Ir22XpRzWc190FzJhrNf {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: none;
  outline: none;
}

.CKP84IQ62nN3bQDm3saH {
  background: white;
  color: #64748b;
  border: 1px solid #d1d5db;
}

.CKP84IQ62nN3bQDm3saH:hover {
  background: #f9fafb;
  border-color: #9ca3af;
  color: #374151;
}

.Ir22XpRzWc190FzJhrNf {
  background: #3b82f6;
  color: white;
  border: 1px solid #3b82f6;
}

.Ir22XpRzWc190FzJhrNf:hover {
  background: #2563eb;
  border-color: #2563eb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.Ir22XpRzWc190FzJhrNf:active {
  transform: translateY(1px);
}

@media (max-width: 768px) {
  .VQ_9ZZHGovlANt7rbwst {
    width: 95%;
    max-height: 95vh;
  }

  ._1blqXihQYDyBxEeBOy5g {
    padding: 16px 20px;
  }

  .xd6zWOLG32q3Lsxyap7M {
    font-size: 16px;
  }

  .FrEXIiBuyNovYMGQnhjR {
    padding: 20px;
  }

  .r36fr3VW67iut4cWqZdV {
    margin-bottom: 16px;
  }

  .poZfa4mQxYkxFjB8QWZH {
    margin-top: 20px;
    padding-top: 16px;
  }
}

@media (max-width: 480px) {
  .VQ_9ZZHGovlANt7rbwst {
    border-radius: 8px;
  }

  ._1blqXihQYDyBxEeBOy5g {
    padding: 14px 16px;
  }

  .xd6zWOLG32q3Lsxyap7M {
    font-size: 15px;
  }

  .FrEXIiBuyNovYMGQnhjR {
    padding: 16px;
  }

  .r36fr3VW67iut4cWqZdV {
    margin-bottom: 14px;
  }

  .tVIBn12R8Z8Esw59ztsz {
    font-size: 12px;
  }

  .ixW4S1spOJshBgI3bPTS,
  .A18XkhB25I8NXPM0msQT,
  .SCGhK3aUEFuFeM5ITLuK {
    padding: 8px 12px;
    font-size: 13px;
  }

  .poZfa4mQxYkxFjB8QWZH {
    flex-direction: column-reverse;
    gap: 8px;
  }

  .CKP84IQ62nN3bQDm3saH,
  .Ir22XpRzWc190FzJhrNf {
    width: 100%;
    padding: 10px 16px;
  }
}

.e4ItBDG6KWx4q4e6mWGQ {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(2px);
  animation: jOQK0vxs5N81jEhFnMyX 0.2s ease-out;
}

@keyframes jOQK0vxs5N81jEhFnMyX {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.LAMs2S4vduCh89hvQcDK {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: white;
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  width: 90%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
  animation: Pd7uvWWKiiYQd2vGKOHI 0.3s ease-out;
}

@keyframes Pd7uvWWKiiYQd2vGKOHI {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.mynO6bi0Y7GXAf9j4C5d {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}

._L_PLV07KZ22TBCidYjJ {
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
  letter-spacing: -0.025em;
}

.OxyyJYHbi30hwiFmje9i {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #64748b;
  transition: all 0.15s ease;
  border-radius: 4px;
}

.OxyyJYHbi30hwiFmje9i:hover {
  color: #0f172a;
  background: #f1f5f9;
}

.OxyyJYHbi30hwiFmje9i .SvuXr1rnldnBFw_Kjkz8 {
  font-size: 24px;
}

.AVUeKhszhhpaLPtPJdLQ {
  padding: 24px;
}

.R_Hxmy45jXYJmHwuOBcn {
  margin-bottom: 20px;
}

.R_Hxmy45jXYJmHwuOBcn:last-of-type {
  margin-bottom: 0;
}

.Z6fqG5Rb1lPa5jhohGR1 {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
  letter-spacing: -0.025em;
}

.pE8QQ_ONNCJA0eOjvTXM {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  padding: 10px 14px;
  font-size: 14px;
  color: #0f172a;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  min-height: 42px;
  display: flex;
  align-items: center;
}

.tytYvGYTRPJI75EwfXgN {
  color: #3b82f6;
  text-decoration: none;
  transition: color 0.15s ease;
}

.tytYvGYTRPJI75EwfXgN:hover {
  color: #2563eb;
  text-decoration: underline;
}

.MuGhiAmtad90qA5dOmBx,
.oUZyfkYIItIb0UgG8t3Z,
.tlcq_h9CLAtK5Tm3jt3W {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  color: #0f172a;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  transition: all 0.15s ease;
  outline: none;
}

.MuGhiAmtad90qA5dOmBx:focus,
.oUZyfkYIItIb0UgG8t3Z:focus,
.tlcq_h9CLAtK5Tm3jt3W:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.MuGhiAmtad90qA5dOmBx::-moz-placeholder, .tlcq_h9CLAtK5Tm3jt3W::-moz-placeholder {
  color: #9ca3af;
}

.MuGhiAmtad90qA5dOmBx::placeholder,
.tlcq_h9CLAtK5Tm3jt3W::placeholder {
  color: #9ca3af;
}

.iBUGpYfI7kLL70VV4dVo {
  position: relative;
  display: inline-block;
  width: 120px;
}

.wvrOWBQe_iRGjy2J8cLK {
  width: 100%;
  padding-right: 30px;
}

.PUvN1wPWrrCDLidXqklG {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #6b7280;
  font-size: 14px;
  font-weight: 600;
  pointer-events: none;
}

.IQr8sWKL19R5QoKdmg9j {
  border-color: #ef4444;
}

.IQr8sWKL19R5QoKdmg9j:focus {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.v0fg0syk0OAO0WgsaFbs {
  display: block;
  font-size: 12px;
  color: #ef4444;
  margin-top: 4px;
  font-weight: 500;
}

.V1L7lfeKtLQ5TgKJvtL_ {
  display: block;
  font-size: 12px;
  color: #6b7280;
  margin-top: 4px;
  font-style: italic;
}

.n6MfECbIUtISTn8suwWW {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
}

.bFrjGCH5COfefldnSy4g,
.XK50rlztpY_vG0i4eZ1w,
.iooWmKOWzgCkXDkFmQfK {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  gap: 6px;
}

.bFrjGCH5COfefldnSy4g {
  background: white;
  color: #64748b;
  border: 1px solid #d1d5db;
}

.bFrjGCH5COfefldnSy4g:hover {
  background: #f9fafb;
  border-color: #9ca3af;
  color: #374151;
}

.XK50rlztpY_vG0i4eZ1w {
  background: #3b82f6;
  color: white;
  border: 1px solid #3b82f6;
}

.XK50rlztpY_vG0i4eZ1w:hover {
  background: #2563eb;
  border-color: #2563eb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.XK50rlztpY_vG0i4eZ1w:active {
  transform: translateY(1px);
}

.iooWmKOWzgCkXDkFmQfK {
  background: #3b82f6;
  color: white;
  border: 1px solid #3b82f6;
}

.iooWmKOWzgCkXDkFmQfK:hover {
  background: #2563eb;
  border-color: #2563eb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.iooWmKOWzgCkXDkFmQfK:active {
  transform: translateY(1px);
}

.iooWmKOWzgCkXDkFmQfK .SvuXr1rnldnBFw_Kjkz8 {
  font-size: 18px;
}

@media (max-width: 768px) {
  .LAMs2S4vduCh89hvQcDK {
    width: 95%;
    max-height: 95vh;
  }

  .mynO6bi0Y7GXAf9j4C5d {
    padding: 16px 20px;
  }

  ._L_PLV07KZ22TBCidYjJ {
    font-size: 16px;
  }

  .AVUeKhszhhpaLPtPJdLQ {
    padding: 20px;
  }

  .R_Hxmy45jXYJmHwuOBcn {
    margin-bottom: 16px;
  }

  .n6MfECbIUtISTn8suwWW {
    margin-top: 20px;
    padding-top: 16px;
  }
}

@media (max-width: 480px) {
  .LAMs2S4vduCh89hvQcDK {
    border-radius: 8px;
  }

  .mynO6bi0Y7GXAf9j4C5d {
    padding: 14px 16px;
  }

  ._L_PLV07KZ22TBCidYjJ {
    font-size: 15px;
  }

  .AVUeKhszhhpaLPtPJdLQ {
    padding: 16px;
  }

  .R_Hxmy45jXYJmHwuOBcn {
    margin-bottom: 14px;
  }

  .Z6fqG5Rb1lPa5jhohGR1 {
    font-size: 12px;
  }

  .MuGhiAmtad90qA5dOmBx,
  .oUZyfkYIItIb0UgG8t3Z,
  .tlcq_h9CLAtK5Tm3jt3W,
  .pE8QQ_ONNCJA0eOjvTXM {
    padding: 8px 12px;
    font-size: 13px;
  }

  .n6MfECbIUtISTn8suwWW {
    flex-direction: column-reverse;
    gap: 8px;
  }

  .bFrjGCH5COfefldnSy4g,
  .XK50rlztpY_vG0i4eZ1w,
  .iooWmKOWzgCkXDkFmQfK {
    width: 100%;
    padding: 10px 16px;
    justify-content: center;
  }
}

.Ia6f1j_q4OZtlyVMfpXe {
  background: var(--admin-card-bg);
  border-radius: 12px;
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
  margin-bottom: 12px;
}

.nbe_11w6tfFZMLfB4AuQ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 16px;
  border-bottom: 1px solid var(--admin-border-light);
}

.gdsFdTG8toIlF45ko6K6 {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.Rvecip0a6uxivLDXyXKH {
  padding: 16px;
}

.dBpUUpWePj3bni9KPrZq {
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 13px;
  color: var(--admin-text-secondary);
  margin-bottom: 16px;
}

.vcc9k8oOFQE61Sh4h68O {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  .vcc9k8oOFQE61Sh4h68O {
    grid-template-columns: 1fr;
  }
}

.v9y6hMrz7crkxh2tNUHH {
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 10px;
  padding: 16px;
}

.YLDmNfVRzL_ch6Y2dwcN {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

._4o7sfdNGrzLU9AFRwFJi {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.QFyamBo4zuNaLFS96JBM {
  font-size: 11px;
  color: var(--admin-text-secondary);
  background: var(--admin-bg-hover);
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.iEIlerviA1S7TzxR3GS8 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}

.YapXtE9q_N6hTL7EEzi0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px;
  background: var(--admin-card-bg);
  border-radius: 6px;
  border: 1px solid var(--admin-border-light);
  gap: 12px;
}

.xUEzTMfPapu3cw_2z1eq {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

.Ou7d47T7b7Q7s5UcVyds {
  font-size: 13px;
  color: var(--admin-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.JM_sp3Z8h5FOxcfyP2H5 {
  font-size: 9px;
  font-weight: 600;
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
  padding: 1px 5px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  flex-shrink: 0;
}

.iH1BLxVLPoogAqJYKfmB {
  font-size: 9px;
  font-weight: 600;
  color: #16a34a;
  background: rgba(22, 163, 74, 0.1);
  padding: 1px 5px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  flex-shrink: 0;
}

.eHpOIZHdjjfvSFigCrqV {
  font-size: 9px;
  font-weight: 600;
  color: #dc2626;
  background: rgba(220, 38, 38, 0.1);
  padding: 1px 5px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  flex-shrink: 0;
}

.ZzoTnekohZ0NuULzzcCX {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: none;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 4px;
  cursor: pointer;
  color: #ef4444;
  flex-shrink: 0;
  transition: background 0.15s ease;
}

.ZzoTnekohZ0NuULzzcCX:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.2);
}

.ZzoTnekohZ0NuULzzcCX:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.ZzoTnekohZ0NuULzzcCX .O1L__7z3kttDsBfdZapp {
  font-size: 14px;
}

.c_2yHvwmoTobt_g0lm0t {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
  width: 130px;
}

.HI1ID_u_gMkb6GT8C1bB {
  display: flex;
  align-items: center;
  padding-left: 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  white-space: nowrap;
}

.E9t_T7UkerJ67Jgj97FM {
  display: flex;
  align-items: center;
  padding: 0 8px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-medium);
  border-right: none;
  border-radius: 5px 0 0 5px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.FbQ_pUewCO_fLHjRJNo2 {
  flex: 1;
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 0 5px 5px 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  font-family: inherit;
  text-align: right;
}

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

.FbQ_pUewCO_fLHjRJNo2:disabled {
  background: var(--admin-bg-secondary);
  color: var(--admin-text-secondary);
  cursor: not-allowed;
}

.FbQ_pUewCO_fLHjRJNo2.Ol3FJPWn_sRXeKEj6h6Y {
  border-color: rgba(147, 51, 234, 0.4);
  background: rgba(147, 51, 234, 0.03);
}

.FbQ_pUewCO_fLHjRJNo2.Ol3FJPWn_sRXeKEj6h6Y:focus {
  border-color: #9333ea;
  box-shadow: 0 0 0 2px rgba(147, 51, 234, 0.1);
}

.uj6EsoKppQe6KXhnG5k9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  background: var(--admin-bg-hover);
  border-radius: 6px;
}

.AsfKGtPsLWRAtSxJusIQ {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.Zc6v33Iqxf84BhAI2FGO {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.oEsftKouZ2Z8kwxzho6g {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  border-radius: 8px;
  color: #fff;
}

.Et0_LS0bLCK5R1OG9KEe {
  font-size: 14px;
  font-weight: 500;
}

.CKdJrLHpA9KzLP_k13em {
  font-size: 20px;
  font-weight: 700;
}

.w6Uu7lYCUcoKgZaQChqc {
  padding: 32px;
  text-align: center;
  color: var(--admin-text-secondary);
  font-size: 13px;
}

.FW7Guk74NQR4DW5cW4oL {
  padding: 32px;
  text-align: center;
  color: #dc2626;
  font-size: 13px;
}

.CWffkXsArStjbJxtqCET {
  padding: 32px;
  text-align: center;
}

.CWffkXsArStjbJxtqCET p {
  margin: 0;
  color: var(--admin-text-secondary);
  font-size: 13px;
}

.sIsKdhr2CvzyO2ZNoS5W {
  margin-top: 6px !important;
  font-size: 12px !important;
  color: var(--admin-text-secondary) !important;
}

.R6NjXS8uebu0hUmUqZoW {
  transition: all 0.2s ease;
}

.rL25w7_Lj9x2nXbwqlZk {
  transition: all 0.2s ease;
}

.f3P0FpWN0GJQd99OeHTA {
  display: flex;
  flex-direction: column;
}

.U3UkyUcplyfZ41j_Ha13 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 16px;
  cursor: pointer;
  border-bottom: 1px solid var(--admin-border-light);
  transition: background 0.15s ease;
}

.U3UkyUcplyfZ41j_Ha13:hover {
  background: var(--admin-bg-hover);
}

.C3cmuNcsZO2wHSFx4C2t {
  display: flex;
  align-items: center;
  gap: 6px;
}

.DKzh8r6zOZoBD6Ma61Zg {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  padding: 2px 0;
  border-radius: 4px;
  transition: opacity 0.15s ease;
}

.DKzh8r6zOZoBD6Ma61Zg:hover {
  opacity: 0.7;
}

.UnngFbx4QwMbaCNuzSwE,
.Vy4kma_98ldPsNNMHaMQ {
  font-size: 20px;
  color: var(--admin-text-secondary);
  transition: transform 0.2s ease;
}

.U3UkyUcplyfZ41j_Ha13:hover .UnngFbx4QwMbaCNuzSwE {
  color: var(--admin-text-primary);
}

.DKzh8r6zOZoBD6Ma61Zg:hover .Vy4kma_98ldPsNNMHaMQ {
  color: var(--admin-text-primary);
}

.vne3kCUzp1F9JVzZI7cg {
  padding: 8px 16px;
}

.lSusYJOBWV5WzKHNtIcI {
  display: flex;
  align-items: center;
  gap: 14px;
}

.KwUjCSGPPVSADoH9DrIN {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

.eEbDOlGUb_5p3DbgcY3L {
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.Blr0oxrPpblRKgTU_Aqy {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.guuGbQCJKQvUb9MRMsjc {
  width: 1px;
  height: 28px;
  background: var(--admin-border-light);
  flex-shrink: 0;
}

.xBuiiARaL5rDRM4wrkY2 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1.2;
  padding: 6px 12px;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  border-radius: 6px;
  margin-left: auto;
}

.oXHhfAERKDAclUZIdpkB {
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.oE8yAJXJzWL0rrqM9n1Q {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

@media (max-width: 768px) {
  .lSusYJOBWV5WzKHNtIcI {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .guuGbQCJKQvUb9MRMsjc {
    display: none;
  }

  .KwUjCSGPPVSADoH9DrIN {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--admin-border-light);
  }

  .xBuiiARaL5rDRM4wrkY2 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-top: 4px;
  }
}

.OQoeMTLmRzcwTg8Qe9_H {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  max-width: 600px;
  width: calc(100% - 48px);
}

.pAlPOgRgKiMZzJuWZzUu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.ZgU4LgyUloKD5ARhf7M4 {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}

.CONzkEYU7xqkc5S7z8MG {
  background: #fef3c7;
  border: 1px solid #fcd34d;
}

.ZSwTBj8wk3e43zpmCj_C {
  background: #f0f9ff;
  border: 1px solid #93c5fd;
}

.cIJl_Nm0EYRjIKHhhVNg {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
}

@keyframes mgedrRt9_3H6EtDoV0P8 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fBGZY1tgatalpfcQYj3L {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20px);
    opacity: 0;
  }
}

.D9xqUEo9_gZr5Jti0djs {
  animation: mgedrRt9_3H6EtDoV0P8 0.25s ease-out forwards;
}

.qfKXwi5d29JENQcow_jV {
  transform: translateY(0);
  opacity: 1;
}

._mXU0EoiUqJxKnVZKnAw {
  animation: fBGZY1tgatalpfcQYj3L 0.25s ease-in forwards;
}

.en7Kq34Ixr3vrUmGtFzG {
  display: none;
}

.M41watcnbUaFW0_AmCP7 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.RYondLMOK3jgUdRhahPu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.RYondLMOK3jgUdRhahPu .uRDb5DpIXkckVxlmLhAE {
  font-size: 14px;
}

.elrRoQxofeeMsljf3ttQ {
  background: #d1fae5;
  color: #059669;
}

.UHfCkQrC1DltYcjiUwGH {
  background: #fde68a;
  color: #92400e;
}

.G8QLflvL6RZpEzIya0UH {
  background: #dbeafe;
  color: #2563eb;
}

.OV_O0Hgr4HI6ADWtQxYM {
  background: #e2e8f0;
  color: #64748b;
}

.LOsoynPgH1iHy5X2kz3X {
  font-size: 13px;
  font-weight: 500;
}

.qKlTlb76GBBWQLGvKaE_ {
  color: #059669;
}

.BSV9wqNUPRAbNxDwnlot {
  color: #92400e;
}

.nebhfI50MwHyJClpzB7e {
  color: #1d4ed8;
}

.qrbMx1xJZHu7rIgJNWI8 {
  color: #64748b;
}

.c4OoAck61vxwPpes7T0c {
  display: flex;
  align-items: center;
  gap: 8px;
}

.uIZjTyh90E06qfF1f6H4 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: rgba(59, 130, 246, 0.12);
  backdrop-filter: blur(8px);
  color: #2563eb;
  border: 1px solid rgba(59, 130, 246, 0.25);
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.uIZjTyh90E06qfF1f6H4 .uRDb5DpIXkckVxlmLhAE {
  font-size: 14px;
  line-height: 1;
}

.uIZjTyh90E06qfF1f6H4:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: rgba(59, 130, 246, 0.4);
}

.uIZjTyh90E06qfF1f6H4:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.auT58dU0ZXtF2LiCiG0F {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: rgba(16, 185, 129, 0.12);
  backdrop-filter: blur(8px);
  color: #059669;
  border: 1px solid rgba(16, 185, 129, 0.25);
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.auT58dU0ZXtF2LiCiG0F .uRDb5DpIXkckVxlmLhAE {
  font-size: 14px;
  line-height: 1;
}

.auT58dU0ZXtF2LiCiG0F:hover {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
}

.auT58dU0ZXtF2LiCiG0F:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.lM7askxYbLg5QszMLa2K {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  color: #94a3b8;
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.lM7askxYbLg5QszMLa2K .uRDb5DpIXkckVxlmLhAE {
  font-size: 14px;
  line-height: 1;
}

.lM7askxYbLg5QszMLa2K:hover {
  background: rgba(220, 38, 38, 0.08);
  color: #dc2626;
}

.lM7askxYbLg5QszMLa2K:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@keyframes L3h3RRElwynf1BCi59K4 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

._UDq2f6p0JO_nYd019qO {
  animation: L3h3RRElwynf1BCi59K4 1s linear infinite;
}

.C2D3DGEAax6xlvjwcmMq {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-right: -30px;
  background-color: transparent;
  padding: 32px;
  min-height: 100vh;
}

.ldq6f1ShY7YJHzMZIjcZ {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
  max-width: 1400px;
  margin: 0 auto;
}

@media (max-width: 1200px) {
  .ldq6f1ShY7YJHzMZIjcZ {
    grid-template-columns: 1fr;
  }
}

.MPxFewWo8ovFh9JjQKXr {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.nIDpqzaCDkVsStEriD46 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.RKOOv2RfNZFkkZlEHXXd {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Accordion Section Styling */
.Gq2maqnY5lbkwlEHyNb6 {
  background: var(--admin-card-bg);
  border-radius: 12px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
  transition: all 0.15s ease;
}

.Gq2maqnY5lbkwlEHyNb6:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.sDbr8zhDdd2FNCiy8zsA {
  background: var(--admin-bg-secondary);
  padding: 20px 24px 16px 24px;
  cursor: pointer;
  border-bottom: 1px solid var(--admin-border-light);
  transition: background-color 0.15s ease;
}

.sDbr8zhDdd2FNCiy8zsA:hover {
  background: var(--admin-bg-hover);
}

.n29Ez9Rz91l6Sh_r74xf {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

.r5MJxK1cdYGNT2fmqIka {
  text-align: left;
}

.zu5mzf1nvIzDz0VUAXmH {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--admin-text-primary);
  letter-spacing: -0.025em;
}

.c8GEACrSQQLhbHjnASuw {
  text-align: right;
  color: var(--admin-text-secondary);
  font-size: 18px;
}

.kcS8GiLGn0F9jECwxOH2 {
  padding: 24px;
  background-color: var(--admin-card-bg);
}

.fZSrZnllX2dIWEBA5GAq {
  margin-bottom: 20px;
  text-align: right;
}

.mgYlbMOlGpaMIDSZCO31 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.WROEEYQj9hS1uMA6VGEQ {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sTCpPehVhGOpIaEaA_DD {
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.JSzD_0KQvFmkUgetH8dI {
  font-size: 14px;
  color: var(--admin-text-primary);
  font-weight: 500;
  line-height: 1.5;
}

.nLoCd3ZWbNhDcQ8KyfRj {
  display: flex;
  gap: 10px;
}

.nLoCd3ZWbNhDcQ8KyfRj input {
  flex: 1;
}

.duJehxxmtv5f7eJ9kdil {
  margin-top: 20px;
  text-align: right;
}

/* Income Summary Styling */
.k0r2hJFP5C2TywoL6Glt h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin-bottom: 16px;
  letter-spacing: -0.025em;
}

.FyItCSp3xJpuFCgcAXDx {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 20px;
}

.Wu0JZd9qWczrKLNgRtwj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
  transition: all 0.15s ease;
}

.Wu0JZd9qWczrKLNgRtwj:hover {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-medium);
}

.GuG4Fd2yEOy7r1hOs6T0 {
  font-size: 14px;
  color: var(--admin-text-primary);
  font-weight: 500;
}

.DPxyB3FovVSKJM9JkYgm {
  font-size: 16px;
  color: var(--admin-text-primary);
  font-weight: 600;
}

/* Assets Summary Styling */
.r9ozgf8O9jDBSysQBQ5V h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin-bottom: 16px;
  letter-spacing: -0.025em;
}

.QZ6tRqDmoDIw39EQ6aEP {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.vot6bWrecZBldZUROOUG {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
  transition: all 0.15s ease;
}

.vot6bWrecZBldZUROOUG:hover {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-medium);
}

.vot6bWrecZBldZUROOUG.evmGt6s4PouAWLhTEt3Q {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  border: 1px solid #2563eb;
  grid-column: 1 / -1;
}

.vot6bWrecZBldZUROOUG.evmGt6s4PouAWLhTEt3Q .oK7BVL5JFSm7LNPqyErK {
  font-weight: 600;
  color: #fff;
}

.vot6bWrecZBldZUROOUG.evmGt6s4PouAWLhTEt3Q .nAISMoklWOwpdHDCgzGK {
  font-weight: 700;
  color: #fff;
  font-size: 18px;
}

.oK7BVL5JFSm7LNPqyErK {
  font-size: 14px;
  color: var(--admin-text-primary);
  font-weight: 500;
}

.nAISMoklWOwpdHDCgzGK {
  font-size: 16px;
  color: var(--admin-text-primary);
  font-weight: 600;
}

/* Status Badge Styling */
.rcQmcClJDGJHUOtwPpKg {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 600;
  border-radius: 6px;
  letter-spacing: 0.025em;
  text-transform: capitalize;
  white-space: nowrap;
}

.oWF_CunHJKkGS6KhkCLg {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fcd34d;
}

.iusFJcKAxCsqCSsfLuvZ {
  background: #dbeafe;
  color: #1e40af;
  border: 1px solid #bfdbfe;
}

.as4Bxjrw0KiNBaTiZOW_ {
  background: #d1fae5;
  color: #065f46;
  border: 1px solid #86efac;
}

.gJkTzAT8RVdrPUPHA_02 {
  background: #fee2e2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}

/* Document Grid Styling */
.X5Dymqe3yUkUa2U3wxZi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
}

.QuzpExcTamU03sH7XDQk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
  transition: all 0.15s ease;
}

.QuzpExcTamU03sH7XDQk:hover {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-medium);
}

.ikABYbkinonDTjIaBfDA {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}

.NdXdm9oiC1sHg2xgK6VK {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
}

/* Loading State */
.aFmMWi5uPczm4MapBz3Q {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  background: var(--admin-card-bg);
  border-radius: 12px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  gap: 16px;
}

.NOoguE989ONKqzi4PFD9 {
  width: 40px;
  height: 40px;
  border: 3px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: dJyhB1UR2Cc1kqeU8FSx 0.8s linear infinite;
}

.aFmMWi5uPczm4MapBz3Q span {
  color: var(--admin-text-secondary);
  font-size: 15px;
  font-weight: 500;
}

@keyframes dJyhB1UR2Cc1kqeU8FSx {
  to {
    transform: rotate(360deg);
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  .C2D3DGEAax6xlvjwcmMq {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px 16px;
  }

  .zu5mzf1nvIzDz0VUAXmH {
    font-size: 16px;
  }

  .sDbr8zhDdd2FNCiy8zsA {
    padding: 16px 20px 12px 20px;
  }

  .kcS8GiLGn0F9jECwxOH2 {
    padding: 20px;
  }

  .mgYlbMOlGpaMIDSZCO31 {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .X5Dymqe3yUkUa2U3wxZi {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .QuzpExcTamU03sH7XDQk {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
  }

  .rcQmcClJDGJHUOtwPpKg {
    align-self: flex-end;
  }
}

@media (max-width: 480px) {
  .C2D3DGEAax6xlvjwcmMq {
    padding: 16px 12px;
  }

  .zu5mzf1nvIzDz0VUAXmH {
    font-size: 14px;
  }

  .sDbr8zhDdd2FNCiy8zsA {
    padding: 12px 16px 8px 16px;
  }

  .kcS8GiLGn0F9jECwxOH2 {
    padding: 16px;
    gap: 12px;
  }

  .JSzD_0KQvFmkUgetH8dI {
    font-size: 13px;
  }
}
.csWfbk4n5OJcTy1CK5EG {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: transparent;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom: 100px;
}

.k1Qo2hDa6TL8HSbjEHdg {
  display: flex;
  flex-direction: column;
  gap: 12px;
}


.K5dTQBMcSa1xcaQiZZCN {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.xkTRPa40d87HtWpKNPBG {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--admin-border-light);
}

.xkTRPa40d87HtWpKNPBG:last-child {
  border-bottom: none;
}

.EbLpp1nVfGHaroGD3Bcz {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.G3ElxkiBfqPXE9wrG1FQ {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 4px;
}

.aUsufqCIagJMT2mmLVbE {
  display: inline-block;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: var(--admin-bg-hover);
  border-radius: 9999px;
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pPe_ROTYrsR92WK04Z8I {
  padding: 6px 14px;
  font-size: 13px;
  font-style: italic;
  color: var(--admin-text-secondary);
  background: var(--admin-bg-secondary);
  border-radius: 9999px;
  border: 1px dashed var(--admin-border-light);
}

.VZf8ycQ4xGEBvLO3sQL9 {
  padding: 24px;
  text-align: center;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-style: italic;
}

.KYjXm70a0t59UHR4SKaf {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--admin-border-light);
}

.n4VhNHSpqCvcPI6bqyua {
  font-size: 28px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
  display: flex;
  align-items: center;
  gap: 12px;
}

.GBDYQY82DJByXpv5mP5z {
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-alert-warning-text);
  background: var(--admin-alert-warning-bg);
  padding: 4px 12px;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.leBK4iIN8fDp1O1zrfSE {
  display: flex;
  gap: 10px;
  align-items: center;
}

._4If3qCjFKJTi5IAlCyg,
.erYELpYOZnASXZAQjMiQ,
.s_VRzJSrJxhGTrb2HXEA {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;

  span {
    font-size: 15px;
  }
}

._4If3qCjFKJTi5IAlCyg {
  background: var(--admin-bg-secondary);
  color: #3b82f6;
  border: 1px solid var(--admin-border-medium);
}

._4If3qCjFKJTi5IAlCyg:hover {
  background: var(--admin-bg-hover);
  border-color: #3b82f6;
  transform: translateY(-1px);
}

.erYELpYOZnASXZAQjMiQ {
  background: #3b82f6;
  color: white;
  box-shadow: 0 1px 3px 0 rgba(59, 130, 246, 0.3);
}

.erYELpYOZnASXZAQjMiQ:hover:not(:disabled) {
  background: #2563eb;
  box-shadow: 0 2px 4px 0 rgba(59, 130, 246, 0.4);
  transform: translateY(-1px);
}

.erYELpYOZnASXZAQjMiQ:disabled {
  background: #94a3b8;
  cursor: not-allowed;
  opacity: 0.7;
}

.s_VRzJSrJxhGTrb2HXEA {
  background: var(--admin-bg-secondary);
  color: var(--admin-text-secondary);
  border: 1px solid var(--admin-border-medium);
}

.s_VRzJSrJxhGTrb2HXEA:hover:not(:disabled) {
  background: var(--admin-status-rejected-bg);
  color: var(--admin-status-rejected-text);
  border-color: var(--admin-status-rejected-border);
  transform: translateY(-1px);
}

.s_VRzJSrJxhGTrb2HXEA:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.y7ClEHa1I0VmKePqd7EN {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: X3264j_kV_tTCBgEVCX0 0.6s linear infinite;
}

@keyframes X3264j_kV_tTCBgEVCX0 {
  to {
    transform: rotate(360deg);
  }
}

/* Section Styling */
.w64efmk_BojGWhlSkt_9 {
  background: var(--admin-card-bg);
  border-radius: 10px;
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
  margin-bottom: 16px;
}

.IGbuFNVG6Nz6KNsUNCUB {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--admin-bg-secondary);
  padding: 10px 16px;
  border-bottom: 1px solid var(--admin-border-light);
  gap: 16px;
}

.QlH9pMiiDZpuUEIGRgOw {
  margin-bottom: 16px;
}

.CMarbhaMK_Dr_2wxqMXz {
  cursor: pointer;
  background: var(--admin-income-bg);
  color: var(--admin-income-value);
}

.CMarbhaMK_Dr_2wxqMXz .myDYbFdVFsUTaiN9dSUU {
  color: var(--admin-income-value);
  display: flex;
  align-items: center;
  gap: 12px;
}

.hsrMT0XSDxBsic5mLa7d {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-income-value);
  background: var(--admin-income-bg);
  padding: 6px 12px;
  border-radius: 16px;
  flex-shrink: 0;
  border: 1px solid var(--admin-income-border);
}

.sRGe7Sai3KUwOcAI9vH9 {
  color: var(--admin-income-value);
  font-size: 24px;
}

.myDYbFdVFsUTaiN9dSUU {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
  flex-shrink: 0;
}

.eLOnwR5SAlsd0jrL4p9V {
  padding: 20px;
}

/* Employment Grid */
.qQTpp9qRJuD3xCroJeie {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

.TcvL3LZkPuqieVHTNo9Q {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.Sq7lZ1pkO9xl4XS2NI_n {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 8px 0;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--admin-border-light);
}

/* Employment Tabs */
.VypimnY1qnBjZkuVtvVD {
  display: flex;
  gap: 6px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.ZPukI8zmxv4rKfPjn0dG {
  padding: 6px 12px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.ZPukI8zmxv4rKfPjn0dG:hover {
  background: var(--admin-bg-hover);
  border-color: #3b82f6;
  color: #3b82f6;
}

.ZPukI8zmxv4rKfPjn0dG.OaUKoJg345d6JFhuLwIV {
  background: #3b82f6;
  border-color: #3b82f6;
  color: white;
}

.kKb6WT0JjbvkuW7PGc5J {
  padding: 16px;
  text-align: center;
  color: var(--admin-text-secondary);
  font-size: 13px;
  font-style: italic;
}

/* Income Grid */
.nDwnHpYxssc9exFAb5HV {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 24px;
}

.PftOCEl7QxIOXYe10aig {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pMlR0SxiW9AdwOSgssjd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  background: var(--admin-bg-secondary);
  border-radius: 6px;
  border: 1px solid var(--admin-border-light);
  gap: 8px;
}

.smKDZw_yGekXUx4hD4GB {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
  flex: 1;
}

.smKDZw_yGekXUx4hD4GB .pdTf986nyrXU4XT0AcgR {
  font-size: 18px;
  color: var(--admin-text-secondary);
}

.isZxTd_g61o4KiU0omIR {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  text-align: right;
}

.OKl__JXW6ySRlzgpfHJG {
  font-size: 12px;
  font-weight: 400;
  color: var(--admin-text-secondary);
  display: block;
  margin-top: 2px;
}

.IlnF43CV3sRVEXMLhWRQ {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.bszCyKP3sBrj7PpcwHUo {
  display: flex;
  gap: 8px;
  align-items: center;
  flex: 1;
}

.R89_gVKbqTC0klJLg57x {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
  font-weight: 600;
}

.R89_gVKbqTC0klJLg57x .smKDZw_yGekXUx4hD4GB,
.R89_gVKbqTC0klJLg57x .isZxTd_g61o4KiU0omIR {
  color: white;
  font-size: 12px;
}

/* Assets Table */
.DA1efbqjwzp1XPtKpcBD {
  width: 100%;
}

.oOy29e0rGzSd5wB5Jtyq {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 24px;
  margin-bottom: 16px;
}

.vKhmggew_7rIN6cso4GV {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ZujbjoQTKZgZ0QgPuaws {
  display: grid;
  grid-template-columns: 2fr 1.5fr 1fr 1.5fr auto;
  gap: 8px;
  padding: 8px 12px;
  background: var(--admin-bg-hover);
  border-radius: 6px;
}

.xxYbRjhOvzqK3FjTVYIZ {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.Own0Ktv3iLw9r5cDiEs1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 24px;
}

.zNkaz7lvvsBsA75tm8Ze {
  display: grid;
  grid-template-columns: 2fr 1.5fr 1fr 1.5fr auto;
  gap: 8px;
  padding: 8px 10px;
  background: var(--admin-bg-secondary);
  border-radius: 6px;
  border: 1px solid var(--admin-border-light);
  align-items: center;
}

.PqIqvlhElmNxTTffIfsp {
  font-size: 13px;
  color: var(--admin-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Form Elements */
.fqWTHabgNjeClQy384es {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 6px 0;
}

.zMHVJd41yGaeuSC_F4ip {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0;
  flex-shrink: 0;
}

.rucqfCOYcENXxA1FEwf2 {
  font-size: 13px;
  color: var(--admin-text-primary);
  font-weight: 500;
  text-align: right;
  padding: 0;
}

._DEvcaqq9Zlp4FCb329k,
.Ru2cNipQ9gLTzk3F3utE {
  padding: 8px 12px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 13px;
  color: var(--admin-text-primary);
  background-color: var(--admin-card-bg);
  transition: all 0.15s ease;
  width: 100%;
}

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

.LaOSR2aAltGJA_Uze61_ {
  padding: 6px 10px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 12px;
  color: var(--admin-text-primary);
  background-color: var(--admin-card-bg);
  transition: all 0.15s ease;
}

/* Buttons */
.gp782qbjfRt0v2NlzFth {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  background: var(--admin-bg-secondary);
  border: 1px dashed var(--admin-border-medium);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  margin-top: 8px;
}

.gp782qbjfRt0v2NlzFth:hover {
  background: var(--admin-bg-hover);
  border-color: #3b82f6;
  color: #3b82f6;
}

.gp782qbjfRt0v2NlzFth .pdTf986nyrXU4XT0AcgR {
  font-size: 18px;
}

.Z2eoXhrhCfYg46LGSp8M {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background: var(--admin-status-rejected-bg);
  border: 1px solid var(--admin-status-rejected-border);
  border-radius: 4px;
  color: var(--admin-status-rejected-text);
  cursor: pointer;
  transition: all 0.15s ease;
}

.Z2eoXhrhCfYg46LGSp8M:hover {
  background: var(--admin-alert-urgent-bg);
  border-color: var(--admin-alert-urgent-border);
}

.Z2eoXhrhCfYg46LGSp8M .pdTf986nyrXU4XT0AcgR {
  font-size: 18px;
}

/* Summary Row */
.qiBgq9YxLV9b3wXP2nfW {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 10px 12px;
  background: var(--admin-bg-secondary);
  border-radius: 6px;
  border: 1px solid var(--admin-border-light);
}

.r6fLPT3rcXptXtRz97kf {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.MPYBuZdnM1R9qOl6HNAn {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.BiIytj7NLY7cX0vsX8c7 {
  font-size: 16px;
  font-weight: 700;
  color: var(--admin-text-primary);
}

.BiIytj7NLY7cX0vsX8c7.FKJ1VXp8k80FbZBJaQK0 {
  color: #ef4444;
}

.BiIytj7NLY7cX0vsX8c7.c93ZSEgFYm_mYyKyJJDe {
  color: #10b981;
}

.uxmTXC_vwnZGoEy1mT_3 {
  display: flex;
  align-items: center;
}

.yewBezOoizWws2LJv0oJ {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
  cursor: pointer;
}

.pwA3ofe1kR7yDwWCbO1N {
  width: 44px;
  height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--admin-border-medium);
  border-radius: 12px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
}

.pwA3ofe1kR7yDwWCbO1N:checked {
  background: var(--admin-btn-success-bg);
}

.pwA3ofe1kR7yDwWCbO1N::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--admin-card-bg);
  top: 2px;
  left: 2px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.pwA3ofe1kR7yDwWCbO1N:checked::before {
  left: 22px;
}

/* Notes Section */
.I540YR8bOrOVXGnS4bx3 {
  margin-top: 16px;
}

.gsM_njPZyLz2bnTOyvz7 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.gsM_njPZyLz2bnTOyvz7:hover {
  background: var(--admin-bg-hover);
  border-color: #3b82f6;
  color: #3b82f6;
}

.gsM_njPZyLz2bnTOyvz7 .pdTf986nyrXU4XT0AcgR {
  font-size: 20px;
}

.R1rxlIdrY3UKYY2j8zAX {
  width: 100%;
  min-height: 100px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 14px;
  color: var(--admin-text-primary);
  background-color: var(--admin-card-bg);
  transition: all 0.15s ease;
  resize: vertical;
  font-family: inherit;
}

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

.ZTSHHkj_qvWsU3ERHAMA {
  margin-top: 12px;
  padding: 12px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
}

.xWoHaUDh_lpthd3PJO4i {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 6px;
}

.UdQboDvRVwcyLQSInfPP {
  font-size: 14px;
  color: var(--admin-text-primary);
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-word;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .qQTpp9qRJuD3xCroJeie {
    grid-template-columns: 1fr;
  }

  .nDwnHpYxssc9exFAb5HV {
    grid-template-columns: 1fr;
  }

  .oOy29e0rGzSd5wB5Jtyq,
  .Own0Ktv3iLw9r5cDiEs1 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .csWfbk4n5OJcTy1CK5EG {
    padding: 20px 16px;
  }

  .KYjXm70a0t59UHR4SKaf {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .n4VhNHSpqCvcPI6bqyua {
    font-size: 24px;
  }

  .myDYbFdVFsUTaiN9dSUU {
    font-size: 16px;
  }

  .eLOnwR5SAlsd0jrL4p9V {
    padding: 16px;
  }

  .qiBgq9YxLV9b3wXP2nfW {
    flex-direction: column;
    align-items: stretch;
  }

  .ZujbjoQTKZgZ0QgPuaws {
    grid-template-columns: 1.5fr 1fr 0.8fr 1fr auto;
    font-size: 10px;
  }

  .zNkaz7lvvsBsA75tm8Ze {
    grid-template-columns: 1.5fr 1fr 0.8fr 1fr auto;
  }

  .PqIqvlhElmNxTTffIfsp {
    font-size: 12px;
  }

  .ZPukI8zmxv4rKfPjn0dG {
    font-size: 10px;
    padding: 5px 10px;
  }
}

@media (max-width: 480px) {
  .n4VhNHSpqCvcPI6bqyua {
    font-size: 20px;
  }

  .hsrMT0XSDxBsic5mLa7d {
    font-size: 12px;
    padding: 3px 8px;
  }

  .pMlR0SxiW9AdwOSgssjd {
    flex-direction: column;
    align-items: stretch;
  }

  .isZxTd_g61o4KiU0omIR {
    text-align: left;
  }

  .ZujbjoQTKZgZ0QgPuaws {
    display: none;
  }

  .zNkaz7lvvsBsA75tm8Ze {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .PqIqvlhElmNxTTffIfsp::before {
    content: attr(data-label);
    font-weight: 600;
    color: var(--admin-text-secondary);
    display: inline-block;
    margin-right: 8px;
  }
}

/* Hover Effects */
._DEvcaqq9Zlp4FCb329k:hover,
.Ru2cNipQ9gLTzk3F3utE:hover {
  border-color: #9ca3af;
}

/* Loading States */
._DEvcaqq9Zlp4FCb329k:disabled,
.Ru2cNipQ9gLTzk3F3utE:disabled,
.R1rxlIdrY3UKYY2j8zAX:disabled {
  background-color: var(--admin-bg-secondary);
  color: var(--admin-text-secondary);
  cursor: not-allowed;
}

/* Income Section Styles */
.xCqwHxaod5GLDI8ucLeS {
  margin-bottom: 24px;
  padding: 20px;
  background: var(--admin-bg-secondary);
  border-radius: 12px;
  border: 1px solid var(--admin-border-light);
}

.B9lFjAB6ukfdbflwkM3g {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--admin-border-light);
}

.B9lFjAB6ukfdbflwkM3g span {
  font-size: 16px;
  color: #3b82f6;
}

.C7VAUBm0RD_krouiE8re {
  margin-bottom: 16px;
  padding: 20px;
  background: var(--admin-card-bg);
  border-radius: 10px;
  border: 1px solid var(--admin-border-light);
}

.C7VAUBm0RD_krouiE8re:last-of-type {
  margin-bottom: 0;
}

/* Entry Header */
.ggIEDcQRFrJW4yZDo6GB {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--admin-border-light);
}

.BQxTxKVzlP98sLGiWNGa {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.Rb7HsCOXwpOKnm4bkXSz {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: var(--admin-status-rejected-bg);
  color: var(--admin-status-rejected-text);
  border: 1px solid var(--admin-status-rejected-border);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.Rb7HsCOXwpOKnm4bkXSz:hover {
  background: var(--admin-alert-urgent-bg);
  border-color: var(--admin-alert-urgent-border);
  transform: translateY(-1px);
}

.Rb7HsCOXwpOKnm4bkXSz span {
  font-size: 16px;
}

/* Entry Grid */
.HlWPVaej6GIIfp5uiXZS {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.oOMQrRnEnyAODBzROVEQ {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.EbLpp1nVfGHaroGD3Bcz {
  font-size: 10px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.kOcmNWe8hkLBSntHG7DM {
  padding: 10px 14px;
  border: 1.5px solid var(--admin-border-light);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  transition: all 0.15s ease;
  font-family: inherit;
}

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

.kOcmNWe8hkLBSntHG7DM::-moz-placeholder {
  color: var(--admin-text-secondary);
  font-weight: 400;
}

.kOcmNWe8hkLBSntHG7DM::placeholder {
  color: var(--admin-text-secondary);
  font-weight: 400;
}

.kOcmNWe8hkLBSntHG7DM:hover:not(:focus) {
  border-color: #cbd5e1;
}

.g5s9yUhJsn4VtZUdHV3n {
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1.5px solid var(--admin-border-light);
  min-height: 42px;
  display: flex;
  align-items: center;
}

/* ═══════════════════════════════════════════════════════════════════════════
   NATIVE DESIGN - Tabbed Dashboard Layout
   Uses existing design system - CSS variables, Inter font, existing patterns
   ═══════════════════════════════════════════════════════════════════════════ */

.memG6btTkcxx8zeuoMQD {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 12px;
  overflow: hidden;
}

/* Summary Bar */
.TzZSFr900f7hYzyBXNry {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  background: var(--admin-bg-secondary, #f9fafb);
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
  gap: 0;
}

.ulwl5oqoO5DvNdrmye8m {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 16px;
}

.ymuFdzEGBxdZl67J9A2O {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-tertiary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.RBb8sx4smmXT_f7LKg4h {
  font-size: 15px;
  font-weight: 700;
  color: var(--admin-text-primary, #111827);
}

.RBb8sx4smmXT_f7LKg4h.Jrt1t0pmhz9EOgxWLZp9 {
  color: var(--admin-savings-text, #059669);
}

.RBb8sx4smmXT_f7LKg4h.T0znBu4L3IGCUXMh83tF {
  color: #ef4444;
}

.i3J2m7Rdrc_Cd93UaLgk {
  width: 1px;
  height: 32px;
  background: var(--admin-border-light, #e5e7eb);
}

.pZDTkMB3J3eNiwXYzoq_ {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

.M0keVtGeD2YEvMqQZYFp {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-status-approved-text, #166534);
  background: var(--admin-status-approved-bg, #f0fdf4);
  border: 1px solid var(--admin-status-approved-border, #bbf7d0);
  border-radius: 16px;
}

.M0keVtGeD2YEvMqQZYFp span {
  font-size: 14px;
  color: var(--admin-btn-success-bg, #10b981);
}

.b45NVdTfH_gl26JGxSzg {
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-alert-warning-text, #92400e);
  background: var(--admin-alert-warning-bg, #fef3c7);
  padding: 4px 10px;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.naEa4he_JNvXlDsYSpcM {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  font-family: inherit;
  color: #3b82f6;
  background: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-medium, #d1d5db);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.naEa4he_JNvXlDsYSpcM:hover {
  border-color: #3b82f6;
}

.naEa4he_JNvXlDsYSpcM span {
  font-size: 14px;
}

.pOkqw0Tcdq4ykcJhFCFu {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
  color: white;
  background: #3b82f6;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.pOkqw0Tcdq4ykcJhFCFu:hover:not(:disabled) {
  background: #2563eb;
}

.pOkqw0Tcdq4ykcJhFCFu:disabled {
  background: #94a3b8;
  cursor: not-allowed;
  opacity: 0.7;
}

.pOkqw0Tcdq4ykcJhFCFu span {
  font-size: 14px;
}

.aihuSRG8sUOgG26xIcI7 {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  font-family: inherit;
  color: var(--admin-text-secondary, #4b5563);
  background: var(--admin-bg-secondary, #f9fafb);
  border: 1px solid var(--admin-border-medium, #d1d5db);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.aihuSRG8sUOgG26xIcI7:hover:not(:disabled) {
  background: var(--admin-status-rejected-bg, #fef2f2);
  color: var(--admin-status-rejected-text, #991b1b);
  border-color: var(--admin-status-rejected-border, #fecaca);
}

.aihuSRG8sUOgG26xIcI7:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.TK1uofAYWefUa8gIDJE_ {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: X3264j_kV_tTCBgEVCX0 0.6s linear infinite;
}

/* Tab Bar */
.LSMNVoyqbSogAoNbDHMa {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background: var(--admin-card-bg, #ffffff);
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
}

.yxJdsA4HMaRoGdoVaLHl,
.bmYsY19WQsaOLmsAIvvw {
  display: flex;
  padding: 4px;
  background: var(--admin-bg-secondary, #f9fafb);
  border-radius: 8px;
}

.o9XEGVV1j342JpB9_wry {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  font-family: inherit;
  color: var(--admin-text-secondary, #4b5563);
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.o9XEGVV1j342JpB9_wry:hover:not(.AVXGYHCbKuYuRTgwgI0L) {
  color: var(--admin-text-primary, #111827);
}

.o9XEGVV1j342JpB9_wry span {
  font-size: 16px;
}

.AVXGYHCbKuYuRTgwgI0L {
  color: var(--admin-text-primary, #111827);
  background: var(--admin-card-bg, #ffffff);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Content Area */
.Qkio8PxGTZQ9s3AR9jk1 {
  padding: 16px;
}

/* Overview Grid */
.PLZ5NJss6TL4rr7q4aF2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.Pz8lWw8oA7_yGwpyReEQ {
  background: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 10px;
  overflow: hidden;
}

.Xc3gzmBg4CAQ6yI8KNDb {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--admin-bg-secondary, #f9fafb);
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
}

.Xc3gzmBg4CAQ6yI8KNDb > span:first-child {
  font-size: 18px;
  color: var(--admin-accent-primary, #2132E1);
}

.s80Q_eTovifBnM_xRCBk {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary, #111827);
  flex: 1;
}

.Bo32ySXw2qEQc9LqIhGS {
  font-size: 12px;
  font-weight: 600;
  color: #059669;
  background: #ecfdf5;
  padding: 4px 10px;
  border-radius: 12px;
}

.ZduqdDjywVj2TlW1lIYv {
  padding: 16px;
}

.S1KVdVhIhfb3tmSSSgh1 {
  display: flex;
  flex-direction: column;
}

.nBdoo_J7oA6ILy_wM2Ed {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
}

.nBdoo_J7oA6ILy_wM2Ed:last-child {
  border-bottom: none;
}

.ousODtXz6Y6i5q7chiZN {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary, #4b5563);
}

.oxNzVgddpU1Zgsk6t2K8 {
  display: inline-block;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary, #111827);
  background: var(--admin-bg-secondary, #f9fafb);
  border-radius: 9999px;
}

.KM2ps6Qgp1u0Xg3MKXLA {
  padding: 24px;
  text-align: center;
  color: var(--admin-text-secondary, #6b7280);
  font-size: 14px;
  font-style: italic;
}

/* Income Content */
.i5Ji2NcRDEKuqt2kI6lQ {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.hMmpD51dACkN8_mnx8ZQ {
  background: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 10px;
  overflow: hidden;
}

.t2DCD9fdwmmPAXXRdojF {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 11px;
  font-weight: 700;
  color: var(--admin-text-primary, #111827);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: var(--admin-bg-secondary, #f9fafb);
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
}

.t2DCD9fdwmmPAXXRdojF span {
  font-size: 16px;
  color: var(--admin-accent-primary, #2132E1);
}

.UQPBB7PGo3C8lzz_1jl7 {
  padding: 12px 16px;
  background: var(--admin-card-bg, #ffffff);
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
}

.UQPBB7PGo3C8lzz_1jl7:last-child {
  border-bottom: none;
}

.M5pbbgc8eia8h9P8Zecw {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
}

.KM4qCOBAMCmBHKC7r9nn {
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-text-secondary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.QIl0xZsXDKeDKNzuKA9w {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  font-family: inherit;
  color: var(--admin-status-rejected-text, #991b1b);
  background: var(--admin-status-rejected-bg, #fef2f2);
  border: 1px solid var(--admin-status-rejected-border, #fecaca);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.QIl0xZsXDKeDKNzuKA9w:hover {
  background: #fee2e2;
  border-color: #fca5a5;
}

.QIl0xZsXDKeDKNzuKA9w span {
  font-size: 14px;
}

.eBvIr0xui1I46xciwkEb {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.CmWgC2DNi9oVEx6REQQ5 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.vIO17v7QbKYiJ6Gchtjh {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-tertiary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.XgnbwpiCP7a6MIsfOQY_ {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary, #111827);
  padding: 8px 0;
}

.jocoiKEsEbQDlEEelg4T {
  width: 100%;
  padding: 8px 12px;
  font-size: 13px;
  font-family: inherit;
  color: var(--admin-text-primary, #111827);
  background: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-medium, #d1d5db);
  border-radius: 6px;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

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

.jocoiKEsEbQDlEEelg4T::-moz-placeholder {
  color: var(--admin-text-tertiary, #9ca3af);
}

.jocoiKEsEbQDlEEelg4T::placeholder {
  color: var(--admin-text-tertiary, #9ca3af);
}

.fhszmZSAl3ZQieKPmZt9 {
  width: 100%;
  padding: 8px 12px;
  font-size: 13px;
  font-family: inherit;
  color: var(--admin-text-primary, #111827);
  background: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-medium, #d1d5db);
  border-radius: 6px;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-right: 36px;
}

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

.aGXVcI_MpakUQInTuv79 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  margin: 12px 16px 16px;
  font-size: 13px;
  font-weight: 500;
  font-family: inherit;
  color: var(--admin-text-secondary, #4b5563);
  background: var(--admin-bg-secondary, #f9fafb);
  border: 1px dashed var(--admin-border-medium, #d1d5db);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.aGXVcI_MpakUQInTuv79:hover {
  color: #3b82f6;
  border-color: #3b82f6;
  background: #eff6ff;
}

.aGXVcI_MpakUQInTuv79 span {
  font-size: 18px;
}

/* Assets Content */
.al9AxvqH6OSr1vjVkyK7 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.oJDHFikYhs_g1I0rhHxZ {
  display: grid;
  grid-template-columns: 2fr 1.2fr 1fr 1.2fr;
  gap: 12px;
  padding: 8px 16px;
  font-size: 10px;
  font-weight: 700;
  color: var(--admin-text-tertiary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: var(--admin-bg-hover, #f3f4f6);
  border-radius: 6px;
}

.zgYA_uuDSy9SAXVk2YVi {
  display: grid;
  grid-template-columns: 2fr 1.2fr 1fr 1.2fr;
  gap: 12px;
  padding: 12px 16px;
  background: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 8px;
  align-items: center;
  transition: border-color 0.15s ease;
}

.zgYA_uuDSy9SAXVk2YVi:hover {
  border-color: var(--admin-accent-primary, #2132E1);
}

.zgYA_uuDSy9SAXVk2YVi.gEDtl23IIar4NMZLFaDE {
  grid-template-columns: 2fr 1.2fr 1fr 1.2fr 40px;
}

.WqB92w9kHFm1GcLkxAq5 {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary, #111827);
}

.H4XzNzh1bQuUEda3IFV3 {
  font-size: 13px;
  color: var(--admin-text-secondary, #4b5563);
}

.DzBgYxJBIPb8pKRhS6JJ {
  font-size: 12px;
  color: var(--admin-text-tertiary, #6b7280);
}

.OHJBOCTPaDPT8Sequi1Q {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-income-value, #16a34a);
  text-align: right;
}

.RL0_eeKD5kYB0pseRE6R {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  color: var(--admin-status-rejected-text, #991b1b);
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.RL0_eeKD5kYB0pseRE6R:hover {
  background: var(--admin-status-rejected-bg, #fef2f2);
}

.RL0_eeKD5kYB0pseRE6R span {
  font-size: 18px;
}

.rXsgm_WRJObElzHPJ8Dk {
  display: grid;
  grid-template-columns: 2fr 1.2fr 1fr 1.2fr;
  gap: 12px;
  padding: 12px 16px;
  background: var(--admin-income-bg, linear-gradient(135deg, #f0fdf4, #dcfce7));
  border: 1px solid var(--admin-income-border, rgba(58, 207, 113, 0.5));
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--admin-income-value, #16a34a);
  align-items: center;
}

.rXsgm_WRJObElzHPJ8Dk span:last-child {
  text-align: right;
}

/* Summary Section */
.ylyRMH8qQRKALOKObCWs {
  margin-top: 16px;
  padding: 16px;
  background: var(--admin-bg-secondary, #f9fafb);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 10px;
}

.djdZVl34E1xaGyDJmRgg {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.BZ1Z3kLyqg14RWJYpdOg {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.TYRFdsQKfp_8S20nDhEN {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-tertiary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.OKJaFMlZy5plw1JZIOYg {
  font-size: 15px;
  font-weight: 700;
  color: var(--admin-text-primary, #111827);
}

.OKJaFMlZy5plw1JZIOYg.Jrt1t0pmhz9EOgxWLZp9 {
  color: var(--admin-savings-text, #059669);
}

.OKJaFMlZy5plw1JZIOYg.T0znBu4L3IGCUXMh83tF {
  color: #ef4444;
}

/* Assets Summary */
.MpBktffhOXmZtk_E2VPB {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background: var(--admin-bg-secondary, #f9fafb);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 8px;
  gap: 24px;
}

.MpBktffhOXmZtk_E2VPB .BZ1Z3kLyqg14RWJYpdOg {
  padding-right: 24px;
  border-right: 1px solid var(--admin-border-light, #e5e7eb);
}

.MpBktffhOXmZtk_E2VPB .BZ1Z3kLyqg14RWJYpdOg:last-of-type {
  border-right: none;
}

.MpBktffhOXmZtk_E2VPB .lkJW1PpVzvqmkEFj1oT2 {
  background: var(--admin-savings-bg, #f0fdf4);
  border: 1px solid var(--admin-savings-border, #86efac);
  border-radius: 6px;
  padding: 8px 16px;
  margin-left: auto;
}

/* Verification Toggle */
.BWUgRwzL3Nolwy7Ec02f {
  margin-left: auto;
}

.w00szTlzGbp6BMgsi07i {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary, #111827);
  cursor: pointer;
}

.damIz6RBRvvhCbYdLT1V {
  width: 44px;
  height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: var(--admin-border-medium, #d1d5db);
  border-radius: 12px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
}

.damIz6RBRvvhCbYdLT1V:checked {
  background: var(--admin-btn-success-bg, #10b981);
}

.damIz6RBRvvhCbYdLT1V::before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--admin-card-bg, #ffffff);
  top: 2px;
  left: 2px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.damIz6RBRvvhCbYdLT1V:checked::before {
  left: 22px;
}

/* Notes Section */
.EL3MNhtqlV2lXfTsoyLB {
  margin-top: 16px;
}

.CQBBdRQy0ceMrXCKyMty {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
  font-family: inherit;
  color: var(--admin-text-secondary, #4b5563);
  background: var(--admin-bg-secondary, #f9fafb);
  border: 1px solid var(--admin-border-medium, #d1d5db);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.CQBBdRQy0ceMrXCKyMty:hover {
  color: #3b82f6;
  border-color: #3b82f6;
}

.CQBBdRQy0ceMrXCKyMty span {
  font-size: 18px;
}

.VjjeyTDZb6WR3eXlxUh6 {
  margin-top: 12px;
  padding: 12px;
  background: var(--admin-bg-secondary, #f9fafb);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 6px;
}

.kwrfknFhcwj4stu3C8CL {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary, #6b7280);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 6px;
}

.kX42i5m55EwVc_HDIsyI {
  font-size: 14px;
  color: var(--admin-text-primary, #111827);
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-word;
}

.d1HKH8yjfeXo_rkDcILl {
  width: 100%;
  min-height: 100px;
  margin-top: 12px;
  padding: 12px;
  font-size: 14px;
  font-family: inherit;
  color: var(--admin-text-primary, #111827);
  background: var(--admin-card-bg, #ffffff);
  border: 1px solid var(--admin-border-medium, #d1d5db);
  border-radius: 6px;
  outline: none;
  resize: vertical;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

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

/* Responsive - Native Design */
@media (max-width: 1100px) {
  .PLZ5NJss6TL4rr7q4aF2 {
    grid-template-columns: 1fr;
  }

  .eBvIr0xui1I46xciwkEb {
    grid-template-columns: repeat(2, 1fr);
  }

  .TzZSFr900f7hYzyBXNry {
    flex-wrap: wrap;
    gap: 12px;
  }

  .i3J2m7Rdrc_Cd93UaLgk {
    display: none;
  }
}

@media (max-width: 768px) {
  .LSMNVoyqbSogAoNbDHMa {
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
  }

  .yxJdsA4HMaRoGdoVaLHl,
  .bmYsY19WQsaOLmsAIvvw {
    width: 100%;
    justify-content: center;
  }

  .eBvIr0xui1I46xciwkEb {
    grid-template-columns: 1fr;
  }

  .oJDHFikYhs_g1I0rhHxZ {
    display: none;
  }

  .zgYA_uuDSy9SAXVk2YVi {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .zgYA_uuDSy9SAXVk2YVi.gEDtl23IIar4NMZLFaDE {
    grid-template-columns: 1fr;
  }

  .zgYA_uuDSy9SAXVk2YVi.gEDtl23IIar4NMZLFaDE .RL0_eeKD5kYB0pseRE6R {
    justify-self: end;
  }

  .OHJBOCTPaDPT8Sequi1Q {
    text-align: left;
  }

  .rXsgm_WRJObElzHPJ8Dk {
    grid-template-columns: 1fr 1fr;
  }

  .djdZVl34E1xaGyDJmRgg {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .BWUgRwzL3Nolwy7Ec02f {
    margin-left: 0;
    width: 100%;
  }

  .MpBktffhOXmZtk_E2VPB {
    flex-direction: column;
    align-items: flex-start;
  }

  .MpBktffhOXmZtk_E2VPB .BZ1Z3kLyqg14RWJYpdOg {
    padding-right: 0;
    border-right: none;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--admin-border-light, #e5e7eb);
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .MpBktffhOXmZtk_E2VPB .BZ1Z3kLyqg14RWJYpdOg:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
  }

  .MpBktffhOXmZtk_E2VPB .lkJW1PpVzvqmkEFj1oT2 {
    margin-left: 0;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.N2zm9vnqdIKLGa1eyHYR {
  background: var(--admin-card-bg);
  border-radius: 12px;
  box-shadow: 0 1px 3px 0 var(--admin-shadow-sm), 0 1px 2px -1px var(--admin-shadow-sm);
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
  transition: all 0.3s ease;
}

.N2zm9vnqdIKLGa1eyHYR:hover {
  box-shadow: 0 4px 6px -1px var(--admin-shadow-md), 0 2px 4px -2px var(--admin-shadow-sm);
}

/* Collapsed View */
.yQWfEMldSSQpNxWnTJNA {
  cursor: pointer;
}

.EGOJRj7OKQGcqZd2mVLz {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  gap: 16px;
}

.bdk0g13YUTpf7gU4JVUf {
  display: flex;
  align-items: center;
  gap: 12px;
}

.VWf16JQU93QsWCfLBCyi {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--admin-bg-secondary) 0%, var(--admin-bg-primary) 100%);
  box-shadow: 0 0 0 3px var(--admin-bg-tertiary);
}

.VWf16JQU93QsWCfLBCyi.oYCpIDNurSqBnPSbaBOc {
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2);
}

.VWf16JQU93QsWCfLBCyi.pR_wLLcusYAUeiQ1B3SS {
  box-shadow: 0 0 0 3px rgba(132, 204, 22, 0.2);
}

.VWf16JQU93QsWCfLBCyi.RgaeAeRN9gfRmM_PtLJa {
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.2);
}

.VWf16JQU93QsWCfLBCyi.KQhYtsWiZM5nYlqtnfEn {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

.DykBaInDX2lzCE18_opX {
  font-size: 16px;
  font-weight: 700;
  color: var(--admin-text-primary);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.ofauc7eH4qxn64J56xi6 {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.ofauc7eH4qxn64J56xi6.oYCpIDNurSqBnPSbaBOc {
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}

.ofauc7eH4qxn64J56xi6.pR_wLLcusYAUeiQ1B3SS {
  background: rgba(132, 204, 22, 0.1);
  color: #84cc16;
}

.ofauc7eH4qxn64J56xi6.RgaeAeRN9gfRmM_PtLJa {
  background: rgba(251, 191, 36, 0.1);
  color: #fbbf24;
}

.ofauc7eH4qxn64J56xi6.KQhYtsWiZM5nYlqtnfEn {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

.ofauc7eH4qxn64J56xi6.jDVOzBngmH34sjJWITo1 {
  background: rgba(100, 116, 139, 0.1);
  color: #64748b;
}

.GHaBLfyDqsiDarSSa9On {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rIcueuuJlhYHrMvAbo8T {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.ZpsQYsvCbilRei6ENuGl {
  font-size: 10px;
  color: var(--admin-border-medium);
}

.wmTRnEKOpn3wDQjAcW4Z {
  font-size: 20px;
  color: var(--admin-text-tertiary);
  transition: transform 0.2s ease;
}

.yQWfEMldSSQpNxWnTJNA:hover .wmTRnEKOpn3wDQjAcW4Z {
  transform: translateX(2px);
  color: var(--admin-text-secondary);
}

/* Expanded View */
.gXbbrixq3ah5oaytH8vP {
  background: linear-gradient(160deg, #e8f5e9 0%, #f1f8e9 25%, #fffde7 50%, #fff8e1 75%, #f5f5f5 100%);
}

/* Dark mode gradient override */
[data-theme="dark"] .gXbbrixq3ah5oaytH8vP {
  background: linear-gradient(160deg, rgba(16, 185, 129, 0.1) 0%, rgba(34, 211, 238, 0.08) 50%, rgba(251, 191, 36, 0.06) 100%);
}

.rmEHUoW3gG67FpfJnxd2 {
  display: flex;
  flex-direction: column;
}

.ulOH2vtzRHZszvf2Stn7 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  background: var(--admin-bg-hover);
  border-bottom: 1px solid var(--admin-border-light);
}

.IKYtCNQs_74n0Jn5H4wh {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--admin-bg-primary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  cursor: pointer;
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
}

.IKYtCNQs_74n0Jn5H4wh:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
  border-color: var(--admin-border-medium);
}

.IKYtCNQs_74n0Jn5H4wh .bN3bYJxy0omDy7e5elUL {
  font-size: 20px;
}

.JbdDDZLdcbsCNXu9fd4M {
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  flex: 1;
}

.wQDbfIVYezbibuAHrLLT {
  display: flex;
  align-items: center;
  gap: 8px;
}

.NBkzj_VVwAcIxOO_3wIS {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: var(--admin-bg-primary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.NBkzj_VVwAcIxOO_3wIS:hover {
  background: var(--admin-bg-hover);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-accent-primary, #3b82f6);
}

.NBkzj_VVwAcIxOO_3wIS .bN3bYJxy0omDy7e5elUL {
  font-size: 16px;
}

.l6FxgldxllruCB9M5JfA {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.kdFb5JXhdINkEY6VK1Ig {
  display: flex;
  align-items: center;
  gap: 6px;
}

.lwbIxwCjlz0ks500L5jt {
  width: 80px;
  padding: 6px 10px;
  border: 1px solid var(--admin-input-focus-border);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  background-color: var(--admin-bg-primary);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  transition: all 0.15s ease;
}

.lwbIxwCjlz0ks500L5jt:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.lwbIxwCjlz0ks500L5jt.YZ90D0QNYnVpMCkxyKj6 {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.SrpvYWPIDw3A7xaKQ7JP {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #ef4444;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.SrpvYWPIDw3A7xaKQ7JP .bN3bYJxy0omDy7e5elUL {
  font-size: 14px;
}

.Xy8gCk9hepbQqTIxG_54 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  background: var(--admin-bg-primary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.Xy8gCk9hepbQqTIxG_54.E31sZuX8gqDssfVwsTx1 {
  color: #22c55e;
  border-color: #bbf7d0;
}

.Xy8gCk9hepbQqTIxG_54.E31sZuX8gqDssfVwsTx1:hover {
  background: #f0fdf4;
  border-color: #22c55e;
}

.Xy8gCk9hepbQqTIxG_54.d9MA_EsYA07Tefm19sZ1 {
  color: var(--admin-text-secondary);
}

.Xy8gCk9hepbQqTIxG_54.d9MA_EsYA07Tefm19sZ1:hover {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-medium);
}

.Xy8gCk9hepbQqTIxG_54 .bN3bYJxy0omDy7e5elUL {
  font-size: 18px;
}

.wTCkVvUmQepcFyYi5Dv0 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  background: #f0fdf4;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #22c55e;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.wTCkVvUmQepcFyYi5Dv0 .bN3bYJxy0omDy7e5elUL {
  font-size: 14px;
}

.einm2F1RSLLLi9ru08Gu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  padding: 24px;
  align-items: center;
}

.KFrW_7HzOT4j5XhaR1zb {
  display: flex;
  justify-content: center;
  align-items: center;
}

._uNG34InXRgH5CoDloaS {
  position: relative;
  width: 320px;
  height: 180px;
}

.mXOvrSy5W58sRny9YiTw {
  width: 100%;
  height: 150px;
}

.IwR7mFfXdJydf6YOk0IQ {
  position: absolute;
  top: 85%;
  left: 47.5%;
  transform: translate(-50%, -120%);
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.Ov7VMePPlL9pYrWTnQoW {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 600;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.Ov7VMePPlL9pYrWTnQoW.rYUcSF7JdWBU0C_Ld7fA {
  background: #86efac;
  color: #166534;
}

.Ov7VMePPlL9pYrWTnQoW.Zf5TijZ58vNlfPhOUohG {
  background: #fecaca;
  color: #991b1b;
}

.yWXismXod1y1xIHYOlqi {
  font-size: 10px;
}

.WfYnQ4y1uUKnbGRvTO7n {
  font-size: 56px;
  font-weight: 700;
  color: var(--admin-text-primary);
  line-height: 1;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  letter-spacing: -0.02em;
}

.vpz1q5y_OmCmhDF3xmie {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.NJOtxe7Hr6CaWgc4fag5 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 20px;
  background: var(--admin-bg-hover);
  border-radius: 10px;
  border: 1px solid var(--admin-border-light);
}

.kvE_dSF1bSZHzU85AJCs {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.ISnBfOfP3yLJSMtoxOPg {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.RzENE1HdJsa7dRSVCy6j.oYCpIDNurSqBnPSbaBOc {
  color: #22c55e;
}

.RzENE1HdJsa7dRSVCy6j.pR_wLLcusYAUeiQ1B3SS {
  color: #84cc16;
}

.RzENE1HdJsa7dRSVCy6j.RgaeAeRN9gfRmM_PtLJa {
  color: #fbbf24;
}

.RzENE1HdJsa7dRSVCy6j.KQhYtsWiZM5nYlqtnfEn {
  color: #ef4444;
}

.RzENE1HdJsa7dRSVCy6j.jDVOzBngmH34sjJWITo1 {
  color: var(--admin-text-secondary);
}

.Tlc9nDh7Bwf4582TXZQw.rYUcSF7JdWBU0C_Ld7fA {
  color: #22c55e;
}

.Tlc9nDh7Bwf4582TXZQw.Zf5TijZ58vNlfPhOUohG {
  color: #ef4444;
}

/* Responsive */
@media (max-width: 768px) {
  .einm2F1RSLLLi9ru08Gu {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px;
  }

  ._uNG34InXRgH5CoDloaS {
    width: 280px;
    height: 160px;
  }

  .mXOvrSy5W58sRny9YiTw {
    height: 130px;
  }

  .WfYnQ4y1uUKnbGRvTO7n {
    font-size: 48px;
  }

  .vpz1q5y_OmCmhDF3xmie {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .NJOtxe7Hr6CaWgc4fag5 {
    padding: 12px 16px;
  }

  .EGOJRj7OKQGcqZd2mVLz {
    padding: 10px 16px;
  }

  .VWf16JQU93QsWCfLBCyi {
    width: 40px;
    height: 40px;
  }

  .DykBaInDX2lzCE18_opX {
    font-size: 14px;
  }

  .ofauc7eH4qxn64J56xi6 {
    font-size: 11px;
    padding: 3px 10px;
  }
}

@media (max-width: 480px) {
  .ulOH2vtzRHZszvf2Stn7 {
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 14px;
  }

  .JbdDDZLdcbsCNXu9fd4M {
    width: 100%;
    order: -1;
  }

  .IKYtCNQs_74n0Jn5H4wh {
    width: 28px;
    height: 28px;
  }

  ._uNG34InXRgH5CoDloaS {
    width: 240px;
    height: 140px;
  }

  .mXOvrSy5W58sRny9YiTw {
    height: 110px;
  }

  .WfYnQ4y1uUKnbGRvTO7n {
    font-size: 40px;
  }

  .vpz1q5y_OmCmhDF3xmie {
    grid-template-columns: 1fr;
  }

  .GHaBLfyDqsiDarSSa9On {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .rIcueuuJlhYHrMvAbo8T {
    font-size: 12px;
  }
}

.VxbwS2leSzO3mRiKfyye {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: transparent;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom: 120px;
}

.SfPZumT8pf9CaPjNUNIh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--admin-border-light);
}

.ml0vK_2ihPqfP1X5HMt9 {
  font-size: 28px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.S26E8bjn7dpHqcgcqaTX {
  display: flex;
  align-items: center;
  gap: 10px;
}

.brXBaS911woqxbQeVk2w {
  display: flex;
  gap: 6px;
  margin-bottom: 16px;
  padding: 4px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
  width: -moz-fit-content;
  width: fit-content;
}

.gLtVlbbLXVqIhXeaqjPN {
  padding: 6px 16px;
  background: transparent;
  border: none;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.gLtVlbbLXVqIhXeaqjPN:hover {
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
}

.gLtVlbbLXVqIhXeaqjPN.DXmbRyJumdnef5pmTOXt {
  color: #ffffff;
  background: #3b82f6;
  box-shadow: 0 1px 3px 0 rgba(59, 130, 246, 0.3);
}

.JBTGg6hoaX2U1ermMg8b {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.QkOqHwYHhhImBWVKgcg2 {
  background: var(--admin-card-bg);
  border-radius: 10px;
  box-shadow: var(--admin-shadow-sm);
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
  transition: all 0.15s ease;
}

.QkOqHwYHhhImBWVKgcg2:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.jomBOJAmXSp4NJ0zp_a3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--admin-bg-secondary);
  padding: 8px 12px;
  border-bottom: 1px solid var(--admin-border-light);
}

.qnUmKxFQJKvVDJyUjUMp {
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.hH1LLfDftMNmR_eKa3s4 {
  padding: 32px 24px;
  display: flex;
  align-items: center;
  gap: 32px;
}

.hP2zKP_NQ5Dt64AocW3C {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  position: relative;
}

.hgZ3qbhh6vgnSfd9mRkg {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  background: var(--admin-card-bg);
  box-shadow:
    0 0 0 6px var(--admin-bg-secondary),
    0 4px 12px rgba(0, 0, 0, 0.08);
}

.hgZ3qbhh6vgnSfd9mRkg.ZHbht5rad1TD2itLMNZs {
  box-shadow:
    0 0 0 6px rgba(34, 197, 94, 0.15),
    0 4px 12px rgba(34, 197, 94, 0.12);
}

.hgZ3qbhh6vgnSfd9mRkg.q4DBKwXETkyQtSixoRKt {
  box-shadow:
    0 0 0 6px rgba(132, 204, 22, 0.15),
    0 4px 12px rgba(132, 204, 22, 0.12);
}

.hgZ3qbhh6vgnSfd9mRkg.Yx_5w1CJ57tQRoBoqKGE {
  box-shadow:
    0 0 0 6px rgba(251, 191, 36, 0.15),
    0 4px 12px rgba(251, 191, 36, 0.12);
}

.hgZ3qbhh6vgnSfd9mRkg.n08eEcD9NNB01j_QpNxa {
  box-shadow:
    0 0 0 6px rgba(239, 68, 68, 0.15),
    0 4px 12px rgba(239, 68, 68, 0.12);
}

.dlVzq1G3T_2qWNP2ZvLT {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.025em;
}

.dlVzq1G3T_2qWNP2ZvLT.ZHbht5rad1TD2itLMNZs {
  color: #22c55e;
}

.dlVzq1G3T_2qWNP2ZvLT.q4DBKwXETkyQtSixoRKt {
  color: #84cc16;
}

.dlVzq1G3T_2qWNP2ZvLT.Yx_5w1CJ57tQRoBoqKGE {
  color: #fbbf24;
}

.dlVzq1G3T_2qWNP2ZvLT.n08eEcD9NNB01j_QpNxa {
  color: #ef4444;
}

.dlVzq1G3T_2qWNP2ZvLT.wip_TnMdoc2WoqAbk6UH {
  color: #64748b;
  font-size: 32px;
}

.FKnV_MN1h1hDkqgsstmo {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 4px;
  padding: 2px 10px;
  border-radius: 12px;
}

.FKnV_MN1h1hDkqgsstmo.ZHbht5rad1TD2itLMNZs {
  color: #22c55e;
  background: rgba(34, 197, 94, 0.1);
}

.FKnV_MN1h1hDkqgsstmo.q4DBKwXETkyQtSixoRKt {
  color: #84cc16;
  background: rgba(132, 204, 22, 0.1);
}

.FKnV_MN1h1hDkqgsstmo.Yx_5w1CJ57tQRoBoqKGE {
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.1);
}

.FKnV_MN1h1hDkqgsstmo.n08eEcD9NNB01j_QpNxa {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.1);
}

.FKnV_MN1h1hDkqgsstmo.wip_TnMdoc2WoqAbk6UH {
  color: #64748b;
  background: rgba(100, 116, 139, 0.1);
}

.PqmMTrRfEbGJQeU4JH8r {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 12px;
}

.Ub5thPVkmlVevug4mWew {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}

.cuLOyQIi4t9GUtgMzKcm {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.GXUIwfgjbFhwkTblNqrz {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.R48B77SJzrs2LeDBjYYa {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.R48B77SJzrs2LeDBjYYa.c_vZ3EDRSLi98q5HQIVa {
  display: flex;
  align-items: center;
  gap: 8px;
}

.utmleUJoTUnMrD7y4Ewk {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.utmleUJoTUnMrD7y4Ewk:hover {
  background: var(--admin-card-bg);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-accent-primary, #3b82f6);
}

.utmleUJoTUnMrD7y4Ewk .eGkAzCFDSpP3lZ3OEXmA {
  font-size: 14px;
}

.QsccMf95lIaVgDBBR5df {
  display: flex;
  align-items: center;
  gap: 6px;
}

.gnFEu2IS5hpQVFjH7asn {
  width: 80px;
  padding: 4px 8px;
  border: 1px solid var(--admin-accent-primary, #3b82f6);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  background-color: var(--admin-card-bg);
  transition: all 0.15s ease;
}

.gnFEu2IS5hpQVFjH7asn:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.jR1DxFBo4VGxPRfeDTGQ {
  display: flex;
  gap: 4px;
}

.F8Od4nAFZt7qXvQDCClm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.F8Od4nAFZt7qXvQDCClm.ypeuyXLYD7sxE8dsD2F9 {
  color: #22c55e;
}

.F8Od4nAFZt7qXvQDCClm.ypeuyXLYD7sxE8dsD2F9:hover {
  background: #f0fdf4;
}

.F8Od4nAFZt7qXvQDCClm.P9J9DryK8hZLgEBS7xJ9 {
  color: #64748b;
}

.F8Od4nAFZt7qXvQDCClm.P9J9DryK8hZLgEBS7xJ9:hover {
  background: var(--admin-bg-secondary);
}

.F8Od4nAFZt7qXvQDCClm .eGkAzCFDSpP3lZ3OEXmA {
  font-size: 18px;
}

.BR_YbAHkEfapfUuO40eJ {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: #f0fdf4;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #22c55e;
}

.BR_YbAHkEfapfUuO40eJ .eGkAzCFDSpP3lZ3OEXmA {
  font-size: 14px;
}

.sicbXBDJ_5NbcNeWcxs5 {
  background: var(--admin-card-bg);
  border-radius: 10px;
  box-shadow: var(--admin-shadow-sm);
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
  transition: all 0.15s ease;
}

.sicbXBDJ_5NbcNeWcxs5:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.xYIjIeUX1ndOuCTEhSh1 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  background: var(--admin-bg-secondary);
  padding: 14px 20px;
  border-bottom: 1px solid var(--admin-border-light);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background 0.15s ease;
}

.xYIjIeUX1ndOuCTEhSh1:hover {
  background: var(--admin-bg-hover);
}

.SMIcGnDDinnUVFUQRYMf {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--admin-bg-tertiary);
  border-radius: 8px;
  color: var(--admin-text-secondary);
}

.SMIcGnDDinnUVFUQRYMf .eGkAzCFDSpP3lZ3OEXmA {
  font-size: 18px;
}

.KC3RVcg6t2e4OIwHkFEK {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
  text-align: center;
}

.CTmfWHi7jh5hTIIWIEjG {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.dZzZlYflyuVx2kdKQP9U {
  font-size: 20px;
  color: var(--admin-text-secondary);
  transition: transform 0.2s ease;
}

.dZzZlYflyuVx2kdKQP9U.L1hKFVzkye3oHSieSKs6 {
  transform: rotate(180deg);
}

._mGjLUYq6uM1oBkmofUI {
  padding: 20px 24px;
}

.ybk7hlVYJaKPmm0BpuYg {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}

.s2RA4ixB7lHccBnhWpmG {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
  transition: all 0.15s ease;
}

.s2RA4ixB7lHccBnhWpmG:hover {
  background: var(--admin-card-bg);
  border-color: var(--admin-border-medium);
  box-shadow: var(--admin-shadow-sm);
}

.T318Xq4aUhoHnQlpBtAd {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.RVMfnC2f8fcIq_mu4juz {
  font-size: 20px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.ncp_sREbV25QnNcROTkF {
  text-align: center;
  padding: 40px 24px;
  color: var(--admin-text-secondary);
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px dashed var(--admin-border-light);
}

.nK2k6mIsVebJ2pGeePwl {
  font-size: 48px;
  margin-bottom: 12px;
  color: #94a3b8;
}

.AZ7huhBsJIWhOBHofI6p {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  max-width: 300px;
  margin: 0 auto;
  line-height: 1.5;
}

.vscphSQMAbLHBOLOueQ6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dmHjh7ozi4SG7OMPYdGv {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  gap: 12px;
  padding: 10px 16px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  margin-bottom: 8px;
}

.Goy9ogO9iJLk0s5nOSyU {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.UVsKGdxT6D3jAa7QtFuD {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  gap: 12px;
  padding: 14px 16px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
  align-items: center;
  transition: all 0.15s ease;
}

.UVsKGdxT6D3jAa7QtFuD:hover {
  background: var(--admin-card-bg);
  border-color: var(--admin-border-medium);
  box-shadow: var(--admin-shadow-sm);
}

.EgwqmuOHy9JauTfJrafg {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.MXMaHwQvIBr5nbU_Qp5p {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary);
}

.EXIW994T4rbWcJoHRcK3 {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: -moz-fit-content;
  width: fit-content;
}

.EXIW994T4rbWcJoHRcK3.e8HNnfiYVWd19fupzkFd {
  background: #f0fdf4;
  color: #22c55e;
}

.EXIW994T4rbWcJoHRcK3.k11IABjT0MIiwHusXP8Q {
  background: #f8f9fa;
  color: #64748b;
}

.EXIW994T4rbWcJoHRcK3.U5ZElKsQoyzyDm47ERjg {
  background: #fef2f2;
  color: #ef4444;
}

.piIYKuHjZnJxmU0BxfzA {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.yf2P4lgamhR8FbxBhAyu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
  transition: all 0.15s ease;
}

.yf2P4lgamhR8FbxBhAyu:hover {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-medium);
}

.z7PW2I6ziRWPjZny_5Jv {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-primary);
}

.iIR6ybmH93Sa1Bm3xFSD {
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.mwhO3_smIiENrhvGxkvq {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #3b82f6;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 1px 3px 0 rgba(59, 130, 246, 0.3);
}

.mwhO3_smIiENrhvGxkvq:hover {
  background: #2563eb;
  box-shadow: 0 2px 4px 0 rgba(59, 130, 246, 0.4);
  transform: translateY(-1px);
}

.mwhO3_smIiENrhvGxkvq:active {
  transform: translateY(0);
}

.mwhO3_smIiENrhvGxkvq:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.mwhO3_smIiENrhvGxkvq.ThqHoB6FjuxOcrxUUJZc {
  background: var(--admin-card-bg);
  color: var(--admin-text-primary);
  border: 1px solid var(--admin-border-medium);
  box-shadow: var(--admin-shadow-sm);
}

.mwhO3_smIiENrhvGxkvq.ThqHoB6FjuxOcrxUUJZc:hover {
  background: var(--admin-bg-hover);
  border-color: var(--admin-border-light);
  box-shadow: var(--admin-shadow-sm);
}

.mwhO3_smIiENrhvGxkvq .eGkAzCFDSpP3lZ3OEXmA {
  font-size: 16px;
}

.IUmGWRGQQk5NxsvrlMBy {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  color: var(--admin-text-secondary);
}

.C6xGX2OEpON1s3Ftl9JR {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.umCIE00g_XGA5zcEmdBC {
  background: linear-gradient(90deg, var(--admin-bg-secondary) 25%, var(--admin-card-bg) 50%, var(--admin-bg-secondary) 75%);
  background-size: 200% 100%;
  animation: Hi1eirW604xnDvIA6wbw 1.5s infinite;
  border-radius: 10px;
}

.vLsOXJwHhD2Q3RDJNt6s {
  height: 140px;
}

.bp_rt4l6iteMBssZyoai {
  height: 200px;
}

@keyframes Hi1eirW604xnDvIA6wbw {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.S582G4HQxwoDA9tpXhcP {
  padding: 32px 16px;
  text-align: center;
}

.gW1xkV0QMqUkEzernA8P {
  font-size: 48px;
  color: #ef4444;
  margin-bottom: 12px;
}

.Z2MFupa4USmSeyRsOl6D {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  margin-bottom: 16px;
}

.w5XQOsHMJoADKHfgpYbS {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #3b82f6;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.w5XQOsHMJoADKHfgpYbS:hover {
  background: #2563eb;
}

@media (max-width: 1024px) {
  .UVsKGdxT6D3jAa7QtFuD,
  .dmHjh7ozi4SG7OMPYdGv {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .Goy9ogO9iJLk0s5nOSyU {
    display: none;
  }

  .MXMaHwQvIBr5nbU_Qp5p::before {
    content: attr(data-label) ': ';
    font-weight: 600;
    color: #64748b;
  }
}

@media (max-width: 768px) {
  .VxbwS2leSzO3mRiKfyye {
    padding-bottom: 80px;
  }

  .SfPZumT8pf9CaPjNUNIh {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .ml0vK_2ihPqfP1X5HMt9 {
    font-size: 24px;
  }

  .hH1LLfDftMNmR_eKa3s4 {
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 24px 20px;
  }

  .hP2zKP_NQ5Dt64AocW3C {
    align-items: center;
    min-width: auto;
  }

  .hgZ3qbhh6vgnSfd9mRkg {
    width: 120px;
    height: 120px;
  }

  .dlVzq1G3T_2qWNP2ZvLT {
    font-size: 40px;
  }

  .Ub5thPVkmlVevug4mWew {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .ybk7hlVYJaKPmm0BpuYg {
    grid-template-columns: repeat(2, 1fr);
  }

  .xYIjIeUX1ndOuCTEhSh1 {
    padding: 12px 16px;
  }

  ._mGjLUYq6uM1oBkmofUI {
    padding: 16px;
  }

  .SMIcGnDDinnUVFUQRYMf {
    width: 28px;
    height: 28px;
  }

  .KC3RVcg6t2e4OIwHkFEK {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .VxbwS2leSzO3mRiKfyye {
    padding-bottom: 60px;
  }

  .ml0vK_2ihPqfP1X5HMt9 {
    font-size: 20px;
  }

  .ybk7hlVYJaKPmm0BpuYg {
    grid-template-columns: 1fr;
  }

  .hH1LLfDftMNmR_eKa3s4 {
    padding: 20px 16px;
  }

  .hgZ3qbhh6vgnSfd9mRkg {
    width: 110px;
    height: 110px;
  }

  .dlVzq1G3T_2qWNP2ZvLT {
    font-size: 36px;
  }

  .FKnV_MN1h1hDkqgsstmo {
    font-size: 10px;
    padding: 2px 8px;
  }

  .yf2P4lgamhR8FbxBhAyu {
    padding: 12px 14px;
  }

  .UVsKGdxT6D3jAa7QtFuD {
    padding: 12px 14px;
  }
}

.pTvqr6hfYYnJg1BKdJRw {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: transparent;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
  /* padding-top: 10px; */
}

.pTsKwMSZUnxu4U2qRN6J {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--admin-border-light);
}

.TGrXH7J1UofsDQYGgnP4 {
  display: flex;
  align-items: center;
  gap: 12px;
}

.NUDoTlAyuoBDdg7949Uw {
  display: inline-flex;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  padding: 2px;
}

.uic9e4xu9x5sj9mDHwJN {
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.uic9e4xu9x5sj9mDHwJN:hover {
  color: var(--admin-text-primary);
}

.wYCBrigR9ioXcz6A4yh3 {
  background: var(--admin-card-bg);
  color: var(--admin-text-primary);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.SlYZb8nwIbhxCjSLZT3F {
  font-size: 24px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.BXzCFjOXeimg18pFynGl {
  margin-bottom: 20px;
}

.yNPCo5DcvMNwtBYeNMeu {
  margin-bottom: 20px;
}

.BG9Pu0sN5tZpZ3zYf8Cr {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.xuXz0JXTug6gW7ZLxLkg {
  margin-bottom: 20px;
}

.z6g2RhIBC9MEqj2nr3b3 {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}

.onDV6GltW8kSD1XnLrfQ {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: var(--admin-loan-type-bg);
  border-radius: 8px;
  box-shadow: 0 2px 4px var(--admin-loan-type-shadow);
  transition: all 0.15s ease;
}

.onDV6GltW8kSD1XnLrfQ:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px var(--admin-loan-type-shadow-hover);
}

.OrcFVlUinTYTk6S3FwH6 {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.wqIU2oAn3WFrxAe1KkVt {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.025em;
}

.XJ6_zijgHfjXKpiANrDi {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

.SlTIkENE3cbbITW5BRAU {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

.Po6b1DLP0CKQ1gam5yQ0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px 16px;
  background: var(--admin-card-bg);
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid var(--admin-border-light);
  transition: all 0.15s ease;
}

.Po6b1DLP0CKQ1gam5yQ0:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.ZoW16RzgiNbCHmxyBSs1 {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.Ra0AB6MijF2btfM0oJGM {
  font-size: 20px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin-bottom: 12px;
  letter-spacing: -0.025em;
}

.C7PUnkXaxaV1OQXE3Hf2 {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.B8Rib91xNwc7C6Nrysvq {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  letter-spacing: -0.025em;
}

.zbq__7KnwirdCvg6T6pQ {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  background: var(--admin-card-bg);
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
  margin-bottom: 16px;
}

.MCXKkQxvSuIQYK7OnsE1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 12px;
  border-right: 1px solid #e5e7eb;
}

.MCXKkQxvSuIQYK7OnsE1:last-child {
  border-right: none;
}

.SBvu5rbzaK8xEjarNAQK {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.UotoW1oaPDWVIij2sxSQ {
  font-size: 16px;
  font-weight: 700;
  color: var(--admin-text-primary);
  letter-spacing: -0.025em;
}

.UotoW1oaPDWVIij2sxSQ.XYaRuJfbo2uX6EfacRfK {
  color: #3b82f6;
}

.UotoW1oaPDWVIij2sxSQ.Gq1av7iFpJEQgHtUqN8Z {
  color: #ef4444;
}

.VjIVlnVUcnG_XR_l7Y8Y {
  background: var(--admin-income-bg);
  border: 1px solid var(--admin-income-border);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.FcSpEmOd208R8Pk0_OJj {
  color: var(--admin-income-label);
}

.LtFECcaMYKEIGTOI2QkE {
  color: var(--admin-income-value);
}

.WHNuM85dPqdIKIYuqjso {
  background: var(--admin-debt-bg);
  border: 1px solid var(--admin-debt-border);
}

.u5KBCt_Nct0QTAAjJcm2 {
  color: var(--admin-debt-label);
}

.RnptqmFZZnAX8jrpGR4U {
  color: var(--admin-debt-value);
}

.VvNxIcOd53f4euzjGogL {
  background: var(--admin-income-bg);
  border: 1px solid var(--admin-income-border);
}

.LRg5gmSjGG6fgH9eFege {
  color: var(--admin-income-label);
}

.MMbbNXkIoMhlyJGm40dZ {
  color: var(--admin-income-value);
}

.RBv_yR01sMZnKbhNO2Jh {
  background: var(--admin-debt-bg);
  border: 1px solid var(--admin-debt-border);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.Af2SHD3B8BiCCt6qNFxP {
  color: var(--admin-debt-label);
}

.Lb7sLCLdyETemn9_TD6z {
  color: var(--admin-debt-value);
}

.XkxP8pFocfQPTqolLLi9 {
  background: var(--admin-card-bg);
  border-radius: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
  transition: all 0.15s ease;
}

.XkxP8pFocfQPTqolLLi9:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.bmckPK9cvWvr7VtQaGtm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--admin-bg-secondary);
  padding: 14px 20px 12px 20px;
  border-bottom: 1px solid var(--admin-border-light);
}

.JGcOXMi82J4P9Iqasck8 {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.P7rMqNjgiz_QYOA7tDhV {
  padding: 18px;
}

.bVHNNlNA6rv7cMzOf9PB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  color: var(--admin-text-secondary);
  text-align: center;
}

.bVHNNlNA6rv7cMzOf9PB .EL_LcevYxdCX5iNXeHZl {
  font-size: 48px;
  margin-bottom: 12px;
  color: #cbd5e1;
}

.bVHNNlNA6rv7cMzOf9PB p {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.gq1KXx4Y6YRMyPEaGLcA {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 16px;
}

.wx49LiP0018Mo4w_GaDL {
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  overflow: hidden;
}

.dK5A8sAazktSgdfHUfgU {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: var(--admin-card-bg);
  border-bottom: 1px solid var(--admin-border-light);
}

.Bu4rXCHeD_EzW9A6s5XS {
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.WnShcgOeAYkUTP1MSOr5 {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.LYZ5Cz2_PMQUg3f8Dhvb {
  background: #dbeafe;
  color: #1e40af;
}

.bwoHhSrDcQ0x4DZiIX_3 {
  background: #fef3c7;
  color: #92400e;
}

.tTBznDFMlpyP9Ggeg74O {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.aJAsaLFioJMTTS9YBJqw {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.kuRiZe3j95hPL_JR0kdb {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.FWn3zyt01gn4Vped4Q05 {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.d83WTj5aAU3m2NVKXK2q {
  font-size: 14px;
  color: var(--admin-text-primary);
  font-weight: 500;
  line-height: 1.5;
}

._UX061TFFvmCXStXPnAE {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 24px;
}

.HvjOtffXnIJsHAcmKcZk {
  background: var(--admin-card-bg);
  border-radius: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
  transition: all 0.15s ease;
}

.HvjOtffXnIJsHAcmKcZk:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.zhuHyuZSEOiLL7axtGzl {
  background: var(--admin-bg-secondary);
  padding: 14px 20px 12px 20px;
  cursor: pointer;
  border-bottom: 1px solid var(--admin-border-light);
  transition: background-color 0.15s ease;
}

.zhuHyuZSEOiLL7axtGzl:hover {
  background: var(--admin-bg-hover);
}

.VdtVQ9xHR0V75CGoAmiF {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

.T69yjapB9WQNe1wXeWk5 {
  text-align: left;
}

.Pc_ZYaFBSLGRon8rP2MN {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  letter-spacing: -0.025em;
}

.MMZobs5FULBTgu3yr5J4 {
  text-align: right;
  color: var(--admin-text-secondary);
  font-size: 16px;
}

.lbU0OMY1iJIPjN4bp5dk {
  padding: 18px;
  background-color: var(--admin-card-bg);
}

.FQq3A1CaJ4abi4nXtvzQ {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--admin-border-light);
}

.X8elEfvNeoD0M_8qaDc3 {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.HzivVoOi4O722_zJy0jT {
  font-size: 18px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.DfLyBOmuSl8D8pAVgBdg {
  margin-bottom: 16px;
}

.DfLyBOmuSl8D8pAVgBdg:last-child {
  margin-bottom: 0;
}

.eLwx3bWZsuXb4DOFCJrD {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 12px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--admin-border-light);
}

.DtdnUjVZ8ybeqv0gZxqk {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
}

.DtdnUjVZ8ybeqv0gZxqk:last-child {
  margin-bottom: 0;
}

.KyZdXF5Tot0fEVOhB9P5 {
  font-size: 11px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.HsHmvpTdgqunzdH_1Wcm {
  font-size: 13px;
  color: var(--admin-text-primary);
  padding: 10px 14px;
  background-color: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  line-height: 1.5;
  min-height: 38px;
}

@media (max-width: 1200px) {
  .lbU0OMY1iJIPjN4bp5dk {
    padding: 16px;
  }
}

@media (max-width: 768px) {
  .pTvqr6hfYYnJg1BKdJRw {
    padding: 16px 14px;
  }

  .pTsKwMSZUnxu4U2qRN6J {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 16px;
  }

  .SlYZb8nwIbhxCjSLZT3F {
    font-size: 22px;
  }

  .z6g2RhIBC9MEqj2nr3b3 {
    flex-direction: column;
    gap: 10px;
  }

  .onDV6GltW8kSD1XnLrfQ {
    padding: 10px 14px;
  }

  .wqIU2oAn3WFrxAe1KkVt {
    font-size: 15px;
  }

  .XJ6_zijgHfjXKpiANrDi {
    grid-template-columns: repeat(2, 1fr);
  }

  .SlTIkENE3cbbITW5BRAU {
    grid-template-columns: repeat(2, 1fr);
  }

  .zbq__7KnwirdCvg6T6pQ {
    grid-template-columns: repeat(2, 1fr);
  }

  .MCXKkQxvSuIQYK7OnsE1 {
    border-right: none;
    border-bottom: 1px solid var(--admin-border-light);
  }

  .MCXKkQxvSuIQYK7OnsE1:nth-child(2n) {
    border-right: 1px solid #e5e7eb;
  }

  .MCXKkQxvSuIQYK7OnsE1:nth-last-child(-n+2) {
    border-bottom: none;
  }

  .Pc_ZYaFBSLGRon8rP2MN {
    font-size: 15px;
  }

  .zhuHyuZSEOiLL7axtGzl {
    padding: 12px 16px 10px 16px;
  }

  .lbU0OMY1iJIPjN4bp5dk {
    padding: 16px;
  }

  .HzivVoOi4O722_zJy0jT {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .pTvqr6hfYYnJg1BKdJRw {
    padding: 14px 12px;
  }

  .SlYZb8nwIbhxCjSLZT3F {
    font-size: 20px;
  }

  .onDV6GltW8kSD1XnLrfQ {
    padding: 10px 14px;
  }

  .OrcFVlUinTYTk6S3FwH6 {
    font-size: 11px;
  }

  .wqIU2oAn3WFrxAe1KkVt {
    font-size: 14px;
  }

  .XJ6_zijgHfjXKpiANrDi {
    grid-template-columns: 1fr;
  }

  .SlTIkENE3cbbITW5BRAU {
    grid-template-columns: 1fr;
  }

  .ZoW16RzgiNbCHmxyBSs1 {
    font-size: 9px;
  }

  .Ra0AB6MijF2btfM0oJGM {
    font-size: 18px;
  }

  .C7PUnkXaxaV1OQXE3Hf2 {
    font-size: 9px;
  }

  .B8Rib91xNwc7C6Nrysvq {
    font-size: 13px;
  }

  .zbq__7KnwirdCvg6T6pQ {
    grid-template-columns: 1fr;
  }

  .MCXKkQxvSuIQYK7OnsE1 {
    border-right: none;
    border-bottom: 1px solid var(--admin-border-light);
  }

  .MCXKkQxvSuIQYK7OnsE1:last-child {
    border-bottom: none;
  }

  .SBvu5rbzaK8xEjarNAQK {
    font-size: 9px;
  }

  .UotoW1oaPDWVIij2sxSQ {
    font-size: 15px;
  }

  .gq1KXx4Y6YRMyPEaGLcA {
    grid-template-columns: 1fr;
  }

  .kuRiZe3j95hPL_JR0kdb {
    grid-template-columns: 1fr;
  }

  .Pc_ZYaFBSLGRon8rP2MN {
    font-size: 14px;
  }

  .zhuHyuZSEOiLL7axtGzl {
    padding: 10px 14px 8px 14px;
  }

  .lbU0OMY1iJIPjN4bp5dk {
    padding: 14px;
  }

  .X8elEfvNeoD0M_8qaDc3 {
    font-size: 11px;
  }

  .HzivVoOi4O722_zJy0jT {
    font-size: 15px;
  }

  .KyZdXF5Tot0fEVOhB9P5 {
    font-size: 10px;
  }

  .HsHmvpTdgqunzdH_1Wcm {
    font-size: 12px;
    padding: 8px 12px;
  }
}

.DtdnUjVZ8ybeqv0gZxqk:focus-within .KyZdXF5Tot0fEVOhB9P5 {
  color: #3b82f6;
}

.OFNf8R5IdK1ff4il3svv {
  display: flex;
  justify-content: center;
  padding: 32px 0 120px;
  margin-top: 16px;
  border-top: 1px solid var(--admin-border-light);
}

.lE9QKkMiIORDUc5RHfA2 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.lE9QKkMiIORDUc5RHfA2:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
  border-color: var(--admin-text-secondary);
}

.lE9QKkMiIORDUc5RHfA2 .EL_LcevYxdCX5iNXeHZl {
  font-size: 18px;
}

.wtUqa5NtTOA4J7uLnKQI {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 12px;
  max-width: 400px;
}

.f6kGFm42Usz2LUmPVTVT {
  margin: 0;
  font-size: 14px;
  color: var(--admin-text-secondary);
  text-align: center;
  line-height: 1.5;
}

.fukIYTSc480qLb4ESJxd {
  display: flex;
  gap: 12px;
}

.Zmn4a6XDz8nL4DDGr346 {
  padding: 8px 16px;
  background: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.Zmn4a6XDz8nL4DDGr346:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.Zmn4a6XDz8nL4DDGr346:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.mFNKIzvhDgkkWxXNfRfl {
  padding: 8px 16px;
  background: #dc2626;
  border: none;
  border-radius: 6px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.mFNKIzvhDgkkWxXNfRfl:hover {
  background: #b91c1c;
}

.mFNKIzvhDgkkWxXNfRfl:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

* {
  transition: all 0.15s ease;
}

.SSNZhsyl34xfKLh1tBtA {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: transparent;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
  padding: 32px;
}

.VXxmGxS1C819pKOEp92M {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--admin-border-light);
}

.gwHQuWzytdUiT3ifyIng {
  font-size: 22px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.sX2ftRk7HOv0Uqs469FP {
  font-size: 13px;
  font-weight: 400;
  color: var(--admin-text-secondary);
  margin: 2px 0 0 0;
}

.hTYyftR325o61kvf6X1p {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background-color: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  color: var(--admin-text-secondary);
  font-size: 13px;
  font-weight: 500;
}

.hTYyftR325o61kvf6X1p:hover {
  background-color: var(--admin-bg-hover);
  border-color: var(--admin-border-medium);
  color: var(--admin-text-primary);
}

.hTYyftR325o61kvf6X1p .Cyuhz2Qxri11rPzIQd4v {
  font-size: 18px;
}

.VO3HdsDxtK_ZsJqIImF1,
.FYhzYqjtPK7t9LhVhDGR {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  text-align: center;
}

.VO3HdsDxtK_ZsJqIImF1 p,
.FYhzYqjtPK7t9LhVhDGR p {
  color: var(--admin-text-secondary);
  margin-top: 16px;
  font-size: 15px;
}

.FYhzYqjtPK7t9LhVhDGR .Cyuhz2Qxri11rPzIQd4v {
  font-size: 64px;
  color: var(--admin-border-medium);
  margin-bottom: 16px;
}

.FYhzYqjtPK7t9LhVhDGR h3 {
  font-size: 20px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 8px 0;
}

.xCs6w8vD9PjxXtUr702w {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background-color: #3b82f6;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 15px;
  font-weight: 500;
}

.xCs6w8vD9PjxXtUr702w:hover {
  background-color: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3);
}

.xCs6w8vD9PjxXtUr702w .Cyuhz2Qxri11rPzIQd4v {
  font-size: 20px;
}

.K7mQLcPiIbapFAROYVsc {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  flex-wrap: wrap;
  justify-content: center;
}

.UzpS26xMyezBigx4NRSw {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background-color: #10b981;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 15px;
  font-weight: 500;
}

.UzpS26xMyezBigx4NRSw:hover:not(:disabled) {
  background-color: #059669;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.3);
}

.UzpS26xMyezBigx4NRSw:disabled {
  background-color: #9ca3af;
  cursor: not-allowed;
  opacity: 0.7;
}

.UzpS26xMyezBigx4NRSw .Cyuhz2Qxri11rPzIQd4v {
  font-size: 20px;
}

.Z7h0fjYcELzcprBCMzux {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.W1bG70y_b2VpnA3h9rCr {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1200px) {
  .Z7h0fjYcELzcprBCMzux {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .Z7h0fjYcELzcprBCMzux {
    grid-template-columns: 1fr;
  }
}

._Psthwn0E5kSKXP1YcYs {
  background: var(--admin-card-bg);
  border-radius: 12px;
  border: 2px solid var(--admin-border-light);
  overflow: hidden;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
}

._Psthwn0E5kSKXP1YcYs:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.qtcDzGTfOl4vc0csqNYE {
  border-color: #3b82f6;
  box-shadow: 0 0 0 1px #3b82f6;
}

.o9KlKp2FyisVRdiL5JFA {
  border-color: #10b981;
}

.KLTvmQBN9pHl5GA9jUay {
  border-color: #8b5cf6;
}

.kKQjqjPOVSq6wFERIJOL {
  background: var(--admin-scenario-default-gradient);
  padding: 20px 24px;
  border-bottom: 1px solid var(--admin-scenario-header-border);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.qtcDzGTfOl4vc0csqNYE .kKQjqjPOVSq6wFERIJOL {
  background: var(--admin-scenario-current-gradient);
}

.o9KlKp2FyisVRdiL5JFA .kKQjqjPOVSq6wFERIJOL {
  background: var(--admin-scenario-success-gradient);
}

.KLTvmQBN9pHl5GA9jUay .kKQjqjPOVSq6wFERIJOL {
  background: var(--admin-scenario-purple-gradient);
}

.HxTLNJchjLtq9IHkH4nh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

._TjSXq2QkaViKUIcGCLB {
  font-size: 20px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.wIYnZ1EN3lItKynZkSED {
  display: flex;
  gap: 8px;
  align-items: center;
}

.MbBqULR3HcFjLdz5dKng {
  display: inline-block;
  padding: 4px 12px;
  background-color: #3b82f6;
  color: white;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.mV0a25CozEPyRJicgtQQ {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background-color: #fce7f3;
  color: #ec4899;
  border: 1px solid #fbcfe8;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.mV0a25CozEPyRJicgtQQ .Cyuhz2Qxri11rPzIQd4v {
  font-size: 10px;
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
}

.Tu2ZoY0Qo3ItKwZSRPB8 {
  height: 28px;
  display: flex;
  align-items: flex-start;
}

.mojJpw50USelqaySG0Ue {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 0px 8px;
  background-color: #fce7f3;
  color: #ec4899;
  border: 1px solid #fbcfe8;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.mojJpw50USelqaySG0Ue .Cyuhz2Qxri11rPzIQd4v {
  font-size: 9px;
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
}

.ePkWYB_T0jC3yNVt_Pnn {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.zWeTEqQy0pgm5PsSmSnD {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
}

.PmKj0O1pvlazEnBKjzlJ {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.kGWNkZl6TxEMLXxKcvDc {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 4px 0;
}

.SXT6g3MqZDqDqqPrUSBa {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--admin-border-light);
}

.SXT6g3MqZDqDqqPrUSBa:last-child {
  border-bottom: none;
}

.KMgo1hgAl4KY8tSZtKCD {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.U6HQgKAewF9SUTU06ggv {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.Iic7XIK4TGa0GF_4ee1J {
  font-size: 16px;
  font-weight: 700;
  color: var(--admin-accent-primary);
}

.kIwPvTYF22Raq7pS3_yN {
  font-size: 12px;
  font-weight: 600;
  color: #dc2626;
  margin-right: 12px;
}

.ZtKLDgyGFSaxu8CDcERg {
  background: var(--admin-savings-bg);
  border: 1px solid var(--admin-savings-border);
  border-radius: 8px;
  padding: 16px;
  margin-top: auto;
}

.UivHgwe6Fx5hIvKUoHuW {
  margin-bottom: 16px;
  padding: 8px;
  background-color: var(--admin-bg-hover);
  border-radius: 6px;
}

.Bbdcov_GugQ0XdwS_14n {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ArP3jICVDoQZYfF0mlcV {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.xJ9jgvyYeDf5YQkCOpDd {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-savings-text);
}

.zZk1e5I_2frIN5woVBuk {
  font-size: 15px;
  font-weight: 700;
  color: var(--admin-savings-text);
}

.Lbf3vh32M5CpeoM1nLNg {
  font-size: 15px;
  font-weight: 700;
  color: var(--admin-status-red);
}

.oTDxkUwwcKyGzxq8HVtw {
  font-size: 15px;
  font-weight: 700;
  color: var(--admin-text-secondary, #6b7280);
}

.bmjcBucdPXZTC2TAGTiS {
  display: flex;
  gap: 8px;
}

.NJ0Ce9UBGuX5oHMKhn1K,
.nkhrThDGsrsYiqkD6QeK {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 13px;
  font-weight: 500;
}

.NJ0Ce9UBGuX5oHMKhn1K {
  background-color: var(--admin-card-bg);
  border: 1.5px solid var(--admin-border-medium);
  color: var(--admin-text-primary);
}

.NJ0Ce9UBGuX5oHMKhn1K:hover {
  background-color: var(--admin-bg-hover);
}

.nkhrThDGsrsYiqkD6QeK {
  background-color: #3b82f6;
  color: white;
  border: 1.5px solid #3b82f6;
}

.nkhrThDGsrsYiqkD6QeK:hover {
  opacity: 0.9;
}

.o9KlKp2FyisVRdiL5JFA .NJ0Ce9UBGuX5oHMKhn1K {
  border-color: #10b981;
  color: #10b981;
}

.o9KlKp2FyisVRdiL5JFA .NJ0Ce9UBGuX5oHMKhn1K:hover {
  background-color: #f0fdf4;
}

.o9KlKp2FyisVRdiL5JFA .nkhrThDGsrsYiqkD6QeK {
  background-color: #10b981;
  border-color: #10b981;
}

.o9KlKp2FyisVRdiL5JFA .nkhrThDGsrsYiqkD6QeK:hover {
  background-color: #059669;
}

.KLTvmQBN9pHl5GA9jUay .NJ0Ce9UBGuX5oHMKhn1K {
  border-color: #8b5cf6;
  color: #8b5cf6;
}

.KLTvmQBN9pHl5GA9jUay .NJ0Ce9UBGuX5oHMKhn1K:hover {
  background-color: #faf5ff;
}

.KLTvmQBN9pHl5GA9jUay .nkhrThDGsrsYiqkD6QeK {
  background-color: #8b5cf6;
  border-color: #8b5cf6;
}

.KLTvmQBN9pHl5GA9jUay .nkhrThDGsrsYiqkD6QeK:hover {
  background-color: #7c3aed;
}

.OogJVhnkRjjF5QehU5j2,
.X5PDe5fKqGm3mSJtNB1F {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 13px;
  font-weight: 500;
}

.OogJVhnkRjjF5QehU5j2 {
  background-color: var(--admin-card-bg);
  border: 1.5px solid var(--admin-border-medium);
  color: var(--admin-text-primary);
}

.OogJVhnkRjjF5QehU5j2:hover {
  background-color: var(--admin-bg-hover);
}

.X5PDe5fKqGm3mSJtNB1F {
  background-color: #3b82f6;
  color: white;
  border: 1.5px solid #3b82f6;
}

.X5PDe5fKqGm3mSJtNB1F:hover {
  opacity: 0.9;
}

.o9KlKp2FyisVRdiL5JFA .OogJVhnkRjjF5QehU5j2 {
  border-color: #10b981;
  color: #10b981;
}

.o9KlKp2FyisVRdiL5JFA .OogJVhnkRjjF5QehU5j2:hover {
  background-color: #f0fdf4;
}

.o9KlKp2FyisVRdiL5JFA .X5PDe5fKqGm3mSJtNB1F {
  background-color: #10b981;
  border-color: #10b981;
}

.o9KlKp2FyisVRdiL5JFA .X5PDe5fKqGm3mSJtNB1F:hover {
  background-color: #059669;
}

.KLTvmQBN9pHl5GA9jUay .OogJVhnkRjjF5QehU5j2 {
  border-color: #8b5cf6;
  color: #8b5cf6;
}

.KLTvmQBN9pHl5GA9jUay .OogJVhnkRjjF5QehU5j2:hover {
  background-color: #faf5ff;
}

.KLTvmQBN9pHl5GA9jUay .X5PDe5fKqGm3mSJtNB1F {
  background-color: #8b5cf6;
  border-color: #8b5cf6;
}

.KLTvmQBN9pHl5GA9jUay .X5PDe5fKqGm3mSJtNB1F:hover {
  background-color: #7c3aed;
}

.roMd50GDjpUXw3sGnD1J {
  padding: 4px 8px;
  border: 1.5px solid var(--admin-border-medium);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  transition: all 0.15s ease;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: var(--admin-card-bg);
  text-align: right;
  min-width: 120px;
}

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

.roMd50GDjpUXw3sGnD1J:hover {
  border-color: var(--admin-border-medium);
  background-color: var(--admin-bg-hover);
}

.pPIU8038Ubj7LsWnysMM {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 16px;
  padding: 8px;
}

.kkAP4zAxbnCIRGmxaZCk {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.OTBEv_Qlxni5ySPIwSsg {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.oJHgeuRlhbiDtR3KXEb3,
.HQ9ooXY6CptFcsoaoYqQ {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 4px 8px;
  border-radius: 4px;
}

.oJHgeuRlhbiDtR3KXEb3 {
  background-color: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
}

.HQ9ooXY6CptFcsoaoYqQ {
  background-color: #eff6ff;
  color: #3b82f6;
  border: 1px solid #dbeafe;
}

.oXxpFkrRmIVgbDO1LQSg {
  background-color: #fef2f2;
  border: 1.5px solid #fecaca;
  border-radius: 8px;
  padding: 12px;
}

.yzJoY0laj12iUP1yikcL {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gcc4UKFnahZXIX_YPWFs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
  font-size: 11px;
}

.gcc4UKFnahZXIX_YPWFs span:first-child {
  font-weight: 500;
  color: #991b1b;
}

.gcc4UKFnahZXIX_YPWFs span:last-child {
  font-weight: 600;
  color: #dc2626;
}

.AB_bANm_Mt9N1vpCQQ38 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.dU3ItZpdUY2eMu66jHZI {
  display: flex;
  align-items: center;
  gap: 8px;
}

.QehdNN8C570afZhASm0B {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}

.nn6aD4ANFOqa61i7q3BZ {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nn6aD4ANFOqa61i7q3BZ:hover {
  background-color: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.nn6aD4ANFOqa61i7q3BZ .Cyuhz2Qxri11rPzIQd4v {
  font-size: 18px;
}

.rDyDwu42jWOy8s9vH5Un {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}

.N9citFBYW91gRueLRRbw {
  flex: 1;
  padding: 6px 12px;
  border: 2px solid var(--admin-accent-primary, #3b82f6);
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: var(--admin-card-bg);
  transition: all 0.15s ease;
}

.N9citFBYW91gRueLRRbw:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  background-color: #eff6ff;
}

.UPK_8dFfbZCHV45pmIqK,
.Z07Dpx06aoM32qKxqLq2 {
  padding: 6px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.UPK_8dFfbZCHV45pmIqK {
  background-color: #10b981;
  color: white;
}

.UPK_8dFfbZCHV45pmIqK:hover {
  background-color: #059669;
}

.Z07Dpx06aoM32qKxqLq2 {
  background-color: #ef4444;
  color: white;
}

.Z07Dpx06aoM32qKxqLq2:hover {
  background-color: #dc2626;
}

.UPK_8dFfbZCHV45pmIqK .Cyuhz2Qxri11rPzIQd4v,
.Z07Dpx06aoM32qKxqLq2 .Cyuhz2Qxri11rPzIQd4v {
  font-size: 20px;
}

.EUhHmufJvSMnojYWcKOh {
  width: 100%;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  background-color: #3b82f6;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.EUhHmufJvSMnojYWcKOh:hover {
  background-color: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3);
}

.EUhHmufJvSMnojYWcKOh .Cyuhz2Qxri11rPzIQd4v {
  font-size: 20px;
}

.EUhHmufJvSMnojYWcKOh:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.EUhHmufJvSMnojYWcKOh:disabled:hover {
  background-color: #3b82f6;
  transform: none;
  box-shadow: none;
}

.W1bG70y_b2VpnA3h9rCr:has(.o9KlKp2FyisVRdiL5JFA) .EUhHmufJvSMnojYWcKOh {
  background-color: #10b981;
}

.W1bG70y_b2VpnA3h9rCr:has(.o9KlKp2FyisVRdiL5JFA) .EUhHmufJvSMnojYWcKOh:hover {
  background-color: #059669;
  box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.3);
}

.W1bG70y_b2VpnA3h9rCr:has(.o9KlKp2FyisVRdiL5JFA) .EUhHmufJvSMnojYWcKOh:disabled:hover {
  background-color: #10b981;
  box-shadow: none;
}

.W1bG70y_b2VpnA3h9rCr:has(.KLTvmQBN9pHl5GA9jUay) .EUhHmufJvSMnojYWcKOh {
  background-color: #8b5cf6;
}

.W1bG70y_b2VpnA3h9rCr:has(.KLTvmQBN9pHl5GA9jUay) .EUhHmufJvSMnojYWcKOh:hover {
  background-color: #7c3aed;
  box-shadow: 0 4px 6px -1px rgba(139, 92, 246, 0.3);
}

.W1bG70y_b2VpnA3h9rCr:has(.KLTvmQBN9pHl5GA9jUay) .EUhHmufJvSMnojYWcKOh:disabled:hover {
  background-color: #8b5cf6;
  box-shadow: none;
}

.ZbsRzeivLArMZ5iZw3Jo {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: POmQ4BWiO5knR_tgIgTI 0.2s ease-out;
}

@keyframes POmQ4BWiO5knR_tgIgTI {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.viSySkx4oOFQIO_0SXZY {
  background: var(--admin-card-bg);
  border-radius: 12px;
  max-width: 500px;
  width: 90%;
  box-shadow: var(--admin-shadow-md);
  animation: EDzFjEoP2SAwOO5wduut 0.2s ease-out;
}

@keyframes EDzFjEoP2SAwOO5wduut {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.WjNy42U4ZUhDHlMVhXc7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 16px;
  border-bottom: 1px solid var(--admin-border-light);
}

.WjNy42U4ZUhDHlMVhXc7 h2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.BFWhg72cD3IVrPaAIfGY {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.BFWhg72cD3IVrPaAIfGY:hover {
  background-color: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.BFWhg72cD3IVrPaAIfGY .Cyuhz2Qxri11rPzIQd4v {
  font-size: 24px;
}

.bQBYBctD92MWFTA9zyDV {
  padding: 24px;
}

.bQBYBctD92MWFTA9zyDV p {
  font-size: 15px;
  color: var(--admin-text-primary);
  margin: 0 0 16px 0;
  line-height: 1.6;
}

.bQBYBctD92MWFTA9zyDV p:last-child {
  margin-bottom: 0;
}

._4Hwh5yvHi5qRxe289xk {
  background-color: var(--admin-alert-warning-bg);
  border-left: 4px solid var(--admin-alert-warning-border);
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 14px;
  color: var(--admin-alert-warning-text);
  font-weight: 500;
}

.mUJ__QbGz0enHGEYRlKl {
  display: flex;
  gap: 12px;
  padding: 16px 24px 24px;
  justify-content: flex-end;
}

.iQcrPUuLlOBvL6jkPLRg,
.iLmMeNuArICxRHBq4c1Z {
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  display: flex;
  align-items: center;
  gap: 6px;
}

.iQcrPUuLlOBvL6jkPLRg {
  background-color: var(--admin-card-bg);
  border: 1.5px solid var(--admin-border-medium);
  color: var(--admin-text-primary);
}

.iQcrPUuLlOBvL6jkPLRg:hover:not(:disabled) {
  background-color: var(--admin-bg-hover);
  border-color: var(--admin-border-medium);
}

.iQcrPUuLlOBvL6jkPLRg:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.iLmMeNuArICxRHBq4c1Z {
  background-color: #3b82f6;
  color: white;
  border: none;
}

.iLmMeNuArICxRHBq4c1Z:hover:not(:disabled) {
  background-color: #2563eb;
}

.iLmMeNuArICxRHBq4c1Z:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.iLmMeNuArICxRHBq4c1Z .Cyuhz2Qxri11rPzIQd4v {
  font-size: 20px;
}

.VEkyb9riWws_3eN7SJiQ {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  background-color: var(--admin-bg-hover);
  border-radius: 6px;
  border: 1px solid var(--admin-border-light);
}

.VEkyb9riWws_3eN7SJiQ .Cyuhz2Qxri11rPzIQd4v {
  font-size: 14px;
}

/* Hidden Scenario Styles */
.ElLUH1iMPwtpHAjp4lki {
  opacity: 0.7;
  border-style: dashed;
}

.ElLUH1iMPwtpHAjp4lki:hover {
  opacity: 0.85;
  transform: none;
  box-shadow: none;
}

.ewQOQFgWrW4VE4xnqB4H {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background-color: #fef3c7;
  color: #92400e;
  border: 1px solid #fcd34d;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.ewQOQFgWrW4VE4xnqB4H .Cyuhz2Qxri11rPzIQd4v {
  font-size: 14px;
}

.ptWqSiy49LDQU9ClU48u {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ptWqSiy49LDQU9ClU48u:hover {
  background-color: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.ptWqSiy49LDQU9ClU48u .Cyuhz2Qxri11rPzIQd4v {
  font-size: 18px;
}

.OUXldWAeqmWwr8qaYrsU {
  width: 100%;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  background-color: var(--admin-card-bg);
  color: var(--admin-text-primary);
  border: 1.5px solid var(--admin-border-medium);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.OUXldWAeqmWwr8qaYrsU:hover {
  background-color: var(--admin-bg-hover);
  border-color: var(--admin-border-medium);
}

.OUXldWAeqmWwr8qaYrsU .Cyuhz2Qxri11rPzIQd4v {
  font-size: 20px;
}

/* PMI Override Badge (GitHub Issue #175) */
.qhGPX87H4Jn4r2sHJRrM {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #fef3c7;
  color: #92400e;
  border-radius: 4px;
  border: 1px solid #fcd34d;
}
.kEndCRW7MhGofShCWHbR {
  width: 100%;
  padding: 8px 0;
}

.j1VPo678Aobneq9PUbPM {
  width: 100%;
  padding: 4px 0;
}

.p34WagcmSwjdUQ30n0S_ {
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 6px;
  padding: 8px 12px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.re5HDufMCHjtCFkgF6Iq {
  font-size: 11px;
  font-weight: 500;
  color: #e5e7eb;
  margin: 0 0 4px 0;
}

.FkwfrH2A0ch158SOQIGT {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

.J7QU5YWa8HaZv9qnI1zM {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(2px);
  animation: reFyDm9LyqPdO52J0mFV 0.2s ease-out;
}

@keyframes reFyDm9LyqPdO52J0mFV {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.JEs94XYMJ59sVdgV2KoM {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--admin-card-bg);
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  width: 90%;
  max-width: 480px;
  max-height: 90vh;
  overflow-y: auto;
  animation: hWFeVoJw44CVWgDEzvpm 0.3s ease-out;
}

@keyframes hWFeVoJw44CVWgDEzvpm {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.dYPpSBccQTQMC7dh4bwk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid var(--admin-border-light);
}

.vdFacP1p9pqmwKWk2LS9 {
  font-size: 18px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.ndAyYemApN_j4OhjE3fO {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
  border-radius: 4px;
}

.ndAyYemApN_j4OhjE3fO:hover {
  color: var(--admin-text-primary);
  background: var(--admin-bg-hover);
}

.ndAyYemApN_j4OhjE3fO .IPWLKyaWG35hd2TmY4QW {
  font-size: 24px;
}

.VUSakMSOHztRqDJjUSgX {
  padding: 24px;
}

.cRX7qaOPowoi_tLa5Yyt {
  font-size: 14px;
  color: var(--admin-text-primary);
  margin: 0 0 8px 0;
}

.cRX7qaOPowoi_tLa5Yyt strong {
  color: var(--admin-text-primary);
}

.AkkB_GvHsjehkfiqCelg {
  font-size: 13px;
  color: var(--admin-text-secondary);
  margin: 0 0 20px 0;
  line-height: 1.5;
}

.Bl652iYwruUgxRG8FcPR {
  margin-bottom: 0;
}

.URCoIAnu63YNkthfKmQ0 {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin-bottom: 6px;
  letter-spacing: -0.025em;
}

.gmyg6_Klex2lynczjAqI {
  color: var(--admin-status-rejected-text);
}

.aQsZAc7JUCpOJlFX7vLJ {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  width: 100%;
  padding: 12px 14px;
  font-size: 14px;
  color: var(--admin-text-primary);
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  transition: all 0.15s ease;
  outline: none;
  resize: vertical;
  min-height: 100px;
  box-sizing: border-box;
}

.aQsZAc7JUCpOJlFX7vLJ:focus {
  border-color: var(--admin-accent-primary, #3b82f6);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

[data-theme="dark"] .aQsZAc7JUCpOJlFX7vLJ:focus {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.aQsZAc7JUCpOJlFX7vLJ::-moz-placeholder {
  color: var(--admin-text-secondary);
}

.aQsZAc7JUCpOJlFX7vLJ::placeholder {
  color: var(--admin-text-secondary);
}

.TDardYNqx9y3ilYWJtvA {
  border-color: var(--admin-status-rejected-text);
}

.TDardYNqx9y3ilYWJtvA:focus {
  border-color: var(--admin-status-rejected-text);
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

[data-theme="dark"] .TDardYNqx9y3ilYWJtvA:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2);
}

.w57scnQWzzMtVfRBNtmt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
}

.QPKIIKBZxDqUpucEwYKO {
  font-size: 12px;
  color: var(--admin-status-rejected-text);
  font-weight: 500;
}

.LhMLD4e6TZYFj6b8jore {
  font-size: 12px;
  color: var(--admin-text-secondary);
  font-weight: 500;
  margin-left: auto;
}

.LhMLD4e6TZYFj6b8jore.YC_2HCUBLAMaJJfKFszN {
  color: var(--admin-status-approved-text);
}

.SnI48g3KhQdlTiYoe8Uf {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--admin-border-light);
}

.S6iup6zfW85ik8kBBqt6,
.vou0ABEcENSyQH3A3_9b {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: none;
  outline: none;
}

.S6iup6zfW85ik8kBBqt6 {
  background: var(--admin-card-bg);
  color: var(--admin-text-secondary);
  border: 1px solid var(--admin-border-medium);
}

.S6iup6zfW85ik8kBBqt6:hover {
  background: var(--admin-bg-secondary);
  border-color: var(--admin-border-medium);
  color: var(--admin-text-primary);
}

.vou0ABEcENSyQH3A3_9b {
  background: var(--admin-btn-danger-bg, #ef4444);
  color: white;
  border: 1px solid var(--admin-btn-danger-bg, #ef4444);
}

.vou0ABEcENSyQH3A3_9b:hover:not(:disabled) {
  background: var(--admin-btn-danger-hover, #dc2626);
  border-color: var(--admin-btn-danger-hover, #dc2626);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.vou0ABEcENSyQH3A3_9b:active:not(:disabled) {
  transform: translateY(1px);
}

.vou0ABEcENSyQH3A3_9b:disabled {
  background: var(--admin-status-rejected-border, #fca5a5);
  border-color: var(--admin-status-rejected-border, #fca5a5);
  cursor: not-allowed;
}

[data-theme="dark"] .vou0ABEcENSyQH3A3_9b:disabled {
  background: rgba(239, 68, 68, 0.4);
  border-color: rgba(239, 68, 68, 0.4);
}

@media (max-width: 768px) {
  .JEs94XYMJ59sVdgV2KoM {
    width: 95%;
    max-height: 95vh;
  }

  .dYPpSBccQTQMC7dh4bwk {
    padding: 16px 20px;
  }

  .vdFacP1p9pqmwKWk2LS9 {
    font-size: 16px;
  }

  .VUSakMSOHztRqDJjUSgX {
    padding: 20px;
  }

  .SnI48g3KhQdlTiYoe8Uf {
    margin-top: 20px;
    padding-top: 16px;
  }
}

@media (max-width: 480px) {
  .JEs94XYMJ59sVdgV2KoM {
    border-radius: 8px;
  }

  .dYPpSBccQTQMC7dh4bwk {
    padding: 14px 16px;
  }

  .vdFacP1p9pqmwKWk2LS9 {
    font-size: 15px;
  }

  .VUSakMSOHztRqDJjUSgX {
    padding: 16px;
  }

  .URCoIAnu63YNkthfKmQ0 {
    font-size: 12px;
  }

  .aQsZAc7JUCpOJlFX7vLJ {
    padding: 10px 12px;
    font-size: 13px;
  }

  .SnI48g3KhQdlTiYoe8Uf {
    flex-direction: column-reverse;
    gap: 8px;
  }

  .S6iup6zfW85ik8kBBqt6,
  .vou0ABEcENSyQH3A3_9b {
    width: 100%;
    padding: 10px 16px;
  }
}

.ZyvAgCn1__ew4KIMazdL {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(2px);
  animation: KIk2c1Ih6LZxA6IOtgEM 0.2s ease-out;
}

@keyframes KIk2c1Ih6LZxA6IOtgEM {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.U9f5fXicNqsdjAzDMx9E {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--admin-card-bg);
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  width: 90%;
  max-width: 420px;
  animation: RFjm5MwT0LnUNXB5Qeqh 0.3s ease-out;
}

@keyframes RFjm5MwT0LnUNXB5Qeqh {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.PEXeqkPWt1C7IJbl3Xjv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid var(--admin-border-light);
}

.bUlkq8s1qxHd1UeBBHN4 {
  font-size: 18px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.oniC4jmD9O5QpNmypEit {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
  border-radius: 4px;
}

.oniC4jmD9O5QpNmypEit:hover:not(:disabled) {
  color: var(--admin-text-primary);
  background: var(--admin-bg-hover);
}

.oniC4jmD9O5QpNmypEit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.oniC4jmD9O5QpNmypEit .tbubpQKApm4no7QZW0NX {
  font-size: 24px;
}

.TJWTqUSFbicgTScewi1Z {
  padding: 24px;
  text-align: center;
}

._9mROQMOi42IWt6FsGvkg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: var(--admin-status-rejected-bg);
  border-radius: 50%;
  margin-bottom: 16px;
}

._9mROQMOi42IWt6FsGvkg .tbubpQKApm4no7QZW0NX {
  font-size: 28px;
  color: var(--admin-status-rejected-text);
}

.NuLsNIQHNPeNAj0oAdgg {
  font-size: 15px;
  color: var(--admin-text-primary);
  margin: 0 0 20px 0;
  line-height: 1.5;
}

.NuLsNIQHNPeNAj0oAdgg strong {
  color: var(--admin-text-primary);
}

.jhA6CUAtaBFH2CbwdrNd {
  background: var(--admin-status-rejected-bg);
  border: 1px solid var(--admin-status-rejected-border);
  border-radius: 8px;
  padding: 16px;
  text-align: left;
}

.fz5QZwFIGivDQfMismhv {
  font-size: 14px;
  color: var(--admin-text-primary);
  margin: 0 0 8px 0;
  line-height: 1.5;
}

.ATygFoGtiJqWJDhcdVpw {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-status-rejected-text);
  margin: 0;
}

.Ln3mo0aYWzOoC0QHaMBQ {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 20px 24px;
  border-top: 1px solid var(--admin-border-light);
}

.eBEloEThMZasK3n2DyFp,
.bHX85Y_Em7pRmaYis8PL {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: none;
  outline: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.eBEloEThMZasK3n2DyFp {
  background: var(--admin-card-bg);
  color: var(--admin-text-secondary);
  border: 1px solid var(--admin-border-medium);
}

.eBEloEThMZasK3n2DyFp:hover:not(:disabled) {
  background: var(--admin-bg-secondary);
  border-color: var(--admin-border-medium);
  color: var(--admin-text-primary);
}

.eBEloEThMZasK3n2DyFp:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.bHX85Y_Em7pRmaYis8PL {
  background: var(--admin-btn-danger-bg, #dc2626);
  color: white;
  border: 1px solid var(--admin-btn-danger-bg, #dc2626);
}

.bHX85Y_Em7pRmaYis8PL .tbubpQKApm4no7QZW0NX {
  font-size: 18px;
}

.bHX85Y_Em7pRmaYis8PL:hover:not(:disabled) {
  background: var(--admin-btn-danger-hover, #b91c1c);
  border-color: var(--admin-btn-danger-hover, #b91c1c);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.bHX85Y_Em7pRmaYis8PL:active:not(:disabled) {
  transform: translateY(1px);
}

.bHX85Y_Em7pRmaYis8PL:disabled {
  background: var(--admin-status-rejected-border, #fca5a5);
  border-color: var(--admin-status-rejected-border, #fca5a5);
  cursor: not-allowed;
}

[data-theme="dark"] .bHX85Y_Em7pRmaYis8PL:disabled {
  background: rgba(239, 68, 68, 0.4);
  border-color: rgba(239, 68, 68, 0.4);
}

.rGdPMKJzJSFZnXMczoaO {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: PdyMsQjnXo34SjIE4NCe 0.8s linear infinite;
}

@keyframes PdyMsQjnXo34SjIE4NCe {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 480px) {
  .U9f5fXicNqsdjAzDMx9E {
    border-radius: 8px;
  }

  .PEXeqkPWt1C7IJbl3Xjv {
    padding: 14px 16px;
  }

  .bUlkq8s1qxHd1UeBBHN4 {
    font-size: 16px;
  }

  .TJWTqUSFbicgTScewi1Z {
    padding: 20px 16px;
  }

  ._9mROQMOi42IWt6FsGvkg {
    width: 48px;
    height: 48px;
  }

  ._9mROQMOi42IWt6FsGvkg .tbubpQKApm4no7QZW0NX {
    font-size: 24px;
  }

  .Ln3mo0aYWzOoC0QHaMBQ {
    flex-direction: column-reverse;
    gap: 8px;
    padding: 16px;
  }

  .eBEloEThMZasK3n2DyFp,
  .bHX85Y_Em7pRmaYis8PL {
    width: 100%;
    justify-content: center;
    padding: 10px 16px;
  }
}

.b1dFfm7vqWONe77iHozG {
  margin-top: 12px;
  padding: 16px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
}

.YN3J4TVBivRvsyndjHZi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
  color: var(--admin-text-secondary);
  font-size: 14px;
}

.o8IDSdgBDPYr7M0r8MPw {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--admin-border-light);
}

.lPbI5Z8Ph2wp3ubhWbZQ {
  display: flex;
  align-items: center;
  gap: 8px;
}

.iMKwyi34m9Hdgv_YjUTi {
  color: var(--admin-accent-secondary, #8b5cf6);
  font-size: 16px;
}

.erIy4jfhtObJdLhDqCRQ {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.AUYs4I8nnwtZcJvpfIAC {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
}

.yjLaQAUU2G0MPVJ0HeqQ {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.Rz3iMihfHzMMofSGo1KT {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 16px;
  color: var(--admin-text-secondary);
  font-size: 13px;
}

.RHKca9Wy7Cg16xse6JbX,
.ItpHTZS3RAcrYrT3pn5W {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background-color: var(--admin-accent-secondary, #8b5cf6);
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

.RHKca9Wy7Cg16xse6JbX:hover,
.ItpHTZS3RAcrYrT3pn5W:hover {
  background-color: var(--admin-accent-secondary-hover, #7c3aed);
}

.RHKca9Wy7Cg16xse6JbX:disabled,
.ItpHTZS3RAcrYrT3pn5W:disabled {
  background-color: var(--admin-accent-secondary-muted, #c4b5fd);
  cursor: not-allowed;
}

[data-theme="dark"] .RHKca9Wy7Cg16xse6JbX:disabled,
[data-theme="dark"] .ItpHTZS3RAcrYrT3pn5W:disabled {
  background-color: rgba(139, 92, 246, 0.4);
}

/* Validity Section */
.sFhXl9SkWYf8MZhNiF9W,
.TdqZv5aTf7_hKgM5uRGA {
  padding: 10px 12px;
  border-radius: 6px;
}

.sFhXl9SkWYf8MZhNiF9W {
  background-color: var(--admin-status-approved-bg);
  border: 1px solid var(--admin-status-approved-border);
}

.TdqZv5aTf7_hKgM5uRGA {
  background-color: var(--admin-status-rejected-bg);
  border: 1px solid var(--admin-status-rejected-border);
}

.o9GSP1QQ5I44DgCAeznm {
  display: flex;
  align-items: center;
  gap: 6px;
}

._2RRkV6vddJ58kq4FraFA {
  color: var(--admin-status-approved-text);
  font-size: 14px;
}

.xeVxCmhmGY5XANWZU_6d {
  color: var(--admin-status-rejected-text);
  font-size: 14px;
}

.OsrGASGgAzg7Tt0AB1vq {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-status-approved-text);
}

.vd2e52DsYVHsEwxVbnD9 {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-status-rejected-text);
}

.vlDkeZROAWCUSen9Wici {
  margin: 8px 0 0;
  font-size: 12px;
  color: var(--admin-status-rejected-text);
}

/* Confidence Section */
.a9JpSoB7qCmdDhIzagVx {
  padding: 10px 12px;
  background-color: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
}

.CKv3GQzzpS1VkSqBbD8P {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.PGDvroXh8arkJQFR306p {
  font-size: 12px;
  color: var(--admin-text-secondary);
}

.a4vIJ3zcL93_mGFjvlQa {
  font-size: 14px;
  font-weight: 600;
}

.yoXWzO1S5olTLsFRWwFP {
  height: 6px;
  background-color: var(--admin-border-light);
  border-radius: 3px;
  overflow: hidden;
}

.aU1p0JL_cXbenF1fhTck {
  height: 100%;
  border-radius: 3px;
  transition: width 0.3s ease;
}

/* Income Section */
.z5G0ZhJfuq_Ua_VmflX8 {
  padding: 10px 12px;
  background-color: var(--admin-status-approved-bg);
  border: 1px solid var(--admin-status-approved-border);
  border-radius: 6px;
}

.ysN3dUbintudU3akRfHk {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-primary);
  margin-bottom: 6px;
}

.OuVExt94ggx4CVE53b_B {
  font-size: 12px;
  color: var(--admin-status-approved-text);
}

.tUNPSBTs2dj6nd_Dbi6w {
  font-size: 18px;
  font-weight: 600;
  color: var(--admin-status-approved-text);
}

.iUHCexfeKCyGBJf9qFbK {
  margin: 4px 0 0;
  font-size: 11px;
  color: var(--admin-text-secondary);
}

/* Income Comparison */
.gDXDBDZX2I0DWIbN2DAY,
.FBlrrLCb3q1gPnB2Y1kF {
  padding: 10px 12px;
  border-radius: 6px;
}

.gDXDBDZX2I0DWIbN2DAY {
  background-color: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
}

.FBlrrLCb3q1gPnB2Y1kF {
  background-color: var(--admin-alert-warning-bg, #fffbeb);
  border: 1px solid var(--admin-alert-warning-border, #fde68a);
}

.zPBwKY8PMGe0AzYmHfh8 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 8px;
}

.iAX9zspfpLvTRXaEmzHK {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.Bash2AHFCq5o7C9c5x1Q {
  font-size: 10px;
  color: var(--admin-text-tertiary);
  text-transform: uppercase;
}

.iNeuQGV4jMqudjoN2A0s {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary);
}

.gc4WdBHR8EuxpCQpacLl {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-status-approved-text);
}

.gc4WdBHR8EuxpCQpacLl.oe6gkWNP8exBiR8Bbxmb {
  color: var(--admin-status-rejected-text);
}

.q_j9Vym2HLrDf7rMQteb {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 6px 8px;
  background-color: var(--admin-alert-warning-bg, #fef3c7);
  border-radius: 4px;
  font-size: 11px;
  color: var(--admin-alert-warning-text, #92400e);
}

/* Summary */
.hXWjP7lm2xvT_I7i0w2X {
  padding: 10px 12px;
  background-color: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
}

.JfEd8AM4AS27RWV_4SoW {
  margin: 0;
  font-size: 13px;
  color: var(--admin-text-primary);
  line-height: 1.4;
}

/* Issues Section */
.R4hMGliq3Y3bNIYkj_nH {
  padding: 10px 12px;
  background-color: var(--admin-status-rejected-bg);
  border: 1px solid var(--admin-status-rejected-border);
  border-radius: 6px;
}

.LUUJ1sdV4QhtiaR641Hi {
  color: var(--admin-status-rejected-text);
  font-size: 12px;
}

.CVI1D6UUEHGegDol3lXy {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}

.lBTVrIvygcmpvH_shrvv {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
  font-size: 12px;
  color: var(--admin-text-primary);
}

.EXNrHfMOl_jCJ8WqjlDG {
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
}

.lBTVrIvygcmpvH_shrvv.JadoQmlFaD4MqAJiUAbj .EXNrHfMOl_jCJ8WqjlDG {
  background-color: var(--admin-status-rejected-border);
  color: var(--admin-status-rejected-text);
}

.lBTVrIvygcmpvH_shrvv.HxDD0lSy1IitvPBktYru .EXNrHfMOl_jCJ8WqjlDG {
  background-color: var(--admin-alert-warning-bg, #fde68a);
  color: var(--admin-alert-warning-text, #92400e);
}

.lBTVrIvygcmpvH_shrvv.mT502K1cGaSFa4uwCSvf .EXNrHfMOl_jCJ8WqjlDG {
  background-color: var(--admin-state-current-bg, #e0e7ff);
  color: var(--admin-accent-primary, #3730a3);
}

/* Fraud Section */
.v__kG08S8nMUw_7I4Ywe {
  padding: 10px 12px;
  background-color: var(--admin-status-rejected-bg);
  border: 1px solid var(--admin-status-rejected-border);
  border-radius: 6px;
}

.RQgEVaq_Ac9gdtTyM6CA {
  color: var(--admin-status-rejected-text);
  font-size: 12px;
}

.P4Ka2VDBeSLVikAFXQlg {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}

.mMb_pQ_eL2W3tIE29VZE {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
  font-size: 12px;
  color: var(--admin-text-primary);
}

.fqcqpQXNqyR8aHvbYmgG {
  padding: 1px 6px;
  background-color: var(--admin-status-rejected-border);
  border-radius: 3px;
  font-size: 10px;
  font-weight: 500;
  color: var(--admin-status-rejected-text);
}

/* Date Section */
.p2I8bDptgxwT7qmFiUQU {
  padding: 10px 12px;
  background-color: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
}

.hBegumSLLnJNjDjUbVuJ {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}

.EoArJYl9RBHroz1Wjqk5 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 12px;
  color: var(--admin-text-primary);
}

.ZtX0VSglaOAYhF2dSaVe {
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
}

.ZtX0VSglaOAYhF2dSaVe.Xl_2c8BAqL8PuCh27oR4 {
  background-color: var(--admin-status-rejected-border);
  color: var(--admin-status-rejected-text);
}

.ZtX0VSglaOAYhF2dSaVe.eQ6MxlIfltV2ZLyXwHYO {
  background-color: var(--admin-alert-warning-bg, #fde68a);
  color: var(--admin-alert-warning-text, #92400e);
}

.ZtX0VSglaOAYhF2dSaVe.n7vWuncjvXXH64dFuFAI {
  background-color: var(--admin-status-pending-bg, #fed7aa);
  color: var(--admin-status-pending-text, #9a3412);
}

/* Extracted Data */
.bqFYNLpx2pqeM25tf0yK {
  padding: 10px 12px;
  background-color: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
}

.UnQd09bMRjOkfvwvZArP {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-top: 8px;
}

.G1w4Xy4q6rZnYKoUHIIa {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.MNKH9gggZzA1wLCpECOF {
  font-size: 10px;
  color: var(--admin-text-tertiary);
  text-transform: uppercase;
}

.f6_ltDTX9ca6h6j2ElXv {
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-primary);
}

/* Error Section */
.t_8j0Yg2LjiZ9uSSwuOK {
  padding: 10px 12px;
  background-color: var(--admin-status-rejected-bg);
  border: 1px solid var(--admin-status-rejected-border);
  border-radius: 6px;
}

.pvvjT_GfNXX4JdhIEGWN {
  margin: 0;
  font-size: 12px;
  color: var(--admin-status-rejected-text);
}

/* Actions */
.vp9sEsvNPkcBEx05SUjX {
  display: flex;
  justify-content: flex-end;
  padding-top: 8px;
  border-top: 1px solid var(--admin-border-light);
}

/* Spinner Animation */
.HLOv6d6Da15ayi5Mky1p {
  animation: PeHhJahLdbGO1uT45p3f 1s linear infinite;
}

@keyframes PeHhJahLdbGO1uT45p3f {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 480px) {
  .zPBwKY8PMGe0AzYmHfh8 {
    grid-template-columns: 1fr;
  }

  .UnQd09bMRjOkfvwvZArP {
    grid-template-columns: 1fr;
  }
}

.HCmNYsZequYyKmnU9BKQ {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  border: 1px solid;
}

.gRhvjzovTI8YQRieZ7_z {
  border-color: var(--admin-status-pending-border, #f59e0b);
}

.OdKbz4BwUIr9_DKr3VGZ {
  border-color: var(--admin-accent-primary, #3b82f6);
}

.X5RF8TRXBaM0yejKJjYL {
  border-color: var(--admin-status-approved-border, #10b981);
}

.xQrUdfbrULxFWDnpbZ4Q {
  border-color: var(--admin-status-rejected-border, #ef4444);
}
._1nggcHRuYeMbBL62mBd {
  max-width: 100%;
}

.hfDUr9XjyGfD88KaYcRI {
  margin-bottom: 24px;
}

.hfDUr9XjyGfD88KaYcRI h3 {
  margin: 0 0 12px 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--admin-text-primary, #1f2937);
}

.PMcamZf_1q4UcJQHYtii {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background-color: var(--admin-bg-secondary, #f9fafb);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light, #e5e7eb);
}

.nApysGrpIxVbKekNc2C9 {
  font-size: 14px;
  color: var(--admin-text-secondary, #6b7280);
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.ifRNpi_tLE4gQlTpDraq {
  flex: 1;
  height: 8px;
  background-color: var(--admin-border-light, #e5e7eb);
  border-radius: 4px;
  overflow: hidden;
}

.JQft2gGJh_hrwS2vaRqY {
  height: 100%;
  background-color: var(--admin-btn-success-bg, #10b981);
  border-radius: 4px;
  transition: width 0.3s ease;
}

._4K1TKnsfOZs58b6wwGi {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary, #1f2937);
  min-width: 35px;
  text-align: right;
}

.b62HJHeu0zalHMwCKljT {
  text-align: center;
  padding: 48px 24px;
  color: var(--admin-text-secondary, #6b7280);
}

.fX9L4fB1bGkIiq9YMODw {
  font-size: 48px;
  margin-bottom: 16px;
  opacity: 0.5;
}

.b62HJHeu0zalHMwCKljT h3 {
  margin: 0 0 8px 0;
  font-size: 18px;
  color: var(--admin-text-primary, #374151);
}

.b62HJHeu0zalHMwCKljT p {
  margin: 0;
  font-size: 14px;
}

.r0NHSJyetgI05aTdhoJ4 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.AqwX9jPC2S923TZ43NJX {
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 12px;
  padding: 20px;
  background-color: var(--admin-card-bg, white);
}

.LCZdDwx1RzmvOQzF6Tsg {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}

.yaXJ5GhVOiV2U57I03P5 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.IpzFUctbFSJGtN9JSyvB {
  font-size: 20px;
  margin-top: 2px;
}

.IpzFUctbFSJGtN9JSyvB.oZEnpMPFVtdbtoxYPb22 { color: var(--admin-accent-primary, #3b82f6); }
.IpzFUctbFSJGtN9JSyvB.X5zI6pFIqCwI7bU29CNt { color: var(--admin-btn-success-bg, #10b981); }
.IpzFUctbFSJGtN9JSyvB.icC1t9VdXdYHF8GXOtiz { color: var(--admin-alert-warning-icon, #f59e0b); }
.IpzFUctbFSJGtN9JSyvB.Vzo8YGgczX3IQ7IyAihW { color: var(--admin-accent-secondary, #06b6d4); }
.IpzFUctbFSJGtN9JSyvB.oLFpYQO5zulukeLpMmeQ { color: var(--admin-text-secondary, #6b7280); }
.IpzFUctbFSJGtN9JSyvB.FADexw98hj8q3NFCgwYO { color: var(--admin-status-rejected-text, #ef4444); }

.q3rSV9ufmpHBfeAl7TkH {
  flex: 1;
}

.idG2iHc7nEbZiTP2cfI_ {
  margin: 0 0 4px 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary, #1f2937);
}

.kga5Vmr_y2H07f6rKA3y {
  margin: 0;
  font-size: 14px;
  color: var(--admin-text-secondary, #6b7280);
}

.bR60QBUOac1KY4qDP_7g {
  display: flex;
  align-items: center;
  gap: 8px;
}

.i_fRpXY2MlzihshD3ZFE {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary, #6b7280);
}

.aKJMuDumt9MHB9qmNaoL {
  color: var(--admin-btn-success-bg, #10b981);
  font-size: 16px;
}

.VRTxS5XhHeUZ9sE0hhkg {
  display: grid;
  gap: 16px;
}

.cKLnVfYaetm0uop6EkrA {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 8px;
  background-color: var(--admin-bg-secondary, #fafafa);
  transition: all 0.2s ease;
}

.cKLnVfYaetm0uop6EkrA:hover {
  border-color: var(--admin-border-medium, #d1d5db);
  background-color: var(--admin-bg-hover, #f9fafb);
}

.cKLnVfYaetm0uop6EkrA.GMv2n3GP4Fogokmh54cp {
  background-color: var(--admin-status-approved-bg, #f0fdf4);
  border-color: var(--admin-status-approved-border, #bbf7d0);
}

.cKLnVfYaetm0uop6EkrA.z3kcUvvXVtNFxJA3WWCt {
  background-color: var(--admin-status-pending-bg, #fffbeb);
  border-color: var(--admin-status-pending-border, #fed7aa);
}

.cKLnVfYaetm0uop6EkrA.LoslQQVkBXUyMh9FqU3c {
  background-color: #fef2f2;
  border-color: #fecaca;
}

.oqX89S2j8hTwljm09YIh {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  background-color: #fff1f2;
  border: 1px solid #fecdd3;
  border-radius: 6px;
}

.oxhBHNwOnVuu6bu53V5W {
  color: #e11d48;
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 2px;
}

.R70fJ2WGP_EpmOXey7kj {
  flex: 1;
}

.f3JhjGkW1rsk9k2iV80d {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #be123c;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.ykeATlbiTNUssfQs5h7O {
  margin: 0;
  font-size: 13px;
  color: #9f1239;
  line-height: 1.5;
}

.ealB6C7dvaHB4ycl7BFy {
  background-color: #e11d48 !important;
}

.ealB6C7dvaHB4ycl7BFy:hover {
  background-color: #be123c !important;
}

.Vf6YaV8Z9boFdvGPUbXg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.CGWXPovkZSQEeEJAY9Jy {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.YVcYTzglvJmJlgtcc8yn {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-accent-secondary, #9333ea);
  background-color: var(--admin-state-current-bg, #f3e8ff);
  border-radius: 4px;
}

.YVcYTzglvJmJlgtcc8yn.aEzSU4z2VLZPR2IUds3H {
  color: var(--admin-status-rejected-text, #ef4444);
  background-color: var(--admin-status-rejected-bg, #fef2f2);
}

.YVcYTzglvJmJlgtcc8yn.yXma9Ef5QFw_tmsi7qzr {
  color: var(--admin-accent-secondary, #7c3aed);
  background-color: var(--admin-state-current-bg, #f3e8ff);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.hCDygnIws55flXWyn7mx {
  display: flex;
  align-items: center;
  gap: 8px;
}

.qCzcMM8F9ZDhUeDPfJRg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--admin-border-light, #e5e7eb);
}

.zb7Sh9lbOS7i0dSkO3_6 {
  display: flex;
  align-items: center;
  gap: 12px;
}

.Xf4oSK1ZGSORX6Rv4zA7 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-status-approved-text, #166534);
}

.Q7X8NSmQJTzorgMrW7Sl {
  font-size: 14px;
  color: var(--admin-status-approved-text, #166534);
}

.WR1qdJQMTTsAz6MJUZzM {
  font-size: 12px;
  color: var(--admin-text-tertiary, #9ca3af);
}

.BVOYsEbCaFnqRnWHE1a3 {
  display: flex;
  gap: 8px;
}

.CuWyujssOUXyCOiwHdhM {
  position: relative;
}

.ySX8FoGDOBf6u_Zld5tx {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: transparent;
  border: 1px solid var(--admin-border-medium, #d1d5db);
  border-radius: 6px;
  color: var(--admin-text-secondary, #6b7280);
  cursor: pointer;
  transition: all 0.2s ease;
}

.ySX8FoGDOBf6u_Zld5tx:hover {
  background-color: var(--admin-bg-hover, #f3f4f6);
  color: var(--admin-text-primary, #1f2937);
}

.wGDJ0F7gwy2RYiwBa2OA {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  background-color: var(--admin-card-bg, white);
  border: 1px solid var(--admin-border-light, #e5e7eb);
  border-radius: 8px;
  box-shadow: var(--admin-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
  min-width: 160px;
  z-index: 100;
  overflow: hidden;
}

.MLgHBAdb6AkQJwWMTLC3 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 14px;
  background-color: transparent;
  border: none;
  font-size: 13px;
  color: var(--admin-text-primary, #1f2937);
  cursor: pointer;
  transition: background-color 0.15s ease;
  text-align: left;
}

.MLgHBAdb6AkQJwWMTLC3:hover {
  background-color: var(--admin-bg-hover, #f3f4f6);
}

.MLgHBAdb6AkQJwWMTLC3:disabled,
.MLgHBAdb6AkQJwWMTLC3.c0PcgHZyp5ELcMNDk656 {
  opacity: 0.6;
  cursor: not-allowed;
}

.ivxN3_c3iVgSCt0zW0U7 {
  font-size: 14px;
  color: var(--admin-accent-secondary, #8b5cf6);
}

.vB68DoL8fe4N21FYvGsd {
  flex: 1;
}

.a9gMkTKsw8uI_nQdAqSD {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 8px;
}

.tibundlU9ZTcfPUiu2yt {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary, #1f2937);
}

.DbdMuWsTdJyNaU08bO5q {
  margin: 0 0 8px 0;
  font-size: 13px;
  color: var(--admin-text-secondary, #6b7280);
  line-height: 1.4;
}

.dCRfbTCKoouz5P40Wh8T {
  margin: 0;
  font-size: 12px;
  color: var(--admin-text-secondary, #6b7280);
  line-height: 1.4;
}

.dCRfbTCKoouz5P40Wh8T strong {
  color: var(--admin-text-primary, #374151);
}

.aKmZRG4PMsZvPypg9Qdh {
  display: flex;
  align-items: center;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.LhDLVWKU5SvbfT06uo6Y {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background-color: var(--admin-accent-primary, #3b82f6);
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.LhDLVWKU5SvbfT06uo6Y:hover {
  background-color: var(--admin-btn-primary-hover, #2563eb);
}

.d_41FfY9gZFm9ElsOkyz {
  font-size: 12px;
}

.q78J1d3N3JJIoPZCrCga {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background-color: var(--admin-status-approved-bg, #dcfce7);
  color: var(--admin-status-approved-text, #166534);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
}

.BOIKroWkn4c8YROdu2pg {
  font-size: 12px;
}

.Vi82bEs2GP4UcsouDVCS {
  padding: 4px 12px;
  background-color: var(--admin-btn-success-bg, #10b981);
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.Vi82bEs2GP4UcsouDVCS:hover {
  background-color: var(--admin-btn-success-hover, #059669);
}

.C0ILalszmgsojHRv5wtE {
  padding: 4px 12px;
  background-color: var(--admin-btn-danger-bg, #ef4444);
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.C0ILalszmgsojHRv5wtE:hover {
  background-color: var(--admin-btn-danger-hover, #dc2626);
}

.Q9YIdbY_wRwLobaK0dQT {
  padding: 4px 12px;
  background-color: var(--admin-text-secondary, #6b7280);
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 4px;
}

.Q9YIdbY_wRwLobaK0dQT:hover {
  background-color: var(--admin-btn-danger-bg, #ef4444);
}

.iSNZZemniFwaCMacZzTG {
  padding: 4px 12px;
  background-color: var(--admin-btn-success-bg, #10b981);
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  gap: 4px;
}

.iSNZZemniFwaCMacZzTG:hover {
  background-color: var(--admin-btn-success-hover, #059669);
}

.iSNZZemniFwaCMacZzTG .jnkdKYXr4Ark4iTs13Bw {
  font-size: 12px;
}

.Z92q3tfzJlQ52oOZwik1 {
  padding: 4px 10px;
  background-color: var(--admin-accent-secondary, #8b5cf6);
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  gap: 4px;
}

.Z92q3tfzJlQ52oOZwik1:hover {
  opacity: 0.9;
}

.Z92q3tfzJlQ52oOZwik1.kqLZgZMiOdOdwVNIeOAN {
  opacity: 0.85;
}

.Z92q3tfzJlQ52oOZwik1 .jnkdKYXr4Ark4iTs13Bw {
  font-size: 12px;
}

.wqKNl5St8jhbMrQn3bHF {
  animation: mi5kNO6uBi4W5MG12jQ4 1s linear infinite;
}

@keyframes mi5kNO6uBi4W5MG12jQ4 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Responsive design */
@media (max-width: 480px) {
  .qCzcMM8F9ZDhUeDPfJRg {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .BVOYsEbCaFnqRnWHE1a3 {
    width: 100%;
  }

  .BVOYsEbCaFnqRnWHE1a3 .Vi82bEs2GP4UcsouDVCS,
  .BVOYsEbCaFnqRnWHE1a3 .C0ILalszmgsojHRv5wtE {
    flex: 1;
  }
}

@media (min-width: 768px) {
  .VRTxS5XhHeUZ9sE0hhkg {
    grid-template-columns: 1fr;
  }

  .cKLnVfYaetm0uop6EkrA {
    flex-direction: row;
    align-items: center;
  }

  .a9gMkTKsw8uI_nQdAqSD {
    align-items: center;
    margin-bottom: 4px;
  }
}

@media (min-width: 1024px) {
  .VRTxS5XhHeUZ9sE0hhkg {
    grid-template-columns: repeat(2, 1fr);
  }

  .cKLnVfYaetm0uop6EkrA {
    flex-direction: column;
    align-items: stretch;
  }
}

.HYz6Qe2w3LzFYsCERbEF {
  display: flex;
  flex-direction: column;
}

.CvX_wgbGTH_JdBDrTyIA {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Individual Document Section */
.mxQQvrXopg1LFm1ZAEa3 {
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  padding: 16px;
  transition: border-color 0.2s ease;
}

.mxQQvrXopg1LFm1ZAEa3:hover {
  border-color: var(--admin-border-medium);
}

.mxQQvrXopg1LFm1ZAEa3.LIGP7GejD8rxWYIxrsUO {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

/* Document Header */
.lz8ISQfMUludT0XuTDcZ {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.G80tCVu1g93e_w8YnxSv {
  flex: 1;
  min-width: 0;
}

.HVCC7ncBxjGFhnLjmw3w {
  margin: 0 0 4px 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.UBAEyOxT2Div3hNvVE7i {
  margin: 0 0 4px 0;
  font-size: 13px;
  color: var(--admin-text-secondary);
  line-height: 1.4;
}

.lJKWPS7YkdCKZ6d9xJ7i {
  font-size: 11px;
  color: var(--admin-text-tertiary);
}

/* Status Area */
.ybId0WbuX7UkCbcL2bH1 {
  flex-shrink: 0;
}

.QGRJWyk6ROoDaPNHSi4i {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #166534;
  font-size: 13px;
  font-weight: 500;
}

.XdhjsOIAMSP_ICdeoO7l {
  color: #22c55e;
  font-size: 14px;
}

.clD9K83xJEW8rQ1Aw7iE {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: #10b981;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s;
}

.clD9K83xJEW8rQ1Aw7iE:hover {
  background: #059669;
}

.RtBmOqp2C8kvIlBIvjIr {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  background: #6b7280;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s;
}

.RtBmOqp2C8kvIlBIvjIr:hover {
  background: #dc2626;
}

.D6_h4IVVJiOO00rhXGuS {
  padding: 4px 10px;
  background: #fef3c7;
  color: #92400e;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}

/* Upload Area */
.F_XzRNegbF6JOGH8GaUF {
  margin-top: 12px;
}

.pALPnwRPgahvBFeSMQ89 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  border: 2px dashed var(--admin-border-medium);
  border-radius: 8px;
  background: var(--admin-bg-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.pALPnwRPgahvBFeSMQ89:hover {
  border-color: var(--admin-accent-primary, #3b82f6);
  background: var(--admin-bg-hover);
}

.pALPnwRPgahvBFeSMQ89.lCJHsEF6lLOCnkgyjGZc {
  border-color: var(--admin-accent-primary, #3b82f6);
  background: var(--admin-bg-hover);
  transform: scale(1.01);
}

.tZFmZ5_Cp8RYR9lCba7g {
  font-size: 20px;
  color: var(--admin-text-tertiary);
  margin-bottom: 6px;
}

.amKoJ2yEWDMC9QRlNf2K {
  font-size: 13px;
  color: var(--admin-text-secondary);
  text-align: center;
}

/* Selected File */
.inU4DX99We_M0Jn6B44R {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.b6msCwC6TSxO37fBZ3Ut {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
}

._l_LMbHV8yEPRbtYqhgj {
  font-size: 18px;
  color: var(--admin-text-secondary);
}

.KHnHgj4BX6fawQU10uM2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.PPBVPTUnVvB86lzf6AKl {
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bqdjTOSkX3NGXEjq29vX {
  font-size: 11px;
  color: var(--admin-text-tertiary);
}

.aE7os7wWGU8epF9kpTEH {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #fee2e2;
  color: #dc2626;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.15s;
}

.aE7os7wWGU8epF9kpTEH:hover {
  background: #fecaca;
}

.xmyVR06BoOXpp3PoLB8O {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  background: #3b82f6;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s;
}

.xmyVR06BoOXpp3PoLB8O:hover:not(:disabled) {
  background: #2563eb;
}

.xmyVR06BoOXpp3PoLB8O:disabled {
  background: #9ca3af;
  cursor: not-allowed;
}

.eVoV6AOO2mompzR_ySlP {
  animation: UVDh43lKDAG50qir0fHH 1s linear infinite;
}

@keyframes UVDh43lKDAG50qir0fHH {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 600px) {
  .mxQQvrXopg1LFm1ZAEa3 {
    padding: 14px;
  }

  .lz8ISQfMUludT0XuTDcZ {
    flex-direction: column;
    gap: 10px;
  }

  .ybId0WbuX7UkCbcL2bH1 {
    align-self: flex-start;
  }

  .pALPnwRPgahvBFeSMQ89 {
    padding: 16px 12px;
  }

  .b6msCwC6TSxO37fBZ3Ut {
    flex-wrap: wrap;
  }

  .xmyVR06BoOXpp3PoLB8O {
    width: 100%;
  }
}

.A9R8GWPY0TmIT7o36fkX {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.06) 0%, rgba(59, 130, 246, 0.06) 50%, rgba(236, 72, 153, 0.06) 100%);
  border-radius: 12px;
  border: 1px solid rgba(139, 92, 246, 0.15);
  overflow: hidden;
  position: relative;
}

.A9R8GWPY0TmIT7o36fkX::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #8b5cf6, #3b82f6, #ec4899);
}

.cWdkhAkMUNICWAlkA6Go {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(139, 92, 246, 0.1);
  cursor: pointer;
  transition: background 0.2s;
}

.cWdkhAkMUNICWAlkA6Go:hover {
  background: rgba(139, 92, 246, 0.03);
}

.AfKgnVzNHnKAU8mQ_VAI {
  display: flex;
  align-items: center;
  gap: 10px;
}

.Zbl5GIJdndJQ_YUwYLRQ {
  font-size: 16px;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.ld_E7OL_ksWF6WDU0Etn {
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Badge styles - composed from shared badges.module.css */
.wRRrbgKtEMtE0M77SEFe {
  gap: 5px;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
}

.Gk2AdezmUg9nkFT3Oz2j {
  color: #8b5cf6;
  font-size: 14px;
}

.zwZiFwDueSeihBwt5xym {
  padding: 16px;
}

.QF9IuutPOABSwIdXJU2j {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
  color: #8b5cf6;
}

.EIm76ayaVgqGJXoyy_JZ {
  animation: usVrbOJvpZBBQmSjPFWQ 1s linear infinite;
}

@keyframes usVrbOJvpZBBQmSjPFWQ {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.eL8FWeiMigkMCUF7igLa {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 24px;
  text-align: center;
}

.zGjmqAbaeau80WBxQUaP {
  font-size: 28px;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.eL8FWeiMigkMCUF7igLa p {
  color: #64748b;
  margin: 0;
  font-size: 13px;
}

.A0ma4aUa5HGrUj_6Ssbz {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s;
}

.A0ma4aUa5HGrUj_6Ssbz:hover:not(:disabled) {
  opacity: 0.9;
  transform: translateY(-1px);
}

.A0ma4aUa5HGrUj_6Ssbz:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.oKmjsQ1HfHSNWOBu3V20 {
  margin-bottom: 16px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  border: 1px solid rgba(139, 92, 246, 0.1);
}

.Rt6Nq0ppVzXIGFrAjTaH {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-size: 12px;
  color: #475569;
}

.AdOH5EsJnGeJj9qWnvSe {
  font-weight: 700;
  font-size: 15px;
}

.uWUF3iGaJZtJgOfGUOt_ {
  height: 6px;
  background: rgba(139, 92, 246, 0.15);
  border-radius: 3px;
  overflow: hidden;
}

._PTq0t8LpKuZt9DLW6XN {
  height: 100%;
  border-radius: 3px;
  transition: width 0.3s ease;
}

.qWSNUh_WQXaAMwxz2US7 {
  margin-bottom: 16px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  border: 1px solid rgba(139, 92, 246, 0.1);
}

.qWSNUh_WQXaAMwxz2US7 h4 {
  font-size: 11px;
  font-weight: 600;
  color: #8b5cf6;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin: 0 0 8px 0;
}

.qWSNUh_WQXaAMwxz2US7 p {
  font-size: 13px;
  color: #475569;
  margin: 0;
  line-height: 1.5;
}

.AoTP2SCTNpyD50caPTdD,
.XTSNBGFgWTkU2VkBFa7w,
.nUcyJy8IzgnYLYPEIhlW,
.MmGLhWKefObvTWQfT8Wg,
.B8j7WxPeUKMe79zjP_PR {
  margin-bottom: 16px;
}

.AoTP2SCTNpyD50caPTdD h4,
.XTSNBGFgWTkU2VkBFa7w h4,
.nUcyJy8IzgnYLYPEIhlW h4,
.MmGLhWKefObvTWQfT8Wg h4,
.B8j7WxPeUKMe79zjP_PR h4 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #475569;
  margin: 0 0 10px 0;
}

.ToAcgbuKVsX7v7HGxxJc {
  color: #f59e0b;
}

.gd7xW4eyrfir5kDyp7_T {
  color: #ef4444;
}

.Tl7nB3oh5MLdAZQqupVF,
.ubvZGLUv30P73uH2NjOM,
.ntoLM_g9h7PBAswkuQms {
  list-style: none;
  padding: 0;
  margin: 0;
}

.FiDpb9C9jNY0WHUZgbcQ,
.FsDxWlcMMcXgq6KwxYmZ,
.q7erQFIy6wyUvVekd6UC {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  margin-bottom: 6px;
  border-left: 3px solid;
}

.FiDpb9C9jNY0WHUZgbcQ:last-child,
.FsDxWlcMMcXgq6KwxYmZ:last-child,
.q7erQFIy6wyUvVekd6UC:last-child {
  margin-bottom: 0;
}

.FiDpb9C9jNY0WHUZgbcQ.NYqrIe1ZKQa4tSIBKZR6 {
  border-color: #64748b;
}

.FiDpb9C9jNY0WHUZgbcQ.hG8jwmGVhutVs6ICTah4 {
  border-color: #f59e0b;
}

.FiDpb9C9jNY0WHUZgbcQ.E8ntXuQlEp5RajuGvq1t {
  border-color: #ef4444;
}

.RcThgZb235mhq1L5OxQh,
.QsQwgoITcWngfd7LgXeV,
.D1iXtTXV5vGMk6jTPUgp {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.RcThgZb235mhq1L5OxQh {
  color: inherit;
}

.QsQwgoITcWngfd7LgXeV {
  color: #ef4444;
}

.D1iXtTXV5vGMk6jTPUgp {
  padding: 2px 8px;
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
}

.D1iXtTXV5vGMk6jTPUgp.RLmYiqdD2Zsoqse8AJim {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}

.D1iXtTXV5vGMk6jTPUgp.hd6LtKZX5vhZb8VNZ1Yy {
  background: rgba(245, 158, 11, 0.1);
  color: #d97706;
}

.D1iXtTXV5vGMk6jTPUgp.EJP8lyqInEzRIgSf9cda {
  background: rgba(100, 116, 139, 0.1);
  color: #64748b;
}

.D1iXtTXV5vGMk6jTPUgp.hOy5co_nmBT4xZwvRR0E {
  background: rgba(59, 130, 246, 0.1);
  color: #2563eb;
}

.eYliYOBIpdGzYhmwPVQa,
.GgdssqyOutDjDS8zvbAz,
.csQFCkAi7hygRUhz59iC {
  font-size: 12px;
  color: #475569;
  line-height: 1.4;
}

.FsDxWlcMMcXgq6KwxYmZ {
  border-color: #ef4444;
  background: rgba(239, 68, 68, 0.06);
}

.B8j7WxPeUKMe79zjP_PR {
  padding: 12px;
  background: rgba(239, 68, 68, 0.06);
  border-radius: 8px;
  border: 1px solid rgba(239, 68, 68, 0.2);
}

.B8j7WxPeUKMe79zjP_PR h4 {
  color: #dc2626;
}

.Piuq0eYqnCXwpxWymgqe {
  font-size: 12px;
  color: #991b1b;
  margin: 4px 0;
  line-height: 1.4;
}

.BURRGcBvo8BZOhoSntau {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.RH200j_lDu6VhoDhAsoA {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  border: 1px solid rgba(139, 92, 246, 0.1);
}

._IAMeXnP65QySIpd4VKE {
  font-size: 10px;
  font-weight: 600;
  color: #8b5cf6;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.JyQHFG02IkZC1oldbIex {
  font-size: 13px;
  font-weight: 500;
  color: #1e293b;
}

.A54GOMadEMfZhpnp2SlL {
  color: #64748b;
  font-size: 13px;
  text-align: center;
  padding: 16px;
}

.iEoStHChqHGzrDdj48uA {
  display: flex;
  gap: 10px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(139, 92, 246, 0.1);
}

.jbX_kqpW69ydgrZri9AE,
.ViEzeaoSX8viBsacwQea {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border: none;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.jbX_kqpW69ydgrZri9AE {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}

.jbX_kqpW69ydgrZri9AE:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.15);
}

.ViEzeaoSX8viBsacwQea {
  background: rgba(139, 92, 246, 0.1);
  color: #8b5cf6;
}

.ViEzeaoSX8viBsacwQea:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.15);
}

.jbX_kqpW69ydgrZri9AE:disabled,
.ViEzeaoSX8viBsacwQea:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._3gDYrsTpPczpD4MZRMnT {
  margin-bottom: 16px;
  padding: 14px;
  background: rgba(239, 68, 68, 0.08);
  border-radius: 10px;
  border: 1px solid rgba(239, 68, 68, 0.25);
}

.ADx8CMnAE1DkfsMtHv3W {
  margin-bottom: 16px;
  padding: 14px;
  background: rgba(16, 185, 129, 0.08);
  border-radius: 10px;
  border: 1px solid rgba(16, 185, 129, 0.25);
}

.g4uSI4FYj_i6_6IPiJmc {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.BoQCVU5vsTzNQmyUBIKu {
  color: #dc2626;
  font-size: 18px;
}

.kLw3iBjUobHRLAi5Oe4F {
  color: #10b981;
  font-size: 18px;
}

.vIDFcwMhSMxRNb5ceClB {
  font-weight: 600;
  color: #dc2626;
  font-size: 14px;
}

.oSItSTbmC9_BGpeZSMk0 {
  font-weight: 600;
  color: #10b981;
  font-size: 14px;
}

.W0g2fadSiLKnkZxi1bAf {
  padding-left: 26px;
}

.g_VZIjlbWc4zDt2DeuXA,
.ke5myjrLgCNhGIIGP3Mg {
  font-size: 12px;
  color: #475569;
  margin: 4px 0;
}

.radjDyk6X9beAkU3WIVQ {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 10px;
  padding: 10px;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 6px;
  font-size: 12px;
  color: #991b1b;
}

.radjDyk6X9beAkU3WIVQ svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.LZRjfzqJ3KDNpsFw6ESi {
  margin-bottom: 16px;
  padding: 14px;
  background: rgba(16, 185, 129, 0.08);
  border-radius: 10px;
  border: 1px solid rgba(16, 185, 129, 0.2);
}

.LZRjfzqJ3KDNpsFw6ESi h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #10b981;
  margin: 0 0 12px 0;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.fEYmLH5Cbt2ek5IetSUl {
  font-size: 14px;
}

._6abKIunWVu5dl4QW_r0 {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 8px;
}

._ZW3V6FwjwW1gyTYduSo {
  font-size: 24px;
  font-weight: 700;
  color: #10b981;
}

.CDw4usKQekGwxr60fPFm {
  font-size: 12px;
  color: #64748b;
  background: rgba(100, 116, 139, 0.1);
  padding: 2px 8px;
  border-radius: 10px;
}

.gv8UtsyyuU2hZTTBBSXS {
  font-size: 11px;
  color: #64748b;
  margin: 0;
  font-style: italic;
}

.dQBPY3BXlg2PfsTI4CB1 {
  margin-bottom: 16px;
  padding: 14px;
  background: rgba(245, 158, 11, 0.08);
  border-radius: 10px;
  border: 1px solid rgba(245, 158, 11, 0.3);
}

.W6edBA1HBU_AKYJvVhFV {
  margin-bottom: 16px;
  padding: 14px;
  background: rgba(59, 130, 246, 0.06);
  border-radius: 10px;
  border: 1px solid rgba(59, 130, 246, 0.2);
}

.dQBPY3BXlg2PfsTI4CB1 h4,
.W6edBA1HBU_AKYJvVhFV h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 12px 0;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.dQBPY3BXlg2PfsTI4CB1 h4 {
  color: #d97706;
}

.W6edBA1HBU_AKYJvVhFV h4 {
  color: #3b82f6;
}

.NH5V4hCqnv4ZmGlakynw {
  font-size: 14px;
}

.oSsavYvyRP_ZkItuQkxQ {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.TedO8hdk6UkK3az5lAAe {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rzbLI1dqy_jikAJTADIh {
  font-size: 10px;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.B66Y6pAkHKagptKwSZg1 {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
}

.SjYWPpveQh0EYha1xlzb {
  font-weight: 700;
}

._xFYPGwU6cvBHb9jMEOQ {
  color: #d97706;
}

.NfhW3UkcB9pCKtpG6d2W {
  color: #10b981;
}

.YzC1VFxWN4Z6g6WWBqW5 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 10px;
  background: rgba(245, 158, 11, 0.15);
  border-radius: 6px;
  font-size: 12px;
  color: #92400e;
}

.YzC1VFxWN4Z6g6WWBqW5 svg {
  flex-shrink: 0;
  color: #d97706;
}

.m1QW1N50QxsIieoUwQZA {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  background: #f9fafb;
  border-radius: 6px;
  font-size: 12px;
}

.A24FEq8_WxwJxNVw_NYw {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Badge styles - composed from shared badges.module.css */
.XjAUEq5JhFg4gFPMvGYD {
  font-size: 14px; /* Override for larger text in this context */
}

.SlJdvi5QowNdhlnFYzO1 {
  font-size: 11px;
  font-weight: 600;
}

.dOOOmjtkyOTFsWC80DTw {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background: #fef2f2;
  color: #ef4444;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 600;
}

._3rGRNJSVSNvWuc7VYvv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.ShwaCO72RmfeqSXNgWF1 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
}

.SXXrTpDOsTmk6DgEgvEG {
  animation: lbGNB8x3zxdo2iulOzQY 1s linear infinite;
}

@keyframes lbGNB8x3zxdo2iulOzQY {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.nHEyseJy3Ol7UkgXPn0F {
  display: flex;
  align-items: center;
  gap: 6px;
}

.RxWbqOsVFt03FjPLPNcg {
  position: relative;
  width: 40px;
  height: 4px;
  background: #e5e7eb;
  border-radius: 2px;
  overflow: hidden;
}

.BxBw446YKyPtmcWwRnjc {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: var(--confidence, 0%);
  border-radius: 2px;
}

.vrEWYlwtSaPNC61VuMqy {
  font-size: 11px;
  font-weight: 600;
}

.CoAV4kk7_j0l1GjZOAHo {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.q7ETmq10aRFBzVx1WNUx {
  color: #4b5563;
  font-size: 11px;
  line-height: 1.3;
  padding-left: 8px;
  border-left: 2px solid #e5e7eb;
}

.WpjKtokrWQmD8_zYjXR9 {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #f59e0b;
  font-size: 11px;
  font-weight: 500;
}

.Owd4y69PbCYSVWFIKZgF {
  font-size: 12px;
}

.pJLS07DhEQlZpp6niySj {
  display: flex;
  gap: 6px;
  margin-top: 4px;
}

.tvWxun1kSFcqtL_ASj02,
.AdMdVZIvkOk0mNvUSXGQ {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.tvWxun1kSFcqtL_ASj02 {
  background: #eff6ff;
  color: #3b82f6;
}

.tvWxun1kSFcqtL_ASj02:hover {
  background: #dbeafe;
}

.AdMdVZIvkOk0mNvUSXGQ {
  background: #fef2f2;
  color: #ef4444;
  padding: 4px 6px;
}

.AdMdVZIvkOk0mNvUSXGQ:hover {
  background: #fee2e2;
}

.NDLQdQSZFcQCli8MlaOT {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.06) 0%, rgba(59, 130, 246, 0.06) 50%, rgba(236, 72, 153, 0.06) 100%);
  border-radius: 8px;
  border: 1px solid rgba(139, 92, 246, 0.15);
  overflow: hidden;
}

.nitB8TP6GcolLwhooVBi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px;
  color: var(--admin-accent-primary, #8b5cf6);
  font-size: 13px;
}

.DAIoMBxt1fpMeuMBeHRd {
  animation: NkxC6fX0FAi26irT2c4s 1s linear infinite;
}

@keyframes NkxC6fX0FAi26irT2c4s {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Collapsed Header - Always Visible */
.hGhJiOsBErp4vhVBXMDm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.hGhJiOsBErp4vhVBXMDm:hover {
  background: rgba(139, 92, 246, 0.04);
}

.gbonKX8s3jNdsqJJQqdX {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.zAfAvW4rblnX6cYo5Sny {
  font-size: 14px;
  color: #8b5cf6;
}

.p90aD0nVsTkJvbUo0vAm {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 50%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

._TlvOR3cahqG4VzfZ0MG {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #8b5cf6;
}

.LAIFiwnMheJWKg2CzAR2 {
  color: var(--admin-border-medium);
  font-size: 8px;
}

.pyTPsU4Es0AxsRAOvWS2 {
  display: flex;
  align-items: center;
  gap: 3px;
  color: #d97706;
  font-size: 12px;
}

.pyTPsU4Es0AxsRAOvWS2 svg {
  font-size: 10px;
}

.Z7vnn_9MQ6yeLyxL2NEH {
  display: flex;
  align-items: center;
  gap: 8px;
}

._eMR6OQEVa1Lk6FyibjN {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: rgba(139, 92, 246, 0.1);
  color: #8b5cf6;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
}

._eMR6OQEVa1Lk6FyibjN:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}

._eMR6OQEVa1Lk6FyibjN:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.nKh2BFwQvIadVnVhC0Uw {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  color: var(--admin-text-tertiary);
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.15s;
}

.nKh2BFwQvIadVnVhC0Uw:hover {
  background: rgba(139, 92, 246, 0.1);
  color: #8b5cf6;
}

/* Expanded Content */
.FNnV2BZ7o5OGIOaLeXvm {
  padding: 12px 14px;
  border-top: 1px solid rgba(139, 92, 246, 0.1);
  background: var(--admin-bg-hover);
}

._W2sTbcxlILgQUWoHMV6 {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

.yZyvdzcOJxs0UOLLVpb5 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background: var(--admin-card-bg);
  border-radius: 6px;
  border: 1px solid var(--admin-border-light);
  font-size: 13px;
  font-weight: 600;
}

.yZyvdzcOJxs0UOLLVpb5 svg {
  font-size: 12px;
}

.yZyvdzcOJxs0UOLLVpb5 .esOMrA2qZmcTfjhXs0XB {
  font-size: 11px;
  font-weight: 400;
  color: var(--admin-text-secondary);
  margin-left: 2px;
}

.yZyvdzcOJxs0UOLLVpb5.KR7kr08Mq5uMlWrO06Dg {
  color: #10b981;
}

.yZyvdzcOJxs0UOLLVpb5.bzNyfz9JzMpr5gDv2ja1 {
  color: #8b5cf6;
}

.yZyvdzcOJxs0UOLLVpb5.CvHQDLr66OBuH6s3F1pn {
  color: #f59e0b;
}

.yZyvdzcOJxs0UOLLVpb5.xtM9UctKiAtNlZ6z_uF1 {
  color: #ef4444;
}

.JlBHgS66HvBT7OSS8erV {
  display: flex;
  gap: 8px;
}

.RxVe3lWJfJlL042yFEfj,
.WKWAX7BRQdj_A2ByoVSg {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: none;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
}

.RxVe3lWJfJlL042yFEfj {
  background: rgba(139, 92, 246, 0.1);
  color: #8b5cf6;
}

.RxVe3lWJfJlL042yFEfj:hover:not(:disabled) {
  background: rgba(139, 92, 246, 0.2);
}

.WKWAX7BRQdj_A2ByoVSg {
  background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);
  color: #fff;
}

.WKWAX7BRQdj_A2ByoVSg:hover:not(:disabled) {
  opacity: 0.9;
}

.RxVe3lWJfJlL042yFEfj:disabled,
.WKWAX7BRQdj_A2ByoVSg:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 600px) {
  .hGhJiOsBErp4vhVBXMDm {
    flex-wrap: wrap;
    gap: 8px;
  }

  ._TlvOR3cahqG4VzfZ0MG {
    flex-wrap: wrap;
    font-size: 12px;
  }

  ._W2sTbcxlILgQUWoHMV6 {
    flex-wrap: wrap;
  }

  .yZyvdzcOJxs0UOLLVpb5 {
    padding: 5px 8px;
    font-size: 12px;
  }
}

/* ====================================
   Document Table - Structured Clarity
   Professional financial dashboard style
   ==================================== */

.kJrcO8_aQ7aCzWbPQxid {
  overflow-x: auto;
  background: var(--admin-bg-primary);
  border-radius: 8px;
}

.CJ4reE_iAeQNYrKLsuGq {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
}

/* ====================================
   Asymmetric Header with Gradient
   ==================================== */

.CJ4reE_iAeQNYrKLsuGq thead {
  position: relative;
}

.CJ4reE_iAeQNYrKLsuGq thead tr {
  background: linear-gradient(
    135deg,
    var(--admin-table-header-bg) 0%,
    var(--admin-bg-secondary) 100%
  );
}

.CJ4reE_iAeQNYrKLsuGq thead::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 3px;
  background: var(--admin-accent-primary);
  border-radius: 0 3px 3px 0;
}

.CJ4reE_iAeQNYrKLsuGq th {
  padding: 14px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--admin-table-header-text);
  border-bottom: 1px solid var(--admin-border-light);
  white-space: nowrap;
}

.CJ4reE_iAeQNYrKLsuGq th.ZY1pl7t1LGGWKDGJVHgo {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 0.15s ease;
}

.CJ4reE_iAeQNYrKLsuGq th.ZY1pl7t1LGGWKDGJVHgo:hover {
  color: var(--admin-accent-primary);
}

.CJ4reE_iAeQNYrKLsuGq th .ZJn1Nls57VEA0NtawhDI {
  margin-left: 4px;
  font-size: 14px;
  vertical-align: middle;
  opacity: 0.5;
}

.CJ4reE_iAeQNYrKLsuGq th.fBTBSrgO9H4p6B_jvmnv .ZJn1Nls57VEA0NtawhDI {
  opacity: 1;
  color: var(--admin-accent-primary);
}

/* Dotted Column Dividers */
.CJ4reE_iAeQNYrKLsuGq th:not(:last-child),
.CJ4reE_iAeQNYrKLsuGq td:not(:last-child) {
  border-right: 1px dotted var(--admin-border-light);
}

/* ====================================
   Table Body Rows
   ==================================== */

.CJ4reE_iAeQNYrKLsuGq tbody tr {
  background: var(--admin-bg-primary);
  transition: all 0.15s ease;
}

.CJ4reE_iAeQNYrKLsuGq tbody tr.SdXTaPxfEQspnpFA2BgL {
  cursor: pointer;
}

.CJ4reE_iAeQNYrKLsuGq tbody tr:hover {
  background: var(--admin-table-row-hover);
  box-shadow: 0 2px 8px var(--admin-shadow-sm);
  position: relative;
  z-index: 1;
}

.CJ4reE_iAeQNYrKLsuGq td {
  padding: 14px 16px;
  color: var(--admin-text-primary);
  border-bottom: 1px solid var(--admin-border-light);
  vertical-align: middle;
}

/* ====================================
   Column Widths
   ==================================== */

.rQ88AMkbYPJ0sm72UVcg {
  width: 40px;
  text-align: center;
}

.cbKEX_VPtH6J216aq37w {
  width: 50px;
  text-align: center;
}

.TScaJhII8uFEqBwJKLM6 {
  min-width: 220px;
}

.sQzVzwiGMSf1iQGaw5Mq {
  width: 140px;
}

.PFAE2_qneZDAudh1tC2q {
  width: 130px;
}

.GE261iCxX5YwjLoPku9U {
  width: 160px;
  text-align: right;
}

/* ====================================
   Expand Toggle
   ==================================== */

.eKXlodnmpvNYC9HZlh7h {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: var(--admin-text-tertiary);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.eKXlodnmpvNYC9HZlh7h:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.eKXlodnmpvNYC9HZlh7h.sh3SXMPhMvS0efl04nTu {
  background: var(--admin-btn-outline-primary-bg);
  color: var(--admin-accent-primary);
}

.eKXlodnmpvNYC9HZlh7h ._6KsRFdquuuv21xXKijU {
  font-size: 20px;
  transition: transform 0.2s ease;
}

.eKXlodnmpvNYC9HZlh7h.sh3SXMPhMvS0efl04nTu ._6KsRFdquuuv21xXKijU {
  transform: rotate(180deg);
}

/* ====================================
   Status Indicator - Animated Circles
   ==================================== */

.dqvUAdWor2yBK5qsIyxA {
  display: flex;
  align-items: center;
  justify-content: center;
}

.co2wI7X5XWMiqHGeuAEC {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.co2wI7X5XWMiqHGeuAEC ._6KsRFdquuuv21xXKijU {
  font-size: 14px;
}

/* Awaiting User - Amber dashed ring with pulse */
.co2wI7X5XWMiqHGeuAEC.sUlYUNo82K2hK0aLOQg6 {
  border: 2px dashed var(--admin-status-pending-text);
  animation: BXaHpYqDuzdIxyXF_1j_ 2s ease-in-out infinite;
}

.co2wI7X5XWMiqHGeuAEC.sUlYUNo82K2hK0aLOQg6 ._6KsRFdquuuv21xXKijU {
  color: var(--admin-status-pending-text);
}

@keyframes BXaHpYqDuzdIxyXF_1j_ {
  0%, 100% {
    opacity: 0.7;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}

/* Under Review - Blue ring with soft glow */
.co2wI7X5XWMiqHGeuAEC.T7SttjZzq6pnUVZfaaL8 {
  border: 2px solid var(--admin-status-uploaded-text);
  box-shadow: 0 0 0 3px var(--admin-status-uploaded-bg);
  animation: sdrZtNfWEJKlq4Jm1DHk 2.5s ease-in-out infinite;
}

.co2wI7X5XWMiqHGeuAEC.T7SttjZzq6pnUVZfaaL8 ._6KsRFdquuuv21xXKijU {
  color: var(--admin-status-uploaded-text);
}

@keyframes sdrZtNfWEJKlq4Jm1DHk {
  0%, 100% {
    box-shadow: 0 0 0 2px var(--admin-status-uploaded-bg);
  }
  50% {
    box-shadow: 0 0 0 5px rgba(59, 130, 246, 0.15);
  }
}

/* Approved - Green filled circle */
.co2wI7X5XWMiqHGeuAEC.PJeYydmoAT_kwds_uNQK {
  background: var(--admin-status-approved-text);
  border: none;
}

.co2wI7X5XWMiqHGeuAEC.PJeYydmoAT_kwds_uNQK ._6KsRFdquuuv21xXKijU {
  color: white;
}

/* Rejected - Red filled circle */
.co2wI7X5XWMiqHGeuAEC.O2P36czj2YXlTEfcj8_g {
  background: var(--admin-status-rejected-text);
  border: none;
}

.co2wI7X5XWMiqHGeuAEC.O2P36czj2YXlTEfcj8_g ._6KsRFdquuuv21xXKijU {
  color: white;
}

/* ====================================
   Document Cell Content
   ==================================== */

.f6cXW3FTAb9KLbzGkqH2 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.i0BCG5OTqVvkipJE1do7 {
  font-weight: 500;
  color: var(--admin-text-primary);
  margin: 0;
}

.EnbZtHlmRQrV4KIcOAWi {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-text-tertiary);
  background: var(--admin-bg-secondary);
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
}

.EnbZtHlmRQrV4KIcOAWi ._6KsRFdquuuv21xXKijU {
  font-size: 12px;
}

/* ====================================
   Uploaded Time
   ==================================== */

._vFZ3nVy9BWKv1uq7M1f {
  color: var(--admin-text-secondary);
  font-size: 13px;
}

._vFZ3nVy9BWKv1uq7M1f.hnsqMdllIJtY7tsueRbj {
  color: var(--admin-text-tertiary);
  font-style: italic;
}

/* ====================================
   Analysis Status Badge
   ==================================== */

.K1eM4zlnQ2GGQWl7J2iR {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 20px;
  white-space: nowrap;
}

.K1eM4zlnQ2GGQWl7J2iR ._6KsRFdquuuv21xXKijU {
  font-size: 14px;
}

.K1eM4zlnQ2GGQWl7J2iR._E_Ixz9OGU4Y5uuxJzJF {
  background: var(--admin-status-approved-bg);
  color: var(--admin-status-approved-text);
}

.K1eM4zlnQ2GGQWl7J2iR.bpH6W4xvrLFhXQUz1vqX {
  background: var(--admin-status-uploaded-bg);
  color: var(--admin-status-uploaded-text);
}

.K1eM4zlnQ2GGQWl7J2iR.UxGJlrxQHG69BkdxjaKK {
  background: var(--admin-status-pending-bg);
  color: var(--admin-status-pending-text);
}

.K1eM4zlnQ2GGQWl7J2iR.kCrl7zvJ4dUcgjSYqz5T {
  background: var(--admin-status-rejected-bg);
  color: var(--admin-status-rejected-text);
}

.K1eM4zlnQ2GGQWl7J2iR.vSV_Uw7eLtYE_TasfeNA {
  background: var(--admin-bg-secondary);
  color: var(--admin-text-tertiary);
}

@keyframes pImPejGevXUskPH9qAHv {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.K1eM4zlnQ2GGQWl7J2iR.bpH6W4xvrLFhXQUz1vqX ._6KsRFdquuuv21xXKijU {
  animation: pImPejGevXUskPH9qAHv 1.5s linear infinite;
}

/* ====================================
   Actions Column
   ==================================== */

.EOJRE0wqn_q_Ihm7Twxc {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.XWmMHNns_l5nFN8IHEgD {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
  font-family: inherit;
}

.XWmMHNns_l5nFN8IHEgD ._6KsRFdquuuv21xXKijU {
  font-size: 16px;
}

.XWmMHNns_l5nFN8IHEgD.PFdazAecjaec2XyaVJgP {
  background: var(--admin-btn-outline-secondary-bg);
  color: var(--admin-text-secondary);
  border: 1px solid var(--admin-border-light);
}

.XWmMHNns_l5nFN8IHEgD.PFdazAecjaec2XyaVJgP:hover {
  background: var(--admin-btn-outline-secondary-bg-hover);
  color: var(--admin-text-primary);
}

.XWmMHNns_l5nFN8IHEgD.Hn6Q7h3n2ikoOsHNozhw {
  background: var(--admin-btn-outline-success-bg);
  color: var(--admin-btn-outline-success-text);
  border: 1px solid var(--admin-btn-outline-success-border);
}

.XWmMHNns_l5nFN8IHEgD.Hn6Q7h3n2ikoOsHNozhw:hover {
  background: var(--admin-btn-outline-success-bg-hover);
}

.XWmMHNns_l5nFN8IHEgD.cHICT2imXPykBLbVleMI {
  background: var(--admin-status-rejected-bg);
  color: var(--admin-status-rejected-text);
  border: 1px solid var(--admin-status-rejected-border);
}

.XWmMHNns_l5nFN8IHEgD.cHICT2imXPykBLbVleMI:hover {
  background: rgba(239, 68, 68, 0.15);
}

.XWmMHNns_l5nFN8IHEgD.CYqYRDVHg7SpEV9HNhuF {
  background: var(--admin-btn-outline-primary-bg);
  color: var(--admin-btn-outline-primary-text);
  border: 1px solid var(--admin-btn-outline-primary-border);
}

.XWmMHNns_l5nFN8IHEgD.CYqYRDVHg7SpEV9HNhuF:hover {
  background: var(--admin-btn-outline-primary-bg-hover);
}

/* ====================================
   More Menu
   ==================================== */

.fSXIe7O9s1pYvupABCIs {
  position: relative;
}

.FO0erD_3ngF4YRksZi0D {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: var(--admin-text-tertiary);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.FO0erD_3ngF4YRksZi0D:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.bWiA8LK1NJbsux2EPjwQ {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 4px;
  background: var(--admin-bg-primary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  box-shadow: 0 4px 12px var(--admin-shadow-md);
  min-width: 180px;
  z-index: 100;
  overflow: hidden;
}

.PtbuWP44cmb754YnsKrh {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: all 0.15s ease;
  font-family: inherit;
}

.PtbuWP44cmb754YnsKrh:hover {
  background: var(--admin-bg-hover);
}

.PtbuWP44cmb754YnsKrh:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.PtbuWP44cmb754YnsKrh ._6KsRFdquuuv21xXKijU {
  font-size: 18px;
  color: var(--admin-text-secondary);
}

.PtbuWP44cmb754YnsKrh.F8eEfC9ik_OUWiJ0qlvM {
  color: var(--admin-status-rejected-text);
}

.PtbuWP44cmb754YnsKrh.F8eEfC9ik_OUWiJ0qlvM ._6KsRFdquuuv21xXKijU {
  color: var(--admin-status-rejected-text);
}

.PtbuWP44cmb754YnsKrh.F8eEfC9ik_OUWiJ0qlvM:hover {
  background: var(--admin-status-rejected-bg);
}

.qTnued1lesIgCc8ASHJV {
  animation: pImPejGevXUskPH9qAHv 1s linear infinite;
}

/* ====================================
   Expanded Row - AI Analysis Panel
   ==================================== */

.gMBfRvMHblyAWNdCS_iI {
  background: var(--admin-bg-secondary);
}

.gMBfRvMHblyAWNdCS_iI td {
  padding: 0;
  border-bottom: 2px solid var(--admin-accent-primary);
}

.hZzoEz_4gcixdyF93HY0 {
  padding: 16px 24px;
  animation: tdOoGijo2C9BNJK2INpp 0.2s ease-out;
}

@keyframes tdOoGijo2C9BNJK2INpp {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pzBTwkZkwfPlYPkFVCgY {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 24px;
  color: var(--admin-text-secondary);
  font-size: 14px;
}

.pzBTwkZkwfPlYPkFVCgY ._6KsRFdquuuv21xXKijU {
  animation: pImPejGevXUskPH9qAHv 1.5s linear infinite;
  font-size: 20px;
}

/* ====================================
   Variant B: Grouped by Status
   ==================================== */

.M2seenVm8W6AqDWh7Buu {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.JciZLI1yCRQ0ydBw38Ow {
  background: var(--admin-bg-primary);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--admin-border-light);
}

.pCMkLHYgyKGYxnXiRHg4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 20px;
  background: var(--admin-bg-secondary);
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
}

.pCMkLHYgyKGYxnXiRHg4:hover {
  background: var(--admin-bg-hover);
}

.pCMkLHYgyKGYxnXiRHg4.GiexzBCFINIIPuED5NnC {
  border-radius: 8px;
}

.xyOBOY1YdtNPl_8ZXBps {
  display: flex;
  align-items: center;
  gap: 12px;
}

.TRv_zoPK6lslklQVEgLI {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}

.TRv_zoPK6lslklQVEgLI.sUlYUNo82K2hK0aLOQg6 {
  background: var(--admin-status-pending-text);
}

.TRv_zoPK6lslklQVEgLI.T7SttjZzq6pnUVZfaaL8 {
  background: var(--admin-status-uploaded-text);
}

.TRv_zoPK6lslklQVEgLI.PJeYydmoAT_kwds_uNQK {
  background: var(--admin-status-approved-text);
}

.TRv_zoPK6lslklQVEgLI.O2P36czj2YXlTEfcj8_g {
  background: var(--admin-status-rejected-text);
}

.K1m9vfldRxD99gupQseN {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.msPyD1YiYT4z5qk7DdLr {
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  background: var(--admin-bg-primary);
  padding: 2px 10px;
  border-radius: 12px;
  border: 1px solid var(--admin-border-light);
}

.cKiLDWup04O99fqAcFQy {
  color: var(--admin-text-tertiary);
  font-size: 20px;
  transition: transform 0.2s ease;
}

.pCMkLHYgyKGYxnXiRHg4.GiexzBCFINIIPuED5NnC .cKiLDWup04O99fqAcFQy {
  transform: rotate(-90deg);
}

.MQaryMQcNnrEEy6yxFOs {
  border-top: 1px solid var(--admin-border-light);
}

/* Grouped table - no header since status is in group header */
.q4MXBGcxPxO6OJb8iWfw {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.q4MXBGcxPxO6OJb8iWfw td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--admin-border-light);
  vertical-align: middle;
  color: var(--admin-text-primary);
}

.q4MXBGcxPxO6OJb8iWfw tbody tr:last-child td {
  border-bottom: none;
}

.q4MXBGcxPxO6OJb8iWfw tbody tr {
  background: var(--admin-bg-primary);
  transition: all 0.15s ease;
}

.q4MXBGcxPxO6OJb8iWfw tbody tr:hover {
  background: var(--admin-table-row-hover);
}

.q4MXBGcxPxO6OJb8iWfw tbody tr.SdXTaPxfEQspnpFA2BgL {
  cursor: pointer;
}

/* Dotted column dividers for grouped table */
.q4MXBGcxPxO6OJb8iWfw td:not(:last-child) {
  border-right: 1px dotted var(--admin-border-light);
}

/* Column widths for grouped table */
.q4MXBGcxPxO6OJb8iWfw .rQ88AMkbYPJ0sm72UVcg {
  width: 40px;
  text-align: center;
}

.q4MXBGcxPxO6OJb8iWfw .TScaJhII8uFEqBwJKLM6 {
  min-width: 220px;
}

.q4MXBGcxPxO6OJb8iWfw .sQzVzwiGMSf1iQGaw5Mq {
  width: 140px;
}

.q4MXBGcxPxO6OJb8iWfw .PFAE2_qneZDAudh1tC2q {
  width: 130px;
}

.q4MXBGcxPxO6OJb8iWfw .GE261iCxX5YwjLoPku9U {
  width: 160px;
  text-align: right;
}

/* ====================================
   Empty State
   ==================================== */

.E1nl1nrZ0wOX7GCaYhiI {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  text-align: center;
  background: var(--admin-bg-primary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
}

.E1nl1nrZ0wOX7GCaYhiI ._6KsRFdquuuv21xXKijU {
  font-size: 48px;
  color: var(--admin-text-tertiary);
  margin-bottom: 16px;
}

.E1nl1nrZ0wOX7GCaYhiI p {
  color: var(--admin-text-secondary);
  margin: 0;
}

/* ====================================
   Inline Upload - Drag & Drop Row
   ==================================== */

.DRvHEjmIhy9Whp0iwSLT {
  position: relative;
}

.J5N4L5S3aplPoEiRwsxb {
  background: var(--admin-btn-outline-primary-bg) !important;
  outline: 2px dashed var(--admin-accent-primary);
  outline-offset: -2px;
}

.J5N4L5S3aplPoEiRwsxb td {
  color: var(--admin-accent-primary);
}

/* ====================================
   Inline Upload - File Selected State
   ==================================== */

.c6GHjoyKmRH6e5bFRghu {
  background: var(--admin-btn-outline-primary-bg) !important;
}

.c6GHjoyKmRH6e5bFRghu td:last-child {
  border-right: 3px solid var(--admin-accent-primary);
}

.pOF5LaNBRHj6VaEdZ41R {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}

.I4FaZJwSwVxBwkxVknGV {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1;
}

.EIihR2D_RuT9QhGu5Ue5 {
  font-size: 16px;
  color: var(--admin-accent-primary);
  flex-shrink: 0;
}

.EdPrUDEgunwG0hWbUMer {
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}

.F6vrAmt26b8Fnjj8V2cT {
  font-size: 11px;
  color: var(--admin-text-tertiary);
  white-space: nowrap;
  flex-shrink: 0;
}

.KpGqiQIvM5Nos_hbyHvf {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  background: var(--admin-btn-outline-success-bg);
  color: var(--admin-btn-outline-success-text);
  border: 1px solid var(--admin-btn-outline-success-border);
  transition: all 0.15s ease;
  flex-shrink: 0;
}

.KpGqiQIvM5Nos_hbyHvf:hover {
  background: var(--admin-btn-outline-success-bg-hover);
}

.KpGqiQIvM5Nos_hbyHvf ._6KsRFdquuuv21xXKijU {
  font-size: 18px;
}

._5HcyDgGP_3l_gAr_sc54 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  background: transparent;
  color: var(--admin-text-tertiary);
  transition: all 0.15s ease;
  flex-shrink: 0;
}

._5HcyDgGP_3l_gAr_sc54:hover {
  background: var(--admin-status-rejected-bg);
  color: var(--admin-status-rejected-text);
}

._5HcyDgGP_3l_gAr_sc54 ._6KsRFdquuuv21xXKijU {
  font-size: 16px;
}

/* ====================================
   Inline Upload - Uploading State
   ==================================== */

.sFeuGKDVRgadXwpmhi6c {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
  color: var(--admin-accent-primary);
  font-size: 12px;
  font-weight: 500;
}

.sFeuGKDVRgadXwpmhi6c ._6KsRFdquuuv21xXKijU {
  font-size: 18px;
  animation: pImPejGevXUskPH9qAHv 1s linear infinite;
}

/* Upload Progress Bar */
.RyBg31Ea6jTQoRn9nNGB {
  pointer-events: none;
}

.RyBg31Ea6jTQoRn9nNGB td {
  padding: 0 !important;
  border-bottom: none !important;
}

.YDrG3lQi0yATt5XNI7Nh {
  height: 2px;
  background: var(--admin-border-light);
  overflow: hidden;
}

.tVxgxUJfDGi4YOPvltYl {
  height: 100%;
  background: var(--admin-accent-primary);
  animation: gEYI1S_QGoX2VzOEGMYH 1.5s ease-in-out infinite;
  width: 40%;
  border-radius: 2px;
}

@keyframes gEYI1S_QGoX2VzOEGMYH {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(350%);
  }
}

/* ====================================
   Inline Upload - Error State
   ==================================== */

.ai_BybZCaAX3LEwA0nZ8 {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-end;
}

.e6CjUGu6ODsuZNhI8Cqz {
  font-size: 11px;
  color: var(--admin-status-rejected-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80px;
}

.VjFNJcost6HgiJVNxXKi {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  background: var(--admin-btn-outline-primary-bg);
  color: var(--admin-btn-outline-primary-text);
  border: 1px solid var(--admin-btn-outline-primary-border);
  transition: all 0.15s ease;
  font-family: inherit;
}

.VjFNJcost6HgiJVNxXKi:hover {
  background: var(--admin-btn-outline-primary-bg-hover);
}

.VjFNJcost6HgiJVNxXKi ._6KsRFdquuuv21xXKijU {
  font-size: 14px;
}

/* Hidden file input */
.qrJp_Y2hb7FDsvlTn59W {
  display: none;
}

/* ====================================
   Responsive
   ==================================== */

@media (max-width: 900px) {
  .EOJRE0wqn_q_Ihm7Twxc {
    flex-wrap: wrap;
  }

  .XWmMHNns_l5nFN8IHEgD span:not(._6KsRFdquuuv21xXKijU) {
    display: none;
  }

  .XWmMHNns_l5nFN8IHEgD {
    padding: 6px;
  }

  .CJ4reE_iAeQNYrKLsuGq th,
  .CJ4reE_iAeQNYrKLsuGq td {
    padding: 10px 12px;
  }

  .sQzVzwiGMSf1iQGaw5Mq,
  .PFAE2_qneZDAudh1tC2q {
    display: none;
  }
}

@media (max-width: 600px) {
  .rQ88AMkbYPJ0sm72UVcg {
    display: none;
  }

  .EnbZtHlmRQrV4KIcOAWi {
    display: none;
  }
}

/* ====================================
   Requested Documents Group
   ==================================== */

.TRv_zoPK6lslklQVEgLI.iVloixX2gLGr4U4481hj {
  background: var(--admin-accent-primary);
}

.UI_1GGvklrf28_PwuHT7 {
  display: flex;
  align-items: center;
  gap: 12px;
}

.q2zkC4qMBVxdddsapt2A {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-accent-primary);
  background: var(--admin-btn-outline-primary-bg);
  border: 1px solid var(--admin-btn-outline-primary-border);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  white-space: nowrap;
}

.q2zkC4qMBVxdddsapt2A:hover {
  background: var(--admin-btn-outline-primary-bg-hover);
}

.q2zkC4qMBVxdddsapt2A ._6KsRFdquuuv21xXKijU {
  font-size: 16px;
}

/* ====================================
   Inline Request Row
   ==================================== */

.egORPqBKglGDYa0_gYBQ {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-left: 3px solid var(--admin-accent-primary);
  background: var(--admin-btn-outline-primary-bg);
  border-bottom: 1px solid var(--admin-border-light);
  animation: tdOoGijo2C9BNJK2INpp 0.2s ease-out;
}

.JW1F8O5kZWqmx5GdSuH5 {
  flex-shrink: 0;
}

.JW1F8O5kZWqmx5GdSuH5:first-child {
  width: 28px;
}

.sD96FNAYy0_rfvBkq3tF {
  flex: 2;
  min-width: 180px;
}

.MfHTorY_BzHezvOgEbLw {
  flex: 1;
  min-width: 120px;
}

.mGd3qYvkfAg4Mep1_THH {
  width: auto;
}

.VC_pkSD6RQwvjkjEZOZg {
  width: 100%;
  padding: 6px 10px;
  font-size: 13px;
  font-family: inherit;
  color: var(--admin-text-primary);
  background: var(--admin-bg-primary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  outline: none;
  transition: border-color 0.15s ease;
  cursor: pointer;
}

.VC_pkSD6RQwvjkjEZOZg:focus {
  border-color: var(--admin-accent-primary);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.dlM4KYHv1g_rSONguoOX {
  width: 100%;
  padding: 6px 10px;
  font-size: 13px;
  font-family: inherit;
  color: var(--admin-text-primary);
  background: var(--admin-bg-primary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  outline: none;
  transition: border-color 0.15s ease;
}

.dlM4KYHv1g_rSONguoOX::-moz-placeholder {
  color: var(--admin-text-tertiary);
}

.dlM4KYHv1g_rSONguoOX::placeholder {
  color: var(--admin-text-tertiary);
}

.dlM4KYHv1g_rSONguoOX:focus {
  border-color: var(--admin-accent-primary);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.IRqiyG1Arr4NGRU7miMN {
  display: flex;
  align-items: center;
  gap: 6px;
}

.IRqiyG1Arr4NGRU7miMN .dlM4KYHv1g_rSONguoOX {
  flex: 1;
}

.VCM0pLq_Lr6_UGe46Ydg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: var(--admin-text-tertiary);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
}

.VCM0pLq_Lr6_UGe46Ydg:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.VCM0pLq_Lr6_UGe46Ydg ._6KsRFdquuuv21xXKijU {
  font-size: 18px;
}

.nOwuCvd7M7jfgsqQxBMd {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  background: var(--admin-accent-primary);
  color: white;
  transition: all 0.15s ease;
  flex-shrink: 0;
}

.nOwuCvd7M7jfgsqQxBMd:hover:not(:disabled) {
  filter: brightness(1.1);
}

.nOwuCvd7M7jfgsqQxBMd:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.nOwuCvd7M7jfgsqQxBMd ._6KsRFdquuuv21xXKijU {
  font-size: 18px;
}

/* ====================================
   Status Chips (Requested Doc Rows)
   ==================================== */

.jjtE7MFwuXt0BBmohdFh {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 20px;
  white-space: nowrap;
}

.jjtE7MFwuXt0BBmohdFh.kz1BTxj4j4JstMH9r15c {
  background: var(--admin-status-pending-bg);
  color: var(--admin-status-pending-text);
}

.jjtE7MFwuXt0BBmohdFh.kedUAJJw2Hqx6yPiC_Kt {
  background: var(--admin-status-uploaded-bg);
  color: var(--admin-status-uploaded-text);
}

.jjtE7MFwuXt0BBmohdFh.KNjuSvMZa49WmQzmz4dz {
  background: var(--admin-status-approved-bg);
  color: var(--admin-status-approved-text);
}

.jjtE7MFwuXt0BBmohdFh.fcOI51GVYuJsEsuUoMob {
  background: var(--admin-status-rejected-bg);
  color: var(--admin-status-rejected-text);
}

/* ====================================
   Request Notes Subtitle
   ==================================== */

.eZDqWEiSLnaL8oDDLYLy {
  display: block;
  font-size: 11px;
  color: var(--admin-text-tertiary);
  font-style: italic;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 280px;
}

/* ====================================
   Requested Group Empty State
   ==================================== */

.gRovBQzL4jAbBLg9FGAR {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 20px;
  color: var(--admin-text-tertiary);
  font-size: 13px;
}

.gRovBQzL4jAbBLg9FGAR ._6KsRFdquuuv21xXKijU {
  font-size: 18px;
}

.sisU4cuId1uqIXD3K70l {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(2px);
  animation: bCT1SwG90lJa509TJe7Y 0.2s ease-out;
}

@keyframes bCT1SwG90lJa509TJe7Y {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes qxryjsTQX7wPzD6HGQgr {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.VilX9ENacuZHNwlIlPUv {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--admin-card-bg);
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  width: 90%;
  max-width: 560px;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  animation: qxryjsTQX7wPzD6HGQgr 0.3s ease-out;
}

.Cav9XPtS_UEtHwhFPgk8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid var(--admin-border-light);
  flex-shrink: 0;
}

.pJXPzcpiukVPwLSjXvwQ {
  font-size: 18px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.yNdF6gd7fkbYHrt3vPMl {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: var(--admin-text-secondary);
  transition: all 0.15s ease;
  border-radius: 4px;
}

.yNdF6gd7fkbYHrt3vPMl:hover {
  color: var(--admin-text-primary);
  background: var(--admin-bg-hover);
}

.TPQ8sQWOVEJjH3mtJQk0 {
  padding: 16px 24px 12px;
  border-bottom: 1px solid var(--admin-border-light);
  flex-shrink: 0;
}

.VTpSyFkPGOQ0OutB05bT {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  width: 100%;
  padding: 10px 12px 10px 36px;
  font-size: 14px;
  color: var(--admin-text-primary);
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  outline: none;
  transition: all 0.15s ease;
  box-sizing: border-box;
}

.VTpSyFkPGOQ0OutB05bT:focus {
  border-color: var(--admin-accent-primary, #3b82f6);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  background: var(--admin-card-bg);
}

.VTpSyFkPGOQ0OutB05bT::-moz-placeholder {
  color: var(--admin-text-secondary);
}

.VTpSyFkPGOQ0OutB05bT::placeholder {
  color: var(--admin-text-secondary);
}

.uZEVv43v5ltIegeYbisM {
  position: relative;
}

.XUJlV_tzizWlotZM0HAY {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--admin-text-secondary);
  pointer-events: none;
}

.HrF1ROqGBT01EimruA9P {
  overflow-y: auto;
  flex: 1;
  padding: 8px 0;
}

.zcoBULiBl1frx1PAoqny {
  border-bottom: 1px solid var(--admin-border-light);
}

.zcoBULiBl1frx1PAoqny:last-child {
  border-bottom: none;
}

.q23AB_h_7ji1_d2dA9Kx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
  cursor: pointer;
  transition: background 0.15s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.q23AB_h_7ji1_d2dA9Kx:hover {
  background: var(--admin-bg-hover);
}

.EBrphXfA9W05MmXU4T0B {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ZkT5JzvP_AHOWQ5gWD2P {
  font-size: 18px;
  color: var(--admin-text-secondary);
}

.LKwq2baIdpKZ6Lbz2WW3 {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  letter-spacing: -0.025em;
}

.H1L9Qw2r41LSO3ofqbQu {
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  margin-left: 4px;
}

.MA38JxUBZHFgdtIbBNoA {
  display: flex;
  align-items: center;
  gap: 8px;
}

.wtAiirceyyW8NOzPNJAQ {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: var(--admin-accent-primary, #3b82f6);
  background: none;
  border: none;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  transition: all 0.15s ease;
}

.wtAiirceyyW8NOzPNJAQ:hover {
  background: rgba(59, 130, 246, 0.08);
}

.XLzdYSpOBp5oo7KVFsNK {
  font-size: 20px;
  color: var(--admin-text-secondary);
  transition: transform 0.2s ease;
}

.xdzpThE7t5udMYDmjRoT {
  transform: rotate(180deg);
}

.JQch_6OrH3z1dy4mm7Gb {
  padding: 0 24px 8px;
}

.MGe8go8sVIqNP4xbI7nJ {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 8px 8px 4px;
  border-radius: 6px;
  transition: background 0.1s ease;
}

.MGe8go8sVIqNP4xbI7nJ:hover {
  background: var(--admin-bg-hover);
}

.HhysiJjPUMo1fdiPCyrd {
  width: 16px;
  height: 16px;
  accent-color: var(--admin-accent-primary, #3b82f6);
  cursor: pointer;
  flex-shrink: 0;
}

.V9wyG_ofCMNnBSe1xrKj {
  font-size: 13px;
  color: var(--admin-text-primary);
  flex: 1;
  cursor: pointer;
  line-height: 1.4;
}

.zFrLHRmd73yYPCkytPu_ {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.lNphGeIlqi5qTzBLSwX0 {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-accent-primary, #3b82f6);
  background: rgba(59, 130, 246, 0.08);
  padding: 2px 6px;
  border-radius: 4px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}

.EX4rnvuKiTUkKLmzKzxb {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-status-approved-text, #16a34a);
  background: rgba(22, 163, 74, 0.08);
  padding: 2px 6px;
  border-radius: 4px;
  letter-spacing: 0.02em;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 3px;
}

.EX4rnvuKiTUkKLmzKzxb .KO0D7u3CoiJ77EF1XIIt {
  font-size: 12px;
}

.Lfo6XX3Ze6kUz7UPNsHC {
  font-size: 11px;
  color: var(--admin-status-rejected-text, #dc2626);
  background: rgba(220, 38, 38, 0.06);
  padding: 4px 8px;
  border-radius: 4px;
  margin: 0 8px 4px 30px;
  line-height: 1.4;
}

.Lfo6XX3Ze6kUz7UPNsHC .KO0D7u3CoiJ77EF1XIIt {
  font-size: 13px;
  vertical-align: -2px;
  margin-right: 4px;
}

.XCVow7qJQlFUqY0GrgO7 {
  text-align: center;
  padding: 32px 24px;
  color: var(--admin-text-secondary);
}

.XCVow7qJQlFUqY0GrgO7 .KO0D7u3CoiJ77EF1XIIt {
  font-size: 32px;
  display: block;
  margin-bottom: 8px;
}

.j_aK9ZyiHdJGophvSsOg {
  font-size: 14px;
}

.WLQLZW98Rg3swIgDE2AO {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-top: 1px solid var(--admin-border-light);
  flex-shrink: 0;
}

.kGJ87AL3UFT8Ady4QNLg {
  font-size: 13px;
  color: var(--admin-text-secondary);
}

.SdGpyLzBUazflvAWn_Ha {
  font-size: 12px;
  color: var(--admin-text-secondary);
  margin-top: 2px;
}

.vbGokDOOedhNgTs_jkOK {
  color: var(--admin-status-approved-text, #16a34a);
}

.UNCOg2h4XEq7f5_gqYfA {
  color: var(--admin-status-rejected-text, #dc2626);
}

.jyvNo96qy2a5rPAoONg1 {
  display: flex;
  gap: 10px;
  align-items: center;
}

.e5GS_Q3N7msPyCAaGGUs,
.Qz5ysGj7DTdxXLrsrIcz {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: none;
  outline: none;
}

.e5GS_Q3N7msPyCAaGGUs {
  background: var(--admin-card-bg);
  color: var(--admin-text-secondary);
  border: 1px solid var(--admin-border-medium);
}

.e5GS_Q3N7msPyCAaGGUs:hover {
  background: var(--admin-bg-secondary);
  color: var(--admin-text-primary);
}

.Qz5ysGj7DTdxXLrsrIcz {
  background: var(--admin-accent-primary, #3b82f6);
  color: white;
}

.Qz5ysGj7DTdxXLrsrIcz:hover:not(:disabled) {
  background: var(--admin-accent-hover, #2563eb);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.Qz5ysGj7DTdxXLrsrIcz:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.VKyXlLlPxgKvnxvqYpZa {
  animation: DheIkYMG77WwsKwaawmJ 1s linear infinite;
  font-size: 16px;
  vertical-align: -3px;
  margin-right: 4px;
}

@keyframes DheIkYMG77WwsKwaawmJ {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (max-width: 768px) {
  .VilX9ENacuZHNwlIlPUv {
    width: 95%;
    max-height: 90vh;
  }

  .Cav9XPtS_UEtHwhFPgk8 {
    padding: 16px 20px;
  }

  .TPQ8sQWOVEJjH3mtJQk0 {
    padding: 12px 20px 10px;
  }

  .q23AB_h_7ji1_d2dA9Kx {
    padding: 10px 20px;
  }

  .JQch_6OrH3z1dy4mm7Gb {
    padding: 0 20px 6px;
  }

  .WLQLZW98Rg3swIgDE2AO {
    padding: 14px 20px;
  }
}

@media (max-width: 480px) {
  .VilX9ENacuZHNwlIlPUv {
    border-radius: 8px;
  }

  .WLQLZW98Rg3swIgDE2AO {
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }

  .jyvNo96qy2a5rPAoONg1 {
    justify-content: stretch;
  }

  .e5GS_Q3N7msPyCAaGGUs,
  .Qz5ysGj7DTdxXLrsrIcz {
    flex: 1;
    text-align: center;
  }
}

/* Main container matching LO dashboard style */
.Nnh5Uq6u07dURmtC7_Vd {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: var(--admin-bg-primary);
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
}

/* Loading state */
.IZfXqFP6uNib8hxUKDQl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  color: var(--admin-text-secondary);
}

.hZ1n4SiOCl6OvlcahBsI {
  font-size: 36px;
  color: var(--admin-accent-primary, #3b82f6);
  animation: Bdhcwsa_GzZxPb3d41Zz 1s linear infinite;
  margin-bottom: 16px;
}

@keyframes Bdhcwsa_GzZxPb3d41Zz {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.IZfXqFP6uNib8hxUKDQl p {
  margin: 8px 0 0 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

/* Borrower Info Card - Inline Minimal */
.jd_I_YxCXdAoFoIQumS7 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  margin-bottom: 12px;
  background: var(--admin-card-bg);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
}

.eSskuZ08z5iBPvhhyxAQ {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.DtK9xiE2s4J4A2VLR9tj {
  color: var(--admin-border-medium);
  font-size: 12px;
}

.xYiLlX_dLTFOoeMwexFi {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: var(--admin-text-secondary);
}

.xYiLlX_dLTFOoeMwexFi .FIDBJIfRwDNFXWwBqkc8 {
  font-size: 16px;
  color: var(--admin-text-tertiary);
}

.D6eE0vSz8X_lJblk0u1_ {
  margin-left: auto;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  background: var(--admin-bg-secondary);
  padding: 4px 10px;
  border-radius: 12px;
}

.WiABHJ3XJELBUZDdn8Ko {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-accent-primary, #3b82f6);
  background: none;
  border: 1px solid var(--admin-border-light);
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.WiABHJ3XJELBUZDdn8Ko:hover {
  background: rgba(59, 130, 246, 0.06);
  border-color: var(--admin-accent-primary, #3b82f6);
}

.WiABHJ3XJELBUZDdn8Ko .FIDBJIfRwDNFXWwBqkc8 {
  font-size: 16px;
}

/* AI Analysis Summary */
.BfjkW6doS5YJGZoZYija {
  margin-bottom: 16px;
}

/* Progress Section - Tabs Only */
.q8PMKOUT8ByXzL7nFhHJ {
  margin-bottom: 8px;
}

.rXujQAOvRAN_Ki3TcA63 {
  display: none;
}

.JqYnEkKa9bujsEw7ANAk {
  position: relative;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  display: none;
}

.I_EAlpzsGqb67__a8Sam {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.DZ53BNm2MeL0i3RzX9YQ {
  fill: none;
  stroke: var(--admin-border-light);
  stroke-width: 3;
}

.R6SheXzUVdh_ubd3yXJD {
  fill: none;
  stroke: #3b82f6;
  stroke-width: 3;
  stroke-linecap: round;
  transition: stroke-dasharray 0.6s ease;
}

.YfqaqOYst1Inso7FJjKC {
  fill: var(--admin-text-primary);
  font-size: 0.45em;
  font-weight: 700;
  text-anchor: middle;
  transform: rotate(90deg);
  transform-origin: center;
}

.ugGjkHjlZjDSLYEcGU2p h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 3px 0;
  letter-spacing: -0.025em;
}

.ugGjkHjlZjDSLYEcGU2p p {
  margin: 0;
  font-size: 13px;
  color: var(--admin-text-secondary);
  font-weight: 500;
}

/* Category Tabs - Segmented Control */
.aqUl20EVc18nPTFH9BDw {
  display: inline-flex;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  padding: 3px;
  gap: 0;
  overflow-x: auto;

  /* Cross-browser scrollbar hiding */
  scrollbar-width: none;
  -ms-overflow-style: none;

  &::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
}

.SNmfspQzlHBmyxQI5BbS {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: transparent;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.SNmfspQzlHBmyxQI5BbS:hover {
  color: var(--admin-text-primary);
  background: var(--admin-bg-hover);
}

.SNmfspQzlHBmyxQI5BbS.txSjrg3nzZK4eQZqGkdc {
  background: var(--admin-bg-primary);
  color: var(--admin-text-primary);
  font-weight: 600;
  box-shadow: 0 1px 3px var(--admin-shadow-sm);
}

.SNmfspQzlHBmyxQI5BbS .FIDBJIfRwDNFXWwBqkc8 {
  font-size: 16px;
}

.SNmfspQzlHBmyxQI5BbS.txSjrg3nzZK4eQZqGkdc .FIDBJIfRwDNFXWwBqkc8 {
  color: var(--admin-accent-primary, #3b82f6);
}

.qYLpfEAk3gzYQ3NpmTIL {
  padding: 2px 6px;
  background-color: var(--admin-bg-tertiary);
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
}

.SNmfspQzlHBmyxQI5BbS.txSjrg3nzZK4eQZqGkdc .qYLpfEAk3gzYQ3NpmTIL {
  background-color: var(--admin-state-current-bg);
  color: var(--admin-accent-primary, #3b82f6);
}

.ToPND9pkQ5SnXUPgcT25 {
  font-size: 16px;
  color: var(--admin-btn-success-bg);
}

/* Content Area */
.g88h3ofYJhGeEqd_2Ixt {
  background: var(--admin-card-bg);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
  padding: 12px;
  min-height: 400px;
}

.P14xcR2uc1CgiAMDZG4s {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--admin-border-light);
}

.XnEMOx5IQa11dbob4L51 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: var(--admin-bg-primary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.XnEMOx5IQa11dbob4L51:hover {
  background-color: var(--admin-bg-hover);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-accent-primary, #3b82f6);
}

.ms5fVa_O0h498Yh5rmG9 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  max-width: 400px;
  margin-left: auto;
}

.c9cgbl7m7wKqPTwqscQe {
  flex: 1;
  height: 8px;
  background-color: var(--admin-bg-tertiary);
  border-radius: 4px;
  overflow: hidden;
}

.RIylL9fn_blilBG8v6Qb {
  height: 100%;
  background: linear-gradient(to right, #3b82f6, #2563eb);
  border-radius: 4px;
  transition: width 0.6s ease;
}

.Qx_C3cdlEfJ9uko8xrE5 {
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  white-space: nowrap;
}

/* Document Grid */
.fejCnad6ictCV9brPhcx {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.h0yE6s4c7d8f4llItLfk {
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  padding: 16px;
  transition: border-color 0.15s ease;
}

.h0yE6s4c7d8f4llItLfk:hover {
  border-color: var(--admin-accent-primary, #3b82f6);
}

.vrnqLmjO1C6JOQc2cssH {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}

.zYYp9NFAdq6lDp2VC8vW {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0 0 4px 0;
}

.IPfTpQMCCzi3bLYKYiv9 {
  font-size: 12px;
  color: var(--admin-text-secondary);
  margin: 0;
}

/* Badge styles - composed from shared badges.module.css */
.vNZf4AmDq8SLOnWJWUJY {
}

.Us9yB_vvh9ouDtqa7TTy {
}

.gFMCjV7Yx1QX7VEhVhfh {
}

.l2Fvu51wbJkLJw56Us8B {
}

.OUSxjZyTBCMzaxx1w_v_ {
}

/* Action Buttons */
.xKupE7p6BOvTXCk1FZUw {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.DPwSopm7_eL2hMcIx14o {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 12px;
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  background: var(--admin-bg-primary);
}

.DPwSopm7_eL2hMcIx14o.NemH2Ofm4Ga0W9P_nm6g {
  color: var(--admin-status-approved-text);
  border-color: var(--admin-status-approved-border);
}

.DPwSopm7_eL2hMcIx14o.NemH2Ofm4Ga0W9P_nm6g:hover {
  background-color: var(--admin-status-approved-bg);
  border-color: var(--admin-btn-success-bg);
}

.DPwSopm7_eL2hMcIx14o.FwYIc49qxP8dAZT0Il6X {
  color: var(--admin-status-rejected-text);
  border-color: var(--admin-status-rejected-border);
}

.DPwSopm7_eL2hMcIx14o.FwYIc49qxP8dAZT0Il6X:hover {
  background-color: var(--admin-status-rejected-bg);
  border-color: var(--admin-alert-urgent-border);
}

.DPwSopm7_eL2hMcIx14o.pPZl9tno4QWILM3mf4zg {
  color: var(--admin-accent-primary, #3b82f6);
  border-color: var(--admin-accent-primary, #3b82f6);
}

.DPwSopm7_eL2hMcIx14o.pPZl9tno4QWILM3mf4zg:hover {
  background-color: var(--admin-state-current-bg);
  border-color: var(--admin-accent-primary, #2563eb);
}

.DPwSopm7_eL2hMcIx14o .FIDBJIfRwDNFXWwBqkc8 {
  font-size: 16px;
}

/* Empty State */
.wR4lsihvkcsGcbeBzvPz {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
  color: var(--admin-text-tertiary);
}

.wR4lsihvkcsGcbeBzvPz .FIDBJIfRwDNFXWwBqkc8 {
  font-size: 64px;
  margin-bottom: 16px;
  color: var(--admin-border-medium);
}

.wR4lsihvkcsGcbeBzvPz h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  margin: 0 0 8px 0;
}

.wR4lsihvkcsGcbeBzvPz p {
  font-size: 14px;
  margin: 0;
  color: var(--admin-text-tertiary);
}

/* Alert Card */
.ik4OTmO0HGFxtDm1RC51 {
  background-color: var(--admin-alert-warning-bg);
  border: 1px solid var(--admin-alert-warning-border);
  border-radius: 8px;
  padding: 10px 14px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.ik4OTmO0HGFxtDm1RC51 .FIDBJIfRwDNFXWwBqkc8 {
  font-size: 20px;
  color: var(--admin-alert-warning-icon);
  flex-shrink: 0;
}

.GxTt0OmffdCeYdTEHdbQ {
  flex: 1;
}

.GxTt0OmffdCeYdTEHdbQ strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-alert-warning-text);
  margin-bottom: 2px;
}

.GxTt0OmffdCeYdTEHdbQ p {
  margin: 0;
  font-size: 12px;
  color: var(--admin-alert-warning-text);
}

/* Filter Bar */
.B4Pc3jPnsmOX0MfkAbuE {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 12px 14px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
}

.ToBM_1b3RbGuPh8oxC61 {
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.C4lI_4onbAXWgoujM1nO {
  padding: 6px 12px;
  background: var(--admin-bg-primary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.C4lI_4onbAXWgoujM1nO:hover {
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-accent-primary, #3b82f6);
}

.C4lI_4onbAXWgoujM1nO.txSjrg3nzZK4eQZqGkdc {
  background-color: var(--admin-accent-primary, #3b82f6);
  color: white;
  border-color: var(--admin-accent-primary, #3b82f6);
}

/* Optional Documents Section */
.GLUaW02BgQ9PiKucxgFh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.vZZsl_o4Vc6pMP4WwwdQ {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.UOAzjB1AcKK7EDersA4b {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: transparent;
  color: var(--admin-accent-primary, #3b82f6);
  border: 1px solid var(--admin-accent-primary, #3b82f6);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.UOAzjB1AcKK7EDersA4b:hover {
  background: var(--admin-accent-primary, #3b82f6);
  color: white;
}

.UOAzjB1AcKK7EDersA4b .FIDBJIfRwDNFXWwBqkc8 {
  font-size: 18px;
}

/* Optional Documents Empty State */
.oHPt7DFGwWPo9Qo_ipbc {
  padding: 40px;
  text-align: center;
  background-color: var(--admin-bg-secondary);
  border-radius: 8px;
  color: var(--admin-text-secondary);
}

.oHPt7DFGwWPo9Qo_ipbc .FIDBJIfRwDNFXWwBqkc8 {
  font-size: 48px;
  margin-bottom: 12px;
  display: block;
  color: var(--admin-text-tertiary);
}

.oHPt7DFGwWPo9Qo_ipbc p {
  margin: 0;
}

.oHPt7DFGwWPo9Qo_ipbc .gNeL4e1cl62HqkN4vJXP {
  margin: 8px 0 0 0;
  font-size: 13px;
}

/* Optional Document Card */
.t3IhmrZ5BvhNY5dtOsSQ {
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  padding: 16px;
  background-color: var(--admin-card-bg);
}

.D62EXI9aN2X20_9UtDmf {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.x8nMPiErOR0S3jxjuwQV {
  flex: 1;
}

.lVjeVtbzoXvJFHEKpeO9 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.NNzTryg58zJ_sdVWm22T {
  color: var(--admin-text-secondary);
}

.KJ2gHUJGZgJj4uF6lZ0V {
  font-weight: 600;
  font-size: 14px;
  color: var(--admin-text-primary);
}

.kEqDciZG_qfs4Pa3L38q {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: var(--admin-state-current-bg);
  color: var(--admin-accent-primary, #1d4ed8);
}

.r6UwpXhkAbj3J7Hl7ETT {
  font-size: 13px;
  color: var(--admin-text-secondary);
  margin: 0 0 4px 0;
}

.vU7AaAB2npvPzfGUu6vQ {
  font-size: 12px;
  color: var(--admin-accent-secondary, #7c3aed);
  font-style: italic;
  margin: 4px 0;
}

.pIxl_ijSVAWJF2lNXIMe {
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}

.pIxl_ijSVAWJF2lNXIMe.e_NLxksSkMdw3xL2tjTD {
  background-color: var(--admin-status-approved-bg);
  color: var(--admin-status-approved-text);
}

.pIxl_ijSVAWJF2lNXIMe.OejcIumsVbzY5pK5EIDQ {
  background-color: var(--admin-status-rejected-bg);
  color: var(--admin-status-rejected-text);
}

.pIxl_ijSVAWJF2lNXIMe.chff3UoswT4fDQNI9Uwr {
  background-color: var(--admin-state-current-bg);
  color: var(--admin-accent-primary, #1d4ed8);
}

.pIxl_ijSVAWJF2lNXIMe.lJBPWPrWH0I4hbYDWIKr {
  background-color: var(--admin-status-pending-bg);
  color: var(--admin-status-pending-text);
}

._SYs3CMXTJi5fQ14Szqp {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.RKvAlWYZxehpbDsc4y6v {
  padding: 6px 12px;
  background-color: var(--admin-card-bg);
  color: var(--admin-status-rejected-text);
  border: 1px solid var(--admin-status-rejected-border);
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.RKvAlWYZxehpbDsc4y6v:hover {
  background-color: var(--admin-status-rejected-bg);
}

.U4ihsfSxrVDOAwjHy8Nt {
  padding: 6px 12px;
  background-color: var(--admin-btn-success-bg);
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.U4ihsfSxrVDOAwjHy8Nt:hover {
  background-color: var(--admin-btn-success-hover);
}

.LO6az2YpBXjFngppVQth {
  padding: 6px 12px;
  background-color: var(--admin-btn-danger-bg);
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.LO6az2YpBXjFngppVQth:hover {
  background-color: var(--admin-btn-danger-hover);
}

.vckW1iNMpDqL1RQFTXM2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Request Document Modal */
.iGZyYeoHRsJyozgEP3Yw {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.YKK4Tac4kbwv09K7WlrW {
  background-color: var(--admin-card-bg);
  border-radius: 12px;
  padding: 24px;
  width: 100%;
  max-width: 480px;
  max-height: 90vh;
  overflow: auto;
  border: 1px solid var(--admin-border-light);
}

.gY5tEnWUs4JnbQw68wwQ {
  margin: 0 0 20px 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.CiGp1GApgdkmMWO_FIDn {
  margin-bottom: 16px;
}

.brK1yZcmvlYV0Nx9tHqT {
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--admin-text-primary);
}

.pAmzKuzrdMrZBEzm_xLJ,
.ZmTyqcXTGh_WtM9quJNe,
.A_aJMYs8uuvDp20T9eYC {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 14px;
  background-color: var(--admin-input-bg);
  color: var(--admin-text-primary);
  transition: border-color 0.15s ease;
}

.pAmzKuzrdMrZBEzm_xLJ:focus,
.ZmTyqcXTGh_WtM9quJNe:focus,
.A_aJMYs8uuvDp20T9eYC:focus {
  outline: none;
  border-color: var(--admin-accent-primary, #3b82f6);
}

.A_aJMYs8uuvDp20T9eYC {
  resize: vertical;
}

.GH_mIrYF5mNohypT5m_s {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 20px;
}

.LG2ToQKeuwdWaTOT6Krr {
  padding: 10px 20px;
  background-color: var(--admin-card-bg);
  color: var(--admin-text-primary);
  border: 1px solid var(--admin-border-medium);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.LG2ToQKeuwdWaTOT6Krr:hover {
  background-color: var(--admin-bg-hover);
}

.db37dhmkcwBXJQbRzDVQ {
  padding: 10px 20px;
  background-color: var(--admin-accent-primary, #4f46e5);
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.db37dhmkcwBXJQbRzDVQ:hover:not(:disabled) {
  opacity: 0.9;
}

.db37dhmkcwBXJQbRzDVQ:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive Design */
@media (max-width: 768px) {
  .Nnh5Uq6u07dURmtC7_Vd {
    padding: 12px;
  }

  .jd_I_YxCXdAoFoIQumS7,
  .g88h3ofYJhGeEqd_2Ixt {
    padding: 12px;
  }

  .rXujQAOvRAN_Ki3TcA63 {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .JqYnEkKa9bujsEw7ANAk {
    width: 70px;
    height: 70px;
  }

  .aqUl20EVc18nPTFH9BDw {
    flex-wrap: nowrap;
  }

  .P14xcR2uc1CgiAMDZG4s {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .ms5fVa_O0h498Yh5rmG9 {
    width: 100%;
    max-width: none;
    margin-left: 0;
  }

  .fejCnad6ictCV9brPhcx {
    grid-template-columns: 1fr;
  }

  .xKupE7p6BOvTXCk1FZUw {
    flex-direction: column;
  }

  .DPwSopm7_eL2hMcIx14o {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .jd_I_YxCXdAoFoIQumS7 {
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 12px;
  }

  .jd_I_YxCXdAoFoIQumS7 .DtK9xiE2s4J4A2VLR9tj {
    display: none;
  }

  .D6eE0vSz8X_lJblk0u1_ {
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-top: 4px;
  }

  .g88h3ofYJhGeEqd_2Ixt {
    padding: 10px;
  }

  .ugGjkHjlZjDSLYEcGU2p h3 {
    font-size: 16px;
  }

  .ugGjkHjlZjDSLYEcGU2p p {
    font-size: 12px;
  }

  .SNmfspQzlHBmyxQI5BbS {
    padding: 5px 10px;
    font-size: 11px;
  }

  .qYLpfEAk3gzYQ3NpmTIL {
    padding: 1px 5px;
    font-size: 9px;
  }
}

/* Transitions */
* {
  transition-property: background-color, border-color, color, fill, stroke, opacity;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

/* ========================================
   VARIANT 1: HORIZONTAL PROGRESS
   Replaces circular progress with horizontal bar
   Saves ~84px (40% reduction)
   ======================================== */

.MGnPjvYbtl3JGEfkHmLB .jd_I_YxCXdAoFoIQumS7 {
  padding: 10px 14px;
  margin-bottom: 8px;
}

.MGnPjvYbtl3JGEfkHmLB .lxzVq0gjWmdJdhNPGjsb {
  flex-wrap: wrap;
}

.MGnPjvYbtl3JGEfkHmLB .bZBSxr2KX6zne3aaLPLC {
  flex: 1;
  min-width: 200px;
}

.MGnPjvYbtl3JGEfkHmLB .hZgbIBgqbdb1wtX5JSL0 {
  width: 100%;
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.MGnPjvYbtl3JGEfkHmLB .TBdIGv9fTw76FgWUXcQc {
  flex: 1;
  height: 6px;
  background-color: var(--admin-border-light);
  border-radius: 3px;
  overflow: hidden;
}

.MGnPjvYbtl3JGEfkHmLB .CHA7igB_ik6YuglOmcTu {
  height: 100%;
  background: linear-gradient(to right, #3b82f6, #2563eb);
  border-radius: 3px;
  transition: width 0.6s ease;
}

.MGnPjvYbtl3JGEfkHmLB ._ySDEzKK69TG1_xNTk0y {
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-accent-primary, #3b82f6);
  white-space: nowrap;
}

.MGnPjvYbtl3JGEfkHmLB .q8PMKOUT8ByXzL7nFhHJ {
  padding: 8px 14px;
  margin-bottom: 8px;
}

.MGnPjvYbtl3JGEfkHmLB .rXujQAOvRAN_Ki3TcA63 {
  display: none;
}

.MGnPjvYbtl3JGEfkHmLB .aqUl20EVc18nPTFH9BDw {
  margin-bottom: 0;
}

.MGnPjvYbtl3JGEfkHmLB .g88h3ofYJhGeEqd_2Ixt {
  padding: 12px;
}

/* ========================================
   VARIANT 2: COMPACT CARDS
   Smaller circle, tighter spacing
   Saves ~40px (23% reduction)
   ======================================== */

.zNPJX7PNYVjrC6WfN5vP .jd_I_YxCXdAoFoIQumS7 {
  padding: 10px;
  margin-bottom: 8px;
}

.zNPJX7PNYVjrC6WfN5vP .lxzVq0gjWmdJdhNPGjsb {
  gap: 8px;
}

.zNPJX7PNYVjrC6WfN5vP .lxzVq0gjWmdJdhNPGjsb .FIDBJIfRwDNFXWwBqkc8 {
  font-size: 24px;
  padding: 6px;
}

.zNPJX7PNYVjrC6WfN5vP .eSskuZ08z5iBPvhhyxAQ {
  font-size: 15px;
  margin-bottom: 2px;
}

.zNPJX7PNYVjrC6WfN5vP .iiLxKYMIviWo1niNEn22 {
  font-size: 11px;
  gap: 8px;
}

.zNPJX7PNYVjrC6WfN5vP .q8PMKOUT8ByXzL7nFhHJ {
  padding: 10px;
  margin-bottom: 8px;
}

.zNPJX7PNYVjrC6WfN5vP .rXujQAOvRAN_Ki3TcA63 {
  gap: 12px;
  margin-bottom: 10px;
}

.zNPJX7PNYVjrC6WfN5vP .JqYnEkKa9bujsEw7ANAk {
  width: 60px;
  height: 60px;
}

.zNPJX7PNYVjrC6WfN5vP .ugGjkHjlZjDSLYEcGU2p h3 {
  font-size: 16px;
  margin: 0;
  line-height: 1.2;
}

.zNPJX7PNYVjrC6WfN5vP .ugGjkHjlZjDSLYEcGU2p p {
  font-size: 12px;
  margin: 2px 0 0 0;
}

.zNPJX7PNYVjrC6WfN5vP .aqUl20EVc18nPTFH9BDw {
  gap: 5px;
}

.zNPJX7PNYVjrC6WfN5vP .SNmfspQzlHBmyxQI5BbS {
  padding: 5px 10px;
  font-size: 11px;
  gap: 5px;
}

.zNPJX7PNYVjrC6WfN5vP .SNmfspQzlHBmyxQI5BbS .FIDBJIfRwDNFXWwBqkc8 {
  font-size: 14px;
}

.zNPJX7PNYVjrC6WfN5vP .qYLpfEAk3gzYQ3NpmTIL {
  padding: 2px 5px;
  font-size: 9px;
}

.zNPJX7PNYVjrC6WfN5vP .g88h3ofYJhGeEqd_2Ixt {
  padding: 12px;
  margin-bottom: 8px;
}

.zNPJX7PNYVjrC6WfN5vP .P14xcR2uc1CgiAMDZG4s {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.zNPJX7PNYVjrC6WfN5vP .fejCnad6ictCV9brPhcx {
  gap: 10px;
  margin-top: 10px;
}

/* ========================================
   VARIANT 3: INLINE HEADER
   Merge borrower info and progress into single bar
   Saves ~80px (46% reduction)
   ======================================== */

.HskV25zCEagut217Etsw .jd_I_YxCXdAoFoIQumS7 {
  padding: 8px 14px;
  margin-bottom: 8px;
}

.HskV25zCEagut217Etsw .lxzVq0gjWmdJdhNPGjsb {
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.HskV25zCEagut217Etsw .lxzVq0gjWmdJdhNPGjsb .FIDBJIfRwDNFXWwBqkc8 {
  font-size: 24px;
  padding: 6px;
}

.HskV25zCEagut217Etsw .bZBSxr2KX6zne3aaLPLC {
  flex: 1;
  min-width: 0;
}

.HskV25zCEagut217Etsw .eSskuZ08z5iBPvhhyxAQ {
  font-size: 14px;
  margin-bottom: 2px;
}

.HskV25zCEagut217Etsw .iiLxKYMIviWo1niNEn22 {
  font-size: 11px;
  gap: 8px;
  flex-wrap: wrap;
}

.HskV25zCEagut217Etsw .l8rv1GgT34e4dVhmg4hu {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.HskV25zCEagut217Etsw .JqYnEkKa9bujsEw7ANAk {
  width: 50px;
  height: 50px;
}

.HskV25zCEagut217Etsw .qUwTw1AzxO8U9PZUGKhf {
  font-size: 11px;
  color: var(--admin-text-secondary);
  font-weight: 500;
  white-space: nowrap;
}

.HskV25zCEagut217Etsw .q8PMKOUT8ByXzL7nFhHJ {
  padding: 8px 14px;
  margin-bottom: 8px;
}

.HskV25zCEagut217Etsw .rXujQAOvRAN_Ki3TcA63 {
  display: none;
}

.HskV25zCEagut217Etsw .aqUl20EVc18nPTFH9BDw {
  margin-bottom: 0;
}

.HskV25zCEagut217Etsw .g88h3ofYJhGeEqd_2Ixt {
  padding: 12px;
}

/* ========================================
   VARIANT 4: COLLAPSIBLE
   User-controlled collapse/expand header
   Saves ~130px when collapsed (75% reduction)
   ======================================== */

.kgRZdja3p6FhUi3b50is .StXLayOKruPLbspLEoj8 {
  position: relative;
  transition: all 0.3s ease;
}

.kgRZdja3p6FhUi3b50is .JTVPngexLvycHRl2OO0d {
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  padding: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kgRZdja3p6FhUi3b50is .JTVPngexLvycHRl2OO0d:hover {
  background-color: var(--admin-bg-hover);
  border-color: var(--admin-accent-primary, #3b82f6);
  color: var(--admin-accent-primary, #3b82f6);
}

.kgRZdja3p6FhUi3b50is .JTVPngexLvycHRl2OO0d .FIDBJIfRwDNFXWwBqkc8 {
  font-size: 18px;
  transition: transform 0.3s ease;
}

.kgRZdja3p6FhUi3b50is .StXLayOKruPLbspLEoj8.mOCqWiObTY55srS3OvCT .JTVPngexLvycHRl2OO0d .FIDBJIfRwDNFXWwBqkc8 {
  transform: rotate(180deg);
}

.kgRZdja3p6FhUi3b50is .StXLayOKruPLbspLEoj8.mOCqWiObTY55srS3OvCT .jd_I_YxCXdAoFoIQumS7 {
  padding: 8px 14px;
  margin-bottom: 8px;
}

.kgRZdja3p6FhUi3b50is .StXLayOKruPLbspLEoj8.mOCqWiObTY55srS3OvCT .lxzVq0gjWmdJdhNPGjsb {
  gap: 8px;
}

.kgRZdja3p6FhUi3b50is .StXLayOKruPLbspLEoj8.mOCqWiObTY55srS3OvCT .lxzVq0gjWmdJdhNPGjsb .FIDBJIfRwDNFXWwBqkc8 {
  font-size: 20px;
  padding: 4px;
}

.kgRZdja3p6FhUi3b50is .StXLayOKruPLbspLEoj8.mOCqWiObTY55srS3OvCT .eSskuZ08z5iBPvhhyxAQ {
  font-size: 13px;
  margin-bottom: 0;
  display: inline;
}

.kgRZdja3p6FhUi3b50is .StXLayOKruPLbspLEoj8.mOCqWiObTY55srS3OvCT .iiLxKYMIviWo1niNEn22 {
  display: inline-flex;
  margin-left: 8px;
  font-size: 11px;
  gap: 8px;
}

.kgRZdja3p6FhUi3b50is .StXLayOKruPLbspLEoj8.mOCqWiObTY55srS3OvCT .rXujQAOvRAN_Ki3TcA63 {
  display: none;
}

.kgRZdja3p6FhUi3b50is .ruWXJCHKtICMAtGpCeQX {
  display: none;
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-accent-primary, #3b82f6);
  margin-left: auto;
  white-space: nowrap;
}

.kgRZdja3p6FhUi3b50is .StXLayOKruPLbspLEoj8.mOCqWiObTY55srS3OvCT .ruWXJCHKtICMAtGpCeQX {
  display: block;
}

.kgRZdja3p6FhUi3b50is .q8PMKOUT8ByXzL7nFhHJ {
  margin-bottom: 8px;
}

.kgRZdja3p6FhUi3b50is .StXLayOKruPLbspLEoj8.mOCqWiObTY55srS3OvCT ~ .q8PMKOUT8ByXzL7nFhHJ .rXujQAOvRAN_Ki3TcA63 {
  display: none;
}

/* ========================================
   VARIANT 5: SIDEBAR PROGRESS
   Fixed left sidebar with progress circle
   Saves ~60px vertical (35% reduction)
   ======================================== */

.RVjUME8dFbF57oMQr0z9 {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.RVjUME8dFbF57oMQr0z9 .DSuud18SF1tYLZasG4Zx {
  width: 100px;
  flex-shrink: 0;
  position: sticky;
  top: 20px;
  background: var(--admin-card-bg);
  border-radius: 8px;
  box-shadow: var(--admin-shadow-sm);
  border: 1px solid var(--admin-border-light);
  padding: 14px;
  text-align: center;
}

.RVjUME8dFbF57oMQr0z9 .N_1w3QxcZkEZc_cParRS {
  width: 72px;
  height: 72px;
  margin: 0 auto 10px;
}

.RVjUME8dFbF57oMQr0z9 .vMk7g6hWQyTPUUhlg4RY {
  font-size: 11px;
  color: var(--admin-text-secondary);
  font-weight: 600;
  margin-bottom: 4px;
}

.RVjUME8dFbF57oMQr0z9 .GTBqsrv4Nlum20FJmSZe {
  font-size: 10px;
  color: var(--admin-text-tertiary);
  font-weight: 500;
}

.RVjUME8dFbF57oMQr0z9 .X1hynfcj5Tae9s9HawWg {
  flex: 1;
  min-width: 0;
}

.RVjUME8dFbF57oMQr0z9 .jd_I_YxCXdAoFoIQumS7 {
  padding: 10px 14px;
  margin-bottom: 8px;
}

.RVjUME8dFbF57oMQr0z9 .q8PMKOUT8ByXzL7nFhHJ {
  padding: 10px 14px;
  margin-bottom: 8px;
}

.RVjUME8dFbF57oMQr0z9 .rXujQAOvRAN_Ki3TcA63 {
  display: none;
}

.RVjUME8dFbF57oMQr0z9 .aqUl20EVc18nPTFH9BDw {
  margin-bottom: 0;
}

.RVjUME8dFbF57oMQr0z9 .g88h3ofYJhGeEqd_2Ixt {
  padding: 12px;
}

/* ========================================
   RESPONSIVE ADJUSTMENTS FOR VARIANTS
   ======================================== */

@media (max-width: 768px) {
  /* Horizontal Progress - Stack on mobile */
  .MGnPjvYbtl3JGEfkHmLB .hZgbIBgqbdb1wtX5JSL0 {
    margin-top: 10px;
  }

  /* Inline Header - Stack to 2 rows */
  .HskV25zCEagut217Etsw .lxzVq0gjWmdJdhNPGjsb {
    flex-wrap: wrap;
  }

  .HskV25zCEagut217Etsw .l8rv1GgT34e4dVhmg4hu {
    width: 100%;
    justify-content: space-between;
    margin-top: 8px;
  }

  /* Sidebar - Move to top */
  .RVjUME8dFbF57oMQr0z9 {
    flex-direction: column;
  }

  .RVjUME8dFbF57oMQr0z9 .DSuud18SF1tYLZasG4Zx {
    width: 100%;
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
  }

  .RVjUME8dFbF57oMQr0z9 .N_1w3QxcZkEZc_cParRS {
    margin: 0;
  }

  .RVjUME8dFbF57oMQr0z9 .vMk7g6hWQyTPUUhlg4RY,
  .RVjUME8dFbF57oMQr0z9 .GTBqsrv4Nlum20FJmSZe {
    text-align: left;
  }

  /* Compact Cards - Further reduce on tablet */
  .zNPJX7PNYVjrC6WfN5vP .JqYnEkKa9bujsEw7ANAk {
    width: 55px;
    height: 55px;
  }
}

@media (max-width: 480px) {
  /* Collapsible - Default to collapsed on mobile */
  .kgRZdja3p6FhUi3b50is .StXLayOKruPLbspLEoj8 {
    /* Can add auto-collapse logic via JS */
  }

  /* Inline Header - Ultra compact on mobile */
  .HskV25zCEagut217Etsw .JqYnEkKa9bujsEw7ANAk {
    width: 45px;
    height: 45px;
  }

  .HskV25zCEagut217Etsw .iiLxKYMIviWo1niNEn22 {
    font-size: 10px;
  }

  /* Compact Cards - Minimal on mobile */
  .zNPJX7PNYVjrC6WfN5vP .JqYnEkKa9bujsEw7ANAk {
    width: 50px;
    height: 50px;
  }

  .zNPJX7PNYVjrC6WfN5vP .SNmfspQzlHBmyxQI5BbS {
    padding: 4px 8px;
    font-size: 10px;
  }
}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--strboard-base-font-size:16px;--strboard-base-line-height:1.5;--strboard-primary-50:#f0f9ff;--strboard-primary-100:#e0f2fe;--strboard-primary-200:#bae6fd;--strboard-primary-300:#7dd3fc;--strboard-primary-400:#38bdf8;--strboard-primary-500:#0ea5e9;--strboard-primary-600:#4285f4;--strboard-primary-700:#3367d6;--strboard-primary-800:#1d4ed8;--strboard-primary-900:#1e3a8a;--strboard-secondary-50:#faf5ff;--strboard-secondary-100:#f3e8ff;--strboard-secondary-200:#e9d5ff;--strboard-secondary-300:#d8b4fe;--strboard-secondary-400:#c084fc;--strboard-secondary-500:#a855f7;--strboard-secondary-600:#8b5cf6;--strboard-secondary-700:#7c3aed;--strboard-secondary-800:#6d28d9;--strboard-secondary-900:#581c87;--strboard-accent-cyan:#02f2ff;--strboard-accent-teal:#11abde;--strboard-accent-sky:#0ea5e9;--strboard-accent-blue:#2132e1;--strboard-gray-50:#f9fafb;--strboard-gray-100:#f3f4f6;--strboard-gray-200:#e5e7eb;--strboard-gray-300:#d1d5db;--strboard-gray-400:#9ca3af;--strboard-gray-500:#6b7280;--strboard-gray-600:#4b5563;--strboard-gray-700:#374151;--strboard-gray-800:#1f2937;--strboard-gray-900:#111827;--strboard-success-50:#ecfdf5;--strboard-success-500:#10b981;--strboard-success-600:#059669;--strboard-warning-50:#fffbeb;--strboard-warning-500:#f59e0b;--strboard-warning-600:#d97706;--strboard-error-50:#fef2f2;--strboard-error-500:#ef4444;--strboard-error-600:#dc2626;--strboard-info-50:#eff6ff;--strboard-info-500:#3b82f6;--strboard-info-600:#2563eb;--strboard-gradient-primary:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-700)100%);--strboard-gradient-secondary:linear-gradient(135deg,var(--strboard-secondary-600)0%,var(--strboard-secondary-700)100%);--strboard-gradient-newsletter:linear-gradient(135deg,var(--strboard-primary-300)0%,var(--strboard-primary-300)100%);--strboard-gradient-rate-card:linear-gradient(135deg,var(--strboard-primary-500)0%,var(--strboard-primary-800)100%);--strboard-gradient-footer:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-900)50%,var(--strboard-primary-700)100%);--strboard-gradient-cta-overlay:linear-gradient(135deg,#3b82f6cc 0%,#1e40afb3 50%,#0ea5e9cc 100%);--strboard-gradient-calculator-image:linear-gradient(135deg,var(--strboard-accent-sky)0%,var(--strboard-accent-teal)100%);--strboard-font-primary:"roca",Georgia,"Times New Roman",serif;--strboard-font-secondary:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-system:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-icons:"Material Symbols Rounded";--strboard-text-xs:.75rem;--strboard-text-sm:.875rem;--strboard-text-base:1rem;--strboard-text-lg:1.125rem;--strboard-text-xl:1.25rem;--strboard-text-2xl:1.5rem;--strboard-text-3xl:1.875rem;--strboard-text-4xl:2.25rem;--strboard-text-5xl:3rem;--strboard-text-6xl:3.75rem;--strboard-font-extralight:200;--strboard-font-light:300;--strboard-font-regular:400;--strboard-font-medium:500;--strboard-font-semibold:600;--strboard-font-bold:700;--strboard-leading-none:1;--strboard-leading-tight:1.2;--strboard-leading-snug:1.3;--strboard-leading-normal:1.5;--strboard-leading-relaxed:1.6;--strboard-leading-loose:1.75;--strboard-tracking-tighter:-.05em;--strboard-tracking-tight:-.025em;--strboard-tracking-normal:0;--strboard-tracking-wide:.025em;--strboard-tracking-wider:.05em;--strboard-tracking-widest:.1em;--strboard-space-0:0;--strboard-space-1:.25rem;--strboard-space-2:.5rem;--strboard-space-3:.75rem;--strboard-space-4:1rem;--strboard-space-5:1.25rem;--strboard-space-6:1.5rem;--strboard-space-7:1.75rem;--strboard-space-8:2rem;--strboard-space-9:2.25rem;--strboard-space-10:2.5rem;--strboard-space-12:3rem;--strboard-space-14:3.5rem;--strboard-space-16:4rem;--strboard-space-20:5rem;--strboard-space-24:6rem;--strboard-space-28:7rem;--strboard-space-32:8rem;--strboard-section-padding-mobile:var(--strboard-space-10);--strboard-section-padding-tablet:var(--strboard-space-16);--strboard-section-padding-desktop:var(--strboard-space-20);--strboard-rounded-none:0;--strboard-rounded-sm:.25rem;--strboard-rounded:.375rem;--strboard-rounded-md:.5rem;--strboard-rounded-lg:.75rem;--strboard-rounded-xl:1rem;--strboard-rounded-2xl:1.25rem;--strboard-rounded-3xl:1.5rem;--strboard-rounded-full:9999px;--strboard-border-0:0;--strboard-border:1px;--strboard-border-2:2px;--strboard-border-3:3px;--strboard-border-4:4px;--strboard-border-8:8px;--strboard-shadow-xs:none;--strboard-shadow-sm:none;--strboard-shadow:none;--strboard-shadow-md:none;--strboard-shadow-lg:none;--strboard-shadow-xl:none;--strboard-shadow-2xl:none;--strboard-shadow-card:none;--strboard-shadow-rate-card:none;--strboard-shadow-button:none;--strboard-shadow-process-step:none;--strboard-shadow-glassmorphism:none;--strboard-backdrop-blur-sm:blur(4px);--strboard-backdrop-blur:blur(8px);--strboard-backdrop-blur-md:blur(12px);--strboard-backdrop-blur-lg:blur(16px);--strboard-backdrop-blur-xl:blur(24px);--strboard-glass-light:#ffffff1a;--strboard-glass-medium:#fff3;--strboard-glass-strong:#ffffff4d;--strboard-ease-linear:linear;--strboard-ease-in:cubic-bezier(.4,0,1,1);--strboard-ease-out:cubic-bezier(0,0,.2,1);--strboard-ease-in-out:cubic-bezier(.4,0,.2,1);--strboard-duration-75:75ms;--strboard-duration-100:.1s;--strboard-duration-150:.15s;--strboard-duration-200:.2s;--strboard-duration-300:.3s;--strboard-duration-500:.5s;--strboard-duration-700:.7s;--strboard-transition-fast:all var(--strboard-duration-150)var(--strboard-ease-out);--strboard-transition:all var(--strboard-duration-200)var(--strboard-ease-out);--strboard-transition-slow:all var(--strboard-duration-300)var(--strboard-ease-out);--strboard-z-auto:auto;--strboard-z-0:0;--strboard-z-10:10;--strboard-z-20:20;--strboard-z-30:30;--strboard-z-40:40;--strboard-z-50:50;--strboard-z-dropdown:1000;--strboard-z-sticky:1020;--strboard-z-fixed:1030;--strboard-z-modal-backdrop:1040;--strboard-z-modal:1050;--strboard-z-popover:1060;--strboard-z-tooltip:1070;--strboard-screen-sm:480px;--strboard-screen-md:768px;--strboard-screen-lg:992px;--strboard-screen-xl:1200px;--strboard-screen-2xl:1400px;--strboard-container-sm:540px;--strboard-container-md:720px;--strboard-container-lg:960px;--strboard-container-xl:1140px;--strboard-container-2xl:1320px;--strboard-bg-primary:#fff;--strboard-bg-secondary:var(--strboard-gray-50);--strboard-bg-tertiary:var(--strboard-gray-100);--strboard-bg-surface:#fff;--strboard-bg-overlay:#00000080;--strboard-text-primary:var(--strboard-gray-800);--strboard-text-secondary:var(--strboard-gray-500);--strboard-text-tertiary:var(--strboard-gray-400);--strboard-text-inverse:#fff;--strboard-text-brand:var(--strboard-primary-600);--strboard-border-primary:var(--strboard-gray-200);--strboard-border-secondary:var(--strboard-gray-300);--strboard-border-focus:var(--strboard-accent-teal);--strboard-border-error:var(--strboard-error-500);--strboard-button-height-sm:32px;--strboard-button-height:40px;--strboard-button-height-lg:48px;--strboard-button-padding-x-sm:var(--strboard-space-3);--strboard-button-padding-x:var(--strboard-space-6);--strboard-button-padding-x-lg:var(--strboard-space-8);--strboard-input-height:40px;--strboard-input-padding-x:var(--strboard-space-3);--strboard-input-padding-y:var(--strboard-space-2);--strboard-card-padding-sm:var(--strboard-space-4);--strboard-card-padding:var(--strboard-space-6);--strboard-card-padding-lg:var(--strboard-space-8);--strboard-section-padding-y-sm:var(--strboard-space-12);--strboard-section-padding-y:var(--strboard-space-16);--strboard-section-padding-y-lg:var(--strboard-space-20);--strboard-focus-ring:0 0 0 3px #4285f41a;--strboard-focus-ring-error:0 0 0 3px #ef44441a;--strboard-high-contrast-border:2px solid #000;--strboard-high-contrast-bg:#fff;--strboard-high-contrast-text:#000}.MctoI2OVteAnokIgizil{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.ggdf6M6wa6LtqCOre7D3{box-shadow:var(--strboard-focus-ring-error);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.t9T4UceNwd4SHh0Y8TdK{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition)}.t9T4UceNwd4SHh0Y8TdK:hover{transform:translateY(-1px)}.lqhBG1IZu4eayYAm7o6q{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.lqhBG1IZu4eayYAm7o6q:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.lqhBG1IZu4eayYAm7o6q:disabled{cursor:not-allowed;opacity:.6}.F27Cg99sEmt9ciuI8WSG{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kVhla28B1PgC629IA1ic{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:480px){.WLaODpa_gUAdhJMLyijy{display:block}.k4pIlE2lpyyT7oAZ2rD9{display:none}}@media (min-width:768px){.mGn0aXnLJDXOXaCRZQzx{display:block}.CME9P2lPW1mcgC40l6sE{display:none}}@media (min-width:992px){.ll8hvXfND4aGyfNAoWEB{display:block}.cFLsYcb_acKBDEwR08tn{display:none}}@media (min-width:1200px){.WsP1E8EoQHpOIBBTolIc{display:block}.YwOgiHe4RHQYTRCwKRZQ{display:none}}@media (min-width:1400px){.He1qF1H2UofEJUMtmBsd{display:block}.hoYaC_FX3JcH2QoFi_8O{display:none}}._apaUH7aWjuV4adlhGr9{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-xs)}.nb1FfOvOlZ0i_xu3VMN0{padding:var(--strboard-space-2)var(--strboard-space-4);font-size:var(--strboard-text-sm)}.Y5IJE6sNX0hLyEbVUiGm{padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base)}.O_lLAlG7Pii7iJBVl5Ns{padding:var(--strboard-space-4)var(--strboard-space-8);font-size:var(--strboard-text-lg)}.rBmjHBeLT1nzY02q3NX1{padding:var(--strboard-space-5)var(--strboard-space-10);font-size:var(--strboard-text-xl)}.FvgrdhsaVQvekyGBP3On{transition:all var(--strboard-duration-150)var(--strboard-ease-out)}._8bcGxdQBZldmayaTcm3{transition:all var(--strboard-duration-200)var(--strboard-ease-out)}.sxRJ4EzKkSdbQui9QruY{transition:all var(--strboard-duration-300)var(--strboard-ease-out)}.dRyEfY95MEU1z8tEYFxp{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600)}.dRyEfY95MEU1z8tEYFxp:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.dRyEfY95MEU1z8tEYFxp:active:not(:disabled){background-color:var(--strboard-primary-800);border-color:var(--strboard-primary-800);transform:translateY(1px)}.z4gpM2iMcJ2DkWFt38SX{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border-color:var(--strboard-gray-300)}.z4gpM2iMcJ2DkWFt38SX:hover:not(:disabled){background-color:var(--strboard-gray-200);border-color:var(--strboard-gray-300)}.z4gpM2iMcJ2DkWFt38SX:active:not(:disabled){background-color:var(--strboard-gray-300);border-color:var(--strboard-gray-300);transform:translateY(1px)}.iwPMUUfBVnkFjIk6raPL{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);background-color:#0000}.iwPMUUfBVnkFjIk6raPL:hover:not(:disabled){background-color:var(--strboard-primary-50);border-color:var(--strboard-primary-600)}.iwPMUUfBVnkFjIk6raPL:active:not(:disabled){background-color:var(--strboard-primary-100);border-color:var(--strboard-primary-600);transform:translateY(1px)}.jnoOw_scWOnJWslLV_Oy{background-color:var(--strboard-error-500);color:#fff;border-color:var(--strboard-error-500)}.jnoOw_scWOnJWslLV_Oy:hover:not(:disabled){background-color:var(--strboard-error-600);border-color:var(--strboard-error-600)}.jnoOw_scWOnJWslLV_Oy:active:not(:disabled){background-color:var(--strboard-error-700);border-color:var(--strboard-error-700);transform:translateY(1px)}.mZlnTUqY0mOLgXF_02K4{background-color:var(--strboard-success-500);color:#fff;border-color:var(--strboard-success-500)}.mZlnTUqY0mOLgXF_02K4:hover:not(:disabled){background-color:var(--strboard-success-600);border-color:var(--strboard-success-600)}.mZlnTUqY0mOLgXF_02K4:active:not(:disabled){background-color:var(--strboard-success-700);border-color:var(--strboard-success-700);transform:translateY(1px)}.Nh9ovLQBqWjFICtyWoLJ{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-4);border-radius:var(--strboard-rounded)}.EsL58BBdD30znbT2jfx7{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);transition:var(--strboard-transition);padding:var(--strboard-space-6);border-radius:var(--strboard-rounded-lg)}.o3bIcEPXIry_Mw7qu2BQ{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-8);border-radius:var(--strboard-rounded-xl)}.Nh9ovLQBqWjFICtyWoLJ:hover,.EsL58BBdD30znbT2jfx7:hover,.o3bIcEPXIry_Mw7qu2BQ:hover{transform:translateY(-1px)}.VgJzt4OLuK0eiFlFSLFz{width:12px;height:12px;font-size:12px}.VsbBb6Ezo3kdKYxk3e2K{width:16px;height:16px;font-size:16px}.u0MK4mchlEFmGbfq03py{width:20px;height:20px;font-size:20px}.cp6HZjcgMyRvsvXLcLLJ{width:24px;height:24px;font-size:24px}.jlvJecHCFtbflGNxJbHI{width:32px;height:32px;font-size:32px}.ZXnMqyxA2WeURCn5yKrA{width:40px;height:40px;font-size:40px}.ffHHfR_15RfRHSaIwJGp{background-color:var(--strboard-bg-primary);border-radius:var(--strboard-rounded-lg);transition:all var(--strboard-duration-200)var(--strboard-ease-out)}.SVp8H3T52JOEDGwkaDUZ{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);text-align:left;background:0 0;border:none;justify-content:center;align-items:center;width:100%;margin:0;padding:0;text-decoration:none;display:inline-flex}.ffHHfR_15RfRHSaIwJGp:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.t30lylajAWLvJE9MpxhD{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary)}.SaBoLvaFuKnVnQGVMlrk{background-color:var(--strboard-bg-primary);border:var(--strboard-border-2)solid var(--strboard-border-secondary)}.FpsJKTHCgefbWm8qXjV5{background-color:var(--strboard-bg-primary);border:none}.Bj4weuIMvOkYfZD5ygSg{background-color:#e0f2fecc;border:none}.Hu3d6O5oQGVznOJ5r4Di{border-radius:var(--strboard-rounded-2xl);background-color:#e0f2fecc;border:none}.pNiyTAx2M5OhaymQHXwB{background-color:var(--strboard-bg-primary);border-radius:var(--strboard-rounded-xl);border:none}.ENKc6mCV9dUgWvveBXFA{min-height:80px}.RBeD1mc9K92627UAp1Qe{min-height:120px}.pvygXytumX7YXgdxlpDr{min-height:160px}.UnJeGTOCUCD9fNbETfrK{min-height:240px}.cklxjmEoOEVwj83mYrWk{min-height:320px}.QDxKfX2_8M1QDPfT3Oye{padding:0}.Kvl_J73UAGUKOfAJpSHk{padding:var(--strboard-space-2)}.tZYylh9Pt6WOQZQMSSu8{padding:var(--strboard-space-4)}.mxb_Ieo43c9LZ1xYL3ZZ{padding:var(--strboard-space-6)}.IbIuSM_aIIje3I7RRQZA{padding:var(--strboard-space-8)}.Gj9Ecer1XRJUfZDnGp6X{padding:var(--strboard-space-10)}.Ow7zgE0Lb0ENB6fdYOWb,.ONKGGUDeWlXv4J9vUMsA,.HiQye0mivM3mJ3QjmXqu,.dv8zrR3Wwbi3poLujbJj,.C_pEWa18igXCLYdLachw,.b3qcPhf7BZZegfZ7vvev{box-shadow:none}.bglxNKQvHQZbJsd6H9Lp:hover{transform:translateY(-2px)}.mQmejMAojFB6JhMWB4BG{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mQmejMAojFB6JhMWB4BG:hover{transform:translateY(-1px)}.mQmejMAojFB6JhMWB4BG:active{transform:translateY(0)}.SVp8H3T52JOEDGwkaDUZ{cursor:pointer}.SVp8H3T52JOEDGwkaDUZ:hover{transform:translateY(-2px)}.SVp8H3T52JOEDGwkaDUZ:active{transform:translateY(-1px)}.q7xmdkgDUezlKKBkDC1M{border-bottom:var(--strboard-border)solid var(--strboard-border-primary);margin-bottom:var(--strboard-space-4);padding-bottom:var(--strboard-space-4)}.q7xmdkgDUezlKKBkDC1M:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.JzZ4Wa4TAdLtnJrbJHX1{flex:1}.q7xmdkgDUezlKKBkDC1M+.JzZ4Wa4TAdLtnJrbJHX1{margin-top:0}.JzZ4Wa4TAdLtnJrbJHX1+.iB_01hL5BunBJVkDYND1{margin-top:var(--strboard-space-4)}.iB_01hL5BunBJVkDYND1{border-top:var(--strboard-border)solid var(--strboard-border-primary);margin-top:var(--strboard-space-4);padding-top:var(--strboard-space-4)}.iB_01hL5BunBJVkDYND1:first-child{border-top:none;margin-top:0;padding-top:0}@media (min-width:768px){.bglxNKQvHQZbJsd6H9Lp:hover{transform:translateY(-4px)}}.RKQktNFoOT1TgR4MewC8{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-2xl);padding:var(--strboard-space-6)}.UgwaCQCK5J_EzOJUuP5m{border-radius:var(--strboard-rounded-2xl);padding:var(--strboard-space-5);background-color:#eef0f1;border:none}.meUhsONLJ509URQbS3q3{border-radius:var(--strboard-rounded-2xl);border:var(--strboard-border)solid var(--strboard-border-primary);padding:var(--strboard-space-6);background-color:#e0f2fecc}.nCTVDSJht4W5QCuldnQ4{border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-2xl);padding:var(--strboard-space-6);background-color:#eef0f1}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--strboard-base-font-size:16px;--strboard-base-line-height:1.5;--strboard-primary-50:#f0f9ff;--strboard-primary-100:#e0f2fe;--strboard-primary-200:#bae6fd;--strboard-primary-300:#7dd3fc;--strboard-primary-400:#38bdf8;--strboard-primary-500:#0ea5e9;--strboard-primary-600:#4285f4;--strboard-primary-700:#3367d6;--strboard-primary-800:#1d4ed8;--strboard-primary-900:#1e3a8a;--strboard-secondary-50:#faf5ff;--strboard-secondary-100:#f3e8ff;--strboard-secondary-200:#e9d5ff;--strboard-secondary-300:#d8b4fe;--strboard-secondary-400:#c084fc;--strboard-secondary-500:#a855f7;--strboard-secondary-600:#8b5cf6;--strboard-secondary-700:#7c3aed;--strboard-secondary-800:#6d28d9;--strboard-secondary-900:#581c87;--strboard-accent-cyan:#02f2ff;--strboard-accent-teal:#11abde;--strboard-accent-sky:#0ea5e9;--strboard-accent-blue:#2132e1;--strboard-gray-50:#f9fafb;--strboard-gray-100:#f3f4f6;--strboard-gray-200:#e5e7eb;--strboard-gray-300:#d1d5db;--strboard-gray-400:#9ca3af;--strboard-gray-500:#6b7280;--strboard-gray-600:#4b5563;--strboard-gray-700:#374151;--strboard-gray-800:#1f2937;--strboard-gray-900:#111827;--strboard-success-50:#ecfdf5;--strboard-success-500:#10b981;--strboard-success-600:#059669;--strboard-warning-50:#fffbeb;--strboard-warning-500:#f59e0b;--strboard-warning-600:#d97706;--strboard-error-50:#fef2f2;--strboard-error-500:#ef4444;--strboard-error-600:#dc2626;--strboard-info-50:#eff6ff;--strboard-info-500:#3b82f6;--strboard-info-600:#2563eb;--strboard-gradient-primary:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-700)100%);--strboard-gradient-secondary:linear-gradient(135deg,var(--strboard-secondary-600)0%,var(--strboard-secondary-700)100%);--strboard-gradient-newsletter:linear-gradient(135deg,var(--strboard-primary-300)0%,var(--strboard-primary-300)100%);--strboard-gradient-rate-card:linear-gradient(135deg,var(--strboard-primary-500)0%,var(--strboard-primary-800)100%);--strboard-gradient-footer:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-900)50%,var(--strboard-primary-700)100%);--strboard-gradient-cta-overlay:linear-gradient(135deg,#3b82f6cc 0%,#1e40afb3 50%,#0ea5e9cc 100%);--strboard-gradient-calculator-image:linear-gradient(135deg,var(--strboard-accent-sky)0%,var(--strboard-accent-teal)100%);--strboard-font-primary:"roca",Georgia,"Times New Roman",serif;--strboard-font-secondary:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-system:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-icons:"Material Symbols Rounded";--strboard-text-xs:.75rem;--strboard-text-sm:.875rem;--strboard-text-base:1rem;--strboard-text-lg:1.125rem;--strboard-text-xl:1.25rem;--strboard-text-2xl:1.5rem;--strboard-text-3xl:1.875rem;--strboard-text-4xl:2.25rem;--strboard-text-5xl:3rem;--strboard-text-6xl:3.75rem;--strboard-font-extralight:200;--strboard-font-light:300;--strboard-font-regular:400;--strboard-font-medium:500;--strboard-font-semibold:600;--strboard-font-bold:700;--strboard-leading-none:1;--strboard-leading-tight:1.2;--strboard-leading-snug:1.3;--strboard-leading-normal:1.5;--strboard-leading-relaxed:1.6;--strboard-leading-loose:1.75;--strboard-tracking-tighter:-.05em;--strboard-tracking-tight:-.025em;--strboard-tracking-normal:0;--strboard-tracking-wide:.025em;--strboard-tracking-wider:.05em;--strboard-tracking-widest:.1em;--strboard-space-0:0;--strboard-space-1:.25rem;--strboard-space-2:.5rem;--strboard-space-3:.75rem;--strboard-space-4:1rem;--strboard-space-5:1.25rem;--strboard-space-6:1.5rem;--strboard-space-7:1.75rem;--strboard-space-8:2rem;--strboard-space-9:2.25rem;--strboard-space-10:2.5rem;--strboard-space-12:3rem;--strboard-space-14:3.5rem;--strboard-space-16:4rem;--strboard-space-20:5rem;--strboard-space-24:6rem;--strboard-space-28:7rem;--strboard-space-32:8rem;--strboard-section-padding-mobile:var(--strboard-space-10);--strboard-section-padding-tablet:var(--strboard-space-16);--strboard-section-padding-desktop:var(--strboard-space-20);--strboard-rounded-none:0;--strboard-rounded-sm:.25rem;--strboard-rounded:.375rem;--strboard-rounded-md:.5rem;--strboard-rounded-lg:.75rem;--strboard-rounded-xl:1rem;--strboard-rounded-2xl:1.25rem;--strboard-rounded-3xl:1.5rem;--strboard-rounded-full:9999px;--strboard-border-0:0;--strboard-border:1px;--strboard-border-2:2px;--strboard-border-3:3px;--strboard-border-4:4px;--strboard-border-8:8px;--strboard-shadow-xs:none;--strboard-shadow-sm:none;--strboard-shadow:none;--strboard-shadow-md:none;--strboard-shadow-lg:none;--strboard-shadow-xl:none;--strboard-shadow-2xl:none;--strboard-shadow-card:none;--strboard-shadow-rate-card:none;--strboard-shadow-button:none;--strboard-shadow-process-step:none;--strboard-shadow-glassmorphism:none;--strboard-backdrop-blur-sm:blur(4px);--strboard-backdrop-blur:blur(8px);--strboard-backdrop-blur-md:blur(12px);--strboard-backdrop-blur-lg:blur(16px);--strboard-backdrop-blur-xl:blur(24px);--strboard-glass-light:#ffffff1a;--strboard-glass-medium:#fff3;--strboard-glass-strong:#ffffff4d;--strboard-ease-linear:linear;--strboard-ease-in:cubic-bezier(.4,0,1,1);--strboard-ease-out:cubic-bezier(0,0,.2,1);--strboard-ease-in-out:cubic-bezier(.4,0,.2,1);--strboard-duration-75:75ms;--strboard-duration-100:.1s;--strboard-duration-150:.15s;--strboard-duration-200:.2s;--strboard-duration-300:.3s;--strboard-duration-500:.5s;--strboard-duration-700:.7s;--strboard-transition-fast:all var(--strboard-duration-150)var(--strboard-ease-out);--strboard-transition:all var(--strboard-duration-200)var(--strboard-ease-out);--strboard-transition-slow:all var(--strboard-duration-300)var(--strboard-ease-out);--strboard-z-auto:auto;--strboard-z-0:0;--strboard-z-10:10;--strboard-z-20:20;--strboard-z-30:30;--strboard-z-40:40;--strboard-z-50:50;--strboard-z-dropdown:1000;--strboard-z-sticky:1020;--strboard-z-fixed:1030;--strboard-z-modal-backdrop:1040;--strboard-z-modal:1050;--strboard-z-popover:1060;--strboard-z-tooltip:1070;--strboard-screen-sm:480px;--strboard-screen-md:768px;--strboard-screen-lg:992px;--strboard-screen-xl:1200px;--strboard-screen-2xl:1400px;--strboard-container-sm:540px;--strboard-container-md:720px;--strboard-container-lg:960px;--strboard-container-xl:1140px;--strboard-container-2xl:1320px;--strboard-bg-primary:#fff;--strboard-bg-secondary:var(--strboard-gray-50);--strboard-bg-tertiary:var(--strboard-gray-100);--strboard-bg-surface:#fff;--strboard-bg-overlay:#00000080;--strboard-text-primary:var(--strboard-gray-800);--strboard-text-secondary:var(--strboard-gray-500);--strboard-text-tertiary:var(--strboard-gray-400);--strboard-text-inverse:#fff;--strboard-text-brand:var(--strboard-primary-600);--strboard-border-primary:var(--strboard-gray-200);--strboard-border-secondary:var(--strboard-gray-300);--strboard-border-focus:var(--strboard-accent-teal);--strboard-border-error:var(--strboard-error-500);--strboard-button-height-sm:32px;--strboard-button-height:40px;--strboard-button-height-lg:48px;--strboard-button-padding-x-sm:var(--strboard-space-3);--strboard-button-padding-x:var(--strboard-space-6);--strboard-button-padding-x-lg:var(--strboard-space-8);--strboard-input-height:40px;--strboard-input-padding-x:var(--strboard-space-3);--strboard-input-padding-y:var(--strboard-space-2);--strboard-card-padding-sm:var(--strboard-space-4);--strboard-card-padding:var(--strboard-space-6);--strboard-card-padding-lg:var(--strboard-space-8);--strboard-section-padding-y-sm:var(--strboard-space-12);--strboard-section-padding-y:var(--strboard-space-16);--strboard-section-padding-y-lg:var(--strboard-space-20);--strboard-focus-ring:0 0 0 3px #4285f41a;--strboard-focus-ring-error:0 0 0 3px #ef44441a;--strboard-high-contrast-border:2px solid #000;--strboard-high-contrast-bg:#fff;--strboard-high-contrast-text:#000}.ILODSuvcbSp4mFIsOR7P{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}._awUBpR1005pN6dLqMFA{box-shadow:var(--strboard-focus-ring-error);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.Mv9t9byo_jifOxErtlIg{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition)}.Mv9t9byo_jifOxErtlIg:hover{transform:translateY(-1px)}.XAOg1DfrIp54RitYmlI0{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.XAOg1DfrIp54RitYmlI0:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.XAOg1DfrIp54RitYmlI0:disabled{cursor:not-allowed;opacity:.6}.pxupPNQXjL8PTUzN9W7B{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gzRPH9ga4MYq4T2U7Eir{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:480px){.IQS6wFw2QiUupcOl_v6n{display:block}.W5O9SlQ75JGuQFAS4mTQ{display:none}}@media (min-width:768px){.lIUPtCsM_hoS_xMVm2am{display:block}.RBwvR1_MLy84_sRBqXfA{display:none}}@media (min-width:992px){.hUTBY8fiTCWWcqxba7Hl{display:block}.GYxu9JvsasMXswa8QNno{display:none}}@media (min-width:1200px){.akozCiCHW7AR7PXLds38{display:block}.QLVUMHT13hjBmksTXio6{display:none}}@media (min-width:1400px){.OG89VjT7Uo3IxEwuhFTK{display:block}.kKWgfiauo0Xm7lrLdJCG{display:none}}.CRlAwUELhfjjLklBzMLr{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-xs)}.OOMlOsgnlOii469AELYC{padding:var(--strboard-space-2)var(--strboard-space-4);font-size:var(--strboard-text-sm)}.VwgciUrseUb6hsLzScYQ{padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base)}.itbChV_fDumZAg4L90cl{padding:var(--strboard-space-4)var(--strboard-space-8);font-size:var(--strboard-text-lg)}.wXg0_wjrb_3u11NC4WsG{padding:var(--strboard-space-5)var(--strboard-space-10);font-size:var(--strboard-text-xl)}.fs0o7ux9xfGNDe5p_5aK{transition:all var(--strboard-duration-150)var(--strboard-ease-out)}.l1VWTOMH8mDceOrm0NAM{transition:all var(--strboard-duration-200)var(--strboard-ease-out)}._WIrZdboXq121CK6um1d{transition:all var(--strboard-duration-300)var(--strboard-ease-out)}.mY84nzXQwhi7iO2Tu6H7{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600)}.mY84nzXQwhi7iO2Tu6H7:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.mY84nzXQwhi7iO2Tu6H7:active:not(:disabled){background-color:var(--strboard-primary-800);border-color:var(--strboard-primary-800);transform:translateY(1px)}.M1SUaB6jRzHW2DFnD0w0{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border-color:var(--strboard-gray-300)}.M1SUaB6jRzHW2DFnD0w0:hover:not(:disabled){background-color:var(--strboard-gray-200);border-color:var(--strboard-gray-300)}.M1SUaB6jRzHW2DFnD0w0:active:not(:disabled){background-color:var(--strboard-gray-300);border-color:var(--strboard-gray-300);transform:translateY(1px)}.k_Jxytj7q48uAMEIxroP{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);background-color:#0000}.k_Jxytj7q48uAMEIxroP:hover:not(:disabled){background-color:var(--strboard-primary-50);border-color:var(--strboard-primary-600)}.k_Jxytj7q48uAMEIxroP:active:not(:disabled){background-color:var(--strboard-primary-100);border-color:var(--strboard-primary-600);transform:translateY(1px)}.oexsjfusGtjMSV_CEH6e{background-color:var(--strboard-error-500);color:#fff;border-color:var(--strboard-error-500)}.oexsjfusGtjMSV_CEH6e:hover:not(:disabled){background-color:var(--strboard-error-600);border-color:var(--strboard-error-600)}.oexsjfusGtjMSV_CEH6e:active:not(:disabled){background-color:var(--strboard-error-700);border-color:var(--strboard-error-700);transform:translateY(1px)}.ggTDqzuSvomSEPH_nRdp{background-color:var(--strboard-success-500);color:#fff;border-color:var(--strboard-success-500)}.ggTDqzuSvomSEPH_nRdp:hover:not(:disabled){background-color:var(--strboard-success-600);border-color:var(--strboard-success-600)}.ggTDqzuSvomSEPH_nRdp:active:not(:disabled){background-color:var(--strboard-success-700);border-color:var(--strboard-success-700);transform:translateY(1px)}.GzhTbZSr4TDVIyV2B6Ke{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-4);border-radius:var(--strboard-rounded)}.rHskIG3zt7TR0DsPiNnt{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);transition:var(--strboard-transition);padding:var(--strboard-space-6);border-radius:var(--strboard-rounded-lg)}.qLNfiaoAXlFPDbre35Oh{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-8);border-radius:var(--strboard-rounded-xl)}.GzhTbZSr4TDVIyV2B6Ke:hover,.rHskIG3zt7TR0DsPiNnt:hover,.qLNfiaoAXlFPDbre35Oh:hover{transform:translateY(-1px)}.ZZK1Z23BYXB0TBhMH5UO{width:12px;height:12px;font-size:12px}.b0Ao0NNnBk22_U1TEhdA{width:16px;height:16px;font-size:16px}.eLVyhSKZlnybF8SLOHiO{width:20px;height:20px;font-size:20px}.qQNnbGi8vzZXwAYqIuVJ{width:24px;height:24px;font-size:24px}.VGhPuO9HGJDaiq2UuvE_{width:32px;height:32px;font-size:32px}.whSezN1m73eF4oqj6eNE{width:40px;height:40px;font-size:40px}.Zivd_zgC20xjB63x5_WD{font-weight:var(--strboard-font-medium);text-align:center;white-space:nowrap;padding:var(--strboard-space-1)var(--strboard-space-2);line-height:1;font-size:var(--strboard-text-xs);border-radius:var(--strboard-rounded);justify-content:center;align-items:center;display:inline-flex}.h446heMfr3TKyNII4mXV{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border:var(--strboard-border)solid var(--strboard-gray-200)}.c0ht5MClU2JY2B1s9Igb{border:var(--strboard-border)solid currentColor;background-color:#0000}.Ij8_Fwt0VRmq6UbDqq3c{border:none}.zwdSpJPhVqnd20wWKcN5{opacity:.9;border:none}.m6or856RabtzSaheJS4E{padding:var(--strboard-space-2)var(--strboard-space-3);background-color:rgba(var(--strboard-success-500),.1);border-radius:var(--strboard-rounded);border:none;flex-direction:column;align-items:flex-end}.GJnF2ZCfo6iiNpuoX8wd{padding:var(--strboard-space-1);min-width:16px;height:16px;font-size:10px}._BkU6hKmDgg2la1ly5h3{padding:var(--strboard-space-1)var(--strboard-space-2);font-size:var(--strboard-text-xs);min-width:18px;height:18px}.d1cOd2COVlciD6L4m92J{padding:var(--strboard-space-1)var(--strboard-space-2);font-size:var(--strboard-text-xs);min-width:20px;height:20px}.rSPgbeowK2ThDRckhzMM{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-sm);min-width:24px;height:24px}.z8WNU_2DGguYLVIpXwkr{border-radius:var(--strboard-rounded)}.BEONU1_iFCe0o6vpnd5u{border-radius:var(--strboard-rounded-full)}.chDRMaSGDgZce_xAegU1{border-radius:var(--strboard-rounded-full);aspect-ratio:1;padding:0}.SzqdfbnruQjwMUSEiEZK.Ij8_Fwt0VRmq6UbDqq3c{background-color:var(--strboard-primary-600);color:#fff}.SzqdfbnruQjwMUSEiEZK.zwdSpJPhVqnd20wWKcN5{background-color:var(--strboard-primary-100);color:var(--strboard-primary-700)}.SzqdfbnruQjwMUSEiEZK.c0ht5MClU2JY2B1s9Igb{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600)}.TP2_Wp2QdWFzNlusZpJL.Ij8_Fwt0VRmq6UbDqq3c{background-color:var(--strboard-secondary-600);color:#fff}.TP2_Wp2QdWFzNlusZpJL.zwdSpJPhVqnd20wWKcN5{background-color:var(--strboard-secondary-100);color:var(--strboard-secondary-700)}.TP2_Wp2QdWFzNlusZpJL.c0ht5MClU2JY2B1s9Igb{color:var(--strboard-secondary-600);border-color:var(--strboard-secondary-600)}.V7OX11rcyJMQOLcq8u1B.Ij8_Fwt0VRmq6UbDqq3c{background-color:var(--strboard-success-500);color:#fff}.V7OX11rcyJMQOLcq8u1B.zwdSpJPhVqnd20wWKcN5{background-color:var(--strboard-success-50);color:var(--strboard-success-600)}.V7OX11rcyJMQOLcq8u1B.c0ht5MClU2JY2B1s9Igb{color:var(--strboard-success-500);border-color:var(--strboard-success-500)}.z1IhQ951fari1ORiMVlv.Ij8_Fwt0VRmq6UbDqq3c{background-color:var(--strboard-warning-500);color:#fff}.z1IhQ951fari1ORiMVlv.zwdSpJPhVqnd20wWKcN5{background-color:var(--strboard-warning-50);color:var(--strboard-warning-600)}.z1IhQ951fari1ORiMVlv.c0ht5MClU2JY2B1s9Igb{color:var(--strboard-warning-500);border-color:var(--strboard-warning-500)}.tL6zjy4f8HnHngVThT8v.Ij8_Fwt0VRmq6UbDqq3c{background-color:var(--strboard-error-500);color:#fff}.tL6zjy4f8HnHngVThT8v.zwdSpJPhVqnd20wWKcN5{background-color:var(--strboard-error-50);color:var(--strboard-error-600)}.tL6zjy4f8HnHngVThT8v.c0ht5MClU2JY2B1s9Igb{color:var(--strboard-error-500);border-color:var(--strboard-error-500)}.eF6OW3QhXPdSrDgbCXl0.Ij8_Fwt0VRmq6UbDqq3c{background-color:var(--strboard-info-500);color:#fff}.eF6OW3QhXPdSrDgbCXl0.zwdSpJPhVqnd20wWKcN5{background-color:var(--strboard-info-50);color:var(--strboard-info-600)}.eF6OW3QhXPdSrDgbCXl0.c0ht5MClU2JY2B1s9Igb{color:var(--strboard-info-500);border-color:var(--strboard-info-500)}.adxRe0OasFmznwJflXpB.Ij8_Fwt0VRmq6UbDqq3c{background-color:var(--strboard-gray-500);color:#fff}.adxRe0OasFmznwJflXpB.zwdSpJPhVqnd20wWKcN5{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700)}.adxRe0OasFmznwJflXpB.c0ht5MClU2JY2B1s9Igb{color:var(--strboard-gray-500);border-color:var(--strboard-gray-500)}.grKFth7_Nrlg6Z6OATcE{background-color:var(--strboard-gray-200);color:var(--strboard-gray-800);border-radius:var(--strboard-rounded-full);width:18px;height:18px;font-size:12px;font-weight:var(--strboard-font-semibold);justify-content:center;align-items:center;display:flex}.dfDtENvwvdNQpOdlinQS .grKFth7_Nrlg6Z6OATcE{color:#fff;background-color:#fff3}.a0aYFqhWa8DPBmijUL1F{font-size:12px;font-weight:var(--strboard-font-medium);color:var(--strboard-gray-500);margin-bottom:var(--strboard-space-1);text-transform:uppercase;letter-spacing:.5px}.e5xkfj0U6ZoWH3OpZ0Vw{font-size:14px;font-weight:var(--strboard-font-semibold);color:var(--strboard-success-500);padding:var(--strboard-space-2)var(--strboard-space-3);background-color:rgba(var(--strboard-success-500),.1);border-radius:var(--strboard-rounded)}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--strboard-base-font-size:16px;--strboard-base-line-height:1.5;--strboard-primary-50:#f0f9ff;--strboard-primary-100:#e0f2fe;--strboard-primary-200:#bae6fd;--strboard-primary-300:#7dd3fc;--strboard-primary-400:#38bdf8;--strboard-primary-500:#0ea5e9;--strboard-primary-600:#4285f4;--strboard-primary-700:#3367d6;--strboard-primary-800:#1d4ed8;--strboard-primary-900:#1e3a8a;--strboard-secondary-50:#faf5ff;--strboard-secondary-100:#f3e8ff;--strboard-secondary-200:#e9d5ff;--strboard-secondary-300:#d8b4fe;--strboard-secondary-400:#c084fc;--strboard-secondary-500:#a855f7;--strboard-secondary-600:#8b5cf6;--strboard-secondary-700:#7c3aed;--strboard-secondary-800:#6d28d9;--strboard-secondary-900:#581c87;--strboard-accent-cyan:#02f2ff;--strboard-accent-teal:#11abde;--strboard-accent-sky:#0ea5e9;--strboard-accent-blue:#2132e1;--strboard-gray-50:#f9fafb;--strboard-gray-100:#f3f4f6;--strboard-gray-200:#e5e7eb;--strboard-gray-300:#d1d5db;--strboard-gray-400:#9ca3af;--strboard-gray-500:#6b7280;--strboard-gray-600:#4b5563;--strboard-gray-700:#374151;--strboard-gray-800:#1f2937;--strboard-gray-900:#111827;--strboard-success-50:#ecfdf5;--strboard-success-500:#10b981;--strboard-success-600:#059669;--strboard-warning-50:#fffbeb;--strboard-warning-500:#f59e0b;--strboard-warning-600:#d97706;--strboard-error-50:#fef2f2;--strboard-error-500:#ef4444;--strboard-error-600:#dc2626;--strboard-info-50:#eff6ff;--strboard-info-500:#3b82f6;--strboard-info-600:#2563eb;--strboard-gradient-primary:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-700)100%);--strboard-gradient-secondary:linear-gradient(135deg,var(--strboard-secondary-600)0%,var(--strboard-secondary-700)100%);--strboard-gradient-newsletter:linear-gradient(135deg,var(--strboard-primary-300)0%,var(--strboard-primary-300)100%);--strboard-gradient-rate-card:linear-gradient(135deg,var(--strboard-primary-500)0%,var(--strboard-primary-800)100%);--strboard-gradient-footer:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-900)50%,var(--strboard-primary-700)100%);--strboard-gradient-cta-overlay:linear-gradient(135deg,#3b82f6cc 0%,#1e40afb3 50%,#0ea5e9cc 100%);--strboard-gradient-calculator-image:linear-gradient(135deg,var(--strboard-accent-sky)0%,var(--strboard-accent-teal)100%);--strboard-font-primary:"roca",Georgia,"Times New Roman",serif;--strboard-font-secondary:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-system:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-icons:"Material Symbols Rounded";--strboard-text-xs:.75rem;--strboard-text-sm:.875rem;--strboard-text-base:1rem;--strboard-text-lg:1.125rem;--strboard-text-xl:1.25rem;--strboard-text-2xl:1.5rem;--strboard-text-3xl:1.875rem;--strboard-text-4xl:2.25rem;--strboard-text-5xl:3rem;--strboard-text-6xl:3.75rem;--strboard-font-extralight:200;--strboard-font-light:300;--strboard-font-regular:400;--strboard-font-medium:500;--strboard-font-semibold:600;--strboard-font-bold:700;--strboard-leading-none:1;--strboard-leading-tight:1.2;--strboard-leading-snug:1.3;--strboard-leading-normal:1.5;--strboard-leading-relaxed:1.6;--strboard-leading-loose:1.75;--strboard-tracking-tighter:-.05em;--strboard-tracking-tight:-.025em;--strboard-tracking-normal:0;--strboard-tracking-wide:.025em;--strboard-tracking-wider:.05em;--strboard-tracking-widest:.1em;--strboard-space-0:0;--strboard-space-1:.25rem;--strboard-space-2:.5rem;--strboard-space-3:.75rem;--strboard-space-4:1rem;--strboard-space-5:1.25rem;--strboard-space-6:1.5rem;--strboard-space-7:1.75rem;--strboard-space-8:2rem;--strboard-space-9:2.25rem;--strboard-space-10:2.5rem;--strboard-space-12:3rem;--strboard-space-14:3.5rem;--strboard-space-16:4rem;--strboard-space-20:5rem;--strboard-space-24:6rem;--strboard-space-28:7rem;--strboard-space-32:8rem;--strboard-section-padding-mobile:var(--strboard-space-10);--strboard-section-padding-tablet:var(--strboard-space-16);--strboard-section-padding-desktop:var(--strboard-space-20);--strboard-rounded-none:0;--strboard-rounded-sm:.25rem;--strboard-rounded:.375rem;--strboard-rounded-md:.5rem;--strboard-rounded-lg:.75rem;--strboard-rounded-xl:1rem;--strboard-rounded-2xl:1.25rem;--strboard-rounded-3xl:1.5rem;--strboard-rounded-full:9999px;--strboard-border-0:0;--strboard-border:1px;--strboard-border-2:2px;--strboard-border-3:3px;--strboard-border-4:4px;--strboard-border-8:8px;--strboard-shadow-xs:none;--strboard-shadow-sm:none;--strboard-shadow:none;--strboard-shadow-md:none;--strboard-shadow-lg:none;--strboard-shadow-xl:none;--strboard-shadow-2xl:none;--strboard-shadow-card:none;--strboard-shadow-rate-card:none;--strboard-shadow-button:none;--strboard-shadow-process-step:none;--strboard-shadow-glassmorphism:none;--strboard-backdrop-blur-sm:blur(4px);--strboard-backdrop-blur:blur(8px);--strboard-backdrop-blur-md:blur(12px);--strboard-backdrop-blur-lg:blur(16px);--strboard-backdrop-blur-xl:blur(24px);--strboard-glass-light:#ffffff1a;--strboard-glass-medium:#fff3;--strboard-glass-strong:#ffffff4d;--strboard-ease-linear:linear;--strboard-ease-in:cubic-bezier(.4,0,1,1);--strboard-ease-out:cubic-bezier(0,0,.2,1);--strboard-ease-in-out:cubic-bezier(.4,0,.2,1);--strboard-duration-75:75ms;--strboard-duration-100:.1s;--strboard-duration-150:.15s;--strboard-duration-200:.2s;--strboard-duration-300:.3s;--strboard-duration-500:.5s;--strboard-duration-700:.7s;--strboard-transition-fast:all var(--strboard-duration-150)var(--strboard-ease-out);--strboard-transition:all var(--strboard-duration-200)var(--strboard-ease-out);--strboard-transition-slow:all var(--strboard-duration-300)var(--strboard-ease-out);--strboard-z-auto:auto;--strboard-z-0:0;--strboard-z-10:10;--strboard-z-20:20;--strboard-z-30:30;--strboard-z-40:40;--strboard-z-50:50;--strboard-z-dropdown:1000;--strboard-z-sticky:1020;--strboard-z-fixed:1030;--strboard-z-modal-backdrop:1040;--strboard-z-modal:1050;--strboard-z-popover:1060;--strboard-z-tooltip:1070;--strboard-screen-sm:480px;--strboard-screen-md:768px;--strboard-screen-lg:992px;--strboard-screen-xl:1200px;--strboard-screen-2xl:1400px;--strboard-container-sm:540px;--strboard-container-md:720px;--strboard-container-lg:960px;--strboard-container-xl:1140px;--strboard-container-2xl:1320px;--strboard-bg-primary:#fff;--strboard-bg-secondary:var(--strboard-gray-50);--strboard-bg-tertiary:var(--strboard-gray-100);--strboard-bg-surface:#fff;--strboard-bg-overlay:#00000080;--strboard-text-primary:var(--strboard-gray-800);--strboard-text-secondary:var(--strboard-gray-500);--strboard-text-tertiary:var(--strboard-gray-400);--strboard-text-inverse:#fff;--strboard-text-brand:var(--strboard-primary-600);--strboard-border-primary:var(--strboard-gray-200);--strboard-border-secondary:var(--strboard-gray-300);--strboard-border-focus:var(--strboard-accent-teal);--strboard-border-error:var(--strboard-error-500);--strboard-button-height-sm:32px;--strboard-button-height:40px;--strboard-button-height-lg:48px;--strboard-button-padding-x-sm:var(--strboard-space-3);--strboard-button-padding-x:var(--strboard-space-6);--strboard-button-padding-x-lg:var(--strboard-space-8);--strboard-input-height:40px;--strboard-input-padding-x:var(--strboard-space-3);--strboard-input-padding-y:var(--strboard-space-2);--strboard-card-padding-sm:var(--strboard-space-4);--strboard-card-padding:var(--strboard-space-6);--strboard-card-padding-lg:var(--strboard-space-8);--strboard-section-padding-y-sm:var(--strboard-space-12);--strboard-section-padding-y:var(--strboard-space-16);--strboard-section-padding-y-lg:var(--strboard-space-20);--strboard-focus-ring:0 0 0 3px #4285f41a;--strboard-focus-ring-error:0 0 0 3px #ef44441a;--strboard-high-contrast-border:2px solid #000;--strboard-high-contrast-bg:#fff;--strboard-high-contrast-text:#000}.JMhyP4NN4w7am98lITna{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.IL__ApHE7W1NwqS3ioJJ{box-shadow:var(--strboard-focus-ring-error);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}._ywJnCSrOvFyOjIAc5BC{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition)}._ywJnCSrOvFyOjIAc5BC:hover{transform:translateY(-1px)}.W6AjbSHscTTPRu3EIW6G{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.W6AjbSHscTTPRu3EIW6G:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.W6AjbSHscTTPRu3EIW6G:disabled{cursor:not-allowed;opacity:.6}.u9av4qpm7xReX77Qjdkw{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.axNX8aYYmktNSSA_UZPF{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:480px){.cktPqBYjXgN2YGtZEy7w{display:block}.n3kjjVVc2m0W62opAQar{display:none}}@media (min-width:768px){.VJFSbVgza88i1sA7PHkc{display:block}.V8qk6IZ6Fx7T0GpKtI0U{display:none}}@media (min-width:992px){.uBfvRdHfGMbHRwowrtsl{display:block}.Nndzvh04jUdwxZz4hYKW{display:none}}@media (min-width:1200px){.BwPaobdrfap3GfEebYrw{display:block}.tEzkT_dNF0QvpZO8STZu{display:none}}@media (min-width:1400px){.DoJoTghrJhZdiy0SJvHy{display:block}.i4HzHZo4SHgHNKrJtdWH{display:none}}.T4gg0W3RoNyJLLh0NlhT{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-xs)}.yifvQMzYA675OKrLqVQF{padding:var(--strboard-space-2)var(--strboard-space-4);font-size:var(--strboard-text-sm)}.jxg0JYeLACObWHoKteMU{padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base)}.UcxVtG1nuDUeJB2Z8ySr{padding:var(--strboard-space-4)var(--strboard-space-8);font-size:var(--strboard-text-lg)}.VeFw8WnYyGLo2SlbK4Wq{padding:var(--strboard-space-5)var(--strboard-space-10);font-size:var(--strboard-text-xl)}.dWeeBAcXOhghely8rQ0w{transition:all var(--strboard-duration-150)var(--strboard-ease-out)}.wCoDJVCL10tnLk2Z6tDT{transition:all var(--strboard-duration-200)var(--strboard-ease-out)}.l6p0XBgVUOLgyGxfHK6p{transition:all var(--strboard-duration-300)var(--strboard-ease-out)}.RFhn5LslwAoQpJEyoFIj{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600)}.RFhn5LslwAoQpJEyoFIj:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.RFhn5LslwAoQpJEyoFIj:active:not(:disabled){background-color:var(--strboard-primary-800);border-color:var(--strboard-primary-800);transform:translateY(1px)}.GwHSzyBb5rwfqV8IiMLE{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border-color:var(--strboard-gray-300)}.GwHSzyBb5rwfqV8IiMLE:hover:not(:disabled){background-color:var(--strboard-gray-200);border-color:var(--strboard-gray-300)}.GwHSzyBb5rwfqV8IiMLE:active:not(:disabled){background-color:var(--strboard-gray-300);border-color:var(--strboard-gray-300);transform:translateY(1px)}.N2ojfHHkr_CadTtvFv2w{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);background-color:#0000}.N2ojfHHkr_CadTtvFv2w:hover:not(:disabled){background-color:var(--strboard-primary-50);border-color:var(--strboard-primary-600)}.N2ojfHHkr_CadTtvFv2w:active:not(:disabled){background-color:var(--strboard-primary-100);border-color:var(--strboard-primary-600);transform:translateY(1px)}.Q8KC1S8_wyW7saACc45Q{background-color:var(--strboard-error-500);color:#fff;border-color:var(--strboard-error-500)}.Q8KC1S8_wyW7saACc45Q:hover:not(:disabled){background-color:var(--strboard-error-600);border-color:var(--strboard-error-600)}.Q8KC1S8_wyW7saACc45Q:active:not(:disabled){background-color:var(--strboard-error-700);border-color:var(--strboard-error-700);transform:translateY(1px)}.SaE75Hhl_dTq14LNm0tL{background-color:var(--strboard-success-500);color:#fff;border-color:var(--strboard-success-500)}.SaE75Hhl_dTq14LNm0tL:hover:not(:disabled){background-color:var(--strboard-success-600);border-color:var(--strboard-success-600)}.SaE75Hhl_dTq14LNm0tL:active:not(:disabled){background-color:var(--strboard-success-700);border-color:var(--strboard-success-700);transform:translateY(1px)}.WOzPIMr_2eK5ewk5qMuq{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-4);border-radius:var(--strboard-rounded)}.OJHIWk8fVXr8sBQz0W4y{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);transition:var(--strboard-transition);padding:var(--strboard-space-6);border-radius:var(--strboard-rounded-lg)}.clEXOCd69kH4UeJ5gzJk{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-8);border-radius:var(--strboard-rounded-xl)}.WOzPIMr_2eK5ewk5qMuq:hover,.OJHIWk8fVXr8sBQz0W4y:hover,.clEXOCd69kH4UeJ5gzJk:hover{transform:translateY(-1px)}.vhLEawyCh0wHhS1ymaxt{width:12px;height:12px;font-size:12px}.M0Er3c0m3ZZ1C2vhWQ7z{width:16px;height:16px;font-size:16px}.yLeCFKqipy0gXN809JzX{width:20px;height:20px;font-size:20px}.NVitsXWs98SCQIXaTUzv{width:24px;height:24px;font-size:24px}.PX3wOKoZ7okvavluw5eJ{width:32px;height:32px;font-size:32px}.n23SzA7PB0JDKZJVaEUu{width:40px;height:40px;font-size:40px}.mBbgSSMhGC8_TnC39KQa{flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;line-height:1;transition:color .2s ease-in-out;display:inline-flex}.mBbgSSMhGC8_TnC39KQa svg{fill:currentColor;width:100%;height:100%}.TGes_hfDqBZxyAqQgIJf{width:.75rem;height:.75rem}.Fs9gOsLL1GYAy0tDry8Q{width:.875rem;height:.875rem}.yTtjnHY7obWKEe7BJlDp{width:1rem;height:1rem}.PaBGwrnZzAgTd0XSnREe{width:1.25rem;height:1.25rem}.p4f05OnoIFuHWuAVrVY2{width:1.5rem;height:1.5rem}.Z5h0LgcPLIQGj7zervlj{width:2rem;height:2rem}.NyXjgHnKbTaNaBP7mjWg{color:inherit}.Xr52etS2t3V4qyBntqko{color:var(--strboard-primary-600)}.i6ExrPq9vMY6uUcpxvvg{color:var(--strboard-secondary-600)}.LDNeG5C69sCmcDRd9LJX{color:var(--strboard-success-500)}.SjwvgU3RvIyBvRQk4gas{color:var(--strboard-warning-500)}.TgzWWYoGOWabx_5MsP9L{color:var(--strboard-error-500)}.YB2O487xy1T1f5KsjxPl{color:var(--strboard-info-500)}.yP7wzsbbqg0zF5egpyIp{color:var(--strboard-gray-500)}.fbxZ31mgu9rLefDRukMP{color:#fff}.l1XZJTs1JB4V2FEPgfAc{border:var(--strboard-border)solid currentColor;border-radius:var(--strboard-rounded);padding:var(--strboard-space-1)}.dE_5Le1tDLSLpu6QNibU{color:#fff;border-radius:var(--strboard-rounded);padding:var(--strboard-space-1);background-color:currentColor}.X_x50fToyvTxm76fM7c2{border-radius:var(--strboard-rounded-full);padding:var(--strboard-space-2)}.X_x50fToyvTxm76fM7c2.Xr52etS2t3V4qyBntqko{background-color:rgba(var(--strboard-primary-600),.1);color:var(--strboard-primary-600)}.X_x50fToyvTxm76fM7c2.i6ExrPq9vMY6uUcpxvvg{background-color:rgba(var(--strboard-secondary-600),.1);color:var(--strboard-secondary-600)}.X_x50fToyvTxm76fM7c2.LDNeG5C69sCmcDRd9LJX{background-color:rgba(var(--strboard-success-500),.1);color:var(--strboard-success-500)}.X_x50fToyvTxm76fM7c2.SjwvgU3RvIyBvRQk4gas{background-color:rgba(var(--strboard-warning-500),.1);color:var(--strboard-warning-500)}.X_x50fToyvTxm76fM7c2.TgzWWYoGOWabx_5MsP9L{background-color:rgba(var(--strboard-error-500),.1);color:var(--strboard-error-500)}.X_x50fToyvTxm76fM7c2.YB2O487xy1T1f5KsjxPl{background-color:rgba(var(--strboard-info-500),.1);color:var(--strboard-info-500)}.X_x50fToyvTxm76fM7c2.yP7wzsbbqg0zF5egpyIp{background-color:rgba(var(--strboard-gray-500),.1);color:var(--strboard-gray-500)}.L4IuCfOFoTGecTMVEdnY{color:var(--strboard-primary-600);border-radius:var(--strboard-rounded-full);flex-shrink:0;justify-content:center;align-items:center;display:flex}.WRVeo2m730STpu0xKjiC{color:var(--strboard-primary-600);font-size:18px}.WRVeo2m730STpu0xKjiC.zwyYP1WHwrcRlYHXUxxF{box-sizing:content-box;padding:var(--strboard-space-2);border-radius:var(--strboard-rounded-full);background-color:#fff}.TC8tomDVHNNRcVOfWPa7{background-color:rgba(var(--strboard-primary-600),.1);width:40px;height:40px;color:var(--strboard-primary-600);border-radius:var(--strboard-rounded-full);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.TC8tomDVHNNRcVOfWPa7.KjffhjLmO7X_npmVmnQp{width:48px;height:48px;font-size:20px}.z67LdzabFccjj2NmhFjl{color:var(--strboard-primary-600);font-size:18px}.BvfLoyi2A7GuYdZGfOwo{color:var(--strboard-gray-400);margin-bottom:var(--strboard-space-3);font-size:36px}.BvfLoyi2A7GuYdZGfOwo.EPxuHZE2P9AWdAAtIIyb{margin-bottom:var(--strboard-space-2);font-size:24px}.OOTkbN5481pgacRFeEVU{color:var(--strboard-success-500);flex-shrink:0;font-size:24px}.OOTkbN5481pgacRFeEVU.nXCy1Te5BNDhO4TiMfYf{font-size:16px}.tJuYRC3lWmnLOO1FFJAH{color:var(--strboard-primary-600);margin-top:var(--strboard-space-1);flex-shrink:0;font-size:24px}.xdbUK6Xw1hi1aLkqsmlU{animation:1s linear infinite DExyDD5froysqQ1RzKCj}@keyframes DExyDD5froysqQ1RzKCj{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--strboard-base-font-size:16px;--strboard-base-line-height:1.5;--strboard-primary-50:#f0f9ff;--strboard-primary-100:#e0f2fe;--strboard-primary-200:#bae6fd;--strboard-primary-300:#7dd3fc;--strboard-primary-400:#38bdf8;--strboard-primary-500:#0ea5e9;--strboard-primary-600:#4285f4;--strboard-primary-700:#3367d6;--strboard-primary-800:#1d4ed8;--strboard-primary-900:#1e3a8a;--strboard-secondary-50:#faf5ff;--strboard-secondary-100:#f3e8ff;--strboard-secondary-200:#e9d5ff;--strboard-secondary-300:#d8b4fe;--strboard-secondary-400:#c084fc;--strboard-secondary-500:#a855f7;--strboard-secondary-600:#8b5cf6;--strboard-secondary-700:#7c3aed;--strboard-secondary-800:#6d28d9;--strboard-secondary-900:#581c87;--strboard-accent-cyan:#02f2ff;--strboard-accent-teal:#11abde;--strboard-accent-sky:#0ea5e9;--strboard-accent-blue:#2132e1;--strboard-gray-50:#f9fafb;--strboard-gray-100:#f3f4f6;--strboard-gray-200:#e5e7eb;--strboard-gray-300:#d1d5db;--strboard-gray-400:#9ca3af;--strboard-gray-500:#6b7280;--strboard-gray-600:#4b5563;--strboard-gray-700:#374151;--strboard-gray-800:#1f2937;--strboard-gray-900:#111827;--strboard-success-50:#ecfdf5;--strboard-success-500:#10b981;--strboard-success-600:#059669;--strboard-warning-50:#fffbeb;--strboard-warning-500:#f59e0b;--strboard-warning-600:#d97706;--strboard-error-50:#fef2f2;--strboard-error-500:#ef4444;--strboard-error-600:#dc2626;--strboard-info-50:#eff6ff;--strboard-info-500:#3b82f6;--strboard-info-600:#2563eb;--strboard-gradient-primary:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-700)100%);--strboard-gradient-secondary:linear-gradient(135deg,var(--strboard-secondary-600)0%,var(--strboard-secondary-700)100%);--strboard-gradient-newsletter:linear-gradient(135deg,var(--strboard-primary-300)0%,var(--strboard-primary-300)100%);--strboard-gradient-rate-card:linear-gradient(135deg,var(--strboard-primary-500)0%,var(--strboard-primary-800)100%);--strboard-gradient-footer:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-900)50%,var(--strboard-primary-700)100%);--strboard-gradient-cta-overlay:linear-gradient(135deg,#3b82f6cc 0%,#1e40afb3 50%,#0ea5e9cc 100%);--strboard-gradient-calculator-image:linear-gradient(135deg,var(--strboard-accent-sky)0%,var(--strboard-accent-teal)100%);--strboard-font-primary:"roca",Georgia,"Times New Roman",serif;--strboard-font-secondary:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-system:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-icons:"Material Symbols Rounded";--strboard-text-xs:.75rem;--strboard-text-sm:.875rem;--strboard-text-base:1rem;--strboard-text-lg:1.125rem;--strboard-text-xl:1.25rem;--strboard-text-2xl:1.5rem;--strboard-text-3xl:1.875rem;--strboard-text-4xl:2.25rem;--strboard-text-5xl:3rem;--strboard-text-6xl:3.75rem;--strboard-font-extralight:200;--strboard-font-light:300;--strboard-font-regular:400;--strboard-font-medium:500;--strboard-font-semibold:600;--strboard-font-bold:700;--strboard-leading-none:1;--strboard-leading-tight:1.2;--strboard-leading-snug:1.3;--strboard-leading-normal:1.5;--strboard-leading-relaxed:1.6;--strboard-leading-loose:1.75;--strboard-tracking-tighter:-.05em;--strboard-tracking-tight:-.025em;--strboard-tracking-normal:0;--strboard-tracking-wide:.025em;--strboard-tracking-wider:.05em;--strboard-tracking-widest:.1em;--strboard-space-0:0;--strboard-space-1:.25rem;--strboard-space-2:.5rem;--strboard-space-3:.75rem;--strboard-space-4:1rem;--strboard-space-5:1.25rem;--strboard-space-6:1.5rem;--strboard-space-7:1.75rem;--strboard-space-8:2rem;--strboard-space-9:2.25rem;--strboard-space-10:2.5rem;--strboard-space-12:3rem;--strboard-space-14:3.5rem;--strboard-space-16:4rem;--strboard-space-20:5rem;--strboard-space-24:6rem;--strboard-space-28:7rem;--strboard-space-32:8rem;--strboard-section-padding-mobile:var(--strboard-space-10);--strboard-section-padding-tablet:var(--strboard-space-16);--strboard-section-padding-desktop:var(--strboard-space-20);--strboard-rounded-none:0;--strboard-rounded-sm:.25rem;--strboard-rounded:.375rem;--strboard-rounded-md:.5rem;--strboard-rounded-lg:.75rem;--strboard-rounded-xl:1rem;--strboard-rounded-2xl:1.25rem;--strboard-rounded-3xl:1.5rem;--strboard-rounded-full:9999px;--strboard-border-0:0;--strboard-border:1px;--strboard-border-2:2px;--strboard-border-3:3px;--strboard-border-4:4px;--strboard-border-8:8px;--strboard-shadow-xs:none;--strboard-shadow-sm:none;--strboard-shadow:none;--strboard-shadow-md:none;--strboard-shadow-lg:none;--strboard-shadow-xl:none;--strboard-shadow-2xl:none;--strboard-shadow-card:none;--strboard-shadow-rate-card:none;--strboard-shadow-button:none;--strboard-shadow-process-step:none;--strboard-shadow-glassmorphism:none;--strboard-backdrop-blur-sm:blur(4px);--strboard-backdrop-blur:blur(8px);--strboard-backdrop-blur-md:blur(12px);--strboard-backdrop-blur-lg:blur(16px);--strboard-backdrop-blur-xl:blur(24px);--strboard-glass-light:#ffffff1a;--strboard-glass-medium:#fff3;--strboard-glass-strong:#ffffff4d;--strboard-ease-linear:linear;--strboard-ease-in:cubic-bezier(.4,0,1,1);--strboard-ease-out:cubic-bezier(0,0,.2,1);--strboard-ease-in-out:cubic-bezier(.4,0,.2,1);--strboard-duration-75:75ms;--strboard-duration-100:.1s;--strboard-duration-150:.15s;--strboard-duration-200:.2s;--strboard-duration-300:.3s;--strboard-duration-500:.5s;--strboard-duration-700:.7s;--strboard-transition-fast:all var(--strboard-duration-150)var(--strboard-ease-out);--strboard-transition:all var(--strboard-duration-200)var(--strboard-ease-out);--strboard-transition-slow:all var(--strboard-duration-300)var(--strboard-ease-out);--strboard-z-auto:auto;--strboard-z-0:0;--strboard-z-10:10;--strboard-z-20:20;--strboard-z-30:30;--strboard-z-40:40;--strboard-z-50:50;--strboard-z-dropdown:1000;--strboard-z-sticky:1020;--strboard-z-fixed:1030;--strboard-z-modal-backdrop:1040;--strboard-z-modal:1050;--strboard-z-popover:1060;--strboard-z-tooltip:1070;--strboard-screen-sm:480px;--strboard-screen-md:768px;--strboard-screen-lg:992px;--strboard-screen-xl:1200px;--strboard-screen-2xl:1400px;--strboard-container-sm:540px;--strboard-container-md:720px;--strboard-container-lg:960px;--strboard-container-xl:1140px;--strboard-container-2xl:1320px;--strboard-bg-primary:#fff;--strboard-bg-secondary:var(--strboard-gray-50);--strboard-bg-tertiary:var(--strboard-gray-100);--strboard-bg-surface:#fff;--strboard-bg-overlay:#00000080;--strboard-text-primary:var(--strboard-gray-800);--strboard-text-secondary:var(--strboard-gray-500);--strboard-text-tertiary:var(--strboard-gray-400);--strboard-text-inverse:#fff;--strboard-text-brand:var(--strboard-primary-600);--strboard-border-primary:var(--strboard-gray-200);--strboard-border-secondary:var(--strboard-gray-300);--strboard-border-focus:var(--strboard-accent-teal);--strboard-border-error:var(--strboard-error-500);--strboard-button-height-sm:32px;--strboard-button-height:40px;--strboard-button-height-lg:48px;--strboard-button-padding-x-sm:var(--strboard-space-3);--strboard-button-padding-x:var(--strboard-space-6);--strboard-button-padding-x-lg:var(--strboard-space-8);--strboard-input-height:40px;--strboard-input-padding-x:var(--strboard-space-3);--strboard-input-padding-y:var(--strboard-space-2);--strboard-card-padding-sm:var(--strboard-space-4);--strboard-card-padding:var(--strboard-space-6);--strboard-card-padding-lg:var(--strboard-space-8);--strboard-section-padding-y-sm:var(--strboard-space-12);--strboard-section-padding-y:var(--strboard-space-16);--strboard-section-padding-y-lg:var(--strboard-space-20);--strboard-focus-ring:0 0 0 3px #4285f41a;--strboard-focus-ring-error:0 0 0 3px #ef44441a;--strboard-high-contrast-border:2px solid #000;--strboard-high-contrast-bg:#fff;--strboard-high-contrast-text:#000}.aLN43Q711b9en_IC6ndV{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.nHQLA4woE7A9rR1XD0xM{box-shadow:var(--strboard-focus-ring-error);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.okuVlc02WytvnlHah93b{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition)}.okuVlc02WytvnlHah93b:hover{transform:translateY(-1px)}.L_KiDRl1MqzvZ5DJDjhA{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.L_KiDRl1MqzvZ5DJDjhA:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.L_KiDRl1MqzvZ5DJDjhA:disabled{cursor:not-allowed;opacity:.6}.Vg5AyKDbXrJuIO4xUO76{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wFmkQBv8vpXf44ZpBTRv{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:480px){.BmzAds_GjlaNlRsWr4bM{display:block}.InzQOstVyMjFLTBrebYJ{display:none}}@media (min-width:768px){.kQMXngcJCrS65AcUveWr{display:block}.ZPFZ4BwRuNijl11LKvLZ{display:none}}@media (min-width:992px){.VSZJDdG_xrWIYRA2cNlL{display:block}.IpREq3j99yABANCDVDl9{display:none}}@media (min-width:1200px){.goRfSfgBd1wEALx8HQ1s{display:block}.OOSAe61t2GafIpsB0WfR{display:none}}@media (min-width:1400px){.CKojbBpOCPFyKp7TyerW{display:block}._4x8GoiGVV0cpyc4RHwb{display:none}}.tH6vWxCVIkTvLLcNfU9x{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-xs)}.T5R7oL78SyZhv940vEQL{padding:var(--strboard-space-2)var(--strboard-space-4);font-size:var(--strboard-text-sm)}.n6TVBeO9_FUh6DHiRUsy{padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base)}.muHhxNyroo2O6Np160mW{padding:var(--strboard-space-4)var(--strboard-space-8);font-size:var(--strboard-text-lg)}.g_R8ck3OeX3plkGWRERu{padding:var(--strboard-space-5)var(--strboard-space-10);font-size:var(--strboard-text-xl)}.mDoHzvn7CrW6l0T8rmTe{transition:all var(--strboard-duration-150)var(--strboard-ease-out)}.dXgQlNw2ZTuj1OvA3hnm{transition:all var(--strboard-duration-200)var(--strboard-ease-out)}.D4JIbxeok5X6mKrYUhEc{transition:all var(--strboard-duration-300)var(--strboard-ease-out)}.hJDI4eZ827t8xtwq8iKQ{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600)}.hJDI4eZ827t8xtwq8iKQ:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.hJDI4eZ827t8xtwq8iKQ:active:not(:disabled){background-color:var(--strboard-primary-800);border-color:var(--strboard-primary-800);transform:translateY(1px)}.fntLAegZgmQuSyeZRRUw{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border-color:var(--strboard-gray-300)}.fntLAegZgmQuSyeZRRUw:hover:not(:disabled){background-color:var(--strboard-gray-200);border-color:var(--strboard-gray-300)}.fntLAegZgmQuSyeZRRUw:active:not(:disabled){background-color:var(--strboard-gray-300);border-color:var(--strboard-gray-300);transform:translateY(1px)}.uJuSKMDkmuRE4fGjOTo5{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);background-color:#0000}.uJuSKMDkmuRE4fGjOTo5:hover:not(:disabled){background-color:var(--strboard-primary-50);border-color:var(--strboard-primary-600)}.uJuSKMDkmuRE4fGjOTo5:active:not(:disabled){background-color:var(--strboard-primary-100);border-color:var(--strboard-primary-600);transform:translateY(1px)}.wKGQ7ZRP4Cqb5Evm7j74{background-color:var(--strboard-error-500);color:#fff;border-color:var(--strboard-error-500)}.wKGQ7ZRP4Cqb5Evm7j74:hover:not(:disabled){background-color:var(--strboard-error-600);border-color:var(--strboard-error-600)}.wKGQ7ZRP4Cqb5Evm7j74:active:not(:disabled){background-color:var(--strboard-error-700);border-color:var(--strboard-error-700);transform:translateY(1px)}.e3tnkQJqhCufYk4aGv5D{background-color:var(--strboard-success-500);color:#fff;border-color:var(--strboard-success-500)}.e3tnkQJqhCufYk4aGv5D:hover:not(:disabled){background-color:var(--strboard-success-600);border-color:var(--strboard-success-600)}.e3tnkQJqhCufYk4aGv5D:active:not(:disabled){background-color:var(--strboard-success-700);border-color:var(--strboard-success-700);transform:translateY(1px)}.ftdTLnrcffJ4sZOFqXph{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-4);border-radius:var(--strboard-rounded)}.DW94_cgaKDuZRVhuGuGB{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);transition:var(--strboard-transition);padding:var(--strboard-space-6);border-radius:var(--strboard-rounded-lg)}.SMaZ4oZdjOHu0LRrtxZR{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-8);border-radius:var(--strboard-rounded-xl)}.ftdTLnrcffJ4sZOFqXph:hover,.DW94_cgaKDuZRVhuGuGB:hover,.SMaZ4oZdjOHu0LRrtxZR:hover{transform:translateY(-1px)}.Gjkt4TVT213QaPo4WUE_{width:12px;height:12px;font-size:12px}.twA3JSx3_jFBQC0aF7eR{width:16px;height:16px;font-size:16px}.YwNUhsAs0taaK_uCo05Y{width:20px;height:20px;font-size:20px}.YAy2FrKYh0HDzahGBWyx{width:24px;height:24px;font-size:24px}.MsCi5xKBGgCONlLVeIpA{width:32px;height:32px;font-size:32px}.rntz4aV3qWa3FzlmpAMx{width:40px;height:40px;font-size:40px}.TFsIQBzcS5umz2ZRhuiq{width:100%}.NQI4hcIHl2lUjBcGKFQM{gap:var(--strboard-space-3);padding-bottom:var(--strboard-space-2);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.NQI4hcIHl2lUjBcGKFQM::-webkit-scrollbar{width:0;height:0;display:none}.PErJt2YkSu1Pg8dQElh1{align-items:center;gap:var(--strboard-space-2);padding:var(--strboard-space-3)var(--strboard-space-4);border:var(--strboard-border)solid var(--strboard-gray-200);border-radius:var(--strboard-rounded-2xl);font-size:var(--strboard-text-base);font-weight:var(--strboard-font-medium);color:var(--strboard-gray-500);cursor:pointer;transition:var(--strboard-transition);white-space:nowrap;background-color:#fff;display:flex;position:relative}.PErJt2YkSu1Pg8dQElh1:hover{background-color:rgba(var(--strboard-primary-100),.5);border-color:rgba(var(--strboard-primary-600),.3);color:var(--strboard-gray-700);transform:translateY(-2px)}.PErJt2YkSu1Pg8dQElh1:focus{box-shadow:0 0 0 3px rgba(var(--strboard-primary-600),.4);border-color:var(--strboard-primary-600);outline:none}.PErJt2YkSu1Pg8dQElh1.mQfgWh8j8LgEfBe7rr5r{background-color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);color:#fff}.PErJt2YkSu1Pg8dQElh1.mQfgWh8j8LgEfBe7rr5r .tWi_mrBnfBSwafKTqevJ{color:#fff;background-color:#fff3}.PErJt2YkSu1Pg8dQElh1.ktwdqIvfzd7qXvH5R_PQ{border-color:var(--strboard-success-500)}.PErJt2YkSu1Pg8dQElh1.ktwdqIvfzd7qXvH5R_PQ:not(.mQfgWh8j8LgEfBe7rr5r) ._03HP0pWePwgKOXxGWWh1{color:var(--strboard-success-500)}.PErJt2YkSu1Pg8dQElh1.ktwdqIvfzd7qXvH5R_PQ.mQfgWh8j8LgEfBe7rr5r{border-color:#fff}.PErJt2YkSu1Pg8dQElh1.ktwdqIvfzd7qXvH5R_PQ.mQfgWh8j8LgEfBe7rr5r .my9tT5e6nSKESnFJn7mb{color:#fff}.PErJt2YkSu1Pg8dQElh1.RmGNUfb8oh1gDSGofyJ6{border-color:var(--strboard-warning-500)}.PErJt2YkSu1Pg8dQElh1.RmGNUfb8oh1gDSGofyJ6:not(.mQfgWh8j8LgEfBe7rr5r) ._03HP0pWePwgKOXxGWWh1{color:var(--strboard-warning-500)}.ffMjTcsZW0C3Wye80ctA{text-align:left;flex:1}.tWi_mrBnfBSwafKTqevJ{background-color:var(--strboard-gray-200);color:var(--strboard-gray-800);border-radius:var(--strboard-rounded-full);width:18px;height:18px;font-size:var(--strboard-text-xs);font-weight:var(--strboard-font-semibold);justify-content:center;align-items:center;display:flex}.R5lvwgoN_9Z_jC_x5SsQ .PErJt2YkSu1Pg8dQElh1{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-sm);gap:var(--strboard-space-1)}.R5lvwgoN_9Z_jC_x5SsQ .tWi_mrBnfBSwafKTqevJ{width:16px;height:16px;font-size:10px}.NhkTVOUmBAkb_WVnF3Ku .PErJt2YkSu1Pg8dQElh1{padding:var(--strboard-space-4)var(--strboard-space-6);font-size:var(--strboard-text-lg);gap:var(--strboard-space-3)}.NhkTVOUmBAkb_WVnF3Ku .tWi_mrBnfBSwafKTqevJ{width:20px;height:20px;font-size:var(--strboard-text-sm)}.pHRcD0fmrCfpPMHV5m4u .PErJt2YkSu1Pg8dQElh1{border-radius:var(--strboard-rounded-full)}.Ax5gGM6eiW_dsykNNqET .NQI4hcIHl2lUjBcGKFQM{border-bottom:var(--strboard-border)solid var(--strboard-gray-200);padding-bottom:0}.Ax5gGM6eiW_dsykNNqET .PErJt2YkSu1Pg8dQElh1{padding-bottom:var(--strboard-space-3);background-color:#0000;border:none;border-bottom:2px solid #0000;border-radius:0}.Ax5gGM6eiW_dsykNNqET .PErJt2YkSu1Pg8dQElh1:hover{background-color:rgba(var(--strboard-primary-100),.3);border-bottom-color:rgba(var(--strboard-primary-600),.5);transform:none}.Ax5gGM6eiW_dsykNNqET .PErJt2YkSu1Pg8dQElh1.mQfgWh8j8LgEfBe7rr5r{border-bottom-color:var(--strboard-primary-600);color:var(--strboard-primary-600);background-color:#0000}@media (min-width:768px){.NQI4hcIHl2lUjBcGKFQM{gap:var(--strboard-space-4)}.PErJt2YkSu1Pg8dQElh1:hover{transform:translateY(-3px)}.Ax5gGM6eiW_dsykNNqET .PErJt2YkSu1Pg8dQElh1:hover{transform:none}}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--strboard-base-font-size:16px;--strboard-base-line-height:1.5;--strboard-primary-50:#f0f9ff;--strboard-primary-100:#e0f2fe;--strboard-primary-200:#bae6fd;--strboard-primary-300:#7dd3fc;--strboard-primary-400:#38bdf8;--strboard-primary-500:#0ea5e9;--strboard-primary-600:#4285f4;--strboard-primary-700:#3367d6;--strboard-primary-800:#1d4ed8;--strboard-primary-900:#1e3a8a;--strboard-secondary-50:#faf5ff;--strboard-secondary-100:#f3e8ff;--strboard-secondary-200:#e9d5ff;--strboard-secondary-300:#d8b4fe;--strboard-secondary-400:#c084fc;--strboard-secondary-500:#a855f7;--strboard-secondary-600:#8b5cf6;--strboard-secondary-700:#7c3aed;--strboard-secondary-800:#6d28d9;--strboard-secondary-900:#581c87;--strboard-accent-cyan:#02f2ff;--strboard-accent-teal:#11abde;--strboard-accent-sky:#0ea5e9;--strboard-accent-blue:#2132e1;--strboard-gray-50:#f9fafb;--strboard-gray-100:#f3f4f6;--strboard-gray-200:#e5e7eb;--strboard-gray-300:#d1d5db;--strboard-gray-400:#9ca3af;--strboard-gray-500:#6b7280;--strboard-gray-600:#4b5563;--strboard-gray-700:#374151;--strboard-gray-800:#1f2937;--strboard-gray-900:#111827;--strboard-success-50:#ecfdf5;--strboard-success-500:#10b981;--strboard-success-600:#059669;--strboard-warning-50:#fffbeb;--strboard-warning-500:#f59e0b;--strboard-warning-600:#d97706;--strboard-error-50:#fef2f2;--strboard-error-500:#ef4444;--strboard-error-600:#dc2626;--strboard-info-50:#eff6ff;--strboard-info-500:#3b82f6;--strboard-info-600:#2563eb;--strboard-gradient-primary:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-700)100%);--strboard-gradient-secondary:linear-gradient(135deg,var(--strboard-secondary-600)0%,var(--strboard-secondary-700)100%);--strboard-gradient-newsletter:linear-gradient(135deg,var(--strboard-primary-300)0%,var(--strboard-primary-300)100%);--strboard-gradient-rate-card:linear-gradient(135deg,var(--strboard-primary-500)0%,var(--strboard-primary-800)100%);--strboard-gradient-footer:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-900)50%,var(--strboard-primary-700)100%);--strboard-gradient-cta-overlay:linear-gradient(135deg,#3b82f6cc 0%,#1e40afb3 50%,#0ea5e9cc 100%);--strboard-gradient-calculator-image:linear-gradient(135deg,var(--strboard-accent-sky)0%,var(--strboard-accent-teal)100%);--strboard-font-primary:"roca",Georgia,"Times New Roman",serif;--strboard-font-secondary:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-system:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-icons:"Material Symbols Rounded";--strboard-text-xs:.75rem;--strboard-text-sm:.875rem;--strboard-text-base:1rem;--strboard-text-lg:1.125rem;--strboard-text-xl:1.25rem;--strboard-text-2xl:1.5rem;--strboard-text-3xl:1.875rem;--strboard-text-4xl:2.25rem;--strboard-text-5xl:3rem;--strboard-text-6xl:3.75rem;--strboard-font-extralight:200;--strboard-font-light:300;--strboard-font-regular:400;--strboard-font-medium:500;--strboard-font-semibold:600;--strboard-font-bold:700;--strboard-leading-none:1;--strboard-leading-tight:1.2;--strboard-leading-snug:1.3;--strboard-leading-normal:1.5;--strboard-leading-relaxed:1.6;--strboard-leading-loose:1.75;--strboard-tracking-tighter:-.05em;--strboard-tracking-tight:-.025em;--strboard-tracking-normal:0;--strboard-tracking-wide:.025em;--strboard-tracking-wider:.05em;--strboard-tracking-widest:.1em;--strboard-space-0:0;--strboard-space-1:.25rem;--strboard-space-2:.5rem;--strboard-space-3:.75rem;--strboard-space-4:1rem;--strboard-space-5:1.25rem;--strboard-space-6:1.5rem;--strboard-space-7:1.75rem;--strboard-space-8:2rem;--strboard-space-9:2.25rem;--strboard-space-10:2.5rem;--strboard-space-12:3rem;--strboard-space-14:3.5rem;--strboard-space-16:4rem;--strboard-space-20:5rem;--strboard-space-24:6rem;--strboard-space-28:7rem;--strboard-space-32:8rem;--strboard-section-padding-mobile:var(--strboard-space-10);--strboard-section-padding-tablet:var(--strboard-space-16);--strboard-section-padding-desktop:var(--strboard-space-20);--strboard-rounded-none:0;--strboard-rounded-sm:.25rem;--strboard-rounded:.375rem;--strboard-rounded-md:.5rem;--strboard-rounded-lg:.75rem;--strboard-rounded-xl:1rem;--strboard-rounded-2xl:1.25rem;--strboard-rounded-3xl:1.5rem;--strboard-rounded-full:9999px;--strboard-border-0:0;--strboard-border:1px;--strboard-border-2:2px;--strboard-border-3:3px;--strboard-border-4:4px;--strboard-border-8:8px;--strboard-shadow-xs:none;--strboard-shadow-sm:none;--strboard-shadow:none;--strboard-shadow-md:none;--strboard-shadow-lg:none;--strboard-shadow-xl:none;--strboard-shadow-2xl:none;--strboard-shadow-card:none;--strboard-shadow-rate-card:none;--strboard-shadow-button:none;--strboard-shadow-process-step:none;--strboard-shadow-glassmorphism:none;--strboard-backdrop-blur-sm:blur(4px);--strboard-backdrop-blur:blur(8px);--strboard-backdrop-blur-md:blur(12px);--strboard-backdrop-blur-lg:blur(16px);--strboard-backdrop-blur-xl:blur(24px);--strboard-glass-light:#ffffff1a;--strboard-glass-medium:#fff3;--strboard-glass-strong:#ffffff4d;--strboard-ease-linear:linear;--strboard-ease-in:cubic-bezier(.4,0,1,1);--strboard-ease-out:cubic-bezier(0,0,.2,1);--strboard-ease-in-out:cubic-bezier(.4,0,.2,1);--strboard-duration-75:75ms;--strboard-duration-100:.1s;--strboard-duration-150:.15s;--strboard-duration-200:.2s;--strboard-duration-300:.3s;--strboard-duration-500:.5s;--strboard-duration-700:.7s;--strboard-transition-fast:all var(--strboard-duration-150)var(--strboard-ease-out);--strboard-transition:all var(--strboard-duration-200)var(--strboard-ease-out);--strboard-transition-slow:all var(--strboard-duration-300)var(--strboard-ease-out);--strboard-z-auto:auto;--strboard-z-0:0;--strboard-z-10:10;--strboard-z-20:20;--strboard-z-30:30;--strboard-z-40:40;--strboard-z-50:50;--strboard-z-dropdown:1000;--strboard-z-sticky:1020;--strboard-z-fixed:1030;--strboard-z-modal-backdrop:1040;--strboard-z-modal:1050;--strboard-z-popover:1060;--strboard-z-tooltip:1070;--strboard-screen-sm:480px;--strboard-screen-md:768px;--strboard-screen-lg:992px;--strboard-screen-xl:1200px;--strboard-screen-2xl:1400px;--strboard-container-sm:540px;--strboard-container-md:720px;--strboard-container-lg:960px;--strboard-container-xl:1140px;--strboard-container-2xl:1320px;--strboard-bg-primary:#fff;--strboard-bg-secondary:var(--strboard-gray-50);--strboard-bg-tertiary:var(--strboard-gray-100);--strboard-bg-surface:#fff;--strboard-bg-overlay:#00000080;--strboard-text-primary:var(--strboard-gray-800);--strboard-text-secondary:var(--strboard-gray-500);--strboard-text-tertiary:var(--strboard-gray-400);--strboard-text-inverse:#fff;--strboard-text-brand:var(--strboard-primary-600);--strboard-border-primary:var(--strboard-gray-200);--strboard-border-secondary:var(--strboard-gray-300);--strboard-border-focus:var(--strboard-accent-teal);--strboard-border-error:var(--strboard-error-500);--strboard-button-height-sm:32px;--strboard-button-height:40px;--strboard-button-height-lg:48px;--strboard-button-padding-x-sm:var(--strboard-space-3);--strboard-button-padding-x:var(--strboard-space-6);--strboard-button-padding-x-lg:var(--strboard-space-8);--strboard-input-height:40px;--strboard-input-padding-x:var(--strboard-space-3);--strboard-input-padding-y:var(--strboard-space-2);--strboard-card-padding-sm:var(--strboard-space-4);--strboard-card-padding:var(--strboard-space-6);--strboard-card-padding-lg:var(--strboard-space-8);--strboard-section-padding-y-sm:var(--strboard-space-12);--strboard-section-padding-y:var(--strboard-space-16);--strboard-section-padding-y-lg:var(--strboard-space-20);--strboard-focus-ring:0 0 0 3px #4285f41a;--strboard-focus-ring-error:0 0 0 3px #ef44441a;--strboard-high-contrast-border:2px solid #000;--strboard-high-contrast-bg:#fff;--strboard-high-contrast-text:#000}._83bJWWezzhti2ewK9WX{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.GO92o45KHi93CWI0CNp1{box-shadow:var(--strboard-focus-ring-error);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.gXOCPuKSudF04HKSpT_O{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition)}.gXOCPuKSudF04HKSpT_O:hover{transform:translateY(-1px)}.tUCg1BYZLGhKM_XX3YDw{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.tUCg1BYZLGhKM_XX3YDw:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.tUCg1BYZLGhKM_XX3YDw:disabled{cursor:not-allowed;opacity:.6}.hoAcX6EqzcLO9wld4orQ{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yiYiIpczAeIoMPNXK60C{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:480px){.P_CJWBbIX3q5AmkLl_EE{display:block}.IZxHR4o8IVYveSqH3ajK{display:none}}@media (min-width:768px){.l8sPaFiI9yE97f2yizwb{display:block}.wrEtWalBf8kNxvrTve0T{display:none}}@media (min-width:992px){.zfrDYmueyxQGDYT3VIgo{display:block}.rUI4nbauCy0Boj65l6u0{display:none}}@media (min-width:1200px){.m_4CPU1EaAn4m9yqZgoU{display:block}.KBI_6oTdKKZoV1LErpVQ{display:none}}@media (min-width:1400px){.mp3vsQL70i5n8cADrTnP{display:block}.BCyUQADUqQvjN2j2wBXf{display:none}}.zIfSN0NBsLlTRmrVbHWC{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-xs)}.CAVdgwVGTsYrTe6ZHRfq{padding:var(--strboard-space-2)var(--strboard-space-4);font-size:var(--strboard-text-sm)}.jEGDaqVowv5uiMYsGHoe{padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base)}.b8VfyFQyX6QR_l4fGX18{padding:var(--strboard-space-4)var(--strboard-space-8);font-size:var(--strboard-text-lg)}.ldvhpBZ9y6se2gVu5laZ{padding:var(--strboard-space-5)var(--strboard-space-10);font-size:var(--strboard-text-xl)}.Ox07zMw59n9aWrKYkyv_{transition:all var(--strboard-duration-150)var(--strboard-ease-out)}.KdgnBIgyue6W7rZdaidg{transition:all var(--strboard-duration-200)var(--strboard-ease-out)}.KU53LRGGZv49BwrR4ZFZ{transition:all var(--strboard-duration-300)var(--strboard-ease-out)}.JuJFSYjKs2FQwAgbObPq{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600)}.JuJFSYjKs2FQwAgbObPq:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.JuJFSYjKs2FQwAgbObPq:active:not(:disabled){background-color:var(--strboard-primary-800);border-color:var(--strboard-primary-800);transform:translateY(1px)}.YM3JBQLVoyUYHRKHsuhS{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border-color:var(--strboard-gray-300)}.YM3JBQLVoyUYHRKHsuhS:hover:not(:disabled){background-color:var(--strboard-gray-200);border-color:var(--strboard-gray-300)}.YM3JBQLVoyUYHRKHsuhS:active:not(:disabled){background-color:var(--strboard-gray-300);border-color:var(--strboard-gray-300);transform:translateY(1px)}.HsqRHYXCLowYLm8xyR6f{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);background-color:#0000}.HsqRHYXCLowYLm8xyR6f:hover:not(:disabled){background-color:var(--strboard-primary-50);border-color:var(--strboard-primary-600)}.HsqRHYXCLowYLm8xyR6f:active:not(:disabled){background-color:var(--strboard-primary-100);border-color:var(--strboard-primary-600);transform:translateY(1px)}.bByV1PlEsI5GLXnyBCKq{background-color:var(--strboard-error-500);color:#fff;border-color:var(--strboard-error-500)}.bByV1PlEsI5GLXnyBCKq:hover:not(:disabled){background-color:var(--strboard-error-600);border-color:var(--strboard-error-600)}.bByV1PlEsI5GLXnyBCKq:active:not(:disabled){background-color:var(--strboard-error-700);border-color:var(--strboard-error-700);transform:translateY(1px)}.RdFgmnBNeVbOPUE0t5qk{background-color:var(--strboard-success-500);color:#fff;border-color:var(--strboard-success-500)}.RdFgmnBNeVbOPUE0t5qk:hover:not(:disabled){background-color:var(--strboard-success-600);border-color:var(--strboard-success-600)}.RdFgmnBNeVbOPUE0t5qk:active:not(:disabled){background-color:var(--strboard-success-700);border-color:var(--strboard-success-700);transform:translateY(1px)}.ohGgwvEXv4faUJITziki{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-4);border-radius:var(--strboard-rounded)}.crIdqnCCBFhNbzIBxotK{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);transition:var(--strboard-transition);padding:var(--strboard-space-6);border-radius:var(--strboard-rounded-lg)}.G_jYhTe9YX7NEGwwzexK{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-8);border-radius:var(--strboard-rounded-xl)}.ohGgwvEXv4faUJITziki:hover,.crIdqnCCBFhNbzIBxotK:hover,.G_jYhTe9YX7NEGwwzexK:hover{transform:translateY(-1px)}.f4iO0gP4Lqqmu05FDr_V{width:12px;height:12px;font-size:12px}.X4q9w56rQWaqsRsQmpEU{width:16px;height:16px;font-size:16px}.N8B9hkV_zwxD3v0kZXR1{width:20px;height:20px;font-size:20px}.ORcFnfADX_SNOiAw0GXg{width:24px;height:24px;font-size:24px}.pDc2PFaJh1wu4waAGQkw{width:32px;height:32px;font-size:32px}.X4JCscAoiSknNpeYzwgu{width:40px;height:40px;font-size:40px}.kr_3pyj4ZXcBMlAO6aPz{background-color:#eff0f1;flex-direction:column;height:100%;display:flex}.J2hg0JQxf192_LCqVbX2{border-bottom:1px solid #e5e7eb;padding:24px 20px}.i3G2l90nDBsb2MkOOJ8e{width:100%}.DGo3yC8TGDyNiueL8k8F{width:100%;position:relative}.vnhCTSPj4yLBgeZTdUf_{color:#6b7280;z-index:1;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.SiUlkatGJXli2AdiTVV2{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:20px;width:100%;padding:8px 12px 8px 32px;font-size:14px;transition:all .2s}.SiUlkatGJXli2AdiTVV2:focus{background-color:#fff;border-color:#3b82f6;outline:none}.SiUlkatGJXli2AdiTVV2::-moz-placeholder{color:#9ca3af}.SiUlkatGJXli2AdiTVV2::placeholder{color:#9ca3af}.vlMjvW4F6V_vZIfblBTR{background-color:#fff;border-radius:16px;margin:16px 20px;padding:16px}.Ka7nCl9ja1S547GhzTNg{align-items:center;gap:8px;margin-bottom:8px;display:flex}.rBWF3AGV48NdTlgooies{color:#f59e0b;flex-shrink:0;font-size:16px}.vzdxCjR8AjwMSQknEZNd{color:#111827;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.l5sdCUVwW6XHNboBhD0D{flex-direction:column;gap:2px;display:flex}.R8ZYxpMXVCzhAVHBuIxZ{color:#f59e0b;font-size:20px;font-weight:700;line-height:1}.hKOzHZkLnOs_D1L2IsRZ{color:#6b7280;font-size:12px;font-weight:500}.Mt25vKgmwFgWqjvaOGOp{flex:1;padding:8px 0;position:relative;overflow-y:auto}.Mt25vKgmwFgWqjvaOGOp.Xk6EJWz__O78s2Mf3h7N:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(#0000001a 0%,#0000 100%);height:20px;position:absolute;top:0;left:0;right:0}.Mt25vKgmwFgWqjvaOGOp.M2dHaJNWK1VO7LPg8qvm:after{content:"";pointer-events:none;z-index:10;background:linear-gradient(#0000 0%,#0000001a 100%);height:20px;position:absolute;bottom:0;left:0;right:0}.J07aQoiIvscRu6Ra_ppg{margin:0;padding:0;list-style:none}.mNX9vMg9LwgFgMEjjkDr{margin-bottom:2px}.qiIORiQY31FNCXTG7njl{color:#6b7280;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.qiIORiQY31FNCXTG7njl:hover{color:#111827;background-color:#f3f4f6}.qiIORiQY31FNCXTG7njl.FiePtvGBAqoBpMOTRthF{color:#3b82f6;background-color:#3b82f61a;font-weight:600}.qiIORiQY31FNCXTG7njl.FiePtvGBAqoBpMOTRthF:before{content:"";background-color:#3b82f6;width:4px;position:absolute;top:0;bottom:0;left:0}.qiIORiQY31FNCXTG7njl .rwKNq9W0Xa0lb87QTB3b{flex-shrink:0;width:16px;height:16px}.qiIORiQY31FNCXTG7njl .yBburmEV9ZM5_r5g2PiK{flex:1}.hrGHirb27Rhgspu3VDqw{border-bottom:1px solid #e5e7eb;padding:20px}.EUbvFksORLmRiXj2Fb99{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:25px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:background-color .2s}.EUbvFksORLmRiXj2Fb99:hover{background-color:#2563eb}.S5lepplbY1BpxWYfNKfV{flex-grow:0;padding:20px}.h3IY2g5gTCYowdjgbrLI{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.NYE0sv4K81dckCg8rXBK{color:#6b7280;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.NYE0sv4K81dckCg8rXBK .WYAK9HO2pmRxfpDm6bUw{font-size:14px}.NYE0sv4K81dckCg8rXBK:hover{color:#111827;cursor:pointer}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--strboard-base-font-size:16px;--strboard-base-line-height:1.5;--strboard-primary-50:#f0f9ff;--strboard-primary-100:#e0f2fe;--strboard-primary-200:#bae6fd;--strboard-primary-300:#7dd3fc;--strboard-primary-400:#38bdf8;--strboard-primary-500:#0ea5e9;--strboard-primary-600:#4285f4;--strboard-primary-700:#3367d6;--strboard-primary-800:#1d4ed8;--strboard-primary-900:#1e3a8a;--strboard-secondary-50:#faf5ff;--strboard-secondary-100:#f3e8ff;--strboard-secondary-200:#e9d5ff;--strboard-secondary-300:#d8b4fe;--strboard-secondary-400:#c084fc;--strboard-secondary-500:#a855f7;--strboard-secondary-600:#8b5cf6;--strboard-secondary-700:#7c3aed;--strboard-secondary-800:#6d28d9;--strboard-secondary-900:#581c87;--strboard-accent-cyan:#02f2ff;--strboard-accent-teal:#11abde;--strboard-accent-sky:#0ea5e9;--strboard-accent-blue:#2132e1;--strboard-gray-50:#f9fafb;--strboard-gray-100:#f3f4f6;--strboard-gray-200:#e5e7eb;--strboard-gray-300:#d1d5db;--strboard-gray-400:#9ca3af;--strboard-gray-500:#6b7280;--strboard-gray-600:#4b5563;--strboard-gray-700:#374151;--strboard-gray-800:#1f2937;--strboard-gray-900:#111827;--strboard-success-50:#ecfdf5;--strboard-success-500:#10b981;--strboard-success-600:#059669;--strboard-warning-50:#fffbeb;--strboard-warning-500:#f59e0b;--strboard-warning-600:#d97706;--strboard-error-50:#fef2f2;--strboard-error-500:#ef4444;--strboard-error-600:#dc2626;--strboard-info-50:#eff6ff;--strboard-info-500:#3b82f6;--strboard-info-600:#2563eb;--strboard-gradient-primary:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-700)100%);--strboard-gradient-secondary:linear-gradient(135deg,var(--strboard-secondary-600)0%,var(--strboard-secondary-700)100%);--strboard-gradient-newsletter:linear-gradient(135deg,var(--strboard-primary-300)0%,var(--strboard-primary-300)100%);--strboard-gradient-rate-card:linear-gradient(135deg,var(--strboard-primary-500)0%,var(--strboard-primary-800)100%);--strboard-gradient-footer:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-900)50%,var(--strboard-primary-700)100%);--strboard-gradient-cta-overlay:linear-gradient(135deg,#3b82f6cc 0%,#1e40afb3 50%,#0ea5e9cc 100%);--strboard-gradient-calculator-image:linear-gradient(135deg,var(--strboard-accent-sky)0%,var(--strboard-accent-teal)100%);--strboard-font-primary:"roca",Georgia,"Times New Roman",serif;--strboard-font-secondary:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-system:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-icons:"Material Symbols Rounded";--strboard-text-xs:.75rem;--strboard-text-sm:.875rem;--strboard-text-base:1rem;--strboard-text-lg:1.125rem;--strboard-text-xl:1.25rem;--strboard-text-2xl:1.5rem;--strboard-text-3xl:1.875rem;--strboard-text-4xl:2.25rem;--strboard-text-5xl:3rem;--strboard-text-6xl:3.75rem;--strboard-font-extralight:200;--strboard-font-light:300;--strboard-font-regular:400;--strboard-font-medium:500;--strboard-font-semibold:600;--strboard-font-bold:700;--strboard-leading-none:1;--strboard-leading-tight:1.2;--strboard-leading-snug:1.3;--strboard-leading-normal:1.5;--strboard-leading-relaxed:1.6;--strboard-leading-loose:1.75;--strboard-tracking-tighter:-.05em;--strboard-tracking-tight:-.025em;--strboard-tracking-normal:0;--strboard-tracking-wide:.025em;--strboard-tracking-wider:.05em;--strboard-tracking-widest:.1em;--strboard-space-0:0;--strboard-space-1:.25rem;--strboard-space-2:.5rem;--strboard-space-3:.75rem;--strboard-space-4:1rem;--strboard-space-5:1.25rem;--strboard-space-6:1.5rem;--strboard-space-7:1.75rem;--strboard-space-8:2rem;--strboard-space-9:2.25rem;--strboard-space-10:2.5rem;--strboard-space-12:3rem;--strboard-space-14:3.5rem;--strboard-space-16:4rem;--strboard-space-20:5rem;--strboard-space-24:6rem;--strboard-space-28:7rem;--strboard-space-32:8rem;--strboard-section-padding-mobile:var(--strboard-space-10);--strboard-section-padding-tablet:var(--strboard-space-16);--strboard-section-padding-desktop:var(--strboard-space-20);--strboard-rounded-none:0;--strboard-rounded-sm:.25rem;--strboard-rounded:.375rem;--strboard-rounded-md:.5rem;--strboard-rounded-lg:.75rem;--strboard-rounded-xl:1rem;--strboard-rounded-2xl:1.25rem;--strboard-rounded-3xl:1.5rem;--strboard-rounded-full:9999px;--strboard-border-0:0;--strboard-border:1px;--strboard-border-2:2px;--strboard-border-3:3px;--strboard-border-4:4px;--strboard-border-8:8px;--strboard-shadow-xs:none;--strboard-shadow-sm:none;--strboard-shadow:none;--strboard-shadow-md:none;--strboard-shadow-lg:none;--strboard-shadow-xl:none;--strboard-shadow-2xl:none;--strboard-shadow-card:none;--strboard-shadow-rate-card:none;--strboard-shadow-button:none;--strboard-shadow-process-step:none;--strboard-shadow-glassmorphism:none;--strboard-backdrop-blur-sm:blur(4px);--strboard-backdrop-blur:blur(8px);--strboard-backdrop-blur-md:blur(12px);--strboard-backdrop-blur-lg:blur(16px);--strboard-backdrop-blur-xl:blur(24px);--strboard-glass-light:#ffffff1a;--strboard-glass-medium:#fff3;--strboard-glass-strong:#ffffff4d;--strboard-ease-linear:linear;--strboard-ease-in:cubic-bezier(.4,0,1,1);--strboard-ease-out:cubic-bezier(0,0,.2,1);--strboard-ease-in-out:cubic-bezier(.4,0,.2,1);--strboard-duration-75:75ms;--strboard-duration-100:.1s;--strboard-duration-150:.15s;--strboard-duration-200:.2s;--strboard-duration-300:.3s;--strboard-duration-500:.5s;--strboard-duration-700:.7s;--strboard-transition-fast:all var(--strboard-duration-150)var(--strboard-ease-out);--strboard-transition:all var(--strboard-duration-200)var(--strboard-ease-out);--strboard-transition-slow:all var(--strboard-duration-300)var(--strboard-ease-out);--strboard-z-auto:auto;--strboard-z-0:0;--strboard-z-10:10;--strboard-z-20:20;--strboard-z-30:30;--strboard-z-40:40;--strboard-z-50:50;--strboard-z-dropdown:1000;--strboard-z-sticky:1020;--strboard-z-fixed:1030;--strboard-z-modal-backdrop:1040;--strboard-z-modal:1050;--strboard-z-popover:1060;--strboard-z-tooltip:1070;--strboard-screen-sm:480px;--strboard-screen-md:768px;--strboard-screen-lg:992px;--strboard-screen-xl:1200px;--strboard-screen-2xl:1400px;--strboard-container-sm:540px;--strboard-container-md:720px;--strboard-container-lg:960px;--strboard-container-xl:1140px;--strboard-container-2xl:1320px;--strboard-bg-primary:#fff;--strboard-bg-secondary:var(--strboard-gray-50);--strboard-bg-tertiary:var(--strboard-gray-100);--strboard-bg-surface:#fff;--strboard-bg-overlay:#00000080;--strboard-text-primary:var(--strboard-gray-800);--strboard-text-secondary:var(--strboard-gray-500);--strboard-text-tertiary:var(--strboard-gray-400);--strboard-text-inverse:#fff;--strboard-text-brand:var(--strboard-primary-600);--strboard-border-primary:var(--strboard-gray-200);--strboard-border-secondary:var(--strboard-gray-300);--strboard-border-focus:var(--strboard-accent-teal);--strboard-border-error:var(--strboard-error-500);--strboard-button-height-sm:32px;--strboard-button-height:40px;--strboard-button-height-lg:48px;--strboard-button-padding-x-sm:var(--strboard-space-3);--strboard-button-padding-x:var(--strboard-space-6);--strboard-button-padding-x-lg:var(--strboard-space-8);--strboard-input-height:40px;--strboard-input-padding-x:var(--strboard-space-3);--strboard-input-padding-y:var(--strboard-space-2);--strboard-card-padding-sm:var(--strboard-space-4);--strboard-card-padding:var(--strboard-space-6);--strboard-card-padding-lg:var(--strboard-space-8);--strboard-section-padding-y-sm:var(--strboard-space-12);--strboard-section-padding-y:var(--strboard-space-16);--strboard-section-padding-y-lg:var(--strboard-space-20);--strboard-focus-ring:0 0 0 3px #4285f41a;--strboard-focus-ring-error:0 0 0 3px #ef44441a;--strboard-high-contrast-border:2px solid #000;--strboard-high-contrast-bg:#fff;--strboard-high-contrast-text:#000}.so3WBa5IK7Tq0yiBxVIQ{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.o_3XcRebAA5uZ5CEetQk{box-shadow:var(--strboard-focus-ring-error);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.xqxjVqknB0YsBNNtHGBv{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition)}.xqxjVqknB0YsBNNtHGBv:hover{transform:translateY(-1px)}.aZdpI3uHGq6XJHokOfNd{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.aZdpI3uHGq6XJHokOfNd:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.aZdpI3uHGq6XJHokOfNd:disabled{cursor:not-allowed;opacity:.6}.mtiIyWRJYrsflgY7PHQe{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tRdvyTNstNTeWPMKp6SF{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:480px){.yhwPn4V7ZBzV2GqikgJi{display:block}.IJ_O5g1VOdIWZFT9wrgc{display:none}}@media (min-width:768px){.A60nXzAaWYc9brSnI5Mx{display:block}.SmwPYLlgmiS9fR7geP2C{display:none}}@media (min-width:992px){.JlhzKE0008Af9ZPiFSXq{display:block}.nBZhS2zyoLmbsxNf8bbj{display:none}}@media (min-width:1200px){.LpVIikcsb7bME5w8J20K{display:block}.zxUrrOHS1m48BaWS_ELM{display:none}}@media (min-width:1400px){.KPufXJagJqwjeZS8GxLs{display:block}.LIMiG7fUBJRv1PbN9KEH{display:none}}.S10wR2lQmHwEsUxepxIP{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-xs)}.TItVOsO1od9niXnPAWaB{padding:var(--strboard-space-2)var(--strboard-space-4);font-size:var(--strboard-text-sm)}.NrDR99uKJWT8cQLqC_U0{padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base)}.yu38dqYsu4OjWdl7fQb4{padding:var(--strboard-space-4)var(--strboard-space-8);font-size:var(--strboard-text-lg)}.MyFIO8J96YKanJ3Xy65y{padding:var(--strboard-space-5)var(--strboard-space-10);font-size:var(--strboard-text-xl)}.BYn18SEoUyCAUwo325ai{transition:all var(--strboard-duration-150)var(--strboard-ease-out)}.loNN4X6LYFkUI2gChZpX{transition:all var(--strboard-duration-200)var(--strboard-ease-out)}.xFV87c8rB5XE3jlQis9U{transition:all var(--strboard-duration-300)var(--strboard-ease-out)}.j1atuq8Yhm_eJDoL3JuQ{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600)}.j1atuq8Yhm_eJDoL3JuQ:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.j1atuq8Yhm_eJDoL3JuQ:active:not(:disabled){background-color:var(--strboard-primary-800);border-color:var(--strboard-primary-800);transform:translateY(1px)}.SiE6XzrwgtdEhJFTiNKr{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border-color:var(--strboard-gray-300)}.SiE6XzrwgtdEhJFTiNKr:hover:not(:disabled){background-color:var(--strboard-gray-200);border-color:var(--strboard-gray-300)}.SiE6XzrwgtdEhJFTiNKr:active:not(:disabled){background-color:var(--strboard-gray-300);border-color:var(--strboard-gray-300);transform:translateY(1px)}.CTleMl0wvgXapS01vefr{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);background-color:#0000}.CTleMl0wvgXapS01vefr:hover:not(:disabled){background-color:var(--strboard-primary-50);border-color:var(--strboard-primary-600)}.CTleMl0wvgXapS01vefr:active:not(:disabled){background-color:var(--strboard-primary-100);border-color:var(--strboard-primary-600);transform:translateY(1px)}.d0u2s3V3fCNRDKWwxMdA{background-color:var(--strboard-error-500);color:#fff;border-color:var(--strboard-error-500)}.d0u2s3V3fCNRDKWwxMdA:hover:not(:disabled){background-color:var(--strboard-error-600);border-color:var(--strboard-error-600)}.d0u2s3V3fCNRDKWwxMdA:active:not(:disabled){background-color:var(--strboard-error-700);border-color:var(--strboard-error-700);transform:translateY(1px)}.L5bqDfcR94A6fpkj8RFn{background-color:var(--strboard-success-500);color:#fff;border-color:var(--strboard-success-500)}.L5bqDfcR94A6fpkj8RFn:hover:not(:disabled){background-color:var(--strboard-success-600);border-color:var(--strboard-success-600)}.L5bqDfcR94A6fpkj8RFn:active:not(:disabled){background-color:var(--strboard-success-700);border-color:var(--strboard-success-700);transform:translateY(1px)}.yrWbk34tsbo_nhVJx5xD{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-4);border-radius:var(--strboard-rounded)}.JzCxwfbJpsHDtJxqaBKz{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);transition:var(--strboard-transition);padding:var(--strboard-space-6);border-radius:var(--strboard-rounded-lg)}.PyVsSoQTnUZ6Gy8KwN2t{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-8);border-radius:var(--strboard-rounded-xl)}.yrWbk34tsbo_nhVJx5xD:hover,.JzCxwfbJpsHDtJxqaBKz:hover,.PyVsSoQTnUZ6Gy8KwN2t:hover{transform:translateY(-1px)}.doohI_Bk0SexY982Md9x{width:12px;height:12px;font-size:12px}.uuvqGmAyBSLkTECq5A5I{width:16px;height:16px;font-size:16px}.RJWnAFE6Ruy7fa9l_B_w{width:20px;height:20px;font-size:20px}.gHAPp1A3wFWdAmoeROCk{width:24px;height:24px;font-size:24px}.IB2Gem0ziBHEbyIucdI7{width:32px;height:32px;font-size:32px}.c1S6Cvm6x9niy2wJ0nWt{width:40px;height:40px;font-size:40px}.OwDPcSpgqNDCnS41dh6N{width:100%}.CenF5hF06i_Mhpbuwd0X{margin-bottom:var(--strboard-space-2);font-size:var(--strboard-text-sm);font-weight:var(--strboard-font-medium);color:var(--strboard-gray-600);justify-content:space-between;align-items:center;display:flex}.bgLH_zpDHfrOXiW6629F{font-weight:var(--strboard-font-semibold);color:var(--strboard-gray-800)}.dcmLdVKL4HPbJ7sUKs3g{background-color:var(--strboard-gray-200);border-radius:var(--strboard-rounded-full);height:8px;position:relative;overflow:hidden}.c_3yoNCNUbrIvHP7bhhP{border-radius:inherit;height:100%;transition:width var(--strboard-duration-300)var(--strboard-ease-out);position:relative}.c_3yoNCNUbrIvHP7bhhP:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite UWEmr3ONidvo68O1h45e;position:absolute;inset:0}.RkGq7tvILFU4PlBejySA .dcmLdVKL4HPbJ7sUKs3g{height:4px}.RkGq7tvILFU4PlBejySA .CenF5hF06i_Mhpbuwd0X{font-size:var(--strboard-text-xs);margin-bottom:var(--strboard-space-1)}.xo7l4XoX5a8cJI6VTerD .dcmLdVKL4HPbJ7sUKs3g{height:6px}.xo7l4XoX5a8cJI6VTerD .CenF5hF06i_Mhpbuwd0X{font-size:var(--strboard-text-xs);margin-bottom:var(--strboard-space-1)}.LKwjQGHW84MwdgXPYIlb .dcmLdVKL4HPbJ7sUKs3g{height:8px}.zeE3SlBoEnxgcjdUyn6A .dcmLdVKL4HPbJ7sUKs3g{height:12px}.zeE3SlBoEnxgcjdUyn6A .CenF5hF06i_Mhpbuwd0X{font-size:var(--strboard-text-base);margin-bottom:var(--strboard-space-3)}.sopS3titw4Lbud0s94Mx .c_3yoNCNUbrIvHP7bhhP{background-color:var(--strboard-primary-600)}.rEk00OlpaqAdZOhOZGEe .c_3yoNCNUbrIvHP7bhhP{background-color:var(--strboard-secondary-600)}.boVQiJqpeYzmC8jvraUM .c_3yoNCNUbrIvHP7bhhP{background-color:var(--strboard-success-500)}.y3YCLwCMQgCOrKQUNsJd .c_3yoNCNUbrIvHP7bhhP{background-color:var(--strboard-warning-500)}.Dqbj56rpFYeclX_RmV7l .c_3yoNCNUbrIvHP7bhhP{background-color:var(--strboard-error-500)}.v6jgchZMz_tINkKgGfqk .c_3yoNCNUbrIvHP7bhhP{background-color:var(--strboard-info-500)}.ZIy2_78EhR8gTR3gAHjw .c_3yoNCNUbrIvHP7bhhP{background-color:var(--strboard-gray-500)}.KcIiNospuDSG2YImKsqQ .c_3yoNCNUbrIvHP7bhhP:after{opacity:1}@keyframes UWEmr3ONidvo68O1h45e{0%{transform:translate(-100%)}to{transform:translate(100%)}}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--strboard-base-font-size:16px;--strboard-base-line-height:1.5;--strboard-primary-50:#f0f9ff;--strboard-primary-100:#e0f2fe;--strboard-primary-200:#bae6fd;--strboard-primary-300:#7dd3fc;--strboard-primary-400:#38bdf8;--strboard-primary-500:#0ea5e9;--strboard-primary-600:#4285f4;--strboard-primary-700:#3367d6;--strboard-primary-800:#1d4ed8;--strboard-primary-900:#1e3a8a;--strboard-secondary-50:#faf5ff;--strboard-secondary-100:#f3e8ff;--strboard-secondary-200:#e9d5ff;--strboard-secondary-300:#d8b4fe;--strboard-secondary-400:#c084fc;--strboard-secondary-500:#a855f7;--strboard-secondary-600:#8b5cf6;--strboard-secondary-700:#7c3aed;--strboard-secondary-800:#6d28d9;--strboard-secondary-900:#581c87;--strboard-accent-cyan:#02f2ff;--strboard-accent-teal:#11abde;--strboard-accent-sky:#0ea5e9;--strboard-accent-blue:#2132e1;--strboard-gray-50:#f9fafb;--strboard-gray-100:#f3f4f6;--strboard-gray-200:#e5e7eb;--strboard-gray-300:#d1d5db;--strboard-gray-400:#9ca3af;--strboard-gray-500:#6b7280;--strboard-gray-600:#4b5563;--strboard-gray-700:#374151;--strboard-gray-800:#1f2937;--strboard-gray-900:#111827;--strboard-success-50:#ecfdf5;--strboard-success-500:#10b981;--strboard-success-600:#059669;--strboard-warning-50:#fffbeb;--strboard-warning-500:#f59e0b;--strboard-warning-600:#d97706;--strboard-error-50:#fef2f2;--strboard-error-500:#ef4444;--strboard-error-600:#dc2626;--strboard-info-50:#eff6ff;--strboard-info-500:#3b82f6;--strboard-info-600:#2563eb;--strboard-gradient-primary:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-700)100%);--strboard-gradient-secondary:linear-gradient(135deg,var(--strboard-secondary-600)0%,var(--strboard-secondary-700)100%);--strboard-gradient-newsletter:linear-gradient(135deg,var(--strboard-primary-300)0%,var(--strboard-primary-300)100%);--strboard-gradient-rate-card:linear-gradient(135deg,var(--strboard-primary-500)0%,var(--strboard-primary-800)100%);--strboard-gradient-footer:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-900)50%,var(--strboard-primary-700)100%);--strboard-gradient-cta-overlay:linear-gradient(135deg,#3b82f6cc 0%,#1e40afb3 50%,#0ea5e9cc 100%);--strboard-gradient-calculator-image:linear-gradient(135deg,var(--strboard-accent-sky)0%,var(--strboard-accent-teal)100%);--strboard-font-primary:"roca",Georgia,"Times New Roman",serif;--strboard-font-secondary:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-system:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-icons:"Material Symbols Rounded";--strboard-text-xs:.75rem;--strboard-text-sm:.875rem;--strboard-text-base:1rem;--strboard-text-lg:1.125rem;--strboard-text-xl:1.25rem;--strboard-text-2xl:1.5rem;--strboard-text-3xl:1.875rem;--strboard-text-4xl:2.25rem;--strboard-text-5xl:3rem;--strboard-text-6xl:3.75rem;--strboard-font-extralight:200;--strboard-font-light:300;--strboard-font-regular:400;--strboard-font-medium:500;--strboard-font-semibold:600;--strboard-font-bold:700;--strboard-leading-none:1;--strboard-leading-tight:1.2;--strboard-leading-snug:1.3;--strboard-leading-normal:1.5;--strboard-leading-relaxed:1.6;--strboard-leading-loose:1.75;--strboard-tracking-tighter:-.05em;--strboard-tracking-tight:-.025em;--strboard-tracking-normal:0;--strboard-tracking-wide:.025em;--strboard-tracking-wider:.05em;--strboard-tracking-widest:.1em;--strboard-space-0:0;--strboard-space-1:.25rem;--strboard-space-2:.5rem;--strboard-space-3:.75rem;--strboard-space-4:1rem;--strboard-space-5:1.25rem;--strboard-space-6:1.5rem;--strboard-space-7:1.75rem;--strboard-space-8:2rem;--strboard-space-9:2.25rem;--strboard-space-10:2.5rem;--strboard-space-12:3rem;--strboard-space-14:3.5rem;--strboard-space-16:4rem;--strboard-space-20:5rem;--strboard-space-24:6rem;--strboard-space-28:7rem;--strboard-space-32:8rem;--strboard-section-padding-mobile:var(--strboard-space-10);--strboard-section-padding-tablet:var(--strboard-space-16);--strboard-section-padding-desktop:var(--strboard-space-20);--strboard-rounded-none:0;--strboard-rounded-sm:.25rem;--strboard-rounded:.375rem;--strboard-rounded-md:.5rem;--strboard-rounded-lg:.75rem;--strboard-rounded-xl:1rem;--strboard-rounded-2xl:1.25rem;--strboard-rounded-3xl:1.5rem;--strboard-rounded-full:9999px;--strboard-border-0:0;--strboard-border:1px;--strboard-border-2:2px;--strboard-border-3:3px;--strboard-border-4:4px;--strboard-border-8:8px;--strboard-shadow-xs:none;--strboard-shadow-sm:none;--strboard-shadow:none;--strboard-shadow-md:none;--strboard-shadow-lg:none;--strboard-shadow-xl:none;--strboard-shadow-2xl:none;--strboard-shadow-card:none;--strboard-shadow-rate-card:none;--strboard-shadow-button:none;--strboard-shadow-process-step:none;--strboard-shadow-glassmorphism:none;--strboard-backdrop-blur-sm:blur(4px);--strboard-backdrop-blur:blur(8px);--strboard-backdrop-blur-md:blur(12px);--strboard-backdrop-blur-lg:blur(16px);--strboard-backdrop-blur-xl:blur(24px);--strboard-glass-light:#ffffff1a;--strboard-glass-medium:#fff3;--strboard-glass-strong:#ffffff4d;--strboard-ease-linear:linear;--strboard-ease-in:cubic-bezier(.4,0,1,1);--strboard-ease-out:cubic-bezier(0,0,.2,1);--strboard-ease-in-out:cubic-bezier(.4,0,.2,1);--strboard-duration-75:75ms;--strboard-duration-100:.1s;--strboard-duration-150:.15s;--strboard-duration-200:.2s;--strboard-duration-300:.3s;--strboard-duration-500:.5s;--strboard-duration-700:.7s;--strboard-transition-fast:all var(--strboard-duration-150)var(--strboard-ease-out);--strboard-transition:all var(--strboard-duration-200)var(--strboard-ease-out);--strboard-transition-slow:all var(--strboard-duration-300)var(--strboard-ease-out);--strboard-z-auto:auto;--strboard-z-0:0;--strboard-z-10:10;--strboard-z-20:20;--strboard-z-30:30;--strboard-z-40:40;--strboard-z-50:50;--strboard-z-dropdown:1000;--strboard-z-sticky:1020;--strboard-z-fixed:1030;--strboard-z-modal-backdrop:1040;--strboard-z-modal:1050;--strboard-z-popover:1060;--strboard-z-tooltip:1070;--strboard-screen-sm:480px;--strboard-screen-md:768px;--strboard-screen-lg:992px;--strboard-screen-xl:1200px;--strboard-screen-2xl:1400px;--strboard-container-sm:540px;--strboard-container-md:720px;--strboard-container-lg:960px;--strboard-container-xl:1140px;--strboard-container-2xl:1320px;--strboard-bg-primary:#fff;--strboard-bg-secondary:var(--strboard-gray-50);--strboard-bg-tertiary:var(--strboard-gray-100);--strboard-bg-surface:#fff;--strboard-bg-overlay:#00000080;--strboard-text-primary:var(--strboard-gray-800);--strboard-text-secondary:var(--strboard-gray-500);--strboard-text-tertiary:var(--strboard-gray-400);--strboard-text-inverse:#fff;--strboard-text-brand:var(--strboard-primary-600);--strboard-border-primary:var(--strboard-gray-200);--strboard-border-secondary:var(--strboard-gray-300);--strboard-border-focus:var(--strboard-accent-teal);--strboard-border-error:var(--strboard-error-500);--strboard-button-height-sm:32px;--strboard-button-height:40px;--strboard-button-height-lg:48px;--strboard-button-padding-x-sm:var(--strboard-space-3);--strboard-button-padding-x:var(--strboard-space-6);--strboard-button-padding-x-lg:var(--strboard-space-8);--strboard-input-height:40px;--strboard-input-padding-x:var(--strboard-space-3);--strboard-input-padding-y:var(--strboard-space-2);--strboard-card-padding-sm:var(--strboard-space-4);--strboard-card-padding:var(--strboard-space-6);--strboard-card-padding-lg:var(--strboard-space-8);--strboard-section-padding-y-sm:var(--strboard-space-12);--strboard-section-padding-y:var(--strboard-space-16);--strboard-section-padding-y-lg:var(--strboard-space-20);--strboard-focus-ring:0 0 0 3px #4285f41a;--strboard-focus-ring-error:0 0 0 3px #ef44441a;--strboard-high-contrast-border:2px solid #000;--strboard-high-contrast-bg:#fff;--strboard-high-contrast-text:#000}.EvNAbRjqYMYdxEZWqXT9{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.NdAgc3K_2JMRfu83CQYU{box-shadow:var(--strboard-focus-ring-error);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.k4MzgSDZGWBQOPISQRwO{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition)}.k4MzgSDZGWBQOPISQRwO:hover{transform:translateY(-1px)}.tm9LEo5eMXTdwdYaSYfQ{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.tm9LEo5eMXTdwdYaSYfQ:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.tm9LEo5eMXTdwdYaSYfQ:disabled{cursor:not-allowed;opacity:.6}.vf8EDwcikuAD9p3poXSX{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._wVH01wM0_p5Jm5Y1hJV{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:480px){.npra9Q0OEjdGaSi3asux{display:block}.WVUNzBNPKmpRam8gm2kY{display:none}}@media (min-width:768px){.sWoVGmGZWsOaWywqsguu{display:block}.mlwwjKmJs5QTYr2yN7wP{display:none}}@media (min-width:992px){.pVEePT3Khv_lrVQMvDky{display:block}.GqOv6z1TvZEsduofJRUE{display:none}}@media (min-width:1200px){.nSAt8yRKLGd99Vt2X45V{display:block}.uWGffevV9oH20ropoSLp{display:none}}@media (min-width:1400px){.R6M8zr8Vn3Z8DFIVgiXj{display:block}.o5aEajlsckNf5WB1mQkv{display:none}}.jTelLbO1gBsZ0YUMpjVe{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-xs)}.FvxpvX5OMa9d2lyMWCgk{padding:var(--strboard-space-2)var(--strboard-space-4);font-size:var(--strboard-text-sm)}.BokWBRptmZVvejazw46B{padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base)}.oc5G4YvnrSpQ7zAPfzEv{padding:var(--strboard-space-4)var(--strboard-space-8);font-size:var(--strboard-text-lg)}.WTN4wioUmihyKlY3owrj{padding:var(--strboard-space-5)var(--strboard-space-10);font-size:var(--strboard-text-xl)}.RfuyeBUICE4e3FPeXyzB{transition:all var(--strboard-duration-150)var(--strboard-ease-out)}.nAYWCYziRylS4iVpjxRb{transition:all var(--strboard-duration-200)var(--strboard-ease-out)}.gT6SMfEM8Bu08r_M5nLN{transition:all var(--strboard-duration-300)var(--strboard-ease-out)}.kR5atNmYhOk2tWAd_yoB{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600)}.kR5atNmYhOk2tWAd_yoB:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.kR5atNmYhOk2tWAd_yoB:active:not(:disabled){background-color:var(--strboard-primary-800);border-color:var(--strboard-primary-800);transform:translateY(1px)}.AIqJZB1Ow7S_baDK6wYX{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border-color:var(--strboard-gray-300)}.AIqJZB1Ow7S_baDK6wYX:hover:not(:disabled){background-color:var(--strboard-gray-200);border-color:var(--strboard-gray-300)}.AIqJZB1Ow7S_baDK6wYX:active:not(:disabled){background-color:var(--strboard-gray-300);border-color:var(--strboard-gray-300);transform:translateY(1px)}.FRF2RKrHS7mnqyrWdqh4{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);background-color:#0000}.FRF2RKrHS7mnqyrWdqh4:hover:not(:disabled){background-color:var(--strboard-primary-50);border-color:var(--strboard-primary-600)}.FRF2RKrHS7mnqyrWdqh4:active:not(:disabled){background-color:var(--strboard-primary-100);border-color:var(--strboard-primary-600);transform:translateY(1px)}.xPrfd0jGYOEuRUs2mVlN{background-color:var(--strboard-error-500);color:#fff;border-color:var(--strboard-error-500)}.xPrfd0jGYOEuRUs2mVlN:hover:not(:disabled){background-color:var(--strboard-error-600);border-color:var(--strboard-error-600)}.xPrfd0jGYOEuRUs2mVlN:active:not(:disabled){background-color:var(--strboard-error-700);border-color:var(--strboard-error-700);transform:translateY(1px)}.MF99qRIGlG4V5ZqGbA2h{background-color:var(--strboard-success-500);color:#fff;border-color:var(--strboard-success-500)}.MF99qRIGlG4V5ZqGbA2h:hover:not(:disabled){background-color:var(--strboard-success-600);border-color:var(--strboard-success-600)}.MF99qRIGlG4V5ZqGbA2h:active:not(:disabled){background-color:var(--strboard-success-700);border-color:var(--strboard-success-700);transform:translateY(1px)}.x4IziOX52V5OHQV3hdkg{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-4);border-radius:var(--strboard-rounded)}.AMB6DkyallIJRqKtR4G2{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);transition:var(--strboard-transition);padding:var(--strboard-space-6);border-radius:var(--strboard-rounded-lg)}.l7dBi6oMRZkh15NBtaXw{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-8);border-radius:var(--strboard-rounded-xl)}.x4IziOX52V5OHQV3hdkg:hover,.AMB6DkyallIJRqKtR4G2:hover,.l7dBi6oMRZkh15NBtaXw:hover{transform:translateY(-1px)}.IK3jqh1lB3ibnPoWkY23{width:12px;height:12px;font-size:12px}.CHQCWbtpQ_kFMph7HdTr{width:16px;height:16px;font-size:16px}.VR24Jiu2fzjA12Q1kUGZ{width:20px;height:20px;font-size:20px}.g1t8dyw0tzk0WMPZaNth{width:24px;height:24px;font-size:24px}.lAxJbXni5iYrRD3YoGNI{width:32px;height:32px;font-size:32px}.xTycaJljeR6jtPKMWYH5{width:40px;height:40px;font-size:40px}.oY8DLDiupLYGcfbNQNwk{flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:inline-flex;position:relative}.Bxs53oHF6qaVUEzl1lxX{width:100%;height:100%;display:block;overflow:visible;transform:rotate(-90deg)}._Bp6cYwWUZGewh1eZeWf{fill:none;stroke:var(--strboard-gray-200);stroke-linecap:round}.aQWvyqe3kooHk7Hnv1A4{fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--strboard-duration-500)ease}.BTMVWC92oqX10RUrPrrj{fill:var(--strboard-gray-800);font-size:16px;font-weight:var(--strboard-font-bold);text-anchor:middle;dominant-baseline:central;transform-origin:18px 20.35px;transform:rotate(90deg)}.sxMCz8mh4aAEqch5UDQx{margin-top:var(--strboard-space-2);text-align:center;font-size:var(--strboard-text-sm);font-weight:var(--strboard-font-medium);color:var(--strboard-gray-600)}.MGHHqOWME88nXswKrAH6{width:60px;height:60px}.MGHHqOWME88nXswKrAH6 .BTMVWC92oqX10RUrPrrj{font-size:10px}.MGHHqOWME88nXswKrAH6 .sxMCz8mh4aAEqch5UDQx{font-size:var(--strboard-text-xs);margin-top:var(--strboard-space-1)}.VvudlS6pHn5GrLQiZhyG{width:80px;height:80px}.VvudlS6pHn5GrLQiZhyG .BTMVWC92oqX10RUrPrrj{font-size:12px}.VvudlS6pHn5GrLQiZhyG .sxMCz8mh4aAEqch5UDQx{font-size:var(--strboard-text-xs);margin-top:var(--strboard-space-1)}.vQooQj6KWsTuWxR71r8i{width:120px;height:120px}.vQooQj6KWsTuWxR71r8i .BTMVWC92oqX10RUrPrrj{font-size:16px}.jcigXlLvFJU8hPdXjPy1{width:160px;height:160px}.jcigXlLvFJU8hPdXjPy1 .BTMVWC92oqX10RUrPrrj{font-size:20px}.jcigXlLvFJU8hPdXjPy1 .sxMCz8mh4aAEqch5UDQx{font-size:var(--strboard-text-base);margin-top:var(--strboard-space-3)}.gIp0yRb_jZ_TFIsHHOlH{width:200px;height:200px}.gIp0yRb_jZ_TFIsHHOlH .BTMVWC92oqX10RUrPrrj{font-size:24px}.gIp0yRb_jZ_TFIsHHOlH .sxMCz8mh4aAEqch5UDQx{font-size:var(--strboard-text-lg);margin-top:var(--strboard-space-4)}.MmnssTAQdfLztG9guhTI .aQWvyqe3kooHk7Hnv1A4{stroke:var(--strboard-primary-600)}.fEgaUJERSDuAla9yjIyJ .aQWvyqe3kooHk7Hnv1A4{stroke:var(--strboard-secondary-600)}.KRyaQDaiQMrp8OXiOeV4 .aQWvyqe3kooHk7Hnv1A4{stroke:var(--strboard-success-500)}.dymkV4NIuwemBsjO6FPA .aQWvyqe3kooHk7Hnv1A4{stroke:var(--strboard-warning-500)}.QYmzw41MGTGSICIdHQPT .aQWvyqe3kooHk7Hnv1A4{stroke:var(--strboard-error-500)}._AizOlmV_6ATHyszPSLX .aQWvyqe3kooHk7Hnv1A4{stroke:var(--strboard-info-500)}.JNhfkZQN5kjFrCHk88bX .aQWvyqe3kooHk7Hnv1A4{stroke:var(--strboard-gray-500)}.JAjk5f5O7JyAA0xQETC1 .aQWvyqe3kooHk7Hnv1A4{animation:1s ease-out yS_xYMvtWp69Z8sLzfHk}@keyframes yS_xYMvtWp69Z8sLzfHk{0%{stroke-dashoffset:100.53px}}.vRwKEeYI2dewNuJc20Rq .eIDyX3bBAG3pxB96H1Mw{align-items:center;gap:var(--strboard-space-6);display:flex}.vRwKEeYI2dewNuJc20Rq .luTZm3aqtczwvJ4bfQvz h3{font-size:var(--strboard-text-2xl);font-weight:var(--strboard-font-semibold);color:var(--strboard-gray-800);margin-bottom:var(--strboard-space-2)}.vRwKEeYI2dewNuJc20Rq .luTZm3aqtczwvJ4bfQvz p{color:var(--strboard-gray-500);margin:0}.jEZURS6azKGJK9aom3dQ{width:40px;height:40px}.jEZURS6azKGJK9aom3dQ .BTMVWC92oqX10RUrPrrj{font-size:8px}.jEZURS6azKGJK9aom3dQ .sxMCz8mh4aAEqch5UDQx{display:none}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--strboard-base-font-size:16px;--strboard-base-line-height:1.5;--strboard-primary-50:#f0f9ff;--strboard-primary-100:#e0f2fe;--strboard-primary-200:#bae6fd;--strboard-primary-300:#7dd3fc;--strboard-primary-400:#38bdf8;--strboard-primary-500:#0ea5e9;--strboard-primary-600:#4285f4;--strboard-primary-700:#3367d6;--strboard-primary-800:#1d4ed8;--strboard-primary-900:#1e3a8a;--strboard-secondary-50:#faf5ff;--strboard-secondary-100:#f3e8ff;--strboard-secondary-200:#e9d5ff;--strboard-secondary-300:#d8b4fe;--strboard-secondary-400:#c084fc;--strboard-secondary-500:#a855f7;--strboard-secondary-600:#8b5cf6;--strboard-secondary-700:#7c3aed;--strboard-secondary-800:#6d28d9;--strboard-secondary-900:#581c87;--strboard-accent-cyan:#02f2ff;--strboard-accent-teal:#11abde;--strboard-accent-sky:#0ea5e9;--strboard-accent-blue:#2132e1;--strboard-gray-50:#f9fafb;--strboard-gray-100:#f3f4f6;--strboard-gray-200:#e5e7eb;--strboard-gray-300:#d1d5db;--strboard-gray-400:#9ca3af;--strboard-gray-500:#6b7280;--strboard-gray-600:#4b5563;--strboard-gray-700:#374151;--strboard-gray-800:#1f2937;--strboard-gray-900:#111827;--strboard-success-50:#ecfdf5;--strboard-success-500:#10b981;--strboard-success-600:#059669;--strboard-warning-50:#fffbeb;--strboard-warning-500:#f59e0b;--strboard-warning-600:#d97706;--strboard-error-50:#fef2f2;--strboard-error-500:#ef4444;--strboard-error-600:#dc2626;--strboard-info-50:#eff6ff;--strboard-info-500:#3b82f6;--strboard-info-600:#2563eb;--strboard-gradient-primary:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-700)100%);--strboard-gradient-secondary:linear-gradient(135deg,var(--strboard-secondary-600)0%,var(--strboard-secondary-700)100%);--strboard-gradient-newsletter:linear-gradient(135deg,var(--strboard-primary-300)0%,var(--strboard-primary-300)100%);--strboard-gradient-rate-card:linear-gradient(135deg,var(--strboard-primary-500)0%,var(--strboard-primary-800)100%);--strboard-gradient-footer:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-900)50%,var(--strboard-primary-700)100%);--strboard-gradient-cta-overlay:linear-gradient(135deg,#3b82f6cc 0%,#1e40afb3 50%,#0ea5e9cc 100%);--strboard-gradient-calculator-image:linear-gradient(135deg,var(--strboard-accent-sky)0%,var(--strboard-accent-teal)100%);--strboard-font-primary:"roca",Georgia,"Times New Roman",serif;--strboard-font-secondary:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-system:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-icons:"Material Symbols Rounded";--strboard-text-xs:.75rem;--strboard-text-sm:.875rem;--strboard-text-base:1rem;--strboard-text-lg:1.125rem;--strboard-text-xl:1.25rem;--strboard-text-2xl:1.5rem;--strboard-text-3xl:1.875rem;--strboard-text-4xl:2.25rem;--strboard-text-5xl:3rem;--strboard-text-6xl:3.75rem;--strboard-font-extralight:200;--strboard-font-light:300;--strboard-font-regular:400;--strboard-font-medium:500;--strboard-font-semibold:600;--strboard-font-bold:700;--strboard-leading-none:1;--strboard-leading-tight:1.2;--strboard-leading-snug:1.3;--strboard-leading-normal:1.5;--strboard-leading-relaxed:1.6;--strboard-leading-loose:1.75;--strboard-tracking-tighter:-.05em;--strboard-tracking-tight:-.025em;--strboard-tracking-normal:0;--strboard-tracking-wide:.025em;--strboard-tracking-wider:.05em;--strboard-tracking-widest:.1em;--strboard-space-0:0;--strboard-space-1:.25rem;--strboard-space-2:.5rem;--strboard-space-3:.75rem;--strboard-space-4:1rem;--strboard-space-5:1.25rem;--strboard-space-6:1.5rem;--strboard-space-7:1.75rem;--strboard-space-8:2rem;--strboard-space-9:2.25rem;--strboard-space-10:2.5rem;--strboard-space-12:3rem;--strboard-space-14:3.5rem;--strboard-space-16:4rem;--strboard-space-20:5rem;--strboard-space-24:6rem;--strboard-space-28:7rem;--strboard-space-32:8rem;--strboard-section-padding-mobile:var(--strboard-space-10);--strboard-section-padding-tablet:var(--strboard-space-16);--strboard-section-padding-desktop:var(--strboard-space-20);--strboard-rounded-none:0;--strboard-rounded-sm:.25rem;--strboard-rounded:.375rem;--strboard-rounded-md:.5rem;--strboard-rounded-lg:.75rem;--strboard-rounded-xl:1rem;--strboard-rounded-2xl:1.25rem;--strboard-rounded-3xl:1.5rem;--strboard-rounded-full:9999px;--strboard-border-0:0;--strboard-border:1px;--strboard-border-2:2px;--strboard-border-3:3px;--strboard-border-4:4px;--strboard-border-8:8px;--strboard-shadow-xs:none;--strboard-shadow-sm:none;--strboard-shadow:none;--strboard-shadow-md:none;--strboard-shadow-lg:none;--strboard-shadow-xl:none;--strboard-shadow-2xl:none;--strboard-shadow-card:none;--strboard-shadow-rate-card:none;--strboard-shadow-button:none;--strboard-shadow-process-step:none;--strboard-shadow-glassmorphism:none;--strboard-backdrop-blur-sm:blur(4px);--strboard-backdrop-blur:blur(8px);--strboard-backdrop-blur-md:blur(12px);--strboard-backdrop-blur-lg:blur(16px);--strboard-backdrop-blur-xl:blur(24px);--strboard-glass-light:#ffffff1a;--strboard-glass-medium:#fff3;--strboard-glass-strong:#ffffff4d;--strboard-ease-linear:linear;--strboard-ease-in:cubic-bezier(.4,0,1,1);--strboard-ease-out:cubic-bezier(0,0,.2,1);--strboard-ease-in-out:cubic-bezier(.4,0,.2,1);--strboard-duration-75:75ms;--strboard-duration-100:.1s;--strboard-duration-150:.15s;--strboard-duration-200:.2s;--strboard-duration-300:.3s;--strboard-duration-500:.5s;--strboard-duration-700:.7s;--strboard-transition-fast:all var(--strboard-duration-150)var(--strboard-ease-out);--strboard-transition:all var(--strboard-duration-200)var(--strboard-ease-out);--strboard-transition-slow:all var(--strboard-duration-300)var(--strboard-ease-out);--strboard-z-auto:auto;--strboard-z-0:0;--strboard-z-10:10;--strboard-z-20:20;--strboard-z-30:30;--strboard-z-40:40;--strboard-z-50:50;--strboard-z-dropdown:1000;--strboard-z-sticky:1020;--strboard-z-fixed:1030;--strboard-z-modal-backdrop:1040;--strboard-z-modal:1050;--strboard-z-popover:1060;--strboard-z-tooltip:1070;--strboard-screen-sm:480px;--strboard-screen-md:768px;--strboard-screen-lg:992px;--strboard-screen-xl:1200px;--strboard-screen-2xl:1400px;--strboard-container-sm:540px;--strboard-container-md:720px;--strboard-container-lg:960px;--strboard-container-xl:1140px;--strboard-container-2xl:1320px;--strboard-bg-primary:#fff;--strboard-bg-secondary:var(--strboard-gray-50);--strboard-bg-tertiary:var(--strboard-gray-100);--strboard-bg-surface:#fff;--strboard-bg-overlay:#00000080;--strboard-text-primary:var(--strboard-gray-800);--strboard-text-secondary:var(--strboard-gray-500);--strboard-text-tertiary:var(--strboard-gray-400);--strboard-text-inverse:#fff;--strboard-text-brand:var(--strboard-primary-600);--strboard-border-primary:var(--strboard-gray-200);--strboard-border-secondary:var(--strboard-gray-300);--strboard-border-focus:var(--strboard-accent-teal);--strboard-border-error:var(--strboard-error-500);--strboard-button-height-sm:32px;--strboard-button-height:40px;--strboard-button-height-lg:48px;--strboard-button-padding-x-sm:var(--strboard-space-3);--strboard-button-padding-x:var(--strboard-space-6);--strboard-button-padding-x-lg:var(--strboard-space-8);--strboard-input-height:40px;--strboard-input-padding-x:var(--strboard-space-3);--strboard-input-padding-y:var(--strboard-space-2);--strboard-card-padding-sm:var(--strboard-space-4);--strboard-card-padding:var(--strboard-space-6);--strboard-card-padding-lg:var(--strboard-space-8);--strboard-section-padding-y-sm:var(--strboard-space-12);--strboard-section-padding-y:var(--strboard-space-16);--strboard-section-padding-y-lg:var(--strboard-space-20);--strboard-focus-ring:0 0 0 3px #4285f41a;--strboard-focus-ring-error:0 0 0 3px #ef44441a;--strboard-high-contrast-border:2px solid #000;--strboard-high-contrast-bg:#fff;--strboard-high-contrast-text:#000}.RW93q7svNa29N45PJ4g0{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.xKFLBZfI5c_hLobb95FL{box-shadow:var(--strboard-focus-ring-error);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.zZggH9xuBEkL4H9N5aAK{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition)}.zZggH9xuBEkL4H9N5aAK:hover{transform:translateY(-1px)}.LzMbEputQ5kAFuKEma2w{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.LzMbEputQ5kAFuKEma2w:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.LzMbEputQ5kAFuKEma2w:disabled{cursor:not-allowed;opacity:.6}.kWXE6GjBirbyNP83Bumi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.OB69gCrJY_QjOvP_9SrP{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:480px){.pViaPTeiqNb8YxR73JGs{display:block}.kJMUQnRtyqMwYttbAu0m{display:none}}@media (min-width:768px){.p2SrL0EcNdcrTOZK6EOF{display:block}.iWCODv5NH0JLAqL0YMGH{display:none}}@media (min-width:992px){.xLHUNwoaGuMimscCO3xw{display:block}.nQdkgH_YepZK4JjLdLTB{display:none}}@media (min-width:1200px){.bniA_Lm0JFrKkQJ1uFuC{display:block}._HzVn_h3EoO9NwhXC_wP{display:none}}@media (min-width:1400px){.dzWchPt3hORcBcrySUQ5{display:block}.noEMcsu_nduS4xvDAvih{display:none}}.v5WKuYAWcXcLW4MkIJwi{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-xs)}.thay7nnO9KSWyLJwSX8Q{padding:var(--strboard-space-2)var(--strboard-space-4);font-size:var(--strboard-text-sm)}.JPOzFF_WPgpej7Z9esB1{padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base)}.qbUdjhmK7dY2MGURBsJO{padding:var(--strboard-space-4)var(--strboard-space-8);font-size:var(--strboard-text-lg)}.MXGkZ1j5LrE3EcbrxCpz{padding:var(--strboard-space-5)var(--strboard-space-10);font-size:var(--strboard-text-xl)}.ZU6eRMPoi0aS0aocnQ0g{transition:all var(--strboard-duration-150)var(--strboard-ease-out)}.ozKS9IUtGTGsRtF72A5I{transition:all var(--strboard-duration-200)var(--strboard-ease-out)}.IYca_aj0eJRleHMI1hlQ{transition:all var(--strboard-duration-300)var(--strboard-ease-out)}.p27lVtLbO_g1ZjEVsbzC{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600)}.p27lVtLbO_g1ZjEVsbzC:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.p27lVtLbO_g1ZjEVsbzC:active:not(:disabled){background-color:var(--strboard-primary-800);border-color:var(--strboard-primary-800);transform:translateY(1px)}.okHnjEYpSRuCh0v4MuKT{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border-color:var(--strboard-gray-300)}.okHnjEYpSRuCh0v4MuKT:hover:not(:disabled){background-color:var(--strboard-gray-200);border-color:var(--strboard-gray-300)}.okHnjEYpSRuCh0v4MuKT:active:not(:disabled){background-color:var(--strboard-gray-300);border-color:var(--strboard-gray-300);transform:translateY(1px)}.j7C5w0xMcMhzfUIP_dLL{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);background-color:#0000}.j7C5w0xMcMhzfUIP_dLL:hover:not(:disabled){background-color:var(--strboard-primary-50);border-color:var(--strboard-primary-600)}.j7C5w0xMcMhzfUIP_dLL:active:not(:disabled){background-color:var(--strboard-primary-100);border-color:var(--strboard-primary-600);transform:translateY(1px)}.SxokDT0nFEcvGojuHacH{background-color:var(--strboard-error-500);color:#fff;border-color:var(--strboard-error-500)}.SxokDT0nFEcvGojuHacH:hover:not(:disabled){background-color:var(--strboard-error-600);border-color:var(--strboard-error-600)}.SxokDT0nFEcvGojuHacH:active:not(:disabled){background-color:var(--strboard-error-700);border-color:var(--strboard-error-700);transform:translateY(1px)}.meUBDej8eyDpXXKpjfYV{background-color:var(--strboard-success-500);color:#fff;border-color:var(--strboard-success-500)}.meUBDej8eyDpXXKpjfYV:hover:not(:disabled){background-color:var(--strboard-success-600);border-color:var(--strboard-success-600)}.meUBDej8eyDpXXKpjfYV:active:not(:disabled){background-color:var(--strboard-success-700);border-color:var(--strboard-success-700);transform:translateY(1px)}.lPHNYow6PZYhptfA5_Ps{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-4);border-radius:var(--strboard-rounded)}.MselZxHBuVIVXyln6kWP{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);transition:var(--strboard-transition);padding:var(--strboard-space-6);border-radius:var(--strboard-rounded-lg)}.FZc5cFIN0niSOxf9HoDF{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-8);border-radius:var(--strboard-rounded-xl)}.lPHNYow6PZYhptfA5_Ps:hover,.MselZxHBuVIVXyln6kWP:hover,.FZc5cFIN0niSOxf9HoDF:hover{transform:translateY(-1px)}.nR5wLA2FzW2PaqQtlXoV{width:12px;height:12px;font-size:12px}.qE5mR0N_fLghjtZ016Ag{width:16px;height:16px;font-size:16px}.Sm31z8FrPTzshAEnHiSN{width:20px;height:20px;font-size:20px}.FyAeniOyhgkYRL3p14jo{width:24px;height:24px;font-size:24px}.FKbxAc2nPSbgrZv5qlTH{width:32px;height:32px;font-size:32px}.UCuPthp52LTKh6_YGI_g{width:40px;height:40px;font-size:40px}.O4q5CobQUHwFKnnJrw3K{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.BqtkCgaHZCu_jGrqwLtI{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ooLgHYZ4og0Ja2jYAxof{width:100%;height:100%;position:relative}.oU8F3uBWrFFjP57O__9Y{border:2px solid #0000001a;border-top-color:currentColor;border-radius:50%;width:100%;height:100%;animation:1s linear infinite emZI5ztUvU8jygKhuIxC}@keyframes emZI5ztUvU8jygKhuIxC{to{transform:rotate(360deg)}}.gDEYD2Fu5iuDqAiRaQO3{align-items:center;gap:4px;display:flex}.a9BrobJTz3ZU8JonsD_y{background-color:currentColor;border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite both iVsVkp9pULXljmpZ7tUm}.a9BrobJTz3ZU8JonsD_y:first-child{animation-delay:-.32s}.a9BrobJTz3ZU8JonsD_y:nth-child(2){animation-delay:-.16s}.a9BrobJTz3ZU8JonsD_y:nth-child(3){animation-delay:0s}@keyframes iVsVkp9pULXljmpZ7tUm{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.D6R3RUJ9_G4NlsiE8ncI{width:12px;height:12px}.D6R3RUJ9_G4NlsiE8ncI .oU8F3uBWrFFjP57O__9Y{border-width:1px}.D6R3RUJ9_G4NlsiE8ncI .a9BrobJTz3ZU8JonsD_y{width:2px;height:2px}.D6R3RUJ9_G4NlsiE8ncI .gDEYD2Fu5iuDqAiRaQO3{gap:2px}.L92A7mONMPd4dR5FiHn9{width:16px;height:16px}.L92A7mONMPd4dR5FiHn9 .oU8F3uBWrFFjP57O__9Y{border-width:1.5px}.L92A7mONMPd4dR5FiHn9 .a9BrobJTz3ZU8JonsD_y{width:3px;height:3px}.L92A7mONMPd4dR5FiHn9 .gDEYD2Fu5iuDqAiRaQO3{gap:3px}.yFR_qQfzyOBJlPSgxrOf{width:24px;height:24px}.ahZIkuvedb5aSHvzwAEf{width:32px;height:32px}.ahZIkuvedb5aSHvzwAEf .oU8F3uBWrFFjP57O__9Y{border-width:3px}.ahZIkuvedb5aSHvzwAEf .a9BrobJTz3ZU8JonsD_y{width:6px;height:6px}.ahZIkuvedb5aSHvzwAEf .gDEYD2Fu5iuDqAiRaQO3{gap:6px}.QDIsdXUbavjuvav5v63i{width:48px;height:48px}.QDIsdXUbavjuvav5v63i .oU8F3uBWrFFjP57O__9Y{border-width:4px}.QDIsdXUbavjuvav5v63i .a9BrobJTz3ZU8JonsD_y{width:8px;height:8px}.QDIsdXUbavjuvav5v63i .gDEYD2Fu5iuDqAiRaQO3{gap:8px}.nmdSky6FxkR6LIqRb4WN{color:var(--strboard-primary-600)}.EebIDnOaKi1lFZzaZ7gO{color:var(--strboard-secondary-600)}.gR7a9e3kV13fA5grOHHw{color:var(--strboard-success-500)}.GGE6aBbADIboL2xOpgSU{color:var(--strboard-warning-500)}.LxGDCEZdccTeqkkppBig{color:var(--strboard-error-500)}.CnDvEpFGHoLV1L4qH8mm{color:var(--strboard-info-500)}.UkNFpExQxMgDw4Hl04mg{color:var(--strboard-gray-500)}.atLj3xp9P9SuUJzH8iB_{color:#fff}
.kRC2mfWbbi6DEkNLjKFk {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-background, #f8f9fa);
}

.Banner {
  height: calc(100vh - 94px);
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.BannerWrapper {
  position: relative;
}

.BannerContent {
  position: relative;
  overflow: visible;
  display: flex;
  align-items: start;
  min-height: 750px;
}
.BannerText {
  flex: 1;
  padding-right: 40px;
}
.Banner h1 {
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}
.Banner p {
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  color: #5d6080;
}
.BannerDiv {
  flex: 0 0 50%;
  max-width: 600px;
  height: auto;
  overflow: visible;
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  padding-left: 20px;
}
.BannerDiv img {
  width: 100%;
  height: 634px;
  border-radius: 20px;
}
.banner-form-wrapper {
  display: flex;
  justify-content: center;
  width: 95%;
  position: absolute;
  bottom: 20%;
  left: 0;
  right: 0;
  z-index: 10;
}

/*responsive*/
@media screen and (min-width: 1135px) and (max-width: 1199px) {
  .BannerContent {
    min-height: 650px;
  }
  .BannerDiv {
    max-width: 500px;
  }
  .BannerDiv img {
    height: 500px;
  }
}
@media screen and (min-width: 865px) and (max-width: 1134px) {
  .BannerContent {
    min-height: 580px;
  }
  .BannerDiv {
    max-width: 450px;
  }
  .BannerDiv img {
    height: 500px;
  }
  .BannerText {
    margin-top: -45px !important;
  }
  .banner-form-wrapper {
    bottom: 5%;
  }
}
@media screen and (max-width: 864px) {
  .BannerWrapper {
    display: flex;
    flex-direction: column;
  }
  .BannerContent {
    order: 1;
    overflow: visible;
    flex-direction: column;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .BannerText {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .BannerDiv {
    flex: 1 1 100%;
    max-width: 100%;
    padding-left: 0;
    margin: 0;
    display: block;
  }

  .BannerDiv img {
    height: auto;
    width: 100%;
    max-height: 250px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .banner-form-wrapper {
    order: 2;
    position: static !important;
    bottom: auto;
    margin-top: 20px;
  }
  .Banner h1 {
    text-align: center;
    font-size: 28px;
    line-height: 36px;
  }
  .Banner p {
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
  }
}

/* Extra small devices (very narrow phones like iPhone SE) */
@media screen and (max-width: 375px) {
  .Banner h1 {
    font-size: 24px;
    line-height: 32px;
    padding: 0 10px;
  }
  .Banner p {
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
  }
  .BannerDiv img {
    max-height: 200px;
  }
}

/* Ultra narrow devices (iPhone SE 320px) */
@media screen and (max-width: 320px) {
  .Banner h1 {
    font-size: 22px;
    line-height: 28px;
    padding: 0 8px;
  }
  .Banner p {
    font-size: 13px;
    line-height: 18px;
    padding: 0 8px;
  }
  .BannerDiv img {
    max-height: 180px;
  }
}


.looking-for-form {
  width: 100%;
  max-width: 1150px;
  height: auto;
  min-height: 64px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.4);
  z-index: 10;
  position: relative;
  padding: 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.looking-for-form form {
  padding: 5px;
  font-family: "proxima-nova", sans-serif;
  color: #2563eb;
  width: 100%;
  display: flex;
  align-items: center;
}

.looking-for-form .row {
  width: 100%;
  align-items: center;
}

.looking-for-form .form-label {
  font-family: "proxima-nova", sans-serif;
  color: #2563eb;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.looking-for-form .form-select {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #1f2937;
  border: none;
  background: rgba(255, 255, 255, .2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
  box-shadow: none;
  padding: 3px 21px 3px 7px;
  background-image: none;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  transition: all 0.3s ease;
}

.looking-for-form .form-select:focus {
  background: rgba(255, 255, 255, 0.4);
  outline: 2px solid #11ABDE;
  outline-offset: 2px;
}

.looking-for-form .select-wrapper {
  position: relative;
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

.looking-for-form .select-wrapper:hover {
  border-color: rgba(59, 130, 246, 0.6);
  background: rgba(255, 255, 255, 0.3);
}

.looking-for-form .select-wrapper:focus-within {
  border-color: #11ABDE;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.looking-for-form .select-wrapper:after {
  position: absolute;
  content: "▼";
  font-size: 10px;
  color: #6b7280;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.looking-for-form .form-field {
  padding: 8px 20px;
  margin-right: 0;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.looking-for-form .form-field.border-right {
  border-right: 1px solid #2563eb;
}

.looking-for-form .form-submit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 8px 20px;
}

.looking-for-form button {
  width: auto;
  min-width: 100px;
  height: 40px;
  padding: 0 20px;
  border-radius: 8px;
  background: #2563eb;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  text-align: center;
  color: #ffffff;
  border: none;
  transition: all 200ms ease-in-out;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.looking-for-form button:hover {
  background: #1d4ed8;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.looking-for-form .form-control {
  border: 1px solid rgba(59, 130, 246, 0.4);
  padding: 3px 7px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #1f2937;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: none;
  border-radius: 6px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  transition: all 0.3s ease;
}

.looking-for-form .form-control:hover {
  border-color: rgba(59, 130, 246, 0.6);
  background: rgba(255, 255, 255, 0.3);
}

.looking-for-form .form-control:focus {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
  border-color: #3b82f6;
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
  background: rgba(255, 255, 255, 0.4);
}

.looking-for-form .form-control::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

.looking-for-form .form-control::placeholder {
  color: #6b7280;
  opacity: 1;
}

/* ADA/WCAG Compliance */
.looking-for-form .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.looking-for-form .form-error-message {
  background: rgba(220, 38, 38, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.3);
  color: #dc2626;
  padding: 8px 12px;
  border-radius: 6px;
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .looking-for-form {
    border: 2px solid #000000;
    background: rgba(255, 255, 255, 0.9);
  }
  
  .looking-for-form .form-select,
  .looking-for-form .form-control {
    background: #ffffff;
    border: 2px solid #000000;
    color: #000000;
  }
  
  .looking-for-form .form-label {
    color: #000000;
    font-weight: 700;
  }
  
  .looking-for-form .select-wrapper {
    border: 2px solid #000000;
    background: #ffffff;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .looking-for-form *,
  .looking-for-form *::before,
  .looking-for-form *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Mobile Responsive */
@media screen and (max-width: 991px) {
  .looking-for-form {
    padding: 0;
  }
  
  .looking-for-form .form-field {
    padding: 8px 16px;
  }
  
  .looking-for-form .form-submit {
    padding: 8px 16px;
  }
  
  .looking-for-form button {
    min-width: 100px;
    padding: 0 16px;
  }
}

@media screen and (max-width: 767px) {
  .looking-for-form {
    width: calc(100% - 20px);
    margin: 20px 10px;
    height: auto;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 12px;
    padding: 0;
    display: block;
    position: static !important;
  }
  
  .looking-for-form form {
    display: block;
  }
  
  .looking-for-form .row {
    display: block;
  }
  
  .looking-for-form .form-field {
    border-right: 0px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 12px;
    margin-right: 0;
    margin-bottom: 0;
    display: block;
    height: auto;
  }
  
  .looking-for-form .form-field::after {
    display: none;
  }
  
  .looking-for-form .form-field:last-child {
    border-bottom: 0;
  }
  
  .looking-for-form .form-submit {
    padding: 12px;
    display: block;
    text-align: center !important;
    width: 100%;
    border-bottom: 0 !important;
  }
  
  .looking-for-form .form-group {
    margin-bottom: 0;
  }
  
  .looking-for-form button {
    width: 100% !important;
    max-width: none !important;
    margin-top: 0;
    min-height: 44px;
  }
  
  .looking-for-form .form-label {
    font-size: 11px;
    margin-bottom: 6px;
  }
  
  .looking-for-form .form-select,
  .looking-for-form .form-control {
    font-size: 14px;
    min-height: 40px;
    padding: 8px 12px;
  }
  
  .looking-for-form .select-wrapper {
    background: rgba(255, 255, 255, 0.3);
  }
}

/* Extra small devices */
@media screen and (max-width: 375px) {
  .looking-for-form {
    margin: 15px 10px;
    width: calc(100% - 20px);
  }
  
  .looking-for-form .form-field {
    padding: 10px;
  }
  
  .looking-for-form .form-submit {
    padding: 10px;
  }
  
  .looking-for-form .form-label {
    font-size: 10px;
  }
  
  .looking-for-form .form-select,
  .looking-for-form .form-control {
    font-size: 13px;
    padding: 2px 16px 2px 4px;
  }
  
  .looking-for-form button {
    font-size: 14px;
    height: 36px;
  }
}

/* Ultra narrow devices */
@media screen and (max-width: 320px) {
  .looking-for-form {
    margin: 12px 8px;
    width: calc(100% - 16px);
  }
  
  .looking-for-form .form-field {
    padding: 8px;
  }
  
  .looking-for-form .form-submit {
    padding: 8px;
  }
  
  .looking-for-form .select-wrapper:after {
    font-size: 8px;
  }
}
.process-step {
  text-align: center;
  padding: 20px;
  max-width: 280px;
  margin: 0 auto;
}

.process-step-image {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto 24px auto;
  border-radius: 50%;
  overflow: hidden;
  border: 10px solid #11ABDE;
  background: #ffffff;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.process-step-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.process-step-icon {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 40px;
  height: 40px;
  background: #02f2ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.process-step-icon .material-symbols-rounded {
  font-size: 20px;
  color: #ffffff;
  font-weight: 600;
}

.process-step h3 {
  font-family: "roca", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #2132E1;
  margin-bottom: 12px;
  line-height: 1.3;
}

.process-step p {
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.5;
  margin: 0;
}

/* Mobile Responsive */
@media screen and (max-width: 767px) {
  .process-step {
    padding: 16px;
    max-width: 240px;
  }
  
  .process-step-image {
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
  }
  
  .process-step-icon {
    width: 36px;
    height: 36px;
  }
  
  .process-step-icon .material-symbols-rounded {
    font-size: 18px;
  }
  
  .process-step h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  
  .process-step p {
    font-size: 13px;
  }
}

@media screen and (max-width: 480px) {
  .process-step {
    padding: 12px;
    max-width: 200px;
  }
  
  .process-step-image {
    width: 100px;
    height: 100px;
    margin-bottom: 16px;
    border-width: 3px;
  }
  
  .process-step-icon {
    width: 32px;
    height: 32px;
    border-width: 2px;
  }
  
  .process-step-icon .material-symbols-rounded {
    font-size: 16px;
  }
  
  .process-step h3 {
    font-size: 16px;
    margin-bottom: 8px;
  }
  
  .process-step p {
    font-size: 12px;
  }
}
.process-section {
  padding: 120px 0 80px 0;
  background: #fff;
  position: relative;
}

.process-section .container {
  position: relative;
  z-index: 2;
}

.process-section .section-header {
  text-align: center;
  margin-bottom: 60px;
}

.process-section .section-header h2 {
  font-family: "roca", sans-serif;
  font-size: 42px;
  font-weight: 500;
  color: #1f2937;
  line-height: 1.2;
  margin: 0;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Mobile Responsive */
@media screen and (max-width: 991px) {
  .process-section {
    padding: 60px 0;
  }
  
  .process-section .section-header {
    margin-bottom: 50px;
  }
  
  .process-section .section-header h2 {
    font-size: 36px;
  }
}

@media screen and (max-width: 767px) {
  .process-section {
    padding: 50px 0;
  }
  
  .process-section .section-header {
    margin-bottom: 40px;
  }
  
  .process-section .section-header h2 {
    font-size: 28px;
    line-height: 1.3;
    padding: 0 20px;
  }
}

@media screen and (max-width: 480px) {
  .process-section {
    padding: 40px 0;
  }
  
  .process-section .section-header {
    margin-bottom: 30px;
  }
  
  .process-section .section-header h2 {
    font-size: 24px;
    padding: 0 15px;
  }
}
.rate-card {
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 16px;
  color: white;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}

.rate-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(30, 64, 175, 0.1) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.rate-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(59, 130, 246, 0.3);
}

.rate-card:hover::before {
  opacity: 1;
}

.rate-card.highlighted {
  background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
  transform: scale(1.02);
  box-shadow: 0 8px 32px rgba(30, 64, 175, 0.4);
}

.rate-card-header {
  margin-bottom: 16px;
}

.rate-type {
  font-family: "proxima-nova", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.rate-card-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rate-display,
.apr-display {
  text-align: left;
}

.rate-percentage,
.apr-percentage {
  font-family: "roca", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  display: block;
  line-height: 1.2;
}

.rate-label,
.apr-label {
  font-family: "proxima-nova", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
  margin-top: 2px;
}

/* Mobile Responsive */
@media screen and (max-width: 767px) {
  .rate-card {
    padding: 16px;
    margin-bottom: 12px;
  }
  
  .rate-card-header {
    margin-bottom: 12px;
  }
  
  .rate-type {
    font-size: 14px;
  }
  
  .rate-percentage,
  .apr-percentage {
    font-size: 20px;
  }
  
  .rate-label,
  .apr-label {
    font-size: 11px;
  }
}

@media screen and (max-width: 480px) {
  .rate-card {
    padding: 14px;
  }
  
  .rate-card-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  .rate-display,
  .apr-display {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .rate-percentage,
  .apr-percentage {
    font-size: 18px;
  }
}
.features-section {
  padding: 80px 0;
  background: #ffffff;
  position: relative;
}

.rates-content {
  text-align: center;
  display: flex;
}

.rates-content h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 38px;
  font-weight: 500;
  color: #1f2937;
  margin-bottom: 16px;
  line-height: 1.2;
}

.rates-content p {
  font-family: "proxima-nova", sans-serif;
  font-size: 16px;
  font-weight: 200;
  color: #6b7280 !important;
  line-height: 1.6;
  margin-bottom: 32px;
}

.rates-grid {
  min-width: 55%;
  margin-left: 20px;
  margin-bottom: 32px;
}

.view-rates-btn .btn {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border: none;
  border-radius: 8px;
  padding: 12px 32px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
  text-transform: none;
  transition: all 0.3s ease;
}

.view-rates-btn .btn:hover {
  background: #7c3aed;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(139, 92, 246, 0.3);
}

.calculator-section {
  position: relative;
  height: 100%;
  min-height: 500px;
}

.calculator-image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 300px;
  margin-bottom: 24px;
  background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
  padding: 8px;
}

.calculator-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}

.calculator-content {
  text-align: left;
}

.calculator-content h3 {
  font-family: "roca", sans-serif;
  font-size: 28px;
  font-weight: 500;
  color: #1f2937;
  margin-bottom: 12px;
  line-height: 1.2;
}

.calculator-content p {
  font-family: "proxima-nova", sans-serif;
  font-size: 16px;
  font-weight: 200;
  color: #6b7280 !important;
  line-height: 1.6;
  margin-bottom: 24px;
}

.calculator-content .btn {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  border: none;
  border-radius: 8px;
  padding: 12px 32px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
  text-transform: none;
  transition: all 0.3s ease;
}

.calculator-content .btn:hover {
  background: #7c3aed;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(139, 92, 246, 0.3);
}

/* Mobile Responsive */
@media screen and (max-width: 991px) {
  .features-section {
    padding: 60px 0;
  }
  
  .rates-content {
    margin-bottom: 40px;
  }
  
  .rates-content h2 {
    font-size: 32px;
  }
  
  .calculator-section {
    min-height: auto;
  }
  
  .calculator-image {
    height: 250px;
    margin-bottom: 20px;
  }
  
  .calculator-content h3 {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .features-section {
    padding: 50px 0;
  }
  
  .rates-content h2 {
    font-size: 28px;
    text-align: center;
  }
  
  .rates-content p {
    text-align: center;
  }
  
  .view-rates-btn {
    text-align: center;
  }
  
  .calculator-image {
    height: 200px;
    margin-bottom: 16px;
  }
  
  .calculator-content {
    text-align: center;
  }
  
  .calculator-content h3 {
    font-size: 22px;
  }
  
  .calculator-content p {
    font-size: 14px;
  }
  
  .view-rates-btn .btn,
  .calculator-content .btn {
    width: 100%;
    max-width: 280px;
  }
}

@media screen and (max-width: 480px) {
  .features-section {
    padding: 40px 0;
  }
  
  .rates-content {
    padding: 0 15px;
  }
  
  .rates-content h2 {
    font-size: 24px;
  }
  
  .rates-content p {
    font-size: 14px;
  }
  
  .calculator-content h3 {
    font-size: 20px;
  }
  
  .calculator-content p {
    font-size: 13px;
  }
}
.bottom-cta-section {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.cta-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.background-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.cta-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, 
    rgba(59, 130, 246, 0.8) 0%, 
    rgba(30, 64, 175, 0.7) 50%,
    rgba(14, 165, 233, 0.8) 100%);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.cta-content {
  position: relative;
  z-index: 10;
  text-align: center;
  color: white;
  max-width: 800px;
  margin: 0 auto;
  padding: 60px 20px;
}

.cta-content h2 {
  font-family: "roca", sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 40px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  color: white;

}

.get-started-btn {
  border: 3px solid rgba(255, 255, 255, 0.9);
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 16px 48px;
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.get-started-btn:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: #ffffff;
  color: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.get-started-btn:focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
  outline: none;
}

/* Mobile Responsive */
@media screen and (max-width: 991px) {
  .bottom-cta-section {
    min-height: 450px;
  }
  
  .cta-content {
    padding: 50px 20px;
  }
  
  .cta-content h2 {
    font-size: 38px;
    margin-bottom: 32px;
  }
  
  .get-started-btn {
    padding: 14px 40px;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .bottom-cta-section {
    min-height: 400px;
  }
  
  .cta-content {
    padding: 40px 15px;
  }
  
  .cta-content h2 {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 28px;
  }
  
  .get-started-btn {
    padding: 12px 32px;
    font-size: 15px;
    width: 100%;
    max-width: 280px;
  }
}

@media screen and (max-width: 480px) {
  .bottom-cta-section {
    min-height: 350px;
  }
  
  .cta-content {
    padding: 30px 10px;
  }
  
  .cta-content h2 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  
  .get-started-btn {
    padding: 10px 24px;
    font-size: 14px;
    max-width: 240px;
  }
}

@media screen and (max-width: 320px) {
  .cta-content h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  
  .get-started-btn {
    padding: 8px 20px;
    font-size: 13px;
    max-width: 200px;
  }
}
.newsletter-signup {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-bottom: 0;
}

.newsletter-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  max-width: 1000px;
  margin: 0 auto;
}

.newsletter-text {
  flex: 1;
}

.newsletter-text h4 {
  font-family: "roca", sans-serif;
  font-size: 28px;
  font-weight: 500;
  color: #1e40af;
  margin-bottom: 0;
  line-height: 1.2;
}

.newsletter-form-wrapper {
  flex: 1;
  max-width: 400px;
}

.newsletter-form .input-group {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.newsletter-form .form-control {
  border: 1px solid #e5e7eb;
  background: #ffffff;
  color: #1f2937;
  font-family: "proxima-nova", sans-serif;
  font-size: 15px;
  font-weight: 400;
  padding: 16px 20px;
  border-radius: 10px;
}

.newsletter-form .form-control:focus {
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1);
  outline: none;
  border-color: #1e40af;
}

.newsletter-form .form-control::-moz-placeholder {
  color: #9ca3af;
}

.newsletter-form .form-control::placeholder {
  color: #9ca3af;
}

.newsletter-form .btn {
  background: #1e40af;
  border: 1px solid #1e40af;
  color: #ffffff;
  font-family: "proxima-nova", sans-serif;
  font-size: 15px;
  font-weight: 600;
  padding: 16px 32px;
  text-transform: none;
  letter-spacing: 0;
  transition: all 0.3s ease;
  border-radius: 10px;
}

.newsletter-form .btn:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25);
}

.success-message {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 8px;
  color: #10b981;
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.success-message .material-symbols-rounded {
  font-size: 20px;
}

/* Mobile Responsive */
@media screen and (max-width: 991px) {
  .newsletter-content {
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }
  
  .newsletter-text h4 {
    font-size: 26px;
  }
  
  .newsletter-form-wrapper {
    max-width: 500px;
  }
}

@media screen and (max-width: 767px) {
  .newsletter-content {
    gap: 25px;
  }
  
  .newsletter-text h4 {
    font-size: 24px;
  }
  
  .newsletter-form .input-group {
    flex-direction: column;
  }
  
  .newsletter-form .form-control,
  .newsletter-form .btn {
    border-radius: 10px !important;
  }
  
  .newsletter-form .form-control {
    margin-bottom: 12px;
    padding: 14px 18px;
  }
  
  .newsletter-form .btn {
    padding: 14px 28px;
    font-size: 14px;
  }
  
  .newsletter-form-wrapper {
    max-width: 400px;
  }
}

@media screen and (max-width: 480px) {
  .newsletter-content {
    gap: 20px;
    padding: 0 15px;
  }
  
  .newsletter-text h4 {
    font-size: 22px;
  }
  
  .newsletter-form .form-control {
    font-size: 14px;
    padding: 12px 16px;
  }
  
  .newsletter-form .btn {
    font-size: 13px;
    padding: 12px 24px;
  }
  
  .success-message {
    padding: 12px;
    font-size: 13px;
  }
}
.explore-newsletter-section {
  background: #ffffff;
  width: 100%;
}

/* Explore Row */
.explore-row {
  text-align: center;
  margin-bottom: 0;
  padding: 60px 0;
  /* background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); */
  border-radius: 0;
}

.explore-row h3 {
  font-family: "roca", sans-serif;
  font-size: 32px;
  font-weight: 500;
  color: #1e40af;
  margin-bottom: 32px;
  line-height: 1.2;
}

.explore-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 80px;
  flex-wrap: wrap;
  max-width: 800px;
  margin: 0 auto;
}

.explore-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #1f2937;
  transition: all 0.3s ease;
  min-width: 140px;
}

.explore-icon:hover {
  color: #1e40af;
  text-decoration: none;
  transform: translateY(-5px);
}

.icon-container {
  width: 70px;
  height: 70px;
  background: #ffffff;
  border: 2px solid #e5e7eb;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.explore-icon:hover .icon-container {
  background: #ffffff;
  border-color: #1e40af;
  box-shadow: 0 8px 25px rgba(30, 64, 175, 0.15);
  transform: translateY(-2px);
}

.icon-container .material-symbols-rounded {
  font-size: 28px;
  font-weight: 500;
  color: #3b82f6;
}

.explore-icon span:last-child {
  font-family: "proxima-nova", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
}

/* Newsletter Row */
.newsletter-row {
  margin-bottom: 0;
  background: #ffffff;
  border-radius: 0;
}

.newsletter-card {
  background: linear-gradient(135deg, #bae6fd 0%, #93c5fd 100%);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 20px 50px;
  max-width: 90%;
  margin: 0 auto;
}

/* Mobile Responsive */
@media screen and (max-width: 991px) {
  .newsletter-card {
    padding: 15px 35px;
  }
  
  .explore-row {
    padding: 50px 0;
  }
  
  .explore-row h3 {
    font-size: 28px;
    margin-bottom: 24px;
  }
  
  .explore-icons {
    gap: 60px;
  }
}

@media screen and (max-width: 767px) {
  .newsletter-card {
    padding: 10px 25px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  
  .explore-row {
    padding: 45px 0;
  }
  
  .explore-row h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  
  .explore-icons {
    gap: 40px;
  }
  
  .explore-icon {
    min-width: 100px;
  }
  
  .icon-container {
    width: 60px;
    height: 60px;
  }
  
  .icon-container .material-symbols-rounded {
    font-size: 24px;
  }
  
  .explore-icon span:last-child {
    font-size: 13px;
  }
}

@media screen and (max-width: 480px) {
  .newsletter-row {
    padding: 30px 0;
  }
  
  .newsletter-card {
    padding: 25px 15px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  
  .explore-row {
    padding: 40px 0;
  }
  
  .explore-icons {
    gap: 30px;
    justify-content: space-around;
  }
  
  .explore-icon {
    min-width: 80px;
  }
  
  .icon-container {
    width: 55px;
    height: 55px;
  }
  
  .icon-container .material-symbols-rounded {
    font-size: 22px;
  }
  
  .explore-icon span:last-child {
    font-size: 12px;
  }
}
.footer-links-col {
  margin-bottom: 32px;
}

.footer-links-section h5 {
  font-family: "proxima-nova", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.footer-links-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links-list li {
  margin-bottom: 12px;
}

.footer-links-list a {
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  line-height: 1.4;
  transition: color 0.3s ease;
}

.footer-links-list a:hover {
  color: #02f2ff;
  text-decoration: none;
}

/* Mobile Responsive */
@media screen and (max-width: 767px) {
  .footer-links-col {
    margin-bottom: 24px;
  }
  
  .footer-links-section h5 {
    font-size: 14px;
    margin-bottom: 12px;
  }
  
  .footer-links-list a {
    font-size: 13px;
  }
  
  .footer-links-list li {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 480px) {
  .footer-links-section h5 {
    font-size: 13px;
    margin-bottom: 10px;
  }
  
  .footer-links-list a {
    font-size: 12px;
  }
}
.version-display {
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  font-family: 'Courier New', monospace;
  padding: 8px 0;
  text-align: center;
}

.version-display-content {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.version-item {
  display: flex;
  gap: 6px;
  align-items: center;
}

.version-label {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 600;
}

.version-value {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}

@media (max-width: 768px) {
  .version-display {
    font-size: 9px;
  }

  .version-display-content {
    gap: 12px;
  }

  .version-item {
    gap: 4px;
  }
}

.main-footer {
  background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 50%, #1d4ed8 100%);
  color: white;
  padding: 60px 0 20px 0;
  position: relative;
  overflow: hidden;
}

.main-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.05;
  pointer-events: none;
  z-index: 1;
}

.main-footer .container {
  position: relative;
  z-index: 2;
}

/* Footer Links Row */
.footer-links-row {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Compliance Section */
.compliance-section {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.compliance-identity {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.loan-officer-info,
.company-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.loan-officer-info strong,
.company-info strong {
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
}

.loan-officer-info span,
.company-info span {
  font-family: "proxima-nova", sans-serif;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
}

.nmls-link {
  font-family: "proxima-nova", sans-serif;
  font-size: 13px;
  color: #02f2ff;
  text-decoration: none;
  transition: color 0.2s ease;
}

.nmls-link:hover {
  color: #ffffff;
  text-decoration: underline;
}

.compliance-licensing {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.compliance-licensing p {
  font-family: "proxima-nova", sans-serif;
  font-size: 12px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.equal-housing {
  display: flex;
  align-items: center;
  gap: 12px;
}

.equal-housing-icon {
  color: rgba(255, 255, 255, 0.9);
  flex-shrink: 0;
}

.equal-housing span {
  font-family: "proxima-nova", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

.compliance-disclaimers {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.compliance-disclaimers p {
  font-family: "proxima-nova", sans-serif;
  font-size: 11px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

.platform-disclosure {
  font-style: italic;
}

/* Legal Links Row */
.legal-links-row {
  margin-bottom: 16px;
}

.legal-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.legal-links a {
  font-family: "proxima-nova", sans-serif;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color 0.2s ease;
}

.legal-links a:hover {
  color: #02f2ff;
}

.legal-links .divider {
  color: rgba(255, 255, 255, 0.3);
}

/* Footer Bottom */
.footer-bottom {
  align-items: center;
  margin-bottom: 20px;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer-brand img {
  height: 40px;
}

.footer-brand span {
  font-family: "roca", sans-serif;
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
}

.footer-social-section {
  text-align: right;
}

.social-icons {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}

.social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: all 0.3s ease;
}

.social-icons a:hover {
  background: rgba(2, 242, 255, 0.2);
  border-color: #02f2ff;
  color: #02f2ff;
  transform: translateY(-2px);
}

.social-icons .material-symbols-rounded {
  font-size: 20px;
}

/* Copyright */
.copyright-row {
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.copyright-row p {
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

/* Mobile Responsive */
@media screen and (max-width: 991px) {
  .main-footer {
    padding: 50px 0 20px 0;
  }

  .footer-social-section {
    text-align: center;
    margin-top: 20px;
  }

  .social-icons {
    justify-content: center;
  }

  .compliance-section {
    gap: 32px;
  }

  .compliance-identity,
  .compliance-licensing {
    margin-bottom: 24px;
  }

  .compliance-disclaimers {
    margin-top: 8px;
  }
}

@media screen and (max-width: 767px) {
  .main-footer {
    padding: 40px 0 20px 0;
  }

  .footer-brand {
    justify-content: center;
    margin-bottom: 16px;
  }

  .footer-brand img {
    height: 32px;
  }

  .footer-brand span {
    font-size: 20px;
  }

  .compliance-section {
    text-align: center;
  }

  .compliance-identity,
  .compliance-licensing,
  .compliance-disclaimers {
    align-items: center;
  }

  .equal-housing {
    flex-direction: column;
    gap: 8px;
  }

  .legal-links {
    gap: 8px;
  }

  .legal-links a {
    font-size: 12px;
  }
}

@media screen and (max-width: 480px) {
  .social-icons a {
    width: 36px;
    height: 36px;
  }
  
  .social-icons .material-symbols-rounded {
    font-size: 18px;
  }
}
.modal_div {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.3);
}

.modal_div .modal-dialog {
  max-width: 420px;
  margin: 1.75rem auto;
  /* border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px); */
}

.modal_div .modal-content {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  border-radius: 20px;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.4);
  overflow: hidden;
}

.modal_div .modal-body {
  padding: 40px 32px !important;
  border-radius: 20px !important;
}

.modal_heading {
  text-align: center;
  margin-bottom: 32px;
}

.modal_heading h2 {
  font-family: "roca", sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
  letter-spacing: -0.5px;
}

.modal_div .CustomForm .form-group {
  margin-bottom: 20px;
}

.modal_div .form-control {
  height: 52px;
  padding: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #1f2937;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 12px;
  box-shadow: none;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  transition: all 0.3s ease;
}

.modal_div .form-control::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

.modal_div .form-control::placeholder {
  color: #6b7280;
  opacity: 1;
}

.modal_div .form-control:hover {
  border-color: rgba(59, 130, 246, 0.5);
  background: rgba(255, 255, 255, 0.8);
}

.modal_div .form-control:focus {
  background: rgba(255, 255, 255, 0.9);
  border-color: #3b82f6;
  outline: 2px solid rgba(59, 130, 246, 0.2);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.modal_btn_div {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.modal_btn {
  width: 100%;
  height: 52px;
  padding: 0 24px;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  color: #ffffff;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.3);
}

.modal_btn:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
  box-shadow: 0 6px 20px 0 rgba(59, 130, 246, 0.4);
  transform: translateY(-2px);
}

.modal_btn:active {
  transform: translateY(0);
  box-shadow: 0 3px 10px 0 rgba(59, 130, 246, 0.3);
}

.modal_btn:focus {
  outline: 2px solid rgba(59, 130, 246, 0.5);
  outline-offset: 2px;
}

.modal_loading {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #6b7280;
}

.modal_loading::after {
  content: '';
  width: 20px;
  height: 20px;
  margin-left: 8px;
  border: 2px solid #e5e7eb;
  border-top: 2px solid #3b82f6;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

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

/* Mobile responsiveness */
@media screen and (max-width: 576px) {
  .modal_div .modal-dialog {
    margin: 1rem;
    max-width: none;
  }
  
  .modal_div .modal-body {
    padding: 32px 24px !important;
  }
  
  .modal_heading h2 {
    font-size: 24px;
  }
  
  .modal_div .form-control {
    height: 48px;
    padding: 14px;
    font-size: 16px;
  }
  
  .modal_btn {
    height: 48px;
    font-size: 15px;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .modal_div *,
  .modal_div *::before,
  .modal_div *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
/* Modern Header - CSS Custom Properties */
:root {
  --header-height: 80px;
  --menu-width: min(320px, 80vw);
  --animation-timing: 350ms cubic-bezier(0.4, 0, 0.2, 1);
  --animation-timing-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --backdrop-color: rgba(0, 0, 0, 0.6);
  --menu-bg: rgba(255, 255, 255, 0.98);
  --header-z-index: 1080;

  /* Design tokens */
  --brand-color: #02f2ff;
  --primary-color: #2132e1;
  --text-primary: #000000;
  --text-secondary: #5d6080;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --border-radius: 8px;
  --border-radius-full: 25px;
}

/* Respect user's motion preferences */
@media (prefers-reduced-motion: reduce) {
  :root {
    --animation-timing: 0ms;
    --animation-timing-fast: 0ms;
  }
}

/* Header Container */
.header-modern {
  position: relative;
  z-index: var(--header-z-index);
  padding: var(--space-md) 0;
  background: transparent;
}

.header-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--space-lg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-height);
}

/* Brand/Logo */
.header-brand {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  font-size: 1.125rem;
  transition: opacity var(--animation-timing-fast);
}

.header-brand:hover {
  opacity: 0.9;
  color: #fff;
  text-decoration: none;
}

.header-brand img {
  height: 40px;
  width: auto;
}

.header-brand span {
  color: #fff;
}

/* Hamburger Menu Toggle */
.menu-toggle {
  display: none;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: var(--border-radius);
  padding: var(--space-sm);
  cursor: pointer;
  position: relative;
  z-index: calc(var(--header-z-index) + 2);
  width: 44px;
  height: 44px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition: background-color var(--animation-timing-fast);
}

.menu-toggle:hover {
  background: rgba(255, 255, 255, 0.2);
}

.menu-toggle:focus {
  outline: 2px solid var(--brand-color);
  outline-offset: 2px;
}

/* Hamburger Lines */
.hamburger-line {
  display: block;
  width: 20px;
  height: 2px;
  background: #fff;
  transition: all var(--animation-timing);
  transform-origin: center;
}

/* Hamburger Animation - X Transform */
[data-menu="open"] .hamburger-line:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

[data-menu="open"] .hamburger-line:nth-child(2) {
  opacity: 0;
  transform: scale(0);
}

[data-menu="open"] .hamburger-line:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -6px);
}

/* Desktop Navigation */
.nav-menu {
  display: flex;
  align-items: center;
}

.nav-content {
  display: flex;
  align-items: center;
  gap: var(--space-2xl);
}

.nav-links {
  display: flex;
  align-items: center;
  gap: var(--space-xl);
}

.nav-link {
  color: #fff;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: var(--space-sm) 0;
  position: relative;
  transition: color var(--animation-timing-fast);
}

.nav-link:hover {
  color: var(--brand-color);
  text-decoration: none;
}

/* Action Buttons */
.nav-actions {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.action-button {
  font-size: 0.875rem;
  font-weight: 600;
  border: none;
  border-radius: var(--border-radius-full);
  padding: var(--space-sm) var(--space-lg);
  min-width: 120px;
  height: 44px;
  font-family: inherit;
  text-transform: uppercase;
  transition: all var(--animation-timing-fast);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  cursor: pointer;
  text-decoration: none;
  background-color: var(--brand-color);
  color: var(--primary-color);
}

.action-button:hover {
  background-color: var(--primary-color);
  color: var(--brand-color);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(2, 242, 255, 0.3);
  text-decoration: none;
}

.action-button:focus {
  outline: 2px solid var(--brand-color);
  outline-offset: 2px;
}

.logout-button {
  background-color: transparent;
  border: 2px solid var(--brand-color);
  color: var(--brand-color);
}

.logout-button:hover {
  background-color: var(--brand-color);
  color: var(--primary-color);
}

/* Menu Backdrop - Hidden by default */
.menu-backdrop {
  position: fixed;
  inset: 0;
  background: var(--backdrop-color);
  backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  transition: all var(--animation-timing);
  z-index: calc(var(--header-z-index) + 1);
}

/* Mobile Styles */
@media (max-width: 1199px) {
  .header-container {
    padding: 0 var(--space-md);
  }

  /* Show hamburger menu */
  .menu-toggle {
    display: flex;
  }

  /* Transform navigation to slide-out menu */
  .nav-menu {
    position: fixed;
    top: 0;
    inset-inline-end: 0; /* RTL support */
    width: var(--menu-width);
    height: 100vh;
    background: var(--menu-bg);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: var(--space-md) 0 0 var(--space-md);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
    padding: var(--space-2xl) var(--space-lg);

    /* Transform-based animation */
    transform: translateX(100%);
    transition: transform var(--animation-timing);

    /* Performance optimization */
    contain: layout style paint;
    will-change: transform;

    /* Initially hidden */
    visibility: hidden;
    opacity: 0;
    z-index: calc(var(--header-z-index) + 2);
  }

  /* Open state */
  [data-menu="open"] .nav-menu {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
  }

  [data-menu="open"] .menu-backdrop {
    opacity: 1;
    visibility: visible;
  }

  /* Mobile navigation content */
  .nav-content {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-xl);
    padding-top: var(--space-2xl);
    height: 100%;
  }

  .nav-links {
    flex-direction: column;
    gap: var(--space-sm);
    align-items: stretch;
  }

  .nav-link {
    color: var(--text-primary);
    padding: var(--space-md) var(--space-lg);
    border-radius: var(--border-radius);
    transition: all var(--animation-timing-fast);
    text-align: left;
    font-size: 1rem;
    background: transparent;
    text-transform: none;
  }

  .nav-link:hover {
    background: rgba(2, 242, 255, 0.1);
    color: var(--primary-color);
    transform: translateX(4px);
    text-decoration: none;
  }

  .nav-actions {
    flex-direction: column;
    gap: var(--space-md);
    padding-top: var(--space-lg);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: auto;
  }

  .action-button {
    width: 100%;
    min-width: auto;
    justify-content: center;
    font-size: 1rem;
    padding: var(--space-md) var(--space-lg);
  }
}

/* Tablet optimizations */
@media (max-width: 768px) {
  .header-container {
    padding: 0 var(--space-md);
  }

  :root {
    --menu-width: min(280px, 85vw);
  }
}

/* Mobile optimizations */
@media (max-width: 480px) {
  .header-container {
    padding: 0 var(--space-sm);
  }

  :root {
    --menu-width: min(260px, 90vw);
  }

  .header-brand {
    font-size: 1rem;
  }

  .header-brand img {
    height: 32px;
  }
}

/* Focus management for accessibility */
.nav-menu:focus-within {
  outline: none;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .header-brand,
  .nav-link,
  .action-button {
    border: 1px solid;
  }
}

/* Print styles */
@media print {
  .header-modern {
    display: none;
  }
}
/* Landing Page Specific Styles */

.landing-page .landing-top-section {
  /* padding-bottom: 180px; */
  background: linear-gradient(to bottom, #318efa 0%, #318efa 20%, #0c3198 100%);
  position: relative;
  overflow: hidden;
}

.landing-page .landing-top-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/images/eb977c74899a4aa80b21.jpg);
  background-repeat: no-repeat;
  opacity: 0.2; /* Reduced opacity to preserve background color */
  pointer-events: none; /* Ensures the overlay doesn't interfere with content */
  z-index: 1; /* Places it above the background but below content */
  mix-blend-mode: color-burn;
}

.landing-page .landing-top-section > * {
  position: relative;
  /* z-index: 2; */
}

.landing-page .landing-top-section h1{
  font-family: "roca", sans-serif;
  color: white;
  font-size: 59px;
  line-height: 63px;
  margin-top: 120px !important;
}

.landing-page .landing-top-section p{
  color: white;
  font-family: "proxima-nova", sans-serif;
  font-size: 23px;
  line-height: 28px;
}

.landing-page .landing-top-section .navbar{
  margin-top: 0px;
}

.landing-page .sign-in-button button {
  background-color: unset;
  border: 2px solid #02f2ff !important;
  margin-right: 30px;
  color: #02f2ff;
}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--strboard-base-font-size:16px;--strboard-base-line-height:1.5;--strboard-primary-50:#f0f9ff;--strboard-primary-100:#e0f2fe;--strboard-primary-200:#bae6fd;--strboard-primary-300:#7dd3fc;--strboard-primary-400:#38bdf8;--strboard-primary-500:#0ea5e9;--strboard-primary-600:#4285f4;--strboard-primary-700:#3367d6;--strboard-primary-800:#1d4ed8;--strboard-primary-900:#1e3a8a;--strboard-secondary-50:#faf5ff;--strboard-secondary-100:#f3e8ff;--strboard-secondary-200:#e9d5ff;--strboard-secondary-300:#d8b4fe;--strboard-secondary-400:#c084fc;--strboard-secondary-500:#a855f7;--strboard-secondary-600:#8b5cf6;--strboard-secondary-700:#7c3aed;--strboard-secondary-800:#6d28d9;--strboard-secondary-900:#581c87;--strboard-accent-cyan:#02f2ff;--strboard-accent-teal:#11abde;--strboard-accent-sky:#0ea5e9;--strboard-accent-blue:#2132e1;--strboard-gray-50:#f9fafb;--strboard-gray-100:#f3f4f6;--strboard-gray-200:#e5e7eb;--strboard-gray-300:#d1d5db;--strboard-gray-400:#9ca3af;--strboard-gray-500:#6b7280;--strboard-gray-600:#4b5563;--strboard-gray-700:#374151;--strboard-gray-800:#1f2937;--strboard-gray-900:#111827;--strboard-success-50:#ecfdf5;--strboard-success-500:#10b981;--strboard-success-600:#059669;--strboard-warning-50:#fffbeb;--strboard-warning-500:#f59e0b;--strboard-warning-600:#d97706;--strboard-error-50:#fef2f2;--strboard-error-500:#ef4444;--strboard-error-600:#dc2626;--strboard-info-50:#eff6ff;--strboard-info-500:#3b82f6;--strboard-info-600:#2563eb;--strboard-gradient-primary:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-700)100%);--strboard-gradient-secondary:linear-gradient(135deg,var(--strboard-secondary-600)0%,var(--strboard-secondary-700)100%);--strboard-gradient-newsletter:linear-gradient(135deg,var(--strboard-primary-300)0%,var(--strboard-primary-300)100%);--strboard-gradient-rate-card:linear-gradient(135deg,var(--strboard-primary-500)0%,var(--strboard-primary-800)100%);--strboard-gradient-footer:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-900)50%,var(--strboard-primary-700)100%);--strboard-gradient-cta-overlay:linear-gradient(135deg,#3b82f6cc 0%,#1e40afb3 50%,#0ea5e9cc 100%);--strboard-gradient-calculator-image:linear-gradient(135deg,var(--strboard-accent-sky)0%,var(--strboard-accent-teal)100%);--strboard-font-primary:"roca",Georgia,"Times New Roman",serif;--strboard-font-secondary:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-system:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-icons:"Material Symbols Rounded";--strboard-text-xs:.75rem;--strboard-text-sm:.875rem;--strboard-text-base:1rem;--strboard-text-lg:1.125rem;--strboard-text-xl:1.25rem;--strboard-text-2xl:1.5rem;--strboard-text-3xl:1.875rem;--strboard-text-4xl:2.25rem;--strboard-text-5xl:3rem;--strboard-text-6xl:3.75rem;--strboard-font-extralight:200;--strboard-font-light:300;--strboard-font-regular:400;--strboard-font-medium:500;--strboard-font-semibold:600;--strboard-font-bold:700;--strboard-leading-none:1;--strboard-leading-tight:1.2;--strboard-leading-snug:1.3;--strboard-leading-normal:1.5;--strboard-leading-relaxed:1.6;--strboard-leading-loose:1.75;--strboard-tracking-tighter:-.05em;--strboard-tracking-tight:-.025em;--strboard-tracking-normal:0;--strboard-tracking-wide:.025em;--strboard-tracking-wider:.05em;--strboard-tracking-widest:.1em;--strboard-space-0:0;--strboard-space-1:.25rem;--strboard-space-2:.5rem;--strboard-space-3:.75rem;--strboard-space-4:1rem;--strboard-space-5:1.25rem;--strboard-space-6:1.5rem;--strboard-space-7:1.75rem;--strboard-space-8:2rem;--strboard-space-9:2.25rem;--strboard-space-10:2.5rem;--strboard-space-12:3rem;--strboard-space-14:3.5rem;--strboard-space-16:4rem;--strboard-space-20:5rem;--strboard-space-24:6rem;--strboard-space-28:7rem;--strboard-space-32:8rem;--strboard-section-padding-mobile:var(--strboard-space-10);--strboard-section-padding-tablet:var(--strboard-space-16);--strboard-section-padding-desktop:var(--strboard-space-20);--strboard-rounded-none:0;--strboard-rounded-sm:.25rem;--strboard-rounded:.375rem;--strboard-rounded-md:.5rem;--strboard-rounded-lg:.75rem;--strboard-rounded-xl:1rem;--strboard-rounded-2xl:1.25rem;--strboard-rounded-3xl:1.5rem;--strboard-rounded-full:9999px;--strboard-border-0:0;--strboard-border:1px;--strboard-border-2:2px;--strboard-border-3:3px;--strboard-border-4:4px;--strboard-border-8:8px;--strboard-shadow-xs:none;--strboard-shadow-sm:none;--strboard-shadow:none;--strboard-shadow-md:none;--strboard-shadow-lg:none;--strboard-shadow-xl:none;--strboard-shadow-2xl:none;--strboard-shadow-card:none;--strboard-shadow-rate-card:none;--strboard-shadow-button:none;--strboard-shadow-process-step:none;--strboard-shadow-glassmorphism:none;--strboard-backdrop-blur-sm:blur(4px);--strboard-backdrop-blur:blur(8px);--strboard-backdrop-blur-md:blur(12px);--strboard-backdrop-blur-lg:blur(16px);--strboard-backdrop-blur-xl:blur(24px);--strboard-glass-light:#ffffff1a;--strboard-glass-medium:#fff3;--strboard-glass-strong:#ffffff4d;--strboard-ease-linear:linear;--strboard-ease-in:cubic-bezier(.4,0,1,1);--strboard-ease-out:cubic-bezier(0,0,.2,1);--strboard-ease-in-out:cubic-bezier(.4,0,.2,1);--strboard-duration-75:75ms;--strboard-duration-100:.1s;--strboard-duration-150:.15s;--strboard-duration-200:.2s;--strboard-duration-300:.3s;--strboard-duration-500:.5s;--strboard-duration-700:.7s;--strboard-transition-fast:all var(--strboard-duration-150)var(--strboard-ease-out);--strboard-transition:all var(--strboard-duration-200)var(--strboard-ease-out);--strboard-transition-slow:all var(--strboard-duration-300)var(--strboard-ease-out);--strboard-z-auto:auto;--strboard-z-0:0;--strboard-z-10:10;--strboard-z-20:20;--strboard-z-30:30;--strboard-z-40:40;--strboard-z-50:50;--strboard-z-dropdown:1000;--strboard-z-sticky:1020;--strboard-z-fixed:1030;--strboard-z-modal-backdrop:1040;--strboard-z-modal:1050;--strboard-z-popover:1060;--strboard-z-tooltip:1070;--strboard-screen-sm:480px;--strboard-screen-md:768px;--strboard-screen-lg:992px;--strboard-screen-xl:1200px;--strboard-screen-2xl:1400px;--strboard-container-sm:540px;--strboard-container-md:720px;--strboard-container-lg:960px;--strboard-container-xl:1140px;--strboard-container-2xl:1320px;--strboard-bg-primary:#fff;--strboard-bg-secondary:var(--strboard-gray-50);--strboard-bg-tertiary:var(--strboard-gray-100);--strboard-bg-surface:#fff;--strboard-bg-overlay:#00000080;--strboard-text-primary:var(--strboard-gray-800);--strboard-text-secondary:var(--strboard-gray-500);--strboard-text-tertiary:var(--strboard-gray-400);--strboard-text-inverse:#fff;--strboard-text-brand:var(--strboard-primary-600);--strboard-border-primary:var(--strboard-gray-200);--strboard-border-secondary:var(--strboard-gray-300);--strboard-border-focus:var(--strboard-accent-teal);--strboard-border-error:var(--strboard-error-500);--strboard-button-height-sm:32px;--strboard-button-height:40px;--strboard-button-height-lg:48px;--strboard-button-padding-x-sm:var(--strboard-space-3);--strboard-button-padding-x:var(--strboard-space-6);--strboard-button-padding-x-lg:var(--strboard-space-8);--strboard-input-height:40px;--strboard-input-padding-x:var(--strboard-space-3);--strboard-input-padding-y:var(--strboard-space-2);--strboard-card-padding-sm:var(--strboard-space-4);--strboard-card-padding:var(--strboard-space-6);--strboard-card-padding-lg:var(--strboard-space-8);--strboard-section-padding-y-sm:var(--strboard-space-12);--strboard-section-padding-y:var(--strboard-space-16);--strboard-section-padding-y-lg:var(--strboard-space-20);--strboard-focus-ring:0 0 0 3px #4285f41a;--strboard-focus-ring-error:0 0 0 3px #ef44441a;--strboard-high-contrast-border:2px solid #000;--strboard-high-contrast-bg:#fff;--strboard-high-contrast-text:#000}.FPHCazOLoJ1byl8ng0CK{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.bdYbltRUGRMdPUmZgYox{box-shadow:var(--strboard-focus-ring-error);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.US7UMweQ7_Ay5_tX6kC8{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition)}.US7UMweQ7_Ay5_tX6kC8:hover{transform:translateY(-1px)}.f0hNhjjuztz0o64C0jyS{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.f0hNhjjuztz0o64C0jyS:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.f0hNhjjuztz0o64C0jyS:disabled{cursor:not-allowed;opacity:.6}._f7OkqfMcTgjeAvbEiSA{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gzy4MN1RDWrydHVt0wgG{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:480px){.tu0uKQmhj_JvzlnGQI9H{display:block}.SG_6g2rt8l3WxT13C6Dc{display:none}}@media (min-width:768px){.wesSh4f4nl2m72iuxl12{display:block}.nb435dNquFEgDxBEOEkb{display:none}}@media (min-width:992px){.g3469fAGR35BHE1OPj6z{display:block}.JDn3w8asRcMe35boBf9o{display:none}}@media (min-width:1200px){.yNDH9Ne0nELzh5cWfui7{display:block}.EFRqSOOsHHuVVIP2xBLw{display:none}}@media (min-width:1400px){.rftKmHToOdbt7mdG4QFq{display:block}.jgSRXeoI595bw7GCsREL{display:none}}.mdLLIgIHvc3aXlJ2jEO0{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-xs)}.N20PErdS1HqYlX89iTHF{padding:var(--strboard-space-2)var(--strboard-space-4);font-size:var(--strboard-text-sm)}.qgztevQjtsPuKiU_g1gi{padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base)}.I5dVb809bx3HBYSK89_w{padding:var(--strboard-space-4)var(--strboard-space-8);font-size:var(--strboard-text-lg)}.RbFdfQb2QF6rixPAtA3R{padding:var(--strboard-space-5)var(--strboard-space-10);font-size:var(--strboard-text-xl)}.ZMGxTOqYnlj2UPQwBabn{transition:all var(--strboard-duration-150)var(--strboard-ease-out)}.CzBhTd8GsaHJYtQEc8Z_{transition:all var(--strboard-duration-200)var(--strboard-ease-out)}.Q7oWXSOZWM_GXFnkGymJ{transition:all var(--strboard-duration-300)var(--strboard-ease-out)}.MGMprCNtc0i3HjJbe5fm{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600)}.MGMprCNtc0i3HjJbe5fm:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.MGMprCNtc0i3HjJbe5fm:active:not(:disabled){background-color:var(--strboard-primary-800);border-color:var(--strboard-primary-800);transform:translateY(1px)}.wTFswOsrJKIlILcmC7tE{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border-color:var(--strboard-gray-300)}.wTFswOsrJKIlILcmC7tE:hover:not(:disabled){background-color:var(--strboard-gray-200);border-color:var(--strboard-gray-300)}.wTFswOsrJKIlILcmC7tE:active:not(:disabled){background-color:var(--strboard-gray-300);border-color:var(--strboard-gray-300);transform:translateY(1px)}.gTtdrbwJA3P2_66O5HW7{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);background-color:#0000}.gTtdrbwJA3P2_66O5HW7:hover:not(:disabled){background-color:var(--strboard-primary-50);border-color:var(--strboard-primary-600)}.gTtdrbwJA3P2_66O5HW7:active:not(:disabled){background-color:var(--strboard-primary-100);border-color:var(--strboard-primary-600);transform:translateY(1px)}.k_UqUQAv7a0gw3UuVq6A{background-color:var(--strboard-error-500);color:#fff;border-color:var(--strboard-error-500)}.k_UqUQAv7a0gw3UuVq6A:hover:not(:disabled){background-color:var(--strboard-error-600);border-color:var(--strboard-error-600)}.k_UqUQAv7a0gw3UuVq6A:active:not(:disabled){background-color:var(--strboard-error-700);border-color:var(--strboard-error-700);transform:translateY(1px)}.x9Xobbg90IZy1VbblQyw{background-color:var(--strboard-success-500);color:#fff;border-color:var(--strboard-success-500)}.x9Xobbg90IZy1VbblQyw:hover:not(:disabled){background-color:var(--strboard-success-600);border-color:var(--strboard-success-600)}.x9Xobbg90IZy1VbblQyw:active:not(:disabled){background-color:var(--strboard-success-700);border-color:var(--strboard-success-700);transform:translateY(1px)}.MTWEknjCu3KLT6zCh6_U{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-4);border-radius:var(--strboard-rounded)}.O2CqGhbNPgu9kkFG7Bdq{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);transition:var(--strboard-transition);padding:var(--strboard-space-6);border-radius:var(--strboard-rounded-lg)}.YTb7JwYzEaw4WE8THURK{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-8);border-radius:var(--strboard-rounded-xl)}.MTWEknjCu3KLT6zCh6_U:hover,.O2CqGhbNPgu9kkFG7Bdq:hover,.YTb7JwYzEaw4WE8THURK:hover{transform:translateY(-1px)}.imPlUpzaaJIgGr6M21lb{width:12px;height:12px;font-size:12px}.Lf1NHpfgaL0JJKAKwigr{width:16px;height:16px;font-size:16px}.wZX52WHYWa6PXKuI5qw4{width:20px;height:20px;font-size:20px}.VOJcDQyQAliM2Be5MZ2g{width:24px;height:24px;font-size:24px}.e02yCa8hFqFdNYck1Osi{width:32px;height:32px;font-size:32px}.KPtHmwQeSfRWwV3m4yIa{width:40px;height:40px;font-size:40px}.KmC95em_AdQkvuAlpzVv{transition:var(--strboard-transition)}.KmC95em_AdQkvuAlpzVv:hover{transform:translateY(-2px)}.Qp3rTqPI55IfvYPFo09q{align-items:flex-start;gap:var(--strboard-space-4);width:100%;height:100%;flex-direction:column!important;display:flex!important}.Qp3rTqPI55IfvYPFo09q .AXvup4Pd706zSNlAo0fI{flex-direction:row;align-items:center;width:100%;max-height:-moz-fit-content;max-height:fit-content;display:flex}.Qp3rTqPI55IfvYPFo09q .AXvup4Pd706zSNlAo0fI .IZQXSsSqfDpJsvZLvEA8{flex-shrink:0}.Qp3rTqPI55IfvYPFo09q .AXvup4Pd706zSNlAo0fI .hW5ElG0CRcvxSMb1jXjA{font-size:var(--strboard-text-xs);font-weight:var(--strboard-font-medium);color:var(--strboard-gray-500);margin-bottom:var(--strboard-space-2);text-transform:uppercase;letter-spacing:.5px;line-height:var(--strboard-leading-tight)}.Qp3rTqPI55IfvYPFo09q .TLKb5TIBont1e_kmQwBi{flex:1;width:100%}.LwzP6ZM4uqePSoW5QiHi{font-size:var(--strboard-text-lg);font-weight:var(--strboard-font-semibold);color:var(--strboard-gray-800);margin-bottom:var(--strboard-space-1);line-height:var(--strboard-leading-snug)}.LwzP6ZM4uqePSoW5QiHi br+*{margin-top:var(--strboard-space-1)}.h1yujyGAgNjEDNvCn5BQ{font-size:var(--strboard-text-sm);color:var(--strboard-gray-500);font-weight:var(--strboard-font-regular);line-height:var(--strboard-leading-normal)}.hk8Neafk83wNwNF3YT1d .Qp3rTqPI55IfvYPFo09q{gap:var(--strboard-space-3)}.hk8Neafk83wNwNF3YT1d .hW5ElG0CRcvxSMb1jXjA{margin-bottom:var(--strboard-space-1);font-size:10px}.hk8Neafk83wNwNF3YT1d .LwzP6ZM4uqePSoW5QiHi{font-size:var(--strboard-text-base);margin-bottom:var(--strboard-space-1)}.hk8Neafk83wNwNF3YT1d .h1yujyGAgNjEDNvCn5BQ{font-size:var(--strboard-text-xs)}.eDd7H2EoowFUGgDHFTCs .Qp3rTqPI55IfvYPFo09q{gap:var(--strboard-space-5)}.eDd7H2EoowFUGgDHFTCs .hW5ElG0CRcvxSMb1jXjA{font-size:var(--strboard-text-sm);margin-bottom:var(--strboard-space-3)}.eDd7H2EoowFUGgDHFTCs .LwzP6ZM4uqePSoW5QiHi{font-size:var(--strboard-text-xl);margin-bottom:var(--strboard-space-2)}.eDd7H2EoowFUGgDHFTCs .h1yujyGAgNjEDNvCn5BQ{font-size:var(--strboard-text-base)}.I69lvHwTfAWbZs3JyXur .LwzP6ZM4uqePSoW5QiHi{line-height:var(--strboard-leading-snug)}.RZry8vhS5FDkGgt9ZM3l .LwzP6ZM4uqePSoW5QiHi{font-weight:var(--strboard-font-bold);color:var(--strboard-primary-600)}.IkdOh5ejisBZnULpY9sw .h1yujyGAgNjEDNvCn5BQ{font-weight:var(--strboard-font-medium)}.McRA62SI98IL6SCNb8C5 .LwzP6ZM4uqePSoW5QiHi{font-size:var(--strboard-text-xl);font-weight:var(--strboard-font-bold);color:var(--strboard-primary-600)}.k1__eIbxJDwOLrro8SPo{cursor:pointer}.k1__eIbxJDwOLrro8SPo:hover .LwzP6ZM4uqePSoW5QiHi{color:var(--strboard-primary-600)}.k1__eIbxJDwOLrro8SPo:active{transform:translateY(-1px)}@media (min-width:768px){.KmC95em_AdQkvuAlpzVv:hover{transform:translateY(-3px)}}@media (min-width:1024px){.KmC95em_AdQkvuAlpzVv .Qp3rTqPI55IfvYPFo09q{text-align:center;gap:var(--strboard-space-3);flex-direction:column}.KmC95em_AdQkvuAlpzVv .IZQXSsSqfDpJsvZLvEA8{align-self:center}}@media (min-width:1280px){.KmC95em_AdQkvuAlpzVv .Qp3rTqPI55IfvYPFo09q{text-align:left;gap:var(--strboard-space-4);flex-direction:row}.KmC95em_AdQkvuAlpzVv .IZQXSsSqfDpJsvZLvEA8{align-self:flex-start}}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--strboard-base-font-size:16px;--strboard-base-line-height:1.5;--strboard-primary-50:#f0f9ff;--strboard-primary-100:#e0f2fe;--strboard-primary-200:#bae6fd;--strboard-primary-300:#7dd3fc;--strboard-primary-400:#38bdf8;--strboard-primary-500:#0ea5e9;--strboard-primary-600:#4285f4;--strboard-primary-700:#3367d6;--strboard-primary-800:#1d4ed8;--strboard-primary-900:#1e3a8a;--strboard-secondary-50:#faf5ff;--strboard-secondary-100:#f3e8ff;--strboard-secondary-200:#e9d5ff;--strboard-secondary-300:#d8b4fe;--strboard-secondary-400:#c084fc;--strboard-secondary-500:#a855f7;--strboard-secondary-600:#8b5cf6;--strboard-secondary-700:#7c3aed;--strboard-secondary-800:#6d28d9;--strboard-secondary-900:#581c87;--strboard-accent-cyan:#02f2ff;--strboard-accent-teal:#11abde;--strboard-accent-sky:#0ea5e9;--strboard-accent-blue:#2132e1;--strboard-gray-50:#f9fafb;--strboard-gray-100:#f3f4f6;--strboard-gray-200:#e5e7eb;--strboard-gray-300:#d1d5db;--strboard-gray-400:#9ca3af;--strboard-gray-500:#6b7280;--strboard-gray-600:#4b5563;--strboard-gray-700:#374151;--strboard-gray-800:#1f2937;--strboard-gray-900:#111827;--strboard-success-50:#ecfdf5;--strboard-success-500:#10b981;--strboard-success-600:#059669;--strboard-warning-50:#fffbeb;--strboard-warning-500:#f59e0b;--strboard-warning-600:#d97706;--strboard-error-50:#fef2f2;--strboard-error-500:#ef4444;--strboard-error-600:#dc2626;--strboard-info-50:#eff6ff;--strboard-info-500:#3b82f6;--strboard-info-600:#2563eb;--strboard-gradient-primary:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-700)100%);--strboard-gradient-secondary:linear-gradient(135deg,var(--strboard-secondary-600)0%,var(--strboard-secondary-700)100%);--strboard-gradient-newsletter:linear-gradient(135deg,var(--strboard-primary-300)0%,var(--strboard-primary-300)100%);--strboard-gradient-rate-card:linear-gradient(135deg,var(--strboard-primary-500)0%,var(--strboard-primary-800)100%);--strboard-gradient-footer:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-900)50%,var(--strboard-primary-700)100%);--strboard-gradient-cta-overlay:linear-gradient(135deg,#3b82f6cc 0%,#1e40afb3 50%,#0ea5e9cc 100%);--strboard-gradient-calculator-image:linear-gradient(135deg,var(--strboard-accent-sky)0%,var(--strboard-accent-teal)100%);--strboard-font-primary:"roca",Georgia,"Times New Roman",serif;--strboard-font-secondary:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-system:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-icons:"Material Symbols Rounded";--strboard-text-xs:.75rem;--strboard-text-sm:.875rem;--strboard-text-base:1rem;--strboard-text-lg:1.125rem;--strboard-text-xl:1.25rem;--strboard-text-2xl:1.5rem;--strboard-text-3xl:1.875rem;--strboard-text-4xl:2.25rem;--strboard-text-5xl:3rem;--strboard-text-6xl:3.75rem;--strboard-font-extralight:200;--strboard-font-light:300;--strboard-font-regular:400;--strboard-font-medium:500;--strboard-font-semibold:600;--strboard-font-bold:700;--strboard-leading-none:1;--strboard-leading-tight:1.2;--strboard-leading-snug:1.3;--strboard-leading-normal:1.5;--strboard-leading-relaxed:1.6;--strboard-leading-loose:1.75;--strboard-tracking-tighter:-.05em;--strboard-tracking-tight:-.025em;--strboard-tracking-normal:0;--strboard-tracking-wide:.025em;--strboard-tracking-wider:.05em;--strboard-tracking-widest:.1em;--strboard-space-0:0;--strboard-space-1:.25rem;--strboard-space-2:.5rem;--strboard-space-3:.75rem;--strboard-space-4:1rem;--strboard-space-5:1.25rem;--strboard-space-6:1.5rem;--strboard-space-7:1.75rem;--strboard-space-8:2rem;--strboard-space-9:2.25rem;--strboard-space-10:2.5rem;--strboard-space-12:3rem;--strboard-space-14:3.5rem;--strboard-space-16:4rem;--strboard-space-20:5rem;--strboard-space-24:6rem;--strboard-space-28:7rem;--strboard-space-32:8rem;--strboard-section-padding-mobile:var(--strboard-space-10);--strboard-section-padding-tablet:var(--strboard-space-16);--strboard-section-padding-desktop:var(--strboard-space-20);--strboard-rounded-none:0;--strboard-rounded-sm:.25rem;--strboard-rounded:.375rem;--strboard-rounded-md:.5rem;--strboard-rounded-lg:.75rem;--strboard-rounded-xl:1rem;--strboard-rounded-2xl:1.25rem;--strboard-rounded-3xl:1.5rem;--strboard-rounded-full:9999px;--strboard-border-0:0;--strboard-border:1px;--strboard-border-2:2px;--strboard-border-3:3px;--strboard-border-4:4px;--strboard-border-8:8px;--strboard-shadow-xs:none;--strboard-shadow-sm:none;--strboard-shadow:none;--strboard-shadow-md:none;--strboard-shadow-lg:none;--strboard-shadow-xl:none;--strboard-shadow-2xl:none;--strboard-shadow-card:none;--strboard-shadow-rate-card:none;--strboard-shadow-button:none;--strboard-shadow-process-step:none;--strboard-shadow-glassmorphism:none;--strboard-backdrop-blur-sm:blur(4px);--strboard-backdrop-blur:blur(8px);--strboard-backdrop-blur-md:blur(12px);--strboard-backdrop-blur-lg:blur(16px);--strboard-backdrop-blur-xl:blur(24px);--strboard-glass-light:#ffffff1a;--strboard-glass-medium:#fff3;--strboard-glass-strong:#ffffff4d;--strboard-ease-linear:linear;--strboard-ease-in:cubic-bezier(.4,0,1,1);--strboard-ease-out:cubic-bezier(0,0,.2,1);--strboard-ease-in-out:cubic-bezier(.4,0,.2,1);--strboard-duration-75:75ms;--strboard-duration-100:.1s;--strboard-duration-150:.15s;--strboard-duration-200:.2s;--strboard-duration-300:.3s;--strboard-duration-500:.5s;--strboard-duration-700:.7s;--strboard-transition-fast:all var(--strboard-duration-150)var(--strboard-ease-out);--strboard-transition:all var(--strboard-duration-200)var(--strboard-ease-out);--strboard-transition-slow:all var(--strboard-duration-300)var(--strboard-ease-out);--strboard-z-auto:auto;--strboard-z-0:0;--strboard-z-10:10;--strboard-z-20:20;--strboard-z-30:30;--strboard-z-40:40;--strboard-z-50:50;--strboard-z-dropdown:1000;--strboard-z-sticky:1020;--strboard-z-fixed:1030;--strboard-z-modal-backdrop:1040;--strboard-z-modal:1050;--strboard-z-popover:1060;--strboard-z-tooltip:1070;--strboard-screen-sm:480px;--strboard-screen-md:768px;--strboard-screen-lg:992px;--strboard-screen-xl:1200px;--strboard-screen-2xl:1400px;--strboard-container-sm:540px;--strboard-container-md:720px;--strboard-container-lg:960px;--strboard-container-xl:1140px;--strboard-container-2xl:1320px;--strboard-bg-primary:#fff;--strboard-bg-secondary:var(--strboard-gray-50);--strboard-bg-tertiary:var(--strboard-gray-100);--strboard-bg-surface:#fff;--strboard-bg-overlay:#00000080;--strboard-text-primary:var(--strboard-gray-800);--strboard-text-secondary:var(--strboard-gray-500);--strboard-text-tertiary:var(--strboard-gray-400);--strboard-text-inverse:#fff;--strboard-text-brand:var(--strboard-primary-600);--strboard-border-primary:var(--strboard-gray-200);--strboard-border-secondary:var(--strboard-gray-300);--strboard-border-focus:var(--strboard-accent-teal);--strboard-border-error:var(--strboard-error-500);--strboard-button-height-sm:32px;--strboard-button-height:40px;--strboard-button-height-lg:48px;--strboard-button-padding-x-sm:var(--strboard-space-3);--strboard-button-padding-x:var(--strboard-space-6);--strboard-button-padding-x-lg:var(--strboard-space-8);--strboard-input-height:40px;--strboard-input-padding-x:var(--strboard-space-3);--strboard-input-padding-y:var(--strboard-space-2);--strboard-card-padding-sm:var(--strboard-space-4);--strboard-card-padding:var(--strboard-space-6);--strboard-card-padding-lg:var(--strboard-space-8);--strboard-section-padding-y-sm:var(--strboard-space-12);--strboard-section-padding-y:var(--strboard-space-16);--strboard-section-padding-y-lg:var(--strboard-space-20);--strboard-focus-ring:0 0 0 3px #4285f41a;--strboard-focus-ring-error:0 0 0 3px #ef44441a;--strboard-high-contrast-border:2px solid #000;--strboard-high-contrast-bg:#fff;--strboard-high-contrast-text:#000}.cW5Om2oZGH2WNc7D8ZZ5{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.G9q3XXypeRAFlZL7EdyN{box-shadow:var(--strboard-focus-ring-error);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.Oka7ki2JkEvwc_t1oIMo{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition)}.Oka7ki2JkEvwc_t1oIMo:hover{transform:translateY(-1px)}.QPGowZsj6TUcc9VsA2Zw{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.QPGowZsj6TUcc9VsA2Zw:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.QPGowZsj6TUcc9VsA2Zw:disabled{cursor:not-allowed;opacity:.6}.ZuhlOzUAy83o561SJARS{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.VcxnuuMPX6KPeWJhxb_g{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:480px){.qmyAg57t2xdO4IgZYjOD{display:block}.SAjNX3p3N6w64SzZuVxr{display:none}}@media (min-width:768px){.XJINS7kEHahEvsU4ahIS{display:block}.ARP5MP4vgHjHLMOnBNTI{display:none}}@media (min-width:992px){.cTz3bXS1n1FPuj8n8jAM{display:block}._6zQ59kz5K37CdiYyNM6g{display:none}}@media (min-width:1200px){.BPeYPXlnphEX0373zbVG{display:block}.z1fi3I1tlfzEhdl_rrCV{display:none}}@media (min-width:1400px){.YCJSWwncuubWqR5gDRew{display:block}.webW2mPpuK7uFKjwJkBK{display:none}}.ijoO6kms_1iEisTnhnYp{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-xs)}.VPwCFJq0GBzjKdpVnAzD{padding:var(--strboard-space-2)var(--strboard-space-4);font-size:var(--strboard-text-sm)}.vlytigYbYOzTc1fdTwE5{padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base)}.gZjxP3w8cHomQsGIwpAO{padding:var(--strboard-space-4)var(--strboard-space-8);font-size:var(--strboard-text-lg)}.iY_vWjRv6wZO31Zhh0pP{padding:var(--strboard-space-5)var(--strboard-space-10);font-size:var(--strboard-text-xl)}.ESC7mpjS0L8CPs32MrDB{transition:all var(--strboard-duration-150)var(--strboard-ease-out)}.hvoXDIpRIxEfoVnzubRA{transition:all var(--strboard-duration-200)var(--strboard-ease-out)}.IepDpMoqovOpqyKDritS{transition:all var(--strboard-duration-300)var(--strboard-ease-out)}.z5RATD8lQrOTeny_ajGG{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600)}.z5RATD8lQrOTeny_ajGG:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.z5RATD8lQrOTeny_ajGG:active:not(:disabled){background-color:var(--strboard-primary-800);border-color:var(--strboard-primary-800);transform:translateY(1px)}.BTc_3gh1_sP5zb6Cy7oz{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border-color:var(--strboard-gray-300)}.BTc_3gh1_sP5zb6Cy7oz:hover:not(:disabled){background-color:var(--strboard-gray-200);border-color:var(--strboard-gray-300)}.BTc_3gh1_sP5zb6Cy7oz:active:not(:disabled){background-color:var(--strboard-gray-300);border-color:var(--strboard-gray-300);transform:translateY(1px)}.zu4nkVf0fz6NP_ygsb5z{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);background-color:#0000}.zu4nkVf0fz6NP_ygsb5z:hover:not(:disabled){background-color:var(--strboard-primary-50);border-color:var(--strboard-primary-600)}.zu4nkVf0fz6NP_ygsb5z:active:not(:disabled){background-color:var(--strboard-primary-100);border-color:var(--strboard-primary-600);transform:translateY(1px)}.bbSqkl5gsrNqooVsS_AM{background-color:var(--strboard-error-500);color:#fff;border-color:var(--strboard-error-500)}.bbSqkl5gsrNqooVsS_AM:hover:not(:disabled){background-color:var(--strboard-error-600);border-color:var(--strboard-error-600)}.bbSqkl5gsrNqooVsS_AM:active:not(:disabled){background-color:var(--strboard-error-700);border-color:var(--strboard-error-700);transform:translateY(1px)}.C8fGK73bte0MEDklwgSz{background-color:var(--strboard-success-500);color:#fff;border-color:var(--strboard-success-500)}.C8fGK73bte0MEDklwgSz:hover:not(:disabled){background-color:var(--strboard-success-600);border-color:var(--strboard-success-600)}.C8fGK73bte0MEDklwgSz:active:not(:disabled){background-color:var(--strboard-success-700);border-color:var(--strboard-success-700);transform:translateY(1px)}.UcBqIGmKzGK_YpgWQa0y{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-4);border-radius:var(--strboard-rounded)}.Y8nStxBdLQ_KBOlcdaaO{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);transition:var(--strboard-transition);padding:var(--strboard-space-6);border-radius:var(--strboard-rounded-lg)}.NCeFZ6kOHxjrM_Yu79nz{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-8);border-radius:var(--strboard-rounded-xl)}.UcBqIGmKzGK_YpgWQa0y:hover,.Y8nStxBdLQ_KBOlcdaaO:hover,.NCeFZ6kOHxjrM_Yu79nz:hover{transform:translateY(-1px)}.i4YV3pR6ZYjHX6BFEXly{width:12px;height:12px;font-size:12px}.s2i_6d00kNhHxjb8kkzc{width:16px;height:16px;font-size:16px}.XqFagrssaW348U6ORdY0{width:20px;height:20px;font-size:20px}.MKPwBc5zRqnOpW4Pzlsu{width:24px;height:24px;font-size:24px}.MOUKYV0ptfwVL5ebqmgM{width:32px;height:32px;font-size:32px}.MRarXsJ9RKDqnxlgZLf7{width:40px;height:40px;font-size:40px}.ubsSm1qNm2St4LokI77N{gap:var(--strboard-space-4);align-items:flex-start;display:flex}.SFOruUKjy3tCAk2TFprP{flex-shrink:0}.pPJrTJOGnR0mKSnTp8f3{flex:1;min-width:0}.sdS2EYEcAA4mJfEb7fEg{font-size:var(--strboard-text-xl);font-weight:var(--strboard-font-semibold);color:var(--strboard-gray-800);margin-bottom:var(--strboard-space-2);line-height:var(--strboard-leading-tight)}.VQU8dYBsVkOu6bSWCQIr{color:var(--strboard-gray-500);margin-bottom:var(--strboard-space-3);line-height:var(--strboard-leading-normal);font-size:var(--strboard-text-base)}.MTXv3H1UtTLKB4VGje1N{color:var(--strboard-primary-600);font-weight:var(--strboard-font-medium);font-size:var(--strboard-text-base);text-decoration:none;transition:color .2s ease-in-out}.MTXv3H1UtTLKB4VGje1N:hover{color:var(--strboard-primary-700);text-decoration:underline}.MTXv3H1UtTLKB4VGje1N:focus{box-shadow:0 0 0 3px rgba(var(--strboard-primary-600),.4);border-radius:var(--strboard-rounded-md,4px);outline-offset:2px;outline:none}.Nr8b6dVf7pirSqEnnfIZ .ubsSm1qNm2St4LokI77N{gap:var(--strboard-space-3)}.Nr8b6dVf7pirSqEnnfIZ .sdS2EYEcAA4mJfEb7fEg{font-size:var(--strboard-text-lg);margin-bottom:var(--strboard-space-1)}.Nr8b6dVf7pirSqEnnfIZ .VQU8dYBsVkOu6bSWCQIr{font-size:var(--strboard-text-sm);margin-bottom:var(--strboard-space-2)}.Nr8b6dVf7pirSqEnnfIZ .MTXv3H1UtTLKB4VGje1N{font-size:var(--strboard-text-sm)}.yaB5MEyCzbUL_VU4Sp2T .ubsSm1qNm2St4LokI77N{align-items:center;gap:var(--strboard-space-3)}.yaB5MEyCzbUL_VU4Sp2T .sdS2EYEcAA4mJfEb7fEg{font-size:var(--strboard-text-base);margin-bottom:0}.yaB5MEyCzbUL_VU4Sp2T .VQU8dYBsVkOu6bSWCQIr{margin-bottom:0;margin-right:var(--strboard-space-2);display:inline}.yaB5MEyCzbUL_VU4Sp2T .MTXv3H1UtTLKB4VGje1N{white-space:nowrap}@media (min-width:768px){.ZdVqU2Nbtxfj51MVz02d .ubsSm1qNm2St4LokI77N{gap:var(--strboard-space-5)}.ZdVqU2Nbtxfj51MVz02d .sdS2EYEcAA4mJfEb7fEg{font-size:var(--strboard-text-2xl)}.ZdVqU2Nbtxfj51MVz02d .VQU8dYBsVkOu6bSWCQIr{font-size:var(--strboard-text-lg)}}@media (max-width:480px){.ubsSm1qNm2St4LokI77N{text-align:center;gap:var(--strboard-space-3);flex-direction:column}.SFOruUKjy3tCAk2TFprP{align-self:center}}.cUybxf0c04BUTvpuD9UP .sdS2EYEcAA4mJfEb7fEg{font-size:var(--strboard-text-lg)}.cUybxf0c04BUTvpuD9UP .VQU8dYBsVkOu6bSWCQIr{font-size:var(--strboard-text-sm)}.BKIm4gjLoGVzn6HSICMG{border-left:4px solid var(--strboard-error-500)}.BKIm4gjLoGVzn6HSICMG .SFOruUKjy3tCAk2TFprP{color:var(--strboard-error-500)}.BKIm4gjLoGVzn6HSICMG .sdS2EYEcAA4mJfEb7fEg{color:var(--strboard-error-600)}.s6yF6IJdLBcUybsaW3Di{border-left:4px solid var(--strboard-success-500)}.s6yF6IJdLBcUybsaW3Di .SFOruUKjy3tCAk2TFprP{color:var(--strboard-success-500)}.s6yF6IJdLBcUybsaW3Di .sdS2EYEcAA4mJfEb7fEg{color:var(--strboard-success-600)}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--strboard-base-font-size:16px;--strboard-base-line-height:1.5;--strboard-primary-50:#f0f9ff;--strboard-primary-100:#e0f2fe;--strboard-primary-200:#bae6fd;--strboard-primary-300:#7dd3fc;--strboard-primary-400:#38bdf8;--strboard-primary-500:#0ea5e9;--strboard-primary-600:#4285f4;--strboard-primary-700:#3367d6;--strboard-primary-800:#1d4ed8;--strboard-primary-900:#1e3a8a;--strboard-secondary-50:#faf5ff;--strboard-secondary-100:#f3e8ff;--strboard-secondary-200:#e9d5ff;--strboard-secondary-300:#d8b4fe;--strboard-secondary-400:#c084fc;--strboard-secondary-500:#a855f7;--strboard-secondary-600:#8b5cf6;--strboard-secondary-700:#7c3aed;--strboard-secondary-800:#6d28d9;--strboard-secondary-900:#581c87;--strboard-accent-cyan:#02f2ff;--strboard-accent-teal:#11abde;--strboard-accent-sky:#0ea5e9;--strboard-accent-blue:#2132e1;--strboard-gray-50:#f9fafb;--strboard-gray-100:#f3f4f6;--strboard-gray-200:#e5e7eb;--strboard-gray-300:#d1d5db;--strboard-gray-400:#9ca3af;--strboard-gray-500:#6b7280;--strboard-gray-600:#4b5563;--strboard-gray-700:#374151;--strboard-gray-800:#1f2937;--strboard-gray-900:#111827;--strboard-success-50:#ecfdf5;--strboard-success-500:#10b981;--strboard-success-600:#059669;--strboard-warning-50:#fffbeb;--strboard-warning-500:#f59e0b;--strboard-warning-600:#d97706;--strboard-error-50:#fef2f2;--strboard-error-500:#ef4444;--strboard-error-600:#dc2626;--strboard-info-50:#eff6ff;--strboard-info-500:#3b82f6;--strboard-info-600:#2563eb;--strboard-gradient-primary:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-700)100%);--strboard-gradient-secondary:linear-gradient(135deg,var(--strboard-secondary-600)0%,var(--strboard-secondary-700)100%);--strboard-gradient-newsletter:linear-gradient(135deg,var(--strboard-primary-300)0%,var(--strboard-primary-300)100%);--strboard-gradient-rate-card:linear-gradient(135deg,var(--strboard-primary-500)0%,var(--strboard-primary-800)100%);--strboard-gradient-footer:linear-gradient(135deg,var(--strboard-primary-800)0%,var(--strboard-primary-900)50%,var(--strboard-primary-700)100%);--strboard-gradient-cta-overlay:linear-gradient(135deg,#3b82f6cc 0%,#1e40afb3 50%,#0ea5e9cc 100%);--strboard-gradient-calculator-image:linear-gradient(135deg,var(--strboard-accent-sky)0%,var(--strboard-accent-teal)100%);--strboard-font-primary:"roca",Georgia,"Times New Roman",serif;--strboard-font-secondary:"proxima-nova",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-system:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--strboard-font-icons:"Material Symbols Rounded";--strboard-text-xs:.75rem;--strboard-text-sm:.875rem;--strboard-text-base:1rem;--strboard-text-lg:1.125rem;--strboard-text-xl:1.25rem;--strboard-text-2xl:1.5rem;--strboard-text-3xl:1.875rem;--strboard-text-4xl:2.25rem;--strboard-text-5xl:3rem;--strboard-text-6xl:3.75rem;--strboard-font-extralight:200;--strboard-font-light:300;--strboard-font-regular:400;--strboard-font-medium:500;--strboard-font-semibold:600;--strboard-font-bold:700;--strboard-leading-none:1;--strboard-leading-tight:1.2;--strboard-leading-snug:1.3;--strboard-leading-normal:1.5;--strboard-leading-relaxed:1.6;--strboard-leading-loose:1.75;--strboard-tracking-tighter:-.05em;--strboard-tracking-tight:-.025em;--strboard-tracking-normal:0;--strboard-tracking-wide:.025em;--strboard-tracking-wider:.05em;--strboard-tracking-widest:.1em;--strboard-space-0:0;--strboard-space-1:.25rem;--strboard-space-2:.5rem;--strboard-space-3:.75rem;--strboard-space-4:1rem;--strboard-space-5:1.25rem;--strboard-space-6:1.5rem;--strboard-space-7:1.75rem;--strboard-space-8:2rem;--strboard-space-9:2.25rem;--strboard-space-10:2.5rem;--strboard-space-12:3rem;--strboard-space-14:3.5rem;--strboard-space-16:4rem;--strboard-space-20:5rem;--strboard-space-24:6rem;--strboard-space-28:7rem;--strboard-space-32:8rem;--strboard-section-padding-mobile:var(--strboard-space-10);--strboard-section-padding-tablet:var(--strboard-space-16);--strboard-section-padding-desktop:var(--strboard-space-20);--strboard-rounded-none:0;--strboard-rounded-sm:.25rem;--strboard-rounded:.375rem;--strboard-rounded-md:.5rem;--strboard-rounded-lg:.75rem;--strboard-rounded-xl:1rem;--strboard-rounded-2xl:1.25rem;--strboard-rounded-3xl:1.5rem;--strboard-rounded-full:9999px;--strboard-border-0:0;--strboard-border:1px;--strboard-border-2:2px;--strboard-border-3:3px;--strboard-border-4:4px;--strboard-border-8:8px;--strboard-shadow-xs:none;--strboard-shadow-sm:none;--strboard-shadow:none;--strboard-shadow-md:none;--strboard-shadow-lg:none;--strboard-shadow-xl:none;--strboard-shadow-2xl:none;--strboard-shadow-card:none;--strboard-shadow-rate-card:none;--strboard-shadow-button:none;--strboard-shadow-process-step:none;--strboard-shadow-glassmorphism:none;--strboard-backdrop-blur-sm:blur(4px);--strboard-backdrop-blur:blur(8px);--strboard-backdrop-blur-md:blur(12px);--strboard-backdrop-blur-lg:blur(16px);--strboard-backdrop-blur-xl:blur(24px);--strboard-glass-light:#ffffff1a;--strboard-glass-medium:#fff3;--strboard-glass-strong:#ffffff4d;--strboard-ease-linear:linear;--strboard-ease-in:cubic-bezier(.4,0,1,1);--strboard-ease-out:cubic-bezier(0,0,.2,1);--strboard-ease-in-out:cubic-bezier(.4,0,.2,1);--strboard-duration-75:75ms;--strboard-duration-100:.1s;--strboard-duration-150:.15s;--strboard-duration-200:.2s;--strboard-duration-300:.3s;--strboard-duration-500:.5s;--strboard-duration-700:.7s;--strboard-transition-fast:all var(--strboard-duration-150)var(--strboard-ease-out);--strboard-transition:all var(--strboard-duration-200)var(--strboard-ease-out);--strboard-transition-slow:all var(--strboard-duration-300)var(--strboard-ease-out);--strboard-z-auto:auto;--strboard-z-0:0;--strboard-z-10:10;--strboard-z-20:20;--strboard-z-30:30;--strboard-z-40:40;--strboard-z-50:50;--strboard-z-dropdown:1000;--strboard-z-sticky:1020;--strboard-z-fixed:1030;--strboard-z-modal-backdrop:1040;--strboard-z-modal:1050;--strboard-z-popover:1060;--strboard-z-tooltip:1070;--strboard-screen-sm:480px;--strboard-screen-md:768px;--strboard-screen-lg:992px;--strboard-screen-xl:1200px;--strboard-screen-2xl:1400px;--strboard-container-sm:540px;--strboard-container-md:720px;--strboard-container-lg:960px;--strboard-container-xl:1140px;--strboard-container-2xl:1320px;--strboard-bg-primary:#fff;--strboard-bg-secondary:var(--strboard-gray-50);--strboard-bg-tertiary:var(--strboard-gray-100);--strboard-bg-surface:#fff;--strboard-bg-overlay:#00000080;--strboard-text-primary:var(--strboard-gray-800);--strboard-text-secondary:var(--strboard-gray-500);--strboard-text-tertiary:var(--strboard-gray-400);--strboard-text-inverse:#fff;--strboard-text-brand:var(--strboard-primary-600);--strboard-border-primary:var(--strboard-gray-200);--strboard-border-secondary:var(--strboard-gray-300);--strboard-border-focus:var(--strboard-accent-teal);--strboard-border-error:var(--strboard-error-500);--strboard-button-height-sm:32px;--strboard-button-height:40px;--strboard-button-height-lg:48px;--strboard-button-padding-x-sm:var(--strboard-space-3);--strboard-button-padding-x:var(--strboard-space-6);--strboard-button-padding-x-lg:var(--strboard-space-8);--strboard-input-height:40px;--strboard-input-padding-x:var(--strboard-space-3);--strboard-input-padding-y:var(--strboard-space-2);--strboard-card-padding-sm:var(--strboard-space-4);--strboard-card-padding:var(--strboard-space-6);--strboard-card-padding-lg:var(--strboard-space-8);--strboard-section-padding-y-sm:var(--strboard-space-12);--strboard-section-padding-y:var(--strboard-space-16);--strboard-section-padding-y-lg:var(--strboard-space-20);--strboard-focus-ring:0 0 0 3px #4285f41a;--strboard-focus-ring-error:0 0 0 3px #ef44441a;--strboard-high-contrast-border:2px solid #000;--strboard-high-contrast-bg:#fff;--strboard-high-contrast-text:#000}.cGaw21EpUkVA5Q97RHU6{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.aVMIKqgVS5Y9VbmPh1n3{box-shadow:var(--strboard-focus-ring-error);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.I3rIDyMHbSOBEaOAqTf_{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition)}.I3rIDyMHbSOBEaOAqTf_:hover{transform:translateY(-1px)}.y3rahzS8qW9T8Q_WCQ7h{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;transition:var(--strboard-transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;display:inline-flex}.y3rahzS8qW9T8Q_WCQ7h:focus{box-shadow:var(--strboard-focus-ring);transition:box-shadow var(--strboard-duration-150)var(--strboard-ease-out);outline:none}.y3rahzS8qW9T8Q_WCQ7h:disabled{cursor:not-allowed;opacity:.6}.FUJch6K9vVBS76vf94De{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._3QQtId4ZFunM4lwR56ZS{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:480px){.AD1F1WvRkTF3cBaVjkta{display:block}.uteLZJP8EO7qPvIVv292{display:none}}@media (min-width:768px){.XiC0khuYDqsUdy7Cf0Jv{display:block}.CJn8DfEGilMTltVLgxx4{display:none}}@media (min-width:992px){.KO85LRuY8EmwbKuNq0Sp{display:block}.IHUtP784fUjkfAC4Q2LB{display:none}}@media (min-width:1200px){.LaskcwhalOXmid4FI1X8{display:block}.yhtMKu9ieJ6JtNkrJ_kA{display:none}}@media (min-width:1400px){.cppkcr3Ba8O2S5RGdfOG{display:block}.Yj3cCTmX1gVyoCJz5Hyw{display:none}}.TIFRWu6aKmDWr5JIOUUA{padding:var(--strboard-space-2)var(--strboard-space-3);font-size:var(--strboard-text-xs)}.vxeikhEov7LgfShwJ4Cg{padding:var(--strboard-space-2)var(--strboard-space-4);font-size:var(--strboard-text-sm)}.bi5XNpVRXs3L3Qjhqf7G{padding:var(--strboard-space-3)var(--strboard-space-6);font-size:var(--strboard-text-base)}.RRZ6OckZWCQ882aSWB6Y{padding:var(--strboard-space-4)var(--strboard-space-8);font-size:var(--strboard-text-lg)}.QbBipPelqQIsSE6Hzg2a{padding:var(--strboard-space-5)var(--strboard-space-10);font-size:var(--strboard-text-xl)}.UnxJ2SpsQKdYOCXXfkts{transition:all var(--strboard-duration-150)var(--strboard-ease-out)}.hQkGcXDLcwttRnGMDsEQ{transition:all var(--strboard-duration-200)var(--strboard-ease-out)}.AOwIKRi2JMeIYmnEbF_2{transition:all var(--strboard-duration-300)var(--strboard-ease-out)}.F2uvyRdgPSBS8F4ye0Wy{background-color:var(--strboard-primary-600);color:#fff;border-color:var(--strboard-primary-600)}.F2uvyRdgPSBS8F4ye0Wy:hover:not(:disabled){background-color:var(--strboard-primary-700);border-color:var(--strboard-primary-700)}.F2uvyRdgPSBS8F4ye0Wy:active:not(:disabled){background-color:var(--strboard-primary-800);border-color:var(--strboard-primary-800);transform:translateY(1px)}.Ul3O0wfCclon6cCjGHxQ{background-color:var(--strboard-gray-100);color:var(--strboard-gray-700);border-color:var(--strboard-gray-300)}.Ul3O0wfCclon6cCjGHxQ:hover:not(:disabled){background-color:var(--strboard-gray-200);border-color:var(--strboard-gray-300)}.Ul3O0wfCclon6cCjGHxQ:active:not(:disabled){background-color:var(--strboard-gray-300);border-color:var(--strboard-gray-300);transform:translateY(1px)}.lE5EXc4f4D80yYnJ2L6A{color:var(--strboard-primary-600);border-color:var(--strboard-primary-600);background-color:#0000}.lE5EXc4f4D80yYnJ2L6A:hover:not(:disabled){background-color:var(--strboard-primary-50);border-color:var(--strboard-primary-600)}.lE5EXc4f4D80yYnJ2L6A:active:not(:disabled){background-color:var(--strboard-primary-100);border-color:var(--strboard-primary-600);transform:translateY(1px)}.WaBckygx4ZWUdbb0ufBq{background-color:var(--strboard-error-500);color:#fff;border-color:var(--strboard-error-500)}.WaBckygx4ZWUdbb0ufBq:hover:not(:disabled){background-color:var(--strboard-error-600);border-color:var(--strboard-error-600)}.WaBckygx4ZWUdbb0ufBq:active:not(:disabled){background-color:var(--strboard-error-700);border-color:var(--strboard-error-700);transform:translateY(1px)}._Shh1H2wVca52zZIR8In{background-color:var(--strboard-success-500);color:#fff;border-color:var(--strboard-success-500)}._Shh1H2wVca52zZIR8In:hover:not(:disabled){background-color:var(--strboard-success-600);border-color:var(--strboard-success-600)}._Shh1H2wVca52zZIR8In:active:not(:disabled){background-color:var(--strboard-success-700);border-color:var(--strboard-success-700);transform:translateY(1px)}._9yCNh8Q6Mgu3P5aBWMc{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-4);border-radius:var(--strboard-rounded)}.qxxqhCJ7wCfNdvObd_MQ{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);transition:var(--strboard-transition);padding:var(--strboard-space-6);border-radius:var(--strboard-rounded-lg)}.S4yz0K_PyJfC1Q9Hlzdy{background-color:var(--strboard-bg-primary);border:var(--strboard-border)solid var(--strboard-border-primary);border-radius:var(--strboard-rounded-lg);transition:var(--strboard-transition);padding:var(--strboard-space-8);border-radius:var(--strboard-rounded-xl)}._9yCNh8Q6Mgu3P5aBWMc:hover,.qxxqhCJ7wCfNdvObd_MQ:hover,.S4yz0K_PyJfC1Q9Hlzdy:hover{transform:translateY(-1px)}.JEDUsSF1LnjdLIp6P0j_{width:12px;height:12px;font-size:12px}.qZ9K4E6YFLroS_pnQMTy{width:16px;height:16px;font-size:16px}.ip5YCRnhY7WBHw4LSYeJ{width:20px;height:20px;font-size:20px}.EDBmqeAuHC5OhhR_ff0l{width:24px;height:24px;font-size:24px}.eng6dErIzXPbIJa04PJZ{width:32px;height:32px;font-size:32px}.RzllvWe4xAxBsoNRv8bp{width:40px;height:40px;font-size:40px}.dZ0KY_v_jQNCM30eLxsx{transition:var(--strboard-transition)}.dZ0KY_v_jQNCM30eLxsx:hover{transform:translateY(-2px)}.fLFqtX_tDo8n7OWEwyBt{align-items:flex-start;gap:var(--strboard-space-4);width:100%;height:100%;flex-direction:column!important;display:flex!important}.YOj8Z2PbDBXgO1Vkd01k{gap:var(--strboard-space-4);margin-bottom:var(--strboard-space-4);width:100%;display:flex}.YOj8Z2PbDBXgO1Vkd01k .oDQMnIcRQAPt9cx7jPn_{width:40px;height:40px;color:var(--strboard-primary-600);font-size:var(--strboard-text-base);background-color:#4285f41a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.YOj8Z2PbDBXgO1Vkd01k .tQT7KQ0NQ2dU6GvfRAqW{flex:1}.YOj8Z2PbDBXgO1Vkd01k .l9viT1Wql1x7l1cxZ_Ht{font-size:var(--strboard-text-lg);font-weight:var(--strboard-font-semibold);color:var(--strboard-gray-800);margin-bottom:var(--strboard-space-1);line-height:var(--strboard-leading-tight)}.YOj8Z2PbDBXgO1Vkd01k .y5CVGSrkN1wQ5n2YuNTs{font-size:var(--strboard-text-sm);color:var(--strboard-gray-500);font-weight:var(--strboard-font-regular);line-height:var(--strboard-leading-normal);margin:0}.RrV6AkLutMg6XM8XmQ0V{margin-bottom:var(--strboard-space-4);width:100%}.RrV6AkLutMg6XM8XmQ0V .SsKQbMar3bzJRbgjPdgt{align-items:center;gap:var(--strboard-space-2);padding:var(--strboard-space-2)0;font-size:var(--strboard-text-sm);color:var(--strboard-gray-800);display:flex}.RrV6AkLutMg6XM8XmQ0V .SsKQbMar3bzJRbgjPdgt .HJlvcEGwa0KNAsMdrgy5{color:var(--strboard-success-600);flex-shrink:0}.RrV6AkLutMg6XM8XmQ0V .SsKQbMar3bzJRbgjPdgt .W_BLawnOmFymvMw1nl2E{flex:1}.RrV6AkLutMg6XM8XmQ0V .JvHLg7SKwBLP660y9WYL{align-items:center;gap:var(--strboard-space-2);padding:var(--strboard-space-3);background-color:var(--strboard-gray-50);border-radius:var(--strboard-rounded-lg);color:var(--strboard-gray-500);font-size:var(--strboard-text-sm);display:flex}.VMVAfL7kiqz2G3pVlYTY{width:100%;padding:var(--strboard-space-3)var(--strboard-space-4);background-color:var(--strboard-primary-600);color:#fff;border-radius:var(--strboard-rounded-lg);font-size:var(--strboard-text-base);font-weight:var(--strboard-font-medium);cursor:pointer;border:none;transition:background-color .2s}.VMVAfL7kiqz2G3pVlYTY:hover{background-color:var(--strboard-primary-700)}.VMVAfL7kiqz2G3pVlYTY:active{transform:translateY(1px)}@media (min-width:768px){.dZ0KY_v_jQNCM30eLxsx:hover{transform:translateY(-3px)}.YOj8Z2PbDBXgO1Vkd01k .oDQMnIcRQAPt9cx7jPn_{width:48px;height:48px;font-size:var(--strboard-text-lg)}.YOj8Z2PbDBXgO1Vkd01k .l9viT1Wql1x7l1cxZ_Ht{font-size:var(--strboard-text-xl)}}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
:root{--base-font-size:16px;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-secondary:"Nunito",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--color-primary:#4285f4;--color-primary-dark:#3367d6;--color-primary-light:#60a5fa;--color-secondary:#10b981;--color-secondary-dark:#059669;--color-secondary-light:#34d399;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-bg-primary:#fff;--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--border-radius-sm:.25rem;--border-radius-base:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-full:9999px;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:4px;--shadow-xs:none;--shadow-sm:none;--shadow-base:none;--shadow-lg:none;--shadow-xl:none;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--layout-max-width:1280px;--layout-sidebar-width:250px;--layout-header-height:64px}.kOpnGqQPHx50wVBLJP21{max-width:1200px;margin:0 auto;padding:24px}.csI0RaAABJvHhOmNOpYX{margin-bottom:32px}.ee8ZGOCG7choJ5LZs7ug{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.svlxu6vEmIthd7mmodnG{color:#4285f4;margin:0;font-size:32px;font-weight:600}.OSgGC4SawZF8CbKKMee7{flex-direction:column;align-items:flex-end;display:flex}.OSgGC4SawZF8CbKKMee7 .Grzpilk9I4py403cCTC4{color:#666;margin-bottom:4px;font-size:12px;font-weight:500}.OSgGC4SawZF8CbKKMee7 .hPXCa9wXa_aivDDZyuQF{color:#28a745;background-color:#28a7451a;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:600}.yk2lFkzy8izIOByo3QJo{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}@media (max-width:1024px){.yk2lFkzy8izIOByo3QJo{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.yk2lFkzy8izIOByo3QJo{grid-template-columns:1fr}}.a3Y8NF1s0Cax8ApdaOID{margin-bottom:32px}.YupvWke6BEHQCeXr4QfQ{background-color:#fff;border:1px solid #e1e5e9;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px;display:grid}@media (max-width:1024px){.YupvWke6BEHQCeXr4QfQ{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.YupvWke6BEHQCeXr4QfQ{grid-template-columns:1fr}}._fuy8SXsLr_zgv1nvTxC .s4on9TMtFQ4BSk4v9WQU{color:#333;border-bottom:2px solid #4285f4;margin-bottom:16px;padding-bottom:8px;font-size:16px;font-weight:600}._fuy8SXsLr_zgv1nvTxC .s4on9TMtFQ4BSk4v9WQU span{width:100%;padding:5px 10px;display:block}._fuy8SXsLr_zgv1nvTxC .s4on9TMtFQ4BSk4v9WQU .gtkCZhidfvHLmPUsuzIA{color:#7a7a7a;text-align:center;background-color:#e9ecef;border-radius:20px}.tSIAyh89oz5wlYpGbf27{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tSIAyh89oz5wlYpGbf27 .QWiwq6grUjoQ3O3_Ss2F{color:#666;font-size:14px;font-weight:500}.tSIAyh89oz5wlYpGbf27 .edN97OgGVT11DebQ3_WZ{color:#333;text-align:right;font-size:14px;font-weight:600}.y2VuG27jPBkROw4mNXdI{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;padding:24px;display:grid}@media (max-width:1024px){.y2VuG27jPBkROw4mNXdI{grid-template-columns:1fr;gap:16px}}@media (max-width:768px){.y2VuG27jPBkROw4mNXdI{grid-template-columns:1fr;gap:16px}}.DfHSBWjxgj9eBBwXVJEM{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.DfHSBWjxgj9eBBwXVJEM .v_Gu4wXvHOUT7SjmwwL0{justify-content:center;align-items:center;padding:20px;display:flex}.DfHSBWjxgj9eBBwXVJEM .v_Gu4wXvHOUT7SjmwwL0 .VmMt6dqzlNB2_xWHW84x{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.DfHSBWjxgj9eBBwXVJEM .v_Gu4wXvHOUT7SjmwwL0 .VmMt6dqzlNB2_xWHW84x .iBBfRtF0OFoEpb3efc6r{color:#0f172a;font-size:24px;font-weight:700;line-height:1}.DfHSBWjxgj9eBBwXVJEM .v_Gu4wXvHOUT7SjmwwL0 .VmMt6dqzlNB2_xWHW84x .ie54C6K2OWM_uk11tHb5{color:#64748b;font-size:13px;font-weight:500;line-height:1}.DfHSBWjxgj9eBBwXVJEM .jMQjyETAtxfVQfJtMiu1{color:#475569;text-align:center;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:13px;font-weight:600}.hqeLZCYy0B2Qvku9YFNH{background-color:#fff;border:1px solid #e1e5e9;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 24px;display:flex}@media (max-width:1024px){.hqeLZCYy0B2Qvku9YFNH{flex-wrap:wrap;gap:16px}}@media (max-width:768px){.hqeLZCYy0B2Qvku9YFNH{flex-direction:column;align-items:stretch;gap:12px}}.SlRu5_2VxmioCElIrYI5{text-align:center;flex-direction:column;align-items:center;display:flex}@media (max-width:768px){.SlRu5_2VxmioCElIrYI5{text-align:left;flex-direction:row;justify-content:space-between;align-items:center}}.SlRu5_2VxmioCElIrYI5 ._67ChxHyTuhnmzINzR4y{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600}@media (max-width:768px){.SlRu5_2VxmioCElIrYI5 ._67ChxHyTuhnmzINzR4y{margin-bottom:0}}.SlRu5_2VxmioCElIrYI5 .E7_B0K_bZN41O739wWJo{color:#333;font-size:16px;font-weight:700}.o1UHRMUzxJIOD366vDbg{grid-template-columns:1fr 2fr;gap:32px;display:grid}@media (max-width:1024px){.o1UHRMUzxJIOD366vDbg{grid-template-columns:1fr;gap:24px}}.FllP5PwEOSzpFPj8Jj6d{background-color:#fff;border:1px solid #e1e5e9;border-radius:18px;padding:24px}.FllP5PwEOSzpFPj8Jj6d .D4dQQJc1nAZvl4tq96jP{align-items:center;gap:12px;margin-bottom:16px;display:flex}.FllP5PwEOSzpFPj8Jj6d .D4dQQJc1nAZvl4tq96jP .O9V5x33TYUBExYzg3iaV{color:#4285f4;font-size:18px}.FllP5PwEOSzpFPj8Jj6d .D4dQQJc1nAZvl4tq96jP h3{color:#333;margin:0;font-size:16px;font-weight:600}.FllP5PwEOSzpFPj8Jj6d .WVmhcQgUXuJNYzvZB1Cb{justify-content:space-between;align-items:center;display:flex}.FllP5PwEOSzpFPj8Jj6d .WVmhcQgUXuJNYzvZB1Cb p{color:#666;margin:0;font-size:14px}.FllP5PwEOSzpFPj8Jj6d .WVmhcQgUXuJNYzvZB1Cb .neH5LIXscl0pI0hJUUOj{color:#fff;cursor:pointer;background-color:#4285f4;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background-color .2s;display:flex}.FllP5PwEOSzpFPj8Jj6d .WVmhcQgUXuJNYzvZB1Cb .neH5LIXscl0pI0hJUUOj:hover{background-color:#3367d6}.bQ1wiq0zkEntrCIwF2Q3{background-color:#eef0f1;border-radius:18px;padding:20px}.bQ1wiq0zkEntrCIwF2Q3 .D4dQQJc1nAZvl4tq96jP{align-items:center;gap:12px;margin-bottom:20px;display:flex}.bQ1wiq0zkEntrCIwF2Q3 .D4dQQJc1nAZvl4tq96jP .O9V5x33TYUBExYzg3iaV{box-sizing:content-box;color:#4285f4;background-color:#fff;border-radius:50%;padding:8px;font-size:18px}.bQ1wiq0zkEntrCIwF2Q3 .D4dQQJc1nAZvl4tq96jP h3{color:#333;margin:0;font-size:14px;font-weight:600}.P0k00Lbj_XglVYStXM7E{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:768px){.P0k00Lbj_XglVYStXM7E{grid-template-columns:1fr}}.T_aW9FfLmKxfzt7Fy0Re{background-color:#fff;border-radius:16px;padding:16px}.T_aW9FfLmKxfzt7Fy0Re h4{color:#333;margin-bottom:8px;font-size:14px;font-weight:600}.T_aW9FfLmKxfzt7Fy0Re p{color:#666;margin:2px 0;font-size:12px;line-height:1.4}
.jHpkGOmYyWAKKQLNGxL7 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: #ffffff;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
}

.wjogNFVzhvSV10038tuE {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}

.Z_ZD4Uj_Id1prUKSJTNQ {
  font-size: 24px;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  letter-spacing: -0.025em;
}

.w_wCez9ckDb99v7lxE2K {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 16px 20px;
  margin-bottom: 20px;
  background: linear-gradient(135deg, #fef3c7, #fde68a);
  border: 1px solid #fbbf24;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(251, 191, 36, 0.15);
  transition: all 0.15s ease;
}

.w_wCez9ckDb99v7lxE2K:hover {
  box-shadow: 0 4px 8px rgba(251, 191, 36, 0.25);
  transform: translateY(-1px);
}

.Cuq3nTE717k6aYZQkJBg {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}

.OVvb31w76zBU5w2DLDGv {
  font-size: 24px;
  color: #d97706;
  min-width: 24px;
}

.fFhtzo5RUL2cbbmt2zB7 {
  flex: 1;
}

.v5DktGeq0_yUkJH7sKMX {
  font-size: 16px;
  font-weight: 600;
  color: #92400e;
  margin: 0 0 4px 0;
  letter-spacing: -0.025em;
}

.Bd6rAY5IoO3CQx4f7GFE {
  font-size: 14px;
  color: #78350f;
  margin: 0;
  line-height: 1.4;
}

.WaMOtmJeDGFaa8Bx_Km4 {
  padding: 10px 20px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(217, 119, 6, 0.2);
}

.WaMOtmJeDGFaa8Bx_Km4:hover {
  background: linear-gradient(135deg, #d97706, #b45309);
  box-shadow: 0 4px 8px rgba(217, 119, 6, 0.3);
  transform: translateY(-2px);
}

.WaMOtmJeDGFaa8Bx_Km4:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(217, 119, 6, 0.2);
}

.sgVddMZOwVpuTMplo3O2 {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}

.v7rL95X6a4wlN5Kmk4Un {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
  transition: all 0.15s ease;
}

.v7rL95X6a4wlN5Kmk4Un:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
}

.hYVZtVBUEr1rcT5oJ6tp {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.Lo2tiqJP2DXefsQK1gOp {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.025em;
}

.StBuP83RHDancyH9wKul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

.WfmCqaVohvUl1X8nIFHq {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

.pWJbBemBLhgaRpUKxguc {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.MWJ2oeZ5aYdegS_gpM7o {
  background: white;
  border-radius: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
  padding: 20px;
  transition: all 0.15s ease;
}

.MWJ2oeZ5aYdegS_gpM7o:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.dg9uHKGuRPVKwUrA25vq {
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin: 0 0 16px 0;
  letter-spacing: -0.025em;
}

.dn11vxLx6Ws01T3oYEzN {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}

.x3MMNf9pwbUXgYdrJ3sx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
}

.x3MMNf9pwbUXgYdrJ3sx:last-child {
  border-bottom: none;
}

.x3MMNf9pwbUXgYdrJ3sx.qRqu0AjdcPi_gvKnaYbu {
  padding-top: 16px;
  border-top: 2px solid #e5e7eb;
  margin-top: 8px;
}

.evgoeebvI9aQdq2eFyxH {
  font-size: 14px;
  color: #64748b;
  font-weight: 500;
}

.PqIHqS7W9vqti8AYfVqb {
  font-size: 16px;
  font-weight: 600;
  color: #0f172a;
}

.x3MMNf9pwbUXgYdrJ3sx.qRqu0AjdcPi_gvKnaYbu .evgoeebvI9aQdq2eFyxH {
  font-weight: 600;
  color: #0f172a;
}

.x3MMNf9pwbUXgYdrJ3sx.qRqu0AjdcPi_gvKnaYbu .PqIHqS7W9vqti8AYfVqb {
  font-size: 20px;
  color: #3b82f6;
}

.UgGF_5FRN9OMEQ1qH5Pd {
  background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  border: 1px solid #bae6fd;
}

.UgGF_5FRN9OMEQ1qH5Pd h3 {
  font-size: 13px;
  font-weight: 600;
  color: #0369a1;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 8px 0;
}

.hLq79p08X0XX1C_VnQHd {
  font-size: 28px;
  font-weight: 700;
  color: #0c4a6e;
  margin: 0;
}

.RhzCxTOdNy9cEW7CjJ4q {
  background: white;
  border-radius: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
  padding: 20px;
  transition: all 0.15s ease;
}

.RhzCxTOdNy9cEW7CjJ4q:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.oefeWmZp2H3SjnUGNfgU {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.GbrO4fo0gXdFnVCod5hw {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.rcfD6dzlqgZjJ1v9ZeNg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  color: white;
  border-radius: 50%;
  font-weight: 600;
  font-size: 14px;
}

.JlRPQPxfSH5U5550voiL h4 {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  margin: 0 0 4px 0;
}

.JlRPQPxfSH5U5550voiL p {
  font-size: 13px;
  color: #64748b;
  margin: 0;
  line-height: 1.5;
}

.N_fqa6D88tPY7xePSupg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  gap: 16px;
}

.rNx_mvlVY0WwS9eh73fM {
  font-size: 32px;
  color: #3b82f6;
  animation: FziRCpRXSWKJ1j9zNwOg 1s linear infinite;
}

@keyframes FziRCpRXSWKJ1j9zNwOg {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.N_fqa6D88tPY7xePSupg p {
  font-size: 14px;
  color: #64748b;
  margin: 0;
}

.OzbhDXPscrs2dFAAyH5b {
  color: #3b82f6;
}

.F3Q7nLJm1wGTJSqBgsBc {
  color: #ef4444;
}

._C1TYiSoFNn1G7UTrESv {
  margin-bottom: 16px;
}

.Ckwvyg56EhOQ9DXByCz_ {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  background-color: #fff;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #e1e5e9;
}

.dQyUN9HKfelTJHGdzzfI {
}

.dQyUN9HKfelTJHGdzzfI .Cf6CzcyUOn27LkW2wws6 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid #3b82f6;
}

.dQyUN9HKfelTJHGdzzfI .Cf6CzcyUOn27LkW2wws6 span {
  padding: 5px 10px;
  display: block;
  width: 100%;
}

.PaaNuaStOlhKd5HKA1CX {
  color: #7a7a7a !important;
  background-color: #e9ecef;
  border-radius: 20px;
  text-align: center;
}

.uIU6aY3miWYHA7hhP9xL {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.P_2acB7X8A8WLb1jhdcv {
  font-size: 14px;
  color: #666;
  font-weight: 500;
}

.zvuFmXheOB6r6Gs7rfFm {
  font-size: 14px;
  color: #333;
  font-weight: 600;
  text-align: right;
}

.g6atDUe28s11c5OC5YIK {
  background: #f8f9fb;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  padding: 24px;
}

.FCYmPSdn7Ca0p5fFbAq2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.gND6HCw5sGm885w_qFBA {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  border-radius: 10px;
}

.b7f9zydIjBQWdYNNhapz {
  color: #fff;
  font-size: 16px;
}

.SUw0uQGzf4PaIR0YlPSB {
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
  letter-spacing: -0.025em;
}

.gWWzU3xrPT8pAmKfrcQq {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}

.wdTb9AUITAkn7wVg1lrw {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 16px 16px 16px 20px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

.wdTb9AUITAkn7wVg1lrw:hover {
  border-color: #c7d2e0;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.xA4qJ_FooOqZ7gsm10VD {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #3b82f6, #1d4ed8);
  border-radius: 4px 0 0 4px;
}

.jZBAyCr8en2JFMUf5OYJ {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  color: #3b82f6;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
}

.K659hJat7Qphhe2Ol35b {
  font-size: 15px;
  font-weight: 600;
  color: #0f172a;
  margin: 0 0 10px 0;
  line-height: 1.3;
}

.N7PhmPvNR0oaqOzAn5Yi {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ZnGXLjLjwIpRoBcG_G4W {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #64748b;
  text-decoration: none;
  padding: 2px 0;
  transition: color 0.15s ease;
}

.ZnGXLjLjwIpRoBcG_G4W:hover {
  color: #3b82f6;
}

.aiPlKOAaBOvSNx0Gj_lX {
  font-size: 11px;
  color: #94a3b8;
  min-width: 11px;
  transition: color 0.15s ease;
}

.ZnGXLjLjwIpRoBcG_G4W:hover .aiPlKOAaBOvSNx0Gj_lX {
  color: #3b82f6;
}

.wvfAVYBUAeB_mM5moQKs {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: #94a3b8;
}

.qUUhXtEZphgeB3XlcFfw {
  font-size: 28px;
  margin-bottom: 10px;
  opacity: 0.5;
}

.wvfAVYBUAeB_mM5moQKs p {
  margin: 0;
  font-size: 14px;
  font-style: italic;
}

@media (max-width: 1200px) {
  .jHpkGOmYyWAKKQLNGxL7 {
    padding: 16px;
  }
}

@media (max-width: 1024px) {
  .Ckwvyg56EhOQ9DXByCz_ {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .jHpkGOmYyWAKKQLNGxL7 {
    padding: 16px 14px;
  }

  .wjogNFVzhvSV10038tuE {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 16px;
  }

  .Z_ZD4Uj_Id1prUKSJTNQ {
    font-size: 22px;
  }

  .w_wCez9ckDb99v7lxE2K {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 14px 16px;
  }

  .Cuq3nTE717k6aYZQkJBg {
    gap: 12px;
  }

  .OVvb31w76zBU5w2DLDGv {
    font-size: 20px;
    min-width: 20px;
  }

  .v5DktGeq0_yUkJH7sKMX {
    font-size: 15px;
  }

  .Bd6rAY5IoO3CQx4f7GFE {
    font-size: 13px;
  }

  .WaMOtmJeDGFaa8Bx_Km4 {
    width: 100%;
    padding: 12px;
  }

  .sgVddMZOwVpuTMplo3O2 {
    flex-direction: column;
    gap: 10px;
  }

  .v7rL95X6a4wlN5Kmk4Un {
    padding: 10px 14px;
  }

  .Lo2tiqJP2DXefsQK1gOp {
    font-size: 15px;
  }

  .StBuP83RHDancyH9wKul {
    grid-template-columns: repeat(2, 1fr);
  }

  .WfmCqaVohvUl1X8nIFHq {
    grid-template-columns: repeat(2, 1fr);
  }

  .Ckwvyg56EhOQ9DXByCz_ {
    grid-template-columns: 1fr;
  }

  .gWWzU3xrPT8pAmKfrcQq {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .jHpkGOmYyWAKKQLNGxL7 {
    padding: 14px 12px;
  }

  .Z_ZD4Uj_Id1prUKSJTNQ {
    font-size: 20px;
  }

  .v7rL95X6a4wlN5Kmk4Un {
    padding: 10px 14px;
  }

  .hYVZtVBUEr1rcT5oJ6tp {
    font-size: 11px;
  }

  .Lo2tiqJP2DXefsQK1gOp {
    font-size: 14px;
  }

  .StBuP83RHDancyH9wKul {
    grid-template-columns: 1fr;
  }

  .WfmCqaVohvUl1X8nIFHq {
    grid-template-columns: 1fr;
  }
}


.WN7nUpcs0Q8WPiqhScGz {
  perspective: 1000px;
  height: 100%;
}

.WN7nUpcs0Q8WPiqhScGz.dhA9bsMPmUPh32qwCc5g {
  cursor: pointer;
}

.WiAWn8kc8wQj9wxaa1WP {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.WN7nUpcs0Q8WPiqhScGz.dhA9bsMPmUPh32qwCc5g .WiAWn8kc8wQj9wxaa1WP {
  min-height: 180px;
}

.WiAWn8kc8wQj9wxaa1WP.XTaPd0fUMBFcvFOA_4gA {
  transform: rotateY(180deg);
}

.we56rv7EA8nxLXDmfPwU,
.w3cyY0zcJ_Hg_Ld1VkpJ {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 14px 16px;
  background: var(--admin-card-bg);
  border-radius: 8px;
  box-shadow: var(--admin-shadow-sm);
  border: 1px solid var(--admin-border-light);
  transition: all 0.15s ease;
}

.WN7nUpcs0Q8WPiqhScGz:not(.dhA9bsMPmUPh32qwCc5g) .we56rv7EA8nxLXDmfPwU {
  position: relative;
}

.we56rv7EA8nxLXDmfPwU {
  z-index: 2;
  transform: rotateY(0deg);
}

.w3cyY0zcJ_Hg_Ld1VkpJ {
  transform: rotateY(180deg);
  justify-content: center;
}

.WN7nUpcs0Q8WPiqhScGz:hover .we56rv7EA8nxLXDmfPwU,
.WN7nUpcs0Q8WPiqhScGz:hover .w3cyY0zcJ_Hg_Ld1VkpJ {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  transform-origin: center;
}

.WN7nUpcs0Q8WPiqhScGz:not(.dhA9bsMPmUPh32qwCc5g):hover .we56rv7EA8nxLXDmfPwU {
  transform: translateY(-1px);
}

.ChsSkYmcbaK_OK7l0Buw {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}

.r_o335ZV83mY6DvmR1EG {
  font-size: 20px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin-bottom: 10px;
  letter-spacing: -0.025em;
}

.cSxeurj7RYXMh2rzRSFJ {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}

.zYGjcTVJbDwKsWTUegSq {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  letter-spacing: -0.025em;
}

.ywp9DJxw1ssOSKSpgiD8 {
  position: absolute;
  top: 8px;
  right: 8px;
  color: var(--admin-text-tertiary);
  font-size: 16px;
  transition: color 0.15s ease;
}

.dMEdKDIdhYNbgCYikqyv {
  transform: scaleX(-1);
}

.WN7nUpcs0Q8WPiqhScGz.dhA9bsMPmUPh32qwCc5g:hover .ywp9DJxw1ssOSKSpgiD8 {
  color: #3b82f6;
}

.FpFNu8SJg9ElN18izJBl {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.B_SCcqq6qVXgdM3t0LUv {
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-accent-primary, #3b82f6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 2px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--admin-border-light);
}

.MNmCKK7noxCSLyynuzyE {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  text-align: left;
}

.yr3Gy4y3TzOrC4RJOx3B {
  font-size: 9px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  flex-shrink: 0;
}

.zaWfsgRdkZdllbliq8tL {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
  letter-spacing: -0.025em;
  text-align: right;
}

.EuddyIHerhTsRDcjJcwt {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.a89PcQM8fN2K1vmtoFv2 {
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-accent-primary, #3b82f6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 2px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--admin-border-light);
}

.ZNP1SsoZa6uP7KiXJIC8 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  text-align: left;
}

._bYD84_c6QUw31DJAWos {
  font-size: 9px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  flex-shrink: 0;
}

.b8rU2xscfAsf8zzWSJHb {
  font-size: 13px;
  font-weight: 600;
  color: var(--admin-text-primary);
  letter-spacing: -0.025em;
  text-align: right;
}

@media (max-width: 768px) {
  .ChsSkYmcbaK_OK7l0Buw,
  .cSxeurj7RYXMh2rzRSFJ {
    font-size: 9px;
  }

  .r_o335ZV83mY6DvmR1EG {
    font-size: 18px;
  }

  .zYGjcTVJbDwKsWTUegSq {
    font-size: 13px;
  }

  .we56rv7EA8nxLXDmfPwU,
  .w3cyY0zcJ_Hg_Ld1VkpJ {
    padding: 12px 14px;
  }
}

@media (max-width: 480px) {
  .r_o335ZV83mY6DvmR1EG {
    font-size: 16px;
  }

  .zYGjcTVJbDwKsWTUegSq {
    font-size: 12px;
  }
}

.IYrAXA41swtEQRuQtJb8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 16px;
  background: var(--admin-financial-bar-gradient);
  border-radius: 8px;
  border: 1px solid var(--admin-financial-bar-border);
  gap: 8px;
}

.ODpQwoL7rSvgVlhCSpHT {
  font-size: 32px;
  font-weight: 700;
  color: var(--admin-text-primary);
  letter-spacing: -0.025em;
  line-height: 1.2;
}

.lQK2K1U3_cPSGPfwfTdy {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  letter-spacing: -0.025em;
}

.hn3YiZOLwQZnGkQrL4i1 {
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  letter-spacing: -0.025em;
}

@media (max-width: 768px) {
  .IYrAXA41swtEQRuQtJb8 {
    padding: 16px 14px;
  }

  .ODpQwoL7rSvgVlhCSpHT {
    font-size: 28px;
  }

  .lQK2K1U3_cPSGPfwfTdy {
    font-size: 13px;
  }

  .hn3YiZOLwQZnGkQrL4i1 {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .IYrAXA41swtEQRuQtJb8 {
    padding: 14px 12px;
  }

  .ODpQwoL7rSvgVlhCSpHT {
    font-size: 24px;
  }

  .lQK2K1U3_cPSGPfwfTdy {
    font-size: 12px;
  }

  .hn3YiZOLwQZnGkQrL4i1 {
    font-size: 14px;
  }
}

.hq3LSXPeJGsCHYeNpCIl {
  display: grid;
  background: var(--admin-financial-bar-bg);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
  margin-bottom: 16px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.hq3LSXPeJGsCHYeNpCIl.S8g0HqDQw_6y394Z2fIc {
  background: var(--admin-financial-bar-gradient);
  border: 1px solid var(--admin-financial-bar-border);
}

.scXX7u7_tVyGA3JQB2Aw {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 12px;
  border-right: 1px solid var(--admin-financial-bar-divider);
}

.scXX7u7_tVyGA3JQB2Aw:last-child {
  border-right: none;
}

.Q1OCGNkN0uyi3K_XI60c {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
  text-align: center;
}

.JEdbqAZJrPV535aM6F4Z {
  font-size: 16px;
  font-weight: 700;
  color: var(--admin-text-primary);
  letter-spacing: -0.025em;
  text-align: center;
}

.JEdbqAZJrPV535aM6F4Z.JY09dAMS5kaM19usLNUo {
  color: #3b82f6;
}

.JEdbqAZJrPV535aM6F4Z.hHcjcHBEJ6FF4jGdXKsn {
  color: #ef4444;
}

@media (max-width: 768px) {
  .hq3LSXPeJGsCHYeNpCIl {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .scXX7u7_tVyGA3JQB2Aw {
    border-right: none;
    border-bottom: 1px solid var(--admin-financial-bar-divider);
  }

  .scXX7u7_tVyGA3JQB2Aw:nth-child(2n) {
    border-right: 1px solid var(--admin-financial-bar-divider);
  }

  .scXX7u7_tVyGA3JQB2Aw:nth-last-child(-n+2) {
    border-bottom: none;
  }
}

@media (max-width: 480px) {
  .hq3LSXPeJGsCHYeNpCIl {
    grid-template-columns: 1fr !important;
  }

  .scXX7u7_tVyGA3JQB2Aw {
    border-right: none;
    border-bottom: 1px solid var(--admin-financial-bar-divider);
  }

  .scXX7u7_tVyGA3JQB2Aw:last-child {
    border-bottom: none;
  }

  .Q1OCGNkN0uyi3K_XI60c {
    font-size: 9px;
  }

  .JEdbqAZJrPV535aM6F4Z {
    font-size: 15px;
  }
}

.meu4xdQw3INL4R3o1zSP {
  background: white;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.yn0eCVOAYN1548MX1M72 {
  /* No background, no box-shadow, no padding - allows alert to render without container styling */
}

.HVty5h6BYNPynVPbg67A {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 2px solid #f0f0f0;
}

.Mp6UCJPUscgwvBetKtew {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  color: #2c3e50;
}

.oMykk2mG0pWvypkdgmRw {
  font-size: 13px;
  color: #7f8c8d;
  display: flex;
  align-items: center;
  gap: 4px;
}

.ZGaCmDuTZ_5goyVZfw0w {
  background: #e3f2fd;
  border-left: 4px solid #2196f3;
  padding: 12px 16px;
  border-radius: 6px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 24px;
  font-size: 14px;
  color: #1565c0;
}

.ZGaCmDuTZ_5goyVZfw0w .Zq3sl_MbclGoHDfHLhxz {
  font-size: 20px;
  color: #2196f3;
}

.RNZauxFcqJJmpTKGrcXN {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  .RNZauxFcqJJmpTKGrcXN {
    grid-template-columns: 1fr;
  }
}

.CZhm6HDO2abOCf8N3VaD {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 20px;
}

.rWwABPafiYEjlV_iPvda {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

.rWwABPafiYEjlV_iPvda .Zq3sl_MbclGoHDfHLhxz {
  font-size: 28px;
  color: #6366f1;
  flex-shrink: 0;
}

.H0LQNc8Dzq6MEzN1afO3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: #2c3e50;
}

.erY0CK6ibORQ0tCDb3ih {
  font-size: 12px;
  color: #6b7280;
  background: #e5e7eb;
  padding: 2px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-top: 4px;
}

.ZdEccO3WAgIp4BDB_Kpa {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
  margin: 0 0 16px 0;
}

.HhTpxE_pHTAbtB0bz0CY {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

.ofPXSHGUvaV0auKAa8LK {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  background: white;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
}

.IV6aDsnON2xZBeef7FXp {
  font-size: 14px;
  color: #374151;
}

.qmQCdkF3KdDhq3V3zefh {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
}

.hDLMLFgWIn5ksJDLASYa {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background: #e5e7eb;
  border-radius: 6px;
  font-weight: 600;
  color: #374151;
}

.ws8fspcVAgwSKxDGPDQC {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 8px;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.SyQYgnDdN0RqshoKCyIV {
  font-size: 18px;
  font-weight: 600;
  color: white;
}

.u46qgkFZl0rtATfOB7AM {
  font-size: 32px;
  font-weight: 700;
  color: white;
}

.Z643Dhdm3CzG4YZ8RDh0 {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.Z643Dhdm3CzG4YZ8RDh0 .Zq3sl_MbclGoHDfHLhxz {
  font-size: 24px;
  color: #6c757d;
  flex-shrink: 0;
}

.Z643Dhdm3CzG4YZ8RDh0 strong {
  display: block;
  margin-bottom: 4px;
  color: #2c3e50;
  font-size: 14px;
}

.Z643Dhdm3CzG4YZ8RDh0 p {
  margin: 0;
  color: #6c757d;
  font-size: 13px;
}

.li90KGNu2mKBht936qjG {
  text-align: center;
  padding: 40px;
  color: #7f8c8d;
}

.li90KGNu2mKBht936qjG p {
  margin-top: 12px;
}

.nmPFvZ_lqTe6cFkipvu9 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-radius: 8px;
  font-size: 14px;
}

.nmPFvZ_lqTe6cFkipvu9 .Zq3sl_MbclGoHDfHLhxz {
  font-size: 24px;
  flex-shrink: 0;
}

.rtgxEjd_RVuLGideG7dE {
  background: white;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.sFfFRYMUY9dHI9l65fbm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.TMxRu6jCBUbBPfyf1o6o {
  display: flex;
  gap: 16px;
  font-size: 13px;
  color: #6b7280;
}

.FmWaEVyENz47HqlslQEZ {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: #2c3e50;
}

.B0SQomWJx6B4KomJjWjn {
  font-size: 24px;
  font-weight: 700;
  color: #3498db;
}

@media (max-width: 768px) {
  .meu4xdQw3INL4R3o1zSP {
    padding: 16px;
  }

  .HVty5h6BYNPynVPbg67A {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .Mp6UCJPUscgwvBetKtew {
    font-size: 20px;
  }

  .gRGuiqakDKWgCYS70lKv {
    grid-template-columns: 1fr;
  }

  .ws8fspcVAgwSKxDGPDQC {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .u46qgkFZl0rtATfOB7AM {
    font-size: 28px;
  }
}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
:root{--base-font-size:16px;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-secondary:"Nunito",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--color-primary:#4285f4;--color-primary-dark:#3367d6;--color-primary-light:#60a5fa;--color-secondary:#10b981;--color-secondary-dark:#059669;--color-secondary-light:#34d399;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-bg-primary:#fff;--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--border-radius-sm:.25rem;--border-radius-base:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-full:9999px;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:4px;--shadow-xs:none;--shadow-sm:none;--shadow-base:none;--shadow-lg:none;--shadow-xl:none;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--layout-max-width:1280px;--layout-sidebar-width:250px;--layout-header-height:64px}.QztvQZMTRxGDMsxwhnhI{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-family:IBM Plex Mono,monospace;overflow:hidden}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY{color:#c9d1d9;background:#0d1117;border-color:#21262d}.gMjbQoUWo21lj1JYw6mO{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .gMjbQoUWo21lj1JYw6mO{border-bottom-color:#21262d}.boFOl4wZQKtl1j_v4gYD{flex-wrap:wrap;gap:4px;display:flex}.u7SpHcUBHXQpUYr_nQ2E{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .u7SpHcUBHXQpUYr_nQ2E{color:#8b949e}.u7SpHcUBHXQpUYr_nQ2E:hover{background:#f1f5f9}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .u7SpHcUBHXQpUYr_nQ2E:hover{background:#21262d}.u7SpHcUBHXQpUYr_nQ2E.orRA_WZlIaI7L5sMhlnp{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0;font-weight:600}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .u7SpHcUBHXQpUYr_nQ2E.orRA_WZlIaI7L5sMhlnp{color:#c9d1d9;background:#21262d;border-color:#30363d}.iyYmkwZMM1KIivUHdRh4{text-align:center;background:#e2e8f0;border-radius:10px;min-width:18px;padding:2px 6px;font-size:10px;font-weight:600}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .iyYmkwZMM1KIivUHdRh4{background:#30363d}.BUqX94SHARp7bo04pMn4{color:#64748b;align-items:center;gap:12px;font-size:12px;display:flex}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .BUqX94SHARp7bo04pMn4{color:#8b949e}.BUqX94SHARp7bo04pMn4 button{color:#0f172a;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:11px;display:flex}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .BUqX94SHARp7bo04pMn4 button{color:#c9d1d9;background:#21262d;border-color:#30363d}.Lq9tCqJ9NfGHjM_0Mklp{overflow-x:auto}.TNl6vZU55aM1CVfTtDLt,.ViJ03Qitpwa_MqnTNitI{min-width:720px;display:flex}.TNl6vZU55aM1CVfTtDLt{background:#f8fafc;border-bottom:1px solid #e2e8f0}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .TNl6vZU55aM1CVfTtDLt{background:#161b22;border-bottom-color:#21262d}.iWibJlMGg6dOORFUSxxw{color:#64748b;text-transform:uppercase;letter-spacing:.05em;align-items:center;min-height:44px;padding:12px 16px;font-size:11px;font-weight:600;display:flex}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .iWibJlMGg6dOORFUSxxw{color:#8b949e}.VmzGZ7PFxnpR6sIFo9wD{flex:0 0 44px;justify-content:center;align-items:center;padding:0;display:flex}.iWibJlMGg6dOORFUSxxw:nth-child(2){flex:2.2;min-width:0}.iWibJlMGg6dOORFUSxxw:nth-child(3){flex:1}.iWibJlMGg6dOORFUSxxw:nth-child(4){flex:.9}.iWibJlMGg6dOORFUSxxw:nth-child(5),.iWibJlMGg6dOORFUSxxw:nth-child(6){flex:.8}.iWibJlMGg6dOORFUSxxw:nth-child(7){flex:.9}.VmzGZ7PFxnpR6sIFo9wD input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;width:15px;height:15px}.igIucZdR9zBP8ZhSt7Us{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:4px}.igIucZdR9zBP8ZhSt7Us:hover{color:#0f172a}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .igIucZdR9zBP8ZhSt7Us:hover{color:#c9d1d9}.Vw4F5wr8DIiLIrvwdP1g{opacity:.7;font-size:14px}.arStfn4eZSNVhBp2mlZZ{flex-direction:column;display:flex}.ViJ03Qitpwa_MqnTNitI{border-bottom:1px solid #e2e8f0;transition:background .1s}.ViJ03Qitpwa_MqnTNitI:last-child{border-bottom:none}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .ViJ03Qitpwa_MqnTNitI{border-bottom-color:#21262d}.ViJ03Qitpwa_MqnTNitI:hover{background:#f8fafc}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .ViJ03Qitpwa_MqnTNitI:hover{background:#161b22}.ViJ03Qitpwa_MqnTNitI.JSBPryl1x833nvi04bgX{background:#3b82f60f}.ViJ03Qitpwa_MqnTNitI .iWibJlMGg6dOORFUSxxw{color:#0f172a;text-transform:none;letter-spacing:0;font-size:13px;font-weight:400}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .ViJ03Qitpwa_MqnTNitI .iWibJlMGg6dOORFUSxxw{color:#c9d1d9}.O69uQo3Pktlubu9I87se{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.w7MkDH_2_BB6vOLtkX1w{color:#d97706;white-space:nowrap;background:#f59e0b26;border-radius:4px;flex-shrink:0;margin-left:8px;padding:2px 6px;font-size:10px}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .w7MkDH_2_BB6vOLtkX1w{color:#fbbf24;background:#f59e0b33}.EtBmx4pEFv3bE7lJ8hyy{color:#64748b;font-size:12px}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .EtBmx4pEFv3bE7lJ8hyy{color:#8b949e}.snXrVimsZTkGAUbC3TQN{white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500}.snXrVimsZTkGAUbC3TQN.N1GhEwxtxnoRyfAxVjF4{color:#16a34a;background:#22c55e26}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .snXrVimsZTkGAUbC3TQN.N1GhEwxtxnoRyfAxVjF4{color:#3fb950}.snXrVimsZTkGAUbC3TQN.wQK4BVLJTcBSoVQPvtDg{color:#2563eb;background:#3b82f626}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .snXrVimsZTkGAUbC3TQN.wQK4BVLJTcBSoVQPvtDg{color:#58a6ff}.snXrVimsZTkGAUbC3TQN.tYYXcAWZxrOAlpo7amWt{color:#dc2626;background:#ef444426}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .snXrVimsZTkGAUbC3TQN.tYYXcAWZxrOAlpo7amWt{color:#f85149}.snXrVimsZTkGAUbC3TQN.KJImeKD1ziPOQPbovP_m{color:#64748b;background:#8b949e26}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .snXrVimsZTkGAUbC3TQN.KJImeKD1ziPOQPbovP_m{color:#8b949e}.bmxJU06R3hT5uO_E2p54{color:#94a3b8;font-size:12px}.bVVn8esxovYr5LovltZF{color:#fff;cursor:pointer;white-space:nowrap;background:#238636;border:none;border-radius:5px;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:500;line-height:1;transition:opacity .15s;display:inline-flex}.bVVn8esxovYr5LovltZF:hover{opacity:.9}.bVVn8esxovYr5LovltZF.p7e3vTMpJvPLnmD6B0_1{background:#da3633}.wERKMRixlDC7seDEuAQQ{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .wERKMRixlDC7seDEuAQQ{color:#8b949e;border-color:#30363d}.wERKMRixlDC7seDEuAQQ:hover{color:#0f172a;background:#f1f5f9}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .wERKMRixlDC7seDEuAQQ:hover{color:#c9d1d9;background:#21262d}.Ufohj3JjnvG365pCxflg{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .Ufohj3JjnvG365pCxflg{border-top-color:#21262d}.CnHiL5DWN3PXpvHoqiqh{color:#94a3b8;font-size:12px}.GRxBaQJFo3sCCCXkpfjD{color:#0f172a;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .GRxBaQJFo3sCCCXkpfjD{color:#c9d1d9;background:#21262d;border-color:#30363d}.GRxBaQJFo3sCCCXkpfjD:hover{background:#e2e8f0}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .GRxBaQJFo3sCCCXkpfjD:hover{background:#30363d}.NftamgnlccTgUU7QXcEh{cursor:help;margin-left:6px;position:relative}.NftamgnlccTgUU7QXcEh:before{content:"!";color:#dc2626;background:#ef444426;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-flex}.NftamgnlccTgUU7QXcEh .Wlkd9DS3405FmRal37kS{color:#f8fafc;z-index:10;pointer-events:none;background:#1e293b;border-radius:6px;width:-moz-max-content;width:max-content;max-width:260px;padding:8px 12px;font-size:11px;line-height:1.4;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.NftamgnlccTgUU7QXcEh .Wlkd9DS3405FmRal37kS:after{content:"";border:5px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:50%;transform:translate(-50%)}.NftamgnlccTgUU7QXcEh:hover .Wlkd9DS3405FmRal37kS{display:block}.KqUzyFPEt00yklQAoqZu{text-align:center;color:#94a3b8;padding:48px 18px;font-size:13px}.QztvQZMTRxGDMsxwhnhI.tSl3YUaz4OGRPL_ggIQY .KqUzyFPEt00yklQAoqZu{color:#8b949e}.n7x2tvaqBbCibSvxoslw{opacity:.4;margin-bottom:12px;font-size:28px}@media (max-width:768px){.boFOl4wZQKtl1j_v4gYD{gap:2px}.u7SpHcUBHXQpUYr_nQ2E{padding:4px 8px;font-size:11px}.iWibJlMGg6dOORFUSxxw{padding:10px;font-size:10px}.ViJ03Qitpwa_MqnTNitI .iWibJlMGg6dOORFUSxxw{font-size:12px}.VmzGZ7PFxnpR6sIFo9wD{flex:0 0 36px}.gMjbQoUWo21lj1JYw6mO{flex-direction:column;align-items:flex-start;gap:8px}}

.fF8xwp8uT4eYAObpbptn {
  display: flex;
  flex-direction: column;
}

.OoGJ1e7eCHMC6HWxAcUG {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.Pjga8GyhKA_gOc6hRVu9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  color: #64748b;
  gap: 12px;
}

.YMdoWDfWOfC_2vXPKXMA {
  font-size: 32px;
  color: #94a3b8;
}

/* Individual Document Section */
.uU2ZGlU3jjIPHpQyPljf {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px 20px;
  transition: border-color 0.2s ease;
}

.uU2ZGlU3jjIPHpQyPljf:hover {
  border-color: #cbd5e1;
}

.uU2ZGlU3jjIPHpQyPljf.bL8hp9CYcFgfxOjrviAK {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.uU2ZGlU3jjIPHpQyPljf.wVpGbaRNEKaFb72i3Z9P {
  background: #eff6ff;
  border-color: #bfdbfe;
}

.uU2ZGlU3jjIPHpQyPljf.G6TpNC9h4W7NfdmliXDc {
  background: #fef2f2;
  border-color: #fecaca;
}

/* Document Header */
.L0JvVwkmICk7WMjWKsxN {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.NcOZLKNys9bs1GS_QR2r {
  flex: 1;
  min-width: 0;
}

.PNDXzkzqxKRGYYkCFKTz {
  margin: 0 0 4px 0;
  font-size: 15px;
  font-weight: 600;
  color: #0f172a;
}

.CSUWpWLyjFbuDKeXLwhs {
  margin: 0 0 4px 0;
  font-size: 13px;
  color: #64748b;
  line-height: 1.4;
}

.EL5IDSoe9NJVyTpGFmS_ {
  font-size: 11px;
  color: #94a3b8;
}

/* Status Area */
.iJPwAxzTW6rVmDP74hww {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.rp7ngkaTBRWtgkEHNpIh {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
}

._lbcHinpQ3NEXEPEHL4J {
  font-size: 11px;
}

.rp7ngkaTBRWtgkEHNpIh.auldCVuwKRudyqXn8_Dw {
  background: #fef3c7;
  color: #92400e;
}

.rp7ngkaTBRWtgkEHNpIh.wVpGbaRNEKaFb72i3Z9P {
  background: #dbeafe;
  color: #1e40af;
}

.rp7ngkaTBRWtgkEHNpIh.bL8hp9CYcFgfxOjrviAK {
  background: #dcfce7;
  color: #166534;
}

.rp7ngkaTBRWtgkEHNpIh.G6TpNC9h4W7NfdmliXDc {
  background: #fee2e2;
  color: #991b1b;
}

.KP37PvDhgZzolRcMux6B {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 12px;
  background: #4285f4;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s;
}

.KP37PvDhgZzolRcMux6B:hover {
  background: #3367d6;
}

/* Rejection Banner */
.D4aviMfBhLMQzMk4H0Qg {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 10px;
  padding: 10px 14px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  font-size: 13px;
  color: #991b1b;
  line-height: 1.4;
}

.inmiN0nkVWZztsMyV80G {
  flex-shrink: 0;
  margin-top: 2px;
  color: #dc2626;
}

/* Upload Area */
.GokkinCn80iXMHzj6qOF {
  margin-top: 12px;
}

.pElIUG3OONGDUD5iYfaB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  border: 2px dashed #cbd5e1;
  border-radius: 10px;
  background: #f8fafc;
  cursor: pointer;
  transition: all 0.15s ease;
}

.pElIUG3OONGDUD5iYfaB:hover {
  border-color: #4285f4;
  background: #eff6ff;
}

.pElIUG3OONGDUD5iYfaB.aumznGV_LNzlwpGFYxZE {
  border-color: #4285f4;
  background: #dbeafe;
  transform: scale(1.01);
}

.oDCHsLxFPa8lu8F1Ur_C {
  font-size: 22px;
  color: #94a3b8;
  margin-bottom: 6px;
}

.qtwl3uorZd69QFD5WIKw {
  font-size: 13px;
  color: #64748b;
  text-align: center;
}

/* Selected File */
.OmXkHKVt4WHjJaNQXjW9 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.Qg16pecgwCKnKwB_eAP0 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.G4VSQtEZCHzLFWu9FJmN {
  font-size: 18px;
  color: #64748b;
}

.fDMJgQwXy6ILzJYpO9R_ {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.JUz10PBdb24CPI4Te4M7 {
  font-size: 13px;
  font-weight: 500;
  color: #0f172a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.SqOj2ftNHLY82UUbwF3Q {
  font-size: 11px;
  color: #94a3b8;
}

.uJLkxjECeM3XBUUnskAw {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #fee2e2;
  color: #dc2626;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s;
}

.uJLkxjECeM3XBUUnskAw:hover {
  background: #fecaca;
}

.vayvgByLMgHwKq3N6PJP {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  background: #4285f4;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s;
}

.vayvgByLMgHwKq3N6PJP:hover:not(:disabled) {
  background: #3367d6;
}

.vayvgByLMgHwKq3N6PJP:disabled {
  background: #94a3b8;
  cursor: not-allowed;
}

.yj8i6O5JJhS0QbLoxkfA {
  animation: mrDxRfMtrYRZpuymx1VQ 1s linear infinite;
}

@keyframes mrDxRfMtrYRZpuymx1VQ {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 600px) {
  .uU2ZGlU3jjIPHpQyPljf {
    padding: 14px;
  }

  .L0JvVwkmICk7WMjWKsxN {
    flex-direction: column;
    gap: 10px;
  }

  .iJPwAxzTW6rVmDP74hww {
    align-self: flex-start;
  }

  .pElIUG3OONGDUD5iYfaB {
    padding: 18px 12px;
  }

  .Qg16pecgwCKnKwB_eAP0 {
    flex-wrap: wrap;
  }

  .vayvgByLMgHwKq3N6PJP {
    width: 100%;
  }
}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
:root{--base-font-size:16px;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-secondary:"Nunito",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--color-primary:#4285f4;--color-primary-dark:#3367d6;--color-primary-light:#60a5fa;--color-secondary:#10b981;--color-secondary-dark:#059669;--color-secondary-light:#34d399;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-bg-primary:#fff;--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--border-radius-sm:.25rem;--border-radius-base:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-full:9999px;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:4px;--shadow-xs:none;--shadow-sm:none;--shadow-base:none;--shadow-lg:none;--shadow-xl:none;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--layout-max-width:1280px;--layout-sidebar-width:250px;--layout-header-height:64px}.LBTt1kRKbbNaLvHSdr_9{max-width:1200px;margin:0 auto}@media (max-width:900px){.LBTt1kRKbbNaLvHSdr_9{margin:0 24px}}.lyT139l5YsyDdWc7ewWv{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.lyT139l5YsyDdWc7ewWv .lKmUfaaFW70F792UTNSw{color:#4285f4;font-size:36px;animation:1s linear infinite a4qNWyBuMD8bSQI61pn1}.lyT139l5YsyDdWc7ewWv p{color:#666;margin-top:16px;font-size:20px}@keyframes a4qNWyBuMD8bSQI61pn1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.THtYSaSXQ1gyxUpX7KSz{padding:32px 0 24px}.THtYSaSXQ1gyxUpX7KSz .FiPDFYqOwy_X_DLxDpdv{justify-content:space-between;align-items:center;gap:24px;display:flex}.THtYSaSXQ1gyxUpX7KSz .FiPDFYqOwy_X_DLxDpdv h1{color:#0f172a;margin-bottom:4px;font-size:28px;font-weight:600}.THtYSaSXQ1gyxUpX7KSz .FiPDFYqOwy_X_DLxDpdv p{color:#64748b;margin:0;font-size:15px}.cZEjhm1bndmnUNUPGj5k{background:#f8fafc;border:1px solid #e2e8f0;border-radius:40px;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px 8px 8px;display:flex}.cZEjhm1bndmnUNUPGj5k .Oqvgm4wrDO1lt_H64Toy{width:40px;height:40px}.cZEjhm1bndmnUNUPGj5k .A2NAwb4mQIl6T6xDwOXZ{fill:none;stroke:#e5e7eb;stroke-width:3px}.cZEjhm1bndmnUNUPGj5k .YtI9jjYeZJYs_NbX0wZ_{fill:none;stroke:#4285f4;stroke-width:3px;stroke-linecap:round;animation:1s ease-out VCHT_y3TjFCPjWN91GKN}.cZEjhm1bndmnUNUPGj5k .iew5zK966WHYPBuvnCZr{fill:#0f172a;text-anchor:middle;font-size:.5em;font-weight:700}.cZEjhm1bndmnUNUPGj5k .PQ20VKy165KdBpr8eFLq{color:#475569;white-space:nowrap;font-size:13px;font-weight:500}@keyframes VCHT_y3TjFCPjWN91GKN{0%{stroke-dasharray:0 100}}.KhL0LqfqP1fSwMFeiZ1Y{scrollbar-width:none;-ms-overflow-style:none;gap:12px;margin-bottom:32px;padding-bottom:8px;display:flex;overflow-x:auto}.KhL0LqfqP1fSwMFeiZ1Y::-webkit-scrollbar{width:0;height:0;display:none}.Mhl_prMF5hWFOAV21JZk{color:#666;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #e1e5e9;border-radius:18px;align-items:center;gap:8px;padding:12px 16px;font-size:16px;font-weight:500;transition:all .2s;display:flex;position:relative}.Mhl_prMF5hWFOAV21JZk:hover{color:#333;background-color:#e5f2ff80;border-color:#4285f44d;transform:translateY(-2px)}.Mhl_prMF5hWFOAV21JZk.RoIZG9hi7kS18GEZUB39{color:#fff;background-color:#4285f4;border-color:#4285f4}.Mhl_prMF5hWFOAV21JZk.RoIZG9hi7kS18GEZUB39 .mvd9tNpxYXpb0fF2JAai{color:#fff}.Mhl_prMF5hWFOAV21JZk.NPho1J_mFzouwwqhTSJQ{border-color:#28a745}.Mhl_prMF5hWFOAV21JZk.NPho1J_mFzouwwqhTSJQ .wMgv1AYxA3JCyS5TdzhF,.Mhl_prMF5hWFOAV21JZk.NPho1J_mFzouwwqhTSJQ .mvd9tNpxYXpb0fF2JAai{color:#28a745}.Mhl_prMF5hWFOAV21JZk.NPho1J_mFzouwwqhTSJQ.RoIZG9hi7kS18GEZUB39{border-color:#f2f8fe}.Mhl_prMF5hWFOAV21JZk.NPho1J_mFzouwwqhTSJQ.RoIZG9hi7kS18GEZUB39 .wMgv1AYxA3JCyS5TdzhF{color:#f2f8fe}.Mhl_prMF5hWFOAV21JZk.NPho1J_mFzouwwqhTSJQ.RoIZG9hi7kS18GEZUB39 .mvd9tNpxYXpb0fF2JAai{color:#fff}.Mhl_prMF5hWFOAV21JZk.mUG8dYUdf4c42F1f_2uM{background-color:#f59e0b14;border-color:#f59e0b}.Mhl_prMF5hWFOAV21JZk.mUG8dYUdf4c42F1f_2uM .mvd9tNpxYXpb0fF2JAai{color:#f59e0b}.Mhl_prMF5hWFOAV21JZk.mUG8dYUdf4c42F1f_2uM.RoIZG9hi7kS18GEZUB39{background-color:#f59e0b;border-color:#f59e0b}.Mhl_prMF5hWFOAV21JZk.mUG8dYUdf4c42F1f_2uM.RoIZG9hi7kS18GEZUB39 .mvd9tNpxYXpb0fF2JAai{color:#fff}.Mhl_prMF5hWFOAV21JZk .PhgUcFJyDKUXhlwYbx5_{background-color:#f59e0b;border-radius:50%;width:8px;height:8px;animation:2s infinite iKr8z7fL3cmBEgDQBNC_}.Mhl_prMF5hWFOAV21JZk .mvd9tNpxYXpb0fF2JAai{color:#4285f4;font-size:18px}.Mhl_prMF5hWFOAV21JZk .QyrPnx0PbCYqEhDsnAgQ{color:#383838;text-align:center;background-color:#e1e5e9;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:600;display:flex}.Mhl_prMF5hWFOAV21JZk.RoIZG9hi7kS18GEZUB39 .QyrPnx0PbCYqEhDsnAgQ{color:#fff;background-color:#fff3}.Mhl_prMF5hWFOAV21JZk .wMgv1AYxA3JCyS5TdzhF{font-size:var(--font-size-base);margin-left:var(--space-1)}.LqzcGkrT1nfUIZ91hb31{list-style-type:none}.LqzcGkrT1nfUIZ91hb31 .OUMuh6__B9IL8UMxJo4H{color:#666;align-items:center;gap:12px;margin-bottom:8px;font-size:14px;display:flex}.C9lKOiWKKabNsKQU59j0{background-color:#fff;border:1px solid #e1e5e9;border-radius:18px;min-height:400px;padding:32px}.aQ9Ebw6NiGe_4CqOLWCC{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.aQ9Ebw6NiGe_4CqOLWCC .S2KLe8LxEGzrxh8NzhTk{color:#4285f4;cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:16px;font-weight:500;transition:color .2s}.aQ9Ebw6NiGe_4CqOLWCC .S2KLe8LxEGzrxh8NzhTk:hover{color:#3367d6}.aQ9Ebw6NiGe_4CqOLWCC .CDSTUfmVLMuOocp9d2bK{align-items:center;gap:12px;display:flex}.aQ9Ebw6NiGe_4CqOLWCC .CDSTUfmVLMuOocp9d2bK .Zl9uqAZTcNfpM0thsQsf{background-color:#e5e7eb;border-radius:50px;width:200px;height:8px;overflow:hidden}.aQ9Ebw6NiGe_4CqOLWCC .CDSTUfmVLMuOocp9d2bK .gdhBWTrxjTtrwfRE4pld{background-color:#4285f4;height:100%;transition:width .3s}.aQ9Ebw6NiGe_4CqOLWCC .CDSTUfmVLMuOocp9d2bK .PQ20VKy165KdBpr8eFLq{color:#666;font-size:14px;font-weight:500}.G4qPhI9VvY0XSe5Ib4_g{gap:24px;display:grid}.zDWSJNTFe5aUOPrnGibw{background-color:#e5f2ffcc;border:1px solid #e1e5e9;border-radius:18px;padding:24px}.zDWSJNTFe5aUOPrnGibw .iUg9sHLwF4qQ6dBGk6hP{gap:16px;margin-bottom:16px;display:flex}.zDWSJNTFe5aUOPrnGibw .iUg9sHLwF4qQ6dBGk6hP .LwL38oYAM9NdqW2yidV4{color:#4285f4;background-color:#4285f41a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.zDWSJNTFe5aUOPrnGibw .iUg9sHLwF4qQ6dBGk6hP h3{color:#333;margin-bottom:4px;font-size:18px;font-weight:600}.zDWSJNTFe5aUOPrnGibw .iUg9sHLwF4qQ6dBGk6hP p{color:#666;font-size:14px}.zDWSJNTFe5aUOPrnGibw .b29g6kFAoy3Lt4Qq3IV8{margin-bottom:var(--space-4)}.zDWSJNTFe5aUOPrnGibw .b29g6kFAoy3Lt4Qq3IV8 .ehxaa5RwDBsyam19bqdQ{color:#333;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.zDWSJNTFe5aUOPrnGibw .b29g6kFAoy3Lt4Qq3IV8 .ehxaa5RwDBsyam19bqdQ .t5jMICoiRKosng8PjZvs{color:#28a745;flex-shrink:0}.zDWSJNTFe5aUOPrnGibw .b29g6kFAoy3Lt4Qq3IV8 .urkHuQ5Q1Xg7oMxH5rPf{color:#666;background-color:#f8f9fa;border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.zDWSJNTFe5aUOPrnGibw .PUrlrzmz1bABLFjUhSgg{color:#fff;cursor:pointer;background-color:#4285f4;border:none;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;font-weight:500;transition:background-color .2s}.zDWSJNTFe5aUOPrnGibw .PUrlrzmz1bABLFjUhSgg:hover{background-color:#3367d6}.kb4B97GIKgfV7IflcnVT{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;margin-top:24px;padding:16px 20px;font-size:14px;display:flex}.kb4B97GIKgfV7IflcnVT .Cpzou8RYMbCmmKIwza9q{color:#94a3b8;flex-shrink:0;font-size:16px}.kb4B97GIKgfV7IflcnVT .wMDE7lL1D45vEvLSJB32{color:#4285f4;margin-left:auto;font-weight:500;text-decoration:none}.kb4B97GIKgfV7IflcnVT .wMDE7lL1D45vEvLSJB32:hover{text-decoration:underline}.r3Hn5ck08XwEo4UfLa7X .aQ9Ebw6NiGe_4CqOLWCC{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.r3Hn5ck08XwEo4UfLa7X .aQ9Ebw6NiGe_4CqOLWCC .LwL38oYAM9NdqW2yidV4{color:#4285f4;background-color:#4285f41a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.r3Hn5ck08XwEo4UfLa7X .sr1C9GUSd1j6quyZLTbE{color:#4285f4;margin-bottom:16px;font-size:30px;font-weight:600}.r3Hn5ck08XwEo4UfLa7X .VhF3aNJGyTs5yK9RK2Q8{color:#666;margin-bottom:24px;font-size:16px}.r3Hn5ck08XwEo4UfLa7X .iyDCNIeXDaR2XW8fQq5H{margin-bottom:24px}.r3Hn5ck08XwEo4UfLa7X .iyDCNIeXDaR2XW8fQq5H .ltL41lAsHFv4Syt1vA5f{background-color:#e5f2ffcc;border-radius:8px;margin-bottom:12px;padding:12px}.r3Hn5ck08XwEo4UfLa7X .iyDCNIeXDaR2XW8fQq5H .ltL41lAsHFv4Syt1vA5f .xdVs5HlBZTOZWHBJ0QIo{align-items:center;gap:12px;margin-bottom:8px;display:flex}.r3Hn5ck08XwEo4UfLa7X .iyDCNIeXDaR2XW8fQq5H .ltL41lAsHFv4Syt1vA5f .xdVs5HlBZTOZWHBJ0QIo h4{color:#333;margin:0;font-size:16px;font-weight:600}.r3Hn5ck08XwEo4UfLa7X .iyDCNIeXDaR2XW8fQq5H .ltL41lAsHFv4Syt1vA5f .xdVs5HlBZTOZWHBJ0QIo .O8dqnh5yTDmxKBa4MbbE{color:#fff;background-color:#ef4444;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.r3Hn5ck08XwEo4UfLa7X .iyDCNIeXDaR2XW8fQq5H .ltL41lAsHFv4Syt1vA5f p{color:#666;margin:0;font-size:14px}.r3Hn5ck08XwEo4UfLa7X .sRjKU7PYIiBAiOOcincd{margin-top:24px}.r3Hn5ck08XwEo4UfLa7X .sRjKU7PYIiBAiOOcincd .ZyqMBM7Oeg0o_rKovzKO{color:#666;text-align:center;margin-bottom:8px;font-size:14px}.r3Hn5ck08XwEo4UfLa7X .sRjKU7PYIiBAiOOcincd .Zl9uqAZTcNfpM0thsQsf{background-color:#e5e7eb;border-radius:50px;width:100%;height:8px;overflow:hidden}.r3Hn5ck08XwEo4UfLa7X .sRjKU7PYIiBAiOOcincd .Zl9uqAZTcNfpM0thsQsf .gdhBWTrxjTtrwfRE4pld{background-color:#4285f4;height:100%;transition:width .3s}.r3Hn5ck08XwEo4UfLa7X .Sl9mEwch05zxk4lYyzsA,.r3Hn5ck08XwEo4UfLa7X .yxn1PnThoORBLmwQchXu{color:#333;background-color:#eef0f1;border:1px solid #e1e5e9;border-radius:8px;margin-top:16px;padding:12px;font-size:14px}:is(.r3Hn5ck08XwEo4UfLa7X .Sl9mEwch05zxk4lYyzsA,.r3Hn5ck08XwEo4UfLa7X .yxn1PnThoORBLmwQchXu) strong{font-weight:600}.r3Hn5ck08XwEo4UfLa7X .tS5GKBOldvTKx2kwvRcw{background-color:#eef0f1;border-radius:16px;margin-bottom:24px;padding:16px}.r3Hn5ck08XwEo4UfLa7X .tS5GKBOldvTKx2kwvRcw p{color:#666;margin:0;font-size:16px}.r3Hn5ck08XwEo4UfLa7X .p0aWxiUIMvEz9RWrU6YR{color:#9ca3af;margin-top:4px;font-size:12px}.r3Hn5ck08XwEo4UfLa7X .YOoXOu0LJFah0WuYU5Mg{text-align:center;cursor:pointer;background-color:#e5f2ff4d;border:2px dashed #d1d5db;border-radius:16px;padding:32px;transition:all .2s}.r3Hn5ck08XwEo4UfLa7X .YOoXOu0LJFah0WuYU5Mg:hover{background-color:#4285f40d;border-color:#4285f4}.r3Hn5ck08XwEo4UfLa7X .YOoXOu0LJFah0WuYU5Mg.dHHvWGcaKEyr8BIeBTlG{background-color:#4285f41a;border-color:#4285f4}.r3Hn5ck08XwEo4UfLa7X .YOoXOu0LJFah0WuYU5Mg .UI6fsfXQyrFer1hYol9Q{color:#9ca3af;margin-bottom:12px;font-size:36px}.r3Hn5ck08XwEo4UfLa7X .YOoXOu0LJFah0WuYU5Mg .tFSJD01kNcwvyrTGRN0q{color:#333;margin-bottom:8px;font-size:20px;font-weight:500}.r3Hn5ck08XwEo4UfLa7X .YOoXOu0LJFah0WuYU5Mg .WgauvpeoXeqiP1dKjWOd{color:#666;font-size:14px}.r3Hn5ck08XwEo4UfLa7X .UNQ_JtyiJ1omPMK1qyv4{margin-top:24px}.r3Hn5ck08XwEo4UfLa7X .UNQ_JtyiJ1omPMK1qyv4 .w7MuJ7_tboEWA8CGF1nX{background-color:#e5f2ff80;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex}.r3Hn5ck08XwEo4UfLa7X .UNQ_JtyiJ1omPMK1qyv4 .w7MuJ7_tboEWA8CGF1nX .mJWxSnGoMp3swI0d2Uy9{align-items:center;gap:12px;display:flex}.r3Hn5ck08XwEo4UfLa7X .UNQ_JtyiJ1omPMK1qyv4 .w7MuJ7_tboEWA8CGF1nX .mJWxSnGoMp3swI0d2Uy9 .t5jMICoiRKosng8PjZvs{color:#28a745;font-size:24px}.r3Hn5ck08XwEo4UfLa7X .UNQ_JtyiJ1omPMK1qyv4 .w7MuJ7_tboEWA8CGF1nX .mJWxSnGoMp3swI0d2Uy9 .OXo7qHsQ4F3TqKhaspKJ{color:#333;font-size:16px}.r3Hn5ck08XwEo4UfLa7X .UNQ_JtyiJ1omPMK1qyv4 .w7MuJ7_tboEWA8CGF1nX .mJWxSnGoMp3swI0d2Uy9 .M4Nhqt7nAGrYbaunnkAA{color:#666;font-size:14px}.r3Hn5ck08XwEo4UfLa7X .UNQ_JtyiJ1omPMK1qyv4 .w7MuJ7_tboEWA8CGF1nX .NymBq80o_OGYsport4JM{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:8px;transition:opacity .2s}.r3Hn5ck08XwEo4UfLa7X .UNQ_JtyiJ1omPMK1qyv4 .w7MuJ7_tboEWA8CGF1nX .NymBq80o_OGYsport4JM:hover{opacity:.8}@keyframes iKr8z7fL3cmBEgDQBNC_{0%,to{opacity:1}50%{opacity:.5}}.mJPBZ1L5o6vfh_XywBmc{background-color:#f59e0b14;border:1px solid #f59e0b;border-radius:18px;margin-top:32px;padding:24px}.mJPBZ1L5o6vfh_XywBmc .lEnZ_bwnJFzeM3toHYng{align-items:center;gap:12px;margin-bottom:16px;display:flex}.mJPBZ1L5o6vfh_XywBmc .lEnZ_bwnJFzeM3toHYng .nne50e4gDmpnQuPm2ySM{color:#f59e0b;font-size:24px}.mJPBZ1L5o6vfh_XywBmc .lEnZ_bwnJFzeM3toHYng h3{color:#333;margin:0;font-size:18px;font-weight:600}.mJPBZ1L5o6vfh_XywBmc .lEnZ_bwnJFzeM3toHYng .bSEgUDI8wq_w2O94aXDq{color:#fff;background-color:#f59e0b;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.mJPBZ1L5o6vfh_XywBmc .f_NMaLkwaKZA1q4UO74R{gap:12px;display:grid}.mJPBZ1L5o6vfh_XywBmc .S9_ROoUYGdobRMud2paW{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.mJPBZ1L5o6vfh_XywBmc .S9_ROoUYGdobRMud2paW .A29VOGnjLnl675px7xcm{flex:1}.mJPBZ1L5o6vfh_XywBmc .S9_ROoUYGdobRMud2paW .A29VOGnjLnl675px7xcm .paSyHPpagtk47HbkWTYD{color:#333;margin-bottom:4px;font-size:16px;font-weight:600}.mJPBZ1L5o6vfh_XywBmc .S9_ROoUYGdobRMud2paW .A29VOGnjLnl675px7xcm .IJvuUIBeNVu6UAZP7UUQ{color:#666;margin-bottom:4px;font-size:14px}.mJPBZ1L5o6vfh_XywBmc .S9_ROoUYGdobRMud2paW .A29VOGnjLnl675px7xcm .cTMP4GUX3xf1hIUESvrO{color:#9ca3af;font-size:12px}.mJPBZ1L5o6vfh_XywBmc .S9_ROoUYGdobRMud2paW .Jb2w2TQdfHRoWkzjyhfU{color:#fff;cursor:pointer;background-color:#f59e0b;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.mJPBZ1L5o6vfh_XywBmc .S9_ROoUYGdobRMud2paW .Jb2w2TQdfHRoWkzjyhfU:hover{background-color:#d97706}


/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
:root{--base-font-size:16px;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-secondary:"Nunito",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--color-primary:#4285f4;--color-primary-dark:#3367d6;--color-primary-light:#60a5fa;--color-secondary:#10b981;--color-secondary-dark:#059669;--color-secondary-light:#34d399;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-bg-primary:#fff;--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--border-radius-sm:.25rem;--border-radius-base:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-full:9999px;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:4px;--shadow-xs:none;--shadow-sm:none;--shadow-base:none;--shadow-lg:none;--shadow-xl:none;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--layout-max-width:1280px;--layout-sidebar-width:250px;--layout-header-height:64px}.CshBmuY3pAV4Q6mg5IyM{max-width:1400px;padding:0 var(--space-4);margin:0 auto;overflow:hidden}.rNhYEJXRsfUhVEWGIlH1{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.rNhYEJXRsfUhVEWGIlH1 .dMFohB4kPQ9eB2DAr2dF h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.rNhYEJXRsfUhVEWGIlH1 .dMFohB4kPQ9eB2DAr2dF p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.rNhYEJXRsfUhVEWGIlH1 .Jrpx8rGKrHh4GnPx0d0F .SJ_izlgD_JG1XfjA5xcQ{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background-color:var(--color-bg-primary);border:var(--border-width-thin)solid var(--color-gray-300);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex}.rNhYEJXRsfUhVEWGIlH1 .Jrpx8rGKrHh4GnPx0d0F .SJ_izlgD_JG1XfjA5xcQ:hover{background-color:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary)}.rNhYEJXRsfUhVEWGIlH1 .Jrpx8rGKrHh4GnPx0d0F .SJ_izlgD_JG1XfjA5xcQ svg{font-size:var(--font-size-base)}.eU6KOX3J98TsmCequMbw{-moz-column-count:2;column-count:2;-moz-column-gap:var(--space-5);column-gap:var(--space-5);width:100%}@media (max-width:1024px){.eU6KOX3J98TsmCequMbw{-moz-column-count:1;column-count:1}}.D8NUGbr1zoQGMuGvPXAE{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:var(--border-width-thin)solid var(--color-gray-200);-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--space-5);box-sizing:border-box;width:100%;display:inline-block;overflow:hidden}.D8NUGbr1zoQGMuGvPXAE.jSpBm3DEof9zI3AOkiEx{-moz-column-span:all;column-span:all}.D8NUGbr1zoQGMuGvPXAE .ueK75EKrYHfobSt3dzPo{align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:var(--border-width-thin)solid var(--color-gray-200);background-color:var(--color-bg-secondary);display:flex}.D8NUGbr1zoQGMuGvPXAE .ueK75EKrYHfobSt3dzPo .PWVcEXdrqRy4IsCxItp1{font-size:var(--font-size-xl);color:var(--color-primary)}.D8NUGbr1zoQGMuGvPXAE .ueK75EKrYHfobSt3dzPo h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1;margin:0}.D8NUGbr1zoQGMuGvPXAE .ueK75EKrYHfobSt3dzPo .RKkTb8fcJeHIdN7SFOGV{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:capitalize;display:flex}.D8NUGbr1zoQGMuGvPXAE .ueK75EKrYHfobSt3dzPo .RKkTb8fcJeHIdN7SFOGV svg{font-size:var(--font-size-sm)}.D8NUGbr1zoQGMuGvPXAE .ueK75EKrYHfobSt3dzPo .RKkTb8fcJeHIdN7SFOGV.pnxVDJjN86kr62J684ZX{background-color:rgba(var(--color-success),.1);color:var(--color-success)}.D8NUGbr1zoQGMuGvPXAE .ueK75EKrYHfobSt3dzPo .RKkTb8fcJeHIdN7SFOGV.lbpKQqVdedhvw4eAbDiq{background-color:rgba(var(--color-warning),.1);color:var(--color-warning)}.D8NUGbr1zoQGMuGvPXAE .ueK75EKrYHfobSt3dzPo .RKkTb8fcJeHIdN7SFOGV.YDCHKdgQFvv4Cii1diqj{background-color:rgba(var(--color-error),.1);color:var(--color-error)}.D8NUGbr1zoQGMuGvPXAE .ueK75EKrYHfobSt3dzPo .JKsj9phOEtUxJNnY35Is{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);border:var(--border-width-thin)solid var(--color-primary);border-radius:var(--border-radius-base);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;display:flex}.D8NUGbr1zoQGMuGvPXAE .ueK75EKrYHfobSt3dzPo .JKsj9phOEtUxJNnY35Is:hover{background-color:var(--color-primary);color:#fff}.D8NUGbr1zoQGMuGvPXAE .PLFzVwXNjju0ppvxvFNx{padding:var(--space-5);overflow:hidden}.EHx8sYmN_n0wx4VoDjhe{padding:var(--space-3)0;border-bottom:var(--border-width-thin)solid var(--color-gray-100);justify-content:space-between;align-items:flex-start;display:flex}.EHx8sYmN_n0wx4VoDjhe:last-child{border-bottom:none;padding-bottom:0}.EHx8sYmN_n0wx4VoDjhe .z2salt7XKJup8u1o2vGV{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);min-width:140px;display:flex}.EHx8sYmN_n0wx4VoDjhe .z2salt7XKJup8u1o2vGV .SUWiaq_CJGsgR_PVn6UL{font-size:var(--font-size-base);color:var(--color-gray-400)}.EHx8sYmN_n0wx4VoDjhe .LvSmtpdgGqvpgltmf681{font-size:var(--font-size-base);color:var(--color-text-primary);text-align:right;word-break:break-word;flex:1}.CGuWUjQgTfyWXReS_qcI .EEpd8Mnes5GbS4KEkMeb{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-align:center;padding:var(--space-3);background-color:rgba(var(--color-primary),.05);border-radius:var(--border-radius-base);margin-bottom:var(--space-4)}.CGuWUjQgTfyWXReS_qcI ._ALvEA6nUXgdxzqdDzLK{padding:var(--space-3)0;border-bottom:var(--border-width-thin)solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}.CGuWUjQgTfyWXReS_qcI ._ALvEA6nUXgdxzqdDzLK:last-child{border-bottom:none}.CGuWUjQgTfyWXReS_qcI ._ALvEA6nUXgdxzqdDzLK.MeheTlV9wtCPUuxLzuj_{background-color:rgba(var(--color-primary),.02);padding:var(--space-4)var(--space-3);margin:var(--space-3)0;border-radius:var(--border-radius-base);border:var(--border-width-thin)solid rgba(var(--color-primary),.1)}.CGuWUjQgTfyWXReS_qcI ._ALvEA6nUXgdxzqdDzLK.MeheTlV9wtCPUuxLzuj_ .xPSkfMw7vX5f2_YgefFz{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.CGuWUjQgTfyWXReS_qcI ._ALvEA6nUXgdxzqdDzLK.MeheTlV9wtCPUuxLzuj_ .HiO8cTfCsOULpjXPuR_P{font-size:var(--font-size-xl);color:var(--color-primary)}.CGuWUjQgTfyWXReS_qcI ._ALvEA6nUXgdxzqdDzLK .xPSkfMw7vX5f2_YgefFz{font-size:var(--font-size-base);color:var(--color-text-secondary)}.CGuWUjQgTfyWXReS_qcI ._ALvEA6nUXgdxzqdDzLK .HiO8cTfCsOULpjXPuR_P{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);word-break:break-word;text-align:right}.CGuWUjQgTfyWXReS_qcI ._ALvEA6nUXgdxzqdDzLK .HiO8cTfCsOULpjXPuR_P .ozIeApFaUH7goRt33nsj{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);margin-top:var(--space-1);display:block}.u9C0B397JipDuXZJWrAZ .EHx8sYmN_n0wx4VoDjhe{gap:var(--space-3)}.u9C0B397JipDuXZJWrAZ .EHx8sYmN_n0wx4VoDjhe .z2salt7XKJup8u1o2vGV{min-width:120px}.u9C0B397JipDuXZJWrAZ .EHx8sYmN_n0wx4VoDjhe .LvSmtpdgGqvpgltmf681{text-align:left}.abbF_LxuNLwOkg1c2cPq .Re89v3pfVID5k0i2PEKJ{margin-bottom:var(--space-4)}.abbF_LxuNLwOkg1c2cPq .Re89v3pfVID5k0i2PEKJ label{margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block}.abbF_LxuNLwOkg1c2cPq .Re89v3pfVID5k0i2PEKJ input,.abbF_LxuNLwOkg1c2cPq .Re89v3pfVID5k0i2PEKJ .HUc2YFtSZhkGJd4EC_6u{width:100%;padding:var(--space-3);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:var(--border-width-thin)solid var(--color-gray-300);border-radius:var(--border-radius-base);transition:border-color var(--transition-fast)}:is(.abbF_LxuNLwOkg1c2cPq .Re89v3pfVID5k0i2PEKJ input,.abbF_LxuNLwOkg1c2cPq .Re89v3pfVID5k0i2PEKJ .HUc2YFtSZhkGJd4EC_6u):focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary),.1);outline:none}:is(.abbF_LxuNLwOkg1c2cPq .Re89v3pfVID5k0i2PEKJ input,.abbF_LxuNLwOkg1c2cPq .Re89v3pfVID5k0i2PEKJ .HUc2YFtSZhkGJd4EC_6u)::-moz-placeholder{color:var(--color-gray-400)}:is(.abbF_LxuNLwOkg1c2cPq .Re89v3pfVID5k0i2PEKJ input,.abbF_LxuNLwOkg1c2cPq .Re89v3pfVID5k0i2PEKJ .HUc2YFtSZhkGJd4EC_6u)::placeholder{color:var(--color-gray-400)}.abbF_LxuNLwOkg1c2cPq .rDECvu1cgJrCTMAA4abA{gap:var(--space-3);margin-top:var(--space-5);display:flex}.abbF_LxuNLwOkg1c2cPq .rDECvu1cgJrCTMAA4abA .zA85nm5WRZHjLxOzcil7,.abbF_LxuNLwOkg1c2cPq .rDECvu1cgJrCTMAA4abA .juAITwlUgcOZyOGNojtj{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--border-radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;display:flex}:is(.abbF_LxuNLwOkg1c2cPq .rDECvu1cgJrCTMAA4abA .zA85nm5WRZHjLxOzcil7,.abbF_LxuNLwOkg1c2cPq .rDECvu1cgJrCTMAA4abA .juAITwlUgcOZyOGNojtj):disabled{opacity:.6;cursor:not-allowed}.abbF_LxuNLwOkg1c2cPq .rDECvu1cgJrCTMAA4abA .zA85nm5WRZHjLxOzcil7{background-color:var(--color-primary);color:#fff}.abbF_LxuNLwOkg1c2cPq .rDECvu1cgJrCTMAA4abA .zA85nm5WRZHjLxOzcil7:hover:not(:disabled){background-color:var(--color-primary-dark)}.abbF_LxuNLwOkg1c2cPq .rDECvu1cgJrCTMAA4abA .juAITwlUgcOZyOGNojtj{background-color:var(--color-gray-200);color:var(--color-text-primary)}.abbF_LxuNLwOkg1c2cPq .rDECvu1cgJrCTMAA4abA .juAITwlUgcOZyOGNojtj:hover:not(:disabled){background-color:var(--color-gray-300)}.wPtFOHbNczkrlcaBsKQf h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.wPtFOHbNczkrlcaBsKQf .EHx8sYmN_n0wx4VoDjhe{align-items:center;gap:var(--space-2);padding:var(--space-2)0;font-size:var(--font-size-base);color:var(--color-text-secondary);border:none;display:flex}.wPtFOHbNczkrlcaBsKQf .EHx8sYmN_n0wx4VoDjhe .SUWiaq_CJGsgR_PVn6UL{font-size:var(--font-size-base);color:var(--color-gray-400)}@media (max-width:768px){.rNhYEJXRsfUhVEWGIlH1 .dMFohB4kPQ9eB2DAr2dF h1{font-size:var(--font-size-2xl)}.rNhYEJXRsfUhVEWGIlH1 .dMFohB4kPQ9eB2DAr2dF p{font-size:var(--font-size-base)}.D8NUGbr1zoQGMuGvPXAE .ueK75EKrYHfobSt3dzPo{padding:var(--space-4)}.D8NUGbr1zoQGMuGvPXAE .ueK75EKrYHfobSt3dzPo h2{font-size:var(--font-size-lg)}.D8NUGbr1zoQGMuGvPXAE .PLFzVwXNjju0ppvxvFNx{padding:var(--space-4)}.EHx8sYmN_n0wx4VoDjhe{gap:var(--space-2);flex-direction:column}.EHx8sYmN_n0wx4VoDjhe .z2salt7XKJup8u1o2vGV{min-width:auto}.EHx8sYmN_n0wx4VoDjhe .LvSmtpdgGqvpgltmf681{text-align:left;width:100%}.CGuWUjQgTfyWXReS_qcI ._ALvEA6nUXgdxzqdDzLK{gap:var(--space-1);flex-direction:column;align-items:flex-start}.CGuWUjQgTfyWXReS_qcI ._ALvEA6nUXgdxzqdDzLK .HiO8cTfCsOULpjXPuR_P .ozIeApFaUH7goRt33nsj{margin-left:var(--space-2);display:inline}}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
:root{--base-font-size:16px;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-secondary:"Nunito",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--color-primary:#4285f4;--color-primary-dark:#3367d6;--color-primary-light:#60a5fa;--color-secondary:#10b981;--color-secondary-dark:#059669;--color-secondary-light:#34d399;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-bg-primary:#fff;--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--border-radius-sm:.25rem;--border-radius-base:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-full:9999px;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:4px;--shadow-xs:none;--shadow-sm:none;--shadow-base:none;--shadow-lg:none;--shadow-xl:none;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--layout-max-width:1280px;--layout-sidebar-width:250px;--layout-header-height:64px}.M06e5HHXmP0bX9R2Wly5{max-width:1400px;padding:0 var(--space-4);margin:0 auto}.ds9cNPSXANwps2fr_gtD{margin-bottom:var(--space-6)}.ds9cNPSXANwps2fr_gtD .KS_7laY8hz0wNPARtsXS{margin-bottom:var(--space-5)}.ds9cNPSXANwps2fr_gtD .KS_7laY8hz0wNPARtsXS h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.ds9cNPSXANwps2fr_gtD .KS_7laY8hz0wNPARtsXS p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.ds9cNPSXANwps2fr_gtD .aVffPDMR9Aj9HPsZ73Dp{gap:var(--space-6);padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-lg);border:var(--border-width-thin)solid var(--color-gray-200);display:flex}.ds9cNPSXANwps2fr_gtD .aVffPDMR9Aj9HPsZ73Dp .Kq7IoI9w5oOlWKNaOfub{flex-direction:column;display:flex}.ds9cNPSXANwps2fr_gtD .aVffPDMR9Aj9HPsZ73Dp .Kq7IoI9w5oOlWKNaOfub .aRARWxJEZ7dvW16qmlRs{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.ds9cNPSXANwps2fr_gtD .aVffPDMR9Aj9HPsZ73Dp .Kq7IoI9w5oOlWKNaOfub .ziuFZlqtygLPfHWeBNna{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.XWFxJbtkQnd5Xg4TS3WF{margin-bottom:var(--space-5);padding:var(--space-4);background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:var(--border-width-thin)solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.XWFxJbtkQnd5Xg4TS3WF .CZIPkuQpZ7fWw9NOdFYz{gap:var(--space-2);display:flex}.XWFxJbtkQnd5Xg4TS3WF .CZIPkuQpZ7fWw9NOdFYz .B5XcSKYeaRBan6jXgFID{padding:var(--space-2)var(--space-4);border:var(--border-width-thin)solid var(--color-gray-300);border-radius:var(--border-radius-base);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background-color:#0000}.XWFxJbtkQnd5Xg4TS3WF .CZIPkuQpZ7fWw9NOdFYz .B5XcSKYeaRBan6jXgFID:hover{border-color:var(--color-primary);color:var(--color-primary)}.XWFxJbtkQnd5Xg4TS3WF .CZIPkuQpZ7fWw9NOdFYz .B5XcSKYeaRBan6jXgFID.kkXcwIC_9KywZOLtlIxD{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.XWFxJbtkQnd5Xg4TS3WF .UJBzslmroH6ml6LWXG8e{align-items:center;gap:var(--space-2);display:flex}.XWFxJbtkQnd5Xg4TS3WF .UJBzslmroH6ml6LWXG8e .I52RoRyUiuy5yUZZf9mU{color:var(--color-gray-400)}.XWFxJbtkQnd5Xg4TS3WF .UJBzslmroH6ml6LWXG8e .rq6JdiY34bU2o0djPUZ7{padding:var(--space-2)var(--space-4);padding-right:var(--space-8);border:var(--border-width-thin)solid var(--color-gray-300);border-radius:var(--border-radius-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23666%27 d=%27M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center}.XWFxJbtkQnd5Xg4TS3WF .UJBzslmroH6ml6LWXG8e .rq6JdiY34bU2o0djPUZ7:focus{border-color:var(--color-primary);outline:none}.v_83hxppCisWlQsTlDJK{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1200px){.v_83hxppCisWlQsTlDJK{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.v_83hxppCisWlQsTlDJK{grid-template-columns:1fr}}.mKd6x5yY010G4mVf6WWp{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-base);border:var(--border-width-thin)solid var(--color-gray-200);transition:all var(--transition-base);position:relative;overflow:hidden}.mKd6x5yY010G4mVf6WWp:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.mKd6x5yY010G4mVf6WWp.COO1H6q0QOkQcsuKOx3m{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary),.1),var(--shadow-base)}.mKd6x5yY010G4mVf6WWp .rkkS_5eYQm7fBV2C7RK4{top:var(--space-3);right:var(--space-3);align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;position:absolute}.mKd6x5yY010G4mVf6WWp .rkkS_5eYQm7fBV2C7RK4 svg{font-size:var(--font-size-sm)}.mKd6x5yY010G4mVf6WWp .MpNARZz9g6G1WrANNZrk{padding:var(--space-5);background-color:var(--color-bg-secondary);border-bottom:var(--border-width-thin)solid var(--color-gray-200)}.mKd6x5yY010G4mVf6WWp .MpNARZz9g6G1WrANNZrk .ZhYzszrwwDm09UiDyTQ8{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.mKd6x5yY010G4mVf6WWp .MpNARZz9g6G1WrANNZrk .ZhYzszrwwDm09UiDyTQ8 .CgL9iMOMbV7HGjYVrkBJ{flex-direction:column;display:flex}.mKd6x5yY010G4mVf6WWp .MpNARZz9g6G1WrANNZrk .ZhYzszrwwDm09UiDyTQ8 .CgL9iMOMbV7HGjYVrkBJ .e05nuDp0wwvOkcWoedJg{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.mKd6x5yY010G4mVf6WWp .MpNARZz9g6G1WrANNZrk .ZhYzszrwwDm09UiDyTQ8 .CgL9iMOMbV7HGjYVrkBJ .NDdKoh56zasz4Ye0dSmR{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.mKd6x5yY010G4mVf6WWp .MpNARZz9g6G1WrANNZrk .ZhYzszrwwDm09UiDyTQ8 .KDG24wEpKrF4lkhz2hEt{flex-direction:column;align-items:flex-end;display:flex}.mKd6x5yY010G4mVf6WWp .MpNARZz9g6G1WrANNZrk .ZhYzszrwwDm09UiDyTQ8 .KDG24wEpKrF4lkhz2hEt .S6x3QYIy8AWeFsl2O0t9{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mKd6x5yY010G4mVf6WWp .MpNARZz9g6G1WrANNZrk .ZhYzszrwwDm09UiDyTQ8 .KDG24wEpKrF4lkhz2hEt .zrV2g4zvlp6Y26AxQl3M{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.mKd6x5yY010G4mVf6WWp .MpNARZz9g6G1WrANNZrk .fqQaVEaFxR2X44YnfwMw{padding:var(--space-3);background-color:rgba(var(--color-primary),.05);border-radius:var(--border-radius-base);flex-direction:column;align-items:center;display:flex}.mKd6x5yY010G4mVf6WWp .MpNARZz9g6G1WrANNZrk .fqQaVEaFxR2X44YnfwMw .I6CyhPip9YXh4f2fLH6M{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.mKd6x5yY010G4mVf6WWp .MpNARZz9g6G1WrANNZrk .fqQaVEaFxR2X44YnfwMw .yc2cbXVo_J6cxMWzNwFb{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.mKd6x5yY010G4mVf6WWp .xXXhQjJlftqVQptnwvax{padding:var(--space-5)}.mKd6x5yY010G4mVf6WWp .xXXhQjJlftqVQptnwvax .YDF2A7Bx0qfG0H7URA6u{gap:var(--space-4);margin-bottom:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.mKd6x5yY010G4mVf6WWp .xXXhQjJlftqVQptnwvax .YDF2A7Bx0qfG0H7URA6u:last-child{margin-bottom:0}.mKd6x5yY010G4mVf6WWp .xXXhQjJlftqVQptnwvax .YDF2A7Bx0qfG0H7URA6u .plpcjMuVQG0rxcihW6Lz{gap:var(--space-2);display:flex}.mKd6x5yY010G4mVf6WWp .xXXhQjJlftqVQptnwvax .YDF2A7Bx0qfG0H7URA6u .plpcjMuVQG0rxcihW6Lz .gVMaAHpECaOZXadeY7Aq{font-size:var(--font-size-base);color:var(--color-gray-400);margin-top:2px}.mKd6x5yY010G4mVf6WWp .xXXhQjJlftqVQptnwvax .YDF2A7Bx0qfG0H7URA6u .plpcjMuVQG0rxcihW6Lz>div{flex-direction:column;display:flex}.mKd6x5yY010G4mVf6WWp .xXXhQjJlftqVQptnwvax .YDF2A7Bx0qfG0H7URA6u .plpcjMuVQG0rxcihW6Lz>div .s8xxyx1Z7_4rMheFIqi5{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.mKd6x5yY010G4mVf6WWp .xXXhQjJlftqVQptnwvax .YDF2A7Bx0qfG0H7URA6u .plpcjMuVQG0rxcihW6Lz>div .FSt60sl1eMSTOs4OtLnm{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.mKd6x5yY010G4mVf6WWp .r6J9iHXRevb2YKXTgM9w{padding:var(--space-5);background-color:var(--color-bg-secondary)}.mKd6x5yY010G4mVf6WWp .r6J9iHXRevb2YKXTgM9w h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.mKd6x5yY010G4mVf6WWp .r6J9iHXRevb2YKXTgM9w .v9i1lU3d6rqRdWRW7pvq .m03Y8nwQiXoc_FvCwiOP{background-color:var(--color-gray-200);border-radius:var(--border-radius-full);height:8px;margin-bottom:var(--space-3);overflow:hidden}.mKd6x5yY010G4mVf6WWp .r6J9iHXRevb2YKXTgM9w .v9i1lU3d6rqRdWRW7pvq .m03Y8nwQiXoc_FvCwiOP .mpM8_x84JI8dc7cZBMcQ{background-color:var(--color-success);height:100%;transition:width var(--transition-base)}.mKd6x5yY010G4mVf6WWp .r6J9iHXRevb2YKXTgM9w .v9i1lU3d6rqRdWRW7pvq .e5Ci57UYDkIfXB7FUL1u{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.mKd6x5yY010G4mVf6WWp .r6J9iHXRevb2YKXTgM9w .v9i1lU3d6rqRdWRW7pvq .e5Ci57UYDkIfXB7FUL1u .WxZQ9Ok9zJvkegNgJWY8{flex-direction:column;align-items:center;display:flex}.mKd6x5yY010G4mVf6WWp .r6J9iHXRevb2YKXTgM9w .v9i1lU3d6rqRdWRW7pvq .e5Ci57UYDkIfXB7FUL1u .WxZQ9Ok9zJvkegNgJWY8 .Nbmvrx0dngZ4YiEE4hHN{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-success)}.mKd6x5yY010G4mVf6WWp .r6J9iHXRevb2YKXTgM9w .v9i1lU3d6rqRdWRW7pvq .e5Ci57UYDkIfXB7FUL1u .WxZQ9Ok9zJvkegNgJWY8 .pxOQMyTabec2fINDfg39{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.mKd6x5yY010G4mVf6WWp .wOeoaAfebQF4fQZXaQXQ{gap:var(--space-3);padding:var(--space-5);border-top:var(--border-width-thin)solid var(--color-gray-200);display:flex}.mKd6x5yY010G4mVf6WWp .wOeoaAfebQF4fQZXaQXQ .qrXTSZAE5Rs1EgRo042K,.mKd6x5yY010G4mVf6WWp .wOeoaAfebQF4fQZXaQXQ .WQPomvokrOTCn8ZkAMXc{padding:var(--space-3);border-radius:var(--border-radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-2);flex:1;display:flex}.mKd6x5yY010G4mVf6WWp .wOeoaAfebQF4fQZXaQXQ .qrXTSZAE5Rs1EgRo042K{background-color:var(--color-primary);color:#fff;border:none}.mKd6x5yY010G4mVf6WWp .wOeoaAfebQF4fQZXaQXQ .qrXTSZAE5Rs1EgRo042K:hover{background-color:var(--color-primary-dark)}.mKd6x5yY010G4mVf6WWp .wOeoaAfebQF4fQZXaQXQ .WQPomvokrOTCn8ZkAMXc{border:var(--border-width-thin)solid var(--color-gray-300);color:var(--color-text-primary);background-color:#0000}.mKd6x5yY010G4mVf6WWp .wOeoaAfebQF4fQZXaQXQ .WQPomvokrOTCn8ZkAMXc:hover{border-color:var(--color-primary);color:var(--color-primary)}.WQyvtkhCTdXaHDfXNegs{gap:var(--space-4);padding:var(--space-5);background-color:rgba(var(--color-info),.05);border-radius:var(--border-radius-lg);border:var(--border-width-thin)solid rgba(var(--color-info),.3);display:flex}.WQyvtkhCTdXaHDfXNegs .xRs__Jqe1xvR8wVROxjE{font-size:var(--font-size-xl);color:var(--color-info);flex-shrink:0}.WQyvtkhCTdXaHDfXNegs ._datHd7WDPiycLWHJH5A h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.WQyvtkhCTdXaHDfXNegs ._datHd7WDPiycLWHJH5A p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}@media (max-width:768px){.ds9cNPSXANwps2fr_gtD .aVffPDMR9Aj9HPsZ73Dp,.XWFxJbtkQnd5Xg4TS3WF{gap:var(--space-3);flex-direction:column}.XWFxJbtkQnd5Xg4TS3WF .CZIPkuQpZ7fWw9NOdFYz{justify-content:space-between;width:100%}.XWFxJbtkQnd5Xg4TS3WF .UJBzslmroH6ml6LWXG8e{width:100%}.XWFxJbtkQnd5Xg4TS3WF .UJBzslmroH6ml6LWXG8e .rq6JdiY34bU2o0djPUZ7{flex:1}.v_83hxppCisWlQsTlDJK,.mKd6x5yY010G4mVf6WWp .xXXhQjJlftqVQptnwvax .YDF2A7Bx0qfG0H7URA6u{grid-template-columns:1fr}}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
:root{--base-font-size:16px;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-secondary:"Nunito",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--color-primary:#4285f4;--color-primary-dark:#3367d6;--color-primary-light:#60a5fa;--color-secondary:#10b981;--color-secondary-dark:#059669;--color-secondary-light:#34d399;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-bg-primary:#fff;--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--border-radius-sm:.25rem;--border-radius-base:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-full:9999px;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:4px;--shadow-xs:none;--shadow-sm:none;--shadow-base:none;--shadow-lg:none;--shadow-xl:none;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--layout-max-width:1280px;--layout-sidebar-width:250px;--layout-header-height:64px}.bxGeDSo8ePJICrHh6UBV{max-width:1200px;margin:0 auto}.bMSz_mmkp3ryJg4wEIcA{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.bMSz_mmkp3ryJg4wEIcA .oCekEtbllH_XEx_ioorK{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border:var(--border-width-thin)solid var(--color-gray-300);border-radius:var(--border-radius-base);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;display:flex}.bMSz_mmkp3ryJg4wEIcA .oCekEtbllH_XEx_ioorK:hover{border-color:var(--color-primary);color:var(--color-primary)}.bMSz_mmkp3ryJg4wEIcA .NCWooyBx72cuEtz3SKOw{flex:1}.bMSz_mmkp3ryJg4wEIcA .NCWooyBx72cuEtz3SKOw h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.bMSz_mmkp3ryJg4wEIcA .NCWooyBx72cuEtz3SKOw .IsTRBqlb6wfCtBYRbX_x{align-items:center;gap:var(--space-4);display:flex}.bMSz_mmkp3ryJg4wEIcA .NCWooyBx72cuEtz3SKOw .IsTRBqlb6wfCtBYRbX_x .oPDszv29L7f5qKErhG0Q{flex-direction:column;align-items:center;display:flex}.bMSz_mmkp3ryJg4wEIcA .NCWooyBx72cuEtz3SKOw .IsTRBqlb6wfCtBYRbX_x .oPDszv29L7f5qKErhG0Q .wvZ9ab1lzON2DTcg_2JY{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.bMSz_mmkp3ryJg4wEIcA .NCWooyBx72cuEtz3SKOw .IsTRBqlb6wfCtBYRbX_x .oPDszv29L7f5qKErhG0Q .aWBd_Qw77SEnI93Gt8ZN{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.bMSz_mmkp3ryJg4wEIcA .NCWooyBx72cuEtz3SKOw .IsTRBqlb6wfCtBYRbX_x .bzlC0VI3prCHz4MJ7Hxk{background-color:var(--color-gray-300);width:1px;height:40px}.bMSz_mmkp3ryJg4wEIcA .drihOl2GtL5cq8WhWl6B{gap:var(--space-3);display:flex}.bMSz_mmkp3ryJg4wEIcA .drihOl2GtL5cq8WhWl6B .crH_Nnd8JMc5gybS6KdI{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background-color:var(--color-bg-primary);border:var(--border-width-thin)solid var(--color-gray-300);border-radius:var(--border-radius-base);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex}.bMSz_mmkp3ryJg4wEIcA .drihOl2GtL5cq8WhWl6B .crH_Nnd8JMc5gybS6KdI:hover{background-color:var(--color-gray-50);border-color:var(--color-primary);color:var(--color-primary)}.QjdCwBxelDpKuU0OoKJQ{gap:var(--space-5);grid-template-columns:1fr 380px;display:grid}@media (max-width:1024px){.QjdCwBxelDpKuU0OoKJQ{grid-template-columns:1fr}}.nvcNSyZg0_nVexP14Iha{gap:var(--space-5);flex-direction:column;display:flex}.al0mgWoJ5hmmoMY9eCSx{gap:var(--space-4);flex-direction:column;display:flex}.YdiMjxZT2jRch6T6ECgW{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:var(--border-width-thin)solid var(--color-gray-200);overflow:hidden}.YdiMjxZT2jRch6T6ECgW .h4pTRdSBpboKUHnAYLbJ{align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:var(--border-width-thin)solid var(--color-gray-200);background-color:var(--color-bg-secondary);display:flex}.YdiMjxZT2jRch6T6ECgW .h4pTRdSBpboKUHnAYLbJ .iuXh5RMdRFUzJWDFPSlP{font-size:var(--font-size-xl);color:var(--color-primary)}.YdiMjxZT2jRch6T6ECgW .h4pTRdSBpboKUHnAYLbJ h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.YdiMjxZT2jRch6T6ECgW .BTLrEm5Hiahfq4odS2zj{padding:var(--space-5)}.dYFIIFvpKwRoXx97fDz1{gap:var(--space-3);flex-direction:column;display:flex}.dYFIIFvpKwRoXx97fDz1 .YxlO19qUC6JlVjZDkKM9{padding:var(--space-2)0;border-bottom:var(--border-width-thin)solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}.dYFIIFvpKwRoXx97fDz1 .YxlO19qUC6JlVjZDkKM9:last-child{border-bottom:none}.dYFIIFvpKwRoXx97fDz1 .YxlO19qUC6JlVjZDkKM9 .N4aqoNmWeYRjCtboJAVT{font-size:var(--font-size-base);color:var(--color-text-secondary)}.dYFIIFvpKwRoXx97fDz1 .YxlO19qUC6JlVjZDkKM9 .IkufsdSnCsdQDLVLYXVJ{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.zofbEpkzMDyaxdZx9MvA .dz6m218UGFPxDajINhNA{padding:var(--space-3)0;border-bottom:var(--border-width-thin)solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}.zofbEpkzMDyaxdZx9MvA .dz6m218UGFPxDajINhNA:last-child{border-bottom:none}.zofbEpkzMDyaxdZx9MvA .dz6m218UGFPxDajINhNA.U3keRG3uhrQCa9txvTO6{margin-top:var(--space-2);padding-top:var(--space-4);border-top:var(--border-width-thick)solid var(--color-gray-200);border-bottom:none}.zofbEpkzMDyaxdZx9MvA .dz6m218UGFPxDajINhNA.U3keRG3uhrQCa9txvTO6 .m9Umrxv7v2wn3M_QgXJW{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.zofbEpkzMDyaxdZx9MvA .dz6m218UGFPxDajINhNA.U3keRG3uhrQCa9txvTO6 .bx8vXXlqjGm8H_ym19LP{font-size:var(--font-size-xl);color:var(--color-primary)}.zofbEpkzMDyaxdZx9MvA .dz6m218UGFPxDajINhNA .m9Umrxv7v2wn3M_QgXJW{font-size:var(--font-size-base);color:var(--color-text-secondary)}.zofbEpkzMDyaxdZx9MvA .dz6m218UGFPxDajINhNA .bx8vXXlqjGm8H_ym19LP{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ZjndTQLtQENsJPk9VPhP{gap:var(--space-2);flex-direction:column;display:flex}.ZjndTQLtQENsJPk9VPhP .TDnBMa5d8PjxHlwW62Lz{padding:var(--space-2)0;border-bottom:var(--border-width-thin)solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}.ZjndTQLtQENsJPk9VPhP .TDnBMa5d8PjxHlwW62Lz:last-child{border-bottom:none}.ZjndTQLtQENsJPk9VPhP .TDnBMa5d8PjxHlwW62Lz.U3keRG3uhrQCa9txvTO6{margin-top:var(--space-2);padding-top:var(--space-3);border-top:var(--border-width-thick)solid var(--color-gray-200);border-bottom:none}.ZjndTQLtQENsJPk9VPhP .TDnBMa5d8PjxHlwW62Lz.U3keRG3uhrQCa9txvTO6 .wJBvbArXObRsNjXUdlXo{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ZjndTQLtQENsJPk9VPhP .TDnBMa5d8PjxHlwW62Lz.U3keRG3uhrQCa9txvTO6 .thtJ0V52nyceYmz9qPwR{font-size:var(--font-size-xl);color:var(--color-primary)}.ZjndTQLtQENsJPk9VPhP .TDnBMa5d8PjxHlwW62Lz .wJBvbArXObRsNjXUdlXo{font-size:var(--font-size-base);color:var(--color-text-secondary)}.ZjndTQLtQENsJPk9VPhP .TDnBMa5d8PjxHlwW62Lz .thtJ0V52nyceYmz9qPwR{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.eE49R9hrWyPsXC_nGFQb{background-color:var(--color-primary);color:#fff}.eE49R9hrWyPsXC_nGFQb .eoEDDpl9i9D2zMHMm0GY{padding:var(--space-5);justify-content:space-between;align-items:center;display:flex}.eE49R9hrWyPsXC_nGFQb .eoEDDpl9i9D2zMHMm0GY h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.eE49R9hrWyPsXC_nGFQb .eoEDDpl9i9D2zMHMm0GY .u6iMoYSuZxp2Yjz7eWkf{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);background-color:rgba(white,.2);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex}.eE49R9hrWyPsXC_nGFQb .eoEDDpl9i9D2zMHMm0GY .u6iMoYSuZxp2Yjz7eWkf svg{font-size:var(--font-size-sm)}.eE49R9hrWyPsXC_nGFQb .qgnASz0t4f9mogbBS4BY{padding:0 var(--space-5)var(--space-5)}.eE49R9hrWyPsXC_nGFQb .qgnASz0t4f9mogbBS4BY .NpAXwueje230MFQxTQY3{text-align:center;margin-bottom:var(--space-4)}.eE49R9hrWyPsXC_nGFQb .qgnASz0t4f9mogbBS4BY .NpAXwueje230MFQxTQY3 .y9KOp2i15sFdaUYrAmxD{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);display:block}.eE49R9hrWyPsXC_nGFQb .qgnASz0t4f9mogbBS4BY .NpAXwueje230MFQxTQY3 .TjelaIKSECq70a8uNig0{font-size:var(--font-size-base);opacity:.9}.eE49R9hrWyPsXC_nGFQb .qgnASz0t4f9mogbBS4BY .bKlOCs2pqLOMLzOIQ3wF{gap:var(--space-3);flex-direction:column;display:flex}.eE49R9hrWyPsXC_nGFQb .qgnASz0t4f9mogbBS4BY .bKlOCs2pqLOMLzOIQ3wF .ZuwYebJtowwe74m58OW_{padding:var(--space-2)0;border-top:1px solid rgba(white,.2);justify-content:space-between;align-items:center;display:flex}.eE49R9hrWyPsXC_nGFQb .qgnASz0t4f9mogbBS4BY .bKlOCs2pqLOMLzOIQ3wF .ZuwYebJtowwe74m58OW_ .B9VMGmZwt9mSdNFTv4U4{font-size:var(--font-size-sm);opacity:.9}.eE49R9hrWyPsXC_nGFQb .qgnASz0t4f9mogbBS4BY .bKlOCs2pqLOMLzOIQ3wF .ZuwYebJtowwe74m58OW_ .jxO1uc9JEueI2gJRpFJE{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.mXonmoN9hFGArFwv12gr,.nMQbHO2DUgMXFtbj8yzc{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--border-radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);width:100%;display:flex}.mXonmoN9hFGArFwv12gr{background-color:var(--color-primary);color:#fff;border:none}.mXonmoN9hFGArFwv12gr:hover{background-color:var(--color-primary-dark)}.nMQbHO2DUgMXFtbj8yzc{border:var(--border-width-thin)solid var(--color-gray-300);color:var(--color-text-primary);background-color:#0000}.nMQbHO2DUgMXFtbj8yzc:hover{border-color:var(--color-primary);color:var(--color-primary)}.zldWjcT_gWZPAflAWpPL{padding:var(--space-5);background-color:rgba(var(--color-info),.05);border-radius:var(--border-radius-lg);border:var(--border-width-thin)solid rgba(var(--color-info),.3);text-align:center}.zldWjcT_gWZPAflAWpPL h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.zldWjcT_gWZPAflAWpPL p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.5}.zldWjcT_gWZPAflAWpPL .DxvsAYCW5kkuO7D1i4d0{padding:var(--space-3)var(--space-5);background-color:var(--color-info);border-radius:var(--border-radius-base);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.zldWjcT_gWZPAflAWpPL .DxvsAYCW5kkuO7D1i4d0:hover{background-color:var(--color-primary-dark)}@media (max-width:768px){.bMSz_mmkp3ryJg4wEIcA .NCWooyBx72cuEtz3SKOw .IsTRBqlb6wfCtBYRbX_x{flex-wrap:wrap}.bMSz_mmkp3ryJg4wEIcA .NCWooyBx72cuEtz3SKOw .IsTRBqlb6wfCtBYRbX_x .bzlC0VI3prCHz4MJ7Hxk{display:none}.al0mgWoJ5hmmoMY9eCSx{order:-1}}
.pXYGFjb3qXtg6gZhc0Ma {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: #ffffff;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
  padding: 32px;
}

.MCc6AKnvzni39efqxOoK {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e7eb;
}

.YPFDkP_bPvN_phFvzKNe {
  font-size: 28px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 4px 0;
  letter-spacing: -0.025em;
}

.Ko9Ksh2V4ahObpDHuEfq {
  font-size: 14px;
  font-weight: 400;
  color: #64748b;
  margin: 0;
}

.mvHbh_Ey9ZHrH2aTA0Pa {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background-color: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
  color: #374151;
  font-size: 14px;
  font-weight: 500;
}

.mvHbh_Ey9ZHrH2aTA0Pa:hover {
  background-color: #f9fafb;
  border-color: #9ca3af;
  color: #111827;
}

.mvHbh_Ey9ZHrH2aTA0Pa .owd5nhVQTMU9qzF445dH {
  font-size: 20px;
}

.urfg_TjtSpxtPncLE7Vw {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 20px;
  background-color: #fef3c7;
  border: 1px solid #fbbf24;
  border-radius: 8px;
  margin-bottom: 24px;
  color: #92400e;
}

.urfg_TjtSpxtPncLE7Vw .owd5nhVQTMU9qzF445dH {
  font-size: 24px;
  color: #d97706;
  flex-shrink: 0;
}

.urfg_TjtSpxtPncLE7Vw strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
  color: #92400e;
}

.urfg_TjtSpxtPncLE7Vw p {
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
  color: #78350f;
}

.S6X9qjsNIuXmQHtmp1fp,
.TPqHu5Vj24iDvErVCdlw {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  text-align: center;
}

.S6X9qjsNIuXmQHtmp1fp p,
.TPqHu5Vj24iDvErVCdlw p {
  color: #64748b;
  margin-top: 16px;
  font-size: 15px;
}

.TPqHu5Vj24iDvErVCdlw .owd5nhVQTMU9qzF445dH {
  font-size: 64px;
  color: #cbd5e1;
  margin-bottom: 16px;
}

.TPqHu5Vj24iDvErVCdlw h3 {
  font-size: 20px;
  font-weight: 600;
  color: #0f172a;
  margin: 0 0 8px 0;
}

.kba_viIEK2eD6MBDU9FC {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background-color: #3b82f6;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 15px;
  font-weight: 500;
  margin-top: 24px;
}

.kba_viIEK2eD6MBDU9FC:hover {
  background-color: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3);
}

.kba_viIEK2eD6MBDU9FC .owd5nhVQTMU9qzF445dH {
  font-size: 20px;
}

.FslsswvXWeX1R9FzMkzH {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 1200px) {
  .FslsswvXWeX1R9FzMkzH {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .FslsswvXWeX1R9FzMkzH {
    grid-template-columns: 1fr;
  }
}

.FjOFaI3wSrqiHEiJs3W9 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mSNWBBx7gPlOnVg296EB {
  background: white;
  border-radius: 12px;
  border: 2px solid #e5e7eb;
  overflow: hidden;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
}

.mSNWBBx7gPlOnVg296EB:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.QuMBMWuZ9bWVjAO8gMxi {
  border-color: #3b82f6;
  box-shadow: 0 0 0 1px #3b82f6;
}

.EcTfhobiRpLIxWXhX4Io {
  border-color: #10b981;
}

.unUqoYLKlERzDYHGcZxQ {
  border-color: #8b5cf6;
}

.h3Lkg6u1udHpUiWg6XC4 {
  background: linear-gradient(to bottom, #fafbfc, #f8f9fa);
  padding: 20px 24px;
  border-bottom: 1px solid #f1f5f9;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.QuMBMWuZ9bWVjAO8gMxi .h3Lkg6u1udHpUiWg6XC4 {
  background: linear-gradient(to bottom, #eff6ff, #dbeafe);
}

.EcTfhobiRpLIxWXhX4Io .h3Lkg6u1udHpUiWg6XC4 {
  background: linear-gradient(to bottom, #f0fdf4, #dcfce7);
}

.unUqoYLKlERzDYHGcZxQ .h3Lkg6u1udHpUiWg6XC4 {
  background: linear-gradient(to bottom, #faf5ff, #f3e8ff);
}

.k9Pm37Wx3XTrw20NOt4V {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.IjJdjOWYUhwO1Lkyju51 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.FAeS_cWS2DEWuIB5bVQD {
  font-size: 20px;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
}

.YsLSKcGDy9ZdZO3WW0ih {
  display: inline-block;
  padding: 4px 12px;
  background-color: #3b82f6;
  color: white;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.a7g4_oCuep55M_rB0myt {
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  white-space: nowrap;
}

.IZC2hmUGpPabJ8H2f4MQ {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
}

.WgiSlnOyC_iwvJTFVRF2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.Uu8GcMmIQYiNOXX8ov7M {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 4px 0;
}

.z0YmpnD1Ws_ObQ__jXmH {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
}

.z0YmpnD1Ws_ObQ__jXmH:last-child {
  border-bottom: none;
}

.rNo3pBO69gjsGy9yXFCz {
  font-size: 14px;
  font-weight: 500;
  color: #64748b;
}

.qPf_3yH37iICkc4ThLW8 {
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
}

.UrYheqoVQ73numnyMw0g {
  font-size: 16px;
  font-weight: 700;
  color: #3b82f6;
}

.RsGHefdzMqxJgmlaYm1S {
  background: linear-gradient(to bottom, #f0fdf4, #dcfce7);
  border: 1px solid #86efac;
  border-radius: 8px;
  padding: 16px;
  margin-top: auto;
}

.T73Iz5YJ8LKUZlhYmRDT {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.NdZxfb3uTBQ44_RH1QNg {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.y8_Z0KgxljOanEK56IF0 {
  font-size: 13px;
  font-weight: 500;
  color: #059669;
}

.xmIQn5Oy2IOeVnRTz71C {
  font-size: 15px;
  font-weight: 700;
  color: #059669;
}

.keof5DvlKmC75T5g0OaR {
  font-size: 15px;
  font-weight: 700;
  color: #dc2626;
}

.rCmFAqDr_FOBJYtE7Tov {
  font-size: 15px;
  font-weight: 700;
  color: #6b7280;
}

.VGlvqDdSmQN7CR7UDeKo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 12px;
  background-color: #ffffff;
  border: 1px solid;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 12px;
  font-weight: 600;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.q23vKQAHic9dmPWXUb5p {
  color: #3b82f6;
  border-color: #3b82f6;
}

.q23vKQAHic9dmPWXUb5p:hover {
  background-color: #eff6ff;
}

.q23vKQAHic9dmPWXUb5p .owd5nhVQTMU9qzF445dH {
  font-size: 16px;
  color: #3b82f6;
}

.x4w_BH3VijUhdMCXK_zZ {
  color: #10b981;
  border-color: #10b981;
}

.x4w_BH3VijUhdMCXK_zZ:hover {
  background-color: #f0fdf4;
}

.x4w_BH3VijUhdMCXK_zZ .owd5nhVQTMU9qzF445dH {
  font-size: 16px;
  color: #10b981;
}

.hACdU6D3W9NPwp7xcAzU {
  color: #8b5cf6;
  border-color: #8b5cf6;
}

.hACdU6D3W9NPwp7xcAzU:hover {
  background-color: #faf5ff;
}

.hACdU6D3W9NPwp7xcAzU .owd5nhVQTMU9qzF445dH {
  font-size: 16px;
  color: #8b5cf6;
}

.VGlvqDdSmQN7CR7UDeKo .owd5nhVQTMU9qzF445dH.MyaTQ9l2JcWiSRBbxHXm {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* PMI Tooltip Icon (GitHub Issue #175) */
.HU4sD4IlteCrpjes72jX {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  cursor: help;
}

.HU4sD4IlteCrpjes72jX .owd5nhVQTMU9qzF445dH {
  font-size: 14px;
  color: #9ca3af;
}

/* Current Loan Summary (Refinance) */
.wUVj_aLRRAqubyKKmaAE {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 24px;
}

.wUVj_aLRRAqubyKKmaAE .Uu8GcMmIQYiNOXX8ov7M {
  font-size: 14px;
  font-weight: 600;
  color: #475569;
  margin: 0 0 12px 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.jPaMnm6HhWFCphpWSiWi {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.I_gY46P7ZlhoTFWTi0fL {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.I2NTHULfrYYWFh6GW4rh {
  font-size: 12px;
  color: #64748b;
  font-weight: 500;
}

.miwEkrFKfcfsYBZfS7TA {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 768px) {
  .jPaMnm6HhWFCphpWSiWi {
    grid-template-columns: repeat(2, 1fr);
  }
}

.Ui35U897skiXlIJDRaXN {
  min-width: 0;
}

.E3L_8i7fKAmlp_8kKp4R {
  font-size: 0.72rem;
  font-weight: 500;
  color: #64748b;
  /* margin-bottom: 0.2rem; */
  font-family: 'Inter', sans-serif;
}

.QANh9i9qrR3634bk_hJ5 {
  color: #ef4444;
  margin-left: 0.25rem;
}

.elrCxJXz_pt9UfaZwuiR {
  font-size: 1rem;
  color: #0f172a;
  font-family: 'Inter', sans-serif;
}

.VjejwnTJqXb8Sg3TnkcC {
  display: block;
  padding: 0.5rem 0;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.RFliYb9ZVDJNVL2EI3A7 {
  display: block;
  padding: 0.5rem 0;
  color: #94a3b8;
  font-style: italic;
}

.Pf2vlkeK1E05LsF0VS7R {
  border-color: #ef4444 !important;
  background-color: #fef2f2 !important;
}

.ZODYUySuLpI36y2eKUfA {
  font-size: 0.813rem;
  color: #ef4444;
  margin-top: 0.375rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.ZODYUySuLpI36y2eKUfA::before {
  content: '⚠';
  font-size: 0.875rem;
}

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

.elrCxJXz_pt9UfaZwuiR input,
.elrCxJXz_pt9UfaZwuiR select,
.elrCxJXz_pt9UfaZwuiR textarea {
  transition: all 0.2s ease;
}

.GaGqE8prSvzgR7bJtaWf {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  min-height: 100vh;
  padding: 20px;
  max-width: 1400px;
  margin: 0 auto;
}

.J7b1sQtLCmpZQ93kGDPi {
  font-size: 24px;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  letter-spacing: -0.025em;
}

.rnMXbKUBjJDpXoOF3ZVF {
  font-size: 13px;
  color: #64748b;
  margin: 6px 0 0 0;
  font-weight: 400;
}

.Qu83nZnDTINj3tqLdKLS {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mpH9EWSHdXdhJqdHzmGP {
  width: 100%;
}

.qJ36Og6oKtZoFGWqq__y {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 16px;
}

.ep2wmvdQnXLN_dU7Uj8y {
  background: white;
  border-radius: 12px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
  overflow: hidden;
  transition: all 0.15s ease;
}

.ep2wmvdQnXLN_dU7Uj8y:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.ZTQM9yDWJThiTyzokCkL {
  border-color: #3b82f6;
  background: #f0f9ff;
  box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.15), 0 2px 4px -2px rgba(59, 130, 246, 0.1);
}

.ZTQM9yDWJThiTyzokCkL:hover {
  transform: translateY(0);
  box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.2), 0 2px 4px -2px rgba(59, 130, 246, 0.15);
}

.KXk7n6IpeoN8yPP51KV6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  min-height: 44px;
  border-bottom: 1px solid #f1f5f9;
  background: linear-gradient(to bottom, #fafbfc, #f8f9fa);
}

.ZTQM9yDWJThiTyzokCkL .KXk7n6IpeoN8yPP51KV6 {
  background: linear-gradient(to bottom, #dbeafe, #bfdbfe);
  border-bottom-color: #93c5fd;
}

.mnWRWvkeJ_4yO76QPZMN {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #0f172a;
  letter-spacing: -0.025em;
}

.mnWRWvkeJ_4yO76QPZMN .B5wCH6dAms4gXvBW5Kru {
  font-size: 18px;
  color: #3b82f6;
}

.BcKq42F9LfGePHaIOka_ {
  display: flex;
  gap: 8px;
  align-items: center;
}

.MHD0olWhooDcuMcmeC1W,
.pquaZEEXwGQCSi5zJu3g,
.IZqoQ4bS69BWozbCrw5w {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: 'Inter', sans-serif;
}

.MHD0olWhooDcuMcmeC1W span,
.pquaZEEXwGQCSi5zJu3g span,
.IZqoQ4bS69BWozbCrw5w span {
  font-size: 13px !important;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20 !important;
  width: 13px;
  height: 13px;
  line-height: 13px;
  display: inline-block;
}

.MHD0olWhooDcuMcmeC1W {
  background: #ffffff;
  color: #3b82f6;
  border-color: #3b82f6;
}

.MHD0olWhooDcuMcmeC1W:hover:not(:disabled) {
  background: #3b82f6;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);
}

.MHD0olWhooDcuMcmeC1W:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pquaZEEXwGQCSi5zJu3g {
  background: #10b981;
  color: #ffffff;
  border-color: #059669;
}

.pquaZEEXwGQCSi5zJu3g:hover:not(:disabled) {
  background: #059669;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3);
}

.pquaZEEXwGQCSi5zJu3g:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #9ca3af;
  border-color: #6b7280;
}

.IZqoQ4bS69BWozbCrw5w {
  background: #ffffff;
  color: #6b7280;
  border-color: #d1d5db;
}

.IZqoQ4bS69BWozbCrw5w:hover:not(:disabled) {
  background: #f9fafb;
  border-color: #9ca3af;
  transform: translateY(-1px);
}

.IZqoQ4bS69BWozbCrw5w:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.jH1g1_dIRhsFEygAHc97 {
  padding: 14px;
}

.YTIOIzbG3DLN9CZ7WaMV {
  display: flex;
  gap: 0;
  background-color: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  overflow-x: auto;
}

.LGV_bSR6JlehtODVbcRT {
  flex: 1;
  padding: 10px 14px;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
  font-family: 'Inter', sans-serif;
}

.LGV_bSR6JlehtODVbcRT:hover {
  background-color: #f3f4f6;
  color: #0f172a;
}

.rcBzQPXm70Ahf9usZGLU {
  background-color: #ffffff;
  color: #3b82f6;
  border-bottom-color: #3b82f6;
  font-weight: 600;
}

.q1dYEqbL5WmLEigFN84_ {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
}

.xNKPk8cX695Rt4g1aFgD {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.ejHYoPGkO3hJzFkRf2Zr {
  font-size: 10px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.ykKneemcN6h5Aetmkg0s {
  font-size: 13px;
  color: #0f172a;
  font-weight: 500;
  line-height: 1.4;
  padding: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.igingbwj_4Ke7fScnhzV {
  font-size: 12px;
  font-weight: 600;
  color: #0f172a;
  margin: 0 0 8px 0;
  padding-top: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #f1f5f9;
}

.igingbwj_4Ke7fScnhzV:first-child {
  padding-top: 0;
}

.m6OKlZQQZ1H4ZEieexSD {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.yN5BWVPt2qRXESZqxBVg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  transition: all 0.15s ease;
}

.yN5BWVPt2qRXESZqxBVg:hover {
  background-color: #f3f4f6;
  border-color: #d1d5db;
  transform: translateX(4px);
}

.BphgwJpvydttbjqTRRhM {
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
}

.Mx7I0NV79nN6ur1aCIq7 {
  font-size: 13px;
  font-weight: 600;
  color: #10b981;
}

.tOUBSDPlTj8lZ9F2_BIg {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.kfzyrZ5aMuAFaEdqiKq7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  transition: all 0.15s ease;
}

.kfzyrZ5aMuAFaEdqiKq7:hover {
  background-color: #f3f4f6;
  border-color: #d1d5db;
  transform: translateX(4px);
}

.qq4HPPabitSu0zE3oHxh {
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
}

.Ll1IVqXrd10dvasr3kGR {
  font-size: 13px;
  font-weight: 600;
  color: #3b82f6;
}

.LdzU24Y81D2iNzgZpSdL {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}

.UJB3d5NVLt3ufl6R150L {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  transition: all 0.15s ease;
}

.UJB3d5NVLt3ufl6R150L:hover {
  background-color: #f3f4f6;
  border-color: #d1d5db;
  transform: translateY(-2px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.hJ7CIRx83BHOBu9jv6EX {
  flex: 1;
}

.p2TNuQWTZyXujzXvy1oh {
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
}

.X_vMfJRM4QBGJCjcUMrP {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.oXyBx1IhFBKi9NvEz1K1 {
  background-color: #fef3c7;
  color: #92400e;
  border: 1px solid #fcd34d;
}

.rjTz8w7YNV8m4V49xkpq {
  background-color: #dbeafe;
  color: #1e40af;
  border: 1px solid #bfdbfe;
}

.teBPuVLGYdBH5soB9a7w {
  background-color: #d1fae5;
  color: #065f46;
  border: 1px solid #86efac;
}

.JdYqi1VpIMOZOrZ3ENdz {
  background-color: #fee2e2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}

.Woch0JSTOs3pHC6afeKw {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  background-color: white;
  border-radius: 12px;
  padding: 48px;
}

.mnLGq5OvERaovi0_E_4Q {
  width: 40px;
  height: 40px;
  border: 3px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: ZLuGqvPfvUl2iEmR9A6_ 0.8s linear infinite;
}

@keyframes ZLuGqvPfvUl2iEmR9A6_ {
  to {
    transform: rotate(360deg);
  }
}

.Woch0JSTOs3pHC6afeKw p {
  margin-top: 16px;
  font-size: 15px;
  color: #64748b;
  font-weight: 500;
}

.BoakHNfzib8_IegKfojS {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  background-color: white;
  border-radius: 12px;
  padding: 48px;
}

.BoakHNfzib8_IegKfojS p {
  font-size: 16px;
  color: #ef4444;
  font-weight: 600;
  margin-bottom: 16px;
}

.K8oKIFG7ZWXYdDulBnii {
  padding: 10px 24px;
  background-color: #3b82f6;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.K8oKIFG7ZWXYdDulBnii:hover {
  background-color: #2563eb;
  transform: translateY(-1px);
}

@media (max-width: 1200px) {
  .qJ36Og6oKtZoFGWqq__y {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 14px;
  }

  .q1dYEqbL5WmLEigFN84_ {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 8px;
  }

  .LdzU24Y81D2iNzgZpSdL {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}

@media (max-width: 768px) {
  .GaGqE8prSvzgR7bJtaWf {
    padding: 16px 12px;
  }

  .J7b1sQtLCmpZQ93kGDPi {
    font-size: 20px;
  }

  .rnMXbKUBjJDpXoOF3ZVF {
    font-size: 12px;
  }

  .qJ36Og6oKtZoFGWqq__y {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .KXk7n6IpeoN8yPP51KV6 {
    padding: 8px 12px;
    min-height: 40px;
  }

  .mnWRWvkeJ_4yO76QPZMN {
    font-size: 13px;
  }

  .jH1g1_dIRhsFEygAHc97 {
    padding: 12px;
  }

  .q1dYEqbL5WmLEigFN84_ {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .LdzU24Y81D2iNzgZpSdL {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .UJB3d5NVLt3ufl6R150L {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .X_vMfJRM4QBGJCjcUMrP {
    align-self: flex-end;
  }

  .yN5BWVPt2qRXESZqxBVg,
  .kfzyrZ5aMuAFaEdqiKq7 {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .MHD0olWhooDcuMcmeC1W,
  .pquaZEEXwGQCSi5zJu3g,
  .IZqoQ4bS69BWozbCrw5w {
    padding: 3px 6px;
    font-size: 10px;
    gap: 3px;
  }

  .MHD0olWhooDcuMcmeC1W span,
  .pquaZEEXwGQCSi5zJu3g span,
  .IZqoQ4bS69BWozbCrw5w span {
    font-size: 12px !important;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20 !important;
    width: 12px;
    height: 12px;
    line-height: 12px;
    display: inline-block;
  }

  .LGV_bSR6JlehtODVbcRT {
    padding: 10px 12px;
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .GaGqE8prSvzgR7bJtaWf {
    padding: 12px 8px;
  }

  .J7b1sQtLCmpZQ93kGDPi {
    font-size: 18px;
  }

  .rnMXbKUBjJDpXoOF3ZVF {
    font-size: 11px;
  }

  .KXk7n6IpeoN8yPP51KV6 {
    padding: 8px 10px;
    min-height: 36px;
  }

  .mnWRWvkeJ_4yO76QPZMN {
    font-size: 12px;
  }

  .mnWRWvkeJ_4yO76QPZMN .B5wCH6dAms4gXvBW5Kru {
    font-size: 16px;
  }

  .jH1g1_dIRhsFEygAHc97 {
    padding: 10px;
  }

  .q1dYEqbL5WmLEigFN84_ {
    gap: 8px;
  }

  .ykKneemcN6h5Aetmkg0s {
    font-size: 12px;
  }

  .ejHYoPGkO3hJzFkRf2Zr {
    font-size: 9px;
  }

  .LdzU24Y81D2iNzgZpSdL {
    gap: 8px;
  }

  .UJB3d5NVLt3ufl6R150L {
    padding: 10px;
  }

  .yN5BWVPt2qRXESZqxBVg,
  .kfzyrZ5aMuAFaEdqiKq7 {
    padding: 8px 10px;
  }

  .BcKq42F9LfGePHaIOka_ {
    gap: 6px;
  }

  .MHD0olWhooDcuMcmeC1W,
  .pquaZEEXwGQCSi5zJu3g,
  .IZqoQ4bS69BWozbCrw5w {
    padding: 3px 6px;
    font-size: 9px;
    gap: 2px;
  }

  .MHD0olWhooDcuMcmeC1W span,
  .pquaZEEXwGQCSi5zJu3g span,
  .IZqoQ4bS69BWozbCrw5w span {
    font-size: 11px !important;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20 !important;
    width: 11px;
    height: 11px;
    line-height: 11px;
    display: inline-block;
  }

  .LGV_bSR6JlehtODVbcRT {
    padding: 8px 10px;
    font-size: 11px;
  }
}

/* Pending Edit Request Banner */
.Bk4v_s3mIpFe7kI2maXx {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 20px;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 1px solid #f59e0b;
  border-radius: 12px;
  margin-bottom: 8px;
}

.HARhCvyPVO0vAGVXrQZG {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #f59e0b;
  border-radius: 10px;
  flex-shrink: 0;
}

.HARhCvyPVO0vAGVXrQZG .B5wCH6dAms4gXvBW5Kru {
  font-size: 22px;
  color: white;
}

.EWl_oTd18BIxp7axNhuy {
  flex: 1;
}

.EWl_oTd18BIxp7axNhuy h4 {
  margin: 0 0 4px 0;
  font-size: 15px;
  font-weight: 600;
  color: #92400e;
}

.EWl_oTd18BIxp7axNhuy p {
  margin: 0 0 12px 0;
  font-size: 13px;
  color: #78350f;
}

.qaN_AcYg0bA_WzpcdEl5 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mPVrtcFGBk4VGYIytIPg {
  display: inline-block;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #78350f;
}

.MHD0olWhooDcuMcmeC1W:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background: #e5e7eb;
  color: #9ca3af;
  border-color: #d1d5db;
}

.MHD0olWhooDcuMcmeC1W:disabled:hover {
  background: #e5e7eb;
  transform: none;
}

@media (max-width: 768px) {
  .Bk4v_s3mIpFe7kI2maXx {
    flex-direction: column;
    padding: 14px 16px;
    gap: 12px;
  }

  .HARhCvyPVO0vAGVXrQZG {
    width: 36px;
    height: 36px;
  }

  .HARhCvyPVO0vAGVXrQZG .B5wCH6dAms4gXvBW5Kru {
    font-size: 20px;
  }

  .EWl_oTd18BIxp7axNhuy h4 {
    font-size: 14px;
  }

  .EWl_oTd18BIxp7axNhuy p {
    font-size: 12px;
  }

  .mPVrtcFGBk4VGYIytIPg {
    font-size: 11px;
    padding: 5px 10px;
  }
}

.Zqq_oGCA8tz7lCN0sE6b {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: #ffffff;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
  padding: 16px;
}

.hyTFA9IrvDTe6B4Fg77g {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}

.k7oUnkhsNhlRX4wi0ltW {
  font-size: 28px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 4px 0;
  letter-spacing: -0.025em;
}

.L8Dpr8p2K4iOseGhGwVn {
  font-size: 14px;
  font-weight: 400;
  color: #64748b;
  margin: 0;
}

.sJRCBqwCoObS1dAFqX3P {
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 24px;
  color: #991b1b;
  font-size: 14px;
  font-weight: 500;
}

.ktdMPxzW5Yh2ZMMQreOC {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px;
  background-color: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

.uid2JqoGrYL9Dvn1zHGV {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ND3Xl_k1J7YkkfkOuMfQ {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.bHG4kxIp7yqzmaBJreje {
  padding: 12px 16px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #0f172a;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.15s ease;

  /* Cross-browser select styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* Custom dropdown arrow */
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%230f172a%27 d=%27M6 8L1 3h10z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;

  /* Ensure option elements are styled consistently */
  option {
    color: #0f172a;
    background-color: #ffffff;
  }
}

.bHG4kxIp7yqzmaBJreje:hover {
  border-color: #94a3b8;
}

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

.H6USL4aWx_QqUGAmRBtS {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 20px;
  margin-bottom: 16px;
  padding: 16px;
  background-color: #ffffff;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

.lbFp9wf6ObMM_vOnaKag {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.teVawikXNij12yN4kvRV {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.Ynt24AOyVFzyHTVDWGxr {
  position: relative;
  display: flex;
  align-items: center;
}

.aBy66_UpC5KvYyuNNVDf {
  position: absolute;
  left: 16px;
  font-size: 15px;
  font-weight: 500;
  color: #64748b;
  pointer-events: none;
}

.hkOFr9QBHbEJ7Q6jSDsU {
  width: 100%;
  padding: 12px 16px 12px 32px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #0f172a;
  background-color: #ffffff;
  transition: all 0.15s ease;
}

.hkOFr9QBHbEJ7Q6jSDsU:hover {
  border-color: #94a3b8;
}

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

.WVkvbLcXvb7EhPwOCd8X {
  padding: 12px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #0f172a;
  background-color: #f8fafc;
}

.vnTZ6Il5xvYigxRrsSyQ {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ItgVmjtbmuDD6I1bWkQ0 {
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 8px 0;
}

.NNqkHBCsSf48_h_epIxk {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.HYA7RcgHNLmtQNh7tfSl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background-color: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}

.xYnbZJYXQdmw9hVFgujG {
  font-size: 14px;
  font-weight: 500;
  color: #475569;
  display: flex;
  align-items: center;
  gap: 12px;
}

.DUFZTrVAIY25ASk2QjXE {
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
}

.doRRL3pXLUtHqpy4kNQt {
  width: 100px;
  padding: 6px 10px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #0f172a;
  background-color: #ffffff;
  transition: all 0.15s ease;
}

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

.kCFhrYptrapCzG7tSA8O {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background-color: #3b82f6;
  border-radius: 8px;
  margin-top: 8px;
}

._ZrDbN9xFYjuWCRkM8qQ {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
}

.ShVp_L_SR4EJszVGVN1B {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}

.ky4s96S7ldssB2aiJy5t {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  border: none;
}

.VjgnazoKjgXjmKhhqsm2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background-color: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

.v7rDP0VaKeCsi9Lp0s7A {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}

.Q0sxlEsMWvW5CTVGdK7d {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4px;
}

.zn75imJYcbwPF4_4tGxB {
  font-size: 24px;
  font-weight: 700;
  color: #0f172a;
  line-height: 1;
}

.DnKL6ac2Jn01fiD8DwEZ {
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  line-height: 1;
}

.z7u4nuO3ZSihywVs2mhf {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.NkP3z7eVUaebLvLohGVP {
  padding: 16px;
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.S3G3BaDJBtDpgiFdDqA7 {
  font-size: 14px;
  color: #1e40af;
  margin: 0;
}

.S3G3BaDJBtDpgiFdDqA7 strong {
  font-weight: 600;
}

@media (max-width: 1024px) {
  .ktdMPxzW5Yh2ZMMQreOC {
    grid-template-columns: repeat(2, 1fr);
  }

  .H6USL4aWx_QqUGAmRBtS {
    grid-template-columns: 1fr;
  }

  .ky4s96S7ldssB2aiJy5t {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .zn75imJYcbwPF4_4tGxB {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .Zqq_oGCA8tz7lCN0sE6b {
    padding: 20px;
  }

  .ktdMPxzW5Yh2ZMMQreOC {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ky4s96S7ldssB2aiJy5t {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .zn75imJYcbwPF4_4tGxB {
    font-size: 18px;
  }
}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
:root{--base-font-size:16px;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-secondary:"Nunito",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--color-primary:#4285f4;--color-primary-dark:#3367d6;--color-primary-light:#60a5fa;--color-secondary:#10b981;--color-secondary-dark:#059669;--color-secondary-light:#34d399;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-bg-primary:#fff;--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--border-radius-sm:.25rem;--border-radius-base:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-full:9999px;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:4px;--shadow-xs:none;--shadow-sm:none;--shadow-base:none;--shadow-lg:none;--shadow-xl:none;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--layout-max-width:1280px;--layout-sidebar-width:250px;--layout-header-height:64px}._SQM6uVGbBGnZ6G63CCS{max-width:1200px;margin:0 auto;padding:24px}.gPfCwQ6L2DZKJLxXQJBu{margin-bottom:32px}.efiWhJzAhE9QGdfpmjBn{color:#1e293b;margin:0 0 8px;font-size:28px;font-weight:700}.WMLFcCa4hrZCAKwfBLeA{color:#64748b;margin:0;font-size:14px}.jmFYOKyLjekZS1N03qHW{justify-content:center;align-items:center;min-height:400px;display:flex}.lx3tKc4infNXVdNutWLw{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite VZTWffca8_wmceLtyEMS}@keyframes VZTWffca8_wmceLtyEMS{to{transform:rotate(360deg)}}.YM5VhyoSZOe82VxY0isx,.xBdHLvugQhW_WchGJdDs{border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex;position:relative}.YM5VhyoSZOe82VxY0isx{color:#c00;background-color:#fee;border:1px solid #fcc}.xBdHLvugQhW_WchGJdDs{color:#0a0;background-color:#efe;border:1px solid #cfc}.YM5VhyoSZOe82VxY0isx .lIOVm29xH4qEEMTz4kFn,.xBdHLvugQhW_WchGJdDs .lIOVm29xH4qEEMTz4kFn{font-size:24px}.dlVOJ9VV6XqXx7IXjhW0{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:background-color .15s;display:flex}.dlVOJ9VV6XqXx7IXjhW0:hover{background-color:#0000001a}.dlVOJ9VV6XqXx7IXjhW0 .lIOVm29xH4qEEMTz4kFn{font-size:20px}.ks0Tm0thL973f5Ikcq9C{align-items:flex-start;gap:24px;display:flex}.mxq8ZswTQ7UuEd6Unv4I{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;width:220px;position:sticky;top:24px;overflow:hidden}.IOjOX6JS5y5W4xWKpBmZ{cursor:pointer;text-align:left;color:#475569;background:0 0;border:none;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:all .15s;display:flex}.IOjOX6JS5y5W4xWKpBmZ:last-child{border-bottom:none}.IOjOX6JS5y5W4xWKpBmZ:hover{background-color:#f8f9fa}.IOjOX6JS5y5W4xWKpBmZ.QMyaporamE3aJY8PW5h_{color:#3b82f6;background-color:#eff6ff;font-weight:600}.IOjOX6JS5y5W4xWKpBmZ .lIOVm29xH4qEEMTz4kFn{color:#64748b;font-size:22px}.IOjOX6JS5y5W4xWKpBmZ.QMyaporamE3aJY8PW5h_ .lIOVm29xH4qEEMTz4kFn{color:#3b82f6}.I69MIDco8PeyYgAJDcV_{font-size:14px}.XXnjdGccg_zuChCp8mIu{flex:1;min-width:0}.XpKYcAeC6BaydLKnOwqD{animation:.3s zuxWnhl7c8RbUQY_M0sK}@keyframes zuxWnhl7c8RbUQY_M0sK{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.QAgfyWizbEHsQGzOqyCB{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;overflow:hidden}.i40hLJxfuSui7_zKWjNA{border-bottom:1px solid #e2e8f0;padding:20px 24px}.ydBJLHa7pBN8m3Zc3Vnu{color:#1e293b;margin:0 0 4px;font-size:18px;font-weight:600}.c31O2mkVzQTsTGkB6ecG{color:#64748b;margin:0;font-size:13px}.KXz3IjhZQBdepLpy0Fae{padding:24px}.ZpZKUtci3xcvGFqVq2iz{background-color:#f8f9fa;border-top:1px solid #e2e8f0;padding:16px 24px}.AfXLRUa3PlKIw5pUocJE{margin-bottom:20px}.AfXLRUa3PlKIw5pUocJE:last-child{margin-bottom:0}.wsSQmw53Q1Ebt2YANCyb{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;display:grid}.W2_5KMmju1jKbfIRehkQ{color:#334155;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.nlTzbiCDiXIHHKqPT03O,.FdLj3EBJqV7UnbQCkVSl{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:all .15s}.FdLj3EBJqV7UnbQCkVSl{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%231e293b%27 d=%27M6 8L1 3h10z%27/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.FdLj3EBJqV7UnbQCkVSl option{color:#1e293b;background-color:#fff}.nlTzbiCDiXIHHKqPT03O:focus,.FdLj3EBJqV7UnbQCkVSl:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.nlTzbiCDiXIHHKqPT03O::-moz-placeholder{color:#94a3b8}.nlTzbiCDiXIHHKqPT03O::placeholder{color:#94a3b8}.xICKO5CNn7WDvt77gtmJ{color:#64748b;margin:6px 0 0;font-size:12px}.GakKrhVocMw7RsXqjBEm{border-bottom:1px solid #e2e8f0;padding:16px 0}.GakKrhVocMw7RsXqjBEm:last-child{border-bottom:none;padding-bottom:0}.GakKrhVocMw7RsXqjBEm:first-child{padding-top:0}.jh6HNBgbeWpLThsQoUCj{cursor:pointer;align-items:flex-start;gap:12px;display:flex;position:relative}.uLZgxhfz6d3Z9a3RPoTe{opacity:0;pointer-events:none;position:absolute}.n2WqcXL6qohbTWPzVIwQ{background-color:#cbd5e1;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background-color .2s;position:relative}.n2WqcXL6qohbTWPzVIwQ:after{content:"";background-color:#fff;border-radius:10px;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.uLZgxhfz6d3Z9a3RPoTe:checked+.n2WqcXL6qohbTWPzVIwQ{background-color:#3b82f6}.uLZgxhfz6d3Z9a3RPoTe:checked+.n2WqcXL6qohbTWPzVIwQ:after{transform:translate(20px)}.rfkr8kUqs5QlMohMLUWA{flex:1}.Wf1VpHKymGoEtjsm5VYf{color:#1e293b;margin-bottom:4px;font-size:14px;font-weight:600}.opwPRK3UrH8nlrtIKfk6{color:#64748b;font-size:13px;line-height:1.4}.d4bVA928C2knETdVUaeo{margin-top:16px;padding-left:56px}.uUodAO_w3Z8bRh7vz2vC{align-items:center;gap:12px;display:flex}.amzFwLFljxCeJb_vKwmy{-webkit-appearance:none;background:#e2e8f0;border-radius:3px;outline:none;flex:1;height:6px}.amzFwLFljxCeJb_vKwmy::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}.amzFwLFljxCeJb_vKwmy::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 4px #0003}.TTpFBVnXuzilTP0DQo7s{color:#3b82f6;text-align:right;min-width:60px;font-size:14px;font-weight:600}.ehPhUtR6OjyJiaRzhd4l{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;padding-left:56px;display:grid}.yS1zLlM4QOVELBAL8m7L{align-items:flex-start;gap:24px;display:flex}.OH0a3fVjZEJNVMYRgn7m{border:3px solid #e2e8f0;border-radius:60px;flex-shrink:0;width:120px;height:120px;overflow:hidden}.xrvqlocGq4mFr2x9DUx8{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.kwTkkf_hHq29_S7QBzXn{background-color:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.kwTkkf_hHq29_S7QBzXn .lIOVm29xH4qEEMTz4kFn{color:#cbd5e1;font-size:48px}.setbdNdE4jA8Ap4Whdzx{flex-direction:column;flex:1;gap:12px;display:flex}.setbdNdE4jA8Ap4Whdzx>*{width:-moz-fit-content;width:fit-content}.U8kZ66L6wjsHlLvJZmWb{display:none}.pL_LVC8rDMsYQPH8Stac,.F3kipTn3Hb5MEfa4v6eC{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.pL_LVC8rDMsYQPH8Stac{color:#fff;background-color:#3b82f6}.pL_LVC8rDMsYQPH8Stac:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.pL_LVC8rDMsYQPH8Stac:disabled{cursor:not-allowed;background-color:#94a3b8}.F3kipTn3Hb5MEfa4v6eC{color:#3b82f6;background-color:#fff;border:1px solid #3b82f6}.F3kipTn3Hb5MEfa4v6eC:hover{background-color:#eff6ff}.pL_LVC8rDMsYQPH8Stac .lIOVm29xH4qEEMTz4kFn,.F3kipTn3Hb5MEfa4v6eC .lIOVm29xH4qEEMTz4kFn{font-size:18px}@media (max-width:900px){._SQM6uVGbBGnZ6G63CCS{padding:16px}.ks0Tm0thL973f5Ikcq9C{flex-direction:column}.mxq8ZswTQ7UuEd6Unv4I{width:100%;display:flex;position:static;overflow-x:auto}.IOjOX6JS5y5W4xWKpBmZ{text-align:center;border-bottom:none;border-right:1px solid #e2e8f0;flex-direction:column;gap:4px;padding:12px 16px}.IOjOX6JS5y5W4xWKpBmZ:last-child{border-right:none}.I69MIDco8PeyYgAJDcV_{font-size:12px}.wsSQmw53Q1Ebt2YANCyb{grid-template-columns:1fr}.ehPhUtR6OjyJiaRzhd4l{grid-template-columns:1fr;padding-left:0}.yS1zLlM4QOVELBAL8m7L{flex-direction:column;align-items:center}.setbdNdE4jA8Ap4Whdzx{align-items:center}.setbdNdE4jA8Ap4Whdzx>*{width:100%}.d4bVA928C2knETdVUaeo{padding-left:0}}

.zMbFTcAN_IQpCFLnmcol {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--admin-card-bg);
  border-radius: 8px;
  box-shadow: var(--admin-shadow-sm);
  border: 1px solid var(--admin-border-light);
  transition: all 0.15s ease;
  overflow: hidden;
}

.zMbFTcAN_IQpCFLnmcol:hover {
  box-shadow: 0 4px 6px -1px var(--admin-shadow-md);
  transform: translateY(-1px);
}

.UIX67shXFkokS972qSeq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 16px;
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid var(--admin-border-light);
}

.MBbhDANqkV28g5ef2DWv {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  letter-spacing: -0.025em;
}

.MCVZhx426z87WdU3CJSf {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: var(--admin-text-secondary);
  transition: color 0.15s ease;
  border-radius: 4px;
}

.MCVZhx426z87WdU3CJSf:hover {
  color: var(--admin-accent-primary, #3b82f6);
  background: var(--admin-state-current-bg);
}

.MCVZhx426z87WdU3CJSf .eDHXyakxyQEYMPTNbStz {
  font-size: 20px;
}

.LFhCUuex_kTg3K8hMZuB {
  padding: 14px 16px;
}

.iIalIiVPbeYe6HI9Wiwm {
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin-bottom: 10px;
  letter-spacing: -0.025em;
}

.Ry6ILZN0vY3NBn6ybp8Z {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.XidTRYur1h02hUuJbAkB {
  font-size: 12px;
  color: var(--admin-text-secondary);
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .UIX67shXFkokS972qSeq {
    padding: 6px 14px;
  }

  .MBbhDANqkV28g5ef2DWv {
    font-size: 13px;
  }

  .LFhCUuex_kTg3K8hMZuB {
    padding: 12px 14px;
  }

  .iIalIiVPbeYe6HI9Wiwm {
    font-size: 14px;
  }

  .XidTRYur1h02hUuJbAkB {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .UIX67shXFkokS972qSeq {
    padding: 6px 12px;
  }

  .MBbhDANqkV28g5ef2DWv {
    font-size: 12px;
  }

  .LFhCUuex_kTg3K8hMZuB {
    padding: 10px 12px;
  }

  .iIalIiVPbeYe6HI9Wiwm {
    font-size: 13px;
  }

  .XidTRYur1h02hUuJbAkB {
    font-size: 11px;
  }
}

.ch9guIPqYE3SeVVgQDwe {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(2px);
  animation: XvspxFqFYGhgym8agARD 0.2s ease-out;
}

@keyframes XvspxFqFYGhgym8agARD {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.yfoU5fCyrUF3FRiUmy7C {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: white;
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  width: 90%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
  animation: _0CEFMXslTxglQZY7L3h 0.3s ease-out;
}

@keyframes _0CEFMXslTxglQZY7L3h {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.SdnYqDDUleHj0ohwOpBQ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}

.cACQnD6LarH0dLoXAt1I {
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
  letter-spacing: -0.025em;
}

.JQY6iu6lblMtn8gmfmWp {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #64748b;
  transition: all 0.15s ease;
  border-radius: 4px;
}

.JQY6iu6lblMtn8gmfmWp:hover {
  color: #0f172a;
  background: #f1f5f9;
}

.JQY6iu6lblMtn8gmfmWp .rE7mfYiQHgwn1YGC3pDg {
  font-size: 24px;
}

.nPGRRmQhoC_zzp4Hbv6a {
  padding: 24px;
}

.b4vHfIB6EbeOIBBM4V0t {
  margin-bottom: 20px;
}

.b4vHfIB6EbeOIBBM4V0t:last-of-type {
  margin-bottom: 0;
}

.zSWB63y5j911VsAKMhPb {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
  letter-spacing: -0.025em;
}

.jvibMQttrXFPEURPiUFV {
  color: #ef4444;
}

.AsDcyvL222NSEnpQrVWo {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  color: #0f172a;
  background: white;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  transition: all 0.15s ease;
  outline: none;
}

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

.AsDcyvL222NSEnpQrVWo::-moz-placeholder {
  color: #9ca3af;
}

.AsDcyvL222NSEnpQrVWo::placeholder {
  color: #9ca3af;
}

.O0WefXtE7ouz5spNDqrH {
  border-color: #ef4444;
}

.O0WefXtE7ouz5spNDqrH:focus {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.rcMpuwdMZUbUXXheZvJt {
  display: block;
  font-size: 12px;
  color: #ef4444;
  margin-top: 4px;
  font-weight: 500;
}

.tHVoxE6ePpDca04yEC8D {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
}

.kR4VkHZmsqTt8pWMssb_,
.UjMx271IwgpatHu0symP {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: none;
  outline: none;
}

.kR4VkHZmsqTt8pWMssb_ {
  background: white;
  color: #64748b;
  border: 1px solid #d1d5db;
}

.kR4VkHZmsqTt8pWMssb_:hover {
  background: #f9fafb;
  border-color: #9ca3af;
  color: #374151;
}

.UjMx271IwgpatHu0symP {
  background: #3b82f6;
  color: white;
  border: 1px solid #3b82f6;
}

.UjMx271IwgpatHu0symP:hover {
  background: #2563eb;
  border-color: #2563eb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.UjMx271IwgpatHu0symP:active {
  transform: translateY(1px);
}

@media (max-width: 768px) {
  .yfoU5fCyrUF3FRiUmy7C {
    width: 95%;
    max-height: 95vh;
  }

  .SdnYqDDUleHj0ohwOpBQ {
    padding: 16px 20px;
  }

  .cACQnD6LarH0dLoXAt1I {
    font-size: 16px;
  }

  .nPGRRmQhoC_zzp4Hbv6a {
    padding: 20px;
  }

  .b4vHfIB6EbeOIBBM4V0t {
    margin-bottom: 16px;
  }

  .tHVoxE6ePpDca04yEC8D {
    margin-top: 20px;
    padding-top: 16px;
  }
}

@media (max-width: 480px) {
  .yfoU5fCyrUF3FRiUmy7C {
    border-radius: 8px;
  }

  .SdnYqDDUleHj0ohwOpBQ {
    padding: 14px 16px;
  }

  .cACQnD6LarH0dLoXAt1I {
    font-size: 15px;
  }

  .nPGRRmQhoC_zzp4Hbv6a {
    padding: 16px;
  }

  .b4vHfIB6EbeOIBBM4V0t {
    margin-bottom: 14px;
  }

  .zSWB63y5j911VsAKMhPb {
    font-size: 12px;
  }

  .AsDcyvL222NSEnpQrVWo {
    padding: 8px 12px;
    font-size: 13px;
  }

  .tHVoxE6ePpDca04yEC8D {
    flex-direction: column-reverse;
    gap: 8px;
  }

  .kR4VkHZmsqTt8pWMssb_,
  .UjMx271IwgpatHu0symP {
    width: 100%;
    padding: 10px 16px;
  }
}

.Lk1OZq3dCcxVOcK5Jzdd {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  width: 100%;
}

.H9W_CgaGwnIJzNDZythL {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.Wa39RBhZ8bOd4NUElLWR {
  font-size: 20px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.vOKHd1iTS_m13_mOPOSp {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

.p8KbjSLtUxZUgL4KbPkO {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  background: var(--admin-bg-secondary);
  border: 2px dashed var(--admin-border-medium);
  border-radius: 8px;
  margin-bottom: 16px;
  text-align: center;
}

.p8KbjSLtUxZUgL4KbPkO .FkCZ8IvcQX6ujQxhqfh7 {
  font-size: 48px;
  color: var(--admin-text-tertiary);
  margin-bottom: 12px;
}

.p8KbjSLtUxZUgL4KbPkO p {
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  margin: 0 0 4px 0;
}

.kJ623HXmaoMsSwB8_fDG {
  font-size: 13px;
  font-weight: 400;
  color: var(--admin-text-tertiary);
}

.Xw1RIVWeGVDAPe7YcZPM {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 12px;
}

.lt1IG6bzhklZC0I0J_dM {
  display: flex;
  justify-content: center;
}

@media (max-width: 768px) {
  .H9W_CgaGwnIJzNDZythL {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .Wa39RBhZ8bOd4NUElLWR {
    font-size: 18px;
  }

  .vOKHd1iTS_m13_mOPOSp {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .p8KbjSLtUxZUgL4KbPkO {
    padding: 32px 16px;
  }

  .p8KbjSLtUxZUgL4KbPkO .FkCZ8IvcQX6ujQxhqfh7 {
    font-size: 40px;
  }

  .p8KbjSLtUxZUgL4KbPkO p {
    font-size: 13px;
  }

  .kJ623HXmaoMsSwB8_fDG {
    font-size: 12px;
  }

  .Xw1RIVWeGVDAPe7YcZPM {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

@media (max-width: 480px) {
  .H9W_CgaGwnIJzNDZythL {
    gap: 10px;
  }

  .Wa39RBhZ8bOd4NUElLWR {
    font-size: 16px;
  }

  .vOKHd1iTS_m13_mOPOSp {
    gap: 8px;
  }

  .p8KbjSLtUxZUgL4KbPkO {
    padding: 28px 14px;
  }

  .p8KbjSLtUxZUgL4KbPkO .FkCZ8IvcQX6ujQxhqfh7 {
    font-size: 36px;
  }

  .p8KbjSLtUxZUgL4KbPkO p {
    font-size: 12px;
  }

  .kJ623HXmaoMsSwB8_fDG {
    font-size: 11px;
  }

  .Xw1RIVWeGVDAPe7YcZPM {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.AOKjVRe9dU9L2nJoMLkl {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 1px solid #f59e0b;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
}

.hKnO8N6iva3wnO2j7FJI {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: rgba(245, 158, 11, 0.2);
  border-bottom: 1px solid rgba(245, 158, 11, 0.3);
}

.fQkuI0DsSBKMa9KADj6t {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #92400e;
}

.fQkuI0DsSBKMa9KADj6t .DWhgGhtRZ27Hqy14qDhc {
  font-size: 20px;
  color: #d97706;
}

.wVz_xeVtdVpyloptJMDb {
  display: flex;
  align-items: center;
}

.OOkO0ZPJXZEFotFVzF40 {
  font-size: 12px;
  color: #92400e;
  opacity: 0.8;
}

.a8uOxF3pUdedSCTU6Pgx {
  padding: 16px;
}

.VcnPipfzXht4UJ5LzvkA {
  margin-bottom: 16px;
}

.HmNUbRx0_0YaZAJTbp7Q {
  font-size: 13px;
  font-weight: 600;
  color: #78350f;
  margin: 0 0 12px 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.oJN9biLLZDolWP37VGLV {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.qRJoeiXoL7H7uzADCyKQ {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
}

._Wr0dD5dwA7govAIo3L7 {
  font-size: 11px;
  font-weight: 600;
  color: #92400e;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.wsneNpXWhejw2VPOgxed {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.wsneNpXWhejw2VPOgxed .DWhgGhtRZ27Hqy14qDhc {
  font-size: 16px;
  color: #d97706;
}

.t95qkFMASJVABMt036AQ {
  font-size: 13px;
  color: #78350f;
  text-decoration: line-through;
  opacity: 0.7;
}

.WkyR12dEzb77bvTFVv2e {
  font-size: 13px;
  font-weight: 600;
  color: #166534;
  background: #dcfce7;
  padding: 2px 8px;
  border-radius: 4px;
}

.CM2CYV4yxuJ9cij11GEA {
  display: flex;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(245, 158, 11, 0.3);
}

.vx0TFE6EC918zZPObYcZ {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  background: #16a34a;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms ease;
}

.vx0TFE6EC918zZPObYcZ:hover:not(:disabled) {
  background: #15803d;
}

.vx0TFE6EC918zZPObYcZ:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.vx0TFE6EC918zZPObYcZ .DWhgGhtRZ27Hqy14qDhc {
  font-size: 18px;
}

.YmresVmEXb8xPAGTgX0M {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  background: var(--admin-card-bg);
  color: #dc2626;
  border: 1px solid #fca5a5;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms ease;
}

.YmresVmEXb8xPAGTgX0M:hover:not(:disabled) {
  background: #fef2f2;
  border-color: #f87171;
}

.YmresVmEXb8xPAGTgX0M:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.YmresVmEXb8xPAGTgX0M .DWhgGhtRZ27Hqy14qDhc {
  font-size: 18px;
}

/* Modal Styles */
.oRveDtBCdlDfwg69kTOQ {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.BC_AxBTp3HXF7WemRxym {
  background: var(--admin-card-bg);
  border-radius: 12px;
  width: 100%;
  max-width: 420px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

.mr_8UYIkSVKor11PIZbb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid var(--admin-border-light);
}

.mr_8UYIkSVKor11PIZbb h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.tQSNerggF5JQEgaIcbCp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: var(--admin-text-secondary);
  transition: all 150ms ease;
}

.tQSNerggF5JQEgaIcbCp:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.U_4fsmcNydUmxaMs3M5O {
  padding: 20px;
}

.a8BqNduIcw8O785p94Cs {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  margin-bottom: 8px;
}

.tiEKq91mHHNjzS56cm8X {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--admin-border-medium);
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  resize: vertical;
  transition: all 150ms ease;
}

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

.tiEKq91mHHNjzS56cm8X::-moz-placeholder {
  color: #9ca3af;
}

.tiEKq91mHHNjzS56cm8X::placeholder {
  color: #9ca3af;
}

._Ow0ihkdcOFUcsNjtpk0 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  background: var(--admin-bg-secondary);
  border-top: 1px solid var(--admin-border-light);
}

.xtSp49bwXSD4iu9q05kb {
  padding: 10px 16px;
  background: var(--admin-card-bg);
  color: var(--admin-text-secondary);
  border: 1px solid var(--admin-border-medium);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms ease;
}

.xtSp49bwXSD4iu9q05kb:hover {
  background: var(--admin-bg-secondary);
  border-color: var(--admin-border-medium);
}

.q8awiS5_MafzmOS1sAak {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  background: #dc2626;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms ease;
}

.q8awiS5_MafzmOS1sAak:hover:not(:disabled) {
  background: #b91c1c;
}

.q8awiS5_MafzmOS1sAak:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Spinner */
.Q9rB5Kuu9A_fx7NfKWwG {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: byr2VPZW8mbToEnQpsH3 0.8s linear infinite;
}

@keyframes byr2VPZW8mbToEnQpsH3 {
  to {
    transform: rotate(360deg);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .hKnO8N6iva3wnO2j7FJI {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .CM2CYV4yxuJ9cij11GEA {
    flex-direction: column;
  }

  .vx0TFE6EC918zZPObYcZ,
  .YmresVmEXb8xPAGTgX0M {
    width: 100%;
    justify-content: center;
  }

  .BC_AxBTp3HXF7WemRxym {
    margin: 16px;
    max-width: calc(100% - 32px);
  }
}

.eP23xegR_CrE1995XnQG {
  background: var(--admin-bg-primary);
  border: 1px solid var(--admin-border-light);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.rxTgu68f00524dtu8gYx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  background: linear-gradient(
    180deg,
    var(--admin-bg-secondary) 0%,
    var(--admin-bg-primary) 100%
  );
  border-bottom: 1px solid var(--admin-border-light);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background 0.15s ease;
}

.rxTgu68f00524dtu8gYx:hover {
  background: var(--admin-bg-secondary);
}

.rxTgu68f00524dtu8gYx:focus {
  outline: 2px solid var(--admin-accent-primary);
  outline-offset: -2px;
}

.IaPYSfU3fmt8xxezEQ8u {
  display: flex;
  align-items: center;
  gap: 10px;
}

.uR95_M4GPKdmdX1EmJkq {
  font-size: 20px;
  color: var(--admin-accent-primary);
}

.ZoLzzoiGcu5PfnBQy6FW {
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.e2HOOEs3jbUb6qpnzwFq {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.E5m2K0BlOk2bqB5vsY0e {
  color: var(--admin-status-green, #10b981);
  background: rgba(16, 185, 129, 0.1);
}

.yxHO6nQ_3k3KgdS69xR_ {
  color: #dc2626;
  background: rgba(220, 38, 38, 0.1);
}

.zrUPytPljLmTpgKyTrB3 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.JRe0G0FefKVLHRauI3nQ {
  display: flex;
  align-items: center;
}

.JRe0G0FefKVLHRauI3nQ .L9caQ6Nnj7YdV3H4HPwE {
  width: 16px;
  height: 16px;
  border-width: 2px;
  color: var(--admin-accent-primary);
}

.PUDmrrNUwc2tW1faP01J {
  font-size: 20px;
  color: var(--admin-text-secondary);
  transition: transform 0.2s ease;
}

.PUDmrrNUwc2tW1faP01J.IM2zwTuq2NUNvZZ_MTVw {
  transform: rotate(180deg);
}

.aRXI4vYQqF_KfO2fdjsz {
  padding: 18px;
}

.pQT921FSca5gJNYrt9Tm {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--admin-border-light);
}

.ZmnnIS1RGYIVbIkJ3O0f {
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

.IHtPiCyvkBhGP1t2EIMv {
  flex: 1;
  max-width: 180px;
  font-size: 13px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  padding: 6px 10px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.IHtPiCyvkBhGP1t2EIMv:hover {
  border-color: var(--admin-text-secondary);
}

.IHtPiCyvkBhGP1t2EIMv:focus {
  outline: none;
  border-color: var(--admin-accent-primary);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.owbhBtPtj6WDVLljxUV8 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding: 10px 12px;
  background: var(--admin-bg-secondary);
  border-radius: 6px;
}

.qLTEspa50Ro6vq9PkeE4 {
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.hjVmqOOZp7B2Si6Dht2c {
  font-size: 14px;
  font-weight: 700;
  color: var(--admin-text-primary);
  font-variant-numeric: tabular-nums;
}

.VVrGRwMLlr7OWhYS7htU {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

.f85sKhgf4GxjBExkzXxk {
  padding: 14px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
}

.pKis3TxxdwOU1MLeBakF {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.GzKtTeKnTSANrHAeIyf7 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-secondary);
}

.LwFGmmU3rWBtERV8Dls3 {
  font-size: 16px;
  color: #dc2626;
  animation: y35zeAxa9muqblloTjdt 2s ease-in-out infinite;
}

@keyframes y35zeAxa9muqblloTjdt {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}

.gheknk1MWMb3EWGV90rd {
  font-size: 18px;
  font-weight: 700;
  color: var(--admin-text-primary);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.gqQG55OkRdNHU_rf1C6g {
  color: var(--admin-status-green, #10b981);
}

.kRfSWJGf83NK1Epx5UUA {
  color: #dc2626;
}

.PxMoMnoHDplh5UXeGcBT {
  font-size: 18px;
}

.qVQoy2Hv0ZqVeM64Sl5Y {
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  margin-left: 6px;
}

.CTkLRssJerz63MgIIzSG {
  display: block;
  font-size: 10px;
  font-weight: 500;
  color: var(--admin-text-secondary);
  margin-top: 4px;
}

._3xzly4J56oSssnmODsy {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(220, 38, 38, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.2);
  border-radius: 6px;
  margin-bottom: 12px;
  font-size: 13px;
  color: #dc2626;
}

._3xzly4J56oSssnmODsy .fRvXsEjWlFmUvp4GJAXz {
  font-size: 18px;
}

.W5BIRcrFmssq3P8ajxDM {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 6px;
  margin-bottom: 12px;
  font-size: 13px;
  color: var(--admin-accent-primary);
}

.W5BIRcrFmssq3P8ajxDM .fRvXsEjWlFmUvp4GJAXz {
  font-size: 18px;
}

.O6x7_IpALtG7G1N_0gMs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid var(--admin-border-light);
}

.zWMk5vjMb4EwQz3qVQAy {
  font-size: 11px;
  color: var(--admin-text-secondary);
}

.RIwrKWrdMVZ9uKX7iset {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--admin-accent-primary);
  background: transparent;
  border: 1px solid var(--admin-accent-primary);
  border-radius: 6px;
  padding: 6px 12px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.RIwrKWrdMVZ9uKX7iset:hover:not(:disabled) {
  background: var(--admin-accent-primary);
  color: white;
}

.RIwrKWrdMVZ9uKX7iset:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.RIwrKWrdMVZ9uKX7iset .fRvXsEjWlFmUvp4GJAXz {
  font-size: 16px;
}

/* ==========================================
   HORIZONTAL LAYOUT
   ========================================== */

.vPKk0BLG18H5sUpJwwVs {
  padding: 0;
  margin-bottom: 24px;
}

.JAmHuvcYyJhxge_l2pZ0 {
  display: flex;
  align-items: center;
  padding: 14px 18px;
  gap: 24px;
}

.Pq8wS4Iy5lahz7bdtUIG {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.XyKyCN1teEoHQGrYP0mv {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cwzd8WwkubK1VXXOXI7m {
  flex-shrink: 0;
}

.mPiZOPZ4FptqbY22LNdK {
  font-size: 12px;
  font-weight: 500;
  color: var(--admin-text-primary);
  background: var(--admin-bg-secondary);
  border: 1px solid var(--admin-border-light);
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.mPiZOPZ4FptqbY22LNdK:hover {
  border-color: var(--admin-text-secondary);
}

.mPiZOPZ4FptqbY22LNdK:focus {
  outline: none;
  border-color: var(--admin-accent-primary);
}

.cH4HEQLAp81hEWXHc1l5 {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1;
  min-width: 0;
}

.D0KlAzMfXQtAZdxmCYic {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 80px;
}

.tEvjSIBCHtk0OV99xHAi {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--admin-text-secondary);
  margin-bottom: 2px;
}

.Mov0H05cdrXoHW492zwW {
  font-size: 16px;
  font-weight: 700;
  color: var(--admin-text-primary);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 4px;
}

.EvJeh9lNKlbq80jZiZkC {
  font-size: 10px;
  font-weight: 500;
  color: var(--admin-text-secondary);
}

.wdpi0Ayi2hm3NcmGudFg {
  font-size: 14px;
  color: #dc2626;
}

.oZmPShPrI5MLQ82zoeF2 {
  width: 1px;
  height: 32px;
  background: var(--admin-border-light);
  flex-shrink: 0;
}

.ClXLSlixyIhygrYF8gFN {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.VjigwvayhAgSTPUcT1tJ {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--admin-accent-primary);
  background: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.VjigwvayhAgSTPUcT1tJ:hover:not(:disabled) {
  background: var(--admin-accent-primary);
  border-color: var(--admin-accent-primary);
  color: white;
}

.VjigwvayhAgSTPUcT1tJ:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.VjigwvayhAgSTPUcT1tJ .fRvXsEjWlFmUvp4GJAXz {
  font-size: 18px;
}

.XG5sfhYIQc4hdAsbbqn4 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 18px;
  border-top: 1px solid var(--admin-border-light);
  background: var(--admin-bg-secondary);
}

.nfTD3WzJKIpLRC0vtfqu {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #dc2626;
}

.nfTD3WzJKIpLRC0vtfqu .fRvXsEjWlFmUvp4GJAXz {
  font-size: 16px;
}

.e6VGormWiEcczamKCkge {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--admin-accent-primary);
}

.e6VGormWiEcczamKCkge .fRvXsEjWlFmUvp4GJAXz {
  font-size: 16px;
}

/* ==========================================
   RESPONSIVE - VERTICAL LAYOUT
   ========================================== */

@media (max-width: 576px) {
  .VVrGRwMLlr7OWhYS7htU {
    grid-template-columns: 1fr;
  }

  .pQT921FSca5gJNYrt9Tm {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .IHtPiCyvkBhGP1t2EIMv {
    max-width: 100%;
    width: 100%;
  }

  .O6x7_IpALtG7G1N_0gMs {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }

  .RIwrKWrdMVZ9uKX7iset {
    width: 100%;
    justify-content: center;
  }
}

/* ==========================================
   RESPONSIVE - HORIZONTAL LAYOUT
   ========================================== */

@media (max-width: 992px) {
  .JAmHuvcYyJhxge_l2pZ0 {
    flex-wrap: wrap;
    gap: 16px;
  }

  .Pq8wS4Iy5lahz7bdtUIG {
    width: 100%;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--admin-border-light);
  }

  .cH4HEQLAp81hEWXHc1l5 {
    width: 100%;
    justify-content: space-around;
  }

  .ClXLSlixyIhygrYF8gFN {
    position: absolute;
    top: 14px;
    right: 18px;
  }

  .vPKk0BLG18H5sUpJwwVs {
    position: relative;
  }
}

@media (max-width: 576px) {
  .cH4HEQLAp81hEWXHc1l5 {
    flex-wrap: wrap;
    gap: 12px;
  }

  .D0KlAzMfXQtAZdxmCYic {
    flex: 1;
    min-width: 70px;
  }

  .oZmPShPrI5MLQ82zoeF2 {
    display: none;
  }
}

.nPZ810bZV7aKv_EtUidk {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: transparent;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
}

/* Hero Section */
.v3Bz2dvrkvqrV_sh0XZy {
  background:
    radial-gradient(ellipse at 100% 0%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
    linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.vEdZam9dLKmHIsIfYMl6 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.YiW0TOU0wIs9Ba3ptAMj {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cMDzIzPvRVtJjzEu61Fo {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  letter-spacing: -0.025em;
}

.UbF7VBhneMb_K2ET3MW3 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: rgba(59, 130, 246, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #93c5fd;
  width: -moz-fit-content;
  width: fit-content;
}

.dEQKRb9eG8gKPFoW2QnR {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.z2WWrAQAvDPzthkjpEEE {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.OVF5veXAt5xXx7sgJBHr {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: #6ee7b7;
}

.FxCzTgyQJsMNW7HW8uPl {
  background: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #fcd34d;
}

.z2WWrAQAvDPzthkjpEEE ._VHRHaxxC1AZt4Bh5iTg {
  font-size: 16px;
}

/* Hero Metrics Grid */
.fqYU3s5ItKfwnk9xZ2Hj {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
  z-index: 1;
}

.amIl5AeYFxvRNZzLQ2qI {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.id3Xz2YD0f_hjBLPu66Y {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.025em;
  font-variant-numeric: tabular-nums;
}

.iu3cMfYpdq_SF1nVxTbE {
  font-size: 22px;
}

.aJLek5zrskhLrCComFOK {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.LfKgY_ZEBZxEByPxr_xa {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 2px;
}

/* Accordion Sections */
.EDQQMi6FuXwAotyDQLjg {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.yq33KMM9nDq1xsRBoUlG {
  background: var(--admin-card-bg);
  border-radius: 12px;
  border: 1px solid var(--admin-border-light);
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.yq33KMM9nDq1xsRBoUlG:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.wj5pVS25uz7UjKyYyRSg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  cursor: pointer;
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid transparent;
  transition: all 0.15s ease;
}

.wj5pVS25uz7UjKyYyRSg:hover {
  background: var(--admin-bg-hover);
}

.x5CXg7sliQeExmzOBB4g {
  border-bottom-color: var(--admin-border-light);
}

.kkLyan8u9uEZffI7mJWJ {
  display: flex;
  align-items: center;
  gap: 12px;
}

.wXtpwctrcfM7Kbo1NpSF {
  font-size: 20px;
  color: var(--admin-text-secondary);
}

.fHR028YqfXyfnhOl60SX {
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
  margin: 0;
}

.X7RTf2DBwa_MHwBMXKVI {
  font-size: 20px;
  color: var(--admin-text-secondary);
  transition: transform 0.2s ease;
}

.XaQtxXYuimBM3NzgKn5u {
  transform: rotate(180deg);
}

.GhglSA0AgMUqUs285xMf {
  padding: 20px;
  animation: o0B8ttjMrsmHcr2B8QKT 0.2s ease;
}

@keyframes o0B8ttjMrsmHcr2B8QKT {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Financial Health Section - Hero Style */
.XZc11WcZsWFr_rq2Rlsp {
  background:
    radial-gradient(ellipse at 0% 100%, rgba(16, 185, 129, 0.12) 0%, transparent 50%),
    linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.Nc706cEq6weqjr_Xdoc0 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.lta5lIMRMh2o6jN_5QYg {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.7);
}

.lkWDWiPqs7QHuCc_GtO7 {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  letter-spacing: -0.025em;
}

.l1nLdcepffajyxVqbJO6 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 32px;
  align-items: center;
}

.zl5menyss4BZcSFSlZLZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

._B9GbNAElxBrsObW_tRs {
  width: 160px;
  height: 160px;
  position: relative;
}

.LKrZSChLJ3Fxl3JiXbne {
  transform: rotate(-90deg);
  overflow: visible;
}

.fxI2NQeXdcdkGNnKvXrA {
  fill: none;
  stroke: rgba(255, 255, 255, 0.15);
  stroke-width: 14;
}

.ppkZGLhIOZCdCkOWIF4L {
  fill: none;
  stroke-width: 14;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.8s ease, stroke 0.3s ease;
}

.glZeFAKWY2UbXxJ5xrTS {
  stroke: #10b981;
}

.rrQKTa1ktWtYrAooDs6e {
  stroke: #f59e0b;
}

.dEorE1zhrVwUJrbxhOQ7 {
  stroke: #ef4444;
}

.S10rxqzPsK53pC2IhzMK {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.u33BpJKRhBBldkMLJlXX {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  display: block;
}

.zqN3ZdxJQYFAxVNPHQjR {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.U1rYhzK729qk_i6a8Vj9 {
  margin-top: 16px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  padding: 6px 14px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
}

.ILHBfoPeDxMkTw6MJf_X {
  color: #6ee7b7;
}

.k2qRNucot5J1T4K2_YzV {
  color: #fcd34d;
}

.Pw7LzLcIUsI_5qiH5JT2 {
  color: #fca5a5;
}

.YdZQxoXEYun8YvxL2Djh {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.SX_09No_HCX__HM7WBfy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.TnXuiUNYdunO8k7Forqn {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ywm3XCTRJKxzAfuxtVbF {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  font-variant-numeric: tabular-nums;
}

.rfFkhbjU89VwiPgG6MBY {
  color: #6ee7b7;
}

.d_FQjuwTP9TcmegieMda {
  color: #fca5a5;
}

/* Loan & Property Details Section */
.jSha6GBzIuE1C9P1XAF2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.dLX7BLxP0CKrwFCbWxBZ {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  background: var(--admin-bg-secondary);
  border-radius: 8px;
  border: 1px solid var(--admin-border-light);
}

.AbSYe26n3f2p66MmWXLt {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.qZlRqZwx2CMgPp4p9CKH {
  font-size: 15px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.l1IuoY4a3Q5qsGvemPo9 {
  font-size: 12px;
  color: var(--admin-text-secondary);
  margin-top: 2px;
}


/* Actions Row */
.BIbT03cE6ywQSz0_ZJA5 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 20px;
}

.I_9KjJ4ggpxR99yX7Uu_ {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  background: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.I_9KjJ4ggpxR99yX7Uu_:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
  border-color: var(--admin-text-secondary);
}

.I_9KjJ4ggpxR99yX7Uu_ ._VHRHaxxC1AZt4Bh5iTg {
  font-size: 18px;
}

@media (max-width: 900px) {
  .BIbT03cE6ywQSz0_ZJA5 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .BIbT03cE6ywQSz0_ZJA5 {
    grid-template-columns: 1fr;
  }
}

/* Archive Section */
.PZON417pkeaVKt1SF4AV {
  display: flex;
  justify-content: center;
  padding: 32px 0 120px;
  margin-top: 24px;
  border-top: 1px solid var(--admin-border-light);
}

.XSUeezpzn6Uh4DE9YcSP {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.XSUeezpzn6Uh4DE9YcSP:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
  border-color: var(--admin-text-secondary);
}

.XSUeezpzn6Uh4DE9YcSP ._VHRHaxxC1AZt4Bh5iTg {
  font-size: 18px;
}

.R_KYZHWlhe8ezEiEFWtv {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 12px;
  max-width: 400px;
}

.dETPBYi7wgbadUAMNEH2 {
  margin: 0;
  font-size: 14px;
  color: var(--admin-text-secondary);
  text-align: center;
  line-height: 1.5;
}

.d9wIq0JAoomqLNZ7KuxC {
  display: flex;
  gap: 12px;
}

.ThL9dL_klzxj25afuKxw {
  padding: 8px 16px;
  background: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.ThL9dL_klzxj25afuKxw:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.ThL9dL_klzxj25afuKxw:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.RnzR82FtMd2yX4KlTCT1 {
  padding: 8px 16px;
  background: #dc2626;
  border: none;
  border-radius: 6px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.RnzR82FtMd2yX4KlTCT1:hover {
  background: #b91c1c;
}

.RnzR82FtMd2yX4KlTCT1:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .fqYU3s5ItKfwnk9xZ2Hj {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .l1nLdcepffajyxVqbJO6 {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .YdZQxoXEYun8YvxL2Djh {
    grid-template-columns: repeat(2, 1fr);
  }

  .jSha6GBzIuE1C9P1XAF2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .v3Bz2dvrkvqrV_sh0XZy {
    padding: 20px;
  }

  .XZc11WcZsWFr_rq2Rlsp {
    padding: 20px;
  }

  .vEdZam9dLKmHIsIfYMl6 {
    flex-direction: column;
    gap: 12px;
  }

  .dEQKRb9eG8gKPFoW2QnR {
    align-items: flex-start;
  }

  .cMDzIzPvRVtJjzEu61Fo {
    font-size: 20px;
  }

  .fqYU3s5ItKfwnk9xZ2Hj {
    grid-template-columns: 1fr 1fr;
  }

  .id3Xz2YD0f_hjBLPu66Y {
    font-size: 22px;
  }

  .YdZQxoXEYun8YvxL2Djh {
    grid-template-columns: 1fr 1fr;
  }

  .ywm3XCTRJKxzAfuxtVbF {
    font-size: 18px;
  }

  .jSha6GBzIuE1C9P1XAF2 {
    grid-template-columns: 1fr;
  }

  .zl5menyss4BZcSFSlZLZ {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .v3Bz2dvrkvqrV_sh0XZy {
    padding: 16px;
    border-radius: 12px;
  }

  .XZc11WcZsWFr_rq2Rlsp {
    padding: 16px;
    border-radius: 12px;
  }

  .lkWDWiPqs7QHuCc_GtO7 {
    font-size: 16px;
  }

  .fqYU3s5ItKfwnk9xZ2Hj {
    gap: 12px;
  }

  .id3Xz2YD0f_hjBLPu66Y {
    font-size: 20px;
  }

  .aJLek5zrskhLrCComFOK {
    font-size: 10px;
  }

  .YdZQxoXEYun8YvxL2Djh {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .ywm3XCTRJKxzAfuxtVbF {
    font-size: 16px;
  }

  .wj5pVS25uz7UjKyYyRSg {
    padding: 14px 16px;
  }

  .fHR028YqfXyfnhOl60SX {
    font-size: 14px;
  }

  .GhglSA0AgMUqUs285xMf {
    padding: 16px;
  }

  ._B9GbNAElxBrsObW_tRs {
    width: 140px;
    height: 140px;
  }

  .u33BpJKRhBBldkMLJlXX {
    font-size: 24px;
  }
}

.dQ4jbVoGrov4B0DgRYuM {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: transparent;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
}

.L9ZlRdrUl35_0qwPnd0J {
  padding: 20px;
  text-align: center;
  color: var(--admin-text-secondary);
}

/* Loan Type Strip - Unified horizontal bar */
.HEzyz5WX9D6qITaxsVvb {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 16px 0;
  background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
  border-radius: 12px;
  margin-bottom: 16px;
}

.KSdGLYwwdGFfi6w4tCBW {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 0 12px;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.KSdGLYwwdGFfi6w4tCBW:last-of-type {
  border-right: none;
}

.gmKuVAW8qDr2YpsWmk84 {
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.AvAsa7BFNBTQNE9wwb4B {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}

.luqKncXyqO5uD0YF5enQ {
  display: none;
}

/* Metrics Bar - Key numbers in one row */
.Il1vSFAIzU5QP05dkMqj {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0;
  margin-bottom: 16px;
}

.Go4Aj5DJ3t3iVr9DKETU {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 12px;
  border-right: 1px solid var(--admin-border-light);
}

.Go4Aj5DJ3t3iVr9DKETU:last-child {
  border-right: none;
}

.F_M1k952iX1Fyo8U33QE {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.CAQwHYmkC594eDPv4__T {
  font-size: 18px;
  font-weight: 700;
  color: var(--admin-text-primary);
  font-variant-numeric: tabular-nums;
}

.H37y5emmhLDRqgDDTHYz {
  font-size: 11px;
  color: var(--admin-text-secondary);
  margin-top: 4px;
}

/* Financial Strip - Income/Debt/DTI/Assets */
.L89RqcG9JS_oZAU2UGtx {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
  border: 1px solid var(--admin-border-light);
}

.jdkXrFEAETtB_zBjCoYC {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 12px;
  background: var(--admin-card-bg);
  border-right: 1px solid var(--admin-border-light);
}

.jdkXrFEAETtB_zBjCoYC:last-child {
  border-right: none;
}

.jdkXrFEAETtB_zBjCoYC.LVI7ycUcLRT3VDS5ZV2D {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.2);
}

.jdkXrFEAETtB_zBjCoYC.LVI7ycUcLRT3VDS5ZV2D .iuWY_rKTMfFwXwuquR3G,
.jdkXrFEAETtB_zBjCoYC.LVI7ycUcLRT3VDS5ZV2D .tEVYa5_lU45rraIQbEKv {
  color: #047857;
}

.jdkXrFEAETtB_zBjCoYC.o338VCsAdwycX9jTFm9g {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.2);
}

.jdkXrFEAETtB_zBjCoYC.o338VCsAdwycX9jTFm9g .iuWY_rKTMfFwXwuquR3G,
.jdkXrFEAETtB_zBjCoYC.o338VCsAdwycX9jTFm9g .tEVYa5_lU45rraIQbEKv {
  color: #dc2626;
}

.iuWY_rKTMfFwXwuquR3G {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.tEVYa5_lU45rraIQbEKv {
  font-size: 16px;
  font-weight: 700;
  color: var(--admin-text-primary);
  font-variant-numeric: tabular-nums;
}

/* Team Strip */
.p8kwlzZYJjJzAfxmS5oL {
  margin-bottom: 16px;
}

/* Archive Section */
.miOOHRxcqMdqi2Qecgjf {
  display: flex;
  justify-content: center;
  padding: 32px 0 120px;
  margin-top: 24px;
  border-top: 1px solid var(--admin-border-light);
}

.LHbgK69wzjj8Fqiw3UaR {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.LHbgK69wzjj8Fqiw3UaR:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
  border-color: var(--admin-text-secondary);
}

.LHbgK69wzjj8Fqiw3UaR .gaEsV5XhVtzZQK1msvqe {
  font-size: 18px;
}

.yHtrymXstZVW9495q9nE {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 12px;
  max-width: 400px;
}

.GtIVr_15m3qDiuaSvY7M {
  margin: 0;
  font-size: 14px;
  color: var(--admin-text-secondary);
  text-align: center;
  line-height: 1.5;
}

.Klns7rd138sKfUTwu6cT {
  display: flex;
  gap: 12px;
}

.MQeP4neY9B0ayxe_UNQH {
  padding: 8px 16px;
  background: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.MQeP4neY9B0ayxe_UNQH:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.MQeP4neY9B0ayxe_UNQH:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.whvu4OBDGSXN3beQ5IEC {
  padding: 8px 16px;
  background: #dc2626;
  border: none;
  border-radius: 6px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.whvu4OBDGSXN3beQ5IEC:hover {
  background: #b91c1c;
}

.whvu4OBDGSXN3beQ5IEC:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1024px) {
  .HEzyz5WX9D6qITaxsVvb {
    grid-template-columns: repeat(3, 1fr);
  }

  .KSdGLYwwdGFfi6w4tCBW:nth-child(3) {
    border-right: none;
  }

  .KSdGLYwwdGFfi6w4tCBW:nth-child(n+4) {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 12px;
    margin-top: 12px;
  }

  .Il1vSFAIzU5QP05dkMqj {
    grid-template-columns: repeat(3, 1fr);
  }

  .Go4Aj5DJ3t3iVr9DKETU:nth-child(3) {
    border-right: none;
  }

  .Go4Aj5DJ3t3iVr9DKETU:nth-child(n+4) {
    border-top: 1px solid var(--admin-border-light);
  }

  .L89RqcG9JS_oZAU2UGtx {
    grid-template-columns: repeat(3, 1fr);
  }

  .jdkXrFEAETtB_zBjCoYC:nth-child(3) {
    border-right: none;
  }

  .jdkXrFEAETtB_zBjCoYC:nth-child(4),
  .jdkXrFEAETtB_zBjCoYC:nth-child(5) {
    border-top: 1px solid var(--admin-border-light);
  }
}

@media (max-width: 768px) {
  .HEzyz5WX9D6qITaxsVvb {
    grid-template-columns: repeat(2, 1fr);
    padding: 14px 0;
  }

  .KSdGLYwwdGFfi6w4tCBW {
    padding: 8px 12px;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }

  .KSdGLYwwdGFfi6w4tCBW:nth-child(2n) {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
  }

  .KSdGLYwwdGFfi6w4tCBW:nth-last-child(-n+2) {
    border-bottom: none;
  }

  .Il1vSFAIzU5QP05dkMqj {
    grid-template-columns: repeat(2, 1fr);
  }

  .Go4Aj5DJ3t3iVr9DKETU {
    border-right: none;
    border-bottom: 1px solid var(--admin-border-light);
  }

  .Go4Aj5DJ3t3iVr9DKETU:nth-child(2n) {
    border-left: 1px solid var(--admin-border-light);
  }

  .Go4Aj5DJ3t3iVr9DKETU:nth-last-child(-n+2) {
    border-bottom: none;
  }

  .CAQwHYmkC594eDPv4__T {
    font-size: 16px;
  }

  .L89RqcG9JS_oZAU2UGtx {
    grid-template-columns: repeat(2, 1fr);
  }

  .jdkXrFEAETtB_zBjCoYC {
    border-right: none;
    border-bottom: 1px solid var(--admin-border-light);
  }

  .jdkXrFEAETtB_zBjCoYC:nth-child(2n) {
    border-left: 1px solid var(--admin-border-light);
  }

  .jdkXrFEAETtB_zBjCoYC:nth-last-child(-n+2) {
    border-bottom: none;
  }
}

@media (max-width: 480px) {
  .HEzyz5WX9D6qITaxsVvb {
    grid-template-columns: 1fr 1fr;
    padding: 12px 0;
  }

  .KSdGLYwwdGFfi6w4tCBW {
    padding: 6px 10px;
  }

  .AvAsa7BFNBTQNE9wwb4B {
    font-size: 13px;
  }

  .Il1vSFAIzU5QP05dkMqj {
    grid-template-columns: 1fr 1fr;
  }

  .Go4Aj5DJ3t3iVr9DKETU {
    padding: 12px 10px;
  }

  .CAQwHYmkC594eDPv4__T {
    font-size: 15px;
  }

  .L89RqcG9JS_oZAU2UGtx {
    grid-template-columns: 1fr;
  }

  .jdkXrFEAETtB_zBjCoYC {
    border-right: none;
    border-left: none;
    border-bottom: 1px solid var(--admin-border-light);
  }

  .jdkXrFEAETtB_zBjCoYC:last-child {
    border-bottom: none;
  }
}

.GGWJDY4JcGsbQEW_nFhA {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: transparent;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
}

.oAMS8GUfhmKoAPUNz3fe {
  padding: 20px;
  text-align: center;
  color: var(--admin-text-secondary);
}

/* Header with borrower name and status */
.y14CwfdRZyx29qQ5u0HV {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.qXAcCgDC9X6ThB3UWNnB {
  font-size: 20px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.y0yi0scOhz7r5DrOiEVQ {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.y0yi0scOhz7r5DrOiEVQ .EMGvZxuWoZMSGEoX1u77 {
  font-size: 16px;
}

.dLlxmfkmdsPxNdu8kZjy {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: #059669;
}

.eOFw7AmYZzq0CU6Gpk_8 {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #d97706;
}

/* Hero Card - Dark gradient with key metrics */
.vdlLAdR38SdDPtSD7mCZ {
  background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.vdlLAdR38SdDPtSD7mCZ::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%);
  pointer-events: none;
}

.s0MxiUldIQKTvRRSNLUA {
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.SfTM8LwHY8jLbPc7134z {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
}

.SfTM8LwHY8jLbPc7134z .EMGvZxuWoZMSGEoX1u77 {
  font-size: 18px;
}

.keEkk6jQWDiS_qJSItWx {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  position: relative;
  z-index: 1;
}

.bYcSKQgF2lrzAOBSa7bi {
  text-align: center;
}

.RP6fmlAfAiQqxxlEoXk7 {
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
  display: block;
}

.BQRfJZKUBtbODPvNcdLL {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  font-variant-numeric: tabular-nums;
  display: block;
}

.ndzF3lA3vxvb40Yn5JoL {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 4px;
  display: block;
}

/* Card Grid */
.uFG2u47ebaqpKQP6cnmM {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}

.S8ht7cig3XSmdS670HbY {
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 12px;
  padding: 18px;
  transition: all 0.2s ease;
}

.S8ht7cig3XSmdS670HbY:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  border-color: #cbd5e1;
}

.IeZ0EIQLqupR57C0kDw9 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--admin-border-light);
}

.s2Vpudx9p2xLXRnui8jM {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  border-radius: 8px;
  color: #3b82f6;
}

.s2Vpudx9p2xLXRnui8jM .EMGvZxuWoZMSGEoX1u77 {
  font-size: 18px;
}

.caaBrC0RLcuw1MOh3ao4 {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.tS6zN5NXRYbLfmevtUVr {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.FNOE8TeCr5DeOVi3qU4t {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.kMU_7mrxOrS29ZLm1RPB {
  font-size: 12px;
  color: var(--admin-text-secondary);
}

.RjE5i9Zls60CbqCqxcBu {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  font-variant-numeric: tabular-nums;
}

.RjE5i9Zls60CbqCqxcBu._VYH_U_ixvqZxmLWp3aq {
  color: #059669;
}

.RjE5i9Zls60CbqCqxcBu.okoeVpThPFXGgHWlBNqj {
  color: #d97706;
}

/* Team Section */
.DLgn3ElZcwXPSUahlLLk {
  margin-bottom: 20px;
}

/* Archive Section */
.erQytjsaG5Ssi8U2qkxi {
  display: flex;
  justify-content: center;
  padding: 32px 0 120px;
  margin-top: 24px;
  border-top: 1px solid var(--admin-border-light);
}

.dqOChOSTrOJ5gMnuXEcM {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.dqOChOSTrOJ5gMnuXEcM:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
  border-color: var(--admin-text-secondary);
}

.dqOChOSTrOJ5gMnuXEcM .EMGvZxuWoZMSGEoX1u77 {
  font-size: 18px;
}

.D14kM8l58URpsqMNdHJR {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 12px;
  max-width: 400px;
}

.CPEui3lM_p5Cm6MXy1Tl {
  margin: 0;
  font-size: 14px;
  color: var(--admin-text-secondary);
  text-align: center;
  line-height: 1.5;
}

.oV_VkiU_DG6eUHyChHtD {
  display: flex;
  gap: 12px;
}

.hbH8YrwudQfXvzojnABX {
  padding: 8px 16px;
  background: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.hbH8YrwudQfXvzojnABX:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.hbH8YrwudQfXvzojnABX:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.as31O88MskBvevsH1cpd {
  padding: 8px 16px;
  background: #dc2626;
  border: none;
  border-radius: 6px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.as31O88MskBvevsH1cpd:hover {
  background: #b91c1c;
}

.as31O88MskBvevsH1cpd:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1024px) {
  .uFG2u47ebaqpKQP6cnmM {
    grid-template-columns: repeat(2, 1fr);
  }

  .keEkk6jQWDiS_qJSItWx {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .y14CwfdRZyx29qQ5u0HV {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .vdlLAdR38SdDPtSD7mCZ {
    padding: 20px;
  }

  .BQRfJZKUBtbODPvNcdLL {
    font-size: 20px;
  }

  .uFG2u47ebaqpKQP6cnmM {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .vdlLAdR38SdDPtSD7mCZ {
    padding: 16px;
    border-radius: 12px;
  }

  .keEkk6jQWDiS_qJSItWx {
    gap: 12px;
  }

  .BQRfJZKUBtbODPvNcdLL {
    font-size: 18px;
  }
}

.d0eKAv7IAGaK5PEfddKZ {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: transparent;
  min-height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
}

.r13AMvbFQ2chufznblKl {
  padding: 20px;
  text-align: center;
  color: var(--admin-text-secondary);
}

/* Header with borrower name and status */
.i7wLjfg69KkkOsZh4vOA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.R6cn5I3DjoYiUSEpq5M6 {
  font-size: 20px;
  font-weight: 700;
  color: var(--admin-text-primary);
  margin: 0;
  letter-spacing: -0.025em;
}

.IdGNttqc5Ber1CHM11nU {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.IdGNttqc5Ber1CHM11nU ._cTutRpkYxtq2TvBLESa {
  font-size: 16px;
}

.fUG8ickd0qYKSSxrj1Gv {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: #059669;
}

.KKRnOFYNuhi8YQvZcOA2 {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: #d97706;
}

/* Summary Banner - Compact key metrics */
.WZm4eezffDZErRS6sfih {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}

.d658erb3FsrdAJnur0ah {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 18px 16px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.d658erb3FsrdAJnur0ah:last-child {
  border-right: none;
}

.mk64qmLU_qT0MyhXcTGP {
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.rqzBPNoK02AP_mipUMZq {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  font-variant-numeric: tabular-nums;
}

.VwCBZ0Uu0Hadc_dcO7JR {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 4px;
}

/* Financial Bar */
.MvVOQrfCOOpLYbP2ieEV {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}

.dl_cyhF54o7yQ36InkC1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 12px;
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 10px;
  text-align: center;
}

.dl_cyhF54o7yQ36InkC1.Bq9sVswPWnwtR4rARc1P {
  background: rgba(16, 185, 129, 0.08);
  border-color: rgba(16, 185, 129, 0.2);
}

.dl_cyhF54o7yQ36InkC1.Bq9sVswPWnwtR4rARc1P .dJFT2LlXHflsAtp5xCKY,
.dl_cyhF54o7yQ36InkC1.Bq9sVswPWnwtR4rARc1P .p4xK9dlc3Fx0tS4z0sPe {
  color: #047857;
}

.dl_cyhF54o7yQ36InkC1.G7GSqCgPCbpMNuBmikCM {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.2);
}

.dl_cyhF54o7yQ36InkC1.G7GSqCgPCbpMNuBmikCM .dJFT2LlXHflsAtp5xCKY,
.dl_cyhF54o7yQ36InkC1.G7GSqCgPCbpMNuBmikCM .p4xK9dlc3Fx0tS4z0sPe {
  color: #dc2626;
}

.dJFT2LlXHflsAtp5xCKY {
  font-size: 10px;
  font-weight: 600;
  color: var(--admin-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}

.p4xK9dlc3Fx0tS4z0sPe {
  font-size: 18px;
  font-weight: 700;
  color: var(--admin-text-primary);
  font-variant-numeric: tabular-nums;
}

/* Table Section */
.OSsoukRWSzNYbj7o6Yql {
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
}

.YH3rVmHwpTzTvTsNa4FO {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  background: var(--admin-bg-secondary);
  border-bottom: 1px solid var(--admin-border-light);
}

.YH3rVmHwpTzTvTsNa4FO ._cTutRpkYxtq2TvBLESa {
  font-size: 18px;
  color: #3b82f6;
}

.Mn2TMDwL5ifB4Z4cYh1e {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
}

.vhb85ZhYvLObI6KOHIMI {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.ujrzW5ah5B4cwfKhT301 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 18px;
  border-bottom: 1px solid var(--admin-border-light);
  border-right: 1px solid var(--admin-border-light);
}

.ujrzW5ah5B4cwfKhT301:nth-child(even) {
  border-right: none;
}

.ujrzW5ah5B4cwfKhT301:nth-last-child(-n+2) {
  border-bottom: none;
}

.glNdxQy8kCtfeMTJwdKr {
  font-size: 13px;
  color: var(--admin-text-secondary);
}

.hAoL88gIG96D6OVWRd6x {
  font-size: 14px;
  font-weight: 600;
  color: var(--admin-text-primary);
  font-variant-numeric: tabular-nums;
}

.hAoL88gIG96D6OVWRd6x.nM9Ul0ckhPJGh7aIRRAd {
  color: #059669;
}

/* Team Section */
.CoA0WjS7mXnFuKgjOr5P {
  margin-bottom: 20px;
}

/* Archive Section */
.RKxaeB9lDfglGMliYI4w {
  display: flex;
  justify-content: center;
  padding: 32px 0 120px;
  margin-top: 24px;
  border-top: 1px solid var(--admin-border-light);
}

.Xsav6cSwjKhnCcmOXGaq {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 8px;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.Xsav6cSwjKhnCcmOXGaq:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
  border-color: var(--admin-text-secondary);
}

.Xsav6cSwjKhnCcmOXGaq ._cTutRpkYxtq2TvBLESa {
  font-size: 18px;
}

.DyBhHzAJPT6WRRRULQJm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: var(--admin-card-bg);
  border: 1px solid var(--admin-border-light);
  border-radius: 12px;
  max-width: 400px;
}

.pIOU3Pttr9STCU5WlgnG {
  margin: 0;
  font-size: 14px;
  color: var(--admin-text-secondary);
  text-align: center;
  line-height: 1.5;
}

.SaGUJ0dMFWAw_D3q8DBr {
  display: flex;
  gap: 12px;
}

.PgIxNmHWyF5BUXjLuRmO {
  padding: 8px 16px;
  background: transparent;
  border: 1px solid var(--admin-border-light);
  border-radius: 6px;
  color: var(--admin-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.PgIxNmHWyF5BUXjLuRmO:hover {
  background: var(--admin-bg-hover);
  color: var(--admin-text-primary);
}

.PgIxNmHWyF5BUXjLuRmO:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.lQt2UAPCtUaBfLi4V08c {
  padding: 8px 16px;
  background: #dc2626;
  border: none;
  border-radius: 6px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

.lQt2UAPCtUaBfLi4V08c:hover {
  background: #b91c1c;
}

.lQt2UAPCtUaBfLi4V08c:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1024px) {
  .WZm4eezffDZErRS6sfih {
    grid-template-columns: repeat(2, 1fr);
  }

  .d658erb3FsrdAJnur0ah:nth-child(2) {
    border-right: none;
  }

  .d658erb3FsrdAJnur0ah:nth-child(n+3) {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .MvVOQrfCOOpLYbP2ieEV {
    grid-template-columns: repeat(3, 1fr);
  }

  .vhb85ZhYvLObI6KOHIMI {
    grid-template-columns: 1fr;
  }

  .ujrzW5ah5B4cwfKhT301 {
    border-right: none;
  }

  .ujrzW5ah5B4cwfKhT301:last-child {
    border-bottom: none;
  }
}

@media (max-width: 768px) {
  .i7wLjfg69KkkOsZh4vOA {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .rqzBPNoK02AP_mipUMZq {
    font-size: 18px;
  }

  .MvVOQrfCOOpLYbP2ieEV {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .WZm4eezffDZErRS6sfih {
    grid-template-columns: 1fr 1fr;
  }

  .d658erb3FsrdAJnur0ah {
    padding: 14px 10px;
  }

  .rqzBPNoK02AP_mipUMZq {
    font-size: 18px;
  }

  .MvVOQrfCOOpLYbP2ieEV {
    grid-template-columns: 1fr;
  }
}

.oDm3Q_KYRyMqBgWr9604 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.xgO1HzMsN6kxXEckIVkO {
    font-size: 12px;
    font-weight: 500;
    color: var(--admin-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.Ad7GlsXbhHvxX9oNII1c {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.zEbwnzRq43FauHS9MwQT {
    font-family: 'JetBrains Mono', 'SF Mono', 'Consolas', monospace;
    font-weight: 600;
    color: var(--admin-text-primary);
}

._eRC8p5cokAb37orBXdS {
    font-size: 11px;
    color: var(--admin-text-tertiary);
}

.iov_n_K_jJws8zjaVJei {
    font-family: 'JetBrains Mono', 'SF Mono', 'Consolas', monospace;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 4px;
}

.iov_n_K_jJws8zjaVJei.RlwLPXUQE0X7_JR9bCNm {
    color: var(--admin-btn-success-bg);
    background: rgba(34, 197, 94, 0.1);
}

.iov_n_K_jJws8zjaVJei.otLIJ0_6YvZhBZqdg05e {
    color: var(--admin-status-red);
    background: rgba(239, 68, 68, 0.1);
}

.iov_n_K_jJws8zjaVJei.mL4m4bmfMJnWsJsCWBZN {
    color: var(--admin-text-secondary);
    background: rgba(156, 163, 175, 0.1);
}

.q511Xr5HtiA1CjZdSLNs .zEbwnzRq43FauHS9MwQT {
    font-size: 14px;
}

.q511Xr5HtiA1CjZdSLNs .xgO1HzMsN6kxXEckIVkO {
    font-size: 11px;
}

.td8nFOyfB560vHOoD3QP .zEbwnzRq43FauHS9MwQT {
    font-size: 20px;
}

.IsyP6jYUzU0vFSQVebY8 .zEbwnzRq43FauHS9MwQT {
    font-size: 28px;
}

.IsyP6jYUzU0vFSQVebY8 .xgO1HzMsN6kxXEckIVkO {
    font-size: 13px;
}

.zEbwnzRq43FauHS9MwQT.X5nWOxJxfddVTPPC6n4c {
    color: var(--admin-btn-success-bg);
}

.zEbwnzRq43FauHS9MwQT.SFSIdvemdce73h4YBHcX {
    color: var(--admin-badge-warning);
}

.zEbwnzRq43FauHS9MwQT.E6vGwKey8qjQDHmB8CNG {
    color: var(--admin-status-red);
}

.VJE3Ru4m4IdpV_FnWyqo {
    flex-shrink: 0;
    width: 320px;
    background: var(--admin-card-bg, #1f1f23);
    border: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
    border-radius: 16px;
    padding: 24px;
    scroll-snap-align: start;
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
}

.VJE3Ru4m4IdpV_FnWyqo:hover {
    border-color: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.VJE3Ru4m4IdpV_FnWyqo.ckkK_yNoNlAsoJlsIorM {
    border-color: var(--admin-accent-primary);
    background: linear-gradient(180deg, rgba(34, 211, 238, 0.08) 0%, var(--admin-card-bg) 40%);
    box-shadow: 0 0 0 1px var(--admin-accent-primary);
}

.VJE3Ru4m4IdpV_FnWyqo.Rj3nooETHbAOMFtX4GxA {
    border-color: #d4af37;
    background: linear-gradient(180deg, rgba(212, 175, 55, 0.08) 0%, var(--admin-card-bg) 40%);
}

.VJE3Ru4m4IdpV_FnWyqo.Rj3nooETHbAOMFtX4GxA:hover {
    border-color: #d4af37;
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.15);
}

.VJE3Ru4m4IdpV_FnWyqo.svYRfit8JI5zSSmFON55 {
    opacity: 0.85;
}

.xS3mtqonILZj3vKJvs8M {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

.Hbe4H4kCdfKGR_BTdYNF {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.RqQskih21RX29XHBOqhy {
    font-size: 18px;
    font-weight: 600;
    color: var(--admin-text-primary);
    margin: 0;
}

.IXxDs_eLq2p4vEmjxSs0 {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.vzdZD7ScrTE_CbfhjvQ2,
.iexKBgVdAoAAdPcb9bK_,
.vP1a1UU87TJIAWCSd1jE {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.vzdZD7ScrTE_CbfhjvQ2 {
    background: rgba(156, 163, 175, 0.15);
    color: var(--admin-text-secondary);
    border: 1px solid rgba(156, 163, 175, 0.2);
}

.iexKBgVdAoAAdPcb9bK_ {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.2) 0%, rgba(212, 175, 55, 0.1) 100%);
    color: #d4af37;
    border: 1px solid rgba(212, 175, 55, 0.3);
    display: flex;
    align-items: center;
    gap: 4px;
}

.xC9pV9DJ8yjVyhVM971y {
    font-size: 10px;
}

.vP1a1UU87TJIAWCSd1jE {
    background: rgba(239, 68, 68, 0.15);
    color: var(--admin-status-red);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.qetUyfNVR2g02YEhFsXB {
    background: transparent;
    border: none;
    color: var(--admin-text-secondary);
    font-size: 20px;
    line-height: 1;
    padding: 4px 8px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s, color 0.2s;
}

.VJE3Ru4m4IdpV_FnWyqo:hover .qetUyfNVR2g02YEhFsXB {
    opacity: 1;
}

.qetUyfNVR2g02YEhFsXB:hover {
    color: var(--admin-status-red);
}

.B2btvd5nNjkDZVMKOnyA {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--admin-border-light);
}

.uTnRx0oseU52B7bIo99p {
    margin-bottom: 16px;
}

.gH8JxrvJ8xHYUhi2oIf1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 16px;
    padding: 12px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.cEBzbLxRa_cPV6Mn0sRP {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mnLc0eVWUZ8vdi5iNXZg {
    font-size: 10px;
    font-weight: 500;
    color: var(--admin-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.Eek0rjUJA5l6pY6cv2gC {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 13px;
    font-weight: 500;
    color: var(--admin-text-primary);
}

.Eek0rjUJA5l6pY6cv2gC.wkZTLufdWAtmra2MAeAL {
    color: var(--admin-btn-success-bg);
}

.Eek0rjUJA5l6pY6cv2gC.Vm3ma0AxfMaxH4T2NKhT,
.Eek0rjUJA5l6pY6cv2gC.muILHxEZfDOWq7cWs581 {
    color: var(--admin-badge-warning);
}

.Eek0rjUJA5l6pY6cv2gC.gqGKEeUsqKqhmIMnm6IK {
    color: var(--admin-status-red);
}

.ANLjzULm8hHnS8G1Oz6T {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    margin-bottom: 16px;
}

.GvlBqaARLRHZKiH92uge {
    font-size: 12px;
    font-weight: 500;
    color: var(--admin-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.H2LqiXUu_QvDtAt3tIx2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.MAb6j5AxdBqD3GOR5xV4 {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 13px;
    font-weight: 500;
    color: var(--admin-text-primary);
}

.MAb6j5AxdBqD3GOR5xV4.kjPncYNaIDzB6sF6_UGf {
    color: var(--admin-btn-success-bg);
}

.a9xmoSoNlWMBWF5jOuug {
    font-size: 11px;
    color: var(--admin-text-tertiary);
}

.aQmlTRkFzqK1Vohtn2gw {
    margin-bottom: 16px;
}

.Da7u1QY4fjaYEKLCvKSc {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 12px;
    color: var(--admin-badge-warning);
    padding: 8px 10px;
    background: var(--admin-alert-warning-bg);
    border-radius: 6px;
    margin-bottom: 6px;
}

.Da7u1QY4fjaYEKLCvKSc:last-child {
    margin-bottom: 0;
}

.XEy58jP3KnzH4jsFqGrk {
    flex-shrink: 0;
}

.akVHU9HSrYgLi9ZZqjhc {
    display: flex;
    gap: 8px;
}

.Ng5y9kLDLv0xORnXJLeG,
.pslAvsPf6CLSAFBPosal {
    flex: 1;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.Ng5y9kLDLv0xORnXJLeG {
    background: var(--admin-accent-primary);
    border: none;
    color: white;
}

.Ng5y9kLDLv0xORnXJLeG:hover {
    background: var(--admin-btn-primary-hover);
}

.Ng5y9kLDLv0xORnXJLeG.xnc8OYZTXJz6gMe8zgyP {
    background: var(--admin-btn-success-bg);
}

.pslAvsPf6CLSAFBPosal {
    background: transparent;
    border: 1px solid var(--admin-border-light);
    color: var(--admin-text-secondary);
}

.pslAvsPf6CLSAFBPosal:hover {
    background: var(--admin-bg-hover);
    color: var(--admin-text-primary);
    border-color: var(--admin-border-medium);
}

.QkI2Dr6Jp_oe6Xzv4QYh {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.12) 0%, rgba(212, 175, 55, 0.04) 100%);
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 16px;
    padding: 20px 24px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
}

.QkI2Dr6Jp_oe6Xzv4QYh::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.4), transparent);
}

.BFtWbFWEDXw8f9OtwkM5 {
    position: relative;
    flex-shrink: 0;
}

.Vg6IMIKS9pltyO2dA1OT {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.2) 0%, rgba(212, 175, 55, 0.1) 100%);
    border-radius: 12px;
    color: #d4af37;
}

.RPkkCPdgmQr55hQ3LuVI {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid var(--admin-card-bg);
}

.RPkkCPdgmQr55hQ3LuVI.QxqIdus40gRVsha6t1Mg {
    background: var(--admin-btn-success-bg);
}

.RPkkCPdgmQr55hQ3LuVI.zkHvBxRlJZxxlyKHXP1I {
    background: var(--admin-badge-warning);
}

.RPkkCPdgmQr55hQ3LuVI.e9ZUyxQhfvk8A0BiYAtS {
    background: var(--admin-text-secondary);
}

.SptQVagyg12Q2PEbSMsX {
    flex: 1;
    min-width: 0;
}

.nqQbeywn62iHzu2AB7Hf {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.zWQMBLSX_2F2Kx4pHP9G {
    font-size: 15px;
    font-weight: 600;
    color: #d4af37;
    margin: 0;
}

.LexPr9siYVlE1Jv5Nwds {
    font-size: 11px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.LexPr9siYVlE1Jv5Nwds.QxqIdus40gRVsha6t1Mg {
    background: rgba(34, 197, 94, 0.15);
    color: var(--admin-btn-success-bg);
}

.LexPr9siYVlE1Jv5Nwds.zkHvBxRlJZxxlyKHXP1I {
    background: rgba(245, 158, 11, 0.15);
    color: var(--admin-badge-warning);
}

.LexPr9siYVlE1Jv5Nwds.e9ZUyxQhfvk8A0BiYAtS {
    background: rgba(156, 163, 175, 0.15);
    color: var(--admin-text-secondary);
}

.P83XQ0LgvHROCE_tY08D {
    font-size: 14px;
    line-height: 1.6;
    color: var(--admin-text-primary);
    margin: 0 0 12px 0;
}

.Go3mcxsjmawcZEGcOpuz {
    animation: QeU1bhdIJQnxwe_b6fwz 1s infinite;
    color: #d4af37;
}

@keyframes QeU1bhdIJQnxwe_b6fwz {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.t34U3TE8karX6_t_Oh0A {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.VYHU2Y6DB3FYEDKiBIXx {
    font-size: 11px;
    font-weight: 500;
    padding: 4px 10px;
    background: var(--admin-bg-hover);
    border: 1px solid var(--admin-border-light);
    border-radius: 20px;
    color: var(--admin-text-secondary);
}

.pdixaE0NXdRMmNi5KeAG {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.NQwXBiYUmpdVeBFjDZs8 {
    flex: 1;
    padding: 10px 14px;
    background: var(--admin-input-bg);
    border: 1px solid var(--admin-input-border);
    border-radius: 8px;
    font-size: 13px;
    color: var(--admin-text-primary);
    outline: none;
    transition: border-color 0.2s;
}

.NQwXBiYUmpdVeBFjDZs8:focus {
    border-color: #d4af37;
}

.NQwXBiYUmpdVeBFjDZs8::-moz-placeholder {
    color: var(--admin-text-tertiary);
}

.NQwXBiYUmpdVeBFjDZs8::placeholder {
    color: var(--admin-text-tertiary);
}

.howQNsRZ1HUx3LWskjRm {
    padding: 10px 16px;
    background: #d4af37;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    transition: background 0.2s;
}

.howQNsRZ1HUx3LWskjRm:hover {
    background: #c9a432;
}

.D07WMAOgkGeBFKD_hyjd {
    padding: 10px 16px;
    background: transparent;
    border: 1px solid var(--admin-border-light);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--admin-text-secondary);
    cursor: pointer;
    transition: all 0.2s;
}

.D07WMAOgkGeBFKD_hyjd:hover {
    background: var(--admin-bg-hover);
    color: var(--admin-text-primary);
}

.wDdTmHGUls9q_lDF0aB3 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
}

.MCj9FtP5OcMAnSimOF9v,
.ZiuxgzAAn55R7ZOhvXCp {
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.MCj9FtP5OcMAnSimOF9v {
    background: #d4af37;
    border: none;
    color: #000;
}

.MCj9FtP5OcMAnSimOF9v:hover {
    background: #c9a432;
    transform: translateY(-1px);
}

.ZiuxgzAAn55R7ZOhvXCp {
    background: transparent;
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
}

.ZiuxgzAAn55R7ZOhvXCp:hover {
    background: rgba(212, 175, 55, 0.1);
}

.ZiuxgzAAn55R7ZOhvXCp:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .QkI2Dr6Jp_oe6Xzv4QYh {
        flex-direction: column;
    }

    .wDdTmHGUls9q_lDF0aB3 {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .MCj9FtP5OcMAnSimOF9v,
    .ZiuxgzAAn55R7ZOhvXCp {
        flex: 1;
        min-width: 120px;
    }
}

.DSUW1EkPACdzenLMbIec {
    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: 1000;
    padding: 24px;
}

.zwx8bMKUabk0ZbQy2tuc {
    background: var(--admin-floating-card-bg);
    border: 1px solid var(--admin-floating-card-border);
    border-radius: 16px;
    width: 100%;
    max-width: 1000px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
}

.JVv8n89kf931YdngJ25L {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--admin-border-light);
}

.KqlR6rM_d4mCk5Crt9Aq {
    font-size: 20px;
    font-weight: 600;
    color: var(--admin-text-primary);
    margin: 0;
}

.ou4c5kPUM8QTq8bN9zcO {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--admin-border-light);
    border-radius: 8px;
    font-size: 24px;
    color: var(--admin-text-secondary);
    cursor: pointer;
    transition: all 0.15s;
}

.ou4c5kPUM8QTq8bN9zcO:hover {
    background: var(--admin-bg-hover);
    color: var(--admin-text-primary);
}

.Pupdb9Jtxx0_T2AEAwRy {
    flex: 1;
    overflow: auto;
    padding: 0 24px;
}

.jsDwwHG9nTyHD12V5hmA {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
}

.jsDwwHG9nTyHD12V5hmA th,
.jsDwwHG9nTyHD12V5hmA td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--admin-border-light);
}

.HysfQzV8I3kahmtYNf57 {
    font-size: 12px;
    font-weight: 600;
    color: var(--admin-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: 140px;
    position: sticky;
    left: 0;
    background: var(--admin-floating-card-bg);
}

.HEvDfY3Plg6CmxK_ed5I {
    min-width: 150px;
    vertical-align: bottom;
}

.HEvDfY3Plg6CmxK_ed5I.xQf0xk3DFFn3KPfVb50w {
    background: linear-gradient(180deg, rgba(212, 175, 55, 0.1) 0%, transparent 100%);
}

.uOy_gcU5QNlkO9JZ48qM {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.PzehRjocbRapgQkjezGn {
    font-size: 14px;
    font-weight: 600;
    color: var(--admin-text-primary);
}

.e3f7SbQykgn2l6_h1j1y {
    display: flex;
    gap: 6px;
}

.S2KUg1R8hEcjGg8uLSCJ,
.ofKHWpndtl21jB6xeCT4 {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.S2KUg1R8hEcjGg8uLSCJ {
    background: rgba(156, 163, 175, 0.15);
    color: var(--admin-text-secondary);
}

.ofKHWpndtl21jB6xeCT4 {
    background: rgba(212, 175, 55, 0.15);
    color: #d4af37;
}

.pBqDakdu3Wo5Rp9OCvvx {
    font-size: 13px;
    font-weight: 500;
    color: var(--admin-text-secondary);
    position: sticky;
    left: 0;
    background: var(--admin-floating-card-bg);
}

.xmLfJ613pnZQsSj1XxtQ {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 13px;
    color: var(--admin-text-primary);
    position: relative;
}

.xmLfJ613pnZQsSj1XxtQ.ovytTC8dJB0FeOcRVXOe {
    color: var(--admin-btn-success-bg);
    background: rgba(34, 197, 94, 0.05);
}

.xmLfJ613pnZQsSj1XxtQ.J6cf80qI2y7bMTcLR1dU {
    color: var(--admin-text-secondary);
    opacity: 0.7;
}

.XsCd3O0Ba604Vyj8BLnq {
    display: inline-block;
}

.v4JJ_jA8mRacSWE7RNCs {
    display: inline-block;
    margin-left: 8px;
    font-size: 9px;
    font-weight: 600;
    font-family: system-ui, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 5px;
    border-radius: 3px;
    background: rgba(34, 197, 94, 0.15);
    color: var(--admin-btn-success-bg);
    vertical-align: middle;
}

.VQ8s7nJIpnMLavueIcOG {
    border-top: 2px solid var(--admin-border-medium);
}

.GsVTJw7cRWcEfImR2gXb {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    font-family: system-ui, sans-serif;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.GsVTJw7cRWcEfImR2gXb.oAC8z59LbGvvZLweCblr {
    background: rgba(34, 197, 94, 0.15);
    color: var(--admin-btn-success-bg);
}

.GsVTJw7cRWcEfImR2gXb.PZaZ56WyrLKTRQjZKqK2 {
    background: rgba(245, 158, 11, 0.15);
    color: var(--admin-badge-warning);
}

.uGdWEK8PzqVQthsC7mr1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    border-top: 1px solid var(--admin-border-light);
}

.CzYMstBQPS5kRKJNimyf {
    display: flex;
    gap: 20px;
}

.MGNCI7i_Qq2WeZM7aaM4 {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--admin-text-secondary);
}

.lZbzgWOJXghNQag8bpEk {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}

.lZbzgWOJXghNQag8bpEk.ovytTC8dJB0FeOcRVXOe {
    background: var(--admin-btn-success-bg);
}

.lZbzgWOJXghNQag8bpEk.J6cf80qI2y7bMTcLR1dU {
    background: var(--admin-text-tertiary);
    opacity: 0.5;
}

.yF68SrGPB7gzzQWmEH3z {
    display: flex;
    gap: 12px;
}

.HsLBf3n5Xl6s3mlJ81Rf {
    padding: 10px 20px;
    background: transparent;
    border: 1px solid var(--admin-border-light);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--admin-text-secondary);
    cursor: pointer;
    transition: all 0.15s;
}

.HsLBf3n5Xl6s3mlJ81Rf:hover {
    background: var(--admin-bg-hover);
    color: var(--admin-text-primary);
}

@media (max-width: 768px) {
    .zwx8bMKUabk0ZbQy2tuc {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
    }

    .DSUW1EkPACdzenLMbIec {
        padding: 0;
    }

    .jsDwwHG9nTyHD12V5hmA th,
    .jsDwwHG9nTyHD12V5hmA td {
        padding: 10px 12px;
    }

    .HysfQzV8I3kahmtYNf57,
    .pBqDakdu3Wo5Rp9OCvvx {
        width: 100px;
        font-size: 11px;
    }

    .HEvDfY3Plg6CmxK_ed5I {
        min-width: 120px;
    }
}

.LzAZKLpfZ8lvqce6T1BR {
    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: 1000;
    padding: 24px;
}

.Wz5C_7BDU1SwGRq7SJO7 {
    background: var(--admin-floating-card-bg);
    border: 1px solid var(--admin-floating-card-border);
    border-radius: 16px;
    width: 100%;
    max-width: 540px;
    max-height: 90vh;
    overflow: auto;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
}

.GiXzLMuNbnSyMH3Qx0Fy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--admin-border-light);
    position: sticky;
    top: 0;
    background: var(--admin-floating-card-bg);
    z-index: 1;
}

.cY01ZhQGRwjCqLhU4TR1 {
    font-size: 18px;
    font-weight: 600;
    color: var(--admin-text-primary);
    margin: 0;
}

.ifO8Sy5FvNs5f_QPLons {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--admin-border-light);
    border-radius: 8px;
    font-size: 22px;
    color: var(--admin-text-secondary);
    cursor: pointer;
    transition: all 0.15s;
}

.ifO8Sy5FvNs5f_QPLons:hover {
    background: var(--admin-bg-hover);
    color: var(--admin-text-primary);
}

.Jj3T7HoYiwC90nZ3SYB_ {
    padding: 24px;
}

.vkM02itaJCLYqAKR9fMJ {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
}

.c2vK0rTjYrW1bGDrZQlg {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.GNlX1MM1ug1dqrjdxZa7 {
    font-size: 13px;
    font-weight: 500;
    color: var(--admin-text-secondary);
}

.A5lDo82JQ6McK1SyJ088 {
    padding: 12px 14px;
    background: var(--admin-input-bg);
    border: 1px solid var(--admin-input-border);
    border-radius: 8px;
    font-size: 14px;
    color: var(--admin-text-primary);
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.A5lDo82JQ6McK1SyJ088:focus {
    border-color: var(--admin-input-focus-border);
    box-shadow: 0 0 0 3px var(--admin-input-focus-shadow);
}

.A5lDo82JQ6McK1SyJ088::-moz-placeholder {
    color: var(--admin-text-tertiary);
}

.A5lDo82JQ6McK1SyJ088::placeholder {
    color: var(--admin-text-tertiary);
}

.up2NGEeTHeyholE7Y7ll {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.BYpf6dCvyuLp6yeUNhjc {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.BYpf6dCvyuLp6yeUNhjc::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: var(--admin-accent-primary);
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: transform 0.15s, box-shadow 0.15s;
    transition: transform 0.15s, box-shadow 0.15s;
}

.BYpf6dCvyuLp6yeUNhjc::-webkit-slider-thumb:hover {
    transform: scale(1.1);
    box-shadow: 0 0 0 4px var(--admin-input-focus-shadow);
}

.BYpf6dCvyuLp6yeUNhjc::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: var(--admin-accent-primary);
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

.wgVD1jO_clMc6HIq0lGR {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.zxsiEC8DPw1iFOkeb96T {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 24px;
    font-weight: 600;
    color: var(--admin-text-primary);
}

.AFnfHWMXxxE_yRWILCQu {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 14px;
    color: var(--admin-text-secondary);
}

.V5YAS7SzPW6jKuOx9iew {
    display: flex;
    gap: 8px;
}

.Usuj6Xxw397Ni6b7PYg4 {
    flex: 1;
    padding: 12px 8px;
    background: var(--admin-bg-secondary);
    border: 1px solid var(--admin-border-light);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--admin-text-secondary);
    cursor: pointer;
    transition: all 0.15s;
}

.Usuj6Xxw397Ni6b7PYg4:hover {
    background: var(--admin-bg-hover);
    color: var(--admin-text-primary);
}

.Usuj6Xxw397Ni6b7PYg4.ffWI1uL_fiRyLeNhaDWy {
    background: var(--admin-accent-primary);
    border-color: var(--admin-accent-primary);
    color: white;
}

.zZQgBfSUmXD5JfDoZEHm {
    position: relative;
    display: flex;
    align-items: center;
}

.zZQgBfSUmXD5JfDoZEHm .A5lDo82JQ6McK1SyJ088 {
    padding-right: 36px;
}

.KjnIF5wnaiJsdA3FHION {
    position: absolute;
    right: 14px;
    color: var(--admin-text-secondary);
    pointer-events: none;
}

.FdKhEBLqd3sHlvgpfKcS {
    font-size: 12px;
    color: var(--admin-status-red);
}

.OzEXLvYvAjBUT8KaCQoQ {
    background: var(--admin-bg-secondary);
    border: 1px solid var(--admin-border-light);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

.emLP_UMluOEGfyMYlmqQ {
    font-size: 14px;
    font-weight: 600;
    color: var(--admin-text-secondary);
    margin: 0 0 16px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

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

.kYww52CNM01sdAhNzjS6 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.SJIBTJooW1VnpsUblsX1 {
    font-size: 11px;
    font-weight: 500;
    color: var(--admin-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.L9HcWDMb8pb980Dx4399 {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 15px;
    font-weight: 500;
    color: var(--admin-text-primary);
}

.L9HcWDMb8pb980Dx4399.sZa7DhEVaclWlPhDP99a {
    color: var(--admin-badge-warning);
}

.L9HcWDMb8pb980Dx4399 .YrsebFHczNWZDci6XyET {
    color: var(--admin-btn-success-bg);
}

.mSXoQ_qC2NEgr0QVdd_I {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--admin-border-light);
}

.hwsYBnLLsXoLfbwZHspG {
    font-size: 12px;
    color: var(--admin-badge-warning);
    padding: 8px 10px;
    background: var(--admin-alert-warning-bg);
    border-radius: 6px;
    margin-bottom: 6px;
}

.hwsYBnLLsXoLfbwZHspG:last-child {
    margin-bottom: 0;
}

.VMFz5GndyrcGzdBpzuFA {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--admin-border-light);
}

.x4hHewpi0TPQSgYC6N7B,
.SQedBSY1EAnaUAkZGmH9 {
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

.x4hHewpi0TPQSgYC6N7B {
    background: transparent;
    border: 1px solid var(--admin-border-light);
    color: var(--admin-text-secondary);
}

.x4hHewpi0TPQSgYC6N7B:hover {
    background: var(--admin-bg-hover);
    color: var(--admin-text-primary);
}

.SQedBSY1EAnaUAkZGmH9 {
    background: var(--admin-accent-primary);
    border: none;
    color: white;
}

.SQedBSY1EAnaUAkZGmH9:hover {
    background: var(--admin-btn-primary-hover);
}

@media (max-width: 480px) {
    .Wz5C_7BDU1SwGRq7SJO7 {
        max-height: 100vh;
        border-radius: 0;
    }

    .LzAZKLpfZ8lvqce6T1BR {
        padding: 0;
    }

    .V5YAS7SzPW6jKuOx9iew {
        flex-wrap: wrap;
    }

    .Usuj6Xxw397Ni6b7PYg4 {
        flex: 0 0 calc(33.33% - 6px);
    }

    .uAlHHqqJTqoir6U6_flt {
        grid-template-columns: 1fr;
    }
}

.JfrQFye5GJmgerFrwFeg {
    padding: 24px 32px;
    min-height: 100%;
}

.vnP3oT2oyt8hbO1FINCA {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    gap: 24px;
}

.jXct5jblv_GIexo2dgCb {
    flex: 1;
}

.o_MoSBscfTb9WaWXDKrA {
    font-size: 28px;
    font-weight: 700;
    color: var(--admin-text-primary);
    margin: 0 0 6px 0;
    letter-spacing: -0.5px;
}

.E8AXphC0gE_jZZQq05Ir {
    font-size: 14px;
    color: var(--admin-text-secondary);
    margin: 0;
}

.k8qvJp26tmMOvBG6d6Ct {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

.fsz_owP2kY3RLW7rKTdg,
.KVAVmHW8W6wCKbyDJyFQ {
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.fsz_owP2kY3RLW7rKTdg {
    background: var(--admin-accent-primary);
    border: none;
    color: white;
}

.fsz_owP2kY3RLW7rKTdg:hover {
    background: var(--admin-btn-primary-hover);
}

.fsz_owP2kY3RLW7rKTdg:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.KVAVmHW8W6wCKbyDJyFQ {
    background: transparent;
    border: 1px solid var(--admin-border-light);
    color: var(--admin-text-secondary);
}

.KVAVmHW8W6wCKbyDJyFQ:hover {
    background: var(--admin-bg-hover);
    color: var(--admin-text-primary);
}

.KVAVmHW8W6wCKbyDJyFQ:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.tNZ20zxVaVA8GuXK5Jh1 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: var(--admin-alert-urgent-bg);
    border: 1px solid var(--admin-alert-urgent-border);
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: var(--admin-status-red);
}

.j3FKTW3FT_MCAZJTPO_t {
    font-size: 16px;
}

.mbMZUOJLslOEDEEAEL0F {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: rgba(251, 191, 36, 0.08);
    border: 1px solid rgba(251, 191, 36, 0.2);
    border-radius: 10px;
    margin-bottom: 20px;
}

.PRjgRThAgO5fwNOQJZsJ {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--admin-badge-warning);
}

.PRjgRThAgO5fwNOQJZsJ .GHFkXDUV21QUqGHTi4hs {
    font-size: 20px;
}

.qAapdKKza1rrFoZAKezP {
    flex: 1;
    font-size: 14px;
    color: var(--admin-text-secondary);
}

.Z1bVrV1dSq7sGCgPetJ1 {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: transparent;
    border: 1px solid rgba(251, 191, 36, 0.3);
    border-radius: 6px;
    color: var(--admin-badge-warning);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.Z1bVrV1dSq7sGCgPetJ1:hover {
    background: rgba(251, 191, 36, 0.1);
    border-color: rgba(251, 191, 36, 0.5);
}

.Z1bVrV1dSq7sGCgPetJ1:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.Z1bVrV1dSq7sGCgPetJ1 .GHFkXDUV21QUqGHTi4hs {
    font-size: 16px;
}

.o9Rj5RcD3YghodZbsaBj {
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.15);
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 24px;
}

.LkPYqrivAo9TwwX6Tjer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.FGOOEIHKTE8DyFoFkpBc {
    font-size: 16px;
}

.JWGMI2nNTqqC9n9EWOK6 {
    font-size: 13px;
    font-weight: 600;
    color: var(--admin-accent-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.AU5rJoHRpQuCQlgtN0ZD {
    font-size: 14px;
    line-height: 1.6;
    color: var(--admin-text-primary);
    margin: 0;
}

.hNS0DYltvJX7zGhNRR1x {
    animation: YrAyb5xy64un0Ez0AB8i 1s infinite;
    color: var(--admin-accent-primary);
}

@keyframes YrAyb5xy64un0Ez0AB8i {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.lqNtwLNZlk16nue9GKqC {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 16px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    margin: 0 -32px;
    padding: 16px 32px 16px 32px;
}

.lqNtwLNZlk16nue9GKqC::-webkit-scrollbar {
    height: 8px;
}

.lqNtwLNZlk16nue9GKqC::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}

.lqNtwLNZlk16nue9GKqC::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
}

.lqNtwLNZlk16nue9GKqC::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.25);
}

.FZ2Qmq_aqJFmX2PaIkJw {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 24px;
    text-align: center;
}

.ExCgnEEbkEEhn1CSYXAG {
    font-size: 48px;
    margin-bottom: 20px;
    opacity: 0.6;
}

.rPK7xQBcJHMrOIhiMeeo {
    font-size: 20px;
    font-weight: 600;
    color: var(--admin-text-primary);
    margin: 0 0 10px 0;
}

.E8Sfg5wGw74newUxRHng {
    font-size: 14px;
    color: var(--admin-text-secondary);
    margin: 0 0 24px 0;
    max-width: 360px;
}

.oP9c7hp3WZ_PD6tDKYZR {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 24px;
    gap: 16px;
}

.Ac0nwYWzWrGeFI0Hviab {
    width: 40px;
    height: 40px;
    border: 3px solid var(--admin-border-light);
    border-top-color: var(--admin-accent-primary);
    border-radius: 50%;
    animation: wNoPQDAiuPvS0Ja4VQF3 1s linear infinite;
}

@keyframes wNoPQDAiuPvS0Ja4VQF3 {
    to { transform: rotate(360deg); }
}

.oP9c7hp3WZ_PD6tDKYZR p {
    font-size: 14px;
    color: var(--admin-text-secondary);
    margin: 0;
}

@media (max-width: 1024px) {
    .JfrQFye5GJmgerFrwFeg {
        padding: 20px 24px;
    }

    .vnP3oT2oyt8hbO1FINCA {
        flex-direction: column;
        gap: 16px;
    }

    .k8qvJp26tmMOvBG6d6Ct {
        width: 100%;
        flex-wrap: wrap;
    }

    .lqNtwLNZlk16nue9GKqC {
        margin: 0 -24px;
        padding: 16px 24px 16px 24px;
    }
}

@media (max-width: 640px) {
    .JfrQFye5GJmgerFrwFeg {
        padding: 16px;
    }

    .o_MoSBscfTb9WaWXDKrA {
        font-size: 22px;
    }

    .k8qvJp26tmMOvBG6d6Ct {
        flex-direction: column;
    }

    .fsz_owP2kY3RLW7rKTdg,
    .KVAVmHW8W6wCKbyDJyFQ {
        width: 100%;
        justify-content: center;
    }

    .lqNtwLNZlk16nue9GKqC {
        margin: 0 -16px;
        padding: 10px 16px 16px 16px;
    }
}

.id5hJtpgGpCyZPe6eVk1 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.id5hJtpgGpCyZPe6eVk1.CyVOEAIN3ugQd0foSaIS {
    gap: 2px;
}

.id5hJtpgGpCyZPe6eVk1.P9JDFpMp4tSJocAFd42x {
    gap: 6px;
}

.MkNIZ8BqXaBoUQkrHPis {
    font-size: 12px;
    font-weight: 500;
    color: var(--admin-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.id5hJtpgGpCyZPe6eVk1.CyVOEAIN3ugQd0foSaIS .MkNIZ8BqXaBoUQkrHPis {
    font-size: 10px;
}

.id5hJtpgGpCyZPe6eVk1.P9JDFpMp4tSJocAFd42x .MkNIZ8BqXaBoUQkrHPis {
    font-size: 13px;
}

.FuJ70CYlu79u2z7eXMTk {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.EebY94jXTm7ChEsHCVQ6 {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 20px;
    font-weight: 600;
    color: var(--admin-text-primary);
}

.id5hJtpgGpCyZPe6eVk1.CyVOEAIN3ugQd0foSaIS .EebY94jXTm7ChEsHCVQ6 {
    font-size: 14px;
}

.id5hJtpgGpCyZPe6eVk1.P9JDFpMp4tSJocAFd42x .EebY94jXTm7ChEsHCVQ6 {
    font-size: 28px;
}

.EebY94jXTm7ChEsHCVQ6.pLgUuhXrIgSLtuv5eBqM {
    color: var(--admin-btn-success-bg);
}

.EebY94jXTm7ChEsHCVQ6.H7lXEakPvre4XewXOVnj {
    color: var(--admin-status-orange);
}

.EebY94jXTm7ChEsHCVQ6.t5W4T48h1wvMpcRhgwvL {
    color: var(--admin-status-red);
}

.orZibqKamm1f2WY8LIQb {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 4px;
}

.id5hJtpgGpCyZPe6eVk1.CyVOEAIN3ugQd0foSaIS .orZibqKamm1f2WY8LIQb {
    font-size: 10px;
    padding: 1px 4px;
}

.id5hJtpgGpCyZPe6eVk1.P9JDFpMp4tSJocAFd42x .orZibqKamm1f2WY8LIQb {
    font-size: 14px;
    padding: 3px 8px;
}

.orZibqKamm1f2WY8LIQb.ysCQiEEJWRj5hS0ShOsz {
    color: var(--admin-btn-success-bg);
    background: var(--admin-savings-bg);
    border: 1px solid var(--admin-savings-border);
}

.orZibqKamm1f2WY8LIQb.sgDRfxVv9GdBWBDbPcIN {
    color: var(--admin-status-red);
    background: var(--admin-status-rejected-bg);
    border: 1px solid var(--admin-status-rejected-border);
}

.orZibqKamm1f2WY8LIQb.tDHPJuaBumcNDA4M4TND {
    color: var(--admin-text-secondary);
    background: var(--admin-bg-secondary);
    border: 1px solid var(--admin-border-light);
}

.zHPs664iXXIgu_z7PIHd {
    font-size: 11px;
    color: var(--admin-text-tertiary);
}

.id5hJtpgGpCyZPe6eVk1.CyVOEAIN3ugQd0foSaIS .zHPs664iXXIgu_z7PIHd {
    font-size: 10px;
}

.yPwYx8jkhG9atz_o69Yg {
    padding: 16px;
    background: var(--admin-savings-bg);
    border: 1px solid var(--admin-savings-border);
    border-radius: 12px;
}

.dlNst2pZW3BoV6w7eaNs {
    font-size: 12px;
    font-weight: 600;
    color: var(--admin-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin: 0 0 12px 0;
}

.cl5vI8jsabEZFXpnw1u5 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.suhRCZr3LWdwtE0jaMQg {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
}

.xaIQ4xRiQqQrpr2ayzDU {
    font-size: 11px;
    font-weight: 500;
    color: var(--admin-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.qELZCmX9i6n4e4qjk5Zg {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 16px;
    font-weight: 600;
}

.qELZCmX9i6n4e4qjk5Zg.kV2ZUmPU8ZEezpVA0tKp {
    color: var(--admin-savings-text);
}

.qELZCmX9i6n4e4qjk5Zg.RyoUZjN8zWddd1FvrNrU {
    color: var(--admin-status-red);
}

.qELZCmX9i6n4e4qjk5Zg.mHM0H5N5xm8MSnQffMzY {
    color: var(--admin-text-secondary);
}

.uV7lmEAPWFPTG1BjBMIj {
    font-size: 10px;
    color: var(--admin-text-tertiary);
}

.Ch1AYzlQVjLtk0MphuOE {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
    background: var(--admin-savings-bg);
    border: 1px solid var(--admin-savings-border);
    border-radius: 10px;
}

.tF_ciFwnP5Grp68lAFgK {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.x7cQqwrzpFgbdBcKgbLF {
    font-size: 11px;
    font-weight: 500;
    color: var(--admin-text-secondary);
}

.fGcYK4SliWigo3gkggBw {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .cl5vI8jsabEZFXpnw1u5 {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .suhRCZr3LWdwtE0jaMQg {
        flex-direction: row;
        justify-content: space-between;
        text-align: left;
    }
}

.o1dvDpuOQVy_sapLWrQ_ {
    flex-shrink: 0;
    width: 100%;
    max-width: 380px;
    background: var(--admin-card-bg);
    border: 1px solid var(--admin-border-light);
    border-radius: 16px;
    padding: 24px;
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
    box-shadow: 0 1px 3px var(--admin-shadow-sm);
}

.o1dvDpuOQVy_sapLWrQ_:hover {
    border-color: var(--admin-border-medium);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px var(--admin-shadow-md);
}

.o1dvDpuOQVy_sapLWrQ_.T_pbScnalQOeKIGO_zqi {
    border-color: var(--admin-accent-primary);
    background: linear-gradient(180deg, rgba(33, 50, 225, 0.04) 0%, var(--admin-card-bg) 50%);
    box-shadow: 0 0 0 1px var(--admin-accent-primary), 0 4px 12px rgba(33, 50, 225, 0.1);
}

.o1dvDpuOQVy_sapLWrQ_.jS5kGvM75aGQblXW6vBP {
    border-color: #b8860b;
    background: linear-gradient(180deg, rgba(184, 134, 11, 0.06) 0%, var(--admin-card-bg) 50%);
}

.o1dvDpuOQVy_sapLWrQ_.jS5kGvM75aGQblXW6vBP:hover {
    border-color: #b8860b;
    box-shadow: 0 8px 24px rgba(184, 134, 11, 0.12);
}

.o1dvDpuOQVy_sapLWrQ_.rHyeXsp1Y2AnepC51HTO {
    border-color: #3b82f6;
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.05) 0%, var(--admin-card-bg) 50%);
}

.o1dvDpuOQVy_sapLWrQ_.ErftSl_Syou2OTXIAlHQ {
    opacity: 0.85;
}

.RiuzjdzNMq6Tgs8EDS4e {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

.cVKWQTD12olNcucLqN8Y {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.nYEkVJ_X9e0zW4H9c5ko {
    font-size: 18px;
    font-weight: 600;
    color: var(--admin-text-primary);
    margin: 0;
}

.WUxIYcpxQ5fZaLrSRBI5 {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.PuQghhHk7ADXEBP7xN4g,
.UEOBb4ZI_cjmXG2yv0hy,
.r2G3kA8EOZsTh5c8PMNH {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.PuQghhHk7ADXEBP7xN4g {
    background: rgba(59, 130, 246, 0.15);
    color: #3b82f6;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.UEOBb4ZI_cjmXG2yv0hy {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.2) 0%, rgba(212, 175, 55, 0.1) 100%);
    color: #d4af37;
    border: 1px solid rgba(212, 175, 55, 0.3);
    display: flex;
    align-items: center;
    gap: 4px;
}

.rta4XlRW5xjzOH5u8K9_ {
    font-size: 10px;
}

.r2G3kA8EOZsTh5c8PMNH {
    background: rgba(239, 68, 68, 0.15);
    color: var(--admin-status-red, #ef4444);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

.R5rrBUop7pxUacRk54MA {
    background: transparent;
    border: none;
    color: var(--admin-text-secondary);
    font-size: 20px;
    line-height: 1;
    padding: 4px 8px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s, color 0.2s;
}

.o1dvDpuOQVy_sapLWrQ_:hover .R5rrBUop7pxUacRk54MA {
    opacity: 1;
}

.R5rrBUop7pxUacRk54MA:hover {
    color: var(--admin-status-red);
}

.EtYpDi5mdYK1lz_EVsqg {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--admin-border-light);
}

.O_92Lx5sJcGlDyAXdiX5 {
    margin-bottom: 16px;
}

.kYvU5SLbGNh3uSi3I97l {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
    padding: 14px 16px;
    background: var(--admin-bg-secondary);
    border: 1px solid var(--admin-border-light);
    border-radius: 10px;
}

.zxL1h7j55pZEadVjryH_ {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Y6a6lupQo88PHPc9cnbi {
    font-size: 11px;
    font-weight: 500;
    color: var(--admin-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.CdvTnNw97MOG3WTFXu40 {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 13px;
    font-weight: 600;
    color: var(--admin-text-primary);
}

.CdvTnNw97MOG3WTFXu40.X7yYJa25ylPyku_Z4bkA {
    color: var(--positive, #22c55e);
}

.CdvTnNw97MOG3WTFXu40.UBBDmwi351pZmN6BCJQQ,
.CdvTnNw97MOG3WTFXu40.Nfi5oFsFbNH8adnvfPWQ {
    color: var(--warning, #f59e0b);
}

.CdvTnNw97MOG3WTFXu40.zxzo8lHbxM4woBxTOOm2 {
    color: var(--danger, #ef4444);
}

.F8ZM6uNvve5oYLjZVxeF {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: var(--admin-bg-tertiary);
    border: 1px solid var(--admin-border-light);
    border-radius: 10px;
    margin-bottom: 16px;
}

.UhNReQSgKngTqxbCzjRQ {
    font-size: 11px;
    font-weight: 600;
    color: var(--admin-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.F2ndsvtIOCNtT8eAHz01 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.TyvzNJG8etj7e9j8ErdW {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 13px;
    font-weight: 600;
    color: var(--admin-text-primary);
}

.TyvzNJG8etj7e9j8ErdW.oSUryrpdyKLikd2m40Qs {
    color: var(--admin-btn-success-bg);
}

.hNRTajp0jh8jTW7bNzAD {
    font-size: 11px;
    color: var(--admin-text-tertiary);
}

.TUNztSnZwY5MG5j4AjUA {
    margin-bottom: 16px;
    padding: 14px 16px;
    background: var(--admin-bg-secondary);
    border: 1px solid var(--admin-border-light);
    border-radius: 10px;
}

.wmpbvmN99nkn1lir4P5P {
    margin-bottom: 16px;
}

.K5xMngPK8GYC6SKfZFbB {
    margin-bottom: 16px;
}

.BGZzjiztetpi_8MZGVYg {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 12px;
    color: var(--warning, #f59e0b);
    padding: 8px 10px;
    background: rgba(245, 158, 11, 0.1);
    border-radius: 6px;
    margin-bottom: 6px;
}

.BGZzjiztetpi_8MZGVYg:last-child {
    margin-bottom: 0;
}

.sWvF878M4cqK6u1uyMYU {
    flex-shrink: 0;
}

.noXh37gP76HWXcTf5LdE {
    display: flex;
    gap: 8px;
}

.gpFDCMjIl0m4dAOa4s6r,
.It0ck3yEqToiB6zsOUMU {
    flex: 1;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.gpFDCMjIl0m4dAOa4s6r {
    background: var(--admin-btn-primary-bg);
    border: none;
    color: white;
}

.gpFDCMjIl0m4dAOa4s6r:hover {
    background: var(--admin-btn-primary-hover);
}

.gpFDCMjIl0m4dAOa4s6r.Ke_Z4j31nQTQy60honzH {
    background: var(--admin-btn-success-bg);
}

.It0ck3yEqToiB6zsOUMU {
    background: transparent;
    border: 1px solid var(--admin-border-light);
    color: var(--admin-text-secondary);
}

.It0ck3yEqToiB6zsOUMU:hover {
    background: var(--admin-bg-hover);
    color: var(--admin-text-primary);
    border-color: var(--admin-border-medium);
}

@media (max-width: 768px) {
    .o1dvDpuOQVy_sapLWrQ_ {
        max-width: 100%;
        padding: 20px;
    }
}

.StgGbMsFWUL1pKb8dtw2 {
    display: flex;
    gap: 16px;
    padding: 20px;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(212, 175, 55, 0.02) 100%);
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 12px;
    margin-bottom: 24px;
}

.F4tgoUq9qVwjYHIMqBwP {
    position: relative;
    flex-shrink: 0;
}

.TS19V0KjqHjsbc6PflIY {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(212, 175, 55, 0.15);
    border-radius: 10px;
    color: #d4af37;
}

.gVMGCjSRxSMYSkWtzOw_ {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid var(--admin-card-bg);
}

.gVMGCjSRxSMYSkWtzOw_.wlObTt1p0R2753LjWueo {
    background: var(--admin-btn-success-bg);
}

.gVMGCjSRxSMYSkWtzOw_.Ds68hc6FjOiYle9U441S {
    background: var(--admin-status-orange);
}

.gVMGCjSRxSMYSkWtzOw_.kTZmG0fc_w9isaRYFRss {
    background: var(--admin-text-secondary);
}

.LwtHSkGBP9kFByj3R7Ew {
    flex: 1;
    min-width: 0;
}

.O7pZu1giZxCtJaQFgGic {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.FUOfP38nX2yEs4UpSssD {
    font-size: 14px;
    font-weight: 600;
    color: #d4af37;
    margin: 0;
}

.MZBkR8971Gnbl2Hrfx8L {
    font-size: 11px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 10px;
}

.MZBkR8971Gnbl2Hrfx8L.wlObTt1p0R2753LjWueo {
    background: var(--admin-status-approved-bg);
    color: var(--admin-status-approved-text);
    border: 1px solid var(--admin-status-approved-border);
}

.MZBkR8971Gnbl2Hrfx8L.Ds68hc6FjOiYle9U441S {
    background: var(--admin-status-pending-bg);
    color: var(--admin-status-pending-text);
    border: 1px solid var(--admin-status-pending-border);
}

.MZBkR8971Gnbl2Hrfx8L.kTZmG0fc_w9isaRYFRss {
    background: var(--admin-bg-secondary);
    color: var(--admin-text-secondary);
    border: 1px solid var(--admin-border-light);
}

.T0vWhqtfv4zdSrkW5xv1 {
    font-size: 14px;
    line-height: 1.6;
    color: var(--admin-text-primary);
    margin: 0 0 12px 0;
}

.vHh3x5WDjSRWVTDSN9aQ {
    animation: kxSR1hjWdGIZCjKp53Ld 1s infinite;
    color: #d4af37;
}

@keyframes kxSR1hjWdGIZCjKp53Ld {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

.CezwzkM_e5qk3WpXY2QX {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.dIAAXYNhWL8RE6mPO2gb {
    font-size: 11px;
    font-weight: 500;
    padding: 4px 10px;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 12px;
    color: #d4af37;
}

.AIKI9cxZV8l55TkdjAev {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.KN0UduExuHVMul0b329g {
    flex: 1;
    padding: 8px 12px;
    background: var(--admin-input-bg);
    border: 1px solid var(--admin-border-light);
    border-radius: 6px;
    color: var(--admin-text-primary);
    font-size: 13px;
}

.KN0UduExuHVMul0b329g:focus {
    outline: none;
    border-color: #b8860b;
    box-shadow: 0 0 0 2px rgba(184, 134, 11, 0.15);
}

.KN0UduExuHVMul0b329g::-moz-placeholder {
    color: var(--admin-text-tertiary);
}

.KN0UduExuHVMul0b329g::placeholder {
    color: var(--admin-text-tertiary);
}

.LTmWgBGpSDO_shKhDJUM,
.TObvYHnqUDmHK4yHdopT {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.LTmWgBGpSDO_shKhDJUM {
    background: #d4af37;
    border: none;
    color: #1f1f23;
}

.LTmWgBGpSDO_shKhDJUM:hover {
    background: #c9a530;
}

.TObvYHnqUDmHK4yHdopT {
    background: transparent;
    border: 1px solid var(--admin-border-light);
    color: var(--admin-text-secondary);
}

.TObvYHnqUDmHK4yHdopT:hover {
    background: var(--admin-bg-hover);
}

.cL9wdU_151s6z07nnHwN {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
}

.L8R8QQb_eTyFzpojgPfQ,
.sN9bybFE7s9LDnlLODeO {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.L8R8QQb_eTyFzpojgPfQ {
    background: #d4af37;
    border: none;
    color: #1f1f23;
}

.L8R8QQb_eTyFzpojgPfQ:hover {
    background: #c9a530;
}

.sN9bybFE7s9LDnlLODeO {
    background: transparent;
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
}

.sN9bybFE7s9LDnlLODeO:hover:not(:disabled) {
    background: rgba(212, 175, 55, 0.1);
}

.sN9bybFE7s9LDnlLODeO:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .StgGbMsFWUL1pKb8dtw2 {
        flex-direction: column;
    }

    .cL9wdU_151s6z07nnHwN {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

._8IqZZVVSz3kUtMz9DYUg {
    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: 1000;
    padding: 20px;
}

.hlSd5EAiY1cfQt3cPJU4 {
    background: var(--admin-card-bg, #1f1f23);
    border: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
    border-radius: 16px;
    width: 100%;
    max-width: 900px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.O7wP1hdFIGXC3COTDHZt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
    flex-shrink: 0;
}

.XpZtfHtAEcHJObDfrPzd {
    font-size: 18px;
    font-weight: 600;
    color: var(--admin-text-primary, #f3f4f6);
    margin: 0;
}

.yBoIiT3FHjiBOMrdUTSS {
    background: transparent;
    border: none;
    color: var(--admin-text-secondary, #9ca3af);
    font-size: 24px;
    line-height: 1;
    padding: 4px;
    cursor: pointer;
    transition: color 0.15s ease;
}

.yBoIiT3FHjiBOMrdUTSS:hover {
    color: var(--admin-text-primary, #f3f4f6);
}

.Xl5AiM1hryAy2R5fP9if {
    flex: 1;
    overflow: auto;
    padding: 0 24px;
}

.pdX9mrsL5ZbnNEhLXU1V {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.mZsRKk76NKGu9AP4MCmW {
    padding: 16px 12px;
    text-align: left;
    font-weight: 500;
    color: var(--admin-text-tertiary, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 11px;
    position: sticky;
    top: 0;
    background: var(--admin-card-bg, #1f1f23);
    z-index: 1;
}

.sQkDoGnBGLcvhpCbicTM {
    padding: 16px 12px;
    text-align: center;
    min-width: 140px;
    position: sticky;
    top: 0;
    background: var(--admin-card-bg, #1f1f23);
    z-index: 1;
}

.sQkDoGnBGLcvhpCbicTM.m0eQ7apHRnsyNLu8e6Xm {
    background: linear-gradient(180deg, rgba(212, 175, 55, 0.1) 0%, var(--admin-card-bg, #1f1f23) 100%);
}

.fs0W9PfvSATBiyGcYWSa {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.S457kSJNusJyjGxv6b_j {
    font-size: 14px;
    font-weight: 600;
    color: var(--admin-text-primary, #f3f4f6);
}

.i0dyeUxLYz_q06MBg_sJ {
    display: flex;
    gap: 4px;
}

.TE2kE4XRavdAVptjFQK9,
.CVHtjJ1RBI1cJPFCbW51 {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.TE2kE4XRavdAVptjFQK9 {
    background: rgba(59, 130, 246, 0.15);
    color: #3b82f6;
}

.CVHtjJ1RBI1cJPFCbW51 {
    background: rgba(212, 175, 55, 0.15);
    color: #d4af37;
}

.cROI8DyqCUZdH3JwhywO {
    padding: 12px;
    font-weight: 500;
    color: var(--admin-text-secondary, #9ca3af);
    border-bottom: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
}

.IUgFMehU1T1feq5OIfn3 {
    padding: 12px;
    text-align: center;
    border-bottom: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
    position: relative;
}

.OY_SyrA14zrXF7QRjkX3 {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-weight: 500;
    color: var(--admin-text-primary, #f3f4f6);
}

.IUgFMehU1T1feq5OIfn3.Fvk1B5QGwrQbFSl8PL32 {
    background: rgba(34, 197, 94, 0.08);
}

.IUgFMehU1T1feq5OIfn3.Fvk1B5QGwrQbFSl8PL32 .OY_SyrA14zrXF7QRjkX3 {
    color: var(--positive, #22c55e);
}

.IUgFMehU1T1feq5OIfn3.gEgc8YoR_3wqhLEd0k6M {
    background: rgba(239, 68, 68, 0.05);
}

.IUgFMehU1T1feq5OIfn3.gEgc8YoR_3wqhLEd0k6M .OY_SyrA14zrXF7QRjkX3 {
    color: var(--danger, #ef4444);
    opacity: 0.8;
}

.IUgFMehU1T1feq5OIfn3.bcKZYMstUnMTKQsrbyQj .OY_SyrA14zrXF7QRjkX3 {
    color: var(--positive, #22c55e);
}

.IUgFMehU1T1feq5OIfn3.Mt_L3Dwg4HEvON_i_yVL .OY_SyrA14zrXF7QRjkX3 {
    color: var(--danger, #ef4444);
}

.FxY4Pum4JKHMU5O2YP33 {
    display: block;
    font-size: 9px;
    font-weight: 600;
    color: var(--positive, #22c55e);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 2px;
}

.LhNtJpbwyGi4rY5lzLOR {
    background: rgba(212, 175, 55, 0.05);
}

.LhNtJpbwyGi4rY5lzLOR td {
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 600;
    color: #d4af37;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
}

.vBGbYaei8os5o5WfhknA {
    background: rgba(0, 0, 0, 0.1);
}

.Ev23AqJItBQKqpJBCOFQ {
    background: rgba(0, 0, 0, 0.15);
}

.rX6qbHY_n7qBSBIjvcdJ {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.rX6qbHY_n7qBSBIjvcdJ.YXyfrmnwly0D3SMlfq9A {
    background: rgba(34, 197, 94, 0.15);
    color: var(--positive, #22c55e);
}

.rX6qbHY_n7qBSBIjvcdJ.r1vmIvenP7MfjNEaI8lC {
    background: rgba(239, 68, 68, 0.15);
    color: var(--danger, #ef4444);
}

.MuKiA8SB9_lgYipe0zvI {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    border-top: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
    flex-shrink: 0;
}

.ib3xQ8da5bLHWPUllQl9 {
    display: flex;
    gap: 16px;
}

.trX_t3XrTRqY9hkf8RnQ {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--admin-text-secondary, #9ca3af);
}

.mgdfZ4g8RpGRWlRtTF3g {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.mgdfZ4g8RpGRWlRtTF3g.Fvk1B5QGwrQbFSl8PL32 {
    background: var(--positive, #22c55e);
}

.mgdfZ4g8RpGRWlRtTF3g.gEgc8YoR_3wqhLEd0k6M {
    background: var(--danger, #ef4444);
}

.wPlx0JJ1EcTv13nFn7_z {
    display: flex;
    gap: 12px;
}

.ZoKq6T7QFHUvqFw3E1gf {
    padding: 8px 20px;
    background: transparent;
    border: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
    border-radius: 8px;
    color: var(--admin-text-secondary, #9ca3af);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.ZoKq6T7QFHUvqFw3E1gf:hover {
    background: var(--admin-bg-hover, rgba(255, 255, 255, 0.05));
    color: var(--admin-text-primary, #f3f4f6);
}

@media (max-width: 768px) {
    .hlSd5EAiY1cfQt3cPJU4 {
        max-width: 100%;
        border-radius: 12px;
    }

    .sQkDoGnBGLcvhpCbicTM {
        min-width: 100px;
    }

    .ib3xQ8da5bLHWPUllQl9 {
        flex-direction: column;
        gap: 8px;
    }
}

.Q3LvHyERQMfSQBlVsTu4 {
    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: 1000;
    padding: 20px;
}

.lE99jxxdSV67DuvBmhSt {
    background: var(--admin-card-bg, #1f1f23);
    border: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
    border-radius: 16px;
    width: 100%;
    max-width: 560px;
    max-height: 90vh;
    overflow-y: auto;
}

.QHnC8D_lN5LEhztjjPwO {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
}

.j1zP5n5Pxt0O_JwbMWoE {
    font-size: 18px;
    font-weight: 600;
    color: var(--admin-text-primary, #f3f4f6);
    margin: 0;
}

.j1GTGr1jnaYRilzM6TqA {
    background: transparent;
    border: none;
    color: var(--admin-text-secondary, #9ca3af);
    font-size: 24px;
    line-height: 1;
    padding: 4px;
    cursor: pointer;
    transition: color 0.15s ease;
}

.j1GTGr1jnaYRilzM6TqA:hover {
    color: var(--admin-text-primary, #f3f4f6);
}

.oxRpOI9NjnqyOwt93jbT {
    padding: 24px;
}

.Ju1U6HHMBrX3A6o2E9Qw {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 24px;
}

.rc1R8Ed90T5f3qYH46Ga {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.kFKqg17wBFmppmCHIUja {
    font-size: 13px;
    font-weight: 500;
    color: var(--admin-text-secondary, #9ca3af);
}

.q0IpPVIqsntWmpWEZZWC {
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
    border-radius: 8px;
    color: var(--admin-text-primary, #f3f4f6);
    font-size: 14px;
    transition: border-color 0.15s ease;
}

.q0IpPVIqsntWmpWEZZWC:focus {
    outline: none;
    border-color: var(--admin-accent-primary, #22d3ee);
}

.q0IpPVIqsntWmpWEZZWC::-moz-placeholder {
    color: var(--admin-text-tertiary, #6b7280);
}

.q0IpPVIqsntWmpWEZZWC::placeholder {
    color: var(--admin-text-tertiary, #6b7280);
}

.jMbVTvKXVsR6xftIPulM {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dluq9mPSa4q4W6vZ1EL8 {
    width: 100%;
    height: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    cursor: pointer;
}

.dluq9mPSa4q4W6vZ1EL8::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: var(--admin-accent-primary, #22d3ee);
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: transform 0.15s ease;
    transition: transform 0.15s ease;
}

.dluq9mPSa4q4W6vZ1EL8::-webkit-slider-thumb:hover {
    transform: scale(1.15);
}

.BBOs6safAz40NcRfeVkr {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.Oxd07P9mBdARmFDPLIGV {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 24px;
    font-weight: 600;
    color: var(--admin-accent-primary, #22d3ee);
}

.ZV9be_uVyCQWDcxBrwTl {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 14px;
    color: var(--admin-text-secondary, #9ca3af);
}

.asdh4yaNirm_IFQKwg0_ {
    display: flex;
    gap: 8px;
}

.r3Aux1_w9CeF5zOKGC39 {
    flex: 1;
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
    border-radius: 8px;
    color: var(--admin-text-secondary, #9ca3af);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.r3Aux1_w9CeF5zOKGC39:hover {
    background: var(--admin-bg-hover, rgba(255, 255, 255, 0.05));
    border-color: var(--admin-border-medium, rgba(255, 255, 255, 0.12));
}

.r3Aux1_w9CeF5zOKGC39.Lgmz2reZdzuttL_qCLZw {
    background: rgba(34, 211, 238, 0.15);
    border-color: var(--admin-accent-primary, #22d3ee);
    color: var(--admin-accent-primary, #22d3ee);
}

.bhZTgCEjY2fIf8ARJMM0 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bhZTgCEjY2fIf8ARJMM0 .q0IpPVIqsntWmpWEZZWC {
    flex: 1;
}

.dL2Xl8nNSKSEYY9eoKgi {
    font-size: 14px;
    color: var(--admin-text-secondary, #9ca3af);
}

.xsvBccn3rcgZoTI9Jr37 {
    font-size: 12px;
    color: var(--danger, #ef4444);
}

.lCCMQJ_zrq7kgEKN9oCc {
    padding: 16px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    margin-bottom: 24px;
}

.BZcYptdnLNav5qCj6exA {
    font-size: 13px;
    font-weight: 600;
    color: var(--admin-text-secondary, #9ca3af);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 12px 0;
}

.Af4BhOMFVoDWAHthXX5H {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.csIuN1SxPdD2Rh4p9kaK {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.UE9VU4HiLA_BrWzBx3Cp {
    font-size: 11px;
    color: var(--admin-text-tertiary, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.kEf3rAD8kJnXqcUs6izG {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 14px;
    font-weight: 500;
    color: var(--admin-text-primary, #f3f4f6);
}

.kEf3rAD8kJnXqcUs6izG.Bvpcxj7DrWZxNZPcDI0l {
    color: var(--warning, #f59e0b);
}

.kEf3rAD8kJnXqcUs6izG .BikUXHPDI243k2fZ6f9m {
    color: var(--positive, #22c55e);
}

.MuK4vnDPaxcVjAETh4X2 {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
}

.akGANnQ3Mrp6uoQjKki0 {
    font-size: 12px;
    color: var(--warning, #f59e0b);
    padding: 8px 10px;
    background: rgba(245, 158, 11, 0.1);
    border-radius: 6px;
    margin-bottom: 6px;
}

.akGANnQ3Mrp6uoQjKki0:last-child {
    margin-bottom: 0;
}

.AfySQQrBi8lBOzRL0plP {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
}

.xl_LlIhE5orrUSPRoJZD,
.rk_JOIC_jObLyXSITJgN {
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.xl_LlIhE5orrUSPRoJZD {
    background: transparent;
    border: 1px solid var(--admin-border-light, rgba(255, 255, 255, 0.08));
    color: var(--admin-text-secondary, #9ca3af);
}

.xl_LlIhE5orrUSPRoJZD:hover {
    background: var(--admin-bg-hover, rgba(255, 255, 255, 0.05));
    color: var(--admin-text-primary, #f3f4f6);
}

.rk_JOIC_jObLyXSITJgN {
    background: var(--admin-accent-primary, #22d3ee);
    border: none;
    color: white;
}

.rk_JOIC_jObLyXSITJgN:hover {
    background: var(--admin-btn-primary-hover, #06b6d4);
}

@media (max-width: 768px) {
    .Af4BhOMFVoDWAHthXX5H {
        grid-template-columns: repeat(2, 1fr);
    }

    .asdh4yaNirm_IFQKwg0_ {
        flex-wrap: wrap;
    }

    .r3Aux1_w9CeF5zOKGC39 {
        flex: 1 1 calc(50% - 4px);
        min-width: calc(50% - 4px);
    }
}

.q2Ti06KwBnZzuCMqiAdx {
    padding: 24px 32px;
    min-height: 100%;
}

.s0kNJfpIQllxka6fo_cA {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 24px;
}

.tQpLPCuhuv1GhvhbE4S4 {
    flex: 1;
}

.dfRDzgFiMJdForbWPE7w {
    font-size: 28px;
    font-weight: 700;
    color: var(--admin-text-primary);
    margin: 0 0 6px 0;
    letter-spacing: -0.5px;
}

.ulOb711HzK7JjwOUo6hR {
    font-size: 14px;
    color: var(--admin-text-secondary);
    margin: 0;
}

.U_lrOqqmOK1c3nYEt27r {
    display: flex;
    align-items: baseline;
    gap: 4px;
    padding: 10px 16px;
    background: var(--admin-btn-outline-primary-bg);
    border: 1px solid var(--admin-btn-outline-primary-border);
    border-radius: 8px;
}

.iERVcxM_TDrYVYM1kXKY {
    font-family: 'JetBrains Mono', 'SF Mono', monospace;
    font-size: 20px;
    font-weight: 700;
    color: var(--admin-btn-outline-primary-text);
}

.y8q7leacv20Ic4Ao8w9r {
    font-size: 12px;
    color: var(--admin-text-secondary);
}

.MI3Xndw9YP89WusfX_Uw {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

.bE_oMDMuvXuE4ST_PY0v,
.UCSd2m7YsfB6kTbk_bg1 {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.bE_oMDMuvXuE4ST_PY0v .V8gsN_MIvvurjim9Jovh,
.UCSd2m7YsfB6kTbk_bg1 .V8gsN_MIvvurjim9Jovh {
    font-size: 18px;
}

.bE_oMDMuvXuE4ST_PY0v {
    background: var(--admin-accent-primary);
    border: none;
    color: white;
}

.bE_oMDMuvXuE4ST_PY0v:hover {
    background: var(--admin-btn-primary-hover);
}

.bE_oMDMuvXuE4ST_PY0v:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.UCSd2m7YsfB6kTbk_bg1 {
    background: transparent;
    border: 1px solid var(--admin-border-light);
    color: var(--admin-text-secondary);
}

.UCSd2m7YsfB6kTbk_bg1:hover {
    background: var(--admin-bg-hover);
    color: var(--admin-text-primary);
}

.UCSd2m7YsfB6kTbk_bg1:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.AoDhxMERKpPoQVkunyn8 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: var(--admin-alert-urgent-bg);
    border: 1px solid var(--admin-alert-urgent-border);
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: var(--admin-status-red);
}

.AoDhxMERKpPoQVkunyn8 .V8gsN_MIvvurjim9Jovh {
    font-size: 20px;
}

.BQKPq7R024gFfLm7RVUY {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--admin-status-pending-bg);
    border: 1px solid var(--admin-status-pending-border);
    border-radius: 10px;
    margin-bottom: 20px;
}

.UchOf9jgB8DyCkPHQUyw {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--admin-badge-warning);
}

.UchOf9jgB8DyCkPHQUyw .V8gsN_MIvvurjim9Jovh {
    font-size: 20px;
}

.abo4K0pdY0zuglRztt8Q {
    flex: 1;
    font-size: 14px;
    color: var(--admin-text-secondary);
}

.QAN3svV9nPhwbNcai0jP {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: transparent;
    border: 1px solid var(--admin-status-pending-border);
    border-radius: 6px;
    color: var(--admin-status-pending-text);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.QAN3svV9nPhwbNcai0jP:hover {
    background: var(--admin-status-pending-bg);
}

.QAN3svV9nPhwbNcai0jP:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.QAN3svV9nPhwbNcai0jP .V8gsN_MIvvurjim9Jovh {
    font-size: 16px;
}

.RV8T3fmYAFvvj10JaIhG {
    background: var(--admin-status-uploaded-bg);
    border: 1px solid var(--admin-status-uploaded-border);
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 24px;
}

.pNa8ZSX1f6WfnlkI66VU {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.pNa8ZSX1f6WfnlkI66VU .V8gsN_MIvvurjim9Jovh {
    font-size: 18px;
    color: var(--admin-accent-primary);
}

.O1X7ssviRhnNrPgQBIHi {
    font-size: 13px;
    font-weight: 600;
    color: var(--admin-accent-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.PmfzLv5091I76gq_v6mv {
    font-size: 14px;
    line-height: 1.6;
    color: var(--admin-text-primary);
    margin: 0;
}

.xuG3zLJlB2mTSm0Ic26x {
    animation: zfw5rANSBXRxaxWROeWL 1s infinite;
    color: var(--admin-accent-primary);
}

@keyframes zfw5rANSBXRxaxWROeWL {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.oQ8WIEYjLBwaiz0lJN_w {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.B2CZuy9yykxUhoAkJNLp {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 400px;
    background: transparent;
    border: 2px dashed var(--admin-border-light);
    border-radius: 16px;
    color: var(--admin-text-tertiary);
    cursor: pointer;
    transition: all 0.2s ease;
}

.B2CZuy9yykxUhoAkJNLp:hover {
    background: var(--admin-bg-hover);
    border-color: var(--admin-accent-primary);
    color: var(--admin-accent-primary);
}

.B2CZuy9yykxUhoAkJNLp .V8gsN_MIvvurjim9Jovh {
    font-size: 48px;
    opacity: 0.6;
}

.B2CZuy9yykxUhoAkJNLp:hover .V8gsN_MIvvurjim9Jovh {
    opacity: 1;
}

.opK_FucrOtNg1qWDiVWJ {
    font-size: 14px;
    font-weight: 500;
}

.Qzxuxp9SaQU00HZrTd8f {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    text-align: center;
}

.fdkm7xFunPKIfnrgWuKO {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--admin-btn-outline-primary-bg);
    border-radius: 50%;
    margin-bottom: 24px;
}

.fdkm7xFunPKIfnrgWuKO .V8gsN_MIvvurjim9Jovh {
    font-size: 40px;
    color: var(--admin-accent-primary);
    opacity: 0.7;
}

.kK3I329uRv5YR7lOp5tl {
    font-size: 20px;
    font-weight: 600;
    color: var(--admin-text-primary);
    margin: 0 0 10px 0;
}

.MBa4KZAU0neBluZMmI_n {
    font-size: 14px;
    color: var(--admin-text-secondary);
    margin: 0 0 28px 0;
    max-width: 400px;
    line-height: 1.6;
}

.sgfAefnfbxWsB9z1Ud8q {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    gap: 16px;
}

.KcG2WzxSeRE286PX9Y2j {
    width: 44px;
    height: 44px;
    border: 3px solid var(--admin-border-light);
    border-top-color: var(--admin-accent-primary);
    border-radius: 50%;
    animation: i7uX_H8gZNJimlcqUXLv 1s linear infinite;
}

@keyframes i7uX_H8gZNJimlcqUXLv {
    to { transform: rotate(360deg); }
}

.sgfAefnfbxWsB9z1Ud8q p {
    font-size: 14px;
    color: var(--admin-text-secondary);
    margin: 0;
}

@media (max-width: 1400px) {
    .oQ8WIEYjLBwaiz0lJN_w {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    .q2Ti06KwBnZzuCMqiAdx {
        padding: 20px 24px;
    }

    .s0kNJfpIQllxka6fo_cA {
        flex-wrap: wrap;
        gap: 16px;
    }

    .tQpLPCuhuv1GhvhbE4S4 {
        flex: 1 1 100%;
    }

    .U_lrOqqmOK1c3nYEt27r {
        order: 3;
    }

    .MI3Xndw9YP89WusfX_Uw {
        flex: 1;
        justify-content: flex-end;
    }

    .oQ8WIEYjLBwaiz0lJN_w {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .q2Ti06KwBnZzuCMqiAdx {
        padding: 16px;
    }

    .dfRDzgFiMJdForbWPE7w {
        font-size: 22px;
    }

    .s0kNJfpIQllxka6fo_cA {
        flex-direction: column;
        align-items: stretch;
    }

    .U_lrOqqmOK1c3nYEt27r {
        align-self: flex-start;
    }

    .MI3Xndw9YP89WusfX_Uw {
        flex-direction: column;
    }

    .bE_oMDMuvXuE4ST_PY0v,
    .UCSd2m7YsfB6kTbk_bg1 {
        width: 100%;
        justify-content: center;
    }

    .B2CZuy9yykxUhoAkJNLp {
        min-height: 200px;
    }
}

.email-threads-container {
    padding: 24px;
    min-height: 100vh;
}

.email-threads-container.dark-mode {
    color: #e4e4e4;
}

.threads-header {
    margin-bottom: 24px;
}

.threads-header h2 {
    margin: 0 0 16px 0;
    font-size: 24px;
    font-weight: 600;
    color: #212529;
}

.dark-mode .threads-header h2 {
    color: #ffffff;
}

.bcc-section {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.dark-mode .bcc-section {
    background: rgba(30, 41, 59, 0.5);
    border-color: rgba(71, 85, 105, 0.4);
}

.bcc-label {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.dark-mode .bcc-label {
    color: #94a3b8;
}

.bcc-address-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.bcc-address {
    background: #1e293b;
    color: #22d3ee;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 13px;
    font-family: 'SF Mono', 'Monaco', 'Menlo', monospace;
    letter-spacing: 0.3px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dark-mode .bcc-address {
    background: #0f172a;
    color: #22d3ee;
}

.copy-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #1e293b;
    border: none;
    color: #f8fafc;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.copy-btn:hover {
    background: #334155;
}

.dark-mode .copy-btn {
    background: #334155;
}

.dark-mode .copy-btn:hover {
    background: #475569;
}

.copy-btn .material-symbols-rounded {
    font-size: 16px;
}

.bcc-hint {
    display: none;
}

.threads-content {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 24px;
    min-height: 600px;
}

@media (max-width: 1024px) {
    .threads-content {
        grid-template-columns: 1fr;
    }
}

.threads-list-panel {
    background: white;
    border-radius: 12px;
    border: 1px solid #e9ecef;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.dark-mode .threads-list-panel {
    background: #16213e;
    border-color: #2a3a5c;
}

.list-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #e9ecef;
}

.dark-mode .list-controls {
    border-color: #2a3a5c;
}

.archive-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #6c757d;
    cursor: pointer;
}

.dark-mode .archive-toggle {
    color: #a0a0a0;
}

.refresh-btn {
    background: none;
    border: none;
    padding: 6px;
    cursor: pointer;
    color: #6c757d;
    border-radius: 6px;
    transition: all 0.2s;
}

.refresh-btn:hover {
    background: #f8f9fa;
    color: #212529;
}

.dark-mode .refresh-btn:hover {
    background: #2a3a5c;
    color: #ffffff;
}

.thread-list {
    flex: 1;
    overflow-y: auto;
}

.thread-item {
    padding: 16px;
    border-bottom: 1px solid #e9ecef;
    cursor: pointer;
    transition: background 0.15s;
}

.dark-mode .thread-item {
    border-color: #2a3a5c;
}

.thread-item:hover {
    background: #f8f9fa;
}

.dark-mode .thread-item:hover {
    background: #1f2937;
}

.thread-item.selected {
    background: rgba(34, 211, 238, 0.08);
    border-left: 3px solid #22d3ee;
}

.dark-mode .thread-item.selected {
    background: rgba(34, 211, 238, 0.1);
    border-left-color: #22d3ee;
}

.thread-item.archived {
    opacity: 0.6;
}

.thread-subject {
    font-weight: 500;
    font-size: 14px;
    color: #212529;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark-mode .thread-subject {
    color: #e4e4e4;
}

.thread-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
}

.message-count {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #6c757d;
}

.message-count .material-symbols-rounded {
    font-size: 14px;
}

.dark-mode .message-count {
    color: #a0a0a0;
}

.thread-date {
    font-size: 12px;
    color: #6c757d;
}

.dark-mode .thread-date {
    color: #a0a0a0;
}

.thread-participants {
    font-size: 13px;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark-mode .thread-participants {
    color: #a0a0a0;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px;
    border-top: 1px solid #e9ecef;
}

.dark-mode .pagination {
    border-color: #2a3a5c;
}

.pagination button {
    background: #1e293b;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.15s ease;
}

.pagination button:hover:not(:disabled) {
    background: #334155;
}

.pagination button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination span {
    font-size: 14px;
    color: #6c757d;
}

.dark-mode .pagination span {
    color: #a0a0a0;
}

.thread-detail-panel {
    background: white;
    border-radius: 12px;
    border: 1px solid #e9ecef;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.dark-mode .thread-detail-panel {
    background: #16213e;
    border-color: #2a3a5c;
}

.no-selection,
.loading-state,
.error-state,
.empty-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
    color: #6c757d;
    text-align: center;
    flex: 1;
}

.dark-mode .no-selection,
.dark-mode .loading-state,
.dark-mode .error-state,
.dark-mode .empty-list {
    color: #a0a0a0;
}

.no-selection .material-symbols-rounded,
.loading-state .material-symbols-rounded,
.error-state .material-symbols-rounded,
.empty-list .material-symbols-rounded {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.empty-list .hint {
    font-size: 13px;
    margin-top: 8px;
    opacity: 0.7;
}

.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
}

.empty-state .material-symbols-rounded {
    font-size: 64px;
    color: #6c757d;
    margin-bottom: 16px;
}

.empty-state h3 {
    margin: 0 0 8px 0;
    color: #212529;
}

.empty-state p {
    color: #6c757d;
}

.dark-mode .empty-state h3 {
    color: #e4e4e4;
}

.spinner {
    width: 32px;
    height: 32px;
    border: 3px solid #e2e8f0;
    border-top-color: #22d3ee;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 12px;
}

.dark-mode .spinner {
    border-color: #334155;
    border-top-color: #22d3ee;
}

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

.thread-detail {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.detail-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 20px;
    border-bottom: 1px solid #e9ecef;
}

.dark-mode .detail-header {
    border-color: #2a3a5c;
}

.detail-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #212529;
}

.dark-mode .detail-header h3 {
    color: #e4e4e4;
}

.detail-actions {
    display: flex;
    gap: 8px;
}

.archive-btn,
.close-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: 1px solid #dee2e6;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    color: #6c757d;
    font-size: 14px;
    transition: all 0.2s;
}

.archive-btn:hover {
    background: #f8f9fa;
    color: #212529;
}

.close-btn:hover {
    background: #f8f9fa;
}

.dark-mode .archive-btn,
.dark-mode .close-btn {
    border-color: #3a4a6c;
    color: #a0a0a0;
}

.dark-mode .archive-btn:hover,
.dark-mode .close-btn:hover {
    background: #2a3a5c;
    color: #e4e4e4;
}

.messages-list {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
}

.message-item {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
    border-left: 4px solid transparent;
}

.dark-mode .message-item {
    background: #1f2937;
}

.message-item.inbound {
    border-left-color: #64748b;
}

.message-item.outbound {
    border-left-color: #22d3ee;
}

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

.sender-info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.direction-badge {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    text-transform: uppercase;
}

.direction-badge.inbound {
    background: rgba(100, 116, 139, 0.12);
    color: #64748b;
}

.direction-badge.outbound {
    background: rgba(34, 211, 238, 0.12);
    color: #0891b2;
}

.dark-mode .direction-badge.outbound {
    color: #22d3ee;
}

.sender-info strong {
    font-size: 14px;
    color: #212529;
}

.dark-mode .sender-info strong {
    color: #e4e4e4;
}

.message-date {
    font-size: 12px;
    color: #6c757d;
}

.dark-mode .message-date {
    color: #a0a0a0;
}

.message-recipients {
    font-size: 13px;
    color: #6c757d;
    margin-bottom: 12px;
}

.dark-mode .message-recipients {
    color: #a0a0a0;
}

.message-recipients .cc {
    opacity: 0.8;
}

.message-body {
    font-size: 14px;
    line-height: 1.6;
    color: #212529;
    word-wrap: break-word;
}

.dark-mode .message-body {
    color: #e4e4e4;
}

.message-body a {
    color: #0891b2;
}

.dark-mode .message-body a {
    color: #22d3ee;
}

.message-body blockquote {
    border-left: 3px solid #dee2e6;
    margin: 8px 0;
    padding-left: 12px;
    color: #6c757d;
}

.dark-mode .message-body blockquote {
    border-color: #3a4a6c;
    color: #a0a0a0;
}

.message-attachments {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e9ecef;
    flex-wrap: wrap;
}

.dark-mode .message-attachments {
    border-color: #3a4a6c;
}

.message-attachments .material-symbols-rounded {
    font-size: 18px;
    color: #6c757d;
}

.attachment-item {
    background: #e9ecef;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 13px;
    color: #495057;
}

.dark-mode .attachment-item {
    background: #2a3a5c;
    color: #a0a0a0;
}