:root{font-family:system-ui,sans-serif;color:#1a1a1a;background:#f4f5f7}body{margin:0}.contenedor{max-width:640px;margin:2rem auto;padding:0 1rem}h1{text-align:center}.formulario{display:flex;gap:.5rem;margin-bottom:1.5rem}.formulario input{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:6px}.formulario button,.tarjeta-acciones button,.formulario input{font-size:1rem}button{cursor:pointer;padding:.5rem 1rem;border:none;border-radius:6px;background:#2563eb;color:#fff}.lista{display:flex;flex-direction:column;gap:.75rem}.tarjeta{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.75rem 1rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.tarjeta-info{display:flex;flex-direction:column;gap:.25rem}.tarjeta-acciones{display:flex;gap:.5rem;align-items:center}.tarjeta-acciones select{padding:.4rem;border-radius:6px;border:1px solid #ccc}.btn-eliminar{background:#dc2626}.badge{font-size:.75rem;padding:.1rem .5rem;border-radius:999px;width:fit-content}.badge-pendiente{background:#fef3c7;color:#92400e}.badge-completado{background:#d1fae5;color:#065f46}