/* =========================================
   Variables & Configurations
   ========================================= */
/* =========================================
   Reset & Base
   ========================================= */
* {
  margin: 0;
  box-sizing: border-box;
}

body {
  font-family: "Inter", sans-serif;
}

/* =========================================
   Utility Generators (Desktop + Mobile)
   ========================================= */
.d-flex {
  display: flex !important;
}

.d-grid {
  display: grid !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.hide {
  display: none !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-grow {
  flex-grow: 1 !important;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

.gap-1 {
  gap: 4px !important;
}

.m-1 {
  margin: 4px !important;
}

.mt-1 {
  margin-top: 4px !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}

.ml-1 {
  margin-left: 4px !important;
}

.mr-1 {
  margin-right: 4px !important;
}

.pt-1 {
  padding-top: 4px !important;
}

.pb-1 {
  padding-bottom: 4px !important;
}

.pl-1 {
  padding-left: 4px !important;
}

.pr-1 {
  padding-right: 4px !important;
}

.p-1 {
  padding: 4px !important;
}

.p-1 {
  padding: 4px !important;
}

.gap-2 {
  gap: 8px !important;
}

.m-2 {
  margin: 8px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.ml-2 {
  margin-left: 8px !important;
}

.mr-2 {
  margin-right: 8px !important;
}

.pt-2 {
  padding-top: 8px !important;
}

.pb-2 {
  padding-bottom: 8px !important;
}

.pl-2 {
  padding-left: 8px !important;
}

.pr-2 {
  padding-right: 8px !important;
}

.p-2 {
  padding: 8px !important;
}

.p-2 {
  padding: 8px !important;
}

.gap-3 {
  gap: 16px !important;
}

.m-3 {
  margin: 16px !important;
}

.mt-3 {
  margin-top: 16px !important;
}

.mb-3 {
  margin-bottom: 16px !important;
}

.ml-3 {
  margin-left: 16px !important;
}

.mr-3 {
  margin-right: 16px !important;
}

.pt-3 {
  padding-top: 16px !important;
}

.pb-3 {
  padding-bottom: 16px !important;
}

.pl-3 {
  padding-left: 16px !important;
}

.pr-3 {
  padding-right: 16px !important;
}

.p-3 {
  padding: 16px !important;
}

.p-3 {
  padding: 16px !important;
}

.gap-4 {
  gap: 32px !important;
}

.m-4 {
  margin: 32px !important;
}

.mt-4 {
  margin-top: 32px !important;
}

.mb-4 {
  margin-bottom: 32px !important;
}

.ml-4 {
  margin-left: 32px !important;
}

.mr-4 {
  margin-right: 32px !important;
}

.pt-4 {
  padding-top: 32px !important;
}

.pb-4 {
  padding-bottom: 32px !important;
}

.pl-4 {
  padding-left: 32px !important;
}

.pr-4 {
  padding-right: 32px !important;
}

.p-4 {
  padding: 32px !important;
}

.p-4 {
  padding: 32px !important;
}

.gap-huge {
  gap: 64px !important;
}

.m-huge {
  margin: 64px !important;
}

.mt-huge {
  margin-top: 64px !important;
}

.mb-huge {
  margin-bottom: 64px !important;
}

.ml-huge {
  margin-left: 64px !important;
}

.mr-huge {
  margin-right: 64px !important;
}

.pt-huge {
  padding-top: 64px !important;
}

.pb-huge {
  padding-bottom: 64px !important;
}

.pl-huge {
  padding-left: 64px !important;
}

.pr-huge {
  padding-right: 64px !important;
}

.p-huge {
  padding: 64px !important;
}

.p-huge {
  padding: 64px !important;
}

.gap-auto {
  gap: auto !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

.pr-auto {
  padding-right: auto !important;
}

.p-auto {
  padding: auto !important;
}

/* =========================================
   Typography (Dimensiuni)
   ========================================= */
.text-2xs {
  font-size: 0.5rem !important;
  line-height: 0.75rem !important;
}

.text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}

.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}

.text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}

.text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}

.text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}

.text-5xl {
  font-size: 3rem !important;
  line-height: 1 !important;
}

.text-6xl {
  font-size: 3.75rem !important;
  line-height: 1 !important;
}

.text-7xl {
  font-size: 4.5rem !important;
  line-height: 1 !important;
}

.text-8xl {
  font-size: 6rem !important;
  line-height: 1 !important;
}

.text-9xl {
  font-size: 8rem !important;
  line-height: 1 !important;
}

/* =========================================
   Typography (Greutate & Aliniere)
   ========================================= */
.text-weight-bold {
  font-weight: 800 !important;
}

.text-weight-semibold {
  font-weight: 600 !important;
}

.text-weight-regular {
  font-weight: 400 !important;
}

.text-align-start {
  text-align: start !important;
}

.text-align-end {
  text-align: end !important;
}

.text-align-center {
  text-align: center !important;
}

.text-align-last-center {
  -moz-text-align-last: center !important;
       text-align-last: center !important;
}

