@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans+Thai+Looped:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:var(--font-ibm-plex-sans-thai), var(--font-montserrat), system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--drop-shadow-lg:0 4px 4px #00000026;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-surface:#fff;--color-surface-2:#f7f3ee;--color-surface-3:#f1ece6;--color-line:#e7e4e0;--color-line-strong:#d4d0cb;--color-ink:#1e1a15;--color-ink-2:#46423d;--color-ink-mute:#75716d;--color-ink-faint:#a19e9a;--color-brand:#ed6e29;--color-brand-2:#d45003;--color-brand-tint:#ffede0;--color-on-brand:#fff;--color-success:#33ac5a;--color-success-tint:#d8f9dd;--color-danger:#de3b3d;--color-danger-tint:#ffedeb;--color-info:#248fcc;--text-h2:49px;--text-h3:39px;--text-h4:31px;--text-h5:25px;--text-h6:20px;--text-body:16px;--text-p:13px;--text-sm-p:10px}@supports (color:lab(0% 0 0)){:root,:host{--color-surface-2:lab(95.9539% .690371 2.95949);--color-surface-3:lab(93.637% .869602 3.70365);--color-line:lab(90.7306% .514656 2.21765);--color-line-strong:lab(83.7738% .692695 2.96102);--color-ink:lab(9.5186% 1.52428 4.35848);--color-ink-2:lab(28.0829% 1.1947 3.63571);--color-ink-mute:lab(47.8037% .929832 2.89044);--color-ink-faint:lab(65.2033% .687301 2.16131);--color-brand:lab(61.6301% 47.5123 59.3855);--color-brand-2:lab(52.1834% 51.0823 62.2201);--color-brand-tint:lab(95.1831% 8.90634 11.973);--color-success:lab(62.5636% -48.4312 32.0721);--color-success-tint:lab(94.8646% -14.8135 9.47288);--color-danger:lab(51.5803% 63.2457 38.9399);--color-danger-tint:lab(94.9893% 12.2795 6.63545);--color-info:lab(55.764% -13.6418 -40.5856)}}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}.os-theme-yp{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-handle-min-size:40px;--os-handle-border-radius:999px;--os-handle-bg:var(--ink)}@supports (color:color-mix(in lab, red, red)){.os-theme-yp{--os-handle-bg:color-mix(in oklch, var(--ink) 28%, transparent)}}.os-theme-yp{--os-handle-bg-hover:var(--ink)}@supports (color:color-mix(in lab, red, red)){.os-theme-yp{--os-handle-bg-hover:color-mix(in oklch, var(--ink) 45%, transparent)}}.os-theme-yp{--os-handle-bg-active:var(--ink)}@supports (color:color-mix(in lab, red, red)){.os-theme-yp{--os-handle-bg-active:color-mix(in oklch, var(--ink) 60%, transparent)}}.drag-scroll--active{cursor:grab}.is-grabbing,.is-grabbing *{cursor:grabbing!important}.is-grabbing{-webkit-user-select:none;user-select:none}.app{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.app[data-collapsed=true]{--sidebar-w:64px}.sidebar{background:var(--surface);border-right:1px solid var(--line);z-index:30;flex-direction:column;flex-shrink:0;width:248px;height:100vh;transition:width .2s;display:flex;position:sticky;top:0}.sidebar--collapsed{width:72px}@media (max-width:1023.98px){.sidebar{z-index:55;width:min(280px,80vw);height:100dvh;box-shadow:var(--shadow-lg);transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar--collapsed{width:min(280px,80vw)}.sidebar.is-mobile-open{transform:translate(0)}}.sidebar__backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#19151166;background:lab(7.22589% 1.19062 3.13728/.4);position:fixed;inset:0}.sidebar__brand{border-bottom:1px solid var(--line);height:var(--topbar-h);align-items:center;gap:10px;padding:16px 18px;display:flex}.sidebar__logo{background:var(--ink);width:28px;height:28px;color:var(--bg);letter-spacing:.02em;border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.sidebar__brandtxt{flex-direction:column;min-width:0;display:flex}.sidebar__brandtxt b{letter-spacing:-.01em;font-size:13px}.sidebar__brandtxt small{color:var(--ink-mute);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}.app[data-collapsed=true] .sidebar__brandtxt{display:none}.sidebar__nav{flex:1;min-height:0}.sidebar__nav-inner{flex-direction:column;gap:2px;padding:12px 10px;display:flex}.sidebar__group{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;padding:14px 10px 6px;font-size:10.5px}.app[data-collapsed=true] .sidebar__group{opacity:0;height:8px;padding:8px 0 0}.navitem{border-radius:var(--r-md);color:var(--ink-2);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13.5px;transition:background .12s,color .12s;display:flex}.navitem:hover{background:var(--surface-2);color:var(--ink)}.navitem:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.navitem[aria-current=page]{background:var(--ink);color:var(--bg)}.navitem[aria-current=page] svg{color:inherit}.navitem svg{width:18px;height:18px;color:var(--ink-mute);flex-shrink:0}.navitem__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.navitem__badge{background:var(--brand-tint);color:var(--brand-2);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10.5px;font-weight:600}.app[data-collapsed=true] .navitem__label,.app[data-collapsed=true] .navitem__badge{display:none}.sidebar--collapsed .sidebar__brand{flex-direction:column;gap:8px;height:auto}.sidebar--collapsed .navitem{justify-content:center}.sidebar--collapsed .sidebar__group{display:none}.sidebar__foot{border-top:1px solid var(--line);padding:12px}.userchip{border-radius:var(--r-md);align-items:center;gap:10px;padding:6px;display:flex}.userchip:hover{background:var(--surface-2);cursor:pointer}.userchip__avatar{background:var(--brand-tint);width:32px;height:32px;color:var(--brand-2);border-radius:999px;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.userchip__txt{min-width:0;font-size:12.5px;line-height:1.2}.userchip__txt b{display:block}.userchip__txt small{color:var(--ink-mute);font-size:11px}.app[data-collapsed=true] .userchip__txt{display:none}.main{flex-direction:column;min-width:0;display:flex}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:14px;padding:0 22px;display:flex;position:sticky;top:0}.topbar__title{letter-spacing:-.01em;font-size:15px;font-weight:600}.topbar__crumb{color:var(--ink-mute);flex-direction:row;align-items:center;gap:8px;font-size:13px;display:flex}.topbar__crumb svg{flex-shrink:0;width:14px;height:14px;display:block}.topbar__crumb b{color:var(--ink);font-weight:500;display:block}.topbar__search{flex:1;max-width:420px;position:relative}@media (max-width:480px){.topbar__search{max-width:none}}.topbar__search input{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);width:100%;height:34px;color:var(--ink);outline:none;padding:0 12px 0 32px}.topbar__search input:focus{border-color:var(--brand);background:var(--surface)}.topbar__search svg{width:14px;height:14px;color:var(--ink-mute);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.topbar__right{align-items:center;gap:8px;margin-left:auto;display:flex}.iconbtn{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink-2);place-items:center;display:grid;position:relative}.iconbtn:hover{background:var(--surface-2);color:var(--ink)}.iconbtn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.iconbtn svg{width:16px;height:16px}.iconbtn__dot{background:var(--brand);border:2px solid var(--surface);border-radius:999px;width:8px;height:8px;position:absolute;top:6px;right:6px}.page{flex-direction:column;flex:1;gap:18px;min-width:0;padding:22px 28px 40px;display:flex}.page__head{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.page__title h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.page__title p{color:var(--ink-mute);margin:4px 0 0;font-size:13.5px}.page__actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.btn{border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);height:36px;color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:500;transition:background .12s,border-color .12s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:15px;height:15px}.btn--primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.btn--primary:hover{background:var(--brand-2)}.btn--ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-2);color:var(--ink)}.btn--danger{color:var(--danger);border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.btn--danger{border-color:color-mix(in oklch, var(--danger) 30%, var(--line))}}.btn--danger{background:var(--surface)}.btn--danger:hover{background:var(--danger-tint)}.btn--lg{height:44px;padding:0 18px;font-size:14.5px}.btn--sm{border-radius:var(--r-sm);height:28px;padding:0 10px;font-size:12.5px}.btn--icon{width:36px;padding:0}.btn--icon.btn--sm{width:28px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card__head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 18px;display:flex}.card__head h3{letter-spacing:-.005em;margin:0;font-size:14px;font-weight:600}.card__head p{color:var(--ink-mute);margin:0;font-size:12px}.card__body{padding:16px 18px}.card__foot{border-top:1px solid var(--line);align-items:center;gap:8px;padding:12px 18px;display:flex}.badge{background:var(--surface-2);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;line-height:1.4;display:inline-flex}.badge:before{content:"";opacity:.8;background:currentColor;border-radius:999px;width:6px;height:6px}.badge--success{background:var(--success-tint);color:#005e25;color:lab(34.3156% -39.7732 26.8728)}.badge--warning{background:var(--warning-tint);color:#8c5500;color:lab(41.6382% 22.4672 70.493)}.badge--danger{background:var(--danger-tint);color:var(--danger)}.badge--info{background:var(--info-tint);color:var(--info)}.badge--brand{background:var(--brand-tint);color:var(--brand-2)}.badge--plain{background:var(--surface-2);color:var(--ink-2)}.badge--plain:before{display:none}.field{flex-direction:column;gap:5px;display:flex}.field>span:first-child{color:var(--ink-2);font-size:12px;font-weight:500}.input,.select,.textarea{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink);outline:none;padding:0 12px;transition:border-color .12s,box-shadow .12s}.textarea{resize:vertical;height:auto;min-height:80px;padding:8px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand)}@supports (color:color-mix(in lab, red, red)){.input:focus,.select:focus,.textarea:focus{box-shadow:0 0 0 3px color-mix(in oklch, var(--brand) 18%, transparent)}}.input--with-icon{padding-left:32px}.input--with-toggle{padding-right:36px}.input-group{width:100%;display:block;position:relative}.input-group>.input{box-sizing:border-box;width:100%}.input-group>svg{width:14px;height:14px;color:var(--ink-mute);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.input-toggle{width:28px;height:28px;color:var(--ink-mute);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-toggle:hover{background:var(--surface-2);color:var(--ink)}.input-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.input[type=password]::-ms-reveal{display:none}.input[type=password]::-ms-clear{display:none}.input[type=date],.input[type=datetime-local],.input[type=time],.input[type=month]{padding-right:8px}.input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.table th{text-align:left;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px;font-size:11.5px;font-weight:500}.table th:first-child{border-top-left-radius:var(--r-md)}.table th:last-child{border-top-right-radius:var(--r-md)}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.table tbody tr:hover td{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.is-selected td{background:var(--brand-tint)}.table tbody tr.is-group td{background:var(--surface-2)}.table tbody tr.is-child td:first-child{padding-left:40px}.table--sticky-col th:first-child,.table--sticky-col td:first-child{z-index:1;background:var(--surface);position:sticky;left:0}.table--sticky-col thead th:first-child{background:var(--surface-2)}.table--sticky-last-col th:last-child,.table--sticky-last-col td:last-child{z-index:1;background:var(--surface);position:sticky;right:0}.table--sticky-last-col thead th:last-child{background:var(--surface-2)}.table--sticky-head thead{z-index:2;position:sticky;top:0}.table--sticky-head.table--sticky-col thead th:first-child,.table--sticky-head.table--sticky-last-col thead th:last-child{z-index:3}.data-table__toolbar{margin-bottom:12px}.data-table__scroll{-webkit-overflow-scrolling:touch;overflow:auto visible}.data-table__scroll[data-overlayscrollbars]{background:0 0}.data-table__scroll,.data-table__viewport{overscroll-behavior-x:contain;background:linear-gradient(to right, var(--surface) 30%, transparent), linear-gradient(to right, transparent, var(--surface) 70%) 100% 0, radial-gradient(farthest-side at 0 50%, #00000021, transparent), radial-gradient(farthest-side at 100% 50%, #00000021, transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.data-table__scroll .table{min-width:max-content}.data-table__empty{text-align:center;color:var(--ink-mute);padding:24px 14px}.data-table__footer{margin-top:12px}.data-table__row--clickable{cursor:pointer}.data-table__body--busy{opacity:.55;pointer-events:none;transition:opacity .15s}.data-table__row--skeleton{pointer-events:none}.data-table__skeleton{border-radius:var(--r-xs);background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 37%, var(--surface-2) 63%);background-size:400% 100%;width:100%;height:14px;animation:1.4s infinite data-table-shimmer;display:block}@keyframes data-table-shimmer{0%{background-position:100%}to{background-position:0}}.select-table__title{margin-bottom:12px;font-size:18px;font-weight:600}.t-num{font-variant-numeric:tabular-nums}.t-right{text-align:right}.t-mute{color:var(--ink-mute)}.t-row-action{opacity:0;gap:4px;transition:opacity .12s;display:inline-flex}.table tbody tr:hover .t-row-action{opacity:1}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:6px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.kpi__label{color:var(--ink-mute);align-items:center;gap:6px;font-size:12px;display:flex}.kpi__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.kpi__delta{align-items:center;gap:4px;font-size:12px;display:flex}.kpi__delta svg{flex-shrink:0;width:12px;height:12px}.kpi__delta--up{color:#007834;color:lab(43.8463% -45.8172 30.856)}.kpi__delta--down{color:var(--danger)}.kpi__spark{height:36px;margin-top:4px}.pos{grid-template-columns:1fr;gap:18px;height:auto;display:grid}@media (min-width:1024px){.pos{height:calc(100vh - var(--topbar-h) - 80px);grid-template-columns:1fr 420px;min-height:600px}}.pos__catalog{flex-direction:column;gap:14px;min-width:0;display:flex}.pos__tools{align-items:center;gap:8px;display:flex}.pos__cats{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.poscat{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);color:var(--ink-2);white-space:nowrap;padding:6px 14px;font-size:12.5px}.poscat[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pos__grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:10px;padding-right:4px;display:grid;overflow-y:auto}.prodcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);text-align:left;flex-direction:column;gap:6px;padding:10px;transition:border-color .12s,transform 60ms;display:flex}.prodcard:hover{border-color:var(--brand)}.prodcard:active{transform:scale(.98)}.prodcard__img{aspect-ratio:1;border-radius:var(--r-sm);background:repeating-linear-gradient(135deg, var(--surface-2) 0 6px, var(--surface-3) 6px 12px);color:var(--ink-faint);place-items:center;font-size:11px;display:grid;position:relative;overflow:hidden}.prodcard__img b{color:var(--ink-mute);font-size:22px;font-weight:700}.prodcard__name{min-height:2.6em;font-size:12.5px;font-weight:500;line-height:1.3}.prodcard__meta{justify-content:space-between;align-items:center;display:flex}.prodcard__price{font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700}.prodcard__stock{color:var(--ink-mute);font-size:11px}.cart{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;display:flex;overflow:hidden}.cart__head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 16px;display:flex}.cart__head h3{margin:0;font-size:14px;font-weight:600}.cart__items{flex:1;padding:4px 0;overflow-y:auto}.cart__empty{text-align:center;color:var(--ink-mute);padding:40px 20px;font-size:13px}.cartline{border-bottom:1px dashed var(--line);grid-template-columns:1fr auto;gap:4px 10px;padding:10px 16px;display:grid}.cartline:last-child{border-bottom:0}.cartline__name{font-size:13px;font-weight:500}.cartline__total{font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700}.cartline__qty{color:var(--ink-mute);align-items:center;gap:6px;font-size:12px;display:flex}.qtybtn{border:1px solid var(--line);background:var(--surface);width:22px;height:22px;color:var(--ink-2);border-radius:999px;place-items:center;font-size:13px;line-height:1;display:grid}.qtybtn:hover{background:var(--surface-2);color:var(--ink)}.cartline__del{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;font-size:11px}.cartline__del:hover{color:var(--danger)}.cart__foot{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.cart__row{color:var(--ink-2);justify-content:space-between;font-size:13px;display:flex}.cart__row--total{color:var(--ink);font-size:18px;font-weight:700}.cart__row b{font-variant-numeric:tabular-nums}.filterbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;background:#19151166;background:lab(7.22589% 1.19062 3.13728/.4);position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--line);z-index:81;width:min(540px,100vw);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer__head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 22px;display:flex}.drawer__head h2{margin:0;font-size:17px;font-weight:600}.drawer__body{flex:1;min-height:0}.drawer__inner{flex-direction:column;gap:14px;padding:18px 22px;display:flex}.drawer__foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.empty{text-align:center;color:var(--ink-mute);padding:40px 20px}.empty svg{opacity:.5;width:40px;height:40px;margin-bottom:8px}.divider{background:var(--line);height:1px;margin:8px 0}.grid{gap:var(--gap);display:grid}.grid--4,.grid--3,.grid--2{grid-template-columns:1fr}@media (min-width:640px){.grid--4,.grid--3,.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.info-row{flex-direction:column;gap:2px;min-width:0;padding:6px 0;display:flex}.info-row__label{color:var(--ink-mute);flex-shrink:0;font-size:12.5px}.info-row__value{color:var(--ink);overflow-wrap:anywhere;min-width:0}@media (min-width:640px){.info-row{flex-direction:row;align-items:baseline;gap:16px}.info-row__label{width:var(--info-row-label-w,10rem)}}.row{align-items:center;gap:8px;display:flex}.spacer{flex:1}.flex-col{flex-direction:column;display:flex}.muted{color:var(--ink-mute)}.numeric{font-variant-numeric:tabular-nums}.dot{background:var(--ink-faint);vertical-align:middle;border-radius:999px;width:6px;height:6px;margin-right:6px;display:inline-block}.dot--success{background:var(--success)}.dot--warning{background:var(--warning)}.dot--danger{background:var(--danger)}.avatar{background:var(--brand-tint);width:32px;height:32px;color:var(--brand-2);border-radius:999px;flex-shrink:0;place-items:center;font-size:12.5px;font-weight:600;display:inline-grid}.avatar--sm{width:24px;height:24px;font-size:11px}.avatar--lg{width:56px;height:56px;font-size:18px}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);font-size:11.5px;font-weight:600}.linechart{width:100%;position:relative}.linechart__axistext{fill:var(--ink-mute);font-size:10.5px}.linechart__tooltip{pointer-events:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);white-space:nowrap;z-index:5;padding:6px 9px;position:absolute}.linechart__tiplabel{color:var(--ink-mute);font-size:10.5px}.linechart__tipvalue{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.barchart{align-items:flex-end;gap:6px;height:160px;padding:12px 0 0;display:flex}.barchart__col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.barchart__bar{background:var(--brand-tint-2);border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:background .15s;position:relative}.barchart__col:hover .barchart__bar,.barchart__bar--accent{background:var(--brand)}.barchart__lbl{color:var(--ink-mute);font-size:10.5px}.hui-popover{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:100;min-width:200px;max-height:320px;padding:4px;overflow-y:auto}.hui-listbox{padding:4px}.hui-select{position:relative}.hui-select__btn{text-align:left;cursor:default;align-items:center;gap:8px;width:100%;display:inline-flex}.hui-select__btn:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand);outline:none}@supports (color:color-mix(in lab, red, red)){.hui-select__btn:focus{box-shadow:0 0 0 3px color-mix(in oklch, var(--brand) 18%, transparent)}}.hui-combobox__input{min-width:0;height:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 0 0 12px}.hui-combobox__btn{border:0;border-left:1px solid var(--line);cursor:default;background:0 0;place-items:center;width:32px;height:100%;display:grid}.hui-option{outline:none}.hui-option__inner{cursor:default;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.hui-option__inner.is-focus{background:var(--surface-2)}.hui-option__inner.is-sel{color:var(--brand-2)}.hui-option__inner.is-sel.is-focus{background:var(--brand-tint)}.hui-radio{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.hui-radio__opt{cursor:default;outline:none}.hui-radio__card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.hui-radio__card:hover{border-color:var(--line-strong)}.hui-radio__card.is-focus{box-shadow:0 0 0 3px var(--brand)}@supports (color:color-mix(in lab, red, red)){.hui-radio__card.is-focus{box-shadow:0 0 0 3px color-mix(in oklch, var(--brand) 18%, transparent)}}.hui-radio__card.is-checked{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-2)}.hui-radio__dot{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:999px;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:1px;display:grid}.hui-radio__card.is-checked .hui-radio__dot{border-color:var(--brand)}.hui-radio__dot-inner{background:var(--brand);border-radius:999px;width:8px;height:8px}.hui-radio__txt{flex:1;font-size:13px}.hui-radio__txt b{font-weight:600}.hui-switch-row{align-items:center;gap:12px;display:flex}.hui-switch-row__lbl{cursor:default;font-size:13px;font-weight:500}.hui-switch{background:var(--line-strong);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.hui-switch.is-on{background:var(--brand)}.hui-switch__thumb{width:16px;height:16px;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;transition:transform .18s cubic-bezier(.4,.7,.2,1);position:absolute;top:2px;left:2px}.hui-switch.is-on .hui-switch__thumb{transform:translate(16px)}.hui-switch:focus{box-shadow:0 0 0 3px var(--brand);outline:none}@supports (color:color-mix(in lab, red, red)){.hui-switch:focus{box-shadow:0 0 0 3px color-mix(in oklch, var(--brand) 18%, transparent)}}.hui-menu{min-width:180px;padding:4px}.hui-menu__item{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:13px;display:flex}.hui-menu__item.is-focus{background:var(--surface-2)}.hui-menu__item.is-danger{color:var(--danger)}.hui-menu__item.is-danger.is-focus{background:var(--danger-tint)}.hui-disclosure{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.hui-disclosure+.hui-disclosure{margin-top:6px}.hui-disclosure__btn{width:100%;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.hui-disclosure__btn:hover{background:var(--surface-2)}.hui-disclosure__panel{color:var(--ink-2);padding:0 14px 14px;font-size:13px;overflow:hidden}.hui-fade-from{opacity:0}.hui-fade-to{opacity:1}.hui-fade-enter,.hui-fade-leave{transition:opacity .16s}.hui-slide-from{opacity:0;transform:translate(24px)}.hui-slide-to{opacity:1;transform:translate(0)}.hui-slide-enter,.hui-slide-leave{transition:transform .22s cubic-bezier(.2,.7,.2,1),opacity .18s}.hui-grow-from{opacity:0;transform:translateY(-4px)}.hui-grow-to{opacity:1;transform:translateY(0)}.hui-grow-enter,.hui-grow-leave{transition:transform .15s,opacity .15s}.ds{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.ds__nav{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.ds__nav .ds-group{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;padding:14px 8px 4px;font-size:10.5px}.ds__nav a{color:var(--ink-2);border-radius:6px;padding:6px 10px;font-size:13px;display:block}.ds__nav a:hover{background:var(--surface-2);color:var(--ink)}.ds__nav a.is-current{background:var(--ink);color:var(--bg)}.ds__main{max-width:1180px;padding:32px 48px 80px}.ds__hero{background:linear-gradient(135deg, var(--brand-tint), var(--bg));border:1px solid var(--line);border-radius:var(--r-xl);align-items:center;gap:24px;margin-bottom:40px;padding:28px 32px;display:flex}.ds__hero h1{letter-spacing:-.02em;margin:0 0 6px;font-size:30px;font-weight:700}.ds__hero p{color:var(--ink-mute);max-width:560px;margin:0}.ds__hero .mark{background:var(--ink);width:84px;height:84px;color:var(--bg);box-shadow:var(--shadow-lg);border-radius:18px;flex-shrink:0;place-items:center;font-size:28px;font-weight:700;display:grid}.ds-section{margin-bottom:56px;scroll-margin-top:24px}.ds-section__head{align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.ds-section__head h2{letter-spacing:-.015em;margin:0;font-size:22px;font-weight:700}.ds-section__head p{color:var(--ink-mute);margin:0 0 2px;font-size:13.5px}.ds-sub h3{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin:28px 0 12px;font-size:13px;font-weight:600}.ds-block{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:24px}.ds-block+.ds-block{margin-top:14px}.ds-block__title{color:var(--ink);margin:0 0 4px;font-size:13px;font-weight:600}.ds-block__hint{color:var(--ink-mute);margin:0 0 16px;font-size:12.5px}.ds-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ds-stack{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.swatch{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);overflow:hidden}.swatch__chip{height:80px}.swatch__meta{padding:10px 12px}.swatch__meta b{font-size:12.5px;display:block}.swatch__meta small{color:var(--ink-mute);font-size:11px;font-family:var(--font-mono)}.scale-grid{gap:8px;display:grid}.scale-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:60px 1fr 100px 80px;align-items:center;gap:14px;padding:8px 12px;font-size:12.5px;display:grid}.scale-row .preview{font-family:var(--font-sans)}.scale-row .px{font-family:var(--font-mono);color:var(--ink-mute);text-align:right}.scale-row .name{color:var(--ink-mute);font-family:var(--font-mono);font-size:11.5px}.radii-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.radii{background:var(--surface-2);aspect-ratio:1;color:var(--ink-mute);font-size:10.5px;font-family:var(--font-mono);border:1px solid var(--line);place-items:end center;padding:6px;display:grid}.space-grid{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.space-chip{color:var(--ink-mute);font-size:11px;font-family:var(--font-mono);flex-direction:column;align-items:center;gap:6px;display:flex}.space-chip>div{background:var(--brand-tint-2);border-radius:4px}.shadow-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.shadow-card{background:var(--surface);border-radius:var(--r-lg);padding:18px;font-size:12.5px}.shadow-card small{font-family:var(--font-mono);color:var(--ink-mute);margin-top:4px;font-size:11px;display:block}.codechip{font-family:var(--font-mono);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:11.5px;display:inline-block}.cmp-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-bottom:8px;font-size:10.5px}.cmp-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;display:grid}.icon-cell{border:1px solid var(--line);border-radius:var(--r-md);text-align:center;font-family:var(--font-mono);color:var(--ink-mute);background:var(--surface);padding:14px 8px 10px;font-size:10.5px}.icon-cell svg{color:var(--ink);margin:0 auto 8px;display:block}.tok-table{border-collapse:collapse;width:100%;font-size:12.5px}.tok-table th,.tok-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 12px}.tok-table th{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.tok-table td.mono{font-family:var(--font-mono);color:var(--ink-2);font-size:11.5px}.pattern-frame{border:1px dashed var(--line-strong);border-radius:var(--r-md);background:repeating-linear-gradient(45deg, transparent 0 8px, var(--surface-2) 8px 9px);padding:18px}.tweaks{z-index:200;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);align-items:center;gap:14px;padding:12px 14px;font-size:12px;display:flex;position:fixed;bottom:20px;right:20px}.tweaks__group{flex-direction:column;gap:4px;display:flex}.tweaks__lbl{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.tweaks__row{gap:4px;display:flex}.tweaks__btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:11.5px}.tweaks__btn.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tweaks__swatch{border:1px solid var(--line);cursor:pointer;border-radius:6px;width:20px;height:20px}.tweaks__swatch.is-on{box-shadow:0 0 0 2px var(--ink)}.dialog{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:640px;max-height:calc(100vh - 32px);padding:16px;display:flex;position:relative;overflow:hidden}.dialog__close{z-index:1;position:absolute;top:10px;right:10px}.dialog__scroll{flex:1;min-height:0}.dialog__head{border-bottom:1px solid var(--line);padding:18px 22px 12px}.dialog__head h2,.dialog__head h3{margin:0;font-size:16px;font-weight:600}.dialog__body{flex-direction:column;gap:12px;padding:18px 22px;display:flex;overflow-y:auto}.dialog__foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 22px;display:flex}.hui-check{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.hui-check__box{border-radius:var(--r-xs);border:1.5px solid var(--line-strong);background:var(--surface);color:#0000;place-items:center;width:18px;height:18px;transition:background .12s,border-color .12s;display:inline-grid}.hui-check__box[data-checked]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.hui-check__box[data-focus]{box-shadow:0 0 0 3px var(--brand)}@supports (color:color-mix(in lab, red, red)){.hui-check__box[data-focus]{box-shadow:0 0 0 3px color-mix(in oklch, var(--brand) 18%, transparent)}}.hui-check__box[data-focus]{outline:none}.hui-check__box[data-disabled]{opacity:.5;cursor:not-allowed}.hui-check__lbl{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.spinner-wrap{justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.spinner{border:3px solid var(--surface-2);border-top-color:var(--brand);border-radius:999px;animation:.8s linear infinite spinner-spin;display:inline-block}@keyframes spinner-spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.separator{background:var(--line);width:100%;height:1px;margin:8px 0}.snackbar-host{pointer-events:none;z-index:90;justify-content:center;align-items:flex-end;padding:32px 16px;display:flex;position:fixed;inset:0}.snackbar{pointer-events:auto;background:var(--surface);border:1px solid var(--brand);border-radius:var(--r-md);min-width:280px;max-width:min(480px,100vw - 32px);box-shadow:var(--shadow-lg);color:var(--ink);opacity:0;padding:12px 18px;font-size:13px;transition:transform .22s cubic-bezier(.2,.7,.2,1),opacity .18s;transform:translateY(120%)}.snackbar.is-open{opacity:1;transform:translateY(0)}.searchfield{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);align-items:stretch;width:100%;max-width:320px;height:36px;padding-left:6px;transition:border-color .12s,box-shadow .12s;display:inline-flex;position:relative;overflow:hidden}.searchfield:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand)}@supports (color:color-mix(in lab, red, red)){.searchfield:focus-within{box-shadow:0 0 0 3px color-mix(in oklch, var(--brand) 18%, transparent)}}.searchfield__input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 8px}.searchfield__input::placeholder{color:var(--ink-mute)}.searchfield__input::-webkit-search-cancel-button{appearance:none}.searchfield__clear{width:28px;color:var(--ink-mute);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.searchfield__clear:hover{color:var(--ink)}.searchfield__submit{border:0;border-left:1px solid var(--line);background:var(--surface-2);width:40px;color:var(--ink-2);cursor:pointer;place-items:center;display:grid}.searchfield__submit:hover{background:var(--surface-3);color:var(--ink)}.pagination{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.pagination__rows{align-items:center;gap:8px;font-size:12.5px;display:flex}.pagination__rows .muted{font-size:12.5px}.pagination__nav{align-items:center;gap:4px;display:flex}.pagination__navbtn{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--ink-2);cursor:pointer;place-items:center;display:grid}.pagination__navbtn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.pagination__navbtn:disabled{opacity:.4;cursor:not-allowed}.pagination__pages{align-items:center;gap:2px;display:flex}.pagination__page{border-radius:var(--r-sm);min-width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:12.5px}.pagination__page:hover{background:var(--surface-2);color:var(--ink)}.pagination__page.is-selected{background:var(--ink);color:var(--bg);font-weight:600}.pagination__ellipsis{color:var(--ink-mute);padding:0 6px}.inplace{min-height:32px;display:block;position:relative}.inplace__view{border-radius:var(--r-sm);width:100%;min-height:32px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:6px 8px;transition:background .12s,border-color .12s;display:block}.inplace__view:hover{background:var(--surface-2);border-color:var(--line)}.inplace__view.is-numeric{text-align:right;font-variant-numeric:tabular-nums}.inplace__form{width:100%;display:block}.inplace__input{width:100%}.inplace__input.is-numeric{text-align:right;font-variant-numeric:tabular-nums}.inplace__lbl{margin-top:2px;font-size:11px;display:block}.inplace__err{color:var(--danger);margin-top:2px;font-size:11px;display:block}.mvp-banner{border:1px dashed var(--warning);align-items:center;gap:12px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.mvp-banner{border:1px dashed color-mix(in oklch, var(--warning) 50%, var(--line))}}.mvp-banner{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.mvp-banner{background:color-mix(in oklch, var(--warning) 6%, var(--surface))}}.mvp-banner{border-radius:var(--r-md);color:var(--ink-2);font-size:12.5px}.mvp-banner__tag{letter-spacing:.1em;background:var(--warning);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.mvp-banner__tag{background:color-mix(in oklch, var(--warning) 20%, transparent)}}.mvp-banner__tag{color:#6e4200;color:lab(32.2844% 23.6071 67.7527);text-transform:uppercase}.subtabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:2px;width:100%;margin-bottom:16px;display:flex;overflow-x:auto}.subtabs::-webkit-scrollbar{display:none}.subtab{color:var(--ink-mute);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 14px;font-size:13px;font-weight:500;display:inline-flex}.subtab:hover{color:var(--ink)}.subtab[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand)}.subtab__count{background:var(--surface-2);color:var(--ink-mute);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:500}.subtab[aria-current=page] .subtab__count{background:var(--brand-tint);color:var(--brand-2)}.bulkbar{background:var(--ink);width:fit-content;color:var(--bg);box-shadow:var(--shadow-md);z-index:4;border-radius:999px;align-items:center;gap:12px;margin:16px auto 0;padding:10px 14px;font-size:13px;display:flex;position:sticky;bottom:16px}.bulkbar b{color:var(--brand);margin-right:4px}.bulkbar button{border:1px solid var(--bg);background:0 0}@supports (color:color-mix(in lab, red, red)){.bulkbar button{border:1px solid color-mix(in oklch, var(--bg) 25%, transparent)}}.bulkbar button{color:var(--bg);border-radius:var(--r-sm);cursor:pointer;padding:5px 12px;font-size:12px}.bulkbar button:hover{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.bulkbar button:hover{background:color-mix(in oklch, var(--bg) 12%, transparent)}}.bulkbar button.is-primary{background:var(--brand);border-color:var(--brand);color:#fff}.t-unit-group{text-align:center;border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);font-size:10.5px;padding-top:8px!important;padding-bottom:4px!important}.t-unit{color:var(--ink-mute);text-align:center;font-size:10.5px;font-weight:500}.t-edit{border-radius:var(--r-sm);font-variant-numeric:tabular-nums;text-align:right;cursor:text;background:0 0;border:1px solid #0000;width:100%;padding:4px 6px;font-size:12.5px;display:inline-block}.t-edit:hover{border-color:var(--line);background:var(--surface-2)}.t-edit:focus{border-color:var(--brand);background:var(--surface);outline:none}.t-edit--text{text-align:left;font-variant-numeric:normal}.chip{background:var(--surface-2);color:var(--ink-2);cursor:default;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.chip--add{border:1px dashed var(--line);color:var(--ink-mute);cursor:pointer;background:0 0}.chip--add:hover{color:var(--ink);border-color:var(--ink-mute)}.chip__dot{border-radius:999px;width:6px;height:6px}.empcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);cursor:pointer;text-align:left;flex-direction:column;gap:10px;padding:16px;transition:transform .1s,box-shadow .1s;display:flex}.empcard:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.empcard__head{align-items:center;gap:12px;display:flex}.empcard__avatar{background:var(--brand-tint);width:44px;height:44px;color:var(--brand-2);border-radius:999px;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:grid}.empcard__name b{font-size:14px}.empcard__name small{color:var(--ink-mute);font-size:11.5px;display:block}.empcard__present{border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:inline-flex}.empcard__present--on{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.empcard__present--on{background:color-mix(in oklch, var(--success) 12%, transparent)}}.empcard__present--on{color:#005824;color:lab(31.877% -36.6537 24.6848)}.empcard__present--off{background:var(--surface-2);color:var(--ink-mute)}.empcard__meta{color:var(--ink-mute);flex-wrap:wrap;gap:12px;font-size:11.5px;display:flex}.empcard__meta span b{color:var(--ink-2);font-weight:600}.cal{flex-direction:column;gap:14px;display:flex}.cal__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cal__label{text-align:center;font-variant-numeric:tabular-nums;min-width:150px;font-size:15px;font-weight:600}.cal__spacer{flex:1}.cal-scroll{overflow-x:auto}.cal-weekdays{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;display:grid}.cal-weekdays span{text-align:center;color:var(--ink-mute);font-size:12px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-cell{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);text-align:left;min-height:76px;font:inherit;color:inherit;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:6px 6px 8px;display:flex}.cal-cell__day{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.cal-cell__time{color:var(--success);font-variant-numeric:tabular-nums;font-size:11px}.cal-cell--muted{background:var(--surface-2)}.cal-cell--muted .cal-cell__day{color:var(--ink-faint)}.cal-cell--weekend{background:var(--surface-2)}.cal-cell--today{box-shadow:inset 0 0 0 2px var(--brand)}.cal-cell--today .cal-cell__day{color:var(--brand-2)}.cal-cell--clickable{cursor:pointer;transition:border-color .12s}.cal-cell--clickable:hover{border-color:var(--brand)}.cal-cell--skeleton{pointer-events:none}.cal-legend{color:var(--ink-mute);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.cal-legend span{align-items:center;display:inline-flex}.cal-legend__today{border-radius:var(--r-xs);width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--brand);margin-right:6px;display:inline-block}.cal-error{align-items:center;gap:10px;padding:8px 0;display:flex}@media (max-width:640px){.cal-grid,.cal-weekdays{min-width:560px}.cal-cell{min-height:58px}}@media (max-width:767.98px){.btn{min-height:40px}.btn--sm{min-height:34px}.btn--icon{min-width:40px}.iconbtn{width:40px;height:40px}.navitem{padding:11px 12px}.subtab{padding:12px 14px}}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!absolute{position:absolute!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-y-0{inset-block:0}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.-right-2{right:calc(var(--spacing) * -2)}.right-0{right:0}.right-1{right:var(--spacing)}.right-4{right:calc(var(--spacing) * 4)}.right-8{right:calc(var(--spacing) * 8)}.bottom-3{bottom:calc(var(--spacing) * 3)}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-5{margin:calc(var(--spacing) * 5)}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.my-10{margin-block:calc(var(--spacing) * 10)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-\[1mm\]{margin-top:1mm}.mt-\[3mm\]{margin-top:3mm}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.\!mb-0{margin-bottom:0!important}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-3\/4{aspect-ratio:3/4}.aspect-4\/3,.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.\!size-4{width:calc(var(--spacing) * 4)!important;height:calc(var(--spacing) * 4)!important}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-32{width:calc(var(--spacing) * 32);height:calc(var(--spacing) * 32)}.size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-28{height:calc(var(--spacing) * 28)}.h-35{height:calc(var(--spacing) * 35)}.h-72{height:calc(var(--spacing) * 72)}.h-100{height:calc(var(--spacing) * 100)}.h-\[4rem\]{height:4rem}.h-\[25px\]{height:25px}.h-\[45vh\]{height:45vh}.h-\[50px\]{height:50px}.h-\[60vh\]{height:60vh}.h-\[70vh\]{height:70vh}.h-\[75svh\]{height:75svh}.h-\[80\%\]{height:80%}.h-\[89px\]{height:89px}.h-\[calc\(100vh-14rem\)\]{height:calc(100vh - 14rem)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-\[40vh\]{max-height:40vh}.max-h-\[44vh\]{max-height:44vh}.max-h-\[50vh\]{max-height:50vh}.max-h-\[calc\(100vh-160px\)\]{max-height:calc(100vh - 160px)}.min-h-0{min-height:0}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-\[3\.8mm\]{min-height:3.8mm}.min-h-\[78px\]{min-height:78px}.min-h-screen{min-height:100vh}.\!w-1\/3{width:33.3333%!important}.\!w-2\/3{width:66.6667%!important}.\!w-full{width:100%!important}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-2{width:calc(var(--spacing) * 2)}.w-2\/3{width:66.6667%}.w-2\/4{width:50%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10\/12{width:83.3333%}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-23{width:calc(var(--spacing) * 23)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-55{width:calc(var(--spacing) * 55)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-\[7cm\]{width:7cm}.w-\[16rem\]{width:16rem}.w-\[25px\]{width:25px}.w-\[50px\]{width:50px}.w-\[55mm\]{width:55mm}.w-\[80\%\]{width:80%}.w-\[82mm\]{width:82mm}.w-fit{width:fit-content}.w-full{width:100%}.\!max-w-225{max-width:calc(var(--spacing) * 225)!important}.\!max-w-xl{max-width:var(--container-xl)!important}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-4xl\!{max-width:var(--container-4xl)!important}.max-w-36{max-width:calc(var(--spacing) * 36)}.max-w-55{max-width:calc(var(--spacing) * 55)}.max-w-90{max-width:calc(var(--spacing) * 90)}.max-w-\[16rem\]{max-width:16rem}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[270px\]{max-width:270px}.max-w-\[340px\]{max-width:340px}.max-w-\[360px\]{max-width:360px}.max-w-\[520px\]{max-width:520px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-45{min-width:calc(var(--spacing) * 45)}.min-w-50{min-width:calc(var(--spacing) * 50)}.min-w-\[130px\]{min-width:130px}.min-w-\[150px\]{min-width:150px}.min-w-\[220px\]{min-width:220px}.min-w-xs{min-width:var(--container-xs)}.flex-1{flex:1}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.grow{flex-grow:1}.basis-1\/2{flex-basis:50%}.basis-1\/3{flex-basis:33.3333%}.basis-1\/4{flex-basis:25%}.basis-\[calc\(100\%\/7\)\]{flex-basis:14.2857%}.basis-full{flex-basis:100%}.table-auto{table-layout:auto}.border-separate{border-collapse:separate}.border-spacing-y-0{--tw-border-spacing-y:0;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[100\%\]{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[100\%\]{--tw-translate-y:calc(100% * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_48mm\]{grid-template-columns:1fr 48mm}.grid-cols-\[24mm_1fr\]{grid-template-columns:24mm 1fr}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[minmax\(0\,1fr\)_minmax\(360px\,42\%\)\]{grid-template-columns:minmax(0,1fr) minmax(360px,42%)}.grid-cols-\[repeat\(auto-fill\,minmax\(80px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(96px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[1\.2mm\]{gap:1.2mm}.gap-\[1mm\]{gap:1mm}.gap-\[2\.5mm\]{gap:2.5mm}.gap-\[3mm\]{gap:3mm}.gap-\[4mm\]{gap:4mm}.gap-\[5mm\]{gap:5mm}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:var(--spacing)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-x-\[1\.5mm\]{column-gap:1.5mm}.gap-x-\[5px\]{column-gap:5px}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-3\.5{row-gap:calc(var(--spacing) * 3.5)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}:where(.divide-x-2>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(2px * var(--tw-divide-x-reverse));border-inline-end-width:calc(2px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y-2>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(2px * var(--tw-divide-y-reverse));border-bottom-width:calc(2px * calc(1 - var(--tw-divide-y-reverse)))}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.justify-self-center{justify-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.\!rounded-\[36px\]{border-radius:36px!important}.\!rounded-full{border-radius:3.40282e38px!important}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[36px\]{border-radius:36px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.rounded-tr-xl{border-top-right-radius:var(--radius-xl)}.rounded-br-xl{border-bottom-right-radius:var(--radius-xl)}.\!border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[0\.3mm\]{border-style:var(--tw-border-style);border-width:.3mm}.border-\[0\.4mm\]{border-style:var(--tw-border-style);border-width:.4mm}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-\[0\.3mm\]{border-top-style:var(--tw-border-style);border-top-width:.3mm}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-\[0\.3mm\]{border-right-style:var(--tw-border-style);border-right-width:.3mm}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-2\!{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:2px!important}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.\!border-brand{border-color:var(--color-brand)!important}.\!border-line{border-color:var(--color-line)!important}.border-black{border-color:var(--color-black)}.border-black\!{border-color:var(--color-black)!important}.border-brand{border-color:var(--color-brand)}.border-brand-tint{border-color:var(--color-brand-tint)}.border-danger-tint{border-color:var(--color-danger-tint)}.border-info{border-color:var(--color-info)}.border-line{border-color:var(--color-line)}.border-line-strong{border-color:var(--color-line-strong)}.border-success{border-color:var(--color-success)}.border-transparent{border-color:#0000}.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.border-white\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.border-white\/80{border-color:#fffc}@supports (color:color-mix(in lab, red, red)){.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.border-t-brand{border-top-color:var(--color-brand)}.border-b-brand{border-bottom-color:var(--color-brand)}.border-b-line{border-bottom-color:var(--color-line)}.\!bg-transparent{background-color:#0000!important}.bg-\[var\(--line\)\]{background-color:var(--line)}.bg-\[var\(--surface-2\)\]{background-color:var(--surface-2)}.bg-black{background-color:var(--color-black)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.bg-brand{background-color:var(--color-brand)}.bg-brand-tint{background-color:var(--color-brand-tint)}.bg-danger{background-color:var(--color-danger)}.bg-danger-tint{background-color:var(--color-danger-tint)}.bg-danger-tint\/40{background-color:#ffedeb66}@supports (color:color-mix(in lab, red, red)){.bg-danger-tint\/40{background-color:color-mix(in oklab, var(--color-danger-tint) 40%, transparent)}}.bg-info{background-color:var(--color-info)}.bg-ink{background-color:var(--color-ink)}.bg-ink-faint{background-color:var(--color-ink-faint)}.bg-ink-mute{background-color:var(--color-ink-mute)}.bg-line{background-color:var(--color-line)}.bg-on-brand{background-color:var(--color-on-brand)}.bg-success{background-color:var(--color-success)}.bg-success-tint{background-color:var(--color-success-tint)}.bg-surface{background-color:var(--color-surface)}.bg-surface-2{background-color:var(--color-surface-2)}.bg-surface-3{background-color:var(--color-surface-3)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-ink-2{--tw-gradient-from:var(--color-ink-2);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-ink{--tw-gradient-to:var(--color-ink);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-ink-mute{fill:var(--color-ink-mute)}.stroke-brand{stroke:var(--color-brand)}.stroke-white{stroke:var(--color-white)}.object-cover{object-fit:cover}.\!p-0{padding:0!important}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[2\.5mm\]{padding:2.5mm}.p-\[2mm\]{padding:2mm}.\!px-4{padding-inline:calc(var(--spacing) * 4)!important}.\!px-\[\.5mm\]{padding-inline:.5mm!important}.px-0\!{padding-inline:0!important}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-12{padding-inline:calc(var(--spacing) * 12)}.px-\[\.5mm\]\!{padding-inline:.5mm!important}.px-\[0\.5mm\]{padding-inline:.5mm}.px-\[2mm\]{padding-inline:2mm}.px-\[5px\]{padding-inline:5px}.\!py-2{padding-block:calc(var(--spacing) * 2)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-2\.5\!{padding-block:calc(var(--spacing) * 2.5)!important}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-9{padding-block:calc(var(--spacing) * 9)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-\[1\.5mm\]{padding-block:1.5mm}.py-\[1mm\]{padding-block:1mm}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-\[4mm\]{padding-top:4mm}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.indent-4{text-indent:calc(var(--spacing) * 4)}.align-\[-2px\]{vertical-align:-2px}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-base\!{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[40px\]{font-size:40px}.text-\[40px\]\!{font-size:40px!important}.text-\[46px\]{font-size:46px}.text-body{font-size:var(--text-body)}.text-h2{font-size:var(--text-h2)}.text-h3{font-size:var(--text-h3)}.text-h4{font-size:var(--text-h4)}.text-h5{font-size:var(--text-h5)}.text-h6{font-size:var(--text-h6)}.text-p{font-size:var(--text-p)}.text-sm-p{font-size:var(--text-sm-p)}.leading-3{--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.leading-14{--tw-leading:calc(var(--spacing) * 14);line-height:calc(var(--spacing) * 14)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[100\%\]{--tw-leading:100%;line-height:100%}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-nowrap{text-wrap:nowrap}.text-wrap{text-wrap:wrap}.break-words,.wrap-break-word{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-ink{color:var(--color-ink)!important}.text-\[color\:var\(--ink\)\]{color:var(--ink)}.text-\[color\:var\(--ink-mute\)\]{color:var(--ink-mute)}.text-\[var\(--ink-faint\)\]{color:var(--ink-faint)}.text-black{color:var(--color-black)}.text-brand{color:var(--color-brand)}.text-brand-2{color:var(--color-brand-2)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-ink{color:var(--color-ink)}.text-ink-2{color:var(--color-ink-2)}.text-ink-faint{color:var(--color-ink-faint)}.text-ink-mute{color:var(--color-ink-mute)}.text-success{color:var(--color-success)}.text-white{color:var(--color-white)}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-brand{--tw-ring-color:var(--color-brand)}.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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));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,)}.grayscale{--tw-grayscale:grayscale(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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}@media (hover:hover){.group-hover\:stroke-white:is(:where(.group):hover *){stroke:var(--color-white)}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-checked\:visible:is(:where(.group)[data-checked] *){visibility:visible}.peer-placeholder-shown\:ml-4:is(:where(.peer):placeholder-shown~*){margin-left:calc(var(--spacing) * 4)}.peer-placeholder-shown\:text-ink:is(:where(.peer):placeholder-shown~*){color:var(--color-ink)}.peer-focus\:ml-2:is(:where(.peer):focus~*){margin-left:calc(var(--spacing) * 2)}.peer-focus\:-translate-y-\[100\%\]:is(:where(.peer):focus~*){--tw-translate-y:calc(100% * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.first-letter\:font-bold:first-letter{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.placeholder\:text-transparent::placeholder{color:#0000}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-brand:hover{border-color:var(--color-brand)}.hover\:bg-brand:hover{background-color:var(--color-brand)}.hover\:bg-brand-tint:hover{background-color:var(--color-brand-tint)}.hover\:bg-ink:hover{background-color:var(--color-ink)}.hover\:bg-surface-2:hover{background-color:var(--color-surface-2)}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:outline-1:hover{outline-style:var(--tw-outline-style);outline-width:1px}.hover\:outline-line:hover{outline-color:var(--color-line)}}.focus\:border-brand:focus{border-color:var(--color-brand)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:opacity-100:focus-visible{opacity:1}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-line:disabled{background-color:var(--color-line)}.disabled\:opacity-50:disabled{opacity:.5}.data-checked\:border-brand[data-checked]{border-color:var(--color-brand)}.data-checked\:bg-brand[data-checked]{background-color:var(--color-brand)}@media (min-width:40rem){.sm\:ml-auto{margin-left:auto}.sm\:w-36{width:calc(var(--spacing) * 36)}.sm\:w-40{width:calc(var(--spacing) * 40)}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:w-auto{width:auto}.sm\:w-fit{width:fit-content}.sm\:max-w-90{max-width:calc(var(--spacing) * 90)}.sm\:min-w-55{min-width:calc(var(--spacing) * 55)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-x-3{column-gap:calc(var(--spacing) * 3)}.sm\:gap-y-0{row-gap:0}.sm\:gap-y-4{row-gap:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media (min-width:48rem){.md\:ml-auto{margin-left:auto}.md\:h-\[75svh\]{height:75svh}.md\:h-\[80svh\]{height:80svh}.md\:w-\[50\%\]{width:50%}.md\:w-\[92\%\]{width:92%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}.md\:py-8{padding-block:calc(var(--spacing) * 8)}.md\:py-10{padding-block:calc(var(--spacing) * 10)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-0{top:0}.lg\:h-\[calc\(100vh-8rem\)\]{height:calc(100vh - 8rem)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_380px\]{grid-template-columns:1fr 380px}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(320px\,45\%\)\]{grid-template-columns:minmax(0,1fr) minmax(320px,45%)}.lg\:flex-row{flex-direction:row}.lg\:justify-between{justify-content:space-between}.lg\:self-start{align-self:flex-start}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:py-\[26px\]{padding-block:26px}}@media (min-width:80rem){.xl\:w-\[80\%\]{width:80%}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"IBM Plex Sans", "IBM Plex Sans Thai", system-ui, sans-serif;--font-display:"IBM Plex Sans", "IBM Plex Sans Thai", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--bg:#fcfaf6;--surface:#fff;--surface-2:#f7f3ee;--surface-3:#f1ece6;--line:#e7e4e0;--line-strong:#d4d0cb;--ink:#1e1a15;--ink-2:#46423d;--ink-mute:#75716d;--ink-faint:#a19e9a;--brand:#ed6e29;--brand-2:#d45003;--brand-tint:#ffede0;--brand-tint-2:#ffdbc6;--on-brand:#fff;--success:#33ac5a;--success-tint:#d8f9dd;--warning:#e6ac3d;--warning-tint:#fff0d0;--danger:#de3b3d;--danger-tint:#ffedeb;--info:#248fcc;--info-tint:#e5f4ff;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-pill:999px;--density:1;--row-h:calc(44px * var(--density));--pad-x:calc(16px * var(--density));--pad-y:calc(10px * var(--density));--gap:calc(12px * var(--density));--shadow-sm:0 1px 0 #d2cdc799, 0 1px 2px #4f463c0a;--shadow-md:0 4px 14px #4f463c0f, 0 1px 2px #4f463c0a;--shadow-lg:0 20px 40px #4f463c1a, 0 2px 4px #4f463c0a;--sidebar-w:232px;--topbar-h:56px}@supports (color:lab(0% 0 0)){:root{--bg:lab(98.2689% .426799 1.84673);--surface-2:lab(95.9539% .690371 2.95949);--surface-3:lab(93.637% .869602 3.70365);--line:lab(90.7306% .514656 2.21765);--line-strong:lab(83.7738% .692695 2.96102);--ink:lab(9.5186% 1.52428 4.35848);--ink-2:lab(28.0829% 1.1947 3.63571);--ink-mute:lab(47.8037% .929832 2.89044);--ink-faint:lab(65.2033% .687301 2.16131);--brand:lab(61.6301% 47.5123 59.3855);--brand-2:lab(52.1834% 51.0823 62.2201);--brand-tint:lab(95.1831% 8.90634 11.973);--brand-tint-2:lab(90.4412% 13.6169 18.1898);--success:lab(62.5636% -48.4312 32.0721);--success-tint:lab(94.8646% -14.8135 9.47288);--warning:lab(74.5248% 14.3487 62.5064);--warning-tint:lab(95.5493% 2.6086 23.6098);--danger:lab(51.5803% 63.2457 38.9399);--danger-tint:lab(94.9893% 12.2795 6.63545);--info:lab(55.764% -13.6418 -40.5856);--info-tint:lab(95.3988% -4.7369 -9.80746);--shadow-sm:0 1px 0 lab(82.6168% .872999 3.70588/.6), 0 1px 2px lab(30.399% 2.5166 7.37386/.04);--shadow-md:0 4px 14px lab(30.399% 2.5166 7.37386/.06), 0 1px 2px lab(30.399% 2.5166 7.37386/.04);--shadow-lg:0 20px 40px lab(30.399% 2.5166 7.37386/.1), 0 2px 4px lab(30.399% 2.5166 7.37386/.04)}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14110e;--surface:#1d1a17;--surface-2:#24211e;--surface-3:#2e2b27;--line:#36322e;--line-strong:#4b4743;--ink:#f7f5f1;--ink-2:#d0cdc9;--ink-mute:#9b9893;--ink-faint:#66635e;--brand-tint:#4b2915;--brand-tint-2:#633416;--shadow-sm:0 1px 0 #0006;--shadow-md:0 4px 14px #0006;--shadow-lg:0 20px 40px #0008;--color-bg:#14110e;--color-surface:#1d1a17;--color-surface-2:#24211e;--color-surface-3:#2e2b27;--color-line:#36322e;--color-line-strong:#4b4743;--color-ink:#f7f5f1;--color-ink-2:#d0cdc9;--color-ink-mute:#9b9893;--color-ink-faint:#66635e;--color-brand-tint:#4b2915;--color-brand-tint-2:#633416}@supports (color:lab(0% 0 0)){[data-theme=dark]{--bg:lab(5.2682% .761367 2.04813);--surface:lab(9.52116% .977561 2.92297);--surface-2:lab(13.0017% .968114 2.91783);--surface-3:lab(17.6422% .958517 2.91062);--line:lab(21.1225% .952885 2.90648);--line-strong:lab(30.4031% .941888 2.89868);--ink:lab(96.5289% .426888 1.8468);--ink-2:lab(82.6105% .51558 2.21825);--ink-mute:lab(62.8934% .698388 2.96472);--ink-faint:lab(42.0129% .708163 2.97123);--brand-tint:lab(20.7745% 14.7866 20.1682);--brand-tint-2:lab(27.6034% 19.9708 27.7612);--color-bg:lab(5.2682% .761367 2.04813);--color-surface:lab(9.52116% .977561 2.92297);--color-surface-2:lab(13.0017% .968114 2.91783);--color-surface-3:lab(17.6422% .958517 2.91062);--color-line:lab(21.1225% .952885 2.90648);--color-line-strong:lab(30.4031% .941888 2.89868);--color-ink:lab(96.5289% .426888 1.8468);--color-ink-2:lab(82.6105% .51558 2.21825);--color-ink-mute:lab(62.8934% .698388 2.96472);--color-ink-faint:lab(42.0129% .708163 2.97123);--color-brand-tint:lab(20.7745% 14.7866 20.1682);--color-brand-tint-2:lab(27.6034% 19.9708 27.7612)}}[data-accent=blue]{--brand:#248fcc;--brand-2:#0079b6;--brand-tint:#ddf2ff;--brand-tint-2:#bde4ff}@supports (color:lab(0% 0 0)){[data-accent=blue]{--brand:lab(55.764% -13.6418 -40.5856);--brand-2:lab(47.536% -12.5739 -43.4224);--brand-tint:lab(94.246% -6.20112 -13.0235);--brand-tint-2:lab(88.4495% -8.90154 -19.3709)}}[data-accent=green]{--brand:#33ac5a;--brand-2:#009440;--brand-tint:#d8f9dd;--brand-tint-2:#beecc6}@supports (color:lab(0% 0 0)){[data-accent=green]{--brand:lab(62.5636% -48.4312 32.0721);--brand-2:lab(53.3767% -51.866 34.8507);--brand-tint:lab(94.8646% -14.8135 9.47288);--brand-tint-2:lab(89.3229% -20.7847 13.3376)}}[data-accent=ink]{--brand:#342c23;--brand-2:#1e1a15;--brand-tint:#e7e4e1;--brand-tint-2:#d0cdca}@supports (color:lab(0% 0 0)){[data-accent=ink]{--brand:lab(18.7942% 2.60349 7.45645);--brand-2:lab(9.5186% 1.52428 4.35848);--brand-tint:lab(90.723% .56836 1.79831);--brand-tint-2:lab(82.603% .568986 1.79869)}}[data-density=compact]{--density:.85}[data-density=comfy]{--density:1}[data-density=roomy]{--density:1.15}html,body{max-width:100%;overflow-x:clip}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;visibility:hidden}input[type=search]:focus::-webkit-search-cancel-button{-webkit-appearance:none;visibility:hidden}td,th{vertical-align:text-top;min-width:64px;padding-left:8px;padding-right:8px}@page{size:A4;margin:10mm}@media print{body *{visibility:hidden}#barcode-print-root,#barcode-print-root *{visibility:visible}#barcode-print-root{position:absolute;inset:0;gap:0!important}.barcode-preview-zoom{zoom:1!important}.barcode-page-shadow{box-shadow:none!important}.print-page{break-after:page;box-shadow:none!important}.print-page:last-child{break-after:auto}}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_Thin-s.p.04i5hz5cd2y-k.ttf)format("truetype");font-display:swap;font-weight:100}@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_ExtraLight-s.p.1wm1mz38ouinf.ttf)format("truetype");font-display:swap;font-weight:200}@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_Light-s.p.20-qecd376mq8.ttf)format("truetype");font-display:swap;font-weight:300}@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_Regular-s.p.2kp2zwq8ud03l.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_Medium-s.p.1jt1svy4y7_pt.ttf)format("truetype");font-display:swap;font-weight:500}@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_SemiBold-s.p.1jzi1plt9cfjf.ttf)format("truetype");font-display:swap;font-weight:600}@font-face{font-family:ibmPlexSans;src:url(../media/IBMPlexSansThai_Bold-s.p.2dpfdnbkw6jpd.ttf)format("truetype");font-display:swap;font-weight:700}@font-face{font-family:ibmPlexSans Fallback;src:local(Arial);ascent-override:110.35%;descent-override:52.8%;line-gap-override:0.0%;size-adjust:101.13%}.ibmplexsans_b8588fc5-module__ULYxsq__className{font-family:ibmPlexSans,ibmPlexSans Fallback}.ibmplexsans_b8588fc5-module__ULYxsq__variable{--font-ibm-plex-sans-thai:"ibmPlexSans", "ibmPlexSans Fallback"}
@font-face{font-family:montserrat;src:url(../media/Montserrat_Thin-s.p.316h65lp0cvon.ttf)format("truetype");font-display:swap;font-weight:100}@font-face{font-family:montserrat;src:url(../media/Montserrat_ThinItalic-s.p.41-fnp63_swyf.ttf)format("truetype");font-display:swap;font-weight:100}@font-face{font-family:montserrat;src:url(../media/Montserrat_ExtraLight-s.p.30__jltbnf5na.ttf)format("truetype");font-display:swap;font-weight:200}@font-face{font-family:montserrat;src:url(../media/Montserrat_ExtraLightItalic-s.p.3--vd-l6udgl7.ttf)format("truetype");font-display:swap;font-weight:200;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_Light-s.p.0k6ufznyt5oz4.ttf)format("truetype");font-display:swap;font-weight:300}@font-face{font-family:montserrat;src:url(../media/Montserrat_LightItalic-s.p.0zgr_vpg74m3_.ttf)format("truetype");font-display:swap;font-weight:300;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_Regular-s.p.0lekjkw3lwko0.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:montserrat;src:url(../media/Montserrat_Italic-s.p.3660kt_gb6rso.ttf)format("truetype");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_Medium-s.p.1cf1dn480j183.ttf)format("truetype");font-display:swap;font-weight:500}@font-face{font-family:montserrat;src:url(../media/Montserrat_MediumItalic-s.p.33to1u69m5itp.ttf)format("truetype");font-display:swap;font-weight:500;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_Black-s.p.28-mk8zbrwa9w.ttf)format("truetype");font-display:swap;font-weight:900}@font-face{font-family:montserrat;src:url(../media/Montserrat_BlackItalic-s.p.3xybv_f6co4jq.ttf)format("truetype");font-display:swap;font-weight:900;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_SemiBold-s.p.0yaoafmcm71rz.ttf)format("truetype");font-display:swap;font-weight:600}@font-face{font-family:montserrat;src:url(../media/Montserrat_SemiBoldItalic-s.p.3551zmfc324r0.ttf)format("truetype");font-display:swap;font-weight:600;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_Bold-s.p.0m1af2c5g6yrb.ttf)format("truetype");font-display:swap;font-weight:700}@font-face{font-family:montserrat;src:url(../media/Montserrat_BoldItalic-s.p.1shj5mxigh0i6.ttf)format("truetype");font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:montserrat;src:url(../media/Montserrat_ExtraBold-s.p.1mhu2n6-oqdv9.ttf)format("truetype");font-display:swap;font-weight:800}@font-face{font-family:montserrat;src:url(../media/Montserrat_ExtraBoldItalic-s.p.0d1q_1whrvxki.ttf)format("truetype");font-display:swap;font-weight:800;font-style:italic}@font-face{font-family:montserrat Fallback;src:local(Arial);ascent-override:84.97%;descent-override:22.03%;line-gap-override:0.0%;size-adjust:113.92%}.montserrat_b83f70e8-module__nhz5za__className{font-family:montserrat,montserrat Fallback}.montserrat_b83f70e8-module__nhz5za__variable{--font-montserrat:"montserrat", "montserrat Fallback"}
.os-size-observer,.os-size-observer-listener{direction:inherit;pointer-events:none;visibility:hidden;box-sizing:border-box;overflow:hidden;scroll-behavior:auto!important}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;top:0;left:0}.os-size-observer{z-index:-1;contain:strict;padding:inherit;border:inherit;box-sizing:inherit;flex-flow:row;margin:-133px;display:flex;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";box-sizing:inherit;flex:none;width:10px;height:10px;padding:10px}.os-size-observer-appear{animation:1ms forwards os-size-observer-appear-animation}.os-size-observer-listener{box-sizing:border-box;padding:inherit;border:inherit;flex:auto;margin:-133px;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{padding:inherit;border:inherit;box-sizing:content-box;flex:auto;display:block;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{direction:ltr;flex:none;bottom:0;right:0;overflow:hidden}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{box-sizing:border-box;z-index:-1;contain:strict;border:none;flex:none;max-width:0;height:0;max-height:1px;margin:0;padding:0;position:relative;top:calc(100% + 1px);overflow:hidden}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;min-width:1px;height:1000%;min-height:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;scroll-behavior:auto!important;flex-flow:row!important;align-items:stretch!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;z-index:0;border:none;flex:auto;width:100%;min-width:0;height:auto;margin:0;padding:0;position:relative}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah);position:absolute}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>:not(#osFakeId){clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;display:none!important;position:absolute!important;overflow:hidden!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{grid-template:1fr/1fr;display:grid}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{width:auto!important;height:auto!important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction));contain:size layout;contain:size layout style;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;position:absolute}body>.os-scrollbar{z-index:99999;position:fixed}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;border:none!important;padding:0!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));left:auto}.os-scrollbar-vertical .os-scrollbar-handle{transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));top:auto}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";display:block;position:absolute;inset:0}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:#00000070;--os-handle-bg-hover:#0000008c;--os-handle-bg-active:#000000a8}.os-theme-light{--os-handle-bg:#ffffff70;--os-handle-bg-hover:#ffffff8c;--os-handle-bg-active:#ffffffa8}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}