.\!container {
    width: 100% !important;
}
.container {
    width: 100%;
}
@media (min-width: 640px) {
    .\!container {
        max-width: 640px !important;
    }
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .\!container {
        max-width: 768px !important;
    }
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .\!container {
        max-width: 1024px !important;
    }
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .\!container {
        max-width: 1280px !important;
    }
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {
    .\!container {
        max-width: 1536px !important;
    }
    .container {
        max-width: 1536px;
    }
}
.form-input,.form-textarea,.form-select,.form-multiselect {
    -webkit-appearance: none;
            appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
}
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb;
}
.form-input::placeholder,.form-textarea::placeholder {
    color: #6b7280;
    opacity: 1;
}
.form-input::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
}
.form-input::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit;
}
.form-input::-webkit-datetime-edit {
    display: inline-flex;
}
.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
}
.form-checkbox,.form-radio {
    -webkit-appearance: none;
            appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
            user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
}
.form-radio {
    border-radius: 100%;
}
.form-checkbox:focus,.form-radio:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-checkbox:checked,.form-radio:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.form-radio:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e");
}
@media (forced-colors: active)  {
    .form-radio:checked {
        -webkit-appearance: auto;
                appearance: auto;
    }
}
.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus {
    border-color: transparent;
    background-color: currentColor;
}
  .header-reskin {
    -webkit-backdrop-filter: blur(14px) saturate(118%);
            backdrop-filter: blur(14px) saturate(118%);
    background:
      linear-gradient(180deg, rgb(14 21 41 / 0.92), rgb(11 17 34 / 0.9));
    border-bottom: 1px solid rgb(197 154 62 / 0.48);
    box-shadow: 0 10px 24px rgb(0 0 0 / 0.38);
    isolation: isolate;
  }

  .header-reskin::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background:
      radial-gradient(circle at 50% -125%, rgb(220 176 82 / 0.24), transparent 52%),
      linear-gradient(90deg, transparent, rgb(255 255 255 / 0.04), transparent);
    opacity: 0.58;
  }

  .header-reskin-brand {
    color: var(--accent-500);
    text-shadow: 0 0 10px rgb(0 0 0 / 0.26);
    letter-spacing: 0.01em;
  }

  .header-reskin-brand-line {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.42rem;
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
  }

  .header-reskin-tagline-left {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: clamp(0.62rem, 0.92vw, 0.75rem);
    color: #b7c9e4;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgb(0 0 0 / 0.2);
    transform: translateX(-10px);
    opacity: 0;
    animation: header-reskin-tagline-enter-left 620ms cubic-bezier(0.22, 0.88, 0.2, 1) 1080ms forwards;
    will-change: transform, opacity;
  }

  .header-reskin-subtitle {
    color: #dde7f8;
    letter-spacing: 0.018em;
  }

  .header-reskin-tagline-right {
    font-size: clamp(0.62rem, 0.92vw, 0.75rem);
    color: #b7c9e4;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgb(0 0 0 / 0.2);
  }

  .header-reskin-brand-main-track {
    transform: translateX(-24px);
    opacity: 0;
    animation: header-reskin-brand-slide-right 740ms cubic-bezier(0.18, 0.86, 0.24, 1) 70ms forwards;
    will-change: transform, opacity;
  }

  .header-reskin-subtitle-inline-track {
    display: inline-flex;
    align-items: baseline;
    transform: translateX(40px);
    opacity: 0;
    animation: header-reskin-subtitle-inline-right 820ms cubic-bezier(0.18, 0.86, 0.24, 1) 190ms forwards;
    will-change: transform, opacity;
  }

  @keyframes header-reskin-brand-slide-right {
    0% {
      transform: translateX(-24px);
      opacity: 0;
      filter: blur(2px);
    }

    68% {
      opacity: 1;
    }

    100% {
      transform: translateX(0);
      opacity: 1;
      filter: blur(0);
    }
  }

  @keyframes header-reskin-subtitle-inline-right {
    0% {
      transform: translateX(40px);
      opacity: 0;
      filter: blur(2px);
    }

    64% {
      opacity: 1;
    }

    100% {
      transform: translateX(0);
      opacity: 0.92;
      filter: blur(0);
    }
  }

  @keyframes header-reskin-tagline-enter-left {
    0% {
      transform: translateX(-10px);
      opacity: 0;
      filter: blur(2px);
    }

    64% {
      opacity: 1;
    }

    100% {
      transform: translateX(0);
      opacity: 0.86;
      filter: blur(0);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .header-reskin-brand-main-track,
    .header-reskin-subtitle-inline-track,
    .header-reskin-tagline-left,
    .header-reskin-tagline-right {
      animation: none;
      transform: translateX(0);
      opacity: 1;
    }
  }

  .header-reskin-strip {
    margin-top: -0.12rem;
    padding-bottom: 0.34rem;
  }

  .header-reskin-nav-shell {
    --header-reskin-edge-slot-padding: 0.38rem;
    border: 1px solid rgb(194 160 87 / 0.42);
    border-radius: 9999px;
    background:
      linear-gradient(180deg, rgb(10 17 34 / 0.84), rgb(8 14 28 / 0.8));
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.12),
      0 8px 18px rgb(0 0 0 / 0.28);
    max-width: 840px;
    width: 100%;
    padding: 3px;
  }

  .header-reskin-nav-layout {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
  }

  .header-reskin-nav-track {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: 0;
    gap: 4px;
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .header-reskin-nav-track::-webkit-scrollbar {
    display: none;
  }

  .header-reskin-nav-indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: calc(100% - 4px);
    width: 0;
    border-radius: 9999px;
    border: 1px solid rgb(210 169 76 / 0.56);
    background:
      linear-gradient(180deg, rgb(214 170 78 / 0.24), rgb(183 139 58 / 0.12));
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.2),
      0 0 0 1px rgb(255 225 160 / 0.12);
    opacity: 0;
    pointer-events: none;
    transition:
      transform 320ms cubic-bezier(0.22, 0.88, 0.2, 1),
      width 320ms cubic-bezier(0.22, 0.88, 0.2, 1),
      opacity 180ms ease;
    z-index: 0;
  }

  .header-reskin-nav-indicator.is-visible {
    opacity: 1;
  }

  .header-reskin-nav-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding-inline: var(--header-reskin-edge-slot-padding);
    margin-right: 0;
    border-right: 1px solid rgb(194 160 87 / 0.28);
  }

  .header-reskin-nav-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 9999px;
    background: rgb(18 28 49 / 0.9);
    border: 1px solid rgb(194 160 87 / 0.36);
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.1),
      0 6px 12px rgb(0 0 0 / 0.18);
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
  }

  .header-reskin-nav-logo-link:hover {
    background: rgb(25 37 62 / 0.95);
    border-color: rgb(224 183 88 / 0.5);
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.12),
      0 0 0 1px rgb(255 225 160 / 0.14);
  }

  .header-reskin-nav-logo-icon {
    filter: grayscale(0.24) saturate(0.62) brightness(1.06) hue-rotate(9deg);
    opacity: 0.95;
    transition: filter 180ms ease, opacity 180ms ease;
  }

  .header-reskin-nav-logo-link:hover .header-reskin-nav-logo-icon {
    filter: grayscale(0.08) saturate(0.8) brightness(1.1) hue-rotate(2deg);
    opacity: 1;
  }

  .header-reskin-nav-profile {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding-inline: var(--header-reskin-edge-slot-padding);
    margin-left: 0;
    border-left: 1px solid rgb(194 160 87 / 0.28);
  }

  .header-reskin-nav-profile > .relative > button {
    height: 30px;
    border-radius: 9999px;
    background: rgb(18 28 49 / 0.9);
    border: 1px solid rgb(194 160 87 / 0.36);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08);
  }

  .header-reskin-user-trigger {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 9999px;
    min-height: 30px;
    padding: 0.2rem 0.62rem;
    border: 1px solid rgb(194 160 87 / 0.36);
    background:
      linear-gradient(180deg, rgb(16 27 47 / 0.92), rgb(12 22 40 / 0.9));
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.08),
      0 8px 16px rgb(0 0 0 / 0.24);
    color: #dce6f6;
    transition: border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease;
  }

  .header-reskin-user-trigger--icon-only {
    justify-content: center;
  }

  .header-reskin-user-trigger--status-only {
    justify-content: center;
    min-width: 34px;
    padding: 0.14rem 0.44rem;
    gap: 0.28rem;
  }

  .header-reskin-user-trigger:hover {
    border-color: rgb(218 177 84 / 0.5);
    background:
      linear-gradient(180deg, rgb(22 35 58 / 0.94), rgb(14 24 44 / 0.92));
    box-shadow:
      inset 0 1px 0 rgb(255 255 255 / 0.11),
      0 0 0 1px rgb(255 225 160 / 0.12);
  }

  .header-reskin-user-trigger:focus-visible {
    outline: none;
    box-shadow:
      0 0 0 2px rgb(255 225 160 / 0.38),
      inset 0 1px 0 rgb(255 255 255 / 0.12);
  }

  .header-reskin-user-icon {
    color: #cfdbef;
  }

  .header-reskin-status-dot {
    width: 9px;
    height: 9px;
    border-radius: 9999px;
    display: inline-block;
    flex-shrink: 0;
  }

  .header-reskin-status-dot--manager {
    background: radial-gradient(circle at 28% 28%, #fff1da 0%, #d79a4f 45%, #8a5221 100%);
    box-shadow:
      0 0 0 1px rgb(231 175 97 / 0.72),
      0 0 9px rgb(184 119 48 / 0.42);
  }

  .header-reskin-status-dot--customer {
    background: radial-gradient(circle at 28% 28%, #f2e8ff 0%, #b57bff 44%, #7044bf 100%);
    box-shadow:
      0 0 0 1px rgb(203 162 255 / 0.7),
      0 0 10px rgb(145 89 228 / 0.52);
  }

  .header-reskin-status-dot--admin {
    background: radial-gradient(circle at 28% 28%, #e2ffe8 0%, #6fd69a 42%, #2f9959 100%);
    box-shadow:
      0 0 0 1px rgb(164 241 190 / 0.72),
      0 0 10px rgb(88 210 136 / 0.48);
  }

  .header-reskin-status-stack {
    display: inline-flex;
    align-items: center;
    gap: 0.16rem;
  }

  .header-reskin-status-stack-dot {
    width: 8px;
    height: 8px;
  }

  .header-reskin-user-chevron {
    color: #98aace;
    transition: transform 180ms ease, color 180ms ease;
  }

  .header-reskin-user-chevron.is-open {
    transform: rotate(180deg);
    color: #efd391;
  }

  .header-reskin-user-menu {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgb(194 160 87 / 0.42);
    background:
      linear-gradient(180deg, rgb(17 25 46 / 0.98), rgb(11 19 36 / 0.97));
    box-shadow:
      0 18px 34px rgb(0 0 0 / 0.48),
      inset 0 1px 0 rgb(255 255 255 / 0.08);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
            backdrop-filter: blur(14px) saturate(120%);
  }

  .header-reskin-user-menu-header {
    border-bottom: 1px solid rgb(194 160 87 / 0.24);
    background:
      linear-gradient(180deg, rgb(255 255 255 / 0.04), transparent);
  }

  .header-reskin-user-menu-label {
    color: #c6d2e8;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .header-reskin-user-context-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 9999px;
    border: 1px solid rgb(194 160 87 / 0.38);
    background: rgb(13 24 42 / 0.78);
    color: #d9e5fa;
    font-size: 10px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 0.22rem 0.42rem;
  }

  .header-reskin-user-context-chip .header-reskin-status-dot {
    width: 8px;
    height: 8px;
  }

  .header-reskin-user-item {
    width: 100%;
    padding: 0.54rem 0.78rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-align: left;
    font-size: 0.9rem;
    color: #e4ecfa;
    transition: background-color 160ms ease, color 160ms ease;
  }

  .header-reskin-user-item:hover {
    background:
      linear-gradient(90deg, rgb(212 173 84 / 0.13), rgb(255 255 255 / 0.04));
    color: #fff4cb;
  }

  .header-reskin-user-item svg {
    color: #c8d7ef;
  }

  .header-reskin-user-item--danger {
    color: #ff8f98;
  }

  .header-reskin-user-item--danger svg {
    color: #ff8f98;
  }

  .header-reskin-user-item--danger:hover {
    background:
      linear-gradient(90deg, rgb(188 32 59 / 0.28), rgb(255 255 255 / 0.02));
    color: #ffc6cc;
  }

  .header-reskin-user-divider {
    height: 1px;
    margin: 0.3rem 0;
    background:
      linear-gradient(90deg, transparent, rgb(194 160 87 / 0.36), transparent);
  }

  .header-reskin-nav-link {
    position: relative;
    z-index: 1;
    border-radius: 9999px;
    border: 1px solid transparent;
    color: #b9c8df;
    font-weight: 500;
    font-size: clamp(0.68rem, 1.6vw, 0.86rem);
    padding: 0.34rem 0.86rem;
    transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
    text-align: center;
  }

  .header-reskin-nav-link:hover {
    color: #f3e1a8;
    background: rgb(255 255 255 / 0.05);
  }

  .header-reskin-nav-link.is-active {
    color: #fff5cc;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
  }

  @media (max-width: 639px) {
    .header-reskin-brand-line {
      gap: 0.18rem;
      min-height: 1.22rem;
    }

    .header-reskin-brand-line--split {
      display: block;
      width: 100%;
      min-width: 0;
      min-height: 1.32rem;
    }

    .header-reskin-brand-main-track--split,
    .header-reskin-tagline-left--split {
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: calc(50% - 0.4rem);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      opacity: 0;
    }

    .header-reskin-brand-main-track--split {
      transform: translate(-50%, -50%);
      text-align: right;
      padding-right: 0;
      animation: header-reskin-mobile-brand-split-left 700ms cubic-bezier(0.2, 0.82, 0.26, 1) 70ms forwards;
    }

    .header-reskin-subtitle-inline-track:not(.header-reskin-tagline-right) {
      display: none;
    }

    .header-reskin-tagline-left--split {
      justify-content: flex-start;
      transform: translate(-50%, -50%);
      text-align: left;
      font-size: 0.52rem;
      line-height: 1;
      letter-spacing: 0.045em;
      padding-left: 0;
      animation: header-reskin-mobile-tagline-split-right 560ms cubic-bezier(0.22, 0.88, 0.2, 1) 170ms forwards;
    }

    .header-reskin-nav-logo {
      display: none;
    }

    .header-reskin-nav-shell {
      --header-reskin-edge-slot-padding: 0.24rem;
      max-width: min(100%, 95vw);
    }

    .header-reskin-nav-layout {
      gap: 0.25rem;
    }

    .header-reskin-nav-track {
      justify-content: flex-start;
      padding: 0 2px;
    }

    .header-reskin-nav-profile {
      padding-inline: var(--header-reskin-edge-slot-padding);
      margin-left: 0;
    }

    .header-reskin-nav-profile > .relative > button {
      height: 29px;
      padding-left: 0.45rem;
      padding-right: 0.45rem;
    }

    .header-reskin-user-trigger {
      min-height: 29px;
      padding: 0.16rem 0.52rem;
      gap: 0.26rem;
    }

    .header-reskin-user-trigger--icon-only {
      min-width: 29px;
      padding: 0.14rem 0.42rem;
      gap: 0;
    }

    .header-reskin-user-trigger--status-only {
      min-width: 30px;
      padding: 0.14rem 0.38rem;
      gap: 0.24rem;
    }

    .header-reskin-user-item {
      padding: 0.52rem 0.7rem;
      font-size: 0.86rem;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .header-reskin-nav-indicator {
      transition: none;
    }
  }

  @keyframes header-reskin-mobile-brand-split-left {
    0% {
      transform: translate(-50%, -50%);
      opacity: 0;
      filter: blur(2px);
    }

    100% {
      transform: translate(calc(-100% - 0.2rem), -50%);
      opacity: 1;
      filter: blur(0);
    }
  }

  @keyframes header-reskin-mobile-tagline-split-right {
    0% {
      transform: translate(-50%, -50%);
      opacity: 0;
      filter: blur(2px);
    }

    100% {
      transform: translate(0.2rem, -50%);
      opacity: 0.88;
      filter: blur(0);
    }
  }

  @media (prefers-reduced-motion: reduce) and (max-width: 639px) {
    .header-reskin-brand-main-track {
      animation: none;
      transform: translateX(0);
      opacity: 1;
      filter: blur(0);
    }

    .header-reskin-tagline-left {
      animation: none;
      position: static;
      transform: none;
      opacity: 1;
      filter: blur(0);
    }

    .header-reskin-brand-main-track--split {
      transform: translate(calc(-100% - 0.2rem), -50%);
      opacity: 1;
    }

    .header-reskin-tagline-left--split {
      transform: translate(0.2rem, -50%);
      opacity: 1;
    }
  }


/*# sourceMappingURL=main-3b6f0a86.fbf2225e0961e239a2c8.css.map*/