@charset "UTF-8";/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
/*
 * Today's palette, registered as tokens without moving anything (#1471).
 *
 * These are the colours the existing SCSS repeats most, measured on develop on 2026-10-03. Most are Tailwind's default
 * palette copied in as hex. They are deliberately NOT Ant Design tokens yet: setting `colorText` or `colorBorder` in
 * `appTheme.ts` would restyle every Ant Design table, modal and select, and the redesign has not decided those values.
 *
 * New SCSS reads `var(--sf-color-*)` for these roles and `var(--ant-*)` for everything Ant Design owns (brand colour,
 * font, font size, spacing, radius). When a redesign gives a role an Ant Design token, move the value into
 * `appTheme.ts` and point the variable here at `var(--ant-...)`.
 */
:root {
  --sf-color-text: #374151; /* 54 uses (Tailwind gray-700) */
  --sf-color-text-strong: #1f2937; /* 45 uses (gray-800) */
  --sf-color-text-secondary: #6b7280; /* 77 uses (gray-500) */
  --sf-color-border: #e5e7eb; /* 75 uses + $color-border (gray-200) */
  --sf-color-bg-subtle: #f9fafb; /* 34 uses (gray-50) */
  --sf-color-bg-muted: #f3f4f6; /* 23 uses (gray-100) */
  --sf-color-link: #3b82f6; /* 53 uses (blue-500); $secondary-color #1d82df is the older blue */
  --sf-color-error: #ef4444; /* 24 uses (red-500); also #dc2626, #dc3545, $error-color #d51820 */
  --sf-color-success: #10b981; /* 11 uses; $success-color #39b44a is the older green */
}
/* The Solaris Design System tokens and its two faces (#1495). Custom properties and @font-face only, so nothing changes
   until a screen reads them; the customer forms do, through CustomerFormTheme. */
/* Copied (#1495) from solarisfinance/solarisfinance-website @ 4e5af31,
   wp-content/themes/solaris/assets/ds/tokens/color.css. The website's design-system library is the
   source of truth: change a value there and re-copy the file, never edit it here. Unchanged from the source. */
/* ============================================================
   COLOUR
   Two layers. Primitives are raw values and are NEVER applied
   directly in a design. Semantic roles are what you use.
   Names mirror Figma: color/text/primary -> --color-text-primary
   ============================================================ */
:root {
  /* ---- PRIMITIVES ------------------------------------------
     Steps are open-ended on purpose: 450 can be inserted between
     400 and 500 later without renaming anything. */

  /* Navy - Nile Blue. The brand ground. */
  --color-base-navy-700: #162D54;
  --color-base-navy-900: #0F2244;

  /* Orange - Princeton Orange. Icons, illustration, badges, nav active. */
  --color-base-orange-500: #FF9A24;
  --color-base-orange-600: #E8891A;

  /* Flamingo - the action colour. Buttons, solid and outline. */
  --color-base-flamingo-500: #F15C30;
  --color-base-flamingo-600: #D94A23;

  /* Neutral - mono scale. The guidelines express mono as percentages of
     black - 100 / 80 / 10 / 5 - plus White. Two steps are system additions
     to that ramp, and both are stated as black tints on purpose: 50 is
     ~3% black, 500 is Black 60%.

     CS-14: 50 is NOT the panel grey, despite its former comment here.
     Production declares it twice and both are a comment-form field fill.
     It carries no semantic role until WEB-2 rules the input fill. That is
     safe because primitives are never applied directly - an unreferenced
     rung is a recorded gap, not a live hazard. */
  --color-base-neutral-0:    #FFFFFF;
  --color-base-neutral-50:   #F8F8F8;  /* form-field fill. No role. CS-14. */
  --color-base-neutral-100:  #F2F2F2;  /* the one light grey. CS-14. */
  --color-base-neutral-200:  #E6E6E6;
  --color-base-neutral-400:  #9C9C9C;  /* RULED. WEB-9, CS-14.
        Sampled pixel-by-pixel off the production footer lockup in
        06-evidence/production-site/: #9C9C9C, fully desaturated (max-min
        channel = 0) across 2693 sampled pixels. The panel behind it samples
        #F2F2F2, which re-confirms CS-14 at a third viewport.

        WHY THIS RUNG AND NO OTHERS. The scale was #FFFFFF / #F8F8F8 /
        #F2F2F2 / #E6E6E6 / #666666 / #333333 / #000000 - three values inside
        13 points at the light end, then a 128-POINT HOLE from #E6E6E6 to
        #666666. The scale is not too crowded; it is crowded in one place and
        empty in the middle. This lands in the empty middle, so it does not
        make the light-end problem worse.

        A neutral-300 around #CCCCCC would make the ramp perceptually even.
        NOT ADDED - nothing evidences it, and rule 6 is that nothing gets
        pre-built. Recorded as a known gap in 05-tasks/website-ui.md so the
        next rung is a decision rather than a discovery.

        NO SEMANTIC ROLE. Nothing in the kit reads this yet. The production
        footer lockup's grey ink is artwork, not a colour applied at runtime -
        the kit puts logo ink in the FILENAME, so the correct artefact is
        01-logos/solaris/solaris-finance-horizontal-mono-grey.svg. A
        screenshot of a logo is not a logo file and cannot be promoted from a
        capture. WEB-9 owns it. */
  --color-base-neutral-500:  #666666;
  --color-base-neutral-800:  #333333;
  --color-base-neutral-1000: #000000;

  /* Alpha - transparency is used sparingly. These are the only ones. */
  --color-base-orange-a16:   rgba(255, 154, 36, .16);
  --color-base-flamingo-a14: rgba(241, 92, 48, .14);
  --color-base-navy-a08:     rgba(22, 45, 84, .08);
  --color-base-navy-a14:     rgba(22, 45, 84, .14);
  /* The scrim behind a dialog. No blur. Added as the fifth alpha by the
     build - consistency audit CA-5.8, 2026-09-27; "these are the only
     ones" is amended to include it. */
  --color-base-navy-a62:     rgba(22, 45, 84, .62);

  /* Alpha white - the dark-surface ink and fill steps. CS-26.

     THE RULE THAT CAPS THIS SET: a new alpha white needs a light-side role
     to mirror. No mirror, no token - use the nearest existing step. Four is
     the right number because these are two CLOSED sets, each mirroring a
     structure the kit already has:

       a86 + a66 + the existing solid --color-on-invert = a three-step ink
       ladder, mirroring text-primary / text-secondary / text-muted on the
       light side. Three there, three here.

       a12 + a22 = default + hover, mirroring --color-surface-invert and
       --color-surface-invert-hover. Two there, two here.

     If a fourth light ink is ever added, the dark side gets one too and the
     pair stays legible. Without that constraint this is the start of a slide
     into twenty near-identical whites.

     A future non-navy dark brand ground costs ZERO new tokens: the alphas are
     on white, so only the ground beneath them changes.

     Contrast is checked, not assumed. a66 composites to roughly #AFB8C5 over
     navy-700, about 6.7:1 - the 12px utility-strip tagline passes AA. */
  --color-base-neutral-0-a86: rgba(255, 255, 255, .86);
  --color-base-neutral-0-a66: rgba(255, 255, 255, .66);
  --color-base-neutral-0-a22: rgba(255, 255, 255, .22);
  --color-base-neutral-0-a12: rgba(255, 255, 255, .12);

  /* Orange type on light surfaces - orange itself fails contrast. */
  --color-base-amber-ink: #9A5A00;

  /* ---- SEMANTIC ROLES --------------------------------------
     What you actually apply. Role names are identical across both
     brand themes; only the values behind them may differ. Today
     they are identical, which is expected.

     Heading ink is black, Title Case. Navy's jobs are dark
     surfaces, strong borders, and brand-coloured type. */

  /* Text */
  --color-text-primary:    var(--color-base-neutral-1000); /* headings */
  --color-text-secondary:  var(--color-base-neutral-800);  /* body copy */
  --color-text-muted:      var(--color-base-neutral-500);  /* captions, meta */
  --color-text-inverse:    var(--color-base-neutral-0);    /* on dark surfaces */
  --color-text-brand:      var(--color-base-navy-700);     /* outline labels */
  --color-text-link:       var(--color-base-flamingo-500); /* inline editorial links */
  --color-text-accent-ink: var(--color-base-amber-ink);    /* orange type that must pass contrast */

  /* Surface
     sunken and offset deliberately share neutral-100. Production has one
     light grey and paints both devices with it (.bg-gray). Two roles are
     kept because they name different devices and a theme may diverge them
     later - the same reason default and raised both sit on white. CS-14. */
  --color-surface-default:      var(--color-base-neutral-0);
  --color-surface-raised:       var(--color-base-neutral-0);   /* cards */
  --color-surface-sunken:       var(--color-base-neutral-100); /* alternating sections */
  --color-surface-offset:       var(--color-base-neutral-100); /* the offset panel device */
  --color-surface-invert:       var(--color-base-navy-700);    /* dark hero, footer, ad blocks */
  --color-surface-invert-hover: var(--color-base-navy-900);
  /* A fill sitting ON a dark surface - translucent, so the ground reads
     through it. The header's Login pill. Ruled from the mega menu. CS-26. */
  --color-surface-on-invert:       var(--color-base-neutral-0-a12);
  --color-surface-on-invert-hover: var(--color-base-neutral-0-a22);

  /* Scrim - the ground drawn behind a modal. CA-5.8. */
  --color-scrim: var(--color-base-navy-a62);

  /* Illustration - navy ink in drawings (doodles, mockup bars), beside
     Princeton Orange's illustration role. Ruled by the build - consistency
     audit CA-5.7, 2026-09-27. */
  --color-illustration-navy: var(--color-base-navy-700);

  /* Border */
  --color-border-default: var(--color-base-neutral-200); /* hairlines, 1px */
  --color-border-subtle:  var(--color-base-navy-a08);
  --color-border-strong:  var(--color-base-navy-700);
  /* The resting outline of a form control. #666 so the box reaches 3:1;
     --color-border-default stays the divider hairline. CA-10.4. */
  --color-border-control: var(--color-text-muted);

  /* Feedback - error text and the invalid outline. Amber Ink; there is no
     red. Ruled by the build - consistency audit CA-10.5, 2026-09-27. */
  --color-feedback-error: var(--color-text-accent-ink);

  /* Accent */
  --color-accent-default:          var(--color-base-flamingo-500); /* buttons, solid and outline */
  --color-accent-hover:            var(--color-base-flamingo-600); /* hover darkens, never lightens */
  --color-accent-subtle:           var(--color-base-flamingo-a14);
  --color-accent-highlight:        var(--color-base-orange-500);   /* icons, doodles, badges, nav active pill.
                                                                     NOT ink on a light surface: a stat numeral
                                                                     there is --color-text-accent-ink. 2.06:1. */
  --color-accent-highlight-subtle: var(--color-base-orange-a16);

  /* On-colour
     The three-step ink ladder for dark surfaces. Mirrors text-primary /
     secondary / muted one for one. Ruled from the mega menu's navy utility
     strip, which carries all three loudnesses at once. CS-26. */
  --color-on-accent:           var(--color-base-neutral-0);
  /* Ink on Princeton Orange. Black, never white (2.1:1). --color-on-accent is
     Flamingo's, so orange had no ink role of its own until the Commercial
     Finance handoff's File.PDF chip needed one. WEB-12. */
  --color-on-accent-highlight: var(--color-base-neutral-1000);
  --color-on-invert:           var(--color-base-neutral-0);    /* headings, strong labels */
  --color-on-invert-secondary: var(--color-base-neutral-0-a86); /* links, body */
  --color-on-invert-muted:     var(--color-base-neutral-0-a66); /* taglines, meta */

  /* Focus */
  --color-focus-ring: var(--color-base-navy-a14);
}
/* Copied (#1495) from solarisfinance/solarisfinance-website @ 4e5af31,
   wp-content/themes/solaris/assets/ds/tokens/space.css. The website's design-system library is the
   source of truth: change a value there and re-copy the file, never edit it here. Unchanged from the source. */
/* ============================================================
   SPACE, RADIUS, ELEVATION, LAYOUT, TARGETS, Z-INDEX, MOTION
   Everything geometric and temporal. All numeric scales, never
   t-shirt sizes: t-shirt runs out of room the moment you need a
   value between two existing ones. 150, 250, 450 are all available.
   ============================================================ */
:root {
  /* Space - 4px base. Figma space/400 -> --space-400 */
  --space-100:  4px;
  --space-200:  8px;
  --space-300:  12px;
  --space-400:  16px;
  --space-500:  24px;
  --space-600:  32px;
  --space-700:  48px;
  --space-800:  64px;
  --space-900:  96px;
  --space-950:  112px;  /* Inter-step. Exists so --layout-section-half is a
                           scale value rather than a number beside the scale. */
  --space-1000: 128px;

  /* Radius - nothing in the brand is sharp.
     The assignment - which radius a class of thing gets - is a rule, not a
     value, and lives in guidelines/interaction.html. CS-28. */
  --radius-sm:   8px;    /* inputs, chips */
  --radius-md:   14px;   /* fields, tiles */
  --radius-lg:   22px;   /* cards, panels */
  --radius-pill: 999px;  /* badges, nav items. ALSO assigned to buttons by CS-28,
                            but production ships radius 0 and the owner has
                            declined to choose. Button therefore reads
                            --button-radius, defaulting to square; set it on
                            :root to flip a page. Deferred: RULINGS 11, WEB-14. */

  /* Elevation - Nile-Blue tinted so depth stays on-palette.
     Never neutral grey, never black.
     200 = lifted off the page. 300 = overlaying content. CS-28. */
  --elevation-100:   0 1px 2px rgba(22, 45, 84, .06), 0 1px 3px rgba(22, 45, 84, .10);
  --elevation-200:   0 6px 18px rgba(22, 45, 84, .10);   /* hover / lift */
  --elevation-300:   0 16px 40px rgba(22, 45, 84, .16);  /* dialogs, toasts */
  /* Focus ring - a 2px white gap then a 4px navy ring, so it reaches 3:1 on
     white and on grey. On navy grounds the white ring carries it.
     Ruled by the build - consistency audit CA-4.7, 2026-09-27.
     WITHDRAWN, not deleted: 0 0 0 3px var(--color-focus-ring) (navy 14%). */
  --elevation-focus: 0 0 0 2px var(--color-base-neutral-0), 0 0 0 4px var(--color-base-navy-700);
  /* Capsule photo - the one shadow a capsule-cropped photo casts.
     Ruled by the build - consistency audit CA-6.9, 2026-09-27. Small and
     <=720 variants, and left/right-casting (CA-6.10), are still owed. */
  --elevation-capsule: 0 30px 60px -24px rgba(22, 45, 84, .35);

  /* Layout - content column, gutter and vertical rhythm, shared by both brands.
     CS-8. Promoted from 06-evidence/production-site/, whose handoff carries the
     measurement method and the confidence level behind every value here. */
  --layout-max-width:    1280px;  /* RATIFIED. Two independent sources agree and one
                                     is production: the theme declares it at >=1200px
                                     (style.css:1606), nav.css:136 sizes the bar to
                                     1280 to match, and every section of the design
                                     file's Home frame is 1280 inside a 1600 canvas.
                                     1120 was evidenced by nothing. This closes the
                                     conflict CS-11 handed up.
                                     The 143px page margin a 1566 viewport shows is a
                                     CONSEQUENCE of this column being centred, not a
                                     value. Store the column; never the margin. */
  --layout-gutter:       32px;    /* RULED. Production's DECLARED padding is Bootstrap's
                                     12px and its RENDERED inset is ~34px per side, so
                                     the two disagree and neither is ratifiable. 32px is
                                     the nearest step on the kit's own scale
                                     (--space-600) and reproduces the measured column
                                     to within 5px. One value at all widths: a second
                                     gutter at a breakpoint would put a boundary inside
                                     the column that CS-11 does not have. */
  --layout-section-half: var(--space-950);  /* 112px. RE-RATIFIED 2026-09-20. The
                                     DESIGN did not change; this number did. Pages built
                                     from the kit before that date carry the old 48 and
                                     render crowded.
                                     Per-section padding-block, so any seam is 2x =
                                     224px ink-to-ink whatever the two grounds either
                                     side of it are. Named a half because the seam is
                                     the whole.
                                     SPACING IS PADDING, NEVER MARGIN. Grounds must meet
                                     edge to edge, or the seam stops being 2x the half
                                     and the rule this token exists to enforce is gone.
                                     FLAT AT ALL WIDTHS. Not fluid, not interpolated
                                     across breakpoints - a seam that depends on the
                                     viewport is not a rhythm.
                                       OPEN, and the reason the four pre-dating pages
                                       still carry their own mobile step-downs: a flat
                                       112 puts a 224px seam on a 375px phone, about a
                                       third of the viewport. Referred to Design; the
                                       likely shape is a companion compact value below
                                       768px rather than a fluid half. Until it rules,
                                       do not read those step-downs as this token being
                                       per-breakpoint. */
  --layout-band-inset:   80px;    /* Padding-block INSIDE a full-width grey band.
                                     A BAND IS NOT A SECTION - it is a ground change
                                     within one, so it takes 80 and not the section's
                                     112. Getting this wrong is what makes a banded
                                     section read as two sections. */
  --layout-band-lead:    var(--space-400);  /* 16px. Ruled by the build -
                                     consistency audit CA-1.4, 2026-09-27.
                                     WITHDRAWN, not deleted: 72px.
                                     Heading ink to the band's top edge in a collection
                                     (Partners, Accreditations). Carried as padding on
                                     the collection, never as margin on the band, for
                                     the edge-to-edge reason above.
                                     A WALL'S HEADING IS NEVER INSIDE ITS GREY BAND:
                                     heading on white, band below it. This is the gap
                                     between the two. */
  --layout-hero-top:     var(--space-800);  /* 64px. The hero's top pad, the one
                                     section edge exempt from the seam rule (it sits
                                     under the header, not against another section).
                                     Ruled by the build - consistency audit CA-1.3,
                                     2026-09-27. 48 at <=720 (below). */
  /* REMOVED: --layout-section-padding: 72px. Ruled out twice over - it was the only
     layout value in the kit not on the kit's own space scale (there is no --space-750),
     and as a per-section pad it yields 144px at a seam, which nothing in either source
     does. Re-confirmed absent at the 2026-09-20 re-ratification. */
  --layout-offset-step:  48px;    /* RULED. The step of DELIBERATE MISALIGNMENT. Every
                                     intentional off-register in the language is exactly
                                     one step: the oval ring sits one step outside its
                                     capsule (+43 / +43.5 measured) and row 2's grey seam
                                     lands one step off the column centre (-47).
                                     Magnitude is the step rather than the raw 43 because
                                     the ring was partly occluded where it was measured.

                                     THIS IS NOT THE GREY PANEL'S EXTENTS, and WEB-4 has
                                     now closed without giving it any. Re-measured from
                                     the one 1566 capture: the offset box is anchored to
                                     the CONTENT COLUMN - outer edge on the column edge
                                     (ratified, exact at both occurrences), inner edge on
                                     the column centre line (the hero, the only reading
                                     not occluded by artwork). Place a box from the
                                     column, never from this token.
                                     See guidelines/page-structure.html. */

  /* Breakpoints - CS-11. Three boundaries and a floor. VALUES ONLY;
     what actually reflows at each one is CS-15 and is not here.

     NAMED AFTER THEIR OWN VALUE, deliberately. A breakpoint token exists
     so the number appears once and is greppable, not to earn a nickname -
     and t-shirt names are where this goes wrong fastest: Bootstrap needed
     an `xxl` the moment a fourth boundary arrived, and production's
     `.navbar-expand-xl` is a name that no longer describes what it does
     (see 06-evidence/nav-audit, Finding 5). --breakpoint-1440 can be added
     later without renaming anything.

     MIN-WIDTH ONLY. Mobile-first, so every boundary is the width at which
     the wider treatment STARTS. Production is desktop-first max-width,
     which is what produced its 1024/1025px muddle - `max-width: 1024px`
     and `min-width: 1025px` are the same boundary written twice, one of
     them off by a pixel, and nav.css then disagrees with itself about
     which. Declared as min-width, that boundary can only be written one way.

     CANNOT BE USED IN A MEDIA QUERY. `@media (min-width: var(--breakpoint-1024))`
     does not work - custom properties are not resolved in media conditions.
     Write the literal and cite the token beside it in a comment:
       @media (min-width: 1024px) { ... }   cite: --breakpoint-1024
     The token is the register, and is directly usable in JS, container
     queries' fallbacks and clamp() math. This is a CSS limitation, not a
     kit convention; do not invent a preprocessor to route around it. */
  --breakpoint-768:  768px;   /* phone -> tablet */
  --breakpoint-1024: 1024px;  /* tablet -> desktop. The collapse point. */
  --breakpoint-1200: 1200px;  /* desktop -> wide */

  /* The narrowest viewport any Solaris surface is designed to hold. Not a
     breakpoint - nothing changes here, it is the floor below which we do
     not promise a layout works. Ruled, not ratified: production has no
     media query below 767px and so evidences no floor at all. 360px is the
     narrowest mainstream Android; 375px (iPhone SE/mini) sits above it. */
  --viewport-min: 360px;

  /* The floor for anything a thumb has to hit. Every tappable thing, at every
     breakpoint - not a mobile-only rule. The kit stated none, so a future
     mobile build could have shipped 32px rows with nothing to point at.
     Ruled from the mega menu, whose drawer holds every row at or above it.
     The assignment rule is in guidelines/interaction.html. CS-28. */
  --target-min: 44px;

  /* Stacking. Two rungs, 10 apart so a third can be inserted.
       sticky   the page header and any bar that pins to an edge
       overlay  anything drawn OVER page content from its own root -
                a modal, a toast, a full-screen drawer
     A panel nested inside a sticky header needs NEITHER: it inherits that
     stacking context and orders by source. Reach for overlay only when the
     overlay is not a child of the thing it belongs to. CS-28. */
  --z-sticky:  30; /* @kind other */
  --z-overlay: 40; /* @kind other */

  /* Motion - restrained. The hover lift is the only signature move.
     Nothing bounces, nothing loops. Disabled under reduced-motion - and that
     is a checkable rule, not a note: guidelines/interaction.html states it.

     Three speeds, and which one a change gets is decided by WHAT is changing,
     not by how big it feels:
       fast   colour, border, opacity
       base   transform, shadow
       slow   structural retraction - a whole row leaving the viewport
     slow exists because fast and base are both too snatchy for a 44px strip
     sliding out of view. Ruled from the mega menu. CS-28. */
  --motion-duration-fast: .15s;  /* @kind other */ /* colour, border, opacity */
  --motion-duration-base: .18s;  /* @kind other */ /* transform + shadow */
  --motion-duration-slow: .22s;  /* @kind other */ /* structural retraction */
  --motion-ease:          cubic-bezier(.2, .6, .2, 1); /* @kind other */
  --motion-lift:          -2px;  /* buttons */
  --motion-lift-card:     -3px;  /* cards */

  /* Hover intent - not durations, DELAYS. These are why a nav feels calm
     rather than twitchy: a panel waits before believing you meant to hover
     it, and takes grace before closing when you slide off. Asymmetric on
     purpose, and the close delay is the larger of the two.
     Switching between panels while one is already open is INSTANT - the
     intent cost is for entering, not for moving around inside. CS-28. */
  --motion-intent-open:  120ms; /* @kind other */
  --motion-intent-close: 260ms; /* @kind other */
}

/* ONE STEP AT 720. Ruled by the build - consistency audit CA-1.9 / CA-6.12,
   2026-09-27. This replaces "flat at all widths": at phone width a 224 seam
   was a third of the viewport. Every other breakpoint on section pads goes.
   The band lead stays 16. Cards: wiki cards 32/24, closing panels 48/24 at
   this step and no other. */
@media (max-width: 720px) {
  :root {
    --layout-section-half: var(--space-800);  /* 64, seam 128 */
    --layout-band-inset:   var(--space-700);  /* 48 */
    --layout-hero-top:     var(--space-700);  /* 48 */
  }
}
/* Copied (#1495) from solarisfinance/solarisfinance-website @ 4e5af31,
   wp-content/themes/solaris/assets/ds/tokens/type.css. The website's design-system library is the
   source of truth: change a value there and re-copy the file, never edit it here.
   Two edits on the way in, both marked FLAMINGO: the font URLs point at ui/public/fonts/, and the
   Archivo hotlink is dropped. */
/* ============================================================
   TYPE
   Public Sans - headings and display ONLY. Numerals follow their context,
                 so a display stat numeral is Public Sans.
   Mona Sans  - everything else: body, UI, labels, eyebrows, captions.
                Public Sans is NEVER body copy - both brand guidelines (3.1)
                say so in as many words. Labels are the system's call; the
                guides are silent on them.
   Archivo    - the logo wordmark face ONLY. Never UI or body copy.

   Names mirror Figma: type/heading/1 -> --type-heading-1
   Each slot ships a `font:` shorthand because CSS has no composite
   text style:
       font: var(--type-heading-2);
       letter-spacing: var(--type-heading-2-tracking);
   ============================================================ */
/* Archivo is the logo wordmark face ONLY and is still hotlinked - it was not
   part of the supplied set. Mona Sans and Public Sans are self-hosted below,
   so neither appears here any more. CS-29 (the theme stylesheet a WordPress
   theme enqueues) requires no hotlink at all; this line is what it still owes. */
/* FLAMINGO: the Archivo @import is dropped. The app shows the logo as an SVG, so nothing here sets the
   wordmark face, and the app does not hotlink fonts it does not use. */

/* FLAMINGO: the four src URLs below point at ui/public/fonts/, where the two Mona Sans files are renamed
   without the [opsz,wght] brackets: Vite decodes %5B in index.html's preload but not here, and two spellings of
   one URL make the browser fetch the face twice.

   ---- Self-hosted variable faces ---------------------------------
   CS-1. Both faces supplied under the SIL Open Font Licence; Mona Sans
   ships its OFL.txt beside the binaries as OFL-Mona-Sans.txt.

   TWO RECORDED COMPROMISES.

   1. All four faces are WOFF2, which is what a theme should ship - roughly
      40% smaller over the wire than the .ttf originals. Those originals stay
      in this folder as the licensed source, unreferenced. Same axes, same
      weight ranges: the container changed, the faces did not. Nothing in the
      kit is hotlinked now except Archivo, and Archivo is the wordmark face
      only - never UI or body copy.
   2. Mona Sans is the TWO-axis cut, MonaSansVF[opsz,wght]. The release also
      carries [wdth,opsz,wght] and [wdth,wght,opsz,ital]. The kit varies only
      weight, and opsz comes along because browsers apply optical sizing
      automatically. No token asks for width, so a width axis would be dead
      bytes in every page load. If a display slot ever wants Condensed or
      Expanded, that is a new token and a new face, not a rewrite of this one.

   font-weight ranges are the faces' real ranges: Mona Sans 200-900,
   Public Sans 100-900. Declaring wider than the binary supports makes the
   browser synthesise, which is how a 700 ends up looking smeared. */
