.task{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 3px #0003;cursor:pointer;margin-bottom:10px;padding:8px;transition:transform .2s,box-shadow .2s}.task:hover{box-shadow:0 5px 10px #0003;transform:translateY(-2px)}.task-content{display:flex;flex-direction:column}.task-title{font-weight:700}.task-description{font-weight:700;margin-top:2px;padding:2px}.task-label{border-radius:3px;color:#fff;display:flex;font-size:.8rem;gap:5px;padding:2px 5px}.task-label.red{background-color:#f44336}.task-label.green{background-color:#4caf50}.task-label.blue{background-color:#2196f3}.task-priority{background-color:#2632381a;border-radius:10%;font-size:.9rem;height:25px;padding:1px;width:25px}.task-priority,.task-priority-text{align-items:center;display:flex;font-weight:700;justify-content:center}.task-priority-text{border-radius:50%;color:#fff;font-size:.75rem;height:18px;width:18px}.task-priority-text.low{background-color:grey}.task-priority-text.normal{background-color:#148f14}.task-priority-text.medium{background-color:#2c2cd3}.task-priority-text.high{background-color:#db981b}.task-priority-text.critical{background-color:#e02c2c}.task-date{display:flex;justify-content:end;width:100%}.task-due-date{background-color:#2632381a;border-radius:10%;color:#263238;font-size:.8rem;font-weight:700;padding:4px}.progress-bar{display:flex;justify-content:space-between;margin-bottom:5px;margin-top:5px}.dot{background-color:#b5e9f3;height:8px;width:8px}.dot.low-progress{background-color:#ff4d4d}.dot.medium-progress{background-color:#fc0}.dot.high-progress{background-color:#4caf50}.column{background-color:#e2e4e6;border-radius:5px;display:flex;flex-direction:column;padding:10px;width:250px}.column-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.dropdown{display:inline-block;margin-bottom:10px;position:relative}.add-task{background-color:#2632381a;border:1px solid #2632381a;border-radius:10px;color:#555c5d;cursor:pointer;font-size:27px;padding:1px 8px}.add-task:hover{color:#161616}.input-add-task{background-color:#f4f4f9;border-radius:5px;box-shadow:0 8px 16px 0 #0003;display:flex;flex-direction:row;margin-top:5px;padding:10px;position:absolute;right:0;top:100%;z-index:6000}.task-input{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-right:10px;padding:8px}.submit-task-button{background-color:#1c6870;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.submit-task-button:hover{background-color:#124d53}.task-list{flex-grow:1;height:500px;min-height:100px;overflow-x:hidden;overflow-y:auto;padding:10px}.task-list::-webkit-scrollbar{width:8px}.task-list::-webkit-scrollbar-thumb{background-color:#b7bfc4;border:3px #f4f4f9;border-radius:20px;height:100px}.task-list::-webkit-scrollbar-thumb:hover{background-color:#878f91}@media (max-width:768px){:column{margin-bottom:20px;width:100%}}.board{display:flex;gap:10px;padding:20px}body{background-color:#f4f5f7;font-family:Lato,sans-serif;height:100vh;margin:0;overflow-x:auto;padding:0}.App,body{align-items:center;display:flex;justify-content:center}.App{width:100%}.task-drawer-container{display:flex;flex:2 1}.board-container{flex:1 1}.task-drawer{background-color:#fff;border-radius:5px;box-shadow:-2px 0 5px #00000080;display:flex;flex-direction:column;height:97vh;overflow:hidden;position:fixed;right:0;top:10px;transition:right .2s cubic-bezier(.82,.085,.395,.895);width:300px;z-index:6000}.task-overlay{position:fixed;right:-800px}.drawer-content{overflow-y:auto;padding:40px}.close-button{align-self:flex-end;background:none;border:none;color:#555c5d;cursor:pointer;font-size:16px}.drawer-input,.drawer-select-priority,.drawer-textarea{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px;width:100%}.drawer-options{font-size:14px}.drawer-options-priority-text{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:18px;justify-content:center;width:18px}.drawer-options-priority-text.low{background-color:grey}.drawer-options-priority-text.normal{background-color:#148f14}.drawer-options-priority-text.medium{background-color:#2c2cd3}.drawer-options-priority-text.high{background-color:#db981b}.drawer-options-priority-text.critical{background-color:#e02c2c}.labels{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.taskDetails-label{border-radius:3px;display:flex;font-size:.8rem;gap:5px;padding:2px 5px}.taskDetails-label.red{background-color:#f44336;color:#fff}.taskDetails-label.green{background-color:#4caf50;color:#fff}.taskDetails-label.blue{background-color:#2196f3;color:#fff}.label-button{background-color:#2632381a;border:1px solid #2632381a;border-radius:10px;color:#555c5d;cursor:pointer;font-size:27px;padding:1px 8px}.drawer-save-button{background-color:#1c6870;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.drawer-save-button:hover{background-color:#124d53}@media (max-width:768px){.task-drawer{width:80%}}@media (max-width:480px){.task-drawer{width:100%}}.palette{display:flex;flex-wrap:wrap;gap:10px}.color-box{align-items:center;border-radius:5px;color:#fff;display:flex;font-weight:700;height:100px;justify-content:center;text-shadow:1px 1px 2px #00000080;width:100px}
/*# sourceMappingURL=main.f9d6bf42.css.map*/