:root {
  --main-blue-color: #0066ffff;
  --secondary-blue-color: #1c496d;
  --main-gray-color: #f7f7f7;
  --global-header-height: 80px;
  --admin-tool-header-height: 50px;
  --socket-indicator-height: 50px;
}

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

html {
  font-size: 16px;
  height: 100vh;
}

body {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  background-color: var(--main-gray-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family:
    source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

button {
  background: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
}

input,
select,
option,
button {
  font-family: inherit;
}

a {
  text-decoration: none;
}

@font-face {
  font-family: Roboto;
  src: url(/assets/Roboto-Thin-DxNvdLoR.ttf);
  font-weight: 100;
}

@font-face {
  font-family: Roboto;
  src: url(/assets/Roboto-Light-Dwz7nuwl.ttf);
  font-weight: 300;
}

@font-face {
  font-family: Roboto;
  src: url(/assets/Roboto-Regular-CmjnF39D.ttf);
  font-weight: 400;
}

@font-face {
  font-family: Roboto;
  src: url(/assets/Roboto-Medium-BzTpVR6v.ttf);
  font-weight: 500;
}

@font-face {
  font-family: Roboto;
  src: url(/assets/Roboto-Bold-0vjaqapF.ttf);
  font-weight: 700;
}
._sidenav_1bi7w_1 {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 4;
  top: 0;
  right: 0;
  background-color: #ffff;
  overflow-x: hidden;
  transition: 0.5s;
}

._sidenav_1bi7w_1._active_1bi7w_13 {
  width: 30em;
}

._sidenav_1bi7w_1 a,
._sidenav_1bi7w_1 button {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

._sidenav_1bi7w_1 a:hover {
  color: #f1f1f1;
}

._closebtn_1bi7w_31 {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  cursor: pointer;
}

._overlay_1bi7w_40 {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
  cursor: pointer;
}

._overlay_1bi7w_40._active_1bi7w_13 {
  display: block;
}
._modalOverlay_ksc88_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

._modalContentNoButtons_ksc88_15 {
  background-color: var(--color-gray2);
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  overflow-y: auto;
  animation: _modalFadeIn_ksc88_1 0.3s ease-out;
}

._modalContent_ksc88_15 {
  background-color: var(--color-gray2);
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  overflow-y: auto;
  animation: _modalFadeIn_ksc88_1 0.3s ease-out;
  padding-bottom: 2rem;
}

._modalTitle_ksc88_38 {
  font-size: 1.5rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
  color: var(--color-dark-blue); /* Uses darkBlue from powerColors */
  background-color: var(--color-white);
}
._modalIcon_ksc88_48 {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}

._modalIcon_ksc88_48 svg {
  width: 1.3rem;
  height: 1.3rem;
}
._modalBtnIcon_ksc88_58 {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

._modalBtnIcon_ksc88_58 svg {
  width: 1rem !important;
  height: 1rem !important;
}
._modalButtons_ksc88_70 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-top: 2rem;
}
._modalButton_ksc88_70 {
  height: 2.8rem;
  border-radius: 0.25rem;
  border: none;
  cursor: pointer;
  font-size: 0.9rem;
  padding: 0.5rem 2.5rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
._okBlue_ksc88_90 {
  background-color: var(--color-light-blue);
  color: var(--color-white);
}
._cancelBlue_ksc88_94 {
  background-color: var(--color-white);
  border: 1.5px solid var(--color-light-blue);
  color: var(--color-light-blue);
}
._okRed_ksc88_99 {
  background-color: var(--color-red2);
  color: var(--color-white);
}
._cancelRed_ksc88_103 {
  background-color: var(--color-white);
  border: 1.5px solid var(--color-red2);
  color: var(--color-red2);
}

/* Disabled button styles */
._modalButton_ksc88_70:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
._contentContainer_ksc88_115 {
  min-width: 35rem;
  padding: 1.5rem 1rem 1rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
._contentTitle_ksc88_124 {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-dark-blue);
}
._contentSubtitle_ksc88_129 {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--color-light-blue);
}
._contentDescription_ksc88_134 {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-dark-blue);
}

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

._successModalContainer_ksc88_151 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  text-align: center;
  min-width: 32rem;
  min-height: 14rem;
}

._successModalIcon_ksc88_162 {
  position: relative;
  margin-bottom: 0.5rem;
}

._successModalIcon_ksc88_162 svg {
  width: 80px;
  height: 80px;
}

._successModalTitle_ksc88_172 {
  color: var(--color-dark-blue);
  font-size: 1em;
  font-weight: 600;
  margin: 0;
  font-family:
    system-ui,
    -apple-system,
    sans-serif;
}

._errorModalTitle_ksc88_183 {
  color: var(--color-red2);
  font-size: 1em;
  font-weight: 600;
  margin: 0;
  font-family:
    system-ui,
    -apple-system,
    sans-serif;
}

._successModalMessage_ksc88_194 {
  color: var(--color-dark-blue);
  font-size: 0.9em;
  font-weight: 600;
  margin: 1rem 0 0 0;
  font-family:
    system-ui,
    -apple-system,
    sans-serif;
}

/* Responsive */
@media (max-width: 768px) {
  ._modalContent_ksc88_15 {
    max-width: 95vw;
    max-height: 95vh;
    margin: 10px;
  }

  ._modalOverlay_ksc88_1 {
    padding: 10px;
  }

  ._successModalContainer_ksc88_151 {
    min-width: auto;
    width: 100%;
    padding: 1rem;
  }
}
._loaderContainer_taqrz_1 {
  display: flex;
  flex:1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

._spinner_taqrz_10 {
  animation: _spin_taqrz_10 1s linear infinite;
  color: var(--secondary-blue-color);
}

._small_taqrz_15 ._spinner_taqrz_10 {
  width: 1.5em;
  height: 1.5em;
}

._medium_taqrz_20 ._spinner_taqrz_10 {
  width: 2em;
  height: 2em;
}

._large_taqrz_25 ._spinner_taqrz_10 {
  width: 3em;
  height: 3em;
}

@keyframes _spin_taqrz_10 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._buttonContainer_gcwgx_1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

._editButton_gcwgx_8 {
  border-radius: 0.4em;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s ease;
}

._smallButton_gcwgx_19 {
  padding: 0.5rem 1rem;
}

._mediumButton_gcwgx_23 {
  padding: 0.5rem 2rem;
}

._largeButton_gcwgx_27 {
  padding: 0.5rem 3rem;
}

._editIcon_gcwgx_31 {
  width: 1em;
  height: 1em;
  height: auto;
  transition: color 0.2s ease;
}

._editIcon_gcwgx_31 path {
  color: inherit;
}

/* Blue Button */
._blueSpinnerIcon_gcwgx_43 {
  color: var(--color-light-blue);
}

._blueBorder_gcwgx_47 {
  border: 0.125rem solid var(--color-light-blue);
  color: var(--color-light-blue);
}

._blueBackground_gcwgx_52 {
  background: var(--color-light-blue);
  color: var(--color-white);
}

/* Blue Button Hover */
._blueBorder_gcwgx_47:hover,
._blueBorder_gcwgx_47:hover path {
  background: var(--color-dark-blue6);
  border: 0.125rem solid var(--color-dark-blue6);
  color: var(--color-white);
  stroke: var(--color-white);
}

._blueBorder_gcwgx_47:hover ._editIcon_gcwgx_31,
._blueBorder_gcwgx_47:hover ._editIcon_gcwgx_31 path {
  color: var(--color-white);
  stroke: var(--color-white);
}

._blueBackground_gcwgx_52:hover {
  background: var(--color-dark-blue6);
  border: 0.125rem solid var(--color-dark-blue6);
  color: var(--color-white);
}

._blueBackground_gcwgx_52 ._editIcon_gcwgx_31 {
  color: var(--color-white) !important;
}

._blueBackground_gcwgx_52 ._editIcon_gcwgx_31 path {
  color: var(--color-white) !important;
}

/* Red Button */
._redBorder_gcwgx_87 {
  border: 0.125rem solid var(--color-red);
  color: var(--color-red);
}

._redBackground_gcwgx_92 {
  background: var(--color-red);
  color: var(--color-white);
}

._redBackground_gcwgx_92 ._editIcon_gcwgx_31 {
  color: var(--color-white) !important;
}

._redBackground_gcwgx_92 ._editIcon_gcwgx_31 path {
  color: var(--color-white) !important;
}

/* Red Button Hover */
._redBorder_gcwgx_87:hover {
  background: var(--color-red);
  color: var(--color-white);
}

._redBackground_gcwgx_92:hover {
  background: var(--color-light-red4);
  border: 0.125rem solid var(--color-light-red4);
}

._redSpinnerIcon_gcwgx_116 {
  color: var(--color-red);
}

._loader_gcwgx_120 {
  pointer-events: none;
  position: absolute;
  right: 5px;
  width: 3em;
  height: 3em;
  color: inherit;
}

/* Disabled state styles */
._editButton_gcwgx_8:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

._editButton_gcwgx_8:disabled:hover {
  background: inherit;
  color: inherit;
}

/* Disabled state for blue buttons */
._blueBorder_gcwgx_47:disabled {
  border-color: var(--color-gray3);
  color: var(--color-gray8);
  background: var(--color-white);
}

._blueBorder_gcwgx_47:disabled ._editIcon_gcwgx_31,
._blueBorder_gcwgx_47:disabled ._editIcon_gcwgx_31 path {
  color: var(--color-gray8);
  fill: var(--color-gray8);
  stroke: var(--color-gray8);
}

._blueBackground_gcwgx_52:disabled {
  background: var(--color-gray3);
  color: var(--color-gray8);
  border-color: var(--color-gray3);
}

._blueBackground_gcwgx_52:disabled ._editIcon_gcwgx_31,
._blueBackground_gcwgx_52:disabled ._editIcon_gcwgx_31 path {
  color: var(--color-gray8);
  fill: var(--color-gray8);
  stroke: var(--color-gray8);
}

/* Disabled state for red buttons */
._redBorder_gcwgx_87:disabled {
  border-color: #ccc;
  color: var(--color-gray8);
  background: var(--color-white);
}

._redBackground_gcwgx_92:disabled {
  background: var(--color-gray3);
  color: var(--color-gray8);
  border-color: var(--color-gray3);
}
._toastContainer_1krtg_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  box-sizing: border-box;
}

._toast_1krtg_1 {
  width: 100%;
  min-height: 60px;
  max-height: 60px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  pointer-events: auto;
  animation: _slideInFromTop_1krtg_1 0.3s ease-out;
  overflow: hidden;
}

._toastContent_1krtg_30 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 1;
  min-height: 0;
}

._toastIcon_1krtg_39 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.5);
}

._toastIcon_1krtg_39 img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  filter: currentColor;
}

._toastIcon_1krtg_39 svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  color: currentColor;
}

._toastIconNoFilled_1krtg_64 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  flex-shrink: 0;
  background-color: var(--main-gray-color);
}

._toastMessageContainer_1krtg_75 {
  display: flex;
  align-items: center;
}

._toastMessage_1krtg_75 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: left;
  font-weight: 600;
  font-size: 18px;
}

._actionButton_1krtg_88 {
  background: none;
  border: none;
  color: inherit;
  font-size: 18px;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  margin-left: 8px;
  text-align: left;
  transition: opacity 0.2s ease;
  display: inline;
}

._actionButton_1krtg_88:hover {
  opacity: 0.8;
}

._actionButton_1krtg_88:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

._closeButton_1krtg_112 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin-left: 16px;
  margin-right: 4px;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  color: inherit;
  opacity: 0.7;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

._closeButton_1krtg_112:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.1);
}

._closeButton_1krtg_112:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

._closeButton_1krtg_112 svg {
  width: 20px;
  height: 20px;
}

._toastInfo_1krtg_146 {
  background-color: var(--color-light-blue5);
  color: var(--main-blue-color);
  border-bottom: 4px solid var(--color-dark-blue7);
}

._toastInfo_1krtg_146 ._closeButton_1krtg_112:hover {
  background-color: rgba(28, 73, 109, 0.1);
}

._toastSuccess_1krtg_156 {
  background-color: var(--color-green4);
  color: var(--color-green6);
  border-bottom: 4px solid var(--color-green5);
}

._toastSuccess_1krtg_156 ._closeButton_1krtg_112:hover {
  background-color: rgba(28, 109, 55, 0.1);
}

._toastWarning_1krtg_166 {
  background-color: var(--color-yellow2);
  color: var(--color-yellow3);
  border-bottom: 4px solid var(--color-yellow4);
}

._toastWarning_1krtg_166 ._closeButton_1krtg_112:hover {
  background-color: rgba(100, 70, 10, 0.1);
}

._toastError_1krtg_176 {
  background-color: var(--color-light-red5);
  color: var(--color-light-red6);
  border-bottom: 4px solid var(--color-light-red7);
}

._toastError_1krtg_176 ._closeButton_1krtg_112:hover {
  background-color: rgba(180, 24, 24, 0.1);
}

@keyframes _slideInFromTop_1krtg_1 {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes _slideOutToTop_1krtg_1 {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}

._toastClosing_1krtg_208 {
  animation: _slideOutToTop_1krtg_1 0.3s ease-in forwards !important;
}

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

  ._toast_1krtg_1 {
    padding: 12px 16px;
    min-height: 60px;
    max-height: 60px;
  }

  ._toastContent_1krtg_30 {
    gap: 8px;
  }

  ._toastIcon_1krtg_39 {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  ._toastIcon_1krtg_39 img {
    width: 20px;
    height: 20px;
  }

  ._toastIcon_1krtg_39 svg {
    width: 20px;
    height: 20px;
  }

  ._closeButton_1krtg_112 {
    padding: 0;
    margin-left: 8px;
    width: 20px;
    height: 20px;
  }

  ._closeButton_1krtg_112 svg {
    width: 20px;
    height: 20px;
  }

  ._toastMessage_1krtg_75 {
    font-size: 18px;
    font-weight: 600;
  }

  ._actionButton_1krtg_88 {
    font-size: 18px;
    font-weight: 600;
    margin-left: 6px;
  }
}

@media (max-width: 480px) {
  ._toastContainer_1krtg_1 {
    padding: 0;
  }

  ._toast_1krtg_1 {
    padding: 10px 12px;
    min-height: 60px;
    max-height: 60px;
  }

  ._toastIcon_1krtg_39 {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  ._toastIcon_1krtg_39 img {
    width: 20px;
    height: 20px;
  }

  ._toastIcon_1krtg_39 svg {
    width: 20px;
    height: 20px;
  }

  ._toastMessage_1krtg_75 {
    font-size: 18px;
    font-weight: 600;
  }

  ._actionButton_1krtg_88 {
    font-size: 18px;
    font-weight: 600;
    margin-left: 4px;
  }

  ._closeButton_1krtg_112 {
    width: 20px;
    height: 20px;
    padding: 0;
    margin-left: 6px;
  }

  ._closeButton_1krtg_112 svg {
    width: 20px;
    height: 20px;
  }
}
/* Loader Container */

._adminLoadingWrapper_d7sk0_3 {
  padding: 2em;
  height: calc(100vh - var(--header-height));
  overflow-y: auto;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  display: contents;
}

/* Admin Header */

._adminHeader_d7sk0_15 {
  display: flex;
  flex: 1;
  align-items: center;
  min-height: 70px;
  border-bottom: 1px solid var(--color-light-gray11);
  padding: 0 2em;
  align-items: center;
}

._adminHeaderLeft_d7sk0_25 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 0px;
  justify-content: start;
}

._adminHeaderLeft_d7sk0_25 > *:first-child {
  margin-right: 10px;
}

._adminHeaderLeft_d7sk0_25 > *:not(:first-child) {
  margin-right: 15px;
}

._adminHeaderCenter_d7sk0_41 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 15px;
  justify-content: center;
  align-items: center;
}

._adminHeaderRight_d7sk0_50 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 15px;
  align-items: center;
  justify-content: end;
  width: 100%;
}

/* Table Card Content */
._adminTableWrapper_d7sk0_61 {
  background: var(--color-light-gray16);
  display: flex;
  flex-direction: column;
  min-width: 100%;
}

/* Form Card Content */

._adminBodyWrapper_d7sk0_70 {
  display: flex;
  background: var(--color-light-gray16);
  padding: 2em;
}

._adminFormWrapper_d7sk0_76 {
  display: flex;
  justify-content: center;
  background: var(--color-light-gray16);
  padding: 3em 2em;
  border: 1px solid var(--color-light-gray12);
  align-self: center;
  flex: 1;
  width: 100%;
}

._adminFormGrid_d7sk0_87 {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  gap: 1em 2em;
}

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

._adminFormGrid_d7sk0_87 > div:nth-child(odd) {
  justify-self: end;
  max-width: 36em;
}

._adminFormGrid_d7sk0_87 > div:nth-child(even) {
  justify-self: start;
  max-width: 36em;
}

/* Admin Buttons Container */

._adminButtonsContainer_d7sk0_112 {
  display: flex;
  justify-content: flex-end;
  padding-right: 2em;
  gap: 1rem;
}

/* Media Queries Responsive */

@media (max-width: 768px) {
  ._adminFormWrapper_d7sk0_76 {
    justify-content: center;
    align-items: center;
  }

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

  ._adminFormGrid_d7sk0_87 > div:nth-child(odd) {
    justify-self: center;
    max-width: 100%;
  }

  ._adminFormGrid_d7sk0_87 > div:nth-child(even) {
    justify-self: center;
    max-width: 100%;
  }

  ._adminHeaderRight_d7sk0_50 {
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
  }
}
/* Admin Tool Container */

._container_1frtc_3 {
  display: flex;
  flex-direction: column;
  height: calc(100vh - var(--global-header-height));
}

._headerContainer_1frtc_9 {
  position: sticky;
  display: flex;
  padding: 1em 2em;
  align-items: center;
  background: var(--color-gray);
  height: var(--admin-tool-header-height);
}

/* Admin Tool Wrapper */

