LikhithWebDev/kanbanflow-remote-visual-task-master-for-teams

1@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');2 3body {4    font-family: 'Inter', sans-serif;5    min-height: 100vh;6    display: flex;7    flex-direction: column;8}9 10/* Drag and drop styles */11.sortable-chosen {12    opacity: 0.8;13    transform: scale(1.02);14    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);15}16 17.sortable-ghost {18    opacity: 0.4;19    background-color: rgba(99, 102, 241, 0.1);20    border: 2px dashed rgba(99, 102, 241, 0.8);21}22 23/* Card priority indicators */24.priority-high {25    border-left: 4px solid #ef4444;26}27 28.priority-medium {29    border-left: 4px solid #f59e0b;30}31 32.priority-low {33    border-left: 4px solid #10b981;34}35 36/* Transition effects */37.transition-all {38    transition-property: all;39    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);40    transition-duration: 150ms;41}42 43/* Modal animations */44.modal-enter {45    opacity: 0;46    transform: scale(0.95);47}48 49.modal-enter-active {50    opacity: 1;51    transform: scale(1);52    transition: opacity 200ms, transform 200ms;53}54 55.modal-exit {56    opacity: 1;57    transform: scale(1);58}59 60.modal-exit-active {61    opacity: 0;62    transform: scale(0.95);63    transition: opacity 200ms, transform 200ms;64}