.task-card{background-color:#fff;border:1px solid #e1dfdd;border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer;transition:box-shadow .3s ease,transform .2s ease;box-shadow:0 2px 4px #0000000f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.task-card:hover:not(.disable-hover){box-shadow:0 6px 16px #0000001f;transform:translateY(-2px);background-color:#faf9f8}.task-card.disable-hover{pointer-events:none;transform:none!important;box-shadow:0 2px 4px #0000000f!important;background-color:#fff!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#32313066;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;padding:2rem;border-radius:10px;width:440px;max-width:92%;box-shadow:0 12px 28px #00000040;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#323130}.modal h2{margin-top:0;font-size:1.5rem;margin-bottom:1rem}.modal p{margin-bottom:.75rem;color:#605e5c;font-size:.95rem;line-height:1.4}.modal-buttons{display:flex;gap:.75rem;margin-top:1rem}.modal-button-primary{padding:10px 16px;border:none;border-radius:6px;background-color:#0078d4;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.modal-button-primary:hover,.modal-button-primary:focus{background-color:#005ea6;outline:none;box-shadow:0 0 0 3px #0078d480}.modal-button-secondary{padding:10px 16px;border:none;border-radius:6px;background-color:#edebe9;color:#323130;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.modal-button-secondary:hover,.modal-button-secondary:focus{background-color:#e1dfdd;outline:none;box-shadow:0 0 0 3px #8e8c8a80}.column{background-color:#fff;border-radius:10px;padding:1.25rem;width:280px;min-height:520px;margin:0 10px;display:flex;flex-direction:column;box-shadow:0 6px 16px #00000014;border:1px solid #e1dfdd;transition:box-shadow .3s ease,transform .2s ease}.column h2{margin:0 0 1rem;font-size:1.375rem;color:#201f1e;font-weight:600;text-align:center;border-bottom:2px solid #0078d4;padding-bottom:.5rem;text-transform:capitalize;letter-spacing:.3px}.column .task-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.kanban-board{display:flex;flex-direction:row;gap:1.5rem;padding:2rem;overflow-x:auto;height:calc(100vh - 120px);background-color:#f3f2f1;scroll-behavior:smooth;border-top:1px solid #e1dfdd;border-bottom:1px solid #e1dfdd;transition:background-color .3s ease}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-thumb{background-color:#c8c6c4;border-radius:4px}.kanban-board::-webkit-scrollbar-track{background-color:#edebe9}.kanban-board-wrapper{max-width:100%;overflow-x:auto;padding-left:.5rem}@media (max-width: 480px){.kanban-board{flex-direction:column;height:auto;padding:1rem 1rem 2rem;gap:1rem;background-color:#fff}.kanban-board::-webkit-scrollbar{height:6px}}.create-task-form{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 6px 18px #00000014;max-width:440px;margin:2rem auto;display:flex;flex-direction:column;gap:1.25rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:1px solid #e1dfdd;transition:box-shadow .3s ease}.create-task-form:hover{box-shadow:0 8px 24px #0000001f}.create-task-form h2{margin-bottom:.5rem;color:#0078d4;text-align:center;font-size:1.75rem;font-weight:600}.create-task-form input,.create-task-form textarea,.create-task-form select{width:100%;padding:12px 14px;border:1px solid #c8c6c4;border-radius:6px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box;background-color:#faf9f8}.create-task-form input:focus,.create-task-form textarea:focus,.create-task-form select:focus{border-color:#0078d4;box-shadow:0 0 0 2px #0078d44d;outline:none;background-color:#fff}.create-task-form textarea{resize:vertical;min-height:90px}.create-task-form input::placeholder,.create-task-form textarea::placeholder{color:#8a8886;opacity:1}.create-task-form button{background-color:#0078d4;color:#fff;border:none;padding:.75rem 1rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease;width:100%}.create-task-form button:hover{background-color:#005a9e;transform:translateY(-1px)}.date-input-wrapper{position:relative;width:100%}.date-input-wrapper input{padding-right:44px}.date-input-wrapper .calendar-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#605e5c;cursor:pointer;font-size:1.2rem}.filter{background-color:#fff;width:95%;margin-left:auto;margin-right:auto;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 12px #00000014;border:1px solid #e1dfdd;transition:box-shadow .3s ease}.filter:hover{box-shadow:0 6px 20px #0000001f}.filter h2{margin-bottom:1rem;font-size:1.25rem;color:#323130}.filter-inputs{display:flex;flex-direction:column;gap:.75rem}.filter input,.filter select,.filter button{padding:.75rem;font-size:1rem;border-radius:6px;border:1px solid #c8c6c4;transition:border-color .3s,box-shadow .3s}.filter input:focus,.filter select:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 2px #0078d44d}.filter button{background-color:#0078d4;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.filter button:hover{background-color:#005a9e;transform:translateY(-1px)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:#f3f2f1;color:#323130}.kanban-section{display:flex;justify-content:center;padding:1rem;overflow-x:auto}@media (max-width: 768px){.kanban-section{padding:1rem}.kanban-section h1{font-size:1.5rem}}