._adminWrapper_1frtc_20 {
  padding: 2em;
  height: calc(100vh - var(--header-height));
  overflow-y: auto;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}

._adminContainer_1frtc_29 {
  border: 1px solid var(--color-light-gray12);
  border-radius: 9px;
  background: var(--color-white);
  box-shadow:
    0 3px 6px 0 var(--color-gray-shadow20),
    0 0 3px 0 var(--color-gray-shadow19);
  margin-bottom: 2em;
}

._adminContainer_1frtc_29:last-child {
  margin-bottom: 0;
}

._adminIconHeader_1frtc_43 {
  width: 32px;
  height: 32px;
  align-self: start;
}

._adminTitle_1frtc_49 {
  font-size: 30px;
  font-weight: 700;
  color: var(--secondary-blue-color);
}

._adminText_1frtc_55 {
  font-size: 16px;
  font-weight: 500;
  color: var(--secondary-blue-color);
}

._adminBlueText_1frtc_61 {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-light-blue);
}

._adminContainerRow_1frtc_67 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  width: 100%;
}

._adminContainerCenteredRow_1frtc_75 {
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}

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

._adminLoadingTableWrapper_1frtc_88 {
  height: calc(
    60vh - var(--global-header-height) - var(--admin-tool-header-height)
  );
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-light-gray16);
}

._adminButtonsContainerT_1frtc_100 {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

._adminTableContainer_1frtc_106 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* User Details */

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

._rowIcon_1frtc_114 {
  width: 16px;
  height: 16px;
  color: var(--main-blue-color);
}

._rowNameLink_1frtc_126 {
  background: none;
  border: none;
  color: var(--secondary-blue-color);
  text-decoration: underline;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  padding: 0;
  margin: 0;
  display: inline-block;
}

/* Alert */

._alertContentDeleteDescription_1frtc_142 {
  font-size: 20px;
  font-weight: 600;
  color: var(--secondary-blue-color);
  text-align: center;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 3em;
}

/* Modal */
._contentDeleteDescription_1frtc_155 {
  font-size: 20px;
  font-weight: 600;
  color: var(--secondary-blue-color);
  text-align: center;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 3em;
}

._contentDescription_1frtc_167 {
  font-size: 16px;
  font-weight: 500;
  color: var(--secondary-blue-color);
  text-align: center;
}

/* Success Modal Styles */
._successModalContainer_1frtc_175 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  text-align: center;
  min-width: 32rem;
  min-height: 14rem;
}

._successModalIcon_1frtc_186 {
  position: relative;
  margin-bottom: 0.5rem;
}

._successModalIcon_1frtc_186 svg {
  width: 80px;
  height: 80px;
}

._successModalTitle_1frtc_196 {
  color: var(--color-dark-blue);
  font-size: 1em;
  font-weight: 600;
  margin: 0;
  font-family:
    system-ui,
    -apple-system,
    sans-serif;
}

._successModalMessage_1frtc_207 {
  color: var(--color-dark-blue);
  font-size: 0.9em;
  font-weight: 600;
  margin: 1rem 0 0 0;
  font-family:
    system-ui,
    -apple-system,
    sans-serif;
}

._divider_1frtc_218 {
  padding: 1rem 1.7rem;
  border-top: 0.06rem solid var(--color-light-gray11);
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--secondary-blue-color);
}

._formModal_1frtc_226 {
  min-width: 55vw;
  min-height: 20vh;
}
._formModalHeader_1frtc_230 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._formBody_1frtc_235 {
  display: flex;
  max-height: 20vh;
  min-height: 20vh;
  overflow: auto;
}
._formBody_1frtc_235 > div {
  overflow: auto;
}
._dataTableModal_1frtc_244 {
  width: 100%;
  border-radius: 0 !important;
}

._dataTableModal_1frtc_244 * {
  font-size: 0.8rem !important;
}
._modalTitle_1frtc_252 {
  font-size: 1.3rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1.5rem;
  color: var(--color-dark-blue);
  background-color: var(--color-white);
}

._statusLabel_1frtc_263 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-dark-blue);
}

._statusValue_1frtc_269 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--main-blue-color);
}

._loadingContainer_1frtc_275 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  padding: 2rem;
  width: 100%;
}

._errorContainer_1frtc_284 {
  padding: 2rem;
  text-align: center;
  color: var(--color-red);
}

._errorContainer_1frtc_284 p {
  margin: 0.5rem 0;
}

._unassignModalContainer_1frtc_294 {
  min-width: 32rem;
}

._dataTable_1frtc_244 {
  width: 100%;
}

._locationNameContainer_1frtc_302 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._underlineStyle_1frtc_309 {
  text-decoration: underline;
}

._unassignButton_1frtc_313 {
  font-size: 0.8rem !important;
  font-weight: 600;
}

._hidden_1frtc_318 {
  display: none;
}
._tableContainer_g0pg5_1 {
  width: 100%;
  overflow: hidden;
  background: var(--color-white);
}

._tableContainer_g0pg5_1 {
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
}

._tableContainer_g0pg5_1._detailType_g0pg5_11 {
  border-radius: 10px;
  overflow: hidden;
}

._tableContainer_g0pg5_1._detailType_g0pg5_11 ._table_g0pg5_1 {
  border-radius: 10px;
}

._tableContainer_g0pg5_1._detailType_g0pg5_11 ._tableTitle_g0pg5_20 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

._tableContainer_g0pg5_1._detailType_g0pg5_11 ._tableBody_g0pg5_25 ._tableRow_g0pg5_25:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

._tableContainer_g0pg5_1._detailType_g0pg5_11 ._tableRow_g0pg5_25:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

._table_g0pg5_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
}

._tableTitle_g0pg5_20 {
  width: 100%;
  background-color: var(--color-background-light-blue7);
  padding: 16px 24px;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: left;
  color: var(--secondary-blue-color);
}

._tableHeader_g0pg5_54 {
  display: flex;
  background-color: var(--color-background-light-blue4);
  width: 100%;
}

._headerCell_g0pg5_60 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  color: var(--secondary-blue-color);
  min-height: 48px;
  box-sizing: border-box;
}

._headerCell_g0pg5_60:last-child {
  border-right: none;
}

._headerCell_g0pg5_60._sortable_g0pg5_81 {
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}

._headerCell_g0pg5_60._sortable_g0pg5_81:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

._headerText_g0pg5_91 {
  flex: 1;
  text-align: center;
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
  color: var(--secondary-blue-color);
}

._sortIcon_g0pg5_103 {
  margin-left: 4px;
  width: 12px;
  height: 10px;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}

._sortIconDefault_g0pg5_112 {
  transform: rotate(0deg);
}

._sortIconDown_g0pg5_116 {
  transform: rotate(0deg);
}

._sortIconUp_g0pg5_120 {
  transform: rotate(180deg);
}

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

._tableRow_g0pg5_25 {
  display: flex;
  transition: background-color 0.2s ease;
  width: 100%;
}

._tableRow_g0pg5_25:hover {
  background-color: var(--color-black-hover02);
}

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

._evenRow_g0pg5_143 {
  background-color: var(--color-light-gray16);
}

._oddRow_g0pg5_147 {
  background-color: var(--color-light-gray15);
}

._evenRow_g0pg5_143:hover,
._oddRow_g0pg5_147:hover {
  background-color: var(--color-gray10);
}

._tableCell_g0pg5_156 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  color: var(--secondary-blue-color);
  min-height: 48px;
  box-sizing: border-box;
  word-break: break-word;
}

._tableCell_g0pg5_156:last-child {
  border-right: none;
}

@media (max-width: 768px) {
  ._headerCell_g0pg5_60,
  ._tableCell_g0pg5_156 {
    padding: 8px 12px;
    font-size: 12px;
    min-height: 40px;
  }

  ._sortIcon_g0pg5_103 {
    font-size: 10px;
  }
}

._emptyState_g0pg5_191 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 16px;
  color: var(--color-gray8);
  font-size: 16px;
  font-style: italic;
}

._loadingState_g0pg5_201 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 16px;
  color: var(--color-gray8);
  font-size: 16px;
}

._columnSmall_g0pg5_210 {
  width: 80px;
  min-width: 80px;
}

._columnMedium_g0pg5_215 {
  width: 120px;
  min-width: 120px;
}

._columnLarge_g0pg5_220 {
  width: 200px;
  min-width: 200px;
}

._columnFlexible_g0pg5_225 {
  flex: 1;
  min-width: 100px;
}

/* Selection styles */
._selectableRow_g0pg5_231 {
  cursor: pointer;
  user-select: none;
}

._selectableRow_g0pg5_231._evenRow_g0pg5_143:hover:not(._selectedRow_g0pg5_236) {
  background-color: var(--color-light-gray14-hover) !important;
}

._selectableRow_g0pg5_231._oddRow_g0pg5_147:hover:not(._selectedRow_g0pg5_236) {
  background-color: var(--color-light-gray15-hover) !important;
}

._selectedRow_g0pg5_236 {
  background-color: var(--color-light-blue) !important;
  border-left: 4px solid var(--color-light-blue);
  color: var(--color-white);
}

._selectedRow_g0pg5_236:hover,
._selectedRow_g0pg5_236._evenRow_g0pg5_143:hover,
._selectedRow_g0pg5_236._oddRow_g0pg5_147:hover {
  background-color: var(--color-light-blue) !important;
  color: var(--color-white);
}

._selectedRow_g0pg5_236 ._tableCell_g0pg5_156 {
  color: var(--color-white) !important;
}

._leftAligned_g0pg5_261 {
  text-align: left !important;
  justify-content: flex-start !important;
  margin-left: 3rem !important;
}

._clickableCell_g0pg5_267 {
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid var(--secondary-blue-color);
  transition: opacity 0.2s ease;
  padding-bottom: 1px;
}
._emptyState_2kd3t_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 16px;
  color: var(--color-gray8);
  font-size: 16px;
  font-style: italic;
  flex: 1;
}
._checkboxContainer_qne1a_1 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

._checkboxBox_qne1a_8 {
  width: 20px;
  height: 20px;
  border: 2px solid var(--main-blue-color);
  border-radius: 4px;
  background-color: transparent; 
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

._checkboxBox_qne1a_8:hover {
  border-color: var(--color-light-blue2);
  background-color: var(--color-background-light-blue8);
}

._checkboxBox_qne1a_8._checked_qne1a_25 {
  border-color: var(--main-blue-color);
}

._checkboxBox_qne1a_8._checked_qne1a_25:hover {
  border-color: var(--color-light-blue2);
}

._checkmark_qne1a_33 {
  width: 12px;
  height: 9px;
}/* Plus Button */

._plusButtonContainer_15lpi_3{
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  color: #1c496d;
}._searchContainer_1p3gx_1 {
  position: relative;
  width: min(600px, 50vw);
  min-width: 280px;
}

._searchIcon_1p3gx_7 {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 19px;
  pointer-events: none;
}

._searchInput_1p3gx_17 {
  width: 100%;
  height: 40px;
  padding: 0 16px 0 48px;
  border: 1px solid var(--color-light-gray10);
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
  opacity: 1;
}

._searchInput_1p3gx_17::placeholder {
  color: var(--color-placeholder-blue);
}

._inputIcons_1p3gx_33 {
  flex: 1;
  display: flex;
  position: absolute;
  height: 100%;
  right: 0.7rem;
  top: 0;
  color: var(--secondary-blue-color);
}

._icon_1p3gx_43 {
  display: flex;
  align-items: center;
  cursor: pointer;
}

._icon_1p3gx_43 path {
  stroke: var(--main-blue-color);
}

._paginationContainer_uelac_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 16px 0;
  font-family: 'Roboto', sans-serif;
}

._paginationButton_uelac_11 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 8px 12px;
  border: none;
  border-radius: 6px;
  background-color: var(--color-white);
  color: var(--secondary-blue-color);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
  outline: none;
  box-shadow: 0 2px 8px var(--color-black-shadow10);
}

._pageButton_uelac_31 {
  font-weight: 600;
}

._arrowButton_uelac_35 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 8px;
  color: var(--main-blue-color);
  min-width: auto;
  height: auto;
}

._arrowButton_uelac_35:hover:not(._disabled_uelac_45) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

._arrowIcon_uelac_52 {
  width: 20px;
  height: 15px;
  transition: all 0.2s ease;
}

._leftArrow_uelac_58 ._arrowIcon_uelac_52 {
  transform: rotate(180deg);
}

._rightArrow_uelac_62 ._arrowIcon_uelac_52 {
  transform: rotate(0deg);
}

._paginationButton_uelac_11:hover:not(._disabled_uelac_45):not(._active_uelac_66) {
  background-color: var(--color-light-gray9);
  box-shadow: 0 4px 12px var(--color-black-shadow15);
  transform: translateY(-1px);
}

._paginationButton_uelac_11._active_uelac_66 {
  background-color: var(--color-background-light-blue2);
  color: var(--secondary-blue-color);
  font-weight: 700;
  transform: scale(1.1);
  z-index: 1;
  position: relative;
}

._paginationButton_uelac_11._disabled_uelac_45 {
  background-color: var(--color-light-gray9);
  color: var(--color-light-gray13);
  cursor: not-allowed;
  box-shadow: 0 1px 4px var(--color-black-shadow10);
}

._paginationButton_uelac_11._disabled_uelac_45:hover {
  background-color: var(--color-light-gray9);
  color: var(--color-light-gray13);
  box-shadow: 0 1px 4px var(--color-black-shadow10);
  transform: none;
}

._arrowButton_uelac_35._disabled_uelac_45 {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--color-light-gray13);
  cursor: not-allowed;
  transform: none !important;
}

._arrowButton_uelac_35._disabled_uelac_45:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--color-light-gray13);
  transform: none !important;
}

._ellipsis_uelac_112 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  color: var(--secondary-blue-color);
  font-size: 16px;
  font-weight: 600;
  user-select: none;
}

._dotsIcon_uelac_124 {
  width: 32px;
  height: 6px;
}

._paginationButton_uelac_11:focus-visible {
  outline: 2px solid var(--main-blue-color);
  outline-offset: 2px;
}

@media (max-width: 768px) {
  ._paginationContainer_uelac_2 {
    gap: 12px;
    padding: 12px 0;
  }
  
  ._paginationButton_uelac_11 {
    min-width: 36px;
    height: 36px;
    padding: 6px 10px;
    font-size: 13px;
  }

  ._arrowButton_uelac_35 {
    min-width: auto;
    padding: 6px;
  }
  
  ._ellipsis_uelac_112 {
    min-width: 36px;
    height: 36px;
    font-size: 14px;
  }

  ._arrowIcon_uelac_52 {
    width: 18px;
    height: 13px;
  }

  ._dotsIcon_uelac_124 {
    width: 28px;
    height: 5px;
  }
}

@media (max-width: 480px) {
  ._paginationContainer_uelac_2 {
    gap: 8px;
  }
  
  ._paginationButton_uelac_11 {
    min-width: 32px;
    height: 32px;
    padding: 4px 8px;
    font-size: 12px;
  }

  ._arrowButton_uelac_35 {
    min-width: auto;
    padding: 4px;
  }
  
  ._ellipsis_uelac_112 {
    min-width: 32px;
    height: 32px;
    font-size: 12px;
  }

  ._arrowIcon_uelac_52 {
    width: 16px;
    height: 12px;
  }

  ._dotsIcon_uelac_124 {
    width: 24px;
    height: 4px;
  }
}
._formGroup_p1l49_1 {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  align-items: center;
  gap: 1rem;
  width: inherit;
}

._label_p1l49_9 {
  font-size: 18px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  text-align: right;
  flex-shrink: 0;
}

._required_p1l49_17 {
  color: var(--color-orange-required);
}

._input_p1l49_21 {
  flex: 1;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-light-gray10);
  border-radius: 0.375rem;
  font-size: 16px;
  font-weight: 500;
  color: var(--main-blue-color);
  background: var(--color-white);
  box-shadow: inset 0 0.1rem 0.1rem var(--color-black-shadow10);
  transition: all 0.2s ease;
}

._input_p1l49_21:focus {
  outline: none;
  border-color: var(--main-blue-color);
}

._input_p1l49_21:hover:not(:focus):not(:disabled) {
  border-color: var(--color-light-gray13);
}

._input_p1l49_21:disabled {
  background-color: var(--color-light-gray9);
  color: var(--color-light-gray13);
  cursor: not-allowed;
  box-shadow: none;
}

._inputError_p1l49_50 {
  border-color: var(--color-red) !important;
}

._inputError_p1l49_50:focus {
  box-shadow:
    0 2px 8px var(--color-error-shadow-strong),
    0 0 0 2px var(--color-error-shadow-light);
}

._errorMessage_p1l49_60 {
  font-size: 12px;
  margin-top: 4px;
  display: block;
  min-width: 100px;
  color: var(--color-red);
}

._input_p1l49_21::placeholder {
  color: var(--color-light-gray13);
  font-weight: 400;
  opacity: 0.7;
}

._inputReadOnly_p1l49_74 {
  flex: 1;
  padding: 0.5rem 0.75rem;
  font-size: 16px;
  font-weight: 500;
  color: var(--main-blue-color);
  min-height: 2rem;
}

._inputWithFlag_p1l49_83 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._flagIcon_p1l49_90 {
  align-items: center;
  display: flex;
  position: absolute;
  left: 0.75rem;
  pointer-events: none;
}

._flagText_p1l49_98 {
  font-size: 16px;
  font-weight: 500;
  color: var(--main-blue-color);
  margin-left: 0.5rem;
}

._inputWithFlag_p1l49_83 input {
  padding-left: 4.5rem;
  height: 2.5rem;
  border: 1px solid #ccc;
  border-radius: 6px;
}

._inputContainer_p1l49_112 {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  justify-content: center;
}

._inputPassword_p1l49_120 {
  padding-right: 2.5rem;
}

._eyeIcon_p1l49_124 {
  flex: 1;
  display: flex;
  position: absolute;
  right: 0.7rem;
  color: var(--secondary-blue-color);
  cursor: pointer;
}

