:root{min-height:100vh}body{background:linear-gradient(135deg,#0b1425,#240a3d);color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}.container{max-width:1280px;margin:0 auto;text-align:center}*{padding:0;margin:0}.app-container{min-height:70vh;overflow:hidden}.navbar{padding:1rem 2rem;margin-bottom:3rem;color:#fff}.nav{display:flex;gap:1rem;justify-content:space-between;align-items:center}.app-wrapper{max-width:500px;max-height:90vh;color:#fff;background:linear-gradient(135deg,#090e16,#100818);margin:auto;padding:2rem 1rem 1rem;border-radius:10px}.app-title{color:#ddd;display:flex;align-items:center;justify-content:flex-start;width:auto}.form{display:flex;justify-content:space-between;align-items:flex-end;margin:0 10px;gap:10px}.form input{border:none;padding:1rem;outline:none;font-size:14px;font-weight:50px;border-radius:10px!important;width:72%;height:10px;background:#fff}.form .btn{border-radius:10px;width:20%;border:none;padding:15px!important;background:#4b0e5a;color:#fff;cursor:pointer;opacity:.8}.btn:hover{opacity:1}.item-list{list-style:none;margin:2rem 0;max-height:60vh;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.item-list::-webkit-scrollbar{display:none}.item-list li{width:auto;display:flex;justify-content:space-between;align-items:flex-start;border:1px solid #444;background:#334;padding:10px;border-radius:10px;font-size:1.2rem;margin-top:1rem;cursor:pointer}.item-list li .item{position:relative;display:flex;padding:0 0 0 2rem;font-size:14px;color:#ddd;align-self:flex-start;text-align:left}.item-list li .item .checkbox{content:"";position:absolute;height:12px;width:12px;border-radius:50%;background:url(data:image/png;base64,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) no-repeat center center/cover;top:5px;left:0;margin-right:.5rem}.item-list li .item.checked{color:#555;text-decoration:line-through}.item-list li .item.checked .checkbox{content:"";position:absolute;height:15px;width:15px;background:url(/assets/done-BywGCsnP.png) no-repeat center center/cover;top:4px}li .status{color:#fff;font-size:10px;padding:2px 4px;border-radius:5px}li .status.high{background:red}li .status.mid{background:orange}li .status.low{background:#6868c4dd}li .status.completed{background:green;opacity:.5}.btn-delete{background-color:transparent;border:none;color:red;padding:7px}.btn-edit:hover,.btn-delete:hover{transform:scale(1.1);cursor:pointer}.editing{pointer-events:none;opacity:.5}.btn-clear{padding:10px;border-radius:10px;display:block;border:1px solid rgb(240,164,164);margin:1rem auto 0;cursor:pointer;background:none;color:#fff;opacity:.7}.btn-clear:hover{opacity:1}.title{display:flex;width:100%;justify-content:center;margin:1rem 0;font-size:12px;color:#ccc}.footer-info{display:flex;justify-content:center;align-items:center;color:#fff;margin:4rem 0}.nav .priority{padding:5px 15px 5px 5px;border-radius:10px;margin-top:5px;background:#170533;color:#eff;display:block}.nav .priority:hover{display:block}@media screen and (max-width: 500px){.navbar{padding:1rem;margin-bottom:0rem}.filter-menu{left:-50px!important}.app-wrapper{margin:1rem;padding:1rem 1rem 2rem}.title{margin-bottom:1.5rem}.btn{display:flex;justify-content:center;align-items:center}.item-list li .item{padding-left:1.5rem}.item-list li,.form input,.btn-filter,.app-title{font-size:small}.footer-info{font-size:small;padding:1rem;display:block;text-align:center;margin:1rem 0}}.deleted-items{position:absolute;top:60px;right:0;background:#0000004d;max-width:500px;max-height:100vh;padding:1rem;z-index:999;overflow-y:auto;overflow-X:hidden;border-radius:10px}.item-container{max-width:500px;height:100%;margin-right:3rem}ul{list-style:none}.deleted-items-list{width:100%;height:100%;padding:2rem;border-radius:10px}li{width:100%;font-size:14px;margin:.5rem}