@charset "UTF-8";.myCheckbox{display:flex;align-items:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin-top:5px;transition:.3s;font-size:14px}.myCheckbox input{width:0;height:0}.myCheckbox span{margin-top:5px;margin-right:10px;border-radius:4px;width:20px;height:20px;background-color:var(--entiteis-deep-color);transition:60ms}.myCheckbox span:before{top:-14;position:absolute;content:"";stroke:#fff;background-size:cover;background-image:url(public/check.svg);width:20px;height:20px;opacity:0}.myCheckbox input:checked+span:before{opacity:1}.myCheckbox input:checked+span{background-color:var(--action-color)}.myCheckbox:hover{color:var(--action-color)}.Filter{width:300px;height:max-content;padding:75px 25px 35px;background-color:var(--entiteis-color);display:flex;flex-wrap:wrap;justify-content:center}.Filter .FilterSection{width:80%;height:max-content}.Filter .FilterSection .Filter-Header{font-size:16px;font-weight:700;margin-top:25px;margin-bottom:15px}.Filter .FilterInput{width:90%}.Filter .FilterInput .FilterInput-time{display:flex;align-items:center}.Filter .FilterInput .FilterInput-time input{width:100%;margin-right:15px}.Filter .FilterInput .Filter-hed{margin-top:25px;font-size:16px;font-weight:700}.Filter .FilterInput input{width:100%;margin-top:10px}.TaskItem{width:49%;min-width:350px;height:280px;background-color:var(--entiteis-color);padding:20px 30px;border-radius:10px;transition:.3s}.TaskItem .TaskItem-header{margin-bottom:15px;font-size:24px;font-weight:700}.TaskItem .status{width:100%;height:5px;background-color:#fff;border-radius:10px}.TaskItem .active{background-color:var(--action-color)}.TaskItem .over{background-color:var(--entiteis-deep-color)}.TaskItem .later{background-color:#fff}.TaskItem .mode{display:flex;justify-content:space-between}.TaskItem .TaskItem-Section{margin-top:20px;font-size:14px}.TaskItem .TaskItem-Section .TaskItem-name{font-size:16px;margin-bottom:10px}.TaskItem .TaskItem-Section .TaskItem-priority{width:100%;flex-grow:1;display:flex;gap:10px;transition:.3s}.TaskItem .TaskItem-Section .TaskItem-priority .TaskItem-priorityItem{transition:.3s;border-radius:10px;width:100%;height:5px;background-color:var(--entiteis-deep-color)}.TaskItem .TaskItem-Section .TaskItem-priority .active,.TaskItem:hover{background-color:var(--action-color)}.TaskItem:hover .active,.TaskItem:hover .TaskItem-priority .TaskItem-priorityItem,.TaskItem:hover .TaskItem-priority .active{background-color:#fff}.TaskArea{margin-left:6vw;width:100%;margin-top:60px;display:flex;gap:15px;flex-wrap:wrap}.right-side{width:65%}.panelTasks{border-radius:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:25px 45px;margin-left:6vw;width:100%;height:110px;background-color:var(--entiteis-color);margin-top:60px}.panelTasks div{width:100%;text-align:center;margin-bottom:15px}button{cursor:pointer;color:var(--text-color);background-color:var(--action-color);border-radius:var(--border-radius-forEntiteis);padding:5px 15px;font-size:14px;transition:.3s}button:hover{background-color:#3a4aa8}.Auth{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.Auth .AuthBody{border-radius:10px;padding:25px;width:30%;height:max-content;background-color:var(--entiteis-color)}.Auth .AuthBody .AuthBody-header{text-align:center;font-size:24px;font-weight:700}.Auth .AuthBody .buttons{display:flex;justify-content:space-between}.Auth .AuthBody .AuthBody-section{margin-top:15px}.Auth .AuthBody .AuthBody-section .AuthBody-tittle{margin-bottom:5px;font-size:16px}.Auth .AuthBody .AuthBody-section input{width:100%}.statistic{padding:0 2vw;justify-content:center;flex-wrap:wrap;display:flex;height:max-content;gap:25px;align-items:center}.statistic .statistic-block{margin-top:25px;width:30vw;height:30%}.statistic .statistic-block .statistic-header{font-size:24px;font-weight:700}.Header{z-index:100;position:fixed;display:flex;width:100%;height:50px;background-color:var(--entiteis-color)}.Header .Header-navigation{align-items:center;padding-left:7vw;display:flex;gap:25px}.Header .Header-navigation .Header-nav-item{font-size:14px}.popupTask .bg{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#00000080}.popupTask .popupTask-body{display:flex;flex-wrap:wrap;border-radius:10px;justify-content:center;padding:35px;position:fixed;top:10%;left:35%;z-index:500;width:30vw;background-color:var(--entiteis-color)}.popupTask .popupTask-body .header{font-size:24px;font-weight:700}.popupTask .popupTask-body .popupTask-section{margin-top:20px;width:100%}.popupTask .popupTask-body .popupTask-section div{margin-bottom:10px;font-size:16px;font-weight:700}.popupTask .popupTask-body .popupTask-section input{width:100%}.popupTask .popupTask-body .popupTask-section textarea{border-radius:10px;height:100px;width:100%;resize:none;transform-origin:0 0;background-color:var(--entiteis-input-color)}.popupTask .popupTask-body .popupTask-section textarea:hover{border:2px solid var(--action-color)}.popupTask .popupTask-body .popupTask-section .popupTask-typeTask{display:flex;gap:10px}.popupTask .popupTask-body .popupTask-section .popupTask-typeTask .passive{background-color:var(--disAction-color)}.popupTask .popupTask-body .popupTask-section .popupTask-prior{gap:5px;display:flex;flex-grow:1}.popupTask .popupTask-body .popupTask-section .popupTask-prior .passive{background-color:var(--disAction-color)}.popupTask .popupTask-body .popupTask-section .popupTask-prior button{height:5px;width:100%}.popupTask .popupTask-body .time input{width:30%}.popupTask .popupTask-body .butt{display:flex;justify-content:space-between}.popupTask .popupTask-body .butt #dd{background-color:var(--disAction-color)}.PopupChoice{position:fixed;left:0;top:0}.PopupChoice .PopupChoice-bg{position:fixed;width:100vw;height:100vh;background-color:#00000080}.PopupChoice .PopupChoice-body{border-radius:10px;padding:35px 45px;margin-left:30vw;margin-top:15vh;width:40vw;height:max-content;background-color:var(--entiteis-color)}.PopupChoice .PopupChoice-body .PopupChoice-header{font-size:24px;font-weight:700;width:max-content;margin:auto}.PopupChoice .PopupChoice-body .PopupChoice-section{margin-top:25px}.PopupChoice .PopupChoice-body .PopupChoice-section .PopupChoice-sectionHeader{font-size:16px;font-weight:700}.PopupChoice .PopupChoice-body .PopupChoice-section .PopupChoice-desc{font-size:14px}.PopupChoice .PopupChoice-body .PopupChoice-buttonSection{margin-top:25px;display:flex;justify-content:space-between}.popupAction{display:flex;position:fixed;top:90vh;left:5vw;width:max-content;height:max-content;padding:10px 30px;background-color:var(--action-color);animation:slide-in 1s ease-out forwards;border-radius:10px;vertical-align:top}.popupAction div{margin-top:3px}@keyframes slide-in{0%{transform:translate(-100%);opacity:0}35%{transform:translate(0);opacity:1}80%{transform:translate(0);opacity:1}to{opacity:0}}:root{--body-color: #3D3E42;--entiteis-color: #2A2B2E;--entiteis-deep-color: #1E1E1E;--entiteis-input-color: #222325;--action-color: #546AFF;--disAction-color: #1E1E1E;--text-color: #ffffff;--border-radius-forEntiteis: 10px;--pading-for-entiteis: 10px 15px}*{z-index:10;margin:0;padding:0;border:0;position:relative;box-sizing:border-box;text-decoration:none;font-family:Arial;color:var(--text-color)}body{background-color:var(--body-color)}input{background-color:var(--entiteis-input-color);border-radius:10px;height:30px}input:hover{border:2px solid var(--action-color)}