@font-face {
  font-family: 'Mona Sans';
  src: url('/fonts/MonaSansVF-opsz-wght.woff2') format('woff2');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('/fonts/MonaSansVF-Italic-opsz-wght.woff2') format('woff2');
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Public Sans';
  src: url('/fonts/PublicSans-VariableFont_wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Public Sans';
  src: url('/fonts/PublicSans-Italic-VariableFont_wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Families */
  --font-family-display: 'Public Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-family-body:    'Mona Sans', 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-family-logo:    'Archivo', 'Public Sans', system-ui, sans-serif;
  --font-family-mono:    ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Weights */
  --type-weight-regular:  400;
  --type-weight-medium:   500;
  --type-weight-semibold: 600;
  --type-weight-bold:     700;
  --type-weight-black:    800;

  /* display/xl - a page's SINGLE hero statement. The top of the scale.
     From the Figma H1 named text style, supplied by the owner:
     Public Sans Bold 700 / 88px / 100px / 0% / Title Case. CS-3, CS-8.

     NAMED STYLES BEAT MEASUREMENT FOR TYPE. An earlier pass read this off a
     screen capture as 96px / 1.05 / -.02em and all three numbers were wrong:
     88px Public Sans on 100px leading RENDERS about 96px of glyph extent, so
     measuring rendered text recovers the extent, not the size. Keep
     measurement for geometry and colour, where it is sound.

     Clamped because anything that is not a deck, a document or a fixed export
     has to reflow, and a fixed display step is a token that only works at one
     width. 5.62vw is 88/1566, so the clamp passes through the Figma value
     exactly at the 1566 design width and scales proportionally either side -
     the vw term is derived from the evidence, not chosen. Floor is half the
     ceiling, and still comfortably the largest thing on a narrow screen.

     SCOPE: one per page. A second display/xl on a page means the first is not
     a hero. No element binds to it - opted into with a class, per CS-3.
     Named xl rather than a number so it reads as the ceiling; anything that
     ever needs to sit between lg and xl goes in as a numeric primitive. */
  --type-display-xl:          700 clamp(44px, 5.62vw, 88px)/1.136 var(--font-family-display);
  --type-display-xl-size:     88px;
  --type-display-xl-tracking: 0;

  /* display/lg - hero numerals and large page statements that are not THE
     statement. Unchanged at 64px: the 90px an earlier pass ruled here came
     from the same rendered-glyph measurement that display/xl documents as
     unsound, and applying it would have put lg ABOVE xl in a scale where xl
     is named the ceiling.
     No element binds to this slot: it is opted into with a class, per CS-3. */
  --type-display-lg:          800 64px/1.05 var(--font-family-display);
  --type-display-lg-size:     64px;
  --type-display-lg-tracking: -1px;

  /* heading/1-4 - Title Case. The brand's strongest voice tell.
     Bound to h1-h4 in base.css (CS-3); h5 and h6 reuse label/base and
     label/sm rather than adding steps that would land inside body copy.
     Title Case is enforced by writers, never by text-transform - see the
     heading block in base.css for why. */
  --type-heading-1:          700 48px/1.1 var(--font-family-display);
  --type-heading-1-size:     48px;
  --type-heading-1-tracking: -.5px;

  /* heading/2 - CORRECTED from the Figma H2 named text style: Public Sans
     Bold 700 / 40px / 52px / +2% / Title Case. Was 36px/1.15/-.4px, which was
     the system's own call with nothing behind it.

     THE TRACKING IS POSITIVE, and that is the part no inference would reach.
     -.02em on a heading is current display-type convention; Solaris tracks H2
     loose at +2%. A 1.2px swing per letter at this size, and a real brand
     tell - which is exactly why a stored decision beats a guess.

     THE ONLY SECTION-HEADING STEP. Collections, editorial rows and the
     repeated CTA refrain all take it. Two sizes would need a rule for
     choosing between them, and "collection headings are bigger" is not one
     anybody could apply consistently later.

     FIXED, NOT CLAMPED - a deliberate departure from the handoff, which
     clamped it on display/xl's terms. Two reasons. h2 is BOUND to an element
     in base.css, so print consumes it: templates/flyer-a5 sets its A5 headline
     in heading/2, and a vw clamp resolves against a 148mm page box and
     collapses to the floor. And the rest of this ladder is fixed px, so one
     clamped rung is incoherent. Responsive heading sizes are CS-15, which
     CS-3 already records as an open gap.

     OPEN: heading/1, /3 and /4 still carry the kit's own tracking, so the
     ladder now reads -.5 / +.8 / -.3 / 0 and h2 is the odd rung. Either the
     others are wrong too or Solaris genuinely tracks only H2 loose. Needs the
     H3/H4 named styles - CS-31 in 05-tasks/cross-surface.md. */
  --type-heading-2:          700 40px/1.30 var(--font-family-display);
  --type-heading-2-size:     40px;
  --type-heading-2-tracking: .02em;

  --type-heading-3:          700 28px/1.2 var(--font-family-display);
  --type-heading-3-size:     28px;
  --type-heading-3-tracking: -.3px;

  --type-heading-4:          600 22px/1.3 var(--font-family-display);
  --type-heading-4-size:     22px;
  --type-heading-4-tracking: 0;

  /* body - Mona Sans */
  --type-body-lg:               400 18px/1.6 var(--font-family-body);
  --type-body-lg-size:          18px;
  --type-body-base:             400 16px/1.6 var(--font-family-body);
  --type-body-base-size:        16px;
  --type-body-base-line-height: 1.6;

  /* label/sm - uppercase eyebrows, captions, badge labels */
  --type-label-sm:          500 12px/1.4 var(--font-family-body);
  --type-label-sm-size:     12px;
  --type-label-sm-tracking: .5px;

  /* body/sm - small print, disclaimers, captions. Sentence case.
     14px is production's step below body copy: eight independent rules in the
     live theme sit there (nav links, dropdown links, banner info, the CF7
     response output, .small-text, comment meta). 12px is label/sm, and
     production uses 12px only on buttons and mobile nav, so it is spoken for.
     Line height was the system's call - the theme's 14px rules run 13, 16, 18
     and 28px with no pattern, so there was nothing to ratify.
     Fine print runs long: cap the block at roughly 68 characters. Unconstrained
     across the 1280px content column the comparison-rate disclosure sets a
     160-character line, which is compliant and unreadable. */
  --type-body-sm:             400 14px/1.5 var(--font-family-body);
  --type-body-sm-size:        14px;
  --type-body-sm-line-height: 1.5;

  /* label/base - sentence-case UI and form labels. The non-uppercase label.
     No production precedent to ratify: the site runs Contact Form 7, the footer
     subscribe form is placeholder-only, and the one label rule in the theme is
     14px in #999999 on a 13px line height - a defect, not a style. So the
     system sets this one. Matches body/sm's size; differs in weight and case. */
  --type-label-base:          500 14px/1.4 var(--font-family-body);
  --type-label-base-size:     14px;
  --type-label-base-tracking: 0;

  /* ---- control/* and item/* --------------------------------
     Text INSIDE a control or a menu row. The kit had display, heading, body
     and label and no step for this, so the mega menu hardcoded five of its
     own. Ruled from that build. CS-27.

     Two families, split by ONE question: can the text wrap?

       control/*  pins line-height to /1. A control's height is its padding
                  plus its line box, so an inherited 1.5 silently turns a
                  32px button into 39px. The step exists to stop that.
       item/*     carries leading, because a menu row wraps.

     All Mona Sans - a control is UI, and Public Sans is never UI.
     Tracking is 0 on all five, and the companions ship anyway: every other
     step in this file has one, and a missing companion makes
     `letter-spacing: var(--type-control-sm-tracking)` resolve to nothing and
     silently inherit - the same class of bug the /1 rule exists to prevent.

     DELIBERATELY ABSENT: control/lg. The menu's phone number is 600 17px/1,
     and that is one element on one surface - a use, not a class of uses.
     Every step here covers a repeating element class. The phone number moves
     to control/base; see 05-tasks/header.md, which owns that change because
     it costs the phone its emphasis as the conversion path. */
  --type-control-sm:          600 14px/1 var(--font-family-body);
  --type-control-sm-size:     14px;
  --type-control-sm-tracking: 0;

  --type-control-base:          500 15px/1 var(--font-family-body);
  --type-control-base-size:     15px;
  --type-control-base-tracking: 0;

  --type-item-sm:          600 15px/1.2 var(--font-family-body);
  --type-item-sm-size:     15px;
  --type-item-sm-tracking: 0;

  --type-item-base:          600 16px/1.25 var(--font-family-body);
  --type-item-base-size:     16px;
  --type-item-base-tracking: 0;

  --type-item-lg:          600 18px/1.2 var(--font-family-body);
  --type-item-lg-size:     18px;
  --type-item-lg-tracking: 0;

  /* Fluid heading sizes - below 1024 headings are fluid between declared
     steps, from the 360 floor (--viewport-min) to the full size at 1024 and
     flat above it. SIZE ONLY: pair with the step's own shorthand, so the
     line-height stays the token's until one is ruled (CA-2.7 owes it).
       font: var(--type-heading-2); font-size: var(--type-heading-2-fluid-size);
     Every other heading breakpoint (900, 720, 560) goes. Ruled by the build -
     consistency audit CA-2.7, 2026-09-27. */
  --type-heading-1-fluid-size: clamp(28px, 17.16px + 3.012vw, 48px); /* collection h2: 28 -> 48 */
  --type-heading-2-fluid-size: clamp(28px, 21.49px + 1.807vw, 40px); /* h2: 28 -> 40 */
  --type-heading-3-fluid-size: clamp(22px, 18.75px + 0.904vw, 28px); /* h3 / card title: 22 -> 28 */

  /* Stat numeral - the one numeric step (stat pills, tool figures).
     display/lg keeps 64. Ruled by the build - consistency audit CA-2.6,
     2026-09-27. */
  --type-stat:          800 36px/1 var(--font-family-display);
  --type-stat-size:     36px;
  --type-stat-tracking: -1px;

  /* Two documented empty cells remain: type/display/md and type/display/sm.
     Left undeclared deliberately, not pending. The naming grammar puts them
     between heading/1 (48px) and display/lg (64px), and display/sm would land
     on heading/1 - there is no room for two slots in a 16px gap. The use case
     they were named for is poster and cover display type, which needs sizes
     ABOVE display/lg, in print units rather than screen px. Owned by PDF-2. */
}
/* Flamingo's additions for the staff screens (#1641), on the same terms: nothing reads them until a screen does. */
/* Flamingo's own tokens (#1641): values the Solaris Design System does not have yet.
   Unlike color.css, space.css and type.css, this file is NOT copied from the website, and it is the source of truth for
   these values. They began as the staff-screen design pack's project additions (docs/design/staff-screens/SPEC.md
   "Decisions"), each proposed for promotion to the design system (S-18). When the design system adds one, delete it
   here and read the design system's name instead.

   Every value is a reference to a design-system primitive or role. The only new raw values are the three status
   primitives (D-01-04), which the design system has no colour for. Nothing reads these until a staff screen does, so
   loading them changes nothing on its own. src/theme/solarisTokens.ts holds the values Ant Design needs as literals, and
   solarisTokens.test.ts fails if the two drift. */
:root {
  /* Status primitives - D-01-04. Contrast is ink on its own subtle ground, and white on the solid. */
  --color-base-green-700: #1E7A46;              /* 5.3:1 white on it; 5.0:1 on green-a12 */
  --color-base-green-a12: rgba(30, 122, 70, .12);
  --color-base-red-700:   #B42318;              /* 6.5:1 white on it; 5.6:1 on red-a10 */
  --color-base-red-800:   #912018;              /* hover darkens, never lightens */
  --color-base-red-a10:   rgba(180, 35, 24, .10);

  /* Status roles - what the staff screens apply (status pills, danger buttons, error states, condition icons).
     Warning and info reuse design-system values, so no new orange or blue enters the palette. */
  --color-status-success:        var(--color-base-green-700);
  --color-status-success-subtle: var(--color-base-green-a12);
  --color-status-warning:        var(--color-base-amber-ink);
  --color-status-warning-subtle: var(--color-base-orange-a16);
  --color-status-danger:         var(--color-base-red-700);
  --color-status-danger-hover:   var(--color-base-red-800);
  --color-status-danger-subtle:  var(--color-base-red-a10);
  --color-status-info:           var(--color-base-navy-700);
  --color-status-info-subtle:    var(--color-base-navy-a08);
  --color-status-neutral:        var(--color-text-secondary);
  --color-status-neutral-subtle: var(--color-surface-sunken);

  /* Compact control - D-05. The design system's one Button size is its 63px marketing CTA; app density needs the
     44px target floor. Padding only; the label is unchanged. */
  --control-compact-height: var(--target-min);
  --control-compact-pad-x:  var(--space-500);

  /* Buttons are pills in this product - D-06, following the customer forms. space.css names this as the switch the
     design system's Button reads. Nothing in Flamingo reads it yet: Ant Design's Button takes its radius from the
     theme. */
  --button-radius: var(--radius-pill);

  /* Field fill - D-07. The customer forms' input fill, which the design system lists as a primitive with no role yet
     (CS-14, WEB-2). */
  --color-field-fill: var(--color-base-neutral-50);

  /* App column - D-11. The design system has no container width for an app; the signed-in staff screens sit in today's
     1140px column (150px margins at 1440). The header, the admin row and every re-skinned page read it. */
  --layout-app-max-width: 1140px;

  /* Modal scrim - D-08. The pack asked for navy at 60% because its copy of the design system had no scrim. The copy in
     color.css has one since (--color-scrim, navy at 62%, CA-5.8), so the staff screens use that and nothing is added. */
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com *//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Lato, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  html {
    font-family: Lato, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.01em;
  }
.container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.pointer-events-none {
  pointer-events: none;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.left-0 {
  left: 0px;
}
.z-10 {
  z-index: 10;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.flow-root {
  display: flow-root;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-12 {
  height: 3rem;
}
.h-4 {
  height: 1rem;
}
.min-h-\[1\.25rem\] {
  min-height: 1.25rem;
}
.min-h-full {
  min-height: 100%;
}
.w-12 {
  width: 3rem;
}
.w-4 {
  width: 1rem;
}
.w-full {
  width: 100%;
}
.w-screen {
  width: 100vw;
}
.max-w-2xl {
  max-width: 42rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.flex-col {
  flex-direction: column;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-none {
  border-style: none;
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-orange {
  --tw-border-opacity: 1;
  border-color: rgb(241 92 48 / var(--tw-border-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}
.p-0 {
  padding: 0px;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-base {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-6 {
  line-height: 1.5rem;
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-orange {
  --tw-text-opacity: 1;
  color: rgb(241 92 48 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.ring {
  --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --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, 0 0 #0000);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}
.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);
}
.invert {
  --tw-invert: invert(100%);
  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);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.no-cell-border .ant-table-wrapper .ant-table-thead > tr > th {
  border-right: none !important;
}

.no-cell-border .ant-table-wrapper .ant-table-thead > tr > th:not(:last-child)::before {
  display: none !important;
}

.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.focus\:scroll-auto:focus {
  scroll-behavior: auto;
}

@media (min-width: 640px) {
  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sm\:mb-0 {
    margin-bottom: 0px;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
  .sm\:ml-3 {
    margin-left: 0.75rem;
  }
  .sm\:ml-4 {
    margin-left: 1rem;
  }
  .sm\:mr-3 {
    margin-right: 0.75rem;
  }
  .sm\:mt-0 {
    margin-top: 0px;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-10 {
    height: 2.5rem;
  }
  .sm\:w-10 {
    width: 2.5rem;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:border-0 {
    border-width: 0px;
  }
  .sm\:p-0 {
    padding: 0px;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:pb-4 {
    padding-bottom: 1rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 768px) {
  .md\:flex {
    display: flex;
  }
  .md\:w-1\/3 {
    width: 33.333333%;
  }
  .md\:p-10 {
    padding: 2.5rem;
  }
  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1280px) {
  .xl\:flex {
    display: flex;
  }
}
.auth-page {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  padding: 20px;
  font-family: "Inter", sans-serif;
}

.auth-header {
  width: 100%;
  gap: 40px;
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}

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

.auth-logo-image {
  width: 210px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 768px) {
  .auth-page {
    padding: 16px;
  }
  .auth-container {
    gap: 32px;
    width: 100%;
    max-width: 100%;
  }
  .auth-logo-image {
    width: 180px;
  }
}
@media (max-width: 480px) {
  .auth-page {
    padding: 12px;
  }
  .auth-container {
    gap: 24px;
  }
  .auth-logo-image {
    width: 210px;
  }
}._header_l6lii_1 {
  background: var(--color-surface-default);
}

._bar_l6lii_5 {
  border-bottom: var(--ant-line-width) solid var(--color-border-default);
}

._barInner_l6lii_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-400);
  box-sizing: border-box;
  max-width: var(--layout-app-max-width);
  margin: 0 auto;
  padding: var(--space-300) var(--space-400);
}
@media (min-width: 1024px) {
  ._barInner_l6lii_9 {
    padding: var(--space-400) var(--space-600);
  }
}

._logoLink_l6lii_25 {
  display: inline-flex;
  flex: none;
  border-radius: var(--radius-sm);
}
._logoLink_l6lii_25:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}

._logo_l6lii_25 {
  display: block;
  width: auto;
  height: 28px;
}
@media (min-width: 600px) {
  ._logo_l6lii_25 {
    height: 32px;
  }
}

@media (min-width: 1024px) {
  ._menuToggle_l6lii_47 {
    display: none;
  }
}

@media (max-width: 1023.98px) {
  ._nav_l6lii_53 {
    display: none;
    position: fixed;
    inset: calc(var(--target-min) + 2 * var(--space-300) + var(--ant-line-width)) 0 0;
    z-index: var(--ant-z-index-popup-base);
    flex-direction: column;
    padding: var(--space-200) 0;
    overflow-y: auto;
    background: var(--color-surface-default);
  }
  ._nav_l6lii_53._open_l6lii_63 {
    display: flex;
  }
}
@media (min-width: 1024px) {
  ._nav_l6lii_53 {
    display: flex;
  }
}

._links_l6lii_73 {
  display: contents;
}
@media (min-width: 1024px) {
  ._links_l6lii_73 {
    display: flex;
    align-items: center;
    gap: var(--space-100);
  }
}

._drawerAdmin_l6lii_84 {
  display: contents;
}
@media (min-width: 1024px) {
  ._drawerAdmin_l6lii_84 {
    display: none;
  }
}

._link_l6lii_73 {
  transition-property: background-color, color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._link_l6lii_73 {
    transition: none;
  }
}
._link_l6lii_73 {
  display: inline-flex;
  align-items: center;
  min-height: var(--target-min);
  padding: 0 var(--space-400);
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  font: var(--type-control-base);
  color: var(--color-text-secondary);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
._link_l6lii_73:hover {
  background: var(--color-surface-sunken);
  color: var(--color-text-primary);
}
._link_l6lii_73:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}
._link_l6lii_73:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
._link_l6lii_73._active_l6lii_129 {
  background: var(--color-accent-highlight);
  color: var(--color-on-accent-highlight);
}

._adminLink_l6lii_134 {
  padding: 0 var(--space-300);
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}
._adminLink_l6lii_134._active_l6lii_129 {
  background: var(--color-accent-highlight-subtle);
  color: var(--color-text-primary);
}

@media (max-width: 1023.98px) {
  ._nav_l6lii_53 ._link_l6lii_73 {
    display: flex;
    min-height: 56px;
    margin: 0 var(--space-300);
    padding: 0 var(--space-400);
    border-radius: var(--radius-sm);
    font: var(--type-item-base);
    font-weight: var(--type-weight-medium);
    text-align: left;
  }
  ._nav_l6lii_53 ._link_l6lii_73._active_l6lii_129 {
    background: var(--color-accent-highlight);
    color: var(--color-on-accent-highlight);
    font-weight: var(--type-weight-semibold);
  }
}

._adminRow_l6lii_162 {
  display: none;
}
@media (min-width: 1024px) {
  ._adminRow_l6lii_162 {
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
    max-width: var(--layout-app-max-width);
    margin: 0 auto;
    padding: var(--space-200) var(--space-600);
    border-bottom: var(--ant-line-width) solid var(--color-border-default);
  }
}

@media (max-width: 1023.98px) {
  body.menu-open {
    overflow: hidden;
  }
}
@media print {
  ._menuToggle_l6lii_47,
  ._nav_l6lii_53,
  ._adminRow_l6lii_162 {
    display: none;
  }
}:is(button, a)._button_1kpxw_1:focus-visible:not(:disabled) {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}

button._button_1kpxw_1:disabled {
  border-color: var(--ant-btn-border-color);
  background: var(--ant-btn-bg-color);
  color: var(--ant-btn-text-color);
  opacity: 0.45;
}

:is(button, a)._destructive_1kpxw_13 {
  --ant-btn-bg-color-hover: var(--color-status-danger-subtle);
  --ant-btn-bg-color-active: var(--color-status-danger-subtle);
}

button._text_1kpxw_18 {
  padding-inline: var(--space-200);
  text-decoration: underline;
  text-underline-offset: 3px;
}._wrap_41mnv_1 {
  position: relative;
  display: flex;
  align-items: center;
}

._select_41mnv_7 {
  transition-property: background-color, border-color, box-shadow;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._select_41mnv_7 {
    transition: none;
  }
}
._select_41mnv_7 {
  width: 100%;
  box-sizing: border-box;
  min-height: var(--target-min);
  margin: 0;
  padding: 0 var(--space-700) 0 var(--space-400);
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-sm);
  background: var(--color-field-fill);
  font: var(--type-body-base);
  color: var(--color-text-primary);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
._select_41mnv_7:hover {
  border-color: var(--color-base-neutral-400);
}
._select_41mnv_7:focus {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
  border-color: var(--color-border-strong);
  background: var(--color-surface-default);
}
._select_41mnv_7:disabled {
  border-color: var(--color-border-default);
  background: var(--color-surface-sunken);
  color: var(--color-text-muted);
  cursor: not-allowed;
}

._chevron_41mnv_47 {
  position: absolute;
  right: var(--space-400);
  font-size: 16px;
  color: var(--color-text-brand);
  pointer-events: none;
}._column_b91ip_1 {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--layout-app-max-width);
  margin: 0 auto;
  padding: var(--space-500) var(--space-400);
}
@media (min-width: 768px) {
  ._column_b91ip_1 {
    width: calc(100% - 2 * var(--space-400));
    padding: var(--space-600) 0;
  }
}.page-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 200px;
}
.page-loader--overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(2px);
  z-index: 1000;
}
.page-loader__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.page-loader__spinner {
  position: relative;
  display: inline-block;
}
.page-loader__spinner--small {
  width: 60px;
  height: 60px;
}
.page-loader__spinner--medium {
  width: 120px;
  height: 120px;
}
.page-loader__spinner--large {
  width: 180px;
  height: 180px;
}
.page-loader__spinner-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  animation: page-loader-spin 1s linear infinite;
}
.page-loader__text {
  color: #5c5c5c;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  max-width: 300px;
  line-height: 1.4;
}

@keyframes page-loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 768px) {
  .page-loader__spinner--small {
    width: 28px;
    height: 28px;
  }
  .page-loader__spinner--medium {
    width: 40px;
    height: 40px;
  }
  .page-loader__spinner--large {
    width: 56px;
    height: 56px;
  }
  .page-loader__text {
    font-size: 13px;
    max-width: 250px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .page-loader__spinner--medium {
    width: 44px;
    height: 44px;
  }
}.customer-form-layout {
  min-height: 100vh;
  background: var(--color-surface-default);
  color: var(--color-text-secondary);
  font: var(--type-body-base);
}
.customer-form-layout--signed-in {
  min-height: 0;
}
.customer-form-layout__column {
  box-sizing: border-box;
  max-width: var(--layout-max-width);
  margin: 0 auto;
  padding-right: var(--space-400);
  padding-left: var(--space-400);
}
@media (min-width: 768px) {
  .customer-form-layout__column {
    padding-right: var(--space-500);
    padding-left: var(--space-500);
  }
}
@media (min-width: 1024px) {
  .customer-form-layout__column {
    padding-right: var(--layout-gutter);
    padding-left: var(--layout-gutter);
  }
}
.customer-form-layout__strip {
  background: var(--color-surface-invert);
  color: var(--color-on-invert-muted);
  font: var(--type-body-sm);
}
.customer-form-layout__strip-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-400);
  min-height: var(--target-min);
}
@media (min-width: 1024px) {
  .customer-form-layout__strip-inner {
    justify-content: space-between;
  }
}
.customer-form-layout__tagline {
  display: none;
}
@media (min-width: 1024px) {
  .customer-form-layout__tagline {
    display: inline;
  }
}
.customer-form-layout__help {
  color: var(--color-on-invert-secondary);
}
.customer-form-layout__phone {
  color: var(--color-on-invert);
  text-decoration: none;
}
.customer-form-layout__phone:hover {
  color: var(--color-on-invert);
  text-decoration: underline;
}
.customer-form-layout__phone:focus-visible {
  outline: none;
  border-radius: var(--radius-sm);
  box-shadow: var(--elevation-focus);
}
.customer-form-layout__header {
  border-bottom: 1px solid var(--color-border-default);
}
.customer-form-layout__header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-400);
  padding-top: var(--space-500);
  padding-bottom: var(--space-500);
}
.customer-form-layout__logo {
  display: block;
  width: auto;
  height: 28px;
}
@media (min-width: 600px) {
  .customer-form-layout__logo {
    height: 32px;
  }
}
.customer-form-layout__saved {
  color: var(--color-text-muted);
  font: var(--type-label-base);
  text-align: right;
}
.customer-form-layout__main {
  padding-top: var(--space-500);
  padding-bottom: var(--space-800);
}
@media (min-width: 1024px) {
  .customer-form-layout__main {
    padding-top: var(--space-700);
    padding-bottom: var(--space-900);
  }
}._page_1cz6b_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-600);
  box-sizing: border-box;
  min-height: 100vh;
  padding: var(--space-700) var(--space-400);
  background: var(--color-surface-sunken);
}

._logo_1cz6b_12 {
  height: 48px;
}

._card_1cz6b_16 {
  display: flex;
  flex-direction: column;
  gap: var(--space-500);
  width: 100%;
  max-width: 440px;
  padding: var(--space-500);
}
@media (min-width: 768px) {
  ._card_1cz6b_16 {
    background: var(--color-surface-raised);
    border: var(--ant-line-width) solid var(--color-border-default);
    border-radius: var(--radius-lg);
    box-shadow: var(--elevation-100);
    padding: var(--space-600);
  }
}.error-boundary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 2rem;
  background-color: #f8f9fa;
}
.error-boundary__content {
  max-width: 500px;
  text-align: center;
  background: white;
  padding: 3rem 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.error-boundary__content h2 {
  color: #dc3545;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
}
.error-boundary__content p {
  color: #6c757d;
  margin-bottom: 2rem;
  line-height: 1.6;
}
.error-boundary__button {
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.error-boundary__button:focus {
  outline-offset: 2px;
}

@media (max-width: 768px) {
  .error-boundary {
    padding: 1rem;
  }
  .error-boundary__content {
    padding: 2rem 1.5rem;
  }
  .error-boundary__content h2 {
    font-size: 1.25rem;
  }
  .error-boundary__content p {
    font-size: 0.9rem;
  }
  .error-boundary__button {
    width: 100%;
    padding: 1rem;
    font-size: 1rem;
  }
}.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  border-radius: 4px;
  font-family: inherit;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 300ms ease;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.button:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 107, 0, 0.2);
}
.button:disabled {
  cursor: not-allowed;
}
.button--small {
  padding: 5px 10px;
  font-size: 12px;
  min-height: 32px;
}
.button--medium {
  padding: 10px 15px;
  font-size: 14px;
  min-height: 40px;
}
.button--large {
  padding: 16px 32px;
  font-size: 16px;
  min-height: 48px;
}
.button--full-width {
  width: 100%;
}
.button--loading {
  cursor: not-allowed;
  pointer-events: none;
}
.button--loading .button__text {
  opacity: 0.7;
}
.button--disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.button--primary {
  background-color: #ff6b00;
  color: #fff;
  border: 2px solid #ff6b00;
}
.button--primary:hover:not(:disabled) {
  opacity: 0.6;
}
.button--secondary {
  background-color: transparent;
  color: #ff6b00;
  border: 2px solid #ff6b00;
}
.button--secondary:hover:not(:disabled) {
  background-color: #ff6b00;
  color: #fff;
}
.button--secondary:active:not(:disabled) {
  background-color: rgb(80%, 33.568627451%, 0%);
  border-color: rgb(80%, 33.568627451%, 0%);
  color: #fff;
}
.button--text {
  color: #1d82df;
  border: 2px solid transparent;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
}
.button--icon {
  padding: 8px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  background-color: transparent;
  color: #5c5c5c;
  border: 1px solid #e5e7eb;
}
.button--icon:hover:not(:disabled) {
  background-color: rgba(255, 107, 0, 0.1);
  border-color: #ff6b00;
  color: #ff6b00;
}
.button--icon:active:not(:disabled) {
  background-color: rgba(255, 107, 0, 0.2);
}
.button--icon .button__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.button__spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  animation: button-spin 1s linear infinite;
}
.button__spinner-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.button__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.button__text {
  display: inline-block;
}

.btn-gray {
  background-color: #fff;
  color: #bcbcbc;
  border: 2px solid #bcbcbc;
}

@keyframes button-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 768px) {
  .button--small {
    padding: 10px 18px;
    font-size: 14px;
    min-height: 36px;
  }
  .button--medium {
    padding: 10px 15px;
    font-size: 14px;
    min-height: 44px;
  }
  .button--large {
    padding: 18px 20px;
    font-size: 14px;
    min-height: 52px;
  }
  .button--icon {
    min-width: 44px;
    min-height: 44px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .button--medium {
    padding: 13px 26px;
    font-size: 14px;
    min-height: 42px;
  }
}:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: var(--toastify-toast-width);
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.input-form {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #fff;
  color: #5c5c5c;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  padding: 5px 16px;
  min-height: 40px;
  transition: all 300ms ease;
  outline: none;
}
.input-form::-moz-placeholder {
  color: #9ca3af;
  opacity: 1;
}
.input-form::placeholder {
  color: #9ca3af;
  opacity: 1;
}
.input-form:focus {
  border-color: #ff6b00;
}
.input-form:hover {
  border-color: #ff6b00;
}
.input--error .input-form {
  border-color: #ef4444;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.1);
}
.input--error .input-form:focus {
  border-color: #ef4444;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
}

@media (max-width: 768px) {
  .input-form {
    font-size: 16px;
    padding: 14px 18px;
    min-height: 44px;
    outline: 1px solid #bcbcbc;
  }
}
.input-form:focus-visible {
  outline-offset: 1px;
}

.input-form[type=number] {
  -moz-appearance: textfield;
}
.input-form[type=number]::-webkit-outer-spin-button, .input-form[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}.form-group {
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .form-group {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 576px) {
  .form-group {
    margin-bottom: 1rem;
  }
}

.form-label {
  display: block;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.75rem;
  font-size: 13px;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
}
.form-grid .col-span-full {
  grid-column: 1/-1;
}

.parameter-row {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .parameter-row {
    flex-direction: row;
    gap: 1rem;
    align-items: center;
  }
}

.parameter-fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  flex: 1;
}
@media (min-width: 768px) {
  .parameter-fields {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .parameter-fields {
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
  }
}

.form-actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 576px) {
  .form-actions {
    flex-direction: row;
    justify-content: flex-end;
    gap: 1rem;
  }
}

.login-page {
  min-height: 100vh;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.login-page::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.password-field-wrapper {
  position: relative;
}

.forgot-password {
  text-align: right;
  margin-top: 8px;
}

.forgot-password-link {
  background: none;
  border: none;
  color: #2c3e50;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  transition: color 0.3s ease;
  font-weight: 500;
}
.forgot-password-link:hover {
  color: #1d82df;
  text-decoration: none;
}

.login-button {
  margin-top: 8px;
}

.login-toggle {
  text-align: center;
  margin-top: 20px;
  padding-top: 20px;
}

.toggle-text {
  color: #7f8c8d;
  font-size: 15px;
  margin-right: 8px;
  font-weight: 500;
}

.toggle-link {
  font-size: 15px;
  cursor: pointer;
  padding: 0;
  transition: color 0.3s ease;
  font-weight: 500;
}
.toggle-link:hover {
  color: #1d82df;
}

.toggle-link-text {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .login-page {
    padding: 16px;
  }
  .login-card {
    padding: 24px;
    border-radius: 8px;
  }
  .login-title {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .login-form {
    gap: 20px;
  }
  .login-input-field {
    padding: 14px;
    font-size: 16px;
  }
  .login-logo-image {
    height: 70px;
  }
}
@media screen and (max-width: 480px) {
  .login-page {
    padding: 12px;
  }
  .login-card {
    padding: 20px;
  }
  .login-title {
    font-size: 18px;
  }
  .login-form {
    gap: 16px;
  }
  .login-logo-image {
    height: 60px;
  }
}
.login-button {
  background: #f15c30;
  border: 1px solid #f15c30;
  border: none;
  color: white;
  font-size: 15px;
  padding: 8px 12px;
  border-radius: 2px;
  transition: all 0.3s ease;
  min-height: 48px;
}
.login-button:hover:not(:disabled) {
  transform: translateY(-2px);
}

.verification-container {
  text-align: center;
  padding: 40px 20px;
}

.verification-spinner {
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 3px solid #e1e8ed;
  border-top: 3px solid #f15c30;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.verification-title {
  font-size: 24px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 12px 0;
}

.verification-message {
  color: #7f8c8d;
  font-size: 16px;
  margin: 0;
  line-height: 1.5;
}

.error-container {
  text-align: center;
  padding: 40px 20px;
}

.error-icon {
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
}
.error-icon svg {
  width: 48px;
  height: 48px;
  color: #e74c3c;
}

.error-title {
  font-size: 24px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 12px 0;
}

.error-message {
  color: #ef4444;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0.5rem 0 24px 0;
  line-height: 1.5;
}

.retry-button {
  background: #f15c30;
  border: none;
  color: white;
  font-size: 15px;
  font-weight: 500;
  padding: 12px 24px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 48px;
}
.retry-button:hover {
  background: #e04a1f;
  transform: translateY(-1px);
}

.auth-card {
  background-color: #fff;
  border-radius: 2px;
  padding: 40px 32px;
  border: 1px solid #e5e7eb;
  width: 500px;
  max-width: 500px;
}

.auth-title {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 16px 0;
  text-align: center;
}

.auth-instructions {
  margin-bottom: 32px;
  text-align: center;
}
.auth-instructions p {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 8px 0;
  line-height: 1.5;
}
.auth-instructions p:last-child {
  margin-bottom: 0;
}

.auth-form {
  display: flex;
  flex-direction: column;
}

.auth-form .form-group {
  position: relative;
}

.auth-form .input-with-icon {
  position: relative;
  display: block;
  align-items: center;
}

.auth-form .input-icon {
  position: absolute;
  left: 12px;
  top: 35%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: #9ca3af;
  z-index: 2;
  pointer-events: none;
}

.auth-input {
  width: 100%;
  padding: 12px 12px 12px 44px;
  border: 1px solid #d1d5db;
  border-radius: 2px;
  font-size: 14px;
  color: #1f2937;
  background-color: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.auth-input:focus {
  outline: none;
}
.auth-input::-moz-placeholder {
  color: #9ca3af;
}
.auth-input::placeholder {
  color: #9ca3af;
}
.auth-input:hover {
  border-color: #9ca3af;
}

.auth-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

.auth-button {
  padding: 7px 14px;
  font-weight: 600;
  border-radius: 5px;
}

.auth-footer {
  margin-top: 24px;
  text-align: center;
}

.back-to-login-link {
  background: none;
  border: none;
  color: #ff6b00;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.2s ease;
}
.back-to-login-link:hover {
  color: rgb(80%, 33.568627451%, 0%);
  text-decoration: underline;
}
.back-to-login-link:focus {
  outline: none;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .auth-card {
    padding: 32px 24px;
    border-radius: 6px;
    width: 100%;
    max-width: 100%;
  }
  .auth-title {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .auth-instructions {
    margin-bottom: 24px;
  }
  .auth-instructions p {
    font-size: 13px;
  }
  .auth-input {
    padding: 14px 12px 14px 44px;
    font-size: 16px;
  }
  .auth-button {
    width: 100%;
    min-width: auto;
    padding: 14px 24px;
  }
  .auth-actions {
    justify-content: stretch;
  }
}
@media (max-width: 480px) {
  .auth-card {
    padding: 24px 20px;
  }
  .auth-title {
    font-size: 18px;
  }
  .auth-input {
    padding: 12px 12px 12px 44px;
    font-size: 16px;
  }
}
.auth-button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}.ant-pagination:not(.sf-staff *) {
  margin: 16px 0;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.ant-pagination:not(.sf-staff *) .ant-pagination-item {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  transition: all 0.3s;
  margin: 0 4px;
}
.ant-pagination:not(.sf-staff *) .ant-pagination-item:hover {
  border-color: #ff6b00;
  color: #ff6b00;
}
.ant-pagination:not(.sf-staff *) .ant-pagination-item-active {
  background-color: #ff6b00;
  border-color: #ff6b00;
  color: #fff;
}
.ant-pagination:not(.sf-staff *) .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination:not(.sf-staff *) .ant-pagination-item-active:hover {
  color: #fff;
}
.ant-pagination:not(.sf-staff *) .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination:not(.sf-staff *) .ant-pagination-next .ant-pagination-item-link {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  min-width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  transition: all 0.3s;
}
.ant-pagination:not(.sf-staff *) .ant-pagination-prev .ant-pagination-item-link:hover,
.ant-pagination:not(.sf-staff *) .ant-pagination-next .ant-pagination-item-link:hover {
  border-color: #ff6b00;
  color: #ff6b00;
}
.ant-pagination:not(.sf-staff *) .ant-pagination-options {
  margin-left: 16px;
}
.ant-pagination:not(.sf-staff *) .ant-pagination-options .ant-select {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  min-width: 80px;
  height: 32px;
  transition: all 0.3s;
}
.ant-pagination:not(.sf-staff *) .ant-pagination-options .ant-select:hover {
  border-color: #ff6b00;
}
.ant-pagination:not(.sf-staff *) .ant-pagination-options .ant-select.ant-select-focused {
  border-color: #ff6b00;
  box-shadow: 0 0 0 2px rgba(241, 92, 48, 0.1);
}
.ant-pagination:not(.sf-staff *) .ant-pagination-total-text {
  color: #fff;
  font-size: 14px;
}

@media (max-width: 768px) {
  .ant-pagination:not(.sf-staff *) {
    flex-wrap: wrap;
    justify-content: center;
    padding: 8px;
  }
  .ant-pagination:not(.sf-staff *) .ant-pagination-options {
    margin: 8px 0 0 0;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .ant-pagination:not(.sf-staff *) .ant-pagination-total-text {
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
  }
}.search-form {
  display: flex;
  align-items: center;
  gap: 8px;
}
.search-form .search-input {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 12px;
  width: 500px;
  font-size: 14px;
  transition: border-color 300ms;
}
.search-form .search-input:focus {
  outline: none;
  border-color: #ff6b00;
  box-shadow: 0 0 0 2px rgba(255, 107, 0, 0.1);
}
.search-form .search-input::-moz-placeholder {
  color: #9ca3af;
}
.search-form .search-input::placeholder {
  color: #9ca3af;
}

@media (max-width: 1024px) {
  .search-form {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
  .search-form .search-input {
    flex: 1;
    min-height: 44px;
  }
}
@media (max-width: 768px) {
  .search-form {
    gap: 8px;
  }
  .search-form .search-input {
    font-size: 16px;
    padding: 12px;
  }
}.select-form {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background-color: #fff;
  color: #5c5c5c;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  padding: 5px 16px;
  min-height: 40px;
  transition: all 300ms ease;
  outline: none;
  cursor: pointer;
}
.select-form:focus {
  border-color: #ff6b00;
  box-shadow: 0 0 0 2px rgba(255, 107, 0, 0.1);
}
.select-form:hover {
  border-color: #ff6b00;
}
.select-form:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
  border-color: #d9d9d9;
}
.select-form:disabled:hover {
  border-color: #d9d9d9;
}
.select-form option {
  padding: 8px;
  background-color: #fff;
  color: #5c5c5c;
}
.select-form option:disabled {
  color: #999;
  font-style: italic;
}
.select--error .select-form {
  border-color: #ef4444;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.1);
}
.select--error .select-form:focus {
  border-color: #ef4444;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
}

@media (max-width: 768px) {
  .select-form {
    font-size: 16px;
    padding: 14px 18px;
    min-height: 44px;
  }
}
.select-form:focus-visible {
  outline: 1px solid #bcbcbc;
  outline-offset: 1px;
}.approval-matrix .approval-form-container .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 768px) {
  .approval-matrix .approval-form-container .form-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .form-label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #5c5c5c;
}
.approval-matrix .approval-form-container .form-left-column .form-group .price-input-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.approval-matrix .approval-form-container .form-left-column .form-group .price-input-container .price-input {
  flex: 1;
}
.approval-matrix .approval-form-container .form-left-column .form-group .price-input-container .gst-checkbox {
  white-space: nowrap;
}
.approval-matrix .approval-form-container .form-left-column .form-group .loan-term-select {
  width: 100%;
}
.approval-matrix .approval-form-container .form-left-column .form-group .abn-input {
  width: 100%;
}
.approval-matrix .approval-form-container .form-left-column .form-group .abn-company-name {
  font-size: 0.875rem;
  color: #5c5c5c;
  font-weight: 500;
}
.approval-matrix .approval-form-container .form-left-column .form-group .property-owner-checkbox {
  margin-top: 0.5rem;
}
.approval-matrix .approval-form-container .form-left-column .form-group .product-types-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.approval-matrix .approval-form-container .form-left-column .form-group .product-types-container .product-type-tag {
  background-color: #ff6b00;
  color: white;
  border: none;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
}
.approval-matrix .approval-form-container .form-left-column .form-group .product-type-select {
  width: 100%;
}
.approval-matrix .approval-form-container .form-left-column .form-group .product-types-info {
  font-size: 0.875rem;
  color: #5c5c5c;
}
.approval-matrix .approval-form-container .form-left-column .form-group .condition-radio-group {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.approval-matrix .approval-form-container .form-left-column .form-group .condition-radio-group .condition-radio {
  margin-right: 0;
}
.approval-matrix .approval-form-container .form-left-column .form-group .product-year-input {
  width: 100%;
}
.approval-matrix .approval-form-container .form-left-column .form-group .search-button {
  margin-top: 1rem;
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container {
  background-color: #f9fafb;
  border-radius: 0.5rem;
  padding: 1.5rem;
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid #e5e7eb;
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item:last-child {
  border-bottom: none;
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item .mer-label {
  font-weight: 600;
  color: #5c5c5c;
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item .repayments-link {
  color: #ff6b00;
  text-decoration: none;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border: 1px solid #ff6b00;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item .repayments-link:hover {
  background-color: #ff6b00;
  color: #fff;
}

@media (max-width: 768px) {
  .approval-matrix .approval-form-container {
    padding: 1rem !important;
  }
  .approval-matrix .approval-form-container .form-grid .form-left-column {
    padding-right: 0 !important;
  }
  .approval-matrix .approval-form-container .form-grid .form-right-column {
    padding-left: 0 !important;
  }
}
.approval-matrix .panel-heading {
  border-color: #ececec;
  color: #333;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.approval-matrix .text-inherit {
  font-size: 0.8em;
  margin-left: auto;
  color: inherit;
  text-decoration: none;
}
.approval-matrix .text-inherit:hover {
  color: #ff6b00;
}
.approval-matrix .approval-form-container .form-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 2rem;
}
@media (max-width: 1024px) {
  .approval-matrix .approval-form-container .form-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
@media (max-width: 768px) {
  .approval-matrix .approval-form-container .form-grid {
    gap: 1.5rem;
  }
}
.approval-matrix .approval-form-container .form-left-column {
  border-right: 1px solid #e5e7eb;
}
@media (max-width: 1024px) {
  .approval-matrix .approval-form-container .form-left-column {
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .approval-matrix .approval-form-container .form-left-column {
    padding-bottom: 1.5rem;
    padding: 0;
  }
  .approval-matrix .approval-form-container .form-left-column .form-group {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-left-column .form-group {
    margin-bottom: 1rem;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .form-label {
  display: block;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.5rem;
  font-size: 14px;
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .form-label {
    font-size: 13px;
    margin-bottom: 0.4rem;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .price-input-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 768px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .price-input-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .price-input-container {
    gap: 0.5rem;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .price-input-container .gst-checkbox {
  white-space: nowrap;
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .price-input-container .gst-checkbox {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .price-input-container .gst-checkbox .ant-checkbox + span {
  color: #666;
  font-size: 14px;
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .price-input-container .gst-checkbox .ant-checkbox + span {
    font-size: 13px;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .price-input-container .gst-checkbox .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #ff6b00;
  border-color: #ff6b00;
}
.approval-matrix .approval-form-container .form-left-column .form-group .abn-company-name {
  color: #999;
  font-size: 13px;
  font-style: italic;
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .abn-company-name {
    font-size: 12px;
    margin-top: 0.25rem;
  }
  .approval-matrix .approval-form-container .form-left-column .form-group .property-owner-checkbox {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .property-owner-checkbox .ant-checkbox + span {
  color: #333;
  font-weight: 500;
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .property-owner-checkbox .ant-checkbox + span {
    font-size: 13px;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .property-owner-checkbox .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #ff6b00;
  border-color: #ff6b00;
}
.approval-matrix .approval-form-container .form-left-column .form-group .product-types-info {
  color: #666;
  font-size: 12px;
  margin-bottom: 0.75rem;
  font-style: italic;
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .product-types-info {
    font-size: 11px;
    margin-bottom: 0.5rem;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .product-types-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .product-types-container {
    gap: 0.4rem;
    margin-bottom: 0.5rem;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .product-types-container .product-type-tag {
  background-color: #f0f0f0;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 13px;
  color: #333;
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .product-types-container .product-type-tag {
    font-size: 12px;
    padding: 6px 10px;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .product-types-container .product-type-tag .anticon-close {
  color: #999;
  margin-left: 4px;
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .product-types-container .product-type-tag .anticon-close {
    margin-left: 6px;
    font-size: 12px;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .product-types-container .product-type-tag .anticon-close:hover {
  color: #ff6b00;
}
.approval-matrix .approval-form-container .form-left-column .form-group .condition-radio-group {
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .condition-radio-group {
    flex-direction: column;
    gap: 0.75rem;
  }
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .condition-radio-group {
    gap: 0.5rem;
  }
  .approval-matrix .approval-form-container .form-left-column .form-group .condition-radio-group .condition-radio {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .condition-radio-group .condition-radio .ant-radio + span {
  color: #333;
  font-weight: 500;
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .condition-radio-group .condition-radio .ant-radio + span {
    font-size: 13px;
  }
}
.approval-matrix .approval-form-container .form-left-column .form-group .condition-radio-group .condition-radio .ant-radio-checked .ant-radio-inner {
  border-color: #ff6b00;
}
.approval-matrix .approval-form-container .form-left-column .form-group .condition-radio-group .condition-radio .ant-radio-checked .ant-radio-inner:after {
  background-color: #ff6b00;
}
@media (max-width: 768px) {
  .approval-matrix .approval-form-container .form-left-column .form-group .search-button {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .approval-matrix .approval-form-container .form-right-column {
    padding-left: 0;
  }
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container {
  background-color: #fafafa;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1.5rem;
}
@media (max-width: 768px) {
  .approval-matrix .approval-form-container .form-right-column .mer-info-container {
    padding: 1rem;
  }
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-right-column .mer-info-container {
    padding: 0.75rem;
    border-radius: 6px;
  }
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid #eee;
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item {
    padding: 0.75rem 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item:first-child {
  padding-top: 0;
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item .mer-label {
  color: #333;
  font-weight: 500;
  font-size: 14px;
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item .mer-label {
    font-size: 13px;
  }
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item .repayments-link {
  color: #ff6b00;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  display: flex;
  align-items: center;
  min-height: 44px;
}
@media (max-width: 576px) {
  .approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item .repayments-link {
    font-size: 12px;
    padding: 8px 20;
  }
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item .repayments-link:after {
  content: " →";
  margin-left: 4px;
}
.approval-matrix .approval-form-container .form-right-column .mer-info-container .mer-item .repayments-link:hover {
  background-color: #ff6b00;
  color: #fff;
}

@media (max-width: 1024px) {
  .approval-matrix .container {
    padding: 0 1rem;
  }
  .approval-matrix .approval-form-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media (max-width: 768px) {
  .approval-matrix .container {
    padding: 0 0.75rem;
  }
  .approval-matrix .approval-form-container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    padding-top: 1rem !important;
  }
  .approval-matrix .panel-heading {
    font-size: 11px;
    letter-spacing: 1px;
  }
  .approval-matrix .text-inherit {
    font-size: 0.75em;
    margin-left: 0;
  }
}
@media (max-width: 576px) {
  .approval-matrix .container {
    padding: 0 0.5rem;
  }
  .approval-matrix .approval-form-container {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-top: 2rem !important;
  }
  .approval-matrix .panel-heading {
    font-size: 14px;
    letter-spacing: 0.5px;
  }
  .approval-matrix .text-inherit {
    font-size: 0.7em;
  }
}
@media (max-width: 480px) {
  .approval-matrix .container {
    padding: 0 0.25rem;
  }
  .approval-matrix .approval-form-container {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .approval-matrix .flex.items-center.justify-between {
    padding: 0.5rem 0.25rem !important;
  }
}.confirmation-toast__header {
  margin-bottom: 0.75rem;
}
.confirmation-toast__title {
  font-size: 1rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
}
.confirmation-toast__body {
  margin-bottom: 1rem;
}
.confirmation-toast__message {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
}
.confirmation-toast__actions {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
.confirmation-toast__button {
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  min-width: 80px;
}
.confirmation-toast__button:hover {
  transform: translateY(-1px);
}
.confirmation-toast__button:active {
  transform: translateY(0);
}
.confirmation-toast__button--primary {
  background-color: #3b82f6;
  color: white;
}
.confirmation-toast__button--primary:hover {
  background-color: #2563eb;
}
.confirmation-toast__button--secondary {
  background-color: #6b7280;
  color: white;
}
.confirmation-toast__button--secondary:hover {
  background-color: #4b5563;
}
.confirmation-toast__button--danger {
  background-color: #ef4444;
  color: white;
}
.confirmation-toast__button--danger:hover {
  background-color: #dc2626;
}
.confirmation-toast__button--warning {
  background-color: #f59e0b;
  color: white;
}
.confirmation-toast__button--warning:hover {
  background-color: #d97706;
}

@media (max-width: 640px) {
  .confirmation-toast {
    min-width: 280px;
    max-width: 320px;
    padding: 0.75rem;
  }
  .confirmation-toast__actions {
    flex-direction: column;
    gap: 0.375rem;
  }
  .confirmation-toast__button {
    width: 100%;
    min-width: auto;
  }
}.sortable-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.sortable-list__item {
  display: flex;
  align-items: center;
  padding: 1rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  cursor: grab;
  transition: all 0.2s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-x;
}
.sortable-list__item:hover {
  border-color: #f59e0b;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.sortable-list__item:active {
  cursor: grabbing;
}
.sortable-list__item--dragging {
  opacity: 0.8;
  transform: rotate(2deg);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
.sortable-list__item--overlay {
  opacity: 0.5;
  transform: scale(0.95);
}
.sortable-list__item--disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.sortable-list__item--disabled:hover {
  border-color: #e5e7eb;
  box-shadow: none;
}
.sortable-list__drag-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-right: 0.75rem;
  color: #6b7280;
  cursor: grab;
}
.sortable-list__drag-handle:active {
  cursor: grabbing;
}
.sortable-list__drag-handle svg {
  width: 1.25rem;
  height: 1.25rem;
}
.sortable-list__content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sortable-list__name {
  font-weight: 500;
  color: #374151;
  font-size: 0.875rem;
}
.sortable-list__priority {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #6b7280;
  font-size: 0.75rem;
}
.sortable-list__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: #6b7280;
  font-size: 0.875rem;
}
.sortable-list__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: #6b7280;
  font-size: 0.875rem;
  font-style: italic;
}
.sortable-list__drop-indicator {
  height: 2px;
  background: #f59e0b;
  margin: 0.25rem 0;
  border-radius: 1px;
  transition: all 0.2s ease-in-out;
}

@media (max-width: 768px) {
  .sortable-list__item {
    padding: 0.75rem;
  }
  .sortable-list__drag-handle {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.5rem;
  }
  .sortable-list__drag-handle svg {
    width: 1rem;
    height: 1rem;
  }
  .sortable-list__name {
    font-size: 0.8rem;
  }
  .sortable-list__priority {
    font-size: 0.7rem;
  }
}.approval-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  gap: 1rem;
}
.approval-header__tabs {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  border-bottom: 1px solid #e5e7eb;
  flex: 1;
}
.approval-header__actions {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-shrink: 0;
}

.approval-tab {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  padding: 0.5rem 0.5rem;
  margin-bottom: -1px;
  border-bottom: 2px solid transparent;
  transition: all 300ms ease;
  color: #5c5c5c;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  min-height: 44px;
}
.approval-tab:hover {
  color: #ff6b00;
}
.approval-tab--active {
  color: #ff6b00;
  border-bottom-color: #ff6b00;
}
.approval-tab svg {
  flex-shrink: 0;
}

.approval-action-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  min-height: 44px;
  transition: all 300ms ease;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
.approval-action-btn--export {
  background-color: #10b981;
  color: white;
}
.approval-action-btn--export:hover:not(:disabled) {
  background-color: #059669;
  transform: translateY(-1px);
}
.approval-action-btn--export:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.approval-action-btn--add {
  background-color: #ff6b00;
  color: white;
}
.approval-action-btn--add:hover {
  background-color: #e55a00;
  transform: translateY(-1px);
}
.approval-action-btn__badge {
  background-color: #065f46;
  color: white;
  font-size: 12px;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .approval-header {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .approval-header__tabs {
    width: 100%;
    justify-content: space-between;
    gap: 0;
    border-bottom: 1px solid #e5e7eb;
  }
  .approval-header__actions {
    width: 100%;
    flex-direction: column;
    gap: 0.75rem;
  }
  .approval-tab {
    flex: 1;
    justify-content: center;
    padding: 0.75rem 0.5rem;
    font-size: 13px;
    min-height: 48px;
  }
  .approval-tab svg {
    width: 16px;
    height: 16px;
  }
  .approval-action-btn {
    width: 100%;
    justify-content: center;
    padding: 0.875rem 1rem;
    font-size: 15px;
    min-height: 48px;
  }
  .approval-action-btn__badge {
    font-size: 11px;
    padding: 0.375rem 0.625rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .approval-header {
    gap: 1.5rem;
  }
  .approval-header__tabs {
    gap: 2rem;
  }
  .approval-header__actions {
    gap: 1rem;
  }
  .approval-tab {
    padding: 0.625rem 0.75rem;
    font-size: 14px;
    min-height: 44px;
  }
  .approval-action-btn {
    padding: 0.75rem 1rem;
    font-size: 14px;
    min-height: 44px;
  }
}
@media (min-width: 1024px) {
  .approval-header {
    gap: 2rem;
  }
  .approval-header__tabs {
    gap: 2.5rem;
  }
  .approval-header__actions {
    gap: 1rem;
  }
  .approval-tab {
    font-size: 14px;
    min-height: 44px;
  }
  .approval-tab:hover {
    transform: translateY(-1px);
  }
  .approval-action-btn {
    padding: 0.75rem 1.25rem;
    font-size: 14px;
    min-height: 44px;
  }
}
@media (min-width: 1200px) {
  .approval-header {
    gap: 3rem;
  }
  .approval-header__tabs {
    gap: 3rem;
  }
  .approval-header__actions {
    gap: 1.25rem;
  }
  .approval-tab {
    font-size: 15px;
  }
  .approval-action-btn {
    padding: 0.75rem 1.5rem;
    font-size: 15px;
  }
}
.approval-tab:focus-visible,
.approval-action-btn:focus-visible {
  outline: 2px solid #ff6b00;
  outline-offset: 2px;
}

.approval-action-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}

@media (max-width: 576px) {
  .container {
    padding: 0 0.75rem;
  }
}
@media (max-width: 480px) {
  .container {
    padding: 1.25rem;
  }
}.form-group {
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .form-group {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 576px) {
  .form-group {
    margin-bottom: 1rem;
  }
}

.form-label {
  display: block;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.75rem;
  font-size: 13px;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
}
.form-grid .col-span-full {
  grid-column: 1/-1;
}

.parameter-row {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .parameter-row {
    flex-direction: row;
    gap: 1rem;
    align-items: center;
  }
}

.parameter-fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
  flex: 1;
}
@media (min-width: 768px) {
  .parameter-fields {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .parameter-fields {
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
  }
}

.form-actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 576px) {
  .form-actions {
    flex-direction: row;
    justify-content: flex-end;
    gap: 1rem;
  }
}.supplier-header {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.supplier-header .search-form {
  display: flex;
  gap: 0.5rem;
  flex: 1;
  align-items: center;
}
.supplier-header .add-supplier-btn {
  white-space: nowrap;
}

.supplier-action-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  min-height: 44px;
  transition: all 300ms ease;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
.supplier-action-btn--add {
  background-color: #ff6b00;
  color: white;
}
.supplier-action-btn--add:hover {
  background-color: #e55a00;
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  .supplier-header {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .supplier-header__actions {
    width: 100%;
    flex-direction: column;
    gap: 0.75rem;
  }
  .supplier-action-btn {
    width: 100%;
    justify-content: center;
    padding: 0.875rem 1rem;
    font-size: 15px;
    min-height: 48px;
  }
}
@media (max-width: 768px) {
  .supplier-header {
    flex-direction: column;
    gap: 0.75rem;
    align-items: stretch;
  }
  .supplier-header .search-form {
    flex-direction: row;
    gap: 0.5rem;
    width: 100%;
    align-items: stretch;
  }
  .supplier-header .search-input {
    flex: 1 1 0%;
    min-width: 0;
  }
  .supplier-header .add-supplier-btn {
    width: 100%;
    margin-top: 0.25rem;
  }
  .supplier-header .search-form button {
    width: 70px;
    flex-shrink: 0;
  }
}
.ant-table-tbody:not(.sf-staff *) > tr:nth-child(odd) > td {
  background: #fafafa;
}.sf__calculator .sf__main *,
.sf__calculator .sf__main *::before,
.sf__calculator .sf__main *::after {
  box-sizing: content-box;
  border-width: 0;
  border-style: none;
}
.sf__calculator .sf__main {
  line-height: 1.6;
  color: #515151;
  letter-spacing: 0.02rem;
  font-family: "Lato", Helvetica, Arial, sans-serif;
}
.sf__calculator .sf__main:before, .sf__calculator .sf__main:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main--appmode {
  padding-top: 20px;
}
.sf__calculator .sf__main a {
  color: inherit;
  text-decoration: none;
}
.sf__calculator .sf__main label {
  color: #515151;
}
.sf__calculator .sf__main input,
.sf__calculator .sf__main select,
.sf__calculator .sf__main button,
.sf__calculator .sf__main textarea {
  color: inherit;
  border-radius: 0;
  font-family: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.sf__calculator .sf__main a,
.sf__calculator .sf__main label,
.sf__calculator .sf__main button,
.sf__calculator .sf__main input[type=radio] {
  cursor: pointer;
}
.sf__calculator .sf__main input::-webkit-outer-spin-button,
.sf__calculator .sf__main input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.sf__calculator .sf__main p.text-center {
  font-size: 14px;
  margin: 0 0 12px;
  text-align: center;
}
.sf__calculator .sf__main .text-right {
  text-align: right;
}
.sf__calculator .sf__main .truncate {
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
  text-overflow: ellipsis;
}
.sf__calculator .sf__main .sf__wrapper {
  width: 86%;
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}
.sf__calculator .sf__main .sf__wrapper:before, .sf__calculator .sf__main .sf__wrapper:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main .sf__wrapper:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main .sf__wrapper--small {
  margin: 0 auto;
  max-width: 400px;
}
.sf__calculator .sf__main .page {
  min-height: 300px;
  position: relative;
}
.sf__calculator .sf__main .logo-box {
  margin: 0 auto;
  max-width: 400px;
  padding-top: 40px;
}
.sf__calculator .sf__main .logo-box .logo {
  width: 210px;
  height: 60px;
  margin: 0 auto;
  position: relative;
  background-size: 100%;
  background-position: center;
  background-image: url("/assets/sf-logo-aIoN5wWW.png");
}
.sf__calculator .sf__main .logo-box .back-button {
  top: 50%;
  left: -56px;
  width: 30px;
  height: 30px;
  display: block;
  margin-top: -15px;
  cursor: pointer;
  position: absolute;
  background-size: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%3e%3cg%20fill='%239a9a9a'%3e%3cpath%20d='M23.5%203.004H8a.501.501%200%2000-.375.169l-7.5%208.5a.5.5%200%20000%20.662l7.5%208.5a.501.501%200%2000.375.169h15.5a.5.5%200%2000.5-.5v-17a.5.5%200%2000-.5-.5zm-.5%2017H8.225l-7.059-8%207.059-8H23v16z'/%3e%3cpath%20d='M10.646%2016.357a.498.498%200%2000.708%200L15%2012.711l3.646%203.646a.498.498%200%2000.708%200%20.5.5%200%20000-.707l-3.646-3.646%203.646-3.646a.5.5%200%2000-.707-.707L15%2011.297%2011.353%207.65a.5.5%200%2000-.707.707l3.647%203.646-3.647%203.646a.502.502%200%20000%20.708z'/%3e%3c/g%3e%3cpath%20fill='none'%20d='M0%200h24v24H0z'/%3e%3c/svg%3e");
}
.sf__calculator .sf__main .button-box {
  margin-bottom: 15px;
}
.sf__calculator .sf__main .button-box:before, .sf__calculator .sf__main .button-box:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main .button-box:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main .button-box .sf__button {
  color: #7a7a7a;
  float: right;
  cursor: pointer;
  font-size: 12px;
  margin-left: 20px;
  padding-bottom: 1px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(122, 122, 122, 0.4);
}
.sf__calculator .sf__main .button-box .sf__button.alt {
  color: #1d82df;
  border-bottom-color: rgba(29, 130, 223, 0.4);
}
.sf__calculator .sf__main .form-box {
  margin-top: 40px;
  margin-bottom: 20px;
}
.sf__calculator .sf__main .form-box:before, .sf__calculator .sf__main .form-box:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main .form-box:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main .sf__form {
  margin: 0 auto;
  max-width: 400px;
}
.sf__calculator .sf__main .sf__form.alt {
  padding-top: 40px;
}
.sf__calculator .sf__main .sf__form .sf__fieldset {
  padding: 0;
  border: none;
  margin: 0 0 20px;
  position: relative;
}
.sf__calculator .sf__main .sf__form .sf__fieldset:before, .sf__calculator .sf__main .sf__form .sf__fieldset:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main .sf__form .sf__fieldset:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main .sf__form .sf__label {
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px;
  position: relative;
  text-transform: uppercase;
}
.sf__calculator .sf__main .sf__form .sf__label .info {
  color: #7a7a7a;
  text-transform: none;
}
.sf__calculator .sf__main .sf__form .sf__label .required {
  right: 0;
  bottom: 0;
  color: #d52b52;
  float: right;
  position: absolute;
  text-transform: lowercase;
}
.sf__calculator .sf__main .sf__form .sf__label .required:before {
  top: 0;
  left: -8px;
  color: #d52b52;
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  content: "*";
}
.sf__calculator .sf__main .sf__form .sf__input,
.sf__calculator .sf__main .sf__form .sf__textarea {
  width: 100%;
  outline: none;
  font-size: 15px;
  padding: 12px 18px;
  box-sizing: border-box;
  border: 1px solid #bababa;
}
.sf__calculator .sf__main .sf__form .sf__input--error, .sf__calculator .sf__main .sf__form .sf__input.input--error,
.sf__calculator .sf__main .sf__form .sf__textarea--error,
.sf__calculator .sf__main .sf__form .sf__textarea.input--error {
  border-color: #d52b52;
}
.sf__calculator .sf__main .sf__form .sf__input:focus,
.sf__calculator .sf__main .sf__form .sf__textarea:focus {
  border-color: #7a7a7a;
}
.sf__calculator .sf__main .sf__form .sf__input {
  height: 44px;
}
.sf__calculator .sf__main .sf__form .sf__textarea {
  resize: none;
  height: 180px;
}
.sf__calculator .sf__main .sf__form .select-custom {
  font-size: 15px;
  padding: 9px 18px;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #bababa;
}
.sf__calculator .sf__main .sf__form .select-custom.disabled {
  background-color: #f8f8f8;
}
.sf__calculator .sf__main .sf__form .select-custom .icon {
  top: 50%;
  width: 9px;
  height: 9px;
  right: 14px;
  margin-top: -7px;
  position: absolute;
  transform: rotate(45deg);
  border: 1px solid #bababa;
  border-width: 0 1px 1px 0;
}
.sf__calculator .sf__main .sf__form .select-custom .select-value {
  height: 24px;
  line-height: 24px;
}
.sf__calculator .sf__main .sf__form .select-custom .sf__select {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
}
.sf__calculator .sf__main .sf__form .select-custom.within-input {
  right: 1px;
  bottom: 1px;
  width: 120px;
  height: 42px;
  border: none;
  font-size: 12px;
  position: absolute;
  box-sizing: border-box;
  padding: 9px 36px 9px 16px;
  background-color: #f8f8f8;
  border-left: 1px solid #bababa;
}
.sf__calculator .sf__main .sf__form .select-custom.within-input .icon {
  margin-top: -8px;
}
.sf__calculator .sf__main .sf__form .selector-wrapper {
  float: left;
}
.sf__calculator .sf__main .sf__form .selector-wrapper.selected .sf__label-inline {
  color: #1d82df;
}
.sf__calculator .sf__main .sf__form .selector-wrapper.selected .sf__label-inline .meta {
  color: #1d82df;
}
.sf__calculator .sf__main .sf__form .selector-wrapper.sf__radio {
  margin-right: 30px;
  margin-bottom: 15px;
}
.sf__calculator .sf__main .sf__form .selector-wrapper.sf__radio:last-child {
  margin-right: 0;
}
.sf__calculator .sf__main .sf__form .selector-wrapper.sf__radio .icon {
  border-radius: 100%;
}
.sf__calculator .sf__main .sf__form .selector-wrapper.sf__radio .icon:before {
  border-radius: 100%;
}
.sf__calculator .sf__main .sf__form .selector-wrapper.sf__checkbox {
  margin-right: 30px;
  margin-bottom: 15px;
}
.sf__calculator .sf__main .sf__form .selector-wrapper.sf__checkbox .icon {
  border-radius: 2px;
}
.sf__calculator .sf__main .sf__form .selector-wrapper.sf__checkbox .icon:before {
  border-radius: 2px;
}
.sf__calculator .sf__main .sf__form .selector-wrapper .selector-custom {
  float: left;
  width: 20px;
  height: 20px;
  position: relative;
}
.sf__calculator .sf__main .sf__form .selector-wrapper .selector-custom .selector {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  position: absolute;
  z-index: 2;
}
.sf__calculator .sf__main .sf__form .selector-wrapper .selector-custom .selector:disabled {
  cursor: default;
}
.sf__calculator .sf__main .sf__form .selector-wrapper .selector-custom .selector ~ .icon {
  border-color: #eaeaea;
}
.sf__calculator .sf__main .sf__form .selector-wrapper .selector-custom .selector:checked ~ .icon {
  border-color: #1d82df;
}
.sf__calculator .sf__main .sf__form .selector-wrapper .selector-custom .selector:checked ~ .icon:before {
  background-color: #1d82df;
}
.sf__calculator .sf__main .sf__form .selector-wrapper .sf__label-inline {
  float: left;
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding-left: 8px;
  transition: color 0.5s ease;
}
.sf__calculator .sf__main .sf__form .selector-wrapper .sf__label-inline.disabled {
  cursor: default;
  color: #bababa;
}
.sf__calculator .sf__main .sf__form .selector-wrapper .sf__label-inline .meta {
  color: #bababa;
  transition: color 0.5s ease;
}
.sf__calculator .sf__main .sf__form .selector-wrapper .icon {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  transition: border 0.5s ease;
  border: 2px solid #bababa;
  z-index: 1;
}
.sf__calculator .sf__main .sf__form .selector-wrapper .icon:before {
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  background-color: transparent;
  transition: background 0.5s ease;
  content: "";
}
.sf__calculator .sf__main .sf__form .sf__button {
  float: right;
  border: none;
  outline: none;
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  padding: 16px 24px;
  border-radius: 2px;
  text-transform: uppercase;
  background-color: #f15c30;
  box-sizing: border-box;
}
.sf__calculator .sf__main .sf__form .sf__button.disabled {
  cursor: default;
  background-color: #bababa !important;
}
.sf__calculator .sf__main .sf__form .form-error {
  color: #d52b52;
  padding: 10px;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
  margin-bottom: 20px;
  border: 1px solid #d52b52;
  background-color: rgba(213, 43, 82, 0.02);
}
.sf__calculator .sf__main .result-box {
  padding-bottom: 40px;
}
.sf__calculator .sf__main .result-box:before, .sf__calculator .sf__main .result-box:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main .result-box:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main .link-box {
  padding-bottom: 40px;
  padding-top: 40px;
  text-align: center;
}
.sf__calculator .sf__main .link-box:before, .sf__calculator .sf__main .link-box:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main .link-box:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main .link-box .link {
  font-size: 12px;
  font-weight: 700;
  color: #bababa;
  padding: 12px 24px;
  border-radius: 2px;
  display: inline-block;
  text-transform: uppercase;
  transition: all 0.5s ease;
  border: 2px solid #bababa;
}
.sf__calculator .sf__main .link-box .link.sf__highlight {
  color: #39b44a;
  border-color: #39b44a;
}
.sf__calculator .sf__main .link-box .link.sf__highlight:hover {
  color: #ffffff;
  background-color: #39b44a;
}
.sf__calculator .sf__main .table-box {
  font-size: 13px;
  box-sizing: border-box;
  border-left: 1px solid #eaeaea;
}
.sf__calculator .sf__main .table-box:before, .sf__calculator .sf__main .table-box:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main .table-box:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main .table-box--spaced {
  margin-top: 20px;
}
.sf__calculator .sf__main .table-box .sf__title {
  padding: 20px;
  font-weight: 700;
  color: #162d54;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-top: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.sf__calculator .sf__main .table {
  width: 100%;
  display: table;
  box-sizing: border-box;
}
.sf__calculator .sf__main .table:before, .sf__calculator .sf__main .table:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main .table:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main .table .row {
  display: table-cell;
  position: relative;
  box-sizing: border-box;
}
.sf__calculator .sf__main .table .row.selected.highlighted {
  background-color: #f8f8f8;
}
.sf__calculator .sf__main .table .row.info .item {
  white-space: nowrap;
}
.sf__calculator .sf__main .table .row-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  position: absolute;
  background: transparent;
}
.sf__calculator .sf__main .table .row-overlay.pointer {
  cursor: pointer;
}
.sf__calculator .sf__main .table .item {
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.sf__calculator .sf__main .table .item.alt {
  padding: 10px;
}
.sf__calculator .sf__main .table .item.bold {
  font-weight: 700;
}
.sf__calculator .sf__main .table .item .more {
  font-weight: 400;
  color: #bababa;
}
.sf__calculator .sf__main .table .item--label:after {
  margin-bottom: 20px;
  display: block;
  content: "";
}
.sf__calculator .sf__main .table .item .sf__select {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  display: none;
  cursor: pointer;
  box-shadow: none;
  position: absolute;
  background: transparent;
}
.sf__calculator .sf__main .table .item .link {
  color: #1d82df;
  font-size: 12px;
  padding-bottom: 1px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(29, 130, 223, 0.2);
}
.sf__calculator .sf__main .table .item .meta {
  display: none;
  padding-bottom: 10px;
}
.sf__calculator .sf__main .table.real .row {
  float: none;
  display: table-row;
  border-bottom: 1px solid #eaeaea;
}
.sf__calculator .sf__main .table.real .row:nth-child(odd) {
  background-color: #f8f8f8;
}
.sf__calculator .sf__main .table.real .row.keys {
  font-weight: 700;
}
.sf__calculator .sf__main .table.real .row.reverse .item {
  font-style: italic;
}
.sf__calculator .sf__main .table.real .row.formal .item {
  color: #1d82df;
}
.sf__calculator .sf__main .table.real .row.formal .item:first-child {
  font-weight: 700;
}
.sf__calculator .sf__main .table.real .row.formal .item a {
  border-bottom: 1px solid rgba(29, 130, 223, 0.4);
}
.sf__calculator .sf__main .table.real .item {
  padding: 10px;
  display: table-cell;
}
.sf__calculator .sf__main .table.real .item.id {
  text-transform: uppercase;
}
.sf__calculator .sf__main .table.real .item.cost {
  max-width: 110px;
}
.sf__calculator .sf__main .table.real .item.email {
  max-width: 140px;
}
.sf__calculator .sf__main .table.real .item.timestamp {
  max-width: 120px;
}
.sf__calculator .sf__main .table.real .item .key-hidden {
  display: none;
  font-size: 8px;
  font-weight: 700;
  color: #bababa;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.sf__calculator .sf__main .table-empty {
  padding-top: 20px;
  text-align: center;
  color: #bababa;
  padding-bottom: 20px;
  text-transform: uppercase;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.sf__calculator .sf__main .disclaimers {
  padding-top: 10px;
}
.sf__calculator .sf__main .disclaimers:before, .sf__calculator .sf__main .disclaimers:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main .disclaimers:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main .disclaimers .text {
  color: #7a7a7a;
  line-height: 2;
  font-size: 12px;
  font-style: italic;
}
.sf__calculator .sf__main .disclaimers .text.alt {
  margin-top: 20px;
  color: #bababa;
}
.sf__calculator .sf__main .chart-wrapper {
  padding-top: 40px;
}
.sf__calculator .sf__main .chart-wrapper:before, .sf__calculator .sf__main .chart-wrapper:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main .chart-wrapper:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main .chart-wrapper > .chart:not(.chart-image),
.sf__calculator .sf__main .chart-wrapper > .chart-minimal {
  position: relative;
  height: 400px;
  box-sizing: border-box;
}
.sf__calculator .sf__main .chart {
  display: block;
}
.sf__calculator .sf__main .chart .arrow-box {
  left: 0;
  top: -70px;
  min-width: 100%;
  position: absolute;
}
.sf__calculator .sf__main .chart .arrow-box--image {
  top: -6px;
  left: -110px;
  width: 160px;
  height: 160px;
  position: absolute;
  transform: rotate(25deg);
  background-size: 100%;
  background-position: center;
  background-image: url("/assets/arrow-down-B4ZZdWVd.svg");
}
.sf__calculator .sf__main .chart .arrow-box--text {
  top: 0;
  left: 20px;
  font-size: 32px;
  font-weight: 300;
  color: #94ce58;
  position: absolute;
  font-family: "Caveat", cursive;
  z-index: 10;
}
.sf__calculator .sf__main .chart.chart-image {
  position: relative;
  padding-top: 25%;
  padding-bottom: 25%;
  background-size: cover;
  background-image: url("/assets/graph-blurred-Bo5SZUFx.jpg");
}
.sf__calculator .sf__main .chart.chart-image .chart-form {
  left: 0;
  right: 0;
  top: 80px;
  position: absolute;
}
.sf__calculator .sf__main .chart.chart-image .chart-form .sf__form {
  border-radius: 2px;
  position: relative;
  padding: 25px 20px 15px;
  background-color: rgba(255, 255, 255, 0.9);
}
.sf__calculator .sf__main .chart.chart-image .chart-form .form-error {
  clear: both;
  margin-bottom: 0;
}
.sf__calculator .sf__main .chart.chart-image.simplify {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: -40px;
  background-image: none;
}
.sf__calculator .sf__main .chart.chart-image.simplify .arrow-box {
  display: none;
}
.sf__calculator .sf__main .chart.chart-image.simplify .chart-form {
  top: auto;
  left: auto;
  right: auto;
  position: relative;
}
.sf__calculator .sf__main .chart.chart-image.simplify .chart-form:before, .sf__calculator .sf__main .chart.chart-image.simplify .chart-form:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main .chart.chart-image.simplify .chart-form:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main .chart.chart-image.simplify .chart-form .sf__form {
  padding: 0;
  max-width: 100%;
  box-shadow: none;
}
.sf__calculator .sf__main .chart.chart-image.simplify .chart-form .sf__form .fieldset-inline {
  width: 40%;
  float: left;
  margin-right: 2%;
}
.sf__calculator .sf__main .chart.chart-image.simplify .chart-form .sf__form .fieldset-inline-button {
  width: 16%;
  float: left;
  padding-top: 24px;
}
.sf__calculator .sf__main .chart.chart-image.simplify .chart-form .sf__form .fieldset-inline-button .sf__button {
  float: none;
  width: 100%;
}
.sf__calculator .sf__main .chart-minimal {
  display: none;
}
.sf__calculator .sf__main .infograph-box {
  margin-top: 40px;
  position: relative;
  border: 1px solid #eaeaea;
}
.sf__calculator .sf__main .infograph-box:before, .sf__calculator .sf__main .infograph-box:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main .infograph-box:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main .infograph-box .legend {
  left: 0;
  right: 0;
  top: -15px;
  text-align: center;
  position: absolute;
}
.sf__calculator .sf__main .infograph-box .legend .text {
  color: #ffffff;
  display: inline;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 18px;
  border-radius: 20px;
  letter-spacing: 1px;
  background-color: #1d82df;
  text-transform: uppercase;
}
.sf__calculator .sf__main .infograph-box .info {
  width: 25%;
  float: left;
  color: #7a7a7a;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 10px 20px;
  border-right: 1px solid #eaeaea;
}
.sf__calculator .sf__main .infograph-box .info.savings {
  border-right: none;
}
.sf__calculator .sf__main .infograph-box .info.positive {
  color: #39b44a;
}
.sf__calculator .sf__main .infograph-box .info.positive.savings .icon {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%3e%3cg%20fill='%2339B44A'%3e%3cpath%20d='M7.474%2011.492a.892.892%200%2001-.891-.891.5.5%200%2000-1%200c0%20.869.592%201.594%201.391%201.814v.502a.5.5%200%20001%200v-.502a1.886%201.886%200%2000-.5-3.707.892.892%200%20010-1.782.89.89%200%2001.89.891.5.5%200%20001%200c0-.869-.591-1.594-1.39-1.814V5.5a.5.5%200%2000-1%200v.504a1.886%201.886%200%2000-1.391%201.814c0%201.043.848%201.891%201.891%201.891a.892.892%200%20010%201.783zM16.474%2011.492a.892.892%200%2001-.891-.891.5.5%200%2000-1%200c0%20.869.592%201.594%201.391%201.814v.502a.5.5%200%20001%200v-.502a1.886%201.886%200%2000-.5-3.707.892.892%200%20010-1.782.89.89%200%2001.89.891.5.5%200%20001%200c0-.869-.591-1.594-1.39-1.814V5.5a.5.5%200%2000-1%200v.504a1.886%201.886%200%2000-1.391%201.814c0%201.043.848%201.891%201.891%201.891a.892.892%200%20010%201.783z'/%3e%3cpath%20d='M12%200C5.383%200%200%205.383%200%2012s5.383%2012%2012%2012%2012-5.383%2012-12S18.617%200%2012%200zm0%2023C5.935%2023%201%2018.065%201%2012S5.935%201%2012%201s11%204.935%2011%2011-4.935%2011-11%2011z'/%3e%3cpath%20d='M18.745%2014.564a.497.497%200%2000-.681.19c-1.239%202.203-3.578%203.487-6.146%203.482-2.55-.022-4.84-1.348-5.978-3.459a.501.501%200%2000-.88.476c1.311%202.432%203.935%203.959%206.849%203.984h.078c2.948%200%205.542-1.488%206.949-3.992a.5.5%200%2000-.191-.681z'/%3e%3c/g%3e%3cpath%20fill='none'%20d='M0%200h24v24H0z'/%3e%3c/svg%3e");
}
.sf__calculator .sf__main .infograph-box .info .icon {
  width: 40px;
  height: 40px;
  margin: 0 auto 10px;
  background-size: 100%;
  background-position: center;
}
.sf__calculator .sf__main .infograph-box .info .value {
  font-size: 20px;
  font-weight: 700;
}
.sf__calculator .sf__main .infograph-box .info .text {
  opacity: 0.75;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.sf__calculator .sf__main .infograph-box .info.old-bill .icon {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%3e%3cpath%20d='M16%208.266V8h5.5a.5.5%200%2000.32-.885l-6-5c-.011-.009-.024-.011-.035-.019-.01-.007-.017-.019-.028-.026-.01-.005-.021-.005-.032-.011a.299.299%200%2000-.058-.025c-.02-.008-.04-.012-.061-.017a.616.616%200%2000-.075-.011c-.01%200-.019-.006-.031-.006h-6c-.012%200-.021.006-.032.006a.646.646%200%2000-.075.011c-.021.005-.04.009-.061.017s-.038.016-.058.026c-.01.006-.021.006-.032.011-.011.007-.017.019-.028.026-.011.007-.024.01-.034.019l-6%205A.498.498%200%20003.5%208H9v.266l-5.82%204.85A.5.5%200%20003.5%2014h4.846l-3.809%209.311a.5.5%200%2000.925.379l.751-1.837%206.286-3.457%206.286%203.457.751%201.837a.503.503%200%2000.653.273.5.5%200%2000.273-.652L16.654%2014H21.5a.5.5%200%2000.32-.885L16%208.266zm-1%202.429L13.083%207.5%2015%204.305v6.39zm-2.5-4.167L10.383%203h4.234L12.5%206.528zm-.583.972L10%2010.695v-6.39L11.917%207.5zm-1.968%205.224L12.5%208.472l2.551%204.252.113.276H9.836l.113-.276zM16%207V3.568L20.119%207H16zM4.881%207L9%203.568V7H4.881zm0%206L9%209.568v2.834L8.755%2013H4.881zm1.935%207.38l1.707-4.172%202.939%201.617-4.646%202.555zm6.721-2.555l2.939-1.617%201.707%204.172-4.646-2.555zm2.559-2.548L12.5%2017.254l-3.595-1.977L9.427%2014h6.146l.523%201.277zM16.245%2013L16%2012.402V9.568L20.119%2013h-3.874z'%20fill='%237A7A7A'/%3e%3cpath%20fill='none'%20d='M0%200h24v24H0z'/%3e%3c/svg%3e");
}
.sf__calculator .sf__main .infograph-box .info.new-bill .icon {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%3e%3cg%20fill='%237A7A7A'%3e%3cpath%20d='M9.5%202a.5.5%200%2000.5-.5v-1a.5.5%200%2000-1%200v1a.5.5%200%2000.5.5zM3.146%203.855a.5.5%200%2010.708-.706l-1-1a.5.5%200%2000-.707.707l.999.999zM15.5%204a.502.502%200%2000.354-.146l1-1a.5.5%200%2000-.707-.707l-1%201A.5.5%200%200015.5%204zM1.5%209h-1a.5.5%200%20000%201h1a.5.5%200%20000-1zM3.363%2011.625a.5.5%200%2000.944-.332A5.35%205.35%200%20014%209.5C4%206.468%206.467%204%209.5%204c1.567%200%203.066.676%204.112%201.855a.5.5%200%2000.748-.664A6.506%206.506%200%20009.5%203%206.508%206.508%200%20003%209.5c0%20.728.122%201.443.363%202.125z'/%3e%3cpath%20d='M23.878%2018.151l-4.941-8.895A.502.502%200%200018.5%209h-11a.5.5%200%2000-.437.257l-5%209A.5.5%200%20002.5%2019H11v4.5a.5.5%200%2000.5.5h3a.5.5%200%2000.5-.5V19h8.52a.5.5%200%2000.358-.849zM14.5%2018H9.624l.444-2h5.864l.444%202H14.5zm-4.21-3l.444-2h4.531l.444%202H10.29zm-1.024%200H5.017l1.111-2H9.71l-.444%202zm5.333-5l.444%202h-4.086l.444-2h3.198zm1.691%203h3.582l1.111%202h-4.249l-.444-2zm3.027-1h-3.249l-.444-2h2.582l1.111%202zM7.794%2010h2.582l-.444%202H6.683l1.111-2zm-3.333%206h4.582l-.444%202H3.35l1.111-2zM14%2023h-2v-4h2v4zm3.401-5l-.444-2h4.582l1.111%202h-5.249z'/%3e%3c/g%3e%3cpath%20fill='none'%20d='M0%200h24v24H0z'/%3e%3c/svg%3e");
}
.sf__calculator .sf__main .infograph-box .info.repayment .icon {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%3e%3cg%20fill='%237A7A7A'%3e%3cpath%20d='M17.5%2011c-3.584%200-6.5%202.916-6.5%206.5s2.916%206.5%206.5%206.5%206.5-2.916%206.5-6.5-2.916-6.5-6.5-6.5zm0%2012c-3.032%200-5.5-2.467-5.5-5.5s2.468-5.5%205.5-5.5%205.5%202.467%205.5%205.5-2.468%205.5-5.5%205.5z'/%3e%3cpath%20d='M20.146%2015.146L16.5%2018.793l-1.646-1.646a.5.5%200%2000-.707.707l2%202a.498.498%200%2000.707%200l4-4a.5.5%200%2000-.708-.708zM11.5%2012.5a.5.5%200%2000-.5-.5H2.5c-.827%200-1.5-.673-1.5-1.5V4h16v5a.5.5%200%20001%200V2.5C18%201.122%2016.879%200%2015.5%200h-13A2.503%202.503%200%20000%202.5v8C0%2011.878%201.121%2013%202.5%2013H11a.5.5%200%2000.5-.5zM2.5%201h13c.827%200%201.5.673%201.5%201.5V3H1v-.5C1%201.673%201.673%201%202.5%201z'/%3e%3cpath%20d='M9%205.5a.5.5%200%2000-.5-.5h-5a.5.5%200%20000%201h5a.5.5%200%2000.5-.5zM13.5%205a.5.5%200%20000%201h2a.5.5%200%20000-1h-2zM3.5%207a.5.5%200%20000%201h3a.5.5%200%20000-1h-3z'/%3e%3c/g%3e%3cpath%20fill='none'%20d='M0%200h24v24H0z'/%3e%3c/svg%3e");
}
.sf__calculator .sf__main .infograph-box .info.savings .icon {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%3e%3cg%20fill='%237A7A7A'%3e%3cpath%20d='M7.474%2011.492a.892.892%200%2001-.891-.891.5.5%200%2000-1%200c0%20.869.592%201.594%201.391%201.814v.502a.5.5%200%20001%200v-.502a1.886%201.886%200%2000-.5-3.707.892.892%200%20010-1.782.89.89%200%2001.89.891.5.5%200%20001%200c0-.869-.591-1.594-1.39-1.814V5.5a.5.5%200%2000-1%200v.504a1.886%201.886%200%2000-1.391%201.814c0%201.043.848%201.891%201.891%201.891a.892.892%200%20010%201.783zM16.474%2011.492a.892.892%200%2001-.891-.891.5.5%200%2000-1%200c0%20.869.592%201.594%201.391%201.814v.502a.5.5%200%20001%200v-.502a1.886%201.886%200%2000-.5-3.707.892.892%200%20010-1.782.89.89%200%2001.89.891.5.5%200%20001%200c0-.869-.591-1.594-1.39-1.814V5.5a.5.5%200%2000-1%200v.504a1.886%201.886%200%2000-1.391%201.814c0%201.043.848%201.891%201.891%201.891a.892.892%200%20010%201.783z'/%3e%3cpath%20d='M12%200C5.383%200%200%205.383%200%2012s5.383%2012%2012%2012%2012-5.383%2012-12S18.617%200%2012%200zm0%2023C5.935%2023%201%2018.065%201%2012S5.935%201%2012%201s11%204.935%2011%2011-4.935%2011-11%2011z'/%3e%3cpath%20d='M18.745%2014.564a.497.497%200%2000-.681.19c-1.239%202.203-3.578%203.487-6.146%203.482-2.55-.022-4.84-1.348-5.978-3.459a.501.501%200%2000-.88.476c1.311%202.432%203.935%203.959%206.849%203.984h.078c2.948%200%205.542-1.488%206.949-3.992a.5.5%200%2000-.191-.681z'/%3e%3c/g%3e%3cpath%20fill='none'%20d='M0%200h24v24H0z'/%3e%3c/svg%3e");
}
.sf__calculator .sf__main .tabs {
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 30px;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-bottom: 1px solid #eaeaea;
}
.sf__calculator .sf__main .tabs .tab {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-right: 20px;
  display: inline-block;
  border-bottom: 2px solid transparent;
}
.sf__calculator .sf__main .tabs .tab.active {
  color: #f15c30;
  border-bottom-color: #f15c30;
}
.sf__calculator .sf__main .table-form .table-input {
  margin: 0;
  width: 60%;
  border: none;
  outline: none;
  padding: 10px;
  color: #515151;
  text-align: center;
  background-color: #f8f8f8;
}
.sf__calculator .sf__main .table-form .sf__button {
  float: right;
  border: none;
  outline: none;
  color: #ffffff;
  font-size: 12px;
  margin-top: 20px;
  line-height: 12px;
  font-weight: 700;
  padding: 16px 24px;
  border-radius: 2px;
  background-color: #1d82df;
  text-transform: uppercase;
}
.sf__calculator .sf__main .table-form .sf__button.disabled {
  cursor: default;
  background-color: #bababa;
}
.sf__calculator .sf__main .table.real.special .row.keys {
  min-width: 120px;
}
.sf__calculator .sf__main .table.real.special .row:nth-child(odd) {
  background-color: #ffffff;
}
.sf__calculator .sf__main .table.real.special .row .item.keys {
  min-width: 80px;
  white-space: nowrap;
  text-transform: capitalize;
}
.sf__calculator .sf__main .sf__filter {
  max-width: 100%;
  display: flex;
}
.sf__calculator .sf__main .calculation-option {
  width: 20%;
  margin-right: 30px;
}
.sf__calculator .sf__main .calculation-option .selector {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: 25px;
}
.sf__calculator .sf__main .calculator-nav .sf__button {
  border: none;
  outline: none;
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  padding: 12px 20px;
  border-radius: 2px;
  text-transform: uppercase;
  background-color: #f15c30;
  box-sizing: border-box;
  cursor: pointer;
}
.sf__calculator .sf__main .calculator-nav .sf__button.alt {
  color: #515151;
  background-color: #f8f8f8;
  border: 1px solid #eaeaea;
}
.sf__calculator .sf__main .page--home {
  margin: 0 auto;
  max-width: 400px;
}
.sf__calculator .sf__main .page--home .steps {
  margin-top: 30px;
  border-top: 1px solid #eaeaea;
}
.sf__calculator .sf__main .page--home .steps .step {
  font-size: 14px;
  position: relative;
  padding: 15px 0 15px 30px;
  border-bottom: 1px solid #eaeaea;
}
.sf__calculator .sf__main .page--home .steps .step .num {
  left: 0;
  top: 50%;
  color: #f15c30;
  font-size: 18px;
  font-weight: 700;
  margin-top: -9px;
  line-height: 18px;
  position: absolute;
}
.sf__calculator .sf__main .page--home .icon-buttons {
  padding-top: 30px;
  padding-bottom: 30px;
}
.sf__calculator .sf__main .page--home .icon-buttons:before, .sf__calculator .sf__main .page--home .icon-buttons:after {
  content: " ";
  display: table;
}
.sf__calculator .sf__main .page--home .icon-buttons:after {
  clear: both;
  display: block;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.sf__calculator .sf__main .page--home .icon-buttons .icon-button {
  width: 48%;
  float: left;
  padding: 20px;
  cursor: pointer;
  text-align: center;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: #f68128;
  background-image: linear-gradient(-45deg, #f15c30 50%, #f68128);
}
.sf__calculator .sf__main .page--home .icon-buttons .icon-button .text {
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.sf__calculator .sf__main .page--home .icon-buttons .icon-button .icon {
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin: 0 auto 4px;
  background-size: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20125'%3e%3cswitch%3e%3cg%3e%3cpath%20fill='%23fff'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M86.8%2095h-30c-2.6%200-4.8-2.2-4.8-4.8v-47c0-2.6%202.2-4.8%204.8-4.8h30.1c2.6%200%204.8%202.2%204.8%204.8v47c-.1%202.6-2.2%204.8-4.9%204.8zm-17.6-6.6c.7.7%201.6%201.1%202.6%201.1%202%200%203.7-1.7%203.7-3.7%200-1-.4-1.9-1.1-2.6-.7-.7-1.6-1.1-2.6-1.1-2%200-3.7%201.7-3.7%203.7%200%201%20.4%202%201.1%202.6zm2.6-9.7c2%200%203.7-1.7%203.7-3.7s-1.7-3.7-3.7-3.7-3.7%201.7-3.7%203.7c0%202.1%201.7%203.7%203.7%203.7zm0-10.8c2%200%203.7-1.7%203.7-3.7s-1.7-3.7-3.7-3.7-3.7%201.7-3.7%203.7%201.7%203.7%203.7%203.7zM57.6%2088.4c.7.7%201.6%201.1%202.6%201.1%202%200%203.7-1.7%203.7-3.7%200-1-.4-1.9-1.1-2.6-.7-.7-1.6-1.1-2.6-1.1-2%200-3.7%201.7-3.7%203.7.1%201%20.5%202%201.1%202.6zm2.7-9.7c2%200%203.7-1.7%203.7-3.7s-1.7-3.7-3.7-3.7-3.7%201.7-3.7%203.7c0%202.1%201.6%203.7%203.7%203.7zm0-10.8c2%200%203.7-1.7%203.7-3.7s-1.7-3.7-3.7-3.7-3.7%201.7-3.7%203.7%201.6%203.7%203.7%203.7zm23.1-21.5H60.2c-2%200-3.7%201.7-3.7%203.7%200%201.7%201.2%203.2%202.8%203.6.3.1.6.1.9.1h23.1c2%200%203.7-1.7%203.7-3.7s-1.6-3.7-3.6-3.7zm0%2014.1c-1%200-1.9.4-2.6%201.1s-1.1%201.6-1.1%202.6c0%202%201.7%203.7%203.7%203.7s3.7-1.7%203.7-3.7c-.1-2-1.7-3.7-3.7-3.7zm0%2010.8c-1%200-1.9.4-2.6%201.1-.7.7-1.1%201.6-1.1%202.6%200%202%201.7%203.7%203.7%203.7s3.7-1.7%203.7-3.7c-.1-2-1.7-3.7-3.7-3.7zM86%2083.2c-.7-.7-1.6-1.1-2.6-1.1s-1.9.4-2.6%201.1c-.7.7-1.1%201.6-1.1%202.6s.4%201.9%201.1%202.6c.7.7%201.6%201.1%202.6%201.1%202%200%203.7-1.7%203.7-3.7-.1-1-.5-1.9-1.1-2.6zM62.9%2028.6l-.9-1c-.7-.8-1.4-1.6-2.2-2.3l-1-.9%208.6-8.6c.5-.5%201.3-.8%202-.8.8%200%201.5.3%202.1.9.5.5.8%201.3.8%202.1s-.3%201.5-.9%202l-8.5%208.6zm-.7%206.4h-5.4c-.4%200-.7%200-1.1.1-2.2-3.3-6-5.5-10.3-5.5C38.5%2029.6%2033%2035.2%2033%2042c0%206.9%205.6%2012.4%2012.4%2012.4%201.1%200%202.2-.1%203.3-.4v5.9c-1.1.2-2.2.3-3.3.3-4.9%200-9.4-1.9-12.9-5.3-3.4-3.4-5.3-8-5.3-12.9s1.9-9.4%205.3-12.9c3.4-3.4%208-5.3%2012.9-5.3s9.4%201.9%2012.9%205.3c1.7%201.7%203%203.7%203.9%205.9zM47%2020c-1-.1-2.1-.1-3.2%200l-1.3.1V7.9c0-1.6%201.3-2.9%202.9-2.9.8%200%201.5.3%202.1.9.5.5.8%201.3.8%202.1v12.2L47%2020zm-18.3%207.5l-.9%201-8.6-8.6c-1.1-1.1-1.1-3%200-4.1.5-.5%201.3-.8%202-.8.8%200%201.5.3%202.1.9l8.6%208.6-1%20.9c-.7.5-1.5%201.3-2.2%202.1zm-5.3%2012.8c-.1%201.1-.1%202.1%200%203.2l.1%201.3H11.3c-.8%200-1.5-.3-2-.9-.5-.5-.8-1.3-.8-2.1%200-1.6%201.3-2.9%202.9-2.9h12.2l-.2%201.4zm4.4%2015.1l.9%201c.7.8%201.4%201.6%202.2%202.3l1%20.9-8.6%208.6c-.5.5-1.3.8-2%20.8-.8%200-1.5-.3-2.1-.9-1.1-1.1-1.1-3%200-4.1l8.6-8.6zM43.7%2064c1%20.1%202.1.1%203.2%200l1.3-.1v12.2c0%201.6-1.3%202.9-2.9%202.9-1.6%200-2.9-1.3-2.9-2.9V63.9l1.3.1z'/%3e%3c/g%3e%3c/switch%3e%3c/svg%3e");
}
.sf__calculator .sf__main .page--home .icon-buttons .icon-button.spaced {
  margin-left: 4%;
  background-color: #f68128;
  background-image: linear-gradient(45deg, #f15c30 50%, #f68128);
}
.sf__calculator .sf__main .page--home .icon-buttons .icon-button.spaced .icon {
  transform: scaleX(-1);
}
.sf__calculator .sf__main .sf__loading {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
}
.sf__calculator .sf__main .sf__loading .sf__loading-box {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 400px) {
  .sf__calculator .sf__main .form .selector-wrapper.sf__radio {
    margin-right: 15px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 820px) {
  .sf__calculator .sf__main .table .row.info {
    display: none;
  }
  .sf__calculator .sf__main .table .row.selected {
    display: block;
  }
  .sf__calculator .sf__main .table .row-overlay {
    display: none;
  }
  .sf__calculator .sf__main .table .item {
    padding: 18px;
    position: relative;
  }
  .sf__calculator .sf__main .table .item.link-item {
    display: none;
  }
  .sf__calculator .sf__main .table .item.with-select {
    padding-left: 28px;
    padding-right: 28px;
  }
  .sf__calculator .sf__main .table .item.with-select:after {
    top: 50%;
    width: 0;
    height: 0;
    right: 18px;
    margin-top: -3px;
    position: absolute;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #bababa transparent transparent transparent;
    content: "";
  }
  .sf__calculator .sf__main .table .item .sf__select {
    display: block;
  }
  .sf__calculator .sf__main .table.real {
    display: block;
  }
  .sf__calculator .sf__main .table.real .row {
    width: 100%;
    display: block;
  }
  .sf__calculator .sf__main .table.real .row.keys {
    display: none;
  }
  .sf__calculator .sf__main .table.real .item {
    display: block;
    padding: 10px 0 0;
    border-bottom: none;
  }
  .sf__calculator .sf__main .table.real .item:first-child {
    padding-top: 25px;
  }
  .sf__calculator .sf__main .table.real .item:last-child {
    padding-bottom: 30px;
  }
  .sf__calculator .sf__main .table.real .item.cost, .sf__calculator .sf__main .table.real .item.email, .sf__calculator .sf__main .table.real .item.timestamp {
    max-width: none;
  }
  .sf__calculator .sf__main .table.real .item .key-hidden {
    display: block;
  }
}
@media screen and (max-width: 400px) {
  .sf__calculator .sf__main .table .item {
    padding-left: 6px;
    padding-right: 6px;
  }
  .sf__calculator .sf__main .table .item.with-select {
    padding-left: 16px;
    padding-right: 36px;
  }
}
@media screen and (max-width: 340px) {
  .sf__calculator .sf__main .table .item {
    font-size: 12px;
  }
}
@media screen and (max-width: 640px) {
  .sf__calculator .sf__main .chart {
    display: none;
  }
  .sf__calculator .sf__main .chart-minimal {
    display: block;
  }
}
@media screen and (max-width: 820px) {
  .sf__calculator .sf__main .chart .arrow-box {
    top: auto;
    left: auto;
    position: relative;
    margin-bottom: 20px;
  }
  .sf__calculator .sf__main .chart .arrow-box--image {
    top: 5px;
    left: -60px;
    width: 70px;
    height: 70px;
  }
  .sf__calculator .sf__main .chart .arrow-box--text {
    top: auto;
    left: auto;
    transform: none;
    font-size: 24px;
    padding-left: 10px;
    position: relative;
  }
  .sf__calculator .sf__main .chart.chart-image {
    padding-top: 0;
    padding-bottom: 0;
    background-image: none;
  }
  .sf__calculator .sf__main .chart.chart-image .chart-form {
    top: auto;
    left: auto;
    right: auto;
    position: relative;
  }
  .sf__calculator .sf__main .chart.chart-image .chart-form .sf__form {
    padding: 0;
    box-shadow: none;
  }
  .sf__calculator .sf__main .chart.chart-image.simplify .chart-form .sf__form {
    max-width: 400px;
  }
  .sf__calculator .sf__main .chart.chart-image.simplify .chart-form .sf__form .fieldset-inline {
    width: auto;
    float: none;
    margin-right: 0;
  }
  .sf__calculator .sf__main .chart.chart-image.simplify .chart-form .sf__form .fieldset-inline-button {
    float: none;
    padding-top: 0;
  }
  .sf__calculator .sf__main .infograph-box .info {
    width: 50%;
  }
  .sf__calculator .sf__main .infograph-box .info.new-bill {
    border-right: none;
  }
  .sf__calculator .sf__main .infograph-box .info.old-bill, .sf__calculator .sf__main .infograph-box .info.new-bill {
    border-bottom: 1px solid #eaeaea;
  }
  .sf__calculator .sf__main .table.real.special {
    display: block;
  }
  .sf__calculator .sf__main .table.real.special .row .item {
    padding: 14px;
  }
  .sf__calculator .sf__main .table.real.special .row .meta {
    display: block;
  }
  .sf__calculator .sf__main .table.real.special .keys {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .sf__calculator .sf__main .chart .arrow-box--image {
    display: none;
  }
  .sf__calculator .sf__main .chart .arrow-box--text {
    padding-left: 0;
  }
  .sf__calculator .sf__main .chart.chart-image {
    display: block;
  }
}.container {
  max-width: 1140px !important;
}

.sf__loading .sf__loading-box {
  width: 80px !important;
  height: 80px !important;
}

.sf__main .sf__wrapper {
  width: 100% !important;
}

.sf__main .page--logs .filter-box {
  max-width: 100%;
  margin-bottom: 10px;
}
.sf__main .page--logs .filter-box fieldset {
  margin-right: 17px !important;
}
.sf__main .page--logs .filter-box .btn-filter {
  padding: 15px 22px;
}
.sf__main .page--logs .filter-box .log-search {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #bababa !important;
  box-sizing: border-box !important;
  height: 42px;
}
.sf__main .page--logs .modal-content {
  max-width: 50% !important;
}
.sf__main .page--logs .modal-content .sf__form {
  max-width: 100%;
}
.sf__main .page--logs .modal-content .sf__form .column-filter {
  max-height: 400px;
}
.sf__main .page--logs .modal-content .btn-submit {
  background: #f15c30;
  color: white;
  cursor: pointer;
}
.sf__main .page--logs .modal-content .date-range-picker {
  border: 1px solid #e5e7eb !important;
  border-style: solid !important;
  border-radius: 0;
  padding: 5px;
}
.sf__main .page--logs .modal-content .range-picker {
  padding: 0;
}
.sf__main .page--logs .modal-content .amount-input {
  width: 100%;
  border: 1px solid #e5e7eb !important;
  border-style: solid !important;
}.exports-page-container {
  padding: 2rem;
  background: #fafbfc;
  border-radius: 12px;
  margin: 2rem auto;
}
@media (max-width: 768px) {
  .exports-page-container {
    padding: 1rem;
  }
}
@media (max-width: 480px) {
  .exports-page-container {
    padding: 0.5rem;
  }
}

.exports-header {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .exports-header {
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
  }
}
@media (max-width: 480px) {
  .exports-header {
    flex-direction: column;
    gap: 0.75rem;
    align-items: stretch;
  }
}

.exports-select {
  flex: 1;
}
@media (max-width: 768px) {
  .exports-select {
    width: 100%;
  }
}

.exports-button {
  height: 40px;
}
@media (max-width: 768px) {
  .exports-button {
    width: 100%;
    min-width: 0;
  }
}.action-btn--edit {
  color: inherit;
}
.action-btn .button__text {
  display: inline-flex;
}
.action-btn:hover {
  background-color: transparent !important;
  opacity: 0.8;
}.product-type-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  gap: 1rem;
}
.product-type-header__actions {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-shrink: 0;
}
.product-type-header .search-form {
  display: flex;
  gap: 0.5rem;
  flex: 1;
  align-items: center;
  max-width: 500px;
}
.product-type-header .search-input {
  flex: 1;
  min-width: 0;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 0.75rem 1rem;
  font-size: 14px;
  transition: all 0.2s ease;
  outline: none;
}
.product-type-header .search-input:focus {
  border-color: #f97316;
  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.1);
}
.product-type-header .search-input::-moz-placeholder {
  color: #9ca3af;
}
.product-type-header .search-input::placeholder {
  color: #9ca3af;
}

.product-type-action-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  min-height: 44px;
  transition: all 300ms ease;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
.product-type-action-btn--export {
  background-color: #10b981;
  color: white;
}
.product-type-action-btn--export:hover:not(:disabled) {
  background-color: #059669;
  transform: translateY(-1px);
}
.product-type-action-btn--export:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.product-type-action-btn--add {
  background-color: #ff6b00;
  color: white;
}
.product-type-action-btn--add:hover {
  background-color: #e55a00;
  transform: translateY(-1px);
}
.product-type-action-btn__badge {
  background-color: #065f46;
  color: white;
  font-size: 12px;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .product-type-header {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .product-type-header .search-form {
    width: 100%;
    max-width: none;
    flex-direction: row;
    gap: 0.5rem;
    align-items: stretch;
  }
  .product-type-header .search-input {
    flex: 1;
    min-width: 0;
    font-size: 16px;
    padding: 0.875rem 1rem;
    min-height: 44px;
  }
  .product-type-header__actions {
    width: 100%;
    flex-direction: column;
    gap: 0.75rem;
  }
  .product-type-action-btn {
    width: 100%;
    justify-content: center;
    padding: 0.875rem 1rem;
    font-size: 15px;
    min-height: 48px;
  }
  .product-type-action-btn__badge {
    font-size: 11px;
    padding: 0.375rem 0.625rem;
  }
}
@media (max-width: 480px) {
  .product-type-header {
    gap: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .product-type-header .search-form {
    gap: 0.375rem;
  }
  .product-type-header .search-input {
    padding: 0.75rem 0.875rem;
    font-size: 16px;
    min-height: 40px;
  }
  .product-type-header__actions {
    gap: 0.5rem;
  }
  .product-type-action-btn {
    padding: 0.75rem 0.875rem;
    font-size: 14px;
    min-height: 44px;
  }
  .product-type-action-btn__badge {
    font-size: 10px;
    padding: 0.25rem 0.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .product-type-header {
    gap: 1.5rem;
  }
  .product-type-header__actions {
    gap: 1rem;
  }
  .product-type-action-btn {
    padding: 0.75rem 1rem;
    font-size: 14px;
    min-height: 44px;
  }
}
@media (min-width: 1024px) {
  .product-type-header {
    gap: 2rem;
  }
  .product-type-header__actions {
    gap: 1rem;
  }
  .product-type-action-btn {
    padding: 0.75rem 1.25rem;
    font-size: 14px;
    min-height: 44px;
  }
}
@media (min-width: 1200px) {
  .product-type-header {
    gap: 3rem;
  }
  .product-type-header__actions {
    gap: 1.25rem;
  }
  .product-type-action-btn {
    padding: 0.75rem 1.5rem;
    font-size: 15px;
  }
}
.product-type-action-btn:focus-visible {
  outline: 2px solid #ff6b00;
  outline-offset: 2px;
}

.product-type-action-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}.profile-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  gap: 1rem;
}
.profile-header__left {
  flex: 1;
}
.profile-header__title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #374151;
  margin: 0 0 0.5rem 0;
}
.profile-header__subtitle {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
}
.profile-header__user {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background-color: #f9fafb;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
.profile-header__user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ff6b00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.875rem;
}
.profile-header__user-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.profile-header__user-name {
  font-size: 1rem;
  font-weight: 600;
  color: #374151;
  text-transform: uppercase;
}
.profile-header__user-email {
  font-size: 0.75rem;
  color: #6b7280;
}

.profile-codes {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.profile-codes__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #374151;
  margin: 0 0 0.25rem 0;
}
.profile-codes__subtitle {
  font-size: 0.813rem;
  color: #6b7280;
  margin: 0 0 1.25rem 0;
}
.profile-codes__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.profile-codes__field {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.profile-codes__label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.profile-codes__value-wrapper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.875rem;
  background-color: white;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
.profile-codes__value {
  flex: 1;
  font-size: 0.938rem;
  font-weight: 500;
  color: #111827;
  font-family: "SF Mono", "Fira Code", "Fira Mono", monospace;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.profile-codes__copy-btn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  background: none;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  color: #6b7280;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
  transition: all 300ms ease;
}
.profile-codes__copy-btn:hover {
  color: #374151;
  border-color: #9ca3af;
  background-color: #f3f4f6;
}
.profile-codes__copy-text {
  font-size: 0.75rem;
}

.profile-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}
.profile-form__right {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.profile-form__group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.profile-form__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.25rem;
}
.profile-form__input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.profile-form__input {
  flex: 1;
  padding-right: 3rem;
}
.profile-form__toggle-btn {
  position: absolute;
  right: 0.75rem;
  top: 35%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #6b7280;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 4px;
  transition: all 300ms ease;
}
.profile-form__toggle-btn:hover {
  color: #374151;
  background-color: #f3f4f6;
}
.profile-form__toggle-btn:focus-visible {
  outline: 2px solid #ff6b00;
  outline-offset: 2px;
}
.profile-form__strength {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.5rem;
}
.profile-form__strength-bar {
  flex: 1;
  height: 4px;
  background-color: #e5e7eb;
  border-radius: 2px;
  overflow: hidden;
}
.profile-form__strength-fill {
  height: 100%;
  transition: all 300ms ease;
}
.profile-form__strength-label {
  font-size: 0.75rem;
  font-weight: 500;
  min-width: 60px;
}
.profile-form__match {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 4px;
  transition: all 300ms ease;
}
.profile-form__match.valid {
  color: #059669;
  background-color: #f0fdf4;
  border: 1px solid #bbf7d0;
}
.profile-form__match.invalid {
  color: #dc2626;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
}
.profile-form__actions {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.profile-form__submit-btn {
  min-width: 140px;
  background-color: #ff6b00;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  transition: all 300ms ease;
}
.profile-form__submit-btn:hover:not(:disabled) {
  background-color: #e55a00;
  transform: translateY(-1px);
}
.profile-form__submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}
.profile-form__submit-btn:focus-visible {
  outline: 2px solid #ff6b00;
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .profile-codes {
    padding: 1.25rem;
    margin-bottom: 1.5rem;
  }
  .profile-codes__grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .profile-header {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
  .profile-header__title {
    font-size: 1.25rem;
  }
  .profile-header__user {
    width: 100%;
    justify-content: center;
  }
  .profile-header__user-name {
    font-size: 0.875rem;
  }
  .profile-header__user-email {
    font-size: 0.75rem;
  }
  .profile-form__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .profile-form__right {
    gap: 1rem;
  }
  .profile-form__actions {
    justify-content: center;
  }
  .profile-form__submit-btn {
    width: 100%;
    padding: 0.875rem 1rem;
    font-size: 15px;
    min-height: 48px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .profile-header {
    gap: 1.5rem;
    margin-bottom: 1.75rem;
  }
  .profile-form__grid {
    gap: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .profile-form__right {
    gap: 1.25rem;
  }
  .profile-form__submit-btn {
    padding: 0.75rem 1.25rem;
    font-size: 14px;
    min-height: 44px;
  }
}
@media (min-width: 1024px) {
  .profile-header {
    gap: 2rem;
    margin-bottom: 2rem;
  }
  .profile-form__grid {
    gap: 2rem;
    margin-bottom: 2rem;
  }
  .profile-form__right {
    gap: 1.5rem;
  }
  .profile-form__submit-btn {
    padding: 0.75rem 1.5rem;
    font-size: 14px;
    min-height: 44px;
  }
}
@media (min-width: 1200px) {
  .profile-header {
    gap: 3rem;
    margin-bottom: 2.5rem;
  }
  .profile-form__grid {
    gap: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .profile-form__right {
    gap: 1.75rem;
  }
  .profile-form__submit-btn {
    padding: 0.75rem 1.75rem;
    font-size: 15px;
  }
}
.profile-form .input-form {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.5;
  color: #374151;
  background-color: white;
  transition: border-color 300ms ease, box-shadow 300ms ease;
}
.profile-form .input-form:focus {
  outline: none;
  border-color: #ff6b00;
  box-shadow: 0 0 0 3px rgba(245, 122, 0, 0.1);
}
.profile-form .input-form::-moz-placeholder {
  color: #9ca3af;
}
.profile-form .input-form::placeholder {
  color: #9ca3af;
}
.profile-form .input-form:disabled {
  background-color: #f9fafb;
  color: #6b7280;
  cursor: not-allowed;
}
.profile-form .mt-1 {
  margin-top: 0.25rem;
}
.profile-form .text-red-600 {
  color: #dc2626;
}
.profile-form .min-h-\[1\.25rem\] {
  min-height: 1.25rem;
}
.profile-form .text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.profile-form__submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}

.profile-form__submit-btn:focus-visible {
  outline: 2px solid #ff6b00;
  outline-offset: 2px;
}

.profile-form .input-form.error {
  border-color: #dc2626;
}
.profile-form .input-form.error:focus {
  border-color: #dc2626;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

.profile-form__strength-fill {
  animation: strengthFill 0.3s ease-out;
}

@keyframes strengthFill {
  from {
    width: 0;
  }
}
.profile-form__toggle-btn:hover {
  transform: translateY(-50%) scale(1.05);
}

.profile-form__requirements-list li {
  transition: color 300ms ease;
}

.profile-form__match {
  animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}.condition-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  gap: 1rem;
}
.condition-header__actions {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-shrink: 0;
}

.condition-action-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  min-height: 44px;
  transition: all 300ms ease;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
.condition-action-btn--export {
  background-color: #10b981;
  color: white;
}
.condition-action-btn--export:hover:not(:disabled) {
  background-color: #059669;
  transform: translateY(-1px);
}
.condition-action-btn--export:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.condition-action-btn--add {
  background-color: #ff6b00;
  color: white;
}
.condition-action-btn--add:hover {
  background-color: #e55a00;
  transform: translateY(-1px);
}
.condition-action-btn__badge {
  background-color: #065f46;
  color: white;
  font-size: 12px;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-weight: 600;
}

.condition-tabs {
  display: flex;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 1.5rem;
  overflow-x: auto;
  gap: 0;
}
.condition-tabs .condition-tab {
  padding: 0.75rem 1.5rem;
  border: none;
  background: none;
  cursor: pointer;
  font-weight: 500;
  color: #6b7280;
  border-bottom: 2px solid transparent;
  transition: all 300ms ease;
  white-space: nowrap;
  min-height: 44px;
  display: flex;
  align-items: center;
}
.condition-tabs .condition-tab:hover {
  color: #ff6b00;
}
.condition-tabs .condition-tab--active {
  color: #ff6b00;
  border-bottom-color: #ff6b00;
}

.condition-tabs-mobile {
  margin-bottom: 1.5rem;
}
.condition-tabs-mobile .select {
  width: 100%;
  min-height: 48px;
  font-size: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background-color: white;
}
.condition-tabs-mobile .select:focus {
  border-color: #ff6b00;
  outline: none;
  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.1);
}

.min-reqs-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1.5rem;
  gap: 1rem;
}
.min-reqs-header__actions {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-shrink: 0;
}

.min-reqs-action-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  min-height: 44px;
  transition: all 300ms ease;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
.min-reqs-action-btn--add {
  background-color: #ff6b00;
  color: white;
}
.min-reqs-action-btn--add:hover {
  background-color: #e55a00;
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  .condition-header {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .condition-header__actions {
    width: 100%;
    flex-direction: column;
    gap: 0.75rem;
  }
  .condition-action-btn {
    width: 100%;
    justify-content: center;
    padding: 0.875rem 1rem;
    font-size: 15px;
    min-height: 48px;
  }
  .condition-action-btn__badge {
    font-size: 11px;
    padding: 0.375rem 0.625rem;
  }
  .condition-tabs {
    margin-bottom: 1rem;
    gap: 0;
  }
  .condition-tabs .condition-tab {
    padding: 0.75rem 1rem;
    font-size: 14px;
    min-height: 48px;
  }
  .condition-tabs-mobile {
    margin-bottom: 1rem;
  }
  .min-reqs-header {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .min-reqs-header__actions {
    width: 100%;
    flex-direction: column;
    gap: 0.75rem;
  }
  .min-reqs-action-btn {
    width: 100%;
    justify-content: center;
    padding: 0.875rem 1rem;
    font-size: 15px;
    min-height: 48px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .condition-header {
    gap: 1.5rem;
  }
  .condition-header__actions {
    gap: 1rem;
  }
  .condition-action-btn {
    padding: 0.75rem 1rem;
    font-size: 14px;
    min-height: 44px;
  }
  .condition-tabs .condition-tab {
    padding: 0.75rem 1.25rem;
    font-size: 14px;
  }
  .min-reqs-header {
    gap: 1.5rem;
  }
  .min-reqs-header__actions {
    gap: 1rem;
  }
  .min-reqs-action-btn {
    padding: 0.75rem 1rem;
    font-size: 14px;
    min-height: 44px;
  }
}
@media (min-width: 1024px) {
  .condition-header {
    gap: 2rem;
  }
  .condition-header__actions {
    gap: 1rem;
  }
  .condition-action-btn {
    padding: 0.75rem 1.25rem;
    font-size: 14px;
    min-height: 44px;
  }
  .condition-tabs .condition-tab {
    padding: 0.75rem 1.5rem;
    font-size: 14px;
  }
  .min-reqs-header {
    gap: 2rem;
  }
  .min-reqs-header__actions {
    gap: 1rem;
  }
  .min-reqs-action-btn {
    padding: 0.75rem 1.25rem;
    font-size: 14px;
    min-height: 44px;
  }
}
@media (min-width: 1200px) {
  .condition-header {
    gap: 3rem;
  }
  .condition-header__actions {
    gap: 1.25rem;
  }
  .condition-action-btn {
    padding: 0.75rem 1.5rem;
    font-size: 15px;
  }
  .condition-tabs .condition-tab {
    padding: 0.75rem 2rem;
    font-size: 15px;
  }
  .min-reqs-header {
    gap: 3rem;
  }
  .min-reqs-header__actions {
    gap: 1.25rem;
  }
  .min-reqs-action-btn {
    padding: 0.75rem 1.5rem;
    font-size: 15px;
  }
}
.condition-action-btn:focus-visible {
  outline: 2px solid #ff6b00;
  outline-offset: 2px;
}

.condition-tab:focus-visible {
  outline: 2px solid #ff6b00;
  outline-offset: 2px;
}

.min-reqs-action-btn:focus-visible {
  outline: 2px solid #ff6b00;
  outline-offset: 2px;
}

.condition-action-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}

.min-reqs-action-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
}
.status-badge--pending {
  background-color: #fef3c7;
  color: #92400e;
}
.status-badge--partially-received {
  background-color: #dbeafe;
  color: #1e40af;
}
.status-badge--completed {
  background-color: #d1fae5;
  color: #065f46;
}

.condition-actions {
  display: flex;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 576px) {
  .condition-actions {
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
  }
}
.condition-actions button,
.condition-actions a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 300ms ease;
  border: none;
  background: none;
  cursor: pointer;
}
.condition-actions button:hover,
.condition-actions a:hover {
  background-color: #f3f4f6;
}
.condition-actions button:disabled,
.condition-actions a:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.condition-actions button svg,
.condition-actions a svg {
  width: 16px;
  height: 16px;
}

.condition-tab-content {
  margin-top: 1rem;
}

.pending-reviews-content .pending-reviews-header,
.pending-reviews-content .recently-reviewed-header,
.pending-reviews-content .min-reqs-header,
.recently-reviewed-content .pending-reviews-header,
.recently-reviewed-content .recently-reviewed-header,
.recently-reviewed-content .min-reqs-header,
.customer-min-reqs-content .pending-reviews-header,
.customer-min-reqs-content .recently-reviewed-header,
.customer-min-reqs-content .min-reqs-header,
.supplier-min-reqs-content .pending-reviews-header,
.supplier-min-reqs-content .recently-reviewed-header,
.supplier-min-reqs-content .min-reqs-header,
.solaris-min-reqs-content .pending-reviews-header,
.solaris-min-reqs-content .recently-reviewed-header,
.solaris-min-reqs-content .min-reqs-header {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e5e7eb;
}
.pending-reviews-content .pending-reviews-header h3,
.pending-reviews-content .recently-reviewed-header h3,
.pending-reviews-content .min-reqs-header h3,
.recently-reviewed-content .pending-reviews-header h3,
.recently-reviewed-content .recently-reviewed-header h3,
.recently-reviewed-content .min-reqs-header h3,
.customer-min-reqs-content .pending-reviews-header h3,
.customer-min-reqs-content .recently-reviewed-header h3,
.customer-min-reqs-content .min-reqs-header h3,
.supplier-min-reqs-content .pending-reviews-header h3,
.supplier-min-reqs-content .recently-reviewed-header h3,
.supplier-min-reqs-content .min-reqs-header h3,
.solaris-min-reqs-content .pending-reviews-header h3,
.solaris-min-reqs-content .recently-reviewed-header h3,
.solaris-min-reqs-content .min-reqs-header h3 {
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.pending-reviews-content .pending-reviews-header p,
.pending-reviews-content .recently-reviewed-header p,
.pending-reviews-content .min-reqs-header p,
.recently-reviewed-content .pending-reviews-header p,
.recently-reviewed-content .recently-reviewed-header p,
.recently-reviewed-content .min-reqs-header p,
.customer-min-reqs-content .pending-reviews-header p,
.customer-min-reqs-content .recently-reviewed-header p,
.customer-min-reqs-content .min-reqs-header p,
.supplier-min-reqs-content .pending-reviews-header p,
.supplier-min-reqs-content .recently-reviewed-header p,
.supplier-min-reqs-content .min-reqs-header p,
.solaris-min-reqs-content .pending-reviews-header p,
.solaris-min-reqs-content .recently-reviewed-header p,
.solaris-min-reqs-content .min-reqs-header p {
  color: #6b7280;
  font-size: 14px;
}.logs-container {
  display: flex;
  gap: 1rem;
  min-height: 600px;
}

.logs-list-pane {
  width: 280px;
  flex-shrink: 0;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.logs-list-header {
  padding: 1rem;
  border-bottom: 1px solid #e5e7eb;
  background-color: #f9fafb;
}

.logs-list-title {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6b7280;
  margin: 0;
}

.logs-list-content {
  overflow-y: auto;
  flex: 1;
}

.log-file-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0.75rem 1rem;
  border: none;
  border-bottom: 1px solid #f3f4f6;
  background: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.15s;
}
.log-file-item:hover {
  background-color: #f9fafb;
}
.log-file-item.active {
  background-color: #eff6ff;
  border-left: 3px solid #3b82f6;
}

.log-file-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
}

.log-file-meta {
  font-size: 0.75rem;
  color: #9ca3af;
  margin-top: 0.25rem;
}

.logs-detail-pane {
  flex: 1;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.logs-detail-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e5e7eb;
  background-color: #f9fafb;
  flex-wrap: wrap;
}

.logs-filter-select,
.logs-search-input {
  padding: 0.375rem 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.875rem;
}

.logs-search-input {
  flex: 1;
  min-width: 200px;
}

.logs-action-btn {
  padding: 0.375rem 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: white;
  cursor: pointer;
  font-size: 0.875rem;
  transition: background-color 0.15s;
}
.logs-action-btn:hover {
  background-color: #f3f4f6;
}
.logs-action-btn.danger {
  color: #dc2626;
  border-color: #fca5a5;
}
.logs-action-btn.danger:hover {
  background-color: #fef2f2;
}

.logs-detail-content {
  overflow-y: auto;
  flex: 1;
  padding: 0.5rem;
}

.logs-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-top: 1px solid #e5e7eb;
  background-color: #f9fafb;
  font-size: 0.875rem;
}

.logs-pagination-buttons {
  display: flex;
  gap: 0.5rem;
}

.log-detail-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  color: #6b7280;
}

.log-entry {
  padding: 0.75rem;
  border-bottom: 1px solid #f3f4f6;
}
.log-entry:last-child {
  border-bottom: none;
}

.log-entry-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
}

.log-level-badge {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.625rem;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.log-timestamp {
  font-size: 0.75rem;
  color: #9ca3af;
  font-family: monospace;
}

.log-message {
  font-size: 0.875rem;
  color: #1f2937;
  word-break: break-word;
}

.log-stack-trace {
  margin-top: 0.5rem;
}
.log-stack-trace summary {
  cursor: pointer;
  font-size: 0.75rem;
  color: #6b7280;
}
.log-stack-trace pre {
  margin-top: 0.5rem;
  padding: 0.75rem;
  background-color: #f9fafb;
  border-radius: 6px;
  font-size: 0.75rem;
  overflow-x: auto;
  max-height: 300px;
  overflow-y: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

.logs-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px;
  color: #9ca3af;
  text-align: center;
}

.logs-list-footer {
  padding: 0.75rem 1rem;
  border-top: 1px solid #e5e7eb;
}.mails-container {
  display: grid;
  grid-template-columns: 350px 1fr;
  gap: 0;
  min-height: 600px;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1023px) {
  .mails-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    height: auto;
    min-height: auto;
  }
}

.mails-list-pane {
  background: #f8fafc;
  border-right: 1px solid #e2e8f0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .mails-list-pane {
    border-right: none;
    border-bottom: 1px solid #e2e8f0;
    max-height: 300px;
  }
}

.mails-list-header {
  padding: 1.5rem;
  border-bottom: 1px solid #e2e8f0;
  background: #ffffff;
}
@media (max-width: 767px) {
  .mails-list-header {
    padding: 1rem;
  }
}

.mails-list-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
  letter-spacing: 0.025em;
}

.mails-list-content {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem;
}
@media (max-width: 767px) {
  .mails-list-content {
    padding: 0.25rem;
  }
}

.mails-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
  color: #64748b;
}
@media (max-width: 767px) {
  .mails-empty-state {
    padding: 2rem 1rem;
  }
}

.mails-empty-icon {
  color: #cbd5e1;
  margin-bottom: 1rem;
}

.mails-empty-text {
  font-size: 0.875rem;
  margin: 0;
}

.mails-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.mail-template-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1rem;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
  width: 100%;
}
.mail-template-item:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.mail-template-item.active {
  background: #ff6b00;
  border-color: #ff6b00;
  color: #ffffff;
}
.mail-template-item.active .mail-template-icon {
  color: #ffffff;
}
.mail-template-item.active .mail-template-arrow {
  color: #ffffff;
}
.mail-template-item.active:hover {
  background: #e55a00;
  border-color: #e55a00;
}
@media (max-width: 767px) {
  .mail-template-item {
    padding: 1rem;
  }
}

.mail-template-item-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}

.mail-template-icon {
  color: #64748b;
  flex-shrink: 0;
}

.mail-template-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mail-template-arrow {
  color: #94a3b8;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
.mail-template-item.active .mail-template-arrow {
  transform: translateX(2px);
}

.mails-detail-pane {
  background: #ffffff;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .mails-detail-pane {
    min-height: 500px;
  }
}

.mails-detail-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 2rem;
}

.mails-placeholder-content {
  text-align: center;
  max-width: 400px;
}

.mails-placeholder-icon {
  display: flex;
  justify-content: center;
  color: #cbd5e1;
  margin-bottom: 1.5rem;
}

.mails-placeholder-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #374151;
  margin: 0 0 0.5rem 0;
}

.mails-placeholder-text {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
}

.mail-template-detail {
  padding: 2rem;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 767px) {
  .mail-template-detail {
    padding: 1rem;
  }
}

.mail-template-detail-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  gap: 1rem;
}
@media (max-width: 767px) {
  .mail-template-detail-header {
    flex-direction: column;
    gap: 1rem;
  }
}

.mail-template-detail-title-section {
  flex: 1;
  min-width: 0;
}

.mail-template-detail-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 0.5rem 0;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .mail-template-detail-title {
    font-size: 1.25rem;
  }
}

.mail-template-detail-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .mail-template-detail-meta {
    gap: 0.75rem;
  }
}

.mail-template-status {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.mail-template-status.active {
  background: #dcfce7;
  color: #166534;
}
.mail-template-status.inactive {
  background: #fef2f2;
  color: #dc2626;
}

.mail-template-type {
  font-size: 0.875rem;
  color: #64748b;
  background: #f1f5f9;
  padding: 0.25rem 0.75rem;
  border-radius: 6px;
  font-weight: 500;
}

.mail-template-detail-actions {
  display: flex;
  gap: 0.75rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .mail-template-detail-actions {
    width: 100%;
  }
}

.mail-template-action-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 0.875rem;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
.mail-template-action-btn--edit {
  background: #ff6b00;
  color: #ffffff;
}
.mail-template-action-btn--edit:hover {
  background: #e55a00;
  transform: translateY(-1px);
}
.mail-template-action-btn--preview {
  background: #f8fafc;
  color: #374151;
  border: 1px solid #e2e8f0;
}
.mail-template-action-btn--preview:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
  transform: translateY(-1px);
}
@media (max-width: 767px) {
  .mail-template-action-btn {
    flex: 1;
    justify-content: center;
  }
}

.mail-template-detail-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.mail-template-section {
  background: #f8fafc;
  border-radius: 8px;
  padding: 1.5rem;
  border: 1px solid #e2e8f0;
}
@media (max-width: 767px) {
  .mail-template-section {
    padding: 1rem;
  }
}

.mail-template-section-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 1rem 0;
}

.mail-template-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
@media (max-width: 767px) {
  .mail-template-info-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}

.mail-template-info-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.mail-template-info-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.mail-template-info-value {
  font-size: 0.875rem;
  color: #1e293b;
  font-weight: 500;
}

.mail-template-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  width: -moz-fit-content;
  width: fit-content;
}
.mail-template-status-badge.active {
  background: #dcfce7;
  color: #166534;
}
.mail-template-status-badge.inactive {
  background: #fef2f2;
  color: #dc2626;
}

.mail-template-subject {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 1rem;
}

.mail-template-subject-text {
  font-size: 1rem;
  font-weight: 500;
  color: #1e293b;
}

.mail-template-content {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
}

.mail-template-content-preview {
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  overflow: hidden;
  background: #ffffff;
}

.mail-template-content-header {
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  padding: 1rem;
}

.mail-template-content-meta {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.mail-template-content-subject {
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
}

.mail-template-content-date {
  font-size: 0.75rem;
  color: #64748b;
}

.mail-template-content-body {
  padding: 1rem;
  min-height: 200px;
}
@media (max-width: 767px) {
  .mail-template-content-body {
    padding: 1rem;
  }
}

.mail-template-content-html {
  font-size: 0.875rem;
  line-height: 1.6;
  color: #374151;
}
.mail-template-content-html h1,
.mail-template-content-html h2,
.mail-template-content-html h3,
.mail-template-content-html h4,
.mail-template-content-html h5,
.mail-template-content-html h6 {
  margin: 1rem 0 0.5rem 0;
  font-weight: 600;
  color: #1e293b;
}
.mail-template-content-html p {
  margin: 0 0 1rem 0;
}
.mail-template-content-html a {
  color: #ff6b00;
  text-decoration: none;
}
.mail-template-content-html a:hover {
  text-decoration: underline;
}
.mail-template-content-html ul,
.mail-template-content-html ol {
  margin: 0 0 1rem 0;
  padding-left: 1.5rem;
}
.mail-template-content-html li {
  margin: 0.25rem 0;
}

.mail-template-variables {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 1rem;
}

.mail-template-variables-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mail-template-variables-text {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0;
  line-height: 1.5;
}

.mail-template-variables-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mail-template-variable {
  display: inline-block;
  background: #f1f5f9;
  color: #475569;
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  border: 1px solid #e2e8f0;
}

.mail-template-item:focus-visible,
.mail-template-action-btn:focus-visible {
  outline: 2px solid #ff6b00;
  outline-offset: 2px;
}

.mail-template-item:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}

.mails-list-content::-webkit-scrollbar,
.mail-template-detail::-webkit-scrollbar,
.mail-template-content-body::-webkit-scrollbar {
  width: 6px;
}

.mails-list-content::-webkit-scrollbar-track,
.mail-template-detail::-webkit-scrollbar-track,
.mail-template-content-body::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 3px;
}

.mails-list-content::-webkit-scrollbar-thumb,
.mail-template-detail::-webkit-scrollbar-thumb,
.mail-template-content-body::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
.mails-list-content::-webkit-scrollbar-thumb:hover,
.mail-template-detail::-webkit-scrollbar-thumb:hover,
.mail-template-content-body::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}.integrations-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  gap: 1rem;
}
.integrations-header__title {
  flex: 1;
}

.integrations-title {
  font-size: 1.875rem;
  font-weight: 700;
  color: #5c5c5c;
  margin: 0 0 0.5rem 0;
}

.integrations-subtitle {
  font-size: 1rem;
  color: #6b7280;
  margin: 0;
}

.integrations-content {
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e7eb;
  gap: 2rem;
}

.integrations-empty {
  text-align: center;
  padding: 3rem 1rem;
  color: #6b7280;
}
.integrations-empty__icon {
  margin-bottom: 1rem;
  color: #d1d5db;
}
.integrations-empty__title {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  color: #374151;
}
.integrations-empty__description {
  font-size: 1rem;
  margin: 0;
}

.integration-section {
  margin-bottom: 2rem;
}

.integration-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  background: white;
}
.integration-table__header {
  background-color: #f8f9fa;
  color: #5c5c5c;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
  padding: 1rem;
  border-bottom: 1px solid #e5e7eb;
}
.integration-table__label {
  width: 30%;
  background-color: #f8f9fa;
  color: #5c5c5c;
  font-weight: 500;
  padding: 0.75rem 1rem;
  border-right: 1px solid #e5e7eb;
  vertical-align: top;
  text-align: left;
}
.integration-table__value {
  width: 70%;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #f3f4f6;
  vertical-align: top;
}
.integration-table__status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.integration-table__help {
  color: #6b7280;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 1rem;
  background-color: #f9fafb;
  border-bottom: 1px solid #f3f4f6;
}
.integration-table__help .integration-table__link {
  color: #1d82df;
  text-decoration: none;
  font-weight: 500;
  display: inline-block;
}
.integration-table__help .integration-table__link:hover {
  text-decoration: underline;
}
.integration-table__help .integration-table__link .inline-icon {
  margin-left: 0.25rem;
}
.integration-table__help-text {
  color: #6b7280;
  font-size: 0.75rem;
  font-style: italic;
  margin-top: 0.25rem;
}
.integration-table__input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  font-size: 0.875rem;
  background-color: #f9fafb;
  color: #374151;
  cursor: not-allowed;
}
.integration-table__input:disabled {
  opacity: 0.7;
}
.integration-table__key-file {
  margin: 0;
  font-size: 0.875rem;
}
.integration-table__actions {
  padding: 1rem;
  text-align: right;
  background-color: #f8f9fa;
}
.integration-table__button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 300ms ease;
  cursor: pointer;
}
.integration-table__button--activate {
  background-color: #ff6b00;
  color: white;
  border: 1px solid #ff6b00;
}
.integration-table__button--activate:hover {
  background-color: #e55a00;
  border-color: #e55a00;
  transform: translateY(-1px);
}
.integration-table__button--activate .inline-icon {
  margin-left: 0.25rem;
}
.integration-table__disabled-text {
  color: #6b7280;
  font-size: 0.875rem;
  font-style: italic;
}
tr:last-child .integration-table__value {
  border-bottom: none;
}

.integration-status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}
.integration-status--ready {
  color: #166534;
}
.integration-status--inactive {
  color: #6b7280;
}

.key-file-status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
}
.key-file-status--ready {
  color: #166534;
}
.key-file-status--not-ready {
  color: #6b7280;
}

@media (max-width: 767px) {
  .integrations-header {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
  .integrations-title {
    font-size: 1.5rem;
  }
  .integrations-subtitle {
    font-size: 0.875rem;
  }
  .integration-table {
    font-size: 0.875rem;
  }
  .integration-table__header {
    font-size: 1rem;
    padding: 0.75rem;
  }
  .integration-table__label {
    width: 40%;
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
  }
  .integration-table__value {
    width: 60%;
    padding: 0.5rem 0.75rem;
  }
  .integration-table__input {
    font-size: 0.8rem;
    padding: 0.375rem 0.5rem;
  }
  .integration-table__help {
    font-size: 0.8rem;
    padding: 0.75rem;
  }
  .integration-table__actions {
    padding: 0.75rem;
    text-align: center;
  }
  .integration-table__button {
    width: 100%;
    justify-content: center;
    padding: 0.75rem 1rem;
    font-size: 0.8rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .integration-table__label {
    width: 35%;
  }
  .integration-table__value {
    width: 65%;
  }
}
@media (min-width: 1024px) {
  .integration-table__label {
    width: 30%;
  }
  .integration-table__value {
    width: 70%;
  }
}
.integration-table__button:focus-visible {
  outline: 2px solid #ff6b00;
  outline-offset: 2px;
}

.integration-table__link:focus-visible {
  outline: 2px solid #1d82df;
  outline-offset: 2px;
}

.integration-table__button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}.monitored-url-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  gap: 1rem;
}
.monitored-url-header__actions {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-shrink: 0;
}
.monitored-url-header .search-form {
  display: flex;
  gap: 0.5rem;
  flex: 1;
  align-items: center;
  max-width: 500px;
}
.monitored-url-header .search-input {
  flex: 1;
  min-width: 0;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 0.75rem 1rem;
  font-size: 14px;
  transition: all 0.2s ease;
  outline: none;
}
.monitored-url-header .search-input:focus {
  border-color: #f97316;
  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.1);
}
.monitored-url-header .search-input::-moz-placeholder {
  color: #9ca3af;
}
.monitored-url-header .search-input::placeholder {
  color: #9ca3af;
}

.monitored-url-action-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  min-height: 44px;
  transition: all 300ms ease;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
.monitored-url-action-btn--add {
  background-color: #ff6b00;
  color: white;
}
.monitored-url-action-btn--add:hover {
  background-color: #e55a00;
  transform: translateY(-1px);
}

.monitored-url-pill {
  display: inline-block;
  padding: 0.25rem 0.625rem;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.monitored-url-pill.is-active, .monitored-url-pill.is-up {
  background-color: #d1fae5;
  color: #065f46;
}
.monitored-url-pill.is-inactive, .monitored-url-pill.is-unknown {
  background-color: #e5e7eb;
  color: #4b5563;
}
.monitored-url-pill.is-warn {
  background-color: #fef3c7;
  color: #92400e;
}
.monitored-url-pill.is-down {
  background-color: #fee2e2;
  color: #991b1b;
}

@media (max-width: 767px) {
  .monitored-url-header {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .monitored-url-header .search-form {
    width: 100%;
    max-width: none;
    gap: 0.5rem;
  }
  .monitored-url-header .search-input {
    font-size: 16px;
    padding: 0.875rem 1rem;
    min-height: 44px;
  }
  .monitored-url-header__actions {
    width: 100%;
    flex-direction: column;
    gap: 0.75rem;
  }
  .monitored-url-action-btn {
    width: 100%;
    justify-content: center;
    padding: 0.875rem 1rem;
    font-size: 15px;
    min-height: 48px;
  }
}
.monitored-url-action-btn:focus-visible {
  outline: 2px solid #ff6b00;
  outline-offset: 2px;
}.user-search {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1.5rem;
}
.user-search__form {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 1rem;
  align-items: end;
}
.user-search__field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.user-search__actions {
  display: flex;
  align-items: flex-end;
}
.user-search__btn {
  min-height: 44px;
  padding: 0.75rem 1.5rem;
}

.user-header {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 1rem;
}
.user-header__actions {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-shrink: 0;
}

.user-action-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  min-height: 44px;
  transition: all 300ms ease;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
.user-action-btn--export {
  background-color: #10b981;
  color: white;
}
.user-action-btn--export:hover:not(:disabled) {
  background-color: #059669;
  transform: translateY(-1px);
}
.user-action-btn--export:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.user-action-btn--add {
  background-color: #ff6b00;
  color: white;
}
.user-action-btn--add:hover {
  background-color: #e55a00;
  transform: translateY(-1px);
}
.user-action-btn__badge {
  background-color: #065f46;
  color: white;
  font-size: 12px;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .user-search {
    padding: 1rem;
  }
  .user-search__form {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .user-search__actions {
    width: 100%;
  }
  .user-search__btn {
    width: 100%;
    justify-content: center;
  }
  .user-header {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .user-header__actions {
    width: 100%;
    flex-direction: column;
    gap: 0.75rem;
  }
  .user-action-btn {
    width: 100%;
    justify-content: center;
    padding: 0.875rem 1rem;
    font-size: 15px;
    min-height: 48px;
  }
  .user-action-btn__badge {
    font-size: 11px;
    padding: 0.375rem 0.625rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .user-search__form {
    grid-template-columns: 1fr 1fr auto;
    gap: 1rem;
  }
  .user-header {
    gap: 1.5rem;
  }
  .user-header__actions {
    gap: 1rem;
  }
  .user-action-btn {
    padding: 0.75rem 1rem;
    font-size: 14px;
    min-height: 44px;
  }
}
@media (min-width: 1024px) {
  .user-header {
    gap: 2rem;
  }
  .user-header__actions {
    gap: 1rem;
  }
  .user-action-btn {
    padding: 0.75rem 1.25rem;
    font-size: 14px;
    min-height: 44px;
  }
}
@media (min-width: 1200px) {
  .user-header {
    gap: 3rem;
  }
  .user-header__actions {
    gap: 1.25rem;
  }
  .user-action-btn {
    padding: 0.75rem 1.5rem;
    font-size: 15px;
  }
}
.user-action-btn:focus-visible {
  outline: 2px solid #ff6b00;
  outline-offset: 2px;
}

.user-action-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 767px) {
  .form-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.form-column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.roles-selection {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background-color: #f9fafb;
}

.role-checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.role-checkbox:hover {
  background-color: #f3f4f6;
}
.role-checkbox input[type=checkbox] {
  width: 16px;
  height: 16px;
  accent-color: #ff6b00;
}
.role-checkbox .role-label {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}

@media (max-width: 767px) {
  .roles-selection {
    padding: 0.75rem;
    gap: 0.5rem;
  }
  .role-checkbox {
    padding: 0.375rem;
  }
  .role-checkbox .role-label {
    font-size: 13px;
  }
}.searchable-select-wrapper {
  width: 100%;
}
.searchable-select-wrapper .searchable-select-antd {
  width: 100%;
  border: 1px solid #e5e7eb !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  color: #5c5c5c !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  padding: 8px 16px !important;
  min-height: 40px !important;
  transition: all 300ms ease !important;
  box-shadow: none !important;
}
.searchable-select-wrapper .searchable-select-antd:hover {
  border-color: #ff6b00 !important;
}
.searchable-select-wrapper .searchable-select-antd.ant-select-focused {
  border-color: #ff6b00 !important;
  box-shadow: 0 0 0 2px rgba(255, 107, 0, 0.1) !important;
}
.searchable-select-wrapper .searchable-select-antd.ant-select-open {
  border-color: #ff6b00 !important;
  box-shadow: 0 0 0 2px rgba(255, 107, 0, 0.1) !important;
}
.searchable-select-wrapper .searchable-select-antd.ant-select-disabled {
  background-color: #f5f5f5 !important;
  color: #999 !important;
  border-color: #d9d9d9 !important;
  cursor: not-allowed !important;
}
.searchable-select-wrapper .searchable-select-antd .ant-select-placeholder {
  color: #999 !important;
}
.searchable-select-wrapper .searchable-select-antd .ant-select-content {
  color: #5c5c5c !important;
  font-size: 14px !important;
}
.searchable-select-wrapper .searchable-select-antd .ant-select-input {
  color: #5c5c5c !important;
  font-size: 14px !important;
}
.searchable-select-wrapper .searchable-select-antd .ant-select-suffix {
  color: #666 !important;
}
.searchable-select-wrapper .searchable-select-antd .ant-select-suffix:hover {
  color: #ff6b00 !important;
}
.searchable-select-wrapper .searchable-select-antd .ant-select-clear {
  color: #999 !important;
}
.searchable-select-wrapper .searchable-select-antd .ant-select-clear:hover {
  color: #ff6b00 !important;
}
.searchable-select-wrapper.searchable-select-wrapper--error .searchable-select-antd {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.1) !important;
}
.searchable-select-wrapper.searchable-select-wrapper--error .searchable-select-antd.ant-select-focused,
.searchable-select-wrapper.searchable-select-wrapper--error .searchable-select-antd.ant-select-open {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2) !important;
}
.searchable-select-wrapper .searchable-select-error {
  margin-top: 4px;
  color: #ef4444;
  font-size: 14px;
  min-height: 20px;
}

.ant-select-dropdown:not(.sf-staff) .ant-select-item {
  padding: 12px 16px !important;
  font-size: 14px !important;
  color: #5c5c5c !important;
}
.ant-select-dropdown:not(.sf-staff) .ant-select-item:hover {
  background-color: #f8f9fa !important;
}
.ant-select-dropdown:not(.sf-staff) .ant-select-item.ant-select-item-option-selected {
  background-color: rgba(255, 107, 0, 0.1) !important;
  color: #ff6b00 !important;
  font-weight: 500 !important;
}
.ant-select-dropdown:not(.sf-staff) .ant-select-item.ant-select-item-option-selected:hover {
  background-color: rgba(255, 107, 0, 0.15) !important;
}
.ant-select-dropdown:not(.sf-staff) .ant-select-item.ant-select-item-option-active {
  background-color: #f8f9fa !important;
}
.ant-select-dropdown:not(.sf-staff) .ant-select-item-empty {
  padding: 12px 16px !important;
  color: #999 !important;
  font-style: italic !important;
  text-align: center !important;
  background-color: #f8f9fa !important;
}
.ant-select-dropdown:not(.sf-staff) {
  border: 1px solid #ff6b00 !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

@media (max-width: 768px) {
  .searchable-select-wrapper .searchable-select-antd {
    font-size: 16px !important;
    padding: 14px 18px !important;
    min-height: 44px !important;
  }
  .searchable-select-wrapper .searchable-select-antd .ant-select-content,
  .searchable-select-wrapper .searchable-select-antd .ant-select-input {
    font-size: 16px !important;
  }
  .searchable-select-wrapper .searchable-select-error {
    font-size: 16px !important;
  }
  .ant-select-dropdown:not(.sf-staff) .ant-select-item {
    padding: 16px 18px !important;
    font-size: 16px !important;
  }
  .ant-select-dropdown:not(.sf-staff) .ant-select-item-empty {
    padding: 16px 18px !important;
    font-size: 16px !important;
  }
}
@media (max-width: 1024px) and (min-width: 769px) {
  .ant-select-dropdown:not(.sf-staff) .ant-select-item {
    padding: 14px 16px !important;
  }
}
.searchable-select-wrapper .searchable-select-antd:focus-visible {
  outline: 1px solid #bcbcbc !important;
  outline-offset: 1px !important;
}

@media (prefers-color-scheme: dark) {
  .searchable-select-wrapper .searchable-select-antd {
    background-color: #2d3748 !important;
    border-color: #4a5568 !important;
    color: #e2e8f0 !important;
  }
  .searchable-select-wrapper .searchable-select-antd .ant-select-placeholder {
    color: #a0aec0 !important;
  }
  .searchable-select-wrapper .searchable-select-antd .ant-select-content,
  .searchable-select-wrapper .searchable-select-antd .ant-select-input {
    color: #e2e8f0 !important;
  }
  .ant-select-dropdown:not(.sf-staff) {
    background-color: #2d3748 !important;
    border-color: #ff6b00 !important;
  }
  .ant-select-dropdown:not(.sf-staff) .ant-select-item {
    color: #e2e8f0 !important;
  }
  .ant-select-dropdown:not(.sf-staff) .ant-select-item:hover {
    background-color: #4a5568 !important;
  }
  .ant-select-dropdown:not(.sf-staff) .ant-select-item-empty {
    color: #a0aec0 !important;
    background-color: #4a5568 !important;
  }
}._scroller_2vyim_1 {
  overflow-x: auto;
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-raised);
}
._scroller_2vyim_1:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}

._box_2vyim_12 {
  background: var(--color-surface-raised);
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--elevation-100);
}

._flush_2vyim_19 {
  border: 0;
  border-radius: 0;
}

._table_2vyim_24 {
  width: 100%;
  border-collapse: collapse;
  border-style: hidden;
  table-layout: fixed;
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
}
._table_2vyim_24 th,
._table_2vyim_24 td {
  box-sizing: border-box;
  height: var(--target-min);
  padding: var(--space-300);
  border: var(--ant-line-width) solid var(--color-border-default);
  text-align: start;
  vertical-align: top;
  overflow-wrap: break-word;
}
@media (min-width: 768px) {
  ._table_2vyim_24 th,
  ._table_2vyim_24 td {
    padding: var(--space-300) var(--space-400);
  }
}
._table_2vyim_24 thead th,
._table_2vyim_24 tbody th {
  background: var(--color-surface-sunken);
  font: var(--type-label-base);
  letter-spacing: var(--type-label-base-tracking);
  color: var(--color-text-primary);
}
._table_2vyim_24 thead th {
  vertical-align: bottom;
}
._table_2vyim_24 thead th[colspan] {
  text-align: center;
}
._table_2vyim_24 tbody {
  transition-property: background-color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._table_2vyim_24 tbody {
    transition: none;
  }
}

._row_2vyim_72 tbody tr:nth-child(even) {
  background: var(--color-surface-sunken);
}

._row_2vyim_72 tbody tr:hover {
  background: var(--color-accent-highlight-subtle);
}

._group_2vyim_80 tbody:nth-of-type(even) {
  background: var(--color-surface-sunken);
}

._group_2vyim_80 tbody:hover {
  background: var(--color-accent-highlight-subtle);
}

@media print {
  ._scroller_2vyim_1 {
    overflow: visible;
  }
  ._row_2vyim_72 tr,
  ._group_2vyim_80 tbody {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}._panel_18lok_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);
}
@media (min-width: 768px) {
  ._panel_18lok_1 {
    background: var(--color-surface-raised);
    border: var(--ant-line-width) solid var(--color-border-default);
    border-radius: var(--radius-lg);
    box-shadow: var(--elevation-100);
    gap: var(--space-500);
    padding: var(--space-600);
  }
}._title_9l7qe_1 {
  margin: 0;
  font: var(--type-heading-4);
  letter-spacing: var(--type-heading-4-tracking);
  color: var(--color-text-primary);
  overflow-wrap: anywhere;
}
@media (min-width: 768px) {
  ._title_9l7qe_1 {
    font: var(--type-heading-3);
    letter-spacing: var(--type-heading-3-tracking);
  }
}._state_1npk3_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-300);
  padding: var(--space-700) var(--space-500);
  text-align: center;
}

._spinner_1npk3_11 {
  width: 32px;
  height: 32px;
  border: 3px solid var(--color-border-default);
  border-top-color: var(--color-accent-default);
  border-radius: var(--radius-pill);
  animation: _spin_1npk3_11 0.8s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  ._spinner_1npk3_11 {
    animation: none;
  }
}

@keyframes _spin_1npk3_11 {
  to {
    transform: rotate(1turn);
  }
}
._empty_1npk3_30 {
  gap: var(--space-400);
}

._emptyTitle_1npk3_34 {
  margin: 0;
  font: var(--type-heading-4);
  letter-spacing: var(--type-heading-4-tracking);
  color: var(--color-text-primary);
}

._body_1npk3_41 {
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
}
._body_1npk3_41 p {
  margin: 0;
}

._action_1npk3_49 {
  display: flex;
  justify-content: center;
}

._errorDisc_1npk3_54 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-pill);
  background: var(--color-status-danger-subtle);
  color: var(--color-status-danger);
}

._errorTitle_1npk3_65,
._itemTitle_1npk3_66 {
  margin: 0;
  font: var(--type-item-base);
  letter-spacing: var(--type-item-base-tracking);
  color: var(--color-text-primary);
}

._noData_1npk3_73 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-200);
  padding: var(--space-700) var(--space-400);
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}

._noDataIcon_1npk3_83 {
  font-size: 40px;
  color: var(--color-text-muted);
}._state_q3j9z_1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 360px;
}

._table_q3j9z_8 {
  min-width: 960px;
}

._timeColumn_q3j9z_12 {
  width: 112px;
}
@media (min-width: 768px) {
  ._timeColumn_q3j9z_12 {
    width: 128px;
  }
}

._changedByColumn_q3j9z_21 {
  width: 128px;
}
@media (min-width: 768px) {
  ._changedByColumn_q3j9z_21 {
    width: 152px;
  }
}

._modelColumn_q3j9z_30 {
  width: 96px;
}
@media (min-width: 768px) {
  ._modelColumn_q3j9z_30 {
    width: 104px;
  }
}

._methodColumn_q3j9z_39 {
  width: 21.1226389997%;
}

._fieldColumn_q3j9z_43 {
  width: 14.0150305932%;
}

._valueColumn_q3j9z_47 {
  width: 14.5540702314%;
}

._relativeTime_q3j9z_51,
._exactTime_q3j9z_52 {
  display: block;
}

._relativeTime_q3j9z_51 {
  color: var(--color-text-primary);
}

._exactTime_q3j9z_52 {
  margin-top: var(--space-100);
  color: var(--color-text-muted);
}

._changedBy_q3j9z_21 {
  color: var(--color-text-primary);
}
._changedBy_q3j9z_21 code {
  font-family: var(--font-family-mono);
  font-size: inherit;
}
._changedBy_q3j9z_21 em {
  color: var(--color-text-muted);
}

._method_q3j9z_39,
._value_q3j9z_47 {
  font-family: var(--font-family-mono);
}

._method_q3j9z_39 {
  word-break: break-all;
}

._value_q3j9z_47 {
  color: var(--color-text-primary);
}

._notSet_q3j9z_89,
._value_q3j9z_47 em {
  color: var(--color-text-muted);
}

._table_q3j9z_8 ._model_q3j9z_30 {
  overflow-wrap: normal;
  font: var(--type-label-base);
  letter-spacing: var(--type-label-base-tracking);
  color: var(--color-text-accent-ink);
}

._table_q3j9z_8 ._empty_q3j9z_101 {
  padding: 0;
}._box_prjui_1 {
  background: var(--color-surface-raised);
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--elevation-100);
  overflow: hidden;
}

._heading_prjui_9 {
  font: var(--type-label-sm);
  letter-spacing: var(--type-label-sm-tracking);
  text-transform: uppercase;
  color: var(--color-text-brand);
  margin: 0;
  padding: var(--space-400) var(--space-500);
  text-align: center;
}

._start_prjui_19 {
  text-align: start;
}

._bar_prjui_23 {
  display: flex;
  align-items: center;
  gap: var(--space-400);
  padding: var(--space-100) var(--space-400) var(--space-100) 0;
}
._bar_prjui_23 ._heading_prjui_9 {
  flex: 1;
  padding-block: 0;
}

._actions_prjui_34 {
  display: flex;
  flex: none;
  gap: var(--space-200);
}

._body_prjui_40 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
}

@media print {
  ._box_prjui_1 {
    box-shadow: none;
  }
  ._body_prjui_40[hidden] {
    display: block !important;
  }
  ._actions_prjui_34 {
    display: none;
  }
  ._bar_prjui_23 {
    padding-block: 0;
  }
  ._bar_prjui_23 ._heading_prjui_9 {
    padding-block: var(--space-400);
  }
}._page_16b2a_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);
}
@media (min-width: 768px) {
  ._page_16b2a_1 {
    gap: var(--space-500);
  }
}

._state_16b2a_12 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 360px;
}

._titleRow_16b2a_19 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-300);
}
@media (min-width: 768px) {
  ._titleRow_16b2a_19 {
    flex-direction: row;
    align-items: center;
    gap: var(--space-600);
  }
  ._titleRow_16b2a_19 > h1 {
    flex: 1;
  }
}

._titleButton_16b2a_36 {
  align-self: flex-end;
}
@media (min-width: 768px) {
  ._titleButton_16b2a_36 {
    align-self: auto;
  }
}

._checks_16b2a_45,
._financiers_16b2a_46 {
  margin: 0;
  padding: 0;
  list-style: none;
}

._check_16b2a_45 {
  display: flex;
  align-items: center;
  gap: var(--space-300);
  min-height: var(--target-min);
  padding: var(--space-200) var(--space-500);
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
._check_16b2a_45 + ._check_16b2a_45 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
}

._checkIcon_16b2a_66 {
  flex: none;
  font-size: 18px;
}

._passed_16b2a_71 {
  color: var(--color-status-success);
}

._failed_16b2a_75 {
  color: var(--color-status-danger);
}

._financier_16b2a_46 + ._financier_16b2a_46 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
}

._financierRow_16b2a_83 {
  display: flex;
  align-items: center;
  gap: var(--space-300);
  min-height: 52px;
  padding: var(--space-100) var(--space-200) var(--space-100) var(--space-500);
  cursor: pointer;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

._financierName_16b2a_93 {
  flex: 1;
  margin: 0;
  font: var(--type-label-base);
  letter-spacing: var(--type-label-base-tracking);
  color: var(--color-text-primary);
}

._financierChecks_16b2a_101 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
  background: var(--color-surface-sunken);
}

._nested_16b2a_106 ._check_16b2a_45 {
  min-height: var(--space-700);
  padding-left: var(--space-600);
}
@media (min-width: 768px) {
  ._nested_16b2a_106 ._check_16b2a_45 {
    padding-left: var(--space-700);
  }
}

@media print {
  ._page_16b2a_1 {
    gap: var(--space-400);
  }
  ._titleButton_16b2a_36,
  ._eye_16b2a_121 {
    display: none;
  }
  ._financierRow_16b2a_83 {
    padding: var(--space-300) var(--space-400);
  }
  ._financierChecks_16b2a_101[hidden] {
    display: block !important;
  }
  ._check_16b2a_45 {
    padding: var(--space-200) var(--space-400);
  }
  ._nested_16b2a_106 ._check_16b2a_45 {
    padding-left: var(--space-600);
  }
  ._checkIcon_16b2a_66 {
    font-size: 16px;
  }
}.container:has(.application-status),
.container:has(.status-block),
.container:has(.verify-privacy),
.container:has(.esign-callback) {
  padding: 0 !important;
  padding-top: 20px !important;
  margin-top: 0;
  border: none !important;
  border-radius: 0 !important;
  background: #fff;
}.consents-list__container {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  margin: 0 auto;
}
.consents-list__item {
  display: flex;
  align-items: flex-start;
  padding: 7px 0;
  border-bottom: 1px solid #e5e7eb;
}
.consents-list__item:last-child {
  border-bottom: none;
}
.consents-list__item--manual {
  justify-content: center;
}
.consents-list__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}
.consents-list__icon--check {
  color: #39b44a;
}
.consents-list__icon--warning {
  color: #f68128;
}
.consents-list__icon svg {
  width: 100%;
  height: 100%;
}
.consents-list__text {
  flex: 1;
  font-size: 1rem;
  color: #5c5c5c;
  justify-content: center;
}
.consents-list__text svg {
  display: inline-block;
  margin: 0 10px;
  width: 20px;
  height: 20px;
}
.consents-list__text strong {
  font-weight: 600;
  color: #5c5c5c;
}
@media (max-width: 768px) {
  .consents-list__item {
    padding: 0.5rem;
  }
  .consents-list__text {
    font-size: 0.875rem;
  }
}.application-status {
  margin-top: 150px;
}
.application-status .page {
  background-color: transparent;
}
.application-status .error-container,
.application-status .no-data-container {
  text-align: center;
  padding: 3rem 2rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.application-status .error-container h2,
.application-status .no-data-container h2 {
  margin-bottom: 1rem;
  color: #1f2937;
  font-size: 1.5rem;
}
.application-status .error-container p,
.application-status .no-data-container p {
  color: #6b7280;
  font-size: 1rem;
}
.application-status .error-container {
  border-left: 4px solid #d51820;
}
.application-status .no-data-container {
  border-left: 4px solid #6b7280;
}
@media (max-width: 768px) {
  .application-status .page-wrap {
    padding: 1rem;
  }
  .application-status .error-container,
  .application-status .no-data-container {
    padding: 2rem 1rem;
  }
  .application-status .error-container h2,
  .application-status .no-data-container h2 {
    font-size: 1.25rem;
  }
}

.privacy-consent-block {
  margin-bottom: 2rem;
}
.privacy-consent-block__container {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.privacy-consent-block__content {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 2rem;
  text-align: center;
}
.privacy-consent-block__image {
  width: 100%;
  max-width: 120px;
  height: auto;
  margin-bottom: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
}
.privacy-consent-block__body {
  padding: 0 1rem;
}
.privacy-consent-block__title {
  font-size: 20px;
  font-weight: 600;
  color: #5c5c5c;
  margin-bottom: 1.5rem;
}
.privacy-consent-block__message {
  font-size: 14px;
  color: #5c5c5c;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .privacy-consent-block__content {
    padding: 1.5rem;
  }
  .privacy-consent-block__title {
    font-size: 1.25rem;
  }
  .privacy-consent-block__message {
    font-size: 0.875rem;
  }
}
.privacy-consent-block__message {
  margin-bottom: 1.5rem;
}
.privacy-consent-block__consents {
  margin-top: 1.5rem;
}
.privacy-consent-block__body {
  margin-top: 40px;
}.agreement-action-button {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.agreement-action-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  border-radius: 2px;
  transition: all 0.2s ease;
  cursor: pointer;
  fill: #fff;
  background-color: #f15c30 !important;
  border: 2px solid #f15c30 !important;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}
.agreement-action-button__link--sign, .agreement-action-button__link--download {
  background-color: #1d82df;
  color: #fff;
  border: 2px solid #1d82df;
}
.agreement-action-button__link--sign:hover, .agreement-action-button__link--download:hover {
  background-color: #0f5aa8;
  border-color: #0f5aa8;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.agreement-action-button__link--sign:active, .agreement-action-button__link--download:active {
  transform: translateY(0);
}
@media (max-width: 768px) {
  .agreement-action-button__link {
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
    width: 100%;
    max-width: 300px;
  }
}.application-status {
  margin-top: 150px;
}
.application-status .page {
  background-color: transparent;
}
.application-status .error-container,
.application-status .no-data-container {
  text-align: center;
  padding: 3rem 2rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.application-status .error-container h2,
.application-status .no-data-container h2 {
  margin-bottom: 1rem;
  color: #1f2937;
  font-size: 1.5rem;
}
.application-status .error-container p,
.application-status .no-data-container p {
  color: #6b7280;
  font-size: 1rem;
}
.application-status .error-container {
  border-left: 4px solid #d51820;
}
.application-status .no-data-container {
  border-left: 4px solid #6b7280;
}
@media (max-width: 768px) {
  .application-status .page-wrap {
    padding: 1rem;
  }
  .application-status .error-container,
  .application-status .no-data-container {
    padding: 2rem 1rem;
  }
  .application-status .error-container h2,
  .application-status .no-data-container h2 {
    font-size: 1.25rem;
  }
}

.pre-approved-block {
  margin-bottom: 2rem;
}
.pre-approved-block__container {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.pre-approved-block__content {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 2rem;
  text-align: center;
}
.pre-approved-block__image {
  width: 100%;
  max-width: 120px;
  height: auto;
  margin-bottom: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
}
.pre-approved-block__body {
  padding: 0 1rem;
}
.pre-approved-block__title {
  font-size: 20px;
  font-weight: 600;
  color: #5c5c5c;
  margin-bottom: 1.5rem;
}
.pre-approved-block__message {
  font-size: 14px;
  color: #5c5c5c;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .pre-approved-block__content {
    padding: 1.5rem;
  }
  .pre-approved-block__title {
    font-size: 1.25rem;
  }
  .pre-approved-block__message {
    font-size: 0.875rem;
  }
}
.pre-approved-block__message {
  max-width: 30em;
  margin: 0 auto 1.5rem;
}
.pre-approved-block__message p {
  margin-bottom: 1rem;
}
.pre-approved-block__message p:last-child {
  margin-bottom: 0;
}
.pre-approved-block__actions {
  margin-top: 2rem;
}.application-status {
  margin-top: 150px;
}
.application-status .page {
  background-color: transparent;
}
.application-status .error-container,
.application-status .no-data-container {
  text-align: center;
  padding: 3rem 2rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.application-status .error-container h2,
.application-status .no-data-container h2 {
  margin-bottom: 1rem;
  color: #1f2937;
  font-size: 1.5rem;
}
.application-status .error-container p,
.application-status .no-data-container p {
  color: #6b7280;
  font-size: 1rem;
}
.application-status .error-container {
  border-left: 4px solid #d51820;
}
.application-status .no-data-container {
  border-left: 4px solid #6b7280;
}
@media (max-width: 768px) {
  .application-status .page-wrap {
    padding: 1rem;
  }
  .application-status .error-container,
  .application-status .no-data-container {
    padding: 2rem 1rem;
  }
  .application-status .error-container h2,
  .application-status .no-data-container h2 {
    font-size: 1.25rem;
  }
}

.referred-block {
  margin-bottom: 2rem;
}
.referred-block__container {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.referred-block__content {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 2rem;
  text-align: center;
}
.referred-block__image {
  width: 100%;
  max-width: 120px;
  height: auto;
  margin-bottom: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
}
.referred-block__body {
  padding: 0 1rem;
}
.referred-block__title {
  font-size: 20px;
  font-weight: 600;
  color: #5c5c5c;
  margin-bottom: 1.5rem;
}
.referred-block__message {
  font-size: 14px;
  color: #5c5c5c;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .referred-block__content {
    padding: 1.5rem;
  }
  .referred-block__title {
    font-size: 1.25rem;
  }
  .referred-block__message {
    font-size: 0.875rem;
  }
}.application-status {
  margin-top: 150px;
}
.application-status .page {
  background-color: transparent;
}
.application-status .error-container,
.application-status .no-data-container {
  text-align: center;
  padding: 3rem 2rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.application-status .error-container h2,
.application-status .no-data-container h2 {
  margin-bottom: 1rem;
  color: #1f2937;
  font-size: 1.5rem;
}
.application-status .error-container p,
.application-status .no-data-container p {
  color: #6b7280;
  font-size: 1rem;
}
.application-status .error-container {
  border-left: 4px solid #d51820;
}
.application-status .no-data-container {
  border-left: 4px solid #6b7280;
}
@media (max-width: 768px) {
  .application-status .page-wrap {
    padding: 1rem;
  }
  .application-status .error-container,
  .application-status .no-data-container {
    padding: 2rem 1rem;
  }
  .application-status .error-container h2,
  .application-status .no-data-container h2 {
    font-size: 1.25rem;
  }
}._frame_1upzs_1 + ._frame_1upzs_1 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
}

._table_1upzs_5 {
  margin: 0;
}

._row_1upzs_9 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
._row_1upzs_9 + ._row_1upzs_9 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
}

._narrowLabel_1upzs_17 ._row_1upzs_9 {
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
@media (min-width: 768px) {
  ._narrowLabel_1upzs_17 ._row_1upzs_9 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

._label_1upzs_26,
._value_1upzs_27,
._caption_1upzs_28,
._empty_1upzs_29 {
  min-height: var(--target-min);
  margin: 0;
  padding: var(--space-300);
  overflow-wrap: anywhere;
}
@media (min-width: 768px) {
  ._label_1upzs_26,
  ._value_1upzs_27,
  ._caption_1upzs_28,
  ._empty_1upzs_29 {
    padding: var(--space-300) var(--space-500);
  }
}

._label_1upzs_26,
._value_1upzs_27 {
  display: flex;
  align-items: center;
}

._labelStart_1upzs_50 ._label_1upzs_26 {
  align-items: flex-start;
}

._label_1upzs_26 {
  border-right: var(--ant-line-width) solid var(--color-border-default);
  font: var(--type-label-base);
  letter-spacing: var(--type-label-base-tracking);
  color: var(--color-text-primary);
}

._value_1upzs_27 {
  gap: var(--space-200);
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
}

._caption_1upzs_28 {
  display: flex;
  align-items: center;
  border-bottom: var(--ant-line-width) solid var(--color-border-default);
  background: var(--color-surface-sunken);
  font: var(--type-label-base);
  letter-spacing: var(--type-label-base-tracking);
  color: var(--color-text-primary);
}

._empty_1upzs_29 {
  display: flex;
  align-items: center;
  justify-content: center;
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}._title_1mw3z_1 {
  font-family: var(--font-family-display);
  letter-spacing: var(--type-heading-4-tracking);
}

._heading_1mw3z_6 {
  margin: 0;
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
}

._footer_1mw3z_13 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-300);
}._field_mjj6h_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}

._zone_mjj6h_7 {
  transition-property: background-color, border-color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._zone_mjj6h_7 {
    transition: none;
  }
}
._zone_mjj6h_7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-200);
  box-sizing: border-box;
  min-height: calc(var(--space-900) + var(--space-800));
  padding: var(--space-600);
  border: var(--ant-line-width) dashed var(--color-base-neutral-400);
  border-radius: var(--radius-md);
  background: var(--color-base-neutral-50);
  text-align: center;
  cursor: pointer;
}
._zone_mjj6h_7:hover, ._zone_mjj6h_7._dragging_mjj6h_32 {
  border-color: var(--color-border-strong);
}
._zone_mjj6h_7:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}
._zone_mjj6h_7._fillOnHover_mjj6h_39:hover {
  background: var(--color-surface-default);
}
._zone_mjj6h_7._fillOnHover_mjj6h_39._dragging_mjj6h_32 {
  background: var(--color-accent-highlight-subtle);
}
._zone_mjj6h_7._busy_mjj6h_45 {
  cursor: progress;
}
._zone_mjj6h_7._invalid_mjj6h_48 {
  border-color: var(--ant-color-error);
}

._icon_mjj6h_52 {
  color: var(--color-accent-highlight);
  width: var(--space-600);
  height: var(--space-600);
}

._title_mjj6h_58 {
  font: var(--type-item-base);
  color: var(--color-text-primary);
}

._hint_mjj6h_63 {
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}

._error_mjj6h_68 {
  margin: 0;
  max-width: 68ch;
  font: var(--type-body-sm);
  color: var(--ant-color-error);
}._status_v0wem_1 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-200);
  font: var(--type-body-sm);
  color: var(--color-text-primary);
}

._dot_v0wem_9 {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
}

._neutral_v0wem_16 {
  background: var(--color-status-neutral);
}

._info_v0wem_20 {
  background: var(--color-status-info);
}

._warning_v0wem_24 {
  background: var(--color-status-warning);
}

._success_v0wem_28,
._success-solid_v0wem_29 {
  background: var(--color-status-success);
}

._danger_v0wem_33 {
  background: var(--color-status-danger);
}

._invert_v0wem_37 {
  background: var(--color-surface-invert);
}div._toast_1noc0_1 {
  --toastify-toast-width: 360px;
  --toastify-toast-min-height: var(--target-min);
  --toastify-toast-padding: var(--space-300) var(--space-200) var(--space-300) var(--space-400);
  --toastify-toast-bd-radius: var(--radius-md);
  --toastify-toast-shadow: var(--elevation-300);
  --toastify-color-light: var(--color-surface-raised);
  --toastify-text-color-light: var(--color-text-primary);
  --toastify-icon-color-success: var(--color-status-success);
  --toastify-icon-color-error: var(--color-status-danger);
  margin-bottom: var(--space-300);
  border: var(--ant-line-width) solid var(--color-border-default);
  font: var(--type-body-sm);
}
div._toast_1noc0_1:first-child {
  margin-top: calc(var(--space-500) - var(--toastify-toast-offset));
}
div._toast_1noc0_1:not(._confirmToast_1noc0_18) {
  margin-right: calc(var(--space-500) - var(--toastify-toast-offset));
}
@media (max-width: 480px) {
  div._toast_1noc0_1 {
    --toastify-toast-width: calc(100% - 2 * var(--space-400));
    margin-inline: var(--space-400);
    border-radius: var(--radius-md);
  }
  div._toast_1noc0_1:first-child {
    margin-top: var(--space-400);
  }
  div._toast_1noc0_1:not(._confirmToast_1noc0_18) {
    margin-right: var(--space-400);
  }
}

div._confirmToast_1noc0_18 {
  --toastify-toast-width: 420px;
  --toastify-toast-padding: var(--space-500);
}
@media (max-width: 480px) {
  div._confirmToast_1noc0_18 {
    --toastify-toast-width: calc(100% - 2 * var(--space-400));
  }
}

._confirmation_1noc0_45 {
  display: flex;
  flex-direction: column;
  gap: var(--space-300);
  width: 100%;
}

._title_1noc0_52 {
  margin: 0;
  font: var(--type-item-base);
  letter-spacing: var(--type-item-base-tracking);
  color: var(--color-text-primary);
}

._message_1noc0_59 {
  margin: 0;
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
}

._actions_1noc0_65 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-300);
}._header_bvihw_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-300);
}
@media (min-width: 768px) {
  ._header_bvihw_1 {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-500);
  }
  ._title_bvihw_16 {
    flex: 0 1 360px;
    max-width: 360px;
  }
}

._buttons_bvihw_22 {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-200);
}

@media print {
  ._buttons_bvihw_22 {
    display: none;
  }
}._field_1mx33_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}

._label_1mx33_7 {
  font: var(--type-label-base);
  color: var(--color-text-primary);
}

._error_1mx33_12 {
  margin: 0;
  font: var(--type-body-sm);
  color: var(--ant-color-error);
}._cell_rxaum_1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--space-200);
  min-width: 0;
}

