._button_sg0vw_1 {
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-family: inherit;
}

._button_sg0vw_1::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.5s ease;
}

._button_sg0vw_1:hover::before {
  left: 100%;
}

._button_sg0vw_1:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

._button_sg0vw_1:disabled::before {
  display: none;
}

/* Variantes */
._primary_sg0vw_48 {
  background: linear-gradient(
    135deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.9) 100%
  );
  color: white;
  box-shadow:
    0 4px 12px rgba(215, 153, 9, 0.3),
    0 2px 6px rgba(215, 153, 9, 0.2);
}

._primary_sg0vw_48:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow:
    0 6px 20px rgba(215, 153, 9, 0.4),
    0 3px 10px rgba(215, 153, 9, 0.3);
}

._secondary_sg0vw_67 {
  background: linear-gradient(
    135deg,
    var(--background) 0%,
    rgba(238, 238, 238, 0.9) 100%
  );
  color: var(--primary);
  border: 1px solid rgba(215, 153, 9, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

._secondary_sg0vw_67:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-color: rgba(215, 153, 9, 0.3);
}

._danger_sg0vw_84 {
  background: linear-gradient(
    135deg,
    rgba(231, 135, 135, 0.9) 0%,
    rgba(231, 135, 135, 1) 100%
  );
  color: white;
  box-shadow:
    0 4px 12px rgba(231, 135, 135, 0.3),
    0 2px 6px rgba(231, 135, 135, 0.2);
}

._danger_sg0vw_84:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow:
    0 6px 20px rgba(231, 135, 135, 0.4),
    0 3px 10px rgba(231, 135, 135, 0.3);
}

._success_sg0vw_103 {
  background: linear-gradient(
    135deg,
    var(--button) 0%,
    rgba(39, 229, 1, 0.9) 100%
  );
  color: white;
  box-shadow:
    0 4px 12px rgba(39, 229, 1, 0.3),
    0 2px 6px rgba(39, 229, 1, 0.2);
}

._success_sg0vw_103:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow:
    0 6px 20px rgba(39, 229, 1, 0.4),
    0 3px 10px rgba(39, 229, 1, 0.3);
}

/* Tamanhos */
._small_sg0vw_123 {
  padding: 8px 16px;
  font-size: 14px;
  min-height: 36px;
}

._medium_sg0vw_129 {
  padding: 12px 24px;
  font-size: 16px;
  min-height: 44px;
}

._large_sg0vw_135 {
  padding: 16px 32px;
  font-size: 18px;
  min-height: 52px;
}

/* Responsividade */
@media (max-width: 768px) {
  ._button_sg0vw_1 {
    width: 100%;
  }

  ._small_sg0vw_123 {
    padding: 10px 16px;
    font-size: 14px;
  }

  ._medium_sg0vw_129 {
    padding: 14px 20px;
    font-size: 16px;
  }

  ._large_sg0vw_135 {
    padding: 16px 24px;
    font-size: 18px;
  }
}
._form_e40b4_1 {
  width: 90%;
  max-width: 800px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  margin-top: 30px;
  margin-bottom: 10px;
  align-items: flex-end;
}

@media (max-width: 900px) {
  ._form_e40b4_1 {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
:root {
  --primary: #2d1d12;
  --secondary: #d79909;
  --danger: #ff3f4b;
  --button: #27e501;
  --background: #eeeeee;
  --text-color-black: #000;
  --text-color-white: #fff;
  --secondary-text-color: #fff;
}
._inputWrapper_gavqd_1 {
  color: $text-color;
  text-align: start;

  ._label_gavqd_5 {
    margin-bottom: 10px;
  }

  ._inputContent_gavqd_9 {
    width: 100%;
    border-radius: 0 8px 8px 0;
    display: flex;
    align-items: center;

    ._icon_gavqd_15 {
      border-radius: 0 8px 8px 0;
      background-color: var(--primary);
      padding: 8px;
      color: var(--secondary);
      flex-shrink: 0;
    }

    ._input_gavqd_1 {
      border: none;
      border-radius: 8px;
      margin-right: 8px;
      background-color: var(--background);
      padding: 12px;
      width: 100%;
      box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
      min-width: 0;
    }
  }
}

/* Responsividade */
@media (max-width: 768px) {
  ._inputWrapper_gavqd_1 {
    ._inputContent_gavqd_9 {
      ._input_gavqd_1 {
        padding: 10px;
        font-size: 16px; /* Evita zoom no iOS */
      }

      ._icon_gavqd_15 {
        padding: 6px;
      }
    }
  }
}

@media (max-width: 480px) {
  ._inputWrapper_gavqd_1 {
    ._inputContent_gavqd_9 {
      ._input_gavqd_1 {
        padding: 10px 8px;
      }
    }
  }
}

._hasError_gavqd_62 {
  border-color: #e53935;
}

._error_gavqd_66 {
  color: #e53935;
  font-size: 0.75rem;
  margin-top: 4px;
  display: block;
}
._loading_185cj_1 {
  animation: _animate_185cj_1 2s infinite;
  display: block;
  margin: auto;
}

@keyframes _animate_185cj_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._overlay_12g80_1 {
  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;
  animation: _fadeIn_12g80_1 0.3s ease-out;
}

._modal_12g80_15 {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(255, 255, 255, 0.98) 100%
  );
  border-radius: 16px;
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.15),
    0 8px 25px rgba(0, 0, 0, 0.1);
  max-width: 90vw;
  max-height: 90vh;
  width: 500px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  animation: _slideIn_12g80_1 0.3s ease-out;
  position: relative;
  overflow: hidden;
}

._modal_12g80_15._large_12g80_34 {
  width: 900px;
}

._modal_12g80_15::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.05) 100%
  );
  border-radius: 16px;
  pointer-events: none;
  z-index: 100;
}

._header_12g80_55 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 0 24px;
  border-bottom: 1px solid rgba(215, 153, 9, 0.1);
  margin-bottom: 24px;
}

._title_12g80_64 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._closeButton_12g80_73 {
  background: linear-gradient(
    135deg,
    rgba(231, 135, 135, 0.9) 0%,
    rgba(231, 135, 135, 1) 100%
  );
  border: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: white;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(231, 135, 135, 0.3);
  position: relative;
  overflow: hidden;
}

._closeButton_12g80_73::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.5s ease;
}

._closeButton_12g80_73:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(231, 135, 135, 0.4);
}

._closeButton_12g80_73:hover::before {
  left: 100%;
}

._content_12g80_121 {
  padding: 0 24px 24px 24px;
  max-height: 70vh;
  overflow-y: auto;
}

._content_12g80_121::-webkit-scrollbar {
  width: 6px;
}

._content_12g80_121::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}

._content_12g80_121::-webkit-scrollbar-thumb {
  background: var(--secondary);
  border-radius: 3px;
}

._content_12g80_121::-webkit-scrollbar-thumb:hover {
  background: rgba(215, 153, 9, 0.8);
}

@keyframes _fadeIn_12g80_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

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

/* Responsividade */
@media (max-width: 768px) {
  ._modal_12g80_15 {
    width: 95vw;
    margin: 20px;
  }

  ._header_12g80_55 {
    padding: 20px 20px 0 20px;
  }

  ._content_12g80_121 {
    padding: 0 20px 20px 20px;
  }

  ._title_12g80_64 {
    font-size: 18px;
  }
}
._filtersContainer_1ng3m_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #f9fafb;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
}

._filtersRow_1ng3m_12 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: end;
}

._filtersSection_1ng3m_19 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background-color: white;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
}

._sectionTitle_1ng3m_29 {
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._checkboxGroup_1ng3m_38 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 0.5rem;
}

._checkboxGroup_1ng3m_38 label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 500;
  color: #374151;
  background-color: #f3f4f6;
  padding: 0.5rem 0.8rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 0.875rem;
}

._checkboxGroup_1ng3m_38 label:hover {
  background-color: #e5e7eb;
}

._checkboxGroup_1ng3m_38 input[type='checkbox'] {
  cursor: pointer;
}

._dimensionRange_1ng3m_67 {
  display: flex;
  gap: 0.5rem;
  align-items: end;
}

._dimensionRange_1ng3m_67 > div {
  flex: 1;
}

._actionsRow_1ng3m_77 {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin-top: 1rem;
}

._toggleFiltersBtn_1ng3m_84 {
  background-color: #3b82f6;
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 0.2s;
  height: 40px;
}

._toggleFiltersBtn_1ng3m_84:hover {
  background-color: #2563eb;
}

._limparBtn_1ng3m_100 {
  background-color: #ff3f4b;
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-weight: 500;
  height: 40px;
  transition: background-color 0.2s;
}

._limparBtn_1ng3m_100:hover {
  background-color: #4b5563;
}

._advancedFilters_1ng3m_116 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}

/* Estilo para o modal de filtros - sobrescreve o tamanho padrão do modal */
.modal[data-filters='true'] {
  width: 900px !important;
  max-width: 90vw !important;
}

._modalFiltersContainer_1ng3m_131 ._filtersContainer_1ng3m_1 {
  margin-bottom: 0;
  padding: 0.5rem;
  max-height: calc(85vh - 100px);
  overflow-y: auto;
}

._modalFiltersContainer_1ng3m_131 ._filtersContainer_1ng3m_1::-webkit-scrollbar {
  width: 8px;
}

._modalFiltersContainer_1ng3m_131 ._filtersContainer_1ng3m_1::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

._modalFiltersContainer_1ng3m_131 ._filtersContainer_1ng3m_1::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

._modalFiltersContainer_1ng3m_131 ._filtersContainer_1ng3m_1::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

@media (max-width: 768px) {
  ._filtersRow_1ng3m_12 {
    flex-direction: column;
  }

  ._dimensionRange_1ng3m_67 {
    flex-direction: column;
  }

  ._modalFiltersContainer_1ng3m_131 {
    width: 95vw;
    max-height: 90vh;
  }
}

._selectContainer_1ng3m_171 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 160px;
}

._selectContainer_1ng3m_171 label {
  font-size: 0.85rem;
  font-weight: 500;
  color: #333;
}

._selectContainer_1ng3m_171 select {
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: white;
  font-size: 0.9rem;
  cursor: pointer;
}

._grid_1ng3m_193 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.5rem;
}

._card_1ng3m_199 {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

._card_1ng3m_199:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

._imageWrapper_1ng3m_217 {
  height: 160px;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
}

._imageWrapper_1ng3m_217 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._noImage_1ng3m_231 {
  font-size: 0.85rem;
  color: #64748b;
}

._content_1ng3m_236 {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

._content_1ng3m_236 h3 {
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}

._cliente_1ng3m_250 {
  font-size: 0.8rem;
  color: #64748b;
}

._values_1ng3m_255 {
  margin-top: 0.75rem;
  display: flex;
  justify-content: space-between;
}

._values_1ng3m_255 small {
  display: block;
  font-size: 0.7rem;
  color: #64748b;
}

._values_1ng3m_255 strong {
  font-size: 0.85rem;
  color: #1e293b;
}
._switch_778u4_1 {
  width: 42px;
  height: 22px;
  border-radius: 999px;
  border: none;
  background: #ccc;
  position: relative;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  padding: 2px;
}

._switch_778u4_1._on_778u4_15 {
  background: #22c55e;
}

._switch_778u4_1._off_778u4_19 {
  background: #ef4444;
}

._thumb_778u4_23 {
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 50%;
  transition: transform 0.2s;
  transform: translateX(0);
}

._switch_778u4_1._on_778u4_15 ._thumb_778u4_23 {
  transform: translateX(20px);
}
._container_1ushs_1 {
  min-height: 100vh;
  font-family: 'Inter', sans-serif;
}

._actions_1ushs_6 {
  display: flex;
  gap: 12px;
}

._editBtn_1ushs_11 {
  padding: 8px 14px;
  background: #1976d2;
  color: #fff;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-weight: 500;
}

._editBtn_1ushs_11:hover {
  background: #1565c0;
}

._disableBtn_1ushs_25 {
  padding: 8px 14px;
  background: #e53935;
  color: #fff;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-weight: 500;
}

._disableBtn_1ushs_25:hover {
  background: #c62828;
}

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

._header_1ushs_46 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 32px;
  gap: 12px;
  padding: 20px 0;
}

._title_1ushs_55 {
  font-size: 1.8rem;
  font-weight: 700;
  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

._status_1ushs_39 {
  padding: 10px 24px;
  border-radius: 24px;
  font-weight: 700;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.15),
    0 2px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

._status_1ushs_39::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.5s ease;
}

._status_1ushs_39:hover::before {
  left: 100%;
}

._statusAtivo_1ushs_99 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
}

._statusAtivo_1ushs_99:hover {
  transform: translateY(-2px);
  box-shadow:
    0 6px 20px rgba(16, 185, 129, 0.4),
    0 4px 12px rgba(16, 185, 129, 0.3);
}

._statusInativo_1ushs_111 {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: white;
}

._statusInativo_1ushs_111:hover {
  transform: translateY(-2px);
  box-shadow:
    0 6px 20px rgba(239, 68, 68, 0.4),
    0 4px 12px rgba(239, 68, 68, 0.3);
}

._main_1ushs_123 {
  gap: 1.5rem;
}

._infoCard_1ushs_127 {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 28px;
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.08),
    0 4px 12px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(215, 153, 9, 0.12);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

._infoCard_1ushs_127::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.6) 100%
  );
  transform: scaleX(0);
  transition: transform 0.4s ease;
}

._infoCard_1ushs_127:hover {
  transform: translateY(-4px);
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.12),
    0 6px 16px rgba(0, 0, 0, 0.08);
  border-color: rgba(215, 153, 9, 0.25);
}

._infoCard_1ushs_127:hover::before {
  transform: scaleX(1);
}

._cardTitle_1ushs_175 {
  font-size: 1.4rem;
  font-weight: 700;
  background: linear-gradient(135deg, var(--primary) 0%, #1e293b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1.5rem;
  border-bottom: 2px solid rgba(215, 153, 9, 0.15);
  padding-bottom: 0.75rem;
  position: relative;
}

._cardTitle_1ushs_175::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 60px;
  height: 2px;
  background: linear-gradient(
    90deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.6) 100%
  );
  border-radius: 2px;
}

._infoGrid_1ushs_203 {
  display: grid;
  gap: 0.8rem;
}

._infoItem_1ushs_208 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
  padding: 16px 12px;
  border-radius: 8px;
  transition: all 0.3s ease;
  margin-bottom: 4px;
}

._infoItem_1ushs_208:hover {
  background: linear-gradient(
    135deg,
    rgba(215, 153, 9, 0.05) 0%,
    rgba(215, 153, 9, 0.02) 100%
  );
  border-bottom-color: rgba(215, 153, 9, 0.2);
}

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

._label_1ushs_232 {
  font-weight: 600;
  color: #64748b;
  font-size: 0.9rem;
}

._value_1ushs_238 {
  font-weight: 600;
  color: #1e293b;
  font-size: 1rem;
  text-align: right;
  max-width: 100%;
  word-break: break-word;
}

._adiantamentosWrapper_1ushs_247 {
  display: grid;
  gap: 14px;
  width: 100%;
  grid-column: 1 / -1;
}

._adiantamentosHeader_1ushs_254 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

._sectionBlock_1ushs_261 {
  display: grid;
  gap: 10px;
}

._sectionTitle_1ushs_266 {
  margin: 0;
  font-size: 0.95rem;
  color: #334155;
}

._cardsGrid_1ushs_272 {
  display: grid;
  gap: 10px;
}

._adiantamentoCard_1ushs_277 {
  border: 1px solid #dfe3e8;
  border-radius: 12px;
  padding: 12px;
  background: #fff;
  display: grid;
  gap: 6px;
}

._cardTop_1ushs_286 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._cardLine_1ushs_292 {
  margin: 0;
  color: #334155;
  font-size: 0.92rem;
}

._cardActions_1ushs_298 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}

._statusAprovado_1ushs_305,
._statusPendente_1ushs_306 {
  font-size: 0.78rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 999px;
}

._statusAprovado_1ushs_305 {
  background: #dcfce7;
  color: #166534;
}

._statusPendente_1ushs_306 {
  background: #fee2e2;
  color: #991b1b;
}