._eyeIcon_p1l49_124 path {
  stroke: var(--main-blue-color);
}
._formGroup_n78nc_1 {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  align-items: center;
  gap: 1rem;
  width: inherit;
}
._label_n78nc_8 {
  font-size: 18px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  text-align: right;
  flex-shrink: 0;
}

._select_n78nc_16 {
  flex: 1;
  padding: 0.5rem 0.7rem;
  border: none;
  border-radius: 0.3em;
  font-size: 16px;
  font-weight: 500;
  color: var(--main-blue-color);
  background: var(--color-white);
  transition: all 0.2s ease;
  cursor: pointer;
  appearance: none;
}

._selectWrapper_n78nc_30 ._iconContainer_n78nc_30 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0.5em;
  pointer-events: none;
  z-index: 10;
}

._iconContainer_n78nc_30 {
  transform: rotate(90deg);
}

._selectWrapper_n78nc_30 {
  position: relative;
  border: 1px solid var(--color-light-gray10);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
}

._selectWrapper_n78nc_30 select {
  appearance: none;
  padding-right: 1.7em;
}

._required_n78nc_59 {
  color: var(--color-orange-required);
}

._select_n78nc_16:focus {
  outline: none;
  border-color: var(--main-blue-color);
}

._select_n78nc_16:hover:not(:disabled) {
  box-shadow: 0 2px 5px rgba(57, 57, 57, 0.15);
}

._select_n78nc_16:disabled {
  background-color: var(--color-light-gray9);
  color: var(--color-light-gray13);
  cursor: not-allowed;
  box-shadow: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CCCCCC' 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");
}

._selectError_n78nc_80 {
  border-color: #ff4444;
  box-shadow: 0 2px 8px rgba(255, 68, 68, 0.15);
}

._selectError_n78nc_80:focus {
  border-color: #ff4444;
  box-shadow:
    0 2px 8px rgba(255, 68, 68, 0.2),
    0 0 0 2px rgba(255, 68, 68, 0.1);
}

._errorMessage_n78nc_92 {
  font-size: 12px;
  color: #ff4444;
  margin-top: 4px;
  display: block;
  min-width: 100px;
}

._selectReadOnly_n78nc_100 {
  flex: 1;
  padding: 0.5rem 0.75rem;
  font-size: 16px;
  font-weight: 500;
  color: var(--main-blue-color);
}
/* Estilos para alineación a la izquierda en tablas */
._leftAlignedCell_2nmdi_2 {
  text-align: left !important;
  justify-content: flex-start !important;
  display: flex !important;
  align-items: center !important;
}

._leftAlignedHeader_2nmdi_9 {
  text-align: left !important;
  justify-content: flex-start !important;
  display: flex !important;
  align-items: center !important;
}

/* Sobrescribir estilos del DataTable para alineación a la izquierda */
.tableCell {
  text-align: left !important;
  justify-content: flex-start !important;
}

.headerCell {
  text-align: left !important;
  justify-content: flex-start !important;
}

.headerText {
  text-align: left !important;
}

/* Estilos para la tabla con divs y flexbox */
._tableContainer_2nmdi_32 {
  display: flex;
  flex-direction: row;
  width: 85%;
}

._leftColumn_2nmdi_38 {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-right: 5rem;
}

._rightColumn_2nmdi_45 {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Responsive design */
@media (max-width: 768px) {
  ._tableContainer_2nmdi_32 {
    flex-direction: column;
    width: 100%;
  }

  ._leftColumn_2nmdi_38 {
    margin-right: 0;
    margin-bottom: 1rem;
  }

  ._rightColumn_2nmdi_45 {
    margin-bottom: 0;
  }
}

/* Tablet and smaller screens */
@media (max-width: 1024px) {
  ._tableContainer_2nmdi_32 {
    width: 95%;
  }

  ._leftColumn_2nmdi_38 {
    margin-right: 2rem;
  }
}

/* Mobile screens */
@media (max-width: 480px) {
  ._tableContainer_2nmdi_32 {
    width: 100%;
    padding: 0 1rem;
  }

  ._label_2nmdi_86 {
    min-width: 8rem;
    font-size: 0.9rem;
  }

  ._input_2nmdi_91 {
    font-size: 0.9rem;
    padding: 0.4rem;
  }

  ._value_2nmdi_96 {
    font-size: 0.9rem;
  }
}

._tableRow_2nmdi_101 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
}

._tableRow_2nmdi_101:last-child {
  margin-bottom: 0;
}

._tableCell_2nmdi_17 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
}

._tableCellEditing_2nmdi_119 {
  align-items: center;
}

._label_2nmdi_86 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark-blue);
  margin-right: 0.5rem;
  min-width: 12rem;
  flex-shrink: 0;
  text-align: right;
}
._label_2nmdi_86 > span {
  color: var(--color-orange-required);
}

._value_2nmdi_96 {
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-light-blue);

  flex: 1;
  align-self: flex-start;
}

._flagIcon_2nmdi_145 {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
  vertical-align: middle;
  display: inline-block;
}

._input_2nmdi_91 {
  font-size: 1rem;
  font-weight: 400;
  color: var(--main-blue-color);
  border: 0.0625rem solid var(--color-light-gray11);
  border-radius: 0.25rem;
  padding: 0.5rem;
  background: var(--color-white);
  flex: 1;
  align-self: center;
}

._inputContainer_2nmdi_165 {
  display: flex;
  align-items: center;
  flex: 1;
}

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

._locationNameContainer_2nmdi_177 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._underlineStyle_2nmdi_183 {
  text-decoration: underline;
}

._unassignButton_2nmdi_187 {
  font-size: 0.8rem !important;
  font-weight: 600;
}

/* SearchComponent Styles */
._modalTitle_2nmdi_193 {
  font-size: 1.5rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1.5rem;
  color: var(--color-dark-blue);
  background-color: var(--color-white);
}

._titleSection_2nmdi_204 {
  display: flex;
  align-items: center;
}

._titleSection_2nmdi_204 > span {
  margin-left: 0.5rem;
}

._titleIcon_2nmdi_213 {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-light-blue);
}

._searchContainer_2nmdi_219 {
  position: relative;
  width: min(25rem, 30vw);
  min-width: 15rem;
}

._searchIcon_2nmdi_225 {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.1875rem;
  pointer-events: none;
}

._searchInput_2nmdi_235 {
  width: 100%;
  height: 2.5rem;
  padding: 0 1rem 0 3rem;
  border: 0.0625rem solid var(--color-light-gray10);
  border-radius: 0.25rem;
  font-size: 0.875rem;
  outline: none;
  box-sizing: border-box;
  opacity: 1;
}
/* Estilos para alineamiento de headers de columnas */
._headerLeft_1prr3_2 {
  text-align: left;
}

._headerCenter_1prr3_6 {
  text-align: center;
}

._headerRight_1prr3_10 {
  text-align: right;
}

/* Columna vacía para espaciado */
._spacerColumn_1prr3_15 {
  background: transparent;
  border: none;
}
._formGroup_1jyo3_1 {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  align-items: center;
  gap: 1rem;
  width: inherit;
}

._label_1jyo3_9 {
  font-size: 18px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  text-align: right;
  flex-shrink: 0;
}

._required_1jyo3_17 {
  color: var(--color-orange-required);
}

._input_1jyo3_21 {
  flex: 1;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--color-light-gray10);
  border-radius: 0.375rem;
  font-size: 16px;
  font-weight: 500;
  color: var(--main-blue-color);
  background: var(--color-white);
  box-shadow: 0 0.125rem 0.5rem var(--color-black-shadow10);
  transition: all 0.2s ease;
  font-family: inherit;
}

._input_1jyo3_21:focus {
  outline: none;
  border-color: var(--main-blue-color);
  box-shadow: 0 0 1px 5px var(--color-background-light-blue8);
}

._inputError_1jyo3_41 {
  border-color: var(--color-red);
}

._inputError_1jyo3_41:focus {
  box-shadow:
    0 2px 8px var(--color-error-shadow-strong),
    0 0 0 2px var(--color-error-shadow-light);
}

._inputReadOnly_1jyo3_51 {
  flex: 1;
  padding: 0.5rem 0.75rem;
  font-size: 16px;
  font-weight: 500;
  color: var(--main-blue-color);
  min-height: 2rem;
}

._input_1jyo3_21[type='date']::-webkit-calendar-picker-indicator,
._input_1jyo3_21[type='datetime-local']::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

._input_1jyo3_21[type='date'],
._input_1jyo3_21[type='datetime-local'] {
  cursor: pointer;
  position: relative;
}

._formGroupCompact_1jyo3_79 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  grid-template-columns: none;
  width: auto;
  margin: 0;
}

._labelCompact_1jyo3_89 {
  font-size: 12px;
  font-weight: 700;
  color: var(--color-light-blue6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  text-align: left;
  margin: 0;
  flex-shrink: 0;
}

._inputCompact_1jyo3_101 {
  border: none;
  border-bottom: 2px solid var(--color-light-blue6);
  border-radius: 0;
  padding: 8px 0;
  box-shadow: none;
  width: auto;
  min-width: auto;
  max-width: 160px;
  font-size: 14px;
  color: var(--color-dark-blue);
  background-color: transparent;
  flex: none;
}

._inputCompact_1jyo3_101:focus {
  outline: none;
  border-color: var(--color-light-blue6);
  box-shadow: none;
}

._inputCompact_1jyo3_101:hover {
  box-shadow: none;
}

@media (max-width: 1395px) {
  ._formGroupCompact_1jyo3_79 {
    flex-direction: column;
    align-items: flex-start;
  }
}
._formGroup_ka8ca_1 {
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  align-items: center;
  gap: 1rem;
  width: inherit;
}

._label_ka8ca_9 {
  font-size: 18px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  text-align: right;
  flex-shrink: 0;
}

._required_ka8ca_17 {
  color: var(--color-orange-required);
}

._inputWrapper_ka8ca_21 {
  position: relative;
}

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

._resultStyle_ka8ca_32 {
  background-color: var(--color-white);
  border: 1px solid var(--color-gray3);
  gap: 1rem;
  position: absolute;
  width: 100%;
  max-height: 15rem;
  overflow: auto;
  z-index: 1000;
}

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

._resultStyle_ka8ca_32 li {
  padding: 0.5rem;
  cursor: pointer;
  border-radius: 8px;
  color: var(--secondary-blue-color);
}

._resultStyle_ka8ca_32 li:nth-child(odd) {
  background-color: var(--color-gray2);
}

._resultStyle_ka8ca_32 ul li:hover {
  background-color: var(--color-gray6);
  border-radius: 0;
}

._inputIcons_ka8ca_65 {
  flex: 1;
  display: flex;
  position: absolute;
  right: 0.7rem;
  color: var(--secondary-blue-color);
}

._icon_ka8ca_73 {
  display: flex;
  align-items: center;
  cursor: pointer;
}

._icon_ka8ca_73 path {
  stroke: var(--main-blue-color);
}

._input_ka8ca_21 {
  flex: 1;
  padding: 0.5rem 2rem 0.5rem 0.5rem;
  border: 1px solid var(--color-light-gray10);
  border-radius: 0.375rem;
  font-size: 16px;
  font-weight: 500;
  color: var(--main-blue-color);
  background: var(--color-white);
  box-shadow: inset 0 0.1rem 0.1rem var(--color-black-shadow10);
  transition: all 0.2s ease;
}

._inputList_ka8ca_96 {
  flex: 1;
  padding: 0.5rem 2rem 0.5rem 0.5rem;
  border: 1px solid var(--color-light-gray10);
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  font-size: 16px;
  font-weight: 500;
  color: var(--main-blue-color);
  background: var(--color-white);
  box-shadow: inset 0 0.1rem 0.1rem var(--color-black-shadow10);
  transition: all 0.2s ease;
  border-bottom: none;
}

._input_ka8ca_21:focus {
  outline: none;
}

._inputList_ka8ca_96:focus {
  outline: none;
  box-shadow:
    0 2px 8px var(--color-black-shadow15),
    0 0 0 2px var(--color-background-light-blue8);
  border: 1px solid var(--color-light-gray13);
}

._input_ka8ca_21:hover:not(:focus):not(:disabled) {
  border-color: var(--color-light-gray13);
}

._input_ka8ca_21:disabled {
  background-color: var(--color-light-gray9);
  color: var(--color-light-gray13);
  cursor: not-allowed;
  box-shadow: none;
}

._inputError_ka8ca_134 {
  border-color: var(--color-red);
}

._inputError_ka8ca_134:focus {
  box-shadow:
    0 2px 8px var(--color-error-shadow-strong),
    0 0 0 2px var(--color-error-shadow-light);
}

._errorMessage_ka8ca_144 {
  font-size: 12px;
  margin-top: 4px;
  display: block;
  min-width: 100px;
  color: var(--color-red);
}

._input_ka8ca_21::placeholder {
  color: var(--color-light-gray13);
  font-weight: 400;
  opacity: 0.7;
}

._inputList_ka8ca_96::placeholder {
  color: var(--color-light-gray13);
  font-weight: 400;
  opacity: 0.7;
}

._inputReadOnly_ka8ca_164 {
  flex: 1;
  padding: 0.5rem 0.75rem;
  font-size: 16px;
  font-weight: 500;
  color: var(--main-blue-color);
  min-height: 2rem;
}

._inputWithFlag_ka8ca_173 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

._flagIcon_ka8ca_180 {
  align-items: center;
  display: flex;
  position: absolute;
  left: 0.75rem;
  pointer-events: none;
}

._flagText_ka8ca_188 {
  font-size: 16px;
  font-weight: 500;
  color: var(--main-blue-color);
  margin-left: 0.5rem;
}

._inputWithFlag_ka8ca_173 input {
  padding-left: 4.5rem;
  height: 2.5rem;
  border: 1px solid #ccc;
  border-radius: 6px;
}
._radioWrapper_1rs9d_1 {
  display: flex;
  align-items: center;
  gap: 1em;
}

._radioLabel_1rs9d_7 {
  font-size: 1em;
  font-weight: 500;
  color: var(--secondary-blue-color);
}

._radioGroup_1rs9d_13 {
  position: relative;
}

._radioInputWrapper_1rs9d_17 {
  display: flex;
  align-items: center;
  cursor: pointer;
}

._radioInput_1rs9d_17 {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

._radioCustom_1rs9d_30 {
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--main-blue-color);
  border-radius: 50%;
  background: var(--color-white);
  position: relative;
  transition: all 0.2s ease;
}

._radioInput_1rs9d_17:checked + ._radioCustom_1rs9d_30 {
  background: var(--color-white);
  border-color: var(--main-blue-color);
}

._radioInput_1rs9d_17:checked + ._radioCustom_1rs9d_30::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--main-blue-color);
}._content_37n49_1 {
  display: flex;
  flex-direction: row;
  width: 100%;
}

._editMode_37n49_7 {
  width: 100%;
}

._label_37n49_11 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-dark-blue);
  margin-right: 1rem;
  text-transform: uppercase;
}

._dataPointsContainer_37n49_19 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  gap: 0;
  line-height: 1.5;
}

._dataPoint_37n49_19 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--main-blue-color);
  cursor: pointer;
  transition: color 0.2s ease;
}

._dataPoint_37n49_19:hover {
  color: var(--color-dark-blue);
}

._separator_37n49_42 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-dark-blue);
  margin: 0 0.75rem;
}

._dataPointLabel_37n49_49 {
  color: var(--main-blue-color);
  font-weight: 500;
}

._dataPointsLabels_37n49_54 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem 0 1rem 2rem;
  width: 100%;
  gap: 1rem;
}

._formContainer_2rzjc_2 {
  background: var(--color-light-gray14);
  min-height: 100vh;
  padding: 1.5rem;
}

._cardHeader_2rzjc_8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}

._divider_2rzjc_15 {
  height: 1px;
  background: var(--color-light-gray11);
  width: 100%;
  margin: 0;
}

._cardHeaderLeft_2rzjc_22 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._cardHeaderIcon_2rzjc_28 {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--main-blue-color);
}

._cardHeaderTitle_2rzjc_34 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--secondary-blue-color);
}

._statusToggle_2rzjc_41 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._statusLabel_2rzjc_47 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--secondary-blue-color);
}

._idDisplay_2rzjc_53 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._idLabel_2rzjc_59 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--secondary-blue-color);
  min-width: 5.625rem;
  text-align: right;
  flex-shrink: 0;
}

._idValue_2rzjc_68 {
  flex: 1;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--main-blue-color);
  padding: 0.5rem 0.75rem;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
}

._radioGroup_2rzjc_79 {
  position: relative;
}

._radioLabel_2rzjc_83 {
  display: flex;
  align-items: center;
  cursor: pointer;
}

._radioInput_2rzjc_89 {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

._radioCustom_2rzjc_96 {
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--main-blue-color);
  border-radius: 50%;
  background: var(--color-white);
  position: relative;
  transition: all 0.2s ease;
}

._radioInput_2rzjc_89:checked + ._radioCustom_2rzjc_96 {
  background: var(--color-white);
  border-color: var(--main-blue-color);
}

._radioInput_2rzjc_89:checked + ._radioCustom_2rzjc_96::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--main-blue-color);
}

._formCard_2rzjc_123 {
  background: var(--color-white);
  border-radius: 0.5rem;
  margin-bottom: 2rem;
  width: 100%;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

._formCardHeader_2rzjc_132 {
  background: var(--color-white);
  padding: 1.25rem 3rem 1rem 3rem;
}

._formCardContent_2rzjc_137 {
  background: var(--color-light-gray15);
  padding: 2rem 3rem 2rem 3rem;
}

._dataTableContent_2rzjc_142 {
  background: var(--color-light-gray15);
  padding: 0;
}

._formGrid_2rzjc_147 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(4, 1fr);
  gap: 0 4rem;
  max-width: 69rem;
  margin: 0 auto;
  align-items: center;
  row-gap: 1rem;
}

