.hr-cal-layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr);grid-template-areas:"nav""sum""cal";display:grid}.hr-cal-layout__nav{grid-area:nav}.hr-cal-layout__sum{grid-area:sum}.hr-cal-layout__cal{grid-area:cal;min-width:0}.hr-gauge__labels{height:var(--leading-sub);position:relative}.hr-gauge__label{white-space:nowrap;font-size:var(--text-sub);line-height:var(--leading-sub);color:var(--ink-2);position:absolute;top:0;left:0}.hr-gauge__label b{font-weight:var(--weight-semibold)}.hr-gauge__label.is-act{color:var(--ink)}.hr-gauge__label.is-proj{color:var(--ink-3)}.hr-gauge__label.is-over{color:var(--danger)}.hr-gauge__labels--scale{height:var(--leading-caption)}.hr-gauge__labels--scale .hr-gauge__label{font-size:var(--text-caption);line-height:var(--leading-caption)}.hr-gauge__track{height:12px;margin:var(--space-1) 0;border-radius:var(--radius-pill);background:var(--gauge-track);position:relative;overflow:hidden}.hr-gauge__fill{height:100%;transition:width .4s ease-out;position:absolute;top:0;left:0}.hr-gauge__fill.is-proj{background:var(--gauge-proj);z-index:1}.hr-gauge__fill.is-proj.is-over{background:var(--gauge-over)}.hr-gauge__fill.is-act{background:var(--gauge-act);z-index:2}.hr-gauge__cut{background:var(--surface);z-index:3;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0}.hr-pill--work{--pill-c:var(--work);--pill-bg:var(--work-bg)}.hr-pill--holwork{--pill-c:var(--holwork);--pill-bg:var(--holwork-bg)}.hr-pill--leaveday{--pill-c:var(--leave);--pill-bg:var(--leave-bg)}.hr-day__hl{color:var(--leave);font-weight:var(--weight-medium)}.hr-legend{margin-top:var(--space-3)}.hr-legend i{width:12px;height:12px}.hr-legend__work{background:var(--work-bg);box-shadow:inset 0 0 0 1.5px var(--work)}.hr-legend__holwork{background:var(--holwork-bg);box-shadow:inset 0 0 0 1.5px var(--holwork)}.hr-legend__leave{background:var(--leave-bg);box-shadow:inset 0 0 0 1.5px var(--leave)}.hr-legend__hl{background:var(--leave)}.hr-legend__red{background:var(--rise)}.hr-legend__days b{color:var(--ink)}.hr-nowrap-parts span{white-space:nowrap}.hr-month-cell{align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);display:inline-flex}.hr-leave{gap:var(--space-3);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.hr-leave__side{display:contents}.hr-leave__bal{top:calc(var(--header-h) + env(safe-area-inset-top));z-index:5;position:sticky}.hr-leave__bal .ui-card{padding:var(--space-3)}.hr-leave__cells{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.hr-leave__cell{background:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-2);text-align:center;min-width:0}.hr-leave__k{font-size:var(--text-caption);color:var(--ink-2)}.hr-leave__v{font-size:var(--text-title-2);font-weight:var(--weight-semibold);white-space:nowrap;line-height:1.6}.hr-leave__v small{font-size:var(--text-caption);margin:0 1px}.hr-leave__cell.is-left.is-ok .hr-leave__v{color:var(--success)}.hr-leave__cell.is-left.is-zero .hr-leave__v{color:var(--warning)}.hr-leave__cell.is-left.is-over .hr-leave__v{color:var(--danger)}.hr-leave__grant{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.hr-leave__grant-open{margin-top:var(--space-1)}.hr-ys--plan{--ys-c:var(--primary-fill)}.hr-ys--used,.hr-ys--hl,.hr-ys--blk{--ys-c:var(--leave-mid)}.hr-ys--hol,.hr-ys--wknd{--ys-c:var(--holiday-mid)}.hr-leave__months{gap:var(--space-3);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.hr-leave__month{padding:var(--space-3) var(--space-2) var(--space-2);min-width:0}.hr-leave__month-head{align-items:center;gap:var(--space-2);padding:0 var(--space-2) var(--space-1);flex-wrap:wrap;display:flex}.hr-leave__title{font-size:var(--text-row);font-weight:var(--weight-bold);margin:0}.hr-lv--plan{--cal-cell-bg:var(--primary-fill);--cal-cell-ink:var(--on-primary)}.hr-lv--used{--cal-cell-bg:var(--leave-bg);--cal-cell-ink:var(--leave)}.hr-lv--hl{--cal-cell-bg:var(--leave-bg)}.hr-lv--blk{--cal-cell-ring:inset 0 0 0 1.5px var(--leave);--cal-cell-ink:var(--leave)}.hr-lv--past{--cal-num-opacity:.5}.hr-lv__hl{right:var(--space-1);font-style:normal;font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--leave);line-height:1;position:absolute;bottom:3px}.hr-lv-key--plan{background:var(--primary-fill)}.hr-lv-key--used{background:var(--leave-bg);box-shadow:inset 0 0 0 1.5px var(--leave)}.hr-lv-key--hl{background:var(--leave-bg);box-shadow:inset 0 0 0 1px var(--leave-mid)}.hr-lv-key--blk{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--leave)}.hr-lv-key--hol{background:var(--rise)}@media (width>=600px){.hr-leave__months{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.hr-leave{gap:var(--space-6);grid-template-columns:minmax(280px,320px) minmax(0,1fr)}.hr-leave__side{gap:var(--space-3);min-width:0;top:calc(var(--header-h) + var(--space-6));max-height:calc(100vh - var(--header-h) - var(--space-6) * 2);margin:calc(var(--space-1) * -1);padding:var(--space-1);flex-direction:column;display:flex;position:sticky;overflow-y:auto}.hr-leave__bal{position:static}.hr-leave__cells{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-leave__months{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.hr-hol-name{color:var(--ink-2);overflow-wrap:anywhere;font-weight:400}.hr-yearbar{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.hr-yearbar>:first-child{flex:auto;min-width:0}.hr-yearbar>.ui-chips{flex:220px}.hr-yearbar>.ui-period{justify-content:flex-start}.hr-yearbar>.btn{flex:none}.hr-yearbar .ui-period__label{min-width:0}.hr-basis__label{font-size:var(--text-caption);color:var(--ink-3);white-space:nowrap}.hr-basis{align-items:center;gap:var(--space-2);flex:none;margin-left:auto;display:inline-flex}.hr-basis .ui-seg__btn{white-space:nowrap;flex:none}.hr-ps-tag{color:var(--ink-2);font-weight:var(--weight-medium);margin-right:var(--space-1)}.hr-ps-sec{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line);flex-direction:column;display:flex}.hr-ps-sec__head{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--touch-sm);display:flex}.hr-ps-sec__sum{font-weight:var(--weight-bold);color:var(--ink-2)}.hr-ps-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=600px){.hr-ps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.hr-ct-list{gap:var(--space-3);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.hr-ct-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.hr-ct-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.hr-ct-card{justify-content:space-between;align-items:stretch;gap:var(--space-3);width:100%;min-height:96px;padding:var(--space-4);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:left;flex-direction:column;display:flex}:where(:root[data-pointer=mouse]) .hr-ct-card:hover{background-image:linear-gradient(var(--surface-hover), var(--surface-hover))}.hr-ct-card__top,.hr-ct-card__bottom{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.hr-ct-card__year{font-size:var(--text-title-2);font-weight:var(--weight-bold)}.hr-ct-card__amt{align-items:center;gap:var(--space-2);display:inline-flex}.hr-ct-card__grades{gap:var(--space-1);display:inline-flex}.hr-ct-label{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:inline-flex}.hr-ps-memo{margin-left:var(--space-2);font-weight:var(--weight-regular);color:var(--ink-3);font-size:var(--text-sub)}