body { font-family: system-ui, sans-serif; margin: 0; padding: 1.5rem; background: #f5f5f4; }
.auth-card { max-width: 360px; margin: 3rem auto; background: white; padding: 2rem; border-radius: 8px; }
.auth-card form { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1rem; }
.error { color: #b91c1c; }
header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.board { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.column { background: white; border-radius: 8px; padding: 1rem; min-height: 60vh; }
.card { background: #f5f5f4; border-radius: 6px; padding: 0.75rem; margin-bottom: 0.5rem; cursor: grab; }
.card.dragging { opacity: 0.5; }