.common-staff-header-nav{&[data-v-590fb115]{align-items:center;align-self:stretch;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;width:100%}& .nav-links{&[data-v-590fb115]{align-items:center;display:flex;gap:16px}&>a{&[data-v-590fb115]{color:var(--colors-text-text-secondary,#424242);font-family:Inter;font-size:20px;font-style:normal;font-weight:600;line-height:30px;text-align:center;text-decoration:none}&[data-v-590fb115]:not(.router-link-active):not(.avatar-link){opacity:.25}}}& .avatar-link{&[data-v-590fb115]:focus-visible{border-radius:var(--radius-full,9999px);outline:2px solid var(
          --component-colors-components-avatars-avatar-focus-border,rgba(152,162,179,.14)
        );outline-offset:2px}&[data-v-590fb115] .kcs-avatar{transition:filter .2s ease,background-color .2s ease}&.router-link-active[data-v-590fb115] .kcs-avatar,&[data-v-590fb115]:hover .kcs-avatar{background:var(--colors-background-bg-tertiary,#525252);color:var(--colors-foreground-fg-white,#fff);filter:brightness(.9)}}}.common-staff-header[data-v-cf69c049]{align-items:flex-start;align-self:stretch;background:var(--colors-background-bg-secondary,#fafafa);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--staff-header-gap);padding:var(--staff-header-padding-block) var(--staff-header-padding-inline);padding-bottom:var(--spacing-md,8px)}.common-staff-header__top[data-v-cf69c049]{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.staff-detail-header{&[data-v-29b681ac]{align-items:center;align-self:stretch;background:var(--colors-background-bg-primary,#fff);display:flex;justify-content:space-between;padding:var(--spacing-3xl,24px)}& .hide[data-v-29b681ac]{visibility:hidden}& .left[data-v-29b681ac]{flex:1 0 0}& .left[data-v-29b681ac],& .title[data-v-29b681ac]{align-items:center;display:flex;gap:8px}& .title[data-v-29b681ac]{color:var(--color-text-primary,#2b2b2b);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;justify-content:center;line-height:20px;text-align:center}& .right[data-v-29b681ac]{align-items:flex-start;display:flex;flex:1 0 0;gap:8px;height:20px;justify-content:flex-end}}.staff-modal{&[data-v-4f5e3962]{--fade-transition-time:200ms;--slide-up-transition-time:150ms}& .modal[data-v-4f5e3962]{align-items:center;background:rgba(0,0,0,.75);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:11000}& .modal-content{&[data-v-4f5e3962]{align-items:center;background:var(--colors-background-bg-primary,#fff);border-radius:24px 24px 0 0;display:flex;flex-direction:column;height:100%;max-width:512px;overflow:hidden;position:relative;top:24px;width:100%}&[data-v-4f5e3962]> .content{align-items:center;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:var(--spacing-4xl,32px);overflow-y:auto;padding:var(--spacing-xl,16px) var(--spacing-3xl,24px);&[data-v-4f5e3962] .common-base-form{max-width:100%;& section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px}}& .kcs-button.primary{align-self:stretch}}}& .fade-enter-active[data-v-4f5e3962],& .fade-leave-active[data-v-4f5e3962]{transition:all var(--fade-transition-time) ease-out}& .fade-enter-from[data-v-4f5e3962],& .fade-leave-to[data-v-4f5e3962]{opacity:0}& .fade-enter-to[data-v-4f5e3962],& .fade-leave-from[data-v-4f5e3962]{opacity:1}& .slide-up-enter-active[data-v-4f5e3962],& .slide-up-leave-active[data-v-4f5e3962]{transition:all var(--slide-up-transition-time) ease-out}& .slide-up-enter-from[data-v-4f5e3962],& .slide-up-leave-to[data-v-4f5e3962]{transform:translateY(100%)}& .slide-up-enter-to[data-v-4f5e3962],& .slide-up-leave-from[data-v-4f5e3962]{transform:translateY(0)}}.content{&[data-v-81a20f3d]{align-items:center;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:var(--spacing-4xl,32px);overflow-y:auto;padding:var(--spacing-xl,16px) var(--spacing-3xl,24px)}& section[data-v-81a20f3d]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-3xl,24px)}}.staff-unconfirmed{& .cal{&[data-v-1fbd7ba6]{align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-4xl,32px)}& .group{&[data-v-1fbd7ba6]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;width:100%}& .month-and-year{&[data-v-1fbd7ba6]{align-items:flex-start;align-self:stretch;display:flex;justify-content:space-between}& .text[data-v-1fbd7ba6]{color:var(--colors-text-text-primary,#141414);font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-align:center}}& .list[data-v-1fbd7ba6]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px}}}}.staff-unsigned-form{&[data-v-564c4a8d]{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-4xl,32px)}& .headline{&[data-v-564c4a8d]{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:8px}& .company[data-v-564c4a8d]{font-size:16px;font-weight:600;line-height:24px}& .company[data-v-564c4a8d],& .location[data-v-564c4a8d]{color:var(--colors-text-text-primary,#141414);font-family:Inter;font-style:normal}& .location[data-v-564c4a8d]{font-size:14px;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis}}& .cal{&[data-v-564c4a8d]{align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-4xl,32px)}& .group{&[data-v-564c4a8d]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;width:100%}& .month-and-year{&[data-v-564c4a8d]{align-items:flex-start;align-self:stretch;display:flex;justify-content:space-between}& .text[data-v-564c4a8d]{color:var(--colors-text-text-primary,#141414);font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-align:center}}& .list[data-v-564c4a8d]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;position:relative}}}& .separator[data-v-564c4a8d]{display:flex;justify-content:center}& .signature-wrapper[data-v-564c4a8d]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px}& .canvas-container{&[data-v-564c4a8d]{aspect-ratio:16/9;margin-left:auto;margin-right:auto;position:relative;width:100%}& .placeholder[data-v-564c4a8d]{color:var(--colors-text-text-placeholder,#737373);font-family:Inter;font-size:16px;font-style:normal;font-weight:400;left:14px;line-height:24px;position:absolute;top:14px}& canvas[data-v-564c4a8d]{background:var(--colors-background-bg-primary,#fff);border:1px solid var(--colors-border-border-primary,#d6d6d6);border-radius:var(--radius-md,8px);box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}}& .notification[data-v-564c4a8d]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;margin-top:16px}& .html-validation[data-v-564c4a8d]{height:0;left:50%;opacity:0;position:absolute;right:50%;top:16px;width:0}}.staff-unsigned-item{&[data-v-105af606]{align-items:flex-start;align-self:stretch;background:var(--colors-background-bg-primary,#fff);border:.5px solid var(--colors-border-border-primary,#d6d6d6);border-radius:8px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl,16px)}& .header{&[data-v-105af606]{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.date-and-time{&[data-v-105af606]{align-items:center;display:flex;flex:1 0 0;gap:4px}.date[data-v-105af606]{color:var(--colors-text-text-primary,#141414);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}}}& .company{&[data-v-105af606]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:2px;justify-content:center}& .division[data-v-105af606]{font-weight:600}& .division[data-v-105af606],& .unit[data-v-105af606]{align-self:stretch;color:var(--colors-text-text-primary,#141414);font-family:Inter;font-size:14px;font-style:normal;line-height:20px}& .unit[data-v-105af606]{font-weight:400;overflow:hidden;text-overflow:ellipsis}}& .footer[data-v-105af606]{color:var(--colors-text-text-warning-primary,#dc6803);font-family:Inter;font-size:14px;font-style:italic;font-weight:400;line-height:20px}}.staff-unsigned{& .list[data-v-2349d10e]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px}}.staff-untracked{& .cal{&[data-v-2e560bde]{align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-4xl,32px)}& .group{&[data-v-2e560bde]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;width:100%}& .month-and-year{&[data-v-2e560bde]{align-items:flex-start;align-self:stretch;display:flex;justify-content:space-between}& .text[data-v-2e560bde]{color:var(--colors-text-text-primary,#141414);font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-align:center}}& .list[data-v-2e560bde]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px}}}}.staff-vacation{& .content{&[data-v-f498b997]{align-self:stretch;display:flex;flex-direction:column}& .actions{&[data-v-f498b997]{align-items:center;align-self:stretch;display:flex;flex-direction:column}& .kcs-button[data-v-f498b997]{width:100%}}}}.staff-wish{& .common-base-form[data-v-65858921]{display:flex;flex-direction:column;gap:16px}}.common-employee-working-time-graph[data-v-631c175d]{align-self:stretch;display:flex;flex-direction:column;font-size:14px;line-height:24px}.month-list[data-v-631c175d]{gap:16px;list-style:none;margin:0;padding:0}.month-item[data-v-631c175d],.month-list[data-v-631c175d]{display:flex;flex-direction:column}.month-item[data-v-631c175d]{background:var(--color-neutral-white-100,#fff);border:1px solid var(--component-colors-utility-gray-utility-gray-300,#d6d6d6);border-radius:8px;gap:8px;padding:12px}.month-item--disabled[data-v-631c175d]{opacity:.7}.month-header[data-v-631c175d]{align-items:center;display:flex;gap:8px}.month-name[data-v-631c175d]{font-weight:500;min-width:0}.month-badge[data-v-631c175d]{flex-shrink:0}.staff-working-time{& .content[data-v-07324cb4]{display:flex;flex-direction:column;gap:16px}}body,html{background-color:#fafafa}.staff-layout[data-v-2d7e16ad]{--staff-header-padding-block:16px;--staff-header-padding-inline:24px;--staff-header-gap:24px;background:var(--colors-background-bg-secondary,#fafafa);height:100vh;overflow-y:auto}@supports (-webkit-touch-callout:none){.staff-layout[data-v-2d7e16ad]{height:-webkit-fill-available}}.staff-sticky-nav[data-v-2d7e16ad]{align-items:center;background:var(--colors-background-bg-secondary,#fafafa);box-shadow:0 2px 4px rgba(0,0,0,.08);box-sizing:border-box;display:flex;left:0;padding:var(--staff-header-padding-block) var(--staff-header-padding-inline);position:fixed;right:0;top:0;z-index:10}.staff-sticky-nav-enter-active[data-v-2d7e16ad],.staff-sticky-nav-leave-active[data-v-2d7e16ad]{transition:opacity .2s ease}.staff-sticky-nav-enter-from[data-v-2d7e16ad],.staff-sticky-nav-leave-to[data-v-2d7e16ad]{opacity:0}.staff-sticky-nav-enter-to[data-v-2d7e16ad],.staff-sticky-nav-leave-from[data-v-2d7e16ad]{opacity:1}.content[data-v-2d7e16ad]{align-items:flex-start;align-self:stretch;display:flex;flex:1 0 0;flex-direction:column;gap:var(--spacing-4xl,32px);padding:var(--spacing-xl,16px) var(--spacing-3xl,24px)}.footer[data-v-2d7e16ad]{display:flex;flex-direction:row;gap:16px}[data-v-2d7e16ad] .modal-content>.content{padding-bottom:96px!important}