._statusLine_rxaum_9 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-200) var(--space-400);
}

._links_rxaum_17 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-200) var(--space-400);
  margin-inline-start: auto;
}

._link_rxaum_17 {
  transition-property: color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._link_rxaum_17 {
    transition: none;
  }
}
._link_rxaum_17 {
  font: var(--type-body-sm);
  color: var(--color-text-accent-ink);
  text-underline-offset: 3px;
}
._link_rxaum_17:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}
._link_rxaum_17:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}

._control_rxaum_49 {
  width: 100%;
}

._error_rxaum_53 {
  font: var(--type-body-sm);
  color: var(--ant-color-error);
}

._searching_rxaum_58 {
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}

._buttons_rxaum_63 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-200);
}

._fit_rxaum_69 {
  max-width: 100%;
  height: auto;
  min-height: var(--target-min);
  white-space: normal;
}._link_jfrdp_1 {
  transition-property: color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._link_jfrdp_1 {
    transition: none;
  }
}
._link_jfrdp_1 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-200);
  font: var(--type-body-sm);
  font-weight: var(--type-weight-medium);
  color: var(--color-text-accent-ink);
  text-underline-offset: 3px;
}
._link_jfrdp_1:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}
._link_jfrdp_1:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}

._icon_jfrdp_29 {
  font-size: 14px;
}._field_1285g_1 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-200);
  min-width: 0;
}

