:root{--s4s-blue-50:#dce7ec;--s4s-blue-100:#c6d6de;--s4s-blue-200:#a6bdc8;--s4s-blue-300:#83a0ad;--s4s-blue-400:#6b8a98;--s4s-blue-500:#45606e;--s4s-blue-600:#3a505c;--s4s-blue-700:#2f424c;--s4s-blue-800:#26363e;--s4s-blue-900:#1b262c;--s4s-pink-50:#eef3f5;--s4s-pink-100:#e3ebee;--s4s-pink-200:#d2dfe4;--s4s-pink-300:#c1d1d8;--s4s-pink-400:#b8cad2;--s4s-pink-500:#aec0c9;--s4s-pink-600:#849aa4;--s4s-pink-700:#4a626d;--s4s-pink-800:#384b54;--s4s-pink-900:#26333a;--s4s-c-blue:58 80 92;--s4s-c-blue-dark:47 66 76;--s4s-c-magenta:74 98 109;--s4s-c-magenta-dark:56 75 84;--s4s-c-gray:90 107 117;--s4s-c-gray-light:220 228 232;--s4s-c-gray-dark:60 74 84;--s4s-bar-bg:#0f3b43;--s4s-bar-fg:#dbeaec;--s4s-bar-icon:#9dc3c9;--s4s-bar-active-bg:#1c5a66;--s4s-bar-active-fg:#fff;--s4s-bar-hover:#164a54;--s4s-bar-accent:#6fc7d1;--s4s-bar-top-bg:#14454e;--s4s-bar-notify:#dc2626;--s4s-neutral-0:#fff;--s4s-neutral-50:#f4f7f8;--s4s-neutral-100:#e7edef;--s4s-neutral-200:#cfd9de;--s4s-neutral-300:#afbec6;--s4s-neutral-400:#8598a2;--s4s-neutral-500:#63757f;--s4s-neutral-600:#4a5a63;--s4s-neutral-700:#35424a;--s4s-neutral-800:#232d33;--s4s-neutral-900:#161d22;--s4s-success:#0f7a44;--s4s-success-text:#0b6238;--s4s-success-soft:#c9ebd8;--s4s-success-on-soft:#0b4a2a;--s4s-success-fill:#166534;--s4s-warning:#9a5b00;--s4s-warning-text:#7c4a00;--s4s-warning-soft:#f3e3bc;--s4s-warning-on-soft:#5e3800;--s4s-danger:#b4232a;--s4s-danger-text:#9a1b21;--s4s-danger-soft:#f6d3d5;--s4s-danger-on-soft:#6e1216;--s4s-info:#1d4fd8;--s4s-info-text:#1440b0;--s4s-info-soft:#cbd9f6;--s4s-info-on-soft:#0f327f;--s4s-magenta-text:#a01275;--s4s-cyan-text:#116e6a;--s4s-yellow-text:#4e5a00;--s4s-indigo-text:#6a28c0;--s4s-fg-1:#263038;--s4s-fg-2:#3c4a54;--s4s-fg-3:#5a6b75;--s4s-fg-4:#7e8e98;--s4s-fg-on-brand:#fff;--s4s-accent-text:var(--s4s-pink-700);--s4s-fg-link:var(--s4s-blue-700);--s4s-fg-link-hover:var(--s4s-blue-800);--s4s-bg-1:#eaeff1;--s4s-bg-2:#dce4e8;--s4s-bg-3:#cdd9df;--s4s-bg-hover-bar:#c2d0d7;--s4s-bg-thread:var(--s4s-bg-1);--s4s-bg-bubble-self:color-mix(in srgb,var(--s4s-blue-600) 25%,var(--s4s-bg-thread));--s4s-bg-brand:var(--s4s-blue-500);--s4s-bg-brand-soft:var(--s4s-blue-50);--s4s-bg-accent:var(--s4s-pink-500);--s4s-bg-accent-soft:var(--s4s-pink-50);--s4s-bg-dark:var(--s4s-neutral-800);--s4s-bg-scan-surface:#fff;--s4s-overlay:color-mix(in srgb,var(--s4s-fg-1) 45%,transparent);--s4s-border-1:#e0e7eb;--s4s-border-2:#cad6dc;--s4s-border-strong:#9fb0b9;--s4s-border-field:#5a6b76;--s4s-switch-track-off:#5a6b76;--s4s-font-sans:var(--font-sans),system-ui,-apple-system,"Segoe UI",sans-serif;--s4s-font-heading:var(--font-heading),var(--font-sans),system-ui,-apple-system,"Segoe UI",sans-serif;--s4s-font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--s4s-space-1:4px;--s4s-space-2:8px;--s4s-space-3:12px;--s4s-space-4:16px;--s4s-space-5:20px;--s4s-space-6:24px;--s4s-space-8:32px;--s4s-space-10:40px;--s4s-space-12:48px;--s4s-space-16:64px;--s4s-space-20:80px;--s4s-space-24:96px;--s4s-radius-sm:4px;--s4s-radius-md:8px;--s4s-radius-lg:16px;--s4s-radius-xl:24px;--s4s-radius-full:9999px;--s4s-shadow-sm:0 1px 3px rgba(38,48,56,.08);--s4s-shadow-md:0 4px 12px rgba(38,48,56,.12);--s4s-shadow-lg:0 8px 24px rgba(38,48,56,.16);--s4s-shadow-xl:0 16px 48px rgba(38,48,56,.2);--s4s-shadow-brand:0 6px 20px color-mix(in srgb,var(--s4s-blue-500) 30%,transparent);--s4s-shadow-brand-lg:0 6px 20px color-mix(in srgb,var(--s4s-blue-500) 40%,transparent);--s4s-shadow-accent:0 6px 20px color-mix(in srgb,var(--s4s-pink-500) 30%,transparent);--s4s-ring-focus:0 0 0 3px color-mix(in srgb,var(--s4s-blue-500) 25%,transparent);--s4s-ring-error:0 0 0 3px color-mix(in srgb,var(--s4s-danger) 20%,transparent);--s4s-ease-out:cubic-bezier(0.22,1,0.36,1);--s4s-ease-in-out:cubic-bezier(0.65,0,0.35,1);--s4s-dur-fast:120ms;--s4s-dur-base:200ms;--s4s-dur-slow:360ms;--s4s-gradient-brand:linear-gradient(135deg,var(--s4s-blue-700) 0%,var(--s4s-blue-500) 60%,var(--s4s-blue-400) 100%);--s4s-gradient-accent:linear-gradient(135deg,var(--s4s-pink-600) 0%,var(--s4s-pink-500) 60%,var(--s4s-pink-400) 100%);--s4s-gradient-cover:linear-gradient(135deg,var(--s4s-blue-800) 0%,var(--s4s-blue-600) 60%,var(--s4s-blue-500) 100%)}.dark{--s4s-c-blue:107 138 152;--s4s-c-blue-dark:166 189 200;--s4s-c-magenta:193 209 216;--s4s-c-magenta-dark:193 209 216;--s4s-accent-text:var(--s4s-pink-300);--s4s-c-gray:155 170 180;--s4s-c-gray-dark:220 230 235;--s4s-c-gray-light:38 48 56;--s4s-bg-1:#2e3a43;--s4s-bg-2:#263038;--s4s-bg-3:#1a2329;--s4s-overlay:color-mix(in srgb,var(--s4s-bg-3) 72%,transparent);--s4s-fg-1:#e8eff2;--s4s-fg-2:#c4d0d8;--s4s-fg-3:#9baab4;--s4s-fg-4:#77868f;--s4s-fg-link:var(--s4s-blue-200);--s4s-fg-link-hover:var(--s4s-blue-100);--s4s-border-1:#3a464f;--s4s-border-2:#4a5860;--s4s-border-strong:#5e6c74;--s4s-border-field:#8c9aa3;--s4s-switch-track-off:#8c9aa3;--s4s-blue-50:#33414a;--s4s-blue-100:#3e4e58;--s4s-pink-50:#2a3841;--s4s-bg-hover-bar:#374a54;--s4s-bg-thread:var(--s4s-bg-3);--s4s-bg-bubble-self:color-mix(in srgb,var(--s4s-blue-400) 34%,var(--s4s-bg-thread));--s4s-danger-text:#f58a97;--s4s-info-text:#7ea8f5;--s4s-success-text:#4fd89d;--s4s-warning-text:#e9b866;--s4s-magenta-text:#ee83d0;--s4s-cyan-text:#45c9c0;--s4s-yellow-text:#c9d95e;--s4s-indigo-text:#b79af7;--s4s-success-soft:#0d4f32;--s4s-success-on-soft:#7cdeb4;--s4s-warning-soft:#5a3a0a;--s4s-warning-on-soft:#efc072;--s4s-danger-soft:#5e1620;--s4s-danger-on-soft:#f79aa5;--s4s-info-soft:#152c63;--s4s-info-on-soft:#a9c7fa}.s4s-glow{position:relative;--s4s-glow-r:220px;--s4s-glow-aro:60%;--s4s-glow-aro-w:2px;--s4s-glow-spot:12%}.s4s-glow:after,.s4s-glow:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--s4s-dur-base) var(--s4s-ease-out)}.s4s-glow:before{padding:var(--s4s-glow-aro-w);background:radial-gradient(var(--s4s-glow-r) circle at var(--gx,50%) var(--gy,50%),color-mix(in srgb,var(--s4s-glow-aro-color,var(--s4s-blue-400)) var(--s4s-glow-aro),transparent),transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.s4s-glow:after{background:radial-gradient(var(--s4s-glow-r) circle at var(--gx,50%) var(--gy,50%),color-mix(in srgb,var(--s4s-glow-spot-color,var(--s4s-blue-500)) var(--s4s-glow-spot),transparent),transparent 70%)}.s4s-glow:focus-visible:after,.s4s-glow:focus-visible:before,.s4s-glow:focus-within:after,.s4s-glow:focus-within:before,.s4s-glow:hover:after,.s4s-glow:hover:before{opacity:1}.s4s-glow-sm{--s4s-glow-r:120px}.s4s-glow-strong{--s4s-glow-aro:78%;--s4s-glow-aro-w:2.5px;--s4s-glow-spot:17%}.dark .s4s-glow{--s4s-glow-aro:43%;--s4s-glow-aro-w:1.5px;--s4s-glow-spot:8%}.s4s-field-glow{transition:border-color var(--s4s-dur-base) var(--s4s-ease-out),box-shadow var(--s4s-dur-base) var(--s4s-ease-out)}.s4s-field-glow:hover:not(:disabled):not(:focus-visible){border-color:var(--s4s-blue-200)}.s4s-field-glow:focus-visible{outline:none;border-color:var(--s4s-blue-500);box-shadow:0 0 0 1px var(--s4s-blue-500),var(--s4s-ring-focus)}@media (prefers-reduced-motion:reduce){.s4s-field-glow{transition:none}.s4s-glow:before{background:color-mix(in srgb,var(--s4s-glow-aro-color,var(--s4s-blue-400)) var(--s4s-glow-aro),transparent);transition:none}.s4s-glow:after{display:none}}.s4s-bar{background-color:color-mix(in srgb,var(--s4s-blue-50) 55%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--s4s-blue-100) 60%,transparent);border-radius:var(--radius,var(--s4s-radius-md));box-shadow:var(--s4s-shadow-sm)}.s4s-bar.s4s-bar--nav{background-color:var(--s4s-bar-bg);border-color:color-mix(in srgb,#000 14%,var(--s4s-bar-bg));-webkit-backdrop-filter:none;backdrop-filter:none;--s4s-glow-aro-color:var(--s4s-bar-accent);--s4s-glow-spot-color:var(--s4s-bar-accent)}.s4s-bar--nav :is(a,button) svg{color:var(--s4s-bar-icon)}.s4s-bar--nav [aria-current=page] svg{color:var(--s4s-bar-active-fg)}.s4s-nav-pull{transition:transform var(--s4s-dur-base) var(--s4s-ease-out)}.s4s-nav-pull:focus-visible,.s4s-nav-pull:hover{transform:translateX(var(--s4s-pull-d,6px))}.s4s-nav-pull:has(+.s4s-nav-pull:hover),.s4s-nav-pull:hover+.s4s-nav-pull{transform:translateX(calc(var(--s4s-pull-d, 6px) / 3))}@media (prefers-reduced-motion:reduce){.s4s-nav-pull,.s4s-nav-pull:focus-visible,.s4s-nav-pull:has(+.s4s-nav-pull:hover),.s4s-nav-pull:hover,.s4s-nav-pull:hover+.s4s-nav-pull{transition:none;transform:none}}@keyframes s4s-cascade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.s4s-cascade{animation:s4s-cascade-in var(--s4s-dur-base) var(--s4s-ease-out) both}.s4s-cascade-item{animation:s4s-cascade-in var(--s4s-dur-fast) var(--s4s-ease-out) both;animation-delay:calc(var(--s4s-i, 0) * 20ms)}@media (prefers-reduced-motion:reduce){.s4s-cascade,.s4s-cascade-item{animation:none}}.s4s-bar.s4s-bar--compact{min-height:var(--s4s-bar-compact-h,44px);padding-top:var(--s4s-space-2);padding-bottom:var(--s4s-space-2)}.s4s-bar.s4s-bar--slim{min-height:var(--s4s-bar-slim-h,40px);padding-top:0;padding-bottom:0;background-color:var(--s4s-bar-top-bg)}.s4s-bar--slim [data-testid=page-help]{color:var(--s4s-bar-fg)}.s4s-bar--slim [data-testid=page-help]:hover{background-color:var(--s4s-bar-active-bg)}.s4s-bar--slim [data-testid=logout],.s4s-bar--slim [data-testid=logout]:hover{color:var(--s4s-bar-fg)}.s4s-bar--slim [data-testid=logout]:hover{background-color:var(--s4s-bar-active-bg)}.s4s-grip{transition:color var(--s4s-dur-fast) var(--s4s-ease-out)}.s4s-grip__chevron{transition:transform var(--s4s-dur-base) var(--s4s-ease-out)}.s4s-grip[aria-expanded=true] .s4s-grip__chevron{transform:rotate(180deg)}.s4s-reveal{overflow:hidden;max-height:0;opacity:0;transition:max-height var(--s4s-dur-base) var(--s4s-ease-out),opacity var(--s4s-dur-base) var(--s4s-ease-out)}.s4s-reveal--open,.s4s-reveal[data-open=true]{max-height:var(--s4s-reveal-max,320px);opacity:1}@media (prefers-reduced-motion:reduce){.s4s-grip,.s4s-grip__chevron,.s4s-reveal{transition:none}}.s4s-rail{position:relative;flex:0 0 var(--s4s-rail-w,48px)}.s4s-rail,.s4s-rail__panel{width:var(--s4s-rail-w,48px)}.s4s-rail__panel{position:absolute;inset-block:0;left:0;overflow:hidden;transition:width var(--s4s-dur-base) var(--s4s-ease-out),box-shadow var(--s4s-dur-base) var(--s4s-ease-out)}.s4s-rail:focus-within .s4s-rail__panel,.s4s-rail:hover .s4s-rail__panel{width:var(--s4s-rail-expanded,240px);box-shadow:var(--s4s-shadow-lg);z-index:40}.s4s-rail__label{opacity:0;transform:translateX(-6px);white-space:nowrap;transition:opacity var(--s4s-dur-base) var(--s4s-ease-out),transform var(--s4s-dur-base) var(--s4s-ease-out)}.s4s-rail:focus-within .s4s-rail__label,.s4s-rail:hover .s4s-rail__label{opacity:1;transform:translateX(0)}@media (prefers-reduced-motion:reduce){.s4s-rail:focus-within .s4s-rail__label,.s4s-rail:hover .s4s-rail__label,.s4s-rail__label,.s4s-rail__panel{transition:none;transform:none}}@keyframes s4s-bubble-in{0%{opacity:0;transform:translateY(var(--s4s-bubble-rise,6px))}to{opacity:1;transform:translateY(0)}}.s4s-bubble-in{animation:s4s-bubble-in var(--s4s-dur-base) var(--s4s-ease-out) both}@media (prefers-reduced-motion:reduce){.s4s-bubble-in{--s4s-bubble-rise:0px}}@keyframes s4s-typing-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.s4s-typing-dot{display:inline-block;width:6px;height:6px;border-radius:var(--s4s-radius-full);background-color:var(--s4s-blue-500);animation:s4s-typing-bounce 1.2s var(--s4s-ease-in-out) infinite;animation-delay:calc(var(--s4s-i, 0) * .2s)}.s4s-typing-dots[data-paused=true] .s4s-typing-dot{animation-play-state:paused}.s4s-typing-dot--static{animation:none;opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.s4s-typing-dot{animation:none;opacity:1;transform:none}}@keyframes s4s-rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.s4s-rise,.s4s-rise-item{animation:s4s-rise-in var(--s4s-dur-slow) var(--s4s-ease-out) both}.s4s-rise-item{animation-delay:calc(var(--s4s-i, 0) * 60ms)}@media (prefers-reduced-motion:reduce){.s4s-rise,.s4s-rise-item{animation:none}}@keyframes s4s-pop-in{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.s4s-pop-in{transform-origin:top right;animation:s4s-pop-in var(--s4s-dur-base) var(--s4s-ease-out) both}@keyframes s4s-notif-item-in{0%{opacity:0;transform:translateX(12px);filter:blur(6px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}.s4s-notif-item{animation:s4s-notif-item-in var(--s4s-dur-base) var(--s4s-ease-out) both;animation-delay:calc(var(--s4s-i, 0) * 45ms)}@media (prefers-reduced-motion:reduce){.s4s-notif-item,.s4s-pop-in{animation:none}}@keyframes s4s-check-badge-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.s4s-check-badge{animation:s4s-check-badge-in var(--s4s-dur-slow) var(--s4s-ease-out) both}@keyframes s4s-check-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.s4s-check-ring{stroke-dasharray:1;animation:s4s-check-draw var(--s4s-dur-slow) var(--s4s-ease-out) both}.s4s-check-mark{stroke-dasharray:1;animation:s4s-check-draw var(--s4s-dur-base) var(--s4s-ease-out) both;animation-delay:var(--s4s-dur-slow)}@media (prefers-reduced-motion:reduce){.s4s-check-badge,.s4s-check-mark,.s4s-check-ring{animation:none}}