._formGrid_2rzjc_147 > :nth-child(1) { grid-column: 1; grid-row: 1; }
._formGrid_2rzjc_147 > :nth-child(2) { grid-column: 2; grid-row: 1; }
._formGrid_2rzjc_147 > :nth-child(3) { grid-column: 1; grid-row: 2; }
._formGrid_2rzjc_147 > :nth-child(4) { grid-column: 2; grid-row: 2; }
._formGrid_2rzjc_147 > :nth-child(5) { grid-column: 1; grid-row: 3; }
._formGrid_2rzjc_147 > :nth-child(6) { grid-column: 1; grid-row: 4; }


._dataVisibilityTitle_2rzjc_166 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._dataVisibilityIcon_2rzjc_175 {
  width: 1.5rem;
  height: 1.5rem;
}

._dataVisibilityIcon_2rzjc_175 path {
  fill: var(--main-blue-color) !important;
}

._dataVisibilityIcon_2rzjc_175 svg {
  fill: var(--main-blue-color) !important;
}
._deleteIcon_2rzjc_187 {
  width: 1.5rem;
  height: 1.5rem;
}

._deleteIcon_2rzjc_187 path,
._deleteIcon_2rzjc_187 svg {
  stroke: var(--main-blue-color) !important;
}

._dataTable_2rzjc_142 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

._dataTable_2rzjc_142 td:first-child._tableCellSwitch_2rzjc_203 {
  padding-left: 2rem;
  min-width: calc(60px + 1.5rem);
  width: calc(60px + 1.5rem);
}

._tableHeader_2rzjc_209 {
  padding: 0.75rem 0.5rem 0.75rem 0.25rem;
  border: none;
  background: var(--color-background-blue-very-light);
  text-align: left;
  vertical-align: top;
}

._tableHeaderSwitch_2rzjc_217 {
  padding: 0.75rem 0.5rem 0.75rem 0.25rem;
  border: none;
  background: var(--color-background-blue-very-light);
  text-align: center;
  vertical-align: middle;
  min-width: 60px;
  width: 60px;
}

._dataTable_2rzjc_142 th:first-child._tableHeaderSwitch_2rzjc_217 {
  padding-left: 2rem;
  min-width: calc(60px + 1.5rem);
  width: calc(60px + 1.5rem);
}

._tableHeaderDataPoint_2rzjc_233 {
  padding: 0.75rem 1rem 0.75rem 0.5rem;
  border: none;
  background: var(--color-background-blue-very-light);
  text-align: left;
  vertical-align: middle;
  min-width: 150px;
  width: 150px;
}

._headerLabels_2rzjc_243 {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--color-gray8);
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
}

._tableCell_2rzjc_203 {
  padding: 0.75rem 1rem;
  vertical-align: top;
}

._tableCellSwitch_2rzjc_203 {
  padding: 0.75rem 0.5rem 0.75rem 0.25rem;
  vertical-align: top;
  min-width: 60px;
  width: 60px;
  text-align: center;
}

._tableCellDataPoint_2rzjc_266 {
  padding: 0.5rem 1rem 0.75rem 0.5rem;
  vertical-align: top;
  min-width: 150px;
  width: 150px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

._onOffLabel_2rzjc_276 {
  color: var(--secondary-blue-color);
}

._dataPointLabel_2rzjc_280 {
  color: var(--secondary-blue-color);
}


._toggleSwitch_2rzjc_285 {
  position: relative;
  display: inline-block;
  width: 2.75rem;
  height: 1.5rem;
}

._toggleInput_2rzjc_292 {
  opacity: 0;
  width: 0;
  height: 0;
}

._toggleSlider_2rzjc_298 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-background-blue-light);
  transition: 0.3s;
  border-radius: 1.5rem;
}

._toggleSlider_2rzjc_298:before {
  position: absolute;
  content: "";
  height: 1.125rem;
  width: 1.125rem;
  left: 0.1875rem;
  bottom: 0.1875rem;
  background-color: var(--color-circle-blue-light);
  transition: 0.3s;
  border-radius: 50%;
}

._toggleInput_2rzjc_292:checked + ._toggleSlider_2rzjc_298 {
  background-color: var(--main-blue-color);
}

._toggleInput_2rzjc_292:checked + ._toggleSlider_2rzjc_298:before {
  transform: translateX(1.25rem);
  background-color: var(--color-white);
}

._dataPointText_2rzjc_331 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--secondary-blue-color);
  line-height: 1.4;
  display: block;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

._tableHeaderSpacer_2rzjc_342 {
  padding: 0;
  border: none;
  background: var(--color-background-blue-very-light);
  width: 2rem;
  min-width: 2rem;
}

._tableCellSpacer_2rzjc_350 {
  padding: 0;
  border: none;
  width: 2rem;
  min-width: 2rem;
}

._evenRow_2rzjc_357 {
  background-color: var(--color-white);
}

._oddRow_2rzjc_361 {
  background-color: var(--color-light-gray15);
}

._actionButtons_2rzjc_365 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 2rem;
  margin-right: 7rem;
  padding: 0 1.5rem 1.5rem 1.5rem;
  padding: 0;
}

._cancelButton_2rzjc_375 {
  padding: 0.5rem 2rem;
  background: transparent;
  border: 2px solid var(--main-blue-color);
  border-radius: 0.5rem;
  color: var(--main-blue-color);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
  min-width: 120px;
}

._cancelButton_2rzjc_375:hover {
  background: var(--main-blue-color);
  color: var(--color-white);
}

._saveButton_2rzjc_395 {
  padding: 0.5rem 2.5rem;
  background: var(--main-blue-color);
  border: 2px solid var(--main-blue-color);
  border-radius: 0.5rem;
  color: var(--color-white);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
  min-width: 140px;
}

._saveButton_2rzjc_395:hover {
  background: var(--color-light-blue2);
  border-color: var(--color-light-blue2);
}

._deleteCardContent_2rzjc_415 {
  padding: 2rem 3rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

._deleteButton_2rzjc_422 {
  background: transparent;
  color: var(--color-red);
  border: 2px solid var(--color-red);
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  min-width: 280px;
}

._deleteButton_2rzjc_422:hover {
  background: var(--color-red);
  color: var(--color-white);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px var(--color-black-shadow15);
}

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

._deleteWarning_2rzjc_448 {
  font-size: 0.875rem;
  color: var(--secondary-blue-color);
  margin: 0;
  font-weight: 500;
}

._errorContainer_2rzjc_455 {
  color: var(--color-red);
  padding: 12px;
  margin-bottom: 16px;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  font-size: 14px;
}
._mainContainer_c606p_1 {
  background-color: var(--color-background-light-blue5);
  padding: 2em;
  height: calc(100vh - var(--header-height));
  overflow-y: auto;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}

._header_c606p_11 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  gap: 10em;
  margin-left: 6em;
}

._titleSection_c606p_19 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._turbineIcon_c606p_25 {
  width: 34px;
  height: 34px;
}

._title_c606p_19 {
  font-size: 36px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  margin: 0;
}

._searchSection_c606p_37 {
  flex: 1;
  max-width: 65%;
}

._searchContainer_c606p_42 {
  width: 100%;
}

._groupsContainer_c606p_46 {
  width: 100%;
}

/* Responsive */
@media (max-width: 768px) {
  ._header_c606p_11 {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  ._searchSection_c606p_37 {
    width: 100%;
    max-width: none;
  }
}
._container_1dwle_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: var(--color-white);
  padding: 180px;
  margin: 2rem;
  height: inherit;
  box-shadow: 0px 0px 2px 0px var(--color-gray7);
}

._title_1dwle_14,
._message_1dwle_15,
._button_1dwle_16 {
  text-align: center;
}

._errorText_1dwle_20 {
  color: var(--color-red);
  font-weight: bold;
  font-size: 20px;
  margin-top: 0.5em;
  text-align: center;
}

._btnContainer_1dwle_28 {
  display: flex;
  margin-top: 1em;
}
._emptyStateContainer_4so7q_1 {
  background-color: var(--color-light-blue5);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: stretch;
  flex: 1;
}

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

._icon_4so7q_18 {
  width: 350px;
  height: 350px;
  margin-bottom: 2rem;
  object-fit: contain;
}

._title_4so7q_25 {
  color: var(--color-light-blue-opacity2);
  font-weight: 600;
  font-size: 24px;
  margin: 0 0 1rem 0;
  line-height: 1.2;
  white-space: pre-line;
}

._subtitle_4so7q_34 {
  color: var(--color-light-blue-opacity2);
  font-weight: 400;
  font-size: 18px;
  margin: 0;
  line-height: 1.4;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  ._icon_4so7q_18 {
    width: 150px;
    height: 150px;
    margin-bottom: 1.5rem;
  }

  ._title_4so7q_25 {
    font-size: 20px;
  }

  ._subtitle_4so7q_34 {
    font-size: 16px;
  }
}

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

  ._icon_4so7q_18 {
    width: 120px;
    height: 120px;
    margin-bottom: 1rem;
  }

  ._title_4so7q_25 {
    font-size: 18px;
  }

  ._subtitle_4so7q_34 {
    font-size: 14px;
  }
}
._groupSection_1upip_1 {
  margin-bottom: 40px;
}

._groupHeader_1upip_5 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  width: 100%;
}

._groupHeaderLine_1upip_13 {
  flex: 1;
  height: 1px;
  background-color: var(--color-light-gray10);
  min-width: 0;
}

._groupTitle_1upip_20 {
  margin: 0;
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--color-dark-blue);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
  text-align: left;
}

._groupToggleButton_1upip_32 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  color: var(--color-light-blue);
}

._groupChevron_1upip_44 {
  width: 18px;
  height: 15px;
  transition: transform 0.2s ease;
}

._groupChevron_1upip_44 path {
  stroke: currentColor;
  stroke-width: 2;
}

._groupChevronExpanded_1upip_55 {
  transform: rotate(180deg);
}

._groupContent_1upip_59 {
  width: 100%;
}

._groupCardsGrid_1upip_63 {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, 215px);
  column-gap: 18px;
  row-gap: 30px;
  justify-content: start;
  align-content: start;
  padding: 0;
}

._groupCardItem_1upip_74 {
  width: 215px;
  min-width: 0;
  overflow: hidden;
}

._groupCardItem_1upip_74 [class*='gaugeContainer'] {
  width: 215px;
  max-width: 215px;
  box-sizing: border-box;
}

._showAllButton_1upip_86 {
  display: block;
  margin: 24px auto 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-light-blue);
  letter-spacing: 0.5px;
  padding: 8px 16px;
}

._showAllButton_1upip_86:hover {
  opacity: 0.8;
}

@media (max-width: 768px) {
  ._groupHeader_1upip_5 {
    gap: 12px;
  }

  ._groupTitle_1upip_20 {
    font-size: 16px;
    white-space: normal;
  }
}
._gaugeContainer_l94g6_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-width: 230px;
}

._smallGaugeContainer_l94g6_11 {
  max-width: 165px;
  width: 165px;
  height: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-height: 300px;
  background-color: var(--color-white);
}

._gaugeContainer_l94g6_1[data-color='ok'] {
  background-color: var(--color-light-green2);
}

._gaugeContainer_l94g6_1[data-color='warning'] {
  background-color: var(--color-light-warning);
}

._gaugeContainer_l94g6_1[data-color='shutdown'] {
  background-color: var(--color-red);
}

._gaugeContainer_l94g6_1[data-color='offline'] {
  background-color: var(--color-off-gray);
}

._gaugeContainer_l94g6_1[data-color='shutdown'] ._title_l94g6_42 {
  color: var(--color-white);
}

._gaugeContainer_l94g6_1[data-color='shutdown'] ._subtitle_l94g6_46 {
  color: var(--color-white);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._title_l94g6_42 {
  color: var(--color-gray8);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._subtitle_l94g6_46 {
  color: var(--color-gray8);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._value_l94g6_58 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._label_l94g6_62 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._metricLabel_l94g6_66 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._powerLabel_l94g6_70 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='shutdown'] ._powerLabel_l94g6_70 {
  color: var(--color-white);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._metricValue_l94g6_78 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._loadContainer_l94g6_82 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._loadChart_l94g6_86 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._loadBar_l94g6_90 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._loadBarActive_l94g6_94 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._loadBarTop_l94g6_98 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._loadBarBottom_l94g6_102 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._loadBar_l94g6_90 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._loadBarActive_l94g6_94 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._loadBarTop_l94g6_98 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._loadBarBottom_l94g6_102 {
  color: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._gaugeNeedlePath_l94g6_122 {
  fill: var(--color-gray7);
}

._gaugeContainer_l94g6_1[data-color='offline'] ._gaugeBackgroundPath_l94g6_126 {
  fill: var(--color-gray10);
}

._gaugeContainer_l94g6_1[data-color='warning'] ._loadBarActive_l94g6_94 {
  background-color: var(--color-light-warning);
}

._header_l94g6_134 {
  text-align: center;
  margin-bottom: 8px;
  width: 100%;
  max-width: 170px;
}

._title_l94g6_42 {
  font-size: 24px;
  font-weight: 800;
  color: var(--color-dark-blue);
  margin: 0 0 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

._subtitle_l94g6_46 {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-dark-blue);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

._gaugeSection_l94g6_163 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
  background-color: var(--color-white);
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  max-height: 160px;
}

._smallGaugeSection_l94g6_175 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  background-color: transparent;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  max-height: 160px;
  border-radius: 12px;
}

._smallGaugeSection_l94g6_175 {
  flex: 1;
  justify-content: space-between;
  max-height: none;
  min-height: 100%;
}

._gaugeWrapper_l94g6_196 {
  position: relative;
  display: flex;
  margin-bottom: 16px;
}

._gaugeBackgroundPath_l94g6_126 {
  fill: var(--color-light-blue3);
}

._gaugeNeedle_l94g6_122 {
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

._gaugeNeedlePath_l94g6_122 {
  fill: var(--color-dark-blue);
}

._gaugeNeedle_l94g6_122 svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

._mainValue_l94g6_223 {
  text-align: center;
}

._value_l94g6_58 {
  display: block;
  font-size: 26px;
  font-weight: 900;
  color: var(--color-dark-blue);
  line-height: 1;
  margin-bottom: 4px;
}

._label_l94g6_62 {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-dark-blue);
}

._metricsSection_l94g6_243 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: var(--color-white);
  padding: 10px;
  border-radius: 0 0 15px 15px;
}

._metric_l94g6_66 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  position: relative;
  height: 100%;
}

._metricLabel_l94g6_66 {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-dark-blue);
  margin-bottom: 4px;
  text-align: center;
}

._powerLabel_l94g6_70 {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--color-dark-blue);
  text-align: center;
}

._powerStatus_l94g6_276 {
  padding: 0.3rem 0;
  text-transform: uppercase;
}

._metricValue_l94g6_78 {
  font-size: 18px;
  font-weight: bold;
  color: var(--color-dark-blue);
  text-align: center;
  line-height: 1.2;
}

._loadContainer_l94g6_82 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-direction: column;
}

._loadChart_l94g6_86 {
  display: flex;
  flex-direction: column-reverse;
  gap: 1px;
  height: 100%;
  align-items: center;
  position: absolute;
  right: -5px;
  top: 0;
  bottom: 0;
}

._loadBar_l94g6_90 {
  width: 10px;
  height: 32px;
  background-color: var(--color-gray3);
  border-radius: 1px;
}

._loadBarActive_l94g6_94 {
  background-color: var(--color-green3);
}

._loadBarTop_l94g6_98 {
  border-radius: 20px 20px 0 0;
}

._loadBarBottom_l94g6_102 {
  border-radius: 0 0 20px 20px;
}

/* Responsive design */
@media (max-width: 768px) {
  ._gaugeContainer_l94g6_1 {
    max-width: 250px;
    min-width: 230px;
    padding: 5px;
  }

  ._header_l94g6_134 {
    margin-bottom: 8px;
    max-width: 200px;
  }

  ._title_l94g6_42 {
    font-size: 24px;
    margin: 0 0 4px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }

  ._subtitle_l94g6_46 {
    font-size: 16px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
  }

  ._gaugeSection_l94g6_163 {
    padding: 8px;
    margin-bottom: 8px;
    max-height: 160px;
  }

  ._gaugeNeedle_l94g6_122 {
    width: 189px;
    height: 79px;
  }

  ._value_l94g6_58 {
    font-size: 26px;
    margin-bottom: 4px;
  }

  ._metricsSection_l94g6_243 {
    padding: 10px;
    border-radius: 0 0 15px 15px;
  }

  ._metricLabel_l94g6_66 {
    font-size: 14px;
    margin-bottom: 4px;
  }

  ._metricValue_l94g6_78 {
    font-size: 18px;
    line-height: 1.2;
  }

  ._loadChart_l94g6_86 {
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    height: 100%;
    gap: 1px;
  }

  ._loadBar_l94g6_90 {
    width: 10px;
    height: 32px;
    border-radius: 1px;
  }
}

._smallGaugeContainer_l94g6_11 ._gaugeWrapper_l94g6_196 {
  position: relative;
  transform: scale(0.75);
  transform-origin: center;
  margin-bottom: 10px !important;
}

._smallGaugeContainer_l94g6_11 ._gaugeNeedle_l94g6_122 svg {
  width: 100%;
  height: 100%;
}

._smallGaugeContainer_l94g6_11 ._gaugeMinMax_l94g6_418 {
  position: absolute;
  bottom: -18px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 4px;
  pointer-events: none;
}

._smallGaugeContainer_l94g6_11 ._minValue_l94g6_430,
._smallGaugeContainer_l94g6_11 ._maxValue_l94g6_431 {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-dark-blue);
  opacity: 0.8;
}

._smallGaugeContainer_l94g6_11 ._mainValue_l94g6_223 {
  margin-top: 0;
}

._smallGaugeContainer_l94g6_11 ._value_l94g6_58 {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-dark-blue);
  margin-bottom: 4px;
}