._field_1285g_1 > button {
  flex: none;
  margin-block: calc(-1 * var(--space-300));
}

._value_1285g_15 {
  min-width: 0;
}

._editing_1285g_19 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--space-200);
  min-width: 0;
}
@media (min-width: 768px) {
  ._editing_1285g_19 {
    flex-direction: row;
    align-items: center;
  }
}

._input_1285g_33 {
  flex: 1;
  min-width: 0;
}

._buttons_1285g_38 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-100);
}table._assets_1plnb_1 thead th[colspan] {
  text-align: start;
}

tr._total_1plnb_5 td {
  font: var(--type-label-base);
  letter-spacing: var(--type-label-base-tracking);
  color: var(--color-text-primary);
}._layout_1rywo_1 {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  ._layout_1rywo_1 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    align-items: start;
    gap: var(--space-600);
    padding: var(--space-500);
  }
}

._list_1rywo_15 {
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
  max-height: 280px;
  overflow-y: auto;
  padding: var(--space-200) var(--space-300);
  border-bottom: var(--ant-line-width) solid var(--color-border-default);
}
@media (min-width: 768px) {
  ._list_1rywo_15 {
    max-height: none;
    overflow-y: visible;
    padding: 0;
    border-bottom: 0;
  }
}

._detail_1rywo_33 {
  padding: var(--space-500) var(--space-400);
}
@media (min-width: 768px) {
  ._detail_1rywo_33 {
    align-self: stretch;
    padding: 0;
  }
}

