body[data-v-1f2cc489] {
  font-size: 16px;
}
.card-dashboard-title[data-v-1f2cc489] {
  font-weight: 400;
  font-size: 22px;
  color: #ffffff !important;
  position: relative;
  top: 12px;
  opacity: 1 !important;
}
.card-dashboard-title-black[data-v-1f2cc489] {
  font-weight: 400;
  font-size: 22px;
  color: black !important;
  position: relative;
  top: 12px;
  opacity: 1 !important;
}
.card-dashboard-value[data-v-1f2cc489] {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #ffffff !important;
  position: relative;
  top: 10px;
}
.card-dashboard-value-2[data-v-1f2cc489] {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #ffffff !important;
  position: relative;
  top: 10px;
}
.card-dashboard-value-black[data-v-1f2cc489] {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: black !important;
  position: relative;
  top: 10px;
}
.popup-table tr td[data-v-1f2cc489] {
  padding: 5px;
}
.popup-property[data-v-1f2cc489] {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #9a9a9a;
}
.popup-value[data-v-1f2cc489] {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
}
.my-custom-table[data-v-1f2cc489] {
  font-size: 8px !important;
}
.custom-header[data-v-1f2cc489] {
  color: #000000 !important;
  font-size: 12px !important;
  /* Font size for headers */
}
.custom-cell[data-v-1f2cc489] {
  font-size: 12px !important;
  color: #000000 !important;
  /* Font size for cell data */
}
.custom-cell-row[data-v-1f2cc489] {
  flex-direction: row;
  width: 100px;
  justify-content: space-between;
}
.my-custom-table tbody tr > td[data-v-1f2cc489] {
  color: #000000 !important;
  /* Change text color */
}
.bg-white[data-v-1f2cc489] {
  background-color: white;
  border-radius: 5px;
}
.text-green[data-v-1f2cc489] {
  color: green;
}
.text-red[data-v-1f2cc489] {
  color: red;
}
.theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr > th[data-v-1f2cc489] {
  color: #000000 !important;
  font-size: 14px !important;
}
.theme--dark.v-data-table > .v-data-table__wrapper > table > thead > tr > th[data-v-1f2cc489] {
  color: #000000 !important;
  font-size: 14px !important;
}
.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr > td[data-v-1f2cc489] {
  color: #000000 !important;
  font-size: 14px !important;
}
.theme--dark.v-data-table > .v-data-table__wrapper > table > tbody > tr > td[data-v-1f2cc489] {
  color: #000000 !important;
  font-size: 14px !important;
}
.v-date-picker-table .v-date-picker-table__current.accent[data-v-1f2cc489],
.v-date-picker-table .v-btn--active.accent[data-v-1f2cc489] {
  background-color: var(--v-accent-base) !important;
  border-color: var(--v-accent-base) !important;
}
.v-date-picker-table .v-date-picker-table__current.accent--text[data-v-1f2cc489],
.v-date-picker-table .v-btn--active.accent--text[data-v-1f2cc489] {
  color: var(--v-accent-base) !important;
  caret-color: var(--v-accent-base) !important;
}
.theme--light.v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) button[data-v-1f2cc489]:hover {
  color: var(--v-accent-base) !important;
}
.theme--light.v-sheet h1[data-v-1f2cc489],
.theme--light.v-sheet h2[data-v-1f2cc489],
.theme--light.v-sheet h3[data-v-1f2cc489],
.theme--light.v-sheet h4[data-v-1f2cc489],
.theme--light.v-sheet h5[data-v-1f2cc489],
.theme--light.v-sheet h6[data-v-1f2cc489] {
  color: #000000 !important;
}
.v-application a[data-v-1f2cc489] {
  color: var(--v-accent-base);
}
.v-pagination[data-v-1f2cc489] {
  justify-content: end !important;
}
.theme--light.v-sheet .v-card__title[data-v-1f2cc489] {
  color: black !important;
  justify-content: center;
}
.section-title[data-v-1f2cc489] {
  font-size: 20px !important;
}
.informasi-chargerbox[data-v-1f2cc489] {
  background-color: #f5f5f5;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}
.info-grid[data-v-1f2cc489] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.info-row[data-v-1f2cc489] {
  display: flex;
  gap: 8px;
  font-size: 14px;
}
.info-row .info-label[data-v-1f2cc489] {
  min-width: 180px;
  color: #757575;
}
.info-row .info-value[data-v-1f2cc489] {
  color: #212121;
}
.success-title[data-v-1f2cc489] {
  font-size: 18px;
  font-weight: bold;
  color: #212121;
}
.success-body[data-v-1f2cc489] {
  font-size: 14px;
  color: #424242;
  line-height: 1.5;
}
.success-icon-wrapper[data-v-1f2cc489] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #4caf50;
  box-shadow: 0 2px 8px rgba(76, 175, 80, 0.4);
}
.success-check[data-v-1f2cc489] {
  font-size: 48px !important;
}
body[data-v-2c701a74] {
  font-size: 16px;
}
.card-dashboard-title[data-v-2c701a74] {
  font-weight: 400;
  font-size: 22px;
  color: #ffffff !important;
  position: relative;
  top: 12px;
  opacity: 1 !important;
}
.card-dashboard-title-black[data-v-2c701a74] {
  font-weight: 400;
  font-size: 22px;
  color: black !important;
  position: relative;
  top: 12px;
  opacity: 1 !important;
}
.card-dashboard-value[data-v-2c701a74] {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #ffffff !important;
  position: relative;
  top: 10px;
}
.card-dashboard-value-2[data-v-2c701a74] {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: #ffffff !important;
  position: relative;
  top: 10px;
}
.card-dashboard-value-black[data-v-2c701a74] {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  color: black !important;
  position: relative;
  top: 10px;
}
.popup-table tr td[data-v-2c701a74] {
  padding: 5px;
}
.popup-property[data-v-2c701a74] {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #9a9a9a;
}
.popup-value[data-v-2c701a74] {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
}
.my-custom-table[data-v-2c701a74] {
  font-size: 8px !important;
}
.custom-header[data-v-2c701a74] {
  color: #000000 !important;
  font-size: 12px !important;
  /* Font size for headers */
}
.custom-cell[data-v-2c701a74] {
  font-size: 12px !important;
  color: #000000 !important;
  /* Font size for cell data */
}
.custom-cell-row[data-v-2c701a74] {
  flex-direction: row;
  width: 100px;
  justify-content: space-between;
}
.my-custom-table tbody tr > td[data-v-2c701a74] {
  color: #000000 !important;
  /* Change text color */
}
.bg-white[data-v-2c701a74] {
  background-color: white;
  border-radius: 5px;
}
.text-green[data-v-2c701a74] {
  color: green;
}
.text-red[data-v-2c701a74] {
  color: red;
}
.theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr > th[data-v-2c701a74] {
  color: #000000 !important;
  font-size: 14px !important;
}
.theme--dark.v-data-table > .v-data-table__wrapper > table > thead > tr > th[data-v-2c701a74] {
  color: #000000 !important;
  font-size: 14px !important;
}
.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr > td[data-v-2c701a74] {
  color: #000000 !important;
  font-size: 14px !important;
}
.theme--dark.v-data-table > .v-data-table__wrapper > table > tbody > tr > td[data-v-2c701a74] {
  color: #000000 !important;
  font-size: 14px !important;
}
.v-date-picker-table .v-date-picker-table__current.accent[data-v-2c701a74],
.v-date-picker-table .v-btn--active.accent[data-v-2c701a74] {
  background-color: var(--v-accent-base) !important;
  border-color: var(--v-accent-base) !important;
}
.v-date-picker-table .v-date-picker-table__current.accent--text[data-v-2c701a74],
.v-date-picker-table .v-btn--active.accent--text[data-v-2c701a74] {
  color: var(--v-accent-base) !important;
  caret-color: var(--v-accent-base) !important;
}
.theme--light.v-date-picker-header .v-date-picker-header__value:not(.v-date-picker-header__value--disabled) button[data-v-2c701a74]:hover {
  color: var(--v-accent-base) !important;
}
.theme--light.v-sheet h1[data-v-2c701a74],
.theme--light.v-sheet h2[data-v-2c701a74],
.theme--light.v-sheet h3[data-v-2c701a74],
.theme--light.v-sheet h4[data-v-2c701a74],
.theme--light.v-sheet h5[data-v-2c701a74],
.theme--light.v-sheet h6[data-v-2c701a74] {
  color: #000000 !important;
}
.v-application a[data-v-2c701a74] {
  color: var(--v-accent-base);
}
.v-pagination[data-v-2c701a74] {
  justify-content: end !important;
}
.theme--light.v-sheet .v-card__title[data-v-2c701a74] {
  color: black !important;
  justify-content: center;
}
.section-title[data-v-2c701a74] {
  font-size: 20px !important;
}
.action-btn[data-v-2c701a74] {
  min-width: 40px !important;
  min-height: 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  background-color: #ebf0ff !important;
  box-shadow: none !important;
}
.action-btn .v-icon[data-v-2c701a74] {
  color: #3366ff !important;
  cursor: pointer;
}

