/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    *,:before,:after,::backdrop {
      --tw-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z:0;
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-space-y-reverse:0;
      --tw-divide-y-reverse:0;
      --tw-border-style:solid;
      --tw-leading:initial;
      --tw-font-weight:initial;
      --tw-tracking:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-outline-style:solid;
      --tw-blur:initial;
      --tw-brightness:initial;
      --tw-contrast:initial;
      --tw-grayscale:initial;
      --tw-hue-rotate:initial;
      --tw-invert:initial;
      --tw-opacity:initial;
      --tw-saturate:initial;
      --tw-sepia:initial;
      --tw-drop-shadow:initial;
      --tw-drop-shadow-color:initial;
      --tw-drop-shadow-alpha:100%;
      --tw-drop-shadow-size:initial;
      --tw-backdrop-blur:initial;
      --tw-backdrop-brightness:initial;
      --tw-backdrop-contrast:initial;
      --tw-backdrop-grayscale:initial;
      --tw-backdrop-hue-rotate:initial;
      --tw-backdrop-invert:initial;
      --tw-backdrop-opacity:initial;
      --tw-backdrop-saturate:initial;
      --tw-backdrop-sepia:initial;
      --tw-duration:initial
    }
  }
}
@layer theme {
  :root,:host {
    --font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-white:#fff;
    --spacing:.25rem;
    --container-md:28rem;
    --container-lg:32rem;
    --container-xl:36rem;
    --container-2xl:42rem;
    --container-3xl:48rem;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --radius-md:.375rem;
    --radius-lg:.5rem;
    --radius-xl:.75rem;
    --radius-2xl:1rem;
    --radius-3xl:1.5rem;
    --animate-spin:spin 1s linear infinite;
    --blur-sm:8px;
    --blur-xl:24px;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
    --default-font-family:var(--font-sans);
    --default-mono-font-family:var(--font-mono)
  }
}
@layer base {
  *,:after,:before,::backdrop {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  ::file-selector-button {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  html,:host {
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent
  }
  hr {
    height:0;
    color:inherit;
    border-top-width:1px
  }
  abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
  }
  h1,h2,h3,h4,h5,h6 {
    font-size:inherit;
    font-weight:inherit
  }
  a {
    color:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
  }
  b,strong {
    font-weight:bolder
  }
  code,kbd,samp,pre {
    font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings:var(--default-mono-font-feature-settings,normal);
    font-variation-settings:var(--default-mono-font-variation-settings,normal);
    font-size:1em
  }
  small {
    font-size:80%
  }
  sub,sup {
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative
  }
  sub {
    bottom:-.25em
  }
  sup {
    top:-.5em
  }
  table {
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
  }
  :-moz-focusring:where(:not(iframe)) {
    outline:auto
  }
  progress {
    vertical-align:baseline
  }
  summary {
    display:list-item
  }
  ol,ul,menu {
    list-style:none
  }
  img,svg,video,canvas,audio,iframe,embed,object {
    vertical-align:middle;
    display:block
  }
  img,video {
    max-width:100%;
    height:auto
  }
  button,input,select,optgroup,textarea {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  ::file-selector-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  :where(select:is([multiple],[size])) optgroup {
    font-weight:bolder
  }
  :where(select:is([multiple],[size])) optgroup option {
    padding-inline-start:20px
  }
  ::file-selector-button {
    margin-inline-end:4px
  }
  ::placeholder {
    opacity:1
  }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color:currentColor
    }
    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color:color-mix(in oklab, currentcolor 50%, transparent)
      }
    }
  }
  textarea {
    resize:vertical
  }
  ::-webkit-search-decoration {
    -webkit-appearance:none
  }
  ::-webkit-date-and-time-value {
    min-height:1lh;
    text-align:inherit
  }
  ::-webkit-datetime-edit {
    display:inline-flex
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding:0
  }
  ::-webkit-datetime-edit {
    padding-block:0
  }
  ::-webkit-datetime-edit-year-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-month-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-day-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-second-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block:0
  }
  ::-webkit-calendar-picker-indicator {
    line-height:1
  }
  :-moz-ui-invalid {
    box-shadow:none
  }
  button,input:where([type=button],[type=reset],[type=submit]) {
    appearance:button
  }
  ::file-selector-button {
    appearance:button
  }
  ::-webkit-inner-spin-button {
    height:auto
  }
  ::-webkit-outer-spin-button {
    height:auto
  }
  [hidden]:where(:not([hidden=until-found])) {
    display:none!important
  }
  button:not(:disabled),[role=button]:not([aria-disabled=true]),summary,select:not(:disabled),label[for],input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled),input[type=submit]:not(:disabled),input[type=button]:not(:disabled) {
    cursor:pointer
  }
}
@layer components;
@layer utilities {
  .pointer-events-none {
    pointer-events:none
  }
  .invisible {
    visibility:hidden
  }
  .visible {
    visibility:visible
  }
  .absolute {
    position:absolute
  }
  .fixed {
    position:fixed
  }
  .relative {
    position:relative
  }
  .static {
    position:static
  }
  .sticky {
    position:sticky
  }
  .inset-0 {
    inset:0
  }
  .inset-y-0 {
    inset-block:0
  }
  .top-0 {
    top:0
  }
  .top-1\/2 {
    top:50%
  }
  .top-2 {
    top:calc(var(--spacing) * 2)
  }
  .top-\[68px\] {
    top:68px
  }
  .top-\[72px\] {
    top:72px
  }
  .top-\[calc\(100\%\+6px\)\] {
    top:calc(100% + 6px)
  }
  .top-\[calc\(100\%\+10px\)\] {
    top:calc(100% + 10px)
  }
  .right-0 {
    right:0
  }
  .right-2\.5 {
    right:calc(var(--spacing) * 2.5)
  }
  .right-3 {
    right:calc(var(--spacing) * 3)
  }
  .right-4 {
    right:calc(var(--spacing) * 4)
  }
  .bottom-5 {
    bottom:calc(var(--spacing) * 5)
  }
  .bottom-6 {
    bottom:calc(var(--spacing) * 6)
  }
  .left-0 {
    left:0
  }
  .left-1\/2 {
    left:50%
  }
  .left-4 {
    left:calc(var(--spacing) * 4)
  }
  .z-10 {
    z-index:10
  }
  .z-30 {
    z-index:30
  }
  .z-40 {
    z-index:40
  }
  .z-50 {
    z-index:50
  }
  .z-\[80\] {
    z-index:80
  }
  .z-\[90\] {
    z-index:90
  }
  .z-\[100\] {
    z-index:100
  }
  .z-\[110\] {
    z-index:110
  }
  .z-\[120\] {
    z-index:120
  }
  .z-\[130\] {
    z-index:130
  }
  .z-\[200\] {
    z-index:200
  }
  .container {
    width:100%
  }
  @media (min-width:40rem) {
    .container {
      max-width:40rem
    }
  }
  @media (min-width:48rem) {
    .container {
      max-width:48rem
    }
  }
  @media (min-width:64rem) {
    .container {
      max-width:64rem
    }
  }
  @media (min-width:80rem) {
    .container {
      max-width:80rem
    }
  }
  @media (min-width:96rem) {
    .container {
      max-width:96rem
    }
  }
  .mx-auto {
    margin-inline:auto
  }
  .my-2 {
    margin-block:calc(var(--spacing) * 2)
  }
  .-mt-2 {
    margin-top:calc(var(--spacing) * -2)
  }
  .mt-0\.5 {
    margin-top:calc(var(--spacing) * .5)
  }
  .mt-1 {
    margin-top:var(--spacing)
  }
  .mt-1\.5 {
    margin-top:calc(var(--spacing) * 1.5)
  }
  .mt-2 {
    margin-top:calc(var(--spacing) * 2)
  }
  .mt-3 {
    margin-top:calc(var(--spacing) * 3)
  }
  .mt-4 {
    margin-top:calc(var(--spacing) * 4)
  }
  .mt-5 {
    margin-top:calc(var(--spacing) * 5)
  }
  .mt-6 {
    margin-top:calc(var(--spacing) * 6)
  }
  .mt-7 {
    margin-top:calc(var(--spacing) * 7)
  }
  .mt-8 {
    margin-top:calc(var(--spacing) * 8)
  }
  .mt-\[1px\] {
    margin-top:1px
  }
  .mt-auto {
    margin-top:auto
  }
  .mb-2 {
    margin-bottom:calc(var(--spacing) * 2)
  }
  .mb-3 {
    margin-bottom:calc(var(--spacing) * 3)
  }
  .mb-4 {
    margin-bottom:calc(var(--spacing) * 4)
  }
  .mb-5 {
    margin-bottom:calc(var(--spacing) * 5)
  }
  .mb-6 {
    margin-bottom:calc(var(--spacing) * 6)
  }
  .mb-7 {
    margin-bottom:calc(var(--spacing) * 7)
  }
  .mb-8 {
    margin-bottom:calc(var(--spacing) * 8)
  }
  .mb-9 {
    margin-bottom:calc(var(--spacing) * 9)
  }
  .mb-10 {
    margin-bottom:calc(var(--spacing) * 10)
  }
  .ml-1 {
    margin-left:var(--spacing)
  }
  .ml-auto {
    margin-left:auto
  }
  .block {
    display:block
  }
  .flex {
    display:flex
  }
  .grid {
    display:grid
  }
  .hidden {
    display:none
  }
  .inline-flex {
    display:inline-flex
  }
  .h-1\.5 {
    height:calc(var(--spacing) * 1.5)
  }
  .h-2 {
    height:calc(var(--spacing) * 2)
  }
  .h-3 {
    height:calc(var(--spacing) * 3)
  }
  .h-3\.5 {
    height:calc(var(--spacing) * 3.5)
  }
  .h-4 {
    height:calc(var(--spacing) * 4)
  }
  .h-5 {
    height:calc(var(--spacing) * 5)
  }
  .h-8 {
    height:calc(var(--spacing) * 8)
  }
  .h-9 {
    height:calc(var(--spacing) * 9)
  }
  .h-10 {
    height:calc(var(--spacing) * 10)
  }
  .h-11 {
    height:calc(var(--spacing) * 11)
  }
  .h-12 {
    height:calc(var(--spacing) * 12)
  }
  .h-14 {
    height:calc(var(--spacing) * 14)
  }
  .h-\[15px\] {
    height:15px
  }
  .h-\[17px\] {
    height:17px
  }
  .h-\[18px\] {
    height:18px
  }
  .h-\[76px\] {
    height:76px
  }
  .h-\[105px\] {
    height:105px
  }
  .h-\[145px\] {
    height:145px
  }
  .h-\[430px\] {
    height:430px
  }
  .h-auto {
    height:auto
  }
  .h-full {
    height:100%
  }
  .h-px {
    height:1px
  }
  .max-h-6 {
    max-height:calc(var(--spacing) * 6)
  }
  .max-h-7 {
    max-height:calc(var(--spacing) * 7)
  }
  .max-h-8 {
    max-height:calc(var(--spacing) * 8)
  }
  .max-h-64 {
    max-height:calc(var(--spacing) * 64)
  }
  .max-h-\[90vh\] {
    max-height:90vh
  }
  .max-h-\[360px\] {
    max-height:360px
  }
  .max-h-\[500px\] {
    max-height:500px
  }
  .min-h-0 {
    min-height:0
  }
  .min-h-\[82px\] {
    min-height:82px
  }
  .min-h-\[360px\] {
    min-height:360px
  }
  .min-h-screen {
    min-height:100vh
  }
  .w-1\.5 {
    width:calc(var(--spacing) * 1.5)
  }
  .w-2 {
    width:calc(var(--spacing) * 2)
  }
  .w-3 {
    width:calc(var(--spacing) * 3)
  }
  .w-3\.5 {
    width:calc(var(--spacing) * 3.5)
  }
  .w-4 {
    width:calc(var(--spacing) * 4)
  }
  .w-5 {
    width:calc(var(--spacing) * 5)
  }
  .w-8 {
    width:calc(var(--spacing) * 8)
  }
  .w-9 {
    width:calc(var(--spacing) * 9)
  }
  .w-10 {
    width:calc(var(--spacing) * 10)
  }
  .w-11 {
    width:calc(var(--spacing) * 11)
  }
  .w-12 {
    width:calc(var(--spacing) * 12)
  }
  .w-14 {
    width:calc(var(--spacing) * 14)
  }
  .w-40 {
    width:calc(var(--spacing) * 40)
  }
  .w-\[15px\] {
    width:15px
  }
  .w-\[17px\] {
    width:17px
  }
  .w-\[18px\] {
    width:18px
  }
  .w-\[105px\] {
    width:105px
  }
  .w-\[145px\] {
    width:145px
  }
  .w-\[170px\] {
    width:170px
  }
  .w-\[250px\] {
    width:250px
  }
  .w-\[300px\] {
    width:300px
  }
  .w-\[340px\] {
    width:340px
  }
  .w-fit {
    width:fit-content
  }
  .w-full {
    width:100%
  }
  .max-w-2xl {
    max-width:var(--container-2xl)
  }
  .max-w-3xl {
    max-width:var(--container-3xl)
  }
  .max-w-6 {
    max-width:calc(var(--spacing) * 6)
  }
  .max-w-7 {
    max-width:calc(var(--spacing) * 7)
  }
  .max-w-8 {
    max-width:calc(var(--spacing) * 8)
  }
  .max-w-\[430px\] {
    max-width:430px
  }
  .max-w-\[500px\] {
    max-width:500px
  }
  .max-w-\[560px\] {
    max-width:560px
  }
  .max-w-\[1600px\] {
    max-width:1600px
  }
  .max-w-\[calc\(100vw-32px\)\] {
    max-width:calc(100vw - 32px)
  }
  .max-w-lg {
    max-width:var(--container-lg)
  }
  .max-w-md {
    max-width:var(--container-md)
  }
  .max-w-xl {
    max-width:var(--container-xl)
  }
  .min-w-0 {
    min-width:0
  }
  .min-w-56 {
    min-width:calc(var(--spacing) * 56)
  }
  .min-w-64 {
    min-width:calc(var(--spacing) * 64)
  }
  .min-w-\[760px\] {
    min-width:760px
  }
  .flex-1 {
    flex:1
  }
  .flex-shrink {
    flex-shrink:1
  }
  .shrink-0 {
    flex-shrink:0
  }
  .-translate-x-1\/2 {
    --tw-translate-x:calc(calc(1 / 2 * 100%) * -1);
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }
  .-translate-x-full {
    --tw-translate-x:-100%;
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }
  .-translate-y-1\/2 {
    --tw-translate-y:calc(calc(1 / 2 * 100%) * -1);
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }
  .translate-y-1 {
    --tw-translate-y:var(--spacing);
    translate:var(--tw-translate-x) var(--tw-translate-y)
  }
  .transform {
    transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
  }
  .animate-spin {
    animation:var(--animate-spin)
  }
  .cursor-pointer {
    cursor:pointer
  }
  .resize {
    resize:both
  }
  .resize-none {
    resize:none
  }
  .grid-cols-1 {
    grid-template-columns:repeat(1,minmax(0,1fr))
  }
  .grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .flex-col {
    flex-direction:column
  }
  .flex-col-reverse {
    flex-direction:column-reverse
  }
  .flex-wrap {
    flex-wrap:wrap
  }
  .items-center {
    align-items:center
  }
  .items-end {
    align-items:flex-end
  }
  .items-start {
    align-items:flex-start
  }
  .justify-between {
    justify-content:space-between
  }
  .justify-center {
    justify-content:center
  }
  .justify-end {
    justify-content:flex-end
  }
  .gap-1 {
    gap:var(--spacing)
  }
  .gap-1\.5 {
    gap:calc(var(--spacing) * 1.5)
  }
  .gap-2 {
    gap:calc(var(--spacing) * 2)
  }
  .gap-3 {
    gap:calc(var(--spacing) * 3)
  }
  .gap-4 {
    gap:calc(var(--spacing) * 4)
  }
  .gap-5 {
    gap:calc(var(--spacing) * 5)
  }
  :where(.space-y-1>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-2>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-3>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-4>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-5>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-6>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.space-y-7>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))
  }
  .gap-x-3 {
    column-gap:calc(var(--spacing) * 3)
  }
  .gap-y-1 {
    row-gap:var(--spacing)
  }
  :where(.divide-y>:not(:last-child)) {
    --tw-divide-y-reverse:0;
    border-bottom-style:var(--tw-border-style);
    border-top-style:var(--tw-border-style);
    border-top-width:calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))
  }
  :where(.divide-\[\#292929\]\/\[0\.05\]>:not(:last-child)) {
    border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.05)
  }
  .truncate {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
  }
  .overflow-auto {
    overflow:auto
  }
  .overflow-hidden {
    overflow:hidden
  }
  .overflow-visible {
    overflow:visible
  }
  .overflow-x-auto {
    overflow-x:auto
  }
  .overflow-y-auto {
    overflow-y:auto
  }
  .rounded-2xl {
    border-radius:var(--radius-2xl)
  }
  .rounded-3xl {
    border-radius:var(--radius-3xl)
  }
  .rounded-\[10px\] {
    border-radius:10px
  }
  .rounded-\[18px\] {
    border-radius:18px
  }
  .rounded-full {
    border-radius:3.40282e38px
  }
  .rounded-lg {
    border-radius:var(--radius-lg)
  }
  .rounded-md {
    border-radius:var(--radius-md)
  }
  .rounded-xl {
    border-radius:var(--radius-xl)
  }
  .border {
    border-style:var(--tw-border-style);
    border-width:1px
  }
  .border-2 {
    border-style:var(--tw-border-style);
    border-width:2px
  }
  .border-t {
    border-top-style:var(--tw-border-style);
    border-top-width:1px
  }
  .border-r {
    border-right-style:var(--tw-border-style);
    border-right-width:1px
  }
  .border-b {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px
  }
  .border-dashed {
    --tw-border-style:dashed;
    border-style:dashed
  }
  .border-\[\#292929\]\/10 {
    border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.1)
  }
  .border-\[\#292929\]\/15 {
    border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.15)
  }
  .border-\[\#292929\]\/\[\.06\] {
    border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.06)
  }
  .border-\[\#292929\]\/\[\.07\] {
    border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.07)
  }
  .border-\[\#292929\]\/\[0\.05\] {
    border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.05)
  }
  .border-\[\#292929\]\/\[0\.06\] {
    border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.06)
  }
  .border-\[\#292929\]\/\[0\.07\] {
    border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.07)
  }
  .border-\[\#292929\]\/\[0\.08\] {
    border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.08)
  }
  .border-\[\#292929\]\/\[0\.09\] {
    border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.09)
  }
  .border-\[\#292929\]\/\[0\.10\] {
    border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.1)
  }
  .border-\[\#B42318\]\/15 {
    border-color:oklab(50.0336% .158429 .0896815/.15)
  }
  .border-\[\#F2C5C0\] {
    border-color:#f2c5c0
  }
  .border-current\/30 {
    border-color:currentColor
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-current\/30 {
      border-color:color-mix(in oklab, currentcolor 30%, transparent)
    }
  }
  .border-white\/30 {
    border-color:#ffffff4d
  }
  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/30 {
      border-color:color-mix(in oklab, var(--color-white) 30%, transparent)
    }
  }
  .border-t-current {
    border-top-color:currentColor
  }
  .border-t-white {
    border-top-color:var(--color-white)
  }
  .bg-\[\#2F8A50\] {
    background-color:#2f8a50
  }
  .bg-\[\#187A3D\] {
    background-color:#187a3d
  }
  .bg-\[\#292929\] {
    background-color:#292929
  }
  .bg-\[\#292929\]\/20 {
    background-color:oklab(28.094% 1.49012e-8 1.49012e-8/.2)
  }
  .bg-\[\#292929\]\/30 {
    background-color:oklab(28.094% 1.49012e-8 1.49012e-8/.3)
  }
  .bg-\[\#292929\]\/35 {
    background-color:oklab(28.094% 1.49012e-8 1.49012e-8/.35)
  }
  .bg-\[\#292929\]\/\[0\.05\] {
    background-color:oklab(28.094% 1.49012e-8 1.49012e-8/.05)
  }
  .bg-\[\#292929\]\/\[0\.06\] {
    background-color:oklab(28.094% 1.49012e-8 1.49012e-8/.06)
  }
  .bg-\[\#292929\]\/\[0\.07\] {
    background-color:oklab(28.094% 1.49012e-8 1.49012e-8/.07)
  }
  .bg-\[\#B9B5F4\] {
    background-color:#b9b5f4
  }
  .bg-\[\#B42318\] {
    background-color:#b42318
  }
  .bg-\[\#D4D4D4\] {
    background-color:#d4d4d4
  }
  .bg-\[\#E9E5DF\] {
    background-color:#e9e5df
  }
  .bg-\[\#EAF6EC\] {
    background-color:#eaf6ec
  }
  .bg-\[\#F0EEFF\] {
    background-color:#f0eeff
  }
  .bg-\[\#F0F0F0\] {
    background-color:#f0f0f0
  }
  .bg-\[\#F0F7F2\] {
    background-color:#f0f7f2
  }
  .bg-\[\#F2D36B\] {
    background-color:#f2d36b
  }
  .bg-\[\#F2F0EF\] {
    background-color:#f2f0ef
  }
  .bg-\[\#F2F0EF\]\/90 {
    background-color:oklab(95.6398% .0016757 .00190878/.9)
  }
  .bg-\[\#F3F3F2\] {
    background-color:#f3f3f2
  }
  .bg-\[\#F7F7F6\] {
    background-color:#f7f7f6
  }
  .bg-\[\#F7F7F6\]\/95 {
    background-color:oklab(97.586% -.000373751 .00126803/.95)
  }
  .bg-\[\#F7F9FC\] {
    background-color:#f7f9fc
  }
  .bg-\[\#FAFAF9\] {
    background-color:#fafaf9
  }
  .bg-\[\#FFF0EE\] {
    background-color:#fff0ee
  }
  .bg-\[\#FFF1F0\] {
    background-color:#fff1f0
  }
  .bg-\[\#FFF5F3\] {
    background-color:#fff5f3
  }
  .bg-\[\#FFF7D9\] {
    background-color:#fff7d9
  }
  .bg-\[\#FFF7F6\] {
    background-color:#fff7f6
  }
  .bg-white {
    background-color:var(--color-white)
  }
  .object-contain {
    object-fit:contain
  }
  .p-1 {
    padding:var(--spacing)
  }
  .p-2 {
    padding:calc(var(--spacing) * 2)
  }
  .p-3 {
    padding:calc(var(--spacing) * 3)
  }
  .p-4 {
    padding:calc(var(--spacing) * 4)
  }
  .p-5 {
    padding:calc(var(--spacing) * 5)
  }
  .p-6 {
    padding:calc(var(--spacing) * 6)
  }
  .p-7 {
    padding:calc(var(--spacing) * 7)
  }
  .p-8 {
    padding:calc(var(--spacing) * 8)
  }
  .p-10 {
    padding:calc(var(--spacing) * 10)
  }
  .px-1 {
    padding-inline:var(--spacing)
  }
  .px-2 {
    padding-inline:calc(var(--spacing) * 2)
  }
  .px-2\.5 {
    padding-inline:calc(var(--spacing) * 2.5)
  }
  .px-3 {
    padding-inline:calc(var(--spacing) * 3)
  }
  .px-4 {
    padding-inline:calc(var(--spacing) * 4)
  }
  .px-5 {
    padding-inline:calc(var(--spacing) * 5)
  }
  .px-6 {
    padding-inline:calc(var(--spacing) * 6)
  }
  .py-0\.5 {
    padding-block:calc(var(--spacing) * .5)
  }
  .py-1 {
    padding-block:var(--spacing)
  }
  .py-1\.5 {
    padding-block:calc(var(--spacing) * 1.5)
  }
  .py-2 {
    padding-block:calc(var(--spacing) * 2)
  }
  .py-2\.5 {
    padding-block:calc(var(--spacing) * 2.5)
  }
  .py-3 {
    padding-block:calc(var(--spacing) * 3)
  }
  .py-3\.5 {
    padding-block:calc(var(--spacing) * 3.5)
  }
  .py-4 {
    padding-block:calc(var(--spacing) * 4)
  }
  .py-5 {
    padding-block:calc(var(--spacing) * 5)
  }
  .py-6 {
    padding-block:calc(var(--spacing) * 6)
  }
  .py-8 {
    padding-block:calc(var(--spacing) * 8)
  }
  .py-10 {
    padding-block:calc(var(--spacing) * 10)
  }
  .py-12 {
    padding-block:calc(var(--spacing) * 12)
  }
  .py-14 {
    padding-block:calc(var(--spacing) * 14)
  }
  .py-16 {
    padding-block:calc(var(--spacing) * 16)
  }
  .pt-1 {
    padding-top:var(--spacing)
  }
  .pt-4 {
    padding-top:calc(var(--spacing) * 4)
  }
  .pt-5 {
    padding-top:calc(var(--spacing) * 5)
  }
  .pt-6 {
    padding-top:calc(var(--spacing) * 6)
  }
  .pr-1 {
    padding-right:var(--spacing)
  }
  .pr-10 {
    padding-right:calc(var(--spacing) * 10)
  }
  .pr-16 {
    padding-right:calc(var(--spacing) * 16)
  }
  .pb-5 {
    padding-bottom:calc(var(--spacing) * 5)
  }
  .pl-11 {
    padding-left:calc(var(--spacing) * 11)
  }
  .text-center {
    text-align:center
  }
  .text-left {
    text-align:left
  }
  .text-right {
    text-align:right
  }
  .font-\[\'Inter\'\],.font-\[Inter\] {
    font-family:Inter
  }
  .text-\[9px\] {
    font-size:9px
  }
  .text-\[10px\] {
    font-size:10px
  }
  .text-\[11px\] {
    font-size:11px
  }
  .text-\[12px\] {
    font-size:12px
  }
  .text-\[13px\] {
    font-size:13px
  }
  .text-\[14px\] {
    font-size:14px
  }
  .text-\[15px\] {
    font-size:15px
  }
  .text-\[16px\] {
    font-size:16px
  }
  .text-\[18px\] {
    font-size:18px
  }
  .text-\[20px\] {
    font-size:20px
  }
  .text-\[22px\] {
    font-size:22px
  }
  .text-\[25px\] {
    font-size:25px
  }
  .text-\[28px\] {
    font-size:28px
  }
  .leading-4 {
    --tw-leading:calc(var(--spacing) * 4);
    line-height:calc(var(--spacing) * 4)
  }
  .leading-5 {
    --tw-leading:calc(var(--spacing) * 5);
    line-height:calc(var(--spacing) * 5)
  }
  .font-medium {
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium)
  }
  .font-semibold {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold)
  }
  .tracking-\[-0\.03em\] {
    --tw-tracking:-.03em;
    letter-spacing:-.03em
  }
  .tracking-\[-0\.04em\] {
    --tw-tracking:-.04em;
    letter-spacing:-.04em
  }
  .tracking-\[-0\.035em\] {
    --tw-tracking:-.035em;
    letter-spacing:-.035em
  }
  .tracking-\[-0\.045em\] {
    --tw-tracking:-.045em;
    letter-spacing:-.045em
  }
  .tracking-\[0\.04em\] {
    --tw-tracking:.04em;
    letter-spacing:.04em
  }
  .tracking-\[0\.08em\] {
    --tw-tracking:.08em;
    letter-spacing:.08em
  }
  .tracking-\[0\.12em\] {
    --tw-tracking:.12em;
    letter-spacing:.12em
  }
  .tracking-\[0\.14em\] {
    --tw-tracking:.14em;
    letter-spacing:.14em
  }
  .tracking-\[0\.15em\] {
    --tw-tracking:.15em;
    letter-spacing:.15em
  }
  .tracking-\[0\.16em\] {
    --tw-tracking:.16em;
    letter-spacing:.16em
  }
  .tracking-\[0\.18em\] {
    --tw-tracking:.18em;
    letter-spacing:.18em
  }
  .break-words {
    overflow-wrap:break-word
  }
  .text-\[\#4B5563\] {
    color:#4b5563
  }
  .text-\[\#5F5F5F\] {
    color:#5f5f5f
  }
  .text-\[\#7A271A\] {
    color:#7a271a
  }
  .text-\[\#187A3D\] {
    color:#187a3d
  }
  .text-\[\#555\] {
    color:#555
  }
  .text-\[\#666\] {
    color:#666
  }
  .text-\[\#777\] {
    color:#777
  }
  .text-\[\#999\] {
    color:#999
  }
  .text-\[\#5550B5\] {
    color:#5550b5
  }
  .text-\[\#292929\] {
    color:#292929
  }
  .text-\[\#292929\]\/30 {
    color:oklab(28.094% 1.49012e-8 1.49012e-8/.3)
  }
  .text-\[\#292929\]\/45 {
    color:oklab(28.094% 1.49012e-8 1.49012e-8/.45)
  }
  .text-\[\#292929\]\/50 {
    color:oklab(28.094% 1.49012e-8 1.49012e-8/.5)
  }
  .text-\[\#292929\]\/55 {
    color:oklab(28.094% 1.49012e-8 1.49012e-8/.55)
  }
  .text-\[\#292929\]\/60 {
    color:oklab(28.094% 1.49012e-8 1.49012e-8/.6)
  }
  .text-\[\#353535\] {
    color:#353535
  }
  .text-\[\#525252\] {
    color:#525252
  }
  .text-\[\#686868\] {
    color:#686868
  }
  .text-\[\#737373\] {
    color:#737373
  }
  .text-\[\#808080\] {
    color:gray
  }
  .text-\[\#858585\] {
    color:#858585
  }
  .text-\[\#A0A0A0\] {
    color:#a0a0a0
  }
  .text-\[\#A1A1A1\] {
    color:#a1a1a1
  }
  .text-\[\#A3A3A3\] {
    color:#a3a3a3
  }
  .text-\[\#A36B00\] {
    color:#a36b00
  }
  .text-\[\#B42318\] {
    color:#b42318
  }
  .text-white {
    color:var(--color-white)
  }
  .uppercase {
    text-transform:uppercase
  }
  .underline {
    text-decoration-line:underline
  }
  .underline-offset-4 {
    text-underline-offset:4px
  }
  .antialiased {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
  }
  .opacity-0 {
    opacity:0
  }
  .opacity-40 {
    opacity:.4
  }
  .opacity-50 {
    opacity:.5
  }
  .opacity-60 {
    opacity:.6
  }
  .shadow-2xl {
    --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .shadow-\[0_4px_15px_rgba\(41\,41\,41\,\.025\)\] {
    --tw-shadow:0 4px 15px var(--tw-shadow-color,#29292906);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .shadow-\[0_18px_50px_rgba\(41\,41\,41\,\.12\)\] {
    --tw-shadow:0 18px 50px var(--tw-shadow-color,#2929291f);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .shadow-\[0_25px_80px_rgba\(41\,41\,41\,\.18\)\] {
    --tw-shadow:0 25px 80px var(--tw-shadow-color,#2929292e);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .shadow-sm {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .shadow-xl {
    --tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .ring-2 {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .ring-\[\#292929\]\/10 {
    --tw-ring-color:oklab(28.094% 1.49012e-8 1.49012e-8/.1)
  }
  .outline {
    outline-style:var(--tw-outline-style);
    outline-width:1px
  }
  .blur {
    --tw-blur:blur(8px);
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }
  .filter {
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur:blur(var(--blur-sm));
    -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur:blur(var(--blur-xl));
    -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
  }
  .backdrop-filter {
    -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
  }
  .transition {
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .transition-all {
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .transition-transform {
    transition-property:transform,translate,scale,rotate;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .duration-200 {
    --tw-duration:.2s;
    transition-duration:.2s
  }
  .duration-300 {
    --tw-duration:.3s;
    transition-duration:.3s
  }
  .outline-none {
    --tw-outline-style:none;
    outline-style:none
  }
  @media (hover:hover) {
    .group-hover\:bg-white:is(:where(.group):hover *) {
      background-color:var(--color-white)
    }
    .group-hover\:text-\[\#292929\]:is(:where(.group):hover *) {
      color:#292929
    }
  }
  .placeholder\:text-\[\#A3A3A3\]::placeholder {
    color:#a3a3a3
  }
  @media (hover:hover) {
    .hover\:border-\[\#292929\]\/15:hover {
      border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.15)
    }
    .hover\:border-\[\#292929\]\/30:hover {
      border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.3)
    }
    .hover\:border-\[\#B42318\]\/20:hover {
      border-color:oklab(50.0336% .158429 .0896815/.2)
    }
    .hover\:bg-\[\#111111\]:hover {
      background-color:#111
    }
    .hover\:bg-\[\#171717\]:hover {
      background-color:#171717
    }
    .hover\:bg-\[\#292929\]\/\[0\.04\]:hover {
      background-color:oklab(28.094% 1.49012e-8 1.49012e-8/.04)
    }
    .hover\:bg-\[\#292929\]\/\[0\.05\]:hover {
      background-color:oklab(28.094% 1.49012e-8 1.49012e-8/.05)
    }
    .hover\:bg-\[\#292929\]\/\[0\.06\]:hover {
      background-color:oklab(28.094% 1.49012e-8 1.49012e-8/.06)
    }
    .hover\:bg-\[\#F2F0EF\]:hover {
      background-color:#f2f0ef
    }
    .hover\:bg-\[\#F7F7F6\]:hover {
      background-color:#f7f7f6
    }
    .hover\:bg-\[\#FAFAF9\]:hover {
      background-color:#fafaf9
    }
    .hover\:bg-\[\#FEF2F2\]:hover {
      background-color:#fef2f2
    }
    .hover\:bg-\[\#FFF1F0\]:hover {
      background-color:#fff1f0
    }
    .hover\:bg-\[\#FFF4F2\]:hover {
      background-color:#fff4f2
    }
    .hover\:bg-\[\#FFF5F4\]:hover {
      background-color:#fff5f4
    }
    .hover\:text-\[\#292929\]:hover {
      color:#292929
    }
    .hover\:text-\[\#B42318\]:hover {
      color:#b42318
    }
  }
  .focus\:border-\[\#292929\]\/20:focus {
    border-color:oklab(28.094% 1.49012e-8 1.49012e-8/.2)
  }
  .focus\:ring-2:focus {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .focus\:ring-\[\#292929\]\/\[0\.04\]:focus {
    --tw-ring-color:oklab(28.094% 1.49012e-8 1.49012e-8/.04)
  }
  @media not all and (min-width:64rem) {
    .max-lg\:overscroll-contain {
      overscroll-behavior:contain
    }
  }
  @media (min-width:40rem) {
    .sm\:col-span-2 {
      grid-column:span 2/span 2
    }
    .sm\:block {
      display:block
    }
    .sm\:inline {
      display:inline
    }
    .sm\:w-\[190px\] {
      width:190px
    }
    .sm\:w-\[230px\] {
      width:230px
    }
    .sm\:w-\[280px\] {
      width:280px
    }
    .sm\:w-auto {
      width:auto
    }
    .sm\:grid-cols-2 {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .sm\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .sm\:grid-cols-4 {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_180px_44px\] {
      grid-template-columns:minmax(0,1fr) 180px 44px
    }
    .sm\:flex-row {
      flex-direction:row
    }
    .sm\:items-center {
      align-items:center
    }
    .sm\:items-end {
      align-items:flex-end
    }
    .sm\:items-start {
      align-items:flex-start
    }
    .sm\:justify-between {
      justify-content:space-between
    }
    .sm\:justify-end {
      justify-content:flex-end
    }
    .sm\:p-5 {
      padding:calc(var(--spacing) * 5)
    }
    .sm\:p-6 {
      padding:calc(var(--spacing) * 6)
    }
    .sm\:p-7 {
      padding:calc(var(--spacing) * 7)
    }
    .sm\:p-9 {
      padding:calc(var(--spacing) * 9)
    }
    .sm\:px-6 {
      padding-inline:calc(var(--spacing) * 6)
    }
    .sm\:px-7 {
      padding-inline:calc(var(--spacing) * 7)
    }
    .sm\:px-8 {
      padding-inline:calc(var(--spacing) * 8)
    }
    .sm\:py-7 {
      padding-block:calc(var(--spacing) * 7)
    }
    .sm\:text-\[32px\] {
      font-size:32px
    }
  }
  @media (min-width:48rem) {
    .md\:block {
      display:block
    }
  }
  @media (min-width:64rem) {
    .lg\:col-span-2 {
      grid-column:span 2/span 2
    }
    .lg\:hidden {
      display:none
    }
    .lg\:translate-x-0 {
      --tw-translate-x:0px;
      translate:var(--tw-translate-x) var(--tw-translate-y)
    }
    .lg\:grid-cols-3 {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .lg\:grid-cols-4 {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .lg\:flex-row {
      flex-direction:row
    }
    .lg\:items-center {
      align-items:center
    }
    .lg\:items-end {
      align-items:flex-end
    }
    .lg\:justify-between {
      justify-content:space-between
    }
    .lg\:px-10 {
      padding-inline:calc(var(--spacing) * 10)
    }
    .lg\:py-10 {
      padding-block:calc(var(--spacing) * 10)
    }
    .lg\:pl-\[250px\] {
      padding-left:250px
    }
  }
  @media (min-width:80rem) {
    .xl\:grid-cols-2 {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .xl\:grid-cols-4 {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .xl\:grid-cols-\[1fr_1fr\] {
      grid-template-columns:1fr 1fr
    }
    .xl\:grid-cols-\[minmax\(0\,1fr\)_350px\] {
      grid-template-columns:minmax(0,1fr) 350px
    }
  }
}
a[href] {
  cursor:pointer
}
@property --tw-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-z {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-rotate-x {
  syntax:"*";
  inherits:false
}
@property --tw-rotate-y {
  syntax:"*";
  inherits:false
}
@property --tw-rotate-z {
  syntax:"*";
  inherits:false
}
@property --tw-skew-x {
  syntax:"*";
  inherits:false
}
@property --tw-skew-y {
  syntax:"*";
  inherits:false
}
@property --tw-space-y-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-divide-y-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-border-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}
@property --tw-leading {
  syntax:"*";
  inherits:false
}
@property --tw-font-weight {
  syntax:"*";
  inherits:false
}
@property --tw-tracking {
  syntax:"*";
  inherits:false
}
@property --tw-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-inset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-inset-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-ring-color {
  syntax:"*";
  inherits:false
}
@property --tw-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-ring-color {
  syntax:"*";
  inherits:false
}
@property --tw-inset-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-ring-inset {
  syntax:"*";
  inherits:false
}
@property --tw-ring-offset-width {
  syntax:"<length>";
  inherits:false;
  initial-value:0
}
@property --tw-ring-offset-color {
  syntax:"*";
  inherits:false;
  initial-value:#fff
}
@property --tw-ring-offset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-outline-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}
@property --tw-blur {
  syntax:"*";
  inherits:false
}
@property --tw-brightness {
  syntax:"*";
  inherits:false
}
@property --tw-contrast {
  syntax:"*";
  inherits:false
}
@property --tw-grayscale {
  syntax:"*";
  inherits:false
}
@property --tw-hue-rotate {
  syntax:"*";
  inherits:false
}
@property --tw-invert {
  syntax:"*";
  inherits:false
}
@property --tw-opacity {
  syntax:"*";
  inherits:false
}
@property --tw-saturate {
  syntax:"*";
  inherits:false
}
@property --tw-sepia {
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow {
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-drop-shadow-size {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-blur {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-brightness {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-contrast {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-grayscale {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-hue-rotate {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-invert {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-opacity {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-saturate {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-sepia {
  syntax:"*";
  inherits:false
}
@property --tw-duration {
  syntax:"*";
  inherits:false
}
@keyframes spin {
  to {
    transform:rotate(360deg)
  }
}
/* DuoSeguros — Apple / iOS inspired light UI layer */
:root {
  --ds-bg: #f5f5f7;
  --ds-surface: #ffffff;
  --ds-surface-subtle: #f2f2f7;
  --ds-border: #e5e5ea;
  --ds-border-strong: #d1d1d6;
  --ds-text: #1d1d1f;
  --ds-text-secondary: #6e6e73;
  --ds-text-tertiary: #8e8e93;
  --ds-blue: #7F00FF;
  --ds-blue-hover: #9A33FF;
  --ds-blue-soft: #F1E5FF;
  --ds-green: #34c759;
  --ds-red: #ff3b30;
  --ds-orange: #ff9500;
  --ds-purple: #af52de;
  --ds-radius-sm: 10px;
  --ds-radius-md: 14px;
  --ds-radius-lg: 18px;
  --ds-shadow-card: 0 1px 2px rgba(0,0,0,.03), 0 8px 30px rgba(0,0,0,.035);
  --ds-shadow-popover: 0 18px 45px rgba(0,0,0,.12), 0 3px 12px rgba(0,0,0,.06);
}
html, body {
  background: var(--ds-bg) !important;
  color: var(--ds-text) !important;
}
body {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif !important;
}
/* App shell */
#sidebar {
  width: 248px !important;
  padding: 18px 14px 16px !important;
  background: rgba(255,255,255,.96) !important;
  border-right: 1px solid var(--ds-border) !important;
  box-shadow: 1px 0 0 rgba(0,0,0,.01) !important;
  backdrop-filter: blur(20px) saturate(180%);
}
#sidebar > a, #sidebar > div:first-child > a {
  margin: 0 8px 18px !important;
}
/* Keep the logo, navigation and bottom support block on the same internal guide. */
#sidebar > div:first-child, #sidebar nav, #sidebar > div:last-child {
  padding-left: var(--sidebar-gutter, 8px) !important;
  padding-right: var(--sidebar-gutter, 8px) !important;
}
#sidebar nav {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#sidebar nav p {
  color: var(--ds-text-tertiary) !important;
  font-size: 10px !important;
  letter-spacing: .12em !important;
  font-weight: 600 !important;
}
#sidebar nav a {
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-height: 38px !important;
  border-radius: 10px !important;
  color: var(--ds-text-secondary) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: background .16s ease, color .16s ease, transform .16s ease !important;
}
#sidebar nav a:hover {
  background: #f2f2f7 !important;
  color: var(--ds-text) !important;
}
#sidebar nav a[aria-current="page"], #sidebar nav a.bg-\[\#292929\]\/\[0\.06\], #sidebar nav a.bg-\[\#292929\]\/\[0\.08\] {
  background: var(--ds-blue-soft) !important;
  color: var(--ds-blue) !important;
  font-weight: 600 !important;
}
#sidebar nav a svg {
  width: 17px !important;
  height: 17px !important;
  opacity: .78;
}
#sidebar nav a.bg-\[\#292929\]\/\[0\.06\] svg, #sidebar nav a[aria-current="page"] svg {
  color: var(--ds-blue) !important;
  opacity: 1;
}
#sidebar > div:last-child {
  border-color: var(--ds-border) !important;
}
#sidebar > div:last-child a {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#sidebar > div:last-child a:hover {
  background: #f2f2f7 !important;
}
/* Main/header */
.lg\:pl-\[250px\] {
  padding-left: 248px !important;
}
header.sticky, body > header.sticky {
  height: 64px !important;
  min-height: 64px !important;
  background: rgba(255,255,255,.88) !important;
  border-bottom: 1px solid var(--ds-border) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
}
header.sticky > div, body > header.sticky > div {
  height: 64px !important;
}
header input[type="search"] {
  height: 38px !important;
  border: 1px solid var(--ds-border) !important;
  border-radius: 10px !important;
  background: #f2f2f7 !important;
  color: var(--ds-text) !important;
  box-shadow: none !important;
}
header input[type="search"]:focus {
  background: #fff !important;
  border-color: rgba(127,0,255,.45) !important;
  box-shadow: 0 0 0 3px rgba(127,0,255,.10) !important;
}
header button:hover {
  background: #f2f2f7 !important;
}
/* Page rhythm */
main {
  max-width: 1500px !important;
  padding-top: 32px !important;
  padding-bottom: 48px !important;
}
main h1 {
  color: var(--ds-text) !important;
  letter-spacing: -.035em !important;
}
main h2, main h3 {
  color: var(--ds-text) !important;
}
main p {
  color: var(--ds-text-secondary);
}
/* Cards, panels and tables */
main article, main section.rounded-2xl, main section.rounded-\[24px\], .settings-card, .report-card, .quote-detail, .insurer-card {
  background: var(--ds-surface) !important;
  border-color: var(--ds-border) !important;
  border-radius: var(--ds-radius-lg) !important;
  box-shadow: var(--ds-shadow-card) !important;
}
main article:hover {
  box-shadow: 0 1px 2px rgba(0,0,0,.035), 0 10px 32px rgba(0,0,0,.045) !important;
}
main section > div.border-b, .settings-card-header, .quote-detail-head {
  border-color: var(--ds-border) !important;
}
/* Buttons */
main button.bg-\[\#292929\], main button.bg-\[\#111111\], main a.bg-\[\#292929\] {
  background: #292929 !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.08) !important;
}
main button.bg-\[\#292929\]:hover, main button.bg-\[\#111111\]:hover, main a.bg-\[\#292929\]:hover {
  background: #3f3f46 !important;
}
button.border, a.border {
  border-color: var(--ds-border) !important;
}
button:not(:disabled):active {
  transform: translateY(1px);
}
/* Inputs and controls */
.field-input, .custom-select-trigger, .custom-date-trigger, input:not([type="checkbox"]):not([type="radio"]), textarea, select {
  border-color: var(--ds-border) !important;
  background: #fff !important;
  color: var(--ds-text) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.field-input:hover, .custom-select-trigger:hover, .custom-date-trigger:hover, input:not([type="checkbox"]):not([type="radio"]):hover, textarea:hover, select:hover {
  border-color: var(--ds-border-strong) !important;
}
.field-input:focus, .custom-select-trigger.is-open, .custom-date-trigger.is-open, input:not([type="checkbox"]):not([type="radio"]):focus, textarea:focus, select:focus {
  border-color: rgba(127,0,255,.45) !important;
  box-shadow: 0 0 0 3px rgba(127,0,255,.10) !important;
  outline: none !important;
}
.custom-menu, .custom-calendar {
  border-color: var(--ds-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--ds-shadow-popover) !important;
}
.custom-option:hover {
  background: #f2f2f7 !important;
  color: var(--ds-text) !important;
}
.custom-option.selected {
  background: var(--ds-blue-soft) !important;
  color: var(--ds-blue) !important;
}
/* Neutral chips */
main .rounded-full.bg-\[\#EAF6EC\] {
  background: #eaf8ee !important;
  color: #248a3d !important;
}
main .rounded-full.bg-\[\#FFF1F0\] {
  background: #fff0ef !important;
  color: #d70015 !important;
}
/* Keep the explicitly requested dark product tag */
main .bg-\[\#292929\].text-white, main [style*="background-color:#292929"] {
  background: #292929 !important;
  color: #fff !important;
}
/* Tables */
.report-table th {
  background: #f2f2f7 !important;
  color: var(--ds-text-secondary) !important;
  border-color: var(--ds-border) !important;
}
.report-table td {
  border-color: #eeeeF0 !important;
  color: var(--ds-text) !important;
}
.report-rank {
  background: #f2f2f7 !important;
}
.report-logo {
  border-color: var(--ds-border) !important;
}
/* Search/filter bars and soft areas */
.bg-\[\#F7F7F6\], .bg-\[\#F2F0EF\], .bg-\[\#FAFAFA\], .bg-\[\#fafafa\] {
  background: #f2f2f7 !important;
}
/* Modal system */
.fixed.inset-0.z-50 > div, [id*="modal"] > div, [role="dialog"] {
  border: 1px solid var(--ds-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.18), 0 4px 16px rgba(0,0,0,.08) !important;
}
/* Links and accent */
a:not([class*="bg-"]):not([class*="border-"]) {
  color: inherit;
}
/* Mobile */
@media (max-width: 1023px) {
  #sidebar {
    width: 278px !important;
  }
  .lg\:pl-\[250px\] {
    padding-left: 0 !important;
  }
  main {
    padding: 24px 18px 40px !important;
  }
  header.sticky {
    height: 60px !important;
    min-height: 60px !important;
  }
  header.sticky > div {
    height: 60px !important;
  }
}
@media (max-width: 640px) {
  main {
    padding: 20px 14px 32px !important;
  }
  main h1 {
    font-size: 27px !important;
  }
  main article, main section.rounded-2xl {
    border-radius: 15px !important;
  }
}
/* Accessibility / motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}
/* Supabase-like application frame: global top bar + navigation rail below it */
@media (min-width: 1024px) {
  header.sticky {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    z-index: 60 !important;
  }
  header.sticky > div, body > header.sticky > div {
    max-width: none !important;
    padding-left: 272px !important;
    padding-right: 24px !important;
  }
  #sidebar {
    top: 64px !important;
    height: calc(100vh - 64px) !important;
    z-index: 50 !important;
    box-shadow: 1px 0 0 rgba(0,0,0,.01) !important;
  }
  .lg\:pl-\[250px\] {
    padding-left: 248px !important;
  }
  .lg\:pl-\[250px\] > main {
    padding-top: 96px !important;
  }
}
/* Login / standalone screens */
body.app-preloading {
  background: var(--ds-bg) !important;
}
body.app-preloading::before {
  opacity: .12 !important;
  filter: saturate(.75) blur(18px) !important;
}
body.app-preloading::after {
  background: rgba(245,245,247,.82) !important;
}
/* Standalone new-insured screen */
body > header.sticky + main > section, body > main > section.rounded-3xl {
  border-color: var(--ds-border) !important;
  box-shadow: var(--ds-shadow-card) !important;
}
body > header.sticky img {
  max-height: 32px;
}
@media (max-width: 1023px) {
  header.sticky {
    position: sticky !important;
    inset: auto !important;
    width: auto !important;
  }
  header.sticky > div {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  #sidebar {
    top: 0 !important;
    height: 100vh !important;
  }
}
/* DuoSeguros — final corporate shell / responsive system */
:root {
  --ds-shell-left: 24px;
  --ds-shell-right: 24px;
  --sidebar-gutter: 8px;
  /* espaçamento lateral do sidebar: logo, navegação e "Precisa de ajuda?" */
  --sidebar-inner: 8px;
  /* respiro interno: leva ícones/rótulos/logo ao mesmo eixo do ícone de "Precisa de ajuda?" (8 + 8 = 16px) */
  --ds-focus: #7F00FF;
  --ds-focus-ring: rgba(127,0,255,.13);
}
/* The page body and the top bar use the exact same horizontal rhythm. */
@media (min-width: 1024px) {
  main {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: var(--ds-shell-left) !important;
    padding-right: var(--ds-shell-right) !important;
  }
  header.sticky > div, body > header.sticky > div {
    padding-left: 272px !important;
    padding-right: var(--ds-shell-right) !important;
  }
}
/* Inputs: calm Apple-like focus, with a restrained blue halo instead of a generic AI ring. */
.field-input, .custom-select-trigger, .custom-date-trigger, input:not([type="checkbox"]):not([type="radio"]), textarea, select {
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
  -webkit-tap-highlight-color: transparent;
}
.field-input:focus, .custom-select-trigger.is-open, .custom-date-trigger.is-open, input:not([type="checkbox"]):not([type="radio"]):focus, textarea:focus, select:focus {
  border-color: rgba(127,0,255,.48) !important;
  box-shadow: 0 0 0 3px var(--ds-focus-ring), inset 0 0 0 1px rgba(127,0,255,.08) !important;
  outline: none !important;
}
.field-input:focus-visible, .custom-select-trigger:focus-visible, .custom-date-trigger:focus-visible, button:focus-visible, a:focus-visible {
  outline: 2px solid rgba(127,0,255,.38) !important;
  outline-offset: 2px !important;
}
/* Modal headers are part of the panel — no detached white capsule or shadow. */
.modal-panel-header {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* Modal panels stay usable on small screens and never create horizontal overflow. */
.modal-panel-scroll {
  width: min(100%, 720px) !important;
  max-height: min(92vh, 900px) !important;
  border-radius: 20px !important;
}
.modal-panel-scroll form, .modal-panel-scroll section, .modal-panel-scroll label, .modal-panel-scroll input, .modal-panel-scroll select, .modal-panel-scroll textarea, .modal-panel-scroll button {
  min-width: 0;
}
/* Tablet: prefer vertical forms, avoiding cramped two-column fields. */
@media (max-width: 900px) {
  form .sm\:grid-cols-2, form .sm\:grid-cols-3, form .sm\:grid-cols-4 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  form .sm\:col-span-2 {
    grid-column: auto !important;
  }
  .modal-panel-scroll {
    max-height: calc(100dvh - 24px) !important;
  }
}
@media (max-width: 767px) {
  :root {
    --ds-shell-left: 18px;
    --ds-shell-right: 18px;
  }
  header.sticky > div, body > header.sticky > div {
    padding-left: 18px !important;
    padding-right: 18px !important;
    gap: 8px !important;
  }
  main {
    padding: 22px 18px 34px !important;
  }
  .ds-header-search {
    display: block !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  .ds-header-search input {
    min-width: 0 !important;
    padding-left: 38px !important;
    padding-right: 10px !important;
  }
  .ds-header-search span {
    display: none !important;
  }
  #notifications-button {
    width: 38px !important;
    height: 38px !important;
  }
  #header-profile-button {
    padding-left: 2px !important;
    padding-right: 0 !important;
    gap: 0 !important;
  }
  #account-chevron {
    display: none !important;
  }
  .modal-panel-scroll {
    border-radius: 16px !important;
  }
  .modal-panel-scroll > .modal-panel-header, .modal-panel-scroll > div:first-child {
    padding: 18px !important;
  }
  .modal-panel-scroll form {
    padding: 18px !important;
  }
}
@media (max-width: 480px) {
  main {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  header.sticky > div, body > header.sticky > div {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .ds-header-search input {
    height: 38px !important;
    font-size: 12px !important;
  }
  #sidebar {
    width: min(300px, 88vw) !important;
  }
  .modal-backdrop-lock {
    padding: 8px !important;
  }
  .modal-panel-scroll {
    max-height: calc(100dvh - 16px) !important;
  }
}
/* Never let generated dashboard content force the viewport wider than the device. */
html, body {
  max-width: 100%;
  overflow-x: hidden !important;
}
main, main > *, main section, main article, .table-wrap {
  min-width: 0;
  max-width: 100%;
}
img, svg {
  max-width: 100%;
}
/* DuoSeguros fixes: shell layering, compact auth, select rhythm, and modal consistency. */
.auth-shell {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  margin-inline: auto;
}
[data-select-trigger="report-client-select"] {
  font-size: 11px !important;
  min-height: 44px !important;
}
/* The navigation rail must stay above the global header so its logo is never covered. */
@media (min-width: 1024px) {
  header.sticky {
    z-index: 60 !important;
  }
  #sidebar {
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    z-index: 1000 !important;
  }
  #sidebar > div:first-child img {
    display: block !important;
    opacity: 1 !important;
  }
}
/* New-insured modal uses the same continuous panel treatment as the other platform modals. */
#cadastro-modal {
  z-index: 100 !important;
}
#cadastro-modal-panel {
  background: #F7F7F6 !important;
  overflow: hidden !important;
}
#cadastro-modal-panel > div:first-child, #cadastro-modal-panel .modal-panel-header {
  background: transparent !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(41,41,41,.07) !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 20px 24px !important;
}
#cadastro-modal-panel > form {
  background: transparent !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
/* v4 shell alignment: sidebar content uses one shared lateral gutter (--sidebar-gutter). */
@media (min-width: 1024px) {
  header.sticky {
    z-index: 30 !important;
  }
  #sidebar {
    z-index: 50 !important;
    width: 250px !important;
    padding: 18px 0 16px !important;
  }
  #sidebar > div:first-child {
    margin: 0 var(--sidebar-gutter) 40px !important;
    padding: 0 !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
  }
  #sidebar > div:first-child > a {
    margin: 0 !important;
    padding: 0 !important;
  }
  #sidebar > div:first-child img {
    width: 170px !important;
    height: auto !important;
  }
  #sidebar nav {
    padding: 0 var(--sidebar-gutter) !important;
  }
  #sidebar nav p, #sidebar nav a {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #sidebar nav p {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #sidebar > div:last-child {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #sidebar > div:last-child > a {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Modal layers must sit above the persistent sidebar rather than hiding/removing it. */
#cadastro-modal, #category-config-modal, #insurer-config-modal, #whatsapp-modal, #proposal-modal, #segurado-edit-modal {
  z-index: 100 !important;
}
/* Proposal header separator should have the same visual weight as the other platform modals. */
#proposal-modal .modal-panel-header {
  border-bottom: 1px solid rgba(41,41,41,.14) !important;
}
/* v5 final shell behavior: the desktop sidebar is static and never retracts when a modal opens. */
@media (min-width: 1024px) {
  #sidebar {
    transform: translateX(0) !important;
    pointer-events: auto !important;
  }
}
/* Keep the sidebar's navigation groups and support footer on the exact same start/end axis. */
@media (min-width: 1024px) {
  #sidebar nav, #sidebar nav > div, #sidebar nav p, #sidebar nav ul, #sidebar nav li, #sidebar nav a, #sidebar > div:last-child, #sidebar > div:last-child > a {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #sidebar nav p, #sidebar nav a, #sidebar > div:last-child > a {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #sidebar > div:last-child > a {
    width: 100% !important;
    white-space: nowrap !important;
  }
  #sidebar > div:last-child > a > div:last-child {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    white-space: nowrap !important;
  }
  #sidebar > div:last-child > a p {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