/* Responsividade */
@media (max-width: 768px) {
  ._title_1ushs_55 {
    font-size: 1.5rem;
  }

  ._infoItem_1ushs_208 {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
._container_1tdwu_1 {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
}

._toast_1tdwu_12 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  min-width: 300px;
  max-width: 400px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: white;
  pointer-events: auto;
  animation: _slideIn_1tdwu_1 0.3s ease;
}

._toast_1tdwu_12._success_1tdwu_26 {
  border-left: 4px solid #10b981;
  background: linear-gradient(to right, #ecfdf5 0%, white 10%);
}

._toast_1tdwu_12._error_1tdwu_31 {
  border-left: 4px solid #ef4444;
  background: linear-gradient(to right, #fef2f2 0%, white 10%);
}

._toast_1tdwu_12._warning_1tdwu_36 {
  border-left: 4px solid #f59e0b;
  background: linear-gradient(to right, #fffbeb 0%, white 10%);
}

._toast_1tdwu_12._info_1tdwu_41 {
  border-left: 4px solid #3b82f6;
  background: linear-gradient(to right, #eff6ff 0%, white 10%);
}

._icon_1tdwu_46 {
  font-size: 24px;
  flex-shrink: 0;
}

._toast_1tdwu_12._success_1tdwu_26 ._icon_1tdwu_46 {
  color: #10b981;
}

._toast_1tdwu_12._error_1tdwu_31 ._icon_1tdwu_46 {
  color: #ef4444;
}

._toast_1tdwu_12._warning_1tdwu_36 ._icon_1tdwu_46 {
  color: #f59e0b;
}

._toast_1tdwu_12._info_1tdwu_41 ._icon_1tdwu_46 {
  color: #3b82f6;
}

._message_1tdwu_67 {
  flex: 1;
  font-size: 14px;
  color: #1f2937;
  font-weight: 500;
  line-height: 1.5;
}

._closeButton_1tdwu_75 {
  background: none;
  border: none;
  cursor: pointer;
  color: #6b7280;
  font-size: 20px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
  flex-shrink: 0;
}

._closeButton_1tdwu_75:hover {
  color: #1f2937;
}

@keyframes _slideIn_1tdwu_1 {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Responsivo para mobile */
@media (max-width: 768px) {
  ._container_1tdwu_1 {
    top: 10px;
    right: 10px;
    left: 10px;
  }

  ._toast_1tdwu_12 {
    min-width: auto;
    max-width: 100%;
  }
}

._content_1jwqa_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 8px 0;
}

._info_1jwqa_8 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._version_1jwqa_14 {
  font-size: 1.1rem;
  color: var(--primary);
  margin: 0;
}

._version_1jwqa_14 strong {
  color: var(--secondary);
  font-weight: 700;
}

._date_1jwqa_25 {
  font-size: 0.9rem;
  color: #666;
  margin: 0;
}

._downloadSection_1jwqa_31 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: #f8f9fa;
  border-radius: 8px;
  border: 1px solid rgba(215, 153, 9, 0.2);
}

._progressHeader_1jwqa_41 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  color: var(--primary);
  font-size: 0.95rem;
}

._percent_1jwqa_50 {
  font-weight: 700;
  color: var(--secondary);
  font-size: 1rem;
}

._progressBar_1jwqa_56 {
  width: 100%;
  height: 24px;
  background: #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

._progressFill_1jwqa_65 {
  height: 100%;
  background: linear-gradient(90deg, var(--secondary), var(--primary));
  border-radius: 12px;
  transition: width 0.3s ease;
  position: relative;
}

._progressFill_1jwqa_65::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
  animation: _shimmer_1jwqa_1 1.5s infinite;
}

@keyframes _shimmer_1jwqa_1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

._progressInfo_1jwqa_98 {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  color: #666;
}

._speed_1jwqa_105 {
  font-weight: 600;
  color: var(--primary);
}

._downloadedSection_1jwqa_110 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 20px;
  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
  border-radius: 8px;
  border: 2px solid #4caf50;
}

._successIcon_1jwqa_121 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #4caf50;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: bold;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

._downloadedMessage_1jwqa_135 {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2e7d32;
  margin: 0;
  text-align: center;
}

._installMessage_1jwqa_143 {
  font-size: 0.9rem;
  color: #388e3c;
  margin: 0;
  text-align: center;
}

._releaseNotes_1jwqa_150 {
  padding: 16px;
  background: #f5f5f5;
  border-radius: 8px;
  border-left: 4px solid var(--secondary);
  max-height: 200px;
  overflow-y: auto;
}

._releaseNotes_1jwqa_150 h3 {
  margin: 0 0 12px 0;
  font-size: 1rem;
  color: var(--primary);
}

._notesContent_1jwqa_165 {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.6;
}

._actions_1jwqa_171 {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 8px;
}

._installButton_1jwqa_178,
._laterButton_1jwqa_179,
._closeButton_1jwqa_180 {
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.95rem;
}

._installButton_1jwqa_178 {
  background: linear-gradient(135deg, #4caf50, #45a049);
  color: white;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

._installButton_1jwqa_178:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);
}

._laterButton_1jwqa_179 {
  background: #f5f5f5;
  color: var(--primary);
  border: 1px solid rgba(215, 153, 9, 0.3);
}

._laterButton_1jwqa_179:hover {
  background: #e0e0e0;
}

._closeButton_1jwqa_180 {
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: white;
  box-shadow: 0 2px 6px rgba(215, 153, 9, 0.2);
}

._closeButton_1jwqa_180:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(215, 153, 9, 0.3);
}

._overlay_hpne1_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

._overlayOpen_hpne1_11 {
  animation: _overlayIn_hpne1_1 180ms ease-out forwards;
}

._overlayClosing_hpne1_15 {
  animation: _overlayOut_hpne1_1 180ms ease-in forwards;
}

._dialog_hpne1_19 {
  width: min(460px, calc(100vw - 32px));
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

._dialogOpen_hpne1_28 {
  animation: _dialogIn_hpne1_1 180ms ease-out forwards;
}

._dialogClosing_hpne1_32 {
  animation: _dialogOut_hpne1_1 180ms ease-in forwards;
}

._header_hpne1_36 {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

._title_hpne1_41 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--primary);
}

._content_hpne1_48 {
  padding: 16px 20px;
  display: grid;
  gap: 12px;
}

._message_hpne1_54 {
  margin: 0;
  color: #374151;
  line-height: 1.5;
}

._input_hpne1_60 {
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 0.9rem;
  outline: none;
}

._input_hpne1_60:focus {
  border-color: var(--secondary);
}

._actions_hpne1_73 {
  padding: 0 20px 16px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

._btn_hpne1_80 {
  border: 0;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
}

._btnSecondary_hpne1_89 {
  background: #e5e7eb;
  color: #111827;
}

._btnPrimary_hpne1_94 {
  background: var(--secondary);
  color: #fff;
}

@keyframes _overlayIn_hpne1_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes _overlayOut_hpne1_1 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

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

@keyframes _dialogOut_hpne1_1 {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateY(6px) scale(0.98);
  }
}
._header_1jh7f_1 {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 0.95) 100%
  );
  backdrop-filter: blur(10px);
  width: 100%;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  min-height: 80px;
  box-shadow:
    0 2px 12px rgba(0, 0, 0, 0.08),
    0 1px 4px rgba(0, 0, 0, 0.04);
  border-bottom: 1px solid rgba(215, 153, 9, 0.1);
  position: sticky;
  top: 0;
  z-index: 100;
  transition: all 0.3s ease;
  -webkit-app-region: drag;
}

._header_1jh7f_1 button,
._header_1jh7f_1 a,
._header_1jh7f_1 input,
._header_1jh7f_1 select,
._header_1jh7f_1 textarea {
  -webkit-app-region: no-drag;
}

._headerLeft_1jh7f_34 {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  min-width: 0;
}

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

._title_1jh7f_48 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

._sidebarToggle_1jh7f_62 {
  display: none;
  background: linear-gradient(
    135deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.9) 100%
  );
  border: none;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  color: white;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(215, 153, 9, 0.3);
}

._sidebarToggle_1jh7f_62:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(215, 153, 9, 0.4);
}

._sidebarToggle_1jh7f_62:active {
  transform: translateY(0);
}

._userInfo_1jh7f_87 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._userName_1jh7f_93 {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--primary);
  padding: 8px 16px;
  background: linear-gradient(
    135deg,
    rgba(215, 153, 9, 0.1) 0%,
    rgba(215, 153, 9, 0.05) 100%
  );
  border-radius: 20px;
  border: 1px solid rgba(215, 153, 9, 0.2);
}

/* Responsividade */
@media (max-width: 900px) {
  ._header_1jh7f_1 {
    padding-left: 24px;
  }

  ._sidebarToggle_1jh7f_62 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  ._userName_1jh7f_93 {
    display: none;
  }
}

@media (max-width: 768px) {
  ._header_1jh7f_1 {
    height: 70px;
    padding: 0 16px;
  }

  ._title_1jh7f_48 {
    font-size: 1.1rem;
    max-width: 200px;
  }

  ._headerLeft_1jh7f_34 {
    gap: 12px;
  }
}

@media (max-width: 480px) {
  ._header_1jh7f_1 {
    height: 65px;
    padding: 0 12px;
  }

  ._title_1jh7f_48 {
    font-size: 1rem;
    max-width: 150px;
  }

  ._backButton_1jh7f_151 span {
    display: none;
  }

  ._backButton_1jh7f_151 {
    padding: 8px;
    min-width: 40px;
  }
}

/* ===== Menu button wrapper & popup ===== */
._menuButtonWrapper_1jh7f_162 {
  position: relative;
  display: flex;
  align-items: center;
}

._menuButton_1jh7f_162 {
  background: linear-gradient(
    135deg,
    var(--primary) 0%,
    rgba(44, 41, 41, 0.9) 100%
  );
  border: none;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

._menuButton_1jh7f_162:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

._menuButton_1jh7f_162:active {
  transform: translateY(0) scale(0.98);
}

._menuButton_1jh7f_162:focus {
  outline: 2px solid rgba(215, 153, 9, 0.5);
  outline-offset: 2px;
}

/* Pop-up com animação */
._linksPopup_1jh7f_201 {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  min-width: 220px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 0.95) 100%
  );
  backdrop-filter: blur(10px);
  border-radius: 12px;
  box-shadow:
    0 10px 40px rgba(0, 0, 0, 0.15),
    0 4px 16px rgba(0, 0, 0, 0.1);
  padding: 8px;
  opacity: 0;
  transform: translateY(-8px) scale(0.96);
  pointer-events: none;
  transition: all 0.25s cubic-bezier(0.2, 0.9, 0.2, 1);
  z-index: 1000;
  border: 1px solid rgba(215, 153, 9, 0.1);
}

._linksPopup_1jh7f_201._open_1jh7f_225 {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

._linksPopup_1jh7f_201 nav ul {
  list-style: none;
  margin: 0;
  padding: 4px;
}

._linksPopup_1jh7f_201 nav ul li {
  margin: 0;
}

._linksPopup_1jh7f_201 nav ul li + li {
  margin-top: 4px;
}

._linksPopup_1jh7f_201 nav a {
  display: block;
  padding: 12px 16px;
  text-decoration: none;
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--primary);
  transition: all 0.2s ease;
  position: relative;
}

._linksPopup_1jh7f_201 nav a:hover,
._linksPopup_1jh7f_201 nav a:focus {
  background: linear-gradient(
    135deg,
    rgba(215, 153, 9, 0.1) 0%,
    rgba(215, 153, 9, 0.05) 100%
  );
  color: var(--secondary);
  transform: translateX(4px);
}

._linksPopup_1jh7f_201 nav a._activeLink_1jh7f_268 {
  background: linear-gradient(
    135deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.9) 100%
  );
  color: white;
  font-weight: 600;
}

._linksPopup_1jh7f_201::before {
  content: '';
  position: absolute;
  right: 16px;
  top: -6px;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 0.95) 100%
  );
  border-left: 1px solid rgba(215, 153, 9, 0.1);
  border-top: 1px solid rgba(215, 153, 9, 0.1);
}

@media (max-width: 900px) {
  ._menuButton_1jh7f_162 {
    display: inline-flex;
  }
}

@media (min-width: 901px) {
  ._menuButton_1jh7f_162 {
    display: none;
  }
}

._backButton_1jh7f_151 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 10px 16px;
  background: linear-gradient(
    135deg,
    rgba(215, 153, 9, 0.1) 0%,
    rgba(215, 153, 9, 0.05) 100%
  );
  color: var(--primary);
  border-radius: 10px;
  font-weight: 600;
  font-size: 0.95rem;
  border: 1px solid rgba(215, 153, 9, 0.2);
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(215, 153, 9, 0.1);
  cursor: pointer;
}

._backButton_1jh7f_151:hover {
  background: linear-gradient(
    135deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.9) 100%
  );
  color: white;
  transform: translateX(-2px);
  box-shadow: 0 4px 12px rgba(215, 153, 9, 0.3);
}

._backButton_1jh7f_151:active {
  transform: translateX(0);
}

._backButton_1jh7f_151 svg {
  flex-shrink: 0;
}
._button_1rp28_1 {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  background: transparent;
  color: rgba(255, 255, 255, 0.85);
  padding: 0.875rem 1rem;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
}

._button_1rp28_1::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.15),
    transparent
  );
  transition: left 0.5s ease;
}

._button_1rp28_1:hover::before {
  left: 100%;
}

._button_1rp28_1:hover {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(255, 255, 255, 0.08) 100%
  );
  color: white;
  transform: translateX(6px);
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

._button_1rp28_1 svg {
  font-size: 1.15rem;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

._button_1rp28_1:hover svg {
  transform: scale(1.15) rotate(5deg);
  color: var(--secondary);
}

._active_1rp28_62 {
  background: linear-gradient(
    135deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.9) 100%
  );
  color: white;
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 16px rgba(215, 153, 9, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  position: relative;
  font-weight: 600;
}

._active_1rp28_62::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 70%;
  background: white;
  border-radius: 2px 0 0 2px;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
}

._active_1rp28_62::before {
  display: none;
}

._active_1rp28_62 svg {
  transform: scale(1.15);
  color: white;
}

._button_1rp28_1 span {
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Responsividade */
@media (max-width: 480px) {
  ._button_1rp28_1 {
    padding: 0.75rem 0.875rem;
    font-size: 0.85rem;
  }

  ._button_1rp28_1 svg {
    font-size: 1rem;
  }
}
._sidebar_15xjg_1 {
  width: 270px;
  display: flex;
  flex-direction: column;
  background: var(--primary);
  position: fixed;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow:
    4px 0 24px rgba(0, 0, 0, 0.12),
    2px 0 8px rgba(0, 0, 0, 0.08);
  z-index: 1000;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  top: 0;
  left: 0;
}

._overlay_15xjg_20 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  z-index: 999;
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
  pointer-events: none;
}

._overlayVisible_15xjg_36 {
  opacity: 1 !important;
  pointer-events: auto !important;
}

@media (max-width: 900px) {
  ._overlay_15xjg_20 {
    display: block;
  }
}

._sidebarHeader_15xjg_47 {
  padding: 2rem 1.5rem 1.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  position: relative;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0.02) 100%
  );
}

._closeButton_15xjg_59 {
  display: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 8px;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  align-items: center;
  justify-content: center;
}

._closeButton_15xjg_59:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: scale(1.1);
}

._logo_15xjg_80 {
  align-self: center;
  transition: all 0.3s ease;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
}

._logo_15xjg_80:hover {
  transform: scale(1.08);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
}

._navigation_15xjg_91 {
  flex: 1;
  padding: 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  overflow-y: auto;
  overflow-x: hidden;
}

._section_15xjg_101 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  animation: _fadeInUp_15xjg_1 0.4s ease-out;
}

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

._sectionTitle_15xjg_119 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1rem 0;
  text-align: left;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 0.75rem 0.5rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

._sectionTitle_15xjg_119::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 40px;
  height: 2px;
  background: linear-gradient(
    90deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.6) 100%
  );
  border-radius: 2px;
}

._sectionIcon_15xjg_150 {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.3s ease;
}

._section_15xjg_101:hover ._sectionIcon_15xjg_150 {
  color: var(--secondary);
}

._sectionLinks_15xjg_160 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

/* Scrollbar personalizada */
._sidebar_15xjg_1::-webkit-scrollbar {
  width: 6px;
}

._sidebar_15xjg_1::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
}

._sidebar_15xjg_1::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  transition: background 0.3s ease;
}

._sidebar_15xjg_1::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.4);
}

._navigation_15xjg_91::-webkit-scrollbar {
  width: 4px;
}

._navigation_15xjg_91::-webkit-scrollbar-track {
  background: transparent;
}

._navigation_15xjg_91::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}

/* Responsividade */
@media (max-width: 900px) {
  ._sidebar_15xjg_1 {
    transform: translateX(-100%);
    width: 100%;
    max-width: 320px;
    box-shadow: 4px 0 32px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  ._sidebar_15xjg_1._open_15xjg_209 {
    transform: translateX(0) !important;
  }

  ._closeButton_15xjg_59 {
    display: flex;
  }

  ._overlay_15xjg_20 {
    display: block;
  }
}

@media (max-width: 768px) {
  ._sidebar_15xjg_1 {
    max-width: 280px;
  }

  ._sidebarHeader_15xjg_47 {
    padding: 1.5rem 1rem 1.25rem;
  }

  ._navigation_15xjg_91 {
    padding: 1.25rem 0.75rem;
    gap: 1.5rem;
  }
}

@media (max-width: 480px) {
  ._sidebar_15xjg_1 {
    width: 100%;
    max-width: none;
  }

  ._sidebarHeader_15xjg_47 {
    padding: 1.25rem 1rem 1rem;
  }

  ._navigation_15xjg_91 {
    padding: 1rem 0.75rem;
    gap: 1.25rem;
  }

  ._sectionTitle_15xjg_119 {
    font-size: 0.7rem;
    padding: 0.5rem;
  }
}
._body_r9mbj_1 {
  display: flex;
  height: 100vh;
  overflow: hidden;
}

._content_r9mbj_7 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  margin-left: 270px;
  transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: auto;
}

._main_r9mbj_17 {
  display: flex;
  flex-direction: column;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 0.95) 100%
  );
  margin: 20px;
  flex: 1;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(215, 153, 9, 0.1);
}

._childContent_r9mbj_33 {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  margin-left: 0;
  overflow: auto;
}