._empty_1rywo_43 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-400);
  height: 100%;
}
@media (min-width: 768px) {
  ._empty_1rywo_43 {
    gap: var(--space-500);
  }
}

._prompt_1rywo_57 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-400);
}
@media (min-width: 768px) {
  ._prompt_1rywo_57 {
    padding: var(--space-500) 0;
  }
}

._doodle_1rywo_69 {
  display: block;
  height: 80px;
}
@media (min-width: 768px) {
  ._doodle_1rywo_69 {
    height: 96px;
  }
}

._promptTitle_1rywo_79 {
  margin: 0;
  font: var(--type-item-base);
  letter-spacing: var(--type-item-base-tracking);
  color: var(--color-text-primary);
  text-align: center;
}

._legend_1rywo_87 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-200);
  width: 100%;
  margin: 0;
  padding: var(--space-400) 0 0;
  border-top: var(--ant-line-width) solid var(--color-border-default);
  list-style: none;
}
@media (min-width: 768px) {
  ._legend_1rywo_87 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-500);
  }
}

._legendItem_1rywo_106 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-100);
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
  text-align: center;
}
@media (min-width: 768px) {
  ._legendItem_1rywo_106 {
    flex-direction: row;
    gap: var(--space-200);
  }
}

._legendReceived_1rywo_122 {
  color: var(--color-text-muted);
  text-decoration: line-through;
}._title_111fx_1 {
  margin: 0;
  padding: var(--space-300) var(--space-300) var(--space-100);
  font: var(--type-item-base);
  letter-spacing: var(--type-item-base-tracking);
  color: var(--color-text-primary);
}

