.kanban-container{display:flex;flex-direction:column;height:100%;background-color:var(--bg-app,#f3f4f6);padding:var(--sp-4,1rem);gap:var(--sp-4,1rem);overflow:hidden;box-sizing:border-box}.kanban-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.kanban-header .page-title{font-size:var(--text-xl,1.25rem);font-weight:var(--fw-semi700,600);color:var(--text-primary,#111827);margin:0}.kanban-actions{display:flex;align-items:center;gap:var(--sp-2,.5rem)}.add-column-btn{display:inline-flex;align-items:center;gap:var(--sp-2,.5rem);padding:var(--sp-2,.5rem) var(--sp-4,1rem);background:var(--primary,#3b82f6);color:#fff;border:none;border-radius:var(--radius-md,.375rem);font-size:var(--text-sm,.75rem);font-weight:var(--fw-medium,500);cursor:pointer;transition:background var(--transition-fast,.15s ease)}.add-column-btn:hover {background:var(--primary-hover,#2563eb)}.kanban-board{display:flex;flex-direction:row;gap:var(--sp-4,1rem);overflow-x:auto;overflow-y:hidden;flex:1;align-items:flex-start;padding-bottom:var(--sp-2,.5rem)}.kanban-column{display:flex;flex-direction:column;width:17rem;min-width:17rem;max-height:100%;background:var(--bg-card,#ffffff);border-radius:var(--radius-lg,.5rem);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,0.10));border-top:4px solid #e5e7eb;flex-shrink:0;overflow:hidden}.kanban-column.drag-over{background:var(--primary-light,#eff6ff);box-shadow:0 0 0 2px var(--primary,#3b82f6)}.kanban-column .column-header{display:flex;align-items:center;gap:var(--sp-2,.5rem);padding:var(--sp-3,.75rem) var(--sp-4,1rem);border-bottom:1px solid var(--border,#d1d5db);flex-shrink:0}.column-title{flex:1;font-size:var(--text-md,.875rem);font-weight:var(--fw-semi700,600);color:var(--text-secondary,#374151);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-limit{font-size:var(--text-xs,.625rem);color:var(--text-muted,#6b7280);background:var(--bg-app,#f3f4f6);border:1px solid var(--border,#d1d5db);border-radius:var(--radius-full,9999px);padding:1px var(--sp-2,.5rem);white-space:nowrap}.add-task-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;background:transparent;border:none;border-radius:var(--radius-md,.375rem);color:var(--text-muted,#6b7280);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast,.15s ease),
              color var(--transition-fast,.15s ease)}.add-task-btn:hover {background:var(--bg-app,#f3f4f6);color:var(--text-primary,#111827)}.task-list{display:flex;flex-direction:column;gap:var(--sp-3,.75rem);padding:var(--sp-3,.75rem) var(--sp-3,.75rem);overflow-y:auto;flex:1;min-height:3rem}.task-list:-webkit-scrollbar {width:.3rem}.task-list:-webkit-scrollbar-track  {background:transparent}.task-list:-webkit-scrollbar-thumb  {background:var(--border,#d1d5db);border-radius:9999px}.task-list:-webkit-scrollbar-thumb:hover {background:var(--text-muted,#6b7280)}.task-card{background:var(--bg-card,#ffffff);border:1px solid var(--border,#d1d5db);border-radius:var(--radius-md,.375rem);padding:var(--sp-3,.75rem);cursor:grab;box-shadow:var(--shadow-xs,0 1px 2px rgba(0,0,0,0.05));transition:box-shadow var(--transition-fast,.15s ease),
              transform  var(--transition-fast,.15s ease),
              background var(--transition-fast,.15s ease);user-select:none}.task-card:hover {box-shadow:var(--shadow-md,0 4px 6px rgba(0,0,0,0.07));transform:translateY(-1px);border-color:var(--border-focus,#3b82f6)}.task-card.dragging,.task-card:active{cursor:grabbing;opacity:.7;transform:scale(1.02);box-shadow:var(--shadow-md,0 4px 6px rgba(0,0,0,0.12))}.task-header{display:flex;align-items:flex-start;gap:var(--sp-2,.5rem);margin-bottom:var(--sp-1,.25rem)}.priority-badge{width:.6rem;height:.6rem;min-width:.6rem;border-radius:50%;margin-top:.2rem;flex-shrink:0}.priority-low{background:#84cc16}.priority-medium{background:#f59e0b}.priority-high{background:#f97316}.priority-urgent{background:#dc2626}.priority-Low{background:#84cc16}.priority-Medium{background:#f59e0b}.priority-High{background:#f97316}.priority-Urgent{background:#dc2626}.task-title{font-size:var(--text-sm,.75rem);font-weight:var(--fw-medium,500);color:var(--text-primary,#111827);margin:0;flex:1;line-height:1.4}.task-description{font-size:var(--text-xs,.625rem);color:var(--text-muted,#6b7280);margin:var(--sp-2,.5rem) 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-footer{display:flex;align-items:center;gap:var(--sp-3,.75rem);margin-top:var(--sp-2,.5rem);padding-top:var(--sp-2,.5rem);border-top:1px solid var(--border,#e5e7eb)}.task-assignee,.task-due-date{display:inline-flex;align-items:center;gap:var(--sp-1,.25rem);font-size:var(--text-xs,.625rem);color:var(--text-muted,#6b7280)}.task-assignee svg,.task-due-date svg{flex-shrink:0;opacity:.7}.task-tags{display:flex;flex-wrap:wrap;gap:var(--sp-1,.25rem);margin-top:var(--sp-2,.5rem)}.tag{font-size:var(--text-xs,.625rem);padding:2px var(--sp-2,.5rem);background:var(--primary-light,#eff6ff);color:var(--primary,#3b82f6);border-radius:var(--radius-full,9999px);white-space:nowrap}@media (max-width: 768px){.kanban-board{flex-direction:column;align-items:stretch;overflow-x:hidden;overflow-y:auto}.kanban-column{width:100%;min-width:0;max-height:none}.kanban-header{flex-direction:column;align-items:flex-start;gap:var(--sp-3,.75rem)}.task-card{margin-bottom:0}.task-footer{flex-direction:column;align-items:flex-start;gap:var(--sp-1,.25rem)}}