.card{border:1px solid #e2e8f0;background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 1px 2px #0000000d}
.btn-primary,.btn-secondary{display:inline-block;border-radius:.75rem;padding:.625rem 1rem;font-weight:600;transition:.15s}
.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}
.btn-secondary{border:1px solid #cbd5e1;background:#fff;color:#334155}.btn-secondary:hover{background:#f8fafc}
.nav-link{border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#475569}.nav-link:hover{background:#f1f5f9;color:#0f172a}
.chip{white-space:nowrap;border:1px solid #e2e8f0;background:#fff;border-radius:9999px;padding:.375rem .75rem;font-size:.875rem;color:#475569}
.eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#4f46e5}
.field{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:600;color:#334155}
.field input,.field select,.inline-form input{border:1px solid #cbd5e1;background:#fff;border-radius:.75rem;padding:.625rem .75rem;font-weight:400;outline:none}
.field input:focus,.field select:focus,.inline-form input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #e0e7ff}
.inline-form{display:flex;gap:.5rem}.inline-form input{min-width:0;flex:1}
.empty-state{border:1px dashed #cbd5e1;border-radius:1rem;padding:2.5rem;text-align:center;color:#64748b}
@media(min-width:640px){.card{padding:1.5rem}}
.status{display:inline-flex;border-radius:9999px;padding:.35rem .7rem;font-size:.75rem;font-weight:700}
.status-not_started{background:#f1f5f9;color:#475569}.status-in_progress{background:#eef2ff;color:#4338ca}
.status-completed{background:#ecfdf5;color:#047857}.status-needs_revision{background:#fff7ed;color:#c2410c}
.notification-badge{display:inline-grid;min-width:1.25rem;height:1.25rem;place-items:center;border-radius:9999px;background:#e11d48;color:white;font-size:.7rem;font-weight:700}