.modal{z-index:50;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal.active{display:flex}.modal-content{opacity:0;background:#fff;border-radius:.5rem;width:100%;max-width:28rem;padding:1.5rem;transition:all .2s;transform:scale(.95)}.modal.active .modal-content{opacity:1;transform:scale(1)}.modal-sm .modal-content{text-align:center;max-width:20rem}.priority-low{color:#fff;background-color:#22c55e;border-radius:4px;padding:2px 6px;font-size:12px}.priority-medium{color:#fff;background-color:#eab308;border-radius:4px;padding:2px 6px;font-size:12px}.priority-high{color:#fff;background-color:#ef4444;border-radius:4px;padding:2px 6px;font-size:12px}.task-completed{color:#9ca3af;text-decoration:line-through}#task-list::-webkit-scrollbar{width:6px}#task-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}button{transition:all .15s ease-in-out}#add-category-inline{transition:all .2s}