._childMain_r9mbj_42 {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0;
  padding: 16px;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

/* Responsividade */
@media (max-width: 900px) {
  ._content_r9mbj_7 {
    margin-left: 0;
  }

  ._main_r9mbj_17 {
    margin: 16px;
    padding: 20px;
    border-radius: 10px;
  }
}

@media (max-width: 768px) {
  ._main_r9mbj_17 {
    margin: 12px;
    padding: 16px;
    border-radius: 8px;
  }
}

@media (max-width: 480px) {
  ._main_r9mbj_17 {
    margin: 8px;
    padding: 12px;
  }
}
._container_1uk0i_1 {
  padding: 2rem 1.5rem 4rem;
  max-width: 1100px;
  margin: 0 auto;
}

._section_1uk0i_7 {
  background: linear-gradient(180deg, #ffffff, #fafafa);
  border-radius: 16px;
  padding: 1.5rem 1.75rem;
  margin-bottom: 1.25rem;
  border: 1px solid #e5e7eb;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}

._section_1uk0i_7:hover {
  border-color: #d1d5db;
  box-shadow:
    0 2px 6px rgba(0, 0, 0, 0.06),
    0 12px 32px rgba(0, 0, 0, 0.08);
}

._sectionHeader_1uk0i_26 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e5e7eb;
}

._sectionIcon_1uk0i_35 {
  font-size: 1.4rem;
  color: var(--primary);
}

._sectionTitle_1uk0i_40 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #111827;
  letter-spacing: 0.2px;
}

._formGroup_1uk0i_47 {
  margin-bottom: 1rem;
}

._label_1uk0i_51 {
  display: block;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.4rem;
  font-size: 0.8rem;
}

._grid2_1uk0i_59 {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 1.25rem;
}

._grid3_1uk0i_66 {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 1.25rem;
}

@media (max-width: 900px) {
  ._grid3_1uk0i_66 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  ._grid2_1uk0i_59,
  ._grid3_1uk0i_66 {
    grid-template-columns: 1fr;
  }
}

._select_1uk0i_86 {
  width: 100%;
}

._nativeSelect_1uk0i_90 {
  width: 100%;
  padding: 0.7rem 0.75rem;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

._nativeSelect_1uk0i_90:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
  background: white;
}

._submitSection_1uk0i_108 {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}

._submitSection_1uk0i_108 button {
  min-width: 220px;
  padding: 0.9rem 1.75rem;
  border-radius: 14px;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.3px;
}

._documentType_1uk0i_123 {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin: 0.75rem 0 1.25rem;
}
._container_qtwxi_1 {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

._tableContainer_qtwxi_7 {
  margin-top: 20px;
  overflow-x: auto;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  background: white;
  border: 1px solid rgba(215, 153, 9, 0.1);
  -webkit-overflow-scrolling: touch;
}

._table_qtwxi_7 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
  background-color: white;
}

._table_qtwxi_7 thead {
  background: linear-gradient(
    135deg,
    var(--primary) 0%,
    rgba(44, 41, 41, 0.95) 100%
  );
  color: white;
}

._table_qtwxi_7 th,
._table_qtwxi_7 td {
  padding: 1rem 1.25rem;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
}

._table_qtwxi_7 th {
  background: transparent;
  font-weight: 700;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: rgba(255, 255, 255, 0.95);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  position: relative;
}

._table_qtwxi_7 th:last-child {
  border-right: none;
}

._table_qtwxi_7 th::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
}

._table_qtwxi_7 tbody tr {
  background-color: #ffffff;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

._table_qtwxi_7 tbody tr:last-child td {
  border-bottom: none;
}

._table_qtwxi_7 tbody tr:nth-child(even) {
  background-color: #fafbfc;
}

._table_qtwxi_7 tbody tr:hover {
  background: linear-gradient(
    90deg,
    rgba(215, 153, 9, 0.05) 0%,
    rgba(215, 153, 9, 0.08) 100%
  ) !important;
  transform: translateX(2px);
  box-shadow: 0 2px 8px rgba(215, 153, 9, 0.1);
  border-left: 3px solid var(--secondary);
}

._table_qtwxi_7 tbody tr:nth-child(even):hover {
  background: linear-gradient(
    90deg,
    rgba(215, 153, 9, 0.05) 0%,
    rgba(215, 153, 9, 0.08) 100%
  ) !important;
}

._table_qtwxi_7 td {
  color: #374151;
  font-weight: 500;
  font-size: 0.9rem;
}

._viewButton_qtwxi_109 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: linear-gradient(
    135deg,
    #3b82f6 0%,
    #2563eb 100%
  );
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
}

._deleteButton_qtwxi_129 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: linear-gradient(
    135deg,
    #ef4444 0%,
    #dc2626 100%
  );
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(239, 68, 68, 0.2);
}

._defaultButton_qtwxi_149 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: white;
  border: 2px solid var(--primary);
  color: var(--primary);
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

._viewButton_qtwxi_109:hover {
  background: linear-gradient(
    135deg,
    #2563eb 0%,
    #1d4ed8 100%
  );
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
}

._deleteButton_qtwxi_129:hover {
  background: linear-gradient(
    135deg,
    #dc2626 0%,
    #b91c1c 100%
  );
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(239, 68, 68, 0.3);
}

._defaultButton_qtwxi_149:hover {
  background: var(--primary);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

._newButton_qtwxi_192 {
  display: inline-block;
  background-color: #2563eb; /* Azul padrão (Tailwind blue-600) */
  color: white;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 18px;
  border-radius: 8px;
  transition: all 0.25s ease;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(37, 99, 235, 0.2);
}

._newButton_qtwxi_192:hover {
  background-color: #1e40af; /* Azul mais escuro no hover */
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3);
}

._newButton_qtwxi_192:active {
  transform: scale(0.97);
}
._container_1s4mf_1 {
  padding: 2rem;
  max-width: 100%;
  overflow-x: auto;
}

._header_1s4mf_7 {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._backButton_1s4mf_14 {
  align-self: flex-start;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(
    135deg,
    var(--primary) 0%,
    rgba(44, 41, 41, 0.9) 100%
  );
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._backButton_1s4mf_14:hover {
  background: linear-gradient(
    135deg,
    rgba(44, 41, 41, 0.95) 0%,
    var(--primary) 100%
  );
  transform: translateX(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._titleSection_1s4mf_44 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._titleSection_1s4mf_44 h1 {
  margin: 0;
  font-size: 2rem;
  color: var(--primary);
  font-weight: 600;
}

._date_1s4mf_57 {
  margin: 0;
  color: #666;
  font-size: 0.95rem;
}

._tableWrapper_1s4mf_63 {
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  border: 1px solid rgba(215, 153, 9, 0.1);
}

._tableContainer_1s4mf_71 {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}

._table_1s4mf_63 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 800px;
  background: white;
}

._table_1s4mf_63 thead {
  background: linear-gradient(
    135deg,
    var(--primary) 0%,
    rgba(44, 41, 41, 0.95) 100%
  );
  color: white;
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

._table_1s4mf_63 th {
  padding: 1.25rem 1.5rem;
  text-align: left;
  font-weight: 700;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  white-space: nowrap;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  position: relative;
}

._table_1s4mf_63 th:last-child {
  border-right: none;
}

._table_1s4mf_63 th::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
}

._table_1s4mf_63 tbody tr {
  border-bottom: 1px solid #f0f0f0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #ffffff;
  position: relative;
}

._table_1s4mf_63 tbody tr:last-child {
  border-bottom: none;
}

._table_1s4mf_63 tbody tr:hover {
  background: linear-gradient(
    90deg,
    rgba(215, 153, 9, 0.05) 0%,
    rgba(215, 153, 9, 0.08) 100%
  ) !important;
  transform: translateX(2px);
  box-shadow: 0 2px 8px rgba(215, 153, 9, 0.1);
  border-left: 3px solid var(--secondary);
}

._table_1s4mf_63 tbody tr:nth-child(even) {
  background-color: #fafbfc;
}

._table_1s4mf_63 tbody tr:nth-child(even):hover {
  background: linear-gradient(
    90deg,
    rgba(215, 153, 9, 0.05) 0%,
    rgba(215, 153, 9, 0.08) 100%
  ) !important;
}

._table_1s4mf_63 td {
  padding: 1rem 1.5rem;
  font-size: 0.9rem;
  color: #374151;
  font-weight: 500;
  vertical-align: middle;
}

._cell_1s4mf_171 {
  white-space: nowrap;
}

._error_1s4mf_175 {
  padding: 2rem;
  text-align: center;
  color: #d32f2f;
  background: #ffebee;
  border-radius: 8px;
  border: 1px solid #ffcdd2;
}

/* Responsividade */
@media (max-width: 768px) {
  ._container_1s4mf_1 {
    padding: 1rem;
  }

  ._titleSection_1s4mf_44 h1 {
    font-size: 1.5rem;
  }

  ._table_1s4mf_63 {
    min-width: 600px;
  }

  ._table_1s4mf_63 th,
  ._table_1s4mf_63 td {
    padding: 0.75rem 0.5rem;
    font-size: 0.85rem;
  }

  ._header_1s4mf_7 {
    flex-direction: column;
    gap: 1rem;
  }
}

@media (max-width: 480px) {
  ._container_1s4mf_1 {
    padding: 0.75rem;
  }

  ._titleSection_1s4mf_44 h1 {
    font-size: 1.25rem;
  }

  ._backButton_1s4mf_14 {
    width: 100%;
    justify-content: center;
  }

  ._table_1s4mf_63 {
    min-width: 500px;
  }
}
._container_281yp_1 {
  padding: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

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

._downloadSection_281yp_14 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._downloadButton_281yp_20 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 16px;
  background-color: #007bff;
  color: white;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.2s;
}

._downloadButton_281yp_20:hover {
  background-color: #0056b3;
}

._fileInput_281yp_36 {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

._tableContainer_281yp_42 {
  margin-top: 20px;
  overflow-x: auto;
}

._table_281yp_42 {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

._table_281yp_42 th,
._table_281yp_42 td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

._table_281yp_42 th {
  background-color: #f8f9fa;
  font-weight: 600;
  color: #333;
}

._table_281yp_42 tr:hover {
  background-color: #f5f5f5;
}

._saveButton_281yp_72 {
  padding: 10px 20px;
  background-color: #28a745;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.2s;
}

._saveButton_281yp_72:hover {
  background-color: #218838;
}

/* Botão principal */
._button_281yp_88 {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

._button_281yp_88 ._btn_281yp_94 {
  background-color: #10b981; /* Verde elegante */
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  padding: 12px 28px;
  font-size: 1rem;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(16, 185, 129, 0.3);
  transition: all 0.25s ease;
}

._button_281yp_88 ._btn_281yp_94:hover {
  background-color: #059669;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(16, 185, 129, 0.4);
}

._button_281yp_88 ._btn_281yp_94:active {
  transform: scale(0.97);
}

._button_281yp_88 ._btn_281yp_94:disabled {
  background-color: #9ca3af;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}
._title_1lgtl_1 {
  font-size: 1.5rem;
  color: var(--primary);
  text-align: center;
  margin-bottom: 40px;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
}

._buttonContainer_1lgtl_11 {
  display: flex;
  gap: 12px;
}

._title_1lgtl_1::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.6) 100%
  );
  border-radius: 2px;
  transition: width 0.3s ease;
}

._title_1lgtl_1:hover::after {
  width: 100px;
}

._cards_1lgtl_37 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
  margin-bottom: 40px;
  padding: 20px;

  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

._card_1lgtl_37 {
  background: linear-gradient(
    135deg,
    var(--background) 0%,
    rgba(238, 238, 238, 0.8) 100%
  );
  border-radius: 16px;
  padding: 24px;
  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.06),
    0 2px 8px rgba(0, 0, 0, 0.03);
  text-align: center;
  border: 1px solid rgba(215, 153, 9, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

._card_1lgtl_37::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.6) 100%
  );
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

._card_1lgtl_37:hover {
  transform: translateY(-4px);
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.12),
    0 4px 12px rgba(0, 0, 0, 0.06);
  border-color: rgba(215, 153, 9, 0.2);
}

._card_1lgtl_37:hover::before {
  transform: scaleX(1);
}

._card_1lgtl_37 h2 {
  font-size: 1.4rem;
  color: var(--primary);
  font-weight: 700;
  margin-bottom: 12px;
  position: relative;
}

._card_1lgtl_37 h2::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 2px;
  background: linear-gradient(
    90deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.6) 100%
  );
  border-radius: 1px;
  transition: width 0.3s ease;
}

._card_1lgtl_37:hover h2::after {
  width: 50px;
}

._card_1lgtl_37 p {
  font-size: 1.1rem;
  color: #495057;
  font-weight: 600;
  margin: 0;
  padding: 8px 0;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(255, 255, 255, 0.6) 100%
  );
  border-radius: 8px;
  margin-top: 12px;
}

._chartCard_1lgtl_137 {
  display: inline-grid;
  justify-items: center;
  background: linear-gradient(
    135deg,
    var(--background) 0%,
    rgba(238, 238, 238, 0.8) 100%
  );
  border-radius: 16px;
  padding: 24px;
  box-shadow:
    0 6px 20px rgba(0, 0, 0, 0.08),
    0 3px 10px rgba(0, 0, 0, 0.04);
  margin-top: 40px;
  flex: 1;
  border: 1px solid rgba(215, 153, 9, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

._chartCard_1lgtl_137::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.6) 100%
  );
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

._chartCard_1lgtl_137:hover {
  transform: translateY(-3px);
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.12),
    0 5px 15px rgba(0, 0, 0, 0.06);
  border-color: rgba(215, 153, 9, 0.2);
}

._chartCard_1lgtl_137:hover::before {
  transform: scaleX(1);
}

._chartCard_1lgtl_137 h3 {
  font-size: 1.6rem;
  color: var(--primary);
  margin-bottom: 24px;
  font-weight: 700;
  position: relative;
  padding-bottom: 8px;
}

._chartCard_1lgtl_137 h3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background: linear-gradient(
    90deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.6) 100%
  );
  border-radius: 1px;
  transition: width 0.3s ease;
}

._chartCard_1lgtl_137:hover h3::after {
  width: 60px;
}

._select_1lgtl_216 {
  font-size: 1rem;
  border-radius: 12px;
  border: 1px solid rgba(215, 153, 9, 0.2);
  background: linear-gradient(
    135deg,
    var(--background) 0%,
    rgba(238, 238, 238, 0.8) 100%
  );
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.04),
    0 1px 3px rgba(0, 0, 0, 0.02);
  padding: 12px 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--primary);
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

._select_1lgtl_216::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(215, 153, 9, 0.1),
    transparent
  );
  transition: left 0.5s ease;
}

._select_1lgtl_216:hover {
  transform: translateY(-1px);
  box-shadow:
    0 4px 12px rgba(215, 153, 9, 0.2),
    0 2px 6px rgba(215, 153, 9, 0.1);
  border-color: var(--secondary);
}

._select_1lgtl_216:hover::before {
  left: 100%;
}

._select_1lgtl_216:focus {
  outline: none;
  border-color: var(--secondary);
  box-shadow:
    0 6px 16px rgba(215, 153, 9, 0.3),
    0 3px 8px rgba(215, 153, 9, 0.2);
  transform: translateY(-2px);
}

/* Animação de entrada para os elementos */
@keyframes _fadeInUp_1lgtl_1 {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._cards_1lgtl_37 {
  animation: _fadeInUp_1lgtl_1 0.8s ease-out;
}

._card_1lgtl_37 {
  animation: _fadeInUp_1lgtl_1 0.8s ease-out;
  animation-delay: calc(var(--animation-order, 0) * 0.1s);
}

._chartCard_1lgtl_137 {
  animation: _fadeInUp_1lgtl_1 0.8s ease-out;
  animation-delay: 0.2s;
}

/* Responsividade melhorada */
@media (max-width: 768px) {
  ._cards_1lgtl_37 {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px;
  }

  ._card_1lgtl_37 {
    padding: 20px;
  }

  ._chartCard_1lgtl_137 {
    padding: 20px;
    margin-top: 30px;
  }

  ._title_1lgtl_1 {
    font-size: 1.3rem;
    margin-bottom: 30px;
  }

  ._card_1lgtl_37 h2 {
    font-size: 1.2rem;
  }

  ._chartCard_1lgtl_137 h3 {
    font-size: 1.4rem;
  }
}

/* Efeito de glassmorphism sutil */
._cards_1lgtl_37::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.05) 100%
  );
  border-radius: 20px;
  pointer-events: none;
  z-index: -1;
}

/* Efeitos de hover adicionais */
._card_1lgtl_37:hover h2 {
  color: var(--secondary);
  transition: color 0.3s ease;
}

._chartCard_1lgtl_137:hover h3 {
  color: var(--secondary);
  transition: color 0.3s ease;
}

/* Melhorias para elementos específicos */
._card_1lgtl_37 p:hover {
  background: linear-gradient(
    135deg,
    rgba(215, 153, 9, 0.1) 0%,
    rgba(215, 153, 9, 0.05) 100%
  );
  transition: background 0.3s ease;
}

/* Novos estilos para Dashboard */
._dashboardContainer_1lgtl_370 {
  padding: 32px;
  max-width: 1600px;
  margin: 0 auto;
  min-width: 90%;
  min-height: 100vh;
}

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

._metricCard_1lgtl_385 {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 28px;
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.08),
    0 4px 12px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(215, 153, 9, 0.12);
  display: flex;
  align-items: center;
  gap: 20px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

._metricCard_1lgtl_385::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.6) 100%
  );
  transform: scaleX(0);
  transition: transform 0.4s ease;
}

._metricCard_1lgtl_385:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.12),
    0 6px 16px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  border-color: rgba(215, 153, 9, 0.25);
}

._metricCard_1lgtl_385:hover::before {
  transform: scaleX(1);
}

