.add-task-container{background:#fff;padding:16px;border-radius:10px;box-shadow:0 4px 10px #0000001a;max-width:350px;margin:auto}.add-task-container h3{font-size:18px;color:#333;margin-bottom:12px}.task-input,.task-select{width:90%;padding:10px;margin-bottom:12px;border:1px solid #ccc;border-radius:5px;font-size:14px}.task-input:focus,.task-select:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff4d}.add-task-button{width:100%;padding:10px;background-color:#007bff;color:#fff;font-size:14px;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.add-task-button:hover{background-color:#0056b3}.container{max-width:900px;margin:auto;background:#9a9dcf;border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000001a}.title{text-align:center;margin-bottom:20px}.main{display:flex;justify-content:space-between}.left-section{width:60%}.right-section{width:35%;display:flex;flex-direction:column;gap:20px}.section-title{font-size:1.2rem;margin-bottom:10px}section-wrapper{display:flex;flex-direction:row}.task-list{display:flex;flex-direction:column;gap:10px}.task-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #ddd;border-radius:5px;background:#f9f9f9}.checkbox{width:20px;height:20px}.task-text{flex-grow:1}.icon{cursor:pointer}.progress{display:flex;flex-direction:column}.progress-bar{height:10px;background:#ddd;border-radius:5px;overflow:hidden}.progress-fill{width:50%;height:100%;background:green}.add-task{display:flex;flex-direction:column;gap:10px}.input{padding:10px;border:1px solid #ddd;border-radius:5px}.add-button{padding:10px;background:#00f;color:#fff;border:none;border-radius:5px;cursor:pointer}.add-button:hover{background:#00008b}.footer{display:flex;justify-content:space-around;margin-top:20px}.footer-button{padding:10px 20px;border:none;border-radius:5px;background:#ddd;cursor:pointer}.footer-button:hover{background:#ccc}