body { font-family: 'Inter', sans-serif; background-color: #f8fafc; color: #1e293b; }
.card { background: white; border-radius: 1.5rem; border: 1px solid #e2e8f0; }
.modal-bg { background: rgba(15, 23, 42, 0.7); backdrop-filter: blur(8px); }
.btn-grad { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); }
.task-item { padding: 0.75rem 1.25rem; border-bottom: 1px solid #f1f5f9; }
.task-desc { font-size: 14px; line-height: 1.4; color: #64748b; margin-top: 2px; }
.sortable-ghost { opacity: 0.4; background: #dbeafe; }
.drag-handle { cursor: grab; }
.drag-handle:active { cursor: grabbing; }