._metricIcon_1lgtl_436 {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

._metricCard_1lgtl_385:hover ._metricIcon_1lgtl_436 {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

._metricContent_1lgtl_453 {
  flex: 1;
}

._metricLabel_1lgtl_457 {
  font-size: 14px;
  color: #6b7280;
  font-weight: 500;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._metricValue_1lgtl_466 {
  font-size: 32px;
  font-weight: 800;
  background: linear-gradient(135deg, var(--primary) 0%, #1e293b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  letter-spacing: -1px;
}

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

._recentCard_1lgtl_483,
._quickAccessCard_1lgtl_484 {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  backdrop-filter: blur(10px);
  border-radius: 20px;
  padding: 28px;
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.08),
    0 4px 12px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(215, 153, 9, 0.12);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

._recentCard_1lgtl_483::before,
._quickAccessCard_1lgtl_484::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.6) 100%
  );
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

._recentCard_1lgtl_483:hover::before,
._quickAccessCard_1lgtl_484:hover::before {
  transform: scaleX(1);
}

._cardHeader_1lgtl_525 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 2px solid rgba(215, 153, 9, 0.1);
}

._cardHeader_1lgtl_525 h2 {
  font-size: 20px;
  font-weight: 700;
  color: var(--primary);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

._viewAllLink_1lgtl_544 {
  color: var(--secondary);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
}

._viewAllLink_1lgtl_544:hover {
  color: rgba(215, 153, 9, 0.8);
  text-decoration: underline;
}

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

._recentItem_1lgtl_563 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: linear-gradient(
    135deg,
    rgba(238, 238, 238, 0.5) 0%,
    rgba(255, 255, 255, 0.8) 100%
  );
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid rgba(215, 153, 9, 0.1);
}

._recentItem_1lgtl_563:hover {
  transform: translateX(4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: rgba(215, 153, 9, 0.3);
}

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

._recentItemNumber_1lgtl_591 {
  font-weight: 700;
  color: var(--primary);
  font-size: 16px;
}

._recentItemClient_1lgtl_597 {
  font-size: 14px;
  color: #6b7280;
}

._recentItemValue_1lgtl_602 {
  font-weight: 700;
  color: var(--secondary);
  font-size: 18px;
}

._emptyState_1lgtl_608 {
  text-align: center;
  color: #9ca3af;
  padding: 40px 20px;
  margin: 0;
}

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

._quickAccessItem_1lgtl_621 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 20px;
  background: linear-gradient(
    135deg,
    rgba(238, 238, 238, 0.5) 0%,
    rgba(255, 255, 255, 0.8) 100%
  );
  border-radius: 12px;
  text-decoration: none;
  color: var(--primary);
  font-weight: 600;
  transition: all 0.3s ease;
  border: 1px solid rgba(215, 153, 9, 0.1);
  animation: _fadeInUp_1lgtl_1 0.6s ease-out both;
}

._quickAccessItem_1lgtl_621:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  border-color: rgba(215, 153, 9, 0.3);
}

._quickAccessIcon_1lgtl_647 {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Responsividade */
@media (max-width: 1024px) {
  ._contentGrid_1lgtl_477 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  ._dashboardContainer_1lgtl_370 {
    padding: 16px;
  }

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

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

  ._metricValue_1lgtl_466 {
    font-size: 24px;
  }
}

/* Estilos para cards desabilitados */
._cardDisabled_1lgtl_683 {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  background: linear-gradient(
    135deg,
    rgba(238, 238, 238, 0.5) 0%,
    rgba(220, 220, 220, 0.8) 100%
  ) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.05),
    0 1px 4px rgba(0, 0, 0, 0.02) !important;
}

._cardDisabled_1lgtl_683::before {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0.05) 100%
  ) !important;
}

._cardDisabled_1lgtl_683:hover {
  transform: none !important;
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.05),
    0 1px 4px rgba(0, 0, 0, 0.02) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

._cardDisabled_1lgtl_683:hover::before {
  transform: scaleX(0) !important;
}

._cardDisabled_1lgtl_683 h2 {
  color: #999 !important;
}

._cardDisabled_1lgtl_683 h2::after {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0.05) 100%
  ) !important;
}

._cardContent_1lgtl_730 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._page_1vyn3_1 {
  display: grid;
  gap: 1rem;
}

._hero_1vyn3_6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-radius: 16px;
  background: radial-gradient(
    circle at top right,
    rgba(204, 147, 12, 0.12),
    transparent 45%
  );
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.18);
}

._heroSimple_1vyn3_23 {
  background: #2d1d12;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 4px 14px rgba(45, 29, 18, 0.28);
}

._heroTitle_1vyn3_29 {
  margin: 0;
  font-size: 1.35rem;
  color: #fff;
  font-weight: 700;
}

._heroSubtitle_1vyn3_36 {
  margin: 0.2rem 0 0;
  font-size: 0.92rem;
  color: rgba(255, 255, 255, 0.78);
}

._backButton_1vyn3_42 {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: 12px;
  padding: 0.55rem 0.9rem;
  cursor: pointer;
}

._searchCard_1vyn3_51 {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 14px;
  padding: 0.8rem;
}

._searchInput_1vyn3_58 {
  width: 100%;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 0.75rem 0.9rem;
  font-size: 0.95rem;
  outline: none;
}

._searchInput_1vyn3_58:focus {
  border-color: #d79909;
  box-shadow: 0 0 0 3px rgba(215, 153, 9, 0.16);
}

._tableWrap_1vyn3_72 {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 14px;
  overflow: hidden;
}

._table_1vyn3_72 tbody tr {
  cursor: pointer;
  transition: background-color 0.18s ease;
}

._table_1vyn3_72 tbody tr:hover {
  background: #fff9ef;
}

._infoGrid_1vyn3_88 {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

._infoCard_1vyn3_94 {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 14px;
  padding: 0.95rem;
}

._label_1vyn3_101 {
  margin: 0;
  color: #7a7a7a;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

._value_1vyn3_109 {
  margin-top: 0.35rem;
  font-size: 1rem;
  color: #1f1f1f;
  font-weight: 600;
}

._stars_1vyn3_116 {
  margin-top: 0.35rem;
  display: flex;
  gap: 4px;
  font-size: 1.1rem;
}

._starOn_1vyn3_123 {
  color: #d79909;
}

._starOff_1vyn3_127 {
  color: #d9d9d9;
}

._mediaCard_1vyn3_131 {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 14px;
  padding: 1rem;
}

._mediaGrid_1vyn3_138 {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

._mediaItem_1vyn3_144 {
  background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
  border: 1px solid #e9e9e9;
  border-radius: 14px;
  padding: 10px;
}

._mediaTitle_1vyn3_151 {
  font-size: 0.82rem;
  color: #7a7a7a;
  margin: 0 0 8px;
}

._image_1vyn3_157 {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #e4e4e4;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

._image_1vyn3_157:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

._pdfPreview_1vyn3_173 {
  width: 100%;
  height: 360px;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  background: #fff;
}
._filtersContainer_1g982_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #f9fafb;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
}

._filtersRow_1g982_12 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: end;
}

._filtersSection_1g982_19 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background-color: white;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
}

._sectionTitle_1g982_29 {
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._checkboxGroup_1g982_38 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 0.5rem;
}

._checkboxGroup_1g982_38 label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 500;
  color: #374151;
  background-color: #f3f4f6;
  padding: 0.5rem 0.8rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 0.875rem;
}

._checkboxGroup_1g982_38 label:hover {
  background-color: #e5e7eb;
}

._checkboxGroup_1g982_38 input[type='checkbox'] {
  cursor: pointer;
}

._dimensionRange_1g982_67 {
  display: flex;
  gap: 0.5rem;
  align-items: end;
}

._dimensionRange_1g982_67 > div {
  flex: 1;
}

._actionsRow_1g982_77 {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin-top: 1rem;
}

._toggleFiltersBtn_1g982_84 {
  background-color: #3b82f6;
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 0.2s;
  height: 40px;
}

._toggleFiltersBtn_1g982_84:hover {
  background-color: #2563eb;
}

._limparBtn_1g982_100 {
  background-color: #6b7280;
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-weight: 500;
  height: 40px;
  transition: background-color 0.2s;
}

._limparBtn_1g982_100:hover {
  background-color: #4b5563;
}

._advancedFilters_1g982_116 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}

/* Estilo para o modal de filtros - sobrescreve o tamanho padrão do modal */
.modal[data-filters='true'] {
  width: 900px !important;
  max-width: 90vw !important;
}

._modalFiltersContainer_1g982_131 ._filtersContainer_1g982_1 {
  margin-bottom: 0;
  padding: 0.5rem;
  max-height: calc(85vh - 100px);
  overflow-y: auto;
}

._modalFiltersContainer_1g982_131 ._filtersContainer_1g982_1::-webkit-scrollbar {
  width: 8px;
}

._modalFiltersContainer_1g982_131 ._filtersContainer_1g982_1::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

._modalFiltersContainer_1g982_131 ._filtersContainer_1g982_1::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

._modalFiltersContainer_1g982_131 ._filtersContainer_1g982_1::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

@media (max-width: 768px) {
  ._filtersRow_1g982_12 {
    flex-direction: column;
  }

  ._dimensionRange_1g982_67 {
    flex-direction: column;
  }

  ._modalFiltersContainer_1g982_131 {
    width: 95vw;
    max-height: 90vh;
  }
}

._selectContainer_1g982_171 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 160px;
}

._selectContainer_1g982_171 label {
  font-size: 0.85rem;
  font-weight: 500;
  color: #333;
}

._selectContainer_1g982_171 select {
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: white;
  font-size: 0.9rem;
  cursor: pointer;
}

@media (max-width: 480px) {
  ._filtersContainer_1g982_1 {
    padding: 0.75rem;
  }

  ._actionsRow_1g982_77 {
    flex-direction: column;
  }

  ._toggleFiltersBtn_1g982_84,
  ._limparBtn_1g982_100 {
    width: 100%;
  }

  ._selectContainer_1g982_171 {
    min-width: 100%;
  }
}
._container_7i0jo_1 {
  padding: 24px;
}

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

._header_7i0jo_5 h1 {
  font-size: 1.6rem;
  font-weight: 600;
}

._grid_7i0jo_17 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}

._card_7i0jo_23 {
  background: #ffffff;
  border-radius: 14px;
  padding: 20px;
  min-height: 100px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;

  border: 1px solid rgba(0, 0, 0, 0.06);

  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    0 6px 16px rgba(0, 0, 0, 0.08);

  cursor: pointer;
  transition: all 0.25s ease;

  position: relative;
}

._card_7i0jo_23:hover {
  transform: translateY(-4px);
  box-shadow:
    0 4px 8px rgba(0, 0, 0, 0.08),
    0 12px 28px rgba(0, 0, 0, 0.12);
}

._icon_7i0jo_54 {
  font-size: 2.2rem;
  opacity: 0.9;
}

._card_7i0jo_23 strong {
  font-size: 1.05rem;
  font-weight: 600;
  color: #1f2937;
}

._delete_7i0jo_65 {
  position: absolute;
  top: 10px;
  right: 10px;

  border: none;
  background: transparent;
  cursor: pointer;

  font-size: 1rem;
  opacity: 0.5;
  transition: all 0.2s ease;
}

._delete_7i0jo_65:hover {
  opacity: 1;
  transform: scale(1.15);
}
._container_s30o9_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: linear-gradient(135deg, #2d1d12 0%, #1a1209 50%, #2d1d12 100%);
  background-size: 200% 200%;
  animation: _gradientShift_s30o9_1 15s ease infinite;
  padding: 20px;
  position: relative;
  overflow: hidden;
}

._container_s30o9_1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    radial-gradient(
      circle at 20% 50%,
      rgba(215, 153, 9, 0.1) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 80%,
      rgba(215, 153, 9, 0.08) 0%,
      transparent 50%
    );
  pointer-events: none;
}

@keyframes _gradientShift_s30o9_1 {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

._card_s30o9_45 {
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(20px);
  border-radius: 24px;
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.3),
    0 8px 24px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  padding: 48px 40px;
  width: 100%;
  max-width: 420px;
  text-align: center;
  animation: _fadeInUp_s30o9_1 0.6s ease;
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  z-index: 1;
}

._logo_s30o9_63 {
  width: 160px;
  margin-bottom: 20px;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
  animation: _logoFloat_s30o9_1 3s ease-in-out infinite;
}

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

._title_s30o9_80 {
  font-size: 2rem;
  background: linear-gradient(
    135deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.9) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin-bottom: 8px;
  letter-spacing: -0.5px;
}

._subtitle_s30o9_95 {
  color: #64748b;
  font-size: 0.95rem;
  margin-bottom: 32px;
  font-weight: 500;
}

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

._inputGroup_s30o9_108 {
  position: relative;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 12px;
  padding: 14px 16px;
  border: 2px solid #e2e8f0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

._inputGroup_s30o9_108:focus-within {
  border-color: var(--secondary);
  box-shadow:
    0 4px 12px rgba(215, 153, 9, 0.15),
    0 0 0 3px rgba(215, 153, 9, 0.1);
  transform: translateY(-1px);
  background: white;
}

._inputGroup_s30o9_108 input {
  border: none;
  outline: none;
  background: transparent;
  flex: 1;
  padding-left: 12px;
  font-size: 1rem;
  color: #1e293b;
  font-weight: 500;
}

._inputGroup_s30o9_108 input::placeholder {
  color: #94a3b8;
}

._icon_s30o9_144 {
  color: #64748b;
  transition: color 0.3s ease;
}

._inputGroup_s30o9_108:focus-within ._icon_s30o9_144 {
  color: var(--secondary);
}

/* Container do Switch */
._checkboxGroup_s30o9_154 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 10px;
  padding: 8px;
  background: rgba(215, 153, 9, 0.05);
  border-radius: 12px;
  border: 1px dashed rgba(215, 153, 9, 0.2);
}

._checkboxText_s30o9_166 {
  font-size: 0.85rem;
  font-weight: 600;
  color: #475569;
}

/* Estrutura do Switch */
._switchLabel_s30o9_173 {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 22px;
}

._switchLabel_s30o9_173 input {
  opacity: 0;
  width: 0;
  height: 0;
}

._slider_s30o9_186 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cbd5e1;
  transition: 0.4s;
  border-radius: 34px;
}

._slider_s30o9_186:before {
  position: absolute;
  content: '';
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

input:checked + ._slider_s30o9_186 {
  background-color: var(--secondary);
}

input:focus + ._slider_s30o9_186 {
  box-shadow: 0 0 1px var(--secondary);
}

input:checked + ._slider_s30o9_186:before {
  transform: translateX(20px);
}

/* Melhoria extra no Card para Mobile */
@media (max-width: 480px) {
  ._card_s30o9_45 {
    padding: 32px 24px;
    border-radius: 0; /* Ocupa a tela toda melhor no mobile */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

._button_s30o9_235 {
  background: linear-gradient(
    135deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.95) 100%
  );
  color: white;
  border: none;
  border-radius: 12px;
  padding: 16px;
  font-size: 1.05rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow:
    0 4px 12px rgba(215, 153, 9, 0.3),
    0 2px 6px rgba(215, 153, 9, 0.2);
  position: relative;
  overflow: hidden;
  margin-top: 8px;
}

._button_s30o9_235::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.5s ease;
}

._button_s30o9_235:hover {
  transform: translateY(-2px);
  box-shadow:
    0 6px 20px rgba(215, 153, 9, 0.4),
    0 4px 12px rgba(215, 153, 9, 0.3);
}

._button_s30o9_235:hover::before {
  left: 100%;
}

._button_s30o9_235:active {
  transform: translateY(0);
}

._button_s30o9_235:disabled {
  background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

._footer_s30o9_295 {
  font-size: 0.85rem;
  color: #94a3b8;
  margin-top: 32px;
  font-weight: 500;
}

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

/* Responsividade */
@media (max-width: 480px) {
  ._container_s30o9_1 {
    padding: 10px;
  }

  ._card_s30o9_45 {
    padding: 30px 20px;
    max-width: 100%;
  }

  ._title_s30o9_80 {
    font-size: 1.3rem;
  }

  ._subtitle_s30o9_95 {
    font-size: 0.85rem;
  }

  ._logo_s30o9_63 {
    width: 120px;
  }
}
._container_1p2bi_1 {
  padding: 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

._header_1p2bi_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: 1rem;
}

._header_1p2bi_7 h1 {
  font-size: 2rem;
  color: var(--text-primary);
  margin: 0;
}

._actions_1p2bi_22 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

._button_1p2bi_28 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: var(--primary);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.2s;
}

._button_1p2bi_28:hover {
  background: var(--secondary);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

._button_1p2bi_28._danger_1p2bi_49 {
  background: #dc3545;
}

._button_1p2bi_28._danger_1p2bi_49:hover {
  background: #c82333;
}

._filters_1p2bi_57 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  background: var(--card-background);
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

._filterGroup_1p2bi_68 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._filterGroup_1p2bi_68 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-secondary);
}

._select_1p2bi_80,
._input_1p2bi_81 {
  padding: 0.75rem;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  font-size: 0.9rem;
  background: white;
  color: var(--text-primary);
  transition: border-color 0.2s;
}

._select_1p2bi_80:focus,
._input_1p2bi_81:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

._stats_1p2bi_98 {
  display: flex;
  gap: 2rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  background: var(--card-background);
  border-radius: 8px;
  font-size: 0.9rem;
  color: var(--text-secondary);
}

._stats_1p2bi_98 strong {
  color: var(--text-primary);
  font-weight: 600;
}

._logsContainer_1p2bi_114 {
  background: var(--card-background);
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

._empty_1p2bi_121 {
  padding: 3rem;
  text-align: center;
  color: var(--text-secondary);
}

._logsList_1p2bi_127 {
  max-height: 600px;
  overflow-y: auto;
}

._logItem_1p2bi_132 {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
  transition: all 0.2s;
  border-left: 3px solid transparent;
}

._logItem_1p2bi_132:hover {
  background: var(--hover-background);
  border-left-color: var(--primary-color);
}

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

._logHeader_1p2bi_149 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
  gap: 1rem;
  flex-wrap: wrap;
}

._logUser_1p2bi_158 {
  font-weight: 600;
  color: var(--primary-color);
  font-size: 0.9rem;
}

._logDate_1p2bi_164 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  font-weight: 500;
}

._logTime_1p2bi_170 {
  font-size: 0.85rem;
  color: var(--text-secondary);
}

._logAction_1p2bi_175 {
  font-size: 1rem;
  color: var(--text-primary);
  margin: 0.75rem 0;
  word-break: break-word;
  font-weight: 500;
}

._logMeta_1p2bi_183 {
  display: flex;
  gap: 1rem;
  font-size: 0.8rem;
  color: var(--text-secondary);
  flex-wrap: wrap;
}

