body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.task-lists{display:flex;justify-content:space-between;padding:20px}.task-list{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;flex:1 1;height:100%;margin:0 10px;padding:16px}.task-list h2{margin-top:0}.droppable-area{display:flex;flex-direction:column;flex-grow:1}.task-card{border:1px solid #ccc;border-radius:8px;margin:8px 0;padding:16px}.task-card p{margin:0}.task-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:flex;margin:8px;padding:12px;transition:background-color .3s}.task-card.overdue{background-color:#ffe6e6}.task-card.due-today{background-color:#fff4e6}.drag-handle{align-items:center;cursor:grab;display:flex;padding-right:8px}.hamburger-icon{font-size:1.5em}.task-content{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:space-between}.task-title{flex:1 1;margin:0;text-align:center}.task-info{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.task-card h3{font-size:1.2em;margin:0 0 8px}.task-card p{font-size:.9em;margin:4px 0}.toolbar{align-items:center;background-color:#282c34;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.branding{font-size:1.5em;font-weight:700}.create-task-button{align-items:center;background-color:#61dafb;border:none;border-radius:4px;color:#282c34;cursor:pointer;display:flex;font-size:1em;padding:10px 20px}.create-task-button:hover{background-color:#21a1f1}.create-task-button svg{margin-right:8px}.timeline{background-color:#f0f0f0;border-bottom:1px solid #ccc;padding:20px}.timeline h2{margin-top:0}.timeline-content{display:flex;justify-content:space-between;overflow-x:auto;padding:10px 0;position:relative}.timeline-event{background-color:#fff;border:1px solid #ccc;border-radius:4px;margin:5px 0;padding:10px}.timeline-card{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;margin:20px;padding:20px;position:relative}.timeline-card h2{margin-top:0}.timeline-tasks{height:40px;margin-bottom:10px;position:relative}.timeline-task{align-items:center;background-color:#61dafb;border:1px solid #ccc;border-radius:4px;bottom:0;color:#282c34;cursor:pointer;display:flex;justify-content:center;margin-right:4px;overflow:hidden;padding:0 10px;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap}.timeline-current-time{border-left:2px dotted grey;bottom:0;position:absolute;top:0;width:0;z-index:1}.timeline-hour{background-color:#fff;border-right:1px solid #ccc;flex:1 1;padding:10px 0;position:relative;text-align:center}.timeline-hour:last-child{border-right:none}.modal-box{width:600px}.edit-task-card{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.edit-task-card>*{flex:1 1;margin-right:10px}.edit-task-card>:last-child{margin-right:0}.timeline-header{align-items:center;display:flex;justify-content:center}.timeline-header h2{margin:0}.timeline-header .edit-icon{margin-left:8px}.custom-modal-box{background-color:#fff;border-radius:8px;box-shadow:0 3px 5px #0000004d;left:50%;min-width:300px;padding:20px;position:absolute;top:10%;transform:translateX(-50%);width:50%}@media (max-width:1440px){.custom-modal-box{width:80%}}.custom-modal-box table{table-layout:fixed;width:100%}.table-cell-length,.table-cell-time{width:15%}.table-cell-actions{width:5%}.table-cell-title{width:20%}.table-cell-description,.table-cell-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell-description{width:30%}.modal-box{background-color:#fff;border-radius:8px;box-shadow:0 3px 5px #0000004d;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.inline-fields{display:flex;gap:16px;margin-top:16px}.date-picker-inline{flex:1 1;margin-left:16px}.confirm-modal-box{background-color:#fff;border-radius:8px;box-shadow:0 3px 5px #0000004d;left:50%;padding:20px;position:absolute;top:40%;transform:translate(-50%,-50%);width:300px}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px}.modal-actions button{margin-left:10px}
/*# sourceMappingURL=main.e0237edb.css.map*/