._smallGaugeContainer_l94g6_11 ._label_l94g6_62 {
  font-size: 13px;
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
}
._mainContainer_n6o9w_1 {
  background-color: var(--color-background-light-blue5);
  width: 100%;
  height: calc(100vh - var(--header-height));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

._contentContainer_n6o9w_14 {
  display: flex;
  gap: 0;
  padding: 1em;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

._leftPanel_n6o9w_23 {
  overflow: auto;
  min-width: 0;
  flex: 0 0 auto;
}

._leftPanel_n6o9w_23._leftPanelResized_n6o9w_29 > div {
  width: 100%;
  max-width: 100%;
}

._leftPanel_n6o9w_23._leftPanelResized_n6o9w_29._column1_n6o9w_34 ._gaugesGrid_n6o9w_34,
._leftPanel_n6o9w_23._leftPanelResized_n6o9w_29._column2_n6o9w_35 ._gaugesGrid_n6o9w_34,
._leftPanel_n6o9w_23._leftPanelResized_n6o9w_29._column3_n6o9w_36 ._gaugesGrid_n6o9w_34,
._leftPanel_n6o9w_23._leftPanelResized_n6o9w_29._column4_n6o9w_37 ._gaugesGrid_n6o9w_34,
._leftPanel_n6o9w_23._leftPanelResized_n6o9w_29._column5_n6o9w_38 ._gaugesGrid_n6o9w_34 {
  grid-template-columns: repeat(var(--gauge-grid-column-count, 1), 215px);
  width: 100%;
  max-width: 100%;
  place-items: start;
  align-content: start;
  justify-content: start;
  overflow-x: hidden;
}

._leftPanel_n6o9w_23._leftPanelResized_n6o9w_29 ._gaugesGrid_n6o9w_34 > * {
  width: 215px;
  max-width: 215px;
}

._resizeHandle_n6o9w_53 {
  flex: 0 0 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  cursor: col-resize;
  touch-action: none;
  position: relative;
}

._resizeHandle_n6o9w_53::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background-color: var(--color-gray7);
}

._resizeHandleIcon_n6o9w_75 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 32px;
  border-radius: 4px;
  background-color: var(--color-white);
  color: var(--main-blue-color);
  box-shadow: 0 0 2px var(--color-gray7);
}

._resizeHandle_n6o9w_53:hover ._resizeHandleIcon_n6o9w_75,
._resizeHandleActive_n6o9w_90 ._resizeHandleIcon_n6o9w_75 {
  background-color: var(--color-light-blue7);
}

._rightPanel_n6o9w_94 {
  background-color: var(--color-white);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 2px var(--color-gray7);
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  container-type: inline-size;
  container-name: locationRightPanel;
}

._gaugesGrid_n6o9w_34 {
  display: grid;
  gap: 20px;
}

._leftPanel_n6o9w_23 ._gaugesGrid_n6o9w_34 {
  grid-template-columns: repeat(auto-fit, 215px);
}

/* 900px */
@media (max-width: 900px) {
  ._contentContainer_n6o9w_14 {
    gap: 1em;
  }

  ._rightPanel_n6o9w_94 {
    min-width: 0px;
  }
}

@media (min-width: 900px) {
  ._leftPanel_n6o9w_23._column2_n6o9w_35 ._gaugesGrid_n6o9w_34,
  ._leftPanel_n6o9w_23._column3_n6o9w_36 ._gaugesGrid_n6o9w_34,
  ._leftPanel_n6o9w_23._column4_n6o9w_37 ._gaugesGrid_n6o9w_34,
  ._leftPanel_n6o9w_23._column5_n6o9w_38 ._gaugesGrid_n6o9w_34 {
    grid-template-columns: repeat(1, 215px);
  }
}

/* 1200px */
@media (min-width: 1220px) {
  ._leftPanel_n6o9w_23._column2_n6o9w_35 ._gaugesGrid_n6o9w_34,
  ._leftPanel_n6o9w_23._column3_n6o9w_36 ._gaugesGrid_n6o9w_34,
  ._leftPanel_n6o9w_23._column4_n6o9w_37 ._gaugesGrid_n6o9w_34,
  ._leftPanel_n6o9w_23._column5_n6o9w_38 ._gaugesGrid_n6o9w_34 {
    grid-template-columns: repeat(2, 215px);
  }
}

/* 1500px */
@media (min-width: 1450px) {
  ._leftPanel_n6o9w_23._column2_n6o9w_35 ._gaugesGrid_n6o9w_34,
  ._leftPanel_n6o9w_23._column3_n6o9w_36 ._gaugesGrid_n6o9w_34,
  ._leftPanel_n6o9w_23._column4_n6o9w_37 ._gaugesGrid_n6o9w_34,
  ._leftPanel_n6o9w_23._column5_n6o9w_38 ._gaugesGrid_n6o9w_34 {
    grid-template-columns: repeat(3, 215px);
  }
}

/* 1700px */
@media (min-width: 1700px) {
  ._leftPanel_n6o9w_23._column2_n6o9w_35 ._gaugesGrid_n6o9w_34,
  ._leftPanel_n6o9w_23._column3_n6o9w_36 ._gaugesGrid_n6o9w_34,
  ._leftPanel_n6o9w_23._column4_n6o9w_37 ._gaugesGrid_n6o9w_34,
  ._leftPanel_n6o9w_23._column5_n6o9w_38 ._gaugesGrid_n6o9w_34 {
    grid-template-columns: repeat(4, 215px);
  }
}

/* 1700px */
@media (min-width: 1900px) {
  ._leftPanel_n6o9w_23._column5_n6o9w_38 ._gaugesGrid_n6o9w_34 {
    grid-template-columns: repeat(5, 215px);
  }
}

._chartHeader_n6o9w_173 {
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

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

._genTotalLabelText_n6o9w_186 {
  font-size: 26px;
  font-weight: 700;
  color: var(--color-dark-blue);
}

._genTotalValue_n6o9w_192 {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

._genTotalValueText_n6o9w_198 {
  font-size: 48px;
  font-weight: 700;
  color: var(--color-dark-blue);
}

._genTotalValueUnit_n6o9w_204 {
  font-size: 16px;
  font-weight: 500;
  color: var(--main-blue-color);
}

._headerControls_n6o9w_210 {
  display: flex;
  align-items: center;
  gap: 15px;
}

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

._viewLabel_n6o9w_222 {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-dark-blue);
  letter-spacing: 0.5px;
}

._viewToggleText_n6o9w_229 {
  font-family:
    'SF Pro Rounded',
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  color: inherit;
}

._intervalGroup_n6o9w_243 {
  display: flex;
  align-items: center;
  gap: 15px;
}

._intervalActions_n6o9w_249 {
  display: flex;
  align-items: center;
}

._intervalSelect_n6o9w_254 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: auto;
}

._intervalSelect_n6o9w_254 label {
  font-size: 16px;
  font-weight: 700;
  color: ar(--color-light-blue6);
  letter-spacing: 0.5px;
  text-align: left;
  margin: 0;
}

._intervalSelect_n6o9w_254 select {
  font-size: 16px;
  font-weight: 500;
  color: ar(--color-light-blue6);
  background-color: white;
}

._liveIcon_n6o9w_277 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  animation: _pulse_n6o9w_1 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes _pulse_n6o9w_1 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}

._refreshButton_n6o9w_296 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background-color: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

._refreshButton_n6o9w_296 svg {
  width: 32px;
  height: 32px;
}

._refreshButton_n6o9w_296:hover {
  opacity: 0.8;
}

@container locationRightPanel (max-width: 699px) {
  ._intervalGroup_n6o9w_243 {
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
  }
}

._emptyStateContainer_n6o9w_327 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
._changeViewContainer_1be1k_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}

._buttonLeft_1be1k_8 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  white-space: nowrap;
}

._buttonRight_1be1k_14 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

._changeViewButton_1be1k_19 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  padding: 0px 20px;
  background-color: var(--color-white);
  height: 30px;
  border: 0.1rem solid var(--color-light-blue);
  color: var(--color-light-blue);
}

._changeViewButton_1be1k_19 path,
._changeViewButton_1be1k_19 rect,
._changeViewButton_1be1k_19 svg {
  stroke: var(--color-light-blue);
}

._changeViewButton_1be1k_19:hover {
  background: var(--color-light-blue);
  color: var(--color-white);
}

._changeViewButton_1be1k_19:hover path,
._changeViewButton_1be1k_19:hover rect,
._changeViewButton_1be1k_19:hover svg {
  stroke: var(--color-white);
}

._selected_1be1k_48 {
  background: var(--color-light-blue);
  color: var(--color-white);
}

._selected_1be1k_48 path,
._selected_1be1k_48 rect,
._selected_1be1k_48 svg {
  stroke: var(--color-white);
}
._gridContainerWrapper_1s4gi_1 {
  max-width: 100%;
  overflow: visible;
}

._gridContainer_1s4gi_1 {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: var(
    --grid-template-columns,
    repeat(auto-fit, minmax(0, var(--min-item-width)))
  );
  gap: var(--grid-gap);
  box-sizing: border-box;
  overflow: auto;
  place-items: center;
  align-content: center;
  padding: 3px 2px;
  overflow-x: hidden;
  overflow-y: visible;
  max-height: 100%;
}

._gridContainer_1s4gi_1._independentHeight_1s4gi_25 {
  align-items: start;
  justify-items: center;
}

._gridContainer_1s4gi_1 > * {
  min-width: 0;
  min-height: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  ._gridContainer_1s4gi_1 {
    grid-template-columns: repeat(auto-fill, 250px);
  }
}

@media (max-width: 480px) {
  ._gridContainer_1s4gi_1 {
    grid-template-columns: repeat(auto-fill, 200px);
  }
}

/* Responsive variants */
._gridContainer_1s4gi_1._small_1s4gi_49 {
  grid-template-columns: repeat(auto-fill, 200px);
}

._gridContainer_1s4gi_1._medium_1s4gi_53 {
  grid-template-columns: repeat(auto-fill, 300px);
}

._gridContainer_1s4gi_1._large_1s4gi_57 {
  grid-template-columns: repeat(auto-fill, 400px);
}

/* Para items que necesitan mantener aspect ratio */
._gridContainer_1s4gi_1._square_1s4gi_62 > * {
  aspect-ratio: 1;
}

._gridContainer_1s4gi_1._card_1s4gi_66 > * {
  aspect-ratio: 4/3;
}
._container_11nsr_1 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._chartContainer_11nsr_9 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  color: var(--color-dark-blue);
  font-size: 14px;
  font-weight: 700;
}

._chartContainer_11nsr_9 .recharts-label {
  fill: var(--color-dark-blue) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

._chartContainer_11nsr_9 .recharts-text {
  fill: var(--color-dark-blue) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

._chartContainer_11nsr_9 .recharts-cartesian-axis-tick-value {
  fill: var(--color-dark-blue) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

._chartContainer_11nsr_9 .recharts-legend-wrapper {
  pointer-events: auto !important;
}

._chartWrapper_11nsr_41 {
  position: relative;
  width: 100%;
  flex: 1;
  min-height: 0;
  padding-left: 10px;
}

._sliderContainer_11nsr_49 {
  padding-left: 70px;
  padding-right: 40px;
  padding-bottom: 4px;
}

._legendWrapper_11nsr_55 {
  width: 100%;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
}

._legendContainer_11nsr_65 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  max-width: 100%;
  height: 100%;
  pointer-events: auto;
}

._legendItem_11nsr_76 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  padding: 0.4em 0.8em;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-dark-blue);
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 6px;
  border: 2px solid transparent;
  pointer-events: auto;
  user-select: none;
}

._legendItem_11nsr_76:hover {
  background-color: rgba(0, 123, 255, 0.1);
  border-color: rgba(0, 123, 255, 0.3);
  transform: scale(1.05);
}

._legendItem_11nsr_76:active {
  transform: scale(0.98);
}

._legendItemHidden_11nsr_104 {
  text-decoration: line-through;
  opacity: 0.6;
}

._legendColor_11nsr_109 {
  width: 18px;
  height: 12px;
  border-radius: 8px;
}

._legendColorAggregate_11nsr_115 {
  width: 24px;
  height: 14px;
  border-radius: 4px;
  box-shadow: 0 1px 4px var(--color-black-shadow15);
}

._legendItemAggregate_11nsr_122 {
  font-weight: 800;
}

._legendText_11nsr_126 {
  white-space: nowrap;
}

._loadingContainer_11nsr_130,
._emptyContainer_11nsr_131 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-dark-blue);
  font-size: 14px;
}

._loadingContainer_11nsr_130 p,
._emptyContainer_11nsr_131 p {
  margin: 0;
}

._xAxisTick_11nsr_145 {
  font-size: 14px !important;
  font-weight: 500 !important;
  fill: var(--color-dark-blue) !important;
}

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

._label_u46g7_2 {

}

._normalColor_u46g7_6 {
  color: var(--main-blue-color);
}

._darkColor_u46g7_10 {
  color: var(--dark-blue-color);
}

._smallSize_u46g7_14 {
  font-size: 14px;
}

._mediumSize_u46g7_18 {
  font-size: 16px;
}

._bigSize_u46g7_22 {
  font-size: 18px;
}

._bold_u46g7_26 {
  font-weight: 800;
}._container_1c9l7_1 {
  width: 100%;
  padding-bottom: 0.5em;
}

._sliderWrapper_1c9l7_6 {
  position: relative;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
}

._track_1c9l7_14 {
  position: absolute;
  width: 100%;
  height: 8px;
  background-color: var(--color-light-blue7);
  border-radius: 4px;
}

._trackActive_1c9l7_22 {
  position: absolute;
  height: 8px;
  background-color: var(--color-white);
  border: 2px solid var(--color-light-blue7);
  border-radius: 4px;
  top: 0;
  box-sizing: border-box;
}

._thumb_1c9l7_32 {
  position: absolute;
  width: 32px;
  height: 20px;
  background-color: var(--color-light-blue7);
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transform: translateX(-50%);
  transition:
    transform 0.1s ease,
    box-shadow 0.1s ease;
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

._thumb_1c9l7_32:hover {
  transform: translateX(-50%) scale(1.05);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

._thumb_1c9l7_32:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(197, 220, 255, 0.3);
}

._thumbActive_1c9l7_58 {
  transform: translateX(-50%) scale(1.1);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}

._thumbLabel_1c9l7_63 {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  color: var(--color-white);
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 11px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

._thumb_1c9l7_32:hover ._thumbLabel_1c9l7_63,
._thumbActive_1c9l7_58 ._thumbLabel_1c9l7_63 {
  opacity: 1;
}

._thumbLabel_1c9l7_63::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
}
._mainContainer_crb53_1 {
  background-color: var(--color-background-light-blue5);
  height: calc(100vh - var(--header-height + var(--socket-indicator-height)));
  overflow-y: auto;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}

._mainContainerAlarms_crb53_10 {
  background-color: var(--color-background-light-blue5);
  overflow-y: auto;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}

._contentContainer_crb53_18 {
  width: 100%;
  padding: 1em;
}

._contentContainer_crb53_18:has(> [class*='emptyStateContainer']) {
  flex: 1;
  height: 100%;
  display: flex;
  padding: 0;
}

._contentContainer_crb53_18:has(
  [class*='alarmsContainer'] > [class*='emptyStateContainer']
) {
  flex: 1;
  display: flex;
  height: 100%;
}

._contentContainer_crb53_18
  [class*='alarmsContainer']
  > [class*='emptyStateContainer'] {
  margin: 0 -1em -1em -1em;
}

._gridContainerLeft_crb53_44 {
  place-items: start;
  align-content: start;
  justify-items: start;
}

._wsIndicator_crb53_50 {
  background-color: var(--color-light-blue4);
  width: 100%;
  padding: 0.7em;
  position: relative;
}

._tabsWrapper_crb53_57 {
  display: flex;
  flex-direction: row;
  position: absolute;
  width: 99%;
  justify-content: center;
  align-self: anchor-center;
}

._errorContainer_crb53_66 {
  padding: 2rem;
  text-align: center;
  color: var(--color-red);
}

._errorContainer_crb53_66 p {
  margin: 0.5rem 0;
}
._modalFooter_1f3r6_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  border-top: 1px solid var(--color-light-gray12);
  margin-top: auto;
}

._modalFooter_1f3r6_1 button {
  padding: 0.5rem 1.5rem;
  min-height: 36px;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
}

._switchContainer_1f3r6_18 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._switchLabel_1f3r6_24 {
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--color-dark-blue);
  display: none;
}

._toggleSwitch_1f3r6_31 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
  display: none;
}

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

._toggleSlider_1f3r6_45 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-background-blue-light);
  transition: 0.3s;
  border-radius: 24px;
}

._toggleSlider_1f3r6_45:before {
  position: absolute;
  content: '';
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: var(--color-circle-blue-light);
  transition: 0.3s;
  border-radius: 50%;
}

input:checked + ._toggleSlider_1f3r6_45 {
  background-color: var(--color-light-blue);
}

input:checked + ._toggleSlider_1f3r6_45:before {
  transform: translateX(24px);
}

input:disabled + ._toggleSlider_1f3r6_45 {
  opacity: 0.5;
  cursor: not-allowed;
}

._modalContentWrapper_1f3r6_82 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._modalDescription_1f3r6_88 {
  flex: 1;
  padding: 1.5rem 2rem;
  overflow-y: auto;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-dark-blue);
  line-height: 1.5;
  white-space: pre-line;
  min-height: 100px;
}

._modalDescription_1f3r6_88:empty::before {
  content: 'No description available';
  color: var(--color-light-blue-opacity2);
  font-style: italic;
}

.alarmsModal {
  width: 848px;
  max-width: 90vw;
  height: 320px;
  max-height: 50vh;
  min-height: 320px;
  display: flex;
  flex-direction: column;
}

.alarmsModal [class*='modalTitle'] {
  font-size: 1.85rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
  color: var(--color-dark-blue);
  background-color: var(--color-white);
}

.alarmsModal [class*='modalIcon'] {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
  color: var(--color-dark-blue);
}

.alarmsModal [class*='modalIcon'] svg {
  width: 1.85rem;
  height: 1.85rem;
}

