.stepper{font-family:var(--font-family-base)}.stepper--horizontal,.stepper__item{display:flex;align-items:center}.stepper__connector{width:60px;height:2px;background-color:var(--color-border-ghost);flex-shrink:0}.stepper__connector--active{background-color:var(--color-accent)}.stepper__step{display:flex;align-items:center;gap:var(--space-6)}.stepper__circle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:var(--font-size-t7);font-weight:var(--font-weight-medium);flex-shrink:0}.stepper__step--active .stepper__circle,.stepper__step--completed .stepper__circle{background-color:var(--color-accent);color:var(--color-text-inset)}.stepper__step--pending .stepper__circle{background-color:var(--color-border-ghost);color:var(--color-text-placeholder)}.stepper__label{font-size:var(--font-size-t6);line-height:var(--line-height-t6);white-space:nowrap}.stepper__step--active .stepper__label{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.stepper__step--completed .stepper__label{font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.stepper__step--pending .stepper__label{font-weight:var(--font-weight-regular);color:var(--color-text-placeholder)}.stepper--breadcrumb{flex-wrap:wrap}.stepper--breadcrumb,.stepper__crumb{display:inline-flex;align-items:center;gap:var(--gap-md)}.stepper__crumb-separator{color:var(--color-text-placeholder);font-size:var(--font-size-t5);font-weight:var(--font-weight-regular);-webkit-user-select:none;-moz-user-select:none;user-select:none}.stepper__crumb-step{display:inline-flex;align-items:center;gap:var(--gap-xs)}.stepper__crumb-circle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:var(--font-size-t8);font-weight:var(--font-weight-medium);flex-shrink:0}.stepper__crumb-step--active .stepper__crumb-circle,.stepper__crumb-step--completed .stepper__crumb-circle{background-color:var(--color-accent);color:var(--color-text-inset)}.stepper__crumb-step--pending .stepper__crumb-circle{background-color:var(--color-border-ghost);color:var(--color-text-placeholder)}.stepper__crumb-label{font-size:var(--font-size-t7);line-height:var(--line-height-t7);white-space:nowrap}.stepper__crumb-step--active .stepper__crumb-label{font-weight:var(--font-weight-semibold);color:var(--color-text-default)}.stepper__crumb-step--completed .stepper__crumb-label{color:var(--color-text-secondary)}.stepper__crumb-step--pending .stepper__crumb-label{color:var(--color-text-placeholder)}.stepper--timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.stepper__timeline-item{display:flex;gap:var(--gap-2xl);padding-bottom:var(--pad-y-lg);position:relative}.stepper__timeline-item:last-child{padding-bottom:0}.stepper__timeline-item:not(:last-child):before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background-color:var(--color-border-ghost)}.stepper__timeline-item--active:not(:last-child):before,.stepper__timeline-item--completed:not(:last-child):before{background-color:var(--color-accent)}.stepper__timeline-marker{flex-shrink:0;padding-top:1px}.stepper__timeline-circle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:var(--font-size-t7);font-weight:var(--font-weight-medium);position:relative;z-index:1}.stepper__timeline-item--active .stepper__timeline-circle,.stepper__timeline-item--completed .stepper__timeline-circle{background-color:var(--color-accent);color:var(--color-text-inset)}.stepper__timeline-item--pending .stepper__timeline-circle{background-color:var(--color-border-ghost);color:var(--color-text-placeholder)}.stepper__timeline-content{flex:1 1;min-width:0}.stepper__timeline-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-lg);margin-bottom:var(--space-7)}.stepper__timeline-title{font-size:var(--font-size-t5);font-weight:var(--font-weight-semibold);line-height:var(--line-height-t5)}.stepper__timeline-item--active .stepper__timeline-title,.stepper__timeline-item--completed .stepper__timeline-title{color:var(--color-text-default)}.stepper__timeline-item--pending .stepper__timeline-title{color:var(--color-text-placeholder)}.stepper__timeline-datetime{font-size:var(--font-size-t8);line-height:var(--line-height-t8);color:var(--color-text-helper);white-space:nowrap;flex-shrink:0}.stepper__timeline-description{font-size:var(--font-size-t7);line-height:var(--line-height-t7);color:var(--color-text-helper)}.page-tab{display:flex;align-items:flex-end;gap:var(--space-8);background-color:var(--color-tab-xl-bg-container);padding:20px 30px 0;min-height:60px;min-width:0}.page-tab__home,.page-tab__pinned{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-bg-section);border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-text-helper);cursor:pointer;flex-shrink:0;transition:color .15s,background-color .15s}.page-tab__home:hover,.page-tab__pinned:hover:not(:disabled){background-color:var(--color-surface-card);color:var(--color-icon-default)}.page-tab__pinned:disabled{opacity:.4;cursor:not-allowed}.page-tab__item{display:inline-flex;align-items:center;gap:8px;padding:0 12px 0 16px;height:40px;background-color:var(--color-tab-xl-bg-default);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:background-color .15s;flex:1 1;max-width:200px;min-width:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-tab__item:hover{background-color:rgba(255,255,255,.6)}.page-tab__item--active{background-color:var(--color-tab-xl-bg-selected)}.page-tab__item--active:hover{background-color:var(--color-surface-card)}.page-tab__label{background:none;border:none;padding:0;font-family:var(--font-family-base);font-size:var(--font-size-t6);font-weight:var(--font-weight-medium);letter-spacing:-.35px;color:var(--color-text-helper);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;text-align:left;flex:1 1}.page-tab__item--active .page-tab__label{font-weight:var(--font-weight-semibold)}.page-tab__close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:var(--radius-xs);background-color:transparent;color:var(--color-text-helper);line-height:1;cursor:pointer;flex-shrink:0;transition:background-color .15s,color .15s}.page-tab__close:hover{background-color:rgba(0,0,0,.1);color:var(--color-text-default)}.page-tab__icon{display:inline-flex;color:inherit}.page-header,.page-tab__icon{align-items:center;flex-shrink:0}.page-header{display:flex;justify-content:space-between;background-color:var(--color-surface-card);gap:16px}:where(.container,.grid,.list-page__header,.detail-page__header)>.page-header{margin-bottom:0}.page-header__left{display:flex;align-items:center;gap:var(--space-7);min-width:0}.page-header__title-row{display:flex;align-items:center;gap:var(--space-5)}.page-header__bookmark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;flex-shrink:0}.page-header__bookmark:hover{opacity:.8}.page-header__title{font-size:24px;line-height:1;font-weight:var(--font-weight-semibold);color:var(--color-text-default);margin:0;white-space:nowrap}.page-header__divider{width:1px;height:18px;background-color:var(--color-border-subtle);flex-shrink:0}.page-header__description{font-size:var(--font-size-t6);line-height:1.4;color:var(--color-text-helper);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-header__actions{display:flex;align-items:center;gap:var(--space-6);flex-shrink:0}.page-header__actions :is(button,.btn,a[role=button]){height:40px;min-height:40px}.page-header__actions .btn{padding:0 var(--space-2);font-size:var(--font-size-t4)}.page-header--actions-below{flex-direction:column;align-items:flex-start}.page-header--actions-below .page-header__actions{flex-wrap:wrap;max-width:100%}.page-header--actions-below .page-header__actions>.container[role=group]{flex-wrap:wrap}.search-filter{--sf-label-w:80px;--sf-input-min:150px;--sf-input-max:300px;--sf-row-gap:var(--gap-sm,6px);--sf-col-gap:12px;background-color:var(--color-bg-inset);padding:6px 20px;border-radius:var(--radius-xs)}.search-filter__grid{display:flex;flex-wrap:wrap;align-items:center;row-gap:var(--sf-row-gap);column-gap:var(--sf-col-gap)}.search-filter__field{display:flex;align-items:center;gap:var(--space-6,8px);flex:1 1 calc((100% - 4 * var(--sf-col-gap)) / 5);min-width:calc(var(--sf-label-w) + var(--space-6) + var(--sf-input-min));max-width:calc(var(--sf-label-w) + var(--space-6) + var(--sf-input-max))}.search-filter__field[data-span="2"]{flex-basis:calc((100% - 3 * var(--sf-col-gap)) * 2 / 5);max-width:none}.search-filter__field[data-span="3"]{flex-basis:calc((100% - 2 * var(--sf-col-gap)) * 3 / 5);max-width:none}.search-filter__field[data-span="4"]{flex-basis:calc((100% - 1 * var(--sf-col-gap)) * 4 / 5);max-width:none}.search-filter__field[data-span="5"]{flex-basis:100%;max-width:none}.search-filter__label{width:var(--sf-label-w);flex-shrink:0;font-size:14px;font-weight:var(--font-weight-medium);color:#5E627B;text-align:right;align-self:center;line-height:1.3;white-space:normal;word-break:keep-all}.search-filter__label--required:after{content:" *";color:var(--color-text-danger)}.search-filter__control{flex:1 1 var(--sf-input-min);min-width:var(--sf-input-min);max-width:var(--sf-input-max)}.search-filter__field[data-span="2"] .search-filter__control,.search-filter__field[data-span="3"] .search-filter__control,.search-filter__field[data-span="4"] .search-filter__control,.search-filter__field[data-span="5"] .search-filter__control{max-width:none}.search-filter__control .input-wrapper{gap:0}.search-filter__control .input-field,.search-filter__control .select-field,.search-filter__control .select-wrapper{width:100%}.search-filter__control .input-field,.search-filter__control .select-field{padding:0 var(--space-6);font-size:var(--font-size-t8);border-radius:var(--radius-xs)}.search-filter__control .select-field{padding-right:28px;background-position:right 8px center}.search-filter__actions{display:flex;align-items:center;gap:var(--space-6,8px);margin-left:auto;align-self:center;flex-shrink:0}.search-area{background-color:var(--color-bg-section);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);padding:var(--pad-y-2xs) var(--pad-x-lg)}.search-area--bare{background-color:transparent;border:none;padding:0}.search-area--bare .search-area__collapse-bar{margin-left:0;margin-right:0;margin-bottom:0}.search-area--label-left .search-area__label{text-align:left}.search-area--single-row{box-sizing:border-box}.search-area--compact .date-picker__trigger,.search-area--compact .dropdown__trigger,.search-area--compact .input-field{padding-left:var(--gap-lg);padding-right:var(--gap-lg)}.search-area__body{display:flex;align-items:flex-end;gap:0}.search-area__actions{display:flex;align-items:center;gap:var(--gap-md);flex-shrink:0;margin-left:12px}.search-area__actions--footer{margin-left:0;margin-top:20px}.search-area__actions--align-start{justify-content:flex-start}.search-area__actions--align-center{justify-content:center}.search-area__actions--align-end{justify-content:flex-end}.search-area__grid{flex:1 1;display:grid;grid-template-columns:repeat(var(--search-cols,6),auto 1fr);grid-gap:var(--gap-sm) 12px;gap:var(--gap-sm) 12px;align-items:center}.search-area__grid--1col{--search-cols:1}.search-area__grid--3col{--search-cols:3}.search-area__grid--4col{--search-cols:4}.search-area__grid--5col{--search-cols:5}.search-area__grid--6col{--search-cols:6}.search-area__grid--7col{--search-cols:7;gap:var(--gap-sm) 10px}.search-area__grid--7col>.search-area__field+.search-area__label{margin-left:10px}.search-area__field+.search-area__label{margin-left:var(--gap-md)}.search-area__row{display:contents}.search-area__grid:has(.search-area__row){row-gap:0}.search-area__row+.search-area__row:before{content:"";grid-column:1/-1;border-top:1px solid var(--color-border-subtle);margin:2.5px -20px;padding:0 20px}.search-area__label{width:var(--search-area-label-width,auto);font-size:14px;font-weight:var(--font-weight-medium);color:#5E627B;white-space:nowrap;text-align:right}.search-area__label--control{width:auto;text-align:left}.search-area__field{min-width:auto}.search-area__field:not([class*="--span"]){max-width:var(--search-area-field-max-width,none)}.search-area__field--span-2{grid-column:span 3}.search-area__field--span-3{grid-column:span 5}.search-area__field--span-4{grid-column:span 7}.search-area__field--span-5{grid-column:span 9}.search-area__field--span-6{grid-column:span 11}.search-area__field--span-7{grid-column:span 13}.search-area__collapse-bar{display:flex;align-items:center;justify-content:center;height:20px;background-color:var(--color-text-placeholder);color:var(--color-text-inset);cursor:pointer;font-size:10px;margin:10px -20px -10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .15s}.search-area__collapse-bar:hover{background-color:var(--color-text-helper)}.search-area--responsive:not(.search-area--bare){padding:var(--pad-y-4xs) var(--pad-x-lg)}.search-area--responsive:not(.search-area--bare) .search-area__collapse-bar{margin-bottom:calc(-1 * var(--pad-y-4xs))}.search-area--responsive .search-area__grid{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-sm) 20px;min-width:0}.search-area--responsive .search-area__item{display:flex;align-items:center;column-gap:var(--gap-xl);flex:0 1 auto;min-width:0;max-width:100%}.search-area--responsive .search-area__item>.search-area__field{flex:0 1 auto;min-width:var(--search-area-field-min-width,120px);max-width:var(--search-area-field-max-width,200px)}.search-area--responsive .search-area__item>.search-area__field:has(.btn),.search-area--responsive .search-area__item>.search-area__field:has(.checkbox-wrapper),.search-area--responsive .search-area__item>.search-area__field:has(.date-picker~.date-picker),.search-area--responsive .search-area__item>.search-area__field:has(.dropdown~.dropdown),.search-area--responsive .search-area__item>.search-area__field:has(.input-field~.input-field),.search-area--responsive .search-area__item>.search-area__field:has(.radio-wrapper),.search-area--responsive .search-area__item>.search-area__field[class*="--span"]{min-width:auto;max-width:none;width:max-content;max-width:100%}.search-area--responsive .search-area__item>.search-area__field.search-area__field--fill{flex:1 1 auto;width:auto;min-width:0;max-width:none}.search-area--strict-span .search-area__item{flex:0 0 calc((100% + 20px) * 1 / var(--search-cols, 6) - 20px);min-width:max-content;max-width:100%}.search-area--strict-span .search-area__item--span-2{flex-basis:calc((100% + 20px) * 2 / var(--search-cols, 6) - 20px)}.search-area--strict-span .search-area__item--span-3{flex-basis:calc((100% + 20px) * 3 / var(--search-cols, 6) - 20px)}.search-area--strict-span .search-area__item--span-4{flex-basis:calc((100% + 20px) * 4 / var(--search-cols, 6) - 20px)}.search-area--strict-span .search-area__item--span-5{flex-basis:calc((100% + 20px) * 5 / var(--search-cols, 6) - 20px)}.search-area--strict-span .search-area__item--span-6{flex-basis:calc((100% + 20px) * 6 / var(--search-cols, 6) - 20px)}.search-area--strict-span .search-area__item--span-7{flex-basis:calc((100% + 20px) * 7 / var(--search-cols, 6) - 20px)}.search-area--responsive.search-area--uniform .search-area__item>.search-area__field{flex:0 0 auto;width:var(--search-area-field-width);min-width:var(--search-area-field-width);max-width:var(--search-area-field-width)}.search-area--responsive.search-area--uniform .search-area__item>.search-area__field--span-2{width:calc(var(--search-area-field-width) * 2 + 20px);min-width:calc(var(--search-area-field-width) * 2 + 20px);max-width:calc(var(--search-area-field-width) * 2 + 20px)}.search-area--responsive.search-area--uniform .search-area__item>.search-area__field--span-3{width:calc(var(--search-area-field-width) * 3 + 40px);min-width:calc(var(--search-area-field-width) * 3 + 40px);max-width:calc(var(--search-area-field-width) * 3 + 40px)}.search-area--responsive .search-area__field:not(:has(.btn)):not(:has(.dropdown~.dropdown~.dropdown)) .dropdown,.search-area--responsive .search-area__field:not(:has(.btn)):not(:has(.dropdown~.dropdown~.dropdown)) .input-wrapper{width:var(--search-area-control-width,160px);min-width:var(--search-area-control-width,160px);max-width:var(--search-area-control-width,160px);flex:0 0 auto}.search-area--responsive .search-area__item>.search-area__field:has(.dropdown~.dropdown) .dropdown{min-width:96px}.search-area--responsive .search-area__field .date-picker{width:var(--search-area-date-max-width,155px);min-width:var(--search-area-date-max-width,155px);max-width:var(--search-area-date-max-width,155px);flex:0 0 auto}.date-time-range-field{position:relative;display:inline-flex;width:100%;min-width:0}.date-time-range-field__trigger{display:inline-flex;align-items:center;gap:var(--gap-md);width:100%;min-width:0;padding:0 var(--pad-x-2xs);background:var(--color-bg-page);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);color:var(--color-text-default);font:inherit;text-align:left;cursor:pointer}.date-time-range-field--md .date-time-range-field__trigger{height:34px;font-size:var(--font-size-t7)}.date-time-range-field--sm .date-time-range-field__trigger{height:28px;font-size:var(--font-size-t8)}.date-time-range-field__trigger:hover{border-color:var(--color-border-default)}.date-time-range-field__trigger:focus-visible,.date-time-range-field__trigger[aria-expanded=true]{outline:none;border-color:var(--color-border-focus)}.date-time-range-field__trigger:disabled{background:var(--color-bg-inset);color:var(--color-text-disabled);cursor:not-allowed}.date-time-range-field__value{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:pre}.date-time-range-field__value--placeholder{color:var(--color-text-placeholder)}.date-time-range-field__icon{display:inline-flex;flex-shrink:0;color:var(--color-text-helper)}.date-time-range-field__popup{position:absolute;top:calc(100% + 4px);left:0;z-index:var(--z-index-dropdown);display:flex;flex-direction:column;gap:var(--gap-xl);padding:var(--pad-y-xs) var(--pad-x-xs);background:var(--color-bg-page);border:1px solid var(--color-border-popup);border-radius:var(--radius-sm);box-shadow:var(--shadow-dropdown)}.date-time-range-field__popup--portal{position:fixed;top:auto;left:auto;z-index:var(--z-index-popover)}.date-time-range-field__body{display:flex;gap:var(--gap-2xl)}.date-time-range-field__popup--single{box-sizing:border-box;max-inline-size:calc(100vw - 2 * var(--gap-md))}.date-time-range-field__popup--single .date-time-range-field__calendar{min-width:0}.date-time-range-field__popup--single .date-time-range-field__time-col{flex-shrink:0}.date-time-range-field__calendar{display:flex;flex-direction:column;gap:var(--gap-sm);width:238px}.date-time-range-field__month{display:flex;align-items:center;justify-content:space-between}.date-time-range-field__month-label{font-size:var(--font-size-t7);font-weight:600;color:var(--color-text-popup)}.date-time-range-field__nav{width:26px;height:26px;padding:0;background:transparent;border:none;border-radius:var(--radius-xs);font-size:var(--font-size-t4);color:var(--color-text-popup);cursor:pointer}.date-time-range-field__nav:hover{background:var(--color-bg-inset)}.date-time-range-field__days,.date-time-range-field__weekdays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:var(--gap-2xs);gap:var(--gap-2xs)}.date-time-range-field__weekday{text-align:center;font-size:var(--font-size-t8);color:var(--color-text-helper)}.date-time-range-field__day{height:30px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-circle);font-size:var(--font-size-t7);color:var(--color-text-default);cursor:pointer}.date-time-range-field__day:hover:not(:disabled){background:var(--color-bg-inset)}.date-time-range-field__day:disabled{color:var(--color-text-disabled);cursor:default}.date-time-range-field__day--sun,.date-time-range-field__weekday--sun{color:var(--color-text-danger)}.date-time-range-field__day--sat,.date-time-range-field__weekday--sat{color:var(--color-primary-p-2)}.date-time-range-field__day--out{color:var(--color-text-placeholder)}.date-time-range-field__day--today{border-color:var(--color-border-focus)}.date-time-range-field__day--selected,.date-time-range-field__day--selected:hover{background:var(--color-primary-p-3);color:var(--color-text-inset)}.date-time-range-field__time-col{display:flex;flex-direction:column;gap:var(--gap-sm);width:84px}.date-time-range-field__time-label{font-size:var(--font-size-t7);font-weight:600;color:var(--color-text-popup);line-height:26px}.date-time-range-field__time-input{height:30px;padding:0 var(--pad-x-3xs);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);font:inherit;font-size:var(--font-size-t7);color:var(--color-text-default);text-align:center}.date-time-range-field__time-input:focus{outline:none;border-color:var(--color-border-focus)}.date-time-range-field__time-list{position:relative;height:184px;margin:0;padding:0;overflow-y:auto;list-style:none;border:1px solid var(--color-border-ghost);border-radius:var(--radius-xs)}.date-time-range-field__time-option{display:block;width:100%;height:30px;padding:0;background:transparent;border:none;font-size:var(--font-size-t7);color:var(--color-text-default);cursor:pointer}.date-time-range-field__time-option:hover:not(:disabled){background:var(--color-bg-selected)}.date-time-range-field__time-option:disabled{color:var(--color-text-disabled);cursor:not-allowed}.date-time-range-field__time-option--selected,.date-time-range-field__time-option--selected:hover:not(:disabled){background:var(--color-primary-p-3);color:var(--color-text-inset)}.date-time-range-field__footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--pad-y-4xs);border-top:1px solid var(--color-border-divider)}.date-time-range-field__duration{font-size:var(--font-size-t7);color:var(--color-text-secondary)}.date-time-range-field__actions{display:flex;gap:var(--gap-sm)}.date-time-range-field__inline{width:100%;display:flex;align-items:flex-start;gap:var(--gap-sm)}.date-time-range-field__inline>.input-wrapper{flex:1 1;min-width:0}.date-time-range-field__separator{display:inline-flex;align-items:center;flex-shrink:0;color:var(--color-text-default)}.date-time-range-field__separator--md{height:var(--size-md)}.date-time-range-field__separator--sm{height:var(--size-sm)}.form-page{display:flex;flex-direction:column;gap:var(--gap-3xl);height:100%}.form-page--framed,.form-page__header,.form-page__pinned{flex-shrink:0}.form-page--pinned-attached>.form-page__pinned{overflow-y:hidden;scrollbar-gutter:stable}.form-page--pinned-attached>.form-page__pinned+.form-page__body{margin-top:calc(var(--gap-3xl) * -1);scrollbar-gutter:stable}.form-page__tabs{flex-shrink:0;border-bottom:1px solid var(--color-border-ghost);background-color:var(--color-surface-card)}.form-page__body{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:row;align-items:stretch;gap:var(--gap-2xl)}.form-page__main{flex:1 1;gap:var(--gap-3xl)}.form-page__main,.form-page__sidebar{min-width:0;display:flex;flex-direction:column}.form-page__sidebar{flex-shrink:0;width:320px;gap:var(--gap-2xl)}.form-page__footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-md);padding:var(--pad-y-xs) var(--pad-x-lg);border-top:1px solid var(--color-border-ghost);background-color:var(--color-surface-card)}.form-page__footer--sticky{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;box-shadow:0 -3px 6px 0 rgba(0,0,0,.06)}.list-page{display:flex;flex-direction:column;gap:var(--gap-3xl);height:100%}.list-page--framed,.list-page__header,.list-page__search{flex-shrink:0}.list-page__search--gap-lg{margin-top:var(--space-1)}.list-page__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-md);padding:var(--pad-y-3xs) var(--pad-x-lg);flex-shrink:0}.list-page__content-wrap{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.list-page__content{flex-shrink:0;display:flex;flex-direction:column;gap:var(--gap-3xl)}.list-page__pagination{flex-shrink:0;margin-top:16px}.matrix-table-container{width:100%;background-color:var(--color-surface-card)}.matrix-table-container--scrollable{overflow-x:auto}.matrix-table{width:100%;border-collapse:collapse;font-size:var(--font-size-t7);font-family:var(--font-family-base);color:var(--color-text-default)}.matrix-table--fixed{table-layout:fixed}.matrix-table__head,.matrix-table__th{background-color:var(--color-bg-table-header)}.matrix-table__th{height:36px;padding:0 8px;text-align:center;font-weight:var(--font-weight-medium);color:var(--color-text-table-header);font-size:var(--font-size-t7);line-height:var(--line-height-t7);white-space:nowrap;border:1px solid var(--color-border-ghost)}.matrix-table__th--left{text-align:left}.matrix-table__th--center{text-align:center}.matrix-table__th--right{text-align:right}.matrix-table__row{background-color:var(--color-surface-card)}.matrix-table__row:nth-child(2n){background-color:var(--color-bg-table-row-even)}.matrix-table--no-stripe .matrix-table__row:nth-child(2n){background-color:transparent}.matrix-table__row--clickable{cursor:pointer}.matrix-table__row--clickable:hover .matrix-table__axis,.matrix-table__row--clickable:hover .matrix-table__td{background-color:var(--color-bg-selected)}.matrix-table__td{height:36px;padding:0 8px;color:var(--color-text-default);font-size:var(--font-size-t7);line-height:var(--line-height-t7);font-weight:var(--font-weight-regular);vertical-align:middle;border:1px solid var(--color-border-ghost);white-space:nowrap;text-align:center}.matrix-table__td--left{text-align:left}.matrix-table--valign-top .matrix-table__td{vertical-align:top;padding-top:var(--pad-y-4xs);padding-bottom:var(--pad-y-4xs)}.matrix-table .matrix-table__td.matrix-table__td--valign-middle{vertical-align:middle}.matrix-table__td--center{text-align:center}.matrix-table__td--right{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.matrix-table__axis{height:36px;padding:0 8px;text-align:center;vertical-align:middle;font-weight:var(--font-weight-regular);color:var(--color-text-table-header);font-size:var(--font-size-t7);line-height:var(--line-height-t7);white-space:nowrap;border:1px solid var(--color-border-ghost);background-color:var(--color-bg-table-header)}.matrix-table__axis.matrix-table__th--left{text-align:left}.matrix-table__axis.matrix-table__th--right{text-align:right}.matrix-table__td--accent,.matrix-table__td--current,.matrix-table__td--highlight,.matrix-table__td--profit,.matrix-table__td--total,.matrix-table__th--accent,.matrix-table__th--current,.matrix-table__th--highlight,.matrix-table__th--profit,.matrix-table__th--total{background-color:var(--color-bg-selected)}.matrix-table__td--accent,.matrix-table__td--current,.matrix-table__td--profit,.matrix-table__td--total,.matrix-table__th--accent,.matrix-table__th--current,.matrix-table__th--profit,.matrix-table__th--total{font-weight:var(--font-weight-medium)}.matrix-table__th--muted,.matrix-table__th--sub,.matrix-table__th--subtotal{background-color:var(--color-bg-table-header)}.matrix-table__td--muted,.matrix-table__td--sub,.matrix-table__td--subtotal{background-color:var(--color-bg-inset)}.matrix-table__th--section{background-color:var(--color-bg-table-header);color:var(--color-text-table-header)}.matrix-table__td--section{background-color:var(--color-bg-section)}.matrix-table__td--group,.matrix-table__th--group{background-color:var(--color-bg-inset);font-weight:var(--font-weight-medium)}.matrix-table__td--sectionStrong,.matrix-table__th--sectionStrong{background-color:var(--color-bg-section);font-weight:var(--font-weight-medium)}.matrix-table__td--section,.matrix-table__td--sectionStrong,.matrix-table__th--section,.matrix-table__th--sectionStrong{border-color:var(--color-border-subtle)}.matrix-table__empty,.matrix-table__td.matrix-table__td--dim{color:var(--color-text-placeholder)}.matrix-table__empty{padding:var(--space-1) 16px;text-align:center;font-size:var(--font-size-t7);height:100px;vertical-align:middle;border:1px solid var(--color-border-ghost)}.matrix-table__axis:first-child,.matrix-table__td:first-child,.matrix-table__th:first-child{border-left:none}.matrix-table__axis:last-child,.matrix-table__td:last-child,.matrix-table__th:last-child{border-right:none}.comparison-matrix-container{width:100%;overflow-x:auto;background-color:var(--color-surface-card)}.comparison-matrix{width:100%;border-collapse:collapse;font-size:var(--font-size-t7);line-height:var(--line-height-t7);font-family:var(--font-family-base);color:var(--color-text-default)}.comparison-matrix__head,.comparison-matrix__th{background-color:var(--color-bg-table-header)}.comparison-matrix__th{height:36px;padding:0 8px;text-align:center;font-weight:var(--font-weight-medium);color:var(--color-text-table-header);font-size:var(--font-size-t7);line-height:var(--line-height-t7);white-space:nowrap;border:1px solid var(--color-border-ghost)}.comparison-matrix__th--label{text-align:left;background-color:var(--color-bg-table-header)}.comparison-matrix__th-row{text-align:left;font-weight:var(--font-weight-medium);color:var(--color-text-table-header);background-color:var(--color-bg-table-header);white-space:nowrap}.comparison-matrix__td,.comparison-matrix__th-row{height:36px;padding:0 8px;font-size:var(--font-size-t7);line-height:var(--line-height-t7);vertical-align:middle;border:1px solid var(--color-border-ghost)}.comparison-matrix__td{text-align:center;color:var(--color-text-default);font-weight:var(--font-weight-regular);white-space:normal;word-break:keep-all}.comparison-matrix__td--placeholder{text-align:center;vertical-align:middle;color:var(--color-text-placeholder);background-color:var(--color-bg-inset);white-space:normal}.comparison-matrix__row--highlight .comparison-matrix__td,.comparison-matrix__row--highlight .comparison-matrix__th-row,.comparison-matrix__row--warning .comparison-matrix__td,.comparison-matrix__row--warning .comparison-matrix__th-row{background-color:var(--color-bg-selected);font-weight:var(--font-weight-medium)}.comparison-matrix__row--muted .comparison-matrix__td,.comparison-matrix__row--muted .comparison-matrix__th-row,.comparison-matrix__row--sub .comparison-matrix__td,.comparison-matrix__row--sub .comparison-matrix__th-row{background-color:var(--color-bg-inset)}.comparison-matrix__td:first-child,.comparison-matrix__th-row:first-child,.comparison-matrix__th:first-child{border-left:none}.comparison-matrix__td:last-child,.comparison-matrix__th:last-child{border-right:none}.comparison-matrix__empty{padding:var(--space-1) 16px;text-align:center;color:var(--color-text-placeholder);font-size:var(--font-size-t7);height:100px;vertical-align:middle;border:1px solid var(--color-border-ghost)}.datatreegrid-container{width:100%;overflow-x:auto;background-color:var(--color-surface-card);container-type:inline-size}.datatreegrid-container--sticky-footer{overflow-x:visible}.datatreegrid-container--sticky-footer .datatreegrid-scroll{width:100%;overflow-x:auto}.datatreegrid-container--sticky-footer .datatreegrid-scroll>.datatreegrid{table-layout:fixed;width:max-content;min-width:100%}.datatreegrid-container--sticky-footer .datatreegrid-foot-scroll{width:100%;overflow-x:hidden}.datatreegrid-container--fixed-body{overflow:hidden}.datatreegrid-container--fixed-body .datatreegrid-scroll{overflow:auto}.datatreegrid-container--fixed-body .datatreegrid__head{position:-webkit-sticky;position:sticky;top:0;z-index:7}.datatreegrid-container--fixed-body .datatreegrid__th{box-shadow:inset 0 -1px 0 var(--color-border-subtle)}.datatreegrid--foot-only{table-layout:fixed;width:max-content;min-width:100%}.datatreegrid,.datatreegrid--foot-only{border-collapse:collapse;font-size:var(--font-size-t7);font-family:var(--font-family-base)}.datatreegrid{width:100%}.datatreegrid--fixed{table-layout:fixed}.datatreegrid--fixed .datatreegrid__td{overflow:hidden;text-overflow:ellipsis}.datatreegrid__head,.datatreegrid__th{background-color:var(--color-bg-table-header)}.datatreegrid__th{height:36px;padding:0 8px;text-align:center;font-weight:var(--font-weight-medium,500);color:var(--color-text-table-header);font-size:var(--font-size-t7);line-height:var(--line-height-t7);white-space:nowrap;border:1px solid var(--color-border-subtle)}.datatreegrid__th--checkbox{width:40px}.datatreegrid__th--rownum{width:50px}.datatreegrid__th--left{text-align:left}.datatreegrid__th--right{text-align:right}.datatreegrid__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin:0;cursor:pointer;border:1px solid var(--color-border-default);border-radius:2px;background:var(--color-surface-card);position:relative}.datatreegrid__checkbox:checked{background-color:var(--color-accent);border-color:var(--color-accent)}.datatreegrid__checkbox:checked:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid var(--color-text-inset);border-width:0 2px 2px 0;transform:rotate(45deg)}.datatreegrid__row{background-color:var(--color-surface-card);transition:background-color .15s}.datatreegrid__row:hover{background-color:var(--color-bg-inset)}.datatreegrid__row--parent{font-weight:var(--font-weight-medium,500)}.datatreegrid__row--child{font-weight:var(--font-weight-regular,400)}.datatreegrid__row--selected,.datatreegrid__row--selected:hover{background-color:var(--color-bg-selected)}.datatreegrid__row--drop-over>.datatreegrid__td{background-color:var(--color-bg-selected);box-shadow:inset 0 2px 0 0 var(--color-border-focus),inset 0 -2px 0 0 var(--color-border-focus)}.datatreegrid__row--drop-over>.datatreegrid__td:first-child{box-shadow:inset 0 2px 0 0 var(--color-border-focus),inset 0 -2px 0 0 var(--color-border-focus),inset 2px 0 0 0 var(--color-border-focus)}.datatreegrid__row--drop-over>.datatreegrid__td:last-child{box-shadow:inset 0 2px 0 0 var(--color-border-focus),inset 0 -2px 0 0 var(--color-border-focus),inset -2px 0 0 0 var(--color-border-focus)}.datatreegrid__row--movable{cursor:-webkit-grab;cursor:grab}.datatreegrid__row--movable:active{cursor:-webkit-grabbing;cursor:grabbing}.datatreegrid__row--moving>.datatreegrid__td{opacity:.45}.datatreegrid__row--drop-before>.datatreegrid__td{box-shadow:inset 0 2px 0 0 var(--color-border-focus)}.datatreegrid__row--drop-after>.datatreegrid__td{box-shadow:inset 0 -2px 0 0 var(--color-border-focus)}.datatreegrid__td{height:36px;padding:0 8px;color:var(--color-text-default);font-size:var(--font-size-t7);line-height:var(--line-height-t7);font-weight:inherit;vertical-align:middle;border:1px solid var(--color-border-ghost);white-space:nowrap;text-align:center}.datatreegrid__td--checkbox,.datatreegrid__td--rownum{text-align:center;color:var(--color-text-helper)}.datatreegrid__td--center{text-align:center}.datatreegrid__td--left{text-align:left}.datatreegrid__td--right{text-align:right}.datatreegrid__tree-cell{display:flex;align-items:center;gap:4px}.datatreegrid__toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;padding:0;border:none;background:transparent;color:var(--color-text-helper);cursor:pointer;border-radius:2px}.datatreegrid__toggle:hover{background-color:var(--color-bg-section);color:var(--color-text-default)}.datatreegrid__toggle-icon{transition:transform .15s ease}.datatreegrid__toggle-icon--expanded{transform:rotate(90deg)}.datatreegrid__toggle-spacer{display:inline-block;width:20px;flex-shrink:0}.datatreegrid__tree-content{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.datatreegrid__empty{color:var(--color-text-placeholder);font-size:var(--font-size-t7)}.datatreegrid__empty,.datatreegrid__loading{padding:var(--space-1) 16px;text-align:center;height:100px;vertical-align:middle}.datatreegrid__state-inner{position:-webkit-sticky;position:sticky;left:0;width:100cqw;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.datatreegrid__state-text{color:var(--color-text-placeholder);font-size:var(--font-size-t7)}.datatreegrid__td--status-danger,.datatreegrid__td--status-overdue{background-color:var(--color-badge-bg-danger);color:var(--color-badge-text-danger)}.datatreegrid__td--status-normal,.datatreegrid__td--status-success{background-color:var(--color-badge-bg-success);color:var(--color-badge-text-success)}.datatreegrid__td--status-pending,.datatreegrid__td--status-warning{background-color:var(--color-badge-bg-warning);color:var(--color-badge-text-warning)}.datatreegrid__td--status-info,.datatreegrid__td--status-stable{background-color:var(--color-badge-bg-stable);color:var(--color-badge-text-stable)}.datatreegrid__td--status-default,.datatreegrid__td--status-done{background-color:var(--color-badge-bg-default);color:var(--color-badge-text-default)}.datatreegrid__td--status-purple{background-color:var(--color-badge-bg-services-purple);color:var(--color-badge-text-services-purple)}.datatreegrid__td--status-pink{background-color:var(--color-badge-bg-services-pink);color:var(--color-badge-text-services-pink)}.datatreegrid__td--status-teal{background-color:var(--color-badge-bg-services-teal);color:var(--color-badge-text-services-teal)}.datatreegrid__foot{background-color:var(--color-border-subtle)}.datatreegrid__total-row{border-top:1px solid var(--color-border-subtle)}.datatreegrid__total-cell{height:36px;padding:0 8px;color:var(--color-text-default);font-size:var(--font-size-t7);line-height:var(--line-height-t7);font-weight:var(--font-weight-medium);text-align:center;border:none}.datatreegrid__total-cell--center{text-align:center}.datatreegrid__total-cell--left{text-align:left}.datatreegrid__total-cell--right{text-align:right}.datatreegrid-header-group th{padding:0 8px;text-align:center;font-weight:var(--font-weight-medium);color:var(--color-text-default)}.datatreegrid-filter-row th,.datatreegrid-header-group th{height:36px;background-color:var(--color-surface-card);border:1px solid var(--color-border-subtle)}.datatreegrid-filter-row th{padding:0 5px}.datatreegrid__th--filter{font-weight:var(--font-weight-regular,400)}.datatreegrid__head>tr:first-child>th{border-top-color:var(--color-border-default)}.datatreegrid__head>tr:last-child>th{border-bottom-color:var(--color-border-default)}.datatreegrid-filter-search{position:relative;width:100%}.datatreegrid-filter-input{width:100%;height:26px;padding:0 22px 0 6px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs,4px);font-size:var(--font-size-t7,13px);font-family:inherit;background:var(--color-surface-card);box-sizing:border-box;color:var(--color-text-default)}.datatreegrid-filter-input::placeholder{color:var(--color-text-disabled)}.datatreegrid-filter-input:focus{border-color:var(--color-border-focus);outline:none}.datatreegrid-filter-icon{position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--color-text-disabled);pointer-events:none}.datatreegrid-filter-icon--clickable{pointer-events:auto;cursor:pointer}.datatreegrid-filter-input--date::-webkit-calendar-picker-indicator{display:none}.datatreegrid-filter-input--date{color-scheme:normal}.datatreegrid-filter-datepicker{min-width:0}.datatreegrid-edit-dropdown .dropdown__trigger,.datatreegrid-filter-datepicker .date-picker__trigger{height:26px}.datatreegrid-filter-datepicker .date-picker__input:not(:placeholder-shown){color:var(--color-accent)}.datatreegrid-filter-datepicker .date-picker__trigger:focus-within,.datatreegrid-filter-datepicker:focus-within .date-picker__trigger{border-color:var(--color-accent)}.datatreegrid-filter-select{width:100%;height:26px;padding:0 4px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs,4px);font-size:var(--font-size-t7,13px);font-family:inherit;background:var(--color-surface-card);box-sizing:border-box;color:var(--color-text-default);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.datatreegrid-filter-select:focus{border-color:var(--color-border-focus);outline:none}.datatreegrid-edit-input{width:100%;height:26px;padding:0 var(--pad-x-3xs);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);font-size:var(--text-md);font-family:inherit;background:var(--color-surface-card);box-sizing:border-box}.datatreegrid-edit-input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 2px rgba(56,154,245,.15)}.datatreegrid-link{color:var(--color-text-default);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;cursor:pointer}.datatreegrid-badge{display:inline-flex;padding:2px 8px;border-radius:var(--radius-xs);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.datatreegrid-badge--normal{background-color:var(--color-badge-bg-success);color:var(--color-badge-text-success)}.datatreegrid-badge--overdue{background-color:var(--color-badge-bg-danger);color:var(--color-text-danger)}.datatreegrid-badge--pending{background-color:var(--color-badge-bg-warning);color:var(--color-badge-text-warning)}.datatreegrid__th--sortable{position:relative}.datatreegrid__th-sortable{position:relative;display:block;width:100%}.datatreegrid__th-sortable-content{display:inline-block;vertical-align:middle;padding:0 24px}.datatreegrid__th--left .datatreegrid__th-sortable-content,.datatreegrid__th--right .datatreegrid__th-sortable-content{padding-left:0}.datatreegrid__sort-trigger{position:absolute;top:50%;right:4px;transform:translateY(-50%);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--color-text-disabled);cursor:pointer;border-radius:2px}.datatreegrid__sort-trigger:hover{background-color:var(--color-bg-section);color:var(--color-text-default)}.datatreegrid__sort-trigger--active{color:var(--color-accent)}.datatreegrid--sticky-left{position:-webkit-sticky;position:sticky;z-index:2;background-color:inherit}.datatreegrid-filter-row .datatreegrid--sticky-left,.datatreegrid-header-group .datatreegrid--sticky-left,.datatreegrid__head .datatreegrid--sticky-left{z-index:6}.datatreegrid__head .datatreegrid--sticky-left{background-color:var(--color-bg-table-header)}.datatreegrid__body .datatreegrid--sticky-left{background-color:var(--color-surface-card)}.datatreegrid__row--selected .datatreegrid--sticky-left{background-color:var(--color-bg-selected)}.datatreegrid__row:hover .datatreegrid--sticky-left{background-color:var(--color-bg-inset)}.datatreegrid--sticky-left-last:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:var(--color-border-subtle);pointer-events:none}.datatreegrid-container--has-sticky-col .datatreegrid{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%}.datatreegrid-container--has-sticky-col .datatreegrid__td,.datatreegrid-container--has-sticky-col .datatreegrid__th{border-top-width:0;border-left-width:0;border-right:1px solid var(--color-border-ghost);border-bottom:1px solid var(--color-border-ghost)}.datatreegrid-container--has-sticky-col .datatreegrid__head>tr:first-child>*{border-top:1px solid var(--color-border-ghost)}.datatreegrid-container--has-sticky-col tr>:first-child{border-left:1px solid var(--color-border-ghost)}.datatreegrid-container--has-sticky-col .datatreegrid-filter-row .datatreegrid--sticky-left,.datatreegrid-container--has-sticky-col .datatreegrid-header-group .datatreegrid--sticky-left,.datatreegrid-container--has-sticky-col .datatreegrid__body .datatreegrid--sticky-left,.datatreegrid-container--has-sticky-col .datatreegrid__head .datatreegrid--sticky-left{background-color:var(--color-surface-card)!important}.datatreegrid-container--has-sticky-col .datatreegrid__row--selected .datatreegrid--sticky-left{background-color:var(--color-bg-selected)!important}.datatreegrid-container--has-sticky-col .datatreegrid__row:hover .datatreegrid--sticky-left{background-color:var(--color-bg-inset)!important}.datatreegrid-actions{display:inline-flex;align-items:center;gap:var(--space-7)}.datatreegrid-shell{display:flex;flex-direction:column;width:100%}.datatreegrid__pagination{margin-top:var(--gap-2xl)}.datatreegrid-context-menu{position:fixed;z-index:var(--z-index-popover);display:flex;flex-direction:column;min-width:var(--layout-hjw-lnb);padding:var(--pad-y-4xs) var(--pad-x-4xs);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);background-color:var(--color-surface-card);box-shadow:var(--shadow-dropdown);font-family:var(--font-family-base)}.datatreegrid-context-menu__item{min-height:var(--size-md);padding:var(--pad-y-4xs) var(--pad-x-2xs);border:0;border-radius:var(--radius-xs);background-color:transparent;color:var(--color-text-default);font-family:inherit;font-size:var(--font-size-t7);line-height:var(--line-height-t7);text-align:left;cursor:pointer}.datatreegrid-context-menu__item:focus-visible:not(:disabled),.datatreegrid-context-menu__item:hover:not(:disabled){outline:none;background-color:var(--color-bg-selected)}.datatreegrid-context-menu__item--danger{color:var(--color-text-danger)}.datatreegrid-context-menu__item--separated{margin-top:var(--gap-xs);border-top:1px solid var(--color-border-divider);border-top-left-radius:0;border-top-right-radius:0}.datatreegrid-context-menu__item:disabled{color:var(--color-text-disabled);cursor:not-allowed}.datatreegrid__row.datatreegrid__row--deleted>.datatreegrid--sticky-left,.datatreegrid__row.datatreegrid__row--deleted>.datatreegrid__td{background-color:var(--color-bg-order-deleted)!important}.datatreegrid .datatreegrid__row:not(.datatreegrid__row--deleted)>.datatreegrid__td--status-consignment{background-color:var(--color-bg-order-consignment)!important}.datatreegrid .datatreegrid__row:not(.datatreegrid__row--deleted)>.datatreegrid__td--status-fla{background-color:var(--color-bg-order-attention)!important;color:var(--color-text-inset)}.datatreegrid .datatreegrid__row>.datatreegrid__td--accent-text{color:var(--color-text-accent);font-weight:var(--font-weight-medium)}.time-picker{position:absolute;top:calc(100% + 4px);left:0;z-index:100;width:292px;padding:19px 20px 24px;background:var(--color-surface-card);border:1px solid var(--color-border-ghost);border-radius:4px;box-shadow:0 2px 8px rgba(51,52,56,.08);box-sizing:border-box;font-family:inherit}.time-picker--portal{position:fixed;top:auto;left:auto;z-index:1000}.time-picker__close{position:absolute;top:19px;right:19px;width:20px;height:20px;padding:0;background:none;border:none;color:var(--color-text-disabled);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.time-picker__close:hover{color:var(--color-text-default)}.time-picker__display{display:flex;align-items:center;justify-content:center;gap:14px;margin:24px 0 30px}.time-picker__cell{box-sizing:border-box;width:50px;height:56px;padding:0;background:none;border:none;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-disabled);font-size:40px;font-weight:500;line-height:1;font-family:inherit;text-align:center;outline:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:text}.time-picker__cell--active{color:var(--color-text-default);border-bottom-color:var(--color-border-focus)}.time-picker__cell:focus-visible{color:var(--color-text-default);border-bottom-color:var(--color-border-focus)}.time-picker__cell--invalid,.time-picker__cell--invalid:focus-visible{color:var(--color-text-danger);border-bottom-color:var(--color-border-danger)}.time-picker__validation{margin:-24px 0 18px;color:var(--color-text-danger);font-size:12px;line-height:18px;text-align:center}.time-picker__separator{font-size:40px;font-weight:500;line-height:1;color:var(--color-text-default);-webkit-user-select:none;-moz-user-select:none;user-select:none}.time-picker__sliders{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}.time-picker__slider-row{display:flex;align-items:center;gap:12px}.time-picker__slider-label{width:32px;font-size:13px;line-height:20px;color:var(--color-text-default);flex-shrink:0}.time-picker__slider{flex:1 1;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border-ghost);border-radius:2.5px;outline:none;cursor:pointer}.time-picker__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;background:var(--color-accent);border:none;border-radius:50%;cursor:pointer}.time-picker__slider::-moz-range-thumb{width:13px;height:13px;background:var(--color-accent);border:none;border-radius:50%;cursor:pointer}.time-picker__actions{display:flex;justify-content:center}.time-picker__confirm{height:34px;padding:0 32px;color:var(--color-text-inset);border:none;border-radius:4px;font-size:14px;line-height:22px;font-weight:500;font-family:inherit;cursor:pointer}.time-picker__confirm,.time-picker__confirm:hover{background:var(--color-text-default)}.time-field{position:relative;width:100%}.time-field .input-field{padding-right:30px}.time-field__clock{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:0;line-height:0;color:var(--color-text-helper);cursor:pointer}.time-field__clock:disabled{color:var(--color-text-placeholder);cursor:default}.time-field__native-picker{position:absolute;right:0;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.time-field__portal{position:fixed;z-index:var(--z-index-popover)}.time-field__portal .time-picker{position:static}