._logMeta_1p2bi_183 span {
  padding: 0.25rem 0.5rem;
  background: var(--hover-background);
  border-radius: 4px;
}

._modal_1p2bi_197 {
  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;
  padding: 1rem;
}

._modalContent_1p2bi_211 {
  background: white;
  border-radius: 12px;
  max-width: 800px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

._modalHeader_1p2bi_221 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-color);
}

._modalHeader_1p2bi_221 h2 {
  margin: 0;
  font-size: 1.5rem;
  color: var(--text-primary);
}

._closeButton_1p2bi_235 {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--text-secondary);
  padding: 0.5rem;
  border-radius: 4px;
  transition: background-color 0.2s;
}

._closeButton_1p2bi_235:hover {
  background: var(--hover-background);
}

._modalBody_1p2bi_249 {
  padding: 1.5rem;
}

._detailRow_1p2bi_253 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

._detailRow_1p2bi_253 strong {
  font-size: 0.9rem;
  color: var(--text-secondary);
  font-weight: 600;
}

._detailRow_1p2bi_253 span {
  font-size: 1rem;
  color: var(--text-primary);
  word-break: break-word;
}

._jsonData_1p2bi_272 {
  background: #f3f4f6;
  padding: 1rem;
  border-radius: 8px;
  overflow-x: auto;
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0;
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}

/* Scrollbar personalizado */
._logsList_1p2bi_127::-webkit-scrollbar {
  width: 8px;
}

._logsList_1p2bi_127::-webkit-scrollbar-track {
  background: var(--hover-background);
}

._logsList_1p2bi_127::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

._logsList_1p2bi_127::-webkit-scrollbar-thumb:hover {
  background: var(--text-secondary);
}

._pagination_1p2bi_302 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
  border-top: 1px solid var(--border-color);
  background: var(--card-background);
}

._paginationButton_1p2bi_312 {
  padding: 0.75rem 1.5rem;
  background: var(--primary-color);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.2s;
}

._paginationButton_1p2bi_312:hover:not(:disabled) {
  background: var(--primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

._paginationButton_1p2bi_312:disabled {
  background: #e5e7eb;
  color: #9ca3af;
  cursor: not-allowed;
  transform: none;
}

._paginationInfo_1p2bi_337 {
  font-size: 0.9rem;
  color: var(--text-secondary);
  font-weight: 500;
}

@media (max-width: 768px) {
  ._container_1p2bi_1 {
    padding: 1rem;
  }

  ._header_1p2bi_7 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._actions_1p2bi_22 {
    width: 100%;
  }

  ._button_1p2bi_28 {
    flex: 1;
    justify-content: center;
  }

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

  ._logHeader_1p2bi_149 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._pagination_1p2bi_302 {
    flex-direction: column;
    gap: 0.75rem;
  }

  ._paginationInfo_1p2bi_337 {
    order: -1;
  }
}
._container_icsqy_1 {
  padding: 2rem;
  display: flex;
  justify-content: center;
}

._card_icsqy_7 {
  width: 100%;
  max-width: 720px;
  background: #ffffff;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  position: relative;
}

._header_icsqy_17 {
  margin-bottom: 2rem;
}

._header_icsqy_17 h1 {
  font-size: 1.6rem;
  font-weight: 600;
  color: #1a1a1a;
}

._header_icsqy_17 p {
  color: #777;
  font-size: 0.95rem;
  margin-top: 0.25rem;
}

._formGroup_icsqy_33 {
  margin-bottom: 1.5rem;
}

._label_icsqy_37 {
  font-size: 0.85rem;
  font-weight: 500;
  color: #444;
  margin-bottom: 0.4rem;
  display: block;
}

/* TEXTAREA */
._textarea_icsqy_46 {
  width: 100%;
  padding: 0.8rem;
  border-radius: 8px;
  border: 1px solid #e3e3e3;
  font-size: 0.95rem;
  transition: all 0.2s ease;
  resize: none;
}

._textarea_icsqy_46:focus {
  border-color: #2d1d12;
  box-shadow: 0 0 0 3px rgba(45, 29, 18, 0.08);
  outline: none;
}

._select_icsqy_62 {
  width: 100%;
  padding: 0.8rem;
  border-radius: 8px;
  border: 1px solid #e3e3e3;
  font-size: 0.95rem;
  transition: all 0.2s ease;
  background: #fff;
}

._select_icsqy_62:focus {
  border-color: #2d1d12;
  box-shadow: 0 0 0 3px rgba(45, 29, 18, 0.08);
  outline: none;
}

/* RADIO COMO CARDS */
._radioGrid_icsqy_79 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-top: 0.5rem;
}

._radioCard_icsqy_86 {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 0.75rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-size: 0.9rem;
  color: #444;
  background: #fafafa;
}

._radioCard_icsqy_86:hover {
  border-color: #2d1d12;
  background: #f5f3f2;
}

._radioCard_icsqy_86 input {
  display: none;
}

._active_icsqy_109 {
  border-color: #2d1d12;
  background: #2d1d12;
  color: #fff;
  font-weight: 500;
}

/* BOTÃO */
._buttonWrapper_icsqy_117 {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem;
}

/* LOADING OVERLAY */
._overlay_icsqy_124 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

/* RESPONSIVO */
@media (max-width: 600px) {
  ._radioGrid_icsqy_79 {
    grid-template-columns: 1fr;
  }

  ._card_icsqy_7 {
    padding: 1.5rem;
  }
}
._container_19qq1_1 {
  padding: 2rem;
  min-height: 100vh;
  background: linear-gradient(135deg, #fbfdff 0%, #f1f5f9 100%);
}

._header_19qq1_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding: 1.2rem 1.5rem;
  background: white;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

._title_19qq1_18 {
  font-size: 1.3rem;
  font-weight: 700;
}

._actions_19qq1_23 {
  display: flex;
  gap: 0.75rem;
}

._editButton_19qq1_28 {
  background: linear-gradient(135deg, #06b6d4, #0ea5a8);
  color: white;
  border: none;
  padding: 0.75rem 1.2rem;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
}

._main_19qq1_38 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._resumeGrid_19qq1_44 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

._resumeCard_19qq1_50 {
  background: linear-gradient(135deg, #0284c7, #0369a1);
  color: white;
  padding: 1.1rem;
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(2, 132, 199, 0.35);
  display: flex;
  align-items: center;
  gap: 10px;
}

._resumeCard_19qq1_50 span {
  font-size: 0.8rem;
  opacity: 0.9;
}

._resumeCard_19qq1_50 strong {
  font-size: 1.5rem;
}

._grid2_19qq1_70 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}

._infoCard_19qq1_76 {
  background: white;
  border-radius: 14px;
  padding: 1rem;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.05);
}

._cardTitle_19qq1_83 {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.5rem;
}

._infoGrid_19qq1_91 {
  display: grid;
  gap: 0.5rem;
}

._infoItem_19qq1_96,
._badgeItem_19qq1_97 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.7rem;
  border-radius: 8px;
  background: #f8fafc;
}

._badgeItem_19qq1_97 strong {
  padding: 0.25rem 0.7rem;
  border-radius: 999px;
  font-size: 0.75rem;
}

._yes_19qq1_112 {
  background: #22c55e;
  color: white;
}

._no_19qq1_117 {
  background: #ef4444;
  color: white;
}

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

  ._grid2_19qq1_70 {
    grid-template-columns: 1fr;
  }
}
h1 {
  font-size: 2rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 1rem;
  text-align: center;
}

p {
  color: #4b5563;
  margin-bottom: 1.5rem;
  font-size: 1rem;
}

/* Link "Ver todos" */
a {
  color: #2563eb;
  text-decoration: none;
  font-weight: 600;
  margin-bottom: 1rem;
  transition: color 0.2s;
}

a:hover {
  color: #1d4ed8;
}

/* Form grid */
._form_1eeyy_29 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem 2rem;
  width: 100%;
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Barra de progresso */
._progressContainer_1eeyy_41 {
  padding: 0 1rem;
}

._progressBar_1eeyy_45 {
  width: 100%;
  height: 8px;
  background: #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.5rem;
}

._progressFill_1eeyy_55 {
  height: 100%;
  background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
  border-radius: 10px;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
}

._progressSteps_1eeyy_63 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-top: -2.5rem;
  margin-bottom: 1rem;
}

._progressStep_1eeyy_63 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  z-index: 2;
  flex: 1;
}

._progressStepCircle_1eeyy_82 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  transition: all 0.3s ease;
  background: #fff;
  border: 3px solid #e5e7eb;
  color: #9ca3af;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-top: -10px;
}

._progressStep_1eeyy_63._active_1eeyy_99 ._progressStepCircle_1eeyy_82 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: #667eea;
  color: #fff;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
  transform: scale(1.1);
}

._progressStep_1eeyy_63._completed_1eeyy_107 ._progressStepCircle_1eeyy_82 {
  background: #10b981;
  border-color: #10b981;
  color: #fff;
}

._progressStepLabel_1eeyy_113 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #6b7280;
  text-align: center;
  transition: color 0.3s ease;
}

._progressStep_1eeyy_63._active_1eeyy_99 ._progressStepLabel_1eeyy_113 {
  color: #667eea;
  font-weight: 700;
}

._progressStep_1eeyy_63._completed_1eeyy_107 ._progressStepLabel_1eeyy_113 {
  color: #10b981;
}

._progressConnector_1eeyy_130 {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  height: 3px;
  background: #e5e7eb;
  z-index: 1;
}

._progressConnectorFill_1eeyy_140 {
  height: 100%;
  background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Select principal */
._select_1eeyy_147,
._select2_1eeyy_148 {
  grid-column: span 2;
  font-size: 1rem;
  border-radius: 0.5rem;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  padding: 0.3rem 0.5rem;
  transition: all 0.25s ease;
  width: 100%;
}

/* Menu interno do react-select */
._select_1eeyy_147 ._react-select__menu_1eeyy_160,
._select2_1eeyy_148 ._react-select__menu_1eeyy_160 {
  min-width: 100% !important;
  width: 100% !important;
  z-index: 60 !important;
}

/* Checkboxes */
._checkboxGroup_1eeyy_168 {
  grid-column: span 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8rem;
  margin: 1rem 0;
}

._checkboxGroup_1eeyy_168 label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 500;
  color: #374151;
  background-color: #f3f4f6;
  padding: 0.5rem 0.8rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s;
}

._checkboxGroup_1eeyy_168 label:hover {
  background-color: #e5e7eb;
}

/* Valor estimado */
._valueBox_1eeyy_195 {
  grid-column: span 2;
  text-align: center;
  margin-top: 1rem;
}

._valueBox_1eeyy_195 p {
  font-size: 1.5rem;
  font-weight: 700;
  color: #10b981;
}

/* Botão principal */
._button_1eeyy_208 {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

._button_1eeyy_208 ._btn_1eeyy_214 {
  background-color: #10b981; /* Verde elegante */
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  padding: 12px 28px;
  font-size: 1rem;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(16, 185, 129, 0.3);
  transition: all 0.25s ease;
}

._button_1eeyy_208 ._btn_1eeyy_214:hover {
  background-color: #059669;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(16, 185, 129, 0.4);
}

._button_1eeyy_208 ._btn_1eeyy_214:active {
  transform: scale(0.97);
}

._button_1eeyy_208 ._btn_1eeyy_214:disabled {
  background-color: #9ca3af;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

/* Seções do formulário */
._sectionCard_1eeyy_245 {
  background: #f9fafb;
  padding: 1.5rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  margin-bottom: 1.5rem;
}

._sectionTitle_1eeyy_253 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #e5e7eb;
}

/* Campos customizados */
._customInput_1eeyy_263 {
  padding: 0.875rem 1rem;
  border-radius: 8px;
  border: 2px solid #e5e7eb;
  font-size: 1rem;
  width: 100%;
  transition: all 0.2s ease;
  background: #fff;
}

._customInput_1eeyy_263:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

._customInput_1eeyy_263._error_1eeyy_279 {
  border-color: #ef4444;
}

._customTextarea_1eeyy_283 {
  padding: 0.875rem 1rem;
  border-radius: 8px;
  border: 2px solid #e5e7eb;
  font-size: 1rem;
  width: 100%;
  transition: all 0.2s ease;
  background: #fff;
  font-family: inherit;
  resize: vertical;
  min-height: 100px;
}

._customTextarea_1eeyy_283:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

._customLabel_1eeyy_302 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

._customLabelText_1eeyy_309 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
}

._customLabelHint_1eeyy_315 {
  font-size: 0.75rem;
  color: #6b7280;
  margin-top: -0.25rem;
}

/* Mensagens de erro */
._errorMessage_1eeyy_322 {
  color: #ef4444;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* Botão de cliente */
._clientSelectButton_1eeyy_332 {
  padding: 1rem 1.25rem;
  border-radius: 8px;
  border: 2px dashed #d1d5db;
  background: #fff;
  cursor: pointer;
  width: 100%;
  text-align: left;
  transition: all 0.2s ease;
  font-size: 1rem;
  color: #374151;
}

._clientSelectButton_1eeyy_332:hover {
  border-color: #667eea;
  background: #f9fafb;
}

._clientSelectButton_1eeyy_332._selected_1eeyy_350 {
  border-color: #667eea;
  border-style: solid;
  background: #f0f4ff;
}

/* Checkbox customizado */
._customCheckbox_1eeyy_357 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: #fff;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

._customCheckbox_1eeyy_357:hover {
  border-color: #667eea;
  background: #f9fafb;
}

._customCheckbox_1eeyy_357 input[type='checkbox'] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: #667eea;
}

._customCheckboxLabel_1eeyy_381 {
  font-weight: 600;
  color: #374151;
  cursor: pointer;
}

/* Valor estimado destacado */
._valueDisplay_1eeyy_388 {
  grid-column: span 2;
  margin-top: 1.5rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

._valueDisplay_1eeyy_388 p {
  font-size: 1.75rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

/* Grupo de botões */
._buttonGroup_1eeyy_406 {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
  flex-wrap: wrap;
}

._buttonSecondary_1eeyy_414 {
  padding: 12px 28px;
  border-radius: 8px;
  border: 2px solid #6b7280;
  background: #fff;
  color: #6b7280;
  font-weight: 600;
  cursor: pointer;
  font-size: 1rem;
  transition: all 0.25s ease;
}

._buttonSecondary_1eeyy_414:hover {
  background: #f3f4f6;
  border-color: #4b5563;
  color: #4b5563;
}

/* Responsividade */
@media (max-width: 900px) {
  ._form_1eeyy_29 {
    padding: 1.5rem;
    gap: 1rem 1.5rem;
  }

  form > div {
    width: 100%;
  }

  ._select_1eeyy_147,
  ._select2_1eeyy_148 {
    grid-column: span 1;
  }

  ._checkboxGroup_1eeyy_168 {
    flex-direction: column;
    align-items: center;
  }

  ._valueDisplay_1eeyy_388 p {
    font-size: 1.5rem;
  }

  ._stepIndicator_1eeyy_457 {
    flex-direction: column;
    gap: 0.5rem;
  }

  ._stepButton_1eeyy_462 {
    width: 100%;
  }

  ._buttonGroup_1eeyy_406 {
    flex-direction: column;
  }

  ._buttonSecondary_1eeyy_414,
  ._button_1eeyy_208 ._btn_1eeyy_214 {
    width: 100%;
  }
}
._header_alto7_1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 26px;
}

._filters_alto7_8 {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  gap: 10px;
  margin-bottom: 10px;
}

._select_alto7_16 {
  padding: 12px;
  background: transparent;
  border-radius: 8px;
  width: 150px;
}

._order_alto7_23 {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

._buttons_alto7_30 {
  display: flex;
  width: 100%;
  gap: 10px;
}

._pagination_alto7_36 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}

._pagination_alto7_36 button {
  padding: 0.5rem 1rem;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

._pagination_alto7_36 button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

._button_alto7_30 {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

._button_alto7_30 ._btn_alto7_64 {
  background-color: #10b981; /* Verde elegante */
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  padding: 12px 28px;
  font-size: 1rem;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(16, 185, 129, 0.3);
  transition: all 0.25s ease;
}

._button_alto7_30 ._btn_alto7_64:hover {
  background-color: #059669;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(16, 185, 129, 0.4);
}

._button_alto7_30 ._btn_alto7_64:active {
  transform: scale(0.97);
}

._button_alto7_30 ._btn_alto7_64:disabled {
  background-color: #9ca3af;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}


/* Botão principal - Exportar Selecionados */
._btnExport_alto7_96 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;

  background: linear-gradient(135deg, #10b981, #22c55e);
  color: #ffffff;

  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.3px;

  border: none;
  border-radius: 10px;
  padding: 14px 26px;

  cursor: pointer;
  user-select: none;

  box-shadow:
    0 6px 14px rgba(16, 185, 129, 0.35),
    inset 0 -2px 0 rgba(0, 0, 0, 0.12);

  transition:
    background 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.15s ease;
}

/* Hover */
._btnExport_alto7_96:hover:not(:disabled) {
  background: linear-gradient(135deg, #059669, #16a34a);
  transform: translateY(-2px);
  box-shadow:
    0 10px 22px rgba(16, 185, 129, 0.45),
    inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}

/* Active */
._btnExport_alto7_96:active:not(:disabled) {
  transform: scale(0.97);
}

/* Focus acessível */
._btnExport_alto7_96:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 4px rgba(16, 185, 129, 0.35),
    0 6px 14px rgba(16, 185, 129, 0.35);
}

/* Disabled */
._btnExport_alto7_96:disabled {
  background: linear-gradient(135deg, #9ca3af, #6b7280);
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}


@media (max-width: 900px) {
  ._filters_alto7_8 {
    width: 100%;
  }
  ._order_alto7_23 {
    flex-direction: column;
    align-items: stretch;
  }
  ._select_alto7_16 {
    width: 100%;
  }
}

@media (max-width: 600px) {
  ._order_alto7_23 {
    flex-direction: column;
  }

  ._header_alto7_1 {
    flex-direction: column-reverse;
    padding: 16px;
  }

  ._filters_alto7_8 {
    width: 100%;
    gap: 8px;
  }

  ._button_alto7_30 {
    width: 100%;
    margin-top: 1rem;
  }

  ._button_alto7_30 ._btn_alto7_64 {
    width: 100%;
  }
}

@media (max-width: 480px) {
  ._header_alto7_1 {
    padding: 12px;
  }

  ._pagination_alto7_36 {
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  ._pagination_alto7_36 button {
    padding: 0.4rem 0.8rem;
    font-size: 0.875rem;
  }
}
._container_vs57y_1 {
  padding: 2rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    sans-serif;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  min-height: 100vh;
}

._header_vs57y_9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding: 1.5rem 2rem;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.8);
}

._title_vs57y_21 {
  font-size: 1.5rem;
  font-weight: 700;
  background: linear-gradient(135deg, var(--primary) 0%, #4a5568 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
}

._editButton_vs57y_31 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, var(--button) 0%, #22c55e 100%);
  color: white;
  text-decoration: none;
  border-radius: 12px;
  font-weight: 600;
  font-size: 0.875rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(39, 229, 1, 0.3);
}

._editButton_vs57y_31:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(39, 229, 1, 0.4);
  color: white;
  text-decoration: none;
}

._main_vs57y_53 {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}

._imageSection_vs57y_60 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._imageContainer_vs57y_66 {
  background: white;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.8);
  transition: transform 0.3s ease;
}

._imageContainer_vs57y_66:hover {
  transform: translateY(-4px);
}

._productImage_vs57y_79 {
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

._productImage_vs57y_79:hover {
  transform: scale(1.05);
}

._infoSection_vs57y_89 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._infoCard_vs57y_95 {
  background: white;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.8);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

._infoCard_vs57y_95:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

._cardTitle_vs57y_109 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--primary);
  margin: 0 0 1rem 0;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #e2e8f0;
}

._infoGrid_vs57y_118 {
  display: grid;
  gap: 1rem;
}

._infoItem_vs57y_123 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #f1f5f9;
}

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

