body{margin:0;padding:0;font-family:sans-serif}.app{max-width:1200px;margin:0 auto;padding:20px;font-weight:550;background-color:#f5f5f5}.header{display:flex;justify-content:space-between;align-items:center;color:#388cb8;border-radius:10px;background-color:#f7f690;padding:10px;border:5px solid #388cb8;box-shadow:0 0 1px 1px rgba(55,140,184,.3)}.logo{width:70px;height:70px;margin-right:10px}h1{text-align:center;margin:0;font-size:40px;font-weight:1000;color:#388cb8;font-family:system-ui}@media (max-width:768px){.app{padding:10px}.header{flex-direction:column;align-items:center}.logo,h1{text-align:center}}@media (min-width:769px) and (max-width:1024px){.app{padding:15px}.header{flex-direction:column;align-items:center}.logo,h1{text-align:center}}@media (min-width:1025px){.app{padding:20px}.header{justify-content:center;align-items:center}.logo,h1{text-align:center}}.task-item{display:flex;align-items:center;padding:10px;border-radius:10px;border:1px solid #388cb8;box-shadow:2px 1px 3px #388cb8;position:relative}.task-status{margin-right:10px;font-weight:700}.task-name,.task-status{padding:4px 8px;border-radius:10px}.task-name{flex:1 1;color:#388cb8}.task-item:before{content:"Click to add notes to task";position:absolute;top:70%;left:0;border:1px solid rgba(0,0,0,.8);background-color:#fff;padding:3px;border-radius:5px;font-size:10px;font-weight:100;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 2s}.task-item:hover:before{opacity:1}.task-name.new{color:#388cb8;font-weight:700;-webkit-animation:newTaskAnimation .8s ease-in-out 1;animation:newTaskAnimation .8s ease-in-out 1}@-webkit-keyframes newTaskAnimation{0%,to{opacity:0}50%{opacity:1}}@keyframes newTaskAnimation{0%,to{opacity:0}50%{opacity:1}}.task-name.processing{font-weight:450}.task-name.done,.task-name.processing{color:#388cb8;-webkit-animation:newTaskAnimation .8s ease-in-out 1;animation:newTaskAnimation .8s ease-in-out 1}.task-name.done{text-decoration:line-through;font-style:normal;font-weight:400}.buttons-right{margin-left:auto}button:hover{background-color:#ff2d03}.select-filter{color:#388cb8;font-weight:550px;padding:5px;border:1px solid #388cb8;border-radius:10px;background-color:#f7f690;font-weight:700}.select-filter:hover{border-color:#388cb8;box-shadow:2px 1px 3px #388cb8}.delete-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center}.modal-buttons{margin-top:20px}button{margin:0 10px;border:none;background-color:#ff2d03;color:#fff;border-radius:5px}button:hover{background-color:red}.task-list{margin-block:20px}.task-item{margin-bottom:10px}.task-form{margin-top:20px;align-items:center}form{display:flex;border-color:#388cb8}input[type=text]{color:#388cb8;flex:1 1;padding:5px;border-radius:10px;border:1px solid #388cb8;background-color:#fff;box-shadow:2px 1px 3px #388cb8}input:focus{box-shadow:3px 2px 5px #388cb8;outline:none}button{color:#388cb8;border:1px solid #388cb8;border-radius:10px;padding:5px 10px;cursor:pointer;margin-left:10px;font-weight:550}button,button:hover{background-color:#87f987}button:hover{color:red;box-shadow:2px 1px 3px #388cb8}#filter{color:#388cb8;font-weight:700;padding:5px;border:1px solid #388cb8;border-radius:10px;background-color:#f7f690}#filter,.select-filter{text-align:center}#filter:focus,#filter:hover{box-shadow:2px 1px 3px #388cb8;outline:none}.task-filter{align-items:center;margin-top:40px}label{margin-right:5px;color:#388cb8}.custom-modal{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999;outline:none}.custom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:998}.popup-inner{flex-direction:column;align-items:center;color:#388cb8;background-color:rgba(247,246,144,.9);padding:10px;border-radius:10px;border:1px solid #388cb8;box-shadow:2px 1px 3px #388cb8}.popup-buttons,.popup-inner{display:flex;justify-content:center}.popup-buttons{margin-top:10px}.popup-buttons button{margin:0 5px;width:100px}textarea.Notes{display:flex;align-items:center;color:#388cb8;padding:10px;border-radius:10px 10px 0 10px;border:1px solid #388cb8;background-color:#fff;height:200px;width:200px}textarea.Notes:focus{box-shadow:3px 2px 5px #388cb8;outline:none}select:focus{outline:none}.app-footer{background-color:#388cb8;color:#f7f690;padding:5px;text-align:center;border-radius:10px;box-shadow:0 0 1px 1px rgba(56,140,184,.3)}.copyright{padding:10px}.app-footer p{margin:0}.contact a{color:#fff;text-decoration:none;margin-left:5px;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.contact a:hover{text-decoration:underline}.social-media{margin-left:24px;margin-top:0}.social-media a{font-size:24px;color:#fff;margin:0 10px;text-decoration:none}.feedback-survey{margin-top:20px}.feedback-survey a{color:#56b4e9;text-decoration:none}.logo{width:50px;height:50px}
/*# sourceMappingURL=main.316f5456.chunk.css.map */