*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.main{align-items:center;display:flex;flex-direction:column;padding:20px}.logo{margin-bottom:20px;width:100px}.logoutBtn{border:none;border-radius:5px;font-size:16px;padding:10px 20px;position:absolute;right:10px;top:10px}.addTaskBtn,.logoutBtn{background-color:#000;color:#fff;cursor:pointer}.addTaskBtn{align-items:center;border:none;border-radius:50%;bottom:20px;display:flex;height:50px;justify-content:center;position:fixed;right:20px;width:50px}.addTaskBtn:hover{background-color:#735da5}.addTaskBtn svg{height:24px;width:24px}.modal{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal,.modal-content{align-items:center;display:flex;justify-content:center}.modal-content{background-color:#fff;border-radius:10px;flex-direction:column;height:70%;padding:20px;position:relative;width:70%}.closeTaskBtn{align-items:center;background-color:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;padding:5px;position:absolute;right:20px;top:20px;width:30px}.closeTaskBtn:hover{background-color:#735da5}.taskItems{display:flex;flex-wrap:wrap;gap:1%;justify-content:center;width:100%}.modal .logo1{width:200px}.filter-buttons{display:flex;justify-content:center;margin-bottom:20px}.filter-buttons button{background-color:initial;border:none;color:#333;cursor:pointer;font-size:16px;margin:0 10px;padding:10px 20px;transition:color .3s,border-bottom-color .3s}.filter-buttons button.active{border-bottom:2px solid #007bff;color:#007bff}.filter-buttons button:hover{color:#007bff}.taskForm{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;width:100%}.taskForm input[type=text],textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-bottom:15px;max-width:500px;padding:10px;width:100%}.taskForm textarea{height:100px;resize:none}.taskForm button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}.taskForm button,.taskForm button:hover{background-color:#000}.taskForm button[type=button]{background-color:#6c757d;margin-left:10px}.taskForm button[type=button]:hover{background-color:#5a6268}.task{align-items:center;background-color:#fff;border:2px dotted var(--taskcolor);border-radius:8px;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:200px;justify-content:space-between;margin:1rem 0;min-width:200px;padding:1rem;transition:background-color .3s ease;width:20%}.task:hover{cursor:pointer}.task .left{display:flex;flex-direction:column;gap:10px;height:100%;overflow-y:scroll;padding-right:20px;width:100%}.task .left::-webkit-scrollbar{width:3px}.task .left::-webkit-scrollbar-track{background:#0000;border-radius:10px}.task .left::-webkit-scrollbar-thumb{background-color:var(--taskcolor);border:2px solid var(--taskcolor);border-radius:10px}.task .left::-webkit-scrollbar-thumb:hover{background-color:initial}.task .left::-moz-scrollbar-thumb:hover{background-color:#555}.task .left h3{color:#333;font-size:1rem;font-weight:500;margin:0}.task .left p{color:#666;font-size:.8rem;font-weight:500}.task .right{display:flex;flex-direction:column;gap:.5rem;margin-left:5px}.task button{background:none;border:none;border-radius:50%;cursor:pointer;transition:background-color .3s ease}.task button:hover{background-color:#e0e0e0}.task button svg{stroke:#fff;height:24px;width:24px}.task button.editbtn svg{stroke:#007bff}.task button.deletebtn svg{stroke:#dc3545}.task button.markcomplete{align-items:center;background-color:#28a745;display:flex;justify-content:center;padding:1px}.task button.markcomplete svg{stroke:#fff;height:20px;width:20px}.task button.markincomplete svg{stroke:#d3d3d3;height:23px;width:23px}.authPage{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.authPage img{width:200px}.toggleButtons{margin-bottom:20px}.toggleButtons button{background-color:initial;border:none;cursor:pointer;font-size:16px;margin:0 10px;padding:10px 20px}.toggleButtons button.active{background-color:initial;border-bottom:2px solid #000;color:#000}.authform{align-items:center;display:flex;flex-direction:column}.authform input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:10px;padding:10px;width:300px}.authform button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.authform button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.2402f433.css.map*/