.alarmsModal [class*='modalIcon'] svg path {
  stroke: var(--color-dark-blue);
  fill: none;
}
._container_44q85_1 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  background-color: var(--color-background-light-blue5);
  min-height: 100%;
}

._tabsHeaderRow_44q85_9 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: var(--color-light-blue4);
  border-bottom: 1px solid var(--color-light-gray12);
  margin-top: -0.75em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

._tabsWrapper_44q85_26 {
  display: flex;
  justify-content: center;
  flex: 1;
  margin: 0 auto;
}

._tabsWrapper_44q85_26 button {
  min-width: 200px;
  background-color: var(--color-light-blue4);
}

._tabsWrapper_44q85_26 button[class*='tabActive'] {
  color: var(--secondary-blue-color);
  background-color: var(--color-background-light-blue2);
}

._wsIndicator_44q85_43 {
  background-color: var(--color-light-blue4);
  width: 100%;
  padding: 0.7em;
}

._tabContent_44q85_49 {
  padding: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

._alarmsContainer_44q85_57 {
  width: 100%;
  background-color: var(--color-background-light-blue5);
  min-height: 400px;
  display: flex;
  flex-direction: column;
}

._alarmsContainer_44q85_57._historyLogContainer_44q85_65 {
  flex: 1;
  min-height: 0;
  height: 100%;
}

._historyLogContainer_44q85_65 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

._alarmsContainer_44q85_57 div[class*='tableHeader'] {
  background-color: var(--color-background-blue-light);
}

._alarmsContainer_44q85_57 div[class*='headerCell'] {
  background-color: var(--color-background-blue-light);
}

._alarmsTable_44q85_86,
._historyLogTable_44q85_87 {
  background-color: var(--color-background-light-blue5);
  width: 100%;
  margin: 0 auto;
}

._alarmsTable_44q85_86 div[class*='tableRow'],
._historyLogTable_44q85_87 div[class*='tableRow'] {
  border-bottom: 3px solid var(--color-white);
}

._alarmsTable_44q85_86 div[class*='tableHeader'],
._historyLogTable_44q85_87 div[class*='tableHeader'] {
  border-bottom: 3px solid var(--color-white);
}

._alarmsTable_44q85_86 [role='row'],
._historyLogTable_44q85_87 [role='row'] {
  border-bottom: 3px solid var(--color-white);
}

._alarmsTable_44q85_86 [role='cell']:nth-child(1),
._alarmsTable_44q85_86 [role='cell']:nth-child(2),
._historyLogTable_44q85_87 [role='cell']:nth-child(1),
._historyLogTable_44q85_87 [role='cell']:nth-child(2) {
  justify-content: flex-start;
  text-align: left;
}

._alarmsTable_44q85_86 [role='cell']:nth-child(1),
._historyLogTable_44q85_87 [role='cell']:nth-child(1) {
  font-weight: 700;
}

._alarmsTable_44q85_86 [role='cell']:nth-child(n + 2),
._alarmsTable_44q85_86 [role='columnheader']:nth-child(n + 2),
._alarmsTable_44q85_86 [class*='headerCell']:nth-child(n + 2),
._historyLogTable_44q85_87 [role='cell']:nth-child(n + 2),
._historyLogTable_44q85_87 [role='columnheader']:nth-child(n + 2),
._historyLogTable_44q85_87 [class*='headerCell']:nth-child(n + 2) {
  font-weight: 500;
}

._alarmsTable_44q85_86 [role='headercell']:last-child,
._alarmsTable_44q85_86 [role='columnheader']:last-child,
._historyLogTable_44q85_87 [role='headercell']:last-child,
._historyLogTable_44q85_87 [role='columnheader']:last-child {
  justify-content: center;
  text-align: center;
}

._alarmsTable_44q85_86 [role='cell']:last-child,
._historyLogTable_44q85_87 [role='cell']:last-child {
  background-color: var(--color-light-blue4);
  padding: 0;
  margin: 0;
}

._alarmsTable_44q85_86 [role='columnheader'] svg,
._alarmsTable_44q85_86 [role='columnheader'] .sortIcon,
._alarmsTable_44q85_86 div[class*='sortIcon'],
._historyLogTable_44q85_87 [role='columnheader'] svg,
._historyLogTable_44q85_87 [role='columnheader'] .sortIcon,
._historyLogTable_44q85_87 div[class*='sortIcon'] {
  display: none;
}

._alarmsTable_44q85_86 [role='cell']:last-child button,
._historyLogTable_44q85_87 [role='cell']:last-child button {
  min-width: auto;
  padding: 0.15rem 0.4rem;
  font-size: 0.75rem;
  height: auto;
  min-height: auto;
  text-transform: uppercase;
  line-height: 1.2;
}

._alarmsTable_44q85_86 [role='cell']:last-child button svg,
._historyLogTable_44q85_87 [role='cell']:last-child button svg {
  width: 0.875em;
  height: 0.875em;
}

._alarmsTable_44q85_86 [role='cell']:last-child button svg,
._historyLogTable_44q85_87 [role='cell']:last-child button svg {
  color: var(--color-light-blue);
}

._alarmsTable_44q85_86 [role='cell']:last-child button svg path,
._historyLogTable_44q85_87 [role='cell']:last-child button svg path {
  fill: var(--color-light-blue);
  stroke: var(--color-light-blue);
}

._alarmsTable_44q85_86 [role='cell']:last-child button:hover svg path,
._historyLogTable_44q85_87
  [role='cell']:last-child
  button:hover svg path {
  fill: var(--color-white);
  stroke: var(--color-white);
}

._alarmsTable_44q85_86 [role='cell']:last-child button:disabled svg,
._historyLogTable_44q85_87
  [role='cell']:last-child
  button:disabled svg {
  color: var(--color-gray4);
}

._alarmsTable_44q85_86
  [role='cell']:last-child
  button:disabled svg path,
._historyLogTable_44q85_87
  [role='cell']:last-child
  button:disabled svg path {
  fill: #999;
  stroke: #999;
}

._alarmsTable_44q85_86
  [role='cell']:last-child
  button:not(:disabled):hover svg,
._historyLogTable_44q85_87
  [role='cell']:last-child
  button:not(:disabled):hover svg {
  color: var(--color-white);
}

._alarmsTable_44q85_86
  [role='cell']:last-child
  button:not(:disabled):hover svg path,
._historyLogTable_44q85_87
  [role='cell']:last-child
  button:not(:disabled):hover svg path {
  fill: var(--color-white);
  stroke: var(--color-white);
}

._alarmsTable_44q85_86 span[class*='headerText'],
._historyLogTable_44q85_87 span[class*='headerText'] {
  font-size: 16px;
}

._alarmsTable_44q85_86 [role='columnheader'],
._alarmsTable_44q85_86 [class*='headerCell'],
._historyLogTable_44q85_87 [role='columnheader'],
._historyLogTable_44q85_87 [class*='headerCell'] {
  justify-content: center;
  text-align: center;
}

._alarmsTable_44q85_86 [role='cell'],
._historyLogTable_44q85_87 [role='cell'] {
  font-size: 14px;
}

._alarmsTable_44q85_86 [role='columnheader']:nth-child(2),
._alarmsTable_44q85_86 div[class*='headerCell']:nth-child(2),
._historyLogTable_44q85_87 [role='columnheader']:nth-child(2),
._historyLogTable_44q85_87 div[class*='headerCell']:nth-child(2) {
  justify-content: center;
  text-align: center;
}

._alarmsTable_44q85_86 [role='cell']:nth-child(2),
._historyLogTable_44q85_87 [role='cell']:nth-child(2) {
  justify-content: center;
  text-align: center;
}

._alarmsTable_44q85_86 [role='columnheader']:nth-child(3),
._alarmsTable_44q85_86 div[class*='headerCell']:nth-child(3),
._historyLogTable_44q85_87 [role='columnheader']:nth-child(3),
._historyLogTable_44q85_87 div[class*='headerCell']:nth-child(3) {
  justify-content: center;
  text-align: center;
}

._alarmsTable_44q85_86 [role='cell']:nth-child(3),
._historyLogTable_44q85_87 [role='cell']:nth-child(3) {
  justify-content: center;
  text-align: center;
}

._alarmsTable_44q85_86 [role='columnheader']:nth-child(4),
._alarmsTable_44q85_86 div[class*='headerCell']:nth-child(4),
._historyLogTable_44q85_87 [role='columnheader']:nth-child(4),
._historyLogTable_44q85_87 div[class*='headerCell']:nth-child(4) {
  justify-content: center;
  text-align: center;
}

._alarmsTable_44q85_86 [role='cell']:nth-child(4),
._historyLogTable_44q85_87 [role='cell']:nth-child(4) {
  justify-content: center;
  text-align: center;
}

._alarmsTable_44q85_86 [role='cell']:nth-child(5),
._historyLogTable_44q85_87 [role='cell']:nth-child(5) {
  justify-content: center;
  text-align: center;
}

._alarmsTable_44q85_86 [role='columnheader']:nth-child(5),
._alarmsTable_44q85_86 div[class*='headerCell']:nth-child(5),
._historyLogTable_44q85_87 [role='columnheader']:nth-child(5),
._historyLogTable_44q85_87 div[class*='headerCell']:nth-child(5) {
  justify-content: center;
  text-align: center;
}

._alarmsTable_44q85_86 [role='columnheader']:nth-child(6),
._alarmsTable_44q85_86 div[class*='headerCell']:nth-child(6),
._historyLogTable_44q85_87 [role='columnheader']:nth-child(6),
._historyLogTable_44q85_87 div[class*='headerCell']:nth-child(6) {
  justify-content: center;
  text-align: center;
}

._alarmsTable_44q85_86 [role='cell']:nth-child(6),
._historyLogTable_44q85_87 [role='cell']:nth-child(6) {
  justify-content: center;
  text-align: center;
}

._filterRow_44q85_314 {
  display: flex;
  align-items: center;
  gap: 1.5em;
  background-color: var(--color-background-light-blue5);
  border-bottom: 1px solid var(--color-light-gray12);
  flex-wrap: nowrap;
  position: relative;
  box-sizing: border-box;
  padding-bottom: 1rem;
  padding-left: 1.5em;
}

._filterRow_44q85_314 > ._dateInputWrapper_44q85_327:last-of-type {
  margin-right: 0;
}

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

._filterRow_44q85_314 [class*='dateInput'] [class*='input'],
._filterRow_44q85_314 [class*='dateInput'] input {
  padding-left: 0rem;
  color: var(--secondary-blue-color);
}

._filterRow_44q85_314 ._dateLabel_44q85_343 {
  color: var(--color-light-blue);
  font-weight: 600;
  font-size: 1.125rem;
}

._filterLabel_44q85_349 {
  font-weight: 700;
  font-size: 16px;
  color: var(--secondary-blue-color);
}

._dateLabel_44q85_343 {
  font-weight: 500;
  font-size: 14px;
  color: var(--secondary-blue-color);
  white-space: nowrap;
}

._datePickerWrapper_44q85_362 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._datePickerContainer_44q85_368 {
  flex: 0 0 auto;
  min-width: 200px;
}

._datePickerInput_44q85_373 {
  width: 100%;
}

._datePickerLabel_44q85_377 {
  display: none;
}

._dateInputContainer_44q85_381 {
  flex: 0 0 auto;
  min-width: 150px;
  width: auto;
  position: relative;
  display: flex;
  align-items: center;
}

._dateInput_44q85_327 {
  flex: 0 0 auto;
  margin: 0;
  width: 100%;
  position: relative;
}

._dateInput_44q85_327 .formGroup {
  margin: 0;
  display: flex;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  position: relative;
  gap: 0;
}

._dateInput_44q85_327 .formGroup label {
  display: none;
  width: 0;
  margin: 0;
  padding: 0;
}

._dateInput_44q85_327 .formGroup > * {
  border: solid red thin;
}

._dateInput_44q85_327 .input {
  min-width: 150px;
  width: 100%;
  flex-shrink: 0;
  position: relative;
}

._dateInputContainer_44q85_381 [class*='formGroupCompact'] {
  gap: 0rem;
}

._filterRow_44q85_314 [class*='dateInput'] [class*='input'],
._filterRow_44q85_314 [class*='dateInput'] input {
  min-width: 150px;
  font-size: 14px;
}

._actionButton_44q85_435 {
  border: none;
  border-radius: 4px;
  background-color: transparent;
  color: var(--color-light-blue6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  padding: 0;
}

._actionButton_44q85_435:hover {
  opacity: 0.8;
}

._refreshIcon_44q85_452 {
  width: 32px;
  height: 32px;
  transition: transform 0.2s ease;
  cursor: pointer;
}

._refreshIcon_44q85_452 rect {
  fill: var(--color-light-blue6);
}

._refreshIcon_44q85_452 g rect {
  fill: var(--color-light-blue6);
}

._errorContainer_44q85_467 {
  padding: 2rem;
  text-align: center;
  color: var(--color-red);
}

._errorContainer_44q85_467 p {
  margin: 0.5rem 0;
}

._loaderContainer_44q85_477 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
  height: 100%;
}

[class*='contentContainer']:has(
  [class*='alarmsContainer'] > [class*='loaderContainer']
) {
  height: 100%;
}
._container_1wiad_1 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  background-color: var(--color-background-blue-very-light);
  overflow-x: hidden;
}

._searchWrapper_1wiad_11 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}

._searchContainer_1wiad_18 {
  position: relative;
  width: 100%;
  max-width: 1000px;
}

._searchIcon_1wiad_24 {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: var(--main-blue-color);
}

._searchInput_1wiad_34 {
  width: 100%;
  height: 55px;
  padding: 0 20px 0 50px;
  background: var(--color-white);
  border: 5px solid var(--color-background-light-blue2);
  border-radius: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: var(--secondary-blue-color);
  outline: none;
  transition: border-color 0.2s ease;
}

._searchInput_1wiad_34::placeholder {
  color: var(--color-placeholder-blue);
}

._searchInput_1wiad_34:focus {
  border-color: var(--main-blue-color);
}

._contentWrapper_1wiad_57 {
  width: 100%;
  display: flex;
  justify-content: center;
}

._tableCard_1wiad_63 {
  background: var(--color-light-blue4);
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  filter: drop-shadow(0px 2px 20px var(--color-black-shadow10));
}

._tableHeader_1wiad_73 {
  background: var(--color-background-light-blue7);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 50px;
  align-items: center;
}

._headerColumn_1wiad_82 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: var(--color-dark-blue);
  display: flex;
  justify-content: center;
  align-items: center;
}

._tableBody_1wiad_93 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 30px 20px 50px 20px;
  gap: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 370px);
}

._column_1wiad_103 {
  display: flex;
  flex-direction: column;
  gap: 26px;
  min-width: 0;
}

._alarmRow_1wiad_110 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 12px 0px 12px;
  gap: 20px;
  width: 100%;
  min-height: 24px;
  overflow: hidden;
}

._alarmRow_1wiad_110:nth-child(odd) {
  background: var(--color-light-blue4);
}

._alarmRow_1wiad_110:nth-child(even) {
  background: var(--color-background-light-blue8);
}

._toggleSwitch_1wiad_130 {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 24px;
  flex-shrink: 0;
  transform: matrix(1, 0, 0, -1, 0, 0);
}

._toggleInput_1wiad_139 {
  opacity: 0;
  width: 0;
  height: 0;
}

._toggleSlider_1wiad_145 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-background-blue-light);
  border: 2px solid var(--color-background-blue-light);
  transition: 0.3s;
  border-radius: 40px;
}

._toggleSlider_1wiad_145:before {
  position: absolute;
  content: '';
  height: 80%;
  width: 41.37%;
  left: 6.45%;
  bottom: 9.38%;
  background-color: var(--color-circle-blue-light);
  transition: 0.3s;
  border-radius: 50%;
}

._toggleInput_1wiad_139:checked + ._toggleSlider_1wiad_145 {
  background-color: var(--main-blue-color);
  border-color: var(--main-blue-color);
}

._toggleInput_1wiad_139:checked + ._toggleSlider_1wiad_145:before {
  transform: translateX(120%);
  background-color: var(--color-white);
}

._alarmName_1wiad_180 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: var(--main-blue-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

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

  ._headerColumn_1wiad_82:last-child {
    display: none;
  }

  ._tableBody_1wiad_93 {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    padding: 30px 20px;
  }

  ._column_1wiad_103:last-child {
    display: none;
  }
}

@media (max-width: 768px) {
  ._searchContainer_1wiad_18 {
    max-width: 100%;
  }

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

  ._headerColumn_1wiad_82:nth-child(2),
  ._headerColumn_1wiad_82:nth-child(3) {
    display: none;
  }

  ._tableBody_1wiad_93 {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px 15px;
  }

  ._column_1wiad_103:nth-child(2),
  ._column_1wiad_103:nth-child(3) {
    display: none;
  }
}
._controlTabContainer_1iu1e_1 {
  width: 100%;
  padding: 20px;
}

._gridContainerLeft_1iu1e_6 {
  place-items: start;
  align-content: start;
  justify-items: start;
}

._statusIndicator_1iu1e_12 {
  width: 100%;
  height: 100%;
  display: flex;
}

._controlTable_1iu1e_18 .tableCell ._status-indicator-wrapper_1iu1e_18 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

._controlTable_1iu1e_18 .tableCell {
  position: relative;
}

._controlTable_1iu1e_18 .tableCell:has(.status-indicator-wrapper) {
  padding: 0 !important;
}

