.common-staff-header-nav{&[data-v-33418639]{align-items:center;align-self:stretch;display:flex;flex-wrap:wrap;gap:var(--yuunyt-gap-dialog);justify-content:space-between;width:100%}& .nav-links{&[data-v-33418639]{align-items:center;display:flex;gap:var(--yuunyt-gap-dialog)}&>a{&[data-v-33418639]{color:var(--yuunyt-color-text-muted);font:var(--yuunyt-text-heading);text-align:center;text-decoration:none}&[data-v-33418639]:not(.router-link-active):not(.avatar-link){opacity:.25}}}& .avatar-link{&[data-v-33418639]:focus-visible{border-radius:var(--yuunyt-radius-full);outline:var(--yuunyt-focus-ring-width) solid var(--yuunyt-focus-ring);outline-offset:var(--yuunyt-focus-ring-offset)}&[data-v-33418639] .yuunyt-avatar{transition:filter var(--yuunyt-duration-moderate) var(--yuunyt-ease-color),background-color var(--yuunyt-duration-moderate) var(--yuunyt-ease-color)}&.router-link-active[data-v-33418639] .yuunyt-avatar,&[data-v-33418639]:hover .yuunyt-avatar{background:var(--yuunyt-color-brand);color:var(--yuunyt-color-text-on-dark);filter:brightness(.9)}}}.common-staff-header[data-v-8bc14808]{align-items:flex-start;align-self:stretch;background:var(--yuunyt-color-background-muted);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog);padding:var(--yuunyt-padding-bar) var(--yuunyt-padding-row);padding-bottom:var(--yuunyt-padding-field)}.common-staff-header__top[data-v-8bc14808]{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.staff-detail-header{&[data-v-4b9086d7]{align-items:center;align-self:stretch;background:var(--yuunyt-color-background-default);display:flex;justify-content:space-between;padding:var(--yuunyt-padding-row)}& .hide[data-v-4b9086d7]{visibility:hidden}& .left[data-v-4b9086d7]{flex:1 0 0}& .left[data-v-4b9086d7],& .title[data-v-4b9086d7]{align-items:center;display:flex;gap:var(--yuunyt-gap-actions)}& .title[data-v-4b9086d7]{color:var(--yuunyt-color-text-default);font:var(--yuunyt-text-title);justify-content:center;text-align:center}& .right[data-v-4b9086d7]{align-items:flex-start;display:flex;flex:1 0 0;gap:var(--yuunyt-gap-actions);height:var(--yuunyt-size-tile);justify-content:flex-end}}.staff-modal{& .modal[data-v-0d742c8e]{align-items:center;background:color-mix(in srgb,var(--yuunyt-color-shadow) var(--yuunyt-dialog-backdrop-opacity),transparent);display:flex;height:100%;inset:var(--yuunyt-gap-none);justify-content:center;position:fixed;width:100%;z-index:var(--yuunyt-layer-drawer)}& .modal-content{&[data-v-0d742c8e]{align-items:center;background:var(--yuunyt-dialog-background);border-radius:var(--yuunyt-radius-dialog) var(--yuunyt-radius-dialog) var(--yuunyt-radius-none) var(--yuunyt-radius-none);display:flex;flex-direction:column;height:100%;max-width:var(--yuunyt-width-dialog);overflow:hidden;position:relative;top:var(--yuunyt-gap-dialog);width:100%}&[data-v-0d742c8e]> .content{align-items:center;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:var(--yuunyt-gap-page-sm);overflow-y:auto;padding:var(--yuunyt-padding-bar) var(--yuunyt-padding-row);&[data-v-0d742c8e] .common-base-form{max-width:100%;& section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog)}}& .yuunyt-button.primary{align-self:stretch}}}& .fade-enter-active[data-v-0d742c8e],& .fade-leave-active[data-v-0d742c8e]{transition:all var(--yuunyt-duration-moderate) var(--yuunyt-ease-move)}& .fade-enter-from[data-v-0d742c8e],& .fade-leave-to[data-v-0d742c8e]{opacity:0}& .fade-enter-to[data-v-0d742c8e],& .fade-leave-from[data-v-0d742c8e]{opacity:1}& .slide-up-enter-active[data-v-0d742c8e],& .slide-up-leave-active[data-v-0d742c8e]{transition:all var(--yuunyt-duration-fast) var(--yuunyt-ease-move)}& .slide-up-enter-from[data-v-0d742c8e],& .slide-up-leave-to[data-v-0d742c8e]{transform:translateY(100%)}& .slide-up-enter-to[data-v-0d742c8e],& .slide-up-leave-from[data-v-0d742c8e]{transform:translateY(0)}}.content{&[data-v-d3492db4]{align-items:center;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:var(--yuunyt-gap-page-sm);overflow-y:auto;padding:var(--yuunyt-padding-bar) var(--yuunyt-padding-row)}& section[data-v-d3492db4]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog)}}.not-yet-possible[data-v-d3492db4]{align-items:center;color:var(--yuunyt-color-text-muted);display:flex;flex:1 0 0;justify-content:center;padding:var(--yuunyt-padding-bar) var(--yuunyt-padding-row);text-align:center}.staff-unconfirmed{&[data-v-709a6f0e] .content>.yuunyt-button{flex-shrink:0}& .cal{&[data-v-709a6f0e]{align-self:stretch;display:flex;flex:0 1 auto;flex-direction:column;gap:var(--yuunyt-gap-page-sm);min-height:0;overflow-y:auto}& .group{&[data-v-709a6f0e]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog);width:100%}& .month-and-year{&[data-v-709a6f0e]{align-items:flex-start;align-self:stretch;display:flex;justify-content:space-between}& .text[data-v-709a6f0e]{color:var(--yuunyt-color-text-default);font:var(--yuunyt-text-title);text-align:center}}& .list[data-v-709a6f0e]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog)}}}}.staff-unsigned-form{&[data-v-2b03947c]{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-page-sm)}& .headline{&[data-v-2b03947c]{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-actions)}& .company[data-v-2b03947c]{font:var(--yuunyt-text-object-title)}& .company[data-v-2b03947c],& .location[data-v-2b03947c]{color:var(--yuunyt-color-text-default)}& .location[data-v-2b03947c]{font:var(--yuunyt-text-body);overflow:hidden;text-overflow:ellipsis}}& .cal{&[data-v-2b03947c]{align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-page-sm)}& .group{&[data-v-2b03947c]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog);width:100%}& .month-and-year{&[data-v-2b03947c]{align-items:flex-start;align-self:stretch;display:flex;justify-content:space-between}& .text[data-v-2b03947c]{color:var(--yuunyt-color-text-default);font:var(--yuunyt-text-title);text-align:center}}& .list[data-v-2b03947c]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog);position:relative}}}& .separator[data-v-2b03947c]{display:flex;justify-content:center}& .signature-wrapper[data-v-2b03947c]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog)}& .canvas-container{&[data-v-2b03947c]{aspect-ratio:16/9;margin-left:auto;margin-right:auto;position:relative;width:100%}& .placeholder[data-v-2b03947c]{color:var(--yuunyt-color-text-faint);font:var(--yuunyt-text-long);left:var(--yuunyt-gap-dialog);position:absolute;top:var(--yuunyt-gap-dialog)}& canvas[data-v-2b03947c]{background:var(--yuunyt-color-background-default);border:var(--yuunyt-border-width-frame) solid var(--yuunyt-color-border-default);border-radius:var(--yuunyt-radius-surface);box-shadow:var(--yuunyt-elevation-1)}}& .notification[data-v-2b03947c]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog);margin-top:var(--yuunyt-gap-dialog)}& .html-validation[data-v-2b03947c]{height:0;left:50%;opacity:0;position:absolute;right:50%;top:var(--yuunyt-gap-dialog);width:0}}.staff-unsigned-item{&[data-v-8b0864b3]{align-items:flex-start;align-self:stretch;background:var(--yuunyt-card-background);border:var(--yuunyt-border-width-hair) solid var(--yuunyt-color-border-default);border-radius:var(--yuunyt-card-radius);box-shadow:var(--yuunyt-card-shadow);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:var(--yuunyt-padding-bar)}& .header{&[data-v-8b0864b3]{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.date-and-time{&[data-v-8b0864b3]{align-items:center;display:flex;flex:1 0 0;gap:var(--yuunyt-gap-icon)}.date[data-v-8b0864b3]{color:var(--yuunyt-color-text-default);font:var(--yuunyt-text-body)}.yuunyt-icon[data-v-8b0864b3]{height:var(--yuunyt-size-icon-sm);width:var(--yuunyt-size-icon-sm)}}}& .company{&[data-v-8b0864b3]{align-items:flex-start;align-self:stretch;border-block:var(--yuunyt-border-width-separator) solid var(--yuunyt-color-border-divider);display:flex;flex-direction:column;gap:var(--yuunyt-gap-row-lines);justify-content:center;margin-block:var(--yuunyt-gap-fields);padding-block:var(--yuunyt-padding-control)}& .division[data-v-8b0864b3]{font:var(--yuunyt-text-title)}& .division[data-v-8b0864b3],& .unit[data-v-8b0864b3]{align-self:stretch;color:var(--yuunyt-color-text-default)}& .unit[data-v-8b0864b3]{font:var(--yuunyt-text-body);overflow:hidden;text-overflow:ellipsis}}& .footer[data-v-8b0864b3]{color:var(--yuunyt-color-text-warn);font:var(--yuunyt-text-body);font-style:italic}}.staff-unsigned{& .list[data-v-9cdf5672]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog)}}.staff-untracked{& .cal{&[data-v-e76defdb]{align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-page-sm)}& .group{&[data-v-e76defdb]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog);width:100%}& .month-and-year{&[data-v-e76defdb]{align-items:flex-start;align-self:stretch;display:flex;justify-content:space-between}& .text[data-v-e76defdb]{color:var(--yuunyt-color-text-default);font:var(--yuunyt-text-title);text-align:center}}& .list[data-v-e76defdb]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog)}}}}.staff-vacation{&[data-v-0c5fed96] .modal-content>.content{align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-page-md);& .head{gap:var(--yuunyt-gap-dialog)}& .cancel,& .head{align-self:stretch;display:flex;flex-direction:column}& .cancel{padding-top:var(--yuunyt-gap-actions)}& .actions{&{align-items:center;align-self:stretch;display:flex;flex-direction:column}& .yuunyt-button{width:100%}}& .bundles{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog)}}& .staff-vacation__badge[data-v-0c5fed96]{align-items:center;background:var(--yuunyt-color-background-hover);border-radius:var(--yuunyt-radius-full);color:var(--yuunyt-color-text-default);display:inline-flex;font:var(--yuunyt-text-card-head-compact);height:var(--yuunyt-height-chip);justify-content:center;line-height:1;min-width:var(--yuunyt-size-tile);padding:var(--yuunyt-gap-none) var(--yuunyt-padding-field)}}.staff-wish{& .common-base-form[data-v-36f3c0ba]{display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog)}}.staff-working-time-detail{& .modal-content .content[data-v-122a198f]{align-items:stretch;flex-direction:column;padding:var(--yuunyt-gap-none) var(--yuunyt-padding-row)}& .modal-content .content[data-v-122a198f],& .row[data-v-122a198f]{align-self:stretch;display:flex;gap:var(--yuunyt-gap-dialog)}& .row[data-v-122a198f]{align-items:center;flex-direction:row;justify-content:space-between;min-height:var(--yuunyt-height-compact)}& .label{&[data-v-122a198f]{color:var(--yuunyt-color-text-subtle);font:var(--yuunyt-text-primary)}& .label-note[data-v-122a198f]{color:var(--yuunyt-color-text-subtle);font:var(--yuunyt-text-badge-compact)}}& .label--emphasis[data-v-122a198f],& .value[data-v-122a198f]{color:var(--yuunyt-color-text-default);font:var(--yuunyt-text-title)}& .value[data-v-122a198f]{font-variant-numeric:lining-nums tabular-nums;text-align:right}& .value--warning[data-v-122a198f]{color:var(--yuunyt-color-text-warn)}& .section-heading[data-v-122a198f]{color:var(--yuunyt-color-text-default);font:var(--yuunyt-text-title);margin:var(--yuunyt-gap-none)}& .detail-stack[data-v-122a198f]{align-items:flex-start;align-self:stretch;border-top:var(--yuunyt-border-width-separator) solid var(--yuunyt-color-border-divider);display:flex;flex-direction:column;gap:var(--yuunyt-gap-actions);padding-top:var(--yuunyt-padding-bar)}}.common-employee-working-time-graph[data-v-ef1841ea]{align-self:stretch;display:flex;flex-direction:column;font:var(--yuunyt-text-body)}.month-list[data-v-ef1841ea]{gap:var(--yuunyt-gap-dialog);list-style:none;margin:var(--yuunyt-gap-none);padding:var(--yuunyt-gap-none)}.month-item[data-v-ef1841ea],.month-list[data-v-ef1841ea]{display:flex;flex-direction:column}.month-item[data-v-ef1841ea]{background:var(--yuunyt-card-background);border:var(--yuunyt-border-width-frame) solid var(--yuunyt-color-border-default);border-radius:var(--yuunyt-card-radius);cursor:pointer;gap:var(--yuunyt-gap-actions);padding:var(--yuunyt-padding-control)}.month-item--disabled[data-v-ef1841ea]{opacity:.7}.month-header[data-v-ef1841ea]{align-items:center;display:flex;gap:var(--yuunyt-gap-actions)}.month-name[data-v-ef1841ea]{font-weight:var(--yuunyt-font-weight-medium);min-width:0}.month-badge[data-v-ef1841ea]{flex-shrink:0}.staff-working-time{& .content[data-v-b3ec5c5b]{display:flex;flex-direction:column;gap:var(--yuunyt-gap-dialog)}}body,html{background-color:var(--yuunyt-app-background)}.staff-layout[data-v-c99611a6]{background:var(--yuunyt-app-background);height:100vh;overflow-y:auto}@supports (-webkit-touch-callout:none){.staff-layout[data-v-c99611a6]{height:-webkit-fill-available}}.staff-sticky-nav[data-v-c99611a6]{align-items:center;background:var(--yuunyt-app-background);box-shadow:var(--yuunyt-elevation-2b);box-sizing:border-box;display:flex;left:var(--yuunyt-gap-none);padding:var(--yuunyt-padding-bar) var(--yuunyt-padding-row);position:fixed;right:var(--yuunyt-gap-none);top:var(--yuunyt-gap-none);z-index:var(--yuunyt-layer-sticky)}.staff-sticky-nav-enter-active[data-v-c99611a6],.staff-sticky-nav-leave-active[data-v-c99611a6]{transition:opacity var(--yuunyt-duration-moderate) var(--yuunyt-ease-color)}.staff-sticky-nav-enter-from[data-v-c99611a6],.staff-sticky-nav-leave-to[data-v-c99611a6]{opacity:0}.staff-sticky-nav-enter-to[data-v-c99611a6],.staff-sticky-nav-leave-from[data-v-c99611a6]{opacity:1}.content[data-v-c99611a6]{align-items:flex-start;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:var(--yuunyt-gap-page-sm);padding:var(--yuunyt-padding-bar) var(--yuunyt-padding-row)}.footer[data-v-c99611a6]{display:flex;flex-direction:row;gap:var(--yuunyt-gap-dialog)}[data-v-c99611a6] .modal-content>.content{padding-bottom:var(--yuunyt-gap-page-lg)!important}