@media screen and (max-width: 1080px) {
  .sm-d-flex {
    display: flex !important;
  }
  .sm-d-grid {
    display: grid !important;
  }
  .sm-d-block {
    display: block !important;
  }
  .sm-d-inline {
    display: inline !important;
  }
  .sm-hide {
    display: none !important;
  }
  .sm-flex-column {
    flex-direction: column !important;
  }
  .sm-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  .sm-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm-flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm-flex-grow {
    flex-grow: 1 !important;
  }
  .sm-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .sm-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .sm-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .sm-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .sm-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .sm-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .sm-w-5 {
    width: 5% !important;
  }
  .sm-w-10 {
    width: 10% !important;
  }
  .sm-w-15 {
    width: 15% !important;
  }
  .sm-w-20 {
    width: 20% !important;
  }
  .sm-w-25 {
    width: 25% !important;
  }
  .sm-w-30 {
    width: 30% !important;
  }
  .sm-w-35 {
    width: 35% !important;
  }
  .sm-w-40 {
    width: 40% !important;
  }
  .sm-w-45 {
    width: 45% !important;
  }
  .sm-w-50 {
    width: 50% !important;
  }
  .sm-w-55 {
    width: 55% !important;
  }
  .sm-w-60 {
    width: 60% !important;
  }
  .sm-w-65 {
    width: 65% !important;
  }
  .sm-w-70 {
    width: 70% !important;
  }
  .sm-w-75 {
    width: 75% !important;
  }
  .sm-w-80 {
    width: 80% !important;
  }
  .sm-w-85 {
    width: 85% !important;
  }
  .sm-w-90 {
    width: 90% !important;
  }
  .sm-w-95 {
    width: 95% !important;
  }
  .sm-w-100 {
    width: 100% !important;
  }
  .sm-gap-1 {
    gap: 4px !important;
  }
  .sm-m-1 {
    margin: 4px !important;
  }
  .sm-mt-1 {
    margin-top: 4px !important;
  }
  .sm-mb-1 {
    margin-bottom: 4px !important;
  }
  .sm-ml-1 {
    margin-left: 4px !important;
  }
  .sm-mr-1 {
    margin-right: 4px !important;
  }
  .sm-pt-1 {
    padding-top: 4px !important;
  }
  .sm-pb-1 {
    padding-bottom: 4px !important;
  }
  .sm-pl-1 {
    padding-left: 4px !important;
  }
  .sm-pr-1 {
    padding-right: 4px !important;
  }
  .sm-p-1 {
    padding: 4px !important;
  }
  .sm-p-1 {
    padding: 4px !important;
  }
  .sm-gap-2 {
    gap: 8px !important;
  }
  .sm-m-2 {
    margin: 8px !important;
  }
  .sm-mt-2 {
    margin-top: 8px !important;
  }
  .sm-mb-2 {
    margin-bottom: 8px !important;
  }
  .sm-ml-2 {
    margin-left: 8px !important;
  }
  .sm-mr-2 {
    margin-right: 8px !important;
  }
  .sm-pt-2 {
    padding-top: 8px !important;
  }
  .sm-pb-2 {
    padding-bottom: 8px !important;
  }
  .sm-pl-2 {
    padding-left: 8px !important;
  }
  .sm-pr-2 {
    padding-right: 8px !important;
  }
  .sm-p-2 {
    padding: 8px !important;
  }
  .sm-p-2 {
    padding: 8px !important;
  }
  .sm-gap-3 {
    gap: 16px !important;
  }
  .sm-m-3 {
    margin: 16px !important;
  }
  .sm-mt-3 {
    margin-top: 16px !important;
  }
  .sm-mb-3 {
    margin-bottom: 16px !important;
  }
  .sm-ml-3 {
    margin-left: 16px !important;
  }
  .sm-mr-3 {
    margin-right: 16px !important;
  }
  .sm-pt-3 {
    padding-top: 16px !important;
  }
  .sm-pb-3 {
    padding-bottom: 16px !important;
  }
  .sm-pl-3 {
    padding-left: 16px !important;
  }
  .sm-pr-3 {
    padding-right: 16px !important;
  }
  .sm-p-3 {
    padding: 16px !important;
  }
  .sm-p-3 {
    padding: 16px !important;
  }
  .sm-gap-4 {
    gap: 32px !important;
  }
  .sm-m-4 {
    margin: 32px !important;
  }
  .sm-mt-4 {
    margin-top: 32px !important;
  }
  .sm-mb-4 {
    margin-bottom: 32px !important;
  }
  .sm-ml-4 {
    margin-left: 32px !important;
  }
  .sm-mr-4 {
    margin-right: 32px !important;
  }
  .sm-pt-4 {
    padding-top: 32px !important;
  }
  .sm-pb-4 {
    padding-bottom: 32px !important;
  }
  .sm-pl-4 {
    padding-left: 32px !important;
  }
  .sm-pr-4 {
    padding-right: 32px !important;
  }
  .sm-p-4 {
    padding: 32px !important;
  }
  .sm-p-4 {
    padding: 32px !important;
  }
  .sm-gap-huge {
    gap: 64px !important;
  }
  .sm-m-huge {
    margin: 64px !important;
  }
  .sm-mt-huge {
    margin-top: 64px !important;
  }
  .sm-mb-huge {
    margin-bottom: 64px !important;
  }
  .sm-ml-huge {
    margin-left: 64px !important;
  }
  .sm-mr-huge {
    margin-right: 64px !important;
  }
  .sm-pt-huge {
    padding-top: 64px !important;
  }
  .sm-pb-huge {
    padding-bottom: 64px !important;
  }
  .sm-pl-huge {
    padding-left: 64px !important;
  }
  .sm-pr-huge {
    padding-right: 64px !important;
  }
  .sm-p-huge {
    padding: 64px !important;
  }
  .sm-p-huge {
    padding: 64px !important;
  }
  .sm-gap-auto {
    gap: auto !important;
  }
  .sm-m-auto {
    margin: auto !important;
  }
  .sm-mt-auto {
    margin-top: auto !important;
  }
  .sm-mb-auto {
    margin-bottom: auto !important;
  }
  .sm-ml-auto {
    margin-left: auto !important;
  }
  .sm-mr-auto {
    margin-right: auto !important;
  }
  .sm-pt-auto {
    padding-top: auto !important;
  }
  .sm-pb-auto {
    padding-bottom: auto !important;
  }
  .sm-pl-auto {
    padding-left: auto !important;
  }
  .sm-pr-auto {
    padding-right: auto !important;
  }
  .sm-p-auto {
    padding: auto !important;
  }
  /* =========================================
     Typography (Dimensiuni)
     ========================================= */
  .sm-text-2xs {
    font-size: 0.5rem !important;
    line-height: 0.75rem !important;
  }
  .sm-text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }
  .sm-text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .sm-text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .sm-text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
  .sm-text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }
  .sm-text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .sm-text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
  .sm-text-4xl {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
  }
  .sm-text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
  }
  .sm-text-6xl {
    font-size: 3.75rem !important;
    line-height: 1 !important;
  }
  .sm-text-7xl {
    font-size: 4.5rem !important;
    line-height: 1 !important;
  }
  .sm-text-8xl {
    font-size: 6rem !important;
    line-height: 1 !important;
  }
  .sm-text-9xl {
    font-size: 8rem !important;
    line-height: 1 !important;
  }
  /* =========================================
     Typography (Greutate & Aliniere)
     ========================================= */
  .sm-text-weight-bold {
    font-weight: 800 !important;
  }
  .sm-text-weight-semibold {
    font-weight: 600 !important;
  }
  .sm-text-weight-regular {
    font-weight: 400 !important;
  }
  .sm-text-align-start {
    text-align: start !important;
  }
  .sm-text-align-end {
    text-align: end !important;
  }
  .sm-text-align-center {
    text-align: center !important;
  }
  .sm-text-align-last-center {
    -moz-text-align-last: center !important;
         text-align-last: center !important;
  }
}
/* =========================================
   Flex Alignments
   ========================================= */
