:root {
  --brand: #4f46e5;
  --brand-dark: #3730a3;
}

body {
  background: #f4f5f9;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

.app-navbar {
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
}

.nav-tab.active {
  font-weight: 600;
  border-bottom: 2px solid #fff;
}

.stat-card {
  border-radius: 14px;
}

.card {
  border-radius: 14px;
}

.badge-priority-High { background:#fee2e2; color:#b91c1c; }
.badge-priority-Medium { background:#fef3c7; color:#92400e; }
.badge-priority-Low { background:#dcfce7; color:#166534; }

.badge-status-Pending { background:#e0e7ff; color:#3730a3; }
.badge-status-InProgress { background:#fef3c7; color:#92400e; }
.badge-status-Completed { background:#dcfce7; color:#166534; }

.kanban-col {
  background:#f8f9fc;
  border-radius:12px;
  padding:12px;
  min-height: 200px;
}

.kanban-col h6 {
  font-weight:700;
  font-size:.85rem;
  text-transform: uppercase;
  letter-spacing:.03em;
  color:#6b7280;
}

.kanban-task {
  background:#fff;
  border:1px solid #eef0f5;
  border-radius:10px;
  padding:10px 12px;
  margin-bottom:8px;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.kanban-task .title {
  font-weight:600;
  font-size:.9rem;
}

.avatar-circle {
  width:34px;
  height:34px;
  border-radius:50%;
  background: var(--brand);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  font-size:.85rem;
}

.app-view {
  animation: fadeIn .25s ease;
}

@keyframes fadeIn {
  from { opacity:0; transform: translateY(6px); }
  to { opacity:1; transform: translateY(0); }
}