body {
            font-family: 'Montserrat', sans-serif;
            background-color: #f0f4f8;
        }
        .kanban-column {
            min-height: 300px;
        }
        .task-card {
            cursor: pointer;
            transition: all 0.2s;
        }
        .task-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }
        .project-card {
            cursor: pointer;
            transition: all 0.3s;
            height: 100%;
        }
        .project-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .modal {
            transition: opacity 0.25s ease;
        }
        .modal-container {
            transition: all 0.3s ease;
        }
        .drag-handle {
            cursor: move;
        }
        .sortable-ghost {
            opacity: 0.4;
        }
        .loader {
            border-top-color: #4f46e5;
            animation: spinner 1.5s linear infinite;
        }
        @keyframes spinner {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .fade-enter {
            opacity: 0;
        }
        .fade-enter-active {
            opacity: 1;
            transition: opacity 300ms;
        }
        .fade-exit {
            opacity: 1;
        }
        .fade-exit-active {
            opacity: 0;
            transition: opacity 300ms;
        }
        .project-info-collapse {
            transition: max-height 0.3s ease;
            overflow: hidden;
        }
		.object-cover {
			max-height: 50rem !important;
		}