._statusOn_1iu1e_35 {
  width: 100%;
  background-color: var(--color-green2);
  border: solid var(--color-white) thin;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

._statusOff_1iu1e_48 {
  width: 100%;
  background-color: var(--color-red2);
  color: var(--color-white);
  border: solid var(--color-white) thin;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
._controlTable_1ahq5_1 .tableCell:has(.status-indicator-wrapper) {
  padding: 0 !important;
}

._controlTable_1ahq5_1 .tableCell ._status-indicator-wrapper_1ahq5_1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

._controlTable_1ahq5_1 .tableCell {
  position: relative;
}
._gridContainerLeft_1pdvk_1 {
  place-items: start;
  align-content: start;
  justify-items: start;
}

._controlTable_1pdvk_7 .tableCell:has(.status-indicator-wrapper) {
  padding: 0 !important;
}

._controlTable_1pdvk_7 .tableCell ._status-indicator-wrapper_1pdvk_7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

._controlTable_1pdvk_7 .tableCell {
  position: relative;
}
._cardContainer_brgn3_1 {
  background-color: var(--color-background-light-blue2);
  border-radius: 10px;
  padding: 10px;
  width: 100%;
  margin: 0;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
}

._cardTitle_brgn3_10 {
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 24px;
  font-weight: 600;
  color: var(--secondary-blue-color);
}

._cardContent_brgn3_18 {
  width: 100%;
}
._gridContainerLeft_1pdvk_1 {
  place-items: start;
  align-content: start;
  justify-items: start;
}

._controlTable_1pdvk_7 .tableCell:has(.status-indicator-wrapper) {
  padding: 0 !important;
}

._controlTable_1pdvk_7 .tableCell ._status-indicator-wrapper_1pdvk_7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

._controlTable_1pdvk_7 .tableCell {
  position: relative;
}
._container_absmo_1 {
  display: flex;
  flex-direction: column;
  gap: 1em;
  background-color: var(--color-background-light-blue5);
  min-height: 100%;
}

._gaugesSection_absmo_9 {
  display: flex;
  flex-direction: column;
  background-color: var(--color-light-blue4);
  border-radius: 8px;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
}

._sectionHeader_absmo_17 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 1em;
  background-color: var(--color-white);
  border-radius: 8px 8px 0 0;
}

._infoBoxes_absmo_26 {
  display: flex;
  gap: 12px;
  align-items: center;
}

._infoBox_absmo_26 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  background-color: transparent;
}

._infoLabel_absmo_40 {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-dark-blue);
  white-space: nowrap;
}

._infoValue_absmo_47 {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-dark-blue);
  text-align: center;
  padding: 0.2em 0.5em;
  background-color: var(--color-light-warning);
  border-radius: 4px;
  display: inline-block;
}

._infoBox_absmo_26:nth-child(2) ._infoValue_absmo_47 {
  background-color: var(--color-red);
  color: var(--color-white);
}

._headerRight_absmo_63 {
  display: flex;
  align-items: center;
}

._gaugesContainer_absmo_68 {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1em;
  min-height: 13em;
  justify-content: center;
}

._chartSection_absmo_77 {
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  border-radius: 8px;
  padding: 1em 1em 0 1em;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
  min-height: 450px;
}

._chartControls_absmo_87 {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 1em 1em 1em;
  border-bottom: 1px solid var(--color-light-blue-grid);
}

._controlGroup_absmo_96 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-width: fit-content;
}

._wrapperSelectClass_absmo_105 {
  width: 100%;
  grid-template-columns: 0.1fr 1fr;
}

._selectWrapperClass_absmo_110 {
  border: solid 1.5px var(--color-light-blue6);
}

