*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#707070;font-family:Roboto,sans-serif}.btn{background-color:#0d0d0d;border:none;border-radius:4px;color:#f5f5f5;cursor:pointer;font-size:16px;min-width:80px;padding:10px 16px;transition:all .3s ease}.btn:hover{background-color:#0c0c0c}.btn.secondary{background-color:#178ece}.btn.secondary:hover{background-color:#1580b9}.btn.success{background-color:#577c4f}.btn.success:hover{background-color:#4e7047}.btn.warning{background-color:#cd711b}.btn.warning:hover{background-color:#b96618}.btn.destructive{background-color:#d41b1b}.btn.destructive:hover{background-color:#bf1818}.icon{align-items:center;background-color:#0d0d0d;border:none;border-radius:4px;content:url(/static/media/dot.d12fa88ad7c09aee24a6.svg);cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;padding:5px;transition:all .3s ease;width:30px}.icon:hover{background-color:#0c0c0c}.icon.warning{background-color:#cd711b;content:url(/static/media/cross.05d75777cf74f8750ae5.svg)}.icon.warning:hover{background-color:#b96618}.icon.success{background-color:#577c4f;content:url(/static/media/check.89e0198043b10d6f9b6c.svg)}.icon.success:hover{background-color:#4e7047}.icon.secondary{background-color:#178ece;content:url(/static/media/pencil.3474241f47f970cc0092.svg)}.icon.secondary:hover{background-color:#1580b9}.icon.secondary.save{content:url(/static/media/save.103bf040eaffad93c183.svg)}.icon.secondary.arrow{content:url(/static/media/arrow.881ec5697d90a8cb42ae.svg)}.icon.destructive{background-color:#d41b1b;content:url(/static/media/trash.85bbd22569c1b10b2f1e.svg)}.icon.destructive.cross{content:url(/static/media/cross.05d75777cf74f8750ae5.svg)}.icon.destructive:hover{background-color:#bf1818}.input-box{background:#0000;border:none;border-radius:4px;box-shadow:0 0 10px #cfcfcf;font-size:18px;margin-right:10px;outline:none;padding:10px;transition:all .3s ease;width:100%}.input-box:focus{box-shadow:inset 0 0 10px #cfcfcf}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:9999}.toast-container .toast{align-items:center;animation:slideIn .3s ease-in-out forwards;background-color:#f5f5f5;border-radius:8px;box-shadow:0 0 10px #cfcfcf;color:#178ece;display:flex;padding:15px 20px;position:relative;transition:all .3s ease}.toast-container .toast:before{background-color:#178ece;content:"";display:inline-block;height:20px;margin-right:10px;-webkit-mask:url(/static/media/info.b84598de87fb51b573ba.svg) no-repeat center;mask:url(/static/media/info.b84598de87fb51b573ba.svg) no-repeat center;-webkit-mask-size:cover;mask-size:cover;width:20px}.toast-container .toast.success{color:#577c4f}.toast-container .toast.success:before{background-color:#577c4f;-webkit-mask:url(/static/media/check.89e0198043b10d6f9b6c.svg) no-repeat center;mask:url(/static/media/check.89e0198043b10d6f9b6c.svg) no-repeat center}.toast-container .toast.warning{color:#cd711b}.toast-container .toast.warning:before{background-color:#cd711b;-webkit-mask:url(/static/media/warning.492d53fed3a8080b18dc.svg) no-repeat center;mask:url(/static/media/warning.492d53fed3a8080b18dc.svg) no-repeat center}.toast-container .toast.error{color:#d41b1b}.toast-container .toast.error:before{background-color:#d41b1b;-webkit-mask:url(/static/media/cross.05d75777cf74f8750ae5.svg) no-repeat center;mask:url(/static/media/cross.05d75777cf74f8750ae5.svg) no-repeat center}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.container{border-radius:8px;box-shadow:0 0 10px #cfcfcf;margin:20px auto;max-width:800px;padding:15px}@media(max-width:768px){.container{margin:20px}}.page-title{font-size:30px;font-weight:bolder;margin-bottom:20px;text-align:center}.not-found{color:#d41b1b;font-weight:700;opacity:.5;text-align:center}.todo-list{display:flex;flex-direction:column;gap:15px}.todo-item{align-items:center;border-radius:4px;box-shadow:0 0 10px #cfcfcf;display:flex;gap:10px;justify-content:space-between;padding:8px 10px}.todo-item.complete .text{color:#577c4f;text-decoration:line-through}.create-todo,.todo-item .actions{align-items:center;display:flex;gap:10px}.create-todo{justify-content:space-between;margin-top:15px}.create-todo .btn{width:18%}@media(max-width:768px){.create-todo .btn{width:50%}}.completed-todos{display:flex;flex-direction:column;gap:15px;margin-top:30px}.completed-todos .head{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.completed-todos .title{color:#577c4f;font-size:20px;font-weight:bolder}
/*# sourceMappingURL=main.1bb1e131.css.map*/