._infoLabel_vs57y_135 {
  font-weight: 600;
  color: #64748b;
  font-size: 0.875rem;
}

._infoValue_vs57y_141 {
  font-weight: 500;
  color: #1e293b;
  font-size: 0.875rem;
}

._dimensionsGrid_vs57y_147 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

._dimensionItem_vs57y_153 {
  text-align: center;
  padding: 1rem;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

._dimensionLabel_vs57y_161 {
  display: block;
  font-weight: 600;
  color: #64748b;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
}

._dimensionValue_vs57y_169 {
  display: block;
  font-weight: 700;
  color: var(--primary);
  font-size: 1rem;
}

._characteristicsGrid_vs57y_176 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

._characteristicItem_vs57y_182 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}

._characteristicLabel_vs57y_192 {
  font-weight: 600;
  color: #64748b;
  font-size: 0.875rem;
}

._characteristicValue_vs57y_198 {
  font-weight: 500;
  color: #1e293b;
  font-size: 0.875rem;
}

._statusBadge_vs57y_204 {
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._statusYes_vs57y_213 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
}

._statusNo_vs57y_218 {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color: white;
}

._valuesSection_vs57y_223 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._valuesGrid_vs57y_229 {
  display: grid;
  gap: 1rem;
}

._valueItem_vs57y_234 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border-radius: 12px;
  border: 1px solid #bae6fd;
}

._valueLabel_vs57y_244 {
  font-weight: 600;
  color: #0369a1;
  font-size: 0.875rem;
}

._valueAmount_vs57y_250 {
  font-weight: 700;
  color: #0c4a6e;
  font-size: 1.125rem;
}

._percentagesGrid_vs57y_256 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}

._percentageItem_vs57y_262 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}

._percentageLabel_vs57y_272 {
  font-weight: 600;
  color: #64748b;
  font-size: 0.875rem;
}

._percentageValue_vs57y_278 {
  font-weight: 700;
  color: var(--secondary);
  font-size: 0.875rem;
}

._colorsGrid_vs57y_284 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}

._colorItem_vs57y_290 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-radius: 8px;
  border: 1px solid #f59e0b;
}

._colorLabel_vs57y_300 {
  font-weight: 600;
  color: #92400e;
  font-size: 0.875rem;
}

._colorValue_vs57y_306 {
  font-weight: 500;
  color: #78350f;
  font-size: 0.875rem;
}

._additionalGrid_vs57y_312 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
  width: 100%;
}

._additionalItem_vs57y_319 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  width: 100%;
}

._additionalLabel_vs57y_330 {
  font-weight: 600;
  color: #64748b;
  font-size: 0.875rem;
}

._additionalValue_vs57y_336 {
  font-weight: 500;
  color: #1e293b;
  font-size: 0.875rem;
}

._technicalSection_vs57y_342 {
  margin-top: 2rem;
}

._technicalCard_vs57y_346 {
  background: white;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.8);
}

._technicalContent_vs57y_354 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

._technicalImage_vs57y_361 {
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

._technicalImage_vs57y_361:hover {
  transform: scale(1.05);
}

._technicalActions_vs57y_371 {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

/* Responsividade */
@media (max-width: 1200px) {
  ._main_vs57y_53 {
    grid-template-columns: 1fr 1fr;
  }

  ._valuesSection_vs57y_223 {
    grid-column: 1 / -1;
  }
}

@media (max-width: 768px) {
  ._container_vs57y_1 {
    padding: 1rem;
  }

  ._header_vs57y_9 {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }

  ._main_vs57y_53 {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

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

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

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

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

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

  ._title_vs57y_21 {
    font-size: 1.75rem;
  }
}
._container_1h91x_1 {
  padding: 2rem;
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  min-height: 100vh;
}

._inputWrapper_1h91x_14 {
  color: $text-color;
  text-align: start;
  grid-column: span 2;

  ._label_1h91x_19 {
    margin-bottom: 10px;
  }

  ._inputContent_1h91x_23 {
    width: 100%;
    border-radius: 0 8px 8px 0;
    display: flex;
    align-items: center;

    ._icon_1h91x_29 {
      border-radius: 0 8px 8px 0;
      background-color: var(--primary);
      padding: 8px;
      color: var(--secondary);
    }

    ._input_1h91x_14 {
      resize: none;
      border: none;
      border-radius: 8px;
      background-color: var(--background);
      padding: 12px;
      width: 100%;
      box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    }
  }
}

._section_1h91x_48 {
  background: white;
  border-radius: 16px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.8);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

._section_1h91x_48:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

._sectionHeader_1h91x_65 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #e2e8f0;
}

._sectionIcon_1h91x_74 {
  font-size: 1.5rem;
  color: var(--primary);
}

._sectionTitle_1h91x_79 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--primary);
  margin: 0;
}

._formGroup_1h91x_86 {
  margin-bottom: 1rem;
}

._label_1h91x_19 {
  display: block;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}

._select_1h91x_98 {
  width: 100%;
}

._infoCard_1h91x_102 {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: 12px;
  padding: 1rem;
  border: 1px solid #e2e8f0;
}

._infoItem_1h91x_109 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e2e8f0;
}

._infoItem_1h91x_109:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

._infoIcon_1h91x_122 {
  font-size: 1.25rem;
  color: var(--primary);
  flex-shrink: 0;
}

._infoContent_1h91x_128 {
  flex: 1;
}

._infoLabel_1h91x_132 {
  display: block;
  font-weight: 600;
  color: #64748b;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}

._infoValue_1h91x_140 {
  display: block;
  color: #1e293b;
  font-weight: 500;
}

._productsGrid_1h91x_146 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

._productCard_1h91x_152 {
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.3s ease;
  background: white;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

._productCard_1h91x_152:hover {
  border-color: var(--primary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

._productCardSelected_1h91x_169 {
  border-color: var(--button);
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
  box-shadow: 0 4px 12px rgba(39, 229, 1, 0.2);
}

._productHeader_1h91x_175 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

._productCheckbox_1h91x_182 {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
}

._checkbox_1h91x_190 {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 24px;
  width: 24px;
  z-index: 2;
  margin: 0;
}

._checkmark_1h91x_200 {
  height: 24px;
  width: 24px;
  background-color: #e2e8f0;
  border-radius: 6px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
  cursor: pointer;
}

._checkbox_1h91x_190:checked ~ ._checkmark_1h91x_200 {
  background-color: var(--button);
}

._checkmark_1h91x_200:after {
  content: '';
  position: absolute;
  display: none;
  left: 8px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

._checkbox_1h91x_190:checked ~ ._checkmark_1h91x_200:after {
  display: block;
}

._quantityWrapper_1h91x_233 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._quantityLabel_1h91x_239 {
  font-weight: 600;
  color: #374151;
  font-size: 0.875rem;
}

._quantityField_1h91x_245 {
  padding: 0.75rem;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  font-size: 1rem;
  background: #f8fafc;
  transition: all 0.3s ease;
  width: 100%;
}

._quantityField_1h91x_245:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(45, 29, 18, 0.1);
}

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

._productImage_1h91x_265 {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

._productImage_1h91x_265:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._imagePreviewOverlay_1h91x_282 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  padding: 2rem;
}

._imagePreview_1h91x_282 {
  max-width: 90vw;
  max-height: 90vh;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

._closeButton_1h91x_304 {
  position: absolute;
  top: 2rem;
  right: 2rem;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1.5rem;
  color: #374151;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._closeButton_1h91x_304:hover {
  background: white;
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

._productInfo_1h91x_329 {
  flex: 1;
}

._productTitle_1h91x_333 {
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}

._productPrices_1h91x_341 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}

._priceLabel_1h91x_348 {
  font-size: 0.875rem;
  color: #64748b;
  font-weight: 500;
}

._priceValue_1h91x_354 {
  font-size: 0.875rem;
  color: var(--primary);
  font-weight: 600;
}

._quantityInput_1h91x_360 {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e2e8f0;
}

._summaryCard_1h91x_366 {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: 12px;
  padding: 1.5rem;
  border: 1px solid #e2e8f0;
}

._selectedProductsList_1h91x_373 {
  margin-bottom: 1.5rem;
}

._selectedProductItem_1h91x_377 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: white;
  border-radius: 8px;
  margin-bottom: 0.75rem;
  border: 1px solid #e2e8f0;
  transition: all 0.3s ease;
}

._selectedProductItem_1h91x_377:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

._selectedProductInfo_1h91x_393 {
  flex: 1;
}

._selectedProductTitle_1h91x_397 {
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 0.25rem 0;
}

._selectedProductQuantity_1h91x_404 {
  font-size: 0.875rem;
  color: #64748b;
  background: #e2e8f0;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  display: inline-block;
}

._selectedProductPrices_1h91x_413 {
  text-align: right;
}

._selectedProductPrice_1h91x_413 {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary);
}

._selectedProductPriceIpi_1h91x_424 {
  display: block;
  font-size: 0.875rem;
  color: #64748b;
  margin-top: 0.25rem;
}

._totalSection_1h91x_431 {
  border-top: 2px solid #e2e8f0;
  padding-top: 1rem;
}

._totalItem_1h91x_436 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
}

._totalLabel_1h91x_443 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #374151;
}

._totalValue_1h91x_449 {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--primary);
}

._totalValueFinal_1h91x_455 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--button);
}

._submitSection_1h91x_461 {
  text-align: center;
  margin-top: 2rem;
}

._submitButton_1h91x_466 {
  padding: 1rem 2rem;
  font-size: 1.125rem;
  font-weight: 600;
  border-radius: 12px;
  transition: all 0.3s ease;
  min-width: 200px;
}

._submitButton_1h91x_466:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Responsividade */
@media (max-width: 768px) {
  ._container_1h91x_1 {
    padding: 1rem;
  }

  ._section_1h91x_48 {
    padding: 1rem;
  }

  ._productsGrid_1h91x_146 {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  ._productCard_1h91x_152 {
    padding: 1rem;
    min-height: auto;
  }

  ._productHeader_1h91x_175 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  ._selectedProductItem_1h91x_377 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  ._selectedProductPrices_1h91x_413 {
    text-align: left;
    width: 100%;
  }

  ._totalItem_1h91x_436 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
}

._summaryTableContainer_1h91x_524 {
  width: 100%;
  overflow-x: auto;
  margin-top: 15px;
}

._summaryTable_1h91x_524 {
  width: 100%;
  border-collapse: collapse;
  text-align: left !important;
  font-size: 0.9rem;
}

._summaryTable_1h91x_524 th {
  padding: 10px;
  text-align: left !important;
  border-bottom: 2px solid #eee;
  color: var(--secondary);
}

._summaryTable_1h91x_524 td {
  padding: 10px;
  text-align: left !important;
  border-bottom: 1px solid #f5f5f5;
}

._editButton_1h91x_550 {
  background: none;
  border: none;
  color: #007bff;
  cursor: pointer;
  font-weight: bold;
  font-size: 0.8rem;
}

._totalWrapper_1h91x_559 {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 15px;
  border-top: 2px solid #333;
  padding-top: 10px;
}

._totalLabel_1h91x_443 {
  font-size: 1.1rem;
  font-weight: 600;
}

._totalValue_1h91x_449 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #2e7d32; /* Cor verde para destaque */
}

._searchContainer_1h91x_580 {
  position: sticky;
  top: 0;
  background-color: #fff;
  padding-bottom: 20px;
  z-index: 10;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}

._productsGrid_1h91x_146 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  max-height: 60vh; /* Ajuste conforme necessário */
  overflow-y: auto;
  padding-top: 10px;
}

._productCard_1h91x_152 {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 8px;
  transition: all 0.2s;
}

._productCard_1h91x_152:hover {
  border-color: #007bff;
  background-color: #f8f9ff;
}

._selected_1h91x_373 {
  border-color: #2e7d32;
  background-color: #f1f8f1;
}

._selectWrapper_1h91x_616 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

._customSelect_1h91x_623 {
  width: 100%;
  padding: 12px 16px;
  font-size: 1rem;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  appearance: none; /* Remove a seta padrão do navegador */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
  cursor: pointer;
}

._customSelect_1h91x_623:focus {
  outline: none;
  border-color: #007bff; /* Ou a cor primária do seu sistema */
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

._customSelect_1h91x_623:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

._selectLabel_1h91x_653 {
  font-weight: 500;
  color: #444;
  font-size: 0.9rem;
}
.ofModalContainer {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ofHeader {
  display: flex;
  gap: 40px;
  padding: 16px;
  border-radius: 10px;
  background: #f7f7f7;
  border: 1px solid #e5e7eb;
}

.card {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: white;
}

.card h3 {
  margin-bottom: 16px;
  font-size: 16px;
}

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

.label {
  display: block;
  font-size: 12px;
  color: #6b7280;
}

.value {
  font-size: 15px;
  font-weight: 500;
}

.summaryEditableValue {
  margin-top: 4px;
  width: 100%;
  max-width: 220px;
  background: #ffffff;
  border: 1px solid #dbe3ee;
  border-radius: 10px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.summaryEditableValue:hover {
  border-color: #93c5fd;
  background: #f8fbff;
}

.editHint {
  font-size: 12px;
  color: #2563eb;
  font-weight: 600;
}

.status {
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
}

.status-Pendente {
  background: #fef3c7;
  color: #92400e;
}

.status-Concluido {
  background: #dcfce7;
  color: #166534;
}

.status-Producao {
  background: #dbeafe;
  color: #1e3a8a;
}

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

.cardHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btnAlterarEntrega {
  background: #0070f3;
  color: white;
  border: none;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
}

.btnAlterarEntrega:hover {
  background: #005ad1;
}

.entregaAtual {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}

.badgeEntrega {
  margin-top: 4px;
  background: #27e501;
  color: white;
  padding: 4px 8px;
  border-radius: 6px;
  width: fit-content;
  font-weight: 600;
}

.entregaHistorico {
  margin-top: 15px;
}

.historicoItem {
  display: flex;
  align-items: center;
  margin-top: 6px;
}

.oldDate {
  text-decoration: line-through;
  color: #b22222;
}

.newDate {
  color: #27e501;
  font-weight: bold;
}

.arrow {
  margin: 0 8px;
}

.editarEntrega {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #f8fafc;
  display: grid;
  gap: 12px;
}

.editarEntregaField {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.editarEntregaField label {
  font-size: 12px;
  color: #475569;
  font-weight: 600;
}

.editarEntregaField input,
.editarEntregaField select {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  background: #fff;
  font-size: 14px;
}

.editarEntregaField input:focus,
.editarEntregaField select:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.editarEntregaActions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.btnPrimary,
.btnSecondary {
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

.btnPrimary {
  background: #2563eb;
  color: #fff;
}

.btnPrimary:hover {
  background: #1d4ed8;
}

.btnSecondary {
  background: #fff;
  color: #374151;
  border-color: #d1d5db;
}

.btnSecondary:hover {
  background: #f3f4f6;
}

.historicoMotivo {
  margin-left: 10px;
  color: #4b5563;
  font-size: 13px;
  background: #f3f4f6;
  padding: 2px 8px;
  border-radius: 999px;
}

.editInlinePanel {
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
  display: grid;
  gap: 10px;
  max-width: 300px;
}

.editInlineField {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.editInlineField label {
  font-size: 12px;
  color: #475569;
  font-weight: 600;
}

.editInlineField input {
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  font-size: 14px;
  background: #fff;
}

.editInlineField input:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.editInlineActions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
._container_1e71n_1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 32px;
  margin-bottom: 32px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

._container_1e71n_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.6) 100%
  );
  transform: scaleX(0);
  transition: transform 0.4s ease;
}

._container_1e71n_1:hover::before {
  transform: scaleX(1);
}

._group_1e71n_37 {
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.3s ease;
}

._group_1e71n_37 p {
  margin: 0 0 10px 0;
  font-weight: 700;
  font-size: 13px;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  position: relative;
  font-family: "Inter", sans-serif;
}

._detail_1e71n_55 {
  background: linear-gradient(
    135deg,
    rgba(248, 250, 252, 0.8) 0%,
    rgba(241, 245, 249, 0.9) 100%
  );
  padding: 18px 20px;
  border-radius: 14px;
  width: 100%;
  border: 2px solid rgba(215, 153, 9, 0.12);
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.06),
    0 2px 6px rgba(0, 0, 0, 0.03);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  font-size: 1.05rem;
  font-weight: 600;
  color: #1e293b;
}

._detail_1e71n_55::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.6) 100%
  );
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