._items_111fx_9 {
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
  margin: 0;
  padding: 0;
  list-style: none;
}

._item_111fx_9 {
  transition-property: background-color, box-shadow;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._item_111fx_9 {
    transition: none;
  }
}
._item_111fx_9 {
  display: flex;
  align-items: center;
  gap: var(--space-100);
  border-radius: var(--radius-sm);
}
._item_111fx_9:hover {
  background: var(--color-surface-sunken);
}
._item_111fx_9:has(._radio_111fx_37:checked) {
  background: var(--color-accent-highlight-subtle);
  box-shadow: inset 0 0 0 var(--ant-line-width) var(--color-accent-highlight);
}
._item_111fx_9:has(._radio_111fx_37:checked) ._label_111fx_41 {
  font-weight: var(--type-weight-medium);
  color: var(--color-text-primary);
}
._item_111fx_9:has(._radio_111fx_37:focus-visible) {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}
._item_111fx_9:has(._radio_111fx_37:checked:focus-visible) {
  box-shadow: inset 0 0 0 var(--ant-line-width) var(--color-accent-highlight), 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}

._condition_111fx_53 {
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--space-300);
  min-width: 0;
  min-height: var(--target-min);
  padding: 0 var(--space-300);
  cursor: pointer;
}

._radio_111fx_37 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

