@layer components{.k-hr{--k-hr-col:40px;--k-hr-gap:4px;--k-hr-mark:13px;width:min(100%,1000px);color:var(--k-ink);font-size:12.5px;line-height:1.45;text-align:start}:lang(ar) .k-hr{font-size:13px}.k-hr-sheet{padding:16px 14px 14px;border-radius:14px;background:var(--k-paper);box-shadow:var(--k-e-window)}.k-hr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.k-hr-head-text{min-width:0}.k-hr-org{display:inline-flex;align-items:center;gap:8px;color:var(--k-ink-2);font-size:.9em;font-weight:600}.k-hr-logo{flex:none;width:18px;height:18px;border-radius:5px;background:var(--k-ink)}.k-hr-title{margin-top:8px;font-size:1.35em;font-weight:600;line-height:1.3}.k-hr-head-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.k-hr-count{display:inline-flex;align-items:center;gap:6px;height:24px;padding-inline:9px 10px;border-radius:var(--k-r-pill);background:var(--k-panel);color:var(--k-ink-2);font-size:12px;font-weight:500;white-space:nowrap}.k-hr-body{display:grid;gap:14px;margin-top:14px}.k-hr-grid{min-width:0;border-top:1px solid var(--k-hair)}.k-hr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who net" "month month" "eff eff";align-items:center;gap:8px 12px;padding-block:10px;border-bottom:1px solid var(--k-hair)}.k-hr-row-days{grid-template-areas:"month month";padding-block:9px 5px;border-bottom:0}.k-hr-who{display:flex;flex-wrap:wrap;grid-area:who;align-items:baseline;column-gap:8px;min-width:0}.k-hr-name{font-weight:600}.k-hr-role{color:var(--k-ink-3);font-size:.92em}.k-hr-eff{display:flex;flex-wrap:wrap;grid-area:eff;gap:6px}.k-hr-net{grid-area:net;justify-self:end;font-weight:600}.k-hr-net-head{display:none;color:var(--k-ink-3);font-size:11.5px;font-weight:500}.k-hr-days,.k-hr-month{position:relative;display:grid;grid-area:month;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--k-hr-gap);isolation:isolate}.k-hr-days{color:var(--k-ink-3);font-size:10.5px;font-weight:500;line-height:1.3;text-align:center;white-space:nowrap}.k-hr-days>[data-off]{color:var(--k-ink-4)}.k-hr-month{grid-auto-rows:var(--k-hr-mark);row-gap:6px}.k-hr-cell{position:relative;display:grid;place-items:center}.k-hr-cell[data-kind=off]:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--k-hair-2)}.k-hr-mark{position:relative;display:block;flex:none;box-sizing:border-box;width:var(--k-hr-mark);height:var(--k-hr-mark);border-radius:3px;background:color-mix(in srgb,var(--k-ink) 34%,transparent)}.k-hr-mark:is([data-kind=late],[data-kind=overtime]){background:var(--k-ink)}.k-hr-mark[data-kind=late]:before{content:"";position:absolute;inset-inline-start:-1px;top:-1px;width:50%;height:50%;border-end-end-radius:3px;background:var(--k-paper)}.k-hr-mark>em{position:absolute;inset-block:2px;inset-inline-start:calc(100% + 2px);width:3px;border-radius:1px;background:var(--k-ink)}.k-hr-mark[data-kind=absent]{background:transparent;box-shadow:inset 0 0 0 1.5px var(--k-ink)}.k-hr-mark[data-kind=leave]{background:repeating-linear-gradient(-45deg,var(--k-ink-2) 0 1.2px,transparent 1.2px 3.4px);box-shadow:inset 0 0 0 1px var(--k-ink-2)}.k-hr-cell:not([data-mark])>.k-hr-mark{opacity:calc(1 - clamp(0, calc(var(--s) - 1), 1) * .62)}.k-hr-month{opacity:calc(1 - clamp(0, calc(var(--s) - 2), 1) * .45)}.k-hr-foot{align-items:center;justify-content:space-between;gap:8px 16px;padding-top:10px}.k-hr-foot,.k-hr-legend{display:flex;flex-wrap:wrap}.k-hr-legend{gap:6px 14px;color:var(--k-ink-2);font-size:11.5px;line-height:1.3}:lang(ar) .k-hr-legend{font-size:12px}.k-hr-legend li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.k-hr-legend .k-hr-mark{--k-hr-mark:10px}.k-hr-legend .k-hr-mark[data-kind=overtime]{margin-inline-end:5px}.k-hr-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding-inline:7px 9px;border-radius:var(--k-r-pill);background:var(--k-ink);color:var(--k-paper);font-size:12px;font-weight:600;white-space:nowrap}.k-hr-chip[data-soft]{background:var(--k-panel);color:var(--k-ink-2)}.k-hr-chip svg{flex:none}.k-hr-more{display:flex;align-items:center;gap:6px;color:var(--k-ink-3);font-size:12px}.k-hr-run{display:grid;justify-self:end;width:min(100%,440px);min-width:0;padding:12px 14px;border-radius:12px;background:var(--k-paper-2);box-shadow:inset 0 0 0 1px var(--k-hair)}.k-hr-run>*{grid-area:1/1;translate:0 calc((1 - var(--on)) * 6px)}.k-hr-totals{display:grid;align-content:start;gap:7px}.k-hr-totals>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.k-hr-totals dt{color:var(--k-ink-3)}.k-hr-totals dd{font-weight:600}.k-hr-value{display:grid;justify-items:end}.k-hr-value>*{grid-area:1/1}.k-hr-dash{color:var(--k-ink-4);font-weight:400}.k-hr-grand{margin-top:3px;padding-top:8px;border-top:1px solid var(--k-ink);font-size:1.12em}.k-hr-grand dt{color:var(--k-ink);font-weight:600}.k-hr-entry-title{display:flex;align-items:center;gap:6px;font-weight:600}.k-hr-journal{width:100%;margin-top:6px;border-collapse:collapse}.k-hr-journal th{color:var(--k-ink-3);font-size:11.5px;font-weight:500}.k-hr-journal td,.k-hr-journal th{padding-block:5px;text-align:start}.k-hr-journal :is(th,td):nth-child(n+2){width:26%;padding-inline-start:6px;text-align:end;white-space:nowrap}.k-hr-journal td{border-top:1px solid var(--k-hair)}@media (prefers-reduced-motion:no-preference){.k-hr-cell:not([data-mark])>.k-hr-mark{transition:opacity .42s var(--k-ease-out)}.k-hr-month{transition:opacity .52s var(--k-ease-out)}.k-ap-stage[data-ready][data-step="1"] .k-hr-cell>.k-hr-mark{animation:k-hr-fill .36s var(--k-ease-out) calc(var(--d) * 26ms) both}@keyframes k-hr-fill{0%{opacity:0;transform:scale(.4)}}}@container k-stage (min-width: 680px){.k-hr-sheet{padding:20px 20px 18px}.k-hr-row{grid-template-columns:minmax(96px,1fr) calc(var(--k-hr-col) * 7 + var(--k-hr-gap) * 6) 128px 60px;grid-template-areas:"who month eff net";column-gap:16px;padding-block:12px}.k-hr-row-days{grid-template-areas:". month . net"}.k-hr-who{flex-direction:column;align-items:flex-start}.k-hr-net-head{display:block}}@container k-stage (min-width: 960px){.k-hr{font-size:13px}:lang(ar) .k-hr{font-size:14px}.k-hr-sheet{padding:22px 24px 20px}.k-hr-body{grid-template-columns:minmax(0,1fr) 252px;column-gap:24px;align-items:start}.k-hr-run{justify-self:stretch;width:auto;margin-top:34px;padding:14px 16px}}.k-hr-file{display:grid;gap:14px}.k-hr-file-head{display:flex;align-items:center;gap:12px}.k-hr-avatar{display:grid;flex:none;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--k-ink);color:var(--k-paper);font-size:17px;font-weight:600}.k-hr-file-who{display:grid;min-width:0}.k-hr-file-name{font-size:1.08em;font-weight:600}.k-hr-file-role{color:var(--k-ink-3)}.k-hr-file-pay{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px;margin-inline-start:auto;padding:6px 10px;border-radius:10px;background:var(--k-panel);font-weight:600;white-space:nowrap}.k-hr-file-pay svg{color:var(--k-ink-3)}.k-hr-file-pay-label{color:var(--k-ink-3);font-size:11.5px;font-weight:500}.k-hr-file-pay .k-ap-money{grid-column:1/-1}.k-hr-docs{border-top:1px solid var(--k-hair)}.k-hr-docs li{display:grid;grid-template-columns:auto minmax(0,1fr) auto 8px;align-items:center;gap:10px;padding-block:10px;border-bottom:1px solid var(--k-hair)}.k-hr-docs svg{color:var(--k-ink-3)}.k-hr-doc-name{font-weight:500}.k-hr-doc-until{color:var(--k-ink-3);font-size:12px;white-space:nowrap}.k-hr-doc-flag{width:7px;height:7px;border-radius:50%}.k-hr-docs li[data-soon] .k-hr-doc-until{color:var(--k-ink);font-weight:600}.k-hr-docs li[data-soon] .k-hr-doc-flag{background:var(--k-app-alert)}.k-hr-file-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.k-hr-file-row>svg{flex:none;color:var(--k-ink-3)}.k-hr-stars{display:inline-flex;gap:3px}.k-hr-stars svg{width:15px;height:15px;fill:transparent;stroke:var(--k-ink-4);stroke-width:1.4;stroke-linejoin:round}.k-hr-stars svg[data-on]{fill:var(--k-ink);stroke:var(--k-ink)}.k-hr-leave-meter{position:relative;flex:1;max-width:180px;height:6px;border-radius:3px;background:var(--k-panel-2)}.k-hr-leave-meter>i{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--p) * 100%);border-radius:3px;background:var(--k-ink)}.k-hr-leave-count{color:var(--k-ink-2);font-weight:600}.k-hr-alert{display:flex;align-items:center;justify-self:start;gap:8px;margin-top:-4px;padding:7px 12px 7px 10px;border-radius:var(--k-r-pill);background:color-mix(in srgb,var(--k-app-alert) 9%,var(--k-paper));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k-app-alert) 22%,transparent);color:var(--k-ink);font-size:12.5px;font-weight:500}.k-hr-alert svg{flex:none;color:var(--k-app-alert)}.k-hr-clock{container-type:inline-size}.k-hr-clock-day{margin-bottom:10px;font-size:1.08em;font-weight:600}.k-hr-clock-rows li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"name name eff" "in track out";align-items:center;gap:8px 10px;padding-block:11px;border-top:1px solid var(--k-hair)}.k-hr-clock-rows li:last-child{border-bottom:1px solid var(--k-hair)}.k-hr-clock-name{grid-area:name;font-weight:500}.k-hr-clock-t{color:var(--k-ink-2);font-size:12px}.k-hr-clock-in{grid-area:in}.k-hr-clock-out{grid-area:out}.k-hr-track{position:relative;display:block;grid-area:track;height:8px}.k-hr-track:before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--f) * 100%);box-sizing:border-box;inline-size:calc((var(--e) - var(--f)) * 100%);border-radius:2px;background:var(--k-panel-2)}.k-hr-track>b,.k-hr-track>em{position:absolute;inset-block:0;border-radius:2px;transform-origin:left}.k-hr-track>:is(b,em):dir(rtl){transform-origin:right}.k-hr-track>b{inset-inline-start:calc(var(--a) * 100%);inline-size:calc((var(--b) - var(--a)) * 100%);background:var(--k-ink-2)}.k-hr-track>em{inset-inline-start:calc(var(--e) * 100% + 1.5px);inline-size:calc((var(--x) - var(--e)) * 100% - 1.5px);background:var(--k-ink)}.k-hr-track[data-kind=absent]:before{border:1px dashed var(--k-ink-3);background:transparent}.k-hr-track[data-kind=leave]:before{background:repeating-linear-gradient(-45deg,var(--k-ink-3) 0 1.2px,transparent 1.2px 3.6px)}.k-hr-clock-eff{display:inline-flex;grid-area:eff;justify-self:end;color:var(--k-ink-3)}.k-hr-clock-foot{display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--k-ink-2);font-size:12px;font-weight:500}:lang(ar) .k-hr-clock-foot{font-size:12.5px}@container (min-width: 460px){.k-hr-clock-rows li{grid-template-columns:minmax(0,1fr) auto minmax(80px,1.3fr) auto 72px;grid-template-areas:"name in track out eff"}}.k-hr-pay-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.k-hr-pay-title{font-size:1.05em;font-weight:600}.k-hr-pay-actions{display:inline-flex;align-items:center;gap:6px}.k-hr-icon-btn{display:grid;place-items:center;width:28px;box-shadow:inset 0 0 0 1px var(--k-hair-2);color:var(--k-ink-2)}.k-hr-icon-btn,.k-hr-new{height:28px;border-radius:var(--k-r-pill)}.k-hr-new{display:inline-flex;align-items:center;gap:5px;padding-inline:10px 12px;background:var(--k-ink);color:var(--k-paper);font-size:12px;font-weight:500;white-space:nowrap}.k-hr-pay-table{width:100%;border-collapse:collapse}.k-hr-pay-table th{padding-block:6px;color:var(--k-ink-3);font-size:11.5px;font-weight:500;text-align:start}.k-hr-pay-table td{padding-block:9px;border-top:1px solid var(--k-hair)}.k-hr-pay-table :is(th,td):not(:first-child){padding-inline-start:12px}.k-hr-pay-table :is(th,td):last-child{text-align:end;white-space:nowrap}.k-hr-pay-name{font-weight:500}.k-hr-pay-muted{color:var(--k-ink-3)}.k-hr-pay-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px;padding-top:12px;border-top:1px solid var(--k-ink)}.k-hr-pay-totals dt{color:var(--k-ink-3);font-size:11.5px}.k-hr-pay-totals dd{margin-top:2px;font-weight:600}.k-hr-pay-grand dd{font-size:1.12em}.k-hr-pay-foot{display:inline-flex;align-items:center;gap:5px;height:24px;margin-top:14px;padding-inline:8px 10px;border-radius:var(--k-r-pill);background:var(--k-panel);color:var(--k-ink-3);font-size:11.5px;font-weight:500}}