._detail_1e71n_55:hover {
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.1),
    0 4px 12px rgba(0, 0, 0, 0.06);
  border-color: rgba(215, 153, 9, 0.3);
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(248, 250, 252, 0.98) 100%
  );
}

._spanButton_1e71n_105 {
  display: flex;
  width: 100%;
  gap: 12px;
  align-items: center;
  position: relative;
}

._pendent_1e71n_113 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(
    135deg,
    rgb(231, 135, 135) 0%,
    rgba(231, 135, 135, 0.9) 100%
  );
  border-radius: 12px;
  height: 56px;
  color: white !important;
  font-weight: 600;
  margin-bottom: 24px;
  box-shadow:
    0 4px 16px rgba(231, 135, 135, 0.3),
    0 2px 8px rgba(231, 135, 135, 0.2);
  border: 1px solid rgba(231, 135, 135, 0.2);
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

._pendent_1e71n_113::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  transition: left 0.6s ease;
}

._pendent_1e71n_113:hover {
  transform: translateY(-1px);
  box-shadow:
    0 6px 20px rgba(231, 135, 135, 0.4),
    0 3px 10px rgba(231, 135, 135, 0.3);
}

._pendent_1e71n_113:hover::before {
  left: 100%;
}

._finish_1e71n_163 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(
    135deg,
    var(--button) 0%,
    rgba(39, 229, 1, 0.9) 100%
  );
  border-radius: 12px;
  height: 56px;
  color: white !important;
  font-weight: 600;
  margin-bottom: 24px;
  opacity: 0.8;
  box-shadow:
    0 4px 16px rgba(39, 229, 1, 0.3),
    0 2px 8px rgba(39, 229, 1, 0.2);
  border: 1px solid rgba(39, 229, 1, 0.2);
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

._finish_1e71n_163::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  transition: left 0.6s ease;
}

._finish_1e71n_163:hover {
  opacity: 1;
  transform: translateY(-1px);
  box-shadow:
    0 6px 20px rgba(39, 229, 1, 0.4),
    0 3px 10px rgba(39, 229, 1, 0.3);
}

._finish_1e71n_163:hover::before {
  left: 100%;
}

/* Melhorias adicionais para elementos específicos */
._select_1e71n_216 {
  min-width: 340px;
  width: 100%;
  max-width: 600px;
  background: linear-gradient(
    135deg,
    var(--background) 0%,
    rgba(238, 238, 238, 0.8) 100%
  );
  border: 1px solid rgba(215, 153, 9, 0.2);
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 16px;
  color: var(--primary);
  transition: all 0.3s ease;
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.04),
    0 1px 3px rgba(0, 0, 0, 0.02);
  z-index: 10;
}

/* Aumentar largura interna do menu de opções do react-select */
._select_1e71n_216 ._react-select__menu_1e71n_238 {
  min-width: 340px !important;
  z-index: 20 !important;
}

._select_1e71n_216:focus {
  outline: none;
  border-color: var(--secondary);
  box-shadow:
    0 4px 12px rgba(215, 153, 9, 0.2),
    0 2px 6px rgba(215, 153, 9, 0.1);
  transform: translateY(-1px);
}

/* Responsividade melhorada */
@media (max-width: 768px) {
  ._container_1e71n_1 {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
  }

  ._detail_1e71n_55 {
    padding: 14px;
  }

  ._pendent_1e71n_113,
  ._finish_1e71n_163 {
    height: 48px;
    font-size: 14px;
  }

  ._select_1e71n_216 {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
  }

  ._select_1e71n_216 ._react-select__menu_1e71n_238 {
    min-width: 100% !important;
  }
}

/* Efeito de glassmorphism sutil */
._container_1e71n_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.05) 100%
  );
  border-radius: 16px;
  pointer-events: none;
  z-index: -1;
}

/* Estilos para o modal de seleção de modelo */
._modeloContainer_1e71n_300 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

._checkboxLabel_1e71n_307 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: linear-gradient(
    135deg,
    var(--background) 0%,
    rgba(238, 238, 238, 0.8) 100%
  );
  border: 2px solid rgba(215, 153, 9, 0.1);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

._checkboxLabel_1e71n_307::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(215, 153, 9, 0.1),
    transparent
  );
  transition: left 0.5s ease;
}

._checkboxLabel_1e71n_307:hover {
  border-color: rgba(215, 153, 9, 0.3);
  box-shadow:
    0 4px 12px rgba(215, 153, 9, 0.15),
    0 2px 6px rgba(215, 153, 9, 0.1);
  transform: translateY(-2px);
}

._checkboxLabel_1e71n_307:hover::before {
  left: 100%;
}

._checkboxInput_1e71n_353 {
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: var(--secondary);
  flex-shrink: 0;
}

._checkboxText_1e71n_361 {
  font-size: 16px;
  font-weight: 500;
  color: var(--primary);
  user-select: none;
}

._checkboxLabel_1e71n_307:has(._checkboxInput_1e71n_353:checked) {
  border-color: var(--secondary);
  background: linear-gradient(
    135deg,
    rgba(215, 153, 9, 0.1) 0%,
    rgba(215, 153, 9, 0.05) 100%
  );
  box-shadow: 0 2px 8px rgba(215, 153, 9, 0.2);
}

._modalActions_1e71n_378 {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}

._actionsBar_1e71n_384 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

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

._actionsLeft_1e71n_391 h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--primary);
}

._actionsClient_1e71n_403 {
  font-size: 14px;
  color: #64748b;
}

._actionsRight_1e71n_408 {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

._actionsMenu_1e71n_415 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

._actionsMenu_1e71n_415 button {
  background: #f5f5f5;
  border: none;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.2s;
}

._actionsMenu_1e71n_415 button:hover {
  background: #e0e0e0;
}

._actionsMenu_1e71n_415 ._danger_1e71n_434 {
  background: #ffe5e5;
  color: #d00;
}

._pendent_1e71n_113 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(
    135deg,
    rgb(231, 135, 135) 0%,
    rgba(231, 135, 135, 0.9) 100%
  );
  border-radius: 12px;
  height: 56px;
  color: white !important;
  font-weight: 600;
  margin-bottom: 24px;
  box-shadow:
    0 4px 16px rgba(231, 135, 135, 0.3),
    0 2px 8px rgba(231, 135, 135, 0.2);
  border: 1px solid rgba(231, 135, 135, 0.2);
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

._pendent_1e71n_113::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  transition: left 0.6s ease;
}

._pendent_1e71n_113:hover {
  transform: translateY(-1px);
  box-shadow:
    0 6px 20px rgba(231, 135, 135, 0.4),
    0 3px 10px rgba(231, 135, 135, 0.3);
}

._pendent_1e71n_113:hover::before {
  left: 100%;
}
._container_1lau9_1 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 48px 0;
}

._card_1lau9_9 {
  padding: 36px 32px;
  background: #fff;
  border-radius: 18px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  position: relative;
}

._title_1lau9_21 {
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--primary);
  text-align: center;
  background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

._userInfoSection_1lau9_32 {
  background: linear-gradient(90deg, #faf4e7 0%, rgba(215, 153, 9, 0.05) 100%);
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(215, 153, 9, 0.06);
  padding: 20px 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  font-size: 1.09rem;
  color: var(--primary);
}

._modulesTitle_1lau9_45 {
  font-weight: 700;
  color: var(--primary);
  font-size: 1.3rem;
  text-align: left;
  align-self: flex-start;
  margin-bottom: 4px;
}

._modulesGrid_1lau9_54 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

._moduleCard_1lau9_61 {
  border-radius: 11px;
  background: linear-gradient(135deg, #f5f5f5 60%, #ebdbb7 100%);
  box-shadow: 0 2px 8px rgba(45, 29, 18, 0.07);
  padding: 18px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1.5px solid rgba(215, 153, 9, 0.13);
  transition: box-shadow 0.18s, border-color 0.18s, transform 0.12s;
  position: relative;
  cursor: pointer;
}

._moduleCard_1lau9_61:hover {
  box-shadow: 0 8px 28px 0 rgba(39, 229, 1, 0.12),
    0 2px 12px rgba(39, 229, 1, 0.09);
  border-color: #27e501cc;
  transform: translateY(-3px) scale(1.03);
  z-index: 1;
}

._noAccess_1lau9_83 {
  opacity: 0.85;
  filter: grayscale(0.18);
  border: 1.5px solid #ff3f4b44;
}

._noAccess_1lau9_83:hover {
  box-shadow: 0 8px 28px 0 rgba(255, 63, 75, 0.1),
    0 2px 12px rgba(255, 63, 75, 0.09);
  border-color: #ff3f4bcc;
  transform: translateY(-3px) scale(1.03);
}

._moduleLabel_1lau9_96 {
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.03em;
  margin-bottom: 6px;
  color: var(--primary);
}

._yes_1lau9_104 {
  color: #27e501;
  font-weight: 700;
  background: rgba(39, 229, 1, 0.08);
  border-radius: 7px;
  padding: 2px 10px;
  font-size: 0.98rem;
}

._no_1lau9_83 {
  color: #ff3f4b;
  font-weight: 700;
  background: rgba(255, 63, 75, 0.08);
  border-radius: 7px;
  padding: 2px 10px;
  font-size: 0.98rem;
}

._loading_1lau9_122 {
  font-size: 1.15rem;
  color: var(--secondary);
  text-align: center;
  margin-top: 40px;
}

@media (max-width: 700px) {
  ._container_1lau9_1 {
    padding: 22px 0;
  }
  ._card_1lau9_9 {
    padding: 18px 10px;
    width: 97vw;
    max-width: 99vw;
  }
  ._modulesGrid_1lau9_54 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

._btn_1lau9_144 {
  padding: 8px 16px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease-in-out;
  height: 40px;
}

._btn_1lau9_144:hover {
  background: linear-gradient(135deg, #f87171, #b91c1c);
  transform: translateY(-2px);
}

._btn_1lau9_144:active {
  transform: scale(0.95);
  background: linear-gradient(135deg, #dc2626, #991b1b);
}

._notificationsSection_1lau9_167 {
  width: 100%;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 2px solid rgba(215, 153, 9, 0.15);
}

._notificationsContent_1lau9_174 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

._settingRow_1lau9_181 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background: #fafafa;
  border-radius: 8px;
  border: 1px solid rgba(215, 153, 9, 0.1);
}

._settingLabel_1lau9_191 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--primary);
  cursor: pointer;
}

._settingLabel_1lau9_191 input[type='checkbox'] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

._timeInput_1lau9_206 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 26px;
}

._timeInput_1lau9_206 input {
  width: 60px;
  padding: 6px 8px;
  border: 1px solid rgba(215, 153, 9, 0.3);
  border-radius: 6px;
  font-size: 0.95rem;
  text-align: center;
}

._daysInput_1lau9_222 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 26px;
  font-size: 0.95rem;
  color: var(--primary);
}

._daysInput_1lau9_222 input {
  width: 60px;
  padding: 6px 8px;
  border: 1px solid rgba(215, 153, 9, 0.3);
  border-radius: 6px;
  font-size: 0.95rem;
  text-align: center;
}

._buttonsRow_1lau9_240 {
  display: flex;
  gap: 12px;
  margin-top: 8px;
}

._saveBtn_1lau9_246,
._testBtn_1lau9_247 {
  padding: 10px 20px;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-size: 0.95rem;
}

._saveBtn_1lau9_246 {
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: #fff;
  box-shadow: 0px 3px 6px rgba(215, 153, 9, 0.2);
}

._saveBtn_1lau9_246:hover {
  transform: translateY(-2px);
  box-shadow: 0px 5px 12px rgba(215, 153, 9, 0.3);
}

._saveBtn_1lau9_246:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

._testBtn_1lau9_247 {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #fff;
  box-shadow: 0px 3px 6px rgba(59, 130, 246, 0.2);
}

._testBtn_1lau9_247:hover {
  transform: translateY(-2px);
  box-shadow: 0px 5px 12px rgba(59, 130, 246, 0.3);
}

@media (max-width: 700px) {
  ._buttonsRow_1lau9_240 {
    flex-direction: column;
  }

  ._saveBtn_1lau9_246,
  ._testBtn_1lau9_247 {
    width: 100%;
  }
}
._container_17o2l_1 {
  max-width: 1120px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._header_17o2l_10 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

._title_17o2l_17 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0f172a;
}

._subtitle_17o2l_23 {
  font-size: 0.9rem;
  color: #6b7280;
}

._steps_17o2l_28 {
  display: flex;
  gap: 0.75rem;
}

._step_17o2l_28 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  background: #e5e7eb;
  color: #4b5563;
  font-size: 0.75rem;
  font-weight: 500;
}

._stepActive_17o2l_45 {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #ffffff;
}

._stepCircle_17o2l_50 {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
}

._stepActive_17o2l_45 ._stepCircle_17o2l_50 {
  background: #111827;
  color: #ffffff;
}

._card_17o2l_67 {
  background: #ffffff;
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.13);
  border: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._cardHeader_17o2l_78 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._cardTitle_17o2l_84 {
  font-size: 1rem;
  font-weight: 600;
  color: #111827;
}

._cardDescription_17o2l_90 {
  font-size: 0.8rem;
  color: #6b7280;
}

._grid_17o2l_95 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

._fullWidth_17o2l_101 {
  grid-column: span 2;
}

._switchRow_17o2l_105 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
}

._switchItem_17o2l_113 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.6rem;
  border-radius: 999px;
  background: #f3f4f6;
  font-size: 0.8rem;
  color: #374151;
}

._actions_17o2l_124 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}

._secondaryButton_17o2l_131 {
  background: transparent;
  color: #4b5563;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  padding: 0.4rem 0.9rem;
  font-size: 0.8rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}

._secondaryButton_17o2l_131:hover:not(:disabled) {
  background: #f3f4f6;
}

._secondaryButton_17o2l_131:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

._reviewBox_17o2l_157 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: 0.85rem;
  color: #374151;
}

._reviewRow_17o2l_165 {
  display: flex;
  justify-content: space-between;
}

._reviewLabel_17o2l_170 {
  color: #9ca3af;
}

._reviewValue_17o2l_174 {
  font-weight: 500;
}

@media (max-width: 900px) {
  ._container_17o2l_1 {
    padding: 0.5rem;
  }

  ._grid_17o2l_95 {
    grid-template-columns: minmax(0, 1fr);
  }

  ._fullWidth_17o2l_101 {
    grid-column: span 1;
  }

  ._header_17o2l_10 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._steps_17o2l_28 {
    flex-wrap: wrap;
  }
}

._valueDisplay_17o2l_201 {
  margin: 1.25rem 0 0.25rem;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  color: #111827;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}

._valueDisplay_17o2l_201 p {
  margin: 0;
  font-size: 0.95rem;
}

._valueDisplay_17o2l_201 strong {
  font-size: 1.1rem;
  font-weight: 600;
  color: #16a34a;
}

._fileField_17o2l_225 {
  border: 1px dashed #d1d5db;
  border-radius: 12px;
  background: #f9fafb;
  padding: 0.85rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._fileLabel_17o2l_235 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #111827;
}

._fileInputButton_17o2l_241 {
  width: fit-content;
  background: #fff;
  border: 1px solid #d1d5db;
  color: #374151;
  border-radius: 8px;
  padding: 0.4rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

._fileInputButton_17o2l_241:hover {
  border-color: #f59e0b;
  color: #b45309;
}

._fileInput_17o2l_241 {
  display: none;
}

._fileHint_17o2l_263 {
  font-size: 0.75rem;
  color: #6b7280;
}

._filePreview_17o2l_268 {
  margin-top: 0.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

._previewMedia_17o2l_276 {
  width: 100%;
  max-height: 180px;
  object-fit: contain;
  display: block;
  background: #fff;
}
._header_rii01_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  padding: 1.5rem 2rem;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  margin-bottom: 2rem;
}

._title_rii01_12 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1e293b;
}

._subtitle_rii01_18 {
  font-size: 1rem;
  color: #64748b;
  margin-top: 0.25rem;
}

._editButton_rii01_24 {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: white;
  border: none;
  border-radius: 10px;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

._editButton_rii01_24:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(34, 197, 94, 0.4);
}

._main_rii01_42 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

._card_rii01_48 {
  margin-bottom: 2rem;
  background: white;
  padding: 1.5rem;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

._select_rii01_59 {
  height: 42px;
  border-radius: 6px;
  border: 1px solid #ddd;
  padding: 0 12px;
  font-size: 14px;
}

._card_rii01_48:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

._cardTitle_rii01_72 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #334155;
  margin-bottom: 1rem;
  border-bottom: 2px solid #e2e8f0;
  padding-bottom: 0.5rem;
}

._infoGrid_rii01_81 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

._label_rii01_87 {
  display: block;
  font-size: 0.85rem;
  color: #64748b;
  font-weight: 600;
  margin-bottom: 5px;
}

._value_rii01_95 {
  display: block;
  font-size: 0.95rem;
  color: #1e293b;
  margin-top: 0.25rem;
}

._statusBadge_rii01_102 {
  padding: 0.3rem 0.8rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
}

._statusYes_rii01_110 {
  background: #10b981;
  color: white;
}

._statusNo_rii01_115 {
  background: #ef4444;
  color: white;
}

._dimensionGrid_rii01_120 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  text-align: center;
}

