@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,100&display=swap";*{margin:0;padding:0;font-family:Roboto,sans-serif;scrollbar-width:none;-ms-overflow-style:none}ul{list-style:none}a{text-decoration:none}.wrapper{width:100lvw;height:100lvh;overflow:hidden;background:#cae0ff4d;display:flex}button{background:none;border:none;cursor:pointer}.page{margin-left:71px;margin-top:20px}::-webkit-scrollbar{display:none}.citizens{width:990px;background:#fff;border-radius:30px;height:670px}.citizens__content{padding:24px 30px 34px 44px}.citizens__top{margin-bottom:30px;display:flex;align-items:center;justify-content:space-between}.citizens__title{font-size:22px;font-weight:700}.citizens__filter{display:flex;align-items:center;gap:16px}.citizens__filter__img{width:12px;height:12px;transform:rotate(90deg)}.citizens__filter__button{display:flex;align-items:center;justify-content:center;gap:5px;background:#f9fbff;height:36px;padding:10px 15px;border-radius:10px}.citizens__filter__params{position:relative}.citizens__filter__settings{position:absolute;background:#fff;z-index:5;opacity:0;transform:scaleY(0);transform-origin:0 0;transition:.4s cubic-bezier(.075,.82,.165,1);display:flex;flex-direction:column;gap:20px;padding:10px 20px 40px;border-radius:10px;box-shadow:0 10px 60px 10px #e2ecf98d;border:2px solid rgb(226,236,249)}.citizens__filter__settings.active{opacity:1;transform:scaleY(1)}.citizens__filter__inputs{display:flex;gap:5px}.citizens__filter__block{display:flex;flex-direction:column;gap:4px}.citizens__filter__radios{display:flex;gap:18px}.citizens__filter__radio{display:flex;align-items:center;gap:4px;cursor:pointer}.citizens__filter__radio label,.citizens__filter__radio input{cursor:pointer}.citizens__filter__label{color:gray}.citizens__filter__buttons{display:flex;gap:20px}.citizens__filter__buttons button{padding:10px 15px;border:2px solid #9197B3;border-radius:8px;position:relative;overflow:hidden;transition:2s cubic-bezier(.165,.84,.44,1)}.citizens__filter__buttons button:after{position:relative;content:attr(data-text);color:#6d7490;z-index:3}.citizens__filter__buttons button:before{content:"";position:absolute;width:101%;height:101%;background:#5932ea;left:0;top:0;transform-origin:0 0;opacity:0;transform:scaleX(0);transition:1.2s cubic-bezier(.19,1,.22,1)}.citizens__filter__buttons button:hover{border:2px solid #5932EA}.citizens__filter__buttons button:hover:after{color:#fff}.citizens__filter__buttons button:hover:before{opacity:1;transform:scaleX(1)}.citizens__search{display:flex;align-items:center;position:relative}.citizens__search__img{position:absolute;margin-left:7px;width:24px;height:24px;fill:#fff}.citizens__search__input{border:none;outline:none;background:#f9fbff;padding:10px 10px 10px 40px;width:216px;border-radius:10px}.citizens__list{display:flex;flex-direction:column;z-index:4;font-weight:500;font-size:15px}.citizens__header{display:grid;grid-template-columns:1.7fr 1fr 1.2fr .7fr 120px;color:#b5b7c0;position:relative;align-items:center;padding-bottom:8px;z-index:3}.citizens__header span{cursor:pointer;-webkit-user-select:none;user-select:none}.citizens__header span[data-type="0"] .citizens__user__icon{transform:rotate(90deg)}.citizens__header span[data-type="1"] .citizens__user__icon{transform:rotate(-90deg)}.citizens__header:after{content:"";position:absolute;height:1px;width:106%;background:#eee;bottom:0;transform:translate(-3.5%)}.citizens__user__status{width:105px;height:25px;border-radius:4px;display:flex;align-items:center;justify-content:center}.citizens__user__status.active{background:#16c098;border:2px solid #00B087;color:#003226}.citizens__user__status.unactive{background:#ffc5c5;border:2px solid #DF0404;color:#df0404}.citizens__user__icon{width:12px;height:12px;transform:rotate(90deg);margin-left:10px;display:none;transition:.8s cubic-bezier(.075,.82,.165,1)}.citizens__user__icon.active{display:inline-flex}.citizens__user__link{color:#292d32;display:grid;grid-template-columns:1.7fr 1fr 1.2fr .7fr 120px;position:relative;padding:15px 0;align-items:center;cursor:pointer;z-index:0}.citizens__user__link:before{display:flex;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#c3dcfa74;opacity:0;z-index:-1;transition:.6s cubic-bezier(.22,.61,.36,1)}.citizens__user__link:hover:before{opacity:1}.citizens__user__link:after{content:"";position:absolute;height:1px;width:100%;background:#eee;bottom:0}.citizens__bottom{margin-top:30px;display:flex;align-items:center;justify-content:space-between}.paginator{display:flex;align-items:center;gap:12px}.paginator__button{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid #EEEEEE;border-radius:4px;background:#f5f5f5;color:#404b52;transition:1s cubic-bezier(.075,.82,.165,1)}.paginator__button.active{color:#fff;background:#5932ea;border:1px solid #5932EA}.paginator__button--left .paginator__button__img{transform:scaleX(-1)}.paginator__button__img{width:12px;height:12px}.navbar{background:#fff;width:306px;display:flex;height:100%;box-shadow:0 10px 60px #e2ecf980}.navbar__content{width:100%;height:100%;padding:36px 28px 0}.navbar__logo{width:195px;height:39px}.navbar__list{margin-top:64px;display:flex;flex-direction:column;gap:17px;position:relative}.navbar__list:after{content:"";display:flex;position:absolute;top:0;background:#5932ea;width:100%;height:46px;z-index:0;border-radius:8px;transform:translateY(calc(var(--active-index) * 63px));transition:.5s cubic-bezier(.075,.82,.165,1)}.navbar__list.unactive:after{display:none}.navbar__list .icon{fill:#9197b3;width:24px;height:24px;transition:.3s cubic-bezier(.075,.82,.165,1)}.navbar__list .icon.navbar__link__arrow{width:16px;height:16px}.navbar__item{display:flex;align-items:center;z-index:1;transition:.5s cubic-bezier(.075,.82,.165,1)}.navbar__item:not(.active):hover{transform:translate(8px) scale(1.03)}.navbar__item.active .navbar__link__arrow{transform:translate(10px)}.navbar__item.active .navbar__link__text{color:#fff}.navbar__item.active svg{fill:#fff}.navbar__link{display:flex;align-items:center;width:100%;padding:11px 8px 11px 11px}.navbar__link__text{font-size:16px;color:#9197b3;margin-left:15px;transition:.4s cubic-bezier(.075,.82,.165,1) .1s;font-weight:500}.navbar__link__arrow{margin-left:auto;margin-right:5px}.dashboard{height:100%}.dashboard__content{height:100%;display:flex;gap:50px}.dashboard__statistics{height:150px;display:flex;align-items:center;gap:30px;background:#fff;border-radius:30px;padding:32px 50px}.dashboard__statistics__icon{width:42px;height:42px;fill:transparent;color:#00ac4f}.dashboard__statistics__info{display:flex;flex-direction:column}.dashboard__statistics__active-block{display:flex;align-items:center}.dashboard__statistics__active-icon{width:20px;height:20px;fill:transparent;color:#00ac4f;margin-right:4px}.dashboard__statistics__title{margin-bottom:4px;font-size:14px;color:#acacac}.dashboard__statistics__count{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.dashboard__statistics__percent{margin-right:5px;color:#00ac4f;font-weight:600}.dashboard__diagramm{width:200px;height:180px}.user{width:990px;height:670px;overflow-y:hidden}.user__menu{display:flex}.user__menu__item{background:#636e80;transition:.7s cubic-bezier(.075,.82,.165,1)}.user__menu__item.active{background:#fff}.user__menu__item.active button{color:#636e80}.user__menu__item:nth-child(1){border-radius:30px 0 0}.user__menu__button{transition:.7s cubic-bezier(.075,.82,.165,1);width:100%;height:100%;padding:10px;color:#fff;font-weight:600;font-size:15px}.user__content{height:100%;display:flex;flex-direction:column;border-radius:0 0 30px 30px;overflow:hidden;max-height:100%}.user__title{margin-bottom:20px}.user__details{background:#fff;max-height:100%;padding:24px 30px 0 44px;border-radius:0 30px 0 0;display:flex;justify-content:space-between;flex-grow:1;overflow:hidden;position:relative}.user__fields{display:flex;flex-direction:column;width:300px;gap:30px}.user__field{display:grid;grid-template-columns:1.8fr 2.4fr;justify-content:space-between;align-items:center;font-size:16px}.user__field__key{color:#65666b}.user__field__value{margin-left:20px}.user__tasks{height:100%;max-height:100%;overflow-y:auto;width:600px;position:relative}.user__tasks__scrollbar{display:none}.user__tasks__scrollbar.active{display:block;height:100%;position:absolute;right:0;top:0;width:14px;background:#a7a7a724}.user__tasks__slider{content:"";position:absolute;transform:translateY(-10%);top:5%;right:0;width:100%;height:40px;background:#5932ea;border-radius:20px}.user__tasks__list{display:flex;flex-direction:column;gap:30px;padding-bottom:20px}.user__tasks__item{display:flex;flex-direction:column;gap:12px}.user__tasks__item:after{content:"";height:2px;background:gray}.user__img{width:250px;height:250px;object-fit:cover}.user__about{display:flex;flex-direction:column}.user__contacts{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px;gap:10px}.user__contacts__link{display:flex;align-items:center;gap:5px;overflow:visible;transition:.5s cubic-bezier(.075,.82,.165,1);box-sizing:border-box;width:fit-content;height:fit-content}.user__contacts__link:hover{transform:scale(1.05)}.user__contacts__link:hover svg{fill:#5932ea;stroke:#5932ea;color:#5932ea}.user__contacts__icon-links{margin-top:10px;display:flex;align-items:center;gap:10px}.user__contacts__icon{transition:.5s cubic-bezier(.075,.82,.165,1);width:26px;height:26px;fill:#000;stroke:#000;color:#000}