@charset "UTF-8";body{margin:0;background-color:#fff;color:#2a2a2a;line-height:1.5;font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{margin-top:0}p{margin-top:0;margin-bottom:0}.Container{display:flex;max-width:1440px;transition:transform .3s ease-in-out}.Container.shifted{transform:translate(290px)}.TaskForm{display:flex;flex-direction:column;margin-top:24px;gap:12px}.TaskForm__textarea{min-height:100px;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border .2s ease;resize:none;overflow-y:auto;word-wrap:break-word;line-height:1.5}.TaskForm__textarea:focus{border-color:#646cd8}.TaskForm__button{width:100%;padding:12px;font-size:16px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.TaskForm__button:hover,.TaskForm__button:active{background:#388e3c}.IconButton{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background-color:#007bff;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.IconButton:hover{background-color:#006fe6;transform:scale(1.1)}.IconButton:active{transform:scale(1)}.IconButton:disabled{background-color:#bdbdbd;cursor:not-allowed}.IconButton--primary{background-color:#4caf50}.IconButton--danger{background-color:#f44336}.AddTaskButton{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;background-color:#4caf50;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}.AddTaskButton:hover{background-color:#388e3c;transform:scale(1.05)}.CloseModalButton{position:absolute;top:12px;right:12px;width:30px;height:30px;background:transparent;border:none;cursor:pointer;color:#555}.CloseModalButton:hover{color:#222;background-color:#d5e7d5;transform:scale(1.05)}.CloseModalButton:focus{outline:none}.openSidebar{position:flex;width:40px;height:40px;background:transparent;border:none;cursor:pointer;color:#555}.openSidebar:hover{color:#222;background-color:#d5e7d5;transform:scale(1.05)}.openSidebar:focus{outline:none}.Modal__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.Modal__content{position:relative;background:#fff;padding:24px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 10px #00000026}.StatusFilter{display:flex;align-items:center;gap:8px}.StatusFilter__button{padding:8px 16px;font-size:16px;font-weight:500;border:2px solid #3f51b5;background-color:transparent;color:#3f51b5;border-radius:4px;cursor:pointer;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.StatusFilter__button:hover,.StatusFilter__button:focus{background-color:#3f51b5;color:#fff}.StatusFilter__button--active{background-color:#303f9f;color:#fff;border-color:#303f9f}.Header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background-color:#a0ced9}.Header__button{padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.Header__button:first-child{background-color:#6c757d;color:#fff}.Header__button:last-child{background-color:#007bff;color:#fff}.Header__button:hover{background-color:#006fe6;transform:scale(1.05)}.Header__button:active{transform:scale(.95)}.Sidebar{position:fixed;top:64px;left:-290px;width:250px;height:100vh;padding:20px;background-color:#f8f9fa;display:flex;flex-direction:column;align-items:center;gap:15px;box-shadow:2px 0 5px #0000001a;transition:left .3s ease-in-out;z-index:1000}.Sidebar.open{left:0}.TaskCounter{display:flex;gap:20px;font-size:16px;font-weight:500;color:#333}.TaskCounter__item{padding:4px 12px;margin-top:10px;margin-bottom:10px}.TaskCounter__active{color:#ff9800}.TaskCounter__completed{color:#4caf50}.TaskList{padding:0;margin:0;list-style:none}.TaskList{display:flex;flex-wrap:wrap;flex-direction:column;gap:24px;width:500px}.TaskList__item{min-width:500px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid #2a2a2a;border-radius:8px;background-color:#fff;transition:background-color .3s ease-in-out;gap:12px}.TaskList__item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background-color:#4caf50;transform:scaleX(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}.TaskList__item--completed{opacity:.6;background-color:#f4f4f4}.TaskList__item--completed:before{transform:scaleX(1)}.TaskList__text{flex-grow:1;font-size:16px;font-weight:500;margin:0}.TaskList__item--completed .TaskList__text{text-decoration:line-through;color:#757575}.TaskList__checkbox{cursor:pointer;width:24px;height:24px}.TaskList__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background-color:transparent;cursor:pointer;color:#f44336;transition:background-color .3s ease-in-out}.TaskList__btn:hover,.TaskList__btn:focus{background-color:#f443361a}.TaskList__btn:active{background-color:#f4433633;box-shadow:0 4px 4px #00000026}.MainContent{flex:1;display:flex;align-items:center;flex-direction:column;transition:margin-left .3s ease-in-out;padding-left:24px;padding-right:24px;width:500px}.MainContent.shifted{margin-left:290px}.Loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.Loading img{width:150px;opacity:.8;animation:pulse 1.5s infinite alternate ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.1);opacity:1}}.NoFound{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.NoFound img{width:600px;max-width:90%;opacity:.9;animation:fadeIn 2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:.9;transform:translateY(0)}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.CustomCalendar{width:100%!important;max-width:240px;font-size:14px;border:none;border-radius:8px;box-shadow:0 2px 5px #0000001a}.CustomCalendar .react-calendar__navigation button{color:#333;font-size:14px;font-weight:700}.CustomCalendar .react-calendar__tile{border-radius:4px;transition:background-color .2s}.CustomCalendar .react-calendar__tile:hover{background-color:#e0e0e0}.CustomCalendar .react-calendar__tile--now{background-color:#4caf50;color:#fff;border-radius:4px}