._dimensionLabel_rii01_127 {
  display: block;
  color: #64748b;
  font-weight: 600;
}

._dimensionValue_rii01_133 {
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  color: #2563eb;
}

._valueGrid_rii01_140 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

._valueLabel_rii01_146 {
  font-size: 0.875rem;
  color: #0369a1;
  font-weight: 600;
}

._valueAmount_rii01_152 {
  margin-left: 10px;
  font-size: 1.125rem;
  color: #0c4a6e;
  font-weight: 700;
}

._table_rii01_159 {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

._table_rii01_159 th {
  background: #f1f5f9;
  text-align: left;
  padding: 0.75rem;
  font-size: 0.875rem;
  color: #475569;
}

._table_rii01_159 td {
  padding: 0.75rem;
  border-bottom: 1px solid #e2e8f0;
  color: #1e293b;
  font-size: 0.875rem;
}

._table_rii01_159 tr:hover {
  background: #f8fafc;
}

._loading_rii01_184 {
  text-align: center;
  padding: 2rem;
  color: #64748b;
}

._valueAmount_rii01_152 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f172a;
  background: linear-gradient(90deg, #3b82f6, #06b6d4);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

._card_rii01_48:hover ._cardTitle_rii01_72 {
  color: #2563eb;
  transition: color 0.3s ease;
}

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

._cardHeader_rii01_212 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

._editButton_rii01_24 {
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

._editButton_rii01_24:hover {
  background-color: #0056b3;
}

._preview3D_rii01_234 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.5rem;
  border-radius: 16px;
  background: linear-gradient(135deg, #0f172a, #1e293b);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
  color: #f8fafc;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

._preview3D_rii01_234:hover {
  transform: perspective(800px) rotateX(2deg) rotateY(-2deg) translateY(-4px);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
}

._preview3DInfo_rii01_254 h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700;
}

._preview3DInfo_rii01_254 p {
  margin: 0.25rem 0 0;
  font-size: 0.85rem;
  color: #cbd5f5;
}

._preview3DButton_rii01_266 {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border: none;
  color: white;
  font-weight: 700;
  padding: 0.75rem 1.5rem;
  border-radius: 12px;
  cursor: pointer;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

._preview3DButton_rii01_266:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 10px 30px rgba(34, 197, 94, 0.45);
}

._imagesGrid_rii01_284 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 1rem;
}

._imageBox_rii01_290 {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border: 1px solid #e5e7eb;
}

._imageLabel_rii01_300 {
  font-size: 0.75rem;
  font-weight: 600;
  color: #555;
}

._image_rii01_284 {
  width: 100%;
  height: 160px;
  object-fit: contain;
  border-radius: 8px;
  background: white;
}

._pdfThumb_rii01_314 {
  width: 100%;
  height: 160px;
  border-radius: 8px;
  background: #fff;
  border: 0;
  display: block;
  overflow: hidden;
}

._imageEmpty_rii01_324 {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed #bbb;
  border-radius: 8px;
  font-size: 0.75rem;
  color: #777;
}

._previewOverlay_rii01_335 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

._previewContent_rii01_345 {
  background: #111;
  padding: 1rem;
  border-radius: 12px;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._previewHeader_rii01_356 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 0.85rem;
}

._previewHeader_rii01_356 button {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}

._previewImage_rii01_372 {
  min-width: 85vw;
  min-height: 80vh;
  object-fit: contain;
  border-radius: 8px;
  background: #000;
}

._previewPdf_rii01_380 {
  width: 85vw;
  height: 80vh;
  border: 0;
  border-radius: 8px;
  background: #000;
}

._imageUploadBox_rii01_388 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._uploadBtn_rii01_394 {
  background: linear-gradient(135deg, #0284c7, #0369a1);
  color: white;
  font-weight: 600;
  padding: 0.4rem;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
  font-size: 0.8rem;
  transition: 0.25s;
}

._uploadBtn_rii01_394:hover {
  filter: brightness(1.08);
}
._container_1rniy_1 {
  max-width: 1120px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._header_1rniy_10 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}

._title_1rniy_18 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: #111827;
}

._subtitle_1rniy_25 {
  margin: 0.25rem 0 0;
  font-size: 0.85rem;
  color: #6b7280;
}

._card_1rniy_31 {
  background: #ffffff;
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.13);
  border: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}

._cardTitle_1rniy_43 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #111827;
}

._grid_1rniy_50 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

._fullWidth_1rniy_56 {
  grid-column: span 2;
}

._switchRow_1rniy_60 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
}

._switchItem_1rniy_68 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.6rem;
  border-radius: 999px;
  background: #f3f4f6;
  font-size: 0.85rem;
  color: #374151;
}

._valueDisplay_1rniy_79 {
  padding: 0.85rem 1rem;
  border-radius: 10px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}

._valueDisplay_1rniy_79 span {
  color: #6b7280;
  font-size: 0.85rem;
}

._valueDisplay_1rniy_79 strong {
  font-size: 1.1rem;
  font-weight: 600;
  color: #16a34a;
}

._actions_1rniy_101 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

._secondaryButton_1rniy_110 {
  background: transparent;
  color: #4b5563;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  padding: 0.4rem 0.9rem;
  font-size: 0.85rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  transition: background 0.2s ease;
}

._secondaryButton_1rniy_110:hover:not(:disabled) {
  background: #f3f4f6;
}

._secondaryButton_1rniy_110:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@media (max-width: 900px) {
  ._grid_1rniy_50 {
    grid-template-columns: minmax(0, 1fr);
  }

  ._fullWidth_1rniy_56 {
    grid-column: span 1;
  }
}

._fileField_1rniy_143 {
  border: 1px dashed #d1d5db;
  border-radius: 12px;
  background: #f9fafb;
  padding: 0.85rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._fileLabel_1rniy_153 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #111827;
}

._fileInputButton_1rniy_159 {
  width: fit-content;
  background: #fff;
  border: 1px solid #d1d5db;
  color: #374151;
  border-radius: 8px;
  padding: 0.4rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

._fileInputButton_1rniy_159:hover {
  border-color: #f59e0b;
  color: #b45309;
}

._fileInput_1rniy_159 {
  display: none;
}

._fileHint_1rniy_181 {
  font-size: 0.75rem;
  color: #6b7280;
}

._filePreview_1rniy_186 {
  margin-top: 0.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

._previewMedia_1rniy_194 {
  width: 100%;
  max-height: 180px;
  object-fit: contain;
  display: block;
  background: #fff;
}
:root {
  --primary: #2d1d12;
  --secondary: #d79909;
  --danger: #ff3f4b;
  --button: #27e501;
  --background: #eeeeee;
  --text-color-black: #000;
  --text-color-white: #fff;
  --secondary-text-color: #fff;
}

/* No Windows, deixar o body inteiro como drag pode quebrar clique/foco
   após dialogs nativos (alert/confirm). A área drag deve ser restrita. */

body {
  -webkit-app-region: no-drag;
}

.limpar-btn {
  padding: 8px 16px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease-in-out;
  height: 40px;
}

.limpar-btn:hover {
  background: linear-gradient(135deg, #f87171, #b91c1c);
  transform: translateY(-2px);
}

.limpar-btn:active {
  transform: scale(0.95);
  background: linear-gradient(135deg, #dc2626, #991b1b);
}

html,
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body {
  background: var(--background);
  font-family:
    Poppins,
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-size: 0.9rem;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  cursor: pointer;
}

table {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow:
    0 2px 12px rgba(0, 0, 0, 0.08),
    0 1px 4px rgba(0, 0, 0, 0.04);
}

table caption {
  margin: 0.5em 0 0.75em;
  font-weight: 600;
  color: var(--primary);
}

table thead {
  background: linear-gradient(
    135deg,
    var(--primary) 0%,
    rgba(44, 41, 41, 0.95) 100%
  );
  color: white;
}

table thead tr {
  background: transparent;
  border: none;
}

table tbody tr {
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #f0f0f0;
  padding: 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

table tbody tr:last-child {
  border-bottom: none;
}

table tbody tr:nth-child(even) {
  background-color: #fafbfc;
}

/* Hover effect for table rows */

table tbody tr:hover {
  background: linear-gradient(
    90deg,
    rgba(215, 153, 9, 0.05) 0%,
    rgba(215, 153, 9, 0.08) 100%
  ) !important;
  cursor: pointer;
  transform: translateX(2px);
  box-shadow: 0 2px 8px rgba(215, 153, 9, 0.1);
  border-left: 3px solid var(--secondary);
}

table tbody tr:nth-child(even):hover {
  background: linear-gradient(
    90deg,
    rgba(215, 153, 9, 0.05) 0%,
    rgba(215, 153, 9, 0.08) 100%
  ) !important;
}

table th,
table td {
  padding: 1rem 1.25rem;
  text-align: start;
  overflow: scroll;
  white-space: nowrap;
  border: none;
}

/* Scrollbar personalizada */

table td::-webkit-scrollbar,
table th::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

table th {
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.95);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

table th:last-child {
  border-right: none;
}

table th::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
}

table td {
  color: #374151;
  font-size: 0.9rem;
  font-weight: 500;
  vertical-align: middle;
}

.th-table:first-child {
  width: 100px;
}

table td .action {
  border: 0;
  padding: 8px 12px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  transition: all 0.2s ease;
  background: linear-gradient(
    135deg,
    rgba(215, 153, 9, 0.1) 0%,
    rgba(215, 153, 9, 0.05) 100%
  );
  color: var(--secondary);
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.action:hover {
  background: linear-gradient(
    135deg,
    var(--secondary) 0%,
    rgba(215, 153, 9, 0.9) 100%
  );
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(215, 153, 9, 0.3);
}

table td .action svg {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

/* Utility: tabelas com colunas de mesmo tamanho
   Uso: adicione a classe `table-equal-cols` na <table> e defina `--cols: N` (opcional, padrão 6)
   Exemplo: <table className="table-equal-cols" style={{ '--cols': 9 }}>
*/

.table-equal-cols {
  table-layout: fixed;
}

.table-equal-cols th,
.table-equal-cols td {
  width: calc(100% / var(--cols, 6));
}

table td .badge {
  padding: 4px 10px;
  border-radius: 12px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1024px) {
  table {
    border-radius: 8px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);
  }

  table caption {
    font-size: 1.3em;
  }

  table thead {
    border: none;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tbody tr {
    border-bottom: 2px solid #e5e7eb;
    display: block;
    margin-bottom: 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    padding: 0;
    overflow: hidden;
  }

  table tbody tr:last-child {
    margin-bottom: 0;
  }

  table tbody tr:nth-child(even) {
    background: white;
  }

  table tbody tr:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(215, 153, 9, 0.15);
    border-left: none;
    border-top: 3px solid var(--secondary);
  }

  table td {
    border-bottom: 1px solid #f0f0f0;
    display: block;
    text-align: right;
    padding: 0.875rem 1rem;
    position: relative;
    padding-left: 50%;
  }

  table td:last-child {
    border-bottom: none;
  }

  table td::before {
    content: attr(data-label);
    position: absolute;
    left: 1rem;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.75rem;
    color: var(--primary);
    letter-spacing: 0.5px;
    text-align: left;
  }
}

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

/* Header Styles */

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  z-index: 1000;
  transition: all 0.3s ease;
  padding: 15px 0;
}

.header.scrolled {
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
}

.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo h2 {
  color: #8b4513;
  font-size: 28px;
  font-weight: bold;
}

.nav ul {
  display: flex;
  list-style: none;
  gap: 30px;
  align-items: center;
}

.nav a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: color 0.3s ease;
  cursor: pointer;
}

.nav a:hover {
  color: #8b4513;
}

.cta-btn {
  background: #8b4513 !important;
  color: white !important;
  padding: 10px 20px !important;
  border-radius: 25px !important;
  transition: all 0.3s ease !important;
}

.cta-btn:hover {
  background: #a0522d !important;
  transform: translateY(-2px);
}

.mobile-menu-btn {
  display: none;
  flex-direction: column;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
}

.mobile-menu-btn span {
  width: 25px;
  height: 3px;
  background: #333;
  margin: 3px 0;
  transition: 0.3s;
}

.mobile-menu-btn.active span:nth-child(1) {
  transform: rotate(-45deg) translate(-5px, 6px);
}

.mobile-menu-btn.active span:nth-child(2) {
  opacity: 0;
}

.mobile-menu-btn.active span:nth-child(3) {
  transform: rotate(45deg) translate(-5px, -6px);
}

/* Hero Styles */

.hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  text-align: center;
  overflow: hidden;
}

.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/pos.png');
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.1;
  z-index: 99;
}

.hero-content {
  max-width: 800px;
  z-index: 2;
}

.hero h1 {
  font-size: 3.5rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
  line-height: 1.2;
}

.hero p {
  font-size: 1.3rem;
  color: #666;
  margin-bottom: 30px;
  line-height: 1.6;
}

.hero-btn {
  background: #8b4513;
  color: white;
  padding: 15px 35px;
  border: none;
  border-radius: 30px;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(139, 69, 19, 0.3);
}

.hero-btn:hover {
  background: #a0522d;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(139, 69, 19, 0.4);
}

/* About Styles */

.about {
  padding: 100px 0;
  background: white;
}

.about h2 {
  text-align: center;
  font-size: 2.5rem;
  color: #333;
  margin-bottom: 60px;
}

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

.about-text p {
  font-size: 1.1rem;
  color: #666;
  margin-bottom: 20px;
  line-height: 1.8;
}

.about-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.stat {
  text-align: center;
  padding: 30px 20px;
  background: #f8f8f8;
  border-radius: 15px;
  transition: transform 0.3s ease;
}

.stat:hover {
  transform: translateY(-5px);
}

.stat h3 {
  font-size: 2.5rem;
  color: #8b4513;
  margin-bottom: 10px;
}

.stat p {
  color: #666;
  font-weight: 500;
}

/* Products Styles */

.products {
  padding: 100px 0;
  background: #f8f8f8;
}

.products h2 {
  text-align: center;
  font-size: 2.5rem;
  color: #333;
  margin-bottom: 60px;
}

.carousel-container {
  max-width: 900px;
  margin: 0 auto;
}

.carousel {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
}

.carousel-content {
  flex: 1;
  overflow: hidden;
  border-radius: 20px;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease;
}

.product-card {
  min-width: 100%;
  background: white;
  padding: 50px 30px;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.product-icon {
  font-size: 4rem;
  margin-bottom: 20px;
}

.product-card h3 {
  font-size: 1.8rem;
  color: #333;
  margin-bottom: 15px;
}

.product-card p {
  color: #666;
  font-size: 1.1rem;
  line-height: 1.6;
}

.carousel-btn {
  background: #8b4513;
  color: white;
  border: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 1.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-btn:hover {
  background: #a0522d;
  transform: scale(1.1);
}

.carousel-indicators {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}

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

.indicator.active {
  background: #8b4513;
  transform: scale(1.2);
}

/* Location Styles */

.location {
  padding: 100px 0;
  background: white;
}

.location h2 {
  text-align: center;
  font-size: 2.5rem;
  color: #333;
  margin-bottom: 60px;
}

.location-content {
  display: flex;
  justify-content: center;
}

.location-info {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.info-item h3 {
  font-size: 1.3rem;
  color: #8b4513;
  margin-bottom: 15px;
}

.info-item p {
  color: #666;
  font-size: 1.1rem;
  line-height: 1.6;
}

.map-placeholder {
  background: #f8f8f8;
  border-radius: 15px;
  padding: 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 300px;
}

.map-content h4 {
  font-size: 1.5rem;
  color: #333;
  margin-bottom: 20px;
}

.map-content p {
  color: #666;
  margin-bottom: 30px;
  line-height: 1.6;
}

.map-btn {
  background: #8b4513;
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 25px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  align-self: center;
}

.map-btn:hover {
  background: #a0522d;
  transform: translateY(-2px);
}

/* Footer Styles */

.footer {
  background: #333;
  color: white;
  padding: 60px 0 20px;
}

.footer-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  margin-bottom: 40px;
}

.footer-section h3,
.footer-section h4 {
  margin-bottom: 20px;
  color: #8b4513;
}

.footer-section h3 {
  font-size: 1.5rem;
}

.footer-section p {
  color: #ccc;
  line-height: 1.6;
  margin-bottom: 10px;
}

.footer-section ul {
  list-style: none;
}

.footer-section ul li {
  margin-bottom: 10px;
}

.footer-section ul li a {
  color: #ccc;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-section ul li a:hover {
  color: #8b4513;
}

.social-links {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}

.social-links a {
  font-size: 1.5rem;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.social-links a:hover {
  transform: scale(1.2);
}

.footer-bottom {
  border-top: 1px solid #555;
  padding-top: 20px;
  text-align: center;
  color: #999;
}

/* Responsive Design */

@media (max-width: 768px) {
  .mobile-menu-btn {
    display: flex;
  }

  .nav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }

  .nav-open {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }

  .nav ul {
    flex-direction: column;
    padding: 20px;
    gap: 20px;
  }

  .hero h1 {
    font-size: 2.5rem;
  }

  .hero p {
    font-size: 1.1rem;
  }

  .about-content {
    grid-template-columns: 1fr;
    gap: 40px;
  }

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

  .carousel {
    flex-direction: column;
    gap: 20px;
  }

  .carousel-btn {
    width: 40px;
    height: 40px;
    font-size: 1.2rem;
  }

  .carousel-btn.prev {
    order: -1;
  }

  .carousel-btn.next {
    order: 1;
  }

  .location-content {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .footer-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}

@media (max-width: 480px) {
  .container {
    padding: 0 15px;
  }

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

  .about h2,
  .products h2,
  .location h2 {
    font-size: 2rem;
  }

  .footer-content {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}