:root{--white-color:#fff;--white-color-50:#ffffff80;--sidebar-color:#fafafa;--black-color:#000;--black-50-color:#00000080;--black-6-color:#0000000f;--black-12-color:#0000001f;--black-border-color:#dbdbdb;--light-grey-color:#ebebeb;--primary-color:#6e5ff4;--primary-16-color:#6e5ff429;--primary-border-color:#4747b2;--red-color:#f0304a;--red-light-color:#fff0f2;--red-light-2-color:#f0304a29;--green-color:#27c25a;--green-light-color:#27c25a29;--yellow-color:#ebab17;--yellow-light-color:#ebab1724;--lime-color:#a4d641;--lime-light-color:#a4d64129;--blue-color:#4d97ff;--blue-light-color:#4d97ff29;--black-input-shadow:0px 2px 4px var(--black-6-color);--primary-input-shadow:0px 2px 4px var(--primary-16-color);--yellow-shadow:0px 2px 4px var(--yellow-light-color);--red-input-shadow:0px 2px 4px var(--red-light-color);--modal-shadow:0px 4px 12px var(--black-6-color), 0px 16px 40px var(--black-12-color);--ff-inter:"Inter", sans-serif;--font-size-1:40px;--font-size-2:30px;--font-size-3:22px;--font-size-4:16px;--font-size-5:14px;--font-size-6:12px;--font-size-logo:18px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600}*,:before,:after{box-sizing:border-box;margin:0;padding:0}a,img,span,button,input,ion-icon{display:block}ol,ul{list-style:none}a{color:inherit;text-decoration:none}button,input{font:inherit;appearance:none;color:inherit;background:0 0;border:none}input{outline:none;width:100%}a,button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}ion-icon{pointer-events:none}html{font-family:var(--ff-inter);scroll-behavior:smooth;font-size:16px}img{height:auto}body{background-color:var(--white-color);color:var(--black-color);font-size:var(--font-size-4);line-height:26px}.heading-1{font-size:var(--font-size-2);font-weight:var(--font-weight-semibold);line-height:40px}.heading-2{font-size:var(--font-size-3);font-weight:var(--font-weight-semibold);line-height:36px}.heading-2--regular{font-weight:var(--font-weight-regular)}.paragraph--medium{font-size:var(--font-size-4);font-weight:var(--font-weight-medium)}.paragraph--accent{color:var(--primary-color);display:initial}.paragraph--row{display:initial;word-break:break-all}.paragraph--grey{font-weight:var(--font-weight-regular);color:var(--black-50-color)}.text--black-50{color:var(--black-50-color)}@media (width>=900px){.heading-1{font-size:var(--font-size-1);line-height:50px}}.select__html-option{align-items:center;gap:12px;display:flex}.select__checkmark{color:var(--primary-color);font-size:20px}.select__checkmark--off{opacity:0;pointer-events:none}.select{-webkit-user-select:none;user-select:none;position:relative}.select__dropdown{z-index:100;background-color:var(--white-color);border:1px solid var(--black-border-color);max-height:200px;box-shadow:var(--modal-shadow);opacity:0;visibility:hidden;filter:blur(16px);pointer-events:none;border-radius:12px;flex-direction:column;gap:10px;margin-top:12px;padding:10px 14px;transition:all .3s;display:flex;position:absolute;top:1px;left:0;right:0;overflow-y:scroll;transform:translateY(-10px)scale(.9)}.user__dropdown{background-color:var(--white-color);border:1px solid var(--black-border-color);box-shadow:var(--modal-shadow);opacity:0;visibility:hidden;filter:blur(16px);pointer-events:none;border-radius:12px;flex-direction:column;gap:10px;padding:10px 14px;transition:all .3s;display:flex;position:absolute;top:calc(50% - 30px);left:20px;transform:translateY(-50%)}.select:hover .user__dropdown{opacity:1;visibility:visible;filter:blur();pointer-events:all}.user__icon:hover .user__dropdown,.select__dropdown--shown{filter:blur();opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)scale(1)}.user__contacts ion-icon{color:var(--black-50-color);cursor:pointer;pointer-events:all;font-size:20px;transition:all .25s}.user__contacts .user__icon:hover{color:var(--primary-color)}.select__option{cursor:pointer;transition:all .25s}.select__option:hover{color:var(--primary-color)}.select-field{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;height:fit-content;min-height:48px;margin-top:6px;display:flex;overflow:hidden}.select-field .select__value{flex-wrap:wrap;gap:8px;display:flex}.select-field ion-icon{font-size:22px}.select__arrow{transition:all .25s}.select__arrow--open{transform:rotate(-180deg)}.pagination{justify-content:space-between;align-items:center;gap:10px;margin-inline:auto;display:flex}.ellipse{background-color:var(--black-12-color);border-radius:20px;min-width:10px;max-width:10px;min-height:10px;max-height:10px;transition:all .25s}.ellipse:hover{background-color:var(--primary-color)}.ellipse--active{background-color:var(--black-color)}.period__wrapper{justify-content:center;align-items:center;gap:12px;display:flex}.input{cursor:pointer;gap:6px;width:100%;display:grid}.input-field{width:100%;box-shadow:var(--black-input-shadow);background-color:var(--white-color);border:1px solid var(--black-border-color);border-radius:12px;padding:10px 14px;transition:all .25s}.input-field,.input-field::placeholder{font-size:var(--font-size-4);line-height:26px}.input-field:is(:hover,:focus){border:1px solid var(--primary-border-color)}.input-field--error{background-color:var(--red-light-color);border:1px solid var(--red-color);box-shadow:var(--red-input-shadow)}.textarea .input-field{resize:none;outline:none}.checkbox__wrapper{gap:12px;display:flex}.input-checkbox{display:none}.checkbox__fake.checkbox__fake--checked{background-color:var(--primary-color);border:1px solid var(--primary-border-color);box-shadow:var(--primary-input-shadow)}.checkbox__fake.checkbox__fake--checked:is(:hover,focus){background-color:var(--primary-border-color)}.checkbox__fake{text-align:center;vertical-align:center;color:var(--white-color);background-color:var(--white-color);width:26px;height:26px;box-shadow:var(--black-input-shadow);border:1px solid var(--black-border-color);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;font-size:20px;transition:all .15s;display:flex}.checkbox__fake:is(:hover,:focus){border:1px solid var(--primary-border-color)}.tabs{border:1px solid var(--black-border-color);text-align:center;max-height:46px;box-shadow:var(--black-input-shadow);border-radius:12px;justify-content:center;align-items:center;transition:all .15s;display:flex}.tab{font-weight:var(--font-weight-medium);width:100%;max-height:46px;color:var(--black-50-color);padding:10px 12px}.tab:not(:last-child){border-right:1px solid var(--black-border-color)}.tab:hover{color:var(--primary-color)}.tab--small{flex-direction:column;justify-content:center;align-items:center;display:flex;max-height:36px!important}.tab--active{color:var(--black-color)}.calendar__shift--user{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:40px;padding:0;display:flex;border-radius:20px!important}.calendar-employee{border:1px solid var(--black-border-color);box-shadow:var(--black-input-shadow);border-radius:12px}.calendar-employee__schedule{border-top:1px solid var(--black-border-color);grid-template-columns:max-content 1fr;display:grid}.calendar__day{text-align:left;justify-content:start;gap:4px;width:100%;min-width:130px;padding:12px 16px;display:flex}.calendar__day:not(:last-child){border-right:1px solid var(--black-border-color)}.calendar__day--active{color:var(--primary-color);border-bottom:1px solid var(--primary-color)}.calendar__date-grid{grid-template-rows:50px;max-width:max-content;display:grid}.calendar__date-grid p,.calendar__date-grid .user{padding:12px 16px}.calendar__left{border-right:1px solid var(--black-border-color);width:max-content}.calendar-employee__main{grid-template-rows:max-content 1fr;width:100%;max-width:100%;display:grid;overflow-x:auto}.calenday__days{width:100%;display:flex}.calendar-employee__grid{border-top:1px solid var(--black-border-color);display:flex}.calendar__column{grid-auto-rows:50px;width:100%;min-width:130px;display:grid;position:relative}.calendar-employee__cell:not(:last-child){border-bottom:1px dotted var(--black-border-color)}.calendar-employee__grid .calendar__column:not(:last-child){border-right:1px solid var(--black-border-color)}.calendar__shift{border:1px solid #0000;border-radius:12px;padding:6px 8px;position:absolute;inset:5px}.calendar__shift--work{background-color:var(--primary-16-color);border-color:var(--primary-color);box-shadow:var(--primary-input-shadow)}.calendar__shift--weekend{background-color:var(--yellow-light-color);border-color:var(--yellow-color);box-shadow:var(--yellow-shadow)}.shift__text,.shift__subtitle{font-size:var(--font-size-6);line-height:20px}.shift__text--accent,.calendar__shift--work .shift__text{color:var(--primary-color)}.calendar__shift--weekend .shift__text{color:var(--yellow-color)}.button--small{max-height:36px;font-weight:var(--font-weight-medium);border:1px solid var(--black-border-color);width:100%;color:var(--black-color);box-shadow:var(--black-input-shadow);text-wrap:nowrap;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:8px 12px;transition:all .15s;display:flex}.button--small:hover{color:var(--primary-color)}.button{font-weight:var(--font-weight-medium);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;max-height:46px;padding:10px 16px;transition:all .15s;display:flex}.button--small ion-icon,.button ion-icon{flex-direction:column;justify-content:center;font-size:22px;display:flex}.button--primary{color:var(--white-color);border:1px solid var(--primary-border-color);background-color:var(--primary-color);box-shadow:var(--primary-input-shadow)}.button--primary:is(:hover,:focus){background-color:var(--primary-border-color)!important}.button--secondary{box-shadow:var(--black-input-shadow);background-color:var(--white-color);border:1px solid var(--black-border-color)}.button--secondary:is(:hover,:focus){color:var(--primary-color)}.button--important{color:var(--red-color);box-shadow:var(--black-input-shadow);background-color:var(--white-color);border:1px solid var(--black-border-color)}.button--disabled{color:var(--black-50-color);box-shadow:var(--black-input-shadow);border:1px solid var(--black-border-color);background-color:var(--black-12-color)!important}.button--important:is(:hover,:focus){color:var(--white-color);background-color:var(--red-color);border-color:var(--red-color);box-shadow:var(--red-input-shadow)}.accept-btn,.refusal-btn{display:initial;text-align:center;color:var(--black-50-color);align-items:center;font-size:20px;transition:all .25s}.accept-btn:hover,.accept-btn--active{color:var(--green-color)}.refusal-btn:hover,.refusal-btn--active{color:var(--red-color)}.form--big{flex-direction:column;gap:30px;display:flex}.form--small{flex-direction:column;gap:28px;display:flex}.form--small__inputs{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form--small__text-box{flex-direction:column;gap:12px;display:flex}.form__section{flex-direction:column;gap:16px;display:flex}.form__grid{align-items:end;gap:16px;display:grid}.alerts{gap:20px;margin:30px;display:grid;position:absolute;top:0;left:0;right:0}.alert{background-color:var(--black-color);box-shadow:var(--modal-shadow);cursor:default;z-index:100000;border-radius:20px;gap:12px;padding:16px;transition:transform .2s,opacity .25s;display:flex}.alert__line{border-radius:100px;width:4px;height:100%}.alert__line--red{background-color:var(--red-color)}.alert__line--green{background-color:var(--green-color)}.alert__text-box{display:grid}.alert .paragraph--medium{color:var(--white-color)}.alert .paragraph{color:var(--white-color-50)}.alert.alert--hidden{opacity:0;transform:translate(100px)}.table__wrapper{background-color:var(--white-color);border:1px solid var(--black-border-color);width:100%;max-width:100%;box-shadow:var(--black-input-shadow);border-radius:12px;overflow-x:auto}.table__heading,.table__data{white-space:nowrap;padding:12px 16px}.thead,.table__row:not(:last-child){border-bottom:1px solid var(--black-border-color)}.table__heading:not(:last-child),.table__data:not(:last-child){border-right:1px solid var(--black-border-color)}.table{width:100%;overflow-x:scroll}.table__heading{color:var(--black-50-color);text-align:left}.main{overflow-x:hidden}.main__area{padding-block:40px}.main__top{flex-direction:column;gap:12px;display:flex}.container{padding-inline:20px}.main__section{flex-direction:column;gap:16px;display:flex}.main__wrapper{flex-direction:column;gap:40px;display:flex}.main__top-text-box{flex-direction:column;display:flex}.section__top{flex-direction:column;gap:12px;display:flex}.overlay--hidden{opacity:0;pointer-events:none;transition:all .5s}.overlay{pointer-events:none;background-color:var(--black-12-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:all;opacity:1;z-index:100;position:fixed;inset:0}.lable{font-size:var(--font-size-5);vertical-align:middle;border-radius:6px;align-items:center;max-width:max-content;min-height:30px;max-height:30px;padding-inline:8px;display:flex}.lable--purple{color:var(--primary-color);background-color:var(--primary-16-color)}.lable--yellow{color:var(--yellow-color);background-color:var(--yellow-light-color)}.lable--grey{color:var(--black-50-color);background-color:var(--light-grey-color)}.lable--green{color:var(--green-color);background-color:var(--green-light-color)}.lable--red{color:var(--red-color);background-color:var(--red-light-2-color)}.text--grey{color:var(--black-50-color)}.body--overlow{overflow:hidden}.users-schedule,.report{flex-direction:column;gap:40px;display:flex}.report__top,.report__controls,.report__grid{grid-template-columns:1fr;gap:16px;display:grid}.report__stats{grid-template-columns:1fr 1fr;gap:16px;display:grid}.report__card{border:1px solid var(--black-border-color);background-color:var(--white-color);box-shadow:var(--black-input-shadow);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.report__card ion-icon{color:var(--primary-color);font-size:30px}.report__date{gap:6px;display:flex}.report__date .heading-2{text-wrap:nowrap}.notifications{flex-direction:column;gap:20px;display:flex}.notifications__list{border:1px solid var(--black-border-color);box-shadow:var(--black-input-shadow);border-radius:12px;flex-direction:column;display:flex}.notifications__controls{gap:16px;display:grid}.user{align-items:center;gap:8px;display:flex}.user__name{width:100%}.employee-request .button,.audit .button,.users-schedule .button{width:max-content}.delete-confirmation{flex-direction:column;gap:28px;display:flex}.delete-confirmation__text-box{flex-direction:column;gap:12px;display:flex}.delete-confirmation__buttons{gap:20px;display:grid}.workload__grid{gap:12px;display:grid}.divider{background-color:var(--black-border-color);border-radius:10px;width:100%;min-height:1px}.divider--40-px{max-width:40px}.divider--18-px{max-width:18px}.horizontal-line{border-radius:8px;width:4px;min-height:100%}.horizontal-line--purple{background-color:var(--primary-color)}.horizontal-line--yellow{background-color:var(--yellow-color)}.horizontal-line--grey{background-color:var(--black-border-color)}.icon--green{color:var(--green-color)}.icon--blue{color:var(--blue-color)}.icon--yellow{color:var(--yellow-color)}.user-label{border-radius:8px;justify-content:center;align-items:center;gap:6px;max-width:max-content;padding:2px 6px;display:flex}.user-label__text{font-size:var(--font-size-5)}.avatar{text-align:center;border-radius:100px;flex-direction:column;justify-content:center;align-items:center;min-width:26px;max-width:26px;min-height:26px;max-height:26px;display:flex}.avatar__letter{font-size:var(--font-size-5);font-weight:var(--font-weight-medium)}.avatar--purple{background-color:var(--primary-16-color)}.avatar--purple .avatar__letter{color:var(--primary-color)}.avatar--blue{background-color:var(--blue-light-color)}.avatar--blue .avatar__letter{color:var(--blue-color)}.avatar--yellow{background-color:var(--yellow-light-color)}.avatar--yellow .avatar__letter{color:var(--yellow-color)}.avatar--lime{background-color:var(--lime-light-color)}.avatar--lime .avatar__letter{color:var(--lime-color)}.avatar--green{background-color:var(--green-light-color)}.avatar--green .avatar__letter{color:var(--green-color)}.avatar--red{background-color:var(--red-light-2-color)}.avatar--red .avatar__letter{color:var(--red-color)}.avatar--grey{background-color:var(--light-grey-color)}.avatar--grey .avatar__letter{color:var(--black-50-color)}@media (width>=800px){.button--small{max-width:max-content;height:max-content}.tabs,.tab{width:max-content}.notifications__controls{justify-content:space-between;gap:20px;display:flex}.notifications__controls .button{max-width:max-content}.workload__grid{grid-template-columns:repeat(3,1fr);gap:26px}.alerts{left:auto}.alert{width:450px}.section__top{flex-direction:row;justify-content:space-between}.form--big{gap:40px}.form__grid{grid-template-columns:repeat(3,1fr)}.report__controls .tabs,.report__controls .tab{width:100%!important}}@media (width>=900px){.report__top{justify-content:space-between;gap:20px;display:flex}.report__controls{gap:20px;display:flex}.report__stats{grid-template-columns:repeat(4,1fr);gap:20px}}@media (width>=1100px){.main__area{margin-left:300px;padding-block:60px}.container{padding-inline:100px}}.auth{justify-content:center;height:100vh;transition:all .25s;display:flex;position:relative}.auth__window{background-color:var(--white-color);box-shadow:var(--modal-shadow);z-index:10;border-radius:20px;gap:28px;margin:20px;padding:30px;transition:all .25s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.auth__text-box{gap:16px;display:grid}.auth__title{font-size:var(--font-size-3);line-height:36px}.auth__text-box .paragraph{color:var(--black-50-color)}.auth__form{align-items:center;gap:20px;display:grid}.auth__img{object-fit:cover;width:100%;height:100vh}@media (width>=1000px){.auth{grid-template-columns:1fr 1fr;width:100vw;height:100%;display:grid;overflow-y:hidden}.auth__window{all:unset;background-color:var(--white-color);flex-direction:column;order:1;justify-content:center;align-items:center;gap:28px;padding:100px 50px;display:flex}.auth__form,.auth__text-box{width:100%;max-width:500px}.auth__img{order:0;height:100vh;min-height:100%;left:0}.auth__title{font-size:var(--font-size-1);line-height:50px}}.preloader{background-color:var(--white-color-50);-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preloader__spin{border:6px solid var(--primary-color);border-top:6px solid var(--black-12-color);border-radius:50%;width:60px;height:60px;animation:1s infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notifications__list{display:grid}.notifications__top{align-items:center;gap:16px;display:flex}.notifications__item{flex-direction:column;gap:16px;padding:16px;display:flex}.notifications__item:not(:last-child){border-bottom:1px solid var(--black-border-color)}.notifications__indicator{border-radius:50%;min-width:8px;max-width:8px;min-height:8px;max-height:8px}.notifications__icon{text-align:center;border:1px solid var(--black-border-color);background-color:var(--black-6-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:52px;font-size:40px;display:flex}.notifications__indicator--active{background-color:var(--primary-color)}.notifications__content{flex-direction:column;gap:16px;min-width:0;margin-left:24px;display:flex}.notifications__text-box{flex-direction:column;min-width:0;display:flex}.notifications__title-time{gap:4px;min-width:0;display:flex}.notifications__time,.notifications__title{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}@media (width>=800px){.notifications__item{align-items:top;flex-direction:row;gap:16px;padding-block:0}.notifications__item:not(:last-child){border-bottom:none}.notifications__content{flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-width:0;margin:0;padding-block:16px}.notifications__list .notifications__item:not(:last-child) .notifications__content{border-bottom:1px solid var(--black-border-color)}}.upcoming-shifts__grid{gap:20px;display:grid}.upcoming-shift__card{background-color:var(--white-color);border:1px solid var(--black-border-color);box-shadow:var(--black-input-shadow);border-radius:12px;gap:14px;min-width:0;padding:16px;display:flex}.upcoming-shift__content{flex-direction:column;justify-content:space-between;gap:6px;width:100%;min-width:0;display:flex}.upcoming-shift__text-box{flex-direction:column;min-width:0;display:flex}.upcoming-shift__date{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}@media (width>=800px){.upcoming-shifts__grid{grid-template-columns:repeat(2,1fr)!important}}@media (width>=1000px){.upcoming-shifts__grid{grid-template-columns:repeat(4,1fr)!important}}.sidebar{background-color:var(--sidebar-color);border-right:1px solid var(--black-border-color);z-index:1000000;flex-direction:column;gap:20px;width:100%;max-width:300px;height:100%;min-height:100vw;padding-block:20px;transition:all .25s;display:flex;position:fixed;top:0;left:-300px}.sidebar--shown{left:0}.logotype{color:var(--font-size-logo);font-weight:var(--font-weight-medium);align-items:center;gap:10px;display:flex}.sidebar .logotype{padding-inline:24px}.logotype__symbol{color:var(--primary-color);font-size:20px}.navigation__list{gap:6px;padding-right:14px;display:grid}.sidebar__item{gap:10px;transition:all .25s;display:flex}.sidebar__item:hover .sidebar__label{color:var(--primary-color)}.sidebar__label{width:100%;color:var(--black-50-color);text-align:left;border:1px solid #0000;border-radius:12px;padding:6px 12px;transition:all .25s;display:block}.sidebar__item--active .sidebar__label{border:1px solid inherit;background-color:var(--white-color);box-shadow:var(--black-input-shadow);border:1px solid var(--black-border-color);color:var(--black)}.sidebar__item--active .sidebar__item-line{background-color:var(--primary-color)}.sidebar__item-line,.sidebar__fake-line{border-radius:0 4px 4px 0;width:4px;margin-block:8px}@media (width>=1100px){.sidebar{z-index:100;left:0}}.header{background-color:var(--white-color);border-bottom:1px solid var(--black-border-color);padding-block:12px}.header__wrapper{justify-content:space-between;gap:12px;display:flex}.header__menu{color:var(--black-color);font-size:26px}@media (width>=1100px){.header{display:none}}.popup{opacity:0;pointer-events:none;visibility:hidden;filter:blur(16px);z-index:1000;padding:20px;transition:all .35s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.popup--opened{opacity:1;pointer-events:all;visibility:visible}.popup__window.popup--opened{filter:blur();transform:translate(-50%,-50%)scale(1);z-index:1000!important}.popup__window{background-color:var(--white-color);border:1px solid var(--black-border-color);width:100%;min-width:0;max-width:500px;box-shadow:var(--modal-shadow);border-radius:20px;padding:30px}.calendar-controls{flex-direction:column;gap:16px;padding:16px;display:flex}.calendar-controls__buttons{gap:16px;display:grid}.calendar__date{gap:6px;display:flex}.calendar-switches{grid-template-columns:repeat(3,1fr);width:100%;display:grid}@media (width>=800px){.calendar-controls{flex-direction:row;align-items:center}.calendar-controls__buttons{justify-content:space-between;gap:16px;width:100%;display:flex}.calendar-switches{grid-template-columns:repeat(3,max-content);max-width:max-content}}.progress{flex-direction:column;gap:10px;display:flex}.progress__bar{border:1px solid var(--black-border-color);width:100%;height:13px;box-shadow:var(--black-input-shadow);border-radius:100px;overflow:hidden}.progress__line{background-color:var(--primary-color);width:0;min-width:0;max-width:100%;height:100%;min-height:13px}