.employee-avatar{position:relative}.presence{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border:2px solid #fff;border-radius:50%}.presence.online{background:#22a06b}.presence.offline{background:#aeb8c8}.presence-label{font-weight:750}.presence-label.online{color:#18885c}.presence-label.offline{color:#8490a2}.presence.sick{width:auto;height:auto;min-width:24px;padding:3px 4px;border-radius:6px;background:#d94f5c;color:#fff;font-size:8px;font-style:normal;line-height:1}.presence-label.sick{color:#c43850}.field-hint{margin:-8px 0 15px;color:#718099;font-size:12px}.employee-contact{display:flex;flex-wrap:wrap;gap:5px 11px;margin-top:14px;color:#5d6c84;font-size:12px}.employee-meta{margin-top:12px}.last-login{margin-top:9px;color:#8a95a8;font-size:11px}.employee-card:has(.presence.online){border-color:#d8eee4}.employee-card:has(.presence.sick){border-color:#f1cbd2}
.employee-avatar .presence-online-on-sick{position:absolute;right:5px;bottom:22px;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#22a06b}
.permission.szef{background:#fff0d2;color:#966d08}
.header-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:190px}.header-actions .secondary{border:1px solid #dfe4ef}.header-actions [hidden]{display:none!important}@media(max-width:680px){.header-actions{width:100%;min-width:0}}
.sidebar .profile{min-width:0}.sidebar .profile b,.sidebar .profile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:680px){.sidebar .profile{display:flex;margin:0 0 0 auto;padding:0;border:0}.sidebar .profile>span:last-child{display:block}.sidebar .avatar{width:30px;height:30px}}
.sidebar-logo{display:block;width:min(170px,100%);height:auto}.sidebar{background:#17265e!important}
.app-shell{grid-template-columns:230px minmax(0,1fr)}.profile{padding:18px 8px 0}.profile small{margin-top:2px;color:#b8c6ee;font-size:11px}
.pending-leaves-dialog{width:min(700px,calc(100% - 28px))}.pending-leaves-form{padding:26px}.dialog-subtitle{margin:4px 0 0;color:#718099;font-size:13px}.pending-leaves-trigger span{display:inline-block;min-width:22px;margin-left:5px;padding:2px 6px;border-radius:99px;background:#5c56d8;color:#fff;font-size:11px;text-align:center}
.overview-action{cursor:pointer;transition:.16s transform,.16s box-shadow}.overview-action:hover,.overview-action:focus-visible{transform:translateY(-2px);box-shadow:0 10px 22px #273c6318;outline:0}.overview-action strong{color:#5c56d8}
.leave-overview-action{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:8px;text-align:left}.leave-label,.leave-subtitle{align-self:flex-start;color:#718099;font-size:13px;font-weight:400;text-align:left}.calendar-thumb{display:grid;place-items:center;align-self:flex-start;flex:none;width:52px;height:52px;border:1px solid #d9ddff;border-radius:12px;background:#eeeaff;color:#5c56d8}.calendar-thumb small{font-size:10px;font-weight:800;letter-spacing:.08em}.calendar-thumb b{font-size:22px;line-height:1}
.team-overview>article{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:142px}.team-overview>article>span:first-child{align-self:flex-start}.team-overview>article>strong{align-self:flex-start}.team-overview>article>small{align-self:flex-start}
#leave-dialog{position:relative}.date-picker-popover{position:absolute;z-index:20;width:248px;padding:11px;border:1px solid #dfe4ef;border-radius:12px;background:#fff;box-shadow:0 16px 40px #15245630}.date-picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;color:#4c55b8;font-size:13px;text-transform:capitalize}.date-picker-nav{width:26px;height:26px;border:0;border-radius:7px;background:#eef0ff;color:#514bc6;font-size:20px;line-height:1;cursor:pointer}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.date-picker-weekday{color:#8994a8;font-size:10px;font-weight:700}.date-picker-empty{aspect-ratio:1}.date-picker-day{display:grid;place-items:center;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;color:#4f5d73;font:inherit;font-size:11px;cursor:pointer}.date-picker-day:hover{background:#eeeaff}.date-picker-day.holiday{background:#f6d9df;color:#bf3650;font-weight:800}.date-picker-day.saturday{background:#fff0bb;color:#9b7400;font-weight:800}.date-picker-day.today{box-shadow:inset 0 0 0 2px #d94f5c}.date-picker-day.selected{outline:2px solid #5c56d8;outline-offset:-2px}.date-picker-day.disabled{opacity:.35;cursor:not-allowed}.date-picker-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 11px;margin-top:9px;color:#78849a;font-size:10px}.date-picker-legend i{display:inline-block;width:8px;height:8px;margin-right:3px;border-radius:50%;vertical-align:-1px}
.leave-overview-action .calendar-thumb{width:82px;height:auto;min-height:58px;padding:4px;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:10px;gap:1px;place-items:center;border-radius:8px}.calendar-month{grid-column:1/-1;color:#5c56d8;font-size:8px!important;line-height:10px}.calendar-day{display:grid;place-items:center;width:10px;height:10px;color:#5d6c84;font-size:7px;font-weight:700;line-height:1}.calendar-day.today{border-radius:50%;background:#d94f5c;color:#fff}
.leave-overview-action .calendar-month{display:block;line-height:10px!important}.leave-overview-action .calendar-day{display:grid;color:#5d6c84;font-size:7px!important;line-height:1!important}
.checkbox-label{display:flex;align-items:center;gap:9px}.checkbox-label input{width:17px;height:17px;margin:0}.leave-list{display:grid;gap:10px}.leave-request{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid #e4e8f1;border-radius:11px;background:#fafbfe}.leave-request b,.leave-request small{display:block}.leave-request small{margin-top:3px;color:#6d7b91;font-size:12px}.leave-actions{display:flex;gap:7px;flex:none}.leave-actions button{border:0;border-radius:8px;padding:8px 11px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.approve-leave{background:#e5f6ee;color:#167a55}.reject-leave{background:#fbecef;color:#bd3c52}
.delete-leave{background:#f3e8eb;color:#a9364b}.delete-leave:hover{background:#f8dce2}
.leave-list-dialog{width:min(960px,calc(100% - 28px))}.leave-list-form{padding:26px}.leave-table-wrap{max-height:min(55vh,520px);overflow:auto;border:1px solid #e4e8f1;border-radius:11px}.leave-table{width:100%;border-collapse:collapse;min-width:680px;background:#fff;font-size:12px}.leave-table th,.leave-table td{padding:11px 13px;border-bottom:1px solid #edf0f5;text-align:left;white-space:nowrap}.leave-table th{position:sticky;top:0;background:#f5f6ff;color:#5962b7;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.leave-table tbody tr:last-child td{border-bottom:0}.leave-table-empty{text-align:center!important;color:#78849a;padding:24px!important}.leave-status{display:inline-block;padding:4px 7px;border-radius:99px;font-size:11px;font-weight:750}.leave-status.approved{background:#e5f6ee;color:#167a55}.leave-status.pending{background:#fff0d2;color:#966d08}.leave-status.sick{background:#fbe0e5;color:#b7324c}
.leave-notification-dialog{width:min(470px,calc(100% - 28px))}.leave-notification-form{padding:26px}.leave-notification-text{margin:4px 0 8px;color:#26355f;font-size:16px;line-height:1.55}.leave-notification-form .dialog-actions{margin-top:20px}
.my-leaves-overview-action{position:relative}.my-leaves-overview-action .my-leaves-button{align-self:flex-start;margin:0;padding:0;border:0;background:transparent;color:#4d49bd;font:inherit;font-size:13px;font-weight:750;text-align:left;cursor:pointer}.my-leaves-overview-action .my-leaves-button:hover{text-decoration:underline}.my-leaves-overview-action .calendar-thumb{align-self:flex-start}.team-overview>article.my-leaves-overview-action{justify-content:space-between}.my-leaves-dialog{width:min(780px,calc(100% - 28px));max-height:calc(100vh - 30px)}.my-leaves-form{padding:26px;max-height:calc(100vh - 30px);overflow:auto}.my-leaves-content{display:grid;gap:18px}.my-leave-year{padding:17px 18px;border:1px solid #e2e7f0;border-radius:13px;background:#fafbfe}.my-leave-year h3{margin:0 0 12px;color:#27355a;font-size:17px}.my-leave-balance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:15px}.my-leave-balance div{padding:10px 9px;border-radius:9px;background:#fff;border:1px solid #e8ecf3}.my-leave-balance b{display:block;color:#4d58be;font-size:18px}.my-leave-balance span{display:block;margin-top:3px;color:#758198;font-size:10px;line-height:1.25}.my-leave-items{display:grid;gap:7px}.my-leave-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;padding:10px 12px;border-radius:9px;background:#fff;border:1px solid #e9edf3;font-size:12px}.my-leave-item b{display:block;color:#33415b}.my-leave-item small{display:block;margin-top:3px;color:#758198}.my-leave-item .leave-status{white-space:nowrap}.my-leave-empty{margin:0;color:#8490a3;font-size:12px}.my-leaves-form .dialog-actions{margin-top:2px}@media(max-width:620px){.my-leave-balance{grid-template-columns:repeat(2,minmax(0,1fr))}.my-leave-item{grid-template-columns:1fr}.my-leaves-form{padding:20px}}
.team-overview{grid-template-columns:repeat(6,minmax(0,1fr))}.team-overview>article{grid-column:span 2}.team-overview>#add-leave-overview,.team-overview>#my-leaves-overview{grid-column:span 1}.my-leaves-overview-action .calendar-thumb{width:82px;height:auto;min-height:58px;padding:4px;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:10px;gap:1px;place-items:center;border-radius:8px}.my-leaves-overview-action .my-leaves-button{color:#718099;font-size:13px;font-weight:400;text-decoration:none}.my-leaves-overview-action .my-leaves-button:hover{color:#4d49bd;text-decoration:underline}@media(max-width:680px){.team-overview{grid-template-columns:1fr}.team-overview>article,.team-overview>#add-leave-overview,.team-overview>#my-leaves-overview{grid-column:span 1}}
.my-leaves-overview-action .calendar-day{display:grid;place-items:center;width:10px;height:10px;color:#5d6c84;font-size:7px;font-weight:700;line-height:1}.my-leaves-overview-action .calendar-day.today{border-radius:50%;background:#d94f5c;color:#fff}.my-leaves-overview-action .calendar-month{display:block;line-height:10px!important;color:#5c56d8;font-size:8px!important}
.leave-overview-action .calendar-thumb,.my-leaves-overview-action .calendar-thumb{width:82px;height:75px;min-height:75px;align-self:flex-start}.my-leaves-overview-action .my-leaves-button{display:block;width:100%;min-height:38px;line-height:1.45;white-space:normal;text-align:left}
.my-leaves-overview-action .my-leaves-button{min-height:0;height:auto}
.employee-actions{display:flex;align-items:center;gap:14px;margin-top:14px}.employee-actions .edit-button{width:auto;margin-top:0}.delete-employee-button{margin-left:auto;padding:0;border:0;background:transparent;color:#bd3c52;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.delete-employee-button:hover{color:#98283d;text-decoration:underline}.delete-confirmation-text{margin:0;color:#394760;font-size:14px;line-height:1.55}.delete-employee-button:focus-visible{outline:3px solid #f2cdd4;outline-offset:3px}