.align-items-start {
  align-items: start;
}

.align-self-start {
  align-self: start;
}

.justify-self-start {
  justify-self: start;
}

.justify-content-start {
  justify-content: start;
}

.align-items-center {
  align-items: center;
}

.align-self-center {
  align-self: center;
}

.justify-self-center {
  justify-self: center;
}

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

.align-items-end {
  align-items: end;
}

.align-self-end {
  align-self: end;
}

.justify-self-end {
  justify-self: end;
}

.justify-content-end {
  justify-content: end;
}

.justify-content-between {
  justify-content: space-between;
}

/* =========================================
   Misc Utilities
   ========================================= */
.p-relative {
  position: relative;
}

.margin-center {
  margin-left: auto;
  margin-right: auto;
}

.w-fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

.h-fit-content {
  height: -moz-fit-content;
  height: fit-content;
}

.h-100 {
  height: 100%;
}

.w-100-dvw {
  width: 100dvw;
}

.h-100-dvh {
  height: 100dvh;
}

.square {
  aspect-ratio: 1/1;
  height: auto;
}

.landscape {
  aspect-ratio: 4/3;
  height: auto;
}

.kg-after::after {
  content: " kg";
}

.deleted {
  text-decoration: line-through;
}

.nowrap {
  white-space: nowrap;
}

.pointer {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.no-select {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scroll-x {
  overflow-x: auto;
}

.scroll-y {
  overflow-y: auto;
}

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

/* =========================================
   Components: Accordion
   ========================================= */
.accordion:not(.active) .accordion-content {
  display: none !important;
}
.accordion.active .accordion-header::after {
  transform: rotate(180deg);
}

.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.accordion-header::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23333" d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.2s ease;
}

.accordion-content {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 16px;
  padding-top: 16px;
}

.sticky-column-right {
  position: sticky;
  right: 0;
  background-color: rgb(255, 255, 255);
  z-index: 10;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.05);
}/*# sourceMappingURL=global.css.map */