@media (max-width: 1395px) {
  ._controlGroup_absmo_96 {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (min-width: 2330px) {
  ._chartControls_absmo_87 {
    width: 70%;
    align-self: center;
  }
  ._selectClass_absmo_126 {
    max-width: none;
  }
}
._controlLabel_absmo_130 {
  font-size: 12px;
  font-weight: 700;
  color: var(--color-light-blue6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

._controlInput_absmo_139,
._controlSelect_absmo_140 {
  padding: 8px 12px;
  border: 2px solid var(--color-light-blue6);
  border-radius: 4px;
  font-size: 14px;
  color: var(--color-dark-blue);
  background-color: var(--color-white);
  border-bottom: 2px solid var(--color-light-blue6);
}

._controlInput_absmo_139 {
  border-bottom: 2px solid var(--color-light-blue6);
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  min-width: auto;
  max-width: 120px;
}

._controlSelect_absmo_140 {
  min-width: 120px;
  border: 2px solid var(--color-light-blue6);
  border-radius: 4px;
}

._controlSelectInterval_absmo_169 {
  min-width: 80px;
  max-width: 100px;
}

._controlSelectMedium_absmo_174 {
  min-width: 100px;
  max-width: 110px;
}

._controlInput_absmo_139:focus,
._controlSelect_absmo_140:focus {
  outline: none;
  border-color: var(--color-light-blue6);
}

._controlActions_absmo_185 {
  display: flex;
  justify-content: center;
  margin-left: auto;
  flex: 1 1 auto;
  flex-shrink: 0;
}

._actionButton_absmo_193 {
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 4px;
  background-color: transparent;
  color: var(--color-light-blue6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  padding: 0;
}

._selectClass_absmo_126 {
  color: var(--color-dark-blue);
  font-size: 0.9em;
  max-width: 360px;
}

._actionButton_absmo_193 svg {
  width: 32px;
  height: 32px;
}

._refreshIcon_absmo_219 {
  width: 32px;
  height: 32px;
}

._refreshIcon_absmo_219 rect {
  fill: var(--color-light-blue6) !important;
}

._refreshIcon_absmo_219 g rect {
  fill: var(--color-light-blue6) !important;
}

._downloadIcon_absmo_232 {
  width: 32px;
  height: 32px;
}

._downloadIcon_absmo_232 path {
  fill: none;
}

._actionButton_absmo_193:hover {
  opacity: 0.8;
}

._actionButton_absmo_193:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

._chartContainer_absmo_250 {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}

._searchTagInput_absmo_256 {
  border: solid 4px var(--color-background-blue-light2);
  border-radius: 5px;
}

._searchTagInput_absmo_256 input {
  border: none;
}

._searchTagInput_absmo_256._searchIcon_absmo_265 {
  display: none;
}
._WSContainer_1yvpe_1 {
  display: flex;
  align-items: center;
  align-self: flex-end;
  gap: 1rem;
  height: 100%;
  justify-content: flex-end;
  position: relative;
  right: 0;
  height: 100%;
}

._wsIcon_1yvpe_13 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
}

._wsConnectedIconWithStroke_1yvpe_21 path {
  stroke-width: 2.5px;
  stroke: var(--color-green);
}

._wsDisconnectedIconWithStroke_1yvpe_26 path {
  stroke-width: 2.5px;
  stroke: var(--color-red);
}

._lastUpdateText_1yvpe_31 {
  color: var(--secondary-blue-color);
  font-weight: 700;
  font-size: 15px;
}

._lastUpdateValue_1yvpe_37 {
  color: var(--color-light-blue);
  font-weight: 700;
  font-size: 15px;
}
._searchContainer_1jcmx_1 {
  position: relative;
  width: min(600px, 50vw);
  min-width: 280px;
}

._searchIcon_1jcmx_7 {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 19px;
  pointer-events: none;
}

._searchInput_1jcmx_17 {
  width: 100%;
  height: 40px;
  padding: 0 16px 0 48px;
  border: 1px solid var(--color-light-gray10);
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
  opacity: 1;
}

._searchInput_1jcmx_17::placeholder {
  color: var(--color-placeholder-blue);
}

._inputIcons_1jcmx_32 {
  flex: 1;
  display: flex;
  position: absolute;
  height: 100%;
  right: 0.7rem;
  top: 0;
  color: var(--secondary-blue-color);
}

._icon_1jcmx_42 {
  display: flex;
  align-items: center;
  cursor: pointer;
}

._icon_1jcmx_42 path {
  stroke: var(--main-blue-color);
}

._listContainer_1jcmx_52 {
  position: absolute;
  top: 110%;
  left: 0;
  width: 100%;
  background-color: white;
  height: 200px;
  overflow: auto;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  z-index: 100;
}

._listItem_1jcmx_64 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  color: var(--secondary-blue-color);
}

._listItem_1jcmx_64:nth-child(odd) {
  background-color: var(--color-gray2);
}

._listItem_1jcmx_64:hover {
  background-color: var(--color-background-light-blue5);
}

._itemActionButton_1jcmx_80 {
  flex-shrink: 0;
  margin-left: auto;
  padding: 2px 8px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
  border: solid 2px var(--main-blue-color);
  color: var(--main-blue-color);
  border-radius: 4px;
  z-index: 11;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

._itemActionButton_1jcmx_80:hover {
  background-color: var(--main-blue-color);
  color: var(--color-white);
}

._listItem_1jcmx_64:hover ._itemActionButton_1jcmx_80 {
  opacity: 1;
  pointer-events: auto;
}
._root_1xu6b_1 {
  width: 100%;
  display: flex;
  flex-direction: row;
  font-family: 'Roboto', sans-serif;
  color: var(--secondary-blue-color);
}

._loader_1xu6b_9 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

._toggleBtn_1xu6b_17 {
  width: 100%;
  padding: 7px 12px;
  border-radius: 0;
  border: none;
  background: var(--color-background-light-blue8);
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
  color: var(--secondary-blue-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: background 0.15s ease;
  text-align: center;
}
._toggleBtnOff_1xu6b_35 {
  opacity: 0.5;
}
._toggleBtn_1xu6b_17:hover {
  background: var(--color-background-light-blue5);
}

._chartArea_1xu6b_42 {
  flex: 1;
  min-width: 0;
  max-width: calc(100% - 380px);
  position: relative;
  align-self: stretch;
}

._chartWrapper_1xu6b_50 {
  width: 100%;
  height: 100%;
  min-height: inherit;
  position: relative;
}

._rangeNavButton_1xu6b_57 {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  z-index: 3;
  width: 32px;
  height: 90px;
  padding: 0;
  border: 2px solid var(--color-background-light-blue2);
  background-color: var(--color-white);
  color: var(--color-background-light-blue2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

._rangeNavButtonLeft_1xu6b_77 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  left: -2px;
}

._rangeNavButtonRight_1xu6b_83 {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  right: 18px;
}

._rangeNavIcon_1xu6b_89 {
  width: 24px;
  height: 100px;
  flex-shrink: 0;
  pointer-events: none;
}

._rangeNavButton_1xu6b_57:hover:not(:disabled) {
  opacity: 1;
}

._rangeNavButton_1xu6b_57:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}

._chartWrapper_1xu6b_50 .recharts-surface {
  outline: none;
  border: none;
}

._chartWrapper_1xu6b_50 .recharts-text,
._chartWrapper_1xu6b_50 .recharts-cartesian-axis-tick-value,
._chartWrapper_1xu6b_50 .recharts-label {
  fill: var(--secondary-blue-color) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

._xTick_1xu6b_118 {
  font-size: 13px;
  font-weight: 500;
  fill: var(--secondary-blue-color);
}

._dataWindow_1xu6b_124 {
  position: absolute;
  top: 60px;
  z-index: 2;
  background: var(--color-white);
  border-radius: 6px;
  padding: 10px 12px;
  min-width: 190px;
  pointer-events: none;
  box-shadow: 0 2px 14px var(--color-black-shadow15);
}

._dataRow_1xu6b_136 {
  display: flex;
  align-items: baseline;
  gap: 6px;
  line-height: 1.75;
}
._dataValue_1xu6b_142 {
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
._dataUnit_1xu6b_147 {
  font-size: 11px;
  font-weight: 600;
  opacity: 0.85;
}
._dataLabel_1xu6b_152 {
  font-size: 12px;
  font-weight: 500;
  color: var(--secondary-blue-color);
  opacity: 0.7;
  white-space: nowrap;
}

._legendPanel_1xu6b_160 {
  width: 380px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._legendHeader_1xu6b_168,
._legendRow_1xu6b_169 {
  display: grid;
  grid-template-columns: 1fr 28px 68px 68px 52px 28px;
  align-items: center;
  height: 40px;
  padding: 0 6px 0 10px;
}

._legendHeader_1xu6b_168 {
  background: var(--color-background-light-blue5);
  border-radius: 10px 10px 0 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  text-transform: uppercase;
}

._legendBody_1xu6b_186 {
  background: var(--color-background-light-blue8);
  display: flex;
  flex-direction: column;
}

._legendRow_1xu6b_169 {
  font-size: 13px;
  transition: opacity 0.2s ease;
}
._legendRowAlt_1xu6b_196 {
  background: var(--color-light-blue4);
}
._legendRowHidden_1xu6b_199 {
  opacity: 0.35;
}

._lc_1xu6b_203 {
  display: flex;
  align-items: center;
}

._lcLabel_1xu6b_208 {
  gap: 8px;
  font-weight: 500;
  color: var(--secondary-blue-color);
  min-width: 0;
}

._legendNameContainer_1xu6b_215 {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
}

._legendNameContainer_1xu6b_215:hover ._legendTooltip_1xu6b_223 {
  opacity: 1;
  visibility: visible;
}

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

._warningIconContainer_1xu6b_228:hover ._legendTooltip_1xu6b_223 {
  opacity: 1;
  visibility: visible;
}

._legendTooltip_1xu6b_223 {
  position: absolute;
  bottom: calc(100% + 4px);
  left: 0;
  background-color: var(--secondary-blue-color);
  color: var(--color-white);
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease;
  box-shadow: 0 2px 8px var(--color-black-shadow15);
}

._lcEye_1xu6b_258 {
  justify-content: center;
}
._lcVal_1xu6b_261 {
  justify-content: center;
  gap: 4px;
}
._lcDelta_1xu6b_265 {
  justify-content: center;
  font-weight: 700;
}
._lcRemove_1xu6b_269 {
  justify-content: center;
}

._removeBtn_1xu6b_273 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 2px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
  color: var(--color-ws-disconnected);
}

._legendRow_1xu6b_169:hover ._removeBtn_1xu6b_273 {
  opacity: 1;
  pointer-events: auto;
}

._headerDot_1xu6b_292 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
._headerDotBlue_1xu6b_298 {
  background: var(--main-blue-color);
}
._headerDotRed_1xu6b_301 {
  background: var(--color-ws-disconnected);
}

._legendPill_1xu6b_305 {
  width: 8px;
  height: 12px;
  border-radius: 6px;
  flex-shrink: 0;
}

._legendName_1xu6b_215 {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: var(--secondary-blue-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._eyeBtn_1xu6b_323 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--secondary-blue-color);
  border-radius: 3px;
  transition: background 0.15s;
}
._eyeBtn_1xu6b_323:hover {
  background: var(--color-black-shadow10);
}

._warningIcon_1xu6b_228 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  color: var(--color-light-warning);
}

._valText_1xu6b_347 {
  font-size: 14px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  text-align: center;
}
._valEmpty_1xu6b_353 {
  font-size: 14px;
  font-weight: 400;
  color: var(--secondary-blue-color);
  opacity: 0.3;
}

._cursorTable_1xu6b_360 {
  background: var(--color-background-light-blue8);
  margin-top: 8px;
}

._cursorTableHeader_1xu6b_365,
._cursorTableRow_1xu6b_366 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  padding: 0 8px;
}

._cursorTableHeader_1xu6b_365 {
  background: var(--color-background-light-blue5);
  height: 38px;
  font-size: 12px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  text-transform: uppercase;
}

._cursorTableRow_1xu6b_366 {
  min-height: 46px;
  padding: 8px;
}

._cursorTableCell_1xu6b_387 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  text-align: center;
}

._cursorTs_1xu6b_395 {
  font-size: 12px;
  font-weight: 600;
  color: var(--secondary-blue-color);
  text-align: center;
  line-height: 1.4;
  word-break: break-all;
}

._legendFooter_1xu6b_404 {
  display: flex;
  margin-top: 8px;
}

._deltaPos_1xu6b_409 {
  color: var(--color-green6);
  font-weight: 700;
  font-size: 13px;
}
._deltaNeg_1xu6b_414 {
  color: var(--color-light-red4);
  font-weight: 700;
  font-size: 13px;
}

._cursorTimestamp_1xu6b_420 {
  position: absolute;
  top: 4px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--secondary-blue-color);
  pointer-events: none;
  z-index: 2;
  white-space: nowrap;
  line-height: 1.3;
}

._cursorDate_1xu6b_434 {
  font-size: 11px;
  font-weight: 400;
}
._cursorTime_1xu6b_420 {
  font-size: 12px;
  font-weight: 700;
}
._gridContainerLeft_1pdvk_1 {
  place-items: start;
  align-content: start;
  justify-items: start;
}

._controlTable_1pdvk_7 .tableCell:has(.status-indicator-wrapper) {
  padding: 0 !important;
}

._controlTable_1pdvk_7 .tableCell ._status-indicator-wrapper_1pdvk_7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

._controlTable_1pdvk_7 .tableCell {
  position: relative;
}
._controlTable_1ahq5_1 .tableCell:has(.status-indicator-wrapper) {
  padding: 0 !important;
}

._controlTable_1ahq5_1 .tableCell ._status-indicator-wrapper_1ahq5_1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

._controlTable_1ahq5_1 .tableCell {
  position: relative;
}
._tabsContainer_m4q9w_1 {
  display: flex;
  gap: 0;
  background-color: var(--color-white);
  border-bottom: 1px solid var(--color-light-gray12);
  overflow-x: auto;
}

._tab_m4q9w_1 {
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 400;
  color: var(--secondary-blue-color);
  background-color: var(--color-white);
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

._tab_m4q9w_1:hover {
  background-color: var(--color-background-light-blue2);
}

._tabActive_m4q9w_25 {
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-white);
  background-color: var(--main-blue-color);
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

._secondaryTabActive_m4q9w_37 {
  font-weight: 700;
  background-color: var(--color-background-light-blue2);
}

._secondaryTabsContainer_m4q9w_42 {
  display: flex;
  flex-direction: row;
  z-index: 1;
}

._secondaryTab_m4q9w_37 {
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 40px;
  cursor: pointer;
  color: var(--secondary-blue-color);
}
._mainContainer_90qrt_1 {
  background-color: var(--color-background-light-blue5);
  padding: 2em;
  height: calc(100vh - var(--header-height));
  overflow-y: auto;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}
._container_1d745_1 {
  display: flex;
  flex-direction: column;
  gap: 2.5em;
}

._form_1d745_7 h1,
._form_1d745_7 h3 {
  color: var(--color-white);
}

._form_1d745_7 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5em;
}

._separator_1d745_19 {
  display: flex;
  align-items: center;
  gap: 1em;
}

._separatorLine_1d745_25 {
  flex: 1;
  height: 1px;
  margin: 0 10px;
  opacity: 0.5;
  background-color: var(--main-gray-color);
}

._separatorText_1d745_33 {
  color: var(--main-gray-color);
}

._buttonContainer_1d745_37 {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
._formWrapper_1d745_42 {
}
._formErrors_1d745_44 { 
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  color: var(--color-red);
  padding: 1em;
}
._inputError_1d745_52 {
  color: var(--color-red);
  font-size: 16px;
  border-radius: 5px;
  padding: 1em;
  border: 1px solid var(--color-red);
}
._error_1d745_59 {
  color: var(--color-red);
  margin-top: 5px;
}

._formDescription_1d745_64 {
  color: var(--color-light-blue2);
}._submitButton_al861_1 {
  background-color: var(--color-btn-gray);
  color: var(--color-white);
  padding: 1em;
  font-weight: 700;
  border-radius: 5px;
  font-size: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; 
}
._spinner_al861_13 {
  position: absolute;
  right: 1em;
  width: 2em;
  height: 2em;
  align-self: center;
  animation: _spin_al861_13 1s linear infinite;
}


@keyframes _spin_al861_13 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}._inputContainer_1vef9_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._input_1vef9_1 {
  color: var(--color-gray-8);
  font-size: 16px;
  border-radius: 5px;
  padding: 1em;
  font-weight: 500;
}

._input_1vef9_1::placeholder {
  color: var(--color-gray4);
  font-weight: 400;
}

._inputError_1vef9_20::placeholder {
  color: var(--color-red);  
  font-weight: 500;
}

._inputError_1vef9_20 {
  color: var(--color-red);
  font-size: 16px;
  border-radius: 5px;
  padding: 1em;
  border: 1px solid var(--color-red);
}

._error_1vef9_33 {
  color: var(--color-red);
  margin-top: 5px;
}._link_121fk_1 {
  color: var(--color-light-blue2);
  width: 100%;
  text-align: right;
}._mainContainer_1pkqs_1 {
  background-color: var(--color-background-light-blue5);
  height: calc(100vh - var(--global-header-height));
  width: 100%;
  flex: 1 1 auto;
  overflow: hidden;
}

._cardsViewContainer_1pkqs_9 {
  height: 100%;
  margin-bottom: 2em;
  overflow: auto;
}._cardsContainer_1xscr_1 {
  background-color: var(--color-background-light-blue5);
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
  height: calc(
    100vh - var(--global-header-height) - var(--admin-tool-header-height) - 8em 
  );
  overflow: auto;
}

._header_1xscr_13 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  gap: 10em;
  margin-left: 6em;
}

._titleSection_1xscr_21 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._locationIcon_1xscr_27 {
  width: 34px;
  height: 34px;
}

._title_1xscr_21 {
  font-size: 36px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  margin: 0;
}

._searchSection_1xscr_39 {
  flex: 1;
  max-width: 65%;
}

._searchContainer_1xscr_44 {
  width: 100%;
}

/* Responsive */
@media (max-width: 768px) {
  ._header_1xscr_13 {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  ._searchSection_1xscr_39 {
    width: 100%;
    max-width: none;
  }
}
._card_12ue2_1 {
  background-color: var(--color-white);
  border-radius: 12px;
  padding: 0;
  max-width: 350px;
  min-width: 350px;
  overflow: hidden;
  box-shadow: 0px 0px 2px 0px var(--color-gray7);
  transition: box-shadow 0.3s ease;
}

._card_12ue2_1:hover {
  cursor: pointer;
  box-shadow: 0px 0px 5px 0px var(--color-gray7);
  position: relative;
  inset: 0;
}

._header_12ue2_19 {
  padding: 14px;
  text-align: center;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

._title_12ue2_29 {
  font-weight: 800;
  font-size: 24px;
  color: var(--secondary-blue-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}

._subtitle_12ue2_42 {
  font-weight: 500;
  font-size: 16px;
  color: var(--main-blue-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}

._content_12ue2_55 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background-color: var(--color-background-light-blue8);
  padding: 25px;
  border: 4px solid var(--color-white);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

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

._icon_12ue2_67 {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

._valueContainer_12ue2_79 {
  display: flex;
  align-items: baseline;
  gap: 5px;
}

._value_12ue2_79 {
  font-weight: 700;
  font-size: 48px;
  color: var(--secondary-blue-color);
}

._unit_12ue2_91 {
  font-weight: 500;
  font-size: 16px;
  color: var(--main-blue-color);
}
._header_12xiv_1 {
  display: flex;
  height: 45px;
  flex: 1;
  align-items: center;
  flex-direction: row;
  z-index: 1;
  margin: 2em 5em;
  position: relative;
}

._floatHeader_12xiv_12 {
  position: absolute;
  right: 0;
  left: 0;
}

._leftSection_12xiv_18 {
  display: flex;
  flex: 0.43;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

._centerSection_12xiv_26 {
  display: flex;
  flex: 0.7;
  justify-content: center;
}

._rightSection_12xiv_32 {
  flex: 0.3;
  display: flex;
  justify-content: center;
}

._locationIcon_12xiv_38 {
  width: 34px;
  height: 34px;
}

._title_12xiv_43 {
  font-size: 36px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  margin: 0;
}

._searchContainer_12xiv_50 {
  width: 100%;
}

/* Responsive */
@media (max-width: 768px) {
  ._header_12xiv_1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
._mapWrapper_jyaz1_1 {
  width: 100%;
  height: 100%;
  display: flex;
}

._cardsMapContainer_jyaz1_7 {
  z-index: 1;
  max-width: 25em;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  box-shadow: 1px 0 10px -2px var(--color-gray7);
  margin-bottom: 1em;
}

._cardsContainerHeader_jyaz1_18 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 2em;
}

._sortBtn_jyaz1_26 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-bottom: 2em;
}

._sortText_jyaz1_34 {
  font-size: 16px;
  font-weight: 600;
  color: var(--main-blue-color);
}

._mapContainer_jyaz1_40 {
  flex: 1;
  width: 100%;
  height: 100%;
}

._cardsMapContainer_jyaz1_7 > div > div > div {
  padding-bottom: 1em;
}

._tooltipWrapper_jyaz1_50 {
  /* Container for tooltip content */
}

._tooltipContent_jyaz1_54 {
  display: flex;
  align-items: center;
  flex-direction: column;
  background: white;
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
}

._markerWithTooltip_jyaz1_65 {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

._markerIcon_jyaz1_72 {
  width: 24px;
  height: 38px;
  margin-top: 4px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}._stickyHeader_1ab6k_1 {
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 2;
  background-color: #fff;
  height: var(--global-header-height);
}

._solarisLogo_1ab6k_10 {
  width: 5em;
  height: 5em;
}

._pulseTitle_1ab6k_15 {
  cursor: pointer;
}

._headerContainer_1ab6k_19 {
  display: flex;
  align-items: center;
  gap: 0.2em;
  height: 100%;
  flex: 1;
}

._headerBodyContainer_1ab6k_27 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 1.5em;
  height: 100%;
}

._headerContainer_1ab6k_19 h1 {
  font-size: 2em;
  font-weight: 600;
  color: var(--secondary-blue-color);
}

._linksContainer_1ab6k_43 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.3em;
  height: 100%;
  margin-left: -2em;
}

._linksContainer_1ab6k_43 > a {
  height: 100%;
  cursor: pointer;
}

._linksContainer_1ab6k_43 a._active_1ab6k_57 {
  color: #2563eb;
  cursor: pointer; 
}

._linksMarginRight_1ab6k_62 {
  margin-right: 5em;
}

._link_1ab6k_43 {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--secondary-blue-color);
  cursor: pointer;
  height: 100%;
  transition: color 0.3s ease;
  position: relative;
}

._link_1ab6k_43 > p,
._link_1ab6k_43 > svg,
._link_1ab6k_43 > a {
  cursor: pointer;
}

._linkContent_1ab6k_85 {
  display: flex;
  flex: 1;
  height: 100%;
  padding: 0 4em;
  width: 100%;
  flex-direction: row;
  align-items: center;
  gap: 0.5em;
}

._underline_1ab6k_96 {
  position: absolute;
  bottom: 0;
  left: 0;
  border: solid 3px var(--main-blue-color);
  border-radius: 4px;
  transition:
    transform 0.3s ease,
    width 0.3s ease;
}

._activeLink_1ab6k_107 {
  color: var(--secondary-blue-color);
  font-weight: 600;
  cursor: pointer;
}

._iconsContainer_1ab6k_113 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5em;
}

._iconsContainer_1ab6k_113 > button {
  height: 100%;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  align-self: center;
  align-content: center;
  cursor: pointer;
}
/* Admin Tool Container */

._headerContainer_vwwgz_3 {
  position: sticky;
  display: flex;
  padding: 1em 2em;
  align-items: center;
  background: var(--color-background-light-blue8);
  height: var(--admin-tool-header-height);
}

._headerContentLeft_vwwgz_12 {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  z-index: 1;
}

._headerContentLeftCompact_vwwgz_20 {
  flex-shrink: 1;
  min-width: 0;
  max-width: 42%;
}

@media (max-width: 1430px) {
  ._headerContentLeft_vwwgz_12._hasTabs_vwwgz_27 {
    display: none;
  }
}

._headerContentCenter_vwwgz_32 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: stretch;
  justify-content: center;
  pointer-events: none;
  height: 100%;
  z-index: 1;
  padding: 0 0.5rem;
}

._headerContentRight_vwwgz_45 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: auto;
  flex-shrink: 0;
  z-index: 1;
}
/* Tabs Container */

._tabsContainer_vwwgz_55 {
  display: flex;
  height: 100%;
  align-items: stretch;
  gap: 0.25rem;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--color-gray4) transparent;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
}

._tabsContainer_vwwgz_55::-webkit-scrollbar {
  height: 4px;
}

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

._tabsContainer_vwwgz_55::-webkit-scrollbar-thumb {
  background-color: var(--color-gray4);
  border-radius: 2px;
}

._tab_vwwgz_55 {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  position: relative;
  align-self: center;

  padding: 8px 1em;
  height: calc(100% + 2em);

  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;

  color: var(--secondary-blue-color);
  background-color: transparent;
  cursor: pointer;

  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

._tab_vwwgz_55:hover {
  background-color: var(--color-background-light-blue2);
  text-shadow: 0.6px 0 currentColor;
}

._tabActive_vwwgz_110 {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  padding: 8px 1em;

  color: var(--color-white);
  background-color: var(--main-blue-color);
}

._tabIndicator_vwwgz_124 {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -1;
  background-color: var(--color-background-light-blue2);
  transition:
    transform 0.2s ease,
    width 0.2s ease;
}

/* Responsive Styles */
@media (max-width: 1430px) {
  ._headerContentCenter_vwwgz_32 {
    max-width: calc(100vw - 400px);
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 1200px) {
  ._headerContentCenter_vwwgz_32 {
    max-width: calc(100vw - 350px);
  }

  ._tab_vwwgz_55,
  ._tabActive_vwwgz_110 {
    font-size: 14px;
    padding: 8px 12px;
  }
}

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

  ._headerContentCenter_vwwgz_32 {
    max-width: calc(100vw - 200px);
  }

  ._tabsContainer_vwwgz_55 {
    gap: 0.125rem;
  }

  ._tab_vwwgz_55,
  ._tabActive_vwwgz_110 {
    font-size: 12px;
    padding: 6px 10px;
  }
}

@media (max-width: 480px) {
  ._headerContentCenter_vwwgz_32 {
    max-width: calc(100vw - 150px);
  }

  ._tab_vwwgz_55,
  ._tabActive_vwwgz_110 {
    font-size: 11px;
    padding: 6px 8px;
  }
}
/* Breadcrumb Container */

._breadcrumbContainer_1ap21_3 {
  display: flex;
  gap: 10px;
  font-size: 16px;
  color: var(--secondary-blue-color);
  align-items: center;
}

._backIconStaticButton_1ap21_11 {
  width: 23px;
  height: 23px;
  cursor: pointer;
}

._homeIcon_1ap21_17 {
  width: 16x;
  height: 16px;
  align-self: baseline;
  cursor: pointer;
}

._arrowIcon_1ap21_24 {
  width: 16px;
  height: 16px;
}

._breadcrumbItem_1ap21_29 {
  color: #175d8d;
}

._breadcrumbItemClickable_1ap21_33 {
  color: #175d8d;
  cursor: pointer;
}

._breadcrumbCurrent_1ap21_38 {
  font-weight: 700;
  color: #1c496d;
}

._breadcrumbList_1ap21_43 {
  display: flex;
  list-style: none;
  gap: 0.5rem;
  align-items: center;
}

._breadcrumbContainerCompact_1ap21_50 {
  gap: 7px;
  min-width: 0;
}

._breadcrumbListCompact_1ap21_55 {
  gap: 0.3rem;
  min-width: 0;
}

._breadcrumbItemWrapper_1ap21_60 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* Media Queries Responsive */

@media (max-width: 768px) {
  ._breadcrumbContainer_1ap21_3 {
    display: none;
  }
}
._icon_vy2t9_1 path {
  fill: var(--main-blue-color);
}

._arrowIcon_vy2t9_5{
  rotate: 180deg;
}

._drawerContent_vy2t9_9 {
  width: 30em;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  background-color: white;
}

._drawerHeader_vy2t9_18 {
  background-color: var(--color-background-blue-very-light);
  display: flex;
  align-items: center;
}

._backButton_vy2t9_24 {
  background: none;
  border: none;
  font-size: 20px;
  margin-right: 12px;
  margin-left: 20px;
  cursor: pointer;
  padding: 4px !important;
  display: flex;
  align-items: center;
}

._userInfo_vy2t9_36 {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: visible;
}

._userName_vy2t9_44 {
  font-size: 26px;
  font-weight: 700;
  color: var(--secondary-blue-color);
  margin: 0;
  line-height: 1.2;
  min-height: 1.2em;
  display: block;
  visibility: visible;
  opacity: 1;
}

._userEmail_vy2t9_56 {
  font-size: 16px;
  font-weight: 500;
  color: var(--main-blue-color);
  margin: 0;
  line-height: 1.2;
  font-weight: 400;
}

._userAvatar_vy2t9_65 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  flex-shrink: 0;
}

._userAvatar_vy2t9_65 svg {
  width: 100px;
  height: 140px;
  opacity: 0.7;
}

._menuOptions_vy2t9_79 {
  flex: 1;
  padding: 0;
  overflow-y: auto;
}

._menuItem_vy2t9_85 {
  display: flex !important;
  align-items: center;
  padding: 18px 20px !important;
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-size: 16px;
}

button._menuItem_vy2t9_85:hover {
  background-color: var(--color-background-blue-very-light);
}

._menuItem_vy2t9_85:nth-child(odd) {
  background-color: white;
}

._menuItem_vy2t9_85:nth-child(even) {
  background-color: var(--color-background-blue-very-light);
}

._menuItemIcon_vy2t9_107 {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  color: var(--main-blue-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

._menuItemIcon_vy2t9_107 svg {
  width: 24px;
  height: 24px;
}


._menuItemText_vy2t9_124 {
  flex: 1;
  font-weight: 700;
  color: var(--secondary-blue-color);
  font-size: 20px;
}

._externalIcon_vy2t9_131 {
  width: 16px;
  height: 16px;
  margin-left: auto;
  flex-shrink: 0;
}

._drawerFooter_vy2t9_138 {
  margin-top: auto;
  padding: 20px;
  border-top: 1px solid white;
  display: flex;
  flex-direction: column;
  align-items: center;
}

._logoutButton_vy2t9_147 {
  width: 300px;
  padding: 8px 8px !important;
  background: none;
  border: 2px solid var(--main-blue-color);
  color: var(--main-blue-color) !important;  
  font-size: 20px !important;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  height: 50px !important;
}

._logoutButton_vy2t9_147:hover {
  background-color: var(--main-blue-color);
  color: white !important;
}

._versionInfo_vy2t9_168 {
  text-align: center;
  margin-top: 16px;
  font-size: 12px;
  color: var(--secondary-blue-color);
}._contentWrapper_h2hbt_1 {
  display: flex;
  flex-direction: column;
  height: calc(100vh - var(--global-header-height) - var(--admin-tool-header-height));
}

._centeredTitle_h2hbt_7 {
  display: flex;
  align-items: center;
  transform: translateX(-50%);
  margin: 0;
  font-size: 1em;
  color: var(--secondary-blue-color) !important;
  font-weight: 600;
  white-space: nowrap;
}

._icon_h2hbt_18 path {
  fill: var(--main-blue-color);
}
._container_10yjm_1 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  background-image: radial-gradient(
    100% 100% at 0% 0%,
    #434F5A 0%,
    #2F3840 72%
  );
}
._logo_10yjm_11 {
  position: absolute;
  right: 0;
  bottom: 0;
  animation: _spin_10yjm_1 2s linear infinite;

}
._containerWrapper_10yjm_18 {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 150px;
  z-index: 1;
}
._iconContainer_10yjm_25 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 2em;
}

._iconText_10yjm_32 {
  font-size: 24px;
  font-weight: 400;
  color: var(--color-white);
  margin-left: 20px;
}
._formContainer_10yjm_38 {
  width: 22em;
}




._headerTitleContainer_1aj3m_1 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

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

._iconWrapper_1aj3m_7 svg {
  width: 24px;
  height: 24px;
}

._title_1aj3m_20 {
  font-weight: 700;
  font-size: 24px;
  color: var(--secondary-blue-color);
}

._separator_1aj3m_26 {
  color: var(--color-light-blue6);
  font-weight: 500;
  font-size: 20px;
  margin: 0 0.2em;
}

._subtitle_1aj3m_33 {
  color: var(--color-light-blue6);
  font-weight: 500;
  font-size: 20px;
}