.container{margin:0 auto;max-width:600px;padding:4px;width:100%}.container h1{background-color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px;padding:10px 0;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.task-list-container{margin-bottom:20px;max-height:580px;overflow-x:hidden;overflow-y:auto;padding-left:4px;padding-right:10px}.task-list-container::-webkit-scrollbar{width:0;width:8px}.task-list-container::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:4px}.task-list-container::-webkit-scrollbar-track{background:#f1f1f1}.task-row{align-items:flex-start;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-bottom:12px;padding:12px;transition:background-color .3s ease}.task-row.enabled{background-color:#e0ffe0}.task-row.disabled{background-color:#f1f1f1}.task-row h3{color:#333;flex-grow:1;font-size:1.1rem;font-weight:600;margin:0}.task-row span{font-size:.8rem;margin-top:5px;width:100%}.edit-button{background-color:#007bff;margin-left:auto}.delete-button,.edit-button{align-self:center;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-right:2px;margin-top:0;padding:6px 9px;transition:background-color .3s ease;width:auto}.delete-button{background-color:darkred}.task-row button:hover{background-color:#0056b3}input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#ccc;border-radius:50px;cursor:pointer;height:25px;position:relative;width:50px}input[type=checkbox]:checked{background-color:#007bff}input[type=checkbox]:before{background-color:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:.3s;width:18px}input[type=checkbox]:checked:before{left:25px}@media (max-width:768px){.container{margin:0 auto;max-width:350px;padding:4px;width:100%}.task-form-container{padding:20px;width:600px}.task-row{align-items:center;justify-content:flex-end}.task-row button,.task-row input[type=checkbox]{margin-left:12px}.task-row h3{font-size:1rem}.task-row span{font-size:.7rem}}.task-form-container{max-width:100%;overflow-x:hidden;padding:10px}body,html{overflow-x:hidden;width:100%}.new-task-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px;position:absolute;right:20px;top:15px;transition:background-color .3s ease;width:50px;z-index:100}.new-task-button:hover{background-color:#0056b3}.task-form-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;margin:0 auto;max-width:600px;padding:20px;width:100%}h2{font-size:24px}.form-group{text-align:left}input,select,textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}textarea{resize:vertical}button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;width:100%}button:disabled{background-color:#ccc}.error-message{margin-bottom:15px}.status-switch{display:flex;justify-content:space-between}.status-switch input{margin-right:5px}@media (max-width:600px){.task-form-container{padding:15px}h2{font-size:20px}input,label,select,textarea{font-size:14px}button{padding:10px}}.modal-overlay{z-index:9999}.modal-content{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:600px;padding:20px;position:relative;width:90%}.modal-close-btn{background:#0000;border:none;color:#171717;cursor:pointer;font-size:2rem;position:absolute;right:10px;top:10px;transition:color .3s ease}.modal-close-btn:hover{color:darkred}.modal-body{max-height:80vh;overflow-y:auto}@media (max-width:600px){.modal-content{max-width:100%;padding:15px;width:100%}.modal-close-btn{font-size:1.5rem}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;max-width:500px;padding:20px 30px;text-align:center;width:80%}.modal-content h2{font-size:1.5rem;font-weight:700;margin-bottom:10px}.modal-content p{color:#333;font-size:1rem;margin-bottom:20px}.modal-buttons{align-items:center;display:flex;gap:15px;justify-content:space-around}.modal-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;max-width:150px;min-width:100px;padding:12px 20px;transition:background-color .3s ease}.modal-button.yes{background-color:#4caf50;color:#fff}.modal-button.no{background-color:#f44336;color:#fff}.modal-button:hover{opacity:.9}@media (max-width:600px){.modal-content{padding:20px;width:90%}.modal-button{font-size:.9rem;padding:10px 15px}}.hamburger{cursor:pointer;font-size:30px;left:20px;position:absolute;top:20px;z-index:100}.sidebar{background-color:#111;height:100%;left:0;overflow-x:hidden;padding-top:60px;position:fixed;top:0;transition:.5s;width:0;z-index:999}.sidebar.open{width:250px}.sidebar a{color:#818181;display:block;font-size:18px;padding:8px 8px 8px 32px;text-decoration:none;transition:.3s}.sidebar a:hover{color:#f1f1f1}.sidebar .closebtn{font-size:36px;margin-left:50px;position:absolute;right:25px;top:0}.collapsible{background-color:#111;border:none;color:#fff;cursor:pointer;font-size:18px;padding:8px 8px 8px 32px;text-align:left;width:100%}.collapsible.active,.collapsible:hover{background-color:#444}.content{background-color:#333;display:none;overflow:hidden;padding:0 8px 8px 32px}.content a{color:#818181;text-decoration:none}.content a:hover{color:#f1f1f1}.collapsible.active+.content{display:block}@media (max-width:768px){.hamburger{display:block}}@media (min-width:769px){.hamburger{display:block}}body{font-family:Arial,sans-serif;margin:0}.login-container{align-items:center;background-color:#f4f4f9;display:flex;height:80vh;justify-content:center;padding:20px}.login-form{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:20px;width:100%}.form-group{margin-bottom:15px}label{color:#555;display:block;font-weight:700;margin-bottom:5px}input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;width:100%}input:focus{border-color:#007bff;outline:none}.btn{background-color:#007bff;border-radius:5px;font-size:16px;padding:10px}.btn:disabled{cursor:not-allowed}.error-message{margin-bottom:10px;text-align:center}.dashboard-container{background-color:#f9f9f9;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}h2{color:#333;font-size:2rem;margin-bottom:20px;text-align:center}.user-details{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px auto 0;max-width:600px;padding:20px}.user-details p{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:12px}.user-details p strong{color:#007bff}@media (max-width:768px){.dashboard-container,.user-details{padding:15px}h2{font-size:1.5rem}.user-details p{font-size:1rem}}.signup-container{align-items:center;background-color:#f4f4f9;border-radius:8px;height:80vh;justify-content:center;margin:0 auto;max-width:400px;padding:20px;width:90%}.signup-form h2{text-align:center}.form-group,.signup-form h2{margin-bottom:1rem}.form-group label{display:block;font-weight:700;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8rem;width:100%}.error-message{color:red;margin-bottom:1rem}.btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem;width:100%}.btn:disabled{background-color:#aaa}.btn:hover{background-color:#45a049}
/*# sourceMappingURL=main.b9a22c1d.css.map*/