.kanban-container{display:flex;flex-direction:column;height:100vh;width:100%;background-color:#f5f5f5;box-sizing:border-box;padding:10px;overflow:hidden}.kanban-board{display:flex;justify-content:center;width:100%;height:calc(100vh - 80px);gap:2px;padding:8px;box-sizing:border-box;overflow:auto;transform-origin:top center;transform:scale(min(1,(100vw - 40px) / 1600))}.kanban-column{width:240px;flex:0 0 240px;background-color:#f4f5f7;border-radius:8px;padding:6px 4px;display:flex;flex-direction:column;height:100%;overflow:hidden;margin:0 1px}@media screen and (max-width: 1600px){.kanban-board{transform-origin:top center;transform:scale(min(1,(100vw - 40px) / 1600))}}@media screen and (max-width: 1200px){.kanban-board{transform:scale(min(.9,(100vw - 40px) / 1600))}}@media screen and (max-width: 1000px){.kanban-board{transform:scale(min(.8,(100vw - 40px) / 1600))}}.kanban-column-title{font-size:10px;font-weight:700;margin-bottom:6px;color:#000!important;white-space:nowrap}.kanban-tasks{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;box-sizing:border-box}.kanban-tasks-grid{display:grid;gap:8px;width:100%;box-sizing:border-box}.kanban-tasks-grid.single-column{grid-template-columns:1fr}.kanban-tasks-grid.two-columns{grid-template-columns:repeat(2,1fr)}.task-card-wrapper{width:100%;break-inside:avoid;page-break-inside:avoid}.kanban-task{width:100%;min-height:80px;background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000001a;padding:8px;display:flex;flex-direction:column;justify-content:space-between;cursor:move;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;box-sizing:border-box;font-size:12px;margin:0}.kanban-column[data-column-id="1"],.kanban-column[data-column-id="2"]{--min-column-width: 480px;width:var(--min-column-width);flex:0 0 var(--min-column-width)}.kanban-column[data-column-id="3"],.kanban-column[data-column-id="4"]{width:240px;flex:0 0 240px}.kanban-column[data-column-id="1"] .kanban-task,.kanban-column[data-column-id="2"] .kanban-task,.kanban-column[data-column-id="3"] .kanban-task,.kanban-column[data-column-id="4"] .kanban-task{max-width:220px;margin:0 auto}.kanban-task .task-title{color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;margin-bottom:4px}.kanban-task .task-due-date{color:#5e6c84;font-size:12px}.task-info{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:11px}.task-info p{font-size:14px;color:#5e6c84;margin:0}.MuiFormControlLabel-label{color:#000!important}.kanban-tasks::-webkit-scrollbar{width:4px}.kanban-tasks::-webkit-scrollbar-track{background:#f1f1f1}.kanban-tasks::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.kanban-tasks::-webkit-scrollbar-thumb:hover{background:#555}@keyframes grab{0%{transform:scale(1) rotate(0)}to{transform:scale(1.05) rotate(2deg)}}@keyframes drop{0%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1) rotate(0)}}.kanban-task.dragging{animation:grab .3s ease-out forwards}.kanban-task.dropped{animation:drop .3s ease-out}.kanban-task.dragging{cursor:grabbing;opacity:.8;transform:scale(.95);transition:all .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.trash-area-active{animation:pulse 1s infinite}.task-due-date.overdue{color:red!important}.incomplete-fields{background-color:#fff3f3;border:1px solid #ffcdd2}.warning-message{display:block;width:100%}body,html{margin:0;padding:0;height:100%;width:100%;overflow:hidden}.App{text-align:center;height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}