/* Inputs: focus is communicated only by the colored border, never by a box-shadow/ring. */
.field-input:focus, .custom-select-trigger.is-open, .custom-date-trigger.is-open, input:not([type="checkbox"]):not([type="radio"]):focus, textarea:focus, select:focus, header input[type="search"]:focus {
  box-shadow: none !important;
  outline: none !important;
  border-color: rgba(127,0,255,.48) !important;
}
/* Carregamento (F5 / navegação entre telas): nada do shell aparece até a página estar pronta,
   incluindo o sidebar. A regra vale para todas as telas internas, não só para o index. */
body.app-preloading > * {
  visibility: hidden !important;
}
/* Eixo comum do sidebar: a borda dos itens fica a --sidebar-gutter (igual ao círculo do "Precisa de ajuda?")
   e o conteúdo (ícone, rótulo, logo) começa em --sidebar-gutter + --sidebar-inner, igual ao ícone dele. */
@media (min-width: 1024px) {
  /* Padrão único no desktop: 24px, o mesmo espaçamento lateral do conteúdo interno (--ds-shell-left). */
  :root {
    --sidebar-gutter: var(--ds-shell-left);
  }
  #sidebar nav p, #sidebar nav a {
    padding-left: var(--sidebar-inner) !important;
    padding-right: var(--sidebar-inner) !important;
  }
  #sidebar > div:first-child {
    margin-left: calc(var(--sidebar-gutter) + var(--sidebar-inner)) !important;
  }
  /* Rodapé: mesmo respiro do divisor até o bloco de ajuda e do bloco até o fim da tela. */
  #sidebar {
    padding-bottom: var(--sidebar-gutter) !important;
  }
  #sidebar > div:last-child {
    padding-top: var(--sidebar-gutter) !important;
  }
}


/* Modal scrolling — consolidated fix */
.modal-backdrop-lock,
#proposal-modal,
#segurado-edit-modal,
#connection-modal {
  overflow: hidden !important;
  touch-action: auto !important;
}
.modal-backdrop-lock > div,
#proposal-modal > div,
#segurado-edit-modal > div,
#connection-modal > div {
  min-height: 0 !important;
  max-height: calc(100dvh - 32px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}
#segurado-edit-modal > div {
  display: flex !important;
  flex-direction: column !important;
}
#segurado-edit-modal > div > form {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}
.modal-panel-scroll {
  min-height: 0 !important;
  max-height: calc(100dvh - 32px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}