[data-v-5da6f67e] .cell-top {
  vertical-align: top !important;
}
.card-header[data-v-5da6f67e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.card-header__title[data-v-5da6f67e] {
  display: flex;
  align-items: center;
}
.card-header__spacer[data-v-5da6f67e] {
  flex: 1;
  min-width: 16px;
}
.card-header__search[data-v-5da6f67e] {
  min-width: 200px;
}
.card-title[data-v-5da6f67e] {
  font-size: 20px;
  font-weight: 600;
}
.header-actions[data-v-5da6f67e] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.header-actions__item[data-v-5da6f67e] {
  display: flex;
  align-items: center;
  height: 36px;
}
.header-actions__item[data-v-5da6f67e] .v-row,
.header-actions__item[data-v-5da6f67e] .v-btn {
  margin: 0 !important;
  padding: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
}
.header-actions__item[data-v-5da6f67e] .v-row {
  align-items: center;
  flex: none;
}
@media (max-width: 960px) {
.card-header[data-v-5da6f67e] {
    flex-direction: column;
    align-items: stretch;
}
.card-header__spacer[data-v-5da6f67e] {
    display: none;
}
.card-header__search[data-v-5da6f67e] {
    min-width: 100%;
}
.header-actions[data-v-5da6f67e] {
    justify-content: flex-end;
}
}
.pagination-row[data-v-5da6f67e] {
  align-items: center;
}
.pagination-card[data-v-5da6f67e] {
  flex: 0 1 auto;
}
.paginate-select[data-v-5da6f67e] {
  margin: 4px 0 !important;
}
.pagination-col[data-v-5da6f67e] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.status-chip[data-v-5da6f67e] {
  border-radius: 8px;
  min-height: 36px;
  padding: 6px 16px;
  width: 100%;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  box-shadow: none;
}
.action-cell[data-v-5da6f67e] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.action-buttons[data-v-5da6f67e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  /* biar tidak terlalu mepet di layar kecil */
  max-width: 100%;
}
.action-btn[data-v-5da6f67e] {
  min-width: 36px !important;
  min-height: 36px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background-color: #ebf0ff !important;
  box-shadow: none !important;
}
.action-btn .v-icon[data-v-5da6f67e] {
  color: #3366ff !important;
  cursor: pointer;
}

/* Responsiveness untuk semua device */
@media (max-width: 600px) {
.action-buttons[data-v-5da6f67e] {
    justify-content: flex-start;
    gap: 0.75rem;
}
.action-cell[data-v-5da6f67e] {
    justify-content: flex-start;
}
.action-btn[data-v-5da6f67e] {
    min-width: 32px !important;
    min-height: 32px !important;
    width: 32px !important;
    height: 32px !important;
}
}
@media (min-width: 601px) and (max-width: 1264px) {
.action-buttons[data-v-5da6f67e] {
    justify-content: center;
    gap: 0.75rem;
}
}
@media (min-width: 1265px) {
.action-cell[data-v-5da6f67e] {
    justify-content: center;
}
.action-buttons[data-v-5da6f67e] {
    gap: 1rem;
}
.action-btn[data-v-5da6f67e] {
    min-width: 38px !important;
    min-height: 38px !important;
    width: 38px !important;
    height: 38px !important;
}
}