.todo-container{display:flex;flex-direction:column;padding:20px}.todo-container .header-section{background-color:#000;color:#fff;padding:10px;margin-bottom:20px;border-radius:8px;text-align:center}.todo-container .header-section h1{font-size:1.5rem}.todo-container .content-section{display:flex;gap:20px}.todo-container .content-section .add-todo{flex:1;padding:20px;border:1px solid #ccc;border-radius:8px}.todo-container .content-section .add-todo .form-group{margin-bottom:10px}.todo-container .content-section .add-todo .form-group label{display:block;margin-bottom:5px}.todo-container .content-section .add-todo .form-group input{width:100%;padding:5px;border:1px solid #ccc;border-radius:4px}.todo-container .content-section .add-todo .add-todo-button{background-color:#3875f0;color:#fff;border:none;padding:10px 20px;cursor:pointer}.todo-container .content-section .add-todo .add-todo-button:hover{background-color:#1a56dc}.todo-container .content-section .add-todo .difficulty-slider{cursor:pointer;accent-color:rgb(75,134,252)}.todo-container .content-section .add-todo .difficulty-slider:hover .mantine-Slider-tooltip{display:block}.todo-container .content-section .todos{flex:2;display:flex;flex-direction:column}.todo-container .content-section .todos .todo-item{margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.todo-container .content-section .todos .todo-item .pending-button{background-color:green;color:#fff;border:none;padding:8px 16px;cursor:pointer;border-radius:16px;font-size:14px}.todo-container .content-section .todos .todo-item .pending-button.completed{background-color:red}.todo-container .content-section .todos .todo-item .pending-button:hover{background-color:#006400}.todo-container .content-section .todos .todo-item .close-button{margin-left:10px;font-size:16px;cursor:pointer}.todo-container .content-section .todos .todo-item .todo-content{display:flex;align-items:center}.settings-container{display:flex;flex-direction:column;padding:20px;margin-top:20px}.settings-header{background-color:#000;color:#fff;padding:10px;margin-bottom:20px;border-radius:8px;text-align:center}.settings-header h1{font-size:1.5rem}.settings{margin-top:20px}.settings .mantine-Group-root{margin-bottom:10px}.settings .mantine-Group-root label{display:block;margin-bottom:5px}.settings .mantine-Group-root input{width:100%;padding:5px;border:1px solid #ccc;border-radius:4px}.settings button{margin-top:10px;background-color:#3875f0;color:#fff;border:none;padding:10px 20px;cursor:pointer}.settings button:hover{background-color:#1a56dc}.settings .updated-settings{margin-top:20px;padding:10px;border:1px solid #ccc}.header{display:flex;justify-content:space-between;align-items:center;background-color:#3288ff;padding:10px;margin-bottom:-5px}.header .header-left{display:flex;gap:15px}.header .header-right{color:#000}.header .header-right .logout-button{background-color:red;color:#fff;border:none;padding:5px 10px;cursor:pointer}.header a{color:#fff;text-decoration:none}.header a:hover{text-decoration:underline}.app{text-align:center}.app-header{display:flex;justify-content:space-between;background-color:#3875f0;padding:10px}.left-header{display:flex;gap:10px}.right-header{display:flex;align-items:center}.nav-link{color:#fff;text-decoration:none}.logout-button{background-color:#ee7118;color:#fff;border:none;padding:10px;cursor:pointer}.logout-button:hover{background-color:#8b0000}footer{text-align:right;margin-top:20px;margin-right:20px}