html{min-width:268px}body{margin:0;padding:0;background-color:#2d2d30}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#555}.task-management-wrapper{display:flex;height:100vh;justify-content:center;flex-direction:column}.task-management-wrapper .sections{display:flex;justify-content:center;padding:1rem;gap:1rem;color:#fff;overflow:auto}@media (min-width: 992px){.sections{flex-direction:row}}@media (max-width: 768px){.sections{flex-direction:column;height:100%}.sections .tasklist-section,.sections .task-section{width:100%;height:50%}.sections .task-section .section__title{margin-bottom:0}.sections .task-section .actions{flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column}.sections .task-section .actions .action-buttons{flex-direction:column;width:100%;padding-bottom:.5rem}.sections .task-section .actions .action-buttons .section__button{width:100%;margin:0}}.task-management-wrapper{display:flex;height:100vh;justify-content:center;flex-direction:column;background-color:#2d2d30}.task-management-wrapper .title{display:flex;justify-content:center;color:#fff}.task-management-wrapper .sections{display:flex;height:100%;justify-content:center;padding:1rem;gap:1rem;color:#fff;overflow:auto}.toggle-switch{display:inline-flex;align-items:center;cursor:pointer}.toggle-switch-toggle{position:relative;display:flex;justify-content:center;width:80px;height:40px;background-color:#c27e00;border-radius:20px;transition:background-color .3s ease}.toggle-switch-toggle:before{content:"";position:absolute;top:4px;left:4px;width:32px;height:32px;background-color:#fff;border-radius:50%;transition:transform .3s ease}.toggle-switch-toggle:hover{background-color:#c27e00}.toggle-switch-checked .toggle-switch-toggle{background-color:#4caf50}.toggle-switch-checked .toggle-switch-toggle:before{transform:translate(40px)}.toggle-switch-labels{display:flex;align-items:center}.toggle-switch-label{display:flex;align-items:center;justify-content:center;padding:2px;transition:opacity .3s ease}.toggle-switch-label-selected{opacity:.5}.in-progress,.check-mark{width:26px;margin:0 .3rem;height:26px}input[type=text]{width:-moz-available;width:-webkit-fill-available;margin:0 1rem;padding:8px;border:1px solid #ccc;border-radius:4px}.tasklist-section{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:50%;border-radius:10px;background-color:#007acc;overflow:auto}.tasklist-section .search-container{width:100%}.tasklist-section .tasks-wrapper{margin-top:1rem;height:100%;width:100%;overflow:auto}.tasklist-section .tasks-wrapper .task-item{display:flex;justify-content:space-between;align-items:center;width:-moz-available;width:-webkit-fill-available;padding:1rem;margin-left:1rem;margin-right:1rem;border-radius:10px;background-color:#fff;margin-bottom:1rem;box-shadow:0 0 10px #0003;cursor:pointer}.tasklist-section .tasks-wrapper .task-item.task-item-selected{background-color:#b7b7b7}.tasklist-section .tasks-wrapper .task-item .task-item__id,.tasklist-section .tasks-wrapper .task-item .task-item__title,.tasklist-section .tasks-wrapper .task-item .task-item__description{font-size:1rem;font-weight:400;color:#000}.task-section{display:flex;justify-content:flex-start;flex-direction:column;width:50%;border-radius:10px;background-color:#007acc;align-items:center}.task-section .task-item{display:flex;flex-direction:column;padding:1rem;border-radius:10px;background-color:#fff;margin:0 1rem 1rem;box-shadow:0 0 10px #0003;height:100%;width:-moz-available;width:-webkit-fill-available}.task-section .task-item .task-item__status-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem}.task-section .task-item .task-item__status-row .task-item__status-title-col{display:flex;align-items:center;padding-right:1rem;width:100%}.task-section .task-item .task-item__status-row .task-item__status-title-col .task-item__title{font-size:1.5rem;font-weight:700;color:#000;border:none;width:100%;margin:0}.task-section .task-item .task-item__status-row .task-item__status-title-col .task-item__id{width:4rem;display:flex;flex-wrap:nowrap;font-size:1rem;font-weight:400;color:#000}.task-section .task-item .task-item__description{font-size:1rem;font-weight:600;color:#000;height:100%}.task-section .task-item .task-item__description .description-title{margin-top:0}.task-section .task-item .task-item__description .description{font-weight:400;width:100%;height:100%;resize:none;border:none}.actions{display:flex;justify-content:space-between;align-items:center;width:-moz-available;width:-webkit-fill-available;margin:0 1rem}.actions .section__title{padding-right:1rem}.actions .action-buttons{display:flex;gap:.5rem}.actions .action-buttons .section__button{background-color:#c27e00;color:#fff;border:none;border-radius:5px;padding:.5rem 1rem;font-size:1rem;font-weight:400;margin:1rem 0;cursor:pointer}.actions .action-buttons .section__button:hover:enabled{background-color:#0069d9;color:#fff}.actions .action-buttons .disabled{opacity:.5;cursor:not-allowed}