._label_111fx_41 {
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
  overflow-wrap: anywhere;
}

._received_111fx_82 ._label_111fx_41 {
  color: var(--color-text-muted);
  text-decoration: line-through;
}

._comment_111fx_87 {
  transition-property: background-color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._comment_111fx_87 {
    transition: none;
  }
}
._comment_111fx_87 {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--target-min);
  height: var(--target-min);
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  font-size: 18px;
  color: var(--color-status-warning);
  cursor: pointer;
}
._comment_111fx_87:hover {
  background: var(--color-status-warning-subtle);
}
._comment_111fx_87:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}

._actions_111fx_120 {
  display: flex;
  flex-shrink: 0;
}._icon_1spq2_1 {
  flex-shrink: 0;
}

._list_1spq2_5 {
  width: 20px;
  height: 20px;
}

._legend_1spq2_10 {
  width: 18px;
  height: 18px;
}

._notReceived_1spq2_15 {
  color: var(--color-text-muted);
}

._partiallyReceived_1spq2_19 {
  color: var(--color-status-warning);
}

._pendingReview_1spq2_23 {
  color: var(--color-status-info);
}

._received_1spq2_27 {
  color: var(--color-status-success);
}

._tick_1spq2_31 {
  stroke: var(--color-on-accent);
  stroke-width: 2;
}._stack_12zn0_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);
}

._status_12zn0_7 {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}

._statusLabel_12zn0_13,
._name_12zn0_14 {
  margin: 0;
  font: var(--type-label-base);
  color: var(--color-text-primary);
}

._files_12zn0_20 {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
  padding-top: var(--space-400);
  border-top: var(--ant-line-width) solid var(--color-border-default);
}

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

._fileList_12zn0_32 {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
  margin: 0;
  padding: 0;
  list-style: none;
}

._file_12zn0_20 {
  display: flex;
  align-items: center;
  gap: var(--space-300);
  min-height: 52px;
  padding: 0 var(--space-200) 0 var(--space-400);
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-sm);
  background: var(--color-field-fill);
}

._fileIcon_12zn0_52 {
  flex-shrink: 0;
  font-size: 18px;
  color: var(--color-text-muted);
}

._fileName_12zn0_58 {
  flex: 1;
  min-width: 0;
  font: var(--type-body-sm);
  color: var(--color-text-primary);
  overflow-wrap: anywhere;
}._addForm_yzmhj_1,
._list_yzmhj_2,
._showMore_yzmhj_3 {
  margin: 0 var(--space-400);
}
@media (min-width: 768px) {
  ._addForm_yzmhj_1,
  ._list_yzmhj_2,
  ._showMore_yzmhj_3 {
    margin: 0 var(--space-500);
  }
}

._addForm_yzmhj_1 {
  padding: var(--space-400) 0;
}
._addForm_yzmhj_1 + ._list_yzmhj_2 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
}

._form_yzmhj_21 {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}

._textarea_yzmhj_27 {
  min-height: 96px;
}

._formActions_yzmhj_31 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-100);
}

._list_yzmhj_2 {
  margin-block: 0;
  padding: 0;
  list-style: none;
}

._note_yzmhj_45 {
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
  padding: var(--space-400) 0;
}
._note_yzmhj_45 + ._note_yzmhj_45 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
}

._noteHeader_yzmhj_55 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-300);
}

._meta_yzmhj_62 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (min-width: 768px) {
  ._meta_yzmhj_62 {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    -moz-column-gap: var(--space-200);
         column-gap: var(--space-200);
  }
}

._author_yzmhj_76 {
  font: var(--type-item-sm);
  letter-spacing: var(--type-item-sm-tracking);
  color: var(--color-text-primary);
}

._time_yzmhj_82 {
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}
._time_yzmhj_82:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}

._actions_yzmhj_91 {
  display: flex;
  flex: none;
  margin-block: calc(-1 * var(--space-200));
}

._text_yzmhj_27 {
  margin: 0;
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._showMore_yzmhj_3 {
  display: flex;
  justify-content: center;
  padding: var(--space-300) 0;
  border-top: var(--ant-line-width) solid var(--color-border-default);
}._page_1js3w_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);
}
@media (min-width: 768px) {
  ._page_1js3w_1 {
    gap: var(--space-500);
  }
}

._state_1js3w_12 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 360px;
}table._centred_38qxi_1 thead th {
  text-align: center;
}

._next_38qxi_5 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
}

table td._empty_38qxi_9 {
  text-align: center;
  color: var(--color-text-muted);
}._lead_1xejj_1 {
  margin: 0;
  font: var(--type-body-base);
  color: var(--color-text-secondary);
}

._note_1xejj_7 {
  margin: 0;
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
}

._warning_1xejj_13 {
  margin: 0;
  padding: var(--space-300) var(--space-400);
  border-radius: var(--radius-md);
  background: var(--color-status-warning-subtle);
  font: var(--type-body-sm);
  color: var(--color-text-primary);
}

._form_1xejj_22 {
  display: flex;
  flex-direction: column;
  gap: var(--space-300);
}

._actions_1xejj_28 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-300);
}

._inlineForm_1xejj_34 {
  display: contents;
}._pill_1gatg_1 {
  display: inline-flex;
  align-items: center;
  padding: var(--space-100) var(--space-300);
  border-radius: var(--radius-pill);
  font: var(--type-label-base);
  letter-spacing: var(--type-label-base-tracking);
  white-space: nowrap;
}

._neutral_1gatg_11 {
  background: var(--color-status-neutral-subtle);
  color: var(--color-status-neutral);
}

._neutral_1gatg_11._onSunken_1gatg_16 {
  box-shadow: inset 0 0 0 var(--ant-line-width) var(--color-border-default);
}

._info_1gatg_20 {
  background: var(--color-status-info-subtle);
  color: var(--color-status-info);
}

._warning_1gatg_25 {
  background: var(--color-status-warning-subtle);
  color: var(--color-status-warning);
}

._success_1gatg_30 {
  background: var(--color-status-success-subtle);
  color: var(--color-status-success);
}

._success-solid_1gatg_35 {
  background: var(--color-status-success);
  color: var(--color-on-accent);
}

._danger_1gatg_40 {
  background: var(--color-status-danger-subtle);
  color: var(--color-status-danger);
}

._invert_1gatg_45 {
  background: var(--color-surface-invert);
  color: var(--color-on-invert);
}._tabs_1y8bg_1 {
  display: flex;
  border-bottom: var(--ant-line-width) solid var(--color-border-default);
}

._tab_1y8bg_1 {
  transition-property: color, border-color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._tab_1y8bg_1 {
    transition: none;
  }
}
._tab_1y8bg_1 {
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: var(--target-min);
  margin-bottom: calc(-1 * var(--ant-line-width));
  padding: 0 var(--space-200);
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  font: var(--type-control-sm);
  color: var(--color-text-muted);
  cursor: pointer;
}
@media (min-width: 768px) {
  ._tab_1y8bg_1 {
    flex: none;
    padding: 0 var(--space-500);
    font: var(--type-control-base);
  }
}
._tab_1y8bg_1:hover {
  border-bottom-color: var(--color-border-default);
  color: var(--color-text-primary);
}
._tab_1y8bg_1:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}

._activeTab_1y8bg_47,
._activeTab_1y8bg_47:hover {
  border-bottom-color: var(--color-accent-default);
  font-weight: var(--type-weight-semibold);
  color: var(--color-text-primary);
}

._banner_1y8bg_54 {
  display: flex;
  align-items: center;
  gap: var(--space-300);
  padding: var(--space-300) var(--space-200) var(--space-300) var(--space-400);
  border-radius: var(--radius-md);
  background: var(--color-accent-highlight-subtle);
}
@media (min-width: 768px) {
  ._banner_1y8bg_54 {
    padding: var(--space-300) var(--space-300) var(--space-300) var(--space-500);
  }
}

._bannerIcon_1y8bg_68 {
  flex: none;
  color: var(--color-accent-highlight);
  font-size: var(--ant-font-size-xl);
}

._bannerText_1y8bg_74 {
  flex: 1;
  font: var(--type-body-sm);
  color: var(--color-text-primary);
}

._bannerLink_1y8bg_80 {
  font-weight: var(--type-weight-semibold);
  color: var(--color-text-accent-ink);
}
._bannerLink_1y8bg_80:hover {
  color: var(--color-accent-hover);
}

._toolbar_1y8bg_88 {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);
}
@media (min-width: 768px) {
  ._toolbar_1y8bg_88 {
    flex-direction: row;
    align-items: center;
  }
  ._search_1y8bg_101 {
    flex: 1;
  }
}

._searchIcon_1y8bg_106 {
  color: var(--color-text-muted);
}

._statusSelect_1y8bg_110 {
  width: 100%;
}
@media (min-width: 768px) {
  ._statusSelect_1y8bg_110 {
    width: 220px;
  }
}

._newButton_1y8bg_119 {
  align-self: flex-end;
}
@media (min-width: 768px) {
  ._newButton_1y8bg_119 {
    align-self: auto;
  }
}

._stateSlot_1y8bg_128 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) {
  ._stateSlot_1y8bg_128 {
    min-height: 320px;
  }
}

@media (max-width: 767.98px) {
  ._stateBox_1y8bg_140 {
    border: var(--ant-line-width) solid var(--color-border-default);
    border-radius: var(--radius-lg);
  }
}

._emptyNote_1y8bg_146 {
  color: var(--color-text-muted);
}

._tableFrame_1y8bg_150 {
  overflow: hidden;
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-md);
}

._th_1y8bg_156 {
  font: var(--type-label-base);
}

._row_1y8bg_160 > td {
  height: 52px;
}

._zebra_1y8bg_164 > td {
  background: var(--color-surface-sunken);
}

._nameLink_1y8bg_168 {
  font-weight: var(--type-weight-medium);
  color: var(--color-text-primary);
  text-decoration: none;
  text-underline-offset: 3px;
}
._nameLink_1y8bg_168:hover {
  color: var(--color-text-accent-ink);
  text-decoration: underline;
}
._nameLink_1y8bg_168:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
  border-radius: var(--radius-sm);
}

._statusCell_1y8bg_184 {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--space-100);
  align-items: center;
}

._archivedTag_1y8bg_191 {
  display: inline-flex;
  border-radius: var(--radius-pill);
}
._archivedTag_1y8bg_191:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}

._actions_1y8bg_200 {
  display: flex;
  margin-block: calc(-1 * var(--space-200));
}

._iconLink_1y8bg_205 {
  transition-property: background-color, color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._iconLink_1y8bg_205 {
    transition: none;
  }
}
._iconLink_1y8bg_205 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--target-min);
  height: var(--target-min);
  border-radius: var(--radius-pill);
  color: var(--color-text-accent-ink);
  font-size: var(--ant-font-size-lg);
}
._iconLink_1y8bg_205:hover {
  background: var(--color-accent-subtle);
  color: var(--color-accent-hover);
}
._iconLink_1y8bg_205:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}

._tableFoot_1y8bg_234 {
  display: flex;
  justify-content: flex-end;
  padding: var(--space-300) var(--space-400);
  border-top: var(--ant-line-width) solid var(--color-border-default);
}

._cards_1y8bg_241 {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);
}

._card_1y8bg_241 {
  background: var(--color-surface-raised);
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--elevation-100);
  margin: 0;
  padding: var(--space-200) var(--space-500);
}

._pair_1y8bg_256 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-400);
  min-height: var(--target-min);
}
._pair_1y8bg_256 + ._pair_1y8bg_256 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
}

._pairLabel_1y8bg_267 {
  flex: none;
  font: var(--type-label-sm);
  letter-spacing: var(--type-label-sm-tracking);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

._pairValue_1y8bg_275 {
  margin: 0;
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
  text-align: right;
}
._pairValue_1y8bg_275 ._actions_1y8bg_200 {
  margin-block: 0;
}

._emptyBox_1y8bg_285 {
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-lg);
}

._mobilePagination_1y8bg_290 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-400);
}._options_adpa4_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);
}

._option_adpa4_1 {
  transition-property: border-color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._option_adpa4_1 {
    transition: none;
  }
}
._option_adpa4_1 {
  display: flex;
  align-items: center;
  gap: var(--space-400);
  padding: var(--space-400);
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  text-decoration: none;
  cursor: pointer;
}
._option_adpa4_1:hover {
  border-color: var(--color-border-strong);
  color: var(--color-text-primary);
}
._option_adpa4_1:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}

._icon_adpa4_37 {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-sm);
  background: var(--color-accent-highlight-subtle);
  color: var(--color-text-accent-ink);
  font-size: var(--ant-font-size-xl);
}

._text_adpa4_50 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--space-100);
  min-width: 0;
}

._title_adpa4_58 {
  margin: 0;
  font: var(--type-item-base);
  color: var(--color-text-primary);
}

._description_adpa4_64 {
  margin: 0;
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
}

._arrow_adpa4_70 {
  flex: none;
  color: var(--color-text-accent-ink);
}

._link_adpa4_75 {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
  margin-top: var(--space-200);
}
@media (min-width: 600px) {
  ._link_adpa4_75 {
    flex-direction: row;
    align-items: center;
  }
}

._linkField_adpa4_88 {
  flex: 1;
}._page_9n5ia_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);
}
@media (min-width: 768px) {
  ._page_9n5ia_1 {
    gap: var(--space-500);
  }
}

._state_9n5ia_12 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 360px;
}

._titleRow_9n5ia_19 {
  display: flex;
  flex-direction: column;
  gap: var(--space-300);
}
@media (min-width: 768px) {
  ._titleRow_9n5ia_19 {
    flex-direction: row;
    align-items: center;
    gap: var(--space-600);
  }
  ._titleRow_9n5ia_19 > h1 {
    flex: 1;
  }
}

._titleButtons_9n5ia_35 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-200);
}
@media (min-width: 768px) {
  ._titleButtons_9n5ia_35 {
    flex: none;
  }
}

._body_9n5ia_47 {
  display: flex;
  flex-direction: column;
  gap: var(--space-500);
  padding: var(--space-400) var(--space-300);
}
@media (min-width: 768px) {
  ._body_9n5ia_47 {
    gap: var(--space-600);
    padding: var(--space-500);
  }
}

._group_9n5ia_60 {
  display: flex;
  flex-direction: column;
  gap: var(--space-300);
}

._subhead_9n5ia_66 {
  font: var(--type-label-sm);
  letter-spacing: var(--type-label-sm-tracking);
  text-transform: uppercase;
  color: var(--color-text-brand);
  margin: 0;
}

._detailTable_9n5ia_74 {
  min-width: 960px;
}

._activitiesTable_9n5ia_78 {
  min-width: 760px;
}

._subjectColumn_9n5ia_82 {
  width: 18.085106383%;
}

._envelopeIdColumn_9n5ia_86 {
  width: 17.0212765957%;
}

._dateColumn_9n5ia_90 {
  width: 10.6382978723%;
}

._timeZoneColumn_9n5ia_94,
._holderColumn_9n5ia_95 {
  width: 11.7021276596%;
}

._statusColumn_9n5ia_99 {
  width: 9.5744680851%;
}

._timeColumn_9n5ia_103 {
  width: 112px;
}
@media (min-width: 768px) {
  ._timeColumn_9n5ia_103 {
    width: 152px;
  }
}

._userColumn_9n5ia_112 {
  width: 128px;
}
@media (min-width: 768px) {
  ._userColumn_9n5ia_112 {
    width: 168px;
  }
}

._actionColumn_9n5ia_121 {
  width: 144px;
}
@media (min-width: 768px) {
  ._actionColumn_9n5ia_121 {
    width: 168px;
  }
}

._activityStatusColumn_9n5ia_130 {
  width: 112px;
}
@media (min-width: 768px) {
  ._activityStatusColumn_9n5ia_130 {
    width: 128px;
  }
}

._primary_9n5ia_139 {
  color: var(--color-text-primary);
}

._mono_9n5ia_143 {
  font-family: var(--font-family-mono);
  word-break: break-all;
  color: var(--color-text-primary);
}

._status_9n5ia_99 {
  text-transform: capitalize;
}

._detailTable_9n5ia_74 ._status_9n5ia_99 {
  overflow-wrap: normal;
}

._date_9n5ia_90,
._timeOfDay_9n5ia_158 {
  display: block;
}

._date_9n5ia_90 {
  color: var(--color-text-primary);
}

._timeOfDay_9n5ia_158 {
  color: var(--color-text-muted);
}

._action_9n5ia_121 {
  font: var(--type-label-base);
  letter-spacing: var(--type-label-base-tracking);
  color: var(--color-text-primary);
}

._activitiesTable_9n5ia_78 ._empty_9n5ia_176 {
  padding: 0;
}._helper_15km7_1 {
  margin: 0;
  font: var(--type-body-sm);
  max-width: 68ch;
  color: var(--color-text-muted);
}

._error_15km7_8 {
  margin: 0;
  font: var(--type-body-sm);
  max-width: 68ch;
  color: var(--ant-color-error);
}._callout_qh7i6_1 {
  display: flex;
  align-items: flex-start;
  gap: var(--space-300);
  padding: var(--space-400) var(--space-500);
  border-radius: var(--radius-md);
  background: var(--color-accent-highlight-subtle);
  color: var(--color-text-primary);
  font: var(--type-body-sm);
}

._icon_qh7i6_12 {
  flex: none;
  color: var(--color-accent-highlight);
  font-size: var(--ant-font-size-xl);
  line-height: inherit;
}

._body_qh7i6_19 {
  margin: 0;
}._field_1esnl_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
  min-width: 0;
}

._options_1esnl_8 {
  gap: var(--space-300);
}

._label_1esnl_12 {
  font: var(--type-label-base);
  color: var(--color-text-primary);
}

._section_1esnl_17 {
  font: var(--type-item-lg);
  letter-spacing: var(--type-item-lg-tracking);
  color: var(--color-text-primary);
}.step-header {
  display: flex;
  align-items: flex-start;
  gap: var(--space-400);
}
.step-header__doodle {
  flex: none;
  width: var(--space-700);
  height: var(--space-700);
  -o-object-fit: contain;
     object-fit: contain;
}
.step-header__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
  min-width: 0;
}
.step-header__eyebrow, .step-header__title, .step-header__subtitle {
  margin: 0;
}
.step-header__eyebrow {
  color: var(--color-text-brand);
  font: var(--type-label-sm);
  letter-spacing: var(--type-label-sm-tracking);
  text-transform: uppercase;
}
.step-header__title {
  color: var(--color-text-primary);
  font: var(--type-heading-4);
  letter-spacing: var(--type-heading-4-tracking);
}
.step-header__subtitle {
  color: var(--color-text-secondary);
  font: var(--type-body-base);
}
@media (min-width: 600px) {
  .step-header {
    align-items: center;
  }
  .step-header__doodle {
    width: var(--space-800);
    height: var(--space-800);
  }
}
@media (min-width: 1024px) {
  .step-header {
    gap: var(--space-600);
  }
  .step-header__doodle {
    width: var(--space-900);
    height: var(--space-900);
  }
  .step-header__title {
    font: var(--type-heading-3);
    letter-spacing: var(--type-heading-3-tracking);
  }
}.step-actions {
  display: flex;
  flex-direction: column-reverse;
  align-items: stretch;
  gap: var(--space-400);
}
.step-actions__back {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: var(--space-200);
  min-height: var(--target-min);
  padding: 0 var(--space-200);
  border: 0;
  border-radius: var(--radius-sm);
  background: none;
  color: var(--color-text-secondary);
  font: var(--type-control-base);
  cursor: pointer;
  transition: color var(--motion-duration-fast) var(--motion-ease);
}
.step-actions__back:hover {
  color: var(--color-text-brand);
}
.step-actions__back:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}
.step-actions__back-icon {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.step-actions__buttons {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-400);
}
.step-actions__buttons > :last-child {
  order: -1;
}
.step-actions__buttons .button {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--target-min);
  padding: var(--space-500) var(--space-400);
  border-radius: var(--radius-pill);
  font: var(--type-control-base);
  letter-spacing: var(--type-control-base-tracking);
  transition: background-color var(--motion-duration-fast) var(--motion-ease), border-color var(--motion-duration-fast) var(--motion-ease), color var(--motion-duration-fast) var(--motion-ease);
}
.step-actions__buttons .button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}
.step-actions__buttons .button:focus:not(:focus-visible) {
  box-shadow: none;
}
.step-actions__buttons .button:disabled:not(.button--loading) {
  border: 2px solid var(--ant-color-border);
  background-color: var(--ant-color-bg-container-disabled);
  color: var(--ant-color-text-disabled);
  opacity: 1;
}
.step-actions__buttons .button--primary {
  border: 0;
  background-color: var(--color-accent-default);
  color: var(--color-on-accent);
}
.step-actions__buttons .button--primary:hover:not(:disabled) {
  opacity: 1;
  background-color: var(--color-accent-hover);
}
.step-actions__buttons .button--secondary {
  padding: calc(var(--space-500) - 2px) calc(var(--space-400) - 2px);
  border: 2px solid var(--color-accent-default);
  background-color: transparent;
  color: var(--color-text-accent-ink);
}
.step-actions__buttons .button--secondary:hover:not(:disabled), .step-actions__buttons .button--secondary:active:not(:disabled) {
  border-color: var(--color-accent-hover);
  background-color: transparent;
  color: var(--color-accent-hover);
}
@media (min-width: 600px) {
  .step-actions__buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .step-actions__buttons > :last-child {
    order: 0;
  }
}
@media (min-width: 1024px) {
  .step-actions {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .step-actions__back {
    align-self: auto;
  }
  .step-actions__buttons {
    display: flex;
    margin-left: auto;
  }
  .step-actions__buttons .button {
    width: auto;
    padding: var(--space-500) var(--space-700);
  }
  .step-actions__buttons .button--secondary {
    padding: calc(var(--space-500) - 2px) calc(var(--space-700) - 2px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .step-actions__back, .step-actions__buttons .button {
    transition: none;
  }
}.cf-step .step-form > .form-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-600);
}
@media (max-width: 1023.98px) {
  .cf-step .step-form > .form-content {
    gap: var(--space-500);
  }
}
.cf-step .cf-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
  min-width: 0;
}
.cf-step .cf-question {
  display: flex;
  flex-direction: column;
  gap: var(--space-300);
  min-width: 0;
}
.cf-step .cf-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-500);
}
.cf-step .cf-label {
  font: var(--type-label-base);
  color: var(--color-text-primary);
  display: block;
  margin: 0;
}
.cf-step .cf-section-question {
  font: var(--type-item-lg);
  letter-spacing: var(--type-item-lg-tracking);
  color: var(--color-text-primary);
  display: block;
  margin: 0;
}
.cf-step .cf-optional {
  color: var(--color-text-muted);
  font-weight: var(--type-weight-regular);
}
.cf-step .cf-section-question .cf-optional {
  font: var(--type-body-sm);
  letter-spacing: normal;
}
.cf-step .cf-subheading {
  font: var(--type-item-lg);
  letter-spacing: var(--type-item-lg-tracking);
  color: var(--color-text-primary);
  margin: 0;
}
.cf-step .cf-helper {
  margin: 0;
  font: var(--type-body-sm);
  color: var(--color-text-muted);
  max-width: 68ch;
}
.cf-step .cf-error {
  margin: 0;
  font: var(--type-body-sm);
  color: var(--ant-color-error);
  max-width: 68ch;
}
.cf-step .cf-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-500);
  align-items: start;
}
@media (max-width: 767.98px) {
  .cf-step .cf-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.cf-step .cf-grid__full {
  grid-column: 1/-1;
}
.cf-step .cf-radios {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-200) var(--space-600);
}
.cf-step .cf-radio {
  display: inline-flex;
  align-items: center;
  gap: var(--space-300);
  min-height: var(--target-min);
  margin: 0;
  color: var(--color-text-primary);
  font: var(--type-body-base);
  cursor: pointer;
}
.cf-step .cf-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-300);
}
.cf-step .cf-inline .relative {
  width: var(--space-900);
}
.cf-step .cf-inline__text {
  color: var(--color-text-secondary);
  font: var(--type-body-base);
}
.cf-step .cf-width-amount > :not(label):not(.cf-label):not(.cf-helper) {
  max-width: 280px;
}
.cf-step .cf-width-phone > :not(label):not(.cf-label):not(.cf-helper) {
  max-width: 320px;
}
.cf-step .cf-width-email > :not(label):not(.cf-label):not(.cf-helper) {
  max-width: 480px;
}
.cf-step .cf-width-count > :not(label):not(.cf-label):not(.cf-helper) {
  max-width: 160px;
}
@media (max-width: 1023.98px) {
  .cf-step .cf-width-amount > :not(label):not(.cf-label):not(.cf-helper),
  .cf-step .cf-width-phone > :not(label):not(.cf-label):not(.cf-helper),
  .cf-step .cf-width-email > :not(label):not(.cf-label):not(.cf-helper),
  .cf-step .cf-width-count > :not(label):not(.cf-label):not(.cf-helper) {
    max-width: none;
  }
}
.cf-step .cf-commitment,
.cf-step .cf-income {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.cf-step .cf-income--divided {
  border-top: var(--ant-line-width) solid var(--color-border-default);
  padding-top: var(--space-500);
}
.cf-step .cf-upload--divided {
  border-top: var(--ant-line-width) solid var(--color-border-default);
  padding-top: var(--space-500);
}
.cf-step .cf-upload__question {
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
}
.cf-step .cf-upload__files {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}
.cf-step .cf-upload__download {
  display: inline-flex;
  align-items: center;
  gap: var(--space-200);
  align-self: flex-start;
  min-height: var(--target-min);
  color: var(--color-text-link);
  font: var(--type-control-base);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cf-step .cf-upload__icon {
  width: var(--space-400);
  height: var(--space-400);
  flex: none;
}
.cf-step .cf-upload__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cf-step .cf-upload__file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-400);
  border-top: var(--ant-line-width) solid var(--color-border-default);
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}
.cf-step .cf-upload__file-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cf-step .cf-upload__remove {
  transition-property: color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  .cf-step .cf-upload__remove {
    transition: none;
  }
}
.cf-step .cf-upload__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: var(--target-min);
  min-height: var(--target-min);
  padding: 0;
  border: 0;
  background: none;
  color: var(--ant-color-error);
  font: var(--type-body-sm);
  cursor: pointer;
}
.cf-step .cf-upload__remove:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
  border-radius: var(--radius-sm);
}
.cf-step .cf-upload__remove:disabled {
  cursor: progress;
}
.cf-step .cf-upload__body {
  margin: 0;
  max-width: 68ch;
  font: var(--type-body-sm);
  color: var(--color-text-muted);
  overflow-wrap: anywhere;
}
.cf-step .cf-upload__link {
  transition-property: color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  .cf-step .cf-upload__link {
    transition: none;
  }
}
.cf-step .cf-upload__link {
  color: var(--color-text-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cf-step .cf-upload__link:hover {
  color: var(--color-accent-hover);
}
.cf-step .form-content .input-form,
.cf-step .form-content select {
  transition-property: border-color, background-color, box-shadow;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  .cf-step .form-content .input-form,
  .cf-step .form-content select {
    transition: none;
  }
}
.cf-step .form-content .input-form,
.cf-step .form-content select {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--target-min);
  margin: 0;
  padding: 0 var(--space-400);
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-sm);
  outline: none;
  background-color: var(--color-base-neutral-50);
  color: var(--color-text-primary);
  font: var(--type-body-base);
}
.cf-step .form-content .input-form::-moz-placeholder, .cf-step .form-content select::-moz-placeholder {
  color: var(--color-text-muted);
  opacity: 1;
}
.cf-step .form-content .input-form::placeholder,
.cf-step .form-content select::placeholder {
  color: var(--color-text-muted);
  opacity: 1;
}
.cf-step .form-content .input-form:hover,
.cf-step .form-content select:hover {
  border-color: var(--color-base-neutral-400);
}
.cf-step .form-content .input-form:focus, .cf-step .form-content .input-form:focus-visible,
.cf-step .form-content select:focus,
.cf-step .form-content select:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
  border-color: var(--color-border-strong);
  background-color: var(--color-surface-default);
}
.cf-step .form-content select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  padding-inline-end: var(--space-700);
  background-image: linear-gradient(45deg, transparent 50%, var(--color-border-strong) 50%), linear-gradient(135deg, var(--color-border-strong) 50%, transparent 50%);
  background-position: calc(100% - var(--space-500)) 50%, calc(100% - var(--space-400)) 50%;
  background-size: var(--space-200) var(--space-200);
  background-repeat: no-repeat;
}
.cf-step .form-content .input-form + div {
  margin: 0;
  font: var(--type-body-sm);
  color: var(--ant-color-error);
  max-width: 68ch;
  min-height: 0;
  margin-top: var(--space-200);
}
.cf-step .form-content .input-form + div:empty {
  display: none;
}
.cf-step .form-content .input-form:has(+ div:not(:empty)) {
  border-color: var(--ant-color-error);
}
.cf-step .form-content input[type=radio] {
  flex: none;
  width: var(--ant-font-size-xl);
  height: var(--ant-font-size-xl);
  margin: 0;
  accent-color: var(--color-accent-default);
  cursor: pointer;
}
.cf-step .form-content input[type=radio]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
  border-radius: var(--radius-pill);
}
.cf-step .form-content .form-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
  margin: 0;
  padding: 0;
}
.cf-step .form-content .form-label {
  font: var(--type-label-base);
  color: var(--color-text-primary);
  display: block;
  margin: 0;
  text-transform: none;
  letter-spacing: normal;
}
.cf-step .form-content .form-label b,
.cf-step .form-content .form-label strong {
  font-weight: inherit;
}
.cf-step .form-content .form-label.cf-section-question {
  font: var(--type-item-lg);
  letter-spacing: var(--type-item-lg-tracking);
  color: var(--color-text-primary);
}
.cf-step .form-content .error-message,
.cf-step .form-content .error-span {
  margin: 0;
  font: var(--type-body-sm);
  color: var(--ant-color-error);
  max-width: 68ch;
}
.cf-step .form-content .error-message:empty,
.cf-step .form-content .error-span:empty {
  display: none;
}
.cf-step .form-content .section-heading {
  font: var(--type-label-base);
  color: var(--color-text-primary);
  margin: 0 0 var(--space-200);
}
.cf-step .form-content .date-of-birth-row {
  display: grid;
  grid-template-columns: var(--space-900) 200px 120px;
  gap: var(--space-300);
  align-items: start;
}
@media (max-width: 1023.98px) {
  .cf-step .form-content .date-of-birth-row {
    grid-template-columns: 1fr 1.6fr 1.2fr;
  }
}
.cf-step .form-content .date-of-birth-row .form-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.cf-step .form-content .individual-property-container,
.cf-step .form-content .living_at_address {
  display: flex;
  flex-direction: column;
  gap: var(--space-600);
  margin: 0;
}
@media (max-width: 1023.98px) {
  .cf-step .form-content .individual-property-container,
  .cf-step .form-content .living_at_address {
    gap: var(--space-500);
  }
}
.cf-step .form-content .individual-property-container > .flow-root,
.cf-step .form-content .living_at_address > .flow-root {
  display: none;
}
.cf-step .form-content .living_at_address > .js-previous-address-container:first-child {
  padding-top: 0;
  border-top: 0;
}
.cf-step .form-content .another-property-wrapper > div {
  display: flex;
  flex-direction: column;
  gap: var(--space-300);
}
.cf-step .form-content .js-previous-address-container {
  border-top: var(--ant-line-width) solid var(--color-border-default);
  padding-top: var(--space-500);
  gap: var(--space-500);
  margin: 0;
  padding-inline: 0;
}
.cf-step .form-content .js-previous-address-container > div:first-child {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}
.cf-step .form-content .house_ownership_div,
.cf-step .form-content .year_month_div {
  display: flex;
  flex-direction: column;
  gap: var(--space-300);
  margin: 0;
  padding: 0;
}
.cf-step .form-content .property-row,
.cf-step .form-content .other-property-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-200) var(--space-600);
  margin: 0;
}
.cf-step .form-content .property-row > div,
.cf-step .form-content .other-property-row > div {
  padding: 0;
}
.cf-step .form-content .radio-option {
  display: inline-flex;
  align-items: center;
  gap: var(--space-300);
  min-height: var(--target-min);
  margin: 0;
  color: var(--color-text-primary);
  font: var(--type-body-base);
  cursor: pointer;
}
.cf-step .form-content .radio-label {
  margin: 0;
  color: inherit;
  font: inherit;
}
.cf-step .form-content .duration-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-300);
}
.cf-step .form-content .duration-row > div {
  flex: none;
  margin: 0;
  padding: 0;
}
.cf-step .form-content .duration-row .relative {
  width: var(--space-900);
}
.cf-step .form-content .duration-row .form-label {
  color: var(--color-text-secondary);
  font: var(--type-body-base);
}

body:has(.cf-step) .pac-container {
  margin-top: var(--space-100);
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-sm);
  box-shadow: var(--elevation-200);
  font-family: var(--font-family-body);
}
body:has(.cf-step) .pac-container .pac-item {
  padding: var(--space-200) var(--space-400);
  border-top-color: var(--color-border-default);
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
  cursor: pointer;
}
body:has(.cf-step) .pac-container .pac-item:hover,
body:has(.cf-step) .pac-container .pac-item-selected {
  background-color: var(--color-base-neutral-50);
}
body:has(.cf-step) .pac-container .pac-item-query {
  font: var(--type-body-base);
  color: var(--color-text-primary);
}

.cf-step .form-content .currency-input .input-form {
  padding-inline-start: calc(var(--space-300) + var(--space-400) + var(--space-300));
  background-image: url(/images/icons/currency-dollar.svg);
  background-position: var(--space-300) center;
  background-repeat: no-repeat;
  background-size: var(--space-400);
}._row_cf81i_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-200) var(--space-400);
}

._input_cf81i_8 {
  flex: 1 1 280px;
  max-width: 280px;
}
@media (max-width: 1023.98px) {
  ._input_cf81i_8 {
    max-width: none;
  }
}

._status_cf81i_18 {
  display: flex;
  align-items: center;
  gap: var(--space-200);
  min-height: var(--target-min);
}

._tick_cf81i_25 {
  flex: none;
  color: var(--color-text-brand);
  font-size: var(--ant-font-size-lg);
}

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

._name_cf81i_36 {
  font: var(--type-item-base);
  color: var(--color-text-primary);
}

._muted_cf81i_41 {
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}.section-heading {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 1rem;
  margin-top: 0;
}

.date-of-birth-row {
  display: flex;
  gap: 1rem;
  align-items: baseline;
}
.date-of-birth-row .form-group {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .date-of-birth-row {
    flex-direction: column;
    align-items: stretch;
  }
}

.form-input.date-input input {
  max-width: 80px;
  min-width: 80px;
  width: 100%;
}
@media (max-width: 768px) {
  .form-input.date-input input {
    max-width: 100%;
    min-width: 100%;
  }
}
.form-input.year-input input {
  max-width: 100px;
  min-width: 100px;
  width: 100%;
}
@media (max-width: 768px) {
  .form-input.year-input input {
    max-width: 100%;
    min-width: 100%;
  }
}

.form-select.month-select {
  min-width: 150px;
  border: 1px solid #e2e8f0;
  padding: 8px 16px;
  font-size: 1rem;
  height: 40px;
  border-radius: 2px;
  font-weight: 500;
  color: #1f2937;
  transition: all 0.2s ease;
  cursor: pointer;
  background-color: white;
}.step-rail__list {
  display: flex;
  gap: var(--space-100);
  margin: 0;
  padding: 0;
  list-style: none;
}
.step-rail__item {
  display: flex;
  flex: 1 1 0;
}
.step-rail__button {
  display: flex;
  align-items: center;
  gap: var(--space-400);
  width: 100%;
  height: 6px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--color-border-default);
  color: var(--color-text-secondary);
  font: inherit;
  text-align: left;
  cursor: pointer;
  pointer-events: none;
  transition: background-color var(--motion-duration-fast) var(--motion-ease), color var(--motion-duration-fast) var(--motion-ease);
}
.step-rail__button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-focus-ring);
}
.step-rail__button:disabled {
  cursor: not-allowed;
}
.step-rail__item--active .step-rail__button, .step-rail__item--completed .step-rail__button {
  background: var(--color-border-strong);
}
.step-rail__circle, .step-rail__label, .step-rail__connector {
  display: none;
}
@media (min-width: 600px) {
  .step-rail__list {
    align-items: center;
    gap: 0;
  }
  .step-rail__item {
    align-items: center;
  }
  .step-rail__item:last-child {
    flex: 0 0 auto;
  }
  .step-rail__button {
    width: auto;
    height: auto;
    min-height: var(--target-min);
    border-radius: var(--radius-sm);
    background: none;
    pointer-events: auto;
  }
  .step-rail__item--active .step-rail__button, .step-rail__item--completed .step-rail__button {
    background: none;
  }
  .step-rail__circle {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: var(--target-min);
    height: var(--target-min);
    border: 2px solid var(--color-border-default);
    border-radius: var(--radius-pill);
    background: var(--color-surface-default);
    color: var(--color-text-muted);
    font: var(--type-control-sm);
    transition: background-color var(--motion-duration-fast) var(--motion-ease), border-color var(--motion-duration-fast) var(--motion-ease);
  }
  .step-rail__item--active .step-rail__circle, .step-rail__item--completed .step-rail__circle {
    border-color: var(--color-surface-invert);
    background: var(--color-surface-invert);
    color: var(--color-text-inverse);
  }
  .step-rail__check {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .step-rail__connector {
    display: block;
    flex: 1;
    height: 2px;
    margin: 0 var(--space-100);
    background: var(--color-border-default);
  }
  .step-rail__item--completed .step-rail__connector {
    background: var(--color-border-strong);
  }
}
@media (min-width: 1024px) {
  .step-rail {
    position: sticky;
    top: var(--space-600);
  }
  .step-rail__list {
    flex-direction: column;
    align-items: stretch;
  }
  .step-rail__item {
    flex-direction: column;
    align-items: flex-start;
    min-height: 72px;
  }
  .step-rail__label {
    display: block;
    color: var(--color-text-secondary);
    font: var(--type-control-base);
  }
  .step-rail__button:hover .step-rail__label {
    color: var(--color-text-brand);
  }
  .step-rail__item--active .step-rail__label {
    color: var(--color-text-brand);
    font: var(--type-item-base);
  }
  .step-rail__connector {
    flex: 1;
    width: 2px;
    height: auto;
    margin: var(--space-100) 0 var(--space-100) calc((var(--target-min) - 2px) / 2);
  }
}
@media (prefers-reduced-motion: reduce) {
  .step-rail__button, .step-rail__circle {
    transition: none;
  }
}.application-wizard {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-500);
  align-items: start;
}
@media (min-width: 1024px) {
  .application-wizard {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: var(--space-800);
  }
}
.application-wizard .wizard-content {
  min-width: 0;
}
.application-wizard .step-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-500);
}
@media (min-width: 1024px) {
  .application-wizard .step-form {
    gap: var(--space-600);
  }
}
.application-wizard .step-form > .form-content {
  padding: var(--space-500) var(--space-400);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-raised);
  box-shadow: var(--elevation-100);
}
@media (min-width: 1024px) {
  .application-wizard .step-form > .form-content {
    padding: var(--space-700);
    border-radius: var(--radius-lg);
  }
}.sf-mt-2 {
  margin-top: 0.5rem;
}

.sf-w-full {
  width: 100%;
}.cf-review .cf-review-rows {
  display: flex;
  flex-direction: column;
}
.cf-review .cf-review-row {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
  padding: var(--space-300) 0;
  border-top: var(--ant-line-width) solid var(--color-border-default);
}
.cf-review .cf-review-row__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-200) var(--space-500);
  min-height: 64px;
}
@media (max-width: 1023.98px) {
  .cf-review .cf-review-row__summary {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cf-review .cf-review-row__text {
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
  min-width: 0;
}
.cf-review .cf-review-row__name {
  font: var(--type-item-lg);
  letter-spacing: var(--type-item-lg-tracking);
  color: var(--color-text-primary);
  margin: 0;
}
.cf-review .cf-review-row__status {
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}
.cf-review .cf-review-row__status .review-description {
  display: block;
  color: inherit;
}
.cf-review .cf-review-row__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-500);
}
.cf-review .cf-review-row__action,
.cf-review .cf-review-consent__link {
  transition-property: color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  .cf-review .cf-review-row__action,
  .cf-review .cf-review-consent__link {
    transition: none;
  }
}
.cf-review .cf-review-row__action,
.cf-review .cf-review-consent__link {
  display: inline-flex;
  align-items: center;
  min-height: var(--target-min);
  color: var(--color-text-link);
  font: var(--type-control-base);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cf-review .cf-review-row__action:hover,
.cf-review .cf-review-consent__link:hover {
  color: var(--color-accent-hover);
}
.cf-review .cf-review-row__action:focus-visible,
.cf-review .cf-review-consent__link:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
  border-radius: var(--radius-sm);
}
.cf-review .cf-review-consent__link {
  display: inline;
  min-height: 0;
  font: inherit;
}
.cf-review .cf-review-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-200);
  font: var(--type-label-base);
}
.cf-review .cf-review-badge--complete {
  color: var(--color-text-brand);
}
.cf-review .cf-review-badge--incomplete {
  color: var(--color-text-accent-ink);
}
.cf-review .cf-review-badge__icon {
  flex: none;
  width: 18px;
  height: 18px;
}
.cf-review .review-description {
  display: grid;
  gap: var(--space-100);
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
}
.cf-review .review-description p {
  margin: 0;
}
.cf-review .review-description .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: var(--space-400);
  margin: 0;
}
@media (max-width: 1023.98px) {
  .cf-review .review-description .row {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
}
.cf-review .review-description .row > div {
  padding: 0;
  color: var(--color-text-muted);
}
.cf-review .review-description b {
  padding: 0;
  font-weight: var(--type-weight-medium);
  color: var(--color-text-primary);
  overflow-wrap: anywhere;
}
.cf-review .cf-review-consent {
  border-top: var(--ant-line-width) solid var(--color-border-default);
  padding-top: var(--space-500);
  display: flex;
  flex-direction: column;
  gap: var(--space-400);
}
.cf-review .cf-review-consent__stage {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}
.cf-review .cf-review-consent__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-200) var(--space-500);
}
.cf-review .cf-review-consent__title {
  margin: 0;
  font: var(--type-heading-4);
  color: var(--color-text-primary);
}
.cf-review .cf-review-consent__applicants {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
  margin: var(--space-200) 0 0;
  padding: 0;
  list-style: none;
}
.cf-review .cf-review-consent__applicant {
  display: flex;
  align-items: flex-start;
  gap: var(--space-200);
}
.cf-review .cf-review-consent__policy {
  max-height: 240px;
  overflow-y: auto;
  padding: var(--space-400) var(--space-500);
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-base-neutral-50);
  font: var(--type-body-sm);
  color: var(--color-text-secondary);
}
.cf-review .cf-review-consent__policy:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}
.cf-review .cf-review-consent__policy .privacy-policy-content > div {
  margin-bottom: var(--space-300);
}
.cf-review .cf-review-consent__policy .p-title {
  margin-top: var(--space-500);
  margin-bottom: var(--space-200);
  font: var(--type-label-base);
  color: var(--color-text-primary);
}
.cf-review .cf-review-consent__policy .p-title:first-child {
  margin-top: 0;
}
.cf-review .cf-review-consent__policy a {
  color: var(--color-text-link);
}
.cf-review .cf-review-consent__option {
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
}
.cf-review .cf-review-consent__instructions {
  padding-inline-start: calc(var(--ant-font-size-xl) + var(--space-300));
}._field_wzi8l_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-300);
}

._label_wzi8l_7 {
  font: var(--type-label-base);
  color: var(--color-text-primary);
}

._chips_wzi8l_12 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-200);
}

._chip_wzi8l_12 {
  position: relative;
  display: inline-flex;
  cursor: pointer;
}

._radio_wzi8l_24 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

._face_wzi8l_36 {
  transition-property: background-color, border-color, color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._face_wzi8l_36 {
    transition: none;
  }
}
._face_wzi8l_36 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: var(--target-min);
  min-height: var(--target-min);
  padding: 0 var(--space-400);
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-pill);
  background: var(--color-surface-default);
  color: var(--color-text-primary);
  font: var(--type-control-base);
}

._chip_wzi8l_12:hover ._face_wzi8l_36 {
  border-color: var(--color-base-neutral-400);
}

._radio_wzi8l_24:focus-visible + ._face_wzi8l_36 {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
}

._radio_wzi8l_24:checked + ._face_wzi8l_36 {
  border-color: var(--color-accent-default);
  background: var(--color-accent-default);
  color: var(--color-text-inverse);
}

._invalid_wzi8l_76 ._radio_wzi8l_24:not(:checked) + ._face_wzi8l_36 {
  border-color: var(--ant-color-error);
}._field_nm7ea_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}

._checkbox_nm7ea_7 {
  align-items: center;
  min-height: var(--target-min);
  font: var(--type-body-base);
  color: var(--color-text-primary);
}._add_2npm3_1 {
  transition-property: color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._add_2npm3_1 {
    transition: none;
  }
}
._add_2npm3_1 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-200);
  align-self: flex-start;
  min-height: var(--target-min);
  padding: 0;
  border: 0;
  background: none;
  color: var(--color-accent-default);
  font: var(--type-control-base);
  text-decoration: underline;
  text-underline-offset: var(--space-100);
  cursor: pointer;
}
._add_2npm3_1:hover {
  color: var(--color-accent-hover);
}
._add_2npm3_1:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
  border-radius: var(--radius-sm);
}

._remove_2npm3_35 {
  justify-self: end;
  width: var(--target-min);
  height: var(--target-min);
  color: var(--color-text-secondary);
}._grid_l2vpu_1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-500);
  align-items: start;
}

@media (min-width: 768px) {
  ._two_l2vpu_9 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  ._three_l2vpu_12 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}._stack_cjtyz_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-600);
}
@media (max-width: 1023.98px) {
  ._stack_cjtyz_1 {
    gap: var(--space-500);
  }
}._vertical_1imsv_1,
.cf-step .cf-radios._vertical_1imsv_1 {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0;
}._affix_1kszx_1 {
  color: var(--color-text-muted);
}._count_1r5eu_1 {
  max-width: 160px;
}
@media (max-width: 1023.98px) {
  ._count_1r5eu_1 {
    max-width: none;
  }
}._mobile_11gkg_1 {
  max-width: 320px;
}

._email_11gkg_5 {
  max-width: 480px;
}

@media (max-width: 1023.98px) {
  ._mobile_11gkg_1,
  ._email_11gkg_5 {
    max-width: none;
  }
}
._optional_11gkg_15 {
  color: var(--color-text-muted);
  font-weight: var(--type-weight-regular);
}._section_5jdyk_1 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
  padding-top: var(--space-500);
  display: flex;
  flex-direction: column;
  gap: var(--space-500);
}._price_115gc_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-200) var(--space-500);
}

._amount_115gc_8 {
  flex: 1 1 280px;
  max-width: 280px;
}
@media (max-width: 1023.98px) {
  ._amount_115gc_8 {
    max-width: none;
  }
}._list_11wah_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-500);
}

._row_11wah_7 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-500);
  align-items: end;
}

@media (min-width: 768px) {
  ._full_11wah_15 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) var(--target-min);
  }
  ._partial_11wah_18 {
    grid-template-columns: minmax(0, 1fr) var(--target-min);
  }
}._year_11z65_1 {
  max-width: 160px;
}
@media (max-width: 1023.98px) {
  ._year_11z65_1 {
    max-width: none;
  }
}._field_mggge_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}

._label_mggge_7 {
  font: var(--type-label-base);
  color: var(--color-text-primary);
}

._control_mggge_12 {
  position: relative;
}

._symbol_mggge_16 {
  position: absolute;
  inset-inline-start: var(--space-400);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  color: var(--color-text-muted);
  font: var(--type-body-base);
}

._control_mggge_12 ._input_mggge_27 {
  padding-inline-start: var(--space-600);
}._row_cz9v9_1 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
  padding-top: var(--space-500);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 200px;
  align-items: center;
  gap: var(--space-500);
}
@media (max-width: 1023.98px) {
  ._row_cz9v9_1 {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-300);
  }
}

._text_cz9v9_16 {
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
  min-width: 0;
}

._name_cz9v9_23 {
  font: var(--type-label-base);
  color: var(--color-text-primary);
}

._description_cz9v9_28 {
  margin: 0;
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}._row_blakq_1 {
  display: grid;
  grid-template-columns: var(--space-700) minmax(0, 1fr) 200px;
  align-items: center;
  gap: var(--space-400);
  padding: var(--space-400) 0;
  border-top: var(--ant-line-width) solid var(--color-border-default);
}
@media (max-width: 1023.98px) {
  ._row_blakq_1 {
    grid-template-columns: var(--space-700) minmax(0, 1fr);
    row-gap: var(--space-300);
  }
  ._row_blakq_1 ._amount_blakq_14 {
    grid-column: 2;
  }
}

._tile_blakq_19 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--space-700);
  height: var(--space-700);
  border-radius: var(--radius-sm);
  background: var(--color-accent-highlight-subtle);
  color: var(--color-text-accent-ink);
}
._tile_blakq_19 img,
._tile_blakq_19 svg {
  width: var(--space-500);
  height: var(--space-500);
}

._text_blakq_35 {
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
  min-width: 0;
}

._name_blakq_42 {
  font: var(--type-label-base);
  color: var(--color-text-primary);
}

._description_blakq_47 {
  margin: 0;
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}._row_4r6ct_1 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
  padding-top: var(--space-500);
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}

._question_4r6ct_9 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-200) var(--space-600);
}

._label_4r6ct_17 {
  font: var(--type-item-lg);
  letter-spacing: var(--type-item-lg-tracking);
  color: var(--color-text-primary);
}

._content_4r6ct_23 {
  display: flex;
  flex-direction: column;
  gap: var(--space-500);
  padding-top: var(--space-400);
}.basic-info-step .repayment-price {
  margin-top: 1.5rem;
  padding: 1rem;
  background-color: #f9f9f9;
  border-radius: 4px;
}
.basic-info-step .repayment-price .price-input-group {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.basic-info-step .repayment-price .price-input-group .price-input-container {
  flex: 1;
  min-width: 200px;
}
.basic-info-step .repayment-price .price-input-group .price-input-container label {
  display: block;
  margin-bottom: 0.5rem;
}
.basic-info-step .repayment-price .price-input-group .price-input-container input[readonly] {
  background-color: #e9ecef;
  cursor: not-allowed;
}._list_1vfj9_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
  margin: 0;
}

._item_1vfj9_8 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 600px) {
  ._item_1vfj9_8 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    gap: var(--space-400);
  }
}

._label_1vfj9_19 {
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}

._value_1vfj9_24 {
  margin: 0;
  font: var(--type-body-sm);
  color: var(--color-text-primary);
  overflow-wrap: anywhere;
}._amount_1mf6a_1 {
  max-width: 280px;
}
@media (max-width: 1023.98px) {
  ._amount_1mf6a_1 {
    max-width: none;
  }
}._note_b2bpo_1 {
  margin: 0;
  max-width: 68ch;
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}

._link_b2bpo_8 {
  color: var(--color-accent-default);
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}
._link_b2bpo_8:hover {
  color: var(--color-accent-hover);
}._row_1qs5l_1 {
  border-top: var(--ant-line-width) solid var(--color-border-default);
  padding-top: var(--space-500);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-200) var(--space-500);
  min-height: var(--space-800);
  padding-bottom: var(--space-300);
}
@media (max-width: 1023.98px) {
  ._row_1qs5l_1 {
    flex-direction: column;
  }
}

._text_1qs5l_18 {
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
  min-width: 0;
  flex: 1;
}

._title_1qs5l_26 {
  font: var(--type-item-lg);
  letter-spacing: var(--type-item-lg-tracking);
  color: var(--color-text-primary);
  margin: 0;
}

._summary_1qs5l_33 {
  font: var(--type-body-sm);
  color: var(--color-text-muted);
}

._status_1qs5l_38 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-400);
  min-height: var(--target-min);
}

._badge_1qs5l_46 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-200);
  font: var(--type-label-base);
}
._badge_1qs5l_46 .anticon {
  font-size: var(--ant-font-size-lg);
}

._complete_1qs5l_56 {
  color: var(--color-text-brand);
}

._incomplete_1qs5l_60 {
  color: var(--color-text-accent-ink);
}

._action_1qs5l_64 {
  transition-property: color;
  transition-duration: var(--motion-duration-fast);
  transition-timing-function: var(--motion-ease);
}
@media (prefers-reduced-motion: reduce) {
  ._action_1qs5l_64 {
    transition: none;
  }
}
._action_1qs5l_64 {
  display: inline-flex;
  align-items: center;
  min-height: var(--target-min);
  color: var(--color-accent-default);
  font: var(--type-control-base);
  text-decoration: underline;
  text-underline-offset: var(--space-100);
}
._action_1qs5l_64:hover {
  color: var(--color-accent-hover);
}
._action_1qs5l_64:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--ant-control-outline-width) var(--ant-control-outline);
  border-radius: var(--radius-sm);
}._count_1r5eu_1 {
  max-width: 160px;
}
@media (max-width: 1023.98px) {
  ._count_1r5eu_1 {
    max-width: none;
  }
}._row_gao7g_1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-500);
  align-items: end;
}
@media (min-width: 1024px) {
  ._row_gao7g_1 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto var(--target-min);
  }
}

._rows_gao7g_13 {
  display: flex;
  flex-direction: column;
  gap: var(--space-500);
}
._rows_gao7g_13 > :first-child {
  border-top: 0;
  padding-top: 0;
}._person_lw7ht_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-600);
}
@media (max-width: 1023.98px) {
  ._person_lw7ht_1 {
    gap: var(--space-500);
  }
}

._title_lw7ht_12 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-200) var(--space-400);
}

._heading_lw7ht_20 {
  margin: 0;
  font: var(--type-heading-4);
  color: var(--color-text-primary);
}

._count_lw7ht_26 {
  font: var(--type-label-base);
  color: var(--color-text-muted);
}

._mobile_lw7ht_31 {
  max-width: 320px;
}

._email_lw7ht_35 {
  max-width: 480px;
}

@media (max-width: 1023.98px) {
  ._mobile_lw7ht_31,
  ._email_lw7ht_35 {
    max-width: none;
  }
}._totals_1cz9j_1 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-300) var(--space-500);
}

._total_1cz9j_1 {
  flex: 1 1 240px;
  max-width: 240px;
}
@media (max-width: 600px) {
  ._total_1cz9j_1 {
    max-width: none;
  }
}

._question_1cz9j_17 {
  font: var(--type-item-lg);
  letter-spacing: var(--type-item-lg-tracking);
  color: var(--color-text-primary);
  margin: 0;
}._row_a5uvt_1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-500);
  align-items: end;
}
@media (min-width: 1024px) {
  ._row_a5uvt_1 {
    grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 4fr) var(--target-min);
  }
}

._rows_a5uvt_13 {
  display: flex;
  flex-direction: column;
  gap: var(--space-500);
}
._rows_a5uvt_13 > :first-child {
  border-top: 0;
  padding-top: 0;
}._rows_tc72o_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-500);
}

._row_tc72o_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-400);
  border-top: var(--ant-line-width) solid var(--color-border-default);
  padding-top: var(--space-500);
}
._row_tc72o_1:first-child {
  border-top: 0;
  padding-top: 0;
}

._question_tc72o_19 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-200) var(--space-600);
}

._text_tc72o_27 {
  font: var(--type-item-lg);
  letter-spacing: var(--type-item-lg-tracking);
  color: var(--color-text-primary);
  flex: 1 1 0;
  min-width: 0;
}
@media (max-width: 1023.98px) {
  ._text_tc72o_27 {
    flex-basis: 100%;
  }
}

._intro_tc72o_40 {
  font: var(--type-item-lg);
  letter-spacing: var(--type-item-lg-tracking);
  color: var(--color-text-primary);
  margin: 0;
}

._certifications_tc72o_47 {
  display: flex;
  flex-direction: column;
  gap: var(--space-200);
}._people_7sqxi_1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-300);
  margin: 0;
  padding-inline-start: var(--space-500);
  list-style: decimal;
}

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

._name_7sqxi_15 {
  color: var(--color-text-primary);
}._rows_1oge3_1 {
  display: flex;
  flex-direction: column;
}
._rows_1oge3_1 > :first-child {
  border-top: 0;
  padding-top: 0;
}

._callout_1oge3_10 {
  padding-top: var(--space-500);
}._card_1qqnw_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-400);
  padding: var(--space-500) var(--space-400);
  border: var(--ant-line-width) solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-raised);
  box-shadow: var(--elevation-100);
  text-align: center;
}
@media (min-width: 1024px) {
  ._card_1qqnw_1 {
    padding: var(--space-700);
    border-radius: var(--radius-lg);
  }
}

._doodle_1qqnw_20 {
  width: var(--space-800);
  height: var(--space-800);
}
@media (min-width: 1024px) {
  ._doodle_1qqnw_20 {
    width: var(--space-900);
    height: var(--space-900);
  }
}

._title_1qqnw_31 {
  margin: 0;
  font: var(--type-heading-4);
  color: var(--color-text-primary);
}
@media (min-width: 1024px) {
  ._title_1qqnw_31 {
    font: var(--type-heading-3);
    letter-spacing: var(--type-heading-3-tracking);
  }
}

._text_1qqnw_43 {
  margin: 0;
  max-width: 68ch;
  font: var(--type-body-base);
  color: var(--color-text-secondary);
}.application-status {
  margin-top: 150px;
}
.application-status .page {
  background-color: transparent;
}
.application-status .error-container,
.application-status .no-data-container {
  text-align: center;
  padding: 3rem 2rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.application-status .error-container h2,
.application-status .no-data-container h2 {
  margin-bottom: 1rem;
  color: #1f2937;
  font-size: 1.5rem;
}
.application-status .error-container p,
.application-status .no-data-container p {
  color: #6b7280;
  font-size: 1rem;
}
.application-status .error-container {
  border-left: 4px solid #d51820;
}
.application-status .no-data-container {
  border-left: 4px solid #6b7280;
}
@media (max-width: 768px) {
  .application-status .page-wrap {
    padding: 1rem;
  }
  .application-status .error-container,
  .application-status .no-data-container {
    padding: 2rem 1rem;
  }
  .application-status .error-container h2,
  .application-status .no-data-container h2 {
    font-size: 1.25rem;
  }
}

.verify-privacy {
  margin-top: 150px;
}
.verify-privacy .page {
  background-color: transparent;
}
.verify-privacy .error-container,
.verify-privacy .no-data-container {
  text-align: center;
  padding: 3rem 2rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.verify-privacy .error-container h2,
.verify-privacy .no-data-container h2 {
  margin-bottom: 1rem;
  color: #1f2937;
  font-size: 1.5rem;
}
.verify-privacy .error-container p,
.verify-privacy .no-data-container p {
  color: #6b7280;
  font-size: 1rem;
}
.verify-privacy .error-container {
  border-left: 4px solid #d51820;
}
@media (max-width: 768px) {
  .verify-privacy .page-wrap {
    padding: 1rem;
  }
}

.verify-privacy-block {
  margin-bottom: 2rem;
}
.verify-privacy-block__container {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.verify-privacy-block__content {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 2rem;
  text-align: center;
}
.verify-privacy-block__image {
  width: 100%;
  max-width: 120px;
  height: auto;
  margin-bottom: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
}
.verify-privacy-block__body {
  padding: 0 1rem;
}
.verify-privacy-block__title {
  font-size: 20px;
  font-weight: 600;
  color: #5c5c5c;
  margin-bottom: 1.5rem;
}
.verify-privacy-block__message {
  font-size: 14px;
  color: #5c5c5c;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .verify-privacy-block__content {
    padding: 1.5rem;
  }
  .verify-privacy-block__title {
    font-size: 1.25rem;
  }
  .verify-privacy-block__message {
    font-size: 0.875rem;
  }
}
.verify-privacy-block__body {
  margin-top: 40px;
}
.verify-privacy-block__alert {
  padding: 0.75rem 1rem;
  border-radius: 4px;
  margin: 1.5rem 0;
  font-size: 14px;
  text-align: left;
}
.verify-privacy-block__alert--warning {
  background-color: #fcf8e3;
  border: 1px solid #faebcc;
  color: #8a6d3b;
}
.verify-privacy-block__alert--info {
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  color: #31708f;
}
.verify-privacy-block__redirect-text {
  color: #7c7c7c;
  font-style: italic;
  margin-top: 1rem;
}
.verify-privacy-block__form {
  max-width: 320px;
  margin: 1.5rem auto 0;
  text-align: left;
}
.verify-privacy-block__form-group {
  margin-bottom: 1rem;
}
.verify-privacy-block__label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.4rem;
  font-size: 14px;
  color: #5c5c5c;
}
.verify-privacy-block__input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-size: 1rem;
  outline: none;
  transition: border-color 300ms;
  box-sizing: border-box;
}
.verify-privacy-block__input:focus {
  border-color: #1d82df;
  box-shadow: 0 0 0 2px rgba(29, 130, 223, 0.2);
}
.verify-privacy-block__actions {
  text-align: center;
  margin-top: 1.5rem;
}.application-status {
  margin-top: 150px;
}
.application-status .page {
  background-color: transparent;
}
.application-status .error-container,
.application-status .no-data-container {
  text-align: center;
  padding: 3rem 2rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.application-status .error-container h2,
.application-status .no-data-container h2 {
  margin-bottom: 1rem;
  color: #1f2937;
  font-size: 1.5rem;
}
.application-status .error-container p,
.application-status .no-data-container p {
  color: #6b7280;
  font-size: 1rem;
}
.application-status .error-container {
  border-left: 4px solid #d51820;
}
.application-status .no-data-container {
  border-left: 4px solid #6b7280;
}
@media (max-width: 768px) {
  .application-status .page-wrap {
    padding: 1rem;
  }
  .application-status .error-container,
  .application-status .no-data-container {
    padding: 2rem 1rem;
  }
  .application-status .error-container h2,
  .application-status .no-data-container h2 {
    font-size: 1.25rem;
  }
}

.esign-callback {
  margin-top: 150px;
}
.esign-callback .page {
  background-color: transparent;
}
.esign-callback .error-container {
  text-align: center;
  padding: 3rem 2rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-left: 4px solid #d51820;
}
.esign-callback .error-container h2 {
  margin-bottom: 1rem;
  color: #1f2937;
  font-size: 1.5rem;
}
.esign-callback .error-container p {
  color: #6b7280;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .esign-callback .page-wrap {
    padding: 1rem;
  }
}

.esign-callback-block {
  margin-bottom: 2rem;
}
.esign-callback-block__container {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.esign-callback-block__content {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 2rem;
  text-align: center;
}
.esign-callback-block__image {
  width: 100%;
  max-width: 120px;
  height: auto;
  margin-bottom: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
}
.esign-callback-block__body {
  padding: 0 1rem;
}
.esign-callback-block__title {
  font-size: 20px;
  font-weight: 600;
  color: #5c5c5c;
  margin-bottom: 1.5rem;
}
.esign-callback-block__message {
  font-size: 14px;
  color: #5c5c5c;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .esign-callback-block__content {
    padding: 1.5rem;
  }
  .esign-callback-block__title {
    font-size: 1.25rem;
  }
  .esign-callback-block__message {
    font-size: 0.875rem;
  }
}
.esign-callback-block__body {
  margin-top: 40px;
}
.esign-callback-block__redirect {
  color: #7c7c7c;
  font-style: italic;
  margin-top: 1rem;
}
.esign-callback-block__link {
  color: #1d82df;
  text-decoration: none;
  font-weight: 500;
}
.esign-callback-block__link:hover {
  text-decoration: underline;
  color: #0f5aa8;
}